@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

.test-item{
    display:  grid;
    grid-template-columns: 20% 80%;
}


.flex-middle-center {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: auto
}

a:hover {
    text-decoration: none
}

h3 a {
    color: #77909D
}

h3 a:hover {
    color: #77909D;
    text-decoration: none
}

.m-aside-menu .m-menu__nav {
    list-style: none;
    padding: 30px 0 10px 0
}

.m-aside-menu.m-aside-menu--skin-light {
    background-color: #fff;
    border-right: 1px solid #D2D6DB
}

.m--bg-warning {
    background-color: #F4DA70 !important
}

.m-portlet.m-portlet--bordered {
    border: 1px solid #D2D6DB
}

.m-portlet .m-portlet__foot:not(.m-portlet__foot--fit) {
    background: #f8f9fa
}

.m--bg-gray {
    background-color: #F7F8FA !important
}

.m--bg-primary {
    background-color: #8067DC !important
}

.m--font-info {
    color: #36a3f7 !important
}

.m--font-brand {
    color: #22b9ff !important
}

.m--font-primary {
    color: #A958DD !important
}

.m--font-danger {
    color: #f4516c !important
}

.m--font-neon {
    color: #D6FF28 !important
}

.m--font-navy {
    color: #4038B6 !important
}

.m--font-gray {
    color: #6c757d !important
}

.m--font-green {
    color: #4DE617 !important
}

.m--font-orange {
    color: #fd7e14 !important
}

.m--font-clueon {
    color: #a85c80 !important
}

.text-clueon {
    color: #3869ab !important
}

.bg-light {
    background-color: #f8f9fa !important
}

.bg-menu {
    background-color: #FBDE5C !important
}

.bg-theme_black {
    background-color: #F2F3F8 !important
}

