@media (max-width: 600px) {
    .hidden-div {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0
    }

    .tab-inner-profile ul li h2 {
        font-weight: 400;
        font-size: .9rem;
        color: #000;
        margin: 0;
        padding: 0;
        max-width: 145px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }
}

@media (max-width: 767px) {
    .header-navbar .navbar-header {
        width: 100% !important;
        padding: .5rem 1rem
    }

    .header-navbar .navbar-header .open-navbar-container i {
        font-size: 1.8rem
    }

    .header-navbar .navbar-header .navbar-brand {
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .header-navbar.navbar-with-menu .navbar-container {
        width: 100%;
        display: table;
        background: #fff;
        padding: 0;
        margin: 0;
        height: auto
    }

    .main-menu.menu-dark .navigation li a {
        height: 42px
    }
}

@media (max-width: 1366px) {
    html {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    html body .content .content-wrapper {
        padding: 1rem
    }

    html body footer {
        text-align: center
    }
}

@media screen and (min-width: 0px) {
    head {
        font-family: "xs 0px"
    }

    body:after {
        content: "xs - min-width: 0px"
    }
}

@media screen and (min-width: 544px) {
    head {
        font-family: "sm 544px"
    }

    body:after {
        content: "sm - min-width: 544px"
    }
}

@media screen and (min-width: 768px) {
    head {
        font-family: "md 768px"
    }

    body:after {
        content: "md - min-width: 768px"
    }
}

@media screen and (min-width: 992px) {
    head {
        font-family: "lg 992px"
    }

    body:after {
        content: "lg - min-width: 992px"
    }
}

@media screen and (min-width: 1200px) {
    head {
        font-family: "xl 1200px"
    }

    body:after {
        content: "xl - min-width: 1200px"
    }
}

@media (min-width: 992px) {
    body .content-right {
        width: -webkit-calc(100% - 300px);
        width: -moz-calc(100% - 300px);
        width: calc(100% - 300px);
        float: right
    }

    body .content-left {
        width: -webkit-calc(100% - 300px);
        width: -moz-calc(100% - 300px);
        width: calc(100% - 300px);
        float: left
    }

    body .content-detached {
        width: 100%
    }

    body .content-detached.content-right {
        float: right;
        margin-left: -300px
    }

    body .content-detached.content-right .content-body {
        margin-left: 320px
    }

    body .content-detached.content-left {
        float: left;
        margin-right: -300px
    }

    body .content-detached.content-left .content-body {
        margin-right: 320px
    }

    .sidebar-right.sidebar-sticky {
        float: right !important;
        margin-left: -300px;
        width: 300px !important
    }

    [data-col=content-left-sidebar] .sticky-wrapper {
        float: left
    }

    .vertical-content-menu .content .sidebar-left {
        margin-left: 268px
    }

    .vertical-content-menu .content .content-detached.content-right {
        float: right;
        width: -webkit-calc(100% - 300px);
        width: -moz-calc(100% - 300px);
        width: calc(100% - 300px);
        margin-left: -300px
    }

    .vertical-content-menu .content .content-detached.content-right .content-body {
        margin-left: 295px
    }

    .vertical-content-menu .content .content-detached.content-left {
        float: left;
        width: 100%;
        margin-right: -300px
    }

    .vertical-content-menu .content .content-detached.content-left .content-body {
        margin-right: 320px
    }
}

.vertical-compact-menu .header-navbar .navbar-brand {
    padding: 15px 0
}

.mega-dropdown {
    position: static !important
}

.navbar-nav .mega-dropdown-menu, .navigation-main .mega-dropdown-menu {
    width: 320px;
    display: inline-block;
    height: 100vh;
    padding: 0;
    margin-top: 0;
    margin-left: 0;
    right: 0;
    box-shadow: none;
    z-index: 9999
}

@media (max-width: 767px) {
    .navbar-nav .mega-dropdown-menu, .navigation-main .mega-dropdown-menu {
        width: 210px;
        display: inline-block;
        height: 100vh;
        padding: .5rem 0;
        margin-top: 0;
        margin-left: 0;
        right: 0;
        box-shadow: none;
        z-index: 9999
    }

    .header-navbar .navbar-container ul.nav li.nav-item i, .header-navbar .navbar-container ul.nav li > a.nav-link i.flag-icon {
        margin-right: .2rem
    }

    .header-navbar .navbar-nav .open {
        position: static
    }

    .header-navbar .navbar-nav .open-navbar-container {
        padding-top: .625rem
    }

    .header-navbar .navbar-container .open .dropdown-menu {
        right: 0;
        left: 0;
        float: none;
        width: auto;
        margin-top: 60px;
        max-height: 400px;
        overflow-x: hidden;
        overflow-y: scroll
    }

    .header-navbar .navbar-container ul.nav li > a.nav-link {
        padding: 1.2rem .4rem
    }

    .header-navbar .navbar-container ul.nav li a.dropdown-user-link {
        padding: .8rem .4rem
    }

    .header-navbar .navbar-container ul.nav li a.nav-link-label {
        padding: 1.4rem 0 1rem .8rem
    }

    .header-navbar .navbar-container ul.nav li a.nav-link-expand, .header-navbar .navbar-container ul.nav li a.nav-link-search {
        padding: 1.4rem 1rem 1rem
    }

    .header-navbar .navbar-container ul.nav li .dropdown-toggle::after {
        margin-right: 0;
        margin-left: -2px
    }

    .header-navbar.navbar-dark .navbar-header .navbar-nav .nav-link, .header-navbar.navbar-semi-dark .navbar-header .navbar-nav .nav-link {
        color: #FFF;
        position: absolute;
        top: -3px;
        width: 124px;
        left: calc(50% - 62px)
    }

    .header-navbar.navbar-dark .navbar-container .navbar-nav .nav-link, .header-navbar.navbar-semi-dark .navbar-container .navbar-nav .nav-link {
        color: #55595c
    }
}

@media (max-width: 1199px) {
    .header-navbar .navbar-container ul.nav li > a.nav-link {
        padding-top: 6px
    }

    .header-navbar .navbar-container ul.nav li > a.nav-link i.flag-icon {
        margin-right: .2rem
    }

    .header-navbar .navbar-container ul.nav li a.dropdown-user-link {
        padding: .8rem .4rem
    }

    .header-navbar .navbar-container ul.nav li a.nav-link-label {
        padding: 1.2rem 0 1rem .8rem
    }

    .header-navbar .navbar-container ul.nav li a.nav-link-expand, .header-navbar .navbar-container ul.nav li a.nav-link-search {
        padding: 1.5rem 1rem 1rem
    }

    .header-navbar .navbar-container ul.nav li .dropdown-toggle::after {
        margin-right: 0;
        margin-left: -2px
    }

    .header-navbar .navbar-container ul.nav li .selected-language, .header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-name {
        display: none
    }
}

@media (max-width: 767px) {
    #navbar-mobile.navbar-toggleable-sm .navbar-nav {
        margin: 0
    }

    #navbar-mobile.navbar-toggleable-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    #navbar-mobile.navbar-toggleable-sm .navbar-nav .nav-item {
        float: left;
        width: 80%
    }
}

