/* Minification failed. Returning unminified contents.
(149,1): run-time error CSS1035: Expected colon, found '}'
 */
html, body {
    height: 100%;
    margin: 0;
    min-width:350px;
}

body {
    min-width: 350px;
    background: #5a6a83;
}

a {
    color: #5a6a83;
}

#sidebar {
    position: absolute;
    top: 120%;
    right: 5%;
    z-index: 2;
}
   

.mobile {
    display:none;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: white;
}

h1 {
    font-weight: bold;
    font-size: 4em;
    /*white-space: pre-wrap;*/
}

.site_logo  {
    margin-bottom: 5%;
}




.navbar-inverse {
    background: white;
    padding: 1%;
    color: black;

}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    width: 89%;
}


.navbar-inverse .navbar-nav > li > a {
    color: black;
}

.navbar-toggle {
    background: #323232;
}


/*.home_holder {
    background: #5a6a83;
    padding: 5% 0%;
    vertical-align: bottom;
    overflow:auto;
    padding-bottom: 150px;
    min-height: 700px;
}*/

.home_holder {
    background: #5a6a83;
    padding: 12% 0% 0 0;
    vertical-align: bottom;
    min-height: 100%;
    /*margin-bottom: -75px;
    padding: 20px;
    padding-bottom: 50px;*/
    min-height: calc(100vh);
}


.home_holder_half {
    display: inline-block;
    margin: 3%;
    margin-left: 0;
    margin-right: 1%;
    width: 45%;
    vertical-align: top;
    font-size: 1.25em;
}

.home_holder_half ul {
    list-style: none;
    font-size: 1.25em;
    padding: 0;
}

.home_holder_half ul li:before {
    content: '✓';
    display: inline-block;
    height: 2em;
    width: 2em;
}

.home_holder_half img {
    display: inline;
}

.home_holder_half img:first-child {
    display: inline-block;
    margin-right: 5%;

}

.home_holder .bottom_images img:first-child {
    margin-right: 2%;
}



/*footer {
    background: #323232;
    margin: 0;
    padding: 5px 10%;
    position: relative;
    bottom:0;
    width: 100%;
    height: auto;
    margin-top:150px;
    clear: both;
}*/

footer {
    background: #323232;
    padding: 5px 10% 75px;
    position: fixed;
    left: 0;
    bottom:0;
    width: 100%;
    height: 75px;
    margin:0;
    pad
}



footer .half {
    width: 45%;
    display: inline-block;
    vertical-align: middle;
    font-size: 0.8em;
}

    footer .half.images, .half.images {
        text-align: justify;
    }

    footer .half.images img {
        /*width: 100px;  Declare your value. Can be in relative units. */
        display: inline-block;
        /* IE fix. */
        *display: inline;
        zoom: 1;
        vertical-align: bottom;
    }

    footer .half.images:after {
        content: "";
        width: 100%;
        display: inline-block;
    }


    footer .half img, footer .half div {
        display: inline-block;

    }

        footer .half div:first-child {
            margin-right: 5%;
        }



.btn-warning {
    color: #fff;
    background-color: #5a6a83;
    border-color: #5a6a83;
}


.home_holder .header_title {
    border-radius: 0;
    background: #5a6a83;
    text-align: center;
    white-space: normal;
}

.home_holder.orders_holder {
    background: #d2d2d2;
    height:100%;
}


.home_holder.orders_holder tr:nth-child(even) {
    background: #f0f0f0;
    color: black;
}

    .home_holder.orders_holder table{
        color: black;
    } 
    
    .home_holder.orders_holder .table-striped > tbody > tr:nth-child(even) > td,
    .home_holder.orders_holder.table-striped > tbody > tr:nth-child(even) > th {
        background-color: #f0f0f0;
    }

    .home_holder.orders_holder tr:nth-child(odd) {
    background: white;
}


.rebrand_bottom {
    background: #323232;
    color: white;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    background: #5a6a83;
    color: white;
    border-radius: 5px;
    vertical-align: bottom;
    border: 0px;
    font-family: Arial, Helvetica, sans-serif;
}