.bg-dark {
    background: linear-gradient(150deg, #204375 0, #027AD2 90%);
    -webkit-box-shadow: 0 2px 5px 0 rgba(32, 67, 117, 0), 0 2px 10px 0 rgba(2, 122, 210, .9)
}

.bg-modal {
    background-color: #FFFAD4 !important
}

.bg-light2 {
    background-color: #F5F8FA !important
}

.bg-indigo {
    background-color: #2B60A3 !important
}

.bg-clueon {
    background-color: #325f9c !important
}

.m-content--skin-light2.theme_black .m-body {
    background-color: #D9E0E8
}

body.m-content--skin-light2.theme_black {
    background-color: #D9E0E8
}

.m-content--skin-light2 .m-body {
    background-color: #F8FAFB
}

body.m-content--skin-light2 {
    background-color: #F8FAFB
}

.bg-content {
    background-color: #F8FAFB;
    border-bottom: 1px solid #D2D6DB
}

.bg-search {
    background-color: #F8FAFB;
    border-bottom: 1px solid #D2D6DB
}

.bg-project {
    background-color: #F8FAFB;
    border-bottom: 1px solid #D2D6DB
}

@media (min-width:1025px) {
    .m-header .m-header-head {
        -webkit-transition: width 0.2s ease;
        transition: width 0.2s ease;
        -webkit-box-shadow: 0 0 0 0 rgba(69, 65, 78, .1);
        box-shadow: 0 0 0 0 rgba(69, 65, 78, .1);
        border-bottom: 1px solid #D2D6DB
    }
}

.bg-gradient {
    background: linear-gradient(135deg, #02ABEE 0, #0057A7 100%);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.m--bg-sgexpense {
    background-color: #36A3F7
}

.bg-blue-light {
    background-color: #F7FAFF !important
}

.bg-today {
    background-color: #FCF8E3 !important
}

.bg-soft-brand {
    background-color: #F0F6FD !important
}

.bg-soft-danger {
    background-color: #FFF6F6 !important
}

.bg-soft-warning {
    background-color: #F9F3E4 !important
}

.bg-soft-accent {
    background-color: #EEFCFE !important
}

.m-badge.m-badge--primary {
    background-color: #716ACA;
    color: #fff
}

.m-badge.m-badge--warning {
    background-color: #FAEA01;
    color: #fff
}

.m-portlet.m-portlet--warning.m-portlet--head-solid-bg {
    background: #F4DA70;
    border-color: #F4DA70
}

.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head {
    background-color: #F4DA70;
    border-color: #F4DA70
}

.m-separator.m-separator--purple.m-separator--dashed {
    border-bottom: 1px dashed #746BD0
}

.table.dataTable th, table.dataTable td {
    padding: .5rem .8rem
}

.initialism {
    text-transform: uppercase
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td {
    border: 1px solid #dee2e6
}

.table-bordered tfoot th {
    border: 1px solid #dee2e6;
    border-bottom: 0
}

.btn-ssm {
    padding: 0.2rem 0.6rem;
    font-size: .6rem;
}

.btn-dark {
    color: #fff;
    background-color: #3869ab;
    border-color: #3869ab
}

.btn-dark:hover {
    color: #fff;
    background-color: #16335b;
    border-color: #16335b
}

.btn-outline-dark {
    color: #3869ab;
    background-color: transparent;
    background-image: none;
    border-color: #3869ab
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #3869ab;
    border-color: #3869ab
}

.btn.btn-bold {
    font-weight: 600
}

.btn.btn-label-success {
    background-color: rgba(10, 187, 135, .1);
    color: #0abb87;
    cursor: text !important
}

a.btn.btn-label-success, button.btn.btn-label-success, input.btn.btn-label-success {
    cursor: pointer !important
}

a.btn.btn-label-success:focus, a.btn.btn-label-success:hover, a.btn.btn-label-success.active, button.btn.btn-label-success:focus, button.btn.btn-label-success:hover, button.btn.btn-label-success.active, input.btn.btn-label-success:focus, input.btn.btn-label-success:hover, input.btn.btn-label-success.active {
    background-color: #0abb87;
    color: #fff
}

.btn.btn-label-primary {
    background-color: rgba(88, 103, 221, .1);
    color: #5867dd;
    cursor: text !important
}

a.btn.btn-label-primary, button.btn.btn-label-primary, input.btn.btn-label-primary {
    cursor: pointer !important
}

a.btn.btn-label-primary:focus, a.btn.btn-label-primary:hover, a.btn.btn-label-primary.active, button.btn.btn-label-primary:focus, button.btn.btn-label-primary:hover, button.btn.btn-label-primary.active, input.btn.btn-label-primary:focus, input.btn.btn-label-primary:hover, input.btn.btn-label-primary.active {
    background-color: #5867dd;
    color: #fff
}

.btn.btn-label-danger {
    background-color: rgba(253, 57, 122, .1);
    color: #fd397a;
    cursor: text !important
}

a.btn.btn-label-danger, button.btn.btn-label-danger, input.btn.btn-label-danger {
    cursor: pointer !important
}

a.btn.btn-label-danger:focus, a.btn.btn-label-danger:hover, a.btn.btn-label-danger.active, button.btn.btn-label-danger:focus, button.btn.btn-label-danger:hover, button.btn.btn-label-danger.active, input.btn.btn-label-danger:focus, input.btn.btn-label-danger:hover, input.btn.btn-label-danger.active {
    background-color: #fd397a;
    color: #fff
}

.btn.btn-label-info {
    background-color: rgba(74, 179, 244, .1);
    color: #4AB3F4;
    cursor: text !important
}

a.btn.btn-label-info, button.btn.btn-label-info, input.btn.btn-label-info {
    cursor: pointer !important
}

a.btn.btn-label-info:focus, a.btn.btn-label-info:hover, a.btn.btn-label-info.active, button.btn.btn-label-info:focus, button.btn.btn-label-info:hover, button.btn.btn-label-info.active, input.btn.btn-label-info:focus, input.btn.btn-label-info:hover, input.btn.btn-label-info.active {
    background-color: #4AB3F4;
    color: #fff
}

.btn.btn-label-warning {
    background-color: rgba(255, 184, 34, .1);
    color: #ffb822;
    cursor: text !important
}

a.btn.btn-label-warning, button.btn.btn-label-warning, input.btn.btn-label-warning {
    cursor: pointer !important
}

a.btn.btn-label-warning:focus, a.btn.btn-label-warning:hover, a.btn.btn-label-warning.active, button.btn.btn-label-warning:focus, button.btn.btn-label-warning:hover, button.btn.btn-label-warning.active, input.btn.btn-label-warning:focus, input.btn.btn-label-warning:hover, input.btn.btn-label-warning.active {
    background-color: #ffb822;
    color: #111
}

.btn.btn-label-accent {
    background-color: rgba(0, 197, 220, .1);
    color: #00c5dc;
    cursor: text !important
}

.btn.btn-label-brand {
    background-color: rgba(93, 120, 255, .1);
    color: #5d78ff;
    cursor: text !important
}

.btn.btn-label-google {
    background-color: rgba(220, 78, 65, .1);
    color: #dc4e41;
    cursor: text !important
}

.btn.btn-label-dark {
    background-color: rgba(40, 42, 60, .1);
    color: #282a3c;
    cursor: text !important
}

.btn-login {
    padding: 0 12px;
    font-weight: 300;
    line-height: 1
}

.btn-lg {
    height: 48px
}

.btn-ok-1 {
    background: rgba(255, 255, 255, .2);
    border: 1px solid rgba(255, 255, 255, .5);
    color: #fff;
    border-radius: 50px
}

.desktop .btn-ok-1:hover, .desktop .btn-ok-1:focus, .desktop .btn-ok-1:active, .desktop .btn-ok-1.active, .desktop .open .dropdown-toggle.btn-ok-1 {
    border: 1px solid #7030A0;
    background: #7030A0
}

.btn-ok-2 {
    background: rgba(56, 105, 171, .8);
    border: 1px solid rgba(56, 105, 171, 1);
    /* background: rgba(168, 92, 128, .8);
    border: 1px solid rgba(168, 92, 128, .8); */
    color: #fff
}

.btn-ok-2[disabled] {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: #f0f3f7;
    border-color: #f0f3f7
}

.desktop .btn-ok-2[disabled]:hover, .desktop .btn-ok-2[disabled]:focus {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: #f0f3f7;
    border-color: #f0f3f7
}

.desktop .btn-ok-2:hover, .desktop .btn-ok-2:focus, .desktop .btn-ok-2:active, .desktop .btn-ok-2.active, .desktop .open .dropdown-toggle.btn-ok-2 {
    border: 1px solid #7030A0;
    background: #7030A0
}

.m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon.m-nav__link-icon-alarm .m-nav__link-icon-wrapper {
    background: #5DD4E3;
    border: 1px solid #5DD4E3
}

.m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon.m-nav__link-icon-alarm .m-nav__link-icon-wrapper>i {
    color: #fff
}

.m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon.m-nav__link-icon-alarm.m-nav__link-icon--active .m-nav__link-icon-wrapper, .m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon.m-nav__link-icon-alarm:hover .m-nav__link-icon-wrapper {
    background: #00C5DC;
    border: 1px solid #00C5DC
}

.m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-badge {
    left: 50%;
    margin-left: -2px;
    position: absolute;
    top: 10px
}

.m-aside-left.m-aside-left--skin-dark {
    background-color: #234A80
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__section .m-menu__section-text {
    color: #808890
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-text {
    color: #D8E8F4
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-icon {
    color: #C2CDD2
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__heading .m-menu__ver-arrow, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__ver-arrow {
    color: #758599
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link {
    background-color: #16335B
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link .m-menu__link-text {
    color: #fff
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link .m-menu__link-text {
    color: #D8E8F4
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link .m-menu__link-icon {
    color: #C2CDD2
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__link .m-menu__link-text {
    color: #D8E8F4
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__link .m-menu__link-icon {
    color: #C2CDD2
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--expanded>.m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--expanded>.m-menu__link .m-menu__link-text {
    color: #22b9ff
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--expanded>.m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--expanded>.m-menu__link .m-menu__link-icon {
    color: #22b9fa
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__link .m-menu__link-text {
    color: #A4C0E6
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__heading .m-menu__link-bullet.m-menu__link-bullet--dot>span, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__link .m-menu__link-bullet.m-menu__link-bullet--dot>span {
    background-color: #A4C0E6
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading .m-menu__link-bullet.m-menu__link-bullet--dot>span, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link .m-menu__link-bullet.m-menu__link-bullet--dot>span {
    background-color: #ffb822
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading .m-menu__link-bullet.m-menu__link-bullet--line>span, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link .m-menu__link-bullet.m-menu__link-bullet--line>span {
    background-color: #ffb822
}

@media (min-width:1025px) {
    .m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link>.m-menu__link-icon {
        color: #C2CDD2
    }
}

.m-footer {
    border-top: 1px solid #D2D6DB;
    background: #F2F3F8
}

.login .login-wrapper {
    width: 90%;
    max-width: 450px;
    padding: 2% 0;
    margin-top: 0
}

.login .login-wrapper .login-title {
    margin: 0;
    color: #3869ab
        /* color: #a85c80 */
}

.login .login-wrapper .login-title span {
    font-size: 50px;
    font-weight: 200;
    letter-spacing: -3px
}

.login .login-wrapper .find_password-title {
    margin-bottom: 5px;
    padding-left: 10px;
    color: #a85c80
}

.login .login-wrapper .find_password-title span {
    font-size: 36px;
    font-weight: 200;
    letter-spacing: -3px
}

.login .login-wrapper .site-title {
    text-align: right;
    line-height: 1;
    padding-top: 18px
}

.login .login-wrapper .site-title span {
    font-size: 13px;
    color: #A9A9A9;
    font-weight: 100
}

.login .login-wrapper .site-title span:first-child {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #3B3838
}

.login .login-wrapper .msg-holder {
    padding-bottom: 20px;
    color: #6c757d
}

.login .login-wrapper .login-btm {
    margin-top: 10px;
    text-align: center;
    color: #343a40;
    font-size: 10px
}

.login .login-content {
    width: 100%;
    /* background: rgba(56, 105, 171, .2); */
    /* background: rgba(79, 143, 89, .3); */
    background: rgba(20, 61, 117, .2);
    /* background: rgba(168, 92, 128, .1); */
    border-radius: 15px
}

.login .login-content legend {
    display: none
}

.login .login-content .login-form .inline-field:last-of-type {
    margin-bottom: 16px
}

.login .login-content .login-form .form-control {
    height: 42px;
    border-radius: 10px 0;
    background: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .5)
}

.login .login-content .inner-wrap .login-btn {
    margin-bottom: 16px
}

.login .login-content .inner-wrap .login-btn .btn-ok-2 {
    padding-left: 70px;
    padding-right: 70px
}

.login .login-content .fn-menu {
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, .3);
    text-align: center;
    padding-top: 5px;
    margin-top: 20px
}

.login .login-content .fn-menu.divider-menu a {
    display: inline-block;
    padding: 5px 0;
    color: #45484c;
    line-height: 1;
    font-size: 14px
}

.login .login-content .fn-menu.divider-menu a:before {
    height: 12px;
    background: #808387
}

.login .login-content .fn-menu.divider-menu a:first-of-type:before {
    display: none
}

.login .login-content.register-ok .top-cont span {
    display: block;
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: 400;
    color: #000
}

.login .login-content.register-ok .top-cont span:last-child {
    display: block;
    color: #000
}

.login .login-content.register-ok .top-cont .desc {
    padding: 0 6% 30px;
    color: #000;
    line-height: 1.857
}

.login .login-content.register-ok .top-cont .desc strong {
    font-weight: 600
}

.login .login-content .inner-wrap {
    width: 90%;
    max-width: 350px;
    margin: 0 auto;
    padding: 50px 0
}

.login {
    background-image: url(/mis-res/images/bg/login_bg_3.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom, 0 0;
    background-size: cover
}

.m-header .m-header-head .m-header__title .m-header__title-text {
    vertical-align: middle;
    display: table-cell;
    padding: 0 0 0 30px;
    color: #4C4C50;
    font-size: 2.5rem;
    font-weight: 700
}

.m-nav .m-nav__item>.m-nav__link .m-nav__link-date {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    line-height: 0
}

.m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-date {
    text-align: center;
    line-height: 0;
    vertical-align: middle
}

.m-nav__item .m-header-date2 {
    font-size: 16px;
    color: #8a8f99
}

.m-brand {
    border-right: 1px solid #D2D6DB;
    border-bottom: 1px solid #D2D6DB
}

.m-brand .m-brand__tools .m-brand__toggler span {
    background: #5d5f77
}

.m-brand .m-brand__tools .m-brand__toggler span::before, .m-brand .m-brand__tools .m-brand__toggler span::after {
    background: #5d5f77
}

.m-brand .m-brand__tools .m-brand__toggler:hover span {
    background: #fff
}

.m-brand .m-brand__tools .m-brand__toggler:hover span::before, .m-brand .m-brand__tools .m-brand__toggler:hover span::after {
    background: #fff
}

.m-brand .m-brand__tools .m-brand__toggler.m-brand__toggler--active span {
    background: #fff
}

.m-brand .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::before, .m-brand .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::after {
    background: #fff
}

.m-brand .m-brand__tools .m-brand__icon>i {
    color: #5d5f77
}

.m-brand .m-brand__tools .m-brand__icon:hover {
    text-decoration: none
}

.m-brand .m-brand__tools .m-brand__icon:hover>i {
    color: #9193a9
}

.m-subheader .m-subheader__title {
    display: inline-block;
    padding: 0 25px 0 10px;
    font-family: "Noto Sans KR";
    font-size: 1.55rem;
    font-weight: 500;
    vertical-align: middle;
    margin: 0 15px 0 0;
    color: #3f4047
}

.m-nav .m-nav__item>.m-nav__link .m-nav__link-text-1 {
    display: table-cell;
    height: 100%;
    width: 40px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    font-size: 1rem
}

.m-card-profile .m-card-profile__details .m-card-profile__name {
    display: block;
    padding: 0 0 0 0;
    font-size: 1.8rem;
    font-weight: 500
}

.m-card-profile .m-card-profile__details .m-card-profile__birth {
    display: inline-block;
    padding: 6px 0 0 0;
    font-size: 1.2rem;
    color: #7b7e8a
}

.m-nav .m-nav__item>.m-nav__link img {
    height: 20px;
    width: auto;
    margin: 0;
    padding: 0;
    vertical-align: middle
}

.m-nav .m-nav__item>.m-nav__text {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: relative;
    outline: none !important;
    vertical-align: middle;
    padding: 13px 0
}

.m-nav .m-nav__item>.m-nav__text .m-nav__link-text {
    display: table-cell;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    font-size: 1rem
}

.profile-color-area {
    margin: 30px -2.2em;
    padding: 2.2em;
    background: linear-gradient(135deg, #1D76C0 0, #11325F 100%);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.profile-color-area-profile {
    margin: 30px -2.2em;
    padding: 2.2em;
    background: linear-gradient(135deg, #02ABEE 0, #0057A7 100%)
}

.m-widget4 .m-widget4__item .m-widget4__icon {
    display: table-cell;
    vertical-align: middle
}

.profile-color-area>.m-widget4>.m-widget4__item>.m-widget4__icon>i {
    color: #fff
}

.profile-color-area .m-widget4 .m-widget4__item .m-widget4__text {
    color: #fff
}

.m-widget29 .m-widget_content {
    display: table;
    padding: 1.15rem 0 1.25rem 0
}

.m-widget29 .m-widget_content {
    background-color: transparent
}

.m-widget29 .m-widget_content .m-timeline-2__item-circle>i {
    display: table-cell;
    font-size: 1.78rem;
    padding-right: .5rem
}

.m-widget29 .m-widget_content .m-widget_content-title {
    display: table-cell;
    width: 100%;
    vertical-align: top
}

.m-widget29 .m-widget_content.date_menu .m-timeline-2__item-circle>i {
    display: table-cell;
    font-size: 1.78rem;
    padding-right: .5rem;
    padding-top: 0
}

.m-widget29 .m-widget_content.date_menu .m-widget_content-title {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    padding-top: .3rem
}

.m-widget29 .m-widget_content.date_menu .date-dropdown {
    display: table-cell
}

.m-portlet__body .m-nav__separator {
    height: 0;
    margin: 2.2rem -2.2rem;
    border-bottom: 1px solid #f4f5f8
}

.foot_table {
    display: table;
    padding: 0;
    width: 100%
}

.foot_table .foot_title {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: 50%
}

.foot_table .foot_content {
    display: table-cell;
    vertical-align: middle;
    width: 50%
}

.table .work_dot {
    width: 12px;
    margin: 0
}

.table .work_dot_sm {
    width: 12px;
    margin: 0
}

.m-invoice-2 .m-invoice__wrapper .m-invoice__body {
    padding: 0
}

.m-invoice-2 .m-invoice__wrapper .m-invoice__body table thead tr th {
    color: #898b96;
    border-bottom: 1px solid #e2e5ec
}

.m-invoice-2 .m-invoice__wrapper .m-invoice__body table tbody tr td {
    color: #6f727d
}

.m-invoice-2 .m-invoice__wrapper .m-invoice__table {
    padding: 0
}

.m-invoice-2 .m-invoice__wrapper .m-invoice__table.m-invoice__table--centered {
    width: 100%;
    margin: 0 auto;
    padding: 0
}

.m-invoice-2 .m-invoice__wrapper .m-invoice__table table thead tr th {
    padding: 1rem 0 .5rem 0
}

.m-invoice-2 .m-invoice__wrapper .m-invoice__table table thead tr th:last-child {
    text-align: right
}

.m-invoice-2 .m-invoice__wrapper .m-invoice__table table tbody tr td {
    padding: 1.8rem 0 0 0;
    vertical-align: middle;
    border-top: none;
    font-weight: 600;
    font-size: 1.1rem
}

.m-invoice-2 .m-invoice__wrapper .m-invoice__table table tbody tr td:last-child {
    text-align: right;
    font-size: 1.8rem;
    padding-top: 1rem
}

.m-invoice-2 .m-invoice__wrapper .m-invoice__table table thead tr th {
    color: #898b96;
    border-top: 1px #BDC0C5 dashed;
    border-bottom: 1px solid #e2e5ec
}

.m-invoice-2 .m-invoice__wrapper .m-invoice__table table tbody tr td {
    color: #6f727d
}

.m-widget24 .m-widget24__item .m-widget24__title2 {
    margin-left: 1.8rem;
    margin-top: 3.21rem;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 600
}

.m-widget24 .m-widget24__item .m-widget24__title2 a {
    text-decoration: none;
    color: #575962
}

.m-widget24 .m-widget24__item .m-widget24__stats2 {
    display: inline-block;
    float: right;
    margin-right: 1.8rem;
    margin-top: -.8rem;
    font-size: 2rem;
    font-weight: 600
}

.m-widget24 .m-widget24__item .m-widget24__desc3 {
    display: inline-block;
    float: right;
    margin-top: .6rem;
    margin-right: 1.8rem;
    font-size: 1.2rem;
    font-weight: 500
}

.m-widget24 .m-widget24__item .m-widget24__title3 {
    margin-left: 1.8rem;
    margin-top: 1.21rem;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 600;
    color: #6c757d
}

.m-widget24 .m-widget24__item .m-widget24__title3 a {
    text-decoration: none;
    color: #6c757d
}

.m-widget24 .m-widget24__item .m-widget24__stats3 {
    display: inline-block;
    float: right;
    margin-right: 1.8rem;
    margin-top: -2.3rem;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: .86rem
}

.m-widget24 .m-widget24__item .m-widget11__chart {
    display: inline-block;
    float: right;
    margin-top: .7rem;
    margin-right: 1rem;
    font-size: 1.1rem;
    font-weight: 500
}

.m-widget24 .m-widget24__item .m-widget24__stats4 {
    display: inline-block;
    float: right;
    margin-right: 1.8rem;
    margin-top: 0rem;
    margin-bottom: 2.5rem;
    font-size: 1.5rem;
    font-weight: 600
}

.m-widget24 .m-widget24__item .m-widget24__stats5 {
    display: inline-block;
    float: right;
    margin-right: 1.8rem;
    margin-top: 0rem;
    margin-bottom: .86rem;
    font-size: 1.5rem;
    font-weight: 600
}

.m-widget24-1 {
    display: table;
    margin: 1.8rem
}

.m-widget24-1 .m-widget24__item {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

.m-widget24-1 .m-widget24__item .m-widget24__stats6 {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 600
}

.m-widget24-1 .m-widget24__item .m-widget24__stats_2rem {
    display: inline-block;
    font-size: 1.8rem;
    font-weight: 600
}

.m-widget24-1 .m-widget24__item .m-widget24__desc {
    color: #9699a2
}

.m-widget24-1 .m-widget16 .m-widget16__stats {
    margin-top: 0
}

.m-widget24-1 .m-widget16 .m-widget16__stats .m-widget16__visual {
    display: table-cell;
    min-width: 100px;
    padding: 0;
    vertical-align: middle
}

.m-widget24-1 .m-widget16 .m-widget16__stats .m-widget16__visual>i {
    float: right;
    font-size: 5rem;
    margin: .5rem 0;
    color: #BDC0D9;
    vertical-align: middle
}

.m-widget24-1 .m-widget16 .m-widget16__stats .m-widget16__visual>svg {
    float: right;
    width: 75px;
    height: 75px;
    margin: 0;
    vertical-align: middle
}

.m-widget24-1 .m-widget16 .m-widget16__stats .m-widget16__visual .m-widget16__chart {
    position: relative;
    margin: 0
}

.m-widget24-1 .m-widget16 .m-widget16__stats .m-widget16__visual .m-widget16__chart .m-widget16__chart-number {
    font-size: 2rem;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
    font-family: "Noto Sans KR"
}

.m-widget25 .m-widget25__price {
    font-size: 35px;
    font-family: "Noto Sans KR";
    font-weight: 400
}

.m-widget25 .m-widget25--progress2 {
    display: table;
    width: 100%;
    margin: 10px auto 0
}

.m-widget25 .m-widget25--progress2 .m-widget25__label {
    display: table-cell;
    width: 70%;
    text-align: left
}

.m-widget25 .m-widget25--progress2 .m-widget25__progress-number {
    display: table-cell;
    width: 30%;
    font-size: 1.5rem;
    font-weight: 600
}

.m-accordion .m-accordion__item_search {
    overflow: hidden;
    border-radius: 0
}

.m-accordion .m-accordion__item_search .m-accordion__item-head {
    display: table;
    padding: 0;
    width: 100%;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.m-accordion .m-accordion__item_search .m-accordion__item-body>span, .m-accordion .m-accordion__item_search .m-accordion__item-body .m-accordion__item-content {
    padding: 0
}

.m-card-user.m-card-user--sm .m-card-user__details .m-card-user__sub {
    padding: 0 0 0 0;
    font-size: .9rem;
    color: #9D9FAA
}

.m-card-user {
    padding: 0
}

.m-portlet .m-portlet__head2 .m-portlet__head-title .m-menu__item-here {
    position: absolute;
    line-height: 0;
    overflow: hidden;
    height: 16px;
    width: 60px;
    left: 5.5%;
    margin-left: -30px;
    top: 100%;
    z-index: 1;
    margin-top: 0;
    color: #F8FAFB;
    display: inline-block
}

.m-portlet .m-portlet__head2 .m-portlet__head-title .m-menu__item-here:before {
    display: inline-block;
    font-family: "Metronic";
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 0;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: ""
}

.m-portlet .m-portlet__head2 .m-portlet__head-title .m-menu__item-here:before {
    position: relative;
    top: 100%;
    margin-top: 13px;
    font-size: 60px
}

.m-widget4 .m-widget4__item .m-widget4__text>a {
    cursor: pointer
}

.m-widget4 .m-widget4__item .m-widget4__ext>a {
    cursor: pointer
}

.m-widget4 .m-widget4__item .m-widget4__img {
    display: table-cell;
    vertical-align: middle;
    width: 20px
}

.m-widget4 .m-widget4__item .m-widget4__img.m-widget4__img--pic img {
    height: 4rem
}

.m-widget4 .m-widget4__item .m-widget4__info2 {
    display: table-cell;
    width: 100%;
    padding-left: 1.2rem;
    padding-right: 0;
    font-size: 1rem;
    vertical-align: middle
}

.m-widget4 .m-widget4__item .m-widget4__ext2 {
    display: table-cell;
    vertical-align: middle;
    min-width: 90px;
    font-size: 1.2rem;
    font-weight: 600;
    text-align: right
}

.m-card-profile .m-card-profile__logo {
    text-align: center;
    padding: 0 5px 0 0
}

.m-card-profile .m-card-profile__logo .m-card-profile__logo-wrapper {
    padding: 8px;
    display: inline-block;
    margin: 2rem auto;
    border-radius: 5px
}

.m-card-profile .m-card-profile__logo img {
    text-align: center;
    max-width: 100%;
    margin: 0 auto !important;
    border-radius: 0
}

.m-card-profile .m-card-profile__pic .m-card-profile__no-photo>span {
    line-height: 0;
    font-weight: 600;
    font-size: 1.3rem;
    text-transform: uppercase;
    color: #E3E2E8
}

.img_square_max {
    max-width: 130px;
    max-height: 130px
}

.img_square_100 {
    max-width: 100px;
    max-height: 100px
}

.img_square_40 {
    max-width: 40px;
    max-height: 40px
}

.img_40 {
    width: 40px;
    height: 40px
}

.img_20 {
    width: 20px;
    height: 20px
}

.img_30 {
    width: 30px;
    height: 30px
}

.img_square_30 {
    width: 30px;
    height: 30px
}

.img_square_25 {
    max-width: 25px;
    max-height: 25px
}

.img_square_20 {
    max-width: 20px;
    max-height: 20px
}

.no-margin-left {
    margin-left: -2.1rem
}

.no-margin-right {
    margin-right: -2.1rem
}

.m-widget31 .m-widget31__item .m-widget31__title {
    display: inline-block;
    font-weight: 300;
    padding: 13px 0;
    color: #9699a2
}

.m-widget31 .m-widget31__item .m-widget31__contents {
    float: right;
    font-weight: 500;
    padding: 13px 0
}

.m-widget31__item {
    border-bottom: .07rem dashed #ebedf2
}

.m-widget31__item:last-child {
    border-bottom: 0
}

.m-widget32 .m-widget32__item .m-widget32__title {
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 500;
    color: #22B9FF;
    padding: 13px 0
}

.m-widget32 .m-widget32__item .m-widget32__contents {
    float: right;
    font-weight: 500;
    padding: 13px 0;
    color: #CBF1FF
}

.taxbill_project_title {
    font-size: 1.1rem;
    font-weight: 500;
    color: #22B9FF;
    padding: 13px 0
}

.m-widget32__item {
    border-bottom: .07rem dashed #746BD0
}

.m-widget32__item:last-child {
    border-bottom: 0
}

.stat-up {
    color: #92D050;
    margin-right: 10px
}

.stat-down {
    color: #0a8cf0;
    margin-right: 10px
}

.m-portlet .m-portlet__head2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    padding: 0 2.2rem;
    height: 5.1rem;
    position: relative
}

.m-portlet .m-portlet__head2 .m-portlet__head-caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.m-portlet .m-portlet__head2 .m-portlet__head-caption .m-portlet__head-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m-portlet .m-portlet__head2 .m-portlet__head-caption .m-portlet__head-title>h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 600;
    font-family: Roboto;
    margin: 0;
    padding: 0;
    color: #77909D;
    margin-right: 13px
}

.m-portlet .m-portlet__head2 .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    font-weight: 600;
    color: #575962;
    margin: 0;
    padding: 0
}

.m-portlet .m-portlet__head2 .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon {
    color: #D2D6DB;
    margin-right: 13px
}

.m-portlet .m-portlet__head2 .m-portlet__head-tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.m-portlet .m-portlet__head2 .m-portlet__head-tools .btn {
    margin-top: 5px;
    margin-bottom: 5px
}

.m-portlet .m-portlet__head2 .m-portlet__head-tools .m-portlet__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none
}

.m-portlet .m-portlet__head2 .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m-portlet .m-portlet__head2 .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item img {
    height: 20px
}

.m-portlet .m-portlet__head2 .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item.m-portlet__nav-item--last {
    padding-right: 0
}

.m-portlet .m-portlet__head2 .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon {
    padding: 0 2px
}

.m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools .m-tabs-line {
    bottom: 0
}

.m-tabs-line.m-tabs-line--light.nav.nav-tabs .nav-link:hover, .m-tabs-line.m-tabs-line--light a.m-tabs__link:hover {
    border-bottom: 1px solid transparent
}

.m-tabs-line.m-tabs-line--light.nav.nav-tabs .nav-link:hover, .m-tabs-line.m-tabs-line--light.nav.nav-tabs .nav-link.active, .m-tabs-line.m-tabs-line--light a.m-tabs__link:hover, .m-tabs-line.m-tabs-line--light a.m-tabs__link.active {
    color: #fff;
    border-bottom: 1px solid transparent
}

.m-tabs-line .m-tabs__link {
    border-bottom: 2px solid transparent
}

.m-tabs-line.m-tabs-line--light.nav.nav-tabs .nav-link.active, .m-tabs-line.m-tabs-line--light a.m-tabs__link.active {
    color: #fff;
    border-bottom: 2px solid #ffb822
}

.m-tabs-line.m-tabs-line--light.nav.nav-tabs .nav-link, .m-tabs-line.m-tabs-line--light li>a.m-tabs__link {
    position: relative;
    text-decoration: none
}

.m-tabs-line.m-tabs-line--light.nav.nav-tabs .nav-link:after, .m-tabs-line.m-tabs-line--light li>a.m-tabs__link:after {
    background: none repeat scroll 0 0 transparent;
    bottom: -1px;
    content: "";
    display: block;
    height: 3px;
    left: 50%;
    position: absolute;
    background: #ffb822;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0
}

.m-tabs-line.m-tabs-line--light.nav.nav-tabs .nav-link:hover:after, .m-tabs-line.m-tabs-line--light li>a.m-tabs__link:hover:after {
    width: 100%;
    left: 0
}

.bg-dark .m-tabs-line.nav.nav-tabs .nav-link, .m-tabs-line a.m-tabs__link {
    background: transparent;
    color: #C8EFFF
}

.m-widget33 .m-widget33__head .m-widget33__action {
    margin-bottom: 2.14rem
}

.m-widget33 .m-widget33__head .m-widget33__item {
    display: table;
    width: 100%;
    margin-bottom: 1.07rem;
    font-size: 1rem
}

.m-widget33 .m-widget33__head .m-widget33__item .m-widget33__caption {
    display: table-cell;
    width: 33%;
    padding-left: 0;
    padding-right: 0
}

.m-widget33 .m-widget33__head .m-widget33__item .m-widget33__caption:last-child {
    padding-right: 0;
    padding-left: 0
}

.m-widget33 .m-widget33__body .m-widget33__item {
    display: table;
    width: 100%;
    padding-top: .7rem;
    padding-bottom: .7rem
}

.m-widget33 .m-widget33__body .m-widget33__item .m-widget33__text {
    display: table-cell;
    width: 30%;
    padding-left: 0;
    padding-right: 0;
    vertical-align: top;
    font-size: 1rem;
    font-weight: 600
}

.m-widget33 .m-widget33__foot .m-widget33__action {
    text-align: right;
    margin-top: 1rem
}

.m-widget33 .m-widget33__item {
    border-bottom: 0rem solid #ebedf2
}

.m-widget33 .m-widget33__item .m-widget33__text {
    color: #3869ab
}

.m-widget33 .m-widget33__item .m-widget33__caption {
    color: #6c757d
}

.m-widget33 .m-widget33__item:last-child {
    border-bottom: 0
}

.m-widget33 .m-widget33__body .m-widget33__item .m-widget33__content {
    display: table-cell;
    width: 70%;
    padding-left: 0;
    padding-right: 0;
    vertical-align: top;
    font-size: 1rem
}

.m-widget6 .m-widget6__head .m-widget6__item .m-widget6__text {
    display: table-cell;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    vertical-align: top;
    font-size: 1.2rem
}

.m-widget6 .m-widget6__item.overall {
    background-color: #F7F8FA;
    border-bottom: .07rem solid #ebedf2
}

.m-widget6 .m-widget6__item.overall:last-child {
    border-bottom: 0
}

.table .table-cost th {
    background-color: aqua
}

.table .table-cost tr td:last-child {
    text-align: right;
    border-left: 0
}

.repeat-fit {
    margin-top: -15px
}

.repeat-border {
    padding-top: 15px;
    padding-bottom: 30px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #ebedf2
}

.repeat-border:last-child {
    border-bottom: 0
}

.m-form .m-form__group .m-form__control-static {
    display: inline-block;
    font-weight: 300;
    font-size: 1rem;
    padding-top: .75rem
}

.m-widget24 .m-widget24__item .m-widget24__top_title {
    margin-left: 1.8rem;
    font-size: 1rem;
    color: #000
}

.m-widget24 .m-widget24__item .m-widget24__top_number {
    float: right;
    margin-right: 1.8rem;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 600;
    color: #000
}

.m-widget24 .m-widget24__item .m-widget24__change_1 {
    margin-left: 1.8rem;
    display: inline-block;
    font-size: 1rem;
    font-weight: 300;
    color: #000
}

.m-widget24 .m-widget24__item .m-widget24__number_1 {
    float: right;
    margin-right: 1.8rem;
    display: inline-block;
    font-size: 1rem;
    font-weight: 300;
    color: #000
}

.m-widget24 .m-widget24__item .m-widget24__mid_title {
    margin-left: 1.8rem;
    font-size: 1rem;
    color: #000
}

.m-widget24 .m-widget24__item .m-widget24__mid_number {
    float: right;
    margin-right: 1.8rem;
    display: inline-block;
    font-size: 1rem;
    color: #9699a2
}

.m-widget24 .m-widget24__item .m-widget24__under_title {
    margin-left: 1.8rem;
    display: inline-block;
    margin-bottom: 2.86rem;
    font-size: 1rem;
    color: #000
}

.m-widget24 .m-widget24__item .m-widget24__under_number {
    float: right;
    margin-right: 1.8rem;
    display: inline-block;
    margin-bottom: 2.86rem;
    font-size: 1rem;
    color: #000
}

.table .m-widget4__progress .m-widget24__change {
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 1.2rem
}

.table .m-widget4__progress .m-widget24__number {
    float: right;
    display: inline-block;
    font-size: .8rem;
    color: #000
}

.m-invoice-2 .m-invoice__wrapper .m-invoice__head .m-invoice__container .m-invoice__items .m-invoice__item .m-invoice__subtitle {
    font-weight: 400;
    padding-bottom: .5rem
}

.m-invoice-2 .m-invoice__wrapper .m-invoice__head .m-invoice__container .m-invoice__items .m-invoice__item .m-invoice__text {
    font-weight: 600;
    font-size: 1.6rem;
    padding-bottom: .5rem
}

.m-invoice-2 .m-invoice__wrapper .m-invoice__body table tfoot tr td {
    padding: 1rem 0 1rem 0;
    vertical-align: middle;
    font-weight: 600;
    font-size: 1.1rem;
    color: #6f727d;
    border-top: 1px solid #f4f5f8
}

.m-invoice-2 .m-invoice__wrapper .m-invoice__body table tfoot tr td:not(:first-child) {
    text-align: right;
    font-size: 1.5rem
}

.table-checkbox tr>td>.m-checkbox {
    vertical-align: top
}

.m-edit__pic {
    text-align: center;
    padding: 0;
    margin: 0
}

.m-edit__pic .m-edit__pic-wrapper {
    padding: 8px;
    display: inline-block;
    margin: 1.4rem auto;
    border-radius: 100%;
    border: 2px solid #f4f5f8
}

.m-edit__square {
    display: table;
    border: 2px solid #f4f5f8;
    text-align: center;
    width: 100%;
    height: 100%
}

.m-edit__pic img {
    text-align: center;
    max-width: 100px !important;
    margin: 0 auto !important;
    border-radius: 100%
}

.m-edit__square img {
    text-align: center;
    max-width: 100% !important;
    margin: 0 auto !important
}

.m-edit__square .m-edit__pic-wrapper {
    padding: 8px;
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle
}

.m-info_image {
    display: table;
    margin: 1.1rem 0 1.5rem 1.1rem
}

.m-info_image .m-info_icon {
    display: table-cell;
    vertical-align: middle
}

.m-info_image .m-info_icon .m-info_icon-wrapper {
    display: inline-block;
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    vertical-align: middle;
    background: #22b9ff
}

.m-info_image .m-info_icon .m-info_icon-wrapper>i {
    color: #fff;
    font-size: 5rem
}

.m-info_image .m-info_text {
    display: table-cell;
    width: 100%;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    vertical-align: middle
}

.m-info_image .m-info_text .m-info_title {
    color: #575962;
    font-size: 1.2rem;
    font-weight: 500
}

.m-info_image .m-info_text .m-info_sub {
    font-size: 3rem;
    color: #ddd;
    font-weight: 800;
    line-height: 3.1rem
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open {
    background-color: #204375
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--expanded {
    background-color: #204375
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover {
    background-color: #204375
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active>.m-menu__heading, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active>.m-menu__link {
    background-color: #204375
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link {
    background-color: #204375
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--open>.m-menu__heading, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--open>.m-menu__link {
    background-color: #1E5197
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__heading .m-menu__ver-arrow, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__link .m-menu__ver-arrow {
    color: #8c8ea4
}

@media all {
    .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__heading, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__link {
        background-color: #16335B
    }

    .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--expanded>.m-menu__heading, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--expanded>.m-menu__link {
        background-color: #16335B
    }

    .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__heading, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__link {
        background-color: #16335B
    }

    .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__heading, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__link {
        background-color: #16335B
    }

    .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--expanded>.m-menu__heading, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--expanded>.m-menu__link {
        background-color: #16335B
    }

    .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__heading, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__link {
        background-color: #16335B
    }

    .m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode='accordion']).m-menu__item--hover>.m-menu__submenu .m-menu__subnav .m-menu__item.m-menu__item--open>.m-menu__heading, .m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode='accordion']).m-menu__item--hover>.m-menu__submenu .m-menu__subnav .m-menu__item.m-menu__item--open>.m-menu__link, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode='accordion']).m-menu__item--hover>.m-menu__submenu .m-menu__subnav .m-menu__item.m-menu__item--open>.m-menu__heading, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode='accordion']).m-menu__item--hover>.m-menu__submenu .m-menu__subnav .m-menu__item.m-menu__item--open>.m-menu__link {
        background-color: #16335B
    }

    .m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode='accordion']).m-menu__item--hover>.m-menu__submenu .m-menu__subnav .m-menu__item.m-menu__item--expanded>.m-menu__heading, .m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode='accordion']).m-menu__item--hover>.m-menu__submenu .m-menu__subnav .m-menu__item.m-menu__item--expanded>.m-menu__link, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode='accordion']).m-menu__item--hover>.m-menu__submenu .m-menu__subnav .m-menu__item.m-menu__item--expanded>.m-menu__heading, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode='accordion']).m-menu__item--hover>.m-menu__submenu .m-menu__subnav .m-menu__item.m-menu__item--expanded>.m-menu__link {
        background-color: #16335B
    }

    .m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode='accordion']).m-menu__item--hover>.m-menu__submenu .m-menu__subnav .m-menu__item.m-menu__item--active>.m-menu__heading, .m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode='accordion']).m-menu__item--hover>.m-menu__submenu .m-menu__subnav .m-menu__item.m-menu__item--active>.m-menu__link, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode='accordion']).m-menu__item--hover>.m-menu__submenu .m-menu__subnav .m-menu__item.m-menu__item--active>.m-menu__heading, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode='accordion']).m-menu__item--hover>.m-menu__submenu .m-menu__subnav .m-menu__item.m-menu__item--active>.m-menu__link {
        background-color: #16335B
    }

    .m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode='accordion']).m-menu__item--hover>.m-menu__submenu .m-menu__subnav .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading, .m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode='accordion']).m-menu__item--hover>.m-menu__submenu .m-menu__subnav .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode='accordion']).m-menu__item--hover>.m-menu__submenu .m-menu__subnav .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([m-menu-submenu-mode='accordion']).m-menu__item--hover>.m-menu__submenu .m-menu__subnav .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link {
        background-color: #16335B
    }

    .m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--hover>.m-menu__link, .m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__link {
        background-color: #16335B
    }

    .m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--expanded>.m-menu__link, .m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__link {
        background-color: #16335B
    }

    .m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:hover>.m-menu__link {
        background-color: #16335B
    }
}

