/* main styles for themes */
/*http://www.colorzilla.com/gradient-editor/ */
html,
body {
    width: 100%;
    height: 100%!important;
}

body {
    font-size: 18px;
    line-height: 1.9;
    font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #122b40;
}

a {
    color:#789;
    text-decoration: underline;
}

a, .btn, button {
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
}

a:hover, a:focus {
    color:#999;
}

img {
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
}

img:hover, img:focus {
    opacity:0.8;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    line-height: 1.3;
    font-weight: 700;
}

h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 30px;
}

h1, .heading {
    font-size: 45px;
    line-height: 52px;
    margin-bottom: 35px;
    letter-spacing: -2px;
}

h1 a, h1 a:hover,  h1 a:focus,
.heading a, .heading a:hover, .heading a:focus {
    text-decoration: none;
}

h2 {
    font-size: 35px;
    margin-bottom: 20px;
}

h3 {
    line-height: 1.5;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    right: 0;
    width: 250px;
    height: 100%;
    margin-right: -250px;
    overflow-y: auto;
    background: #222;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li a {
    padding-left: 25px;
    line-height: 50px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    text-indent: 2px;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    font-size: 22px;
    font-weight: 700;
    padding-top: 25px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999;
    padding-left: 22px;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

#menu-toggle {
    z-index: 1;
    position: fixed;
    top: 10px;
    right: 10px;
}

#sidebar-wrapper.active {
    right: 250px;
    width: 250px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    display: block;
}

.toggle {
    margin: 15px 15px 0 0;
}

.label-small {
    background-color: #cc0000;
    font-size: 11px;
    text-transform: uppercase;
    padding:5px 15px;
    margin:20px 0;
    vertical-align: bottom;
    letter-spacing: 1px;
    text-shadow: none;
    line-height: 15px;
    display: inline-block;
}

.head {
    padding: 60px 0;
}

.text-vertical h1, .text-vertical .heading {
    display: inline-block;
}

.text-vertical a {
    color: #fff;
}

.text-vertical p {
    margin-bottom: 30px;
}

.btn,
input,
textarea {
    border-radius: 2px!important;
}


.btn-dark {
    border-radius: 50%!important;
    color: #fff;
    background-color: rgba(120,120,120,0.6);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: rgba(0,0,0,0.9);
    opacity: .8;
}

.btn-light {
    color: #999;
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    color: #ccc;
}

a.border-button, a.border-button-black, .border-button, .border-button-black {
    font-size:16px;
    padding:10px 50px;
    margin-top:10px;
    font-weight:400;
    display: inline-block;
    text-decoration: none;
    border-radius: 2px;
    text-shadow: none;
}

a.border-button, .border-button {
    border:2px solid #E4E4E4;
    color:#E4E4E4;
}

a.border-button-black, .border-button-black {
    border:1px solid #444;
    background: transparent;
}

.border-button:hover, .border-button-black:hover,
.border-button:focus, .border-button-black:focus {
    opacity: 0.7;
}

.border-button:hover, .border-button:focus {
    color: #fff;
}


.text-vertical {
    display: table-cell;
    vertical-align: middle;
    background: rgba(0,0,0,.5);
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
}

.header {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    /*  background: url(../img/header.jpg) no-repeat center center fixed;*/
    background: url(../assets/img/1_header_keys.jpg) no-repeat center center fixed;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#testimonials,
.call-to-action {
    background: #1B1F23;
    color: #fff;
}

#contactForm {
    background: rgba(0,0,0,0.3);
    padding: 10px 35px 35px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-shadow: none;
}

.help-block li {
    font-size: 12px;
    list-style: none;
    color:#fff;
}

#contact .help-block li {
    color:#000;
}

.help-block ul {
    padding: 0;
    margin: 0;
}

#top .form-control {
    margin-bottom:0;
}

#top .form-group {
    margin-bottom: 10px;
}

#contact .form-group {
    margin-bottom: 0;
}

.form-control {
    margin-bottom: 15px;
}

.form-signin p {
    margin-bottom: 20px;
}

.checkbox {
    margin-bottom: 10px;
}

label {
    margin: 10px 10px 20px 0;
}

.btn,
.btn:focus,
.btn:active,
.active {
    outline: 0;
}

.scroll-btn {
    padding: 5px 0 50px;
    width: 100%;
    display: block;
    text-align: center;
}

.scroll-btn .mouse {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 75px;
    margin: 0 auto 5px;
    border: 2px solid #fff;
    border-radius: 24px;
    opacity: .6;
}

.scroll-btn .mouse span {
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    width: 8px;
    height: 12px;
    margin: -10px 0 0 -4px;
    background: #fff;
    border-radius: 20px;
    -webkit-animation: scroll 2s linear infinite;
    -moz-animation: scroll 2s linear infinite;
    animation: scroll 2s linear infinite;
}

@-webkit-keyframes scroll { 1% {opacity: 1; top: 30%;} 20% {opacity: 1; top: 50%;} 60% {opacity: 0; top: 50%;} 100% {opacity: 0; top: 30%;} }
@-moz-keyframes scroll { 1% {opacity: 1; top: 30%;} 20% {opacity: 1; top: 50%;} 60% {opacity: 0; top: 50%;} 100% {opacity: 0; top: 30%;} }
@keyframes scroll { 1% {opacity: 1; top: 30%;} 20% {opacity: 1; top: 50%;} 60% {opacity: 0; top: 50%;} 100% {opacity: 0; top: 30%;} }

.img-about-greed img {
    height: 460px;
}
.case-study img {
    height: 675px;
}

@media(max-width:1200px) {
    .case-study img {
        padding-top:40px;
    }
}

.services-grid,
.about-grid,
.case-study{
    overflow: hidden;
}

#portfolio,
.about-grid {
    background: #eee;
}

.services .fa,
.about-grid .fa,
.case-study .fa {
    color:#789;
    padding: 30px 15px 0 0;
}

.callout {
    display: table;
    width: 100%;
    color: #fff;
    background: url(../assets/img/callout.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.callout .text-vertical,
.overlay {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
}

.portfolio-item .portfolio-link {
    display: block;
    position: relative;
}
.portfolio-item .portfolio-link .caption {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(119, 136, 153, 0.5);
    cursor: pointer;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}
.portfolio-item .portfolio-link .caption:hover {
    opacity: 1;
}
.portfolio-item .portfolio-link .caption .caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}
.portfolio-item .portfolio-link .caption .caption-content i {
    margin-top: -30px;
}
.portfolio-link:hover {
    -moz-transform: scale(1.04);-webkit-transform: scale(1.04);-o-transform: scale(1.04);-ms-transform: scale(1.04);transform: scale(1.04);
}
.portfolio-item {
    overflow: hidden;
}
@media(max-width:767px) {
    .portfolio-item img {
        width: 100%;
    }
}

.portfolio-modal .modal-content {
    padding: 60px 0;
    min-height: 100%;
    min-width: 102%;
    border: 0;
    border-radius: 0;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.portfolio-modal .modal-content h2 {
    margin: 0;
    font-size: 30px;
}

.portfolio-modal .modal-content img,
.portfolio-modal .embed-responsive {
    margin-bottom: 30px;
    width: 100%;
}

.portfolio-modal .close-modal {
    position: absolute;
    top: 20px;
    right: 40px;
    cursor: pointer;
    color:#000;
    opacity: 0.5;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}
.portfolio-modal .close-modal:hover {
    opacity: .3;
}
.portfolio-modal .modal-backdrop {
    display: none;
    opacity: 0;
}
.modal-body {
    max-width: 800px;
    margin:0 auto;
    padding: 0 20px;
}

#sponsor {
    padding: 30px 0;
    background: #f2f2f2;
}

.sponsor img {
    max-width: 132px;
    height: 50px;
    margin: 50px auto;
    display: block;
}

.carousel-inner img
{  width: 200px;
    height: 200px;
    border-radius: 50%;
    display: inline-block!important;
    border:3px solid #789;
}

.carousel-caption {
    position: static;
}

.carousel-indicators .active, .carousel-indicators li  {
    width: 16px;
    height: 16px;
    margin: 0 5px -50px;
}

.carousel-name {
    font-style: italic;
    font-size: 16px;
    color: #789;
}

.call-to-action .carousel-caption,
.call-to-action .carousel-indicators {
    text-align: left;
    left: 0;
    margin-left: 0;
}

footer {
    background: #eee;
}

footer,
.overlay,
.callout .text-vertical {
    padding: 150px 0;
}


.services,
.about,
.about-grid,
.case-study,
.call-to-action,
#testimonials,
.head {
    padding: 100px 0;
}

#contact {
    padding: 200px 0;
}

#case-study,
#services {
    background: #eee;
}

#contact {
    display: table;
    width: 100%;
    background: url(../assets/img/desk.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}



.aslm-ss-footer {
    display: table;
    width: 100%;
    color: #fff;
    background: url(../assets/img/contact.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.header a, .call-to-action a, .callout a, #contact2 a {
    color: #fff;
}

.header a:hover, .call-to-action a:hover, .callout a:hover, #contact2 a:hover {
    opacity: .8;
}

.list-inline {
    padding: 30px 0;
}

.no-pad {
    padding: 0;
}

.no-pad-right {
    padding-right: 0;
}

#map {
    width: 100%;
    height: 300px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

@media (max-width: 768px) {
    body {
        line-height: 1.7;
    }
    h1, .heading {
        font-size: 35px;
    }
    a.border-button {
        font-size: 16px;
        padding: 10px 30px;
        margin-top: 20px;
    }
    .about-grid,
    .services,
    .case-study,
    #contact {
        text-align: center;
    }

}

@media (max-width: 992px) {
    #contactForm {
        max-width: 450px;
        margin: 0 auto;
    }

    .text-vertical,
    footer {
        text-align: center;
    }
    .scroll-btn {
        padding-top: 30px;
    }

}

@media (max-width: 1200px) {
    .no-pad-right {
        padding-right: 15px;
    }
    #testimonials {
        height: 620px;
    }

    .call-to-action .carousel-caption,
    .call-to-action .carousel-indicators {
        text-align: center;
        width: 100%;
    }

    .services,
    .about,
    .case-study,
    footer,
    .overlay,
    .head,
    .callout .text-vertical,
    #testimonials,
    .call-to-action,
    #contact {
        padding: 60px 0;
    }

    #contactForm {
        padding: 15px;
    }
}