@media only screen and (min-device-width: 26.78em) and (max-device-width: 47.64em) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .header-navbar .navbar-container .open .dropdown-menu {
        max-height: 180px
    }
}

@media only screen and (min-device-width: 29.57em) and (max-device-width: 52.57em) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    .header-navbar .navbar-container .open .dropdown-menu {
        max-height: 280px
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .ps-container {
        overflow: auto !important
    }

    .ps-theme-dark {
        overflow: auto !important
    }

    .menu-collapsed .ps-theme-dark {
        overflow: auto !important
    }

    .menu-collapsed ul.ps-theme-dark {
        overflow: auto !important
    }
}

@media (min-width: 992px) {
    .sidebar {
        vertical-align: top;
        width: 300px
    }

    .sidebar-left {
        float: left
    }

    .sidebar-right {
        float: right
    }
}

@media (min-width: 544px) {
    body.vertical-layout.vertical-menu.menu-flipped .main-menu {
        right: 0
    }

    body.vertical-layout.vertical-menu.menu-collapsed.menu-flipped .main-menu {
        right: 0
    }

    body.vertical-layout.vertical-menu.menu-collapsed.menu-flipped .main-menu span.menu-title {
        right: 70px
    }

    body.vertical-layout.vertical-menu.menu-collapsed.menu-flipped .main-menu ul.menu-content {
        right: 70px;
        left: inherit
    }
}

