﻿body { font-size: 15px; }

button, .btn { outline: none !important; }

.form-control { height: 38px; }

.btn-success { background-color: #55aa63; border-color: #55aa63; }

.btn-default.btn-default-gray { background-color: #fff; color: #4c4c4c; border-color: #7a7a7a; }

    .btn-default.btn-default-gray:hover { background-color: #e2e2e2; }

.field-required { color: #f00; }

.btn-primary { background-color: #008aba; border-color: #008aba; }

.btn:not(.btn-xs):not(.btn-lg):not(.btn-sm):not(.btn-custom) { padding: 8px 12px; }

.btn-search { background-color: #449fc8; border-color: #449fc8; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: normal; }

.no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently*/ }

table:not([class]):not([role]),
table:not([class]):not([role]) > tbody > tr,
table:not([class]):not([role]) > tbody > tr > td { border: 0px solid #e6e6e6; }

table:not([class]):not([role]) { width: 100%; }

    table:not([class]):not([role]) > tbody > tr { border-top-width: 1px; }

        table:not([class]):not([role]) > tbody > tr:last-child { border-bottom-width: 1px; }

        table:not([class]):not([role]) > tbody > tr > td { padding: 5px 8px; border-left-width: 1px; }

            table:not([class]):not([role]) > tbody > tr > td:last-child { border-right-width: 1px; }

.media-max-width-p img,
.media-max-width-p video,
.media-max-width-p audio,
.media-max-width-p iframe { max-width: 100%; }


.text-middle { vertical-align: middle; }

.font-weight-normal { font-weight: normal; }

.font-family-segoeui { font-family: "Segoe UI"; }

.text-bold { font-weight: bold; }

.text-bold500 { font-weight: 600; }

.text-red { color: #f00; }

.text-transform-none { text-transform: none; }

.text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.floatleft { float: left; }

.floatright { float: right; }

.alignleft { float: left; margin-right: 15px; }

.alignright { float: right; margin-left: 15px; }

.aligncenter { display: block; margin: 0 auto 15px; }

.clear { clear: both; }

.inline-block { display: inline-block; }

.block { display: block; }

a { text-decoration: double; }

    a:focus { outline: 0px solid; text-decoration: double; }

.fix { overflow: hidden; }

h1,
h2,
h3,
h4,
h5,
h6 { margin: 0 0 15px; }

.bold { font-weight: 600; }

    .bold.custom-bold { color: #333333 !important; }

    .bold i.fa { opacity: 1 !important; }

body { font-family: "Segoe UI", Arial, sans-serif; }

.maincontent-area { padding-top: 60px; }
.container-fluid.maincontent-area { padding: 60px 30px 0px; }
.hel-light { font-family: "Segoe UI Light"; }

.section-main { padding: 0px; }

.bg-main { background-color: #fff; padding-top: 30px; }

.section-title { font-family: "Segoe UI Light"; margin: 30px 0px; text-transform: uppercase; }

    .section-title a { text-decoration: none !important; color: inherit !important; }

header.body-header { position: fixed; width: 100%; z-index: 100; }

.header-area { background-color: #fff; color: #333; font-size: 13pt; border-bottom: 1px solid #eee; }

.box-shadow { box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, .2); }

.header-area .h-logo-menu { height: 60px; /*margin-bottom: 10px;*/ }

    .header-area .h-logo-menu .dropdown { float: left; /* margin-top: 10px;*/ }

    .header-area .h-logo-menu .box-menu { margin-top: 8px; }

        .header-area .h-logo-menu .box-menu .dropdown-menu .divider { margin: 1px 0px; }

    .header-area .h-logo-menu .icon-menu { float: left; width: 32px; height: 42px; margin-top: 9px; font-size: 20pt; color: #0176ac; /*padding-top: 4px;*/ cursor: pointer; position: relative; }

.header .navbar-header .menu-toggler-md,
.header-area .menu-logo .menu-toggler-md { background-color: transparent; border-radius: 4px; border: 0px solid transparent; width: 34px; height: 35px; line-height: 0; padding: 0 0 1px; text-align: center; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto 0px; }

    .header .navbar-header .menu-toggler-md:hover,
    .header .navbar-header .menu-toggler-md:focus,
    .header-area .menu-logo .menu-toggler-md:hover,
    .header-area .menu-logo .menu-toggler-md:focus { border: 0px; outline: 0; }

    .header .navbar-header .menu-toggler-md button:focus,
    .header-area .menu-logo .menu-toggler-md button:focus { border: 0px; }

    .header .navbar-header .menu-toggler-md .icon-bar,
    .header-area .menu-logo .menu-toggler-md .icon-bar { background-color: #828282; border-radius: 2px; width: 20px; display: block; height: 2px; }

    .header .navbar-header .menu-toggler-md:hover .icon-bar,
    .header-area .menu-logo .menu-toggler-md:hover .icon-bar { background-color: #0077AC; }

    .header .navbar-header .menu-toggler-md .icon-bar + .icon-bar,
    .header-area .menu-logo .menu-toggler-md .icon-bar + .icon-bar { margin-top: 4px; }

.header .navbar-header .menu-toggler,
.header-area .menu-logo .menu-toggler { background-color: #75B3D7; border-radius: 4px; border: 1px solid transparent; width: 37px; height: 35px; line-height: 0; padding: 0 0 1px; text-align: center; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto 0px; }

.header .navbar-header .menu-toggler { float: left; margin-top: 8px; margin-right: 8px; position: relative; }

    .header .navbar-header .menu-toggler:hover,
    .header .navbar-header .menu-toggler:focus,
    .header-area .menu-logo .menu-toggler:hover,
    .header-area .menu-logo .menu-toggler:focus { background-color: #61a8d1; border-color: rgba(255,255,255,.1); }

    .header .navbar-header .menu-toggler button:focus,
    .header-area .menu-logo .menu-toggler button:focus { border: 0px; }

    .header .navbar-header .menu-toggler .icon-bar,
    .header-area .menu-logo .menu-toggler .icon-bar { background-color: #FFF; border-radius: 0; width: 20px; margin-left: 7px; display: block; height: 2px; }

        .header .navbar-header .menu-toggler .icon-bar + .icon-bar,
        .header-area .menu-logo .menu-toggler .icon-bar + .icon-bar { margin-top: 4px; }

.header-area .h-logo-menu .system-logo { float: left; }

    .header-area .h-logo-menu .system-logo img { height: 50px !important; margin: 5px 0 !important; }

.header-area .h-logo-menu .system-name { float: left; font-size: 26pt; padding-left: 10px; color: #7a7a7a; }

.header-area .h-login { text-align: right; }

    .header-area .h-login .lst-noti { list-style: none; padding: 0px; margin: 11px 0px; height: 38px; }

    .header-area .h-login li.li-h { display: inline-block; width: auto; vertical-align: middle; margin: 13px 10px 13px 0px; cursor: pointer; }

    .header-area .h-login .lst-noti .fa { font-size: 23px; color: #aaa; }

    .header-area .h-login .lst-noti li .glyphicon { color: #8a8a8a; font-size: 20pt; }

    .header-area .h-login .lst-noti .profile { padding-left: 10px; }

        .header-area .h-login .lst-noti .profile .fa.fa-angle-down { font-size: 17pt; cursor: pointer; }

    .header-area .h-login .lst-noti .avatar { padding-left: 20px; border-left: 1px solid #ccc; }

.lst-noti .avatar img { width: 40px; height: 40px; border-radius: 50%; margin-top: -1px; }

.header-area .h-login .lst-noti .noti { padding-right: 20px; cursor: pointer; position: relative; }

.top-nav { margin-top: 9px; }

    .top-nav .nav { padding-left: 0; margin-bottom: 0; list-style: none; }

    .top-nav ul.top-menu > li { margin-left: 10px; }

        .top-nav ul.top-menu > li:focus { outline: 0px; }

.nav .open > a:focus { border-color: #eeeeee; background-color: transparent; }

.full-width .nav .open > a:focus { background-color: none !important; }

ul.top-menu > li { float: right; }

.top-nav .nav > li > a > img { border-radius: 50%; }

.top-nav ul.top-menu > li > a { border: 1px solid #eeeeee; border-radius: 4px; -webkit-border-radius: 4px; padding: 6px; background: none; margin-right: 0; }

.top-nav .username { font-size: 13px; color: #555555; }

.top-nav .nav .caret { border-bottom-color: #A4AABA; border-top-color: #A4AABA; }

.top-nav .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; }

@-webkit-keyframes my {
    0% { background-color: transparent; color: #fff; }

    50% { background-color: #dd0e0e; color: #fff; }

    75% { background-color: #dd0e0e; color: #fff; }

    100% { background-color: transparent; }
}

@-moz-keyframes my {
    0% { background-color: transparent; color: #fff; }

    50% { background-color: #dd0e0e; color: #fff; }

    75% { background-color: #dd0e0e; color: #fff; }

    100% { background-color: transparent; }
}

@-o-keyframes my {
    0% { background-color: transparent; color: #fff; }

    50% { background-color: #dd0e0e; color: #fff; }

    75% { background-color: #dd0e0e; color: #fff; }

    100% { background-color: transparent; }
}

@keyframes my {
    0% { background-color: transparent; color: #fff; }

    50% { background-color: #dd0e0e; color: #fff; }

    75% { background-color: #dd0e0e; color: #fff; }

    100% { background-color: transparent; }
}

.header .c-number,
.header-area .c-number { display: block; padding: 0px; font-size: 65%; line-height: 20px; color: transparent; text-align: center; white-space: nowrap; background-color: #dd0e0e; border-radius: 50%; top: -10px; right: -8px; position: absolute; width: 20px; height: 20px; -webkit-animation: my 2000ms infinite; -moz-animation: my 2000ms infinite; -o-animation: my 2000ms infinite; animation: my 2000ms infinite; }

.header-area .h-login .lst-noti .noti .c-number { right: 10px; }

.header-area .h-login .list-unstyled { text-align: right; margin: 5px 0px 0px; line-height: 50px; }

    .header-area .h-login .list-unstyled li { display: inline-block; }

        .header-area .h-login .list-unstyled li.lidn button#menu-login { margin-top: -13px; }

#menu-login:focus { outline: 0; border-color: #4cae4c; }

.header-area .h-login .list-unstyled li.facebook { padding-left: 0px; margin-right: 20px; }

.header-area .h-login .list-unstyled li.google { margin-right: 10px; }

.header-area .system-name a:first-child { color: #2e2e2e; line-height: 60px; font-size: 22px; }

.header-area .system-name a:hover,
.header-area .system-name a:focus { text-decoration: none; }

.header-area .system-name a:not(:first-child) { color: #677ac9; font-size: 16px; margin-left: 20px; }


.header-area .box-menu { margin: 7px 0px 0px; padding: 0px; border-radius: 0; border-bottom: 0px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important; border-color: #ccc; /*box-shadow: 7px 6px 10px -1px #ccc;*/ }

    .header-area .box-menu li { border-bottom: 1px solid #ccc; }

        .header-area .box-menu li a { line-height: 34px; font-size: 11pt; }

            .header-area .box-menu li a .fa { color: #a0a0a0; }

            .header-area .box-menu li a:hover { background-color: #40a2c9; color: #fff; }

                .header-area .box-menu li a:hover .fa { color: #fff; }

.header-area.header.white-bg .test.span-text { font-size: 11pt !important; padding: 3px 20px !important; }

.header-area.header.white-bg #box-menu .dropdown-submenu .dropdown-menu.box-menu-child li a { padding: 3px 20px !important; }

.header-area .igoogle { width: 25px; height: 25px; border-radius: 4px; background-color: #e3352a; color: #fff; text-align: center; line-height: 25px; margin-right: 10px; margin-top: 3px; font-weight: bold; background: url('../images/2google.png') no-repeat; background-size: 25px; cursor: pointer; }

.header-area .ifacebook { width: 25px; height: 25px; border-radius: 4px; background-color: #0077a9; color: #fff; text-align: center; line-height: 25px; margin-right: 20px; margin-top: 3px; font-weight: bold; background: url('../images/3facebook.png') no-repeat; background-size: 25px; cursor: pointer; }

.box-login { width: 250px; position: fixed; top: 60px; right: 0px; background-color: #fff; border: 1px solid #ccc; z-index: 2; text-align: left; font-size: 15px; line-height: 30px; border-radius: 0px; display: none; }

    .box-login .row-close { height: 50px; background-color: #0077ac; line-height: 50px; color: #fff; padding-left: 10px; }

        .box-login .row-close i { padding: 10px; font-size: 20px; }

    .box-login input.form-control { background-color: #eee; }

    .box-login button.input-sm { line-height: 17px; font-size: 9pt; }

    .box-login .a-register { color: inherit; display: inline-block; }

.box-login-n .modal-body { padding: 0px !important; font-size: 15px !important; }

    .box-login-n .modal-body .form-control,
    .box-login-n .modal-body .form-control:hover { box-shadow: none; }

.box-login-n .modal-content { border-radius: 0px; height: auto; padding: 0px; /*background-color:#bfbdbb;*/ /*opacity: 0.95;*/ }

.box-login-n .form-control button { background-color: none; color: none; }

.box-login-n input { margin: 2px 0px 15px 0px; border-radius: 0px; }

.box-login-n .btn { border-radius: 0px; margin: 2px 0px 0px 0px; padding: 0px; width: 100%; line-height: 28px; }

.box-login-n .form-login { padding: 40px 46px 40px 46px; margin: 0px; background-color: #fff; opacity: 1; }

.box-login-n .benefit { padding: 25px 20px 38px 25px; color: #fff; margin: 0px; background-color: #0077ac; position: relative; }

    .box-login-n .benefit:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: -60px; left: 0; opacity: .15; z-index: 1; background-image: url(data:image/png;base64,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); }

    .box-login-n .benefit h4 { margin-top: 5px; margin-bottom: 0px; }

    .box-login-n .benefit hr { margin-top: 10px; margin-bottom: 25px; }

    .box-login-n .benefit ul { list-style: none; margin-left: 0; padding-left: 0; padding: 0px 0px 5px; }

    .box-login-n .benefit li.benefit-row { padding-left: 2px; margin: 17px 0px; padding-left: 30px; position: relative; }

    .box-login-n .benefit .benefit-fa { position: absolute; top: 2px; left: 0; }

    .box-login-n .benefit i:after { content: ""; padding-right: 6px; }

.box-login-n .btn-close, #notify-viewcontent .btn-close { background-color: #4586be; background: url('../images/close.png') no-repeat; width: 30px; height: 30px; background-position: center center; overflow: hidden; padding-left: 30px; border-radius: 4px; /*border :1px solid #fff;*/ position: absolute; top: 0px; right: 0px; cursor: pointer; z-index: 1000; display: block; }

    .box-login-n .btn-close:hover { background-color: #f24827; }

.box-login-n .line-bg { background-image: url('../images/line-background.png'); background-repeat: repeat-x; margin: 12px 0px; }

.box-login-n .loginfacebook { border: 1px solid #225b99; background-color: #fff; color: #225b99; padding: 0px !important; height: 44px; line-height: 44px; }

.box-login-n .logingoogle { background-color: #fff; padding: 0px !important; border: 1px solid #d94d39; height: 44px; line-height: 44px; color: #d94d39; }

.box-login-n .span-fb { float: left; width: 50px; background-color: #225b99; color: #fff; height: 100%; }

.box-login-n .span-google { float: left; width: 50px; height: 100%; background-color: #d94d39; color: #fff; }

.social-network-label { text-align: center; font-size: 11px; color: #999; position: relative; white-space: nowrap; background-color: #fff; /*padding: 2px 12px 5px 12px;*/ padding: 0px 12px; width: 150px; /*display: block;*/ }


.lst-profile { top: 60px; margin: 0px; padding: 0px; border-radius: 0px; border: 1px solid #ccc; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important; }

    .lst-profile li { float: none !important; min-width: 200px; }


        .lst-profile li .glyphicon { font-size: 11pt !important; top: 2px !important; margin-right: 10px; }

        .lst-profile li a { font-size: 13px; padding: 10px 20px 10px 50px !important; position: relative; }

            .lst-profile li a:hover .glyphicon { color: #fff !important; }

            .lst-profile li a:hover { background-color: #6682D6; color: #fff; }

    .lst-profile .divider { margin: 5px 0px; }

    .lst-profile li .fa { /*font-size: 15px !important;
    top: 2px !important;
    margin-right: 10px;*/ color: #737479; position: absolute; left: 15px; top: 10px; font-size: 15px; }

    .lst-profile li a:hover .fa { color: #fff !important; }


.c-navgation .breadcrumb { border-radius: 0px; margin-bottom: 0px; padding-left: 0px; padding-right: 0px; background-color: #f6f7f9; padding: 20px 0px; /*text-transform: uppercase;*/ }

    .c-navgation .breadcrumb > li + li:before { font-size: 15px; padding: 0 7px; }

    .c-navgation .breadcrumb > li { color: #757575; }

        .c-navgation .breadcrumb > li a { color: #3266BA; }

#content-lh { position: relative; background: none repeat scroll 0 0 #0077ac; }

    #content-lh:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .15; z-index: 1; background-image: url(data:image/png;base64,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); }

.footer-bottom-area { color: #fff; padding: 20px 0 20px; border-top: 1px solid rgba(197, 192, 192, 0.5); padding: 22px 0px 30px; display: none; position: relative; z-index: 2; }

    .footer-bottom-area h4 { font-weight: 600; margin-bottom: 0px; }

    .footer-bottom-area ul { list-style: none; margin: 0px; padding: 0px; }

        .footer-bottom-area ul li.li-arrow { position: relative; padding-left: 12px; font-size: 14px; }

            .footer-bottom-area ul li.li-arrow a { text-decoration: none; color: #fff; }

                .footer-bottom-area ul li.li-arrow a:hover { text-decoration: underline; cursor: pointer; }

        .footer-bottom-area ul li,
        .footer-bottom-area .bquyen { font-family: 'Segoe UI Light'; }

            .footer-bottom-area ul li.li-arrow i.dk-arrow { position: absolute; top: 0; left: 0; bottom: 0; height: 15px; margin: auto; }

        .footer-bottom-area ul > li { line-height: 25px; }


        .footer-bottom-area ul li.li-icon { position: relative; padding-left: 25px; font-size: 14px; }

            .footer-bottom-area ul li.li-icon i.dk-fa { position: absolute; top: 0; left: 0; bottom: 0; margin: auto; margin-top: 6px; }

/*Page MENU*/
.page-menu { width: 100%; height: 100%; position: fixed; z-index: 1041; top: 0px; left: 0px; background-color: #fff; }

    .page-menu .bg-p-menu { padding: 50px 0px 10px 20px; /*background-color: rgba(0, 0, 0, 0.6);*/ color: #fff; background: url(../images/bg-menu.png); background-position: top left; background-size: cover; }

    .page-menu img { float: left; }

    .page-menu .text-name { float: left; font-size: 24pt; margin: 9px 0px 0px 10px; }

    .page-menu ul { margin: 5px 0px 0px; padding: 0px; list-style: none; }

        .page-menu ul li { border-bottom: 1px solid #ccc; font-size: 11pt; border-color: #dedede; }

            .page-menu ul li:first-child { border-top: 1px solid #ccc; }

            .page-menu ul li:hover { border-bottom: 1px solid #ccc; font-size: 11pt; background-color: #0077ac; }

            .page-menu ul li a { text-decoration: none; display: block; padding: 15px 15px 15px 25px; color: #777; }

                .page-menu ul li a:hover { color: #fff; background-color: #0077ac; }

#box-menu .dropdown-submenu { position: relative; }

    #box-menu .dropdown-submenu .dropdown-menu { top: 10px; left: 95%; margin-top: -1px; padding: 0px; border-radius: 0px; }

        #box-menu .dropdown-submenu .dropdown-menu li a { font-size: 14px; }

        #box-menu .dropdown-submenu .dropdown-menu li:last-child { border-bottom: 0px; }

#box-menu a.test .fa { position: absolute; right: 15px; top: 14px; }
/*END LEFT MENU*/
/*POPUP-PROFILE*/
.popup-profile { background-color: #fff; }

    .popup-profile .bg-profile { padding: 50px 0px 0px 30px; /*background-color: rgba(0, 0, 0, 0.6);*/ padding-bottom: 10px; color: #fff; background: url(../images/bg-profile.png); background-position: top left; background-size: cover; }

    .popup-profile img { float: left; border-radius: 50%; margin-right: 10px; max-width: 70px; }

    .popup-profile .per-info { float: left; padding-right: 20px; }

        .popup-profile .per-info span:first-child { font-size: 13pt; font-weight: 600; margin-top: 10px; }

    .popup-profile ul { padding: 0px; list-style: none; margin: 5px 0px 0px; }

        .popup-profile ul li { border-color: #dedede; }

            .popup-profile ul li a { line-height: 40px; font-size: 11pt; display: block; padding: 10px 10px 10px 40px; clear: both; font-weight: normal; line-height: 1.42857143; color: #757575; white-space: nowrap; text-decoration: none; }

                .popup-profile ul li a span { font-size: 20px; width: 50px; color: #757575; }

                .popup-profile ul li a:hover { background-color: #0077ac; color: #fff; }

                    .popup-profile ul li a:hover span { color: #fff; }
/*END POPUP-PROFILE*/
/*POPUP NOTIFY*/

.popup-notify { width: 250px; position: fixed; top: 0px; left: 0px; background-color: #fff; font-size: 15px; width: 100%; height: 100%; z-index: 1041; }

    .popup-notify .row-close { height: 50px; background-color: #0077ac; line-height: 50px; color: #fff; padding-left: 10px; }

        .popup-notify .row-close i { padding: 10px; font-size: 20px; }

    .popup-notify ul { list-style: none; margin: 0px 0px 0px 0px; padding: 0px; max-height: 450px; overflow: auto; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

        .popup-notify ul a { text-decoration: inherit; color: inherit; }

        .popup-notify ul li { padding: 10px 20px; border-bottom: 1px solid #ccc; min-height: 40px; }

            .popup-notify ul li:hover { background-color: #0077ac; color: #fff; }

    .popup-notify .read { background-color: #edf2fa; }

/*#prepare:hover {
    background-color: #fff;
    cursor: wait;
}*/

#progress { background-color: #fff; cursor: wait; }

#init { background-color: #fff; cursor: wait; }

/*END POPUP NOTIFY*/
/*WAITING*/
/*16x16*/

body.login-loading::after { content: ''; position: fixed; top: 0; left: 0; right: 257px; bottom: 0; z-index: 999999; background-color: transparent; background-image: url('../images/waiting/ripple.svg'); background-repeat: no-repeat; background-size: 48px 48px; background-position: center; }

body.loading::after { content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; background-color: transparent; background-image: url('../images/waiting/ripple.svg'); background-repeat: no-repeat; background-size: 48px 48px; background-position: center; }

.wt-waiting { width: 100%; height: 100%; padding: 0; margin: 0; display: block; position: static; background-color: transparent; background-image: url('../images/waiting/ripple.svg'); background-repeat: no-repeat; background-size: 16px 16px; background-position: center; }

    .wt-waiting.wt-fixed { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background-color: rgba(0,0,0,0.05); }

    .wt-waiting.wt-absolute { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background-color: rgba(0,0,0,0.1); }

    /*32x32*/
    .wt-waiting.wt-medium { background-size: 32px 32px; }
    /*48x48*/
    .wt-waiting.wt-large { background-size: 48px 48px; }

.gritter-item-wrapper.gritter-warning { background: rgba(190,112,31,.92); }

.span-error { border-color: #cc0a0a; background-color: #f2dede !important; }

.login-error { display: none; color: #f00; line-height: 100%; margin-bottom: 7px; }
/*FIX FORM SUBMIT*/
.form-submit-custom { padding: 20px 0; text-align: center; }

    .form-submit-custom .btn-submit-custom { min-width: 120px; margin: 10px 15px; }

        .form-submit-custom .btn-submit-custom .icon-submit-custom { font-size: 14pt; top: 4px; margin-right: 5px; }

.modal-custom { overflow: hidden !important; display: block; }

    .modal-custom + .modal-backdrop { -webkit-opacity: 0.5; -moz-opacity: 0.5; -ms-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5; }

    .modal-custom .modal-dialog { min-width: 320px; max-width: 100%; max-height: 100%; width: 500px; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

        .modal-custom .modal-dialog .modal-content { max-width: 100%; margin: auto; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; }

            .modal-custom .modal-dialog .modal-content .modal-header { }

            .modal-custom .modal-dialog .modal-content .modal-body { padding: 20px 15px; font-size: 14pt; }

                .modal-custom .modal-dialog .modal-content .modal-body p:only-child { margin-bottom: 0; }

                .modal-custom .modal-dialog .modal-content .modal-body p:last-child { margin-bottom: 0; }

            /*.modal-custom .modal-dialog .modal-content .modal-footer .btn:first-child {
                margin-left: 0;
            }*/

            .modal-custom .modal-dialog .modal-content .table { margin: 0; }

                .modal-custom .modal-dialog .modal-content .table tr td { border: 0; text-align: center; vertical-align: middle; }

            .modal-custom .modal-dialog .modal-content .modal-body .table tr td { font-size: 16pt; color: rgb(81, 81, 81); }

            .modal-custom .modal-dialog .modal-content .modal-footer .table tr td { padding: 0; font-size: 14pt; color: #888; }

.box-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; opacity: .5; }

/*.p-forgot-pass .modal-body {
    padding: 0px !important;
}

.p-forgot-pass .box-field {
    padding: 0px 30px;
}

.p-forgot-pass .modal-footer .btn-success {
    margin-left: 0px !important;
}

.p-forgot-pass .modal-body .input-group {
    margin: 8px 0px;
}

.p-forgot-pass .modal-body .input-group-addon {
    background-color: #337ab7;
    border: 1px solid #337ab7;
    color: #fff;
}

.p-forgot-pass .modal-body input {
    width: 265px !important;
}*/
.p-popup-default { }

    .p-popup-default .modal-dialog .modal-content .modal-header h4 { font-weight: normal; line-height: 30px; font-size: 14px; text-transform: uppercase; }

    .p-popup-default:not(.box-login-n) .modal-dialog .modal-content .modal-body { padding: 25px !important; font-size: 14px !important; }

    .p-popup-default .modal-dialog .modal-content .modal-body.no-padding { padding: 0 !important; }

    .p-popup-default .modal-header { background-color: #347ab8; font-weight: normal; color: #fff; border-radius: 4px 4px 0px 0px; padding-top: 6px; padding-bottom: 6px; font-size: 14px; }

        .p-popup-default .modal-header .close { color: #fff; font-weight: normal; opacity: 0.8; width: 25px; height: 25px; overflow: hidden; margin-top: -2px; font-size: 25px; }

            .p-popup-default .modal-header .close:hover { opacity: 1; }

.k-dialog a.k-dialog-action.k-dialog-close { top: -4px !important; }

.bdt .k-dialog a.k-dialog-action.k-dialog-close { top: 9px !important; right: 6px !important; padding: 0px; }

.bdt .modal.p-popup-default .modal-dialog .modal-content .modal-header .maximize,
.bdt .modal.p-popup-default .modal-dialog .modal-content .modal-header .restore { width: 15px; height: 25px; overflow: hidden; margin-top: 4px; position: absolute; right: 45px; opacity: 0.8; display: none; cursor: pointer; }

    .bdt .modal.p-popup-default .modal-dialog .modal-content .modal-header .maximize:hover,
    .bdt .modal.p-popup-default .modal-dialog .modal-content .modal-header .restore:hover { opacity: 1; }

/*.p-popup-default .modal-header .close {
            background-color: #4586be;
            background: url('../images/close.png') no-repeat;
            width: 30px;
            height: 30px;
            background-position: center center;
            overflow: hidden;
            padding-left: 30px;
            border-radius: 4px;
            opacity: 0.80 !important;
            margin-top: 0px;
        }

            .p-popup-default .modal-header .close:hover {
                background-color: #f24827;
                opacity: 1.0 !important;
            }

            .p-popup-default .modal-header .close:focus {
                background-color: #f24827;
                opacity: 1.0 !important;
            }*/

.p-popup-default .modal-body .input-group { width: 100%; }

.p-popup-default .modal-body .input-group-addon { background-color: #fff; border: 1px solid #b7b7b7; color: #b1b1b1; border-right: 0px; width: 50px; }

.p-popup-default .modal-body .input-group input { border-left: 0px; padding-left: 0px; }

.p-popup-default .modal-body .form-control { border-color: #b7b7b7; }

    .p-popup-default .modal-body .form-control:not([disabled]) { background-color: #fff; }

.p-popup-default .modal-dialog .modal-content .table:not(.custom) tr td { text-align: right !important; }

.p-popup-default .modal-dialog .modal-footer { width: 100%; padding: 10px 15px; background-color: #fafafa; }

    .p-popup-default .modal-dialog .modal-footer .btn { font-size: 14px; padding: 6px 32px; margin: 0px 0 0px 20px; min-width: 120px; }

.p-popup-default .c-btn-close { background-color: #fff; color: #4c4c4c; border-color: #7a7a7a; margin-right: 10px !important; }

    .p-popup-default .c-btn-close:hover { background-color: #e2e2e2; }

.modal-custom.p-popup-math .modal-dialog .modal-content .modal-body { padding: 10px 0px 10px 10px !important; }

.p-forgot-pass .span-static { display: block; margin-bottom: 10px; font-size: 16px; font-weight: 600; }

.modal.confirm-dialog { width: 100%; height: 100%; }

    .modal.confirm-dialog .modal-dialog { display: table-cell; vertical-align: middle; }

        .modal.confirm-dialog .modal-dialog .modal-content { max-width: 555px; min-height: initial !important; margin: auto; margin-top: 70px; background-color: #f5f5f5; }

            .modal.confirm-dialog .modal-dialog .modal-content .modal-body { padding: 30px 20px 20px; }

    .modal.confirm-dialog .body-left { height: 80px; }

        .modal.confirm-dialog .body-left img { width: 160px; height: 160px; max-width: 90%; margin: auto; margin-top: -100px; position: absolute; top: 0; left: 0; right: 0; border-radius: 50%; }

    .modal.confirm-dialog .body-right { color: #333; }

        .modal.confirm-dialog .body-right .btn-box { margin: 10px -10px -10px; }

            .modal.confirm-dialog .body-right .btn-box .btn { padding: 5px 10px !important; min-width: 120px; margin: 10px; }

                .modal.confirm-dialog .body-right .btn-box .btn.btn-default { background-color: #ddd; }

    .modal.confirm-dialog .media-cnt { margin-top: 10px; padding-top: 10px; border-top: 1px dashed #ddd; }

    .modal.confirm-dialog .media-box { margin: 0 -20px; }

        .modal.confirm-dialog .media-box > .col-xs-6 { padding-left: 20px; padding-right: 20px; }

    .modal.confirm-dialog .media.media-test-submit { }

        .modal.confirm-dialog .media.media-test-submit .media-left { padding-right: 15px; }

        .modal.confirm-dialog .media.media-test-submit a.media-object { width: 40px; height: 40px; line-height: 34px; background-color: #aaa; border: 1px solid #888; text-align: center; }

            .modal.confirm-dialog .media.media-test-submit a.media-object > i { vertical-align: middle; font-size: x-large; color: #fff; }
/*Window*/
.bdt .k-widget.k-window .k-window-titlebar { height: 20px; line-height: 20px; padding: 10px 0; font-size: 14px; font-weight: normal; background-color: #347ab8; color: #fff; text-transform: uppercase; }

    .bdt .k-widget.k-window .k-window-titlebar .k-window-title { font-weight: normal; font-size: 14px; padding-left: 10px; }

    .bdt .k-widget.k-window .k-window-titlebar .k-window-actions { padding-top: 7px; margin-right: 10px; }

        .bdt .k-widget.k-window .k-window-titlebar .k-window-actions .k-link { margin-left: 10px; width: 20px; height: 20px; }

        .bdt .k-widget.k-window .k-window-titlebar .k-window-actions .k-icon { font-size: 18px; }

.bdt .k-window-custom * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*Header Grid Window*/
.bdt .k-dialog-custom.k-content.k-window-content.k-dialog-content .k-grid.k-widget .k-grid-header { background-color: transparent; border-bottom-color: #dfdfdf; }

    .bdt .k-dialog-custom.k-content.k-window-content.k-dialog-content .k-grid.k-widget .k-grid-header:hover { background-color: transparent; border-bottom-color: #dfdfdf; }

    .bdt .k-dialog-custom.k-content.k-window-content.k-dialog-content .k-grid.k-widget .k-grid-header .k-grid-header-wrap.k-auto-scrollable, .bdt .k-dialog-custom.k-content.k-window-content.k-dialog-content .k-grid.k-widget .k-grid-header .k-grid-header-wrap.k-auto-scrollable thead { border-color: transparent; }

.bdt .k-dialog-custom.k-content.k-window-content.k-dialog-content .k-grid[data-role="grid"] .k-grid-header th a.k-link,
.bdt .k-dialog-custom.k-content.k-window-content.k-dialog-content .k-grid[data-role="grid"] .k-grid-header th .k-icon,
.bdt .k-dialog-custom.k-content.k-window-content.k-dialog-content .k-grid[data-role="grid"] .k-grid-header th { background-color: transparent; color: #000; font-weight: 600; }

.bdt .k-grid tr:not(.k-detail-row):hover { background-color: transparent; }

.bdt .k-dialog-custom.k-content.k-window-content.k-dialog-content .k-grid[data-role="grid"] .k-grid-header th .k-icon { color: #a6a6a6; }
/*.bdt .k-dialog-custom.k-content.k-window-content.k-dialog-content{
    padding: 0px;
}*/
.bdt .k-widget.k-window.k-dialog { border: none; }
/*Header GridV2*/
.bdt .p-popup-default .modal-dialog .modal-content .modal-body .k-grid-header .k-grid-header-wrap { border-right-width: 0; }

.bdt .modal-body .k-grid[data-role="grid"] .k-grid-header th a.k-link,
.bdt .modal-body .k-grid[data-role="grid"] .k-grid-header th .k-icon,
.bdt .modal-body .k-grid[data-role="grid"] .k-grid-header th,
.bdt .modal-body .k-grid[data-role="grid"] .k-grid-header { background-color: transparent; color: #333; }
/*Sort*/
.filter .field-sort { background-position: right center; padding-right: 5px; background-size: 20px; }

.divsort { overflow: visible; background: #fff; border: 1px solid #d9d9d9; border-radius: 4px; box-shadow: 0 10px 10px 0 rgba(0,0,0,.1); padding: 5px 10px; position: absolute; top: -40px; z-index: 11; text-align: left; right: -100px; width: 360px; /*display:none;*/ padding: 20px; font-size: 14px; }

    .divsort::before { left: auto; right: 40px; content: ''; width: 0; height: 0; position: absolute; bottom: 100%; border-bottom: 10px solid #d9d9d9; border-left: 10px solid transparent; border-right: 10px solid transparent; }

    .divsort::after { left: auto; right: 40px; top: -8px; content: ''; width: 0; height: 0; position: absolute; bottom: 100%; border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; }
/*End sort*/

.input-group { }

    .input-group .icon-clear { display: none; height: 16px; margin: auto 0; position: absolute; top: 0; right: 50px; bottom: 0; z-index: 9; cursor: pointer; color: #999; font-size: 24px; text-align: center; line-height: 10px; }

    .input-group:hover .icon-clear { display: block; }

    .input-group .icon-clear:hover { color: #000; }

    .input-group input[type="text"][value=""] + .icon-clear,
    .input-group input[type="text"]:not([value]) + .icon-clear { display: none; }

/*pagination bootstrap*/
.footer-pagination.pagination { display: inline-block; }

    .footer-pagination.pagination a,
    .footer-pagination.pagination li { color: #788c98; float: left; width: 27px; height: 27px; padding: 2px 0px; text-align: center; text-decoration: none; transition: background-color .2s; border: 1px solid #ddd; margin: 0 1px; cursor: pointer; }

        .footer-pagination.pagination a.head-tail,
        .footer-pagination.pagination li.head-tail { background-color: #eeeeec; }

        .footer-pagination.pagination a.active,
        .footer-pagination.pagination li.active { background-color: #0078ad; color: #fff; border: 1px solid #0078ad; cursor: default; }

        .footer-pagination.pagination a:hover,
        .footer-pagination.pagination li:hover { background-color: #ddd; background-color: #0078ad; color: #fff; border: 1px solid #0078ad; }

/*END FIX FORM SUBMIT*/

/*application*/
.dropdown-application { position: relative; }

    .dropdown-application .btn-open-list-app { width: 44px; height: 44px; margin: 0 0 0 10px; cursor: pointer; }

        .dropdown-application .btn-open-list-app img { width: 100%; height: 100%; padding: 31%; }

    .dropdown-application .dropdown-menu { white-space: nowrap; border-color: #f0f0f8; }

        .dropdown-application .dropdown-menu > li { padding: 0 !important; }

            .dropdown-application .dropdown-menu > li:last-child { margin-right: -1px; }

            .dropdown-application .dropdown-menu > li > a { padding: 20px !important; text-align: center; }

                .dropdown-application .dropdown-menu > li > a .p-image,
                .dropdown-application .dropdown-menu > li > a .p-image-hover { width: 60px; }

                .dropdown-application .dropdown-menu > li > a:hover .p-image { display: none; }

                .dropdown-application .dropdown-menu > li > a:hover .p-image-hover { display: block !important; }

                .dropdown-application .dropdown-menu > li > a img { width: 24px; height: 24px; }

                .dropdown-application .dropdown-menu > li > a .p-label { margin-top: 10px; }

.aside-application { }

.personal-task tbody tr td:nth-child(2) { padding-left: 0px; padding-right: 15px; text-align: left !important; }

.personal-task tbody tr td.hidden-xs.hidden-sm { width: 0px; }
.box-login-n.modal-custom .modal-dialog .modal-content { background-color: transparent; }
/*end application*/

.site-footer { position: fixed; bottom: 0px; width: 100%; }

/*COL-XS*/
@media only screen and (max-width: 767px) {
    .modal-open { overflow: hidden; position: fixed; }

    input,
    input[type="color"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    select:focus,
    textarea  { font-size: 16px !important; }

    .modal-content { border: 0px; }

    .container { padding-left: 10px; padding-right: 10px; }

    .row { margin-left: -10px; margin-right: -10px; }

    .panel-body { padding-left: 10px; padding-right: 10px; }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
    .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
    .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
    .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
    .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
    .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
    .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
    .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
    .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
    .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
    .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
    .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 10px; padding-right: 10px; }

    .slrn-right, .none-mobile-display { padding-left: 0px !important; }

    .header-area .h-logo-menu { height: 50px !important; }

        .header-area .h-logo-menu .system-logo img { height: 40px !important; }

        .header-area .h-logo-menu .system-name { padding-left: 5px; line-height: 40px; }

            .header-area .h-logo-menu .system-name a { font-size: 23px; /*line-height: 40px;*/ }

        .header-area .h-logo-menu .dropdown { /*margin-top: 4px;*/ }
            .header-area .h-logo-menu .dropdown .icon-menu { margin-top: 4px; }

    .header-area .h-login .list-unstyled { line-height: 45px; }

    .header-area .h-logo-menu .box-menu { margin-top: 0px; }

    .header-area .h-logo-menu .icon-menu { width: 35px; margin-right: 10px; }

    .top-nav { margin-top: 4px; }

    .header .top-nav ul.top-menu > li > a { padding: 5px; }

    .box-login { top: 50px; }

    .lst-profile { top: 45px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176); }

    .maincontent-area { padding-top: 50px; height: auto !important; }
    .container-fluid.maincontent-area { padding: 50px 10px; }
    .text-center-xs { text-align: center; }

    .section-title { font-size: 18px !important; font-family: 'Segoe UI' !important; font-weight: normal; margin: 20px 0px; }

    .profile { display: none; }

    .lst-noti .avatar { width: 25px; height: 32px; padding-left: 0px !important; margin-left: 5px; border: 0px !important; }

        .lst-noti .avatar img { width: 35px !important; height: 35px !important; vertical-align: top; }

    .form-search { display: inline-block; margin-bottom: 0; vertical-align: middle; }

    .header-area .h-login .lst-noti { margin: 8px 0px 4px 0px; }

        .header-area .h-login .lst-noti li.li-h { line-height: 40px; }

    .box-notify,
    .box-mail { margin-top: 7px; }

    .header-area .h-login .list-unstyled li.lidn button#menu-login { margin-top: -5px; width: 40px; height: 35px; }

    .noti { padding-right: 7px !important; }



    .header-area .c-number { top: -2px; right: -3px !important; }

    .display-block-xs { display: block !important; }

    .no-margin-xs { margin: 0 !important; }

    .no-margin-top-xs { margin-top: 0 !important; }

    .no-margin-left-xs { margin-left: 0 !important; }

    .no-margin-right-xs { margin-right: 0 !important; }

    .no-margin-bottom-xs { margin-bottom: 0 !important; }

    .no-padding-xs { padding: 0 !important; }

    .no-padding-top-xs { padding-top: 0 !important; }

    .no-padding-left-xs { padding-left: 0 !important; }

    .no-padding-right-xs { padding-right: 0 !important; }

    .no-padding-bottom-xs { padding-bottom: 0 !important; }

    .no-border-xs { border-width: 0 !important; }

    .no-border-left-xs { border-left-width: 0 !important; }

    .no-border-right-xs { border-right-width: 0 !important; }

    .no-border-top-xs { border-top-width: 0 !important; }

    .no-border-bottom-xs { border-bottom-width: 0 !important; }

    .mgtop-xs { margin-top: 20px; }

    .box-login-n .benefit { padding-top: 15px; }

    .btn-facebook { padding-right: 3px; margin-bottom: 15px; }

    .btn-google { padding-left: 3px; margin-bottom: 0px; }

    .box-login-n { top: 0px; left: 0px; right: 0px; bottom: 0px; }

        .box-login-n .loginfacebook { border: 1px solid #225b99; background-color: #fff; color: #225b99; padding: 0px !important; height: 44px; line-height: 44px; }

        .box-login-n .logingoogle { background-color: #fff; padding: 0px !important; border: 1px solid #d94d39; height: 44px; line-height: 44px; color: #d94d39; }

        .box-login-n .form-login { padding: 30px 25px 20px 25px; }

        .box-login-n .span-google,
        .box-login-n .span-fb { width: 44px; }

    .modal-dialog { width: 100%; height: 100%; margin: 0; padding: 0; }

    .modal-content { height: auto; min-height: 100%; border-radius: 0; }

    .box-login-n .btn-close { background-color: #bcbcbc; top: 10px; right: 10px; }

    .p-forgot-pass .box-field { padding: 10px; }

    .p-forgot-pass .modal-body input { width: 100% !important; }

    .p-forgot-pass .modal-footer { padding-left: 0px !important; padding-right: 0px !important; }

    .modal-custom .modal-dialog .modal-content .modal-footer .table tr td { text-align: center !important; }

    .modal-custom .modal-dialog .modal-content .modal-footer .btn-success { padding-left: 15px; padding-right: 15px; margin-left: 0px; }

    .modal-custom.p-popup-math .modal-dialog .modal-content .modal-body { padding: 7px !important; }

    .divsort { position: relative; top: -40px; margin-bottom: 8px; box-shadow: none; width: 100%; }

    .dropdown-menu.dropdown-menu-notify:before { right: 16px; }

    /*phần notify popup*/
    #notify-viewcontent .panel.panel-notify { position: fixed; right: 0px; top: 0px; bottom: 0px; left: 0px; }

    .dropdown-menu.dropdown-menu-notify:before { display: none; }

    #notify-viewcontent .slimScrollDiv { height: 376px; }

    #notify-viewcontent .notify-item.Requested .media .media-body { width: 64%; }

    #notify-viewcontent .notify-item.Requested .media .media-right { width: 30%; }

    #notify-viewcontent .notify-item .dropdown ul.dropdown-menu { margin-top: -10px; }

    body.login-loading::after { right: 0; }

    /*Extra*/
    .page-menu-sure { width: 100%; height: 100%; position: fixed; z-index: 1041; top: 0px; left: 0px; }

        .page-menu-sure .bg-p-menu { padding: 50px 0px 10px 20px; /*background-color: rgba(0, 0, 0, 0.6);*/ color: #fff; background: url(../images/bg-menu.png); background-position: top left; background-size: cover; }

        .page-menu-sure img { float: left; }

        .page-menu-sure .text-name { float: left; font-size: 24pt; margin: 9px 0px 0px 10px; }

        .page-menu-sure ul.box-menu-temp { margin-top: 0px; }

    .page-menu-sure { background-color: #f9f9f9; color: #888; }

        .page-menu-sure ul.box-menu-child { margin-bottom: 5px; display: block; float: none; position: initial; box-shadow: none; border: 0px; background-color: #f9f9f9; }

        .page-menu-sure ul .box-menu-li { border-bottom: 1px solid #ccc; color: #666; }

        .page-menu-sure ul li:hover,
        .page-menu-sure ul li a:hover { background-color: transparent; color: inherit; }

        .page-menu-sure ul .box-menu-li span.span-text,
        .page-menu-sure ul .box-menu-li a.span-text { display: block; margin: 10px 0px 5px; margin-left: 30px; font-size: 16px; text-transform: initial; padding: 5px 0px; }

        .page-menu-sure ul .box-menu-li ul li { text-transform: initial; border: 0px; padding-left: 30px; }

            .page-menu-sure ul .box-menu-li ul li:hover { background-color: #e9e9e9; }

            .page-menu-sure ul .box-menu-li ul li a { display: block; padding: 5px 0px; color: #444; }

            .page-menu-sure ul .box-menu-li ul li .icon-li { margin-right: 25px; font-size: 20px; vertical-align: middle; }

        .page-menu-sure .box-menu-li { background-color: #f9f9f9; }

        .page-menu-sure ul .box-menu-li:last-child { border-bottom: 0px; }
    /*P-POPUP-DEFAULT*/
    .p-popup-default .modal-header { border-radius: 0px; }

    .p-popup-default .modal-dialog .modal-content .modal-body { padding: 15px !important; }

    .p-popup-default:not(.box-login-n) .modal-dialog .modal-content .modal-body { padding: 15px !important; }
    /*Menu Toggler*/
    .header-area .menu-logo .menu-toggler { background-color: #fff; }

        .header-area .menu-logo .menu-toggler .icon-bar { background-color: #919191; }
    .header-area .h-logo-menu { margin-bottom: 0px; }

        .header-area .h-logo-menu .system-logo img { /*height: 35px;*/ /*width: 35px;*/ /*margin-top: 3px;*/ }

    .header-area .menu-logo .menu-toggler .icon-bar + .icon-bar { margin-top: 3px; }

    .header-area .menu-logo .menu-toggler .icon-bar { width: 18px; }

    .header-area .h-logo-menu .system-name { padding-left: 8px; }

    /*Breadcrumbs in PC and Mobile*/
    .breadcrumb.breadcrumb-mobile { display: block !important; }

    .breadcrumb.breadcrumb-pc { display: none !important; }
    /*End of Breadcrumbs in PC and Mobile*/

    /* User Information - Header in right corner*/
    .header .top-nav ul.top-menu > li > a { margin-right: 5px; }
    /*End of user Information - Header in right corner*/

    .pnl-school-year .hidden-in-mobile-navigation { display: none !important; }

    .pnl-school-year .display-in-mobile-navigation { display: block !important; }

        .pnl-school-year .display-in-mobile-navigation ul li { color: #333333; font-size: 16px; font-weight: normal; padding-left: 1em; text-indent: -.7em; }

            .pnl-school-year .display-in-mobile-navigation ul li:before { background-color: #7a7a7a; border-radius: 50%; content: ""; display: inline-block; margin-right: 10px; margin-bottom: 2px; height: 7px; width: 7px; }

    .site-min-height { min-height: 300px !important; }

    footer.site-footer.container-fluid { display: none; }

    .site-footer { position: unset; }
    .box-login-n.modal-custom .modal-dialog .modal-content { background-color: #fff; }
    .k-widget.k-window[data-role="draggable"] { width: 100% !important; }
        .k-widget.k-window[data-role="draggable"] .k-widget.k-breadcrumbs.k-textbox { width: 60%; }
        .k-widget.k-window[data-role="draggable"] .k-search-wrap { width: 35%; }
            .k-widget.k-window[data-role="draggable"] .k-search-wrap .k-search { top: 12px; }
        .k-widget.k-window[data-role="draggable"] .k-filebrowser .k-upload { width: 110px; }
}

@media only screen and (max-width: 499px) {
    #main-content { padding-bottom: 0px; }

    .header-area .h-logo-menu .system-name a { font-size: 20px; /*line-height: 40px;*/ }

    #notify-viewcontent .btn-close { top: 0px; right: 5px; }

    .section-title { font-size: 16px !important; margin: 15px 0px; }

    .pdfviewer { height: 400px; }

    .p-popup-default .modal-dialog .modal-content .modal-body { padding: 15px !important; }

    .p-popup-default:not(.box-login-n) .modal-dialog .modal-content .modal-body { padding: 0 !important; }
}

/*COL-XS*/
@media only screen and (max-width: 320px) {
    .header-area .h-logo-menu { }

        .header-area .h-logo-menu .system-logo img { height: 34px !important; }

        .header-area .h-logo-menu .system-name { padding-left: 0px; }

    .box-login-n .form-login { padding: 30px 5px 20px 5px; }

    .box-login-n .btn-facebook { margin-bottom: 10px; }

    .box-login-n .span-google,
    .box-login-n .span-fb { width: 44px; }

    .dropdown-application .btn-open-list-app { display: none; }
}

/*COL-SM*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .text-center-sm { text-align: center; }

    .text-right-sm { text-align: right; }

    .mgtop-sm { margin-top: 20px; }

    .box-login-n .benefit { padding-top: 15px; }

    .btn-facebook { padding-right: 3px; }

    .btn-google { padding-left: 3px; }
    /*.box-login-n {
        top: 150px;
    }*/

    .box-login-n .form-login { padding-top: 30px; /*border-radius: 0px 100px 0px 0px;*/ }

    .modal-dialog { max-width: 500px; }

        .modal-dialog.modal-lg { max-width: 600px; }

    .box-login-n .btn-close { background-color: #bcbcbc; top: 10px; right: 10px; }

    body.login-loading::after { right: 0; }

    header.header .top-menu { width: auto !important; }
}

@media only screen and (min-width: 1200px) {
    .no-margin-lg { margin: 0px; }

    .no-margin-top-lg { margin-top: 0px; }

    .no-margin-left-lg { margin-left: 0px; }

    .no-margin-right-lg { margin-right: 0px; }

    .no-margin-bottom-lg { margin-bottom: 0px; }

    .no-padding-lg { padding: 0px; }

    .no-padding-top-lg { padding-top: 0px; }

    .no-padding-left-lg { padding-left: 0px; }

    .no-padding-right-lg { padding-right: 0px; }

    .no-padding-bottom-lg { padding-bottom: 0px; }
}

/*COL-MD*/
@media only screen and (min-width: 992px) and (max-width: 1279px) {
    .btn-facebook { padding-right: 2px; }

    .btn-google { padding-left: 2px; }

    .modal-dialog { width: 795px; }

        .modal-dialog.modal-lg { width: 900px; }

    .box-login-n .form-login { min-height: 400px; }

    .box-login-n .benefit { min-height: 407px; }

    .section2 .item-lbl { padding: 10px 15px !important; }
}

/*COL-LG*/
@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    .btn-facebook { padding-right: 2px; }

    .btn-google { padding-left: 2px; }

    .modal-dialog { width: 795px; }

        .modal-dialog.modal-lg { width: 1000px; }

    .box-login-n .form-login { min-height: 400px; }

    .box-login-n .benefit { min-height: 407px; }
}

@media only screen and (min-width: 1440) and (max-width: 1599px) {
    .modal-dialog { width: 795px; }

        .modal-dialog.modal-lg { width: 1200px; }
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    .modal-dialog { width: 795px; }

        .modal-dialog.modal-lg { width: 1400px; }
}

@media only screen and (min-width: 1920px) {
    .modal-dialog { width: 795px; }

        .modal-dialog.modal-lg { width: 1600px; }
}

/*STYLE MINI SCREEN : WIDTH < 500px*/
.visible-xxs,
.visible-xxs-block,
.visible-xxs-inline,
.visible-xxs-inline-block { display: none !important; }

@media only screen and (max-width: 499px) {
    .container-fluid.maincontent-area { padding: 50px 5px; }

    .container { padding-left: 5px; padding-right: 5px; }

    .row { margin-left: -5px; margin-right: -5px; }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
    .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
    .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
    .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
    .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
    .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
    .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
    .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
    .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
    .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
    .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
    .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 5px; padding-right: 5px; }

    .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 { position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px; float: left; }

    .col-xxs-12 { width: 100%; }

    .col-xxs-11 { width: 91.66666667%; }

    .col-xxs-10 { width: 83.33333333%; }

    .col-xxs-9 { width: 75%; }

    .col-xxs-8 { width: 66.66666667%; }

    .col-xxs-7 { width: 58.33333333%; }

    .col-xxs-6 { width: 50%; }

    .col-xxs-5 { width: 41.66666667%; }

    .col-xxs-4 { width: 33.33333333%; }

    .col-xxs-3 { width: 25%; }

    .col-xxs-2 { width: 16.66666667%; }

    .col-xxs-1 { width: 8.33333333%; }

    .col-xxs-pull-12 { right: 100%; }

    .col-xxs-pull-11 { right: 91.66666667%; }

    .col-xxs-pull-10 { right: 83.33333333%; }

    .col-xxs-pull-9 { right: 75%; }

    .col-xxs-pull-8 { right: 66.66666667%; }

    .col-xxs-pull-7 { right: 58.33333333%; }

    .col-xxs-pull-6 { right: 50%; }

    .col-xxs-pull-5 { right: 41.66666667%; }

    .col-xxs-pull-4 { right: 33.33333333%; }

    .col-xxs-pull-3 { right: 25%; }

    .col-xxs-pull-2 { right: 16.66666667%; }

    .col-xxs-pull-1 { right: 8.33333333%; }

    .col-xxs-pull-0 { right: auto; }

    .col-xxs-push-12 { left: 100%; }

    .col-xxs-push-11 { left: 91.66666667%; }

    .col-xxs-push-10 { left: 83.33333333%; }

    .col-xxs-push-9 { left: 75%; }

    .col-xxs-push-8 { left: 66.66666667%; }

    .col-xxs-push-7 { left: 58.33333333%; }

    .col-xxs-push-6 { left: 50%; }

    .col-xxs-push-5 { left: 41.66666667%; }

    .col-xxs-push-4 { left: 33.33333333%; }

    .col-xxs-push-3 { left: 25%; }

    .col-xxs-push-2 { left: 16.66666667%; }

    .col-xxs-push-1 { left: 8.33333333%; }

    .col-xxs-push-0 { left: auto; }

    .col-xxs-offset-12 { margin-left: 100%; }

    .col-xxs-offset-11 { margin-left: 91.66666667%; }

    .col-xxs-offset-10 { margin-left: 83.33333333%; }

    .col-xxs-offset-9 { margin-left: 75%; }

    .col-xxs-offset-8 { margin-left: 66.66666667%; }

    .col-xxs-offset-7 { margin-left: 58.33333333%; }

    .col-xxs-offset-6 { margin-left: 50%; }

    .col-xxs-offset-5 { margin-left: 41.66666667%; }

    .col-xxs-offset-4 { margin-left: 33.33333333%; }

    .col-xxs-offset-3 { margin-left: 25%; }

    .col-xxs-offset-2 { margin-left: 16.66666667%; }

    .col-xxs-offset-1 { margin-left: 8.33333333%; }

    .col-xxs-offset-0 { margin-left: 0; }

    .hidden-xxs { display: none !important; }

    .visible-xxs { display: block !important; }

    table.visible-xxs { display: table !important; }

    tr.visible-xxs { display: table-row !important; }

    th.visible-xxs,
    td.visible-xxs { display: table-cell !important; }

    .visible-xxs-block { display: block !important; }

    .visible-xxs-inline { display: inline !important; }

    .visible-xxs-inline-block { display: inline-block !important; }

    .display-block-xxs { display: block !important; }

    .no-margin-xxs { margin: 0 !important; }

    .no-margin-top-xxs { margin-top: 0 !important; }

    .no-margin-left-xxs { margin-left: 0 !important; }

    .no-margin-right-xxs { margin-right: 0 !important; }

    .no-margin-bottom-xxs { margin-bottom: 0 !important; }

    .no-padding-xxs { padding: 0 !important; }

    .no-padding-top-xxs { padding-top: 0 !important; }

    .no-padding-left-xxs { padding-left: 0 !important; }

    .no-padding-right-xxs { padding-right: 0 !important; }

    .no-padding-bottom-xxs { padding-bottom: 0 !important; }
}

.shown { display: block; }

.no-margin { margin: 0px; }

.no-margin-top { margin-top: 0px; }

.no-margin-left { margin-left: 0px; }

.no-margin-right { margin-right: 0px; }

.no-margin-bottom { margin-bottom: 0px; }

.no-padding { padding: 0px; }

.no-padding-top { padding-top: 0px; }

.no-padding-left { padding-left: 0px; }

.no-padding-right { padding-right: 0px; }

.no-padding-bottom { padding-bottom: 0px; }

.no-border-radius { border-radius: 0 !important; }

.no-border { border-width: 0; }

.no-border-top { border-top-width: 0; }

.no-border-left { border-left-width: 0; }

.no-border-right { border-right-width: 0; }

.no-border-bottom { border-bottom-width: 0; }

.margin-0 { margin: 0; }
.margin-5 { margin: 5px; }
.margin-10 { margin: 10px; }
.margin-15 { margin: 15px; }
.margin-20 { margin: 20px; }
.margin-30 { margin: 30px; }

.margin-top-0 { margin-top: 0; }
.margin-top-5 { margin-top: 5px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }

.margin-right-0 { margin-right: 0; }
.margin-right-5 { margin-right: 5px; }
.margin-right-10 { margin-right: 10px; }
.margin-right-15 { margin-right: 15px; }
.margin-right-20 { margin-right: 20px; }
.margin-right-30 { margin-right: 30px; }

.margin-left-0 { margin-left: 0; }
.margin-left-5 { margin-left: 5px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-15 { margin-left: 15px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-30 { margin-left: 30px; }

.margin-bottom-0 { margin-bottom: 0; }
.margin-bottom-5 { margin-bottom: 5px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-30 { margin-bottom: 30px; }

.padding-top-0 { padding-top: 0; }
.padding-top-5 { padding-top: 5px; }
.padding-top-10 { padding-top: 10px; }
.padding-top-15 { padding-top: 15px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-30 { padding-top: 30px; }

.padding-right-0 { padding-right: 0; }
.padding-right-5 { padding-right: 5px; }
.padding-right-10 { padding-right: 10px; }
.padding-right-15 { padding-right: 15px; }
.padding-right-20 { padding-right: 20px; }
.padding-right-30 { padding-right: 30px; }

.padding-left-0 { padding-left: 0; }
.padding-left-5 { padding-left: 5px; }
.padding-left-10 { padding-left: 10px; }
.padding-left-15 { padding-left: 15px; }
.padding-left-20 { padding-left: 20px; }
.padding-left-30 { padding-left: 30px; }

.padding-bottom-0 { padding-bottom: 0; }
.padding-bottom-5 { padding-bottom: 5px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-15 { padding-bottom: 15px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-30 { padding-bottom: 30px; }

.lvscrolltop { cursor: pointer; display: none; font-weight: bold; height: 38px; padding: 0px; position: fixed; right: 26px; bottom: 48px; width: 38px; z-index: 99; background: #728893; transition: all 0.25s linear; backface-visibility: hidden; border-radius: 50%; text-align: center; line-height: 36px; color: #fff; font-size: 18px; }

    .lvscrolltop:hover { background-color: #03A9F4; }


/*modal image ads*/
.image-ads-box { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; background-color: rgba(0,0,0,0.4); }

    .image-ads-box .image-ads-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; text-align: center; }

        .image-ads-box .image-ads-content .image-ads { position: relative; border: 2px solid #bdbdbd; display: inline-block; }

            .image-ads-box .image-ads-content .image-ads > img { margin: 0; padding: 0; }

            .image-ads-box .image-ads-content .image-ads .btn-close { width: 24px; height: 24px; position: absolute; top: -12px; right: -12px; line-height: 0; cursor: pointer; }

                .image-ads-box .image-ads-content .image-ads .btn-close img { width: 100%; height: 100%; margin: 0; padding: 0; }

/*Override bootraps*/
.badge { font-weight: normal; }

.form-group label { font-weight: normal; }

.k-pager-nav.k-pager-first,
.k-pager-wrap .k-link.k-pager-last { border-radius: 0px; }

.k-grid-override { border-radius: 0px; }

    .k-grid-override,
    .k-grid-override * { border-color: #ebebeb !important; }

        .k-grid-override .k-grid-header th.k-header > .k-link { line-height: 30px; }

        .k-grid-override .k-grid-header th.k-header { vertical-align: middle; }

        .k-grid-override .k-grid-header .k-header,
        .k-grid-override .k-grid-header th.k-header { /*background-color: #0077ac;*/ /*color: #fff;*/ font-weight: 600; vertical-align: middle; }

        .k-grid-override .k-grid-header:first-child,
        .k-grid-override .k-grid-toolbar:first-child,
        .k-grid-override > .k-grouping-header,
        .k-grid-override .k-scheduler > .k-scheduler-toolbar:first-child .k-grid-override .k-grid-header .k-link:link { background-color: #f5f5f5; }

        .k-grid-override .k-grid-header .k-link:visited,
        .k-grid-override .k-grid-header .k-nav-current.k-state-hover .k-link,
        .k-grid-override .k-grouping-header .k-link { /*color: #fff;*/ }


        .k-grid-override .k-grid-header tr th { vertical-align: middle; }

        .k-grid-override .k-grid tr td { border-color: #e5e5e5; }

        .k-grid-override .k-grid-header:first-child th.k-header:first-child, .k-grid-override .k-rtl thead.k-grid-header th.k-header:last-child, .k-grid-override thead.k-grid-header th.k-header:first-child,
        .k-grid-override .k-rtl .k-grid-header:first-child th.k-header:first-child, .k-grid-override .k-rtl thead.k-grid-header th.k-header:first-child, .k-grid-override thead.k-grid-header th.k-header:last-child { border-radius: 0px; }

        .k-grid-override .k-alt, .k-grid-override .k-pivot-layout > tbody > tr:first-child > td:first-child, .k-grid-override .k-resource.k-alt, .k-grid-override .k-separator { background-color: #f7faff; }

        .k-grid-override .k-pager-wrap .k-state-disabled { background-color: #efefef; color: #697f8c; }

        .k-grid-override .k-grid-filter,
        .k-grid-override .k-grid-filter:hover { color: #fff; }

            .k-grid-override .k-grid-filter.k-state-active { background-color: #2196F3; }

        .k-grid-override .k-dropdown-wrap { border-radius: 0px; }

        .k-grid-override tr.k-state-selected,
        .k-grid-override tr.k-state-selected td > a,
        .k-grid-override tr.k-state-selected td > div > a { background-color: #428bca; color: #fff !important; }

.k-filter-menu .k-button { font-weight: normal; font-size: 14px; }

.k-filter-help-text, .k-filter-menu .k-textbox, .k-filter-menu .k-widget { font-weight: normal; }

.k-grid-override[data-role="grid"] .k-grid-pager .k-pager-nav { border: 0px; }

.k-grid-override[data-role="grid"] .k-grid-pager .k-link { background-color: #f5f5f5; }

.k-grid-override[data-role="grid"] .k-grid-pager .k-i-reload,
.k-grid-override[data-role="grid"] .k-grid-pager .k-pager-nav .k-icon { color: #a6a6a6; }

.k-grid-override[data-role="grid"] .k-grid-pager .k-state-selected { background-color: transparent; border: 0px; border-top: 2px solid #428bca !important; color: #428bca; }

.k-grid-override[data-role="grid"] .k-grid-pager,
.k-grid-override[data-role="grid"] .k-grid-pager .k-dropdown-wrap.k-state-default { border-color: #dedede; color: #777; }

.k-grid-override[data-role="grid"] .k-pager-numbers .k-dropdown-wrap .k-input,
.k-grid-override[data-role="grid"] .k-pager-sizes .k-dropdown-wrap .k-input { color: #777; }

.k-grid-override[data-role="grid"] .k-pager-numbers .k-link,
.k-grid-override[data-role="grid"] .k-pager-sizes .k-link { color: #a6a6a6; border: 0px; }
/*Custom ACE*/
.fa-check-square:before { content: "\f14a" !important; }

input[type=checkbox].ace, input[type=radio].ace { opacity: 0; position: absolute; z-index: 1; width: 18px; height: 18px; cursor: pointer; }

label input[type=checkbox].ace, label input[type=radio].ace { z-index: -100 !important; width: 1px !important; height: 1px !important; clip: rect(1px,1px,1px,1px); position: absolute; }

input[type=checkbox].ace:checked, input[type=checkbox].ace:focus, input[type=radio].ace:checked, input[type=radio].ace:focus { outline: 0 !important; }

input[type=checkbox].ace + .lbl, input[type=radio].ace + .lbl { position: relative; display: inline-block; margin: 0; line-height: 20px; min-height: 18px; min-width: 18px; font-weight: 400; cursor: pointer; }

    input[type=checkbox].ace + .lbl::before, input[type=radio].ace + .lbl::before { cursor: pointer; font-family: fontAwesome; font-weight: 400; font-size: 12px; color: #32A3CE; content: "\a0"; background-color: #FAFAFA; border: 1px solid #C8C8C8; box-shadow: 0 1px 2px rgba(0,0,0,.05); border-radius: 0; display: inline-block; text-align: center; height: 16px; line-height: 14px; min-width: 16px; margin-right: 1px; position: relative; top: -1px; }

input[type=checkbox].ace:checked + .lbl::before, input[type=radio].ace:checked + .lbl::before { display: inline-block; content: '\f00c'; color: #32A3CE; background-color: #F5F8FC; border-color: #ADB8C0; box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05),inset 15px 10px -12px rgba(255,255,255,.1); }

input[type=checkbox].ace + .lbl:hover::before, input[type=checkbox].ace:hover + .lbl::before, input[type=radio].ace + .lbl:hover::before, input[type=radio].ace:hover + .lbl::before { border-color: #FF893C; }

input[type=checkbox].ace:focus + .lbl::before, input[type=radio].ace:focus + .lbl::before { border-color: #F59942; }

input[type=checkbox].ace:active + .lbl::before, input[type=checkbox].ace:checked:active + .lbl::before, input[type=radio].ace:active + .lbl::before, input[type=radio].ace:checked:active + .lbl::before { box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1); }

input[type=checkbox].ace.ace-checkbox-2 + .lbl::before, input[type=radio].ace.ace-checkbox-2 + .lbl::before { box-shadow: none; }

input[type=checkbox].ace.ace-checkbox-2:checked + .lbl::before, input[type=radio].ace.ace-checkbox-2:checked + .lbl::before { background-color: #F9A021; border-color: #F9A021; color: #FFF; }

input[type=checkbox].ace.disabled + .lbl::before, input[type=checkbox].ace:disabled + .lbl::before, input[type=checkbox].ace[disabled] + .lbl::before, input[type=radio].ace.disabled + .lbl::before, input[type=radio].ace:disabled + .lbl::before, input[type=radio].ace[disabled] + .lbl::before { background-color: #DDD !important; border-color: #CCC !important; box-shadow: none !important; color: #BBB; }

.checkbox label input[type=checkbox].ace + .lbl, .radio label input[type=radio].ace + .lbl { margin-left: -10px; }

@media only screen and (min-width: 1400px) {
    .btn-facebook { padding-right: 5px; }

    .btn-google { padding-left: 5px; }
}

/*NNT 19/09/2017 Instructor/SureLRN/AcademicAchievementForLearner, GridView, ListView, PersonalProfile*/
.custom-bar-right-border.custom-bar-item-icon { float: left; margin-bottom: 15px; }

.custom-bar { float: left; padding-left: 10px; padding-bottom: 5px; }

.custom-bar-item { float: left; padding-right: 35px; padding-left: 10px; padding-bottom: 5px; }


.custom-bar-right-border { float: left; padding: 0px 15px 5px 5px; border-right: 1px solid #eaeaea; }

.bio-graph-info b { color: #000; }

.img-profile { padding: 10px 0px 15px 0px; display: inline-block; text-align: center; background-image: url('../../../client/images/38_bg.jpg'); background-repeat: no-repeat; }

.k-filter-menu label { display: block; width: 200px; }

.k-filter-menu .k-filter-help-text { margin-bottom: 5px; }

/*Import Question Bank From Word*/
#k-dialog-custom h4.total-selected-question { padding-left: 10px; }

#k-dialog-custom .ques .idx h1 { margin-top: 5px; }

#k-dialog-custom .box-ques hr { display: none; }

#k-dialog-custom .ques.ques-view-sa { margin-left: -14px; margin-right: -14px; border-top: 1px solid #ddd; }

#k-dialog-custom .ques-view-sa .confirm-question-checkbox { margin-left: 10px; }

#k-dialog-custom .box-ques { border-top: unset; }
/*End of Import Question Bank From Word*/
/*Breadcrumbs in PC and Mobile*/
.breadcrumb.breadcrumb-mobile { display: none; }

.breadcrumb.breadcrumb-pc { display: block; background-color: transparent; padding-left: 0px; }

    .breadcrumb.breadcrumb-pc li a { color: #A3A3A3; }

    .breadcrumb.breadcrumb-pc li:last-child a { color: #444; }
/*End of Breadcrumbs in PC and Mobile*/

/*End of Menu in PC and Mobile*/

.prod-cat.prod-cat-left .menu-item-left { position: relative; }

    .prod-cat.prod-cat-left .menu-item-left .class-name-present { position: absolute; left: 30px; }

.pnl-school-year .hidden-in-mobile-navigation { display: block; }

.pnl-school-year .display-in-mobile-navigation { display: none; }
/*End of Menu in PC and Mobile*/

/*kendo icon custom image*/
.k-i-custom-image:before { content: "\e501"; }