@media (max-width:580px) {
    .login .login-wrapper .site-title {
        display: none
    }

    .m-nav__item .m-header-date2 {
        display: none
    }

    .m-portlet .m-portlet__head2 .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item img {
        display: none
    }

    .m-wizard.m-wizard--2 .m-wizard__form .m-form__actions .btn {
        width: 100%;
        margin-bottom: 10px
    }

    .m-wizard.m-wizard--4 .m-wizard__form .m-form__actions .btn {
        width: 100%;
        margin-bottom: 10px
    }
}

@media (max-width:780px) {
    .m-form .m-form__heading {
        margin: 20px 0
    }
}

@media all and (min-height:600px) {
    .flex-middle-center {
        height: 100%
    }

    .login .login-wrapper {
        padding: 0;
        margin-top: -4vh
    }
}

@media all and (orientation:portrait) {
    .flex-middle-center {
        height: 100%
    }
}

@media (min-width:1025px) {
    .m-brand.m-brand--skin-dark {
        background: #234A80;
        border: 0
    }

    .m-brand--minimize .m-brand .m-brand__logo {
        display: none !important
    }

    .m-brand--minimize .m-brand .m-brand__tools {
        text-align: center
    }

    .m-brand .m-brand__logo {
        vertical-align: middle;
        line-height: 0
    }
}

@media (max-width:1024px) {
    .no-margin-left {
        margin-left: -2.1rem;
        margin-right: -2.1rem
    }

    .no-margin-right {
        margin-left: -2.1rem;
        margin-right: -2.1rem
    }

    .m-brand .m-brand__logo .m-brand__logo-wrapper img {
        max-width: 200px
    }

    .m-form .m-form__group .m-form__control-static {
        padding-top: 0
    }

    .m-portlet .m-portlet__head2 .m-portlet__head-title .m-menu__item-here {
        display: none
    }
}

a.disabled {
    cursor: default;
    color: grey
}

a.disabled:hover {
    cursor: default;
    color: grey
}

.m-portlet.m-portlet--primary.m-portlet--head-solid-bg {
    border: 2px solid #5867dd
}

.m-portlet.m-portlet--danger.m-portlet--head-solid-bg {
    border: 2px solid #f4516c
}

.m-portlet.m-portlet--warning.m-portlet--head-solid-bg {
    border: 2px solid #ffb822
}

.m-portlet.m-portlet--info.m-portlet--head-solid-bg {
    border: 2px solid #36a3f7
}

.m-portlet__nav-item .m-subheader__daterange {
    display: inline-block;
    border-radius: 2rem;
    padding: 0 5px;
    cursor: pointer;
    background: rgba(74, 179, 244, .1)
}

.m-subheader__daterange .m-subheader__daterange-label {
    padding: .7rem .75rem .7rem 1.5rem
}

.m-subheader__daterange .m-subheader__daterange-label .m-subheader__daterange-title {
    display: inline-block;
    font-weight: 400;
    color: #aaaeb8
}

.m-subheader__daterange .m-subheader__daterange-label .m-subheader__daterange-date {
    display: inline-block;
    font-weight: 500
}

.m-subheader__daterange>.btn {
    width: 32px !important;
    height: 32px !important
}

.m-subheader__daterange>.btn>i {
    font-size: 0.8rem !important
}

.m-scroll-top {
    padding-top: 12px;
    border-radius: 4px
}

.m-scroll-top.m-scroll-top--skin-dark {
    background: #2C2E3E
}

.m-nav-grid .m-nav-grid__row .m-nav-grid__item:hover {
    background: #F7F8FA
}

.m-nav-grid .m-nav-grid__row .m-nav-grid__item:hover .m-nav-grid__icon {
    color: #37394D
}

.m-nav-grid>.m-nav-grid__row>.m-nav-grid__item .m-nav-grid__number {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    color: #22b9ff;
    word-break: break-all
}

.m-nav-grid .m-nav-grid__row .m-nav-grid__item .m-nav-grid__text.font-color-change {
    color: #9699a2
}

.m-dropdown.m-dropdown--skin-dark .m-dropdown__wrapper .m-dropdown__inner {
    background-color: #234a80
}

.m-dropdown.m-dropdown--skin-dark.m-dropdown--arrow .m-dropdown__arrow {
    color: #234a80
}

.m-nav-grid.m-nav-grid--skin-dark .m-nav-grid__row .m-nav-grid__item {
    border-right: 1px solid #16335b;
    border-bottom: 1px solid #16335b
}

.m-nav-grid.m-nav-grid--skin-dark .m-nav-grid__row .m-nav-grid__item:hover {
    background: #16335b
}

.m-topbar .m-topbar__nav.m-nav>.m-nav__item.m-topbar__user-profile>.m-nav__link .m-topbar__welcome {
    display: table-cell;
    vertical-align: middle;
    font-size: 1rem;
    font-weight: 500;
    padding-right: 5px;
    color: #a886f4
}

.m-header--minimize-on .m-topbar .m-topbar__nav.m-nav>.m-nav__item.m-topbar__user-profile>.m-nav__link .m-topbar__welcome {
    color: #a886f4
}

@media (max-width:1024px) {
    .m-topbar .m-topbar__nav.m-nav>.m-nav__item.m-topbar__user-profile>.m-nav__link .m-topbar__welcome {
        color: #b7bace
    }

    .m-login.m-login--1 .m-login__content {
        height: 250px
    }

    .m-login.m-login--1 .m-login__aside .m-login__wrapper .m-login__logo {
        margin: 1rem auto 2rem auto
    }
}

@media (max-width:768px) {
    .m-topbar .m-topbar__nav.m-nav>.m-nav__item.m-topbar__user-profile>.m-nav__link .m-topbar__welcome {
        color: #b7bace
    }

    .m-login.m-login--1 .m-login__aside .m-login__wrapper {
        padding-top: 0
    }

    .m-login.m-login--1 .m-login__content .m-grid__item {
        margin-left: 20px;
        margin-right: 20px
    }
}

.m-login.m-login--1 .m-login__wrapper {
    overflow: hidden;
    padding: 20% 2rem 2rem 2rem
}

.m-login.m-login--1 .m-login__wrapper .m-login__logo {
    text-align: left;
    margin: 0 auto;
    font-size: 2rem;
    font-weight: 500;
    color: #fff
}

.m-login.m-login--1 .m-login__content .m-login__welcome {
    color: #3869ab;
    font-size: 5rem;
    font-weight: 200;
    margin-bottom: 1.5rem
}

.m-login.m-login--1 .m-login__content .m-login__msg {
    color: #212529;
    font-size: 1.3rem;
    font-weight: 200
}

.login_bg {
    background-image: url(/mis-res/images/bg/login_bg_3.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover
}

.m-separator.m-separator--nav {
    border-bottom: 3px solid rgba(255, 255, 255, .4)
}

.m-nav .m-nav__menu {
    display: block;
    /* border-bottom: 1px solid rgba(168, 92, 128, .5) */
}

.m-nav .m-nav__menu:last-child {
    border-bottom: 0
}

.m-nav .m-nav__menu>.m-nav__link {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: relative;
    outline: none !important;
    vertical-align: middle;
    padding: 18px 0;
    color: #343a40
}

.m-nav .m-nav__menu>.m-nav__link:hover {
    text-decoration: none;
    color: #36a3f7
}

.m-nav .m-nav__menu>.m-nav__link .m-nav__link-text {
    display: table-cell;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    font-size: 1.3rem
}

.m-nav .m-nav__menu>.m-nav__link .m-nav__link-title {
    display: table-cell;
    height: 100%;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    font-weight: 400
}

.m-nav .m-nav__menu>.m-nav__link .m-nav__link-title>.m-nav__link-wrap {
    display: table;
    height: 100%;
    margin: 0;
    width: 100%;
    padding: 0;
    vertical-align: middle
}

.m-nav .m-nav__menu>.m-nav__link .m-nav__link-title>.m-nav__link-wrap .m-nav__link-text {
    padding-right: .8rem
}

.m-nav .m-nav__menu>.m-nav__link .m-nav__link-title>.m-nav__link-wrap>.m-nav__link-badge {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    white-space: nowrap;
    padding: 0 0 0 5px;
    text-align: right
}

.m-nav .m-nav__menu>.m-nav__link .m-nav__link-icon {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    text-align: left;
    width: 50px;
    font-size: 2rem;
    line-height: 0;
    color: #fff;
    margin-right: 0
}

.m-nav .m-nav__menu.disabled {
    opacity: .2;
    filter: alpha(opacity=20)
}

.datepicker table tr td span.active.active.focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover.active.focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active:hover:active:hover {
    color: #fff;
    background-color: #F4DA70;
    border-color: #AF9012
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: #fff;
    color: #fff;
    cursor: default
}

.datepicker table tr td.old.disabled, .datepicker table tr td.new.disabled {
    color: #fff;
    cursor: default
}

.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
    background: none;
    color: #fff;
    cursor: default
}

.datepicker tbody tr>td span.month.focused {
    background: #E8C94C;
    color: #fff
}

.deposit_input_div .form-control {
    padding-top: .75rem;
    padding-bottom: .75rem;
    background: transparent;
    border-color: #4F80BE;
    font-size: 1rem;
    color: #22B9FF
}

.deposit_input_div .input-group .input-group-append>.input-group-text, .deposit_input_div .input-group .input-group-prepend>.input-group-text {
    border-color: #4F80BE;
    background-color: #346CB2;
    color: #97BDED
}

.deposit_input_div .input-group .input-group-append>.input-group-text>i, .deposit_input_div .input-group .input-group-prepend>.input-group-text>i {
    color: #22B9FF
}

.deposit_input_div .form-control::-moz-placeholder {
    color: #4F80BE;
    opacity: 1
}

.deposit_input_div .form-control:-ms-input-placeholder {
    color: #4F80BE
}

.deposit_input_div .form-control::-webkit-input-placeholder {
    color: #4F80BE
}

.m-subheader-search {
    background: #234A80;
    padding: 30px 30px 30px 30px;
    -webkit-box-shadow: 1px 0 20px 0 rgba(41, 50, 66, .5) inset;
    box-shadow: 1px 0 20px 0 rgba(41, 50, 66, .5) inset
}

