*{
    font-family:  Arial, Helvetica, sans-serif;
    font-size:11pt;
}


@font-face{
    font-family: "UTM_BEBAS";
    src: url('../fonts/utm_bebas.ttf');
}

html, body {
    height:100%;
    width:100%;
}

.row {
    margin:0 auto;
}

ul{margin: 0; padding:0;}
ul li{list-style: none;}

h1{
    color: #004593;
    font-size:24px;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}

a {
    cursor: pointer;
    color: #3598cb;
}

p {
    margin-top: 0;
    margin-bottom: 5px;
}
span{
    cursor: pointer;
}

.trang{color:#fff;}
.bg-color{ background: #011b2e; }
.text-color{ color: #3598cb; }
.title-color{ color: #004593; font-size:11pt; }
.button-color{ background: #1c61af; color:#fff;}
.title-color-border{
    color: #004593;
    font-weigh:bold;
    text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}

.kc{
    padding:20px;
}

.main{
    padding: 0;
    margin: 0;
}

.kk{
    padding: 20px 0;
}

button.timkiem{
    height: 30px;
    font-size: 11pt;
    border: none;
}

.tk_button{
    float:right;
    margin-left:10px;
}

i:hover{
    cursor: pointer;
}

.min{min-height:660px;}

.c-border{ border-right: 1px solid #ccc; }

#content{
    /*max-width: 1365px; */
    margin: 0 auto;
}

.box-all{
    float:left;
    width:100%;
}


/* HEADER */

header{
    padding-bottom: 15px;
    border-bottom: 2px solid #3598cb;

    max-height: 124px;
}

.max-center{
    margin:auto;
    max-width: 1365px;
}

.cs-logo{
    text-align:center;
    margin-top:15px;
}

.cs-slogan{
    margin-top: 15px;
}


.cs-name p{
    color: #fff;
    text-align: center;
    font-size: 22px;
    text-transform: uppercase;
    margin: 25px 0 5px 0;
    font-family: "UTM_BEBAS";
}
.cs-name h1{
    text-align: center;
    font-size: 17pt;
    text-transform: uppercase;
    font-family: UTM_BEBAS;
    margin-top:10px;
}

.cs-slogan p{
    color:#f4c887;
    /*color: #ffd200;*/
    text-transform: uppercase;
    margin:0;
    text-align: left;
    font-size: 28pt;
    font-family: UTM_BEBAS;
}
.cs-slogan h3{
    color: #3598cb;
    text-transform: uppercase;
    font-family: UTM_BEBAS;
    margin:0;
    text-align: left;
    font-size: 22pt;
}

.cs-login {
    position: ABSOLUTE;
    top: 0;
    right: 90px;
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index:1;
    padding:5px 10px
}

.cs-login p {
    font-size: 12px;
    color: #004593;
    margin:0;
}

.cs-login a, .cs-lang a{
    font-size:11pt;
}

.dk-left{
    float:left;
    width:50%;
    padding: 10px;
}

.dangky-cont {
    /*padding: 20px 40px;*/
    /*margin: 0 auto;*/

}

.dangky-cont select{
    padding: 5px;
    width: 100%;
    height: 34px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.dangky-cont label{
    width:100%;
    margin: 10px 0 5px 0;
}

.dangky-cont p{
    line-height: 20px;
    margin-top: 5px;
}

.dangky-cont input[type='checkbox']{
    line-height: 20px;
    margin-top: 9px;
    margin-right: 10px;
}

.dangky-cont .login-action, .dangky-cont .login-social{
    margin:10px 0;
}

.dangky-cont button{
    border: none;
    padding: 5px;
    height: 30px;
    width: 110px;
    margin-right:10px;
}

.dangky-cont .login-social img{
    margin-right:10px;
}


/* FOOTER */


footer{
    border-top: 2px solid #ccc;
    padding:10px;
    /*max-height: 175px;*/
}

p.f-text{
    color: #fff;
    font-weight: bold;
    font-size: 11pt;
    width: 100%;
    margin:0;
}
ul.f-address{
    float:left;
    font-weight: bold;
    width: 100%;
    color: #3598cb;
    padding: 5px 0;
    margin: 0;
}

ul.f-address li {
    float: left;
    line-height:15px;
    padding-right:10px;
    margin-right:10px;
    list-style:none;
    font-size:10pt;
}

ul.f-address li:LAST-CHILD {
    border-right: none;
}

ul.f-address li fa{color:#ccc; font-size:13px}

ul.f-address li a{
    font-size:10pt;
}

.loaicb {padding: 0;}

.type-filer strong, .type-filer b, .type-filer p {
    font-size:11pt;
}


/* HOME */


.bg-home{
    /*background:url("../images/bg.jpg");*/
    /*background-repeat: no-repeat;*/
    background-size: contain;
    background-position: right;
    height:100%;
}

.bg-line{
    background-color: #000;
    background-repeat: no-repeat;
    background-position: right;
    height: 100%;
    background-size: 100%;
    background-image: url(../images/bg.jpg);
}

.f-home{padding: 20px 0;}

.f-home-box{ text-align:center; overflow: hidden; }

.f-home-box img{width:100%;}

.f-home-box span.p_vi{
    position: absolute;
    font-size: 18pt;
    font-family: UTM_BEBAS;
    left: 0;
    bottom: 22px;
    right: 0;
    margin: 0;
    text-transform: uppercase;
}

.f-home-box span.p_en{
    position: absolute;
    font-size: 9pt;
    font-family: Arial;
    left: 0;
    right: 0;
    bottom: 5px;
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
}

ul.f-home-line{
    width:100%;
    margin: 0;
    padding-left: 30px;
}

ul.f-home-line li{
    float:left;
    margin-right:50px;
    list-style: none;
}

ul.f-home-line li a{
    color:#fff;
    font-size:12pt;
    line-height: 32px;
    margin-left:10px;
    text-transform: uppercase;
}

ul.f-home-line li i{
    width: 32px;
    height: 32px;
    float: left;
}

ul.f-home-line li i.i-info{ background:url("../images/gioi-thieu.png"); }
ul.f-home-line li i.i-ask{ background:url("../images/hoi-dap.png"); }
ul.f-home-line li i.i-news{ background:url("../images/tin-tuc.png"); }
ul.f-home-line li i.i-speak{ background:url("../images/cong-bo.png"); }


/* TIN TUC */

.item-news{
    padding: 20px;
    border-bottom: 1px solid #dedede;
}

.item-news ul li, .item-news h3{
    margin-bottom: 5px;
    font-size:14px;
    color: #3598cb;
}

.list-news-detail{
    text-align: justify;
}

.list-news-detail h1{
    font-size: 14px;
    margin: 10px 0;
}

.list-news-detail p{
    line-height: 20px;
}

.col_right{
    float:right;
}


/* SANG CHE */

.db-home-cont {
    margin: auto;
    padding: 20px 40px;
    float: left;
    width: 100%;
}

.db-home-right{
    width:370px;
    float:right;
    background-color:#1eabe3;
}

.db-home-right p{
    margin-left: 20px;
    text-transform: uppercase;
    color: #fff;
    background-color: #004765;
    margin: 0;
    padding: 5px;
    height:40px;
}

.db-home-right span{
    margin-left: 45px;
    line-height: 30px;
    font-size: 16px;
}

.db-home-right i.r-tracuu{
    background:url("../images/tra-cuu.png");
    width:32px;
    height:32px;
    position:absolute;

}


.db-home-right ul{
    margin:0;
    padding:10px;
}

.db-home-right ul li{
    list-style:none;
    width:100%;
    float:left;
    padding:10px;
}

.db-home-right ul li .bg-anh{
    background-color: #fff;
    width: 120px;
    height: 65px;
    text-align: center;
    padding: 5px;
    float: left;
}

.db-home-right ul li .bg-anh img{
    text-align: center;
    height:100%;
}

.db-home-right ul li a.r-title{
    float: left;
    margin-left: 20px;
    color: #fff;
    line-height: 65px;
    font-size:10pt;
    text-transform: uppercase;
    font-weight:bold;
}



.db-home-main{
    width: 65%;
    float: left;
}

.db-home-cont h3{
    text-transform: uppercase;
    font-weight: bold;
}

.db-home-cont p{
    font-size:13px;
    line-height: 20px;
}



/* SANG CHE NANG CAO */

.sangche-home{

}

.sangche-home input{
    width: 90%;
    padding: 0 5px;
    font-size: 12px;
    height: 30px;
    float: left;
    margin-right: 10px;
}

.sangche-home button{
    float: left;
}

.ttruong a{
    margin-left:10px;
}

.sangche-home a{
    line-height:30px;
    text-decoration: underline;
    font-weight:bold;
}

.sangche-home .row:FIRST-CHILD {
    margin-bottom:10px;
}

.sangche-home h3{
    font-size:12pt;
    color: #1eabe3;
    font-weight: bold;
}

.sangche-home-nangcao .i-item{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.sangche-home-nangcao .i-item input{
    float:right;
    /*font-size:12px;*/
    border:1px solid #3598cb;
    width:64%;
    padding:0 5px;
    height: 25px;
}

.sangche-home-nangcao .i-item label{
    font-size:11pt;
    float:left;
    width:35%;
    height: 25px;
    margin-bottom: 0;
}

.sangche-home-nangcao .i-item a{
    float: right;
    font-size: 10pt;
    text-decoration: underline;
    color: #1c61af;
    margin-top:5px;
}

.sangche-home-nangcao button{
    padding:5px 20px;
}


.sangche-home-nangcao a{
    text-decoration: underline;
    font-weight:bold;
}


.sangche-home-nangcao .i-item .button-date{
    border: none;
    right: 20px !important;
    position: absolute !important;
    background: none !important;
    color: #4d565c;
    font-size: 14px;
    padding: 0;
    margin:0;
}


.sangche-home-nangcao .i-item .button-date fa{
    right: 0px;
    position: absolute;

}

.sangche-home-nangcao .i-item .button-date:hover{
    color: #4d565c;
}

.sangche-home-nangcao .i-item .ip_date { width: 64%; float: right;}

.sangche-home-nangcao .i-item .ip_date .ip_date_from{width:49%; float:left;}
.sangche-home-nangcao .i-item .ip_date .ip_date_to{width:49%;float:right;}

.sangche-home-nangcao .i-item .ip_date .ip_date_from p, .sangche-home-nangcao .i-item .ip_date .ip_date_to p {
    float:left;
    margin:0;
    width:20%;
    line-height: 25px;
}

.sangche-home-nangcao .i-item .ip_date .ip_date_from input, .sangche-home-nangcao .i-item .ip_date .ip_date_to input {
    float:right;
    width:65%;
    margin-left:5px;
    min-width:75px;
    border-radius: unset;
}


.sangche-home-nangcao .i-item .input-group-addon {padding:3px; border-radius: unset;}

.sangche-home-nangcao input.ip-date{padding-right: 20px;}

.sangche-home .kq-title p{color: #ff9800; font-weight: bold;}
.sangche-home .kq-title a{color: #3598cb !important;}

.sangche-home-nangcao .kq-title p{color: #ff9800; font-weight: bold;}
.sangche-home-nangcao .kq-title a{color: #3598cb !important;}

.sangche-ketqua .kq-title p{color: #ff9800; font-weight: bold;}
.sangche-ketqua .kq-title a{color: #3598cb !important;}

.kdcn-ketqua .kq-title p{color: #ff9800; font-weight: bold;}
.kdcn-ketqua .kq-title a{color: #3598cb !important;}

.nhanhieu-ketqua .kq-title p{color: #ff9800; font-weight: bold;}
.nhanhieu-ketqua .kq-title a{color: #3598cb !important;}

.kq-box {padding: 10px; background: #f7f7f7; border:1px solid #dcdcdc; margin:20px 0;}
.kq-box ul li{padding:10px 0; line-height:30px; float:left; width:100%}
.kq-box ul li p{font-weight:bold; padding-left:45px; color:#000; float: left;}
.kq-box ul li p:hover, .kq-box ul li p:focus{text-decoration: underline; cursor: pointer;}
#bieudo li a{font-weight:bold; padding-left:45px; color:#000;}


ul.tb-filer-list li {float:left; margin-right:30px;}
ul.tb-filer-list li input[type='checkbox']{float:left;}
ul.tb-filer-list li p{ float: left; margin: 0 0 0 10px; line-height: 20px;}
ul.tb-filer-list li a{text-decoration: underline; color:#3598cb;line-height: 20px;}


ul.tb-filer-list-home li {float:left; margin-right:30px;}
ul.tb-filer-list-home li input[type='checkbox']{float:left;}
ul.tb-filer-list-home li p{ float: left; margin: 0 0 0 10px; line-height: 20px;}
ul.tb-filer-list-home li a{text-decoration: underline; color:#3598cb;line-height: 20px;}

ul.tb-filer-list-all li {float:left; margin-right:30px;}
ul.tb-filer-list-all li input[type='checkbox']{float:left;}
ul.tb-filer-list-all li p{ float: left; margin: 0 0 0 10px; line-height: 20px;}
ul.tb-filer-list-all li a{text-decoration: underline; color:#3598cb;line-height: 20px;}

ul.tb-filer-list-sangche li {float:left; margin-right:30px;}
ul.tb-filer-list-sangche li input[type='checkbox']{float:left;}
ul.tb-filer-list-sangche li p{ float: left; margin: 0 0 0 10px; line-height: 20px;}
ul.tb-filer-list-sangche li a{text-decoration: underline; color:#3598cb;line-height: 20px;}

ul.tb-filer-list-kdcn li {float:left; margin-right:30px;}
ul.tb-filer-list-kdcn li input[type='checkbox']{float:left;}
ul.tb-filer-list-kdcn li p{ float: left; margin: 0 0 0 10px; line-height: 20px;}
ul.tb-filer-list-kdcn li a{text-decoration: underline; color:#3598cb;line-height: 20px;}

ul.tb-filer-list-nhanhieu li {float:left; margin-right:30px;}
ul.tb-filer-list-nhanhieu li input[type='checkbox']{float:left;}
ul.tb-filer-list-nhanhieu li p{ float: left; margin: 0 0 0 10px; line-height: 20px;}
ul.tb-filer-list-nhanhieu li a{text-decoration: underline; color:#3598cb;line-height: 20px;}

ul.tb-filer-list-cddl li {float:left; margin-right:30px;}
ul.tb-filer-list-cddl li input[type='checkbox']{float:left;}
ul.tb-filer-list-cddl li p{ float: left; margin: 0 0 0 10px; line-height: 20px;}
ul.tb-filer-list-cddl li a{text-decoration: underline; color:#3598cb;line-height: 20px;}

.tb-filter{ float:left; width:100%; padding:10px 0;}
.tb-filter ul.tb-list-grid{float:right;}
.tb-filter ul.tb-list-grid li{float:right; margin-right:5px;}
.tb-filter ul.tb-list-grid li i{font-size:14px;}


.box-filter{
    padding: 15px;
    right: 215px;
    position: absolute;
    width: 250px;
    height: 250px;
    overflow: hidden;
    background: #dedede;
    z-index: 99;
    top: 115px;
}

.box-filter ul li{
    padding:5px 0;
}


.box-filter-home{
    padding: 15px;
    right: 80px;
    position: absolute;
    width: 250px;
    height:250px;
    overflow: auto;
    background: #dedede;
    z-index: 9;
    display: block;
}

.box-filter-home ul li{
    padding:5px 0;
    z-index: 9;
}

ul.filter_list{
    overflow: auto;
    height: 200px;
}

i.active{
    background:#ccc;
}

.lst-home{
    float: left;
    width: 100%;
}

.tb-result{
    padding: 5px;
    float: left;
    background: #f7f7f7;
    width: 100%;
}

.tb-filter{
    padding: 15px 5px;
}

.tb-filter-action{float:right;}

.tb-result-list{
    padding:10px 5px;
    background:#fff;
    text-align: left;
    float: left;
    overflow:auto;
    width: 100%;
    /*max-height:700px;*/
}

.tb-result-list table{
    /*white-space: nowrap;*/
    /*width: 100%;*/
}

.tb-result-list table th, .tb-result-list table td{
    /*padding: 10px;*/
    /*border: 1px solid #dfdfdf;*/
}

.tb-result-list-new table{
    white-space: nowrap;
    width: 100%;
}

.tb-result-list-new table th, .tb-result-list-new table td{
    /*padding: 10px;*/
    border: 1px solid #dfdfdf;

}

.tb-list-new th, .tb-list-new td{
    padding: 10px;
    border: 1px solid #dfdfdf;
}

.tb-list-new .loai_tt {
    white-space: nowrap;
}


.tb-result-list .loai_ten{min-width:150px; max-width:200px; text-align: left; white-space: normal;}
.tb-result-list .loai_tt{max-width:300px; height:50px; text-align: left; overflow: hidden; text-overflow: ellipsis;}
.tb-result-list .loai_hv{max-width:150px; height:70px; overflow: hidden;}

.tb-result-list .loai_tt_sc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: justify;
}


.tb-result-list img{
    /*height:100%;*/
}

.tb-result-list table b{
    /*background: #fbff00;*/
    background: #b3e8fd;
}



.tb-foot{padding: 10px 0 15px 0; float:left; width:100%}
.tb-foot pre{margin-right:20px; line-height:29px; padding:0; font-family: Tahoma; font-size:11px;}

/* KENDO GRID */
.k-pager-wrap {
    color: #444 !important;
    background: #fff !important;
    padding: 20px 0 10px 0!important;
}

.k-grid{
    position: relative;
    zoom: 1;
    width: 99%;
    float: left;
}

.k-grid-header th.k-header {
    vertical-align: middle !important;
    text-align: center !important;
}

k-grid-header th.k-header {
    padding-left: 0 !important;
}

.k-grid-content tr td {
    border-right-width: 1px !important;
}

.k-grid-header .k-header, .k-grid-header th.k-header>.k-link, .k-scheduler-header {
    color: #fff !important;
}

.k-grid-footer, .k-grid-footer td, .k-grid-header, .k-grid-header .k-header, .km-pane-wrapper .k-grid-header .k-header {
    color: #444;
    background-color: #1c61af !important;
}

.tb-result .k-grid table {
    border-collapse: unset !important;
}

.k-grid td.k-state-selected, .k-grid tr.k-state-selected>td{
    color:#333;
}

.k-grid td.k-state-selected, .k-grid tr.k-state-selected, .k-listview>.k-state-selected, .k-state-selected .k-progress-status {
    color: #fff;
}
.k-gantt .k-treelist .k-alt.k-state-selected, .k-gantt .k-treelist .k-alt.k-state-selected>td, .k-gantt .k-treelist .k-state-selected, .k-gantt .k-treelist .k-state-selected td, .k-grid td.k-state-selected, .k-grid td.k-state-selected.k-state-focused, .k-grid tr.k-state-selected, .k-listview>.k-state-selected, .k-marquee-color, .k-scheduler .k-today.k-state-selected, .k-scheduler-layout .k-state-selected, .k-state-selected.k-line {
    background-color: #f1f1f1!important;
}
.k-grid td.k-state-selected, .k-grid tr.k-state-selected>td {
    border-color: #f1f1f1!important;
}

.k-grid, .k-listview {
    padding-bottom: 40px !important;
}

.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order{
     color: #fff !important;
}

.k-grid-content{
    max-height: 600px!important;
}



.chitiet-action{
    height: 50px;
    padding: 10px;
    display: block;
}


.chitiet-cont{ max-height: 430px; overflow: auto; padding: 5px; background: #dfdfdf;}
.chitiet-cont ngb-tabset{width: 100%}
.chitiet-cont .nav-tabs .nav-link{ font-weight:bold; font-size: 11px; color:#495057; border-right: 0.5px solid #e9ecef ; border-radius: unset;}
.chitiet-cont .nav-tabs .nav-link:hover{border-color: #e9ecef ; border-radius: unset; }
.chitiet-cont .nav-tabs .nav-item{background: #ccc; }

.chitiet-cont .chitiet-cont  .nav-tabs .nav-link.active{color:#3598cb;}

.chitiet-cont ngb-tabset .tab-content {
    background: #fff;
    border-top: none;
    border-bottom: 1px solid #e9ecef ;
    border-left: 1px solid #e9ecef ;
    border-right: 1px solid #e9ecef ;
    min-height: 300px;
    max-height:500px;
    overflow-y: auto;
}


.khac-cont{
    background: #fff;
    padding: 10px 20px;
    float: left;
    width: 100%;
    overflow: auto;
}
.khac-cont .box-left, .khac-cont .box-right{
    float:left;
    width:45%;
}
.khac-cont .box-left{
    margin-right: 20px;
}


.khac-cont ul li{
    float:left;
    width: 100%;
}

.khac-cont ul li input[type="checkbox"]{
    float:left;
}

.khac-cont ul li p{
    float:left;
    margin-left: 10px;
    line-height: 20px;
}


.chitiet-head h4 {font-size:12px; font-weight:bold;}
.chitiet-head ul { float:left;}
.chitiet-head ul li {float: left; padding: 0 10px; border-right: 1px solid #3598cb;}
.chitiet-head ul li:NTH-CHILD(3){border-right: none;}

.chitiet-cont .tab-content .i-item { width: 100%;  float: left;}
.chitiet-cont .tab-content .i-item label { float: left;}
.chitiet-cont .tab-content .i-item p{ float: left; width: 60%; margin-left: 10px;}

.i-on1{background: url("../images/bieu-do-1.png"); position: absolute; width:29px; height:27px;}
.i-on2{background: url("../images/bieu-do-2.png"); position: absolute; width:32px; height:32px;}
.i-on3{background: url("../images/bieu-do-3.png"); position: absolute; width:32px; height:32px;}

/* PAGINATION */
.pagination {
    /*display: inline-block;*/
    padding-left: 0;
    margin:0;
    padding:0;
}

.pagination>li {
    /*display: inline;*/
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination a {
    text-decoration: none !important;
}

.pagination a.active{
    background: #ccc;
}


/* DANG NHAP */

.login-home{
    height: 100%;
    max-height: 497px;
}

.login-panel{
    width: 550px;
    margin: 0 auto;
    padding:50px;
}
.login-panel .login-icon{
    width:100%;
    text-align: center;
    margin-bottom: 20px;
}

.login-bonus{
    width: 100%;
    margin: 10px 0;
    color: #ccc;
    line-height: 20px;
}

.login-bonus input[type='checkbox']{
    float: left;
    margin-top:2px;
    height: 20px;
    margin-right:10px;
}

.login-bonus a{
    float: right;
}

.login-action{
    width:100%;
    padding: 10px 20px;
}

.login-action button{
    border: none;
    padding: 5px;
    height: 35px;
    width: 150px;
    background: #011b2e;
}

.login-social{
    width:100%;
    margin:10px 0;
    text-align: center;
}
.login-social img{
    margin-right:20px;
}

.i-username{
    background: url("../images/username.png") no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
}

.i-password{
    background: url("../images/mat-khau.png") no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
}


/* enable absolute positioning */
.inner-addon {
    position: relative;
    background:#dedede;
    margin:20px 0;
    padding:5px;
}

/* style icon */
.inner-addon .glyphicon {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}

/* align icon */
.left-addon .i  { left:  0px;}
.right-addon .fa { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; background:#dedede; border: none;}
.right-addon input { padding-right: 30px; background:#dedede; border: none;}

/* CONG BAO */

.type-filer{
    float: left;
    width: 100%;
}

.object-filer{
    float: left;
    width: 100%;
    padding:20px 0;
}

.type-filer p {float:left; margin-right:20px; line-height: 30px; font-size:11pt;}

.type-filer strong{
    font-size:11pt;
}

.type-filer input[type='radio']{
    margin-right: 5px;
    margin-left: 30px;
    height: 30px;
    line-height: 30px;
    float: left;
}
.type-filer select{
    padding: 5px;
    float: left;
    height:30px;
}

.type-filer span{
    height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 30px;
}

.type-filer .form-loai{
    float: left;
}



.object-filer p{
    float:left; margin-right:20px; line-height: 30px;
}

.object-filer ul{
    float:left;
}

.object-filer ul li{
    float:left;
    margin-right: 30px;
    height: 30px;
    line-height: 30px;
}

.object-filer ul li input[type='checkbox']{
    float:left;
    margin-right: 10px;
    height: 30px;
    line-height: 30px;
    float: left;
    border-radius: unset;
}

.list-home .home_ten{max-width: 150px;}


/* CAP NHAT THONG TIN */

.list-cntt {margin:20px 0;}
p.title{font-weight: bold;}

.box { margin:10px 0; padding:20px; background: #f5f5f5; width: 100%; float: left; border: solid #ccc 1px;}
.box a{ color: #3598cb; margin:0 10px;}
.box p, .box a{line-height: 44px;}

.i-item{margin: 10px 0; width: 100%; float: left;}
.i-item label{ float:left; font-weight: normal;}

.i-item input, .i-item select{ width:70%; float:right; height:25px;}

.box .box-left{
    padding:20px 0;
    width:45%;
    float:left;
}

.box .box-left .i-item{
    float: left;
    margin: 10px 0;
}

.box .box-right{
    padding:20px 0;
    width:45%;
    float:right;
}
.box .box-right .i-item{
    float: right;
    margin: 5px 0;
}

.box .box-right textarea{float:right; width:70%; }

.box-action{float:left; width:100%; margin-bottom:20px;}
.box-action p{margin-bottom:10px;}

.chon_shcn {
    float:left;
    width:100%;
    margin:10px 0;
}
.chon_shcn ul li{
    float:left;
    margin-right: 20px;
}

.chon_shcn ul li input{
    float:left;
    width:30px;
    margin: 3px 0 10px 0;
}

.chon_shcn ul li span{
    float:left;
}

.capnhat_thongtin{
    float:left;
    width:100%;
}

a.chon_thongtin {
    margin: 10px 0;
    text-decoration: underline;
    font-weight: bold;
}

.more_thongtin{
    float: left;
    width: 100%;
    margin: 10px 0;
}
.more-item {float:left; width:100%; margin:5px 0;}
.more-item input {width:65%; margin-left:10px; float:right;}
.more-item label{font-weight: normal; max-width: 30%; }
.more-item select{width:65%; margin-left:10px; padding:5px;  float:right;}


/* BREADSCRUM */

.breadcrumbs{
    background-color: #f5f5f5;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 20px;
    margin: 0;
}

.breadcrumbs ul{
    margin: 0;
    overflow: hidden;
}

.breadcrumbs ul li{
    float:left;
    list-style:none;
    height: 30px;
    line-height: 30px;
}

.breadcrumbs ul li a.i-home{
    background:url("../images/icon-home.png") no-repeat;
    padding-left:40px;
    margin-left: 0;
}

.breadcrumbs ul li p, .breadcrumbs ul li a{
    margin: 0 10px;
    text-transform: uppercase;
    font-size: 10pt;
    line-height: 30px;
    height: 30px;
    float: left;
    font-weight: bold;
    white-space: nowrap;
}

.breadcrumbs i.fa-angle-right{font-size:16px; font-weight: bold;}

.tk_action {
    margin-bottom:10px;
}

.dtcb{
    padding: 0;
}

.tcb{
    padding: 0;
}

.ttruong{

}

.tk_cb{

}

.db-home-right span{
    font-weight: bold;
}

.tb-result-list .loai_ten_sc {
    text-align: center;
}


/* LINE */

.f-line{
    float: left;
    width: 100%;
    margin: 20px 0;
    padding: 0 20px;
    border: 0.5px solid #dfdfdf;
}

/* DICH VU */

.list-dichvu .box p, .list-dichvu .box a{
    line-height: 20px;
}

.list-dichvu .box p.title{
    background: url("../images/i-flower.png") no-repeat;
    padding-left: 30px;
    width: 100%;
    float: left;
}

.list-dichvu .box .i-item {
    float: left;
    margin: 5px 0;
}

.list-dichvu .box .i-item label{
    font-weight: normal;
    max-width: 160px;
}

.list-dichvu input.in2, .list-dichvu textarea{width: 100%;}

.list-dichvu select.in2{ width:100%; height:23px;}

.bx-left{
    width:50%;
    float:left;
}

ul.ttdv_mauvat_list li{
    width:50%;
    float:left;
}

ul.ttdv_mauvat_list li span{
    float:left;
    margin-right:10px;
}

ul.ttdv_mauvat_list li input{
    float:left;
}


/* POP UP */
#modal_chitiet .modal-header {background: #dedede}
#modal_chitiet .modal-header p{font-size:12pt; font-weight: bold; width:100%;}
#modal_chitiet .modal-header ul li{float: left; margin: 5px; padding: 5px 0;}

#modal_chitiet .modal-header .close {
    position:absolute;
    right:15px;
}


.modal-title{float: left; }
.modal-header{background: #dedede}
.modal-body{
    background: #ccc;
    max-height: 75%;
    height: 75%;
    overflow: auto;
}
.modal-footer button{
    border-radius: unset;
}

#modal_chitiet .nav-tabs{border-bottom: unset; }
#modal_chitiet .tab-content{
    border-bottom: 1px solid #ababab;
    border-left: 1px solid #ababab;
    border-right: 1px solid #ababab;
}
#modal_chitiet .tab-content{
    background: #fff;
    padding: 10px;
    min-height: 400px;
    height: 95%;
    overflow: auto;}

#modal_chitiet .nav-item{

    float: left;
    font-weight: bold;
    font-size: 11px;
    color: #000;
    text-align: center;
}

#modal_chitiet .nav-tabs>li {
    float: left;
    margin-bottom: 0;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: unset;
    color:unset;
}

#modal_chitiet .nav>li>a {
    border-radius: unset;
    margin: 0;
    border-bottom: transparent;
    border-top: 0.5px solid #adadad;
    border-left: 0.5px solid #adadad;
    border-right: 0.5px solid #adadad;
    color:#000;
    font-size:9pt;
    border-bottom: 0.5px solid #adadad;
}

#modal_chitiet .nav-tabs>a.active, .nav-tabs>a.active:focus, .nav-tabs>a.active:hover{
}


#modal_chitiet .i-item{
    margin:5px 0;
}

#modal_chitiet .modal-body{overflow: hidden;}

#modal_chitiet .modal-body label{font-weight: bold; margin-right: 20px;}



#modal_bieudo .modal-body ul li a.nav-link{font-weight: bold;}



#modal_chondoituong select{
    width: 100%;
    height: 30px;
}


.modal-lg-fix {
    width: 90%;
    height: 90%;
}

.modal-content{
    height: 90%;
}

.oper{
    /*width:11%;*/
}

ul.hdtracuu{
    float: left;
    width:100%;
    margin-bottom:0;
}

.cntt_upload{
    float:left;
    margin-left:20px;
    width:60%;
}

/*CHON STT*/

.chonsott{
    float:right;
}

.chonsott li{
    border: none!important;
    float:left;
    margin: 0!important;
}

.chonsott li input{
    width: 50px;
}


/* HOI DAP */

.list-fqa #accordion{margin:20px 0;}
/*.list-fqa #accordion .panel-heading {background-color: #1c61af; color:#fff;}*/

.list-fqa .panel-default>.panel-heading {
    color: #1c61af;
    background-color: #f5f5f5;
    border-left: #3291c3 solid 4px;
}




.loai_alert {
    color: #f00000;
    float: left;
    font-size: 11px;
    width: 100%;
    margin-top: 5px;
}

.list-home {
    float: left;
    width: 100%;
    margin: 20px 0;
}

.list-home .h-item{
    float: left;
    width: 100%;
    height: 150px;
    vertical-align: middle;
    text-align: center;
    padding: 30px;
}
.list-home .h-item:hover{
    background:#ccc;
}


.list-home .h-item a{
    color:#333;
}

.list-home .h-item i{
    font-size: 50px;
    color: #3598cb;
}

.list-home .h-item span{
    float: left;
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
}


.list-home .tb-result{padding: 20px 5px;}
.list-home .tb-result label {
    padding: 10px;
    margin: 0;
    color: #1c61af;
    font-weight: bold;
}

.list-home .tb-result .tb-foot {
    padding: 15px 0 0 0;
}


.list-home .ds-search {
    float:left;
    width:100%;
    margin:20px 0;
}

.list-home .ds-search input{
    float:right;
    width:100%;
}

.list-home .ds-search button{
    float:right;
    width:120px;
}

.tradefloor {
    padding: 10px;
}

.tradefloor .block-trade{
    margin: 15px 0;
    float: left;
    width: 100%;
}


.tradefloor .block-trade .block-title{

    color: #1c61af;
    font-weight: bold;
    margin: 20px 0;
    /* padding: 15px; */
    border-bottom: 1px solid #1c61af;
}

.tradefloor .block-trade .block-title label{
    background-color: #1c61af;
    margin: 0;
    padding: 7px 20px;
    color: #fff;
}

.tradefloor .block-trade .block-content .wrapper{
}


.tradefloor .block-trade .block-title img {
    margin-right: 8px;
    margin-top: -3px;
}


.tradefloor .block-trade .list-articles {
    list-style: none;
    padding: 0;
}

.tradefloor .block-trade .list-articles li {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px dotted #d6d6d6;
    padding-bottom: 12px;
}
.tradefloor .block-trade .list-articles li:last-child {
    border-bottom: none;
}
.tradefloor .block-trade  .list-articles li a:first-child {
    display: block;
    float: left;
    margin-right: 17px;

}
.tradefloor .block-trade  .article_title {
    color: #1c61af;
    font-weight: bold;
}

.image-feature{
    margin-bottom: 20px;
    text-align: center;

}
.image-feature img{ width: 100%;}

.tradefloor .block-trade .list-articles li a img {
    min-width: 63px;
    max-height: 52px;
}

.tradefloor .block-trade .control-article a{
    margin-left: 10px;
    border-radius: 0px;
    background-color: #0162a7;
    color:#fff;
    border:1px solid #0162a7;
    font-size: 12px;

}

.tradefloor .block-trade .control-article a span:before { content:"\00bb\00a0";padding-left:4px; }


.tradefloor .nav-tabs {
    border-bottom: 1px solid #0162a7;
}

.tradefloor .nav-tabs>li.active>a, .tradefloor .nav-tabs>li.active>a:focus, .tradefloor .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #0162a7;
    font-weight: bold;
}

.tradefloor .control-article{float:right;  margin:10px 0;}

.tradefloor  .tab-content{padding:10px 0;}

.tradefloor .trade_item {
    padding: 10px 0;
    border-bottom: 1px dotted #ccc;
}

.tradefloor .nav-tabs>li>a{
    font-weight: bold;
}

.tradefloor .nav-tabs>li>a:hover{
    border-color:unset;
    font-weight: bold;
}

.modal-custom-width {width:80%;}
.modal-custom-width .modal-body {background:#fff;}
.modal-custom-width .modal-body .block-info{padding: 10px 0;}
.modal-custom-width .modal-body .title-block{ padding: 10px; line-height: 20px;}
.modal-custom-width .modal-body .title-block img{ margin-right:10px;}

/* article*/

ul.list-articles{ float: left; padding: 20px; }

.list-articles li {
    float: left;
    padding-left: 8px;
    width: 100%;
    margin-top: 20px;
    max-height: 95px;
    overflow: hidden;

}
.list-articles li img {
    max-width: 150px;
}


.list-articles li a:first-child {
    display: block;
    float: left;
    margin-right: 10px;
}

.list-articles li a{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

.list-articles li p{
    font-size: 13px;
    text-align: justify;
    line-height:20px;
}


/*end article*/


.col_right .search-trade{
    margin: 20px 0;
    padding: 20px;
    background: #0162a7;
}

.col_right .danhsach{
    margin: 20px 0;
    overflow: hidden;
    width:100%;
}
.col_right .trade_qc{
    overflow: hidden;
}


.col_right .danhsach img{
    /*width:100%;*/
}

.col_right .trade_qc img{
    /*width:100%;*/
    width:326px;
}

.new-detail { margin:0 auto;}


/* INPUT */
.upload_file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.upload_file + label {
    max-width: 80%;
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .upload_file + label {
    display: none;
}

.upload_file:focus + label,
.upload_file.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.upload_file + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.upload_file + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


/* style 1 */

.inputfile-1 + label {
    color: #fff;
    background-color: #3598cb;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    background-color: #3598cb;
}

.container-fluid {
    margin-top: 15px;
}

/* KENDO UPLOAD*/

.k-dropzone {
    padding: 0 0 .8em 0 !important;
}

.k-upload {
    background-color: #f5f5f5 !important;
}

.k-gantt-toolbar .k-state-default, .k-grid .k-grouping-header, .k-grid-footer td, .k-grid-header, .k-grid-header-wrap, .k-group-footer td, .k-grouping-row td, .k-header, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-wrap .k-textbox {
    border-color: #f5f5f5 !important;
}

.k-button, .k-header {
    font-weight: bold !important;
}

.k-button {
    padding: 5px 10px !important;
}

.k-upload-sync .k-upload-button {
    margin: 0 0 .8em 0 !important;
}

.i-item input[type="file"]{
    width:100%;
}

.tradefloor .nav-tabs li a{font-weight: bold;}

/* NEW */
#kq_total span .kq_total_b{font-weight: bold; font-size:14px;}
.k-pager-info{float:left  !important;}
.k-pager-sizes{float: right !important;  margin: 0 20px !important;}
.k-pager-wrap input.k-textbox { background: #efefef !important; }

.k-dropdown .k-state-default { background: #ccc !important;}
.k-state-default>.k-select {
    background: #efefef !important;
}

.k-pager-wrap .k-dropdown {
    width: 8.2em!important;
}
.k-dropdown .k-state-default {
    width: 60px;
}

.modal-header .close{
    font-size:17px!important;
}

.k-grid-header th.k-header{
    padding-left:0 !important;
}

/* TRO GIUP */
.trogiup_relate ul{padding:10px;}
.trogiup_relate ul li{
    float:left;
    width:50px;
    margin:0 5px;
}

.trogiup_relate ul li input{
    float:left;
}
.trogiup_relate ul li span{
    float:left;
    font-size:13px;
    margin-left:5px;
}

/* LANGUAGE*/
.cs-lang{
    position: ABSOLUTE;
    top: 0;
    right: 10px;
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 1;
    padding: 5px 10px;
}


.cs-hotline{
    position: ABSOLUTE;
    top: 0;
    right: 255px;
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 1;
    padding: 5px 10px;
    font-size:11pt;
}


/* LOAD ANH */
#modal_anh .modal-dialog{
    max-width:500px;
    max-height:500px;
}

.k-grid-content tr td{text-align: center}

p.sc_rutgon{float:left;}
p.sc_stt{float:left; margin-left:10px;}

.sc_in p{
    font-size:11pt;
}

.sangche_ten {
    text-align: left;
}


.fieldsearch{
    margin: 20px 0;
}

.fieldsearch .row{
    margin:20px auto;
}

.tracuu-link{font-size:11pt;}

.sc-select{
    padding:5px;
    width:100%;
}

.sc-select-small{
    padding:5px;
    font-size:10pt;
}

.vidu p, .ql{
    font-size: 10pt;
}

ul.hdtracuu li{
    float: left;
    margin-right: 10px;
}
ul.hdtracuu li a{
    font-weight: bold;
    text-decoration: underline;
}

.loai_title{
    text-align:center!important;
}


.printModal {
    font-family: sans-serif;
    display: flex;
    text-align: center;
    font-weight: 300;
    font-size: 30px;
    left: 0;
    top: 0;
    position: absolute;
    color: #0460b5;
    width: 100%;
    height: 100%;
    /*background-color: hsla(0, 0%, 100%, .91)*/
}

.printClose {
    position: absolute;
    right: 10px;
    top: 10px
}

.printClose:before {
    content: "\00D7";
    font-family: Helvetica Neue, sans-serif;
    font-weight: 100;
    line-height: 1px;
    padding-top: .5em;
    display: block;
    font-size: 2em;
    text-indent: 1px;
    overflow: hidden;
    height: 1.25em;
    width: 1.25em;
    text-align: center;
    cursor: pointer
}


.act_button{
    margin-top:5px;
    float:right;
}


.custom-step-left{
    width: 24px;
    height:24px;
    background: url('../images/icon/back.png');
    float:left;
}

.custom-step-right{
    width: 24px;
    height:24px;
    background: url('../images/icon/next.png');
    float:left;
}

.custom-step-previous{
    width: 24px;
    height:24px;
    background: url('../images/icon/top.png');
    float:left;
}

.custom-step-forward{
    width: 24px;
    height:24px;
    background: url('../images/icon/end.png');
    float:left;
}


.dangky{
    float:left;
    width:100%;
}
.dk-content{
    float:left;
    width:100%;
}
.dk-body{
    float:left;
    width:100%;
}

.dk-footer{
    float:left;
    width:100%;
}

.help-block{
    color:#ff0000;
    font-style: italic;
}

.help-block strong{
    font-size:12px;
    font-weight: normal;
}


select.in4{
    width: 100%;
    height: 26px;
    margin: 5px 0;
}

.thongtinthanhtoan{
    background: #fff;
    padding: 10px;
    margin: 10px 0;
}

#loader {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 126px;
    height: 126px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

@-webkit-keyframes animatebottom {
    from { bottom:-100px; opacity:0 }
    to { bottom:0px; opacity:1 }
}

@keyframes animatebottom {
    from{ bottom:-100px; opacity:0 }
    to{ bottom:0; opacity:1 }
}

.backdrop {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    display: none;
}

ul.thanhtoan_list li{
    text-transform: capitalize;
    margin: 5px 0;
    font-weight: bold;
}


#listView {
    float: left;
    width: 100%;
    padding: 10px 0;
    min-height: 510px;
    border: none;
}
#listView .product {
    float: left;
    width: 320px;
    height: 250px;
    /* margin: 10px; */
    padding: 20px 0 0 0;
    text-align: center;
    border: #1eaae3 solid 0.5px;
}
#listView .product img {
    max-width: 200px;
    max-height: 150px;
}

#listView .product .grid_title, #listView .product .grid_stt{
    float:left;
    width:100%;
    margin-top:10px;
    text-align: center;
}

#listView .product .grid_stt p{

}

#listView .product .grid_title a {
    overflow: hidden;
    line-height: 1.1em;
    font-size: 11pt;
    font-weight: bold;
    text-transform: uppercase;
}






/*.product:hover p {*/
    /*visibility: visible;*/
    /*position: absolute;*/
    /*width: 110px;*/
    /*height: 110px;*/
    /*top: 0;*/
    /*margin: 0;*/
    /*padding: 0;*/
    /*line-height: 110px;*/
    /*vertical-align: middle;*/
    /*text-align: center;*/
    /*color: #fff;*/
    /*background-color: rgba(0,0,0,0.75);*/
    /*transition: background .2s linear, color .2s linear;*/
    /*-moz-transition: background .2s linear, color .2s linear;*/
    /*-webkit-transition: background .2s linear, color .2s linear;*/
    /*-o-transition: background .2s linear, color .2s linear;*/
/*}*/
/*.k-listview:after {*/
    /*content: ".";*/
    /*display: block;*/
    /*height: 0;*/
    /*clear: both;*/
    /*visibility: hidden;*/
/*}*/