.login-page-register-reset a {
    color: white;
}

.login-page-register-reset ul li {
    background: none;
}

div.dxtcSys > .dxtc-content > div, div.dxtcSys > .dxtc-content > div > div {
    height: auto;
}

.dxtcLite > .dxtc-content {
    background: none;
    border: none;
}


.login-page-form-holder h4 {
    color: white;
}

.half.images a:link {
    text-decoration-line: none;
    display: table-cell;
    vertical-align: middle;
}



footer .half.images img  {
    margin-right: 15px;
}
    
    
.half.images a:hover, .half.images a:focus {
    color: #323232;
}


.navbar-inverse .navbar-nav > li > a, .login_home {
    text-transform: uppercase;
    color: rgba(128, 128, 128, 0.75) /*#d2d2d2*/;
    font-weight: 600;
    font-size: 1em;
    vertical-align: bottom;
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
}

input[type="button"].makePayments_btn {
    margin-top: 0px;
    z-index:50;
}

.OnTop {
    z-index:50;
}
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (max-width: 1280px) {
    /*.home_holder{
        margin: 5% 3%;
        vertical-align: top;
    }*/
}




@media (min-width: 1100px) and (max-width: 1280px) {
        
   
    footer {      
        font-size: 0.80em;
    }

    .home_holder_half {
        margin: 0;
    }

        .home_holder_half img:first-child{
            margin: 0;
        }


}

@media (min-width: 1055px) and (max-width: 1100px) {

    h1 {        
        font-size: 3em;
    }
    
    
    .home_holder {
        /*padding: 5% 1% 5% 2%;*/
        font-size: 1em;
    }


    .home_holder_half img {
            margin: 0;
        }

        .home_holder_half:first-child {
            margin: 0;
        }

        .home_holder_half ul {            
            font-size: 1em;
        }

    footer {
       
        font-size: 0.80em;
    }
        
}


@media (min-width: 800px) and (max-width: 1100px) {

    home_holder {
        padding-bottom: 0px;
    }

    .home_holder h1 {
        font-size: 3em;
    }

    .view h1, .view1 h1, .card_view h1 {
        font-size: 1em;
    }
    
    .home_holder_half img {
        width: 45%;
    }

    .home_holder .home_holder_half img:first-child {
        margin-right: 0;
    }
}


@media (max-width: 1090px) {



    h1 {
        font-size: 2.5em;
    }

    footer .half {
        width: 30%;
    }

        footer .half.images {
            width: 65%;
        }
}


@media (max-width: 715px) {

    .home_holder {
        padding-bottom: 45%;
    }


    footer {
        padding: 2%;
        font-size: 0.75em;
        vertical-align: top;
        height: 150px;
        margin-top: 250px;
    }


    .home_holder_half {
        padding: 0%;
        margin: 0;
    }

    .home_holder h1 {
        font-size: 1.7em;
    }




    .home_holder_half:first-child {
        text-align: left;
    }

    .home_holder_half img {
        width: 40%;
    }

    .card_view h1 {
        font-size: 1em;
    }

    footer .half.images a:link {
        width: 45%;
        margin: 2% auto;
        display: inline-block;
    }

    .form-control {
        max-width: 275px;
    }

    .mobile_250 {
        max-width: 250px;
    }

    select {
        max-width: 250px;
    }
}


@media (max-width: 550px) {

    .home_holder_half {
        display: block;
        width: auto;
        padding-bottom: 0px;
    }

    .from_to, .from_to_right,
    .orders_holder .invoice-header .side1,
    .orders_holder .invoice-header .side {
        width: 100%;
    }

    .card_view h1 {
        background: none;
        color: black;
    }

    .mobile_250 {
        max-width: 250px;
    }

    select {
        max-width: 250px;
    }

    #MainContent_gvEstimates {
        font-size: 0.40em;
    }

    .container {
        padding: 0 0 0 1%;
    }
}

