/*
	Create by https://nguyenlediep.com
*/

*{margin:0;padding:0;}
html,body{min-height:100%;/*background:#fff !important;*/font-size:13px !important;}
a{text-decoration:none;}
a:hover{color:#ffff00 !important;text-decoration:none !important;}
a,a:hover,h5,h5:hover,b,b:hover,.bod_aja_clo i,.bod_aja_clo i:hover,.use,.use:hover,.use_log_out,.use_log_out:hover,.use_box_top_ava,.use_box_top_ava:hover,.odd,.odd:hover,.even,.even:hover,.hom_lis,.hom_lis:hover,.hom_lis_chi section
{-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear;}
p{margin-bottom:8px;}
input:-moz-read-only{background-color:#f2f2f2;}
input:read-only{background-color:#f2f2f2;}
input{box-sizing:border-box !important;}
input:focus,select:focus,option:focus,textarea:focus,button:focus,option:hover{outline:0;outline-style:none;outline-width:0;}
input[type="submit"]:hover{color:#ffa507;}
input[type="search"]{-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;}
label{font-size:13px !important;margin-right:0px;}
/* ===== FRAME ===== */
.main_header{z-index:1;background:linear-gradient(#4a525d,#373c43);text-align:center;line-height:40px;padding:0 10px;color:white;text-shadow:#222 0px -1px 1px;position:fixed;transition:all 0.3s ease;}
.main_header a{position:absolute;left:10px;top:5;color:white !important;font-weight:bold;font-size:25px;}
.main_header a:hover{color:#ffff00 !important}
.main_nav{position:fixed;top:0;height:100%;background:#3b3b3b;overflow-y:auto;transition:width 0.3s ease;}
.main_nav i{font-size:14px !important;}
.main_nav a{text-transform:none;display:block;background:linear-gradient(#3e3e3e,#383838);border-top:1px solid #484848;border-bottom:1px solid #2e2e2e;padding:8px;font-weight:bold;color:#fff;}
.main_nav a:hover,.main_nav a:focus{background:linear-gradient(#484848,#383838);color:#ffff00;}
/*nav:after{content:"";position:absolute;top:0;right:0;height:auto;width:5px;background:linear-gradient(to right,rgba(0,0,0,0),rgba(255,0,0,0.3));}*/
.hom_lis{background:#fff;background-image:linear-gradient(to left,transparent,transparent 50%,#f5ffc4 50%,#fffb99);background-position:100% 0;background-size:200% 100%;color:#333;position:relative;float:left;margin:8px;-moz-box-shadow:0 0 3px #999;-webkit-box-shadow:0 0 3px #999;box-shadow:0 0 3px #999;border-radius:8px;}
.hom_lis:hover{background-position:0 0;-moz-box-shadow:0 0 12px #f09217;-webkit-box-shadow:0 0 12px #f09217;box-shadow:0 0 12px #f09217;}
.hom_lis span{position:absolute;right:0;padding:0 8px;border-radius:0 8px 0 8px;color:#fff;font-weight:bold;}
.hom_lis_chi{position:absolute;left:50%;top:50%;transform: translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);text-align:center;}
.hom_lis_chi b{font-size:44px;width:100%;clear:both;}
.hom_lis_chi section{font-size:15px;font-weight:bold;}
@media only screen and (min-width:1001px){
	.main_header{left:5%;width:calc(95% - 20px);}
	.main_nav{width:5%;}
	.main_nav a u,.main_nav p u{display:none;}
	.main_nav:target{width:15%;}
	.main_nav:target + .page_wrap{width:85%;}
	.main_nav:target + .page_wrap .main_header{width:calc(85% - 20px);left:15%;}
	.main_nav:target a{text-align:left;}
	.main_nav:target a i{float:left;margin-top:4px;margin-right:5px;width:15px;}
	.main_nav:target a u,.main_nav:target p u{display:inline-block;text-decoration:none;}
	.main_nav:target .pan sup{display:none;}
	.page_wrap{float:right;width:95%;transition:width 0.3s ease;}

	.hom_lis{width:calc(25% - 16px);height:200px;}
}
@media only screen and (max-width:1000px) and (min-width:701px){
	.main_header{left:10%;width:calc(90% - 20px);}
	.main_nav{width:10%;}
	.main_nav a u,.main_nav p u{display:none;}
	.main_nav:target{width:25%;}
	.main_nav:target + .page_wrap{width:75%;}
	.main_nav:target + .page_wrap .main_header{width:calc(75% - 20px);left:25%;}
	.main_nav:target a{text-align:left;}
	.main_nav:target a i{float:left;margin-top:4px;margin-right:5px;width:15px;}
	.main_nav:target a u,.main_nav:target p u{display:inline-block;text-decoration:none;}
	.main_nav:target .pan sup{display:none;}
	.page_wrap{float:right;width:90%;transition:width 0.3s ease;}

	.hom_lis{width:calc(33.3333% - 16px);height:175px;}
}
@media only screen and (max-width:700px){
	.main_header{left:0%;width:calc(100% - 20px);}
	.main_nav{width:0%;}
	.main_nav a u,.main_nav p u{display:none;}
	.main_nav:target{width:45%;}
	.main_nav:target + .page_wrap{width:55%;}
	.main_nav:target + .page_wrap .main_header{width:calc(55% - 0px);left:45%;}
	.main_nav:target a{text-align:left;}
	.main_nav:target a i{float:left;margin-top:4px;margin-right:5px;width:15px;}
	.main_nav:target a u,.main_nav:target p u{display:inline-block;text-decoration:none;}
	.main_nav:target .pan sup{display:none;}
	.page_wrap{float:right;width:100%;transition:width 0.3s ease;}

	.hom_lis{width:calc(50% - 16px);height:150px;}
}
.main_nav:target + .page_wrap .open_menu{display:none;}
.main_nav:target + .page_wrap .close_menu{display:block;transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);}
.main_nav .pan a,.main_nav .pan a i{font-weight:normal;font-size:12px;}
.main_nav .pan a sup{font-size:8px;font-weight:normal;}
.page_wrap .close_menu{display:none;}
.main_con{padding:46px 5px 10px 5px;}
a.nav_sub{cursor:pointer;text-align:left;transition:0.4s;}
a.nav_sub:after{content:'\002B';float:right;font-weight:bold;}
a.active{color:#ffff00 !important;}
a.nav_sub.active:after{content:"\2212";color:#ffff00 !important;font-weight:bold;}
section.pan{max-height:0;overflow:hidden;transition:max-height 0.2s ease-out;}
section.pan a{padding-left:25px;font-size:12px;}
.pan{height:150px;resize:none;overflow-y:auto;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}
.pan::-webkit-scrollbar,.main_nav::-webkit-scrollbar{height:5px;width:5px;}
.pan::-webkit-scrollbar-track,.main_nav::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(204,204,204,1);border-radius:1px;}
.pan::-webkit-scrollbar-thumb,.main_nav::-webkit-scrollbar-thumb{background-color:#434a53;border-radius: 1px;}
.adm_lin{height:40px !important;}
/* ===== POPUP ===== */
#bod_aja{z-index:1031;position:fixed;display:none;height:100%;width:100%;top:0;left:0;color:#fff;background-color:rgba(0,0,0,.5);text-align:center;font-size:13px;}
#bod_aja a{color:#333;}
#bod_aja_loa{left:50%;top:50%;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);position:absolute;z-index:1032;}       
@media only screen and (min-width:1200px){#bod_aja_loa{width:35%;}}
@media only screen and (max-width:1200px) and (min-width:1000px){#bod_aja_loa{width:40%;}}
@media only screen and (max-width:1000px) and (min-width:800px){#bod_aja_loa{width:45%;}}
@media only screen and (max-width:800px) and (min-width:600px){#bod_aja_loa{width:65%;}}
@media only screen and (max-width:600px){#bod_aja_loa{width:92%;}}
.bod_aja_clo{float:right;}
.bod_aja_clo i{font-weight:bold;font-size:20px !important;}
.bod_aja_loa_tit{z-index:1033;padding:10px;color:#fff;font-weight:bold;text-align:left;}
.bod_aja_loa_tit a i{color:#fff;}
.bod_aja_loa_mai{padding:10px;-moz-box-shadow:0 0 6px #999;-webkit-box-shadow:0 0 6px #999;box-shadow:0 0 6px #999;z-index:113;color:#333;background-color:#fff;}
.bod_aja_loa_mai_not{font-style:italic;font-size:12px;margin-top:10px;line-height:15px;}
.bod_aja_loa_tit a i:hover,#bod_aja a:hover{color:#ffff00;}
/* BUTTON */
.btn{padding:6px 8px;}
.btn_inl{display:inline-grid;}
.btn_suc{color:#ffffff !important;background-color:#28a745;border-color:#28a745;}
.btn_inf{color:#ffffff !important;background-color:#17a2b8;border-color:#17a2b8;}
.btn_war{color:#ffffff !important;background-color:#ffc107;border-color:#ffc107;}
.btn_dan{color:#ffffff !important;background-color:#dc3545;border-color:#dc3545;}
.btn_pri{color:#ffffff !important;background-color:#007bff;border-color:#007bff;}
.btn_sec{color:#ffffff !important;background-color:#6c757d;border-color:#6c757d;}
.btn_dar{color:#ffffff !important;background-color:#343a40;border-color:#343a40;}
.btn_lig{color:#212529 !important;background-color:#f8f9fa;border-color:#f8f9fa;}
.btn:hover{cursor:pointer;}
.btn_suc:hover{color:#ffffff !important;background-color:#218838;border-color:#1e7e34;}
.btn_inf:hover{color:#ffffff !important;background-color:#138496;border-color:#117a8b;}
.btn_war:hover{color:#ffffff !important;background-color:#e0a800;border-color:#d39e00;}
.btn_dan:hover{color:#ffffff !important;background-color:#c82333;border-color:#bd2130;}
.btn_pri:hover{color:#ffffff !important;background-color:#0069d9;border-color:#0062cc;}
.btn_sec:hover{color:#ffffff !important;background-color:#5a6268;border-color:#545b62;}
.btn_dar:hover{color:#ffffff !important;background-color:#23272b;border-color:#1d2124;}
.btn_lig:hover{color:#212529 !important;background-color:#e2e6ea;border-color:#dae0e5;}
/* ALERT */
.ale{padding:5px 8px;}
.ale_suc{color:#155724 !important;background-color:#d4edda;border-color:#c3e6cb;}
.ale_inf{color:#0c5460 !important;background-color:#d1ecf1;border-color:#bee5eb;}
.ale_war{color:#856404 !important;background-color:#fff3cd;border-color:#ffeeba;}
.ale_dan{color:#721c24 !important;background-color:#f8d7da;border-color:#f5c6cb;}
.ale_pri{color:#004085 !important;background-color:#cce5ff;border-color:#b8daff;}
.ale_sec{color:#383d41 !important;background-color:#e2e3e5;border-color:#d6d8db;}
.ale_dar{color:#1b1e21 !important;background-color:#d6d8d9;border-color:#c6c8ca;}
.ale_lig{color:#818182 !important;background-color:#fefefe;border-color:#fdfdfe;}
/* WIDTH */
.wid_10{width:10px !important;}
.wid_15{width:15px;}
.wid_20{width:20px;}
.wid_25{width:25px;}
.wid_30{width:30px;}
.wid_50{width:50px;}
.wid_60{width:60px;}
.wid_65{width:65px;}
.wid_70{width:70px;}
.wid_80{width:80px;}
.wid_100{width:100px;}
.wid_130{width:130px;}
.wid_145{width:145px;}
.wid_150{width:150px;}
.wid_180{width:180px;}
/* HEIGHT */
.hei_05{height:5px;display:block;}
.hei_15{height:15px;display:block;}
.hei_50{height:50px;display:block;}
/* BACKGROUND */
.bg_primary{background-color:#4285f4;}
.bg_dark{background-color:#3b3b3b;}
.bg_danger{background-color:#dc3545;}
.bg_warning{background-color:#ffc107;}
/* BORDER */
.bor_err{border:1px solid #ff0000;}
/* ALIGN */
.ali_cen{text-align:center;}
.ali_lef{text-align:left;}
.ali_rig{text-align:right;}
/* MARGIN */
.mar_10{margin:10px;}
.mar_top_10{margin-top:10px;}
.mar_bot_05{margin-bottom:5px;}
.mar_bot_10{margin-bottom:10px;}
/* PADDING */
.pad_08{padding:8px;}
.pad_10{padding:10px;}
.pad_08100410{padding:8px 10px 4px 10px;}
/* TEXT */
.tex_suc{color:#1e7e34;}
.tex_war{color:#ffc107;}
.tex_pri{color:#0062cc;}
.tex_dan{color:#bd2130;}
/* BREADCRUMB */
.ad_bre{margin-bottom:8px;font-size:14px;padding:7px;box-shadow: 0px 1px #e0e0e0;background-color:#f5ffc4;color:#0000ff;}
.ad_bre_lef{float:left;font-weight:bold;}
.ad_bre_lef i{font-size:16px;}
.ad_bre_rig{float:right;font-weight:normal;}
/* INPUT FILE */
.dat_tit{width:calc(100% - 50px);padding:8.5px 8px !important;}
.exten{width:50px;float:right;}
/* TABLE */
.col-sm-6{width:50%;float:left;}
.col-sm-6 .dataTables_length select{width:auto;height:35px !important;padding:0px 5px;font-size:14px;}
.col-sm-6 .dataTables_filter{text-align:right;}
.col-sm-6 .dataTables_filter input{width:calc(100% - 12px);height:35px !important;padding:0px 5px;font-size:14px;}
.col-sm-12 .dataTables_info{color:#bababa;}
.col-sm-12 .dataTables_paginate .pagination{padding:0px;margin-bottom:5px;margin-top:2px;font-weight:bold;}
.col-sm-12 .dataTables_paginate .pagination li *{margin:0px 3px 0px 0px;padding:1px 10px;border:1px solid #eaeaea;}
.col-sm-12 .dataTables_paginate .pagination li * i{border:none;padding:0px 2px;border-radius:3px;}
.col-sm-12 .dataTables_paginate .pagination a,.col-sm-12 .dataTables_paginate .pagination span{font-size:14px;color:#333;}
.col-sm-12 .dataTables_paginate .pagination a:hover,.col-sm-12 .dataTables_paginate .pagination a:hover i{background:#006699;color:#fff;}
.col-sm-12 .dataTables_paginate .pagination .active a{background:#006699;color:#fff !important;cursor:not-allowed;}
.sort_no{pointer-events:none !important;background:#f8f8f8 !important;text-align:center;}
.even{background:#f8f8f8;}
.odd:hover,.even:hover{background:#f8ffd6;cursor:pointer;}
.tab_mes .fa-check,.tab_mes .fa-lock{color:#1e7e34;}
.tab_mes .fa-ban{color:#dc3545;}
.tab_mes .fa-exclamation-triangle{color:#d39e00;font-size:10px !important;}
.use_tab .fa-unlock-alt{color:#28a745;}
.use_tab .fa-lock{color:#dc3545;}
.use_tab .fa-ban{color:#aa11aa;}
.tab_inp input,.tab_inp select{height:25px;padding:0 3px;font-size:12px;}
table{margin-bottom:5px;}
table a{color:#333;}
table a:hover{color:#f09217 !important;}
table thead .sorting_asc,table thead .sorting_desc,table thead .sorting{background-repeat:no-repeat;background-position:center right;cursor:pointer;}
table thead .sorting_asc{background-image:url("/home/img/ico/sort_asc.png");}
table thead .sorting_desc{background-image:url("/home/img/ico/sort_desc.png");}
table thead .sorting{background-image:url("/home/img/ico/sort_both.png");}
/* USER */
.use{float:right;width:30px;margin-top:-1.5px}
.use img{border-radius:50%;width:100%;-moz-box-shadow:0 0 6px #ffff00;-webkit-box-shadow:0 0 6px #ffff00;box-shadow:0 0 6px #ffff00;}
.use:hover{color:#ffff00;cursor:pointer;}
.use_loc{padding:5px;cursor:grab;}
.use_box{display:none;width:250px;min-height:100px;position:fixed;border:1px solid #999;z-index:999;top:0;margin-top:45px;right:0;margin-right:10px;-moz-box-shadow:0 0 6px #999;-webkit-box-shadow:0 0 6px #999;box-shadow:0 0 6px #999;background-color:#fff;}
.use_box_top{background:linear-gradient(#4a525d,#373c43);margin-top:-1px;margin-right:-1px;color:#fff;}
.use_box_top_ava{width:40px;height:40px;float:left;}
.use_box_top_ava img{width:100%;border-radius:50%;}
.use_box_top_ava:hover{border-radius:50%;-moz-box-shadow:0 0 6px #ffff00;-webkit-box-shadow:0 0 6px #ffff00;box-shadow:0 0 6px #ffff00;}
.use_box_top_inf{display:inline-block;text-align:left;margin-left:10px;width:calc(100% - 50px);}
.use_box_top_inf a{color:#fff;}
.use_box_top_inf_nam{font-weight:bold;font-size:15px;}
.use_box_top_inf_mai{font-size:11px;}
.use_box_top_inf_nam,.use_box_top_inf_mai{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.use_cha_inf,.use_cha_pas,.use_cha_his,.use_cha_bri{padding:0 5px 5px 0;border-bottom:1px dotted #eaeaea;margin-bottom:10px;}
.use_cha_inf i{width:32.2%;text-align:center;font-weight:bold;}
.use_box_bot a{color:#40454d;width:100%;}
.use_box_bot a:hover{color:#f09217 !important;}
#log_mes{margin-left:5px;}
#log_mes i{font-size:11px !important;}
#use_ava_cha{font-size:0px;border:none;padding-top:40px;padding-left:0px;padding-right:0px;padding-bottom:0px;position: absolute;margin-left:-40px;width:40px;height:40px;line-height:40px;background:transparent;-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;}
#use_ava_cha:hover{cursor:pointer;}
.use_ava_pop{z-index:1031;position:fixed;display:none;height:100%;width:100%;top:0;left:0;color:#fff;background-color:rgba(0,0,0,.5);text-align:center;font-size:13px;}
.use_ava_pop_bod{text-align:center;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);position:absolute;z-index:1032;}
.use_lef,.use_lef_inf{margin-right:15px;float:left;}
.use_lef{width:80px;}
.use_lef_inf{width:115px;}
.use_lef img{width:100%;}
.use_rig,.use_rig_inf{display:inline-block;text-align:left;}
.use_rig{width:calc(100% - 95px);}
.use_rig_inf{width:calc(100% - 130px);}
.use_rig_inf p{margin-bottom:3px;}
.use_rig_inf p i{width:18px;}
.use_rig i{width:15px;}
/* COPYRIGHT */
.copyright{text-align:center;color:#999;padding:8px 0;width:100%;clear:both;}
.copyright img{width:35px;height:35px;}
.copy_right{background-color:#f8f8f8;}
.copyright a{color:#999 !important;}
.copyright span{font-size:11px;}
/* ALL */
.clear{width:100%;clear:both;}
.line_dashed{border-top:1px dashed #eaeaea;}
.but_adm{padding-top:2px;padding-bottom:2px;}
.radio{margin-right:10px;display:inline-block;line-height:20px;}
.radio input{margin-right:3px;}
.fon_bol{font-weight:bold !important;}
@keyframes my_swi{
	0%{transform:rotate(0deg);}
	10%{transform:rotate(4deg);}
	20%{transition:rotate(8deg);}
	30%{transform:rotate(-4deg);}
	40%{transform:rotate(0deg);}
	50%{transform:rotate(4deg);}
	60%{transform:rotate(8deg);}
	70%{transform:rotate(0deg);}
	80%{transform:rotate(-8deg);}
	90%{transform:rotate(-4deg);}
	100%{transform:rotate(0deg);}
}
a:hover i,.but_adm:hover i,.use_log_out:hover i,.use:hover,.cr-rotate-l:hover i,.cr-rotate-r:hover i{animation:my_swi 0.8s;animation-iteration-count:infinite;}

/*
	Create by https://nguyenlediep.com
*/