@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,700,500,300);
body {
    background-color: #F1F0F0;
     font-family: 'Roboto', sans-serif;
}
.error{
    color: red;
}

.login_box {
    width: 325px;
    height: 420px;
    background-color: #fff;
    background-color: #fff;
    margin: 10% auto;
    box-shadow: 1px 0px 20px #A5A5A5;
    padding: 15px;
    font-family: 'Roboto', sans-serif;
	border-radius: 3px;
}

.login_bg {
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.logo_log {
    float: left;
    display: block;
}

.login_box h2 {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    float: left;
    margin-top: 5px;
    margin-left: -15px;
    color: #3e3e3e;
}

.login_box input {
    margin-top: 15px;
    border-color: #dedfdf;
    background: url(../images/form_icon_right.png) no-repeat;
    padding-left: 20px;
}

.login_box span a {
    float: right;
    margin-top: 15px;
    color: #00acb9;
}

.btn_login {
    background-color: #00acb9;
    color: #fff;
    padding: 10px;
    margin-top: 20px;
    font-size: 18px;
    margin-bottom: 25px;
}

.btn_login:hover {
    color: #fff;
    background-color: #04a4b0;
}

.powered_log {
    text-align: center;
    color: #9b9797;
    margin-top: 25px;
}


/*-----------------*/

.nav_bg{
    
    background-color: #fff;
    height: 77px;
    border-radius:0px;
    border-color: #fff;
}

.navbar-brand{
    float: left;
    /* height: 50px; */
    padding: 6px 5px;
    font-size: 18px;
    line-height: 20px;
}

/*---.nav_bg li{
    
    border-right: 1px solid #1e1d1d;
}
----*/
.nav_bg li a{
    
    padding-top: 0px;
    padding-bottom: 15px;
       color: #969696;
   text-decoration: none;
   text-transform: uppercase;
}
.dropdown-toggle li a:hover{
    color: #00acb9;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #00acb9;
    background-color: transparent;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #a396a3;
    margin-top: 20px;
    padding-top: 5px;
    background-color: #ffffff;
}

.nav_bg li a:hover{
   color: #00acb9;

}
h3{
    color: #00acb9;
}

/*---.nav_bg li:first-child{
    border-left: 1px solid #1e1d1d;
}
-------*/
.dropdown-toggle{
    
    margin-top: 25px;
    padding-bottom: 25px;
    padding-left: 15px ;
    padding-right: 15px;
}
.dropdown-menu .divider{
    
    margin-top:0px;
    margin-bottom: 0px;

}
.nav_dp li{
    
     border-right:none;
}

.nav_dp li a{
    
    color: #333232;
}

.nav_dp li:first-child {
    border-left:none;
}
.nav_dp li:hover{
    
    color: #fff !important;
}

.navbar{
    
    margin-bottom:0px !important;
}
.top_white{
    display:none;
    background-color: #ffffff;
    border-bottom:1px solid #d7d6d6;
    min-height: 52px;
    font-family: 'Roboto', sans-serif;
    box-shadow: 0px 2px 1px #D8D8D8;
}

.box_1{
    
    background-color: #ffffff;
    padding: 10px;
	padding-top:20px;
    margin-top: 20px;
    margin-bottom: 10px;
     border:1px solid #d7d6d6;
   min-height: 322px;
    box-shadow: 0px 2px 1px #D8D8D8;
}

.table_tittle{
    
    font-size: 18px;
    color: #333232;
        font-weight: 700;
     margin-bottom: 10px;
}
.table_tittle span{
    color: #c12026;
   
    
}


.table>thead>tr>th,td {
    padding: 8px!important;
    
    
}

.search_top{
margin-top:20px;
}
.sec_name{
background-color:#03abb3;
color:#fff;
display:inline-block;
margin-top:65px;
margin-bottom:10px;
padding:3px;
border-radius:3px;
width: 30px;
    text-align: center;
}
.sec_name_e{
background-color:#03abb3;
color:#fff;
display:inline-block;
margin-top:10px;
margin-bottom:10px;
padding:3px;
    padding-right: 8px;
	    padding-left: 8px;
border-radius:3px;
width: 30px;
    text-align: center;
}
.pad_r20{
        padding-left: 20px;
}
.right_p_0{
padding-right:0px !important;
padding-left:0px !important;
}
.left_p_5{
padding-left:5px !important;
padding-right: 0px!important;
}
.box_1 .table{
 margin-bottom: 5px;
}
.modal-footer{
text-align:center;
}
.available{
//background-color:#97d077;
background-color:#33749e ;
}
.note{
color:#fff;
padding:10px;
text-align:center;
}
.available a{
color:#fff;
text-decoration:none;
font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;

}

.not-available{
background-color:#e33933;

}
.not-available a{
color:#fff;
text-decoration:none;
font-size: 13px;

padding-top: 10px;
    padding-bottom: 10px;
	
}

.partially_available{
background-color:#febe13;

}
.partially_available a{
color:#fff;
text-decoration:none;
font-size: 13px;

padding-top: 10px;
    padding-bottom: 10px;
}
.select_available{
background-color:#456b30;

}
.select_available a{
color:#fff;
text-decoration:none;
font-size: 13px;

padding-top: 10px;
    padding-bottom: 10px;
}
.unselect_available{
background-color:#7eb55e;

}
.unselect_available a{
color:#fff;
text-decoration:none;
font-size: 13px;

padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-inverse .navbar-toggle .icon-bar{
background-color: #00A5A9 !important;

}



.btn_em{
    
    
    background-color: #333232;
    color: #d3d0d0;
    text-transform: uppercase;
}
.btn_em:hover{
    
      background-color: #211f1f;
    color: #d3d0d0;
}
.btn_em2{
    
    
    background-color: #04a4b0;
    color: #d3d0d0;
    text-transform: uppercase;
    padding: 15px;
    
}
.btn_em2:hover{
    
      background-color: #04a4b0;
    color: #d3d0d0;
}


.popup_box{
    
    background-color: #fff;
    width: 360px;
    height: 400px;
    padding: 20px;
    border-radius: 3px;
   
}
.popup_box h3{
   margin-top: 10px;
}
.popup_box input{
    
        border-radius: 0px !important;
    padding:20px;
}
 #element_to_pop_up { display:none; }

.modal-footer span a{
    
    color: #144387;
    text-decoration: none;
}
@media (max-width: 992px) {

   .sec_name{
   margin-top:0px;
   }
.nav_bg li {
    background-color: #333232!important;
    z-index: 999;
   
}
    .dropdown-toggle img{
        display: none;
    }
    
    .dropdown-toggle{
        
        margin-top: 0px;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    
    .navbar-header{
        
        margin-bottom: 27px;
    }
    
    .navbar-nav{
        
            margin: 0.5px -6px !important;
    }
    

           .nav_dp li a{
    
   background-color: #333232!important;
        z-index: 999;
               color: #fff!important;
}

}

@media (max-width: 768px) {


.right_p_0{
padding-right:10px !important;
padding-left:10px !important;
}
.left_p_5{
padding-left:10px !important;
padding-right: 10px!important;
}




        .nav_bg li{
    background-color: #333232!important;
   
        z-index: 999;
}
    .nav_dp li{
    
      background-color: #333232!important;
}
}