@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 600;
  src: local('Saira SemiCondensed SemiBold'), local('SairaSemiCondensed-SemiBold'), url("font/AqP7QX0TdaZHs8pWxeHdZTzKTEI69E9S2U4mxrykgLFSjxrNWc6TL5x1_u3zzrgH.woff") format('woff');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 600;
  src: local('Saira SemiCondensed SemiBold'), local('SairaSemiCondensed-SemiBold'), url("font/AqP7QX0TdaZHs8pWxeHdZUrD3sL4gWk4Fk49AGqi9dZSjxrNWc6TL5x1_u3zzrgH.woff") format('woff');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 600;
  src: local('Saira SemiCondensed SemiBold'), local('SairaSemiCondensed-SemiBold'), url("font/AqP7QX0TdaZHs8pWxeHdZRsGXIQKIALcS8KNu_A2Z1oC1LhKU8qFLLahJuQDJSaO.woff") format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 800;
  src: local('Saira SemiCondensed ExtraBold'), local('SairaSemiCondensed-ExtraBold'), url("font/AqP7QX0TdaZHs8pWxeHdZUMGCTnVAERXWDZ9l7jUM3NSjxrNWc6TL5x1_u3zzrgH.woff") format('woff');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 800;
  src: local('Saira SemiCondensed ExtraBold'), local('SairaSemiCondensed-ExtraBold'), url("font/AqP7QX0TdaZHs8pWxeHdZbuN_EGWRdJKo47bSfPIsDJSjxrNWc6TL5x1_u3zzrgH.woff") format('woff');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 800;
  src: local('Saira SemiCondensed ExtraBold'), local('SairaSemiCondensed-ExtraBold'), url("font/AqP7QX0TdaZHs8pWxeHdZc_32bS09Ag8SxUgyUOuyPIC1LhKU8qFLLahJuQDJSaO.woff") format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face{
            font-family:'OpenSans';
            src:url("font/OpenSans-Regular.ttf");
 }
 @font-face{
            font-family:'OpenSansBold';
            src:url("font/OpenSans-Semibold.ttf");
 }
  @font-face{
            font-family:'OpenSansEtraBold';
            src:url("font/OpenSans-ExtraBold.ttf");
 }

 #left .subnav{
     margin-top:0px;
 }
 select{margin:0px}
 .popover{
     max-width:320px;
 }
 p{
    margin-bottom: 5px;
}
 .form-horizontal .control-group{
     margin-bottom:12px;
 }
 
 .b{font-weight:bold;}
 .btn{
     padding:3px 10px;
     font-weight: normal;
 }

.fontred
{
    color: #E51400;    
}
textarea{margin:0px;}
td input[type=radio]{
    margin-top:0px;
}

.alert{
    padding:7px 15px;
}
.label_radio{ 
    margin:0px 15px 0px 0px;
    display: inline;
}

td input[type=text]{
    margin-bottom:0px;
}
input[type=text], input[type=password] {
    height: 30px;
}
body{
    font-family: 'OpenSans', sans-serif;     
}
.filetree .dynatree-container{
    background: #EEE;
}
ul.dynatree-container a{
    border: none !important;
    padding: 0px 5px 2px 5px;
}
span.dynatree-active a,ul.dynatree-container a:hover{
    background: #368EE0 !important;
    color:#fff !important;
}
#left .subnav .subnav-menu > li > a.active{
    background:#bbdce8;color:#e51400;
}
#content.nav-fixed #left{
    top: 99px;
}
#left .subnav .subnav-menu > li > a.f-red{
    color: #b12d2a;
    background: #ead3d2;
}
#left .subnav .subnav-menu > li.active > a{
    color:#b12d2a;
    background: #fff;
}
#left .subnav .subnav-menu > li.active > a:hover{
    
    background: #fff;
}
.halp{
    width: 50% !important;    
    margin: 40px 0px 0 25%  !important;
}
#main .box .box-title {
    margin: 0px;
}
#navigation .main-nav > li > a{
    padding: 10px 25px;
        display: block;
    color: #04528e;
    text-transform: uppercase;
    font-weight: bold;
}
.right_top{
    float: right;
        line-height: 51px;
}
.right_top a{
    color: #fff;
    font-weight: bold;
    text-transform:uppercase;
}
.user_top{
    float: left;
    border-right: 1px solid #1597c3;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 15px;
    margin-right: 15px;
    color: #fff;
    font-size: 12px;
}
#navigation .main-nav>li:first-child a{
    padding-left: 0;
}
#navigation .container-fluid{
    padding-left: 0;
}
#main .breadcrumbs {
    border: 1px solid #eee;
   background:#fff;
    margin-bottom:7px;
}
#main .breadcrumbs a{
    font-size:14px !important;
}
.table{
    background:#fff;
}
#titthongbao {
    color: #3A87AD;
    background-color: #D9EDF7;
    border: 1px solid #3A87AD;
    box-shadow: 0px 0px 5px #CCC;
    padding: 10px 20px;
    text-align: center;
    font-weight: bold;
    position: fixed;
    z-index: 99999;
    margin: 0px;
    top: 5%;
    left: 50%;
    transform: translate(-50%, -50%);
}
select option{
    padding:2px 5px;
}
.table tr td{padding:3px 10px;}
.table-bordered tr th, .table-bordered tr td{padding: 5px 8px; border-left:1px solid #ddd !important; vertical-align:middle;}
.user .dropdown .active{background: #1E74C5 ; }
.form-horizontal .form-actions{
    padding-top: 0px;
    padding-bottom: 0px; 
}
#navigation .user .dropdown > a{padding: 10px 12px 10px;}
.tiles > li.long > a span{font-size: 56px;}
.tiles > li > a span{font-size: 40px;}
.tcenter{text-align: center !important;}
.tright{text-align: right !important;}
#main .page-header h1{
    margin: 0px 0px !important;
    border-bottom: 2px solid #d4d4d4;
    padding-bottom: 10px;
    font-size: 24px !important;
}
.fr{float: right;}
.fl{float: left;}
.clear{
    clear:both;
}
.header-button{
    clear: both;
}
.header-button .input-append{
    margin-bottom: 0 !important;
}
#left .subnav .single {
    
}
#left .subnav .single a{
    padding-left: 20px;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #444;
    display: block;
    padding: 7px 0px 7px 20px;
}
#left .subnav .single a:hover{
    background: #d4d4d4;
    text-decoration: none;
    color:#A94442;
}
#left .subnav .subnav-menu>li>a:hover {
    background: #b9e3f3;
    color: #222;
}
tr td a{color:#2361A1}
td a i{font-size: 18px;}
#screen2{
    background: rgba(0,0,0,0.4);
    width: 100%;height: 100%;
    position: fixed;z-index: 99999;
}
#screen{
    background: rgba(0,0,0,0.4);
    width: 100%;height: 100%;
    position: fixed;z-index: 9999;
}
#popup2{
    z-index: 99999 !important;
}
.popup{
    z-index: 9999;
    width: 76%;
    min-height: 100px;
    margin: 20px 0px 0 12%;
    background: #fff;
   
    position: fixed;
}

