/***************************
	TABLE OF CONTENT
	01 - Reset
	02 - Global styles
	03 - Typography
	04 - Color specifics
	05 - Layout
	06 - Buttons
	07 - Icons
	08 - Header
	09 - Home page
	10 - Advanced search
	11 - Booking steps
	12 - Custom search results
	13 - Main content
	14 - Destinations
	15 - Contact
	16 - Blog
	17 - Faq
	18 - Error page
	19 - Login, register, my account
	20 - Sidebar
	21 - Footer
	22 - Form elements
	23 - Preloader
	24 - Plugin styles
	25 - Print.css
	26 - Css media querries (responsive css)
	
****************************/


/* 01 RESET */


*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body {font:"Times New Roman", Times, serif;text-align:center;color:#191F26;background:#f7f7f7;word-wrap:break-word;text-rendering:optimizeLegibility;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,table,caption,tbody,tfoot,thead,tr,th,td,figure{border:0;margin:0;padding:0}
html {overflow-y: scroll;-webkit-text-size-adjust:auto;-webkit-overflow-scrolling: touch;}

img,fieldset,abbr,acronym{border:0;}
article,aside,figure,figcaption,hgroup,footer,header,nav,section,video,object{display:block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}

img 			{border:0;max-width:100%;vertical-align:middle;}
figure		{position:relative;}
figure img 	{display:block;}

input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;}



p {padding:0 0 17px;}

a 					{text-decoration:none;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;transition:all 0.2s ease-in;cursor: pointer;}
a:active,a:hover 	{outline: 0;}

