/*body{ background: #f1f1f1;} */

body{background-size: cover !important;}



.navbar-right{padding:15px; margin-right:30px;}
.navbar-right h2{ color: #7b7b7b !important; margin-top:20px; font-weight:bold;    font-size: 24px;}


.navbar-brand{padding-top:25px;}
.navbar-header{ clear:both;}
.navbar{height:55px;}
#footer{ background-color:#d2d2d2; bottom:0; position:fixed; width:100%; padding: 9px;z-index: 3}
#footer span{line-height:32px;}
#footer .container{ color:#666; text-align:center}
.home-bg{
    width:100%; 
    height:100%;

}
.navbar-fixed-top{ height:90px !important; background: #fff}
.col-lg-12 table{ 
    background: #fff;
    filter:alpha(opacity=100); /* IE */
    -moz-opacity:1; /* Mozilla */
    opacity: 1; /* CSS3 */

}

.col-lg-12 .form-group{ 
    background: #f1f1f1;
    filter:alpha(opacity=90); /* IE */
    
    opacity: 0.9; /* CSS3 */

}

.login .col-lg-12 .form-group{
    background: transparent !important;
}

#wrapper .container-fluid{   
    background: #f1f1f1; 
    padding-bottom:40px;
}
    
.page-header{margin-left:10px;}
    
#wrapper .login{  max-width: 600px; width: 100%; color:#f4f4f4; position: absolute;right: 22px;  top:14px; z-index: 999999}
#wrapper .login .page-header{color:#777;border-bottom:0px; margin-left:0;    font-size: 27px;
    font-weight: 700;
    text-align: center}

.navbar-ex1-collapse .side-nav{ bottom:0;background: #ccc;}
.alerts-all{ width:100%;margin-top:35px; float:right; padding-left:245px; margin-right:10px;}
.alerts-all .alert{ margin-bottom:0 !important;}

.redstar{
    color: #ff0000;
    font-size: 18px;
}

.navbar-brand > img{
    display: inline !important;
}

/*.pass{margin-top:-90px; position:absolute;}*/
.pass input{ }


.login .space{
    background: none;
    margin-bottom: 50px;
}



.navbar-fixed-top{
    border-bottom: none;
    -webkit-box-shadow: 0px 7px 16px -7px rgba(154, 154, 154, 0.46);
-moz-box-shadow: 0px 7px 16px -7px rgba(154, 154, 154, 0.46);
box-shadow: 0px 7px 16px -7px rgba(154, 154, 154, 0.46);

}

.navbar-ex1-collapse .side-nav {
    background: #3b5575;
}


.login .form-group input{
    
}

.login h1{
    margin-top: 0px !important;
}


@media (min-width: 768px)
{
    .side-nav {top: 76px;}
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-size: initial;
}

.navbar-inverse .navbar-nav > .active > a{
      background-color: #60a7db; 
          border-bottom: 2px solid #89ccfd; 
}


.side-nav li a:hover, .side-nav li a:focus {

    background-color: #60a7db  !important;


}


#page-wrapper{
     -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}


@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}


.corp-login-btn{
    padding: 5px 20px;
    border-radius: 3px;
    width: 100%;
    height: 34px;
    font-size: 15px;
    font-weight: bold;
}

.login-box{
   
        padding: 10px 0px;
}

.log-fields input{
    width: 240px;
    margin-right: 20px;
}

.err-msg .control-label{
        top: -20px !important;
}
.usr-nav-tab .nav-tabs > li a{
    font-weight: 600;
}

.usr-nav-tab .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    color: #fff;
    cursor: default;
    background-color: #60a7db;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.dataTables_wrapper{
    min-height: 150px;
    padding-bottom:  50px;
}


.table-responsive table{
    /*table-layout: fixed;*/
}

.table-responsive table tr td{
   word-wrap: break-word;
   max-width: 330px !important;
}

@media only screen and (max-width: 1400px) and (min-width: 600px){
.flex-table .table-responsive{
height: 320px;
}

.dataTables_paginate{
position: fixed;
bottom: 50px;
right: 0px;
z-index: 1;
/*width: 100%;*/
background: #f1f1f1;
-webkit-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.2);
}

.flex-bottom-btn{
    position: absolute;
    bottom: 55px;
    z-index: 1;
}

#auditTable_filter{
position: fixed;
right: 30px;
top: 160px;
z-index: 1;
}


#auditTable_length{
position: fixed;
top: 160px;
z-index: 1;
right: 270px;
}

.transact-pagination{
height: 40px;
width: 100%;
background: #f1f1f1;
position: fixed;
bottom: 28px;
}
}

.table-merc tbody tr td:nth-child(4){

max-width: 170px !important;
}


.table-merc tbody tr td:nth-child(3){
max-width: 200px !important;
}

.page-header{ margin-left: 10px;
font-size: 24px;
font-weight: 600;
margin: 8px 0;}


.dataTables_wrapper .dataTables_info{
 z-index: 2;
/*position: fixed;*/
    bottom: 58px;  
}

table.dataTable.no-footer{
        /*margin-bottom: 70px;*/
}

.col-lg-12 .breadcrumb {
       margin-bottom: 40px; 
}