#popupScreen {
    background: rgba(0,0,0,0.4);
    width: 100%;height: 100%;
    position: absolute;
    z-index: 99999;
}

td .btn, th.btn{
    padding:3px 6px;
   
}
.btn{
    padding: 3px 10px;
    border-radius: 3px;
}
#main .container-fluid{padding-top:20px;}
.popup .container-fluid{
    padding: 0px !important;
}
.popup #main{
    margin: 0px !important;
    padding-bottom:10px !important;

}
.popup .container-fluid .box-title{margin: 0px !important;}
.popup_info{
    padding-bottom: 0px !important;
}
.popup_info p{
    margin-bottom: 3px;
}
.popup_info h2{
    font-size: 18px;
    border-bottom: 2px solid #ddd;
    margin: 0 0 10px 0px;
    padding-bottom: 7px;
    line-height: 20px;
}
.popup_info .btn{
    margin-bottom: 0px;
}
.popup_info .table tr td{
    padding: 5px;
}
.popup_info .scroll{
    overflow: auto;
    height: 300px;
    margin-bottom: 10px;
    clear: both;    
    margin-left: 0px;
}
td .scroll{
    overflow: auto;
    max-height:200px;
}
.popup_info .scroll_thongke{
    overflow: scroll;
    margin-bottom: 10px;
    clear: both;    
    margin-left: 0px;
}
.scroll .comment{
    list-style: none;
}
.scroll .comment li{
    margin-top: 15px;
}
.scroll .comment li h5{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #0b4e88;
}
.scroll .comment li h5 em{
    font-weight: normal;
    color: #666;
}
.scroll .comment li p{
    clear: both;
}
.nomargin{margin: 0 !important;}
.nomagin{margin: 0 !important;}
.btn-file {
position: relative;
overflow: hidden;
}
.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: inherit;
display: block;

}

.btn-file {
    border-radius:3px !important;
}

.fontred{
    color:#E51400
}

.login .alert-danger{
   background:#E51400 !important;
   color:#fff !important;
   font-size:15px;
   margin: 0px 30px 30px 30px;
}
.login .login_title{
    text-align:center;
    padding-top:50px;
    padding-bottom:20px;
}
.login .login_title h1{
    line-height:55px;
    margin-top:0px;
    padding-top:30px;
    font-size:35px;
    font-family:"OpenSansBold";
    text-shadow: 1px 3px 9px 3px #666 !important;
}
header .container h1{
    color:#fff;
}
.login h1,.login h2{
    /*text-align:center;*/
    color:#FFF !important;
    text-transform:uppercase;
    
}
.login .wrapper{
    margin:10px -200px 0px !important;
    width:440px;
    height:auto;
}
.login .wrapper .login-body{
    margin: 0px;
    padding: 5px 30px;
    margin-top: 20px;
    background: rgba(255,255,255, 0.7);
    border: 1px solid #064578;
    border-radius: 5px;
    width: 370px;
    box-shadow: 1px 3px 9px 3px #666;
}
.login .wrapper .login-body input[type=text],.login .wrapper .login-body input[type=password]{
    border: 1px solid #368ee0;    
}
.login .wrapper .login-body input[type=text]:focus,.login .wrapper .login-body input[type=password]:focus{
    border: 1px solid #b94a48;    
}

.login .wrapper .login-body h2{
    padding: 5px 0px;
    border-bottom: 2px solid rgba(138, 138, 138, 1);
    margin-bottom: 25px;
    font-size: 26px;
    font-family:"OpenSansBold";
    font-weight: bold;
}
.login .wrapper .login-body form{
    padding: 0px;
    
}
form{margin-bottom:0px}
div.graph
{
	width: 100%;
	height: 250px;
	float: left;
	
}
.legend a{
    font-size: 13px;
}
#placeholder{width:96%;}
@media only screen and (max-width: 1280px){
    .popup {
        width: 90%;
        margin: 20px 0px 0 5%;
    }
}

@media only screen and (max-width: 640px){
    div.graph
    {
    	width: 450px;
    }    
    #placeholder{
        width: 640px;
    }
    .header_cus{
        
    }
}
@media only screen and (max-width: 1024px) {
    #navigation .user .icon-nav{
        display:block;
    }  
    .login-left{
        padding-left:20px !important;
    }
    .login-right{
        padding-right:20px !important;
    }
}
@media only screen and (max-width: 767px){
    div.graph
    {
    	width: 450px;
    }    
    #placeholder{
        width: 640px;
    }
    #navigation .main-nav {
        
    }
    .login-left{
        padding-left:0px !important;
        margin-bottom:30px;
    }
    .login-right{
        padding-right:0px !important;
    }
}
@media only screen and (max-width: 480px) {
    div.graph
    {
    	width: 250px;
    } 
    #placeholder{
        
    }  
}
.menu-duan{
    padding: 13px 20px 10px 20px;
    border-bottom:1px solid #d4d4d4;
    height: 59px;
    background: #f9f9f9;
}
.nav-pills.nav-wizard{
    margin: 0px;float: left;
}
.nav-pills.nav-wizard > li {
position: relative;
overflow: visible;
border-right: 15px solid #f9f9f9;
border-left: 15px solid #f9f9f9;
margin-left: -5px;
}
.nav-pills.nav-wizard > li .badge{
    position: absolute;
    right: -7px;
    top: -9px;
    z-index: 99;
}