@media (max-width: 1440px) {
    h2 {
        font-size: 25px;
    }
    h3 {
        font-size: 20px;
    }
}

@media (max-width: 1400px) {
    .text-vertical {
        padding-top: 50px;
    }
}
@media(max-width:1200px) {
    .header, .callout, #contact2 {
        background-attachment: scroll;
    }
}

/* ----- end crossover ----- */

/* ----- begin edits ----- */
.jGrowl-close {
    margin-top: -4px;
}


/* begin scrollUp css           */
/* Tab style */
#scrollUp {
    bottom: -10px;
    width: 70px;
    right: 20px;
    height: 70px;
    padding: 10px 5px;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    color: #828282;
    -webkit-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);
    background-color: #E6E6E6;
    background-image: -moz-linear-gradient(top, #EBEBEB, #DEDEDE);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EBEBEB), to(#DEDEDE));
    background-image: -webkit-linear-gradient(top, #EBEBEB, #DEDEDE);
    background-image: -o-linear-gradient(top, #EBEBEB, #DEDEDE);
    background-image: linear-gradient(to bottom, #EBEBEB, #DEDEDE);
    background-repeat: repeat-x;
    -webkit-transition: bottom 150ms linear;
    -moz-transition: bottom 150ms linear;
    transition: bottom 150ms linear;
}

#scrollUp:hover {
    bottom: 0px;
}
/* end scrollUp css           */



/* ------ begin load mask settings  */
/* added fixed to used statically in dt etc, otherwise unmasking grans all by class and removes from dom */
.loadmask,
.fixedloadmask
{
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    /*  doubles up on android
   -moz-opacity: 0.5;
   opacity: .50;
   filter: alpha(opacity=50);
   background-color: #CCC;    */
    background:rgb(204,204,204);
    background: transparent\9;
    background:rgba(204,204,204,0.3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4ccccccc,endColorstr=#4ccccccc);
    zoom: 1;
    width: 100%;
    height: 100%;
    zoom: 1;
}

.loadmask-msg,
.fixedloadmask-msg{

    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #6593cf;
    background: #c3daf9;
    padding:2px;
}

.loadmask-msg div,
.fixedloadmask-msg div
{
    padding:5px 10px 5px 25px;
    background: #fbfbfb url('../../../../../../assets/images/ajax-loaders/loading-mask.gif') no-repeat 5px 5px; /*../assets/javascripts/jquery-loadmask/*/
    line-height: 16px;
    border:1px solid #a3bad9;
    color:#222;
    /*   font:normal 11px tahoma, arial, helvetica, sans-serif;    */
    cursor:wait;
}

.ss-custom-body .fixedloadmask-msg div,

.ss-custom-body .loadmask-msg div
{

    font-size: .8em !important;
    /* font-weight: bold !important;*/
    color: rgba(0, 0, 0, 0.55) !important;
}

.aasldt-processing {
    position: relative !important;
    margin-right: auto !important;;
    margin-left: auto !important;
    display: table !important;

}

.aasldt-processing div {
    display: table !important;
    font-size: 1em !important ;
}

.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}

/* ------ end load mask settings */


/* ----- begin slideshow ----- */
/* only set img width, height with css, do not hard code in li to keep responsive */
/* orginal */
/* slides */
.slideshow {
    position:relative;
    margin:0 0 1em;
    direction:ltr;
}

.slideshow a {
    font-size:.75em;
    line-height:2em;
    text-decoration:none;
    color:#fff;
    background:#666;
}

.slideshow a:hover,
.slideshow .selected a {
    background-color:#333;
}

.carousel {
    margin:0;
    padding:0;
    list-style:none;
}

.slide {
    z-index:100;
}

.slide img {
    display:block;
}

/* pagination */
.slides-pagination {
    position:absolute;
    bottom:1em;
    left:1em;
    margin:0;
    padding:0;
    list-style:none;
    z-index:110;
}

.slides-pagination li {
    display:inline;
}

.slides-pagination a {
    display:block;
    float:left;
    width:2em;
    margin-right:5px;
}

/* skip */
.slides-next,
.slides-prev {
    position:absolute;
    top:50%;
    margin-top:-1em;
    padding:0 .5em;
    z-index:120;
}

.slides-next {
    right:0;
}

.slides-prev {
    left:0;
}

.slides-next.disabled,
.slides-prev.disabled {
    opacity:.5;
    cursor:auto;
}
/* edits */
.aslmslidewrap {
    /* max width of slideshow */
    /* is responsive and max to 500 x 300*/
    max-width: 500px !important;

}
.aslmslidewrap img {
    /* max height width of image*/
    width: 100% !important;


    height:auto !important; /* override element level */
    max-height: 300px !important;
}
.aslmslidewrap li {
    /* max height of view*/
    max-height: 300px !important;


}

.slides-pagination a {
    text-align:center;
}
.loadhide{
    display: none;
}
/* ----- end slideshow ----- */

/* ----- begin map ----- */




.map-canvas-css {
    float: left;
    width: 300px;
    height: 300px;
    min-height: 100px;

    width: 60% ;

}
.map-streetview-css {
    float: left;
    width: 200px;
    height: 300px;
    min-height: 300px;

    width: 40% ;

}
.map-mapcontainer-css {


    height: 300px;
    min-width: 500px ;

    /* background-color: pink;*/

}

@media only screen and (max-width : 950px) {

    #map_canvas {
        /*    max-width: 500px !important;*/
        /*    width: 100% !important; */
    }
    #streetview_canvas {
        /*      max-width: 500px !important;
              width: 100% !important;*/
        /* min-width: 150px !important;*/
    }
    .map-canvas-css {
        width: 100% !important;
        max-width: inherit !important;
    }
    .map-streetview-css {
        width: 100% !important;
        max-width: inherit !important;
    }
    .map-mapcontainer-css {


        max-width: inherit !important;
        min-width: inherit !important;

        /* background-color: pink;*/

    }

}

.aslm-fullscreen-map-canvas {
    max-width: inherit !important;
    width: 100% !important;
}

.aslm-streetview-map-canvas {
    max-width: inherit !important;
    width: 100% !important;
}



.fullscreentext {
    color: black ;
}

/* ----- end map ----- */





/* ------ begin datatables and xeditable changes  */
.aaslm-data-table-cont {
    /*background-color: tan;     */


}

div[class*=-data-table-cont] {
    /* most outer dt container*/
    /*  width: 95% ;
        background-color: #003399;      */
}

div[id*=-dtdiv] {
    /* second outer dt container*/
    /* width: 95% !important ;
          background-color: #FF00FF !important ;    */
}

div[id*=-datatable_wrapper] {
    /* third outer dt container*/
    /*  width: 95% !important ;
          background-color: #33CC00 !important ;    */
    /*    padding: 10px !important ;
              margin: 10px !important ;      */
}

div[id*=-dt-wrapper] {
    /* forth outer dt container*/
    /*  width: 95% !important ;   */
    /*   background-color: #85FF5C !important ;    */
    /*    padding: 10px !important ;
              margin: 10px !important ;      */
}



/* begin test for all outsidewrappers */

div[class*=-data-table-cont],
div[id*=-dtdiv],
div[id*=-datatable_wrapper],
div[id*=-dt-wrapper] {
    width: 99.9% !important ;
    position: relative !important ;
    /*  height: 100% !important;   */

}
/* end test for all outsidewrappers */



.Xaaslm-w-dtdiv {
    width: 100% !important ;
    /*background-color: red; */


}

.aaslm-w-dtable {
    width: 100% !important; /* required to make it expand or set inline */
}

div[id*=-dtoolbar ] {
    /* USE holds custom icons in tool bard*/
    /* background-color: grey;   */
    margin-left: 5px !important;
    float: left !important ;
}

div[id*=-datatable_wrapper] .aaslm-dt-icon,
div[id*=-datatable_wrapper] .dtsearchclearadjust,
div[id*=-datatable_wrapper] .dtsearchadjust

{
    color: #616161  !important ;
    margin-top:3px !important ;
}

.aaslm-dt-icon:hover,
.aaslm-dt-icon:active,
.aaslm-dt-icon:visited,
.aaslm-dt-icon:focus,
.open > .aaslm-dt-icon {
    color: #B2E5FF !important;
}

.aaslm-dt-dropdown-adjust {
    /* USE positions custom but dropdown list*/
    left: 10px !important ;
}


div[id*=-datatable_wrapper ] {
    /* USE wrapper entire dt, can provide a background color*/
}

div[id*=-datatable_wrapper ]  div[class*=dataTables_scrollHead ] {
    /* holds column heads  */
    /*background-color: #CCCCCC !important; */
}

div[id*=-datatable_wrapper ] .btn-group {
    color: black !important ;
}

div[id*=-datatable_wrapper ]  div[id*=datatable_filter ] {
    /* USE holds search, grab descendent to target widget tables */
    padding: 0px !important ;
    height: 30px !important ;
}

div[id*=-datatable_wrapper ]  div[class*=dataTables_scrollHeadInner ] {
    /* USE holds colum table, grab descendent to target widget tables */
    /* background-color: red !important;   */
}

div[class*=dataTables_scrollHeadInner ] table {
    /* column titles */
    margin-top: 0px !important;
    border-bottom: 0px !important;
    margin-bottom: -1px !important;
}

div[id*=-datatable_wrapper ]  div[class*=dataTables_info ] {
    /* data info, 1 of etc  */
    padding: 4px !important;
    margin: 0px !important;
}

div[id*=-datatable_filter  ] input[type="search"]   {
    /* search input*/
    height: 26px !important ;
    padding: 1px 3px !important ;
    font-size: .8em !important ;
    line-height: 1 !important ;
    border-radius: 3px !important ;
    margin: 1px !important ;
    color: white;

}

div[id*=-datatable_filter  ] {

    margin-top: -10px !important;
}

div[class*=dataTables_filter] label {
    font-weight: bold !important ;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
    margin-left: 0px !important ;   /* open icon position*/
    margin: 50px !important ;
}