@media (min-width: 992px) {
    body.vertical-layout.vertical-menu .main-menu, body.vertical-layout.vertical-menu .navbar .navbar-header {
        width: 135px
    }

    body.menu-hide .main-menu, body.menu-hide .navbar .navbar-header {
        display: none !important
    }

    body.menu-expanded .content, body.menu-expanded .footer {
        margin-left: 135px
    }

    body.menu-hide .content, body.menu-hide .footer {
        margin-left: 0
    }

    body.vertical-layout.vertical-menu.menu-collapsed .content, body.vertical-layout.vertical-menu.menu-collapsed .footer {
        margin-left: 50px
    }

    body.vertical-layout.vertical-menu.menu-flipped .content, body.vertical-layout.vertical-menu.menu-flipped .navbar .navbar-container {
        margin: 0 210px 0 0
    }

    body.vertical-layout.vertical-menu.menu-flipped .navbar .navbar-header {
        float: right
    }
}

@media (max-width: 991px) {
    body.vertical-layout.vertical-menu .main-menu, body.vertical-layout.vertical-menu .navbar .navbar-header {
        width: 135px
    }
}

@media (max-width: 767px) {
    body.vertical-layout .content, body.vertical-layout .footer {
        margin-left: 0 !important
    }

    .dropdown-notification button {
        height: 32px;
        width: 32px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: .25rem
    }
}

@media (min-width: 992px) {
    body.vertical-compact-menu .main-menu, body.vertical-compact-menu .navbar .navbar-header {
        width: 150px
    }

    body.vertical-compact-menu .content, body.vertical-compact-menu .footer {
        margin-left: 150px
    }
}

@media (max-width: 991px) {
    body.vertical-compact-menu .main-menu, body.vertical-compact-menu .navbar .navbar-header {
        width: 0
    }

    body.vertical-compact-menu .content, body.vertical-compact-menu .footer {
        margin-left: 0
    }
}

@media (max-width: 767px) {
    body.vertical-compact-menu .content, body.vertical-compact-menu .footer {
        margin-left: 0
    }
}

@media (max-width: 1199px) {
    .mm-arrow:after, .mm-next:after {
        right: 35px
    }
}

@media (min-width: 544px) {
    .vertical-content-menu.menu-expanded.menu-flipped:not(.boxed-layout) .main-menu {
        right: 20px
    }

    .vertical-content-menu.menu-expanded.menu-flipped.boxed-layout .main-menu {
        float: right;
        position: relative
    }

    .vertical-content-menu.menu-collapsed.menu-flipped:not(.boxed-layout) .main-menu {
        right: 1.5rem
    }

    .vertical-content-menu.menu-collapsed.menu-flipped:not(.boxed-layout) .main-menu span.menu-title {
        right: 70px
    }

    .vertical-content-menu.menu-collapsed.menu-flipped:not(.boxed-layout) .main-menu ul.menu-content {
        right: 70px;
        left: inherit
    }

    .vertical-content-menu.menu-collapsed.menu-flipped.boxed-layout .main-menu {
        float: right;
        position: relative
    }

    .vertical-content-menu.menu-collapsed.menu-flipped.boxed-layout span.menu-title {
        right: 70px
    }

    .vertical-content-menu.menu-collapsed.menu-flipped.boxed-layout ul.menu-content {
        right: 70px;
        left: inherit
    }
}

@media (min-width: 992px) {
    body.vertical-content-menu .main-menu, body.vertical-content-menu .navbar .navbar-header {
        width: 210px
    }

    body.vertical-content-menu .content-body {
        margin-left: 268px;
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        -o-transition: .3s ease all;
        transition: .3s ease all
    }
}

@media (max-width: 991px) {
    body.vertical-content-menu .main-menu, body.vertical-content-menu .navbar .navbar-header {
        width: 70px
    }

    body.vertical-content-menu .content-body {
        margin-left: 95px;
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        -o-transition: .3s ease all;
        transition: .3s ease all
    }
}

