@charset "utf-8";
@import url(animate.css);
body{font:14px "Prompt";background:#fff;color:#4d5055}
body>.container{position:relative;padding:0}
*, ul, ol, * li{padding:0;margin:0;list-style-type:none}
h1, h2, h3, h4, h5, h6{font-family:"Prompt", tahoma, Arial, sans-serif;font-weight:500; margin:0;line-height:normal}.sw-nav
a{color:#4d5055}
a:hover{color:#666;text-decoration:none}
a:focus{text-decoration:none}
img{max-width:100%}
fieldset{border:none;margin:0;padding:0}
address{font-style:normal}
/*header*/
/*[id="gb-header"]{font:14px "Prompt"}
[id="gb-footer"],[id="gb-footer"] *:not([class*="fa"]){font-family:"Prompt"}
[id^="gb-"] .hid{display:none}
[id^="gb-"] .btn:active,[id^="gb-"] .btn.active,[id="gb-header"] .form-control{box-shadow:none;webkit-box-shadow:none}*/
/*header*/
[id="gb-header"]{position:relative;z-index:199;background:#4381D6}
[id="gb-header"] [class*="logo"]{padding:0;margin:0;position:relative;max-width:250px;max-height:100px}
[id="gb-header"] [class*="logo"] a,[id="gb-header"] [class*="logo"] a span{position:relative;display:block;width:100%;height:100%;text-indent:-9999px;z-index:2}
[id="gb-header"] [class*="logo"] a{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}
[id="gb-header"] [class*="logo"] img{position:relative;z-index:1;max-height:100px;max-width:100%}
.main-nav{position:relative;background:none;z-index:199}
.main-nav>ul{margin:0 auto;padding:0}
.main-nav>ul>li{position:relative;font-family:"Prompt"}
.main-nav>ul>li>a{display:block;color:#434343;padding:15px 10px;font-size:14px;font-weight:200; line-height:22px;text-decoration:none}
.main-nav>ul>li>a>i{color:#d23c44;vertical-align:bottom}
.main-nav>ul>li.icon>a>i img{border-radius:5em;-webkit-border-radius:5em}
.main-nav>ul>li>ul{display:none;visibility:hidden}
.main-nav>ul>li ul>li{padding:5px 10px}
[id="gb-header"] [class*="btn-nv"]{position:absolute;top:0;right:0;display:none;width:50px;height:50px;text-align:center;line-height:50px;color:#555;font-size:30px}
[id="gb-header"] [class*="btn-nv"] a{display:block;height:100%;color:#555}
[id="gb-header"] [class*="btn-nv"] span{position:absolute;display:block;width:60%;height:2px;top:30%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);background:rgba(255, 255, 255, 0.95);transition:.4s all ease;-webkit-transition:.4s all ease}
[id="gb-header"] [class*="btn-nv-m"] span:nth-child(2){top:50%}
[id="gb-header"] [class*="btn-nv-m"] span:nth-child(3){top:70%}
.expand [id="gb-header"] [class*="btn-nv-m"] a{background:rgba(255,255,255,0.3)}
.expand [id="gb-header"] [class*="btn-nv-m"] a span{background:rgba(200, 200, 200, 0.95)}
.expand [id="gb-header"] [class*="btn-nv-m"] span:nth-child(2){display:none}
.expand [id="gb-header"] [class*="btn-nv-m"] span:nth-child(1){top:50%;left:20%;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.expand [id="gb-header"] [class*="btn-nv-m"] span:nth-child(3){top:50%;left:20%;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.sw-nav{position:relative;text-align:center}
.sw-nav>a{text-decoration:none;display:block;float:right}
.sw-nav>a.btn.active:before{content:"";display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.5)}
/*.sw-nav>a>i{display:block;width:60px;height:60px;font-size:32px;line-height:60px;text-align:center;color:#434343}*/
[id="gb-header"] .sw-nav .form-control{display:none;position:absolute;top:100%;right:10px;width:400px;border:none;height:auto}
/*[role*="search"] .form-control form{position:relative;background:#58b499;border:10px solid #58b499;padding:0;border-radius:5em 0 5em 5em;-webkit-border-radius:5em 0 5em 5em}
[role*="search"] .form-control form #auto-search{display:block;width:100%;height:30px;border:none;padding:0 40px 0 10px;color:#434343;border-radius:5em;-webkit-border-radius:5em}
[role*="search"] .form-control form #btn-search{position:absolute;top:0;right:0;display:block;width:30px;height:30px;padding:0;text-align:center;background:#eaeaea;border:none;color:#636363;font-size:16px;line-height:30px;border-radius:5em;-webkit-border-radius:5em}*/
[id="gb-header"] .fix-r{position:relative;}
[id="gb-header"] .fix-r a{position:relative;display:inline-block;padding:15px 5px; font-size:16px; font-weight:500; color:#fff; line-height:30px; text-decoration:none;vertical-align:middle}
[id="gb-header"] .fix-r a .ic-noti{ position:absolute;top:12px; right:-5px; display:block;width:12px; height:12px; background:url("../di/icon-noti.png") 50% 50% no-repeat #fff; background-size:115% auto;border-radius:100%}
[id="gb-header"] .fix-r a.avatar img{ display:inline-block; max-width:40px; border-radius:100%;-webkit-border-radius:100%}
[id="gb-header"] .fix-r a.point{border-radius:2em;-webkit-border-radius:2em;overflow:hidden}
[id="gb-header"] .fix-r a.point>*{display:inline-block; background:#FFC10C;color:#333;font-size:11px; height:30px; padding:0 10px; border-radius:2em 0 0 2em}
[id="gb-header"] .fix-r a.point>em{font-style:normal; background:#fff;color:#C94949;border-radius:0 2em 2em 0}
[id="gb-header"] .drop-user{ position:absolute;top:100%;right:2px; left:0; padding:3px 10px 10px; background:#fff; box-shadow:0 3px 3px rgba(0,0,0,0.2); border-radius:0 0 1em 1em; /*background:url("../di/bg_drop_menu.png") 50% 100% no-repeat; background-size:100% auto;*/}
[id="gb-header"] .drop-user:before,[id="gb-header"] .drop-user:after{ content:"";display:block; width:22px; height:100%; position:absolute; top:3px; background:url("../di/bg_drop_menu.png") 0 -5px no-repeat; background-size:auto 108%; box-shadow:none;}
[id="gb-header"] .drop-user:before{left:-22px;}
[id="gb-header"] .drop-user:after{ right:-22px; background-position:100% -5px}
[id="gb-header"] .drop-user>b{display:block;white-space:nowrap; text-overflow:ellipsis; color:#000}
[id="gb-header"] .drop-user.sub-m{ z-index: 99}
[id="gb-header"] .drop-user.sub-m ul{padding-top: 10px}
[id="gb-header"] .drop-user.sub-m ul>li{text-align: left}
[id="gb-header"] .drop-user.sub-m ul>li>a{display: block;padding: 0; color: #333;font-weight: 200;}
[id="gb-header"] .drop-user.sub-m ul>li>a>i{display: inline-block; width: 20px; text-align: center;font-size: 16px; margin-right: 5px; color: #999}
[id="gb-header"] .list-journal{ margin:5px -10px -10px;border-radius:0 0 .8em .8em;overflow:hidden}
[id="gb-header"] .list-journal>li{background:#f0f5f9;display:flex; flex-flow:row nowrap;line-height: 16px; align-items: center;margin-bottom:3px; text-align:center}
[id="gb-header"] .list-journal>li.head,
[id="gb-header"] .list-journal>li.head>*:first-child{background:#fff;color:#1B67B2;font-size:11px;}
[id="gb-header"] .list-journal>li.head>*{padding:0; text-align:center}
[id="gb-header"] .list-journal>li>*{font-size:12px; height: 26px;padding:5px; line-height:16px;display: inline-flex; align-items: center;justify-content: center;flex-basis: 33.33%;max-width:33.33%;}
[id="gb-header"] .list-journal>li>span{color:#000!important}
[id="gb-header"] .list-journal>li>*:first-child{background:#1B67B2; color:#fff!important}
[id="gb-header"] .list-journal>li:last-child{margin-bottom:0}
[id="gb-header"] .list-journal>li:last-child>*:first-child{border-radius:0 0 0 0.8em}
[id="gb-header"] .list-journal>li:last-child>*:lasr-child{border-radius:0 0 0.8em 0}

@media (min-width:993px){
body{padding-top:78px}
[id="gb-header"]{position:absolute;top:0;left:0;right:0;z-index:199;border-bottom:4px solid #fff; box-shadow:0 3px 3px rgba(0,0,0,0.2)}
[id="gb-header"].fixed{position:fixed;animation:sd-InDown .25s 1 linear!important;box-shadow:0 2px 3px rgba(0,0,0,0.3)}
[id="gb-header"].fixed .main-nav>ul[id="secondary-nav"]{display:none}
[id="gb-header"].fixed [class*="logo"] img{max-height:35px}
[id="gb-header"].fixed .main-nav > ul > li > a{padding-top:7px; padding-bottom:7px;}
[id="gb-header"].fixed .fix-r a{padding-top:2px; padding-bottom:2px;}
[id="gb-header"].fixed .fix-r a .ic-noti{top:0}
[id="gb-header"]>.container{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;padding:0}
[id="gb-header"]>.container{position:relative}
[id="gb-header"] [class*="logo"]{max-width:150px}
[id="gb-header"] [class*="logo"] img{display:block;margin:0 auto;max-height:110px;}
.main-nav{}
.main-nav>ul{display:flex;flex-flow:row wrap;justify-content:center;}
.main-nav>ul>li{position:relative;flex-basis:auto !important;flex-grow:0 !important}
.main-nav>ul>li.home{display:none}
.main-nav>ul>li>a{color:#fff;font-size:16px; padding:20px; font-weight:500; line-height:30px}
/*.main-nav>ul[id="nav-drop"]>li:first-child>a{padding-left:0}
.main-nav>ul[id="nav-drop"]>li:last-child>a{padding-right:0}*/
.main-nav>ul>li>a:hover,.main-nav>ul>li>a.selected{background:#fff; color:#4381D6}
.main-nav>ul>li>ul{position:absolute;top:100%;left:0;width:200px;padding:0;background:#fff;color:#fff;box-shadow: 0 3px 3px rgba(0,0,0,0.3)}
.main-nav>ul>li:hover>ul{display:block;visibility:visible}
/*.main-nav>ul>li>ul:after{content:"";display:block;position:absolute;top:-9px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);border-bottom:10px solid #434a54;border-left:10px solid transparent;border-right:10px solid transparent}*/
.main-nav>ul>li>ul li{padding:10px 15px;border-bottom:1px solid #f0f0f0}
.main-nav>ul>li>ul li>a{display:block;color:#434a54}
.main-nav>ul>li>ul li>a:hover{color:#3b89de;text-decoration:none}
.main-nav>ul>li>ul ul{display:none;position:absolute;width:200px;padding:0;top:0;left:100%;background:#434a54;color:#fff;margin-left:0;z-index:9}
.main-nav>ul>li>ul li:hover>ul{display:block;margin:0}
.main-nav>ul>li.sub .sw{display: none}
[id="gb-header"].fixed .drop-user{display:none!important}
[id="gb-header"].fixed .drop-user.sw{display:block!important}
}
@media (max-width:1600px){
[id="gb-header"] [class*="logo"]{max-width:120px}
.main-nav>ul>li>a{padding:20px 15px}
/*[id="gb-header"] .fix-r > a{padding:8px 10px}*/
}
@media (max-width:1169px){
[id="gb-header"] [class*="logo"]{max-width:80px}
.main-nav>ul>li>a{padding:20px 10px;font-size:14px;}
[id="gb-header"] .fix-r a{padding:15px 5px;font-size:14px;}
}
@media (max-width:992px){
body{padding-top:50px}
body.expand{overflow:hidden;max-height:100vh}
[id="gb-header"]{position:fixed;top:0;left:0;right:0;/*position:relative;background:#fff;*/z-index:201;height:50px}
[id="gb-header"] [class*="logo"]{margin-left:10px;width:100px;height:50px;max-width:100px;}
[id="gb-header"] [class*="logo"] img{max-height:50px;vertical-align:sub;display:inline-block}
.main-nav{z-index:202}
.expand .main-nav{z-index:auto;display:block}
.expand .main-nav:after{content:"";display:block;position:fixed;top:0;left:0;right:0;bottom:0; background:rgba(0,0,0,0.5); z-index:-1}
[id="gb-header"] [class*="btn-nv"]{display:block}
[id="gb-header"]>.container{display:flex;flex-flow:column wrap}
[id="gb-header"]>.container>[id="navigation"]{order:2;max-height: calc(100vh - 310px);overflow: auto;overflow-x: hidden}
.main-nav>ul{display:none!important;visibility:hidden;/*position:fixed;top:50px;right:0;bottom:0;*/width:100%;max-width:480px;overflow:auto;background:#fff;z-index:199}
.expand .main-nav>ul{display:block!important;visibility:visible!important}
/*.main-nav>ul>li:after{content:"\f054";display:block;position:absolute;top:8px;right:5px;width:40px;height:42px;color:#e1e1e1;font:900 32px/42px "Font Awesome 5 Free";text-align:center;z-index:-1}
.main-nav>ul>li.sub:after{content:"\f078"}
.main-nav>ul>li.sub:hover:after,.main-nav>ul>li.sub.active:after{transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}*/
/*.main-nav>ul>li.home{margin-top:175px}*/
.main-nav>ul>li{padding:0;border-bottom:1px solid #4381D6;text-align:center}
.main-nav>ul>li>a{padding:15px 10px;}
.main-nav>ul>li>a.selected{background:#4381D6;color:#fff}
.main-nav>ul>li.sub{position: relative;}
.main-nav>ul>li.sub .sw{display: block;position: absolute; top: 0; right: 0; text-align: right; width:100%}
.main-nav>ul>li.sub .sw i{display: block;float: right;width: 50px; height: 50px; text-align: center;line-height: 50px; color: #a0a0a0}
.main-nav>ul>li.sub .sw.active i{transform: rotate(180deg);-webkit-transform: rotate(180deg)}
.main-nav>ul>li.sub .selected + .sw i{color: #fff}
.main-nav>ul>li.show>ul{display:block!important;visibility:visible!important}
.main-nav>ul>li>ul>li{position: relative;text-align: left;padding:10px 10px 10px 15%;border-top:1px dotted #ddd}
.main-nav>ul>li>ul>li:before{content: "";display: block;position: absolute; top:18px; left:10%; width: 7px; height: 7px; border-radius: .2em;-webkit-border-radius: .2em;background: #4381D6}
/*.main-nav>ul>li.sub>ul{display:none!important}
.main-nav>ul>li.sub>ul{display:none!important}
.main-nav>ul>li.sub:hover>ul,.main-nav>ul>li.sub:active>ul,.main-nav>ul>li.sub:focus>ul{display:block!important}
.main-nav>ul>li.sub>ul>li{border-left:3px solid #3b89de;margin-left:17px}
.main-nav>ul>li.sub>ul>li ul>li{position:relative}
.main-nav>ul>li.sub>ul>li ul>li:before{content:"";display:inline-block;width:7px;height:7px;background:#3b89de;vertical-align:middle;margin-right:10px}*/
.main-nav>ul>li ul>li>a{color:#434a54}
.sw-nav{height:50px;position:absolute;top:0;right:50px;z-index:699}
.sw-nav>a>i{width:50px;height:50px;font-size:24px;line-height:50px;color:#04728d}
.sw-nav>a.btn.active:after{content:"X";display:block;position:fixed;top:0;right:0;width:50px;height:50px;background:#fff;color:#979797;font-size:32px;font-weight:200;line-height:50px;text-align:center}
[id="gb-header"] .sw-nav .form-control{top:0;right:0;width:calc(100vw - 50px)}
[role*="search"] .form-control form{border-radius:0;-webkit-border-radius:0}
[id="gb-header"] .fix-r{display:none; visibility:hidden; position:relative;top:auto;left:auto;right:auto;height:auto;/*position:absolute;top:50px;left:0;right:0;*/text-align:left;z-index:199;background:#fff;order:1}
.expand [id="gb-header"] .fix-r{display:block;visibility:visible}
[id="gb-header"] .fix-r a{padding:0px 10px}
[id="gb-header"] .fix-r a .ic-noti{top:0}
[id="gb-header"] .fix-r>a{display:block;width:100%;background:#4381D6;color:#fff; text-align:center}
[id="gb-header"] .fix-r .gp-user{text-align:center;background:#4381D6;padding:5px 0}
[id="gb-header"] .fix-r .drop-user{top:auto;position:relative;right:auto;left:auto;text-align:center}
}
@-webkit-keyframes sd-InDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes sd-InDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
/*footer*/
[id="gb-footer"]{position:relative;z-index:399;padding:15px 10px;border:none;color:#fff;background:#595957;font-size:14px;margin:0}
[id="gb-footer"] .copyright{text-align:center;color:#fff;font-size:12px; margin:0;}

/*home*/
body>[class*="page-"]{min-height:calc(100vh - 135px)}
body>[class*="page-"]>[id="toc"]{min-height:calc(100vh - 265px)}
body>[class*="page-"]>[id="toc"]{padding-bottom:20px; position:relative;padding-top:20px; background:url("../di/bg-image-top.jpg") 50% 0 no-repeat #f2f2f2;background-size:cover}
body>[class*="page-"][class*="bg-none"]>[id="toc"]{background:none}
.cover-hd{position:relative; display:flex;flex-flow:row wrap; height:135px; margin-bottom:0; background:url("../di/bg-header-dashboard.png") 50% 50% no-repeat; background-size:cover;}
/*.page-dashboard .cover-hd,.page-setting .cover-hd{ background-image: url("../di/bg-header-dashboard.png")}*/
.page-training .cover-hd{background-image: url("../di/bg-header.png")}
.page-history .cover-hd{ background-image: url("../di/bg-header-history.png")}
.page-noti .cover-hd{ background-image: url("../di/bg-header-noti.png")}
.page-course .cover-hd{ background-image: url("../di/bg-header-course.png")}
.page-profile.db .cover-hd,.page-booking .cover-hd{ background-image: url("../di/bg-header-db.png")}

.cover-hd>*{flex-basis:100%; max-width:100%}
.cover-hd .crumb{position:absolute;top:50%; left:10px; transform:translateY(-100%);-webkit-transform:translateY(-100%)}
.cover-hd .crumb *{display:inline-block;vertical-align:middle; font-weight:400; color:#333; margin:0 5px}
.cover-hd .crumb a{text-decoration:none;}
.cover-hd .crumb a:first-child{margin-left:0}
.cover-hd .crumb a:hover{text-decoration:underline}
.cover-hd .sub-nav{align-self:flex-end;}
.cover-hd .sub-nav>ul{display:flex;flex-flow:row nowrap;overflow:auto}
.cover-hd .sub-nav>ul>li{margin-right:15px;}
.cover-hd .sub-nav>ul>li>a{display:block;padding:10px 20px 2px; font-size:16px; color:#000; border-bottom:3px solid #A0A0A0;text-decoration:none;white-space:nowrap}
.cover-hd .sub-nav>ul>li>a:hover{border-bottom-color:#C94949}
.cover-hd .sub-nav>ul>li>a.active{color:#C94949; border-bottom-color:#C94949}
[id="toc"] [class^="sec-"]{padding:5vh 0}
[id="toc"] [class^="sec-"]:first-child{padding-top:0}
[id="toc"] [class^="z-"]{position:relative;clear:both; margin-bottom:20px}
[id="toc"] [class^="z-"][class^="last"]{margin-bottom:0}
[id="toc"] [class^="z-"]:after{content:"";display:block;clear:both}

[class*="ui-btn"]{padding:7px 20px;font-size:13px;min-width:140px;text-align:center;border-radius:5em;-webkit-border-radius:5em;transition:.2s all ease-in-out;-webkit-transition:.2s all ease-in-out;box-shadow:none;background:url(../di/effect-button.png) 100% 60% no-repeat;background-size:100%;transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out}
[class*="ui-btn"][class*="-min"]{min-width:50px;padding-left:8px;padding-right:8px}
[class*="ui-btn"][class*="-sq"]{border-radius:0;-webkit-border-radius:0}
[class*="ui-btn"][class*="green"]{background-color:#25B256}
[class*="ui-btn"][class*="green2"]{background-color:#19CBBD}
[class*="ui-btn"][class*="blue"]{background-color:#4381D6}
[class*="ui-btn"][class*="yellow"]{background-color:#FFC10C;color:#1C2E56}
[class*="ui-btn"][class*="red"]{background-color:#C94949;color:#fff}
[class*="ui-btn"][class*="orange"]{background-color:#EF5026;color:#fff}
[class*="ui-btn"][class*="gray"]{background-color:#efefef; border:1px solid #D7DAE2;color:#333}
[class*="ui-btn"][class*="gray2"]{background-color:#a0a0a0; border:none;color:#fff}
[class*="ui-btn"][class*="darkgray"]{background-color:#333;color:#fff}
[class*="ui-btn"][class*="border"]{background-color:#fff;color:#2572b2;border:1px solid #d7dae2}
[class*="ui-btn"][class*="border"]:hover{color:#2572b2;border:1px solid #2572b2}
[class*="ui-btn"]:hover{box-shadow:0 -4px 0 rgba(0,0,0,0.1) inset;background-position:100% 50%;border-color:transparent}
/*[class*="ui-btn"] [class*="fa"]{vertical-align:sub}*/
#toc .t-white,.t-white{color:#fff}
#toc .t-green,.t-green{color:#16748d}
#toc .t-blue,.t-blue{color:#4381D6}
#toc .t-blue2,.t-blue2{color:#2572B2}
#toc .t-midblue,.t-midblue{color:#1C2E56}
#toc .t-orange,.t-orange{color:#ee4d2d}
#toc .t-gray,.t-gray{color:#434343}
#toc .t-gray2,.t-gray2{color:#808080}
#toc .t-black,.t-black{color:#000}
#toc .t-red,.t-red{color:#C94949}
.txt-box,.select-box,.txt-area{display:inline-block;padding:5px 10px;line-height:25px;font-size:14px;border:1px solid #D7DAE2;border-radius:.5em;-webkit-border-radius:.5em;background:#fff}
.txt-box.cr{border-radius:5em;-webkit-border-radius:5em;}
.txt-box.trans{border: none}
.select-box{background:#efefef}
.select-box.bg-wh{background:#fff}
.select-box option{padding:0 5px}
.block{display:block;width:100%}
/*select box*/
.cv-select *{-webkit-appearance:none;appearance:none;cursor:pointer;width:100%; min-width:80px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.cv-select *{padding-right:24px}}
.cv-select{display:inline-block;position:relative;min-height:36px}
.cv-select *[class*=" cr"]{border-radius:2em;-webkit-border-radius:2em}
/*.cv-select:before,.cv-select:after{content:"";display:block;pointer-events:none;position:absolute;right:6px;border-left:5px solid transparent;border-right:5px solid transparent}
.cv-select:before{border-bottom:7px solid #333;bottom:54%;margin-top:-2px;z-index:9}
.cv-select:after{border-top:7px solid #333;top:54%;margin-bottom:-2px;z-index:9}*/
.cv-select:after{content:"\f107";font:900 14px "Font Awesome 5 Free", "FontAwesome"; color:#666; display:block;pointer-events:none;position:absolute; top:50%;right:12px; transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:9}
.bg-gray{background:#efefef}
.bg-wh{background:#fff}

/*check*/
.mz-chk{position:relative;}
.mz-chk input[type=checkbox],.mz-chk input[type=radio]{position:absolute;width:100%; height:100%;opacity:0}
.mz-chk input+label{position:relative;height:30px; line-height:30px; padding-left:35px;}
.mz-chk input+label:before{content:""; display:block;width:25px; height:25px; position:absolute;top:0;left:0; background:#fff; text-indent:-9999px;cursor:pointer;border:2px solid #9F9F9F;border-radius:.3em;-webkit-border-radius:.3em}
.mz-chk.cr input+label:before{border-radius:5em;-webkit-border-radius:5em}
.mz-chk input:checked+label:before{ background:#fff url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='7 5 30 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%232699FB' fill-rule='nonzero'/%3E%3C/svg%3E ") 5px 5px no-repeat}
.mz-chk input:checked+label:before{ background-color:#fff;border-color:#BCE0FD}
/*switch toggle*/
.toggle {cursor:pointer;display:inline-block}
.toggle-switch {display:inline-block;background:#ccc;border-radius:16px;width:58px;height:32px;position:relative;vertical-align:middle;transition:background 0.25s}
.toggle-switch:before, .toggle-switch:after {content:""}
.toggle-switch:before {display:block;background:linear-gradient(to bottom, #fff 0%, #eee 100%);border-radius:50%;width:24px;height:24px;position:absolute;top:4px;left:4px;transition:left 0.25s;}
.toggle:hover .toggle-switch:before {background:linear-gradient(to bottom, #fff 0%, #fff 100%);box-shadow:0 0 0 1px rgba(0, 0, 0, 0.2);}
.toggle-checkbox:checked + .toggle-switch {background:#56c080}
.toggle-checkbox:checked + .toggle-switch:before {left:30px;}
.toggle-checkbox{position:absolute;visibility:hidden}
.toggle-label{margin-left:5px;position:relative;top:2px}
/*register*/
/*.form-signin fieldset{position:relative;background:0 0;color:#fff;padding:20px}
.form-signin fieldset>legend{display:block;width:100%;border:0;margin:0 0 10px;padding:0;white-space:normal}
.form-signin fieldset>legend h2{margin:0;padding:0;font-weight:400;font-size:42px;color:#195d51;text-align:center}
.form-signin fieldset>legend h2>small{display:block;font-weight:100}

.form-list{padding:0;margin:0}
.form-list li{list-style:none}
.form-list .mb20,form .wr{margin-bottom:20px}*/
.form-signin .wr label,.wr .line,.wr .txt-box{-moz-transition:all .25s cubic-bezier(.53,.01,.35,1.5);-o-transition:all .25s cubic-bezier(.53,.01,.35,1.5);-webkit-transition:all .25s cubic-bezier(.53,.01,.35,1.5);transition:all .25s cubic-bezier(.53,.01,.35,1.5)}
form .wr{position:relative;background:#fff}
form .wr .txt-box,form .wr label{box-sizing:border-box;background:0 0}
form .wr label{transform-origin:left center;z-index:2;pointer-events:none;position:absolute;top:0;bottom:0;left:15px;right:15px;font-size:16px;text-align:left;font-weight:200;padding:0;line-height:41px;color:#195d51}
form .wr .txt-box{appearance:none;-webkit-appearance:none;display:block;width:100%;border:0;padding:8px 15px;position:relative;z-index:1;outline:0;color:#000;}
form .wr .txt-box[type=date]{background-color:#fff;outline:0}
form .wr .txt-box:focus~label{text-transform:uppercase;font-size:11px;color:#195d51;line-height:15px;top:-15px;bottom:auto;right:auto;padding:0;background:0 0}
form .wr .txt-box:valid~label,form .wr.valid .select2~label{text-transform:uppercase;font-size:11px;color:#fff;line-height:15px;top:-15px;bottom:auto;right:auto;padding:0;background:0 0}
form .wr .line{display:block;position:absolute;bottom:0;left:15px;right:15px;height:2px;background:linear-gradient(to right,#dd1741 0%,#195d51 49%,#56b798 82%);z-index:3;transform:scaleX(0);-webkit-transform:scaleX(0);border-radius:5em;-webkit-border-radius:5em}
form .wr .txt-box:focus~.line{transform:scaleX(1);-webkit-transform:scaleX(1)}
form .wr .hid{display:none}
form .fix-label .wr{margin-bottom:30px}
form.form-checkout .fix-label .wr{margin-bottom:0;margin-top:30px}
form .fix-label .wr label{text-transform:uppercase;font-size:13px!important;color:#0f0f0f;line-height:15px;top:-15px;bottom:auto;right:auto;padding:0;background:0 0}

/*range*/
input[type=range]{-webkit-appearance:none;margin:18px 0;width:100%;background:0 0}
input[type=range]:focus{outline:0}
input[type=range]::-webkit-slider-runnable-track{width:100%;height:8.4px;cursor:pointer;animate:.2s;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;background:#195d51;border-radius:1.3px;border:.2px solid #010101}
input[type=range]::-webkit-slider-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:36px;width:16px;border-radius:3px;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-14px}
input[type=range]:focus::-webkit-slider-runnable-track{background:#195d51}
input[type=range]::-moz-range-track{width:100%;height:8.4px;cursor:pointer;animate:.2s;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;background:#195d51;border-radius:1.3px;border:.2px solid #010101}
input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:36px;width:16px;border-radius:3px;background:#fff;cursor:pointer}
input[type=range]::-ms-track{width:100%;height:8.4px;cursor:pointer;animate:.2s;background:0 0;border-color:transparent;border-width:16px 0;color:transparent}
input[type=range]::-ms-fill-lower{background:#2a6495;border:.2px solid #010101;border-radius:2.6px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}
input[type=range]::-ms-fill-upper{background:#195d51;border:.2px solid #010101;border-radius:2.6px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}
input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:36px;width:16px;border-radius:3px;background:#fff;cursor:pointer}
input[type=range]:focus::-ms-fill-lower{background:#195d51}
input[type=range]:focus::-ms-fill-upper{background:#195d51}
/*auto complete*/
/*.js-select .select2-container--default .select2-selection--single{ padding:6px 7px;height:42px;border-radius:1.35em;-webkit-border-radius:1.35em;border-color:transparent}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-color:#aaa}
.js-select .select2-container--default .select2-selection--single .select2-selection__arrow{top:8px;right:7px}
.js-select .select2-container--default .select2-selection--single .select2-selection__placeholder{color:#195d51;font-weight:100; font-size:16px;opacity:0}
.js-select .select2-container--default .select2-selection--single .select2-selection__rendered{color:#195d51}
.select2-results__option{color:#195d51}*/
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{border:0;-webkit-text-fill-color:#195d51;-webkit-box-shadow:none;transition:background-color 5000s ease-in-out 0s}

/*home*/
[class*="h-text"],[class*="h-text"]>a{font-weight:300; color:#000; text-decoration:none}
[class*="h-text"]{font-size:300%;margin-bottom:0}
[class*="h-text"]~[class*="title"]{font-size:20px; font-weight:200;color:#000}

[class*="bx-card"]{position:relative; margin-bottom:20px;border-radius:.5em;-webkit-border-radius:.5em}
.container>[class*="bx-card"]:last-child,[class*="bx-card"].mb0{margin-bottom:0}
[class*="bx-card"][class*="-sq"],[class*="bx-card"][class*="-sq"] [class*="card-title"],[class*="bx-card"][class*="-sq"] [class^="inner"]{border-radius:0;-webkit-border-radius:0}
[class*="bx-card"] [class*="card-title"]{position:relative;background:#4381D6; padding:10px;border-radius:.5em .5em 0 0;-webkit-border-radius:.5em .5em 0 0}
[class*="bx-card"] [class*="card-title"]>*{font-size:18px; color:#fff; text-decoration:none}
[class*="bx-card"] [class*="card-title"][class*="-mini"]{padding:2px 10px;}
[class*="bx-card"] [class*="card-title"][class*="-mini"]>*{font-size:16px}
[class*="bx-card"] [class*="card-title"] .more{display:inline-block;padding:5px 10px; background:#efefef; border-radius:2em;-webkit-border-radius:2em; color:#333;font-size:14px;min-width:100px; text-align:center; position:absolute;top:8px; right:10px;}
[class*="bx-card"] [class*="card-title"].h-wh{background:#fff}
[class*="bx-card"] [class*="card-title"].h-wh>*{color:#333}
[class^="inner"]{padding-top:15px; padding-bottom:15px;}
[class*="bx-card"] [class^="inner"]{border-radius:0 0 .5em .5em;-webkit-border-radius:0 0 .5em .5em;background-color:#fff;}
[class*="bx-card"] [class^="inner"]:first-child,[class*="bx-card"] [class^="inner"].rd{border-radius:.5em;-webkit-border-radius:.5em}
[class*="bx-card"] [class^="inner"][class*="bg-none"]{background:none}
[class*="bd-gray"]{border:1px solid #a0a0a0;border-radius:.5em}
[class*="bd-gray2"]{border:1px solid #D8D8D8}
[class*="bd-blue"]{border:1px solid #4381D6;border-radius:.5em}
[class*="bd-blue"][class*="bx-card"]>[class*="inner"]{border-radius:0 0 .5em .5em;-webkit-border-radius:0 0 .5em .5em}
[class*="list-text-card"]>*>a{display:block;padding:10px; border:1px solid #CACED5; height:180px; display:flex; flex-flow:column;justify-content:space-between; border-radius:.5em}
[class*="list-text-card"]>*:nth-child(2n+1)>a{background:#F0F5F9}
[class*="list-text-card"]>*>a h3{color:#2572B2;font-size:16px;}
[class*="list-text-card"]>*>a p{color:#333; font-size:13px;}
[class*="bx-shadow"]{box-shadow:0 2px 5px rgba(0,0,0,0.1);}
table[class*="table"]{background-color:#fff}
.my-dash{margin-bottom:20px;}
.my-dash>[class*="col"]{}
.my-dash>[class*="col1"]>ul{width:220px;max-width:100%}
.my-dash>[class*="col1"]>ul>li{display:flex;flex-flow:row nowrap; text-align:center; margin-bottom:4px;}
.my-dash>[class*="col1"]>ul>li>*{flex:1 1 0; padding:2px 5px;}
.my-dash>[class*="col1"]>ul>li>b{flex-basis:80px;max-width:80px; background:#1B67B2;color:#fff;}
.my-dash>[class*="col2"]>*{display:inline-block;font-weight:500;margin:0 10px;}
.my-dash>[class*="col2"]>big{font-size:20px}
.my-dash>[class*="col2"]>p{font-size:16px; border-radius:2em;-webkit-border-radius:2em;box-shadow:0 2px 5px rgba(0,0,0,0.15)}
.my-dash>[class*="col2"]>p>*{display:inline-block;padding:7px 20px}
.my-dash>[class*="col2"]>p>em{background:#1B67B2;color:#fff;font-size:12px; font-style:normal;border-radius:0 2em 2em 0;-webkit-border-radius:0 2em 2em 0}
.my-dash>[class*="col2"]>p>em>big{font-size:200%;font-style:normal}
.my-dash .point{border-radius:.5em;-webkit-border-radius:.5em;box-shadow:0 2px 5px rgba(0,0,0,0.15);width:220px; max-width:100%}
.my-dash .point>*{display:block; color:#C94949; text-align:center;font-size:18px;padding:5px 10px;font-style:normal}
.my-dash .point>span{background:#FFC10C;color:#000;font-weight:500;border-radius:.5em .5em 0 0}
.search-bar>*,.search-bar-mini>*{ min-width:80px; margin-right:5px;text-align:center}
.search-bar>label{color:#333}
[class*="my-graph"]{position:relative;}
[class*="my-graph1"] .search-bar{border-bottom:2px solid #707070;padding-bottom:15px}
[class*="my-graph1"]>._flex>.show-graph{position:relative;flex:1 1 0}
[class*="my-graph1"]>._flex>.info{flex-basis:350px; max-width:30%;}
[class*="my-graph1"]>._flex>.info .bx-card,[class*="my-graph1"]>.row>.info .bx-card .inner{border-radius:0 0 .5em .5em}
[class*="my-graph"] .wrap [class*="bx-card"] [class^="inner"]{min-height: calc(100% - 47px)}
.nav-card{position:absolute;right:10px;}
.g3 .nav-card{right:30px}
[class*="bx-card"] [class*="inner"] .nav-card{top:-23px}
[class*="bx-card"] .show-graph .nav-card{top:-45px}
.nav-card>ul{display:flex;flex-flow:row nowrap;overflow:auto}
.nav-card>ul>li{ margin-left:5px;}
.nav-card>ul>li:first-child{margin-left:0}
.nav-card>ul>li>a{display:block;font-size:11px; font-weight:400; color:#a0a0a0;border:1px solid #a0a0a0; line-height:20px; padding:2px 10px 0;border-radius:.2em .2em 0 0;-webkit-border-radius:.2em .2em 0 0;border-bottom:none}
.nav-card>ul>li>a.selected{border-color:#1b1b1b;color:#1b1b1b;background:#f5f5f5}
.nav-card>ul>li>a>i{display:inline-block;vertical-align:middle;max-height:20px;}
.css-graph{position:relative;padding:20px 0 0}
.css-graph>[class*="row-"]{}
.css-graph .row-circle{display:flex;flex-flow:row nowrap; justify-content:center;margin-bottom:1vw}
.row-circle>[class*="cr-"]{position:relative; width:22%; min-width:95px; margin:0 .6vw; border:7px solid #25C8B1;border-radius:100%}
.row-circle>[class*="cr-2"]{border-color:#2899FC}
.row-circle>[class*="cr-2-1"]{border-color:#80C3FB}
.row-circle>[class*="cr-3"]{border-color:#F14D22}
.row-circle>[class*="cr-"]:before{content:"";display:block;padding:100% 0 0}
.row-circle>[class*="cr-"]>*{position:absolute;top:0;left:0; width:100%; height:100%; text-align:center;display:flex;flex-flow:column wrap; justify-content:center}
.row-circle>[class*="cr-"]>*>*{font-size:11px; line-height:12px; font-weight:500; color:#000;white-space:nowrap}
.row-circle>[class*="cr-"]>*>span{margin-top:10px}
.row-circle>[class*="cr-"]>*>*>big{ font-size:180%;color:#25C8B1 }
.row-circle>[class*="cr-2"]>*>*>big{color:#2899FC}
.row-circle>[class*="cr-3"]>*>*>big{color:#F14D22}
.row-bar .title>*{font-size:13px;color:#60687D;font-style:normal}
.row-bar .title h3{color:#5584B8}
.row-bar>[class="group1"]{ margin-bottom:1vw}
.row-bar .g-bar{display:flex;flex-flow:row nowrap;border-radius:.8em;-webkit-border-radius:.8em;overflow:hidden}
.row-bar .g-bar>*{height:3.3vw;max-height:40px;min-height:30px; display:inline-flex; justify-content:center;align-items:center;color:#fff;background:#408DDD; font-size:11px; font-weight:200}
.row-bar>[class="group1"] .g-bar>.c1{background:#1D2F57}
.row-bar>[class="group1"] .g-bar>.c2{background:#1B67B3}
.row-bar>[class="group2"] .g-bar>.c1{background:#EF5026}
.row-bar>[class="group2"] .g-bar>.c2{background:#1D2F57}
.css-graph .row-bar>[class*="group"] .g-bar>*{flex-flow:row wrap;font-size:10px;}
.css-graph .row-bar>[class*="group"] .g-bar>*>*{display:block;flex-basis:100%;text-align:center;margin-top:-14px;font-style:normal}
/*training*/
.srh-box .form-srh{position:relative}
.srh-box .form-srh .txt-box{width:100%; padding-right:40px; border-radius:2em;-webkit-border-radius:2em}
.srh-box .form-srh .btn-srh{position:absolute;top:0;right:0; display:block;width:40px; height:37px;background:none;border:none}
.srh-box .form-srh .btn-srh i{color:#9f9f9f}
aside [class*="bx-card"] [class*="card-title"]{padding:5px 10px}
aside [class*="bx-card"] [class*="card-title"]>*{font-size:15px;line-height:20px}
aside [class*="table-resp"] [class*="table"]{margin-bottom: 0}
aside [class*="table"] *{font-size:11px}
aside [class*="bx-card"] [class^="inner"]{border-radius:0;-webkit-border-radius:0}
.numbers-row{position:relative;display:inline-block;padding:0 25px}
.numbers-row input[type="text"]{display:block;width:100%;text-align:center;font-size:16px; height:26px;padding:0;line-height:24px;}
.numbers-row .button{position:absolute;top:0; display:block;width:25px; height:26px;background:#efefef;border:1px solid #D7DAE2; color:#000;cursor:pointer;text-align:center;line-height:24px;font-size:16px}
.numbers-row .button.dec{left:0;color:#19CBBD}
.numbers-row .button.inc{right:0;color:#C94949}
table[class*="table"].bt-sq{border-radius:.5em .5em 0 0;-webkit-border-radius:.5em .5em 0 0}
.footer-table{position:relative;margin-top:-20px;display:flex;flex-flow:row nowrap; min-width:800px; justify-content:space-between}
.footer-table>*{filter:1 1 0}
.footer-table>.col-l{padding-top:20px}
.footer-table>.col-r{ flex-basis:267px;max-width:267px;border:1px solid #ddd;border-radius:0 0 .5em .5em;overflow:hidden}
.footer-table .sum{background:#fff}
.footer-table .sum>li{display:flex;flex-flow:row nowrap; justify-content:space-between;padding:2px 10px;}
.footer-table .sum>li>em{font-style:normal;color:#000}
.footer-table .sum>li.tatal{background:#437ECD;padding:10px}
.footer-table .sum>li.tatal>*{color:#fff!important}
/*course*/
.tool-srh [class*="col-"] [class*="cv-select"] .select-box{background:#fff;border-radius:.3em;-webkit-border-radius:.3em}
.tool-srh [class*="col-r"] [class*="cv-select"]{margin-right:-5px;position:relative;z-index:2}
.tool-srh [class*="col-r"] [class*="cv-select"] .srh-box{z-index:1}
.tool-srh .srh-box .form-srh .txt-box{padding-left:20px; border-radius:.3em;-webkit-border-radius:.3em}
.nav-course[class*="_chd"][class*="-cl"]>li{padding:0!important}
.nav-course>*{}
.nav-course>*>a{display:block;text-align:center;padding:10px;background:#989898;color:#fff;border-right:1px solid #fff; border-bottom:1px solid #fff;border-radius:.5em .5em 0 0}
.nav-course>*:last-child>a{border-right:none }
.nav-course>*:nth-child(2)>a{background:#2C6E8C}
.nav-course>*:nth-child(3)>a{background:#658B53}
.nav-course>*:nth-child(4)>a{background:#715082}
.nav-course>*:nth-child(5)>a{background:#EF8E3D}
.page-course table[class*="table"]{border-radius:0;-webkit-border-radius:0}
.page-course table[class*="table"] > thead{background:#2C6E8C;border-radius:0;-webkit-border-radius:0}
.page-course [id="c-tab1"] table[class*="table"] > thead{background:#989898}
.page-course [id="c-tab2"] table[class*="table"] > thead{background:#2C6E8C}
.page-course [id="c-tab3"] table[class*="table"] > thead{background:#658B53}
.page-course [id="c-tab4"] table[class*="table"] > thead{background:#715082}
.page-course [id="c-tab5"] table[class*="table"] > thead{background:#EF8E3D}
/*history*/
.option-srh{flex-flow:row wrap}
.option-srh label{display:inline-block;color:#000;font-weight:500;margin-bottom:10px;}
.option-srh>[class*="wr-"]{max-width:30%;}
.option-srh>[class*="wr-calendar"]{}
.option-srh>[class*="wr-calendar"]>.txt-box{margin-left:10px;font-weight:500;color:#2572B2;border:none}
#ui-datepicker-div.ui-widget-content{max-width:100%}
#ui-datepicker-div.ui-datepicker *{color:#707070}
#ui-datepicker-div.ui-datepicker table thead{border-bottom:1px solid #eaeaea}
#ui-datepicker-div.ui-datepicker table thead th{padding:2px .3em; color:#A3A6B4;font-weight:300}
#ui-datepicker-div.ui-state-default,#ui-datepicker-div.ui-widget-content .ui-state-default,#ui-datepicker-div .ui-datepicker-header .ui-state-default,#ui-datepicker-div .ui-widget-header{background:none;border:none}
#ui-datepicker-div.ui-state-active,#ui-datepicker-div.ui-widget-content .ui-state-active,#ui-datepicker-div.ui-widget-header .ui-state-active{background:#2572B2;color:#fff}
.option-srh>[class*="wr-calendar"]>div,.option-srh>[class*="wr-srh"]>div{margin-bottom:20px}
.option-srh>[class*="wr-"]>[class^="g"]{border:1px solid #9F9F9F;display:flex;flex-flow:row wrap;padding:15px 3vw 0;border-radius:1em;-webkit-border-radius:1em;margin-bottom:20px}
.option-srh>[class*="wr-"]>[class^="g"]>span{flex-basis:50%;max-width:50%;margin-bottom:15px}
.option-srh>[class*="wr-"]>[class^="g"]>span label{font-weight:300;color:#707070;margin-bottom:0;line-height:120%;padding-top:4px }
.option-srh>[class*="wr-"]>[class^="g"]>span.w-100{flex-basis:100%;max-width:100%;}
/*profile*/
.z-profile aside{flex-basis:350px; max-width:30%;align-self:flex-start}
.z-profile .main-avatar{position:relative;} 
.main-avatar figure{box-shadow:0 0 5px rgba(0,0,0,0.35)}
.main-avatar figure img{object-fit:cover}
.main-avatar .file-upload-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.main-avatar .file-upload-wrapper *{cursor:pointer;}
.main-avatar .file-upload-wrapper input{position:absolute;opacity:0;width:100%;height:100%}
.main-avatar .file-upload-wrapper label{text-align:center;display:block;color:#75A9D8;white-space:nowrap;font-weight:200}
.main-avatar .file-upload-wrapper label img{display:block;margin:0 auto}
.main-avatar .file-upload-wrapper.hasImage{width:100%;height:100%}
.main-avatar .file-upload-wrapper.hasImage label{text-indent:-9999px;}
.main-avatar .file-upload-wrapper.hasImage label img{position:absolute; bottom:-20px; right:20px; width:40px; height:40px; background:#fff; border-radius:5em;box-shadow:0 0 5px rgba(0,0,0,0.35)}
.z-profile .main-avatar .form-profile{padding:0!important;margin-top:20px}
.fm-menu ul>li [class*="ui-btn"]{min-width:200px}
.z-profile .form-profile{padding-left:30px!important}
.form-profile>fieldset{position:relative;margin-bottom:10px}
.form-profile>fieldset legend{ display:block; width:100%; margin-bottom:20px; font-size:24px;color:#1C2E56; border-bottom:2px solid #1B67B2}
.form-profile>fieldset>ul>li{margin-bottom:15px}
.form-profile>fieldset>ul>li>span[class*="_chd-cl-xs"]{align-items:center}
.form-profile>fieldset>ul>li label{ color:#2572B2;font-size:13px; line-height:14px; padding-left:0!important}
.form-profile>fieldset>ul>li>span[class*="_chd-cl-xs"]>label+*{flex-basis:160px!important;max-width:60%!important}
.form-profile>fieldset>ul>li>span[class*="_chd-cl-xs"]>label+span{min-height:37px;display:flex;align-items:center}
.form-profile hr{border-bottom:2px solid #1B67B2}
.list-mem-book .inner>ul>li{ height:100%; color:#1B67B2;font-weight:200;border-right:1px solid #848484}
.list-mem-book .inner>ul>li:last-child{border:none}
.list-mem-book .inner>ul>li>span{display:inline-block;margin:0 15px; color:#000}
.list-mem-book .inner>ul>li>span.no{color:#C94949}
.list-mem-book .inner>ul>li>span.yes{color:#19CBBD}
.list-banner li>*{display:block;border:1px solid #707070}
.custom-profile{display:none}
/*Notification*/
.list-noti{}
.list-noti>li{border-bottom: 1px solid #9F9F9F}
.list-noti>li>a{display: block;padding: 20px 10px 5px 70px;background: url("../di/icon-inbox.png") 5px 40% no-repeat;background-size: 50px auto;transition: .2s all ease-in-out}
.list-noti>li>a:hover{background-color: rgba(0,0,0,0.05)}
.list-noti>li>a .msg{position: relative;padding-right: 34px}
.list-noti>li>a .msg>h2{font-size: 14px; color: #1B67B2;line-height: 16px; /*max-height: 32px;*/text-overflow: ellipsis;overflow: hidden;margin-bottom:5px;}
.list-noti>li>a .msg>p{font-size: 12px; color: #333; line-height: 14px; max-height: 28px; overflow: hidden;margin: 0;}
.list-noti>li>a .msg .ic-alert{ display: block;width: 24px;height:24px; position: absolute;top: 50%; right:5px; transform: translateY(-50%);-webkit-transform: translateY(-50%);background: url("../di/ic-alert.png") 50% 50% no-repeat;background-size: 100% auto;}
.list-noti>li>a .time{ text-align: right;color: #2699FB;font-size: 11px; line-height: 14px;}
i.ic-clock{display: inline-block;width: 12px; height: 12px; background: url("../di/ic-clock.png") 50% 50% no-repeat;background-size: 100% auto;vertical-align: middle}
/*Booking*/
[class*="page-booking"] form label{color: #2572B2}
.card-title.h-acc{position: relative}
.card-title.h-acc .btn{position: absolute;top: 50%; right:10px;;display: block;transform: translateY(-50%)}
.card-title.h-acc .btn>i{display: block; width: 30px; height: 30px; line-height: 30px; text-align: center}
.card-title.h-acc.active .btn>i{transform: rotate(180deg)}
.list-attendees{ border-bottom: 1px solid #707070; padding-bottom: 20px}
.list-attendees>li{position: relative}
.list-attendees>li .head{position: relative; color:#19CBBD}
.list-attendees>li .head>span{display: inline-block;background: #fff; padding: 0 10px 0 0;font-weight: 400; font-size: 16px;position: relative;z-index: 2;vertical-align: middle}
.list-attendees>li .head:after{content: "";display: block;position: absolute; top: 50%;left: 0; right: 0; border-bottom: 1px solid #707070}
/*popup signup*/
.popup{display:none;max-width:95%;width:480px;font-family:"Prompt";border-radius:.5em;-webkit-border-radius:.5em;box-shadow:0 0 0 8px rgba(255,255,255,.1)}.popup a{text-decoration:none}.popup .box-middle{text-align:center}.popup .head{font-size:21px;color:#656565;font-weight:200}.popup .box-middle h2{font-size:24px}.popup .box-middle h2 u{display:block;color:#000}.popup .box-middle p{color:#454545}.popup [class*=ui-btn]{display:inline-block;padding:5px 20px;text-align:center;background:#56b798;color:#fff;border-radius:5em;-webkit-border-radius:5em;text-decoration:none}

@media (max-width:812px){
}
@media (max-width:480px){
}
/*paging*/
.pagination,.ctrl-paging{position:relative;display:block;clear:both;margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:0;padding-bottom:10px}
.pagination ul{width:100%;text-align:center}
.pagination ul li{display:inline-block;margin-left:5px;vertical-align:top}
.pagination ul li a{display:inline-block;padding:0 5px;min-width:25px;height:25px;font:14px/23px "MyFont", tahoma;color:#999;background:#fff;text-align:center;border:1px solid #ccc;text-decoration:none;border-radius:5em;-webkit-border-radius:5em}
.pagination ul li a:hover{opacity:.75}
.pagination ul li a.active{background:#f1c03d;border-color:#f1c03d;color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,0.1) inset}
.ctrl-paging>p{text-align:right;font-size:14px;min-height:25px}
.ctrl-paging>p>.result{display:block;float:left;color:#999}
.ctrl-paging>p>strong,.ctrl-paging>p>a{display:inline-block;padding:0 5px;min-width:25px;height:25px;font:14px/25px "MyFont", tahoma;color:#777;background:#fff;text-align:center;border:1px solid #ccc;text-decoration:none;border-radius:.2em;-webkit-border-radius:.2em}
.ctrl-paging>p>a:hover{opacity:.75}
.ctrl-paging>p>strong{background:#f1c03d;border-color:#f1c03d;color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,0.1) inset}
/*setting*/
.list-hs>li>a{padding: 15px!important;background: #fff;border-bottom: none;border-top: 1px solid #D8D8D8}
.list-hs>li>a:hover{background: #fff}
.list-hs>li:nth-child(2n+1)>a,.list-hs>li:nth-child(2n+1)>a:hover{background: #F0F5F9}
.list-hs>li>a>._flex{flex-wrap: nowrap}
.list-hs > li > a .msg{padding-right: 0!important}
.list-hs > li > a .msg > h2{color: #000}
.list-hs>li>a .time .date{margin-left: 15px}
[id="content-history"]{height: auto; max-height:340px}
.mCSB_container_wrapper[class*="_hidden"]{display: block!important}
/*[id="content-history"] .mCSB_scrollTools .mCSB_dragger{max-height: 100px!important}*/
[id="content-history"] .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background: #000}
[id="content-history"] .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background: #2572B2}
/*no result*/
.no-result{text-align:center; display:flex; align-items:center;justify-content:center; font-weight:200; font-size:2vmax; color:#454545; text-align:center; min-height:50vh}
/*loading*/
[id="skin-loading"]{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0.5);z-index:9900}
[id="skin-loading"].bg-wh{background:rgba(245,245,245,0.75)}
@-webkit-keyframes lds-hourglass{0%{-webkit-transform:rotate(0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{-webkit-transform:rotate(900deg);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{-webkit-transform:rotate(1800deg)}}
@keyframes lds-hourglass{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{transform:rotate(900deg);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{transform:rotate(1800deg)}}
.lds-hourglass{display:inline-block;position:relative;width:64px;height:64px}
.lds-hourglass:after{content:" ";display:block;border-radius:50%;width:0;height:0;margin:6px;box-sizing:border-box;border:26px solid #fff;border-color:#fff transparent;animation:lds-hourglass 1.2s infinite;-webkit-animation:lds-hourglass 1.2s infinite}
[id="skin-loading"].bg-wh .lds-hourglass:after{border:26px solid #1AC0CC;border-color:#1AC0CC transparent}

/*Responsive*/
@media (min-width:768px){}
@media (min-width:1024px){
.full-width{margin-left:calc(-100vw / 2 + 980px / 2 + 10px);margin-right:calc(-100vw / 2 + 980px / 2 + 10px)}
}
@media (min-width:1200px){
.full-width{margin-left:calc(-100vw / 2 + 1240px / 2 + 10px);margin-right:calc(-100vw / 2 + 1240px / 2 + 10px)}
.list-attendees>li .fix-label{max-width: 12.2%!important}
}
@media (min-width:992px){
[class*="table-resp"]{padding: 0 1px; overflow: auto}
[class*="table-resp"] [class*="table"]{min-width:inherit!important}
}
@media (min-width:1200px) and (max-width:1439px){}
@media (min-width:1024px) and (max-width:1199px){
}
/*mobile*/
@media (min-width:801px) and (max-width:1199px){}
@media (min-width:768px) and (max-width:991px){
.list-attendees>li .fix-label{max-width:20.5%!important}
}
@media (max-width:1599px){
.option-srh>[class*="wr-"]{max-width:27%;}
}
@media (max-width:1239px){
.option-srh{flex-flow:row wrap}
.option-srh>[class*="wr-"]{max-width:24%;}
.option-srh>[class*="wr-srh"]{max-width:20%;}
.option-srh > [class*="wr-"] > [class^="g"]{padding:10px 5px 0}
.option-srh > [class*="wr-calendar"] > .txt-box{max-width:78%}
.option-srh > [class*="wr-"] > [class^="g"] > span label{font-size:12px}
}
@media (max-width:1024px){}
@media (max-width:991px){
.container{overflow:visible}
/*scroll apps*/
/*#toc .scroll-hr{margin-left:1rem!important;display:block;max-width:100%;white-space:nowrap;overflow-x:auto!important;overflow-y:hidden}
#toc .scroll-hr>*{display:inline-block;width:65%;max-width:250px;margin-right:0.75rem;padding:0;white-space:normal}
#toc .scroll-hr:hover>*:last-child:after,#toc .scroll-hr:focus>*:last-child:after,#toc .scroll-hr:active>*:last-child:after{display:none}
#toc .scroll-hr>*:last-child:after{box-shadow:-60px 0 20px -20px rgba(255, 255, 255,0.65) inset;bottom:0;color:#464646;font-family:'FontAwesome';content:"\f054";display:inline-block;font-size:21px;line-height:40px;max-height:40px;position:absolute;width:60px;padding-left:30px;right:0;text-align:center;top:50%;transform:translate(0px, -50%);-webkit-transform:translate(0px, -50%)}*/
body > [class*="page-"]{}
body > [class*="page-"] > [id="toc"]{padding-left:1em; padding-right:1em}
.cover-hd{height:60px;}
.cover-hd .crumb{display:none}
[class*="list-text-card"]>*{margin-bottom:20px}
.footer-table{margin-top:0}
.z-profile.row,.row0-xs{margin-left:0;margin-right:0}
.z-profile>aside{flex-basis:100%!important;max-width:100%!important;margin:0 auto -10px}
.main-avatar figure{ width:200px;max-width:55%; margin:0 auto}
.main-avatar .file-upload-wrapper,.main-avatar .file-upload-wrapper.hasImage{ width:200px;max-width:55%;}
.main-avatar .file-upload-wrapper label{font-size:11px}
.fm-menu ul > li [class*="ui-btn"],.form-profile .txt-r [class*="ui-btn"][class*="gray"]{width:100%}
.z-profile .form-profile{flex-basis:100%!important;max-width:100%!important; padding-left:0!important}
.form-profile>div.txt-r:first-child{ padding:0 1rem 10px}
.my-dash>[class*="col2"]{margin:0!important}
.my-dash > [class*="col2"] > big{font-size:16px; margin-bottom:5px}
.my-dash>[class*="col2"]>p{display:flex;width:100%;space-between:space-between;align-items:center;}
.my-dash>[class*="col2"]>p>*{padding:0 15px;font-size:13px}
.my-dash>[class*="col2"]>p>span{flex:1 1 0}
.my-dash>[class*="col2"]>p>em>big{font-size:160%}
[class*="my-graph"] [class*="search-bar"]{flex-wrap:nowrap}
[class*="my-graph"] [class*="search-bar-mini"]>*{flex:1 1 0}
.row-bar>[class="group2"] .g-bar>*>*{margin-top: -7px}
/*[class*="table-resp"]{ padding-bottom:40px;}*/
[class*="table-resp"]{border-radius: .5em;-webkit-border-radius: .5em;position: relative}
[class*="table-resp"]:after{ content:""; display:block; width:48px; height:48px; background:url(../di/icon-drag.png) 50% 50% no-repeat #a0a0a0; background-size:95% auto;border-radius:100%;-webkit-border-radius:100%;position:absolute;left:50%; top: 50%; margin: -20px 0 0 -24px;opacity: .65;}
[class*="table-resp"]:after{animation:move 1s infinite;-webkit-animation:move 1s infinite}
.page-course [class*="table-resp"]:after{top:10%}
[class*="table-resp"].off:after{display: none!important}
@-webkit-keyframes move{
0%{-webkit-transform:translateX(-10px);
transform:translateX(-10px)}
50%{-webkit-transform:translateX(10px);
transform:translateX(10px)}
100%{-webkit-transform:translateX(-10px);
transform:translateX(-10px)}
}
@keyframes move{
0%{-webkit-transform:translateX(-10px);
transform:translateX(-10px)}
50%{-webkit-transform:translateX(10px);
transform:translateX(10px)}
100%{-webkit-transform:translateX(-10px);
transform:translateX(-10px)}
}
[class*="table-resp"]:hover:after,[class*="table-resp"]:active:after,[class*="table-resp"]:focus:after{display:none}
.nav-course>*>a{ padding:10px 5px; white-space:nowrap}
}
@media (max-width:812px){
[class*="my-graph1"] .search-bar{padding-bottom:40px}
.form-profile>div.txt-r:first-child{ padding:0 .5rem 10px}
.tool-srh>form,.tool-srh [class*="col-"]{flex-wrap:nowrap}
.tool-srh .srh-box .form-srh .txt-box{width:190px;}

}
@media (min-width:480px) and (max-width:767px){
.list-attendees>li .fix-label{max-width:20.5%!important;flex-basis: 20.5%}
}
/*xs*/
@media (max-width:767px){
body.lb{overflow-x:hidden}
[class*="bd-blue"].h-100{height:auto!important}
[class*="bx-card"] [class*="card-title"]{padding-top:5px; padding-bottom:5px;}
[class*="bx-card"] [class*="card-title"] .more{padding:0 5px;font-size:12px;}
[class*="list-text-card"]>*>a{height:auto}
.my-graph2 .wrap{margin-bottom: 10px}
.my-graph1 .wrap,.my-graph2 .wrap:first-child{margin-bottom:40px}
.g3 .nav-card,.g4 .nav-card{right:5px}
[class*="bx-card"] [class*="inner"] .nav-card{top:-31px;}
[class*="bx-card"] .show-graph .nav-card{top:-52px !important;right:0}
.nav-card > ul > li > a{padding:5px}
[class*="my-graph1"] > ._flex > .info{flex-basis:100%;max-width:100%;margin-top:10px}
.my-dash > [class*="col"]{margin-bottom:15px;text-align:center}
.my-dash > [class*="col"]>*{margin:0 auto}
.my-graph1>.row>.bx-card{padding-left:0;padding-right:0}
.my-graph1[class*="_self"][class*="-pa20"]{padding:0;border:none;}
.css-graph .row-bar>[class*="group"] .g-bar>*>*{margin-top: -8px}
.list-mem-book .bx-card-sq{box-shadow:0 2px 5px rgba(0,0,0,0.2)}
.list-mem-book .inner > ul > li{padding: 0 2px!important}
.list-mem-book .inner > ul > li img{display: none}
.list-mem-book .inner > ul > li > span{display: block;white-space: nowrap; font-size: 12px;margin: 0}
.list-mem-book .inner > ul > li [class*="ui-btn"],.fm-education [class*="ui-btn-gray"],.page-setting [class*="ui-btn"],.page-noti .more,.page-history .option-srh [class*="ui-btn"]{width: 100%}
.list-mem-book .inner > ul > li:last-child{margin-top: 10px; flex-basis:100%;max-width:100%;min-width: 80vw; text-align:center}
.list-mem-book .inner > ul > li:nth-last-child(2){border:none}
aside table[class*="table"]{min-width:500px}
table[class*="table"] > thead > tr > th, table[class*="table"] > tbody > tr > th, table[class*="table"] > thead > tr > td{ padding:2px 5px;font-weight: 400}
.option-srh{flex-flow:row wrap;}
.option-srh>[class*="wr-"]{max-width:100%;flex-basis:100%}
.option-srh>[class*="wr-"] > [class^="g"]{padding:10px 25px 0}
.option-srh .ui-widget-content{ width:100%}
.search-bar > label{white-space:nowrap}
.form-profile>fieldset>ul>li>span[class*="_chd-cl-xs"]{margin-bottom:2px}
.form-profile>fieldset>ul>li>span[class*="_chd-cl-xs"]>label+span{min-height:16px}
.form-profile > fieldset legend{ position:relative;font-size:18px}
.form-profile.sec-acc > fieldset legend+ul,.form-profile.sec-acc > fieldset legend+ul[class*="_chd"][class*="-cl"]{ display:none}
.form-profile > fieldset legend .visible-xs,.page-history .sec-acc .h-acc .visible-xs{ position:absolute; top:0; right:0; width:100%; text-align:right;}
.form-profile > fieldset legend i[class*="fas"],.page-history .sec-acc .h-acc i[class*="fas"]{ display:inline-block; width:30px; height:30px; text-align:center; line-height:30px; color:#333; transition:.2s all ease;-webkit-transition:.2s all ease;}
.form-profile > fieldset legend.active i[class*="fas"],.page-history .sec-acc .h-acc.active i[class*="fas"]{ transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}
.fm-education [class*="ui-btn-gray"]{margin-top: 15px}
.nav-course{ /*display:block!important;*/ position:relative; padding-top:42px; height:42px; overflow:hidden; margin-bottom:20px;border:1px solid #a0a0a0; border-radius:.5em;-webkit-border-radius:.5em}
.nav-course:hover,.nav-course:active,.nav-course:focus{ height:auto}
.nav-course:after{content:""; display:block; width:12px; height:12px; border-left:2px solid #a0a0a0;border-bottom:2px solid #a0a0a0; position:absolute; top:11px; right:10px;z-index:10;transform:rotate(-45deg);transform-origin:center center;}
.nav-course>*{display:block;width:100%}
.nav-course>*>a{ background:#fff!important; color:#000!important;border-radius:.5em;-webkit-border-radius:.5em}
.nav-course>*>a.selected{ position:absolute; top:0; left:50%;transform:translateX(-50%);pointer-events:none; z-index:9}
.page-history .sec-acc .inner.rd{border-radius: 0 0 .5em .5em;-webkit-border-radius: 0 0 .5em .5em}
.page-history .sec-acc .inner.rd:not([style*="block"]){display: none}
.page-history .sec-acc .h-acc{position: relative}
.page-history .sec-acc .h-acc:not(.active){border-radius: .5em;-webkit-border-radius: .5em}
.page-history .sec-acc .h-acc i[class*="fas"]{color: #fff; width: 38px; height: 38px; line-height: 38px}
.custom-profile{display: flex!important}
.list-attendees>li .head>span>i[class*="fa"]{font-size: 24px; display: inline-block!important}
}
@media (max-width:480px){
.row-circle>[class*="cr-"]>*{transform:scale(0.8);-webkit-transform:scale(0.8)}
[class*="search-bar"]>*,[class*="search-bar"]>.cv-select *{min-width:inherit}
.nav-card > ul > li:not(:first-child){margin-left:2px}
.nav-card > ul > li > a{padding:5px}
.cover-hd .sub-nav>ul>li>a{font-size:15px;padding:15px 8px 5px}
.footer-table > .col-r{max-width:244px}
.z-profile>aside{max-width:100%}
[class*="table"] [class*="ui-btn"]{min-width:inherit}
.form-profile > fieldset > ul > li{margin-bottom:0}
.form-profile>.fm-menu ul>li{margin-bottom:10px}
.form-profile > fieldset > ul > li>span{margin-bottom:10px}
.form-profile > fieldset > ul > li>span>label{font-size:14px}
.tool-srh>form,.tool-srh [class*="col-"]{flex-wrap:wrap}
.tool-srh [class*="col-"]{margin-bottom:10px;justify-content:space-between;display:flex;width:100%}
.tool-srh [class*="col-"]>*{ width:47%}
.tool-srh [class*="col-"] *{ font-size:12px;}
.tool-srh [class*="col-"] [class*="ui-btn"]{padding-left:0; padding-right:0; text-align:center}
.tool-srh .srh-box .form-srh .txt-box{width:100%;}
.list-noti>li>a{padding-left:50px; background-position: 0 50%; background-size: 35px auto}
.list-hs>li>a>._flex{flex-wrap: wrap}
.list-hs > li > a .msg{margin-bottom: 10px}
.list-hs > li > a .time{flex-basis: 100%; text-align: right}
.e-corporate .title .ctrl-btn{ flex-basis: 100%; margin:15px 0 0}
.e-corporate .title .ctrl-btn>*{flex-basis: 50%;max-width: 50%;margin-bottom: 0}
.e-corporate .title .ctrl-btn>*:first-child{padding-right: 5px;}
.e-corporate .title .ctrl-btn>*:last-child{padding-left: 5px;}
.e-corporate .title .ctrl-btn>*>a{width: 100%}
.form-booking ul li[class*="_chd-cl"],.title .col-l ul li{flex-wrap: wrap; margin-bottom: 0!important}
.form-booking ul li[class*="_chd-cl"] label,.title .col-l ul li label,.form-booking .b4 [class*="_chd-cl"] label{flex-basis: 100%!important;max-width: 100%!important;text-align: left!important;margin-top: 15px}
.form-booking ul li[class*="_chd-cl"] label[class*="pl0"],.b4>.inner label[class*="pl0"]{padding-left:0.5rem!important}
.form-booking ul li[class*="_chd-cl"] label br{display: none}
.b4>.inner>[class="txt-c"]{text-align: left;margin-top: 20px}
.css-graph .row-circle{flex-wrap: wrap}
.row-circle > [class*="cr-"]{width: 40%;min-width: 120px; margin-bottom: 15px}
}
@media (max-width:414px){
}
@media (max-width:360px){
}
@media (max-width:320px){
}