.m-subheader-search {
    background-image: url(../images/bg/search_bg_line.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 15%;
}

.m-subheader-search.no-bgimage {
    background-image: url("")
}

.m-subheader-search .form-control {
    padding-top: .75rem;
    padding-bottom: .75rem;
    background: transparent;
    border-color: #4F80BE;
    font-size: 1rem;
    color: #22B9FF
}

.btn-group .btn-outline-info {
    color: #787984;
    background-color: transparent;
    background-image: none;
    border-color: #EBEDF2
}

.btn-group .btn-outline-info:hover {
    background-color: #22b9ff;
    border-color: #36a3f7
}

.btn-group .btn-outline-info[disabled] {
    background-color: #e9ecef;
}

.m-subheader-search .form-control::-moz-placeholder {
    color: #4F80BE;
    opacity: 1
}

.m-subheader-search .form-control:-ms-input-placeholder {
    color: #4F80BE
}

.m-subheader-search .form-control::-webkit-input-placeholder {
    color: #4F80BE
}

.m-subheader-search .form-control:focus {
    border-color: #22B9FF;
    color: #22B9FF
}

.m-subheader-search .form-control:focus::-moz-placeholder {
    color: #22B9FF;
    opacity: 1
}

.m-subheader-search .form-control:focus:-ms-input-placeholder {
    color: #22B9FF
}

.m-subheader-search .form-control:focus::-webkit-input-placeholder {
    color: #22B9FF
}

.m-subheader-search .form-control:hover:not(:disabled) {
    border-color: #22B9FF
}

.m-subheader-search .input-group .input-group-append>.input-group-text, .m-subheader-search .input-group .input-group-prepend>.input-group-text {
    border-color: #4F80BE;
    background-color: #346CB2;
    color: #97BDED
}

.m-subheader-info {
    background: #234A80;
    padding: 40px 30px;
    -webkit-box-shadow: 1px 0 20px 0 rgba(41, 50, 66, .5) inset;
    box-shadow: 1px 0 20px 0 rgba(41, 50, 66, .5) inset;
    color: #FFF
}

.m-subheader-info {
    background-image: url(../images/bg/bg_info_r.png);
    background-position: top right;
    background-repeat: no-repeat
}

.datepicker-bg {
    background-image: url(../images/bg/calendar.png);
    background-position: bottom right;
    background-repeat: no-repeat
}

.sales-bg {
    background-image: url(../images/bg/sales.png);
    background-position: bottom right;
    background-repeat: no-repeat
}

.m-subheader-info .m-subheader-info__title {
    font-size: 2.2rem;
    font-weight: 200;
    color: #fff;
    margin: 0
}

.m-subheader-info .m-subheader-info__desc {
    font-size: 1.5rem;
    font-weight: 500;
    color: #9388fa;
    display: inline-block;
    padding-left: .5rem
}

.m-subheader-info .m-subheader-info__title>a:hover {
    text-decoration: none;
    color: #22B9FF
}

.m-subheader-info .m-widget24 .m-widget24__item .m-widget24__title3 {
    color: #22B9FF
}

.m-subheader-info .m-widget24 .m-widget24__item .m-widget24__stats3 {
    color: #CBF1FF
}

.m-subheader-info .m-form {
    margin-top: 2rem
}

@media (max-width:991px) {
    .m-subheader-info .row.m-row--col-separator-xl>div {
        border-bottom: 1px solid #4F80BE;
        border-right: 0
    }

    .m-subheader-info .row.m-row--col-separator-xl>div:last-child {
        border-bottom: 0
    }
}

@media (min-width:992px) {
    .m-subheader-info .row.m-row--col-separator-xl>div {
        border-bottom: 0;
        border-right: 1px solid #4F80BE
    }

    .m-subheader-info .row.m-row--col-separator-xl>div:last-child {
        border-right: 0
    }
}

.m-portlet__sub-menu {
    font-weight: 100;
    font-size: 18px;
    margin-left: 10px
}

.m-widget13 .m-widget13__item .m-widget13__desc {
    display: table-cell;
    padding-right: 30px;
    width: 40%;
    vertical-align: top;
    padding-top: 10px;
    font-size: 1rem
}

.m-widget13 .m-widget13__item .m-widget13__text {
    display: table-cell;
    width: 60%;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: top;
    font-size: 1rem
}

.m-nav.m-nav--active-bg.m-nav--active-bg-padding-custom .m-nav__item>.m-nav__link {
    padding: 12px 30px
}

.m-nav.m-nav--active-bg.m-nav--active-bg-padding-custom .m-nav__item>.m-nav__link.m-tabs__item--active {
    border-radius: 0;
    background-color: #f7f8fa
}

.m-widget27 .m-widget27__pic:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, top, bottom, color-stop(20%, #737D92), color-stop(120%, #F1F1F1));
    background: linear-gradient(to bottom, #737D92 20%, #F1F1F1 120%);
    opacity: .1
}

.m-widget27 .m-widget27__pic>img {
    width: 100%;
    height: 110px
}

.m-widget27 .m-widget27__pic .m-widget27__title>span {
    font-size: 3rem;
    padding-right: .4rem
}

.m-widget27 .m-widget27__pic .m-widget27__title>span>span {
    font-size: 2.5rem;
    padding-right: 0rem
}

.m-widget27 .m-widget27__container {
    margin-top: 3rem;
    width: 100%;
    padding: 1rem 1rem 0 1rem
}

.m-widget27 .m-widget27__container .m-widget27__nav-items .m-widget27__nav-item>a.active {
    background-color: #f8f9fa;
    border-color: #ebedf2 !important;
    color: #6c757d
}

.m-widget19 .m-widget19__content .m-widget19__body {
    margin-top: 1.75rem
}

.m-widget28 .m-widget28__container .m-widget28__nav-items {
    border-spacing: 1.2rem;
    margin-top: -7rem;
    padding: 0 1rem
}

.m-widget28 .m-widget28__container .m-widget28__nav-items .m-widget28__nav-item>a {
    color: #5867dd;
    border: 1px solid #E7E6E6;
    background-color: #fff
}

.m-widget28 .m-widget28__container .m-widget28__nav-items .m-widget28__nav-item>a>span>i {
    font-size: 2.2rem;
    margin-right: 0;
    padding-bottom: .2rem;
    padding-top: .4rem
}

.m-widget28 .m-widget28__container .m-widget28__nav-items .m-widget28__nav-item>a>span:last-child {
    font-size: 1rem
}

.m-widget28 .m-widget28__container .m-widget28__nav-items .m-widget28__nav-item>a.active {
    background-color: #36A3F7;
    border: 0;
    color: #fff
}

.m-widget28 .m-widget28__pic {
    position: relative;
    min-height: 170px;
    background-color: #fff
}

#chartdiv {
    width: 100%;
    height: 200px
}

.taxbill {
    background-color: #fff;
    border-bottom: 1px solid #c4c5d6;
    border-left: 1px solid #c4c5d6
}

.table-tax {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.table-tax th {
    padding: .75rem;
    vertical-align: middle;
    border-top: 1px solid #c4c5d6;
    border-right: 1px solid #c4c5d6;
    background-color: #f8f9fa;
    font-size: 14px;
    font-weight: 500;
    text-align: center
}

.table-tax.border-no-top th {
    border-top: 0
}

@media (max-width:768px) {
    .table-tax.border-no-top th {
        border-top: 1px solid #c4c5d6
    }
}

.table-tax td {
    padding: .75rem;
    vertical-align: middle;
    border-right: 1px solid #c4c5d6;
    border-top: 1px solid #c4c5d6
}

.taxbill .taxbill-item {
    font-size: 14px;
    font-weight: 500;
    text-align: center
}

.taxbill .taxbill-wrapper {
    display: table;
    width: 100%;
    height: 100%;
    margin: 0;
    border-top: 1px solid #c4c5d6;
    border-right: 1px solid #c4c5d6
}

.taxbill .taxbill-wrapper .taxbill-title {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: .75rem;
    font-size: 25px;
    font-weight: 600
}

.taxbill .taxbill-wrapper .taxbill-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: .75rem
}

.taxbill .taxbill-wrapper .taxbill-content.taxbill_digit {
    font-family: 'Open Sans';
    font-size: 1.5rem;
    color: #6c757d
}

.table-tax.table-tax--border-danger td {
    border-color: #f4516c
}

.table-tax.table-tax--border-info td {
    border-color: #36a3f7
}

.table-tax-wrapper__supplier {
    border-bottom: 1px solid #f4516c
}

.table-tax-wrapper__recipient {
    border-bottom: 1px solid #36a3f7
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text.large-title {
    font-size: 1.5rem;
    font-weight: 700
}

.m-widget6 .m-widget6__item .m-widget6__text.text-right {
    font-weight: 500;
    color: #343a40
}

.m-type.m-type--lg>i {
    font-size: 1.5rem
}

@media (max-width:1199px) {
    .row.m-row--col-separator-xl.dash_line>div {
        border: 0
    }
}

@media (min-width:1200px) {
    .row.m-row--col-separator-xl.dash_line>div {
        border-bottom: 0;
        border-right: 1px dashed #ebedf2
    }

    .row.m-row--col-separator-xl.dash_line>div:last-child {
        border-right: 0
    }
}

.form-control[readonly] {
    border-color: #f4f5f8;
    color: #6f727d;
    background-color: #f4f5f8
}

.input-error {
    border-color: red
}

.input-valid {
    border-color: #ebedf2
}

.select-error {
    border: 1px solid red
}

.select-valid {
    border-color: green
}

.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--focus {
    background: #8067DC;
    color: #fff
}

.salary .salary_man {
    margin-top: 40px;
    border-top: 3px solid #000
}

.salary .salary_money {
    border-top: 3px solid #000
}

.salary .salary_line {
    border-bottom: 1px solid #999
}

.salary .salary_title {
    font-size: 1.3rem;
    font-weight: 600;
    margin: 50px 10px 5px 10px
}

.salary .salary_item {
    display: table;
    width: 100%;
    padding-top: .8rem;
    padding-bottom: .9rem;
    border-bottom: 1px solid #999
}

.salary .salary_label {
    display: table-cell;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    vertical-align: middle;
    font-size: 1.2rem;
    font-weight: 500
}

.salary .salary_content {
    display: table-cell;
    width: 65%;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    font-size: 1.2rem;
    vertical-align: middle;
    text-align: right;
    font-weight: 500
}

.salary .salary_money .salary_label {
    font-weight: 300
}

.salary .salary_overall .salary_content {
    text-align: right;
    font-weight: 500
}

@media (min-width:576px) {
    .salary .salary_man .salary_item {
        border-bottom: 0
    }

    .plan .plan_info .plan_item {
        border-bottom: 0
    }
}

@media (max-width:575px) {
    .salary .salary_man .salary_line {
        border-bottom: 0
    }

    .plan .plan_info .plan_line {
        border-bottom: 0
    }
}

.plan .plan_info_2 {
    display: table;
    width: 100%;
    margin-top: 50px;
    padding-bottom: .7rem
}

.plan .plan_info_2 .plan_title {
    display: table-cell;
    padding-left: 1.2rem;
    vertical-align: middle;
    font-size: 1.2rem;
    font-weight: 500
}

.plan .plan_info_2 .plan_write {
    display: table-cell;
    text-align: right;
    width: 50%;
    padding-right: 1.2rem;
    font-size: 1rem;
    vertical-align: middle
}

.plan .plan_detail {
    border-top: 3px solid #000;
    border-bottom: 1px solid #999;
    padding: 20px 1.2rem
}

.m-portlet.m-portlet--bottom-fit-fix {
    margin-bottom: 2px
}

.table-bordered_bl {
    border-top: 4px solid #343a40;
    border-right: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
    border-left: 1px solid #D2D2D2
}

.table-bordered_bl td {
    border: 1px solid #D2D2D2
}

.email-title span {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -3px;
    color: #B0AEAE
}

.table-lineheight {
    line-height: 2
}

.m-widget4 .m-widget4__item .m-widget4__info .m-widget4__text>a {
    color: #898b96
}

.m-widget4 .m-widget4__item .m-widget4__info .m-widget4__text:hover>a {
    text-decoration: none;
    color: #36a3f7
}

.m--margin-right-130 {
    margin-right: 130px !important
}

.dropzone .dz-preview .dz-error-message {
    top: 150px !important
}

.nav.nav-pills.nav-pills--brand .nav-link.active {
    background-color: rgba(74, 179, 244, .1);
    color: #4AB3F4
}

.btn.btn-bold {
    font-weight: 600
}

.m-widget31 .m-widget31__head {
    border-bottom: 1px solid #343a40
}

.m-widget31 .m-widget31__head .m-widget31__action {
    margin-bottom: 2.14rem
}

.m-widget31 .m-widget31__head .m-widget31__item {
    display: table;
    width: 100%;
    margin-bottom: 1.07rem;
    font-size: 1rem;
    font-weight: 600;
    margin-left: 0;
    margin-right: 0
}

.m-widget31 .m-widget31__head .m-widget31__item .m-widget31__caption {
    display: table-cell;
    width: 33%;
    padding-left: 0;
    padding-right: 0
}

.m-widget31 .m-widget31__head .m-widget31__item .m-widget31__caption:last-child {
    padding-right: 0;
    padding-left: 0
}

.m-widget31 .m-widget31__item .m-widget31__title {
    display: inline-block;
    font-weight: 300;
    padding: 13px 0;
    color: #9699a2
}

.m-widget31 .m-widget31__item .m-widget31__contents {
    float: right;
    font-weight: 500;
    padding: 13px 0
}

.m-widget31__item {
    border-bottom: .07rem dashed #ebedf2
}

.m-widget31__item:last-child {
    border-bottom: 0
}

.m-widget31 .m-widget31__foot {
    border-top: .07rem solid #D2D2D2
}

.m-widget31 .m-widget31__foot .m-widget31__item {
    display: table;
    width: 100%;
    margin-bottom: 1.07rem;
    font-size: 1rem;
    font-weight: 600;
    margin-left: 0;
    margin-right: 0
}

.m-widget31 .m-widget31__foot .m-widget31__item .m-widget31__text {
    display: table-cell;
    width: 50%;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.5rem
}

.m-timeline-2 .m-timeline-2__items .m-timeline-2__item .m-download_icon>i {
    color: #c1bfd0
}

.m-timeline-2 .m-timeline-2__items .m-timeline-2__item .m-download_icon:hover>i {
    text-decoration: none;
    color: #22b9ff
}

.m-datatable>.m-datatable__table>.m-datatable__head .m-datatable__row>.m-datatable__cell, .m-datatable>.m-datatable__table>.m-datatable__foot .m-datatable__row>.m-datatable__cell {
    background: #F1F5F7;
    border-bottom: 1.5px solid #dee2e6
}

.m-datatable.m-datatable--default.m-datatable--subtable>.m-datatable__table>.m-datatable__body .m-datatable__row.m-datatable__row--subtable-expanded>.m-datatable__cell {
    background: #F7F8FA !important;
    border-bottom: 1px dashed #dee2e6
}

.m-datatable.m-datatable--default>.m-datatable__table>.m-datatable__body .m-datatable__row>.m-datatable__cell.m-datatable__cell--hover {
    background: #F7F8FA
}

.m-datatable.m-datatable--default.m-datatable--subtable>.m-datatable__table>.m-datatable__body .m-datatable__row-subtable {
    background: #fff
}

.m-datatable.m-datatable--default>.m-datatable__table>.m-datatable__body .m-datatable__row.m-datatable__row--even>.m-datatable__cell {
    background: #fff;
    border-top: 1px solid #F4F5F8
}

.m-datatable.m-datatable--default>.m-datatable__table>.m-datatable__body .m-datatable__row>.m-datatable__cell {
    border-top: 1px solid #F4F5F8
}

.m-datatable.m-datatable--default.m-datatable--subtable>.m-datatable__table>.m-datatable__body .m-datatable__row-subtable>.m-datatable__subtable>.m-datatable {
    -webkit-box-shadow: 0 0 15px 1px rgba(113, 106, 202, .1);
    box-shadow: 0 0 15px 1px rgba(113, 106, 202, .1);
    border: 1px solid #dee2e6
}

.m-datatable.m-datatable--default.m-datatable--subtable>.m-datatable__table>.m-datatable__body .m-datatable__row-subtable {
    background: #F7F8FA
}

.m-datatable.m-datatable--default.m-datatable--subtable>.m-datatable__table>.m-datatable__body .m-datatable__row-subtable>.m-datatable__subtable>.m-datatable>.m-datatable__table>.m-datatable__head .m-datatable__row>.m-datatable__cell {
    background: #fff
}

.m-datatable.m-datatable--subtable>.m-datatable__table>.m-datatable__body .m-datatable__row-subtable .m-datatable__pager {
    background: #fff;
    border-top: 1px solid #dee2e6
}

.m-widget27 .m-widget27__container .m-widget31 {
    padding: 0 1rem
}

.m-widget6 .m-widget6__body .m-widget6__item .m-widget6__number {
    display: table-cell;
    width: 33%;
    padding-left: 0;
    padding-right: 0;
    vertical-align: top;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: right
}

.m-portlet .m-portlet__body-separator.separator_sales {
    border-bottom: 1px solid #f4516c
}

.m-portlet .m-portlet__body-separator.separator_expense {
    border-bottom: 1px solid #5867dd
}

.m-portlet .m-portlet__body-separator.separator_sgexpense {
    border-bottom: 1px solid #00c5dc
}

.m-portlet .m-portlet__body-separator.separator_asset {
    border-bottom: 1px solid #ffb822
}

.repeater_border {
    padding: 20px 0;
    border-top: 1px dashed #C3C4C8
}

.repeater_border:first-child {
    padding: 0 0 20px 0;
    border-top: 0
}

.m-form .m-form__section.m-form__section--first {
    padding: 40px 0;
    border-bottom: 1px dashed #ebedf2
}

.m-form .m-form__section.m-form__section--last {
    padding: 40px 0;
    border-top: 1px dashed #ebedf2
}

.form-control[readonly] {
    border-color: #EBEDF2
}

.m--icon-font-size-lg6 {
    font-size: 5rem !important
}

.input-price {
    font-size: 1.2rem !important;
    text-align: right
}

.numberCircle_brand {
    border-radius: 50%;
    width: 28px;
    line-height: 28px;
    background-color: rgba(93, 120, 255, .1);
    color: #5d78ff;
    text-align: center;
    font-size: 1.2rem
}

.numberCircle_danger {
    border-radius: 50%;
    width: 28px;
    line-height: 28px;
    background-color: rgba(253, 57, 122, .1);
    color: #fd397a;
    text-align: center;
    font-size: 1.2rem
}

.numberCircle_warning {
    border-radius: 50%;
    width: 28px;
    line-height: 28px;
    background-color: rgba(255, 184, 34, .1);
    color: #ffb822;
    text-align: center;
    font-size: 1.2rem
}

.m-nav .m-nav__item>.m-nav__link.m-nav__link-success {
    border-radius: 2rem;
    background-color: rgba(10, 187, 135, .1);
    color: #0abb87;
    text-align: center;
    cursor: default
}

.m-nav .m-nav__item>.m-nav__link.m-nav__link-danger {
    border-radius: 2rem;
    background-color: rgba(253, 57, 122, .1);
    color: #fd397a;
    text-align: center;
    cursor: default
}

#container {
    overflow: hidden;
    height: 340px;
    position: relative
}

#btnRoadview, #btnMap {
    position: absolute;
    top: 5px;
    left: 5px;
    padding: 7px 12px;
    font-size: 14px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    z-index: 1;
    cursor: pointer
}

#btnRoadview:hover, #btnMap:hover {
    background-color: #fcfcfc;
    border: 1px solid #c1c1c1
}

#container.view_map #mapWrapper {
    z-index: 10
}

#container.view_map #btnMap {
    display: none
}

#container.view_roadview #mapWrapper {
    z-index: 0
}

#container.view_roadview #btnRoadview {
    display: none
}

#print-taxbill-sales {
    border: 3px solid #f4516c;
    color: #f4516c
}

#print-taxbill-purchase {
    border: 3px solid #5867dd;
    color: #5867dd
}

#print-taxbill-sgexpense {
    border: 3px solid #00c5dc;
    color: #00c5dc
}

.approval-table {
    font-size: 11pt;
    border-collapse: collapse !important
}

.approval-table th {
    padding: .7rem;
    border-right: 1px solid #5867dd;
    color: #5867dd;
    text-align: center;
    background-color: #F0F6FD
}

.approval-table th:last-child {
    border-right: 0
}

.approval-table td {
    padding: .7rem
}

.approval-table tr {
    border-bottom: 1px solid #5867dd
}

.approval-table tr:last-child {
    border-right: 0;
    border-bottom: 0
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #D2D6DB !important
}

.border-primary {
    border-color: #5867dd !important
}

@media print {
    .d-print-table {
        display: table !important;
        width: 100%;
        table-layout: fixed
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important;
        padding-left: 0 !important;
    }

    .d-print-none {
        display: none !important
    }

    .row.m-row--col-separator-xl>div {
        border-bottom: 0;
        border-right: 1px solid #5867dd
    }

    #approval_input_line {
        padding-right: 0
    }
}

@media (min-width:1200px) {
    .row.m-row--col-separator-xl>div {
        border-bottom: 0;
        border-right: 1px solid #ebedf2
    }

    .row.m-row--col-separator-xl>div:last-child {
        border-right: 0
    }
}

@media (max-width:575px) {
    #approval_div_sm, #modal_approval_div_sm, #agreement_div_sm, #modal_agreement_div_sm, #approval_div_mobile_only {
        display: block
    }

    #approval_div, #modal_approval_div, #m_div_agreement_table, #modal_div_agreement_table, #approval_month_div {
        display: none
    }
}

@media (min-width:576px) {
    #approval_div_sm, #modal_approval_div_sm, #agreement_div_sm, #modal_agreement_div_sm, #approval_div_mobile_only {
        display: none
    }

    #approval_div, #modal_approval_div, #m_div_agreement_table, #modal_div_agreement_table, #approval_month_div {
        display: inline-block
    }
}

#main_text ol>li, #accounting_approval_main ol>li {
    font-weight: 400;
    line-height: 2;
    color: #000
}

#main_text p {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.item_table_wrapper {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.item_table_wrapper table {
    padding: 1rem;
    margin: 0 auto;
    min-width: 900px;
    border-color: #343a40
}

.item_table_wrapper th {
    text-align: center;
    background-color: #F1F5F7;
    font-weight: 500;
    height: 35px;
    white-space: nowrap;
    padding: .5rem
}

.item_table_wrapper td {
    height: 35px;
    padding: .5rem
}

.item_table {
    border-color: #343a40
}

.item_table th {
    text-align: center;
    background-color: #ECECED;
    font-weight: 500;
    height: 35px;
    white-space: nowrap;
    padding: .5rem
}

.item_table td {
    height: 35px;
    padding: .5rem
}

.note-table-bordered {
    width: 90%;
    margin: 0 auto
}

.note-table-bordered thead th {
    text-align: center;
    background-color: #ECECED;
    height: 35px;
    white-space: nowrap;
    border: 1px solid #343a40
}

.note-table-bordered td {
    border: 1px solid #343a40;
    color: #343a40;
    font-weight: 400
}

#accounting_approval_main .table.table-bordered {
    border-color: #6c757d;
    border-top: 0
}

#biztrip_approval_main .table.table-bordered {
    border-color: #6c757d;
    border-top: 0;
    border-bottom: 0
}

#accounting_approval_main .table.table-bordered th, #biztrip_approval_main .table.table-bordered th {
    border-bottom: 0;
    border-color: #6c757d
}

#accounting_approval_main .table.table-bordered td, #biztrip_approval_main .table.table-bordered td {
    border-color: #6c757d
}

.print-table-box-layout {
    border: 2px solid #5867dd;
    color: #5867dd
}

.print-table {
    background-color: #fff !important;
    border-bottom: 0;
    border-collapse: collapse !important;
    text-align: center;
    font-size: 11pt
}

.print-table th, .print-table td {
    padding: 3px .3rem
}

.print-table label {
    font-size: 1.8rem
}

.print-table.m--border-danger th, .print-table.m--border-danger td {
    padding: .5rem;
    border-right: 1px solid #f4516c;
    border-bottom: 1px solid #f4516c
}

.print-table.m--border-primary th, .print-table.m--border-primary td {
    padding: .5rem;
    border-right: 1px solid #5867dd;
    border-bottom: 1px solid #5867dd
}

.print-innertable.m--border-primary th, .print-innertable.m--border-primary td {
    padding: .5rem;
    border-right: 1px solid #5867dd;
    border-top: 1px solid #5867dd
}

.print-innertable.m--border-primary tr:first-child>th, .print-innertable.m--border-primary tr:first-child>td {
    border-top: 0
}