.nav-pills.nav-wizard > li:first-child {
border-left: 0;
margin-left: 0px;
}
.nav-pills.nav-wizard > li:first-child a {
border-radius: 5px 0 0 5px;
}
.nav-pills.nav-wizard > li:last-child {
border-right: 0;
}
.nav-pills.nav-wizard > li:last-child a {
border-radius: 0;
}
.nav-pills.nav-wizard > li a {
border-radius: 0px;
background-color: #bed2be;
color: #5f5f5f;
font-weight: bold;
}
.nav-tabs > li > a, .nav-pills > li > a{
    padding-left: 8px;
    padding-right: 5px;
}
.nav-pills.nav-wizard > li .nav-arrow {
position: absolute;
top: 2px;
right: -13px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 15px 0px 15px 15px;
border-color: transparent transparent transparent #bed2be;
z-index: 9;
}
.nav-pills.nav-wizard > li .nav-wedge {
position: absolute;
top: 2px;
left: -16px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 15px 0px 15px 16px;
border-color: #bed2be #bed2be #bed2be transparent;
z-index: 9;
}
.nav-pills.nav-wizard > li:hover .nav-arrow {
border-color: transparent transparent transparent #50b050;
}
.nav-pills.nav-wizard > li:hover .nav-wedge {
border-color: #50b050 #50b050 #50b050 transparent;
}
.nav-pills.nav-wizard > li:hover a {
background-color: #50b050;
color: #fff;
}
.nav-pills.nav-wizard > li.active .nav-arrow {
border-color: transparent transparent transparent #393;
}
.nav-pills.nav-wizard > li.active .nav-wedge {
border-color: #393 #393 #393 transparent;
}
.nav-pills.nav-wizard > li.active a {
background-color: #393;
color: #fff;
} 
.nav-pills.nav-wizard > li.disabled .nav-arrow {
border-color: transparent transparent transparent #d4d4d4;
}
.nav-pills.nav-wizard > li.disabled .nav-wedge {
border-color: #d4d4d4 #d4d4d4 #d4d4d4 transparent;
}
.nav-pills.nav-wizard > li.disabled a,.nav-pills.nav-wizard > li.disabled a:hover {
background-color: #d4d4d4;
color:#5f5f5f ;
cursor:not-allowed ;
} 
.tcenter_body tr td{text-align: center !important;}
.btn-group{ text-align: left !important;}

.tiles li.high .des{
    font-size: 22px !important;
    padding-top: 10px !important;
}
.tiles li .des{
    font-size: 14px !important;
    padding-top: 0px !important;
}
.tiles li .des_icon{
    font-size: 20px !important;
    float: right;
    padding-right: 10px;
    padding-top: 15px !important;
}
.tiles > li.long > a span{
    padding-top: 20px;
}
.tiles > li.high > a span{
    padding-top: 75px !important;
}

.btn-kiennghi{
    background: #FF5050;
    color: #fff;
}
.btn-kiennghi:hover{
    background: #E64848;
    color: #fff;
}
.btn-capnhat{
    background: #1975A3;
    color: #fff !important;
}
.btn-capnhat:hover{
    background: #005C8A;
    color: #fff !important;
}
table.baocao{
    border-top:1px solid #333;
    border-right:1px solid #333;
}
table.baocao th{
    background:#f2f2f2;
}
table.baocao th,table.baocao td{
    border-left:1px solid #333;
    border-bottom:1px solid #333;
    padding:2px 5px;
    font-size:12px;
    font-family:'Times New Roman';
}

table.table-noborder{
    border: 0px ;
}
.table-noborder tr td{
    border: 0px ;
    padding:3px 5px;
}
#left{
    width: 270px;    

}
#main{
    margin-left: 270px;
}
#brand{
    padding-left: 5px !important;
    padding-right: 2px !important;
}
#brand img{
    height: 24px;
}
.b{
    
}
a.b:hover{
   text-decoration: none;
   
}
.b-green i,.b-red i,.b-grey i,.b-orange i,.b-blue i{
    font-size: 15px;
}
.b-blue{
    background:#368EE0 !important;
    padding: 4px 8px !important;color:#fff !important;
}
.b-green{
    background:#393 !important;padding: 4px 8px !important;color:#fff !important;height: 30px !important;
}
.b-red{
    background:#e51400 !important;padding: 4px 8px !important;color:#fff !important;height: 30px !important;
}
.b-grey{
    background:#808080 !important;padding: 4px 8px !important;color:#fff !important;height: 30px !important;
}
.b-orange{
    background:#f8a31f !important;padding: 4px 8px !important;color:#fff !important;height: 30px !important;
}
.f-blue{
    color:#368EE0 !important;
}
.f-green{
    color:#393 !important;
}
.fontred{
    color:#e51400 !important;
}
.f-black{
    color:#000;
}
.f-red{
    color:#e51400 !important;
}
.f-grey{
    color:#808080 !important;
}
.f-orange{
    color:#f8a31f !important;
}
.f-orangered{
    color:orangered;
}
.full{
    width: 100%;
}

.collap-active{
    background: #08C;
    color: #fff;
}
.contextMenuTree {
    position: absolute;
    display:none;
}
#btn-dangky{
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 999999;
}
#btn-dangky i{
    font-size: 20px;
}
.form-horizontal .control-label{
    padding-top: 0px;
}
.box-content h5{
    border-bottom: 2px solid #D4D4D4;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.alert-loadding{
    width:250px;  
    margin:20px auto; 
    font-size:16px;
    
}
#loader {
  border-radius:8px;
  width:auto;
  display:inline-block;
  height:auto;
  padding:5px;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-25px;
  margin-left:-37px;
}
.spin {
  height:20px;
  width:20px;
  background:#1EB7FF;
  border-radius:2px;
  box-shadow: 0 0 20px #6BE1FF;
  border:1px solid #FFF;
  float:left;
  margin: 0 2px;
  opacity:0;
}
#load1 {
  animation: load1 1s infinite;
  animation-delay:0s;
}
#load2 {
  animation: load2 1s infinite;
  animation-delay:0.1s;
}
#load3 {
  animation: load3 1s infinite;
  animation-delay:0.2s;
}
#load4 {
  animation: load3 1s infinite;
  animation-delay:0.3s;
}
#load5 {
  animation: load3 1s infinite;
  animation-delay:0.4s;
}

