*{padding:0; margin:0}
html { scroll-behavior: smooth; }
body, footer span{font-family:helvetica neue,Helvetica,Arial,sans-serif; font-size:14px; line-height:160%}
input, select{border:1px solid #ccc; border-bottom:1px solid #999;padding:5px 4%; border-radius:20px; max-width:100%}
input, button, select, textarea{outline:none;margin:3px 0;}
h2, h3 {color: #266188; font-weight:normal!important; line-height:120%}
li{list-style:none}
a{text-decoration:none; color:#333; cursor:pointer}
a:visited{color:#266188}
.fl{float:left}
.fr, #offline-switch{float:right}
.p-a{position:absolute}
.p-r{position:relative}
.p-f{position:fixed}
.tc,.group-control{text-align:center}
.tj{text-align:justify}
.tl,.editorT{text-align:left}
.tr{text-align:right}
.fb{font-weight:bold}
.di, .view, .like, .share{display:inline-block; float:none}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt50{margin-top:50px}
.mb50{margin-bottom:50px}
.mt70{margin-top:70px}
.pa1{padding:5px 1%}
.bdr20{border-radius:20px}
.bdr5{border-radius:5px}
.bdb1{border-bottom:1px solid #ccc}
.w100,.ugr, .noidung table, .ten, .cauhoi-item, #anh{width:100% !important}
textarea{width:100%}
.w92{width:92%}
.w96{width:96%}
.w94{width:94%}
.w48{width:48%}
.pa3{padding:10px 3%}
.pa4{padding:10px 4%}
.pa2{padding:5px 2%}   
#popupT{min-height:180px; width:250px; background:#fff; border:1px solid #ccc; display:none; top:0px; position:fixed}
img{max-width:100%;}
footer{overflow:hidden}
.cf, .button{color:#fff}
.cg{color:#999}
.bf{background:#fff}
.bg{background:#f1f2f3}
.tid{width:135px; text-align:left; padding:0 10px}
.button, .button2, button, .close-ct{border-radius:20px !important}           
.button, button{padding:5px 10px; border:none;}
.button{margin:5px; display:inline-block}
.button, .dialog-close-button { background: #4d8ab3; cursor: pointer; font-size: 14px !important; color: #fff!important; padding: 4px!important; }
.an,#dragdiv,#dsA ul{display:none}
.button2{padding:0 10px; font-size:14px}
.footer, .button, button, .button2,.xemuser, header, footer{background-image:linear-gradient(2deg, #071b29, #266188); color:#fff}
.footer{padding-bottom:50px}
footer div{margin:0; padding:10px; color:#fff}
header, .ctsp{position:fixed !important}
header{height:50px; top:0; z-index:5;} 
header span{line-height:50px; color:#fff; text-transform:uppercase; padding:0 10px; font-size:23px}
.mw{width:1298px; max-width:100%}
.logo{margin:0px 0}
.dangnhap a{color:lightgreen; padding:5px}
.dangnhap{line-height:48px;}
.l-box{width:20%}
.l-box li{padding: 10px 4%; border-bottom: 1px dotted #ccc; float: left; width: 92%;}
.l-box a:last-child{width:12%;line-height:24px; text-align:center}
.l-box a:first-child{min-width:80%;text-align:left; float:left}
.l-box a:hover{font-weight:bold}
.r-box{width:80%}
.mb20{margin-bottom:20px}
.cdmn, .bvmn, .bvnldn, .bvnbln{width:98%; margin:5px 1%; border:1px solid #ccc; vertical-align:top; width: 98%; margin: 5px 1%; border: 1px solid #ccc; vertical-align: top; border-radius: 5px; overflow: hidden;}
h2{padding:5px 10px; text-align:left; background:#4d8ab3; color:#fff}
.CapNhat{padding:10px}
table{max-width:100%; border:none; border-spacing:0; overflow:hidden;}
td{padding:3px;border-top:1px solid #ccc;border-right:1px solid #ccc;}
td:last-child{border-right:none}
li{text-align:left; padding-left:10px}
li {padding: 10px; border-bottom: 1px dotted #ccc; }
#members li,#roles li{padding: 2px 5px 10px; float: left; background: #f2fbf0; border: 1px solid #bbc3e8; margin: 5px; border-radius: 5px;}
#dscauhoi .w100, #dsT .w100{border-top: 1px solid #ccc; padding: 5px 0px;}
.cauhoi-item{margin:5px 0;border-bottom: 1px dotted #ccc;padding-bottom:10px}
.cauhoi-item img{width:29%; padding-left:1%; float:left}
.cauhoi-item .cau{width:68%; margin-left:2%; float:left}
#kqc{margin:3px 10px; font-size:23px; color:orange}

#offline-switch{margin-top:15px;}
#offline-switch #offlineOnHeading {display: none;}
#offline-switch.checked #offlineOnHeading { display: inline; } 
#offline-switch.checked #offlineOffHeading { //display: none; } 
#offline-switch.checked {opacity: 1; font-style: inherit; } 
#offline-switch .switch { position: relative; display: inline-block; width: 30px; height: 17px; } 
.switch input { opacity: 0; width: 0; height: 0; } 
.switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } 
.switch .slider:before { position: absolute; content: ""; height: 13px; width: 13px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; } 
.switch input:checked + .slider { background-color: #2196F3; } 
.switch input:focus + .slider { box-shadow: 0 0 1px #2196F3; } 
.switch input:checked + .slider:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px); } 
/* Rounded sliders */ 
.switch .slider.round { border-radius: 34px; } 
.switch .slider.round:before { border-radius: 50%; }

.myhosting li{text-align:center; float:left}
#dsA li{font-weight:bold}
#dsA li li{font-weight:normal}
#dsA .delete, #dsA .edit{display:none!important}
#dsA ul ul li{padding: 5px 6%; border-bottom: none; float: left; width: 88%;}
#Esc, #Save{position:fixed; top:10px; right:10px; z-index:99}
#Save{top:50px; display:none}

.edit,.delete, .restore, .file, .folder,.setingA{width: 18px!important; height: 24px; line-height:24px; font-family:Glyphter; margin:0 5px; color:#999; border:1px solid #fff; padding:0 3px; border-radius:3px; cursor:pointer; text-align:center}
.edit:hover,.delete:hover,.restore:hover{font-size:16px;transition:.5s;}
.delete:hover{color:orange; border:1px solid orange;}
.edit:hover,.restore:hover, .setingA:hover{color:#99ca3b;border:1px solid #99ca3b;}
.folder{color:#99ca3b; margin:0 auto}

#dragdiv{position:fixed; animation: mymove 1s; z-index:9; background-color:#f1f1f1; border:1px solid #d3d3d3; border-radius:5px; resize: horizontal; overflow: auto;} 
#dragdivheader {cursor: move; z-index: 10; background-color: #266188; color: #fff; }
@keyframes mymove {from {top: 0px;}to {top: 80px;}}

.ugr li{border:none; float:left}
.button4{width: 20px; min-width: 20px; line-height: 20px; padding: 0!important; margin: 3px; text-align: center; font-family: tahoma;}
#searchMT{background: #356a8e; border: 1px solid #336486; color: #ccc; max-width:300px; position:fixed; top:10px; left:350px}
#dsanh li{border: 1px solid #ccc;border-radius: 5px; background:#fff}

#loadingT{width:100%; height:10000px; position:fixed; background:#fff; z-index:999999999999999999; top:0; left:0}
@keyframes myhide {from {opacity: 1;}to {opacity: 0;}}
.pathT:hover{color:orange}
#mediaT li{width:auto; position:relative}
#mediaT img{height:50px;border: 1px solid #ccc;}
#mediaT .delete{position: absolute; right: 10px; top: 10px;}
/*Menu*/
.logo{width:102px; max-width:15%}
#login{width:105px; max-width:15%}
.logo, #login{z-index:999; position:relative}
nav{z-index:888; line-height:30px; position:absolute; width:100%; left:0}
nav ul li{border:none; padding:10px; display:inline-block; font-weight:bold}
nav .button2{color:#eee}
nav .button2:hover{color:#fff}
/*End Menu*/
.radioboxT{border: 1px solid #ccc; margin: 3px; float: left; padding: 3px; border-radius: 5px; background:#fff}
.radioboxT:hover{background:#f2fbf0}
/*Page setup*/

/*End Page setup*/
@media (min-width: 1px) and (max-width: 1000px)
{
  .l-box,.r-box{width:96%; margin:10px 3%}
  header span{font-size: 14px; float: right!important; padding: 0; margin:0 3%; background: url(/menu.svg) top right no-repeat; background-size: 24px; padding-right: 30px; background-position-y: center;}
  .dangnhap{width:280px; display:none; background:#fff; color:#333; border:1px solid #266188; position:fixed; top:50px; right:0px; padding:5px}
  .dangky{top:109px;}
  .logo{margin-left:3%}
  .list,.dialog-container{width:100%!important;}
  .dialog-container{height:500px; margin:0!important}
  

}
@font-face{
  font-family:'Glyphter'; 
  font-style: normal; 
  src: url('https://demo.tafalo.com/assets/Glyphter.woff');
}