*{padding:0; margin:0}
body, footer span{font-family:helvetica neue,Helvetica,Arial,sans-serif; font-size:14px; line-height:160%}
input{border:1px solid #ccc; border-bottom:1px solid #999}
input, button, select{outline:none;}
h2, h3 {color: #266188; font-weight:normal!important; line-height:120%}
li{list-style:none}
a{text-decoration:none; color:#333}
a:visited{color:#266188}
.fl{float:left}
.fr, #offline-switch{float:right}
.tc,.group-control{text-align:center}
.tj{text-align:justify}
.tl{text-align:left}
.tr{text-align:right}
.fb{font-weight:bold}
.di, .view, .like, .share{display:inline-block; float:none}
.an{display:none}
.mt20{margin-top:20px}
.mt50{margin-top:50px}
.mb50{margin-bottom:50px}
.mt70{margin-top:70px}
.bdr20{border-radius:20px}
.bdr5{border-radius:5px}
.bdb1{border-bottom:1px solid #ccc}
.w100, .noidung table, .ten, .cauhoi-item{width:100% !important}
.w92{width:92%}
.w96{width:96%}
.w48{width:48%}
.pa3{padding:3%}
.pa4{padding:4%}
.pa2{padding: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}
.tid{width:135px; text-align:left}
input{padding:5px 4%; border-radius:20px; max-width:100%}
.button, button, .close-ct{border-radius:20px !important}           
.button, button{padding:5px 10px; border:none; cursor:pointer}
.button{margin:5px; display:inline-block}
.button, .dialog-close-button { background: #4d8ab3; cursor: pointer; font-size: 14px !important; color: #fff!important; padding: 4px!important; }
.footer, .button, button, .xemuser, header, footer{background:#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:1;} 
header span{line-height:50px; color:#fff; text-transform:uppercase; padding:0 10px; font-size:23px}
.mw{width:1168px; max-width:100%}
.logo{margin:7px 0}
.dangnhap a{color:lightgreen; padding:5px}
.dangnhap{line-height:48px;}
.l-box{width:20%}
.r-box{width:80%}
.mb20{margin-bottom:20px}
.cdmn, .bvmn, .bvnldn, .bvnbln{width:98%; margin:5px 1%; border:1px solid #ccc; vertical-align:top}
h2{padding:5px 10px; text-align:left; background:#4d8ab3; color:#fff}
.CapNhat{padding:10px}
table{max-width:100%; border-top:1px solid #ccc;border-left:1px solid #ccc; border-spacing:0; overflow:hidden}
td{padding:3px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
li{text-align:left; padding-left:10px}
li {padding: 10px; border-bottom: 1px dotted #ccc; }
#dscauhoi{padding:10px}
#dscauhoi .w100{margin: 5px 0}
.cauhoi-item{margin:5px 0;}
.cauhoi-item img{width:30%; 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%; }

.edit,.delete, .restore{width: 20px; 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{color:#99ca3b;border:1px solid #99ca3b;}
@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}

}