.print-table.m--border-warning th, .print-table.m--border-warning td {
    padding: .5rem;
    border-right: 1px solid #ffb822;
    border-bottom: 1px solid #ffb822
}

.print-table.m--border-accent th, .print-table.m--border-accent td {
    padding: .5rem;
    border-right: 1px solid #00c5dc;
    border-bottom: 1px solid #00c5dc
}

.print-table td:last-child, .print-table th:last-child {
    border-right: 0
}

.print-table .p_table-taxbill-date {
    color: #212529;
    text-align: center
}

.print-table .p_table-taxbill-font {
    color: #212529;
    text-align: left
}

.print-table .p_table-taxbill-no {
    color: #212529;
    text-align: left;
    word-break: break-all
}

.print-table .p_table-taxbill-currency {
    color: #212529;
    text-align: right
}

.print-table .p_table-taxbill-bg {
    background-color: #FFF6F6 !important
}

.print-table .p_table-taxbill-bg-purchase {
    background-color: #F0F6FD !important
}

.print-table .p_table-taxbill-bg-sgexpense {
    background-color: #EEFCFE !important
}

.print-table.p_table-last tr:last-child>td {
    border-bottom: 0
}

.print-table .p_table-taxbill-bg-light {
    background-color: #f8f9fa !important
}

@media (min-width:1002px) {
    .modal-xl {
        max-width: 1000px
    }
}

@media (min-width:1400px) {
    .modal-xxl {
        max-width: 1340px
    }
}

.scrollbar-x {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

button.buttonsToHide:focus, button.buttonsToHide:hover, button.buttonsToHide.active {
    background-color: #4AB3F4 !important;
    color: #fff
}

.m-subheader .m-subheader__breadcrumbs.m-nav>.m-nav__item>.m-nav__link-text {
    color: #898b96
}

.myIframe {
    position: relative;
    padding-bottom: 100%;
    padding-top: 30px;
    overflow: hidden
}

.myIframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    width: 100%;
    height: 100%
}

#main_portlet .m-portlet__head {
    background-color: rgba(255, 255, 255, .9)
}

.bd-1 {
    border: 1px solid
}

.bd-2 {
    border: 2px solid
}

.br-1 {
    border-right: 1px solid
}

.br-2 {
    border-right: 2px solid
}

.bl-1 {
    border-left: 1px solid
}

.bl-2 {
    border-left: 2px solid
}

.bb-1 {
    border-bottom: 1px solid
}

.bb-2 {
    border-bottom: 2px solid
}

.bb-4 {
    border-bottom: 4px solid
}

.bt-1 {
    border-top: 1px solid
}

.bt-2 {
    border-top: 2px solid
}

.bt-4 {
    border-top: 4px solid
}

.bordered {
    border: 2px solid
}

.bordered.bordered-3 {
    border: 3px solid
}

.bordered th, .bordered td {
    border: 1px solid
}

.border-2 {
    border: 2px solid #5867dd
}

.secret_background {
    background-image: url(/mis-res/images/bg/secret.png);
    background-repeat: no-repeat;
    background-position: center center
}

.main_table .m-portlet {
    background: transparent
}