table.dataTable.dtr-column > tbody > tr > td.control::before,
table.dataTable.dtr-column > tbody > tr > th.control::before  {
    /* USE   control icon  closed  */
    /*  background-color: #339900 !important ; */  /*#31B131 #00AD00*/
    padding-right: 1px !important ;
    padding-top: 1px !important ;
    /* edits to fontawesome*/
    font-family: FontAwesome !important ;
    font-size: 1.25em !important ;
    content: "\f0fe" !important ;    /* plus: "\f067";  square plus: "\f0fe"*/
    /*color: #339900 !important ;*/
    color: #68BA42  !important ;
    color: #1b9a48 !important ;
    border: none  !important ;
    border-radius: 0px !important ;
    background-color: transparent !important ;

    box-shadow: none !important ;
}

table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
    /* USE   control icon  open  */
    content: "\f146" !important;      /* minus "\f068"   square minus: "\f146" */
    /*color:   #D33333  !important ;*/
    color: #B0BA3C !important;
    color: #D2B925 !important;
    background-color: transparent;

}

table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
    /*USE  control column widht to hold open icon  */
    min-width:30px !important;
    width: 30px !important;
}

.dtckbxcntrl {
    /* USE indent control checkbox*/
    margin-left: 3px !important;
}


.dtsearchadjust {
    margin-left: 5px !important ;
    cursor: pointer !important ;
}
.dtsearchclearadjust {
    padding-left: 6px !important ;
    padding-right: 6px !important ;
}


table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
    padding: 1px !important;
}

table.dataTable.compact thead {
    /*USE column head back */
    padding: 1px !important;
}

table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover,
table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover,
table.dataTable.display tbody tr.even:hover > .sorting_1,
table.dataTable.display tbody tr.odd:hover > .sorting_1  {
    background-color: #99d6cb !important;

}
table.dataTable tr, table.dataTable td {
    /* background-color: red !important;
     cursor:pointer ;*/
}

table.dataTable td {
    /* Behave like a row */
    /*border: none;
    border-bottom: 1px solid #FF3399;
                */

}


table.dataTable td:before {
    /* Now, like a table header */
    /*position: relative;    */
    /* Top / left values mimic padding */
    /*left: 10px;
    width: 45%;
    padding-right: 25px;
    white-space: nowrap;
    font-family: 'Alegreya SC', Palatino, serif;
    font-weight: 700;     */
}




.dataTables_wrapper .dataTables_processing {
    /* controls processing notice in dt */
    /*background-color: red !important;*/
    background: transparent !important;
}

.dataTable   ul {
    width: 100% !important ;
}

.aaslmdatefuture {
    /* future date color */
    color: #00B200  !important ;
    font-weight: bold !important ;
}

.aaslmdatenow {
    /* now date color */
    color: #EB8D00  !important ;
    font-weight: bold !important ;
}

.aaslmdatepast {
    /* past date color */
    color: #AD0000  !important ;
    font-weight: bold !important ;
}
/* BEGIN xeditbale css edits */
.editable-container.editable-inline {
    display: inline !important ;
    width: 100% !important ;
}

.editable-input {
    display: inline !important ;
    width: 100% !important ;
}

.editableform .form-control textarea {
    width: 100% !important ;
}

.editable-input select{
    /*background-color: red; */
    /*  max-width: 25%;*/
}
.editable-input textarea {
    width: 100% !important;
}

.editable-buttons {
    display: block !important ;
}

.editable-container .editable-inline,
.editableform > .control-group,
.editable-input,
.editableform .form-control textarea{
    width:100% !important ;
}


.editable-submit, .editable-cancel {
    font-size: 1em !important;
    background-color: green !important;
    padding: 3px 6px !important;
    line-height: normal !important;
}
.editable-cancel {
    background-color: #999999 !important;
}

.aaslmdtnowrap {
    white-space: nowrap !important;
}


.dtoneclickcol {
    max-width: 250px;
    padding-right: 10px;
}


.aslmdtcolmax50 {
    max-width: 50px;
}

.aslmdtcolmax70 {
    max-width: 70px;
}

.aslmdtcolmax75 {
    max-width: 75px;
}

.aslmdtcolmax100 {
    max-width: 100px;
}

.aslmdtcolmax125 {
    max-width: 125px;
}

.aslmdtcolmax150 {
    max-width: 150px;
}

.aslmdtcolmax200 {
    max-width: 200px;
}

/* END xeditbale css edits */


.dataTables_wrapper {
    font-size: .70em !important;
}
/* ------ end datatables and xeditable changes  */

.aslmrotate180 {
    -webkit-transform: rotate(180deg) !important;     /* Chrome and other webkit browsers */
    -moz-transform: rotate(180deg) !important;       /* FF */
    -o-transform: rotate(180deg) !important;          /* Opera */
    -ms-transform: rotate(180deg) !important;        /* IE9 */
    transform: rotate(180deg) !important;             /* W3C compliant browsers */

    /* IE8 and below */
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=-1, DX=0, DY=0, SizingMethod='auto expand') !important;
}



.aaslmscrolldiv2-ss {
    border: solid 1px;
    padding: 2px;
    max-height: 600px;
    min-height: 200px;
    overflow-y: scroll;
}

.aslmdeletefromemail {
    cursor: pointer;
}

.aslmdtimgicon30 {
    /* width: 20px;*/
    max-width: 30px;
    max-height: 100px;
    padding: 3px;

}


.aslmattachrow {
    background-color: #b6dda6; /*#c4eab1*/
    font-weight: bold;
    margin: 3px;
    padding: 6px;
    border: 1px solid #cdcdcd;
    max-width: 500px;
    border-radius: 3px;
}


.aslm-row-margin-reset{
    margin-left: 0px;
    margin-right:0px;
}


.aslmfilename a,
.aslmfilename a:hover,
.aslmfilename a:visited,
.aslmfilename a:focus
{
    color: #3362e7 !important;
    text-decoration: none;
}


.aslm-filerow-adjust-green {
    background:rgb(183,230,157) !important ;
    background: transparent\9 !important ;
    background:rgba(183,230,157,0.3) !important ;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cB7E69D,endColorstr=#4cB7E69D) !important ;
    zoom: 1 !important ;
    color: white !important ;
}

.aslm-filerow-adjust-green .aslmfilename,

.aslm-filerow-adjust-green .aslmfilename a,
.aslm-filerow-adjust-green .aslmfilename a:hover,
.aslm-filerow-adjust-green .aslmfilename a:visited,
.aslm-filerow-adjust-green .aslmfilename a:focus


{
    color: white !important ;
}

.aslm-max-width-350 {
     max-width: 300px;
 }

.aslm-max-width-500 {
    max-width: 500px !important ;
}
.aslm-break-word {
    word-wrap: break-word;
}

.ss-custom-footer-links {
    color: #778899 ;


}

.oginputerror {
    border: #ee3e2b 1px solid;
}
.ss-custom-page-form-label{
    margin: 1px 1px 1px 0;
}
.ss-custom-page-form-group{
    margin-bottom: 2px;
    font-size: .95em;
}

.aslmbold {
    font-weight: bold;
}

.ss-custom-inventory-img {
    /* width: 20px;*/
    max-width: 150px;
    max-height: 150px;
    padding: 3px;
    display: block;

}
.aslm-margin-left-5 {
    margin-left: 5px;
}

.aslm-margin-bottom-5 {
    margin-bottom: 5px;
}


.aslm-display-table-row {
    display: table-row;
}
.alsm-clear-background {
    background: none;
}
.aslm-margin-top-20 {
    margin-top:20px;
}
.aslm-padding-top-20 {
    padding-top:20px;
}
.aslm-padding-10 {
    padding: 10px;
}

.aslm-img-140 {
    width: 100% !important;
    height: auto  !important;
    max-width: 140px;
    border:0px;
}
.aslm-img-200 {
    width: 100% !important;
    height: auto  !important;
    max-width: 200px;
    border:0px;
}
.aslm-align-left {
    /*text-align: left;*/
    float:left;
}

.aslm-margin-5 {
    margin:5px;
}
.aslm-margin-bottom-5 {
    margin-bottom:5px;
}

.aslm-margin-bottom-2 {
    margin-bottom:2px;
}


.aslm-margin-top-5 {
    margin-top:5px;
}

.aslm-padding-left-10 {
    padding-left:10px;
}

.aslm-height-min-200 {
    min-height: 200px;
}
.aslm-height-min-150 {
    min-height: 150px;
}

.aslm-height-min-100 {
    min-height: 100px;
}
.aslm-height-min-75 {
    min-height: 75px;
}

.aslm-clear-fix{
    clear: both;
}

.aslm-text-size-75em {
    font-size: .75em;
}

.aslm-img-responsive {
    /* width: 100% !important;*/
    height: auto  !important;
    max-width: 100% !important;
}


a.ss-custom-inventory-link,
a:hover.ss-custom-inventory-link,
a:visited.ss-custom-inventory-link,
a:focus.ss-custom-inventory-link {
    color: #497b70 !important;
}

.aslm-margin-right-left-3 {
    margin-right: 3px;
    margin-left: 3px;
}


.modal .help-block  li {
    color: #e74649 !important ;

}