@keyframes load1 {
  0% {opacity:0;}
  50% {opacity:1;transform: scaleY(2)}
  100% {opacity:0;}
}

@keyframes load2 {
 0% {opacity:0;}
  50% {opacity:1;transform: scaleY(2)}
  100% {opacity:0;}
}

@keyframes load3 {
  0% {opacity:0;}
  50% {opacity:1;transform: scaleY(2)}
  100% {opacity:0;}
}
@keyframes load4 {
  0% {opacity:0;}
  50% {opacity:1;transform: scaleY(2)}
  100% {opacity:0;}
}
@keyframes load5 {
  0% {opacity:0;}
  50% {opacity:1;transform: scaleY(2)}
  100% {opacity:0;}
}
.btcapcha{ 
    background: url("../images/bgcapcha.png") repeat scroll 50px 0% transparent !important;
    font-size: 20px !important;
    font-family: Georgia;
    padding: 4px 18px !important;
    width: 89px !important;height: 30px !important;
}
#codecapcha1,#codecapcha{
    padding: 4px 12px;
    height: 30px;
    border:1px solid #d4d4d4;
}
/*.alert-info{
    font-size:16px !important;
    text-align:left !important;
    color:black;
}*/

.scroll_donvi{
    overflow:auto;
    height:300px;
    border:1px solid #d4d4d4;
    padding:10px 15px;
}
.scroll_donvi ul{
    list-style:none
}
.dr{
    border-bottom:1px dashed #555;
    height:1px;
    margin: 0px 25px;
}
.b-special
{
padding: 4px 8px;
color: #fff !important;
background:#393;
animation:myfirst 3s linear infinite;
-moz-animation:myfirst 3s linear infinite; /* Firefox */
-webkit-animation:myfirst 3s linear infinite; /* Safari and Chrome */
-o-animation:myfirst 3s linear infinite; /* Opera */
}
.b-special i{
    font-size: 15px;
}
@keyframes myfirst
{
0%,100%   {background:#393;}
25% {background: #368EE0 }
50%  {background:#F8A31F ;}
75%  {background:#E51400 ;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%,100%   {background:#393;}
25% {background: #368EE0 }
50%  {background:#F8A31F ;}
75%  {background:#E51400 ;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%,100%   {background:#393;}
25% {background: #368EE0 }
50%  {background:#F8A31F ;}
75%  {background:#E51400 ;}
}

@-o-keyframes myfirst /* Opera */
{
0%,100%   {background:#393;}
25% {background: #368EE0 }
50%  {background:#F8A31F ;}
75%  {background:#E51400 ;}
}

.b-white{background: #fff !important;
color:#368EE0 !important;
padding: 3px 7px;
}
#main .box.box-color .box-title{
    padding: 5px 0px 5px 5px;
}
#main .box .box-title h3{
    font-size: 18px;
}
.accordion-heading .accordion-toggle{padding: 5px 15px;}
.accordion-toggle.green{border-left:10px solid #393}
.accordion-toggle.orange{border-left:10px solid #f8a31f}
.accordion-toggle.red{border-left:10px solid #E51400}
.accordion-toggle .pull-right a i{font-size: 15px; margin-left: 5px;}
.accordion-heading{
    background: #f1f1f1;
    font-weight: bold;
}
.accordion-inner .btn-group{margin-left: 0px;margin-bottom: 10px;}
.btn-group > .dropdown-toggle{
    font-size: 12px;
}
.status{
    overflow: hidden;
}
.status .green{
    background: #393;
}
.status .orange{
    background: #f8a31f;
}
.status .red{
    background: #E51400;
}
.status .status-bar{ float: left; color:#FFF; font-weight: bold; text-align: center;}
.status .status-remain{float: left; color: #666;font-weight: bold; text-align: center; background: #f7f7f7;}
ul.hophoso{
    list-style: none;
    margin: 0px;
}
ul.hophoso li a{
    margin: 0px 5px 5px 0px;
    border: 1px solid #d4d4d4;
    padding: 3px 5px;
    display: block;
    float: left;
    background: #f9f9f9;
}
ul.hophoso li a:hover{
    background: #f1f1f1;
    cursor: pointer;
    text-decoration:none;
    color:#E51400;
}
ul.hophoso li.slow{
    background: #f7f7f7;
}
ul.hophoso li.fulls{
    background: #ddd;
}
/* tree view */
.tree-view{
    margin-top: 20px;
    padding:0px;
}
    .tree-view .tree {
    margin-left:0px;
    list-style:none;
    }
.tree-view label{margin-bottom:0px;}
label.active_{background: #ddd;
color: #e51400;}
label.luutru_kho{
    padding-left:10px;    
}
label.luutru_day{
    padding-left:25px;    
}
label.luutru_gia{
    padding-left:40px;    
}
label.luutru_hop{
    padding-left:55px;    
}
a.luutru_dvlt{
    padding-left:73px;    
}
.tree-toggler{
    color: #444;
    font-weight: normal;
    font-size: 13px;
}
.tree-toggler img{
    height: 16px;
    margin-right: 3px;
}
.tree-view .tree-toggler:hover{
    background: #d4d4d4;
    color: #2361A1;
}
.tree-view .tree-file li a{
    display: block;
    color: #2361A1;
}
.tree-view .tree-file li a img{
    height: 14px;
    margin-right: 5px;
}
.tree-view .tree-file li a.active ,.tree-view .tree-file li a:hover{
    background: #d4d4d4;
    color:#E51400;
}
/* end tree view */

/*************  Nestable    ***************************/
/**
 * Nestable
 */

.dd { position: relative; display: block; margin: 0; padding: 0; max-width: 600px; 
list-style: none; font-size: 13px; line-height: 20px; 
min-height: 600px;}
h2.dd-title{
   font-size: 18px;
   border-bottom: 1px solid #ddd; 
   margin-bottom: 10px;
   background: #368EE0 ;
   color:#fff;
   padding-left: 15px;
   cursor:pointer;
}
.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-item{
    margin-bottom: 5px;
}
.dd-list .dd-list { 
    padding: 10px; 
}
.dd-item .list-hop{
    padding: 10px 10px 5px 10px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
 border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.dd-list .gia-add a{
    color: #fff;
    display: block;
}
.dd-item .list-hop .hop-add{
    clear:both;
}
.dd-item .list-hop .hop-add a{
    background:#393;
    color:#fff;
}
.dd-item .list-hop .hop-add a:hover{
    background:#393;
    color:#fff;
    text-decoration:none;
}
.dd-item .list-hop li{
    float: left;
    margin: 0px 5px 10px 0px;
}
.dd-item .list-hop a{
    padding: 2px 5px  !important;
    height: 21px;
    border: medium none;
    background: #f9f9f9;
    border: 1px solid #CCC;
    font-weight: normal;
}
.dd-item .list-hop a:hover{background: #ddd; text-decoration: none;}
.dd-collapsed .dd-list { display: none; }

.dd-item,
.dd-empty,
.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; 
font-size: 13px; line-height: 20px;border-top: 1px solid #CCC; }

.dd-handle { display: block; height: 30px; margin: 0px; padding: 5px 5px 5px 10px; color: #333; 
text-decoration: none; font-weight: bold; 
border-bottom: 1px solid #ccc;
 border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
    background: #fafafa;
    
    box-sizing: border-box; -moz-box-sizing: border-box;
    cursor: move;
}
.dd-handle:hover { color: #2ea8e5; background: #f1f1f1; }

.dd-item > button { 
        display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 30px;
    height: 30px;
    
    padding: 0px;
    white-space: nowrap;
    overflow: hidden;
    border: 0px none;
    background: transparent none repeat scroll 0% 0%;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    font-weight: bold;
    color: #fff;
    padding: 3px;
    height: 30px;
    background: #2EA8E5;
    margin-right: 10px;

}
.dd-item > button.collapse{
    background: #393;
}
.dd-item > button:before {  }
.dd-item > button[data-action="collapse"]:before { }

.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                      -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                         -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                              linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
            box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}
.dd-list .dd-list .dd-item{
    margin: 0px 5px 5px 0px; float: left;
    background: #f9f9f9;
}
.dd-list .dd-list .dd-item:hover{
    
    background: #eee;
}
.dd-list .dd-list .dd-item .dd-handle{
    padding: 0px 5px !important;
    height: 21px;
    border: medium none;
    background: transparent none repeat scroll 0% 0%;
    font-weight: normal;
}
/**
 * Nestable Extras
 */

.nestable-lists { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; }

#nestable-menu { padding: 0; margin: 20px 0; }


#nestable2 .dd-handle {
    
}
#nestable2 .dd-handle:hover {  }
#nestable2 .dd-item > button:before {  }

@media only screen and (min-width: 700px) {

    .dd { float: left; }
    .dd + .dd {  }

}

.dd-hover > .dd-handle { background: #2ea8e5 !important; }

/**
 * Nestable Draggable Handles
 */

.dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd3-content:hover { color: #2ea8e5; background: #fff; }

.dd-dragel > .dd3-item > .dd3-content { margin: 0; }

.dd3-item > button { margin-left: 30px; }

.dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden;
    border: 1px solid #aaa;
    background: #ddd;
    background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:    -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:         linear-gradient(top, #ddd 0%, #bbb 100%);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.dd3-handle:before { content: '='; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; }
.dd3-handle:hover { background: #ddd; }
ul.tabs li.active .dropdown-toggle{
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    padding: 3px 10px;
    margin-top: -3px;
    color:#368ee0;
}
.dd-item .tabs{
    position: absolute;
right: 10px;
top: 5px;
}
.dd-item .tabs a:hover{
    background: #ccc;
    text-decoration: none;
}
.dd-item .tabs li a i{
    font-size: 15px;
}
.dd-title .tabs{
    float: right;
    margin: 8px 8px 0px 0px;
    list-style: outside none none;
}
.dd-title .tabs li{
    float: left;
    margin-left: 3px;
    background: #FFF none repeat scroll 0% 0%;
    padding: 0px 2px 4px 2px;
}
.dd-title ul.tabs li a i{
    font-size: 15px;
    
}
/*************  Nestable    ***************************/

 .tr-child td{
padding-top: 2px  !important;
padding-bottom: 2px; !important}
.no-result a{
    font-size:14px;
    text-decoration:underline;
}
.typeahead{
    z-index:99999;
}
.list-checkbox ul{
    list-style:none;
}
.list-checkbox input {margin-right:10px}



.scroll-baocao{
    overflow:scroll;
    height:450px;
}
.scroll-baocao table{
   text-align:center;
   font-family:'Times New Roman';
   font-size:13px;
}
.scroll-baocao .tleft{text-align:left;}
trans{
    transform: rotate(-90deg);
}
.scroll-duan{
     overflow:scroll;
    max-height:350px;
}
.scroll-table{
    overflow:scroll;
    max-height:400px;
}
.scroll-table table tr td,.scroll-table table tr th{
   
   
}
.scroll-table #loadding{
    width: 135px;
    margin: 0 auto;

}
.table-baocao tr td,.table-baocao tr th{font-size:11px;}
.table-baocao .tleft{text-align:left;}
.table-baocao a i{font-size:14px;}
h3.title-capnhat{
    margin: 0px;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px;
}
.list-capnhat{
    list-style: none;
    margin: 0px;
    
}
.list-capnhat li{
    margin-left: 20px;
}
.nhacviec{
    position: fixed;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    z-index: 9;
    width: 350px;
    
}
.nhacviec h4{
    margin: 0px;    
    color: #fff;
    padding: 6px 15px;
    font-weight: normal;
    font-size: 14px;
    cursor: pointer;
    overflow: hidden;
    background: #ff4100;
    border-radius: 4px 4px 0px 0px;
    border: 1px solid #d43600;
}
.nhacviec h4 i{
    margin-right: 10px;
}
/*
.nhacviec .icon-nhacviec{
    padding: 10px;
    float: left;
    height: 16px;
    background: #ff4100;
    width: 20px;
    text-align: center;
    border-radius: 4px 0px 0px 0px;
    
}
.nhacviec .text-nhacviec{
    padding: 8px 10px 12px 10px;
    float: left;
    height: 15px;
    background: #ff4100;
    width: 189px;
    color: #333;
    border-top: 1px solid #ff4100;
    border-right: 1px solid #ff4100;
    border-radius: 0px 4px 0px 0px;
}
*/
.nhacviec ul{
    margin: 0px;
    border-left: 1px solid #d43600;
    border-right: 1px solid #d43600;
    background: #fff;
    display: none;
    max-height: 350px;
    overflow: auto;
}
.nhacviec ul li a:before{
    content: "-";
    height: 22px;
    float: left;
    margin-right: 10px;
}
.nhacviec ul li a{
    padding: 5px 8px;
    display: block;
    color: #f43;
    line-height: 15px;
}
.nhacviec ul li a:hover{
    text-decoration: none;
    background: #f1f1f1;
}
.nhacviec ul li:last-child a{
    padding-bottom: 5px;
}

tr.disable_row td{
    color:#d4d4d4;
    cursor:not-allowed;
}
ul.check_donvi{
    list-style:none;
}
ul.check_donvi input{
    margin-top:0px;
}
#chartdiv {
    width: 100%;
    height: 500px;
    font-size: 11px;
}
.login{
    /*background:url("/Images/logo_tthc.png") no-repeat center -20px #064578;*/
}
header{
    background:url("/Images/bg_header.jpg");
        height: 61px;
    padding: 5px 0;
    background-size: contain;
}
.logo{
    float: left;
    margin-right: 20px;
}
.logo img{
    height: 100%;
    width: 50px;
}
header h1{
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    padding: 0;
    margin: 0;
    float: left;
    text-align: left;
    line-height: 25px;
    margin-top: 0px;
    font-family: 'Saira Semi Condensed';

}
header h1 span{
    font-size: 23px;
    display: block;
    color: #fde309;
    font-weight: 900;
}
.main-nav li a{
    font-size:14px;
    padding:8px 25px;
}
#navigation{
    background: rgba(228,247,253,1);
background: -moz-linear-gradient(top, rgba(228,247,253,1) 0%, rgba(194,222,234,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(228,247,253,1)), color-stop(100%, rgba(194,222,234,1)));
background: -webkit-linear-gradient(top, rgba(228,247,253,1) 0%, rgba(194,222,234,1) 100%);
background: -o-linear-gradient(top, rgba(228,247,253,1) 0%, rgba(194,222,234,1) 100%);
background: -ms-linear-gradient(top, rgba(228,247,253,1) 0%, rgba(194,222,234,1) 100%);
background: linear-gradient(to bottom, rgba(228,247,253,1) 0%, rgba(194,222,234,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f7fd', endColorstr='#c2deea', GradientType=0 );
border-bottom: 1px solid #f7f3f3;
}
#navigation .main-nav > li.active > a,#navigation .main-nav > li.active > a:hover,#navigation .main-nav > li.active > ul> li > a:hover{
    background: none;
    color: #04518e;
}
#navigation .main-nav > li.active > a .caret{
   border-top-color: #fff;
}
#navigation .main-nav > li.active > ul{
    border-color:#e03d3d;
}
#navigation .user {
    
    position: absolute;
    right: 20px;
}
.alert-error{
    background:#e51400;
    color:#fff;
}
.alert-error p{
    font-size:15px;
}
.file_upload{
    border:1px solid #d4d4d4;
}
.title_buoc{
    background:#3a87ad !important;
    color:#fff;
}
#navigation.navbar-fixed-top {
    position: relative;
    z-index: 1030;
}
.footer-login{
    margin-top:20px;
    background: none;
}
.footer-login p{
    color:#333;
    font-size:15px;
}
.footer-login .container{
    border-top:1px solid #999;
    padding-top:20px;font-weight:bold;
}
footer{
    background: #0a64a4;
    color: #fff;
    padding: 15px 0px 5px 0px;
}
footer p{
    margin-bottom: 10px;
    text-align: center;
    font-size: 15px;
    
}
.main-container{
    margin: 0 auto !important;margin-bottom:100px !important;
}
.form-cus label{
    font-size:15px;
    
}
.content-cus{
    min-height:100px !important;
    
}
#content.container-fluid.nav-fixed{
    padding-top:0px;
}
.red .chuthich{
    border-left:2px solid #e51400 ;
    border-right:2px solid #e51400 ;
    border-bottom:0px;
}
.chuthich{
    padding:8px 15px;
    background:#f7f7f7;
    border-bottom:1px solid #d4d4d4;
}
.hanxuly{
        list-style:none;
        overflow:hidden;
        margin:0px;
}
.hanxuly li {
    float:left;
    margin-right:10px;
}
.hanxuly li.tronghan span{
    width:40px; 
    height:25px;
    background:#76bedf;
    margin-right:5px;padding: 5px 10px;
}
.hanxuly li.quahan span{
    width:40px; padding: 5px 10px;
    height:25px;
    background:#efd216;
    margin-right:5px;
}
/* Time line*/
#timeline .timeline-item:after, header:before, #timeline .timeline-item:before {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}
*, *:before, *:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#timeline {
  
  position: relative;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
  
    padding: 0px;
    width: 90%;
}
#timeline:before {
  content: "";
  width: 3px;
  height: 100%;
  background: #ee4d4d;
  top: 0;
  position: absolute;
  left: 0;
}
#timeline:after {
  content: "";
  clear: both;
  display: table;
  width: 100%;
}
#timeline .timeline-item {
  margin-bottom: 30px;
  position: relative;
}
#timeline .timeline-item .timeline-icon {
  background: #ee4d4d;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 50%;
  overflow: hidden;
  margin-left: -23px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
    font-size: 23px;
font-weight: bold;
padding: 15px 10px;
text-align: center;
}

#timeline .timeline-item .timeline-content {
 background: #fff;
  padding: 20px 20px 0px 20px;
  
  transition: all 0.3s ease;
  width: 90%;
    float: right;
}
#timeline .timeline-item .timeline-content h2 {
  padding: 15px;
  background: #ee4d4d;
  color: #fff;
  margin: -20px -20px 0 -20px;
  font-weight: 300;
  
}
#timeline .timeline-item .timeline-content:before {
  content: '';
  position: absolute;
  left: 45%;
  top: 20px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #ee4d4d;
}
#timeline .timeline-item .timeline-content.right {
  float: right;
}
#timeline .timeline-item .timeline-content.right:before {
  content: '';
  right: 45%;
  left: inherit;
  border-left: 0;
  border-right: 7px solid #ee4d4d;
}



  #timeline {
    padding: 0px;
    width: 92%;
    margin: 40px 0px 40px 40px;
  }
  #timeline:before {
    left: 0;
  }
  #timeline .timeline-item .timeline-content {
    width: 90%;
    float: right;
    border: 1px solid #ee4d4d;
  }
  #timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before {
    left: 10%;
    margin-left: -6px;
    border-left: 0;
    border-right: 7px solid #ee4d4d;
  }
  #timeline .timeline-item .timeline-icon {
    left: 0;
  }

#timeline .timeline-item .timeline-content::before{
    top:10px;
}
#timeline .timeline-item .timeline-content h2{
    padding: 7px 20px;
    font-size: 15px;
    line-height: 18px;
}
#timeline .grey .timeline-content{
    border: 1px solid #d1d1d1;
}
#timeline .grey .timeline-content::before{
    border-right: 7px solid #d1d1d1 !important;
}
#timeline .grey.timeline-item .timeline-icon{
    background:#d1d1d1 !important;color:#726f77;
}
#timeline .grey.timeline-item .timeline-content h2{
    background:#d1d1d1 !important;
    color:#726f77 !important;
    
}
#timeline .green .timeline-content{
    border: 1px solid #393;
}

