body{font-family: 'Roboto Condensed', Tahoma,Helvetica,Verdana,Arial;font-size:12px;}
.submobi_act{position:relative;margin-bottom:10px;z-index:9999;background:#fff;visibility:visible!important;height:auto!important;}
.submobi{visibility:hidden;float:left;height:0px;}
.submobi li{position:relative;display:block;width:100%;margin:5px 0px;}
.sub2{background:#ececec;width:100%;margin-top:10px;padding:5px 0px 5px 20px;}
.sub2 li:before{position:absolute;left:-10px;top:1px;content:"▪";line-height:1;font-size:16px;color:#b3b3b3;}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar {
    background-color: #0080af;
}
.navbar-toggle {
    position: relative;
    float: left;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: none;
}
.head-menu {
    height: 48px;
    position: relative;
    background-color: #f4f4f4;
    width:100%;
}
.l-menu-moblie{position:absolute;top:100%;margin-top:3px;right:0;z-index:9999;width:100%;max-width:100%;transition:all 400ms ease;background:#ececec;/*border:1px solid #f27523;*/color:#333;visibility:hidden;}
.l-menu-moblie .i-menu-moblie{float:left;width:100%;margin-bottom:2px;background:#fff;color:#333}
.l-menu-moblie .i-menu-moblie .i-mb-title{float:left;width:100%;padding:13px 20px;font-size:18px}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}
.header-logo{position:absolute;left:25%;top:0;height:100%;padding:3px 0px;width:160px;z-index:1}
.header-logo img{width:100%;max-width:160px;max-height:100%}

.navbar{margin-bottom:0px!important;}
.h2title{margin-top:0px!important;padding:15px 10px 10px 10px;font-size:20px;}
.top-btn .mybtn{margin:0px;}
.bordernone{border:none!important;}
.bgnone{background:none!important;}
.an{display:none;}
.curhov{cursor:pointer;}
.sl150{width:150px;height:35px;line-height:35px;padding:4px;font-size:13px;color:#555555;text-indent:0.01px;}
.sl120{width:120px;height:35px;line-height:35px;padding:4px;font-size:13px;color:#555555;text-indent:0.01px;}
.sl100{width:80px;height:35px;line-height:35px;padding:4px;font-size:13px;color:#555555;text-indent:0.01px;}
.sl80{height:36px;line-height:35px;padding:4px;color:#555555;text-indent:0.01px;font-size:12px;}
.clear{clear:both;}
.fwnormal{font-weight:normal}
.canhgiua{text-align:center;}
.canhtrai{text-align:left;}
.canhphai{text-align:right;}
.bgw{background:#FFF!important;}
.cw{color:#FFF!important;}
.cred{color:#F00!important;}
.corange{color:#ff9600!important;}
.cgray{color:#ececec!important;}
.cgreen{color:#0F0!important;}
.cblue{color:#00F!important;}
.cblack{color:#000!important;}
.cpink{color:#f60edd!important;}
.cpurple{color:#933ec5!important;}
.an{display:none;}
.fleft{float:left;}
.fright{float:right;}
.nopad{padding:0px!important;}
.h1-login{width:100%;display:block;font-size:18px;color:#000;padding:20px;}
.input-login{text-align:center;margin:auto;width:80%;padding:10px;}
.mybtn{border-radius:5px!important;text-align:center!important;margin: 5px 0px;font-size:12px;}
.gachngang{border-top:1px solid #ececec;width:100%;margin:10px 0px 10px 0px;clear:both;}
#cssmenu{width:100%!important;line-height:1;background:#050608;width:auto;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:14px;padding:0px 10px;}
.content-box{float:left;width:100%;position:relative;padding:10px;box-sizing:border-box;background:#f3f3f3;padding:20px;}
.content-box-content{width:100%;}
.content-box-content h2{color:#1560bd;font-size:20px;padding:10px 0;margin-bottom:15px}
.content-box-content h3{color:#1560bd;font-size:16px;padding:10px 0;margin-bottom:5px;}
.bordertopnone>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{border-top:none}
.bordertopnone{border-top:none}
.bordertop{border-top:1px solid #ddd!important}
.martop4{margin-top:4px;}
.martop5{margin-top:5px;}
.martop10{margin-top:10px;}
.martop20{margin-top:20px;}
.marleft5{margin-left:5px!important;}
.marleft10{margin-left:10px;}
.marright5{margin-right:5px;margin-bottom:5px;}
.marright10{margin-right:10px;}
.marbot10{margin-bottom:10px;}
.marbot5{margin-bottom:5px;}
.pad10{padding:10px;}
.padtop4{padding-top:4px;}
.padtop8{padding-top:8px;}
.w100per{width:100%;}
.w50per{width:50%;}
.navbar-default{background-color:#1560BD;color:#FFF;}
.navbar-default .navbar-toggle .icon-bar{background-color:#FFF;}
.fs12{font-size:12px!important;}
.fs16{font-size:16px!important;}
.fs18{font-size:18px!important;}
.fs20{font-size:20px!important;}
.vertop{vertical-align:top;}
.vermid{vertical-align:middle;}
.top-btn{float:right;margin:5px 10px 0px 0px;}
#btn_action input{margin:5px 5px 5px 0px;font-size:12px;}
.mytable th{text-align:center;vertical-align:middle!important;background:#195c90;color:#fff;}
.mytable label{width:180px;float:left;text-align:right;padding-right:10px;}
span.txt_error{color:red;font-weight:700;font-size:12px;float:right;}
body#login{color:#fff;background:#222 url(../images/bglogin.jpg?id=1.0) no-repeat 50% 0;width:100%;height:100%;text-align:center;vertical-align:middle;font-family: 'Roboto Condensed', Tahoma,Helvetica,Verdana,Arial;}
.is-scroll{position:fixed;top:0;left:0;z-index:9999;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-left:5px!important;padding-right:5px!important;}
#login-wrapper{background:url(../images/bg-login-top.png) top left repeat-x}
#login-wrapper #login-top{width:100%;padding:140px 0 50px;text-align:center}
#login-wrapper #login-content{text-align:left;width:300px;margin:0 auto}
#login-wrapper #login-content label{color:#fff;font-weight:400;font-size:14px;font-family:Helvetica,Arial,sans-serif;float:left;width:70px;padding:0}
#login-wrapper #login-content input{width:200px;float:right;margin:0 0 20px;border:0;background:#fff}
#login-wrapper #login-content p{padding:0}
*html #login-wrapper #login-content p{padding:5px 0}
*+html #login-wrapper #login-content p{padding:5px 0}
#login-wrapper #login-content p#remember-password{float:right}
#login-wrapper #login-content p#remember-password input{float:none;width:auto;border:0;background:none;margin:0 10px 0 0}
#login-wrapper #login-content p .button{width:auto;margin-top:20px;background:#1B6979}
#facebox .b{background:url(../images/b.png)}
#facebox .tl{background:url(../images/tl.png)}
#facebox .tr{background:url(../images/tr.png)}
#facebox .bl{background:url(../images/bl.png)}
#facebox .br{background:url(../images/br.png)}
#facebox{position:absolute;top:0;left:0;z-index:100;text-align:left}
#facebox .popup{position:relative}
#facebox table{border-collapse:collapse}
#facebox td{border-bottom:0;padding:0}
#facebox .body{padding:10px;background:#fff;width:370px}
#facebox .loading{text-align:center}
#facebox .image{text-align:center}
#facebox img{border:0;margin:0}
#facebox .footer{border-top:1px solid #DDD;padding-top:5px;margin-top:10px;text-align:right}
#facebox .tl,#facebox .tr,#facebox .bl,#facebox .br{height:10px;width:10px;overflow:hidden;padding:0}
#facebox_overlay{position:fixed;top:0;left:0;height:100%;width:100%}
.facebox_hide{z-index:-100}
.facebox_overlayBG{background-color:#000;z-index:99}
div.wysiwyg{border:1px solid #ccc;padding:5px;background-color:#fff;width:97.5%!important}
div.wysiwyg *{margin:0;padding:0}
div.wysiwyg ul.panel{border-bottom:1px solid #ccc;float:left;width:100%;padding:0 0 5px}
div.wysiwyg ul.panel li{list-style-type:none;float:left;margin:0 2px;padding:0!important;background:#fff;background-image:none!important}
div.wysiwyg ul.panel li.separator{height:16px;margin:0 4px;border-left:1px solid #ccc}
div.wysiwyg ul.panel li a{display:block;padding:0!important;width:16px;height:16px;background:url(../images/icons/jquery.wysiwyg.gif) no-repeat -64px -80px;border:0;cursor:pointer;padding:1px}
div.wysiwyg ul.panel li a.active{background-color:#f9f9f9;border:1px solid #ccc;border-left-color:#aaa;border-top-color:#aaa;padding:0}
div.wysiwyg ul.panel li a.bold{background-position:0 -16px}
div.wysiwyg ul.panel li a.italic{background-position:-16px -16px}
div.wysiwyg ul.panel li a.strikeThrough{background-position:-32px -16px}
div.wysiwyg ul.panel li a.underline{background-position:-48px -16px}
div.wysiwyg ul.panel li a.justifyLeft{background-position:0 0}
div.wysiwyg ul.panel li a.justifyCenter{background-position:-16px 0}
div.wysiwyg ul.panel li a.justifyRight{background-position:-32px 0}
div.wysiwyg ul.panel li a.justifyFull{background-position:-48px 0}
div.wysiwyg ul.panel li a.indent{background-position:-64px 0}
div.wysiwyg ul.panel li a.outdent{background-position:-80px 0}
div.wysiwyg ul.panel li a.subscript{background-position:-64px -16px}
div.wysiwyg ul.panel li a.superscript{background-position:-80px -16px}
div.wysiwyg ul.panel li a.undo{background-position:0 -64px}
div.wysiwyg ul.panel li a.redo{background-position:-16px -64px}
div.wysiwyg ul.panel li a.insertOrderedList{background-position:-32px -48px}
div.wysiwyg ul.panel li a.insertUnorderedList{background-position:-16px -48px}
div.wysiwyg ul.panel li a.insertHorizontalRule{background-position:0 -48px}
div.wysiwyg ul.panel li a.h1{background-position:0 -32px}
div.wysiwyg ul.panel li a.h2{background-position:-16px -32px}
div.wysiwyg ul.panel li a.h3{background-position:-32px -32px}
div.wysiwyg ul.panel li a.h4{background-position:-48px -32px}
div.wysiwyg ul.panel li a.h5{background-position:-64px -32px}
div.wysiwyg ul.panel li a.h6{background-position:-80px -32px}
div.wysiwyg ul.panel li a.cut{background-position:-32px -64px}
div.wysiwyg ul.panel li a.copy{background-position:-48px -64px}
div.wysiwyg ul.panel li a.paste{background-position:-64px -64px}
div.wysiwyg ul.panel li a.increaseFontSize{background-position:-16px -80px}
div.wysiwyg ul.panel li a.decreaseFontSize{background-position:-32px -80px}
div.wysiwyg ul.panel li a.createLink{background-position:-80px -48px}
div.wysiwyg ul.panel li a.insertImage{background-position:-80px -80px}
div.wysiwyg ul.panel li a.html{background-position:-48px -48px}
div.wysiwyg ul.panel li a.removeFormat{background-position:-80px -64px}
div.wysiwyg ul.panel li a.empty{background-position:-64px -80px}
div.wysiwyg iframe{border:0;margin:5px 0 0;clear:left;width:97.5%!important}
.w300{width:300px}
.w200{width:200px}
.w70{width:70px}
.w30{width:30px}
.w20{width:20px}
.w50{width:50px}
#main-content table td.left,#main-content table th.left{text-align:left}
#main-content table td.pad50{padding-left:50px}
table.permission td label{padding-bottom:0;margin:0;display:inline;float:none}
.center{text-align:center}
#navigate-nav{float:left}
#navigate-nav li{float:left}
#main-content table td.left label{width:180px;float:left;text-align:right;padding-right:10px}
#main-content table.permission td{line-height:2em;text-align:left}
#main-content table table.child td{padding-left:70px}
#header{width:100%;height:20px;font:400 11px/20px Arial;color:#000}
#header a{margin:0 20px 0 10px;text-decoration:none}
#header strong{margin:0 10px 0 0;color:#33C}
#butnadd{background:url(images/icons/create-record.png) 0 8px no-repeat;height:25px;line-height:30px;padding-left:15px}
.select-small{width:50px;font-size:10px}

.navbar-collapse{border:none;}
.nav-mobi{margin:10px 0;_margin:0;width:100%;padding:0 5px;}
.nav-mobi>li{display:inline-block;vertical-align:top;float:none;margin-left:-4px;padding-left:5px;padding-right:5px;}
.subcm{background:#fbfdff;padding:10px;margin-bottom:10px;border-radius:5px;}
.nav{float:left;width:100%;height:auto;background-size:contain;background:#d2d3d5;}
.nav .table{float:left;max-width:100%;width:100%;display:inline-block}
.nav .select,.nav .current{margin:0;padding:0;list-style:none;display:inline-block;white-space:nowrap;float:none}
.nav .sub.l1{margin-left:0;display:block;float:left;width:100%}
.nav li{float:left;display:inline-block;vertical-align:top}
.nav .select .select_sub{position:absolute;width:100%;visibility:hidden;display:block;top:100%;padding:0;z-index:100;background:url(back_0.gif);left:0;text-align:left;font-size:12px;transition:visibility .3s ease}
.nav .select :hover .select_sub,.nav .current .show{background-size:contain;top:100%;margin-top:1px;visibility:visible;z-index:9999}
.nav .current .show{z-index:1}
.nav .select :hover .sub li a,.nav .current .show .sub li a{height:auto;padding-top:5px;padding-bottom:5px;line-height:1.4}
.nav .select .sub li a{display:block;float:left;background:transparent;padding:0 10px;margin:0;white-space:nowrap;border:0;color:#444;height:auto;padding-top:5px;padding-bottom:5px;line-height:1.4}
.content-box-header{padding-top:5px;padding-bottom:5px;height:auto}
.content-box-header #search{line-height:30px}
.table .col-left{float:left;width:50%}
.table .col-right{float:right;width:50%}
/*************** Pagination ***************/
.pagination{text-align:right;font-size:14px;float:right;margin:5px 0;}
.pagination a{margin:0 5px 0 0;padding:3px 6px;}
.pagination a.number{border:1px solid #ddd;}
.pagination a.current{background:#469400 url('../images/bg-button-green.gif') top left repeat-x !important;border-color:#459300!important;color:#fff!important;}
.pagination a.current:hover{text-decoration:underline;}

@media(max-width:1024px) {
body#login{background:#222 url(../images/bglogin.jpg?id=1.0) no-repeat 0 0}
}
@media(max-width: 767px) {
#navigate_content{margin-bottom:80px}
.picw{max-width:50px}
.hidden-xs{display:none}
.tab-content{padding:5px;}
.tab-content,.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;}
#main-content table thead th,#main-content table td,#main-content table th{font-size:10px}
.table .col-left,.table .col-right{float:left;width:100%}
.martop10-m{margin-top:10px;}
.martop5-m{margin-top:5px;}
.marbot5-m{margin-bottom:5px;}
.clear-m{clear:both;}
.canhgiua-m{text-align:center;}
.canhtrai-m{text-align:left;}
.form-group .w50per{width:100%;}
#search{margin-bottom:10px;text-align:center;}
.ulmenu li{display:inline-block;margin:5px;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{background-color:#eee;}
}
@media(max-width:667px) {
  h2{font-size:22px;}
  .fa-ellipsis-h{font-size:22px!important;}
  .col2 h3{margin-top:25px!important;}
  .h2title{padding:10px;}
}
@media(max-width:480px) {
  body#login{background:#222 url(../images/bglogin.jpg) no-repeat 50% 0}
  h2{font-size:16px;}
  .top-btn{float:none;text-align:center;}
  input[type=checkbox], input[type=radio]{width:7vw;height:5vh;}
  #txtsearch{width:100%;}
  .content-box{padding:0px;}
}


/* xu ly no table */
@media only screen and (max-width:767px) {
  .table-bordered{border:none;}
  /* Force table to not be like tables anymore */
  #no-more-tables table, 
  #no-more-tables thead, 
  #no-more-tables tbody, 
  #no-more-tables th, 
  #no-more-tables td, 
  #no-more-tables tr { 
    display: block; 
  }
 
  /* Hide table headers (but not display: none;, for accessibility) */
  #no-more-tables thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  #no-more-tables tr { /* border: 1px solid #ccc; */ }
 
  #no-more-tables td { 
    /* Behave  like a "row" */
    border: 1px solid #cecece;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%; 
    white-space: normal;
    text-align:left;
    min-height:30px;
  }
 
  #no-more-tables td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top:30px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
    text-align:left;
    color:#983030;
  }
 
  /*
  Label the data
  */
  #no-more-tables td:before { content: attr(data-title); }

  tr.visible-xs{display:block!important;}
}

::placeholder{
  color: #d69f9f;
  font-style: italic;
}
::-webkit-input-placeholder { /* Chrome */
  color: #d69f9f;
  font-style: italic;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #d69f9f;
  font-style: italic;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #d69f9f;
  opacity: 1;
  font-style: italic;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #d69f9f;
  opacity: 1;
  font-style: italic;
}

.w200{width:200px}
.w120{width:120px}
.w100{width:100px}
.w90{width:90px}
.w80{width:80px}
.w60{width:60px}
.w50{width:50px}

@media (min-width: 768px){
  .modal-dialog {
      width:900px;
      margin:15px auto;
  }
}