.aslm-sq-header-main {

    padding:5px;
    padding-left: 20px;

    background:rgb(23,57,23);
    background: transparent\9;
    background:rgba(23,57,23,0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99173917,endColorstr=#99173917);
    zoom: 1;
    border-bottom: 1px #ffd809 solid;

}

.asl-sq-header-title1 {
    font-size: 45px;
    /* line-height: 52px;*/
    margin-bottom: 1px;
    letter-spacing: -2px;
    font-style: italic;
    color: #a5e074;
    font-weight: bold;


}
.asl-sq-header-title-1-a {
    font-size: 45px;
    /* line-height: 52px;*/
    margin-bottom: 1px;
    letter-spacing: -2px;
    /*  font-style: italic;*/
    color: #75dae0;
    font-weight: bold;


}


.asl-sq-header-title2 {
    font-size: 18px;
    font-weight: bold;
    /* line-height: 52px;
     margin-bottom: 35px;
     letter-spacing: -2px;
     font-style: italic;
     color: #f1ffd8;*/
    /* font-style: italic;*/

}
.aslm-sq-pagetitle-1{
    color: #58ee42;
    margin-bottom: 0px;
    font-size: 35px;
}


.aslm-sq-pagetitle-1-a {
    color: #c0f4fe;

    font-size: 2em;
}


.aslm-sq-pagesubtitle-1-a{
    color: #5CD6FF;
    margin-bottom: 0px;
    font-style: italic;
}


.aslm-sq-pagesubtitle-1{
    color: #5CD6FF;
    margin-bottom: 0px;
    font-style: italic;
}

.aslm-sp-list1 li {
    line-height: .95;
}

.aslm-sp-green {
    color: #58ee42;
}

/* http://charliepark.org/bootstrap_buttons/*/
/* ----- begin sp buttons ----- */
.btn-orange {
    background-color: hsl(36, 100%, 40%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad32", endColorstr="#cc7a00");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ffad32), to(#cc7a00));
    background-image: -moz-linear-gradient(top, #ffad32, #cc7a00);
    background-image: -ms-linear-gradient(top, #ffad32, #cc7a00);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffad32), color-stop(100%, #cc7a00));
    background-image: -webkit-linear-gradient(top, #ffad32, #cc7a00);
    background-image: -o-linear-gradient(top, #ffad32, #cc7a00);
    background-image: linear-gradient(#ffad32, #cc7a00);
    border-color: #cc7a00 #cc7a00 hsl(36, 100%, 35%);
    color: #ffffff !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33);
    -webkit-font-smoothing: antialiased;
}


.btn-lime {
    background-color: hsl(110, 85%, 26%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#32d911", endColorstr="#1c7a09");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#32d911), to(#1c7a09));
    background-image: -moz-linear-gradient(top, #32d911, #1c7a09);
    background-image: -ms-linear-gradient(top, #32d911, #1c7a09);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32d911), color-stop(100%, #1c7a09));
    background-image: -webkit-linear-gradient(top, #32d911, #1c7a09);
    background-image: -o-linear-gradient(top, #32d911, #1c7a09);
    background-image: linear-gradient(#32d911, #1c7a09);
    border-color: #1c7a09 #1c7a09 hsl(110, 85%, 21%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
    -webkit-font-smoothing: antialiased;
}

.btn-deepred{
    background-color: hsl(0, 77%, 33%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e32a2a", endColorstr="#941313");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#e32a2a), to(#941313));
    background-image: -moz-linear-gradient(top, #e32a2a, #941313);
    background-image: -ms-linear-gradient(top, #e32a2a, #941313);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e32a2a), color-stop(100%, #941313));
    background-image: -webkit-linear-gradient(top, #e32a2a, #941313);
    background-image: -o-linear-gradient(top, #e32a2a, #941313);
    background-image: linear-gradient(#e32a2a, #941313);
    border-color: #941313 #941313 hsl(0, 77%, 28%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
    -webkit-font-smoothing: antialiased;
}

.btn-deepblue {
    background-color: hsl(212, 100%, 28%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#479dff", endColorstr="#00428e");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#479dff), to(#00428e));
    background-image: -moz-linear-gradient(top, #479dff, #00428e);
    background-image: -ms-linear-gradient(top, #479dff, #00428e);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #479dff), color-stop(100%, #00428e));
    background-image: -webkit-linear-gradient(top, #479dff, #00428e);
    background-image: -o-linear-gradient(top, #479dff, #00428e);
    background-image: linear-gradient(#479dff, #00428e);
    border-color: #00428e #00428e hsl(212, 100%, 19%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.59);
    -webkit-font-smoothing: antialiased;
}



/* ----- end sp buttons ----- */

/* ----- begin hb edits ----- */
.text-vertical {
    padding-top:0px !important ;
    text-align: inherit !important ;
}
/* ----- end hb edits ----- */


/* ----- begin gradient overlays ----- */
.aslm-background-transparent-grey {
    background:rgb(0,0,0) !important ;
    background: transparent\9 !important ;
    background:rgba(0,0,0,.6) !important ;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000) !important ;
    zoom: 1 !important ;
    color: white !important;
}

.aslm-background-transparent-light-grey {
    background:rgb(0,0,0);
    background: transparent\9;
    background:rgba(0,0,0,.1);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);
    zoom: 1;
    color: white !important;
}


.aslm-background-transparent-medium-grey {
    background:rgb(0,0,0);
    background: transparent\9;
    background:rgba(0,0,0,.3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);
    zoom: 1;
    color: white !important;
}

.aslm-background-transparent-dark-green {
    background:rgb(42,100,37);
    background: transparent\9;
    background:rgba(42,100,37,.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b22A6425,endColorstr=#b22A6425);
    zoom: 1;
    color: white !important ;
}


.aslm-background-transparent-dark-blue{
    background:rgb(5,28,87);
    background: transparent\9;
    background:rgba(5,28,87,.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc051C57,endColorstr=#cc051C57);
    zoom: 1;
    color: white !important ;
}

.aslm-background-transparent-darker-green {
    background:rgb(39,78,35);
    background: transparent\9;
    background:rgba(39,78,35,.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc274E23,endColorstr=#cc274E23);
    zoom: 1;
    color: white !important ;

}

.aslm-background-transparent-darker-purple {
    background:rgb(59,28,63);
    background: transparent\9;
    background:rgba(59,28,63,.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc3B1C3F,endColorstr=#cc3B1C3F);
    zoom: 1;
    color: white !important ;
}

.aslm-background-transparent-white {
    background:rgb(255,255,255);
    background: transparent\9;
    background:rgba(255,255,255,.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff);
    zoom: 1;
}

/* ----- end gradient overlays ----- */

/* ----- end edits ----- */


/* ----- begin ss-custom base ----- */
.aslm-img-ss-custom-logo {

    height: auto  !important;
    max-height: 140px  !important;
    max-width: 400px  !important;
    max-width: 96% !important;
    /*  display: block;*/
}
/* ----- end ss-custom base ----- */




/* begin ============ ss-theme-style-1 =============*/
/*
  __
 /_ |
  | |
  | |
  | |
  |_|

*/




/* begin datatables - xeditable*/
.ss-theme-style-1 div[id*=-datatable_wrapper ],
.ss-theme-style-1 div[class*=dataTables_scrollHead ],
.ss-theme-style-1 table.dataTable.compact thead,
.ss-theme-style-1 table.dataTable.compact tbody th,
.ss-theme-style-1  table.dataTable.compact tbody td,
.ss-theme-style-1 table.dataTable.display tbody tr.odd,
.ss-theme-style-1 table.dataTable.stripe tbody tr.odd,
.ss-theme-style-1 table.dataTable.display tbody tr.odd {
    background:rgb(153,102,204) !important ;
    background: transparent\9 !important ;
    background:rgba(153,102,204,.2) !important ;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#339966CC,endColorstr=#339966CC) !important ;
    zoom: 1 !important ;
}

.ss-theme-style-1 table.dataTable.display tbody tr.even  {
    /* even rows */
    background:rgb(255,157,10) !important ;
    background: transparent\9 !important ;
    background:rgba(255,157,10,.2) !important ;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FF9D0A,endColorstr=#33FF9D0A) !important ;
    zoom: 1 !important ;
    border-bottom: 1px #000000 solid  !important ;
}

.ss-theme-style-1 table.dataTable.hover tbody tr:hover,
.ss-theme-style-1 table.dataTable.hover tbody tr.odd:hover,
.ss-theme-style-1 table.dataTable.hover tbody tr.even:hover,
.ss-theme-style-1 table.dataTable.display tbody tr:hover,
.ss-theme-style-1 table.dataTable.display tbody tr.odd:hover,
.ss-theme-style-1 table.dataTable.display tbody tr.even:hover,
.ss-theme-style-1 table.dataTable.display tbody tr.even:hover > .sorting_1,
.ss-theme-style-1 table.dataTable.display tbody tr.odd:hover > .sorting_1  {
    /* row hover*/
    background-color: transparent !important;
    background:rgb(97,0,194) !important ;
    background: transparent\9 !important ;
    background:rgba(97,0,194,.5) !important ;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f6100C2,endColorstr=#7f6100C2) !important ;
    zoom: 1 !important ;
}

.ss-theme-style-1 div[id*=-datatable_wrapper ]  div[id*=datatable_filter ] label {
    /* search text */
    color: white !important ;
}

.ss-theme-style-1 table.dataTable.display tbody tr.odd > .sorting_1,
.ss-theme-style-1 table.dataTable.display tbody tr.even > .sorting_1  {
    /* sorted col */
    background:rgb(204,102,255) !important ;
    background: transparent\9 !important ;
    background:rgba(204,102,255,0.4) !important ;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66CC66FF,endColorstr=#66CC66FF) !important ;
    zoom: 1 !important ;
}

.ss-theme-style-1 div.DTS div.dataTables_scrollHead  {
    /* scroll head behind all top headers*/
    background:rgb(204,102,255) !important ;
    background: transparent\9 !important ;
    background:rgba(204,102,255,0.4) !important ;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66CC66FF,endColorstr=#66CC66FF) !important ;
    zoom: 1 !important ;
}
.ss-theme-style-1 div[id*=-datatable_wrapper ]  div[class*=dataTables_scrollHead ]  {
    /* holds search + */
    background-color: transparent !important ;
}

.ss-theme-style-1 div.DTS div.dataTables_scroll {
    /* scroll background */
    background:rgb(153,102,204) !important ;
    background: transparent\9 !important ;
    background:rgba(153,102,204,.2) !important ;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#339966CC,endColorstr=#339966CC) !important ;
    zoom: 1 !important ;
}

.ss-theme-style-1  div[id*=-datatable_wrapper ]  div[class*=dataTables_info ] {
    /* data info, 1 of etc  */
    background-color: transparent !important;
    color: white !important;
}

.ss-theme-style-1 div[id*="-datatable_filter"] input[type="search"] {
    /* search input box*/
    background:rgb(153,102,204) !important ;
    background: transparent\9 !important ;
    background:rgba(153,102,204,.2) !important ;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#339966CC,endColorstr=#339966CC) !important ;
    zoom: 1 !important ;
    color: white !important ;
}

.ss-theme-style-1  table.dataTable tbody tr   {
    /* child rows of details?*/
    background:rgb(153,102,204) !important ;
    background: transparent\9 !important ;
    background:rgba(153,102,204,.2) !important ;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#339966CC,endColorstr=#339966CC) !important ;
    zoom: 1;
}

.ss-theme-style-1 .dropdown-menu > li > a:hover,
.ss-theme-style-1 .dropdown-menu > li > a:focus {
    background:rgb(97,0,194);
    background: transparent\9;
    background:rgba(97,0,194,.4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#666100C2,endColorstr=#666100C2);
    zoom: 1 !important ;
}

.ss-theme-style-1 .aaslmdatefuture {
    /* past date color */
    color: #99FF00  !important ;
    font-weight: bold !important ;
}

.ss-theme-style-1 .aaslmdatenow {
    /* past date color */
    color: #E6E600  !important ;
    font-weight: bold !important ;
}

.ss-theme-style-1 .aaslmdatepast {
    /* past date color */
    color: #AD0000  !important ;
    font-weight: bold !important ;
}
.ss-theme-style-1 div[id*=-datatable_wrapper] .aaslm-dt-icon,
.ss-theme-style-1 div[id*=-datatable_wrapper] .dtsearchclearadjust,
.ss-theme-style-1 div[id*=-datatable_wrapper] .dtsearchadjust
{
    /* custom tool icons */
    color: white  !important ;
    background-color: transparent !important;
    border-color: transparent !important;
}

.ss-theme-style-1 div[id*=-datatable_wrapper] .dropdown-menu  {
    /* dropdown background*/
    background:rgb(97,0,194) !important ;
    background: transparent\9 !important ;
    background:rgba(97,0,194,.5) !important ;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f6100C2,endColorstr=#7f6100C2) !important ;
    zoom: 1 !important ;
}

.ss-theme-style-1 .aaslm-dt-icon:hover,
.ss-theme-style-1 .aaslm-dt-icon:active,
.ss-theme-style-1 .aaslm-dt-icon:visited,
.ss-theme-style-1 .aaslm-dt-icon:focus,
.ss-theme-style-1 .open > .aaslm-dt-icon {
    /* custom tool icons hover etc*/
    color: #B2E5FF !important;
}
/* end datatables - xeditable*/



/* end ============ ss-theme-style-1 =============*/




/* begin ============ ss-theme-style-2 =============*/

/*
  ___
 |__ \
    ) |
   / /
  / /_
 |____|
*/



/* begin datatables - xeditable*/
.ss-theme-style-2 div[id*=-datatable_wrapper ],
.ss-theme-style-2 div[class*=dataTables_scrollHead ],
.ss-theme-style-2 table.dataTable.compact thead,
.ss-theme-style-2 table.dataTable.compact tbody th,
.ss-theme-style-2  table.dataTable.compact tbody td,
.ss-theme-style-2 table.dataTable.display tbody tr.odd,
.ss-theme-style-2 table.dataTable.stripe tbody tr.odd,
.ss-theme-style-2 table.dataTable.display tbody tr.odd {
    /*  background:rgb(153,102,204) !important ;
      background: transparent\9 !important ;
      background:rgba(153,102,204,.2) !important ;
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#339966CC,endColorstr=#339966CC) !important ;
      zoom: 1 !important ;
  */



    background:rgb(111,169,157);
    background: transparent\9;
    background:rgba(111,169,157,.4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#666FA99D,endColorstr=#666FA99D);
    zoom: 1;


}

.ss-theme-style-2 table.dataTable.display tbody tr.even  {
    /* even rows */
    background:rgb(255,157,10) !important ;
    background: transparent\9 !important ;
    background:rgba(255,157,10,.2) !important ;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FF9D0A,endColorstr=#33FF9D0A) !important ;
    zoom: 1 !important ;
    border-bottom: 1px #000000 solid  !important ;
}

.ss-theme-style-2 table.dataTable.hover tbody tr:hover,
.ss-theme-style-2 table.dataTable.hover tbody tr.odd:hover,
.ss-theme-style-2 table.dataTable.hover tbody tr.even:hover,
.ss-theme-style-2 table.dataTable.display tbody tr:hover,
.ss-theme-style-2 table.dataTable.display tbody tr.odd:hover,
.ss-theme-style-2 table.dataTable.display tbody tr.even:hover,
.ss-theme-style-2 table.dataTable.display tbody tr.even:hover > .sorting_1,
.ss-theme-style-2 table.dataTable.display tbody tr.odd:hover > .sorting_1  {
    /* row hover*/
    background:rgb(111,169,157);
    background: transparent\9;
    background:rgba(111,169,157,.2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#336FA99D,endColorstr=#336FA99D);
    zoom: 1;




}

.ss-theme-style-2 div[id*=-datatable_wrapper ]  div[id*=datatable_filter ] label {
    /* search text */
    color: white !important ;
}

.ss-theme-style-2 table.dataTable.display tbody tr.odd > .sorting_1,
.ss-theme-style-2 table.dataTable.display tbody tr.even > .sorting_1  {
    /* sorted col */
    background:rgb(111,169,157);
    background: transparent\9;
    background:rgba(111,169,157,.2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#336FA99D,endColorstr=#336FA99D);
    zoom: 1;
}

.ss-theme-style-2 div.DTS div.dataTables_scrollHead  {
    /* scroll head behind all top headers*/
    background:rgb(111,169,157);
    background: transparent\9;
    background:rgba(111,169,157,.2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#336FA99D,endColorstr=#336FA99D);
    zoom: 1;
}
.ss-theme-style-2 div[id*=-datatable_wrapper ]  div[class*=dataTables_scrollHead ]  {
    /* holds search + */
    background-color: transparent !important ;
}

.ss-theme-style-2 div.DTS div.dataTables_scroll {
    /* scroll background */

    background:rgb(111,169,157);
    background: transparent\9;
    background:rgba(111,169,157,.4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#666FA99D,endColorstr=#666FA99D);
    zoom: 1;
}

.ss-theme-style-2  div[id*=-datatable_wrapper ]  div[class*=dataTables_info ] {
    /* data info, 1 of etc  */
    background-color: transparent !important;
    color: white !important;
}

.ss-theme-style-2 div[id*="-datatable_filter"] input[type="search"] {
    /* search input box*/
    background:rgb(111,169,157);
    background: transparent\9;
    background:rgba(111,169,157,.2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#336FA99D,endColorstr=#336FA99D);
    zoom: 1;
}

.ss-theme-style-2  table.dataTable tbody tr   {
    /* child rows of details?*/

    background:rgb(111,169,157);
    background: transparent\9;
    background:rgba(111,169,157,.4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#666FA99D,endColorstr=#666FA99D);
    zoom: 1;
}

.ss-theme-style-2 .dropdown-menu > li > a:hover,
.ss-theme-style-2 .dropdown-menu > li > a:focus {
    background:rgb(111,169,157);
    background: transparent\9;
    background:rgba(111,169,157,.2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#336FA99D,endColorstr=#336FA99D);
    zoom: 1;
}

.ss-theme-style-2 .aaslmdatefuture {
    /* past date color */
    color: #99FF00  !important ;
    font-weight: bold !important ;
}

.ss-theme-style-2 .aaslmdatenow {
    /* past date color */
    color: #E6E600  !important ;
    font-weight: bold !important ;
}

.ss-theme-style-2 .aaslmdatepast {
    /* past date color */
    color: #AD0000  !important ;
    font-weight: bold !important ;
}
.ss-theme-style-2 div[id*=-datatable_wrapper] .aaslm-dt-icon,
.ss-theme-style-2 div[id*=-datatable_wrapper] .dtsearchclearadjust,
.ss-theme-style-2 div[id*=-datatable_wrapper] .dtsearchadjust
{
    /* custom tool icons */
    color: white  !important ;
    background-color: transparent !important;
    border-color: transparent !important;
}

.ss-theme-style-2 div[id*=-datatable_wrapper] .dropdown-menu  {
    /* dropdown background*/
    background:rgb(111,169,157);
    background: transparent\9;
    background:rgba(111,169,157,.2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#336FA99D,endColorstr=#336FA99D);
    zoom: 1;
}

.ss-theme-style-2 .aaslm-dt-icon:hover,
.ss-theme-style-2 .aaslm-dt-icon:active,
.ss-theme-style-2 .aaslm-dt-icon:visited,
.ss-theme-style-2 .aaslm-dt-icon:focus,
.ss-theme-style-2 .open > .aaslm-dt-icon {
    /* custom tool icons hover etc*/
    color: #B2E5FF !important;
}
/* end datatables - xeditable*/

.ss-theme-style-2 .dataTables_filter  ::-webkit-input-placeholder { /* WebKit browsers */
    color: #ffffff !important;
}
.ss-theme-style-2 .dataTables_filter  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ffffff !important;
    opacity:  1;
}
.ss-theme-style-2 .dataTables_filter  ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ffffff !important;
    opacity:  1;
}

/* end ============ ss-theme-style-2 =============*/



.aslm-img-cover-house-grass-cash {
    background: url(http://www.reiwebtools.com/a-slm/assets/modules/squeeze_sites/themes/csingle/img/3_house_grass_cash.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.aslm-background-transparent-grey {
    background:rgb(0,0,0) !important ;
    background: transparent\9 !important ;
    background:rgba(0,0,0,.6) !important ;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000) !important ;
    zoom: 1 !important ;
    color: white !important;
}
.ss-custom-brand {
    background: rgb(0,0,0) !important;
    background: transparent\9 !important;
    background: rgba(0,0,0,.8) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000) !important;
    zoom: 1 !important;
    color: white !important;
}


.aslm-display-none {
    display: none;
}


.aslm-sq-getanoffer1 {
    /* display: table;
     width: 100%;*/
    /* color: #fff;*/
    background: url(../../assets/images/1_header_grass2.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.rei-fixed-nav-adjust{
    padding-top:145px;
}
.rei-top-nav-header {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    /*  z-index: 1030;*/
    width: 100%;
    margin-right: 0px !important;
    margin-left: 0px !important;
    background-color: white;
    /* background-image: url(../../assets/images/1_stripe_2.png);*/

}






.rei-zindex-5000{
    z-index: 5000 !important;
}
.rei-zindex-4000{
    z-index: 4000 !important;
}


.rei-zindex-6000 {
    z-index: 6000 !important;

}


.rei-top-nav {
    background-color: dimgrey;
    /* height: 30px;*/
    margin: 0px;

    background-color: hsl(212, 100%, 28%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#479dff", endColorstr="#00428e");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#479dff), to(#00428e));
    background-image: -moz-linear-gradient(top, #479dff, #00428e);
    background-image: -ms-linear-gradient(top, #479dff, #00428e);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #479dff), color-stop(100%, #00428e));
    background-image: -webkit-linear-gradient(top, #479dff, #00428e);
    background-image: -o-linear-gradient(top, #479dff, #00428e);
    background-image: linear-gradient(#479dff, #00428e);
    border-color: #00428e #00428e hsl(212, 100%, 19%);



    /*     background-color: #525252;*/
}



.wfc-top-nav {
    background-color: dimgrey;
    /* height: 30px;*/
    margin: 0px;

    background-color: hsl(212, 100%, 28%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#479dff", endColorstr="#00428e");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#479dff), to(#00428e));
    background-image: -moz-linear-gradient(top, #479dff, #00428e);
    background-image: -ms-linear-gradient(top, #479dff, #00428e);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #479dff), color-stop(100%, #00428e));
    background-image: -webkit-linear-gradient(top, #479dff, #00428e);
    background-image: -o-linear-gradient(top, #479dff, #00428e);
    background-image: linear-gradient(#479dff, #00428e);

    border-color: #00428e #00428e hsl(212, 100%, 19%);




    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4ddb4+0,83c783+17,52b152+33,008a00+67,005700+83,002400+100;Green+3D+%231 */
    background: #b4ddb4; /* Old browsers */
    background: -moz-linear-gradient(top,  #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-9 */

}





.rei-top-nav a {
    text-decoration: none;
}
.rei-nav-bar-1 {
    max-width: 800px;
    padding:3px;

}
.rei-nav-bar-full {
   /* max-width: 800px;*/
    padding:3px;

}

.rei-fixed-nav-adjust2 {
    padding-top: 0px;
    /* background-color: khaki;*/
}

@media only screen and (max-width: 1200px) {
   .dmql-brand-extra {
        display: none;
    }
}


@media only screen and (max-width: 1026px) {
    #rei-main-top-nav {
        display: none;
    }

    .aslm-padding-top-50 {
        padding-top:140px !important ;
    }
    #XXXXrei-nav-block-1 {
        display: none;
    }

    .rei-fixed-nav-adjust{
        padding-top:0px;
    }

    .rei-fixed-nav-adjust2 {
        padding-top:0px;
    }


    .rei-slider-title {
        font-size: 1.6em !important;
    }
}


.rei-fixed-nav-adjust3 {
    margin-top:150px;
    /* background-color: coral;*/
}

.rei-fixed-nav-adjust-notop-nav {
    margin-top:110px;
    /* background-color: #d9f8ff;*/
}

@media only screen and (max-width: 1026px) {
    .rei-fixed-nav-adjust3 {
        margin-top:100px;

    }
}

@media only screen and (max-width: 475px) {
    .rei-fixed-nav-adjust3 {
        margin-top:75px;

    }
}


#previewslides {
    /*  background: #1B1F23;*/
    color: #fff;
}
.no-padding {
    padding: 0 !important ;
}

.aslm-height-min-100p{
    height:100% !important ;
    min-height: 100% !important ;

}
.aslm-max-width-700{
    max-width: 700px;
}
.aslm-max-width-900{
    max-width: 900px;
}
.aslm-max-width-800 {
    max-width: 800px;
}

.aslm-height-min-300px {
    min-height: 300px !important;
}

.rei-h2-adjust {
    margin-bottom: 5px;
    margin-top: 5px;
}
.rei-slider-product {
    /* width: 400px !important;*/
    width: 100% !important ;
    max-width: 400px; !important ;
    height: auto !important;
    /*   height: 200px;*/
    border-radius: 0px !important ;
    display: inline-block !important;
    border: 0px !important;

}
.rei-slider-item {
    background-color: coral;
}

.rei-slider-title {
    font-size: 2em ;

    letter-spacing: -2px;
    line-height: 1em;
    text-transform: uppercase;
}
.rei-slider-content{
    font-size: 1em ;
}
.rei-slider-content-small{
    font-size: .75em ;
}
.aslm-margin-left-50 {
    margin-left: 50px;
}

.aslm-padding-top-50 {
    padding-top: 50px;
}
.rei-text-ltblue {
    color: #00E5E8;
}
.rei-text-red {
    color: #D70000;
}

.rei-text-green {
    color: #00DD02;
}
.rei-text-yellow {
    color: #FEFF04;
}



.carousel-indicators .active, .carousel-indicators li {

    margin: 0 5px -100px !important;
}



@media only screen and (max-width: 1026px) {
    .carousel-indicators {
        bottom: -10px !important;
    }
    .carousel-indicators .active, .carousel-indicators li {

        margin: 0 5px -150px !important;
    }

}


.reibutton-getstarted {
    /*   z-index: 999999;*/
}

.carousel-indicators {

    z-index: 0 !important;

}


.case-study img {
    max-height: 675px !important;
    height: auto ;
}







.rei-fixed-nav-adjust2 {
    margin-top:115px;
}


.rei-intro-title{
    font-weight: bold;
    font-style: italic;
    color: #1b9522;
    font-size: 1.5em;
    line-height: 1.1em;
}
.rei-intro-byline{

    font-size: .85em;
    line-height: .9em;
    font-weight: normal;
}
.rei-intro-subtitle{
    color: #1b9522;
    font-size: 1.1em;
    line-height: 1.1em;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #1dbe24;
    font-weight: bold;
}
.rei-intro-body,
.rei-intro-list
{
    /* font-size: .75em;
     line-height: 1em;*/
    font-weight: normal;
    line-height: 1.2em;
}
.rei-text-dkgreen {
    color: #3a950c;
}

/* ----- begin compare table ----- */

.rei-product-chart{
    font-size: .65em;
}


.rei-product-chart .table-condensed > tbody > tr > td,
.rei-product-chart .table-condensed > tbody > tr > th,
.rei-product-chart .table-condensed > tfoot > tr > td,
.rei-product-chart .table-condensed > tfoot > tr > th,
.rei-product-chart .table-condensed > thead > tr > td,
.rei-product-chart .table-condensed > thead > tr > th {
    padding: 2px;
}



.rei-product-list-title {
    font-size: 3em;

}

.rei-product-price {
    font-size: 1.5em;

}

@media only screen and (max-width: 1026px) {
    .rei-product-list-title {
        font-size: 1em;

    }

    .rei-product-price {
        font-size: 1em;

    }
}



/* temp test*/


.rei-style-col-1 {
    background-color: rgba(55, 231, 71, 0.25);

}
.rei-style-col-2 {
    background-color: rgba(55, 231, 71, 0.50);

}
.rei-style-col-3 {
    /*background-color: #bce9ac;*/
    background-color: rgba(55, 231, 71, 0.75);
    /* background-color: 	#07BD8F;*/


}
.rei-style-col-4 {
    /*  background-color: #d9f8ff;*/
    background-color: #37e747;
    /* background-color: #4BE509;*/


}





.rei-style-col-1,
.rei-style-col-2,
.rei-style-col-3,
.rei-style-col-4 {

    border-top: none !important ;
    border-bottom: none !important ;
    text-align: center;

}




thead .rei-style-col-1,thead .rei-style-col-2 , thead .rei-style-col-3 , thead .rei-style-col-4  {
    /*  background-color: red;*/
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    text-align: center;
}
tfoot .rei-style-col-1,tfoot .rei-style-col-2 , tfoot .rei-style-col-3 , tfoot .rei-style-col-4  {
    /*  background-color: red;*/
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    text-align: center;
}

.rei-style-col-2 {
    /* display: none !important;*/
}



.rei-highlight-green {

    /* background-color: #58ee42 !important;*/
    background-color: #eeec44 !important;
}

.rei-highlight-green-2 {

    /*  background-color: #58ee42 !important;*/
    background-color: #eedeaf !important;
}


.rei-no-border{
    border: 0px !important ;
}





.rei-product-chart.table-responsive {

    border: none !important ;
}



/* ----- end compare table ----- */


/* ----- begin cert ------ */

.rei-g-cert{
    /*  max-width: 880px;*/
    background-color: #d7ffcd;
    border: 1px solid rgba(224, 224, 224, 1);
    border: 4px dashed rgb(110, 149, 104);
    border-radius: 4px;
    padding: 10px;
    margin:20px;
}

.rei-cert-img{
    max-width: 150px;
    /*  position: absolute;
      bottom: 0;
      left: 0 ;*/

    /*  margin: 3px;*/
}

.aslm-text-size-15em{
    font-size: 1.5em;
}

.rei-bonus-wrap {
    background-color: #f6f6f6;
    border: 1px solid rgb(162, 162, 162);
    /* border: 4px dashed rgb(110, 149, 104);*/
    border-radius: 10px;
    padding: 10px;
    /*  margin:20px;*/

    -webkit-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);
}


.rei-feature-item {
    background-color: #f6f6f6;
    border: 1px solid rgb(162, 162, 162);
    /* border: 4px dashed rgb(110, 149, 104);*/
    border-radius: 10px;
    padding: 10px;
    /*  margin:20px;*/

    -webkit-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);
}
/* ----- end cert ------ */
.rei-test-thumb {
    max-height: 300px !important;
    width: auto !important;
}

.rei-testim-modal{
    background: #e5e5e5;
}

.rei-margin-right-20 {
    margin-right: 20px;
}
.rei-text-italic{
    font-style: italic;
}

.rei-goals-wrap {
    /* max-width: 1000px; */
    background-color: #f1f1f1;
    border: 1px solid rgba(224, 224, 224, 1);
    border-radius: 4px;
    padding: 20px;
}

.rei-align-middle {
    vertical-align:middle !important;
    /*  display: table-cell !important;*/
}
.rei-no-underline {
    text-decoration: none;
}



.wfc-main-col-right {
    border-left: #e7e7e7 2px solid;
}

.aaslm-medium-tab li a {
    padding: 5px 8px;
}

.aaslm-form-row{
    border-bottom: 1px #acacac solid;
    max-width: 600px;
    margin-bottom: 4px;
    padding-bottom: 4px;
    display: block;
    overflow-y: auto;

    /*  overflow-y: auto;*/
}


.aslm-form-icon {
    /*  width: 30px;*/
    height: 40px;
    padding-right:5px;

}

.disctext {
    font-style: italic;
    border: 3px dashed #a52a2a;
    padding: 4px;
    margin-bottom: 15px;
}



.disctextGreen {
    border: 3px dashed #2e8b57;
    background: rgba(65, 233, 162, 0.23);
}
.aslm-no-underline{
    text-decoration: none;
}



/* ----- begin aslm form light ----- */
.aslm-form-back-light {
    /* background: rgb(255, 243, 194) !important ;*/

    background: rgb(224, 204, 145) !important ;
    border-radius: 6px;
    border: 2px solid #8f8f8f !important;
    max-width: 500px;
}

.aslm-well-light {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: rgba(218, 255, 202, 0.34);
    border: 1px solid #9dbf8f;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(220, 255, 202, 0.05);
    box-shadow: inset 0 1px 1px rgba(116, 159, 116, 0.05);
}
/* ----- end aslm form light ----- */


.aslmformsectiontitle {
    color: #424242;
    font-weight: bold ;
    background-color: #EDEDED ;
    padding: 3px 3px 3px 5px ;
    margin-left: 5px;
}


.dealzinputwrwap2, .dealzinputwrwap{
  /*  max-width: 880px;*/
    background-color: #f1f1f1;
    border: 1px solid rgba(224, 224, 224, 1);
    border-radius: 4px;
}


/* ----- begin dealz analyzer ----- */

.aaslm-tinytabs    li {
    margin: 0;
    padding: 0;
    height: 14px;
    line-height: 14px;
    /*width: 36px;*/
}
.aaslm-tinytabs   li a {
    padding: 0 2px;
    line-height: 1em;
    /*width: 36px;*/
}

.zillcahrtcontrols div {
    float: left;
    padding-right: 10px;
    /* padding-bottom:20px;
     /* margin-left: 10px;
      margin-top: 2px;
      font-weight: bold;*/
}
.zillchart {
    /* width: 100% !important;*/

    width:auto !important; /* override element level */
    height:auto !important; /* override element level */
    width: 100% !important;
    max-width: 280px !important;
}
.zilllogo {
    width:auto !important; /* override element level */
    height:auto !important; /* override element level */
    width: 100% !important;
    max-width: 100px !important;
    min-width: 70px !important;
}

.aaslm-dealz-content-stretch {
    max-width: 850px;
    margin-left:15px;

}
.aaslmdealzwrap {
    max-width: 880px;
    background-color: #f1f1f1;
    border: 1px solid rgba(224, 224, 224, 1);



    border-radius: 4px;

}

/*
.dealzinputwrwap{
    max-width: 880px;
    background-color: #f1f1f1;
    border: 1px solid rgba(224, 224, 224, 1);
    border-radius: 4px;
}

*/


.aslmdealzlogo {
    font-size: 2em;
    font-weight: bold;
    border-bottom: 2px steelblue solid;
}
.aslmdealzlogo em{
    font-size: .5em;
    vertical-align: super;
}


.aslmdealspropdetail {
    padding-top:5px;
}
.aslmdealspropdetail div {
    line-height: 1.1em ;
}







.map-canvas-css {
    float: left;
    width: 300px;
    height: 300px;
    min-height: 100px;

    width: 60% ;

}
.map-streetview-css {
    float: left;
    width: 200px;
    height: 300px;
    min-height: 300px;

    width: 40% ;

}
.map-mapcontainer-css {


    height: 300px;
    min-width: 500px ;

    /* background-color: pink;*/

}

@media only screen and (max-width : 950px) {

    #map_canvas {
        /*    max-width: 500px !important;*/
        /*    width: 100% !important; */
    }
    #streetview_canvas {
        /*      max-width: 500px !important;
              width: 100% !important;*/
        /* min-width: 150px !important;*/
    }
    .map-canvas-css {
        width: 100% !important;
        max-width: inherit !important;
    }
    .map-streetview-css {
        width: 100% !important;
        max-width: inherit !important;
    }
    .map-mapcontainer-css {


        max-width: inherit !important;
        min-width: inherit !important;

        /* background-color: pink;*/

    }

}

.aslm-fullscreen-map-canvas {
    max-width: inherit !important;
    width: 100% !important;
}

.aslm-streetview-map-canvas {
    max-width: inherit !important;
    width: 100% !important;
}

.disctext {
    font-style: italic;
    border: 3px dashed #a52a2a;
    padding: 4px;
    margin-bottom: 15px;
}
.aslmcrquestionwrap {
    padding-top: 5px;
    padding-bottom: 5px;

    display: none;
}


.disctextGreen {
    border: 3px dashed #2e8b57;
}



/* ----- begin slideshow ----- */
/* only set img width, height with css, do not hard code in li to keep responsive */
/* orginal */
/* slides */
.slideshow {
    position:relative;
    margin:0 0 1em;
    direction:ltr;
}

.slideshow a {
    font-size:.75em;
    line-height:2em;
    text-decoration:none;
    color:#fff;
    background:#666;
}

.slideshow a:hover,
.slideshow .selected a {
    background-color:#333;
}

.carousel {
    margin:0;
    padding:0;
    list-style:none;
}

.slide {
    z-index:100;
}

.slide img {
    display:block;
}

/* pagination */
.slides-pagination {
    position:absolute;
    bottom:1em;
    left:1em;
    margin:0;
    padding:0;
    list-style:none;
    z-index:110;
}

.slides-pagination li {
    display:inline;
}

.slides-pagination a {
    display:block;
    float:left;
    width:2em;
    margin-right:5px;
}

/* skip */
.slides-next,
.slides-prev {
    position:absolute;
    top:50%;
    margin-top:-1em;
    padding:0 .5em;
    z-index:120;
}

.slides-next {
    right:0;
}

.slides-prev {
    left:0;
}

.slides-next.disabled,
.slides-prev.disabled {
    opacity:.5;
    cursor:auto;
}
/* edits */
.aslmslidewrap {
    /* max width of slideshow */
    /* is responsive and max to 500 x 300*/
    max-width: 500px !important;

}
.aslmslidewrap img {
    /* max height width of image*/
    width: 100% !important;


    height:auto !important; /* override element level */
    max-height: 300px !important;
}
.aslmslidewrap li {
    /* max height of view*/
    max-height: 300px !important;


}

.slides-pagination a {
    text-align:center;
}
.loadhide{
    display: none;
}
/* ----- end slideshow ----- */




/* ----- end dealz analyzer ----- */


.resettext1, #dealzsavediv, #contactsdealz, #contactsoffer {
    font-size: .9em !important;
    font-family: 'Roboto Condensed', sans-serif !important;
}


/* ----- begin common text style ----- */
.aslm-text-orange{
    color: #F9791E;
}
.aslm-text-green {
    color: #42BA43;
}
.aslm-text-red {
    color: #f41f1f;
}

.aslmitalic {
    font-style: italic;
}

/* ------ begin load mask settings  */
/* added fixed to used statically in dt etc, otherwise unmasking grans all by class and removes from dom */
.loadmask,
.fixedloadmask
{
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    /*  doubles up on android
   -moz-opacity: 0.5;
   opacity: .50;
   filter: alpha(opacity=50);
   background-color: #CCC;    */
    background:rgb(204,204,204);
    background: transparent\9;
    background:rgba(204,204,204,0.3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4ccccccc,endColorstr=#4ccccccc);
    zoom: 1;
    width: 100%;
    height: 100%;
    zoom: 1;
}

.loadmask-msg,
.fixedloadmask-msg{

    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #6593cf;
    background: #c3daf9;
    padding:2px;
}

.loadmask-msg div,
.fixedloadmask-msg div
{
    padding:5px 10px 5px 25px;
    background: #fbfbfb url('../../assets/images/ajax-loaders/loading-mask.gif') no-repeat 5px 5px; /*../assets/javascripts/jquery-loadmask/*/
    line-height: 16px;
    border:1px solid #a3bad9;
    color:#222;
    /*   font:normal 11px tahoma, arial, helvetica, sans-serif;    */
    cursor:wait;
}

.aasldt-processing {
    position: relative !important;
    margin-right: auto !important;;
    margin-left: auto !important;
    display: table !important;

}

.aasldt-processing div {
    display: table !important;
    font-size: 1em !important ;
}

.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}

/* ------ end load mask settings */



/* ----- begin og editc ----- */
.aslmoffergnenwrap {
    /*     max-width: 1000px;*/
    background-color: #f1f1f1;
    border: 1px solid rgba(224, 224, 224, 1);
    border-radius: 4px;
    padding:2px;
}


.aslmoffergnenresultswrap {
    border: 1px solid rgba(224, 224, 224, 1);
    border-radius: 4px;
    padding:2px;
}

.aslmoffergenleft{
    /* background-color: red;*/
    border-right: 1px #e0e0e0 solid ;

}
.aslmoffergenright{
    /*  background-color: orange;*/
}



.ognocolor,
.ogyescolor,
.ogcautcolor,
.oggreycolor,
.ogwhitecolor,
.ogcellcolor {
    color: #000000 !important;

    background-color: inherit !important;
}



.ognocolor
{
    color: #000000 !important;
    background-color: #FF8C8C !important;

}
.ogyescolor
{
    background-color: #C3E0A0 !important;

}
.ogcautcolor {
    background-color: #FEFF73 !important;
}
.oggreycolor {
    background-color: #D6D5D9 !important;
}
.ogwhitecolor  {
    background-color: #FFFFFF !important;
}
.ogcellcolor  {
    background-color: #FFFFFF !important;
}

.oginputerror {
    border: #ee3e2b 1px solid;
}


.ogmetercontainer {
    /*  background-color: green;*/
    max-width: 99%;
    padding: 1px;
    text-align: center;
}
.ogoffertype {
    /* background-color: orange;*/
    max-width: 75px;
    margin: 3px;
    padding: 3px;
    display:inline-block;
    width: 15%;
    min-width: 70px;


    border: 1px solid rgba(224, 224, 224, 1);
    border-radius: 4px;

}

.ogoffertitle {
    /* color: black !important;*/
}
.ogofferresult-green{

    background-color: #C3E0A0 ;
    color: black !important;
}

.ogofferresult-yellow {

    background-color: #FEFF73 ;
    color: black !important;
}

.ogofferresult-red {

    background-color: #FF8C8C ;
    color: black !important;
}

.ogsearchadjust {
    margin-top:7px;

}


.ogpropdetblock {
    max-width: 120px;
    margin: 1px;
    padding: 1px;
    display: inline-block;
    width: 15%;
    min-width: 120px;



}


.aslmogimgs {
    display: inline-block;
    padding: 2px;
    /* max-width: 30px;*/
    max-height: 148px;

}

.aslm-border-grey{

    border: 1px solid #ddd;
}


/* ----- end og edits ----- */


/* ----- begin small panel adj ----- */
.aslmclickable{
    cursor: pointer;
}

.aslmpanelsmall .panel-heading {

    padding: 3px 5px;
}
.aslmpanelsmall .panel-body {

    padding: 5px;
}

.aslmpanelsmall .close {
    margin-left: 7px !important;
}

.esencia-style-1 .aslmpanelsmall .close {
    color: white !important;

}

.aslmpanelsmall {

    margin-bottom: 5px !important;
}


/* ----- end small panel adj ----- */


.alsmtransgreen {
    background:rgb(183,230,157) !important ;
    background: transparent\9 !important ;
    background:rgba(183,230,157,0.3) !important ;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cB7E69D,endColorstr=#4cB7E69D) !important ;
    zoom: 1 !important ;
}

.og-audio-link {
    visibility: hidden;
}

.aslm-bold-11 {
    font-size: 1.1em;
    font-weight: 600;
}

.aslm-background-dkblue {
    background-color: #25364c;
    color: white;
}


.aslm-background-ltblue {
    background-color: #2f90af;
    color: white;
}


.credit-cards-wrap {
    display: block;
    margin: 16px 0 0;
    text-align: center;
}
.credit-cards {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.credit-cards li {
    display: block;
    float: left;
    margin-right: 9px;
}
.credit-cards li:last-child {
    margin: 0;
}
.credit-card {
    display: block;
    width: 51px;
    height: 33px;
}



/* features*/
.features-wrap {
    padding: 0 20px;
    background: #fffffd;
}
.features {
    margin: 0 auto;
    padding: 35px 0;
    max-width: 960px;
    color: #707071;
}
.features__title {
    margin: 0;
    padding: 0;
    text-align: center;
}
.features__sub-title {
    /*  font-size: 1.125rem;*/
    line-height: 1.555555556;
    text-align: center;
}
.feature-list {
    margin: 35px 0 0;
    padding: 0;
    list-style: none;
}
.feature {
    display: block;
    margin: 0 0 30px;
    padding: 0;
}
.feature:last-child {
    margin: 0;
}
.feature-icon.media__img {
    margin-top: 15px;
    margin-right: 15px;
    width: 15%;
    max-width: 60px;
}
.feature__title {
    margin: 0;
    padding: 0 0 15px;
}
.feature__body {
    margin: 0;
    padding: 0;
    /*  font-size: 1.0625rem;*/
    line-height: 1.294117647;
}

/* ====== media object ====== */
.media {
    margin: 0;
}
.media,
.media__body {
    overflow: hidden;
    _overflow: visible;
    zoom:1;
}
.media .media__img {
    display: block;
    float: left;
    margin-right: 10px;
}
.media .media__img img {
    display:block;
}
.media .media__img--rev {
    display: block;
    float: right;
    margin-left: 10px;
}

@media only screen and (min-width: 45em) {

    .features {
        padding: 65px 0 45px;
    }
    .feature-list{
        margin: 70px 0 0;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 50px;
        -moz-column-gap: 50px;
        column-gap: 50px;
    }
    .feature {
        margin: 0 0 50px;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
    }

}




.gua-box {

    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 1px solid #000000;
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(226,226,226,1) 6%, rgba(219,219,219,1) 39%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(6%, rgba(226,226,226,1)), color-stop(39%, rgba(219,219,219,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(226,226,226,1) 6%, rgba(219,219,219,1) 39%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(226,226,226,1) 6%, rgba(219,219,219,1) 39%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(226,226,226,1) 6%, rgba(219,219,219,1) 39%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(226,226,226,1) 6%, rgba(219,219,219,1) 39%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff', GradientType=0 );

    max-width: 680px;
    overflow: auto;
    margin-left: auto ;
    margin-right: auto ;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 144px;
}


.gua-title-1 {
    margin-top:20px;
    font-family: "Oswald",sans-serif;
    font-size: 2.5em;
    text-align: center;
}
.gua-title-2 {
    /*	background-color: red;*/
    margin-top: 10px;
    font-family: "Oswald",sans-serif;
    font-size: 1.5em;
    padding-left: 10px;
    padding-top: 20px;
    padding-bottom: 10px;
    /*	float: left;*/
    display: inline-block;

}
.gua-img{
    padding: 5px;
    /*text-align:left;*/
    float: left;
    margin-left: -144px;
}

.gua-text {
   /* font-family: Arial, Helvetica, sans-serif;*/
    padding: 10px;
}

.aslm-buy-box {
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 3px solid #a2a2a2;
    background: rgba(226, 226, 226, 1);
    background: -moz-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(226, 226, 226, 1) 6%, rgba(219, 219, 219, 1) 39%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226, 226, 226, 1)), color-stop(6%, rgba(226, 226, 226, 1)), color-stop(39%, rgba(219, 219, 219, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(226, 226, 226, 1) 6%, rgba(219, 219, 219, 1) 39%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(226, 226, 226, 1) 6%, rgba(219, 219, 219, 1) 39%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(226, 226, 226, 1) 6%, rgba(219, 219, 219, 1) 39%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(226, 226, 226, 1) 0%, rgba(226, 226, 226, 1) 6%, rgba(219, 219, 219, 1) 39%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#ffffff', GradientType=0);

    max-width: 450px;
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding:30px;
}

.aslm-buy-price {
    font-size: 3em;
    font-weight: bold;
    background: white;
    margin: 10px;
    border: 3px solid #a2a2a2;
}

.aslm-smaller-text{
    font-size: .9em;
    line-height: 1.25em;
}


.aslm-text-size-45em {
    font-size: 4.5em;
}

.aslm-ul-col-2 {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}



.rei-dashed-1{
    padding:10px;
    border: palegreen 3px dashed;
}

.rei-font-2em {
    font-size: 2em !important;
}

.rei-font-15em {
    font-size: 1.5em !important;
}


.rei-vimeo-responsive{
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.rei-vimeo-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ihid-label{
    font-size: .85em;
}
.rei-hr-black {
    height:0;
    border:0;
    border-top:1px solid black;
}



.rei-list-style-1{
    list-style: none !important;
}
.rei-list-style-1 {
    font-size: 1.75em !important;
}


.rei-list-style-1 li {
    text-indent: -1em !important;
    padding-left: 1em !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.rei-list-style-1 li:before {
    font-family: 'FontAwesome' !important;
    content: '\f046' !important;
    margin:0 5px 0 -15px !important;
    color: #1b9a48 !important;
    /*  font-size: 3em;*/
}

.rei-list-style-1-medium {
    list-style: none !important;
}
.rei-list-style-1-medium {
    font-size: 1em !important;
    font-weight: normal !important;
}


.rei-list-style-1-medium li {
    text-indent: -1em !important;
    padding-left: 1em !important;
    padding-top: 5px !important;
    padding-bottom: 1px !important;
}
.rei-list-style-1-medium li:before {
    font-family: 'FontAwesome' !important;
    content: '\f046' !important;
    margin:0 5px 0 -15px !important;
    color: #1b9a48 !important;
    /*  font-size: 3em;*/
}

.rei-action-box-wrapper{
    /*   background: tan;*/
    padding: 5px;
}

.rei-action-box-content{
    background: #cdffff;
    /*  margin-top: 20px !important;*/
    position:relative !important;

    /* width:100% !important;*/
    padding:20px;
}

.rei-action-box-content:before {
    /*   z-index: -1 !important;*/
    position: absolute !important;
    top: -20px !important;
    left: 50% !important;
    margin-left: -10px !important;
    content:'' !important;
    width: 0 !important;
    height: 0 !important;
    border-bottom: solid 20px #cdffff !important;
    border-left: solid 20px transparent !important;
    border-right: solid 20px transparent !important;


}

.rei-action-box-content-2{
    background: #cdffff;
    position:relative !important;
    padding:20px;
    border: 4px dashed rgb(110, 149, 104);
    border-radius: 4px;
}


/*----- begin custom list ----- */

/*
Use these to edit css as needed using squeeze site module
ss-custom-body: the body
ss-custom-jgrowl: the jgrowl div
ss-custom-brand: top logo/brand div
ss-custom-brand-logo: the logo img


ss-custom-menu-icon: the menu icon
ss-custom-menu-nav: the menu nav wrapper
ss-custom-menu-ul: the menu ul

ss-custom-page-container: main site container that hold text form etc.

ss-custom-mouse-down: the centered mouse down image

ss-custom-page-title: Main site title
ss-custom-page-subtitle: Main site subtitle
ss-custom-page-maintext: Main site text

ss-custom-form-block: the fof block/col
ss-custom-page-form-title: Main form title
ss-custom-page-form-text: Main form text
ss-custom-page-form-button: Main form button

ss-custom-page-form-label: the form label
ss-custom-contact-info: contact info div

ss-custom-thankyou-title: thank you title
ss-custom-thankyou-subtitle: thank you subtitle
ss-custom-thankyou-maintext : thank you main text
ss-custom-download-title: Download title
ss-custom-download-files: downloads scroll div
ss-custom-download-row: download row
ss-custom-download-filerow: file row
ss-custom-download-icon: icon img
ss-custom-download-filename: file name


ss-custom-footer-arrow-up: the up arrow to scroll up
ss-custom-footer-social-links: footer social ul
ss-custom-footer-links: footer links
ss-custom-footer-copyright: footer copyright

ss-custom-inventory-row-category
ss-custom-inventory-row-price : the wholesale proce row
ss-custom-inventory-row-arv : the arv row
ss-custom-inventory-row-sqft-living
ss-custom-inventory-row-sqft-total
ss-custom-inventory-row-year
ss-custom-inventory-row-beds
ss-custom-inventory-row-baths
ss-custom-inventory-row-lotsize
ss-custom-inventory-row-type
ss-custom-inventory-row-sid: seller id row


ss-custom-inventory-row-makeoffer-button
*/

/*----- end custom list ----- */