#timeline .green .timeline-content::before{
    border-right: 7px solid #393 !important;
}
#timeline .green.timeline-item .timeline-icon{
    background:#393 !important;
}
#timeline .green.timeline-item .timeline-content h2{
    background:#393 !important;
}
#timeline .blue .timeline-content{
    border: 1px solid #368ee0;
}
#timeline .blue .timeline-content::before{
    border-right: 7px solid #368ee0 !important;
}
#timeline .blue.timeline-item .timeline-icon{
    background:#368ee0 !important;
}
#timeline .blue.timeline-item .timeline-content h2{
    background:#368ee0 !important;
}
.timeline-content-middle{
    padding-top:10px;
}
.timeline-content-middle h5{
    border-bottom:0px;
    margin-bottom:5px;
    margin-top:0px;
    padding:5px 10px;
    background:#f1f1f1;

}
.ngayhoanthanh{text-align:right;font-style:italic; color:#888;}
.timeline-box{
    border:1px solid #f1f1f1;
    margin-bottom:10px;
}
.timeline-box-in{
    padding:5px 10px 10px 10px;
}
.timeline-box-in h6{
    font-size:13px;
    border-bottom: 1px solid;
    float: left;
}
.timeline-box-in p{
    clear:left;
}
.timeline-box-in p .btn{
    padding: 1px 8px;
}
.title_buocsongsong {
    font-weight:bold;
    text-decoration:underline;
}

td i{
    font-size: 14px !important;
}
.bt-search-header{
    background:#00802b;
}
.bt-search-header:hover{
    background:#00b33c !important;
}
span.special{
    margin-left:10px;
}
span.special i{
    font-size:20px !important;
}
.icon-cmt{
    float:right;
    width: 50px !important;
}
.icon-cmt i{
    font-size:16px;
}
.show_more{
    background: url("/Images/bg-more.png") repeat-x;
    text-align: center;
    padding: 18px 0px 10px 0px;
    position: relative;
    top: -40px;
}
.tomtat{
    overflow: hidden;
    height: 70px;
}
.show_more a{
    color:orangered;
}
.sso{
    font-weight:bold;
    color:orangered;
}
.sso label,.sso input{
    float:left;
}
.sso label{
    margin-right:20px;
    font-weight:bold
}
.sso input{
    margin-right:10px;
}
.email-box{
    position:fixed;
    z-index:99999;
    bottom:0px;
    left:0px;
}
.trans{
  -ms-writing-mode: tb-lr;
-webkit-writing-mode: vertical-lr;
-moz-writing-mode: vertical-lr;
-ms-writing-mode: vertical-lr;
writing-mode: vertical-lr;
}
.form2 tr td:first-child{
    width:20%;
}
.form4 tr td{
    width:35%;
}
.form4 tr td:nth-child(2n+1){
    width:15%;
}
.actions{
    margin-bottom:20px;
}
.actions p{
    text-decoration:underline;
    clear:both;
}
ul.list-chucnang{
    list-style:none;
}
.actions ul li{
    float:left;
    width:48%;
}
.actions ul li:hover{
    background:#f7f7f7;
}
.actions ul li input{margin:0px 10px}
#ExampleCaptcha_CaptchaImage{
    width:230px;
}
#ExampleCaptcha_CaptchaDiv{
    margin-left: 30px !important;
}
.chzn-container.chzn-container-single .chzn-single {
    height: 30px;
}
.BDC_CaptchaDiv{
    
}

