body {
  font-family:Roboto,Arial,Helvetica,sans-serif !important;
  /*background-image: url("/portaldvc/images/update/bg-body.jpg");
  background-repeat: repeat;*/
  background: #cfe5ee;
	font-size: 1.4rem;
}
.ms-WPBody,.ms-WPBody td
{
	font-family:Roboto,Arial,Helvetica,sans-serif !important;
	font-size: 1.4rem;
}
@font-face {
    font-family: RobotoCondensed;
    src: url(../fonts/RobotoCondensed-Regular_gdi.eot);
    src: url(../fonts/RobotoCondensed-Regular_gdi.eot?#iefix) format('embedded-opentype'),url(../fonts/RobotoCondensed-Regular_gdi.woff) format('woff'),url(../fonts/RobotoCondensed-Regular_gdi.ttf) format('truetype'),url(../fonts/RobotoCondensed-Regular_gdi.svg#RobotoCondensed-Regular) format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0002-FFFD
}

@font-face {
    font-family: RobotoCondensedBold;
    src: url(../fonts/RobotoCondensed-Bold_gdi.eot);
    src: url(../fonts/RobotoCondensed-Bold_gdi.eot?#iefix) format('embedded-opentype'),url(../fonts/RobotoCondensed-Bold_gdi.woff) format('woff'),url(../fonts/RobotoCondensed-Bold_gdi.ttf) format('truetype'),url(../fonts/RobotoCondensed-Bold_gdi.svg#RobotoCondensed-Bold) format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0002-FFFD
}

@font-face {
    font-family: RobotoCondensedItalic;
    src: url(../fonts/RobotoCondensed-Italic_gdi.eot);
    src: url(../fonts/RobotoCondensed-Italic_gdi.eot?#iefix) format('embedded-opentype'),url(../fonts/RobotoCondensed-Italic_gdi.woff) format('woff'),url(../fonts/RobotoCondensed-Italic_gdi.ttf) format('truetype'),url(../fonts/RobotoCondensed-Italic_gdi.svg#RobotoCondensed-Italic) format('svg');
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0002-FFFD
}

/*@font-face {
    font-family: RobotoCondensed;
    src: url(../fonts/RobotoCondensed-BoldItalic_gdi.eot);
    src: url(../fonts/RobotoCondensed-BoldItalic_gdi.eot?#iefix) format('embedded-opentype'),url(../fonts/RobotoCondensed-BoldItalic_gdi.woff) format('woff'),url(../fonts/RobotoCondensed-BoldItalic_gdi.ttf) format('truetype'),url(../fonts/RobotoCondensed-BoldItalic_gdi.svg#RobotoCondensed-BoldItalic) format('svg');
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0002-FFFD
}*/

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Regular_gdi.eot);
    src: url(../fonts/Roboto-Regular_gdi.eot?#iefix) format('embedded-opentype'),url(../fonts/Roboto-Regular_gdi.woff) format('woff'),url(../fonts/Roboto-Regular_gdi.ttf) format('truetype'),url(../fonts/Roboto-Regular_gdi.svg#Roboto-Regular) format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0002-FFFD
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Bold_gdi.eot);
    src: url(../fonts/Roboto-Bold_gdi.eot?#iefix) format('embedded-opentype'),url(../fonts/Roboto-Bold_gdi.woff) format('woff'),url(../fonts/Roboto-Bold_gdi.ttf) format('truetype'),url(../fonts/Roboto-Bold_gdi.svg#Roboto-Bold) format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0002-FFFD
}

@font-face {
    font-family: RobotoBlack;
    src: url(../fonts/Roboto/Roboto-Black.ttf) format('truetype');
    font-stretch: normal;
}
/*
@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-BoldItalic_gdi.eot);
    src: url(../fonts/Roboto-BoldItalic_gdi.eot?#iefix) format('embedded-opentype'),url(../fonts/Roboto-BoldItalic_gdi.woff) format('woff'),url(../fonts/Roboto-BoldItalic_gdi.ttf) format('truetype'),url(../fonts/Roboto-BoldItalic_gdi.svg#Roboto-BoldItalic) format('svg');
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0002-FFFD
}

@font-face {
    font-family: Bijou;
    src: url(../fonts/BijouJL.eot);
    src: url(../fonts/BijouJL.eot?#iefix) format('embedded-opentype'),url(../fonts/BijouJL.woff) format('woff'),url(../fonts/BijouJL.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-007E
}

@font-face {
    font-family: nokia;
    src: url(../fonts/UTMNokia_gdi.eot);
    src: url(../fonts/UTMNokia_gdi.eot?#iefix) format('embedded-opentype'),url(../fonts/UTMNokia_gdi.woff) format('woff'),url(../fonts/UTMNokia_gdi.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2026
}
*/


.text-blue {color: #1667A0;}
.text-main{color: #b00600;}
.text-danger{color: #b00600;}

.container,.container-fluid,.navbar-collapse, .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-right: 8px;
    padding-left: 8px;
}
.row { margin-right: -8px; margin-left: -8px;}

/*Header*/
.header{background: transparent;
    color: #fff;
    min-height: 60px;
    padding: 0;}
.header .logo{float: left; max-width: 100px; margin-right: 20px;}
.header>.container{transition: all ease 0.5s;padding: 0 0 15px 0;box-shadow: none;}
.header h2{font-family:robotocondensedBold,arial,sans-serif; font-size: 24px; margin-bottom: 5px;text-decoration: none; color: #f7ef07;}
.header h3{font-family:robotocondensedBold,arial,sans-serif, times new roman; font-size: 20px; margin-top: 0px; color: #f7ef07}

/*End Header*/
/*.navbar*/
.navbar { position: relative; min-height: 36px; border: 0;border-radius: 0 !important; margin-bottom: 0px;}
.navbar>.container{background: transparent;}
.navbar .navbar-default{ background: transparent; }
.navbar .navbar-default .navbar-nav a{
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    font-size: 1.4rem;
    color: #ffffff;
    /*text-transform: none;*/
    font-family: robotocondensed,arial,sans-serif;
    padding: 8px 13px;
    margin-bottom: 0px;
    margin-right: 1px;
}
.navbar .navbar-default .navbar-nav>.active>a, .navbar .navbar-default .navbar-nav>li>a:hover, .navbar .navbar-default .navbar-nav>.active>a:focus, .navbar .navbar-default .navbar-nav>.active>a:hover{
    color: yellow;
    background-color: transparent;
    border-radius: 5px;
}
/*End navbar*/

/*Home-content*/
.home-content{min-height: 350px; background-color: d6f5f8; background-image: url('/portaldvc/images/update/bg-home-content-2.jpg'); 
background-repeat: no-repeat;background-position: center bottom;background-size: 100% auto; padding: 30px 0 0 0;
}
.home-content .home-content-left h4{font-size: 20px; font-weight: bold;margin-bottom: 30px;}
.panel.panel-form-search{background: transparent; margin-left: 20px; margin-right: 20px;}
.panel.panel-form-search .panel-heading {height: 38px; border-bottom: 2px solid #1667a0; padding: 0;font-family: robotocondensed,arial,sans-serif;font-size: 1.5rem;}
.panel.panel-form-search .panel-heading>span{background-color: #1667a0; height: 38px; line-height: 38px; padding: 0 20px; float: left;font-family: robotocondensed,arial,sans-serif;
color: #fff; text-transform: uppercase; font-weight: bold;border-radius: 5px 0 0 0; position: relative;}
.panel.panel-form-search .panel-heading>span:after{position: absolute; content: ''; left: 100%; top: 0; width: 70px;height: 38px; background-image: url("/portaldvc/images/update/bg-title-form-search-2.png"); background-repeat: no-repeat; background-position: top; left; overflow: hidden;}
.panel.panel-form-search .panel-heading>span .fa{margin-right: 10px;}
.panel.panel-form-search .panel-body{border: 1px solid #1667a0; border-radius: 0 0 5px 5px; border-top: 0; background-color: rgba(255, 255, 255, 0.4); padding-bottom: 35px;}
.panel.panel-form-search .panel-body .input-group{width: 70%; margin: 20px auto;}
.panel.panel-form-search .panel-body .left-form-about{ background-color: rgba(255, 255, 255, 0.6); margin: 20px; padding: 15px; color: #104482; }
.button-form-search .btn-primary{background: #b00600;}
.button-form-search .btn-blue{background: #EA8624;}
.button-form-search .btn{width: 100%; color: #fff; border-radius: 0;}
.panel.panel-form-search .input-group-btn{vertical-align: top;}
.home-content-right>h4{font-size: 16px; font-weight: bold; text-shadow: 0 1px 0px #ffffff;}
.home-content-right .static-right .static-number{
    width: 130px;
    height: 130px;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
    border-radius: 50%;
    border: 5px solid #104482;
}
.home-content-right .static-right .static-number>h4{    font-size: 35px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 36px; font-family: robotoblack;
    color: #cf5019;}
.home-content-right .static-right .static-number>h4>span{font-size: 16px; font-weight: bold;}
.home-content-right .list-scroll{margin-top: 10px; background-color: rgba(255, 255, 255, 0.6); padding: 10px;}
.home-content-right .list-scroll .title-list-scroll{ font-family: robotocondensed,arial,sans-serif;color: #1667a0; text-transform: uppercase; font-weight: bold; position: relative; margin-bottom: 5px; border-bottom: 1px dashed #d9534f; padding-bottom: 6px;}
.home-content-right .text-title-statistic{color:#b00600;font-weight:700;font-size:25px; display:none}
.home-content-right .text-statistic{
	font-size: 25px;
    font-family: robotoblack;
    color: #cf5019;}
.static-div .static-left{float: right; color: #0351a0; font-family: robotocondensedbold; font-size: 16px;}
.static-div .static-left h5, .static-div .static-left h4{
	font-family: RobotoBlack; font-size: 16px;
}
.static-div .static-left p{margin-bottom: 0px;}
.static-div .static-right{float: left}
.list-scroll-group{height: 220px; overflow: hidden;}
.list-scroll-group>li a, .panel-form .form-list-group li a, .panel-form .form-list-group td a{color: #000; text-decoration: none; font-size: 1.5rem; text-align: justify;font-family: robotocondensed,arial,sans-serif;}
.list-scroll-group>li a:hover, .panel-form .form-list-group li a:hover, .panel-form .form-list-group td a:hover{color: #ce1126;}
.list-scroll-group>li, .panel-form .form-list-group li, .panel-form .form-list-group td{padding: 6px 0; border-bottom: 1px dashed #104482; color: #d9534f; text-align: justify;}
.list-scroll-group>li:last-child, .panel-form .form-list-group li:last-child{border-bottom: 0;}
/*End Home-content*/
footer .text-left li{
	list-style: none;
}
.TD-div-module-thongke {
    font-size: 17px;
    font-weight: 700;
    color: yellow;
}
/*Content-form*/
.Content-form>.container {
    background: #fff;
}
.Content-form .panel-form{border-radius: 0; border: 0;}
.panel-form{position: relative;}
.panel-form .panel-heading{height: 40px; background: #1667a0; text-align: center; color: #fff; font-size: 18px;  font-family: robotocondensed,arial,sans-serif; text-transform: uppercase; border-radius: 0;}
.panel-form .panel-body{padding: 0; box-shadow: none; border:0;  margin-bottom: 20px;}
.panel-form:after {position: absolute; content: ''; top: 100%; left: 2%; right: 0;width: 96%; height: 35px;
    background-image: url("/portaldvc/images/update/bg-panel-form.png"); background-repeat: no-repeat; background-position: top center;
}
.panel-form .form-control{border-radius: 0; border: 1px solid #1667a0; color: #1667a0;}
.panel-form .form-list-option{width: 100%;float: left; border-bottom: 1px solid #f9f9f9;padding: 10px 0; background: #f0f0f0}
.panel-form .form-list-group{width: 100%;float: left; padding: 10px; border-top: 1px solid #dfdfdf;}
.panel-form .form-list-group>ul{ padding-left: 20px;}
.panel-form .form-list-page{width: 100%; float: left;display: block;text-align: right}
.panel-form .form-list-page ul{float: right; margin-right: 10px;}
.panel-form .form-list-page ul li{list-style: none; display: inline; margin-left: 3px; float: left;}
.panel-form .form-list-page ul li.page-active a, .panel-form .form-list-page ul li:hover a{background: #1667a0; color: #fff;}
.panel-form .form-list-page ul li a{padding: 3px 8px; line-height: 20px;font-size: 12px; background: #d4d4d4;color: #104382; text-decoration: none; transition: all ease 0.3s; }
.dataTables_length { float: left; color: #08346a; font-weight: normal;}
.dataTables_filter {color: #08346a; border-bottom: 1px dashed #d9534f;}
.dataTables_filter input{border: 1px solid #08346a; margin-left: 10px;}
.dataTables_paginate { width: 100%; text-align: right; margin-top: 8px;}
.dataTables_wrapper .dataTables_info{display: none}
.dataTables_paginate a.paginate_button {padding: 3px 6px;line-height: 10px; margin-left: 3px; background: #e8e8e8; font-weight: bold; color: #1667a0; cursor:pointer; text-decoration: none; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s}
a.paginate_button.current, a.paginate_button:hover, a.paginate_button:focus, a.paginate_button:visited { background: #ce1126; color: #fff;}

.dataTables_scroll{padding-right: 6px;overflow: auto; max-height: 300px;}
.dataTables_scrollBody{max-height: 100% !important}
.dataTables_scroll::-webkit-scrollbar-track, .form-list-group::-webkit-scrollbar-track{border-radius: 10px;background-color: #f0f0f0;}
.dataTables_scroll::-webkit-scrollbar, .form-list-group::-webkit-scrollbar{width: 5px;}
.dataTables_scroll::-webkit-scrollbar-thumb, .form-list-group::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #1667a0;}
/*custom table*/
.panel-form .form-list-group>tr { padding-left: 20px;}
/*End Content-form*/

/*Footer*/
Footer{ color: #fff;position: relative;}
Footer>.container{background: transparent;padding-top: 0 !important;}
Footer>.container, footer>div>.TD-table-module-border-icon{padding: 10px;}
Footer a, footer a:hover{color: #fff;}
Footer:before { position: absolute; right: 0; top: 0; bottom: 0;
    /*background-image: url("/portaldvc/images/update/bg-footer.png"); background-repeat: no-repeat; background-position: right center;*/
    height: 100%;
    width: 100%;display: flex !Important;
}
Footer .nav-footer li{float: left; display: inline; line-height: 26px; border-right: 1px solid: #fff !important; padding: 0 15px;}
Footer p{margin-bottom: 5px;}
Footer .btn-login{border-right: none !important;margin-top: -3px; padding: 0 0 0 10px !important; background-image: url("/portaldvc/images/update/btn-login-bg.png"); background-repeat: repeat-x;margin-left: 10px; margin-right: 10px;height: 26px; position: relative; float: right !important;}
Footer .btn-login a{color: #104382; text-shadow: 0px 1px 1px #fff}
Footer .btn-login:before{position: absolute; background-image: url("/portaldvc/images/update/btn-login-left.png"); background-repeat: no-repeat; content: ''; right: 100%; width: 16px; height: 26px;}
Footer .btn-login:after{position: absolute; background-image: url("/portaldvc/images/update/btn-login-right.png"); background-repeat: no-repeat; content: ''; left: 100%; width: 20px; height: 26px;}
Footer>.container>.pull-left{padding: 10px 0 10px 0;}

/*End Footer*/

/*11-11*/
.panel-list-items{border-radius: 0; border: 0; margin-bottom: 10px;}
.panel-list-items:first-child .panel-body{display: block;background-color:#fcf7e1;}
.panel-list-items .panel-body{display: none}
.panel-list-items .panel-heading{ height: 40px; background: #1667a0;text-align: left;color: #fff;text-transform: uppercase;    border-radius: 0;font-family: robotocondensed,arial,sans-serif;font-size: 1.5rem;}
.panel-list-items .list-scroll-group>li, .panel-list-items .form-list-group li {padding: 6px 0;border-bottom: 1px dashed #104482;color: #d9534f;text-align: justify;font-family: robotocondensed,arial,sans-serif;font-size: 1.5rem;}
.panel-list-items .form-list-group li a {color:#000;}
.no-result {font-size: 14px; font-weight: bold; color: #ea5215;text-align: center; padding: 5px 0;}
.panel-list-items .form-list-group li p{margin-bottom: 0px;}
.form-list-group .sub-left-menu{padding-left: 3px;}
.form-list-group .sub-left-menu>li{padding: 2px 0;}
.content-left .ms-PartSpacingVertical{margin-top: 0px;}
.panel-list-items .form-list-group li:last-child{border-bottom: none;}
.panel-list-items .form-list-group>ul { padding-left: 20px;}
.clickable{ cursor: pointer;}
.panel-list-items .panel-heading span { font-size: 13px;}

.panel.panel-form-search-group{background: transparent; margin-left: 0px; margin-right: 0px;}
.panel-form-search-group .dataTables_filter{border-bottom: none !important;}
.panel.panel-form-search-group .panel-heading {height: 38px; border-bottom: 2px solid #104482; padding: 0;}
.panel.panel-form-search-group .panel-heading .panel-tabs li:first-child span{background-color: #1667a0; height: 38px; line-height: 38px; padding: 0 20px; float: left;
color: #fff; text-transform: uppercase;border-radius: 5px 0 0 0; position: relative; transition: all ease 0.3s;font-family: robotocondensed,arial,sans-serif;font-size: 1.5rem;}
.panel.panel-form-search-group .panel-heading .panel-tabs li:first-child:hover span{color: #ffe898;}
.panel.panel-form-search-group .panel-heading .panel-tabs li:first-child span:after{position: absolute; content: ''; left: 100%; top: 0; width: 70px;height: 38px; background-image: url("/portaldvc/images/update/bg-title-form-search-2.png"); background-repeat: no-repeat; background-position: top; left; overflow: hidden;}
.panel.panel-form-search-group .panel-heading .panel-tabs li:first-child span .fa{margin-right: 10px;}
.panel.panel-form-search-group .panel-heading .panel-tabs li:nth-child(2){float: right; background-color: transparent; text-align: right; }
.panel.panel-form-search-group .panel-heading .panel-tabs li:nth-child(2) a {color: #1667A0; text-transform: uppercase; line-height: 35px;font-family: robotocondensed,arial,sans-serif;font-size: 1.5rem;}
.panel.panel-form-search-group .panel-heading .panel-tabs li:nth-child(2) a:hover {color: #027729; text-transform: uppercase; font-weight: bold;line-height: 35px;}

.panel.panel-form-search-group .panel-heading .panel-tabs li a{padding: 0;}
.panel.panel-form-search-group .panel-heading .panel-tabs li a:hover, .panel.panel-form-search-group .panel-heading .panel-tabs li a:focus{ background-color: transparent; }
.panel.panel-form-search-group .panel-body{border: 1px solid #104482; border-radius: 0 0 5px 5px; border-top: 0; background-color: rgba(255, 255, 255, 0.4); padding-bottom: 35px;}
.panel.panel-form-search-group .panel-body .input-group{width: 70%; margin: 20px auto;}
.panel.panel-form-search-group .panel-body .left-form-about{ background-color: rgba(255, 255, 255, 0.6); margin: 20px; padding: 15px; color: #104482; }
.panel-detail-name{border-radius: 0; border: 0;}
.panel-form-search-group .panel-detail-name{ margin-bottom:-10px}
h4.text-danger.title-name1 {text-transform: uppercase; position:relative; overflow:hidden}
h4.text-danger.title-name1:after { position: absolute; top: 55%;overflow: hidden; width: 100%;height: 1px; content: ' '; background-color: #ff6633; border-left: solid 10px #e0efff;}
.panel-detail-name .panel-heading {
    height: 30px !important;background: #1667A0;border-bottom: 2px solid #067932 !important;
    text-align: center;color: #fff;font-size: 16px;font-weight: bold;text-transform: uppercase;
    border-radius: 0; line-height: 30px
}
.panel-detail-name .panel-body{padding: 10px !important;}
.panel-form-search-group .panel-body{padding: 10px !important;}

.input-main{border-radius: 0; border: 1px solid #104482; margin-bottom: 5px;}
.input-main::-webkit-input-placeholder, .input-main::-moz-placeholder, .input-main:-ms-input-placeholder, .input-main:-moz-placeholder {color: #c7c7c7; font-size: 12px; font-style: italic !important;}
#tracuuthutuc .input-main{height: 30px !important; line-height: 30px !important; font-size: 13px; padding-top: 3px;}
#tracuuthutuc .btn-blue{height: 30px; line-height: 18px}
.btn-blue {
    background: #34804d; color: #fff; border-radius: 0;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}
.btn-blue:hover {background: #15a24a; color: #fff;}
.table-lists {background: #fff;}
.table-lists thead>tr>th:nth-child(3){width: 150px !important}
.table-lists thead>tr>th:last-child{width: 70px !important;}
.table-lists thead, .table-lists thead tr td, .table-lists thead th {background: #1667A0; color: #fff; text-align: center; vertical-align: middle !important;}
.table-lists>tbody {background: #fcf7e1;}
.table-lists>tbody>tr>td, .table-lists>tbody>tr>th, .table-lists>tfoot>tr>td, .table-lists>tfoot>tr>th, .table-lists>thead>tr>td, .table-lists>thead>tr>th {
    padding: 5px !important;font-size: 1.5rem;
    vertical-align: middle !important;font-family: robotocondensedbold,arial,sans-serif;}
.table-lists>tbody>tr>td>a{color:#000;}
.table-lists>tbody>tr>td>.btn-dangky{color:#fff;}
.table-lists>tbody tr td:first-child, .table-lists>tbody tr td:last-child{text-align: center !important}
.title-name1 span{font-size: 15px}
.panel{box-shadow: none;font-weight:500;}
.panel .panel-body{background-color: #fcf7e1;}
.panel-primary{border-color:white;background-color: #fcf7e1;}
.panel h4,.panel h5{font-weight:700 !important;}

.sub-left-menu li{font-style: italic; list-style: circle !important; border:none;}
.sub-left-menu li a{ color:#cd0b26 !important;}
.sub-left-menu li a:hover,.menulist li:hover span{color:#FF8F00 !important; text-decoration: none !important;}

/*End  11-11*/

.navbar-default .navbar-toggle .icon-bar {
    background-color: #10449d;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #104482;
}
.navbar-default .navbar-toggle {
    border-color: #104482;
}

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background-image: url(/portaldvc/images/update/icon-gotoTop.png);
    background-position: top center ;
    background-repeat: no-repeat;
    background-size: 70%;
    visibility: hidden;
    opacity: 0;
    z-index: 111;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}
.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}
/*Minh24/11/2016*/
.Content-form39 {background-color: transparent;}
.Content-form39>.container{padding-top:15px; background:#fff}
.Content-form>.container{box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);padding-top: 20px}
.Content-form12 {padding-top:10px;background-color:#f0f0f0;}
.Chart-div { margin: 10px 0px;}
.title-chart-year {line-height: 35px; padding: 0 10px;height: 35px; color: #fff;background-color: #1667a0;border-radius: 3px 3px 0px 0px;-webkit-border-radius: 3px 3px 0px 0px; /* For Safari 5.1 to 6.0 */-o-border-radius: 3px 3px 0px 0px;/* For Opera 11.1 to 12.0 */-moz-border-radius: 3px 3px 0px 0px; /* For Firefox 3.6 to 15 */    font-family: robotocondensed,arial,sans-serif;font-size: 1.5rem;}
.content-chart-year { padding:30px 10px;background: #fff; border-bottom:2px solid #ccc;height: auto; float: left;width: 100%;max-height: 448px;overflow-y: auto;margin-bottom: 10px}

.slide-month{}
.slide-month-title{}
.slide-month-content{border-top: 1px dotted #dcdcdc;border-bottom:1px dotted #dcdcdc; margin: 6px 17px 0 17px;padding-top: 9px;height: 174px;overflow: hidden;}
.slide-month-content .progress-month{position: relative;width: 100%;height: 30px;background-color: #ddd;border-radius: 8px;}
.slide-month-content .bar-month{position: absolute;height: 100%;background-color: #4CAF50;border-radius: 8px;}
.slide-month-content .label-progress-month{text-align: center;line-height: 30px;color: white;}
.slidernav .bx-prev,.slidernav .bx-next{
	line-height: 40px;
	padding: 5px 5px;
	margin: 5px;
	background-color: #337ab7;
	color: #fff;
	border-radius: 3px;
	box-shadow: -1px 2px 2px #AFA7A7;
	transition:all 0.2s ease;
}
.slidernav .bx-prev:hover,.slidernav .bx-next:hover{
	text-decoration:none;
	box-shadow: -2px 2px 3px #8D8686;
	background-color: #A50000;
}
.Timkiem-div{background: #e0efff;}
.DanhGiaHaiLong{background: #fcf7e1; padding: 1px 10px 20px 10px; margin-top: -10px; box-shadow: 0px 2px 6px #ccc;min-height: 150px;}
.DanhGiaHaiLong>h2{color: #cd0b26; padding: 10px; margin-bottom: 0;}
.DanhGiaHaiLong #dvDonVi{    color: #1667a0;text-align: center;font-size: 20px;margin-top: 5px;margin-bottom: 5px;}
.DanhGiaHaiLong #dvMaHoSo{text-align:center}
.DanhGiaHaiLong #dvMaHoSo #spMaHoSo{margin-bottom: 10px;}
.DanhGiaHaiLong #dvMaHoSo #spMaHoSo>b{color: #ef5001}
.TD-chart-button, .TD-gui-khao-sat{text-align: center; margin: 10px auto; display: block; background: #ff8e02;
    border: none; font-size: 11pt;
    padding: 6px 12px;
    color: #fff; transition: all ease 0.3s; -webkit-transition: all ease 0.3s;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0px 1px 0px #d67a07;
    -webkit-box-shadow: 0px 1px 0px #d67a07;
}
.TD-chart-button:hover, .TD-chart-button:focus{
        box-shadow: 0px 2px 0px #ad6001;
    -webkit-box-shadow: 0px 2px 0px #ad6001;
    background: #dc7d07;}
.TD-huongDan{background: #e0efff; border-color: transparent; font-size: 15 pt; font-weight: normal; border-radius: 0;}
.TD-huongDan .panel-default{border-color: #d1eadb;  border-radius: 0;}
.TD-huongDan .panel-default #headingOne{color: #1a713d; border-radius: 0;background-color: #d1eadb;  border-color: transparent; font-size: 15pt;}
.TD-huongDan .panel-body{font-size: 15 pt; font-weight: normal; white-space: pre-wrap;}
.TD-huongDan .panel-footer{text-align: right; padding-right: 30px;color: #ce1126; font-size: 15 pt;font-weight: bold; font-style: italic; background: #e0efff; border-top: 1px solid #ce1126;}
.TD-huongDan .breadcrumb {padding: 0px;float: left;background: transparent;list-style: none;width: 100%;white-space: nowrap;}
.TD-huongDan .breadcrumb li {display: table-cell;vertical-align: top;width: 1%;float: left;width: 33%;display: inline-block;}
.TD-huongDan .breadcrumb li:first-child a {padding-left: 15px;}
.TD-huongDan .breadcrumb li.completed a {background: brown;background: hsla(153, 57%, 51%, 1);}
.TD-huongDan .breadcrumb li.completed a:after {border-left: 30px solid hsla(153, 57%, 51%, 1);}
.TD-huongDan .breadcrumb li a {color: white;text-decoration: none;padding: 10px 0 10px 45px;position: relative;display: inline-block;width: 100%;float: left;background-color: hsla(0, 0%, 83%, 1);text-align: center;}
.TD-huongDan .breadcrumb li a:after {content: " ";display: block;width: 0;height: 0;border-top: 40px solid transparent;border-bottom: 40px solid transparent;border-left: 22px solid hsla(0, 0%, 83%, 1);position: absolute;top: 50%;margin-top: -40px;left: 100%;z-index: 2;}
.TD-huongDan .breadcrumb li.active a { background: #ffc107 !important;}
.TD-huongDan .breadcrumb li.active a:after {border-left: 30px solid #ffc107 !important;}
.TD-huongDan .breadcrumb li:last-of-type a {width: 95%;}
.TD-huongDan .breadcrumb li a:before{display: none;}
.breadcrumb>li+li:before{display:none}
.TD-huongDan .breadcrumb li:nth-child(2) a:after {  border-left: 22px solid hsl(153, 63%, 45%);}
.TD-huongDan .breadcrumb li:nth-child(2) a {background-color: hsl(153, 63%, 45%);}
.TD-huongDan .breadcrumb li:nth-child(3) a{background-color: hsl(153, 72%, 38%);}
.TD-huongDan .breadcrumb li:nth-child(3) a:after{border-left: 22px solid hsl(153, 72%, 38%);}
.TD-huongDan .tieuDe-huongDanChiTiet{font-size: 15pt;font-weight: bold;text-align: center;color: #cd0b26;margin: 5px;}
.TD-huongDan .TD-huongDanChiTiet{background: #fcf7e1;}
.TD-huongDan .tab-content{margin: 20px 0px 0px 0px !important;}
.DanhGiaHaiLong > div > input, .DanhGiaHaiLong div select{
	width:300px;
}
.DanhGiaHaiLong > div > input{
	margin:auto;
}
.TD-chart-color li {
    display: inline-block;
    margin-left: 10px;
}
.TD-chart-hoten ul li div:last-child>input{
	clear:both;
	width:300px;
	margin:auto;margin-top: 10px;
}.DanhGiaHaiLong .table{margin-top: 10px;}
.DanhGiaHaiLong .table thead{ background: #c0e6ff; color: #e05b0b;}
.DanhGiaHaiLong .table>tbody tr td:first-child{vertical-align: middle}
.DanhGiaHaiLong .table>tbody>tr:nth-child(odd){background: #fff;}
.DanhGiaHaiLong .table>tbody>tr:nth-child(even){background: #eff8ff;}
.DanhGiaHaiLong .table tbody tr td:first-child strong{color: #e05b0b;}
.DanhGiaHaiLong .table-bordered>tbody>tr>td, .DanhGiaHaiLong .table-bordered>tbody>tr>th,.DanhGiaHaiLong .table-bordered>tfoot>tr>td,.DanhGiaHaiLong .table-bordered>tfoot>tr>th,.DanhGiaHaiLong .table-bordered>thead>tr>td,.DanhGiaHaiLong .table-bordered>thead>tr>th {
    border: 1px solid #b3ddf9;
}
.DanhGiaHaiLong ul{	list-style-type:none;}
.DanhGiaHaiLong .process-step .btn:focus{outline:none}
.DanhGiaHaiLong .process{display:table;width:100%;position:relative}
.DanhGiaHaiLong .process-row{display:table-row}
.DanhGiaHaiLong .process-step button[disabled]{opacity:1 !important;filter: alpha(opacity=100) !important}
.DanhGiaHaiLong .process-row:before{top:40px;bottom:0;position:absolute;content:" ";width:100%;height:1px;background-color:#ccc;z-order:0}
.DanhGiaHaiLong .process-step{display:table-cell;text-align:center;position:relative;text-transform: uppercase;font-weight: 700;}
.DanhGiaHaiLong .process-step p{margin-top:4px}
.DanhGiaHaiLong .btn-circle{width:80px;height:80px;text-align:center;font-size:12px;border-radius:50%}
.DanhGiaHaiLong .tab-content{margin: 20px 20% 0px 20%;}

.TD-chart-choice{ text-align: center; padding: 10px; margin-bottom: 10px;}
.TD-chart-choice input[type=checkbox], input[type=radio]{margin: 2px 5px 0 0;}
.TD-chart-choice>span{color: #1667a0; font-size: 15 pt; font-weight: bold; margin-bottom: 5px; display: block;}
.TD-chart-choice table{	margin:auto;}
.TD-gui-khao-sat{position: fixed;right: -10%; top: 180px; width: 130px;color: #fff !important; text-decoration:none !important; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; transition: all ease 0.5s; background: orange; box-shadow: 0px 1px 0px #c58104; -webkit-box-shadow: 0px 1px 0px #c58104;}
.TD-gui-khao-sat:hover {right: 10px;}
.TD-gui-khao-sat::before{
	content: "";
    width: 45px;
    height: 32px;
    top: 0px;
    left: -45px;
    background: #ff8100;
    position: absolute;
    background-image: url('../img/ic-danhgia-khao-sat.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px 26px;
    padding: 5px; box-shadow: 0px 1px 0px #c58104;
    border-radius: 3px 0 0 3px;}
.TD-chart-color{width: 100%; float:left; display:block; margin-top:10px;}
.TD-chart-color li{ float:left; display:inline; list-style:none}
.TD-chart-color li>span:first-child  {width: 15px; height:15px;; float:left ; margin:0 5px;}
.TD-chart-color li .TD-chart-color-1{background: #7cb5ec}
.TD-chart-color li .TD-chart-color-2{background: #90ed7d}
.TD-chart-color li .TD-chart-color-3{background: #f45b5b}
.TD-chart-color li .TD-chart-color-4{background: #f7a35c}
.TD-chart-color li .TD-chart-color-5{background: #8085e9}
    
.TD-chart-hoten li div:first-child>span{
	float:right;
}
.TD-chart-hoten div input{
	max-width:300px;
}

.TD-chart-choice table tr{
	display:inline-block;
	padding:0px 10px;
}
.TD-maHoSo .TD-span-validator{width: 100%; float:left; text-align:center; line-height:10px; }
.TD-maHoSo .TD-span-validator:last-child{margin-bottom:10px;}
.TD-maHoSo>.form-control{margin-bottom: 5px;}

.Hoidap-div {margin-bottom: 10px;}
.Hoidap-div .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #FFF;
    cursor: default;
    background-color: #1667a0;}
.Hoidap-div .tab-content{
    background-color: #fff;
    padding: 10px;
    border-bottom: 2px solid #ccc;font-size: initial;}

.Hoidap-div .Hoidap-search {padding: 10px 0px 30px 0px;}
.Hoidap-div ul .list-group-item{border-top: 1px solid #ccc !important; padding: 10px 15px; border: none;background-color: #fcf7e1;}
.Hoidap-div .Hoidap-detail{margin-top: 0px; margin-bottom: 5px; color: #6A94B6}
.Hoidap-div .list-group-item:first-child{border-top: none !important;}
.Hoidap-div .Hoidap-content{margin-bottom: 0px;}
.Hoidap-div .Hoidap-CH {margin-top: 0; margin-bottom: 5px; font-size: 14px;}
.Hoidap-div .Hoidap-CH:hover{text-decoration: none}
.Hoidap-div .Hoidap-link {margin-bottom: 0px;}
.Hoidap-div .thumbnail{min-height: 50px;  vertical-align: middle;  text-align: center; margin-bottom: 0; padding:5px;width:auto; height:auto; overflow:hidden;float:left;}
.Hoidap-div .list-group .glyphicon-user{font-size: 50px; padding-top:3px; color: #ccc; transition: all 0.2s ease;}

.Hoidap-form .title-chart-year {font-size: 13px;}
.Hoidap-form .content-chart-year{padding-top: 15px; max-height: none;font-size: initial;background-color: #fcf7e1;}
.Hoidap-form .form-group{margin-top: 20px;}
.Hoidap-form .input-group{width: 100%; margin-bottom: 5px;}
.Hoidap-form .input-group input{border-radius: 3px !important;-moz-border-radius: 3px !important ;-o-border-radius: 3px !important ; -webkit-border-radius: 3px !important ;-ms-border-radius: 3px !important ;}
.Hoidap-form p{font-size: 13px !important;}
.TD-danhSachHoiDap .nav-tabs{
    width:100%; float:left;
}

.TD-danhSachHoiDap .nav-tabs li{font-size:12px !important;}

.TD-danhSachHoiDap .tab-content{
    width: 100%;
    display: block;
    float: left;
}

.Ma-hoidap .image-capcha{
	width: 130px;
    margin-left: -15px !important;
}
#tbHoSo{background-color: #fcf7e1;}
#tbHoSo>tbody>tr>td{font-size: 11pt;}


#tbThongKeDonVi thead td {vertical-align: middle;text-align: center;background-color: #49A0E2;color: #fff;}
#tbThongKeDonVi{border: none;}
#tbThongKeDonVi tbody td {background-color: #fff;text-align: center;font-size:15px;}
table#tbThongKeDonVi tbody tr:nth-child(odd) td {background-color: #fcf7e1;}
table#tbThongKeDonVi tbody tr:nth-child(even) td {background: rgba(252, 247, 225, 0);}
#tbThongKeDonVi>tbody>tr>td{border: 1px solid #49A0E2 !important;}
#tbThongKeDonVi>tbody>tr>td:first-child{border-left: none !important;}
#tbThongKeDonVi>tbody>tr>td:last-child{border-right: none !important;}
#tbThongKeDonVi>tbody>tr>td, #tbThongKeDonVi>tbody>tr>th, #tbThongKeDonVi>tfoot>tr>td, #tbThongKeDonVi>tfoot>tr>th, #tbThongKeDonVi>thead>tr>td, #tbThongKeDonVi>thead>tr>th {border: 1px solid #D1EAFF;}
#tbThongKeDonVi tbody td:first-child {font-weight: bold;text-align: left;padding-left: 15px;font-size: 13px !important;background-color: #EDF7FF;}
#tbThongKeDonVi a:visited{color:black;}

.dvc-table{font-size:12px;margin-top:10px;}
.dvc-table .text-title{font-size: 20px;}
.dvc-table .tab-content span{
	font-family:robotocondensed,arial,sans-serif !important;
	font-size:15px !important;
	color:black !important;
}
.panel-don-vi-info .panel-body{font-family: robotocondensed,arial,sans-serif !important;
    font-size: 17px !important;
    color: #1667a0 !important;
    background-color: #fcf8e1;}
.scroll-slow {
 height: 20px;	
 overflow: hidden;
 position: relative;
 background: white;
 color: red;
}
.scroll-slow p {
	font-size:1.6rem;
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 margin: 0;
	 line-height: 20px;
	 text-align: center;
	 /* Starting position */
	 -moz-transform:translateX(100%);
	 -webkit-transform:translateX(100%);	
	 transform:translateX(100%);
	 /* Apply animation to this element */	
	 -moz-animation: scroll-slow 30s linear infinite;
	 -webkit-animation: scroll-slow 30s linear infinite;
	 animation: scroll-slow 30s linear infinite;
	 
	 moz-box-sizing: border-box;
	    text-overflow: clip;
	    text-shadow: 0 0 10px rgba(255,255,255,1), 0 0 20px rgba(255,255,255,1), 0 0 30px rgba(255,255,255,1), 0 0 40px #b00600, 0 0 70px #b00600, 0 0 80px #b00600, 0 0 100px #b00600;
	    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

/*4/4/17*/
#btnDangKy{
	font-size: 14px !important;
	background:#0099da;
}
.btnDangKyTrucTiep .btn{
	font-size:14px !important;
	background:#0099da;
}
.panel-dkqm .panel-heading{
    font-weight: bold;
    color: #1667a0;
    font-size: 18px;
}
.panel-dktt .panel-heading{
    font-weight: bold;
    color: #1667a0;
    font-size: 18px;
}
.panel-donvi-dkqm{
	font-weight: bold;
    margin: 15px;
}
.panel-donvi-dktt{
	font-weight: bold;
    margin: 15px;
}
.content-dkqm{
	margin:15px;
}
.content-dktt{
	margin:15px;
}
.lThongBao{
	margin-top:10px;
}
.header ul.PortalDVC-WelcomeBar {
    top: 26px;
    z-index:2;
    right: 10%;
    transition: all ease .3s;
    color: #fff;
    padding-left: 0px;
    margin-left: 0px;
    list-style: none;
    margin-bottom: 0px;
    font-family: Roboto, robotocondensed;
}
.header ul.TD-ul-welcome {
    margin-left: 0px;
    padding-left: 0px;
}
.header ul.TD-ul-welcome li {
    display: inline;
    font-size: 14px;
    padding: 3px 8px;
}
.head-right {
    position: absolute;
    right: 10%;
    top: 30px;
}
.head-right a{color: #fff}
.head-right a:visited, .head-right a:focus{color: #fff}
.head-right a:hover{color: yellow}
.head-right .glyphicon{font-size: 12px; color: yellow;}
/*end 4/4/17*/
.home-content .list-navbar .nav-item .title-item {border-bottom: 1px solid rgba(255, 255, 0, 0);}

.home-content .list-navbar .title-item, .home-content .list-navbar .content-item{transition: all ease .3s}
.home-content .list-navbar .nav-item:hover .title-item {
	white-space: nowrap; padding: 10px 0 10px 10px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.62);
    border-bottom: 1px solid rgba(255, 255, 0, 0.29);
}
.home-content .list-navbar .nav-item:hover .content-item {padding-right: 10px;}

.td-loading{display: block;margin: 0 auto;}
.TD-DangKyTaiKhoan .panel-heading{background-color: #337ab7;}
.TD-DangKyTaiKhoan .panel-body{background-color: #fcf7e1 !important;padding: 25px !important;}
.TD-CapNhatTaiKhoan .panel-heading{color: #fff;background-color: #337ab7;border-color: #337ab7;padding: 10px 15px !important;border-bottom: 1px solid transparent !important;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.TD-CapNhatTaiKhoan .panel-body .input-group{ width: 66.66666667%!important; margin: 0 !important;}
.ms-dlgTitle h1{font-size:16px;margin:0;}
/* Move it (define the animation) */
@-moz-keyframes scroll-slow {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-slow {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-slow {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}
.TD-ul-welcomeBar{    margin-top: 10px;
    text-decoration: none;
    font-size: 1.5rem;
    line-height: 15px;
    font-family: robotocondensed,arial,sans-serif;list-style-type:none;}
.TD-ul-welcome{list-style-type:none;}
/*End 24/11/2016*/

/*   Add 15-6   */
.divTraCuuHS{
	padding: 20px 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #f5f5f5;
    border-radius: 0;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-top: solid 5px #0099da;
    border-bottom: solid 5px #0099da;
    overflow: hidden;
}
.label-tracuu{
	font-weight:bold;
}
.DanhGiaHaiLong-formtop {
    width: 100%;
    float: left;
    background: #fff;
    padding: 20px 0px;
    margin-bottom: 20px;		
    background-image: url('../img/danhgia_bg.jpg');
    background-repeat: no-repeat;
}
.DanhGiaHaiLong-formtop .form-left .danhgia-title h3 {
    margin: 0px;
    font-size: 15px;
    font-family: robotocondensed;
}
.DanhGiaHaiLong-formtop .form-left .danhgia-title {
    background: #1c86d0;
    padding: 10px;
    color: #ffe402;
}
.DanhGiaHaiLong-formtop .danhgia-content {
    background: #fff;
    padding: 10px;
    min-height: 140px;
}
.DanhGiaHaiLong-formtop .danhgia-content .TD-chart-choice span{
    margin: -20px -20px 0px -20px;
    background: #1c86d0;
    color: #fff;
    padding-bottom: 10px;
}
.DanhGiaHaiLong-formtop .danhgia-footer {
    background: #1667a0;
    padding: 10px;
}
.DanhGiaHaiLong-formtop .danhgia-footer .TD-chart-button{background:#ff8902; font-size:16px; font-family:robotocondensed; text-transform:uppercase}
.DanhGiaHaiLong-formtop .form-left{z-index: 2;}
.DanhGiaHaiLong-formtop .from-right {
    position: absolute;
    left: 0;
    right: 0;
    top: 88px;
    height: 110px;
    background: #fff;
    z-index: 1;
}

.list-survey{
	text-align: center;
    padding: 20px 0;
    display:block
}
.list-survey li{
	list-style: none;
}
.list-survey .btn-survey, .list-survey .btn-quality{
	padding: 5px 10px 5px 0px;
}
.list-survey span {
    background: #0266a7;
    color: #fff;
    padding: 8px 21px 8px 20px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 0px 20px 20px 0;
    margin-left: -30px;
    z-index: 0;
    border-left: 20px solid rgba(0, 0, 0, 0.12);
    transition: all ease .3s;
}
.list-survey a:hover{ text-decoration: none;}
.list-survey a:hover span{    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.38);  margin-left: -15px;}
.list-survey img.icon-survey, .list-survey img.icon-quality{
	position: relative
}
.list-survey .btn-quality span {
    background: #79a920;
}
.body-survey-txt{
	background: #fff !important;
	font-size:14pt; color: #0351a0;
	padding:30px 50px;
	margin-bottom:30px
}
.from-right .TD-chart-button {
    background: #b00600;
    font-family: robotocondensed;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 35px;
    position: relative;
    box-shadow: none;
    padding: 8px 15px;
}
.from-right .TD-chart-button:after{
	position: absolute;
	content: '';
	width: 190px;
	height: 150px;
	background: url('../img/img-formright.png') no-repeat top left;
	background-size: 100% auto;
	bottom: -30px;
    left: 77%;
}
.from-right .TD-chart-button:hover, .from-right .TD-chart-button:focus, .danhgia-footer .TD-chart-button:hover, .danhgia-footer .TD-chart-button:focus{
	background: #ff6102
}
.tandan-div-module-links-img {
    margin-top: 20px;
}
.tandan-div-module-links-img>a{
	display: block;
	margin-bottom:10px
}
.tandan-div-module-links-img>a>img{
	width:100%;
}
.web-link-news label {
	color: #ffffff;
    background: #0351a0;
    font-size: 15px;
    padding: 10px 6px 6px;
    border-radius: 3px 3px 0 0;
    width: 100%;
    float: left;
}
.web-link-news {
    background: #fff;
    display:block;
    overflow: hidden
}
.web-link-news .form-control{
	    margin: 15px 5% 20px 5%;
    width: 90%; float:left;
    display: block;
}
.head-news {font-size: 21px;
    font-weight: bold;
    color: #0351a0;
}
.article-content{padding: 20px; background: #fff; margin-top:20px !important; font-size:15px;}
.article-content .page-header{ margin-top: 20px;}
.article-content .article-img {
    max-width: 260px;
    overflow: hidden;
    float: left;
    margin: 0 15px 0 5px;
}
.article-content .article-img img{ max-width: 100%;}
.article-content .lead{
	font-size: 17px;
    font-style: italic;
    color: #222;
    font-weight: bold;
}
.thongke-selectYear{
	background: transparent;
	border:none;
}
.thongke-selectYear option{
	color:#1667a0;
}
#TieuDeGiayPhep{
	color: #1667a0;
    font-size: 20px;
    text-align: center;
}
#DanhSachGiayPhep table{
	border-collapse: collapse;
    background: white;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
#DanhSachGiayPhep table tr{
	    height: 30px;
}
#DanhSachGiayPhep .ms-viewheadertr th{
    vertical-align: middle;
    text-align: center;
    background-color: #49A0E2;
    color: #fff;
    font-size:15px;
    font-family: robotocondensed,arial,sans-serif;
    }
#DanhSachGiayPhep .tdrow td{
	border: 1px solid #D1EAFF;
	background-color: #fcf7e1;
	font-family: robotocondensed,arial,sans-serif;
	padding:5px;
}
#DanhSachGiayPhep .altrow td{
	border: 1px solid #D1EAFF;
	background: rgba(252, 247, 225, 0);
	font-family: robotocondensed,arial,sans-serif;
	padding:5px;
}
.form-resigter{
	background: url(/portaldvc/images/circle-texture.png) no-repeat center center #fff;
    padding: 25px;
    border-radius: 4px;
    margin-bottom: 20px;
    border: 2px solid #ddd;
}
.select-type-account{
	text-align: center;
	color: #337ab7;
    font-weight: 700;
}
.content-select-type-account{
	font-size: 20px;
    color: #0351a0; 
}
.img-select-type-account{
	width:200px;
}
.business-resigter span[id*="RequiredFieldValidator"], .business-resigter span[id*="RegularExpressionValidator"]{
    position: inherit !important;
}
.width15{
	width:15%;
}
/* END 15-6   */
 @media (min-width: 524px){
 	.panel-form-search-group .dataTables_filter { width: 40%; float: right;}
 }
@media (min-width: 768px ) {
	.container { width: 98%;}
     .navbar-nav>li>a { padding-top: 8px; padding-bottom: 8px;}
    #navbar{text-align: center; height: 36px !important;}
    #navbar>.navbar-nav{margin: 0 auto;display: inline-block;float: right;}
    .header>.container{}
    .panel.panel-form-search .panel-body .input-group{width: 70%; margin: 20px auto;}
    .panel-form-search-group p.text-danger.title-name1{width: 20%; float: left;}
    .panel-form-search-group .dataTables_filter {width: 40%; float: right; text-align: right;}
	.panel-form-search-group .dataTables_length { width: 40%; float: left; text-align: right;}
     .DanhGiaHaiLong-formtop .from-right {
	    position: absolute;
	    left: 0;
	    right: 0;
	    top: 90px;
	    height: 110px;
	    background: #fff;
	    z-index: 1;
	}
	.DanhGiaHaiLong-formtop {
		position: relative;
	    background-size: 100% auto;
	    background-position: top left;
	    overflow: hidden;
	}


}
@media (min-width: 993px){
	.dataTables_length { width: 50%;}
	.container { width: 98%;}
}
@media (min-width: 1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 30px;
    }
    .header>.container{}
    .DanhGiaHaiLong-formtop .form-left .danhgia-title h3{font-size: 19px}
}
@media (min-width: 1199px) {
	.container { width: 1170px;}
    .header>.container{}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 992px) {
    .panel-form-search-group .dataTables_filter {width: 40%; float: right; text-align: right; padding-left:5px;}
}
@media only screen and (min-width : 524px) and (max-width : 767px) {
    .button-form-search{padding-left: 0; padding-right: 0}
}   
}
@media (max-width: 992px){
    .home-content {background-position: right bottom; background-size: auto 100%;}
    Footer>.container>.pull-right{width: 100%;}
    .button-form-search .btn {width: 100%;}
    .dataTables_length { width: 100%;}
}
@media (max-width: 767px ) {
    .header>.container{padding-left: 10px}
    .panel.panel-form-search .panel-body .input-group{width: 60%; margin: 20px auto;}
    .home-content {background-position: right bottom; background-size: auto 100%;}
    .button-form-search .btn-primary { margin-bottom: 5px;}
    .home-content-right>h4 {margin-bottom: 10px}
    .panel-form .form-control {margin-bottom: 5px;}
    .navbar-default .navbar-toggle:hover .icon-bar{background-color: #fff;}
    .navbar-toggle .icon-bar { width: 18px;}
    .navbar-toggle {padding: 7px 8px; margin-top: 3px; margin-right: 15px; margin-bottom: 3px;}
    .panel-list-items .form-list-group{max-height: 300px; overflow: hidden; overflow-y: auto;}
    .Content-form { padding: 15px 0 30px 0;}
    .DanhGiaHaiLong-formtop .from-right{position: initial; background: transparent;
	    padding-top: 20px;
	    display: block;
	    width: 100%;
	    float: left;}
    .DanhGiaHaiLong-formtop {
	    background-size: 150% auto;
	    background-position: top center;
	}
	.from-right .TD-chart-button:after{width: 120px; height: 105px;}
	.head-right{
		top:0px; right: 2%;
	}
}

@media (max-width: 479px ) {
    .panel.panel-form-search .panel-body .input-group{width: 80%; margin: 20px auto;} 
    .header h4 { font-size: 14px; margin-bottom: 8px; }
    .header h3 {font-size: 14px;}
    .Content-form { padding: 10px 0 20px 0;}
}
@media (max-width: 524px) {
   .home-content{padding-top:3px;}
   .home-content .panel.panel-form-search{margin-bottom: 3px}
   .panel-form:after {width: 96%; background-size: 100% auto;}
}
.ms-dlgFrameContainer{
	overflow:hidden !important;
}
.ms-dlgCloseBtn>span {
display: none !important;
}

.ms-dlgCloseBtn:before {
width: 20px;
height: 15px;
content: "\f00d";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
color: white !important;
padding: 3px;
}
.ms-dlgFrame{
	width:100% !important;
}
a.tthc-paging-number{
    padding: 3px 6px;
    line-height: 10px;
    margin-left: 3px;
    background: #e8e8e8;
    font-weight: bold;
    color: #1667a0;
    cursor: pointer;
    text-decoration: none;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}
a.tthc-paging-selected
{
	background: #ce1126;
    color: #fff !important;
}
li[title='Hồ sơ cá nhân']{display:none !important;}
.number-hs{display:none;}
li[onclick="RegisterAccount()"]{display:none !important;}
li[onclick*="xacthuc.dichvucong.gov.vn"]{display:none !important;}