/* CSS Document */

@media (max-width: 480px){
	a.sub_mod_mb i {
		font-size: 24px;
		color: #fff;		
	}	
	.mobile_menu div {
		padding: 3px 0px;
	}
	.mobile_menu a i.fa.fa-sign-out{
		font-size: 24px;
		color: #fff;
	}
	
	.mobile_menu {
		display: block;
		padding: 10px 0px;
		padding-right: 24px;
	}
	
	.top_sw {
		height: 50px;
	}
	.logo  {
		overflow:inherit;
	}
	.logo img {
		height: 50px;
	}
	.top_sw .logo .title_pages{
		display:none;
	}
	
	.nav_mobile i {
		color: #fff;
		font-size: 30px !important;
		padding: 5px;
		right: 2px;
		background: none !important;
		border: none !important;
		position: inherit;
		margin-top: 0px;
		margin-left: 0px !important;
	}
	
	.nav_mobile {
		float: right;
		display: inline-block;
		margin-right: -10px;
	}
	
	.info_acc {
		right: 50px;
	}
	
	.info_acc.index {
		right: 0px;
	}
	
	.info_acc .mobile_menu {
		padding-right: 15px;
		padding: 0px;
		padding-right: 15px;
	}
	.info_acc .mobile_menu a {
		margin-left: 5px;
	}
	.mobile_menu div a {
		margin-left: 24px;
	}
	.mobile_menu.in_pager {
		font-size: 30px;
	}
	.txt_out{
		display:none;	
	}
	
	.nav_mobile a {
		margin: 0px;
		margin-top: 5px;
		display: inline-block;
	}
	
	.top_sw .nav {
		top: 51px;
	}
	
	.top_sw .logo .title_pages.index {
		display: inline-block;
    	padding: 10px 0px;
	}
	.container header.title{
		margin-top:5px;
		margin-bottom:5px;	
	}
	.boxgiaoviec h3 .spangv1{
		display:none;	
	}
	.boxgiaoviec h3 {
		margin-top: 17px;
	}
	
	.boxmail h3 {
		margin-top: 5px;
	}
	.content_right [name=form_admin] tr td:first-child {
		display: table-cell !important;
	}
	
	li.button_menusub a {
		padding-left: 0px;
	}
	
	.topmenusub a, .topmenusub li.button_menusub {
		padding: 10px 5px;
		font-size: 14px;
	}
	
	ul.parent_submn {
		padding: 0px;
		width: 100%;
		margin-top: 14px;
	}

	ul.parent_submn li {
		background: #f2f2f2;
		border-bottom: 1px solid #bebaba;
		width: 100%;
		padding: 10px 5px;
	}
	
	a.button_menusub.btadd_newscvcn {
		width: 100%;
		margin-bottom: 0px;
		margin-top: 0px;
	}
	.rows_gbnb_one h1 {
		padding: 0px;
	}
	
	
	
	.content.default_donvi .danhsach_gm {
		display: none;
	}
	
	.nav_giaoviec .listmenumobile_donvi{
		width: 100%;
		display: inline-block !important;
		padding: 10px;
		padding-top: 0px;
	}
	
	.menusub_giaoviec .listmenumobile_donvi {
		display: inherit !important;
		padding: 8px;
	}
	
	.container.nav_giaoviec .listmenumobile_donvi li {
		margin-bottom: 5px;
	}
	
	.listmenumobile_donvi li {
		background: #1362b3 !important;
		padding: 15px 10px;
		margin-bottom:10px;
	}
	.listmenumobile_donvi li a{
		padding: 0px;
		margin:0px;
		background:none;
		color:#fff;
	}
	.listmenumobile_donvi li ul li {
		margin: 1px 0px !important;
	}
	.icon_right {
		float: right;
	}
	
	.listmenumobile_donvi li i {
		font-size: 18px;
		margin-right: 5px;
	}
	.nav.navmb_donvi .listmenumobile_donvi {
		display: block;
		margin-top:5px;
		padding: 0px;
	}
	.nav_giaoviec .nav.navmb_donvi>ul {
		display: none;
	}
	
	.info_date .topmenusub {
		display: none;
	}
	
	.btadd_newscvcn {
		margin-right: 5px;
		background: #ffb100;
		margin-top: 0px;
		position: relative;
		padding: 10px;
		width:95%;
	}
	
	label.tg_mobile, label.tg2_mobile {
		display: inline-block !important;
		padding: 0px !important;
		margin-top: 5px !important;
	}
	
	ul.menu_header {
		width: 100%;
		padding: 10px;
		display: none;
		position: absolute;
		z-index: 9999;
		border-radius: initial;
		margin: 0px;
		left: 0;
    	top: 51px;
	}
	
	ul.menu_header li {
		width: 100%;
		display: block;
		text-align: left;
		margin: 5px -5px;
		padding: 8px;
	}
	
	
	
	header.title h1 {
		font-size: 22px !important;
	}
	
	.box-ttnb .one-half{
		width: 117%;
		margin:0px;
		margin-left: -25px;
		margin-right: -20px;
		margin-bottom: 2px;
		max-width:initial !important;
	}
	
	.box-ttnb .one-half section {
		height: 60px;
	}
	
	.box-ttnb .one-half section h3 {
		padding: 0px 0px;
		padding-left:27%;
		font-size: 16px !important;
		margin-top: 10px;
	}
	.calendar_qloto h3, .calendar_email h3, .calendar_vanban h3 {
		padding-top: 8px !important;
		font-size: 20px;
	}
	
	.calendar_qlcv.one-half h3 {
		margin-top: 20px !important;
	}
	
	.notisfition{
		display:none; 	
	}
	.box-ttnb .one-half section h3 span{
		font-size: 16px !important;
	}
	
	.calendar_vanban .tb_vanban a span.spanvb1, .calendar_vanban .tb_vanban a span.spanvb2 {
		font-size: 11px !important;		
	}
	
	.box-ttnb .one-half{
		height: 80px;
	}
	
	
	.box-ttnb .calendar {		
		background-size: 100% 90%;
	}

	.box-ttnb .calendar_vptu{		
		background-size: 100% 90%;
	}

	.box-ttnb .calendar_vanban{		
		background-size: 100% 90%;
	}

	.box-ttnb .calendar_qlcv{		
		background-size: 100% 90%;
	}

	.box-ttnb .calendar_qloto{		
		background-size: 100% 90%;
	}

	.box-ttnb .calendar_email{		
		background-size: 100% 90%;
	}

	.box-ttnb .calendar_kntc{		
		background-size: 100% 90%;
	}
	
	.header_list_admin{
		position: absolute;
		padding: 10px;
		right: 55px;
		font-size: 25px;
		color: #fff;
	}
	.info_acc {
		z-index:9;
	}
	
	.info_acc .mobile_show{	
		border-top: 1px solid #fff;
	}
	
	.header_list_admin{
		display:block;
	}
	
	.btn_sign_out{
		display:none;
	}
	.info_acc.index .manager_user{
		display:block;
	}
	.manager_user a{
		
	}
	.mobile_show .tbn_out  {
		display:none !important;
	}
	.info_acc.index .mobile_menu{
		padding-right:4px;
	}
	.manager_user i{
		color: #fff;
		border: 1px solid #fff;
		border-radius: 49%;
		padding: 4px 7px;
		font-size: 22px;
	}
	.btn-close-popup {
		background: rgb(49 137 228 / 80%) !important;
	}
	.btn-close-popup span {
		float: right;
	}
	.btn-close-popup i{
		font-size: 25px;
	}
	.mobile_show li{
		background: #fff !important;
		border-bottom:1px solid #f2f2f2;
	}
	.mobile_show li a,.mobile_show li i{
		color: #333 !important;
		font-size: 15px !important;
	}
	#popup_manager_user .modal-mn-user{
		margin:0px;	
	}
	
	.content-mn-user{
		text-align:left;
		padding-bottom:0px;
		margin-top: 10px;
		
	}
	.content-mn-user ul{
		margin-bottom:0px;
	}
	.modal-mn-user a{
		margin:0px;	
	}
	.modal-mn-user .modal-content{
		border-radius: initial;
	}
	.content-mn-user li{
		
	}
	.modal-mn-user .modal-header{
		padding: 5px;
	}
	.modal-mn-user .modal-header i{
		font-size:24px;
	}
	.line-mm-user {
		margin: 5px 0px;
		height: 2px;
		margin-bottom:0px;
	}
	.mm-user-info{
		padding:2px 0px !important;
		text-align: center;
		text-transform: uppercase;
	}
	.mm-user-info a {
		font-size: 17px;
		font-weight: 500;
	}
	.mm-user-info:first-child a{
		text-transform: none;
	}
	.mm-user-tab{		
		margin: 0px -15px !important;
		background:#f9f9f9;
		padding-bottom:0px !important;
	}
	.mm-user-tab a {
		font-size: 15px;
		display: inline-block;
		padding: 8px 15px;
	}
	.icon-tab-right {
		float: right;
	}
	.icon-tab-right i {
		font-size: 24px;
		padding-right: 10px;
		font-weight: 600;
	}
	.frmChangePass .modal-footer,.frmChangeEmail .modal-footer{
		padding: 2px 15px;
		border-top: none;
		text-align: left;
		padding-bottom: 10px;
	}
	.mm-user-tab a{
		color:#333;
	}
	.content-mn-user .active a{
		background: #337ab7 !important;
	}
	.active a,.active .icon-tab-right i {
		
		color: #fff;
	}
	.frm-popup-config{
		margin-top:0px !important;
	}
	.frm-popup-config .div_msg {
		padding-bottom: 8px;
		color: #ff8d00;
	}
	.mobile_menu i.fa-home {
		font-size: 35px !important;
		padding: 5px;
	}
	.mm-user-tab a {
		width: 100%;
		background: #e5e5e5;
		margin-bottom: 5px;
		border-top: 1px solid #bcbcbc !important;
		border-bottom: 1px solid #bcbcbc !important;
	}
}