/*** HOC TAP ****/
.clear{clear:both !important}
.bg-main{background:#fafafa;}
.viettel-tab-name{border:1px solid #e5e5e5;background:#fff;margin:15px;}
.viettel-tab-name .head{padding:0 10px; line-height:32px; color:#0072BB; font-weight:bold}
.viettel-tab-name .vsContainerRight{padding:15px;}
.vsContainerLeft{padding:10px}

.window_icon {cursor: pointer;display: none;padding:3px 8px; background:#e5e5e5; border:1px solid #d5d5d5;border-radius:3px;}
.full_menu {position: fixed;top: 0px;left: 0px;z-index: 1000;background: #ddd;width: 30%;}
.full_player { position: fixed;top: 0px;left: 0px;z-index: 999;background: #ddd;width: 90%;}
.normal_player { position: fixed;z-index: 1000;top: 3px;right: 3px;display: none;}
.note-dialog {position: absolute; right: 0;width: 250px;height: 200px; border: 1px solid #ccc;display: none;}
.note-text {width: 100%;height: 100%;border: 0;padding: 5px;background: #F8F4C3 url('/STATIC/images/ynxjD.png');line-height: 25px;outline: none;}
.tick-icon {position: absolute;top: 60px;width: 50px;right: 100px;display: none;}
.menukhoahoc{padding:5px 15px;}
.menukhoahoc li{display:block; list-style-type:none;}
.menukhoahoc li i{width:20px;}
.menukhoahoc li a{font-size:12px;color:#111;}
.menukhoahoc li a:hover{color: #31add1; text-decoration:none}
.tnbreadcrum{margin-bottom:15px;}
.tnbreadcrum .Breadcrumb{background:none; border:none; color:#555;padding:8px; margin:0;font-size:11px}
.tnbreadcrum .Breadcrumb:hover{color:#e28e36;text-decoration:none}
.tnbreadcrum span{font-weight:bold;}
.dnnBodyContent{padding-top:50px;}
.xcontent, .Edit_Head{padding:10px;}

.menukhoahoc{padding:5px 15px;}
.menukhoahoc li{display:block; list-style-type:none;}
.menukhoahoc li i{width:20px;}
.menukhoahoc li a{font-size:12px;color:#111;}
.menukhoahoc li a:hover{color: #31add1; text-decoration:none}

/********** USER PROFILE **********/
.tn-userprofile .userinfo{background:#d6f3f1}
.no-padding{padding:0}
.tn-userprofile .userinfo .nav > li > a {display: block;padding:5px 10px;position: relative;font-weight:600;font-size:14px; text-transform:uppercase}
.tn-userprofile .userinfo .nav-tabs > li > a {border-radius:0;margin-right: 2px;border:0}
.tn-userprofile .userinfo .nav-tabs > li.active > a,
.tn-userprofile .userinfo .nav-tabs > li.active > a:focus, 
.tn-userprofile .userinfo .nav-tabs > li.active > a:hover {border:0; border-bottom:2px solid #0072BB;color: #555;background:none}
.tn-userprofile .userinfo .nav-tabs{border-bottom:1px solid #d5d5d5}
.tn-userprofile .userinfo .nav-tabs > li > a:hover {border:0; background:none}
.tn-userprofile .userinfo .medal-list .xcontent ul{margin:0; padding:0}
.tn-userprofile .userinfo .medal-list .xcontent ul li{list-style-type:none;margin-bottom:5px; font-weight:600}
.tn-userprofile .userinfo .user-name{font-weight:600;font-size:15px; margin-right:15px;}
.tn-userprofile .userinfo .user-displayname{font:italic 12px/18px "Segoe UI", Helvetica; color:#333}
.tn-userprofile .userinfo .type-drop-1 .btn{background:none transparent; border:none; margin:0 ;padding:0;font-weight:600;font-size:12px}
.tn-userprofile .userinfo .type-drop-2 .btn{background:none transparent; border:none; margin:0 ;padding:5px 0;font-weight:600;font-size:12px; color:#0072BB; border-bottom:1px solid #0072BB; border-radius:0; margin-bottom:5px;}
.tn-userprofile .userinfo .form-group{margin-bottom:5px;}
.tn-userprofile .userinfo .xtitle{font-weight:600; font-size:12px;}
.tn-userprofile .usernotify{border-top:1px solid #d5d5d5;} 

/********* LOGIN ********/ 
.tn-login .form-login .xtitle{font-weight:600;color:#666; margin-bottom:8px;display:block}
.tn-login .form-login .btn{font-size:14px; font-weight:700; text-transform:uppercase; padding:10px 50px;}

/********* MAILS ********/
.tn-mails .user-text{font-weight:600; font-size:14px;}
.tn-mails .date{font-style: italic; font-size:12px;}
.tn-mails .xlink{color:#333;text-decoration:none;font-weight:600}
.tn-mails .xlink:hover{color:#1691b3}

/********* PERSONAL ********/
.tn-personal .tablist .nav-tabs{border:1px solid #d5d5d5; padding:10px; background:#f3f3f3;}
.tn-personal .tablist ul.nav li{width:100%; float:left; margin:0;border:0; border-radius:3px; background:transparent}
.tn-personal .tablist .nav-tabs > li > a {border: 0; border-radius:3px;margin: 0;}
.tn-personal .tablist .nav-tabs > li.active > a, .tn-personal .tablist .nav-tabs > li.active > a:focus, .tn-personal .tablist .nav-tabs > li.active > a:hover {border:0;border-radius:3px;color: #fff; cursor: default;background:#31add1}

.tn-personal .tableheader{color:#333; font-weight:600;background:#ccc}
.tn-personal .xlink{font-weight:600; color:#555;text-align:justify}
.tn-personal .xlink:hover{text-decoration:none; color:#1691b3}

/********* SETTING PROFILE ********/
.tn-settingprofile .xheading{font-size:32px; color:#0072BB; line-height:46px; width:100%; display:block; margin-bottom:10px; font-weight:200; border-bottom:1px inset #0072BB}
.tn-settingprofile .form-group{margin-bottom:10px;display:block; float:left; width:100%}
.tn-settingprofile .form-group .label-control{margin-bottom:5px;display:block; width:100%}
.tn-settingprofile .xlink{font-weight:600; color:#555;text-align:justify}
.tn-settingprofile .xlink:hover{text-decoration:none; color:#1691b3}
.tn-settingprofile .xnotify{font-weight:600; margin-bottom:10px;}
.tn-settingprofile .xcheck-item{margin-bottom:5px;}
.tn-settingprofile .xcheck-item span{color:#555;}
.tn-settingprofile .line-2px{height:5px; margin-bottom:10px; border-bottom:2px solid #d5d5d5; width:100%}