.signature_img {
    background-image: url(/mis-res/images/signature/sign_han.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.signature_img_2 {
    background-image: url(/mis-res/images/signature/sign_2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.signature_img_3 {
    background-image: url(/mis-res/images/signature/sign_3.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.signature_img_4 {
    background-image: url(/mis-res/images/signature/sign_1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

@media print {
    * {
        -webkit-print-color-adjust: exact
    }

    div.print-footer {
        position: fixed;
        width: 100%;
        bottom: 0
    }
}

.modal-full {
    width: 92%;
    max-width: none
}

.m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-topbar__date {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    width: 150px;
    font-size: 1.5rem;
    font-weight: 200;
    color: #6c757d
}

@media (max-width:499px) {
    .m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-topbar__date {
        display: none
    }
}

@media (min-width:1025px) and (max-width:1130px) {
    .m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-topbar__date {
        display: none
    }
}

@media (min-width:1025px) {
    .m-header .m-header-head .m-header__title .m-header__title-logo {
        display: table-cell;
        vertical-align: middle;
        padding: 0 0 0 30px
    }

    .m-header .m-header-head .m-header__title .m-header__title-logo>img {
        height: 37px
    }

    .m-header .m-header-head .m-header__title .m-header__title-text {
        padding: 0 0 0 10px
    }

    .m-brand .m-brand__logo .m-brand__logo-wrapper .narrow-width-case {
        display: none
    }
}

@media (max-width:1024px) {
    .m-brand .m-brand__logo .m-brand__logo-wrapper .narrow-width-case {
        display: inline-block;
        height: 25px
    }

    .m-brand .m-brand__logo .m-brand__logo-wrapper .wide-width-case {
        display: none
    }
}

.m-menu__item.m-menu__item--submenu.m-menu__item--hover {
    color: #fff
}

.btn-selectbox {
    color: #4F80BE;
    background-color: transparent;
    border-color: #4F80BE
}

.btn-selectbox:hover {
    color: #22B9FF;
    background-color: transparent;
    border-color: #22B9FF
}

.btn-selectbox:focus, .btn-selectbox.focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(88, 103, 221, .5);
    box-shadow: 0 0 0 .2rem rgba(88, 103, 221, .5)
}

.btn-selectbox.disabled, .btn-selectbox:disabled {
    color: #4F80BE;
    background-color: transparent;
    border-color: #4F80BE
}

.btn-selectbox:not(:disabled):not(.disabled):active, .btn-selectbox:not(:disabled):not(.disabled).active, .show>.btn-selectbox.dropdown-toggle {
    color: #22B9FF;
    background-color: transparent;
    border-color: #22B9FF
}

.btn-selectbox:not(:disabled):not(.disabled):active:focus, .btn-selectbox:not(:disabled):not(.disabled).active:focus, .show>.btn-selectbox.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(88, 103, 221, .5);
    box-shadow: 0 0 0 .2rem rgba(88, 103, 221, .5)
}

.btn.btn-selectbox {
    color: #22B9FF
}

.btn.btn-selectbox.active, .btn.btn-selectbox.focus, .btn.btn-selectbox:focus, .btn.btn-selectbox:hover:not(:disabled) {
    color: #93DBFC !important
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-selectbox {
    color: #22B9FF
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-selectbox>.filter-option {
    opacity: .8;
    filter: alpha(opacity=80)
}

.m-portlet.m-portlet--bordered.m-portlet--sticky .m-portlet__head {
    border: 1px solid #D2D6DB
}

.m-edit__square .m-edit__delete {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 5px;
    top: -10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, .1);
    transition: all 0.3s;
    border: 1px solid #fd397a
}

.m-edit__square .m-edit__delete i {
    color: #fd397a;
    font-size: .9rem
}

.m-edit__square .m-edit__delete:hover {
    transition: all 0.3s;
    background-color: #fd397a
}

.m-edit__square .m-edit__delete:hover i {
    color: #fff
}

.m-dropzone.m-dropzone--bg {
    background-color: #F8FAFB
}

.row .left_div_bg {
    background-image: url(../images/bg/key_bg.png);
    background-position: bottom right;
    background-repeat: no-repeat
}

.row .left_div_bg.bg_tr {
    background-image: url(../images/bg/bg_info_r.png);
    background-position: top right;
    background-repeat: no-repeat
}

.m-portlet.m-portlet--skin-primary {
    background: linear-gradient(140deg, #AD7DEE 0, #4537AB 100%)
}

.m-portlet.m-portlet--skin-sky {
    background: linear-gradient(140deg, #00BFE2 0, #009CAA 100%)
}

.m-portlet.m-portlet--skin-brand {
    background: linear-gradient(140deg, #22b9ff 0, #2285FF 100%)
}

.m-portlet.m-portlet--skin-info {
    background: linear-gradient(140deg, #43C5F2 0, #1F5FBF 100%)
}

.m-portlet.m-portlet--skin-green {
    background: linear-gradient(140deg, #56E400 0, #70B400 100%)
}

.m-portlet.m-portlet--skin-warning {
    background: linear-gradient(140deg, #FFE507 0, #DBA400 100%)
}

.m-portlet.m-portlet--skin-orange {
    background: linear-gradient(140deg, #FCBB2C 0, #D94D1F 100%)
}

.m-portlet.m-portlet--skin-danger {
    background: linear-gradient(140deg, #FF4A90 0, #BB004B 100%)
}

.kt-svg-icon {
    height: 23px;
    width: 23px
}

.kt-svg-icon g [fill] {
    background-color: #5d78ff
}

.kt-svg-icon.kt-svg-icon--brand g [fill] {
    background-color: #35B9E9 !important
}

.kt-svg-icon.kt-svg-icon--light g [fill] {
    background-color: #ffffff !important
}

.kt-svg-icon.kt-svg-icon--dark g [fill] {
    background-color: #282a3c !important
}

.kt-svg-icon.kt-svg-icon--primary g [fill] {
    background-color: #A958DD !important
}

.kt-svg-icon.kt-svg-icon--success g [fill] {
    background-color: #0abb87 !important
}

.kt-svg-icon.kt-svg-icon--info g [fill] {
    background-color: #5578eb !important
}

.kt-svg-icon.kt-svg-icon--warning g [fill] {
    background-color: #ffb822 !important
}

.kt-svg-icon.kt-svg-icon--danger g [fill] {
    background-color: #fd397a !important
}

.kt-svg-icon.kt-svg-icon--green g [fill] {
    background-color: #4DE617 !important
}

.kt-svg-icon.kt-svg-icon--orange g [fill] {
    background-color: #fd7e14 !important
}

.kt-svg-icon.kt-svg-icon--sm {
    height: 20px;
    width: 20px
}

.kt-svg-icon.kt-svg-icon--md {
    height: 30px;
    width: 30px
}

.kt-svg-icon.kt-svg-icon--lg {
    height: 40px;
    width: 40px
}

.kt-svg-icon.kt-svg-icon--xl {
    height: 50px;
    width: 50px
}

.m-nav .m-nav__section {
    cursor: text
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 5px;
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 400;
    line-height: 1.7;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    opacity: 0, inherit;
    font-size: 1rem
}

.kt-widget4 .kt-widget4__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px dashed #ebedf2
}

.kt-widget4 .kt-widget4__item .kt-widget4__pic {
    padding-right: 1rem
}

.kt-widget4 .kt-widget4__item .kt-widget4__pic img {
    width: 2.5rem;
    border-radius: 4px
}

.kt-widget4 .kt-widget4__item .kt-widget4__pic.kt-widget4__pic--sm img {
    width: 2.5rem
}

.kt-widget4 .kt-widget4__item .kt-widget4__pic.kt-widget4__pic--lg img {
    width: 3.5rem
}

.kt-widget4 .kt-widget4__item .kt-widget4__pic.kt-widget4__pic--xl img {
    width: 4rem
}

.kt-widget4 .kt-widget4__item .kt-widget4__pic.kt-widget4__pic--circle img {
    border-radius: 50%
}

.kt-widget4 .kt-widget4__item .kt-widget4__img {
    margin-right: .5rem
}

.kt-widget4 .kt-widget4__item .kt-widget4__info {
    display: flex;
    flex-direction: column;
    padding-right: 1.25rem;
    flex-grow: 1
}

.kt-widget4 .kt-widget4__item .kt-widget4__info .kt-widget4__username {
    font-weight: 500;
    font-size: 1rem;
    color: #595d6e;
    transition: color 0.3s ease
}

.kt-widget4 .kt-widget4__item .kt-widget4__info .kt-widget4__username:hover {
    color: #5d78ff;
    transition: color 0.3s ease
}

.kt-widget4 .kt-widget4__item .kt-widget4__info .kt-widget4__title {
    font-weight: 500;
    font-size: 1.1rem;
    color: #595d6e
}

.kt-widget4 .kt-widget4__item .kt-widget4__info .kt-widget4__text {
    font-size: 1rem;
    margin: 0;
    color: #74788d
}

.kt-widget4 .kt-widget4__item .kt-widget4__title {
    color: #9699a2;
    font-size: 1rem;
    font-weight: 500;
    padding-right: 1.25rem;
    flex-grow: 1;
    transition: color 0.3s ease
}

.kt-widget4 .kt-widget4__item .kt-widget4__title>a {
    text-decoration: none;
    display: inline-block
}

.kt-widget4 .kt-widget4__item .kt-widget4__title.kt-widget4__title--light {
    font-weight: 400
}

.kt-widget4 .kt-widget4__item .kt-widget4__number {
    width: 13rem;
    flex-grow: 1;
    text-align: right;
    font-weight: 500;
    font-size: 1.1rem
}

.kt-widget4 .kt-widget4__item .kt-widget4__icon {
    width: 35px;
    padding-right: 1.25rem
}

.kt-widget4 .kt-widget4__item .kt-widget4__icon>i {
    font-size: 1.6rem;
    text-align: right;
    color: #74788d
}

.kt-widget4 .kt-widget4__item .kt-widget4__icon.kt-widget4__icon--2x>i {
    font-size: 2.2rem
}

.kt-widget4 .kt-widget4__item:first-child {
    padding-top: 0
}

.kt-widget4 .kt-widget4__item:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.page {
    background-color: #fff !important;
    border-bottom: 0;
    border-collapse: collapse !important;
    text-align: center;
    font-size: 11pt
}

.page .approval-info {
    background-color: #fff !important;
    border-bottom: 0;
    border-collapse: collapse !important;
    text-align: center;
    font-size: 11pt;
    padding-top: 20px;
    padding-bottom: 30px
}

.page label {
    font-size: 1.8rem;
    font-weight: 700;
    color: #5867dd;
    margin-bottom: 20px
}

.approval_title {
    font-size: 3rem;
    font-weight: 700;
    color: #5867dd
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .5s;
    transition-property: opacity
}

.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1
}

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    opacity: 0
}

.carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0)
}

.m-widget1 {
    padding: 1.5rem
}

.m-widget1 .m-widget1__item .m-widget1__title a {
    text-decoration: none;
    color: #6c757d
}

.m-widget1__item .m-widget1__title {
    color: #6c757d
}

.m-widget1 .m-widget1__item .m-widget1__number.large_thin_font {
    font-size: 2rem;
    font-weight: 300
}

.m-widget1 .m-widget1__item .m-widget1__number {
    /* font-size: 2rem; */
    font-weight: 600
}

.m-widget1 .m-widget1__item .m-widget1__number2 {
    font-size: 1.7rem;
    font-weight: 600
}

.m-widget1 .m-widget1__item .m-widget1__number3 {
    font-size: 1.1rem;
    font-weight: 600
}

.m--font-worktime {
    font-size: 1.2rem;
    font-weight: 600;
    color: #22b9ff
}

.h-widget1 .h-widget1__item .h-widget1__title {
    margin-left: 2.2rem;
    margin-top: 3rem;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 300
}

.h-widget1 .h-widget1__item .h-widget1__stats {
    display: inline-block;
    margin-left: 2.2rem;
    font-size: 2.5rem;
    font-weight: 200;
    word-break: break-all
}

.h-widget1 .h-widget1__item .h-widget1__desc {
    display: inline-block;
    margin-left: 2.2rem;
    margin-bottom: 3.1rem;
    font-size: 1rem;
    font-weight: 200
}

.h-widget1 .h-widget1__item .h-widget1__title {
    color: #575962
}

.h-widget1 .h-widget1__item .h-widget1__desc {
    color: #575962
}

.m-subheader-search .m-subheader-search__title {
    font-size: 2.2rem;
    font-weight: 200
}

.m-subheader-search .m-subheader-search__desc {
    font-size: 2rem;
    font-weight: 800
}

.m-subheader-search .m-subheader-search__desc_num {
    font-size: 1.5rem;
    font-weight: 600;
    color: #9388fa;
    display: inline-block;
    padding-left: .5rem
}

.large_font {
    font-size: 3rem;
    font-weight: 200
}

.quarter-bg {
    background-image: url(../images/bg/bg_primary_r.png);
    background-position: top right;
    background-repeat: no-repeat
}

.quarter-bg-rb {
    background-image: url(../images/bg/bg_info_r.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 90px 90px
}

[type="number"]::-webkit-outer-spin-button, [type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.m-divider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m-divider>span:first-child {
    width: 100%;
    height: 1px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #B0BEC5;
    display: inline-block
}

.m-divider>span:last-child {
    width: 100%;
    height: 1px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #B0BEC5;
    display: inline-block
}

.m-divider>span:not(:first-child):not(:last-child) {
    padding: 0 2rem
}

.m--clearfix:before, .m--clearfix:after {
    content: " ";
    display: table
}

.m--clearfix:after {
    clear: both
}

.mr-1 {
    margin-right: .25rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.wizard_title_block {
    text-align: center;
    vertical-align: middle
}

.wizard_title_circle {
    border-radius: 40px;
    height: 40px;
    font-weight: 700;
    width: 40px;
    display: table;
    margin-left: 0;
    font-size: 1.8rem
}

.wizard_title_circle span {
    vertical-align: middle;
    display: table-cell
}

.wizard_title_label {
    display: table;
    text-align: center;
    vertical-align: middle;
    padding-left: 10px;
    height: 40px
}

.wizard_title_label h5 {
    vertical-align: middle;
    display: table-cell
}

.popover-title {
    font-size: 16px;
    font-weight: 700
}

.nbp-approval-tag {
    display: block;
    background-color: #4D5C6E;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
    padding: 0 20px;
    margin: 0 0 8px 0
}

.nbp-approval-tag:hover {
    background-color: #3E4D5F
}

.unsortable {
    display: block;
    color: #fff;
    background-color: #9F7EE9;
    cursor: default;
    border-radius: 5px
}

.unsortable:hover {
    background-color: #9F7EE9
}

.m-form .m-form__actions.m-form__actions--solid {
    background-color: #fff
}

.half-background-yellow {
    background: linear-gradient(to top, yellow 50%, transparent 50%)
}

.m-header {
    z-index: 1035
}

div.dt-button-background {
    z-index: 1
}

.carousel-inner .carousel-item {
    z-index: 2
}

.m-portlet .m-portlet__body {
    color: #343a40
}

.m-widget24 .m-widget24__item .m-widget24__change {
    color: #343a40
}

.m-widget24 .m-widget24__item .m-widget24__stats2 {
    color: #343a40
}

.m-widget24 .m-widget24__item .m-widget24__number {
    color: #343a40
}

.m-widget24 .m-widget24__item .m-widget24__desc {
    color: #343a40
}

.edit_salary .salary_man {
    margin-top: 0;
    border-top: 3px solid #000
}

.edit_salary .salary_line {
    border-bottom: 1px solid #999
}

.edit_salary .salary_money {
    border-top: 3px solid #000
}

.edit_salary .salary_line {
    border-bottom: 1px solid #999
}

.edit_salary .salary_title {
    font-size: 1.3rem;
    font-weight: 600;
    margin: 50px 10px 5px 10px
}

.edit_salary .salary_item {
    display: table;
    width: 100%;
    padding-top: .8rem;
    padding-bottom: .9rem;
    border-bottom: 1px solid #999
}

.edit_salary .salary_label {
    display: table-cell;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    vertical-align: middle;
    font-size: 1.2rem;
    font-weight: 500
}

.edit_salary .salary_content {
    display: table-cell;
    width: 65%;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    font-size: 1.2rem;
    vertical-align: middle;
    text-align: right;
    font-weight: 500
}

.edit_salary .salary_money .salary_label {
    font-weight: 300
}

.salary .salary_overall .salary_content {
    text-align: right;
    font-weight: 500
}

@media (min-width:576px) {
    .edit_salary .salary_man .salary_item {
        border-bottom: 0
    }

    .plan .plan_info .plan_item {
        border-bottom: 0
    }
}

@media (max-width:575px) {
    .edit_salary .salary_man .salary_line {
        border-bottom: 0
    }

    .plan .plan_info .plan_line {
        border-bottom: 0
    }
}

.salary-bg {
    background-image: url(../images/cardbg/worker_salary.png)
}

.salary-wage-bg {
    background-image: url(../images/cardbg/worker_wage.png)
}

.deduction-bg, .sum-salary-bg {
    background-image: url(../images/cardbg/calculator.png)
}

.worker-bg {
    background-image: url(../images/cardbg/worker.png)
}

.worker-dispatch-bg {
    background-image: url(../images/cardbg/worker_dispatch.png)
}

.worker-daily-bg {
    background-image: url(../images/cardbg/worker_daily.png)
}

.tech-bg {
    background-image: url(../images/cardbg/worker_tech2.png)
}

.worker-increase-bg {
    background-image: url(../images/cardbg/graph_trend.png)
}

.table-bordered-gray th, .table-bordered-gray td {
    border-right: 1px solid #D2D6DB;
    border-bottom: 1px solid #D2D6DB
}

.table-bordered-gray th:last-child, .table-bordered-gray td:last-child {
    border-right: 0
}

.table-bordered-gray thead th {
    border-top: 1px solid #D2D6DB;
    border-bottom: 1px solid #D2D6DB
}

.dworker_attendance_wrapper {
    position: relative;
    overflow: auto;
    white-space: nowrap
}

@media (max-width:580px) {
    .sticky-col {
        position: -webkit-sticky;
        position: sticky;
        background-color: #fff;
        z-index: 2
    }

    .first-col {
        width: 100%;
        min-width: 128px;
        left: 0
    }
}

@media (min-width:581px) {
    #dworker_attendance th {
        width: 100%
    }
}

#dworker_attendance table {
    overflow-y: hidden;
    z-index: 1
}

#dworker_attendance td {
    position: relative
}

#dworker_attendance tbody tr:hover {
    background-color: rgba(111, 111, 111, .1)
}

#dworker_attendance td:hover::after {
    content: "";
    position: absolute;
    background-color: rgba(111, 111, 111, .2);
    left: 0;
    top: -5000px;
    height: 10000px;
    width: 100%;
    z-index: 0
}

.widget-bg {
    background-size: 80px;
    background-position: 92% center;
    background-repeat: no-repeat
}

.svg-icon-clock {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1' class='kt-svg-icon'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect id='bound' x='0' y='0' width='24' height='24' /%3E%3Cpath d='M7.14319965,19.3575259 C7.67122143,19.7615175 8.25104409,20.1012165 8.87097532,20.3649307 L7.89205065,22.0604779 C7.61590828,22.5387706 7.00431787,22.7026457 6.52602525,22.4265033 C6.04773263,22.150361 5.88385747,21.5387706 6.15999985,21.0604779 L7.14319965,19.3575259 Z M15.1367085,20.3616573 C15.756345,20.0972995 16.3358198,19.7569961 16.8634386,19.3524415 L17.8320512,21.0301278 C18.1081936,21.5084204 17.9443184,22.1200108 17.4660258,22.3961532 C16.9877332,22.6722956 16.3761428,22.5084204 16.1000004,22.0301278 L15.1367085,20.3616573 Z' id='Combined-Shape' fill='%23fff' /%3E%3Cpath d='M12,21 C7.581722,21 4,17.418278 4,13 C4,8.581722 7.581722,5 12,5 C16.418278,5 20,8.581722 20,13 C20,17.418278 16.418278,21 12,21 Z M19.068812,3.25407593 L20.8181344,5.00339833 C21.4039208,5.58918477 21.4039208,6.53893224 20.8181344,7.12471868 C20.2323479,7.71050512 19.2826005,7.71050512 18.696814,7.12471868 L16.9474916,5.37539627 C16.3617052,4.78960984 16.3617052,3.83986237 16.9474916,3.25407593 C17.5332781,2.66828949 18.4830255,2.66828949 19.068812,3.25407593 Z M5.29862906,2.88207799 C5.8844155,2.29629155 6.83416297,2.29629155 7.41994941,2.88207799 C8.00573585,3.46786443 8.00573585,4.4176119 7.41994941,5.00339833 L5.29862906,7.12471868 C4.71284263,7.71050512 3.76309516,7.71050512 3.17730872,7.12471868 C2.59152228,6.53893224 2.59152228,5.58918477 3.17730872,5.00339833 L5.29862906,2.88207799 Z' id='Combined-Shape' fill='%23fff' opacity='0.3' /%3E%3Cpath d='M11.9630156,7.5 L12.0475062,7.5 C12.3043819,7.5 12.5194647,7.69464724 12.5450248,7.95024814 L13,12.5 L16.2480695,14.3560397 C16.403857,14.4450611 16.5,14.6107328 16.5,14.7901613 L16.5,15 C16.5,15.2109164 16.3290185,15.3818979 16.1181021,15.3818979 C16.0841582,15.3818979 16.0503659,15.3773725 16.0176181,15.3684413 L11.3986612,14.1087258 C11.1672824,14.0456225 11.0132986,13.8271186 11.0316926,13.5879956 L11.4644883,7.96165175 C11.4845267,7.70115317 11.7017474,7.5 11.9630156,7.5 Z' id='Path-107' fill='%23fff' /%3E%3C/g%3E%3C/svg%3E")
}

.svg-icon-people {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1' class='kt-svg-icon'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpolygon id='Shape' points='0 0 24 0 24 24 0 24' /%3E%3Cpath d='M18,14 C16.3431458,14 15,12.6568542 15,11 C15,9.34314575 16.3431458,8 18,8 C19.6568542,8 21,9.34314575 21,11 C21,12.6568542 19.6568542,14 18,14 Z M9,11 C6.790861,11 5,9.209139 5,7 C5,4.790861 6.790861,3 9,3 C11.209139,3 13,4.790861 13,7 C13,9.209139 11.209139,11 9,11 Z' id='Combined-Shape' fill='%23fff' fill-rule='nonzero' opacity='0.3' /%3E%3Cpath d='M17.6011961,15.0006174 C21.0077043,15.0378534 23.7891749,16.7601418 23.9984937,20.4 C24.0069246,20.5466056 23.9984937,21 23.4559499,21 L19.6,21 C19.6,18.7490654 18.8562935,16.6718327 17.6011961,15.0006174 Z M0.00065168429,20.1992055 C0.388258525,15.4265159 4.26191235,13 8.98334134,13 C13.7712164,13 17.7048837,15.2931929 17.9979143,20.2 C18.0095879,20.3954741 17.9979143,21 17.2466999,21 C13.541124,21 8.03472472,21 0.727502227,21 C0.476712155,21 -0.0204617505,20.45918 0.00065168429,20.1992055 Z' id='Combined-Shape' fill='%23fff' fill-rule='nonzero' /%3E%3C/g%3E%3C/svg%3E")
}

.svg-icon-money {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1' class='kt-svg-icon'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect id='bound' x='0' y='0' width='24' height='24' /%3E%3Cpath d='M2,6 L21,6 C21.5522847,6 22,6.44771525 22,7 L22,17 C22,17.5522847 21.5522847,18 21,18 L2,18 C1.44771525,18 1,17.5522847 1,17 L1,7 C1,6.44771525 1.44771525,6 2,6 Z M11.5,16 C13.709139,16 15.5,14.209139 15.5,12 C15.5,9.790861 13.709139,8 11.5,8 C9.290861,8 7.5,9.790861 7.5,12 C7.5,14.209139 9.290861,16 11.5,16 Z' id='Combined-Shape-Copy' fill='%23fff' opacity='0.3' transform='translate(11.500000, 12.000000) rotate(-345.000000) translate(-11.500000, -12.000000) ' /%3E%3Cpath d='M2,6 L21,6 C21.5522847,6 22,6.44771525 22,7 L22,17 C22,17.5522847 21.5522847,18 21,18 L2,18 C1.44771525,18 1,17.5522847 1,17 L1,7 C1,6.44771525 1.44771525,6 2,6 Z M11.5,16 C13.709139,16 15.5,14.209139 15.5,12 C15.5,9.790861 13.709139,8 11.5,8 C9.290861,8 7.5,9.790861 7.5,12 C7.5,14.209139 9.290861,16 11.5,16 Z M11.5,14 C12.6045695,14 13.5,13.1045695 13.5,12 C13.5,10.8954305 12.6045695,10 11.5,10 C10.3954305,10 9.5,10.8954305 9.5,12 C9.5,13.1045695 10.3954305,14 11.5,14 Z' id='Combined-Shape' fill='%23fff' /%3E%3C/g%3E%3C/svg%3E")
}

.svg-icon-calculator {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1' class='kt-svg-icon'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect id='bound' x='0' y='0' width='24' height='24' /%3E%3Crect id='Rectangle-189-Copy' fill='%23fff' opacity='0.3' x='7' y='4' width='10' height='4' /%3E%3Cpath d='M7,2 L17,2 C18.1045695,2 19,2.8954305 19,4 L19,20 C19,21.1045695 18.1045695,22 17,22 L7,22 C5.8954305,22 5,21.1045695 5,20 L5,4 C5,2.8954305 5.8954305,2 7,2 Z M8,12 C8.55228475,12 9,11.5522847 9,11 C9,10.4477153 8.55228475,10 8,10 C7.44771525,10 7,10.4477153 7,11 C7,11.5522847 7.44771525,12 8,12 Z M8,16 C8.55228475,16 9,15.5522847 9,15 C9,14.4477153 8.55228475,14 8,14 C7.44771525,14 7,14.4477153 7,15 C7,15.5522847 7.44771525,16 8,16 Z M12,12 C12.5522847,12 13,11.5522847 13,11 C13,10.4477153 12.5522847,10 12,10 C11.4477153,10 11,10.4477153 11,11 C11,11.5522847 11.4477153,12 12,12 Z M12,16 C12.5522847,16 13,15.5522847 13,15 C13,14.4477153 12.5522847,14 12,14 C11.4477153,14 11,14.4477153 11,15 C11,15.5522847 11.4477153,16 12,16 Z M16,12 C16.5522847,12 17,11.5522847 17,11 C17,10.4477153 16.5522847,10 16,10 C15.4477153,10 15,10.4477153 15,11 C15,11.5522847 15.4477153,12 16,12 Z M16,16 C16.5522847,16 17,15.5522847 17,15 C17,14.4477153 16.5522847,14 16,14 C15.4477153,14 15,14.4477153 15,15 C15,15.5522847 15.4477153,16 16,16 Z M16,20 C16.5522847,20 17,19.5522847 17,19 C17,18.4477153 16.5522847,18 16,18 C15.4477153,18 15,18.4477153 15,19 C15,19.5522847 15.4477153,20 16,20 Z M8,18 C7.44771525,18 7,18.4477153 7,19 C7,19.5522847 7.44771525,20 8,20 L12,20 C12.5522847,20 13,19.5522847 13,19 C13,18.4477153 12.5522847,18 12,18 L8,18 Z M7,4 L7,8 L17,8 L17,4 L7,4 Z' id='Combined-Shape' fill='%23fff' /%3E%3C/g%3E%3C/svg%3E")
}

.svg-icon-minus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1' class='kt-svg-icon'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect id='bound' x='0' y='0' width='24' height='24'/%3E%3Ccircle id='Oval-5' fill='%23fff' opacity='0.3' cx='12' cy='12' r='10'/%3E%3Crect id='Rectangle' fill='%23fff' x='6' y='11' width='12' height='2' rx='1'/%3E%3C/g%3E%3C/svg%3E")
}

.svg-icon-scissors {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1' class='kt-svg-icon'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect id='bound' x='0' y='0' width='24' height='24'/%3E%3Cpath d='M7.70696074,11.6465196 L4.15660341,9.75299572 C3.96167938,9.64903623 3.88793804,9.40674327 3.99189753,9.21181925 C4.08361072,9.03985702 4.28590727,8.95902234 4.47087102,9.0204286 L9.57205231,10.7139738 L7.70696074,11.6465196 Z M12.7322989,14.3267 L16.3686753,12.9703901 L18.6316817,13.7216874 L18.6299527,13.7225513 C20.0084876,14.1925077 21,15.4985341 21,17.0361406 C21,18.9691372 19.4329966,20.5361406 17.5,20.5361406 C15.5670034,20.5361406 14,18.9691372 14,17.0361406 C14,16.3880326 14.176158,15.7810686 14.4832056,15.2605169 L12.7322989,14.3267 Z M17.5,15.5361406 C16.6715729,15.5361406 16,16.2077134 16,17.0361406 C16,17.8645677 16.6715729,18.5361406 17.5,18.5361406 C18.3284271,18.5361406 19,17.8645677 19,17.0361406 C19,16.2077134 18.3284271,15.5361406 17.5,15.5361406 Z' id='Combined-Shape' fill='%23fff' fill-rule='nonzero' opacity='0.3'/%3E%3Cpath d='M17.5,9 C18.3284271,9 19,8.32842712 19,7.5 C19,6.67157288 18.3284271,6 17.5,6 C16.6715729,6 16,6.67157288 16,7.5 C16,8.32842712 16.6715729,9 17.5,9 Z M14.4832056,9.27562366 C14.176158,8.75507197 14,8.14810794 14,7.5 C14,5.56700338 15.5670034,4 17.5,4 C19.4329966,4 21,5.56700338 21,7.5 C21,9.03760648 20.0084876,10.3436328 18.6299527,10.8135893 L18.6316817,10.8144531 L4.47087102,15.515712 C4.28590727,15.5771182 4.08361072,15.4962835 3.99189753,15.3243213 C3.88793804,15.1293973 3.96167938,14.8871043 4.15660341,14.7831448 L14.4832056,9.27562366 Z' id='Combined-Shape' fill='%23fff' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E")
}

.svg-icon-bulb {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1' class='kt-svg-icon'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect id='bound' x='0' y='0' width='24' height='24'/%3E%3Cpath d='M5.11245763,2.03825554 C7.06198789,1.34608518 9.35774462,1 11.9997278,1 C14.6417901,1 16.9376995,1.34610591 18.8874558,2.03831773 L18.8874591,2.0383083 C19.9283802,2.40786109 20.4726317,3.55127609 20.103079,4.59219718 C20.0677743,4.69163999 20.0246549,4.78813275 19.9741245,4.88077171 L15,14 L9,14 L4.02583562,4.88068072 C3.49691243,3.91098821 3.85422657,2.69612015 4.82391908,2.16719696 C4.91654682,2.11667273 5.01302748,2.07355769 5.11245763,2.03825554 Z' id='Rectangle-130' fill='%23fff' opacity='0.3'/%3E%3Cpath d='M10,20 L14,20 L14,20 C14,21.1045695 13.1045695,22 12,22 L12,22 C10.8954305,22 10,21.1045695 10,20 Z' id='Rectangle-72-Copy-2' fill='%23fff' opacity='0.3'/%3E%3Cpath d='M13,10 L13,18 C13,18.5522847 12.5522847,19 12,19 C11.4477153,19 11,18.5522847 11,18 L11,10 L10.5,10 C10.2238576,10 10,9.77614237 10,9.5 C10,9.22385763 10.2238576,9 10.5,9 L13.5,9 C13.7761424,9 14,9.22385763 14,9.5 C14,9.77614237 13.7761424,10 13.5,10 L13,10 Z' id='Combined-Shape' fill='%23fff' opacity='0.3'/%3E%3Cpath d='M9,18 C8.44771525,18 8,17.5522847 8,17 C8,16.4477153 8.44771525,16 9,16 C8.44771525,16 8,15.5522847 8,15 C8,14.4477153 8.44771525,14 9,14 L15,14 C15.5522847,14 16,14.4477153 16,15 C16,15.5522847 15.5522847,16 15,16 C15.5522847,16 16,16.4477153 16,17 C16,17.5522847 15.5522847,18 15,18 C15.5522847,18 16,18.4477153 16,19 C16,19.5522847 15.5522847,20 15,20 L9,20 C8.44771525,20 8,19.5522847 8,19 C8,18.4477153 8.44771525,18 9,18 Z' id='Combined-Shape' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E")
}

.svg-icon-armchair {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1' class='kt-svg-icon'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M20,8 L18.173913,8 C17.0693435,8 16.173913,8.8954305 16.173913,10 L16.173913,12 C16.173913,12.5522847 15.7261978,13 15.173913,13 L8.86956522,13 C8.31728047,13 7.86956522,12.5522847 7.86956522,12 L7.86956522,10 C7.86956522,8.8954305 6.97413472,8 5.86956522,8 L4,8 L4,6 C4,4.34314575 5.34314575,3 7,3 L17,3 C18.6568542,3 20,4.34314575 20,6 L20,8 Z' id='Path' fill='%23fff' opacity='0.3'/%3E%3Cpath d='M6.15999985,21.0604779 L8.15999985,17.5963763 C8.43614222,17.1180837 9.04773263,16.9542085 9.52602525,17.2303509 C10.0043179,17.5064933 10.168193,18.1180837 9.89205065,18.5963763 L7.89205065,22.0604779 C7.61590828,22.5387706 7.00431787,22.7026457 6.52602525,22.4265033 C6.04773263,22.150361 5.88385747,21.5387706 6.15999985,21.0604779 Z M17.8320512,21.0301278 C18.1081936,21.5084204 17.9443184,22.1200108 17.4660258,22.3961532 C16.9877332,22.6722956 16.3761428,22.5084204 16.1000004,22.0301278 L14.1000004,18.5660262 C13.823858,18.0877335 13.9877332,17.4761431 14.4660258,17.2000008 C14.9443184,16.9238584 15.5559088,17.0877335 15.8320512,17.5660262 L17.8320512,21.0301278 Z' id='Combined-Shape' fill='%23fff' opacity='0.3'/%3E%3Cpath d='M20,10 L20,15 C20,16.6568542 18.6568542,18 17,18 L7,18 C5.34314575,18 4,16.6568542 4,15 L4,10 L5.86956522,10 L5.86956522,12 C5.86956522,13.6568542 7.21271097,15 8.86956522,15 L15.173913,15 C16.8307673,15 18.173913,13.6568542 18.173913,12 L18.173913,10 L20,10 Z' id='Combined-Shape' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E")
}

.svg-icon-piechart {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1' class='kt-svg-icon'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect id='bound' x='0' y='0' width='24' height='24'/%3E%3Cpath d='M4.00246329,12.2004927 L13,14 L13,4.06189375 C16.9463116,4.55399184 20,7.92038235 20,12 C20,16.418278 16.418278,20 12,20 C7.64874861,20 4.10886412,16.5261253 4.00246329,12.2004927 Z' id='Combined-Shape' fill='%23fff' opacity='0.3'/%3E%3Cpath d='M3.0603968,10.0120794 C3.54712466,6.05992157 6.91622084,3 11,3 L11,11.6 L3.0603968,10.0120794 Z' id='Combined-Shape-Copy' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E")
}

.svg-icon-pen {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1' class='kt-svg-icon'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect id='bound' x='0' y='0' width='24' height='24'/%3E%3Cpath d='M11,3 L11,11 C11,11.0862364 11.0109158,11.1699233 11.0314412,11.2497543 C10.4163437,11.5908673 10,12.2468125 10,13 C10,14.1045695 10.8954305,15 12,15 C13.1045695,15 14,14.1045695 14,13 C14,12.2468125 13.5836563,11.5908673 12.9685588,11.2497543 C12.9890842,11.1699233 13,11.0862364 13,11 L13,3 L17.7925828,12.5851656 C17.9241309,12.8482619 17.9331722,13.1559315 17.8173006,13.4262985 L15.1298744,19.6969596 C15.051085,19.8808016 14.870316,20 14.6703019,20 L9.32969808,20 C9.12968402,20 8.94891496,19.8808016 8.87012556,19.6969596 L6.18269936,13.4262985 C6.06682778,13.1559315 6.07586907,12.8482619 6.2074172,12.5851656 L11,3 Z' id='Combined-Shape' fill='%23fff'/%3E%3Cpath d='M10,21 L14,21 C14.5522847,21 15,21.4477153 15,22 L15,23 L9,23 L9,22 C9,21.4477153 9.44771525,21 10,21 Z' id='Rectangle-2' fill='%23fff' opacity='0.3'/%3E%3C/g%3E%3C/svg%3E")
}

.svg-icon-mask {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1' class='kt-svg-icon'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect id='bound' x='0' y='0' width='24' height='24'/%3E%3Cpath d='M7.67514486,18.731359 C9.6803634,17.3851601 11,15.0966889 11,12.5 C11,9.58867922 9.34119765,7.06479249 6.91718054,5.82192739 C8.29918974,4.68360845 10.0697622,4 12,4 C16.418278,4 20,7.581722 20,12 C20,16.418278 16.418278,20 12,20 C10.4066753,20 8.92214267,19.5342055 7.67514486,18.731359 Z' id='Combined-Shape' fill='%23fff' opacity='0.3'/%3E%3Cpath d='M6.39268296,17.7059641 C4.91588435,16.254539 4,14.2342276 4,12 C4,10.0680854 4.68479668,8.29611365 5.82489501,6.91357974 C7.72637261,8.04773008 9,10.1251292 9,12.5 C9,14.6298467 7.97562469,16.5204376 6.39268296,17.7059641 Z' id='Combined-Shape' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E")
}

.svg-icon-shirt {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1' class='kt-svg-icon'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect id='bound' x='0' y='0' width='24' height='24'/%3E%3Cpath d='M6.182345,4.09500888 C6.73256296,3.42637697 7.56648864,3 8.5,3 L15.5,3 C16.4330994,3 17.266701,3.42600075 17.8169264,4.09412386 C17.8385143,4.10460774 17.8598828,4.11593789 17.8809917,4.1281251 L22.5900048,6.8468751 C23.0682974,7.12301748 23.2321726,7.73460788 22.9560302,8.21290051 L21.2997802,11.0816097 C21.0236378,11.5599023 20.4120474,11.7237774 19.9337548,11.4476351 L18.5,10.6198563 L18.5,19 C18.5,19.5522847 18.0522847,20 17.5,20 L6.5,20 C5.94771525,20 5.5,19.5522847 5.5,19 L5.5,10.6204852 L4.0673344,11.4476351 C3.58904177,11.7237774 2.97745137,11.5599023 2.70130899,11.0816097 L1.04505899,8.21290051 C0.768916618,7.73460788 0.932791773,7.12301748 1.4110844,6.8468751 L6.12009753,4.1281251 C6.14061376,4.11628005 6.16137525,4.10524462 6.182345,4.09500888 Z' id='Combined-Shape' fill='%23fff' opacity='0.3'/%3E%3Cpath d='M9.85156673,3.2226499 L9.26236944,4.10644584 C9.11517039,4.32724441 9.1661011,4.62457583 9.37839459,4.78379594 L11,6 L10.0353553,12.7525126 C10.0130986,12.9083095 10.0654932,13.0654932 10.1767767,13.1767767 L11.6464466,14.6464466 C11.8417088,14.8417088 12.1582912,14.8417088 12.3535534,14.6464466 L13.8232233,13.1767767 C13.9345068,13.0654932 13.9869014,12.9083095 13.9646447,12.7525126 L13,6 L14.6216054,4.78379594 C14.8338989,4.62457583 14.8848296,4.32724441 14.7376306,4.10644584 L14.1484333,3.2226499 C14.0557004,3.08355057 13.8995847,3 13.7324081,3 L10.2675919,3 C10.1004153,3 9.94429962,3.08355057 9.85156673,3.2226499 Z' id='Path-86' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E")
}

.svg-icon-kitchentool {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1' class='kt-svg-icon'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect id='bound' x='0' y='0' width='24' height='24'/%3E%3Cpath d='M8.52512627,14.5606602 L9.93933983,15.9748737 C10.3298641,16.365398 10.3298641,16.998563 9.93933983,17.3890873 L4.98959236,22.3388348 C4.59906807,22.7293591 3.96590309,22.7293591 3.5753788,22.3388348 L2.16116524,20.9246212 C1.77064094,20.5340969 1.77064094,19.9009319 2.16116524,19.5104076 L7.1109127,14.5606602 C7.501437,14.1701359 8.13460197,14.1701359 8.52512627,14.5606602 Z' id='Rectangle-84' fill='%23fff' opacity='0.3'/%3E%3Cpath d='M11.3535534,11.732233 L9.23223305,9.6109127 C8.45118446,8.82986412 8.45118446,7.56353416 9.23223305,6.78248558 L13.4748737,2.53984489 C14.2559223,1.75879631 15.5222523,1.75879631 16.3033009,2.53984489 L21.9601551,8.19669914 C22.7412037,8.97774772 22.7412037,10.2440777 21.9601551,11.0251263 L17.7175144,15.267767 C16.9364658,16.0488155 15.6701359,16.0488155 14.8890873,15.267767 L12.767767,13.1464466 L10.6464466,15.267767 L9.23223305,13.8535534 L11.3535534,11.732233 Z M15.2426407,4.30761184 L11,8.55025253 L11.7071068,9.25735931 L15.9497475,5.01471863 L15.2426407,4.30761184 Z M17.363961,6.42893219 L13.1213203,10.6715729 L13.8284271,11.3786797 L18.0710678,7.13603897 L17.363961,6.42893219 Z M19.4852814,8.55025253 L15.2426407,12.7928932 L15.9497475,13.5 L20.1923882,9.25735931 L19.4852814,8.55025253 Z' id='Combined-Shape' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E")
}

.svg-icon-hummer {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1' class='kt-svg-icon'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect id='bound' x='0' y='0' width='24' height='24'/%3E%3Cpath d='M18.4246212,12.6464466 L21.2530483,9.81801948 C21.4483105,9.62275734 21.764893,9.62275734 21.9601551,9.81801948 L22.6672619,10.5251263 C22.862524,10.7203884 22.862524,11.0369709 22.6672619,11.232233 L19.8388348,14.0606602 C19.6435726,14.2559223 19.3269901,14.2559223 19.131728,14.0606602 L18.4246212,13.3535534 C18.2293591,13.1582912 18.2293591,12.8417088 18.4246212,12.6464466 Z M3.22182541,17.9497475 L13.1213203,8.05025253 C13.5118446,7.65972824 14.1450096,7.65972824 14.5355339,8.05025253 L15.9497475,9.46446609 C16.3402718,9.85499039 16.3402718,10.4881554 15.9497475,10.8786797 L6.05025253,20.7781746 C5.65972824,21.1686989 5.02656326,21.1686989 4.63603897,20.7781746 L3.22182541,19.363961 C2.83130112,18.9734367 2.83130112,18.3402718 3.22182541,17.9497475 Z' id='Combined-Shape' fill='%23fff' opacity='0.3'/%3E%3Cpath d='M12.3890873,1.28248558 L12.3890873,1.28248558 C15.150511,1.28248558 17.3890873,3.52106183 17.3890873,6.28248558 L17.3890873,10.7824856 C17.3890873,11.058628 17.1652297,11.2824856 16.8890873,11.2824856 L12.8890873,11.2824856 C12.6129449,11.2824856 12.3890873,11.058628 12.3890873,10.7824856 L12.3890873,1.28248558 Z' id='Rectangle' fill='%23fff' transform='translate(14.889087, 6.282486) rotate(-45.000000) translate(-14.889087, -6.282486) '/%3E%3C/g%3E%3C/svg%3E")
}

.svg-icon-safe {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1' class='kt-svg-icon'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect id='bound' x='0' y='0' width='24' height='24'/%3E%3Cpath d='M6.5,16 L7.5,16 C8.32842712,16 9,16.6715729 9,17.5 L9,19.5 C9,20.3284271 8.32842712,21 7.5,21 L6.5,21 C5.67157288,21 5,20.3284271 5,19.5 L5,17.5 C5,16.6715729 5.67157288,16 6.5,16 Z M16.5,16 L17.5,16 C18.3284271,16 19,16.6715729 19,17.5 L19,19.5 C19,20.3284271 18.3284271,21 17.5,21 L16.5,21 C15.6715729,21 15,20.3284271 15,19.5 L15,17.5 C15,16.6715729 15.6715729,16 16.5,16 Z' id='Combined-Shape' fill='%23fff' opacity='0.3'/%3E%3Cpath d='M5,4 L19,4 C20.1045695,4 21,4.8954305 21,6 L21,17 C21,18.1045695 20.1045695,19 19,19 L5,19 C3.8954305,19 3,18.1045695 3,17 L3,6 C3,4.8954305 3.8954305,4 5,4 Z M15.5,15 C17.4329966,15 19,13.4329966 19,11.5 C19,9.56700338 17.4329966,8 15.5,8 C13.5670034,8 12,9.56700338 12,11.5 C12,13.4329966 13.5670034,15 15.5,15 Z M15.5,13 C16.3284271,13 17,12.3284271 17,11.5 C17,10.6715729 16.3284271,10 15.5,10 C14.6715729,10 14,10.6715729 14,11.5 C14,12.3284271 14.6715729,13 15.5,13 Z M7,8 L7,8 C7.55228475,8 8,8.44771525 8,9 L8,11 C8,11.5522847 7.55228475,12 7,12 L7,12 C6.44771525,12 6,11.5522847 6,11 L6,9 C6,8.44771525 6.44771525,8 7,8 Z' id='Combined-Shape' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E")
}

.svg-icon-wallet {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1' class='kt-svg-icon'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect id='bound' x='0' y='0' width='24' height='24'/%3E%3Cpath d='M4,4 L20,4 C21.1045695,4 22,4.8954305 22,6 L22,18 C22,19.1045695 21.1045695,20 20,20 L4,20 C2.8954305,20 2,19.1045695 2,18 L2,6 C2,4.8954305 2.8954305,4 4,4 Z' id='Combined-Shape' fill='%23fff' opacity='0.3'/%3E%3Cpath d='M18.5,11 L5.5,11 C4.67157288,11 4,11.6715729 4,12.5 L4,13 L8.58578644,13 C8.85100293,13 9.10535684,13.1053568 9.29289322,13.2928932 L10.2928932,14.2928932 C10.7456461,14.7456461 11.3597108,15 12,15 C12.6402892,15 13.2543539,14.7456461 13.7071068,14.2928932 L14.7071068,13.2928932 C14.8946432,13.1053568 15.1489971,13 15.4142136,13 L20,13 L20,12.5 C20,11.6715729 19.3284271,11 18.5,11 Z' id='Path' fill='%23fff'/%3E%3Cpath d='M5.5,6 C4.67157288,6 4,6.67157288 4,7.5 L4,8 L20,8 L20,7.5 C20,6.67157288 19.3284271,6 18.5,6 L5.5,6 Z' id='Path' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E")
}

.svg-icon-compass {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1' class='kt-svg-icon'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect id='bound' x='0' y='0' width='24' height='24'/%3E%3Cpath d='M12,21 C7.02943725,21 3,16.9705627 3,12 C3,7.02943725 7.02943725,3 12,3 C16.9705627,3 21,7.02943725 21,12 C21,16.9705627 16.9705627,21 12,21 Z M14.1654881,7.35483745 L9.61055177,10.3622525 C9.47921741,10.4489666 9.39637436,10.592455 9.38694497,10.7495509 L9.05991526,16.197949 C9.04337012,16.4735952 9.25341309,16.7104632 9.52905936,16.7270083 C9.63705011,16.7334903 9.74423017,16.7047714 9.83451193,16.6451626 L14.3894482,13.6377475 C14.5207826,13.5510334 14.6036256,13.407545 14.613055,13.2504491 L14.9400847,7.80205104 C14.9566299,7.52640477 14.7465869,7.28953682 14.4709406,7.27299168 C14.3629499,7.26650974 14.2557698,7.29522855 14.1654881,7.35483745 Z' id='Combined-Shape' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E")
}

.svg-icon-cpu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1' class='kt-svg-icon'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect id='bound' x='0' y='0' width='24' height='24'/%3E%3Crect id='Rectangle' fill='%23fff' opacity='0.3' x='4' y='4' width='16' height='16' rx='2'/%3E%3Crect id='Rectangle-2' fill='%23fff' opacity='0.3' x='9' y='9' width='6' height='6'/%3E%3Cpath d='M20,7 L21,7 C21.5522847,7 22,7.44771525 22,8 L22,8 C22,8.55228475 21.5522847,9 21,9 L20,9 L20,7 Z' id='Rectangle-3' fill='%23fff'/%3E%3Cpath d='M20,11 L21,11 C21.5522847,11 22,11.4477153 22,12 L22,12 C22,12.5522847 21.5522847,13 21,13 L20,13 L20,11 Z' id='Rectangle-3-Copy-6' fill='%23fff'/%3E%3Cpath d='M20,15 L21,15 C21.5522847,15 22,15.4477153 22,16 L22,16 C22,16.5522847 21.5522847,17 21,17 L20,17 L20,15 Z' id='Rectangle-3-Copy-7' fill='%23fff'/%3E%3Cpath d='M3,7 L4,7 L4,9 L3,9 C2.44771525,9 2,8.55228475 2,8 L2,8 C2,7.44771525 2.44771525,7 3,7 Z' id='Rectangle-3-Copy-5' fill='%23fff'/%3E%3Cpath d='M3,11 L4,11 L4,13 L3,13 C2.44771525,13 2,12.5522847 2,12 L2,12 C2,11.4477153 2.44771525,11 3,11 Z' id='Rectangle-3-Copy-8' fill='%23fff'/%3E%3Cpath d='M3,15 L4,15 L4,17 L3,17 C2.44771525,17 2,16.5522847 2,16 L2,16 C2,15.4477153 2.44771525,15 3,15 Z' id='Rectangle-3-Copy-9' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E")
}

.svg-icon-linechart {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1' class='kt-svg-icon'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect id='bound' x='0' y='0' width='24' height='24'/%3E%3Cpath d='M5,19 L20,19 C20.5522847,19 21,19.4477153 21,20 C21,20.5522847 20.5522847,21 20,21 L4,21 C3.44771525,21 3,20.5522847 3,20 L3,4 C3,3.44771525 3.44771525,3 4,3 C4.55228475,3 5,3.44771525 5,4 L5,19 Z' id='Path-95' fill='%23fff' fill-rule='nonzero'/%3E%3Cpath d='M8.7295372,14.6839411 C8.35180695,15.0868534 7.71897114,15.1072675 7.31605887,14.7295372 C6.9131466,14.3518069 6.89273254,13.7189711 7.2704628,13.3160589 L11.0204628,9.31605887 C11.3857725,8.92639521 11.9928179,8.89260288 12.3991193,9.23931335 L15.358855,11.7649545 L19.2151172,6.88035571 C19.5573373,6.44687693 20.1861655,6.37289714 20.6196443,6.71511723 C21.0531231,7.05733733 21.1271029,7.68616551 20.7848828,8.11964429 L16.2848828,13.8196443 C15.9333973,14.2648593 15.2823707,14.3288915 14.8508807,13.9606866 L11.8268294,11.3801628 L8.7295372,14.6839411 Z' id='Path-97' fill='%23fff' fill-rule='nonzero' opacity='0.3'/%3E%3C/g%3E%3C/svg%3E")
}

.svg-icon-coffee {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1' class='kt-svg-icon'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect id='bound' x='0' y='0' width='24' height='24'/%3E%3Cpath d='M8.40093151,17 L5,17 C3.34314575,17 2,15.1568542 2,13.5 C2,11.8431458 3.34314575,10 5,10 L6,10 L6,8 L21,8 L21,11.5 C21,15.6421356 17.6421356,19 13.5,19 C11.5309185,19 9.73907026,18.2411745 8.40093151,17 Z M6.86504659,15 C6.38614142,14.0940164 6.08736465,13.0781211 6.01640228,12 L5,12 C4.44771525,12 4,12.9477153 4,13.5 C4,14.0522847 4.44771525,15 5,15 L6.86504659,15 Z' id='Combined-Shape' fill='%23fff'/%3E%3Crect id='Rectangle' fill='%23fff' opacity='0.3' x='6' y='21' width='15' height='2' rx='1'/%3E%3Cpath d='M8.11576273,0 L9.27322553,1.15267194 C8.41777098,2.01168201 8.42065331,3.40153019 9.27966338,4.25698473 C9.35322262,4.3302395 9.4318859,4.39818368 9.51506091,4.46030566 L10,4.82249831 L9.02250371,6.13126634 L8.53756462,5.76907368 C8.39249331,5.66072242 8.25529121,5.54221626 8.12699144,5.41444753 C6.62873232,3.92238985 6.62370505,1.49825912 8.11576273,0 Z' id='Path-44-Copy-2' fill='%23fff' fill-rule='nonzero' opacity='0.3'/%3E%3Cpath d='M13.1157627,1 L14.2732255,2.15267194 C13.417771,3.01168201 13.4206533,4.40153019 14.2796634,5.25698473 C14.3532226,5.3302395 14.4318859,5.39818368 14.5150609,5.46030566 L15,5.82249831 L14.0225037,7.13126634 L13.5375646,6.76907368 C13.3924933,6.66072242 13.2552912,6.54221626 13.1269914,6.41444753 C11.6287323,4.92238985 11.6237051,2.49825912 13.1157627,1 Z' id='Path-44-Copy-3' fill='%23fff' fill-rule='nonzero' opacity='0.3'/%3E%3Cpath d='M18.1157627,0 L19.2732255,1.15267194 C18.417771,2.01168201 18.4206533,3.40153019 19.2796634,4.25698473 C19.3532226,4.3302395 19.4318859,4.39818368 19.5150609,4.46030566 L20,4.82249831 L19.0225037,6.13126634 L18.5375646,5.76907368 C18.3924933,5.66072242 18.2552912,5.54221626 18.1269914,5.41444753 C16.6287323,3.92238985 16.6237051,1.49825912 18.1157627,0 Z' id='Path-44-Copy-4' fill='%23fff' fill-rule='nonzero' opacity='0.3'/%3E%3C/g%3E%3C/svg%3E")
}

.m-footer .m-footer__writer {
    font-size: .9rem;
    font-weight: 400;
    color: #a9a9aa
}

.bootstrap-select .dropdown-menu.inner>li.selected>a, .bootstrap-select .dropdown-menu.inner>li:hover>a {
    background: #22B9FF
}

.bootstrap-select .dropdown-menu.inner>li.selected>a .text, .bootstrap-select .dropdown-menu.inner>li:hover>a .text {
    color: #fff
}

.bootstrap-select .dropdown-menu.inner>li.selected>a span.check-mark, .bootstrap-select .dropdown-menu.inner>li:hover>a span.check-mark {
    color: #fff
}

.bootstrap-select .dropdown-menu.inner>li.selected>a {
    background: #22B9FF
}

.m-aside-menu .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__link .m-menu__link-badge {
    display: table-cell;
    vertical-align: middle
}

.m-bar-sticky {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    list-style: none;
    padding: 0 5px 0 5px;
    margin: 0;
    z-index: 110;
    background: #fff;
    border-top: 1px solid #D2D6DB
}

@media (min-width:1025px) {
    .m-aside-left--enabled .m-bar-sticky {
        -webkit-transition: width 0.2s ease;
        transition: width 0.2s ease;
        left: 275px
    }

    .m-aside-left--enabled.m-aside-left--minimize .m-bar-sticky {
        -webkit-transition: width 0.2s ease;
        transition: width 0.2s ease;
        left: 100px
    }
}

.select-readonly {
    touch-action: none
}

.my-message-icon {
    position: absolute;
    /* float: right; */
    top: 4px;
    left: 83px;
    color: #fff;
    z-index: auto;
}

.chart-container {
    position: relative;
    height: 100%;
    border: 0 solid #aaa;
    margin: .5rem;
    overflow: auto;
    text-align: center
}

.orgchart {
    padding-bottom: 20px
}

.orgchart {
    background: #fff
}

.orgchart td.left, .orgchart td.right, .orgchart td.top {
    border-color: #aaa
}

.orgchart td>.down {
    background-color: #aaa
}

.orgchart .node.line-level {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 50px;
    margin-bottom: 16px;
    background-color: #fff
}

.orgchart .node.line-level .title, .orgchart .node.line-level .content_org {
    display: none
}

.orgchart .node.line-level:not(:only-child)::after {
    content: "";
    position: absolute;
    left: calc(50% - 1px);
    width: 2px;
    height: 59px;
    background-color: rgba(108, 117, 125, .4)
}

.orgchart .middle-level .title {
    background-color: #5867dd;
    color: #fff
}

.orgchart .middle-level .content_org {
    border-color: #5867dd;
    color: #5867dd
}

.orgchart .member-dept .title {
    background-color: #ffb822;
    color: #fff
}

.orgchart .member-dept .content_org {
    border-color: #ffb822;
    color: #ffb822
}

.orgchart .on-duty .title {
    background-color: #4AB3F4;
    color: #fff
}

.orgchart .on-duty .content_org {
    border-color: #4AB3F4;
    color: #4AB3F4
}

.orgchart .on-duty-outside .title {
    background-color: #ffb822;
    color: #fff
}

.orgchart .on-duty-outside .content_org {
    border-color: #ffb822;
    color: #ffb822
}

.orgchart .on-duty-biztrip .title {
    background-color: #df7673;
    color: #fff
}

.orgchart .on-duty-biztrip .content_org {
    border-color: #df7673;
    color: #df7673;
    /* 5867dd */
}

.orgchart .on-duty-training .title {
    background-color: #00c5dc;
    color: #fff
}

.orgchart .on-duty-training .content_org {
    border-color: #00c5dc;
    color: #00c5dc
}

.orgchart .off-duty-leave .title {
    background-color: #34bfa3;
    color: #fff
}

.orgchart .off-duty-leave .content_org {
    border-color: #34bfa3;
    color: #34bfa3
}

.orgchart .rd-dept .title {
    background-color: #936
}

.orgchart .rd-dept .content_org {
    border-color: #936
}

.orgchart .pipeline1 .title {
    background-color: #963
}

.orgchart .pipeline1 .content_org {
    border-color: #963
}

.orgchart .frontend1 .title {
    background-color: #34bfa3;
    color: #fff
}

.orgchart .frontend1 .content_org {
    border-color: #0abb87;
    color: #0abb87
}

.orgchart .middle-level2 .title {
    background-color: #ab7ef4;
    color: #fff
}

.orgchart .middle-level2 .content_org {
    border-color: #ab7ef4;
    color: #ab7ef4
}

.orgchart .second-menu-icon {
    transition: opacity .5s;
    opacity: 0;
    right: -5px;
    top: -5px;
    z-index: 2;
    position: absolute
}

.orgchart .second-menu-icon::before {
    background-color: rgba(68, 157, 68, .5)
}

.orgchart .second-menu-icon:hover::before {
    background-color: #449d44
}

.orgchart .node:hover .second-menu-icon {
    opacity: 1
}

.orgchart .node .second-menu {
    display: none;
    position: absolute;
    top: 15px;
    left: 80px;
    border-radius: 5px;
    box-shadow: 0 0 10px 1px #fff;
    background-color: rgba(74, 179, 244, .9);
    border: 1px solid #4AB3F4;
    z-index: 1;
    color: #fff
}

.orgchart .node .second-menu.bg-graylight {
    background-color: rgba(137, 145, 151, .9);
    border: 1px solid #899197
}

.orgchart .node .second-menu.bg-warninglight {
    background-color: rgba(255, 184, 34, .9);
    border: 1px solid #ffb822
}

.orgchart .node .second-menu.bg-dangerlight {
    background-color: rgba(217, 83, 79, .9);
    border: 1px solid #df7673
}

.orgchart .node .second-menu.bg-accentlight {
    background-color: rgba(0, 197, 220, .9);
    border: 1px solid #00c5dc
}

.orgchart .node .second-menu.bg-greenlight {
    background-color: rgba(52, 191, 163, .9);
    border: 1px solid #34bfa3
}

.orgchart .node .second-menu .avatar {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    float: left;
    margin: 5px
}

.m-widget3 .m-widget3__item .m-widget3__header .m-widget3__user-img .m-widget3__img {
    height: 3.2rem
}

.m-widget3 .m-widget3__item .m-widget3__header .m-widget3__status {
    white-space: nowrap
}

.m--bg-black {
    background-color: #77909D !important
}

.m--ul-none {
    list-style: none
}

a.m--a-none {
    text-decoration: none
}

.m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon.m-nav__link-icon-site .m-nav__link-icon-wrapper {
    background: #00c5dc;
    border: 1px solid #00c5dc
}

.m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon.m-nav__link-icon-site .m-nav__link-icon-wrapper>i {
    color: #fff
}

.m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon.m-nav__link-icon-site.m-nav__link-icon--active .m-nav__link-icon-wrapper, .m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon.m-nav__link-icon-site:hover .m-nav__link-icon-wrapper {
    background: #00a3b6;
    border: 1px solid #00a3b6
}

.m-login.m-login--1 {
    background: transparent
}

.m-login__aside {
    /* background: rgba(168, 92, 128, .4); */
    background: rgba(20, 61, 117, .6)
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active>.m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active>.m-menu__link .m-menu__link-text {
    color: #ffb822
}

.m-tooltip.m-tooltip--skin-dark .tooltip-inner {
    color: #fff;
    background: #ffb822;
    -webkit-box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .5);
    box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .5)
}

.m-tooltip.m-tooltip--skin-dark.bs-tooltip-top .arrow::before, .m-tooltip.m-tooltip--skin-dark.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #ffb822
}

.m-tooltip.m-tooltip--skin-dark.bs-tooltip-right .arrow::before, .m-tooltip.m-tooltip--skin-dark.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #ffb822
}

.m-tooltip.m-tooltip--skin-dark.bs-tooltip-bottom .arrow::before, .m-tooltip.m-tooltip--skin-dark.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #ffb822
}

.m-tooltip.m-tooltip--skin-dark.bs-tooltip-left .arrow::before, .m-tooltip.m-tooltip--skin-dark.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #ffb822
}

.m-tooltip .tooltip-inner {
    color: #fff;
    background: #ffb822;
    -webkit-box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .1);
    box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .1)
}