.chzn-container.chzn-container-single .chzn-single{
    height:30px;
}
.chzn-container-single .chzn-single span{
    margin-top:-2px;
}
#main .breadcrumbs ul > li i.icon-home{
    margin: 3px;
font-size: 15px;
}
#main .breadcrumbs ul > li a:hover{
    text-decoration:none;
    color:#000;
}
.dataTables_filter .input-xxlarge{
    width:300px !important;
}
.function_chung {
	    float: right;
    margin-bottom: 10px;
    margin-right: -3px;
}
.btn_f {
    height: 30px;
    display: table;
    float: left;
    background: #eee;
    margin-left: 3px;
    margin-top: 3px;
    text-align: center;
    padding: 0px 8px;
}
.function_chung .btn_f i{
	font-size: 15px;
	vertical-align: middle;
	display: table-cell;	
}

.btn_f.blue:hover{
	    text-decoration:none;
        background:#1b99c3;
}
.btn_f.blue{
	    color: #fff;
    background: #24acd9;
}
.btn_f.gray{
	background: #ccc;
	color: #fff;
}
form.search{
	float: left;
	margin-left: 3px;
	margin-top: 3px;
}
form.search input{
	    float: left;
    margin-bottom: 0;
    width: 320px;
    font-size: 13px;
}
form.search button{
	    margin: 0;
    border-radius: 0;
    margin-left: 3px;
    border: none;
    margin-right: 3px;
    text-align: center;
}
#main .breadcrumbs ul {
    list-style-type: none;
    margin: 0;
    padding: 3px 5px;
    float: left;
}
.mini_bar #left {
    width: 70px;
    transition: all 0.4s;
}
.mini_bar #main {
    margin-left: 70px;
    transition: all 0.4s;
}
.mini_bar .subnav-title{
	
}
    .mini_bar .subnav-title span {
    display:none;
    }