@media (max-width: 767px) {
    body.vertical-content-menu .content-body {
        margin-left: 0
    }

    .menu-hide .main-menu, .menu-open .main-menu {
        -webkit-transition: top .35s, height .35s, -webkit-transform .25s;
        -moz-transition: transform .25s, top .35s, height .35s, -moz-transform .25s;
        -o-transition: transform .25s, top .35s, height .35s, -o-transform .25s;
        transition: top .35s, height .35s, -webkit-transform .25s;
        transition: transform .25s, top .35s, height .35s;
        transition: transform .25s, top .35s, height .35s, -webkit-transform .25s, -moz-transform .25s, -o-transform .25s
    }

    .main-menu {
        -webkit-transform: translate3d(-210px, 0, 0);
        -moz-transform: translate3d(-210px, 0, 0);
        transform: translate3d(-210px, 0, 0);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        -moz-perspective: 1000;
        perspective: 1000px
    }

    .menu-open .main-menu {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .navbar-nav .mega-dropdown-menu, .navigation-main .mega-dropdown-menu {
        width: 210px;
        display: inline-block;
        height: 100vh;
        padding: .5rem 0;
        margin-top: 0;
        margin-left: 0;
        right: 0;
        box-shadow: none;
        z-index: 9999
    }

    html body .content .content-wrapper {
        padding: 1rem
    }

    html body footer {
        text-align: center
    }
}

@media (min-width: 992px) {
    body .content-right {
        width: -webkit-calc(100% - 300px);
        width: -moz-calc(100% - 300px);
        width: calc(100% - 300px);
        float: right
    }

    body .content-left {
        width: -webkit-calc(100% - 300px);
        width: -moz-calc(100% - 300px);
        width: calc(100% - 300px);
        float: left
    }

    body .content-detached {
        width: 100%
    }

    body .content-detached.content-right {
        float: right;
        margin-left: -300px
    }

    body .content-detached.content-right .content-body {
        margin-left: 320px
    }

    body .content-detached.content-left {
        float: left;
        margin-right: -300px
    }

    body .content-detached.content-left .content-body {
        margin-right: 320px
    }

    .sidebar-right.sidebar-sticky {
        float: right !important;
        margin-left: -300px;
        width: 300px !important
    }

    [data-col=content-left-sidebar] .sticky-wrapper {
        float: left
    }

    .vertical-content-menu .content .sidebar-left {
        margin-left: 268px
    }

    .vertical-content-menu .content .content-detached.content-right {
        float: right;
        width: -webkit-calc(100% - 300px);
        width: -moz-calc(100% - 300px);
        width: calc(100% - 300px);
        margin-left: -300px
    }

    .vertical-content-menu .content .content-detached.content-right .content-body {
        margin-left: 295px
    }

    .vertical-content-menu .content .content-detached.content-left {
        float: left;
        width: 100%;
        margin-right: -300px
    }

    .vertical-content-menu .content .content-detached.content-left .content-body {
        margin-right: 320px
    }
}

@media screen and (max-width: 500px) {
    .right-div {
        float: left;
        text-align: left;
        margin-top: 10px
    }

    .hidden-btn {
        display: none !important
    }
}

@media screen and (min-width: 500px) {
    .show-btn {
        display: none !important
    }
}

@media screen and (min-width: 27px) {
    .hidden-full {
        display: none !important
    }
}

@media (max-width: 767px) {
    body.vertical-compact-menu .content, body.vertical-compact-menu .footer {
        margin-left: 0
    }
}

@media (min-width: 544px) {
    .vertical-content-menu.menu-expanded.menu-flipped:not(.boxed-layout) .main-menu {
        right: 20px
    }

    .vertical-content-menu.menu-expanded.menu-flipped.boxed-layout .main-menu {
        float: right;
        position: relative
    }

    .vertical-content-menu.menu-collapsed.menu-flipped:not(.boxed-layout) .main-menu {
        right: 1.5rem
    }

    .vertical-content-menu.menu-collapsed.menu-flipped:not(.boxed-layout) .main-menu span.menu-title {
        right: 70px
    }

    .vertical-content-menu.menu-collapsed.menu-flipped:not(.boxed-layout) .main-menu ul.menu-content {
        right: 70px;
        left: inherit
    }

    .vertical-content-menu.menu-collapsed.menu-flipped.boxed-layout .main-menu {
        float: right;
        position: relative
    }

    .vertical-content-menu.menu-collapsed.menu-flipped.boxed-layout span.menu-title {
        right: 70px
    }

    .vertical-content-menu.menu-collapsed.menu-flipped.boxed-layout ul.menu-content {
        right: 70px;
        left: inherit
    }
}

@media screen and (min-width: 0px) {
    head {
        font-family: "xs 0px"
    }

    body:after {
        content: "xs - min-width: 0px"
    }
}

@media screen and (min-width: 544px) {
    head {
        font-family: "sm 544px"
    }

    body:after {
        content: "sm - min-width: 544px"
    }
}

@media screen and (min-width: 768px) {
    head {
        font-family: "md 768px"
    }

    body:after {
        content: "md - min-width: 768px"
    }
}

@media screen and (min-width: 992px) {
    head {
        font-family: "lg 992px"
    }

    body:after {
        content: "lg - min-width: 992px"
    }
}

@media screen and (min-width: 1190px) {
    head {
        font-family: "xl 1190px"
    }

    body:after {
        content: "xl - min-width: 1190px"
    }
}

@media (max-width: 1060px) {
    .cainfo-profile-text h1 {
        max-width: 170px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }
}

@media (max-width: 768px) {
    .login-advert {
        display: none
    }
}

@media (min-width: 768px) {
    .login-screen {
        left: 66.66666667vw
    }
}

@supports (-ms-overflow-style:none) {
    .ps-container {
        overflow: auto !important
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .ps-container {
        overflow: auto !important
    }
}

@supports (-ms-overflow-style:none) {
    .ps-theme-dark {
        overflow: auto !important
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .ps-theme-dark {
        overflow: auto !important
    }
}

@supports (-ms-overflow-style:none) {
    .menu-collapsed .ps-theme-dark {
        overflow: auto !important
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .menu-collapsed .ps-theme-dark {
        overflow: auto !important
    }
}

@supports (-ms-overflow-style:none) {
    .menu-collapsed ul.ps-theme-dark {
        overflow: auto !important
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .menu-collapsed ul.ps-theme-dark {
        overflow: auto !important
    }
}

@media (min-width: 992px) {
    .sidebar {
        vertical-align: top;
        width: 300px
    }

    .sidebar-left {
        float: left
    }

    .sidebar-right {
        float: right
    }
}

@media (min-width: 544px) {
    body.vertical-layout.vertical-menu.menu-flipped .main-menu {
        right: 0
    }

    body.vertical-layout.vertical-menu.menu-collapsed.menu-flipped .main-menu {
        right: 0
    }

    body.vertical-layout.vertical-menu.menu-collapsed.menu-flipped .main-menu span.menu-title {
        right: 70px
    }

    body.vertical-layout.vertical-menu.menu-collapsed.menu-flipped .main-menu ul.menu-content {
        right: 70px;
        left: inherit
    }
}

@media (min-width: 1440px) {
    body.vertical-layout.vertical-menu.menu-expanded .main-menu, body.vertical-layout.vertical-menu.menu-open .main-menu {
        width: 160px
    }

    body.vertical-layout.vertical-menu.menu-expanded .content {
        margin-left: 160px
    }

    body.vertical-layout.vertical-menu .main-menu, body.vertical-layout.vertical-menu.menu-expanded .navbar .navbar-header, body.vertical-layout.vertical-menu .navbar .navbar-header {
        width: 160px
    }

    .main-menu.menu-dark .navigation > li a, body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content > ul.menu-content li a {
        min-height: 40px
    }

    body.vertical-layout.vertical-menu.menu-collapsed .main-menu {
        width: 60px !important
    }

    body.vertical-layout.vertical-menu.menu-collapsed .navbar .navbar-header {
        width: 60px !important;
        height: 50px
    }

    .main-menu {
        padding-top: 50px
    }

    body.vertical-layout.vertical-menu.menu-collapsed .content, body.vertical-layout.vertical-menu.menu-collapsed .footer {
        margin-left: 60px
    }

    body.menu-hide .content, body.menu-hide .footer {
        margin-left: 0 !important
    }

    body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content > ul.menu-content {
        left: 60px
    }

    .header-navbar .navbar-header .nav.navbar-nav {
        height: 50px !important
    }
}