.m-tooltip.bs-tooltip-top .arrow::before, .m-tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #ffb822
}

.m-tooltip.bs-tooltip-right .arrow::before, .m-tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #ffb822
}

.m-tooltip.bs-tooltip-bottom .arrow::before, .m-tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #ffb822
}

.m-tooltip.bs-tooltip-left .arrow::before, .m-tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #ffb822
}

.m-nav.m-nav--hover-bg .m-nav__item:hover>.m-nav__link, .m-nav.m-nav--hover-bg .m-nav__item.m-nav__item--active>.m-nav__link {
    background-color: transparent
}

.m-nav.m-nav--active-bg .m-nav__item.m-nav__item--active>.m-nav__link {
    border-radius: 2rem;
    background-color: #e6f2f9
}

.dropdown-menu>li>a.active, .dropdown-menu>.dropdown-item.active {
    background: #3869ab;
    color: #fff;
    text-decoration: none
}

.alert {
    margin-bottom: 0;
    background: transparent
}

.alert.m-alert--icon .m-alert__icon {
    padding: 0
}

.alert.m-alert--icon .m-alert__text {
    padding: 0 1.25rem
}

.m-subheader .m-subheader__title.m-subheader__title--separator {
    border-right: 1px solid #dee2e6
}

.m-portlet.m-portlet--clueon.m-portlet--head-solid-bg {
    background: #325f9c;
    border-color: #325f9c
}