.mini_bar #left .subnav .subnav-menu>li>a span{
	display: none;

}
.mini_bar #left .subnav .subnav-menu>li>a i{
	font-size: 20px;
	color: #fff;
}
.mini_bar #left .subnav .subnav-menu>li>a{
 
    color: #555;
    display: block;
    padding: 15px 21px;
    text-decoration: none;

    overflow: hidden;

}
.mini_bar .subnav-title {
    background: #24acd9 !important;
padding: 28px !important;
text-align: center;
right: 12px;
}   
.mini_bar #left {
    background: #24acd9;
    text-align: left;
    transition: all 0.4s;
}
.mini_bar #left .subnav .subnav-menu > li > a.active {
    background: #1b96bf;
    color: #e51400;

}
.mini_bar #left .subnav .subnav-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.mini_bar #left .subnav .subnav-menu>li {
    padding-left: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #2fa5cc;
}
.mini_bar #left .subnav .subnav-menu>li>a:hover {
    background: #2598bf;
    color: #222;
}
#left .subnav .subnav-menu>li .subnav_1{
	padding-left: 0px;
    list-style:none;
}
#left .subnav .subnav-menu>li .subnav_1 li{
    padding-left: 0;
    padding-bottom: 0;
    border-bottom: 1px dashed #bee2f1;
}
#left .subnav .subnav-menu>li> .subnav_1 a {
    color: #555;
    display: block;
    padding: 5px 0 5px 27px;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#left .subnav .subnav-menu > li > .subnav_1 a.active{
    background: #bbdce8;