.color ::-moz-selection,.color::-moz-selection	{background:#191F26;}
.color ::selection,.color::selection				{background:#191F26;}

.left 		{float:left !important;}
.right 		{float:right !important;}
.center,
.center .wrap	{text-align:center;}

/* 03 TYPOGRAPHY */
h1,h2,h3,h4,h5,h6,.header,.intro,label,input,textarea,select,table,dl,option,optgroup,.selector,.btn,.f-title,.pager,.contact-data,.categories,.meta,.tabs,.price,.trigger,.close,.output,.xdsoft_datetimepicker,.slicknav_menu,.readonly .f-row,.infoBox, #message,.history > div		 {font-family: 'Montserrat', sans-serif;font-weight:400;}

h1 {font-size:24px;}
h2 {font-size:24px;padding:0 0 28px;}
h3 {font-size:19px;padding:0 0 15px;}
h4 {font-size:17px;padding:0 0 15px;}
h5 {font-size:15px;padding:0 0 15px;}
h6 {font-size:17px;text-transform:uppercase;padding:0 0 23px;}

/* 04 COLOR SPECIFICS */       
.black	{background-color:#191F26 !important;}
.grey	{background-color:#34394A !important;}
.grey-light	{background-color:#f9f9f9 !important;}
.white 	{background-color:#fff !important;}

/* 05 LAYOUT */
.wrap 		{margin:0 auto;width: 1176px;text-align:left;position:relative;max-width:94%;display:inline-block;}
.row		{margin:0 -15px;}

.full-width 	 	{float:left;width:100%;padding:0px;max-width:100%;}
.three-fourth 	{float:left;width:75%;padding:0 15px 30px;max-width:100%;}
.one-half		{float:left;width:50%;padding:0 15px 30px;max-width:100%;}
.one-third 		{float:left;width:33.33%;padding:0 15px 30px;max-width:100%;}
.two-third 		{float:left;width:66.66%;padding:0 15px 30px;max-width:100%;}
.one-fourth 		{float:left;width:25%;padding:0 15px 30px;max-width:100%;}
.one-fifth 		{float:left;width:20%;padding:0 15px 30px;max-width:100%;}
.one-sixth 		{float:left;width:16.66%;padding:0 15px 30px;max-width:100%;}
.one-sixthbox {
    float: left;
    width: 16.66%;
    padding: 0 5px 30px;
    max-width: 100%;
}
.row:before, 
.row:after  			{content: "";display:table;}
.row:after 			{clear: both;}

/* 06 BUTTONS */
.btn 		{border:none;text-transform:uppercase;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:inline-block;text-align:center;max-width:100%;}
.btn.small 	{font-size:12px;padding:8px 14px;}
.btn.medium 	{font-size:15px;padding:11px 20px;min-width:142px;}
.btn.large	{font-size:17px;width:200px;height:54px;line-height:54px;padding:0 14px;}
.btn.huge 	{font-size:20px;width:270px;height:70px;line-height:70px;padding:0 14px;}

.btn.white 	{color:#191F26 !important;}
.btn.full 	{width:100%;}
.btn.color:hover,.btn.color:focus,.btn.white:hover,.btn.white:focus {background:#191F26 !important;color:#fff !important;}
.btn.black:hover,.btn.black:focus,.cta .btn:hover,.cta .btn:focus 	{background:#fff !important;color:#191F26 !important;}

.more 				{font-weight:600;padding-top:2px;display:inline-block;position:relative;text-decoration:none;}
.more:after 			{content:"";position:absolute;left:0;bottom:-3px;opacity:0;-ms-opacity:0;width:0;}
.more:hover:after,
.more:focus:after 		{opacity:1;-ms-opacity:1;width:100%;}

.back {background:#858585;}

/* 07 ICONS */
.ico 		{display:inline-block;overflow:hidden;vertical-align:middle;background-image:url(../images/icons.png);background-repeat:no-repeat;background-color:transparent !important;}
.phone 			{width:29px;height:24px;margin-top:-1px;}
.phone.black 	{background-position:0 0;}
.email 			{width:29px;height:19px;}
.email.black 	{background-position:-31px -4px;}

.circle		{float:left;width:88px;height:88px;border:1px solid #191F26;margin:0 20px 30px 0;-webkit-border-radius:45px;-moz-border-radius:45px;border-radius:45px;text-align:center;line-height:90px;}
.circle .ico {height:40px;}
.heart		{background-position:0 -53px;width:38px;}
.wand		{background-position:-40px -53px;width:35px;}
.lock		{background-position:-80px -53px;width:27px;}
.award		{background-position:0 -93px;width:38px;}
.pig		{background-position:-40px -93px;width:38px;}
.shuttle	{background-position:-80px -93px;width:36px;}
.wallet 		{background-position:0 -135px;width:35px;}
.clip		{background-position:-40px -135px;width:21px;}
.telephone	{background-position:-80px -135px;width:25px;}
.people		{width:35px;height:40px;}
.luggage	{width:35px;height:40px;}
.time		{width:33px;height:40px;}

.status_datxe {
    font-size: 12px;
}
.views_taixe {
    position: absolute;
    background: #fff;
    padding: 10px 15px;
    box-shadow: 0px 0px 5px;
    right: 90px;
    top: 0px;
	font-size: 14px;
}
.views_taixe h3 p {
    float: right !important;
    margin-top: -20px !important;
    margin-right: -12px !important;
	display:none;
}

.views_taixe p {
    padding: 0px;
    margin: 0px;
	padding-bottom:5px;
}
.active_info{
	display:block !important;	
}
.content_calendar_tbl td a,.content_calendar_tbl td a:visited {
    color: #3372d5;
}
.views_taixe h3 {
    margin: 0px;
    padding: 0px;
    font-size: 15px;
    text-align: left;
    padding-bottom: 8px;
    text-transform: uppercase;
    font-weight: bold;
 font-weight: bold;
}


header.title h2 {
        font-size: 3em;
    margin-bottom: 0;
    padding-bottom: 10px;
}
header.title p {
    font-size: 1.5em;
    color: #858585;
}
.container{
	width: 1200px;
	margin: 0 auto;
}
.box {
    border-radius: 4px;
    border: solid 1px rgba(144, 144, 144, 0.25);
    margin-bottom: 1.2em;
    padding: 0.5em;
    background: #fff;
    min-height: 323px;
}
.box h3{
	font-size: 23px;
	color: #112792;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0px;
	margin-top: 0px;
    padding-bottom: 10px;
}
.box p{
	color: #555;
	font-size: 16px;
}
.box p a{
	color: #3CADD4;
	font-weight: bold;
}
.box p a:hover{
	text-decoration: underline;	
}
.box p span a{
	color: #f00;	
}
.icon.rounded.color1 {
    background-color: #3cadd4;
}
.icon.rounded.big {
    font-size: 2.5em;
    margin-bottom: 0.5em;

}
.icon.rounded.big img{
	width: 50px;

}
.icon.rounded {
    background-color: #383b43;
    border-radius: 100%;
	border:1px solid #CCC;
    color: #ffffff;
    display: inline-block;
    height: 4.2em;
    line-height: 4.2em;
    text-align: center;
    width: 4.2em;
}
.icon.rounded.color9 {
    background-color: #add43c;
}
.icon.rounded.color6 {
    background-color: #d43c61;
}
header.title{
	    margin-bottom: 45px;
}
.green-btn{
	background-color: #add43c;
	margin-bottom: 5px;
}
.green-btn img{
	    height: 21px;
    margin-top: -5px;
}
.top_sw{
	    height: 40px;
    background: #3189E4;
    text-align: left;
}
.logo img{
	height: 40px;
}
.logo {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px	;
	float: left;
}
.nav ul li{
	    float: left;
    padding: 8px 10px;
    border-right: 1px solid #4F97E2;
    padding-top: 9px;
}
.nav ul li:hover{
	background: #1F71C5;
}
.nav ul li.active {
    background: #1F71C5;
}
.nav ul li a{
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
}
.nav{
	    float: left;
    border-left: 1px solid #A5CCF5;
    margin-left: 20px;
    height: 40px;
}
.info_acc{
	float: right;
}
.info_acc ul li{
	float: left;
	padding: 9px;
	
}
.info_acc ul li a{
	color: #fff;
	font-size: 13px;	
}
header.title{
	    margin: 50px 0;
    clear: both;
    float: left;
    width: 100%;
    margin-top: 20px;0%;

}
header.title h1{
	font-size: 45px;
    font-weight: bold;
    color: #9e37de;
}

.info_date{
	float: left;
	width: 100%;
	padding: 3px 0;
}
.info_date .datetime{
	    float: left;
    font-style: italic;
    padding-bottom: 0px;
    margin-top: 8px;
}
.timkiem{
	float: right;
}
.timkiem input[type="text"]{
	padding: 7px 10px;
	color: #555;
	border-radius: 3px;
	border: 1px solid #ddd;
	float: left;	
	    width: 300px;
}
.timkiem .submit_nhanh{
	    padding: 9px 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    background: #FF9B05;
    border-radius: 3px;
    float: left;
    margin-left: 5px;
    color: #fff;
    cursor: pointer;
}
.timkiem .tim_nangcao{
	    padding: 9px 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    background: #15508E;
    border-radius: 3px;
    float: left;
    margin-left: 5px;
    color: #fff;
    cursor: pointer;
}
.duongdan{
	display: table;
    width: 30%;
    float: left;
    padding: 8px 0px;
}
.duongdan a{
	float: left;
	color: #333;
}
.duongdan span{
	float: left;
	margin: 0 15px;
	color: #BFBEBE;
}
.duongdan p{
	float: left;
    font-weight: bold;
    padding-bottom: 0;
    margin-bottom: 0;
}


* {box-sizing:border-box;}
ul {list-style-type: none;}
body {font-family: Verdana,sans-serif;}

.month {
        padding: 2px 10px;
    width: 100%;
    background: #A4BCD4;
}

.month ul {
    margin: 0;
    padding: 0;
}

.month ul li {
        color: white;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 3px;
        padding: 5px;
}

.month .prev {
    float: left;
    padding-top: 5px;
}

.month .next {
    float: right;
    padding-top: 5px;
}

.weekdays {
    margin: 0;
    padding: 	0;
    background-color: #ddd;
}

.weekdays li {
        display: inline-block;
    width: 12.5%;
    color: #666;
    text-align: center;
    padding-left: 0;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.days {
    padding: 10px 0;
    background: #eee;
    margin: 0;
    text-align: left;
}

.days li {
        list-style-type: none;
    display: inline-block;
    width: 12.5%;
    text-align: center;
    margin-bottom: 5px;
    font-size: 12px;
    color: #777;
    padding-left: 0;
}

.days li .active {
    padding: 5px;
    background: #1abc9c;
    color: white !important
}
span.spanlich3 {
    font-size: 12px;
}
span.spanlich1 {
    font-size: 14px;
    line-height: 24px;
}
span.spanlich2 {
    font-size: 14px;
}

span.spanlich22 {
    font-size: 14px;
    line-height: 24px;
    display: block;
}
span.spanlich23 {
    font-size: 12px;
}
span.spanlich21 {
    font-size: 14px;
    line-height: 24px;
}
span.spanlich21, .spanlich1 {
    display: block;
}
.btnImg h3 {
    line-height: 24px !important;
    font-size: 14px;
}
span.spanvb2, span.spanvb1, span.spanvb3 {
    text-transform: none;
}
span.spangv1 {
    display: block;
    line-height: 24px;
    font-size: 14px;
}
.boxmail .btnImg h3 span{
	display:block;
}

.tb_vanban a{
	width: 100%;
    display: block;
}

.txtshowmobile{
	display:none;	
}





/* Add media queries for smaller screens */
@media screen and (max-width:720px) {
    .weekdays li, .days li {width: 13.1%;}
}

@media screen and (max-width: 420px) {
    .weekdays li, .days li {width: 12.5%;}
    .days li .active {padding: 2px;}
}

@media screen and (max-width: 290px) {
    .weekdays li, .days li {width: 12.2%;}
}
.left_sw h1 {
    background: #3189E4;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    padding: 12px 0;
        border-radius: 5px 5px 0 0;
    margin-top: 0;
    margin-bottom: 0;
}
.content_left {
    padding: 10px;
    background: #fff;
    border-radius: 0 0 5px 5px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
}
.right_sw{
	padding-left: 0;	
}
.right_sw h1{
	    background: #3189E4;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    padding: 10px 0;
    border-radius: 5px 5px 0 0;
    text-align: left;
    padding-left: 15px;
    overflow: hidden;
    height: 40px;
	margin-top:0px;
}
.right_sw h1 .tieude {
    width: 300px;
    float: left;
    overflow: hidden;
}
.content_right {
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 0 0 5px 5px;
    overflow: hidden;  
	margin-top: -10px; 
}
.right_sw h1 span {
    font-style: italic;
    text-transform: none;
    color: #BCD7F3;
}
.content_calendar_tbl{
	border-collapse: collapse;
}
.content_calendar_tbl thead{
	    background: #DDDDDD;
}
.content_calendar_tbl thead tr th{
	padding: 7px;
	border: 1px solid #ECECEC;
}
.content_calendar_tbl tr td{
	border: 1px solid #ddd;
	padding: 7px;
	font-size: 14px;
}
.content_calendar_tbl tr td:last-child{
	text-align: left;	
}
.content_calendar_tbl tr:nth-child(2n){
	background: #F2F7FD;
}
.option_title{
	    float: right;
    padding-right: 15px;
	    height: 40px;
    margin-top: -10px;
    padding-top: 6px;

}
.option_title ul li{
	float: left;
	text-transform: none;
	margin-left:1px
}
.option_title ul li a{
 	color: #fff;
 }
 select{
    padding: 3px;
    border-radius: 3px;
    border-color: #ddd;
 }
 textarea{
 	    border: 1px solid #ddd;
    padding: 5px 10px;
    font-size: 13px;
    width: 100%;
    border-radius: 5px;
 }
 form .long{
 	width: 100%;
 }
  form.dangkylich_frm table{
  	width: 100%;
    border-collapse: collapse;	
  }
  form.dangkylich_frm table tr td{
  	text-align: left;
  	padding: 7px;
  	font-size: 13px;
    border: 1px solid #F3F3F3;
  }
   form.dangkylich_frm table tr td input[type="text"]{
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 3px 7px;
   }
.btn_func{
    text-align: left;
    margin-top: 15px;
}
.btn_func input{
    padding: 7px 20px;
    border-radius: 3px;
    font-weight: bold;
}
.btn_func .dangky{
       background: #3189E4;
    color: #fff;
}
.bangdangkylich{
    padding-right: 0;
}
.save{
        float: left;
    padding: 5px 12px;
    background: #6FB0F3;
    color: #fff;
    font-size: 13px;
    border-radius: 5px;
    margin-top: -4px;
    font-weight: bold;
}
.xuatban{
        float: left;
    padding: 5px 12px;
    background: #6FB0F3;
    color: #fff;
    font-size: 13px;
    border-radius: 5px;
    margin-top: -4px;
    font-weight: bold;
}
.right_sw.bangdangkylich h1 .tieude {
    width: 50%;
        font-weight: bold;
}
.bangdangkylich .content_calendar_tbl tr td select{
    width: 100%;
}
.danhsach_gm{

}
.right_sw.danhsach_gm h1 .tieude {
    width: 61%;
}
.btn{
    padding: 3px 10px;
    border-radius: 5px;
    display: block;
    margin-top: -4px;
}
.btn_blue{
    background: #65A8EC;
    text-transform: none;
    font-weight: bold;
    color: #fff;
}
.fa-file-pdf-o{
    color: #f00;
}
.table_giaymoi {
    width: 100%;
}
.table_giaymoi tr td:last-child{
    text-align: center;
    font-size: 17px;

}
.table_giaymoi tr td:last-child a{
    margin: 0 5px;
}
.fa-trash-o{
    color: #f00;
}
i.fa.fa-eye {
    color: #3189E4;bỏ
}
.phathanhgiaymoi .content_calendar_tbl td.chucnang{
    text-align: center;
}
.phathanhgiaymoi .content_calendar_tbl td.chucnang a{
    font-size: 13px;
    color: #333;
    margin: 0 5px;
}
.phathanhgiaymoi .content_calendar_tbl td.chucnang a i{
    color: #3189E4;
    font-size: 17px;    
}
.content_giaymoi{
    text-align: left;
}
.content_giaymoi p{
    padding-bottom: 0;
}
.table_danhsachdonvi{
    width: 100%;
    border-collapse: collapse;
}
.table_danhsachdonvi thead{
    background: #ddd;

}
.table_danhsachdonvi thead tr th{
    text-align: center;
    padding: 7px;
        border: 1px solid #ECECEC;
}
.table_danhsachdonvi tbody tr td{
    padding: 7px;
    border:1px solid #ddd;
}
.table_danhsachdonvi tbody tr:nth-child(2n){
    background: #F2F7FD;
}

.table_document{
    width: 100%;
    border-collapse: collapse;
	margin-top:20px
}
.table_document thead{
    background: #ddd;

}
.table_document thead tr th{
    text-align: center;
    padding: 7px;
        border: 1px solid #ECECEC;
}
.table_document tbody tr td{
    padding: 7px;
    border:1px solid #ddd;
	text-align:left
}
.table_document tbody tr:nth-child(2n){
    background: #F2F7FD;
}



.noidung_giaymoi{
    font-size: 13px;
}
.thongbaomoi table{
    width: 100%;
    border-collapse: collapse;
}
.thongbaomoi table thead{
    background: #ddd;
}
.thongbaomoi table thead tr th{
    padding: 7px;
    text-align:  center;
}
.thongbaomoi table tbody tr td{
    border:1px solid #ddd;
    padding: 7px;
    font-size: 14px;
}
.thongbaomoi table tbody tr:nth-child(2n){
    background: #F2F7FD;
}


.table{
    width: 100%;
    border-collapse: collapse;
}
.table thead{
    background: #ddd;
}
.table thead tr th{
    padding: 7px;
    text-align:  center;
}
.table thead tr td{
    padding: 7px;
    text-align:  center;
}
.table tbody tr td{
    border:1px solid #ddd;
    padding: 7px;
    font-size: 14px;
	text-align:  left;
}
.table tbody tr:nth-child(2n){
    background: #F2F7FD;
}

.content_left ul{
    list-style: inside;
    margin-bottom: 0;
}
.content_left ul li{
    text-align: left;
	
    list-style: inside;

}

.content_left ul li a{
    color: #333;
    font-weight: bold;
    font-size: 14px;
}
.option_footer{
    clear: both;
    margin-top: 20px;
    overflow: hidden;
    float: right;   
}
.option_footer ul li{
    float: left; 
    padding: 10px;   
}
.option_footer ul li a{
    color: #fff;
}
.option_footer ul{
            background: #3189E4;
    overflow: hidden;
    margin-bottom: 0;
    border-radius: 5px;
    padding: 0 15px;
}
.noidung_vanban table{
    width: 100%;
        background: #F2F7FD;
    border-collapse: collapse;
    font-size: 14px;
    border-radius: 5px;
}
.noidung_vanban table tr td{
    padding: 7px;
    border: 1px solid #ebeff3;
}
.yeucau_vanban{
    margin-top: 15px;
    border:1px solid #ddd;
    border-radius: 5px;
        overflow: hidden;
}
.yeucau_vanban h3{
       background: #FF9B05;
    color: #fff;
    font-size: 15px;
    padding: 8px 15px;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.yeucau_vanban .content_yeucau{
    padding: 15px;
}
.noidung_vanban input[type="submit"]{
    padding: 8px 20px;
    margin-top:15px;
    border-radius: 3px;
}
.account_mng{

}
.account_mng table{
    border-collapse: collapse;

}
.account_mng table tr td{
    border: 1px solid #f1f1f1;
    padding: 7px;
}
.account_mng table tr:nth-child(2n){
    background: #f2f7fd;
}
.account_mng table tr td input[type="text"]{
    border: 1px solid #e8e6e6;
    padding: 3px 10px;
    border-radius: 3px;
}
.long{
    width: 100%;
}
.account_mng table tr td input[type="button"]{
        padding: 3px 7px;
    border-radius: 3px;
    border: 1px solid #a7a4a4;
}
.account_mng input[type="submit"]{
    float: left;
    padding: 7px 15px;
    margin-right: 10px;
    margin-top: 15px;   
}
.content_nhom ul {
    float: left;
    width: 100%;
}
.content_nhom ul li{
       float: left;
    width: 50%;
    margin: 10px 0;
    padding-bottom: 0;
    margin-bottom: 0px;
    font-size: 14px;
}
.noidung_vanban table tr td input[type="text"]{
    padding: 3px 10px;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
}
.btnImg
{
cursor:pointer;	
}
.frmPopup {
    position: fixed;
    top: 25%;
    left: 30%;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    border: 5px solid #ddd;
    width: 600px;
    height: 200px;
    display: none;
	z-index: 9999;
}
.frmPopup_Full {
        position: fixed;
    top: 15%;
    left: 22%;
    background: #fff;
    border-radius: 5px;
    border: 5px solid #ddd;
    width: 60%;
    height: 80%;
	z-index: 9999;
    display: none;
}
.frmPopup_Full .noidung_giaymoi_popup {
    overflow: auto;
    height: 100%;
        padding: 20px;
    text-align: left;
     padding-top: 50px;

}
.leader
{
font-weight:bold;	
}
.row_split_date
{
    border-bottom: double 4px #ddd !important;
}
.today td
{
	background:#FFC !important;
}
.item_ie td
{
cursor:pointer;	
}
.tr_unread td,.msgnew td 
{
background:#FFC;
font-weight:bold;
color:#F00 !important;	
}
.popup_title
{
background:#09F;
color:#FFF;
padding-top:3px;
padding-bottom:3px;	
font-weight:bold;
position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.popup_close {
    background: url(/images/close_vista.png) no-repeat;
    padding: 10px;
    padding-right: 34px;
    margin-top: -4px;
    margin-right: 0px;
    float: right;
	cursor:pointer;
}
.bgtransparent
{
    background: rgba(0,0,0,.5);
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
}
.msgnew td
{
background:#FFC;
font-weight:bold;	
}
.list_unit
{
	width:97%;
	height:360px;
	overflow:auto;
}
.list_Gunit
{
	width:100%;
	height:325px;
	margin-top:15px;
	overflow:auto;
}
.checkall {
left: 15px;
position: absolute;
}
.btnclose {
position: absolute;
margin-top: -30px;
margin-left: 94%;
cursor: pointer;
font-weight: bold;
}
.root_cat .li_khoitruong
{
  width: 98%;
  display: inline-block;
  margin-right: 3px;
  margin-bottom:2px;
  padding: 5px;
  height: 35px;
  border: 1px solid #ccc;
  border-radius: 5px;}
  
.root_cat .li_khoitruong:hover
{
	 border:1px solid rgba(51,51,51,1);
}
.G_Unit
{
padding: 5px;
padding-bottom: 30px;
padding-top: 10px;
z-index: 999;
color: black !important;
font-size: 12px;
display: none;
border: 1px solid #333;
position: fixed;
background-color: #FFF;
border-radius: 4px;
width: 860px;
 top:20%;
 left:20%;
height: 350px;
}
.G_Unit li
{
display:inline-table;
width:205px;	
}
.sub_cat
{
	font-weight:bold;
	 margin-top:0px;
}
.root_cat
{
margin: 0px 0 10px 0px;
width: 300px;
float: left;
}
.root_cat li ul li
{	
margin-left:20px;
  display: inline-block;
  width: 30%;
font-size:13px;
}
.leaf
{
	padding-top:5px;
	display:none;
}
.bg_check {
    position: absolute;
    height: 1000px;
    width: 100%;
    background-color: #999;
    opacity: 0.4;
    left: 0px;
    top: 0px;
    z-index: 900;
    display: none;
}
.tit_checkunit {
    left: -1px;
    position: absolute;
    padding: 10px;
    top: -30px;
    background-color: #D6DDE0;
    width: 860px;
    border: 1px solid #333;
    font-weight: bold;
    border-radius: 4px 4px 0px 0px;
    text-align: center;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.multiselect-selected-text
{
color:#000;	
text-transform: none !important;
}
.btn .caret
{
color:#000
}
.ip_normal
{
width: 190px;
height: 27px;
float: left;
border: 1px solid #ddd;
border-radius: 3px;
margin-right: 5px;	
}
.btnok
{
	background: #3189E4;
    color: #fff;
	padding: 7px 20px;
    border-radius: 3px;
    font-weight: bold;
}
.ul_list
{
width:280px;	
}
.divloader,.msgalertfix{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
	width:100%;
	position:fixed;
	float:left;
	top:0px !important;
	left:0px !important;
	right:0px !important;
	z-index:99999;
	color:#900;
	 -webkit-animation: fadeOut 10s linear forwards;
    animation: fadeOut 10s linear forwards;
	
}
@-webkit-keyframes fadeOut {
    0%   {opacity: 1;}
    70%  {opacity: 1;}
    90% {opacity: 1;-webkit-transform: translateY(0px);}
    100% {opacity: 0;-webkit-transform: translateY(-30px);}
}
.control_cat
{
float:right;	
}
.ul_sub li a
{
font-weight:normal !important;	
}
.ul_sub li 
{
list-style:circle !important;
padding:2px !important;  
}
.ul_sub
{
margin-left: 35px;	
}
.normal3
{
border:#CCC 1px solid;
font-size:14px;
padding:3px;
border-radius:3px;	
}
.toolbar li a:hover
{
color:#006;
text-shadow: 1px 1px #06F;	
}
.toolbar li a
{
color:#FFF;
text-shadow: 1px 1px #3189E4;	
}
.toolbar i
{
    font-size: 20px;	
}
.tooltip_calendar
{
background:#FFF;
border:1px solid #AAA;
border-radius:3px;
position:absolute;
padding:10px;
display:none;
z-index:999999;	
}

.red
{
color:#F00;	
}
.control_item_calendar
{
float:right;
font-size:16px;	
}
.ip_text
{
color:#fb0404;
border:none;
background:url(/images/dot.png)
}
.ip_text_small
{
width:40px;
text-align:center;
font-size:14px;
color:#fb0404;
border:none;
background:url(/images/dot.png)
}
#content_create_invite
{
height:530px;
overflow:auto;
overflow-x:hidden	
}
#content_create_invite textarea
{
color:#fb0404;
border:none;
background:url(/images/dot.png);
font-size: 16px;
padding-top: 0px;
}
.sp_status0
{
color:#093;	
}
.sp_status1
{

}
.sp_status2
{
color:#F60;	
}
.sp_status3
{
color:#666;	
text-decoration:line-through
}
.view_inviteOfAdmin .modal-dialog
{
width:1000px !important	
}
.ui-menu-item
{
text-align:left	
}
.li_lv1,.li_lv2
{
	text-align:left;
	font-size:14px;
	cursor:pointer;
}
.li_lv1
{
	padding-left:5px
}
.li_lv2
{
	padding-left:15px
}
.checkbox-list
{
overflow:auto;
height:500px;
    min-width: 340px;
background: #f2f7fd;	
}
.title_item
{
padding-left:7px;
/*display:inline-block*/	
}
.content_inner_invite
{
width:715px;
height:500px;
overflow:auto;	
}
#content_create_invite
{
padding:0px !important;	
}
.li_header
{
background:#CFCFCF;
font-weight:bold;
cursor:pointer;	
}
.li_header input[type='checkbox']
{
	
}
.HLCalendarTool
{
position:absolute;
top:20%;
left:50%;
width:20%;	
z-index:99999;
background:#FFF
}
.table_search_adv td
{
height:30px;	
}
.header_group
{
background:#FFC;
font-weight:bold;	
}
.duongdan .fa-home{
    float: left;
}
.li_lv3
{
padding-left:20px;	
}
.li_header2
{
font-weight:bold;	
}
.li_lv3 input[type=checkbox]{
    margin: 4px 0 0;
    margin-top: 1px;
    line-height: normal;
    float: left;
    display: inline;
    margin-right: 4px;
}
.headtb2 td
{
background:#FFC !important;	
}
.blue
{
color:#03F;	
}
.cat_select
{
background-color:#FFC !important;
border:1px solid #DDD;
border-left:none;
border-right:none;
min-height: 19px;
}
.msgdel
{
	text-decoration:line-through;
}
.msgdel td
{ 
	border-bottom:1px solid #CCC;
	background-color:#F1F1F1;
}

.left_sw_system h1 {
    background: #3189E4;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    padding: 12px 0;
    border-radius: 5px 5px 0 0;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    position: relative;
}
.content_left_system{
	    padding: 10px;
    background: #fff;
    border-radius: 0 0 5px 5px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
	text-align:left;
}
.content_left_system ul li {
    text-align: left;
    padding-left:10px;
	font-weight:bold;
}
.content_left_system ul li {
    list-style: none;
    position: relative;
    padding: 0 0 10px 15px;
}
.ul_sub {
    margin: 0px !important;
    margin-left: 18px !important;
}
.ul_sub li {
    list-style: circle !important;
    padding: 2px !important;
    background: none !important;
	font-weight:normal;
}
.ul_sub li a{
	color: #23527c;

}

.nav_mobile{
	display:none;	
}


.container-frm{
	width:100%;	
}
.dangkylich_frm .col-tllg-12 ul li:first-child{
	width: 10%;
    float: left;
    white-space: nowrap;
    text-align: left;
	padding: 5px;
	padding-left: 0px;
}
.dangkylich_frm .col-tllg-12 ul li:last-child {
	width: 80%;
    text-align: left;
    display: inline-block;
	padding: 5px;
}

.col-tl-6{
	float:left;	
	width:50%;
}
.col-tllg-12{
	width:100%;
	padding-left:15px;
	padding-right:15px;	
}
.dangkylich_frm .col-tl-6 ul li:first-child{
	width: 30%;
    white-space: nowrap;
    text-align: left;
    float: left;
	padding: 5px;
}
.dangkylich_frm .col-tl-6 ul li:last-child {
	width: 70%;
    text-align: left;
    padding-left: 40px;
    display: inline-block;
	padding: 5px;
}

.col-lg-12 ul {
    padding-left: 15px;
}

.tieude_mobile{
	display:none;	
}


button.close span {
    font-size: 30px;
}

.mobile_menu{
	 display:none;	
}


.pages a {
    padding: 5px 10px;
    background: #f2f2f2;
    margin: 2px 5px;
}
.pages a.current{
	background: #ffbb582e;
    font-weight: bold;
    color: #3b3c3d;
}




@media (max-width: 480px) {
	.content_calendar_tbl th:nth-child(4) {
		width: 3% !important;
		white-space: normal;
	}
	.content_calendar_tbl td:nth-child(3) i,.content_calendar_tbl td:nth-child(4) i {
		font-size: 20px;
	}
	
	.calender_btsave,.calender_btexportok,.calender_btexport {
		margin: 10px 5px;
		display:inherit !important;
		width:auto !important;
	}
	
	
	.calender_btsave,.calender_btexportok,.calender_btexport {
		margin: 10px 5px;
		display:inherit !important;
		width:auto !important;
	}
	
	.calender_btsave button{
		padding: 3px;
	}
	.container{
		width:100% !important;
	}
	
	.one-fifth,.one-fourth,.one-third{
		width:100% !important;
	}
	
	.toolbar.toolcalender {
		margin: 10px auto;
	}
	
	.lichthuongvu .option_title,.page_sendinvite .option_title {
		float: inherit !important;
	}
	
	
	.sendinvite_btcreateinvite {
		margin: 10px auto;
		display: inherit !important;
		float: inherit !important;
		text-align: center;
	}
	
	.calender_btnext,.calender_btback{
		display: inherit !important;
		width: auto !important;
		margin-top: 0px !important;
		padding: 5px;
	}
	.calender_btnext button {
		padding: 8px 13px;
	}
	
	
	.calender_btweek {
		display: inherit !important;
		margin-top: -2px !important;
		padding: 5px;
		width:68% !important;
	}
	.calender_btweek button {
		padding: 8px;
		width:100% !important;
	}
	
	.default_calendar .option_title {
		    height: auto !important;
			padding: 0px;
			float: inherit !important;
			margin-top: 0px;
	}
	
	.page_calendar_vptu .option_title {
		float: inherit !important;
	}
	
	
	#printableArea #fmSubFromSend fieldset {
		width: 100% !important;
	}
	
	.btsendsms {
		width: 100%;
		margin: 0px !important;
		text-align: right;
		padding-right: 53px;
	}
	
	
	
	
	
	
	
	.container .one-half.left_sw {
		width: 100% !important;
	}
	
	.content .timkiem{
		float:inherit;
			
	}
	
	.option_title {
		float: right !important;
	}
	
	header.title {
    margin-bottom: 15px;
	}
	
	.content .timkiem {
		float: right;
		position: inherit !important;
		margin-left: 0px !important;
		margin-top: 0px !important;
		margin-right: 17px !important;
	}
	
	
	header.title h1 {
    font-size: 18px;
    line-height: 30px;
    margin-top: 0px;
	}
	.info_acc {
		display: block;
		text-align: right;
		position: absolute;
		right: 0;
	}
	
	.tbn_out {
		position: absolute;
		top: 0px;
		right: 10px;
		width: 10px !important;
	}
	.tbn_out a i{
		font-size:18px;	
	}
	.info_acc li{
		display:none;	
	}
	
	li.tbn_out.in_paper{
		display:none !important;	
	}
	
	li.tbn_out {
    	display: block !important;
	}
	.txt_out{
		display:none;	
	}
		
	.info_acc li {
    background: #3189e4;
    width: 100%;
    color: #fff;
	text-align: left;
	}
	
	.nav_mobile{
		display:block;	
	}
	.nav_mobile i {
    color: #fff;
    float: right;
    margin-top: 5px;
    font-size: 20px;
    right: 2px;
    border: 1px solid #d6d6d6;
    background: #0a4f96;
    padding: 5px;
    position: absolute;
	}
	
	.nav ul li {
		background: #0a4f96;
		width: 100%;
	}
	.nav {
    	display: none;
		height: auto;
		position: absolute;
		top: 40px;
		z-index:999;
	}
	.duongdan {
		width:100%;	
	}
	.timkiem {
    	float:none;
	}
	form.timkiem input[name="key_search"] {
		width: 75%;
		float: left;
	}	
	
	
	.option_title button.btn.btn-secondary {
    	font-size: 12px;
	}
	
	
	.content {
    float: left;
    width: 100%;
    margin-top: 15px;
	}
	
	.option_title {
    float: none;
	}
	
	.right_sw h1 {
    height: auto;
	}
	.toolbar i {
   		font-size: 13px;
	}
	.option_title .toolbar li:nth-child(4),.option_title .toolbar li:nth-child(6),.option_title .toolbar li:nth-child(7){
		    width: 31.5%;
			float: left;
			margin-top: 10px;	
			display:none;
	}
	
	.option_title .toolbar li:nth-child(4) button,.option_title .toolbar li:nth-child(6)  button,.option_title .toolbar li:nth-child(7)  button{
		width:100%;
		font-size: 11px;	
	}
	
	
	
	.right_sw h1 .tieude {
        margin-bottom: 15px;
		text-align: center;
		font-size: 18px;
		width: 100% !important;
	}
	
	.info_date{
		display:none;	
	}
	
	form.dangkylich_frm label {
    width: 100%;
    text-align: center;
	}
	
	.btn.btn-secondary{
		color:#fff !important;
		background: #337ab7;	
	}
	
	.title_inbox_mobile {
    	display: none;
	}
	.content_inbox_mobile th:nth-child(1),.content_inbox_mobile th:nth-child(3),.content_inbox_mobile th:nth-child(4),.content_inbox_mobile th:nth-child(5){
		display:none;	
	}
	.content_inbox_mobile td:nth-child(1),.content_inbox_mobile td:nth-child(3),.content_inbox_mobile td:nth-child(4),.content_inbox_mobile td:nth-child(5){
		display:none;	
	}
	.content_inbox_mobile th:nth-child(3){
		width:5%;
	}
	.content_inbox_mobile td:nth-child(3){
		white-space:inherit !important;
		width:5%;
		font-size: 12px;	
	}
	.content_inbox_mobile td:nth-child(4){
		font-size:12px;	
	}
	
	
	
	span.page a {
		border: 1px solid #f2f2f2;
		margin: 5px;
		padding: 5px;
		background: #f9f9f9;
		float: left;
	}
	
	span.page a.current {
		background:none;
	}
	.pages span:nth-child(2) {
		width:100%;
		display:table;
	}
	.short{
		border:1px solid #f2f2f2;	
	}
	.pages span:nth-child(2) .b1{
		padding:5px;
	}
	
	.search_inbox_note_mobile {
    	display: none;
	}
	.content_inbox_note_mobile {
		width: 100%;
		padding-right: 0px;
	}
	
	.content_inbox_note_mobile .content_right table.table{
		width:100% !important;
	}
	.content_inbox_note_mobile .content_right th:nth-child(1),.content_inbox_note_mobile .content_right th:nth-child(3),.content_inbox_note_mobile .content_right th:nth-child(5),.content_inbox_note_mobile .content_right td:nth-child(1),.content_inbox_note_mobile .content_right td:nth-child(3),.content_inbox_note_mobile .content_right td:nth-child(5){
		display:none;
	}
	
	.title_notif {
		width: 50%;
		display: table;
		margin-top: 19px !important;
		font-size: 11px;
	}
	
	.col-tl-6,.one-sixthbox {
		width:100%;
	}
	
	.icon.rounded {
		height: 6.2em;
		width: 6.2em;
	}
	
	
	.dangkylich_frm .col-tl-6 ul li:first-child{
		width: 30%;
		white-space: nowrap;
		text-align: left;
		float: left;
		padding: 5px;
	}
	.dangkylich_frm .col-tl-6 ul li:last-child {
		width: 70%;
		text-align: left;
		padding-left: 40px;
		display: inline-block;
		padding: 5px;
	}
	
	
	.dangkylich_frm .col-tllg-12 ul li:first-child{
		width: 30%;
	}
	.dangkylich_frm .col-tllg-12 ul li:last-child {
		width: 65%;
		text-align: left;
		display: inline-block;
		padding: 5px;
	}
	
	li.title_one_mobile {
		width: 100% !important;
		text-align: center !important;
	}
	.content_one_mobile{
		width:100% ;	
	}
	li.content_one_mobile {
		width: 100% !important;
	}
	.content_one_mobile input,.content_one_mobile button{
		width:100%  !important;	
		margin-top: 5px;
	}
	
	.tieude_vbd .tieude{
	display:none;
	}
	.tieude_mobile{
		display:block;	
	}
	
	.tieude_mobile span {
		border: 1px solid #f9f9f9;
		border-radius: 5px;
		padding: 3px 8px;
		margin-right: 15px;
		text-align: center;
		background: #0a4f96;
		
		
	}
	.tieude_mobile span a{
		text-transform: uppercase;	
		font-size: 15px;
	}
	.tieude_mobile span:last-child{
		margin-right:0px;	
	}
	.tieude_mobile span.active{
		background: #e4ab00;
    	opacity: 0.8;	
	}
	.tieude_vbd h1{
		height:40px;	
	}
	.btn_search{
		display:none !important;	
	}
	.table_tbdi th:nth-child(1),.table_tbdi th:nth-child(3),.table_tbdi th:nth-child(5){
		display:none !important;		
	}
	
	.table_tbdi td:nth-child(1),.table_tbdi td:nth-child(3),.table_tbdi td:nth-child(5){
		display:none !important;		
	}
	
	.table_vbdi th:nth-child(1),.table_vbdi th:nth-child(3),.table_vbdi th:nth-child(4){
		display:none !important;		
	}
	
	.table_vbdi td:nth-child(1),.table_vbdi td:nth-child(3),.table_vbdi td:nth-child(4){
		display:none !important;		
	}
    .content_right {

    overflow: auto;
    }
	
	.mobile_menu{
	 display:none;	
	}
	.in_pager{
		display:block;	
	}
	.user_mb{
		display:none;	
	}
	.mobile_menu>div>i{
		    font-size: 18px;
			color: #fff;
			margin-right: 10px;	
			font-weight:bold;
	}
	
	.mobile_show{
		display:none;	
	}
	.mobile_show li:first-child{
		    display: none !important;
	}
	.mobile_show li{
		display:block !important;	
	}
	.mobile_menu a {
		color: #041a4c;
		font-weight: bold;
	}
	.mobile_menu div {
		padding: 10px 0px;
	}
	.container div.row {
    margin: 0 auto;
    width: 100%;
    align-items: center;
    justify-content: center;
    display: inline-block !important;
	}

	
	.views_taixe h3 {
		margin: 0px;
		padding: 0px;
		font-size: 11px;
		text-align: left;
		padding-bottom: 8px;
		text-transform: uppercase;
		font-weight: bold;
	}
	
	.views_taixe {
		position: absolute;
		background: #fff;
		padding: 8px 5px;
		box-shadow: 0px 0px 5px;
		right: 0px;
		top: 0px;
		font-size: 11px;
	}
	
	
	
	.views_taixe h3 p {
		display:block !important;
	}
	
	


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.container{
		width:100% !important;
	}
	
	.one-fifth,.one-fourth,.one-third{
		width:50% !important;
	}
	
	header.title {
    margin-bottom: 15px;
	}
	
	header.title h1 {
    font-size: 18px;
    line-height: 30px;
    margin-top: 0px;
	}
	.info_acc
	{
	display:block;
	width:190px;
	text-align: right;	
	}
	
	.tbn_out {
		position: absolute;
		top: 0px;
		right: 10px;
		width: 10px !important;
	}
	.tbn_out a i{
		font-size:18px;	
	}
	.info_acc li{
		display:none;
			
	}
	li.tbn_out.in_paper{
		display:none !important;	
	}
	
	li.tbn_out {
    	display: block !important;
	}
	.txt_out{
		display:none;	
	}
	
	.in_paper{
		display:none !important;	
	}	
	.info_acc li {
    background: #3189e4;
    width: 100%;
    color: #fff;
	text-align: left;
	}
	.nav_mobile{
		display:block;	
	}
	.nav_mobile i {
    color: #fff;
    float: right;
    margin-top: 5px;
    font-size: 20px;
    right: 2px;
    border: 1px solid #d6d6d6;
    background: #0a4f96;
    padding: 5px;
    position: absolute;
	}
	
	.nav ul li {
		background: #0a4f96;
		width: 100%;
	}
	.nav {
    	display: none;
		height: auto;
		position: absolute;
		top: 40px;
		z-index:999;
	}
	.duongdan {
		width:100%;	
	}
	.timkiem {
    	float:none;
	}
	form.timkiem input[name="key_search"] {
		width: 75%;
		float: left;
	}	
	
	
	.option_title button.btn.btn-secondary {
    	font-size: 12px;
	}
	
	.content {
		float: left;
		width: 100%;
		margin-top: 15px;
	}
	
	.option_title {
    
	}
	
	.option_title {
		float: right;
		padding-right: 15px;
		height: 40px;
		margin-top: -42px;
		padding-top: 6px;
	}
	
	.right_sw h1 {
   		
	}
	.toolbar i {
   		font-size: 13px;
	}
	.option_title .toolbar li:nth-child(4),.option_title .toolbar li:nth-child(6),.option_title .toolbar li:nth-child(7){
		width: 31.5%;
		float: left;
		margin-top: 10px;	
		display:none;
	}
	
	.option_title .toolbar li:nth-child(4) button,.option_title .toolbar li:nth-child(6)  button,.option_title .toolbar li:nth-child(7)  button{
		width:100%;
		font-size: 11px;	
	}
	
	.right_sw h1 .tieude {
        margin-bottom: 15px;
		text-align: left;
		font-size: 18px;
		width: 100% !important;
	}
	
	.info_date{
		display:none;	
	}
	
	form.dangkylich_frm label {
    width: 100%;
    text-align: center;
	}
	
	.btn.btn-secondary{
		color:#fff !important;
		background: #337ab7;	
	}
	
	.title_inbox_mobile {
    	display: none;
	}
	.content_inbox_mobile th:nth-child(1),.content_inbox_mobile th:nth-child(2),.content_inbox_mobile th:nth-child(4),.content_inbox_mobile th:nth-child(5){
		display:none;	
	}
	.content_inbox_mobile td:nth-child(1),.content_inbox_mobile td:nth-child(2),.content_inbox_mobile td:nth-child(4),.content_inbox_mobile td:nth-child(5){
		display:none;	
	}
	.content_inbox_mobile th:nth-child(3){
		width:5%;
	}
	.content_inbox_mobile td:nth-child(3){
		white-space:inherit !important;
		width:5%;
		font-size: 12px;	
	}
	.content_inbox_mobile td:nth-child(4){
		font-size:12px;	
	}
	
	span.page a {
		border: 1px solid #f2f2f2;
		margin: 5px;
		padding: 5px;
		background: #f9f9f9;
		float: left;
	}
	
	span.page a.current {
		background:none;
	}
	.pages span:nth-child(2) {
		width:100%;
		display:table;
	}
	.short{
		border:1px solid #f2f2f2;	
	}
	.pages span:nth-child(2) .b1{
		padding:5px;
	}
	
	.search_inbox_note_mobile {
    	display: none;
	}
	.content_inbox_note_mobile {
		width: 100%;
		padding-right: 0px;
	}
	
	.content_inbox_note_mobile .content_right table.table{
		width:100% !important;
	}
	.content_inbox_note_mobile .content_right th:nth-child(1),.content_inbox_note_mobile .content_right th:nth-child(3),.content_inbox_note_mobile .content_right th:nth-child(5),.content_inbox_note_mobile .content_right td:nth-child(1),.content_inbox_note_mobile .content_right td:nth-child(3),.content_inbox_note_mobile .content_right td:nth-child(5){
		display:none;
	}
	
	.title_notif {
		width: 50%;
		display: table;
		margin-top: 19px !important;
		font-size: 11px;
	}
	
	.col-tl-6{
		width:100%;
	}
	
	
	.dangkylich_frm .col-tl-6 ul li:first-child{
		width: 30%;
		white-space: nowrap;
		text-align: left;
		float: left;
		padding: 5px;
	}
	.dangkylich_frm .col-tl-6 ul li:last-child {
		width: 70%;
		text-align: left;
		padding-left: 40px;
		display: inline-block;
		padding: 5px;
	}
	
	
	.dangkylich_frm .col-tllg-12 ul li:first-child{
		width: 30%;
	}
	.dangkylich_frm .col-tllg-12 ul li:last-child {
		width: 65%;
		text-align: left;
		display: inline-block;
		padding: 5px;
	}
	
	li.title_one_mobile {
		width: 100% !important;
		text-align: center !important;
	}
	.content_one_mobile{
		width:100% ;	
	}
	li.content_one_mobile {
		width: 100% !important;
	}
	.content_one_mobile input,.content_one_mobile button{
		width:100%  !important;	
		margin-top: 5px;
	}	
	.tieude_vbd .tieude{
	display:none;
	}
	.tieude_mobile{
		display:block;	
	}
	
	.tieude_mobile span {
		border: 1px solid #f9f9f9;
		border-radius: 5px;
		padding: 3px 8px;
		margin-right: 15px;
		text-align: center;
		background: #0a4f96;
		font-size: 19px;
	}
	.tieude_mobile span a{
		text-transform: uppercase;
	}
	.tieude_mobile span:last-child{
		margin-right:0px;	
	}
	.tieude_mobile span.active{
		background: #e4ab00;
    	opacity: 0.8;	
	}
	.tieude_vbd h1{
		height:40px;	
	}
	
	.mobile_menu{
	 display:block;	
	 background: #3189e4;
	}
	.mobile_show{
		display:none;	
	}
	.mobile_show li:first-child{
		    display: none !important;
	}
	.mobile_show li{
		display:block !important;	
		
	}
	.mobile_menu a {
		color: #041a4c;
		font-weight: bold;
	}
	.mobile_menu div {
		padding: 10px 0px;
	}
	
	.container div.row {
    margin: 0 auto;
    width: 100%;
    align-items: center;
    justify-content: center;
    display: inline-block !important;
}



	.views_taixe h3 {
		margin: 0px;
		padding: 0px;
		font-size: 11px;
		text-align: left;
		padding-bottom: 8px;
		text-transform: uppercase;
		font-weight: bold;
	}
	
	.views_taixe {
		position: absolute;
		background: #fff;
		padding: 8px 5px;
		box-shadow: 0px 0px 5px;
		right: 0px;
		top: 0px;
		font-size: 11px;
	}
	
	
	
	.views_taixe h3 p {
		display:block !important;
	}
	
	
}

.boxlich1{
	background:url(../images/icon/bg_mobile_01.png) no-repeat;
	}
.icon.rounded.big {

    display: none;
}
.box h3 {
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 0;
    position: absolute;
    top: 10px;
    left: 120px;
    text-shadow: 1px 1px 0px #053283;
	text-align: left;
}
.btnImg h3, .btnImg h3 span {
    font-size: 15px !important;
    line-height: 19px;
    margin-top: 5px;
}
.box {
    border-radius: 4px;
    border: solid 1px rgba(144, 144, 144, 0.25);
    margin-bottom: 0;
    padding: 0;
    background: transparent;
    min-height: 75px;
}
.boxlich1 {
       background: url(../images/icon/bg_mobile_01.png) no-repeat;
    position: relative;
    background-size: 100%;
    padding: 0;
    margin: 0;
    float: left;
    overflow: hidden;
    margin-bottom: 13px;
    border-radius: 3px;
    background-position: center;


}
.boxlich2{
	background: url(../images/icon/bg_mobile_02.png) no-repeat;
    position: relative;
    background-size: 100%;
    padding: 0;
    margin: 0;
    float: left;
    overflow: hidden;
    margin-bottom: 13px;
    border-radius: 3px;
    background-position: center;

	}
.boxgiaoviec{
	background: url(../images/icon/bg_mobile_04.png) no-repeat;
    position: relative;
    background-size: 100%;
    padding: 0;
    margin: 0;
    float: left;
    overflow: hidden;
    margin-bottom: 13px;
    border-radius: 3px;
    background-position: center;
	}
.boxgiaoviec .notisfition {
    margin-top: 5px;
    display: none;
}

.boxvanban{
	background: url(../images/icon/bg_mobile_03.png) no-repeat;
    position: relative;
    background-size: 100%;
    padding: 0;
    margin: 0;
    float: left;
    overflow: hidden;
    margin-bottom: 13px;
    border-radius: 3px;
    background-position: center;		
}
.boxdatxe{
	background: url(../images/icon/bg_mobile_05.png) no-repeat;
    position: relative;
    background-size: 100%;
    padding: 0;
    margin: 0;
    float: left;
    overflow: hidden;
    margin-bottom: 13px;
    border-radius: 3px;
    background-position: center;	
}
.boxmail{
	background: url(../images/icon/bg_mobile_06.png) no-repeat;
    position: relative;
    background-size: 100%;
    padding: 0;
    margin: 0;
    float: left;
    overflow: hidden;
    margin-bottom: 13px;
    border-radius: 3px;
    background-position: center;	
}

.tb_vanban a span:last-child {
    color: #f4dc21 !important;
    text-transform: none;
    text-shadow: none;
}


.boxmail h3 {
    line-height: 24px !important;
    margin-top: 15px;
}
.boxlich1 h3 span {
    display: block;
}

.boxlich1 h3 span:last-child, .boxlich2 h3 span:last-child {
    /*display: none;*/
}
.one-sixthbox.one-fifth.boxmail .btnImg h3 span {
    display: inline-block;
	margin-top: 15px;
}
.boxdatxe h3 {
    margin-top: 17px;
}

.tb_vanban a span {
    font-size: 11px !important;
    line-height: 11px !important;
}
.container header.title h1 {
    margin-bottom: 0px;
}
p.tb_vanban a {
    line-height: 15px;
}

.txtshowmobile{
	display: inline-block;
    margin-right: 5px;
}

.boxmail .btnImg h3 span {
    display: initial;
}

}




.box-ttnb.wrap {
	max-width: 100%;
    display: inline-block !important;
    clear: both !important;
    padding: 0px 10% !important;
}

.calendar_qlcv.one-half h3 {
	margin-top: 28px;
}
.box-ttnb .one-half{
	object-fit: fill;
    background-size: 100%;
    margin: 5px;
    padding: 0px;
    width: 48%;
	height: 110px;
}
.box-ttnb .one-half section{
	
}
.box-ttnb .one-half section h3{
    color: #fff;
    cursor: pointer;
    padding: 5px 0px;
    padding-left: 27%;
	text-transform: uppercase;
}
.notisfition {
	text-align: right;
    margin-top: -8px !important;
    padding: 0px 15px;
}
.notisfition p {
    display: inline-block;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    background: #f9f9f9;
    padding: 5px;
}
.notisfition p a{
	font-weight:bold;
	color:#f00;
}
.box-ttnb .one-half section h3:hover{
	color:#CCC;
}
.box-ttnb .one-half section h3 span{
    font-size: 20px !important;
    text-transform: uppercase;
    line-height: 30px;
}

.calendar_kntc.one-half h3 {
    margin-top: 35px;
}

.box-ttnb .calendar {
    background: url(../images/icon/bg_mobile_01.png) no-repeat;
    background-size: 100%;
}

.box-ttnb .calendar_vptu{
    background: url(../images/icon/bg_mobile_02.png) no-repeat;
	background-size: 100%;
}
.box-ttnb .calendar_thongbao{
    background: url(../images/icon/bg_mobile_09.png) no-repeat;
	background-size: 100%;
}
.box-ttnb .calendar_vanban{
    background: url(../images/icon/bg_mobile_03.png) no-repeat;
	background-size: 100%;
}

.box-ttnb .calendar_qlcv{
    background: url(../images/icon/bg_mobile_04.png) no-repeat;
	background-size: 100%;
}

.box-ttnb .calendar_qloto{
    background: url(../images/icon/bg_mobile_05.png) no-repeat;
	background-size: 100%;
}

.box-ttnb .calendar_email{
    background: url(../images/icon/bg_mobile_06.png) no-repeat;
	background-size: 100%;
}

.box-ttnb .calendar_kntc{
    background: url(../images/icon/bg_mobile_08.png) no-repeat;
	background-size: 100%;
}



header.title {
    margin: 17px 0;
    clear: both;
    float: left;
    width: 100%;
    margin-top: -15px;
}
header.title h1 {
    font-size: 35px;
    font-weight: bold;
    color: #9e37de;
    margin-top: 0px;
}
.box-ttnb .one-half section h3 .tb_vanban a span{
	/*font-size: 15px !important;
    line-height: 30px;
	text-transform: initial !important;*/
}

.calendar_qloto h3,.calendar_email h3,.calendar_vanban h3,.calendar_thongbao h3 {
    padding-top: 15px !important;
	font-size:20px;
}

.tb_vanban a {
    display: block;
    float: left;
    width: auto;
    border: 1px solid #f2f2f2;
    margin-top: 10px;
    text-align: center;
    margin-right: 6px;
    background: #f2f2f2;
    border-radius: 5px;
    color: #333;
    padding: 2px 5px;
}
.calendar_vanban .tb_vanban a span.spanvb1,.calendar_vanban .tb_vanban a span.spanvb2{
	font-size: 13px !important;
    text-transform: capitalize;
    line-height: inherit;
}
.calendar_vanban .tb_vanban a span.spanvb2{
	color: #333 !important;
    text-decoration: none;
}
.header_list_admin{
	display:none;
}



#csrf_thongbao {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    background: #f2f2f2;
    border: 1px solid #e7e4e4;
}
.csrf_noidung-thongbao{
	padding:8px;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:14px;
}
.csrf_noidung-thongbao p a{
	color:#06F;
	font-weight:bold;	
}

.manager_user{
	display:none;
}
.info_acc .manager_user{
	display:none;
}


.module_account .option_title{padding:0px;}
.module_account .toolbar{
	display: flex;
    align-items: center;
    padding: 0px;
    margin-bottom: 0px;
    height: 100%;
}

.module_account .toolbar li {
    margin-right: 10px;
}