.m-portlet.m-portlet--clueon.m-portlet--head-solid-bg .m-portlet__head {
    background-color: #325f9c;
    border-color: #325f9c
}

.m-portlet.m-portlet--clueon.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-icon {
    color: #f7f7f7
}

.m-portlet.m-portlet--clueon.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text {
    color: #fff
}

.m-portlet.m-portlet--clueon.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text small {
    color: #f0f0f0
}

.m-portlet.m-portlet--clueon.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
    color: #f7f7f7
}

.m-portlet.m-portlet--clueon.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
    color: #fff
}

.m-portlet.m-portlet--clueon.m-portlet--head-solid-bg .m-portlet__head-tools .btn-outline-light {
    border-color: rgba(255, 255, 255, .1)
}

.m-portlet.m-portlet--clueon.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line {
    bottom: 0;
    border: 0
}

.m-portlet.m-portlet--clueon.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item {
    margin: 0 1px 0 0
}

.m-portlet.m-portlet--clueon.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item:last-child {
    margin-right: 0
}

.m-portlet.m-portlet--clueon.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link {
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    border: 0;
    opacity: .8;
    filter: alpha(opacity=80)
}

.m-portlet.m-portlet--clueon.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link>i {
    color: #f0f0f0
}

.m-portlet.m-portlet--clueon.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
    border-bottom: 0
}

.m-portlet.m-portlet--clueon.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link, .m-portlet.m-portlet--clueon.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover, .m-portlet.m-portlet--clueon.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active {
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    background: none;
    color: #fff;
    border: 0;
    background: rgba(255, 255, 255, .08)
}

.m-portlet.m-portlet--clueon.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link>i, .m-portlet.m-portlet--clueon.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover>i, .m-portlet.m-portlet--clueon.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active>i {
    color: #fff
}

.m-portlet.m-portlet--clueon.m-portlet--head-solid-bg .m-portlet__body {
    background: #fff
}

.m-portlet.m-portlet--clueon.m-portlet--head-solid-bg .m-portlet__foot {
    background: #fff
}

.m-item-table {
    padding: 5px 0;
    margin: 0;
    display: table;
    table-layout: fixed
}

.m-item-middle {
    display: table-cell;
    width: 100%;
    text-align: center;
    vertical-align: middle
}

.m-item-middle img {
    max-width: 180px !important;
    max-height: 180px !important;
    margin: 0 !important;
    border-radius: 10%
}

.text-justify {
    text-align-last: justify
}

.jstree-default .jstree-hovered {
    background: linear-gradient(to top, yellow 50%, transparent 50%);
    /* border-radius: 2px;
    -webkit-box-shadow: inset 0 0 1px #ccc;
    box-shadow: inset 0 0 1px #ccc */
}

.fc-day.fc-sun, .fc-day.fc-sat {
    background-color: #FFF6F6;
}

.fc-day-top.fc-sun .fc-day-number, .fc-day-top.fc-sat .fc-day-number {
    color: #f4516c;
}

.m-fc-event--light.m-fc-event--solid-transparent {
    background-color: transparent;
    /* color: #f4516c !important; */
    border: 0;
}

.fc-unthemed .fc-event.m-fc-event--light.m-fc-event--solid-transparent {
    box-shadow: 0px 0px 0px 0px rgb(69 65 78 / 8%);
}

.fc-unthemed .fc-event.m-fc-event--light.m-fc-event--solid-transparent .fc-title {
    color: #f4516c !important;
}

.fc-unthemed .fc-event.fc-start.m-fc-event--light.m-fc-event--solid-transparent .fc-content:before {
    background: #f4516c;
}

/* .node rect.rect-color {
    fill: #ffffff;
} */

.node.on-duty rect {
    fill: url(#grad1);
}

.node.on-duty rect.division_top, .node.on-duty rect.division_bt {
    fill: #fff;
}

.node.on-duty rect.rect-color, .node.on-duty rect.rect-img {
    fill: url(#grad1);
}

.boc-edit-form.on-duty .boc-edit-form-header,
.boc-edit-form.on-duty .boc-img-button {
    background-color: #1d75bc !important;
}

.node.on-duty-leave rect {
    fill: #009faa ;
}

.node.on-duty-leave rect.division_top, .on-duty-leave rect.division_bt {
    fill: #eee;
}

.node.on-duty-leave rect.rect-color, .node.on-duty-leave rect.rect-img {
    fill: #11b6c1;
}
.boc-edit-form.on-duty-leave .boc-edit-form-header,
.boc-edit-form.on-duty-leave .boc-img-button {
    background-color: #009faa !important;
}

.node.off-duty-leave rect {
    fill: url(#grad0);
}

.node.off-duty-leave rect.division_top, .off-duty-leave rect.division_bt {
    fill: #fff;
}

.node.off-duty-leave rect.rect-color, .node.off-duty-leave rect.rect-img {
    fill: url(#grad0);
}

.boc-edit-form.off-duty-leave .boc-edit-form-header,
.boc-edit-form.off-duty-leave .boc-img-button {
    background-color: #717b82 !important;
}

.node.on-duty-training rect {
    fill: url(#grad2);
}

.node.on-duty-training rect.division_top, .on-duty-training rect.division_bt {
    fill: #fff;
}

.node.on-duty-training rect.rect-color, .node.on-duty-training rect.rect-img {
    fill: url(#grad2);
}

.boc-edit-form.on-duty-training .boc-edit-form-header,
.boc-edit-form.on-duty-training .boc-img-button {
    background-color: #e1ba40 !important;
}

.node.on-duty-biztrip rect {
    fill: url(#grad2);
}

.node.on-duty-biztrip rect.division_top, .node.on-duty-biztrip rect.division_bt {
    fill: #fff;
}

.node.on-duty-biztrip rect.rect-color, .node.on-duty-biztrip rect.rect-img {
    fill: url(#grad2);
}

.boc-edit-form.on-duty-biztrip .boc-edit-form-header,
.boc-edit-form.on-duty-biztrip .boc-img-button {
    background-color: #e1ba40 !important;
}

.node.on-duty-outside rect {
    fill: url(#grad2);
}

.node.on-duty-outside rect.division_top, .node.on-duty-outside rect.division_bt {
    fill: #fff;
}

.node.on-duty-outside rect.rect-color, .node.on-duty-outside rect.rect-img {
    fill: url(#grad2);
}

.boc-edit-form.on-duty-outside .boc-edit-form-header,
.boc-edit-form.on-duty-outside .boc-img-button {
    background-color: #e1ba40 !important;
}

.m-timeline-2:before {
    left: 5.89rem;
}

.m-timeline-2 .m-timeline-2__items .m-timeline-2__item .m-timeline-2__item-time {
    padding-top: 0rem;
}

.m-timeline-2 .m-timeline-2__items .m-timeline-2__item .m-timeline-2__item-cricle {
    left: 5.2rem;
}

.m-timeline-2 .m-timeline-2__items .m-timeline-2__item .m-timeline-2__item-text {
    padding-left: 5.2rem;
}


/* ---------------------------------------------------------------------- */
/* 은행 css sprite start */
.bg-ac_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -100px -55px;
}

.bg-bnk_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -10px -100px;
}

.bg-ct_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -55px -100px;
}

.bg-cu_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -100px -100px;
}

.bg-dgb_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -145px -10px;
}

.bg-ds_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -145px -55px;
}

.bg-gj_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -145px -100px;
}

.bg-hf_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -10px -145px;
}

.bg-hana_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -145px -190px;
}

.bg-hsbc_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -190px -55px;
}

.bg-ibk_logo {
    display: inline-block;
    width: 25px;
    height: 24px;
    background: url('/mis-res/images/bank/banks.png') -10px -235px;
}

.bg-kakao_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -55px -145px;
}

.bg-kbank_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -100px -145px;
}

.bg-kdb_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -190px -10px;
}

.bg-kei_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -145px -145px;
}

.bg-kibo_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -10px -10px;
}

.bg-km_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -190px -100px;
}

.bg-kodit_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -190px -145px;
}

.bg-kp_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -10px -190px;
}

.bg-mg_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -55px -190px;
}

.bg-nh_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -100px -190px;
}

.bg-nice_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -55px -10px;
}

.bg-sb_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -190px -190px;
}

.bg-sbi_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -235px -10px;
}

.bg-sc_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -235px -55px;
}

.bg-sgi_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -10px -55px;
}

.bg-sh_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -235px -145px;
}

.bg-suh_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -235px -100px;
}

.bg-wc_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -55px -55px;
}

.bg-wr_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -235px -190px;
}

.bg-bank {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/mis-res/images/bank/banks.png') -100px -10px;
}

/* 은행 css sprite end */
/* ---------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* 등급 css sprite start */

.bg-func_grade {
    width: 108px;
    height: 63px;
    background: url('/mis-res/images/grade/grades.png') -10px -93px;
}

.bg-first_grade {
    width: 108px;
    height: 63px;
    background: url('/mis-res/images/grade/grades.png') -10px -10px;
}

.bg-second_grade {
    width: 108px;
    height: 63px;
    background: url('/mis-res/images/grade/grades.png') -138px -93px;
}

.bg-third_grade {
    width: 108px;
    height: 63px;
    background: url('/mis-res/images/grade/grades.png') -10px -176px;
}

.bg-full_grade {
    width: 108px;
    height: 63px;
    background: url('/mis-res/images/grade/grades.png') -138px -10px;
}

/* 등급 css sprite end */
/* ---------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* 기술 css sprite start */
.bg-tech_archi {
    width: 200px;
    height: 200px;
    background: url('/mis-res/images/tech/biz_techs.png') -10px -10px;
}

.bg-tech_elec {
    width: 200px;
    height: 200px;
    background: url('/mis-res/images/tech/biz_techs.png') -230px -10px;
}

.bg-tech_fire {
    width: 200px;
    height: 200px;
    background: url('/mis-res/images/tech/biz_techs.png') -10px -230px;
}

.bg-tech_info {
    width: 200px;
    height: 200px;
    background: url('/mis-res/images/tech/biz_techs.png') -230px -230px;
}

.bg-tech_other {
    width: 200px;
    height: 200px;
    background: url('/mis-res/images/tech/biz_techs.png') -450px -10px;
}

.bg-tech_pole {
    width: 200px;
    height: 200px;
    background: url('/mis-res/images/tech/biz_techs.png') -450px -230px;
}

.bg-tech_rail {
    width: 200px;
    height: 200px;
    background: url('/mis-res/images/tech/biz_techs.png') -10px -450px;
}

.bg-tech_sign {
    width: 200px;
    height: 200px;
    background: url('/mis-res/images/tech/biz_techs.png') -230px -450px;
}

/* 기술 css sprite end */
/* ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */
/* 업종 css sprite start */
.bg-icon_category_commu {
    width: 50px;
    height: 50px;
    background: url('/mis-res/images/biz_sector/biz_sectors.png') -10px -10px;
}

.bg-icon_category_elec {
    width: 50px;
    height: 50px;
    background: url('/mis-res/images/biz_sector/biz_sectors.png') -80px -10px;
}

.bg-icon_category_fire {
    width: 50px;
    height: 50px;
    background: url('/mis-res/images/biz_sector/biz_sectors.png') -10px -80px;
}

.bg-icon_category_gauge {
    width: 50px;
    height: 50px;
    background: url('/mis-res/images/biz_sector/biz_sectors.png') -80px -80px;
}

.bg-icon_category_lease {
    width: 50px;
    height: 50px;
    background: url('/mis-res/images/biz_sector/biz_sectors.png') -150px -10px;
}

.bg-icon_category_other {
    width: 50px;
    height: 50px;
    background: url('/mis-res/images/biz_sector/biz_sectors.png') -150px -80px;
}

.bg-icon_category_sign {
    width: 50px;
    height: 50px;
    background: url('/mis-res/images/biz_sector/biz_sectors.png') -10px -150px;
}

.bg-icon_category_soft {
    width: 50px;
    height: 50px;
    background: url('/mis-res/images/biz_sector/biz_sectors.png') -80px -150px;
}

.bg-icon_category_sub {
    width: 50px;
    height: 50px;
    background: url('/mis-res/images/biz_sector/biz_sectors.png') -150px -150px;
}

.bg-icon_category_sun {
    width: 50px;
    height: 50px;
    background: url('/mis-res/images/biz_sector/biz_sectors.png') -220px -10px;
}

/* 업종 css sprite end */
/* ---------------------------------------------------------------------- */