color: #e51400;
}
.mini_bar #left .subnav .subnav-menu>li .subnav_1 {
    position: absolute;
    left: 69px;
    padding-left: 0;
    background: #24acd9;
    display: none;
    top: 0;
}
.mini_bar #left .subnav .subnav-menu>li> .subnav_1 a {
    color: #fff;
    display: block;
    padding: 5px 15px 5px 10px;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.mini_bar #left .subnav .subnav-menu>li> .subnav_1 a:hover{
	background: #2598bf;
}
.mini_bar #left .subnav .subnav-menu>li:hover div{
	display: block;
}
.main-nav{
	position: relative;
    padding-left: 40px;
}

 .add_mini_bar button{
	    background: #24acd9;
    border: 1px solid #27a3cc;
    padding: 2px 10px;
    color: #fff;
    outline: none;
}
#left{
    transition: all 0.4s;    

}
#main{
    transition: all 0.4s;
}
span.btn.btn-success.btn-file {
    background: #24acd9;
    border-radius: 0px;
}


.trans_func, .edit_func, .del_func{
	margin: 0 3px;
	font-size: 16px;
}
.trans_func i, .edit_func i, .del_func i{
	font-size: 16px !important	;
}
a.search_plus.btn_f.blue {
    float: left;
    margin-left: 0;
    margin-right: 3px;
    text-decoration: none;
}
.search_form_plus{
	display: none;
}
.active_plus_form{
	display: block;
}
.typeahead li{
    float:none !important;
    width:100%;
}
.typeahead li.active a{
    color: #fff !important;
}
.chzn-container{
    float:left;
    width: 300px !important;
}
.chzn-results li{
    float:none !important;
}
.chzn-container .chzn-results .hightlighted{
    color:#fff !important;
}
.chzn-results{
    width: 100% !important;
}

a.menu_mobile {
    font-size: 21px;
    float: right;
    margin-left: 10px;
    color: #fff;
    margin-top: -2px;
    display: none;
}

.show_menu_trai{
	float: left;
	margin-bottom: 12px;
	text-decoration: underline;
	color: #0d7192;
	font-weight: bold;
	display: none;
        margin-top: 8px;
}
.subnav-title .add_mini_bar{
        position: absolute;
    right: 6px;
    top: 6px;
    display: block;
}

.subnav-title .add_mini_bar button{
        background: #24acd9;
    color: #fff;
    border: 1px solid #14a1d0;
    border-radius: 2px;
    outline: none;
    top: 8px;
}
.mini_bar .subnav-title .add_mini_bar{
    top: 16px;   
}
.mini_bar .subnav-title .add_mini_bar button{    border: 1px solid #68cdef;}
#left .subnav .subnav-title{
    position: relative;
}
.bgerror
{
     background: #f9f9f9;
    color: #fff;
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #e6a6a3;
    text-align:center;

}
.bgerror h3{
    color: #ad1d17;
}
.btnerror{
    background: #26a8d5 !important;
    border-radius: 3px;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom:10px;
   
}
.controls a{
    margin-right:3px ;
    display:inline-block;
}
input.btn{
    border-radius:3px !important;
}
.chzn-container a{
margin-right:0px ;
}
.form-horizontal .controls p{line-height:20px;}
.btn:focus {
    outline: 1px solid #48c4ec;
    box-shadow: 0px 1px 3px #444 !important;
}
.btn:hover {
    opacity: .8;
}

.multiselect-caret {
    vertical-align: middle;
    margin-left: 4px;
}

.multiselect {
    width: 208px;
    color: black !important;
    background-color: white !important;
    font-family: 'OpenSans', sans-serif;
    font-size: 13px!important;
}


.dropdown-menu > .active > a, .dropdown-menu > .active, .dropdown-menu > .active > a:focus {
    color:black!important;
}

.multiselect-item .active{
    background-color:white;
    color:black!important;
}

button.multiselect {
    background-color:white!important;
    color:black!important;
    border:1px grey solid;
    text-align:left;
}
li.multiselect-group > a {
    background:white!important;
    color:black!important;
}

.multiselect-container {
    width: 208px;
    border: 1px lightgray solid;
}