/* Fonts --------------------------Open */
        
        @font-face {
            font-family: Graphik-Light;
            font-display: auto;
            src: url('../fonts/font-college/Graphik-Light.otf') format("opentype")
        }

        @font-face {
            font-family: Graphik-Light;
            font-display: auto;
            src: url('../fonts/font-college/Graphik-LightItalic.otf') format("opentype"); 
            font-style: italic;
        }
        
        @font-face {
            font-family: Graphik-Regular;
            font-display: auto;
            src: url('../fonts/font-college/Graphik-Regular.otf') format("opentype")
        }
        
        @font-face {
            font-family: Graphik-Regular;
            font-display: auto;
            src: url('../fonts/font-college/Graphik-RegularItalic.otf') format("opentype");
            font-style: italic;
        }
        
        @font-face {
            font-family: Graphik-Medium;
            font-display: auto;
            src: url('../fonts/font-college/GraphikAlt-Medium_daffbdbe.otf') format("opentype")
        }
        /* Fonts --------------------------end */
        
        body {
            font-family: Graphik-Regular !important;
            font-size: 14px;
            background: #fafafa;
        }
        body {
            color: #323250;
        }

        a:hover, a:focus {
            color: #00787d;
        }


        .fa ,
        .fas {
            font-weight: lighter !important;
        }
        
        .row:before,
        .row:after {
            display: none !important;
        }
        
        .loginview {
            background: #fff !important;
            margin: -20px;
        }
        
        .login-dropdown .dropdown-container {
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            top: 34px;
            padding: 32px 51px 56px;
            width: 384px;
            left: auto;
            margin-top: 20px
        }
        
        .login-dropdown .dropdown-container input {
            height: 40px;
            border-radius: 100px !important;
            margin-bottom: 24px !important;
            border: 1px solid #00787D !important;
            padding-left: 30px;
        }
        
        .login-dropdown .dropdown-container label.control-label.checkbox input {
            padding-left: 10px;
        }
        
        .login-dropdown .dropdown-container label.control-label {
            display: none;
        }
        
        .login-dropdown .dropdown-container label.control-label.checkbox {
            display: block;
            font-size: 14px;
            line-height: 22px;
            font-family: Graphik-Regular;
            font-weight: normal;
            color: #323250!important;
        }
        
        .login-dropdown .dropdown-container #remember-me {
            margin: 3px 8px 0 -20px;
            width: 16px;
            height: 16px;
            background-color: #061178 !important;
            border: 1px solid #061178 !important;
        }
        
        .login-dropdown .dropdown-container button.btn.btn-primary {
            width: 100%;
            margin: 0;
            background: #00787D !important;
            border-radius: 100px !important;
            height: 40px;
        }
        
        .login-dropdown .dropdown-container button.btn.btn-primary:focus,
        .login-dropdown .dropdown-container button.btn.btn-primary.btn:active,
        .login-dropdown .dropdown-container button.btn.btn-primary.btn:hover {
            color: #fff;
        }
        
        .login-dropdown .dropdown-container h2 {
            display: block;
            font-weight: 500;
            text-align: center;
            margin: 24px 0;
            color: #00787D;
            font-size: 20px;
            line-height: 28px;
            font-family: Graphik-Medium;
        }
        
        .login-dropdown .link-forgot-password {
            margin: 0 0 20px 0;
            color: #00787D;
            font-size: 14px;
            line-height: 22px;
            font-family: Graphik-Regular;
        }
        
        .login-dropdown .dropdown-container .register {
            margin: 24px 0 0;
            line-height: 24px;
        }
        
        .login-dropdown .dropdown-container .register a {
            color: #00787D;
            border-top: none;
            display: contents;
        }
        
        .main-login {
            max-width: 400px;
            padding: 24px;
            background: #fff;
            margin: 20px auto 50px auto;
            border: 1px solid #e3e3e3;
            border-radius: 10px;
            /* margin-top: 80px; */
            text-align: center;
        }
        
        .main-login fieldset {
            margin: 20px 0 0;
        }
        
        .main-login legend {
            text-align: center;
            color: #00787D;
            font-family: Graphik-Medium;
            font-weight: 500;
            font-size: 24px;
            line-height: 28px;
            padding-bottom: 10px
        }
        
        .main-login legend::after {
            border: none;
        }
        
        .main-login input,
        .landingOnly input {
            height: 40px;
            border-radius: 100px !important;
            margin-bottom: 24px !important;
            border: 1px solid #d1d1d1 !important;
            padding-left: 32px !important;
        }

        .onlyLogin .main-login input {
            padding-left: 45px !important;
        }
        
        .main-login label.control-label.checkbox input {
            padding-left: 10px;
        }
        
        .main-login button.btn {
            border-radius: 100px !important;
            width: 100%;
            height: 40px;
        }
        
        .main-login button.btn:focus,
        .main-login button.btn:active,
        .main-login button.btn:hover {
            color: #fff;
            background: #4ac2c3!important
        }
        
        .main-login label.control-label {
            display: none;
        }
        
        .main-login label.control-label.checkbox {
            display: block;
            font-size: 14px;
            line-height: 22px;
            font-family: Graphik-Regular;
            font-weight: normal;
            color: #323250;
        }
        
        .main-login #remember-me {
            margin: 3px 8px 0 -20px;
            width: 16px;
            height: 16px;
        }
        
        .main-login .checkforgot {
            margin-bottom: 24px;
            float: right;
            text-align: right;
        }
        
        .main-login .remember-me {
            text-align: left;
        }
        
        .main-login a {
            color: #00787d;
            font-size: 14px;
            line-height: 22px;
            font-family: Graphik-Regular;
            font-weight: normal;
        }
        
        .main-login .register {
            margin: 24px 0 0;
        }
        
        .lemail,
        .lpassword {
            position: relative;
        }
        
        .lpassword input {
            padding-right: 35px;
        }
        
        .lemail i {
            position: absolute;
            top: 13px;
            left: 10px;
            color: #02787d
        }
        
        .lpassword i {
            position: absolute;
            top: 12px;
            left: 12px;
            color: #02787d
        }
        
        .lpassword button.reveal {
            background: transparent;
            border: none;
            position: absolute;
            right: 5px;
            top: 10px;
        }
        
        .lpassword button.reveal i {
            position: relative;
            top: auto;
            left: auto;
        }
        
        .lpassword button.reveal:focus,
        .lpassword button.reveal:active {
            outline: none;
            box-shadow: none;
        }
        
        .learn-tools.theme {
            display: block;
        }
        
        .learn-tools.theme a.btn {
            padding: 4px 12px !important;
        }

        .learn-tools.theme a.btn.btn-small {
            padding: 4px 12px !important;
        }

        .learn-tools.theme .btn {
            padding: 4px 6px !important;
            margin: 0 !important;
            font-size: 13px;
        }
        
        .learn-tools.theme .btn.btn-small {
            padding: 4px 0 !important;
            margin: 0 !important;
            float: left;
        }
        
        .learn-tools.theme .btn.install {
            padding: 4px 12px !important;
        }
        /* .row {
    margin-right: -15px !important;
    margin-left: -15px !important;
} */
        /* .col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
    padding: 0 15px !important;
    float: left;
}

.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
    padding: 0 15px !important;
    float: left;
}

.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
    padding: 0 15px !important;
    float: left;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    padding: 0 15px !important;
    float: left;
} */
        
        header.site-header.app-header {
            background: #00787D;
        }
        
        header.site-header.app-header .float-left {
            padding: 20px 0;
        }
        
        header.site-header.app-header .float-left span.fa {
            font-size: 24px;
        }
        
        header.site-header.app-header .col-lg-6 {
            display: flex;
            align-items: center;
            padding: 0 !important;
        }
        
        .row.togglelogoset {
            margin: 0 !important;
        }
        
        .button-left.menu-toggle.menuToggle img.menu-toggle-close {
            display: none;
        }
        
        .button-left.menu-toggle img.menu-toggle-close {
            display: block;
        }
        
        .button-left.menu-toggle img.menu-toggle-open {
            display: none;
        }
        
        .button-left.menu-toggle.menuToggle img.menu-toggle-open {
            display: block;
        }
        
        .site-header .site-login {
            top: 0;
            position: absolute;
            text-align: right;
            display: contents;
        }
        
        .user-profile {
            right: 0;
            left: auto;
            position: absolute;
            display: flex;
            align-items: center;
            margin-left: 5px;
        }
        
        .user-profile .user-name {
            color: #ffffff;
            font-family: Graphik-Regular;
            font-size: 14px;
            line-height: 22px;
            align-items: center;
            display: flex;
            cursor: pointer;
            margin: 0px!important;
        }
        .user-profile .user-name:hover{
            color:#B9D6D6;
        }
        
        .user-profile .user-name a {
            color: #ffffff;
        }
        
        .user-profile .user-photo {
            width: 38px;
            height: 38px;
            margin-right: 10px;
            background-color: #fff;
        }
        
        .arrow {
            border: solid #fff;
            border-width: 0 1px 1px 0;
            display: inline-block;
            padding: 3px;
            margin-left: 5px;
        }
        
        .profile_arrow_down {
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            display: block;
            margin: 6px 10px 10px 10px!important;
        }
        
        .logout_wrap {
            position: absolute;
            background: #fff;
            right: 15px;
            top: 69px;
            padding: 10px 15px 0 15px;
            min-width: 200px;
            border-radius: 15px !important;
            box-shadow: -2px 0px 6px 5px rgba(0, 0, 0, 0.15);
        }
        
        .logout_wrap::before {
            content: "";
            position: absolute;
            right: 10%;
            top: -10px;
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #f2f2f2;
        }
        
        .logout_section {
            /* position: absolute; */
            right: 15px;
            top: 65px;
            /* background: #00787d; */
            /* box-shadow: 0px 1px 4px rgb(0 0 0 / 15%); */
            /* border-radius: 6px; */
            padding: 7px 15px;
            /* border: 1px solid #00787d; */
            font-size: 15px !important;
            font-family: 'Graphik-Regular'!important;
            text-align: center;
            /* width: 95px; */
            margin-bottom: 10px;
            border-radius: 10px;
        }
        
        /* .logout_section:last-child {

        } */
        /* .logout_section:last-child a {
    color: white;
} */
        
        #profile_arrow .logout_section a {
            color: #323250;
            text-align: left;
        }
        
        #profile_arrow .logout_section:last-child a {
            color: #323250;
        }
        
        .logout_section:hover {
            background: #ecf9f9;
        }
        
        #profile_arrow .logout_section:hover a {
            /* color: white; */
            text-decoration: none;
        }
        /* .logout_section.uProfile {
    top: 103px;
} */
        
        .uProfile {
            margin: 0 15px 2px 15px;
            cursor: default;
        }
        
        .uProfile .name {
            font-size: 14px;
            color: #323250;
            padding: 12px 0 0 0;
            text-align: left;
            font-weight: bold;
            line-height: normal;
        }
        
        .uProfile .email {
            font-size: 11px;
            color: #3d797d;
            margin: 0 0 9px 0;
            text-align: left;
            line-height: normal;
            text-decoration: none;
        }
        
        .login-dropdown {
            position: absolute;
            right: 15px;
        }
        
        .login-dropdown .button--login {
            background: #061178;
            color: #fff !important;
            font-size: 13px;
            font-weight: normal;
            font-family: Graphik-Regular;
            border-radius: 100px;
            line-height: 15px;
            background: #00787D!important;
            border: 1px solid #fff;
        }
        
        .login-dropdown .button--login:hover,
        .login-dropdown .button--login:focus,
        .login-dropdown .button--login:active {
            outline: none !important;
            color: #fff !important;
            background: #00787D !important;
            border: 1px solid #fff;
        }
        
        .logo {
            float: left;
            text-align: center;
            width: 200px;
            padding: 14px 10px;
            box-shadow: 8px 0 8px -6px rgba(0, 0, 0, 0.15);
        }
        
        .logo img {
            width: 160px;
        }
        
        .shortlogo {
            text-align: center;
            width: 67px;
            padding: 12px 0 16px;
            transition: all 0.5s ease-in-out;
            box-shadow: 8px 0 8px -6px rgba(0, 0, 0, 0.15);
        }
        
        .navbar ul li {
            line-height: 40px
        }
        
        .body-container.logincheck {
            min-height: 100%;
            min-height: 100%;
            background: #f5f5f5 url(../img/Login-Background.png) fixed;
            background-size: cover;
            padding: 0;
        }
        
        .body-container.logincheck nav.navbar.main-menu ul.navbar-navigation {
            bottom: 0;
            background: #00787D;
        }
        
        .body-container.logincheck nav.navbar.main-menu ul.navbar-navigation {
            top: 5px;
            width: auto;
            right: 0;
            background: #00787D
        }
        .body-container.logincheck nav.navbar.main-menu.bLogged ul.navbar-navigation {
            top: 9px;
            background: #00787D
        }
        
        .body-container.logincheck .site-header.app-header {
            padding: 0 30px;
            z-index: 9;
            height: 64px;
        }
        
        .body-container.logincheck nav.navbar {
            width: calc(100% - 470px);
            position: absolute;
            left: auto;
            right: 15px;
            top: 6px;
            z-index: 9;
            height: 50px;
            box-shadow: none;
            background-color: #00787D!important
        }
        
        .body-container.logincheck nav.navbar.fliph {
            width: calc(100% - 470px);
        }
        
        .body-container.logincheck nav.navbar.main-menu.fliph li a {
            font-size: 14px;
        }
        
        .body-container.logincheck .row.togglelogoset {
            position: absolute;
            right: 30px;
        }
        /*.body-container.logincheck main.main {width:100%; padding:0 30px; margin:0 auto 100px !important; min-height:65%; height:-webkit-fill-available; float:none !important; display:block;}*/
        
        .body-container.logincheck main.main {
            width: 100%;
            /* padding: 0 30px; */
            margin: 0 auto 100px !important;
            min-height: 65%;
            float: none !important;
            display: block;
            background: #f5f5f500
        }
        
        .body-container.logincheck main.main h1 {
            margin: 0;
            background: transparent;
            padding: 0 0 15px;
            color: #00787D !important;
            font-family: Graphik-Medium !important;
        }
        
        .body-container.logincheck .row .col-lg-6:first-child {
            display: none;
        }
        
        
        
        .body-container.logincheck .site-header .site-login {
            top: 15px !important;
            display: block;
            width: 86px;
            position: unset;
            float: right;
            left: 35px;
        }
        
        .body-container.logincheck .logo {
            box-shadow: none;
            padding: 14px 0;
            text-align: left;
        }
        
        .body-container.logincheck nav.navbar li {
            width: auto;
            float: left;
        }
        
        .body-container.logincheck nav.navbar.main-menu li a:hover,
        .body-container.logincheck nav.navbar.main-menu li.active a {
            border: none;
            background: #00787D!important
        }
        
        .body-container.logincheck nav.navbar li a::before {
            display: none !important;
            background: #00787D!important
        }
        
        .body-container.logincheck nav.navbar.main-menu:not(.bLogged) li {
            margin: 0 5px;
            background: #00787D!important
        }
        
        .body-container.logincheck nav.navbar li a {
            padding: 6px 15px !important;
            border: none;
            text-align: center;
            background: #00787D!important
        }
        
        .body-container.logincheck nav.navbar.main-menu li a:hover,
        .body-container.logincheck nav.navbar.main-menu li.active a {
            color: #fff;
            text-align: center;
            background: #00787D!important
        }
        
        .body-container.logincheck nav.navbar.main-menu li a {
            color: #fff;
        }
        /*.body-container.logincheck .site-footer {width:calc(100% - 0px); padding:30px 100px;}*/
        
        .body-container.logincheck main.main .breadcrumb {
            margin: -8px 0px 0;
        }
        
        .body-container.logincheck.home main.main {
            padding-bottom: 82px;
            background: #fff;
            margin: 0 auto !important;
        }
        
        .body-container.logincheck .row.h-100 {
            margin: 0 -30px !important;
            background: #fff;
        }
        
        .body-container.logincheck .pagetitle {
            margin: 0;
        }
        
        .body-container.logincheck .active-tab-content.clearfix.page-catalogue {
            background: #fafafa;
            padding: 20px 0 0;
        }
        
        .body-container.logincheck .site-footer {
            position: absolute;
            left: 0;
            right: 0;
            width: 100%;
            padding: 20px 20px;
        }
        
        .body-container .site-footer {
            position: absolute;
            right: 0;
        }
        
        .body-container.logincheck .row.h-100 .col img.img-fluid {
            float: right;
            background: #fff;
        }
        
        .body-container.logincheck.home {
            background: #fff;
        }
        /*.body-container.logincheck.home main.main {height:auto; padding-bottom:0 !important; position:absolute; bottom:82px; left:0; right:0; top:64px;}
.body-container.logincheck.home main.main .row.h-100 .col-sm-12.col-md-5.col-lg-5.col-12 {height:100%; max-width:30%;}
.body-container.logincheck.home main.main .row.h-100 .col.pr-0.pl-0 {height:100%; max-width:70%;}*/
        /*.body-container.logincheck.home main.main {padding-bottom:0;}
.body-container.logincheck.home .site-footer {position:relative;}*/
        /* Menu */
        
        .navbar ul {
            list-style: none;
            margin: 0;
        }
        
        .navbar li {
            float: left;
            position: relative;
        }
        
        .navbar li.active a {
            background-color: transparent !important;
        }
        
        .navbar li a {
            padding: 15px 10px 15px 44px;
            height: auto;
            display: inline-block;
            box-sizing: border-box;
            color: #fff;
        }
        
        .navbar li ul li a {
            /*padding: 10px 10px 10px 52px !important;*/
        }
        
        .navbar.navbar-mobile li ul li a {
            padding: 10px 10px 10px 72px !important;
        }
        
        .navbar.navbar-mobile li.active ul {
            display: block;
        }
        
        nav.navbar.main-menu.fliph li ul li a {
            padding: 10px 15px !important;
            text-indent: inherit !important;
            font-size: 14px;
            /*border-radius: 10px;*/
        }
        
        .navbar li a::before {
            font-weight: 500;
            font-family: 'Font Awesome 5 Pro';
            font-size: 14px;
            -webkit-text-size-adjust: none;
            font-style: normal;
            margin-right: 10px;
            width: 18px;
            display: inline-block;
        }
        nav.navbar.main-menu li:has(> ul[style*="display: block"]) > a:after,
        nav.navbar.main-menu li.active a:after {
            transform: rotate(180deg);
            color: #057A7D !important;
        }
        nav.navbar.main-menu li:has(> ul[style*="display: none"]) > a:after {
            transform: rotate(360deg);
        }
        /*.navbar li a.menu_home_hgroupahomeg {background:url(/www/camms/img/menu/dashboard.png) !important; background-size:16px !important; background-repeat:no-repeat !important; background-position:20px 10px !important; background-color:transparent;}
.navbar li a.menu_home_hadminhomeg {background:url(/www/camms/img/menu/dashboard.png) !important; background-size:16px !important; background-repeat:no-repeat !important; background-position:20px 10px !important; background-color:transparent;}
.navbar li a.menu_home_hpahomeg {background:url(/www/camms/img/menu/dashboard.png) !important; background-size:16px !important; background-repeat:no-repeat !important; background-position:20px 10px !important; background-color:transparent;}*/
        
       /* nav.navbar.main-menu.fliph li li:hover:after {
            content: none;
        }*/
        
        /*nav.navbar.main-menu.fliph li:hover:after {
            content: "";
            position: absolute;
            top: 21px;
            left: 50%;
            margin-left: 11px;
            border-width: 8px;
            border-style: solid;
            border-color: transparent #00787d transparent transparent;
            z-index: 999;
        }*/
        /* Home */
        
        .navbar li a.menu_home_hgroupahomeg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_home_hadminhomeg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_home_hpahomeg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_home_h_hguesthomeg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_home_hlhomeg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_home_hcompnayahomeg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_home_hgroupahomeg::before {
            content: "\f0e4";
        }
        
        .navbar li a.menu_home_hadminhomeg::before {
            content: "\f0e4";
        }
        
        .navbar li a.menu_home_hpahomeg::before {
            content: "\f0e4";
        }
        
        .navbar li a.menu_home_h_hguesthomeg::before {
            content: "\f0e4";
        }
        
        .navbar li a.menu_home_hlhomeg::before {
            content: "\f0e4";
        }
        
        .navbar li a.menu_home_hcompnayahomeg::before {
            content: "\f0e4";
        }

        .navbar li a.menu_cert_hadmincertg {
            padding-left: 10px !important;
        }
        .navbar li a.menu_cert_hadmincertg::before {
            content: "\f5f3";
        }
       /* nav.navbar.main-menu.fliph li:hover a.menu_cert_hadmincertg::after {
            content: "Dashboard";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px !important;
        } */

        nav.navbar.main-menu.fliph li:hover a.menu_home_hgroupahomeg::after,
        nav.navbar.main-menu.fliph li:hover a.menu_home_hadminhomeg::after,
        nav.navbar.main-menu.fliph li:hover a.menu_home_hpahomeg::after,
        nav.navbar.main-menu.fliph li:hover a.menu_home_h_hguesthomeg::after,
        nav.navbar.main-menu.fliph li:hover a.menu_home_hlhomeg::after,
        nav.navbar.main-menu.fliph li:hover a.menu_home_hcompnayahomeg::after {
            content: "Dashboard";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 34px;
            color: #fff !important;
            font-size: 14px;
            border-radius: 4px;
            padding: 10px 20px 10px 20px;
            transform: rotate(0deg);
            height: 38px !important;
        }

        nav.navbar.main-menu li a.menu_cert_hadmincertg:after {
            content: '\f078';
            font: normal normal normal 8px FontAwesome;
            border-top: 0;
            border-right: 0.3em solid transparent;
            border-bottom: 0;
            border-left: 0.3em solid transparent;
            float: right;
            color: #595959;
            margin-top: 6px;
        }
        nav.navbar.main-menu li:has(> ul[style*="display: block"]) > a:after {
            transform: rotate(180deg);
            color: #057A7D !important;
        }
        
        /* nav.navbar.main-menu.fliph li:hover a.menu_home_hgroupahomeg::after {
            content: "Dashboard";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
        } */
        
        /* nav.navbar.main-menu.fliph li:hover a.menu_home_hadminhomeg::after {
            content: "Dashboard";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
        } */
        
        /* nav.navbar.main-menu.fliph li:hover a.menu_home_hpahomeg::after {
            content: "Dashboard";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px!important;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px;
        } */
        
        /* nav.navbar.main-menu.fliph li:hover a.menu_home_h_hguesthomeg::after {
            content: "Dashboard";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
        } */
        
        /* nav.navbar.main-menu.fliph li:hover a.menu_home_hlhomeg::after {
            content: "Dashboard";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px!important;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px;
        } */

        /*.main .alert {*/
        /*    margin:-6px*/
        /*}*/
        /* nav.navbar.main-menu.fliph li:hover a.menu_home_hcompnayahomeg::after {
            content: "Dashboard";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
        } */
        /* Catalogue */
        
        .navbar li a.menu_catalouge_hgroupacatalogueg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_catalogue_hadmincatalogueg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_catalogue_hcompanyamyg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_catelogue_hpacg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_catalouge_hguestcatalougeg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_catalouge_hlcatalougeg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_catalouge_hcompanyacg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_catalouge_hgroupacatalogueg::before {
            content: "\f5db";
        }
        
        .navbar li a.menu_catalogue_hadmincatalogueg::before {
            content: "\f5db";
        }
        
        .navbar li a.menu_catalogue_hcompanyamyg::before {
            content: "\f5db";
        }
        
        .navbar li a.menu_catelogue_hpacg::before {
            content: "\f5db";
        }
        
        .navbar li a.menu_catalouge_hguestcatalougeg::before {
            content: "\f5db";
        }
        
        .navbar li a.menu_catalouge_hlcatalougeg::before {
            content: "\f5db";
        }
        
        .navbar li a.menu_catalouge_hcompanyacg::before {
            content: "\f5db";
        }

        nav.navbar.main-menu.fliph li:hover a.menu_catalouge_hgroupacatalogueg::after,
        nav.navbar.main-menu.fliph li:hover a.menu_catalogue_hadmincatalogueg::after,
        nav.navbar.main-menu.fliph li:hover a.menu_catelogue_hpacg::after,
        nav.navbar.main-menu.fliph li:hover a.menu_catalouge_hguestcatalougeg::after,
        nav.navbar.main-menu.fliph li:hover a.menu_catalouge_hlcatalougeg::after,
        nav.navbar.main-menu.fliph li:hover a.menu_catalouge_hcompanyacg::after {
            content: "Catalogue";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 34px;
            color: #fff !important;
            font-size: 14px;
            border-radius: 4px;
            padding: 10px 20px 10px 20px;
            transform: rotate(0deg);
            height: 38px !important;
        }
        
        /*nav.navbar.main-menu.fliph li:hover a.menu_catalouge_hgroupacatalogueg::after {
            content: "Catalogue";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_catalogue_hadmincatalogueg::after {
            content: "Catalogue";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_catelogue_hpacg::after {
            content: "Catalogue";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_catalouge_hguestcatalougeg::after {
            content: "Catalogue";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_catalouge_hlcatalougeg::after {
            content: "Catalogue";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_catalouge_hcompanyacg::after {
            content: "Catalogue";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
        }
        /* MyLearning */
        
        .navbar li a.menu_mylearning_hgroupamg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_mylearning_hadminmg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_mylearning_hpamg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_myleaning_hlmg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_mylearning_hcompanyamyg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_mylearning_hgroupamg::before {
            content: "\f5da";
        }
        
        .navbar li a.menu_mylearning_hadminmg::before {
            content: "\f5da";
        }
        
        .navbar li a.menu_mylearning_hpamg::before {
            content: "\f5da";
        }
        
        .navbar li a.menu_myleaning_hlmg::before {
            content: "\f5da";
        }
        
        .navbar li a.menu_mylearning_hcompanyamyg::before {
            content: "\f5da";
        }

        nav.navbar.main-menu.fliph li:hover a.menu_mylearning_hgroupamg::after,
        nav.navbar.main-menu.fliph li:hover a.menu_mylearning_hadminmg::after,
        nav.navbar.main-menu.fliph li:hover a.menu_mylearning_hpamg::after,
        nav.navbar.main-menu.fliph li:hover a.menu_myleaning_hlmg::after,
        nav.navbar.main-menu.fliph li:hover a.menu_mylearning_hcompanyamyg::after {
            content: "My Learning";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 34px;
            color: #fff !important;
            font-size: 14px;
            border-radius: 4px;
            padding: 10px 20px !important;
            transform: rotate(0deg);
            height: 38px !important;
            width: max-content
        }
        
        /*nav.navbar.main-menu.fliph li:hover a.menu_mylearning_hgroupamg::after {
            content: "MyLearning";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_mylearning_hadminmg::after {
            content: "MyLearning";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_mylearning_hpamg::after {
            content: "MyLearning";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_myleaning_hlmg::after {
            content: "MyLearning";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_mylearning_hcompanyamyg::after {
            content: "MyLearning";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
        } */

        /*Certificates*/
        .navbar li a.menu_cert_hadmincertg {
            padding-left: 10px !important;
        }
        nav.navbar.main-menu.fliph li:hover:not(:has(ul:hover)):has(> ul:not([style*="display: block"])) a.menu_cert_hadmincertg::after {
            content: "Certificates";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 34px;
            color: #fff !important;
            font-size: 14px;
            border-radius: 4px;
            padding: 10px 16px !important;
            transform: rotate(0deg);
            height: 38px !important;
            top: -5px !important;
        }
        /* Virtual Consulting */
        
        .navbar li a.menu_vc_h_hlvcg_hgroupamg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_vc_h_hlvcg_hadminmg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_vc_h_hlvcg_hpamg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_vc_h_hlvcg_hlmg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_vc_h_hlvcg_hcompanyamyg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_vc_h_hlvcg_hgroupamg::before {
            content: "\f5da";
        }
        
        .navbar li a.menu_vc_h_hlvcg_hadminmg::before {
            content: "\f5da";
        }
        
        .navbar li a.menu_vc_h_hlvcg_hpamg::before {
            content: "\f5da";
        }
        
        .navbar li a.menu_vc_h_hlvcg_hlmg::before {
            content: "\f5da";
        }
        
        .navbar li a.menu_vc_h_hlvcg_hcompanyamyg::before {
            content: "\f5da";
        }
        
        /*nav.navbar.main-menu.fliph li:hover a.menu_vc_h_hlvcg_hgroupamg::after {
            content: "Virtual Consulting";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_vc_h_hlvcg_hadminmg::after {
            content: "Virtual Consulting";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_vc_h_hlvcg_hpamg::after {
            content: "Virtual Consulting";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_vc_h_hlvcg_hlmg::after {
            content: "Virtual Consulting";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_vc_h_hlvcg_hcompanyamyg::after {
            content: "Virtual Consulting";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
        }
        /* Calendar */
        
        .navbar li a.menu_calendar_hgroupacalendarg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_calendar_hadmincalendarg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_calendar_hpacg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_calendar_hlcalendarg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_calendar_hgroupacalendarg::before {
            content: "\f073";
        }
        
        .navbar li a.menu_calendar_hadmincalendarg::before {
            content: "\f073";
        }
        
        .navbar li a.menu_calendar_hpacg::before {
            content: "\f073";
        }
        
        .navbar li a.menu_calendar_hlcalendarg::before {
            content: "\f073";
        }

        .navbar li a.menu_community_hpacg::before {
            content: "\f0c0";
        }

        .navbar li a.menu_microl_hpacg::before {
            content: "\f03d";
        }
        
      nav.navbar.main-menu.fliph li:hover a.menu_calendar_hgroupacalendarg::after {
            content: "Calendar";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #262626;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 5px 10px;
            transform: rotate(0deg);
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_calendar_hadmincalendarg::after {
            content: "Calendar";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #262626;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 5px 10px;
            transform: rotate(0deg);
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_calendar_hpacg::after {
            content: "Calendar";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #262626;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 5px 10px;
            transform: rotate(0deg);
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_calendar_hlcalendarg::after {
            content: "Calendar";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #262626;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 5px 10px;
            transform: rotate(0deg);
        }
        /* Central Admin */
        
        .navbar li a.menu_centraladmin_hgroupacag {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_centraladmin_hadmincag {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_centraladmin_hpacag {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_centraladmin_hcompanyacag {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_centraladmin_hgroupacag::before {
            content: "\f085";
        }
        
        .navbar li a.menu_centraladmin_hadmincag::before {
            content: "\f085";
        }
        
        .navbar li a.menu_centraladmin_hpacag::before {
            content: "\f085";
        }
        
        .navbar li a.menu_centraladmin_hcompanyacag::before {
            content: "\f085";
        }

        nav.navbar.main-menu.fliph li:hover:not(:has(ul:hover)):has(> ul:not([style*="display: block"])) a.menu_centraladmin_hcompanyacag::after,
        nav.navbar.main-menu.fliph li:hover:not(:has(ul:hover)):has(> ul:not([style*="display: block"])) a.menu_centraladmin_hpacag::after,
        nav.navbar.main-menu.fliph li:hover:not(:has(ul:hover)):has(> ul:not([style*="display: block"])) a.menu_centraladmin_hadmincag::after,
        nav.navbar.main-menu.fliph li:hover:not(:has(ul:hover)):has(> ul:not([style*="display: block"])) a.menu_centraladmin_hgroupacag::after {
            content: "Central Admin";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 34px;
            color: #fff !important;
            font-size: 14px;
            border-radius: 4px;
            padding: 10px 16px !important;
            transform: rotate(0deg);
            height: 38px !important;
            top: -5px !important;
            width: max-content
        }

        /* nav.navbar.main-menu.fliph li:hover a.menu_centraladmin_hgroupacag::after {
            content: "Central Admin";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 9px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
            font-family: Graphik-Regular;
            width: 150px;
        } */
        
        /* nav.navbar.main-menu.fliph li:hover a.menu_centraladmin_hadmincag::after {
            content: "Central Admin";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            width: max-content;
            font-family: Graphik-Regular;
            height: 38px!important;
            line-height: 38px;
        } */
        
        /* nav.navbar.main-menu.fliph li:hover a.menu_centraladmin_hpacag::after {
            content: "Central Admin";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 9px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
            font-family: Graphik-Regular;
            width: 150px;
        } */
        
        /* nav.navbar.main-menu.fliph li:hover a.menu_centraladmin_hcompanyacag::after {
            content: "Central Admin";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 9px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
            font-family: Graphik-Regular;
            width: 150px;
        } */
        
        nav.navbar.main-menu li a.menu_centraladmin_hgroupacag:after {
            content: '\f078';
            font: normal normal normal 8px FontAwesome;
            border-top: 0;
            border-right: 0.3em solid transparent;
            border-bottom: 0;
            border-left: 0.3em solid transparent;
            float: right;
            color: #595959;
            margin-top: 6px;
        }
        
        nav.navbar.main-menu li a.menu_centraladmin_hadmincag:after {
            content: '\f078';
            font: normal normal normal 8px FontAwesome;
            border-top: 0;
            border-right: 0.3em solid transparent;
            border-bottom: 0;
            border-left: 0.3em solid transparent;
            float: right;
            color: #595959;
            margin-top: 6px;
        }
        
        nav.navbar.main-menu li a.menu_centraladmin_hpacag:after {
            content: '\f078';
            font: normal normal normal 8px FontAwesome;
            border-top: 0;
            border-right: 0.3em solid transparent;
            border-bottom: 0;
            border-left: 0.3em solid transparent;
            float: right;
            color: #595959;
            margin-top: 6px;
        }
        
        nav.navbar.main-menu li a.menu_centraladmin_hcompanyacag:after {
            content: '\f078';
            font: normal normal normal 8px FontAwesome;
            border-top: 0;
            border-right: 0.3em solid transparent;
            border-bottom: 0;
            border-left: 0.3em solid transparent;
            float: right;
            color: #595959;
            margin-top: 6px;
        }
        /* Report */
        
        .navbar li a.menu_reports_hgrouparg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_reports_hadminrg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_reports_hparg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_reports_hlrg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_reporst_hcompanyarg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_reports_hgrouparg::before {
            content: "\f659";
        }
        
        .navbar li a.menu_reports_hadminrg::before {
            content: "\f659";
        }
        
        .navbar li a.menu_reports_hparg::before {
            content: "\f659";
        }
        
        .navbar li a.menu_reports_hlrg::before {
            content: "\f659";
        }
        
        .navbar li a.menu_reporst_hcompanyarg::before {
            content: "\f659";
        }
        nav.navbar.main-menu.fliph li:hover:not(:has(ul:hover)):has(> ul:not([style*="display: block"])) a.menu_reports_hadminrg::after,
        nav.navbar.main-menu.fliph li:hover:not(:has(ul:hover)):has(> ul:not([style*="display: block"])) a.menu_reports_hparg::after,
        nav.navbar.main-menu.fliph li:hover:not(:has(ul:hover)):has(> ul:not([style*="display: block"])) a.menu_reports_hlrg::after,
        nav.navbar.main-menu.fliph li:hover:not(:has(ul:hover)):has(> ul:not([style*="display: block"])) a.menu_reporst_hcompanyarg::after,
        nav.navbar.main-menu.fliph li:hover:not(:has(ul:hover)):has(> ul:not([style*="display: block"])) a.menu_reports_hgrouparg::after {
            content: "Reports";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 34px;
            color: #fff !important;
            font-size: 14px;
            border-radius: 4px;
            padding: 10px 20px;
            transform: rotate(0deg);
            height: 38px !important;
            top: -5px !important;
            width: max-content
        }
       /* nav.navbar.main-menu.fliph li:hover a.menu_reports_hgrouparg::after {
            content: "Report";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #262626;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 6px 10px;
            transform: rotate(0deg);
            margin-top: 0;
            font-family: Graphik-Regular;
        } */
        
        /* nav.navbar.main-menu.fliph li:hover a.menu_reports_hadminrg::after {
            content: "Report";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            width: max-content;
            font-family: Graphik-Regular;
            height: 38px!important;
            line-height: 38px;
        } */
        
        /* nav.navbar.main-menu.fliph li:hover a.menu_reports_hparg::after {
            content: "Report";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #262626;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 6px 10px;
            transform: rotate(0deg);
            margin-top: 0;
            font-family: Graphik-Regular;
        } */
        
        /* nav.navbar.main-menu.fliph li:hover a.menu_reports_hlrg::after {
            content: "Report";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #262626;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 6px 10px;
            transform: rotate(0deg);
            margin-top: 0;
            font-family: Graphik-Regular;
        } */
        
        /* nav.navbar.main-menu.fliph li:hover a.menu_reporst_hcompanyarg::after {
            content: "Report";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #262626;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 6px 10px;
            transform: rotate(0deg);
            margin-top: 0;
            font-family: Graphik-Regular;
        } */
        
        nav.navbar.main-menu li a.menu_reports_hgrouparg:after {
            content: '\f078';
            font: normal normal normal 8px FontAwesome;
            border-top: 0;
            border-right: 0.3em solid transparent;
            border-bottom: 0;
            border-left: 0.3em solid transparent;
            float: right;
            color: #595959;
            margin-top: 6px;
        }
        
        nav.navbar.main-menu li a.menu_reports_hadminrg:after {
            content: '\f078';
            font: normal normal normal 8px FontAwesome;
            border-top: 0;
            border-right: 0.3em solid transparent;
            border-bottom: 0;
            border-left: 0.3em solid transparent;
            float: right;
            color: #595959;
            margin-top: 6px;
        }
        
        nav.navbar.main-menu li a.menu_reports_hparg:after {
            content: '\f078';
            font: normal normal normal 8px FontAwesome;
            border-top: 0;
            border-right: 0.3em solid transparent;
            border-bottom: 0;
            border-left: 0.3em solid transparent;
            float: right;
            color: #595959;
            margin-top: 6px;
        }
        
        nav.navbar.main-menu li a.menu_reports_hlrg:after {
            content: '\f078';
            font: normal normal normal 8px FontAwesome;
            border-top: 0;
            border-right: 0.3em solid transparent;
            border-bottom: 0;
            border-left: 0.3em solid transparent;
            float: right;
            color: #595959;
            margin-top: 6px;
        }
        
        nav.navbar.main-menu li a.menu_reporst_hcompanyarg:after {
            content: '\f078';
            font: normal normal normal 8px FontAwesome;
            border-top: 0;
            border-right: 0.3em solid transparent;
            border-bottom: 0;
            border-left: 0.3em solid transparent;
            float: right;
            color: #595959;
            margin-top: 6px;
        }
        /* Contact Us */
        
        .navbar li a.menu_contact_hgroupacontactg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_contact_hadmincontactg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_contact_hpacg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_contact_h_hguestcontactg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_contact_h_hlcontactg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_contact_h_hcompanyacg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_contact_hgroupacontactg::before {
            content: "\f095";
        }
        
        .navbar li a.menu_contact_hadmincontactg::before {
            content: "\f095";
        }
        
        .navbar li a.menu_contact_hpacg::before {
            content: "\f095";
        }
        
        .navbar li a.menu_contact_h_hguestcontactg::before {
            content: "\f095";
        }
        
        .navbar li a.menu_contact_h_hlcontactg::before {
            content: "\f4aa";
        }
        
        .navbar li a.menu_contact_h_hcompanyacg::before {
            content: "\f095";
        }

        nav.navbar.main-menu.fliph li:hover a.menu_contact_h_hcompanyacg::after,
        nav.navbar.main-menu.fliph li:hover a.menu_contact_h_hlcontactg::after,
        nav.navbar.main-menu.fliph li:hover a.menu_contact_h_hguestcontactg::after,
        nav.navbar.main-menu.fliph li:hover a.menu_contact_hpacg::after,
        nav.navbar.main-menu.fliph li:hover a.menu_contact_hadmincontactg::after,
        nav.navbar.main-menu.fliph li:hover a.menu_contact_hgroupacontactg::after {
            content: "User Feedback";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 34px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 10px 20px;
            transform: rotate(0deg);
            height: 38px !important;
            width: max-content
        }
        
        /*nav.navbar.main-menu.fliph li:hover a.menu_contact_hadmincontactg::after {*/
        /*    content: "User Feedback";*/
        /*    z-index: 9999;*/
        /*    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);*/
        /*    background: #00787d;*/
        /*    position: absolute;*/
        /*    margin-left: 33px;*/
        /*    color: #fff;*/
        /*    font-size: 14px;*/
        /*    border-radius: 4px;*/
        /*    padding: 0px 20px 0px 20px;*/
        /*    transform: rotate(0deg);*/
        /*    height: 38px!important;*/
        /*    width: 150px*/
        /*}*/
        
        /*nav.navbar.main-menu.fliph li:hover a.menu_contact_hpacg::after {*/
        /*    content: "User Feedback";*/
        /*    z-index: 9999;*/
        /*    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);*/
        /*    background: #00787d;*/
        /*    position: absolute;*/
        /*    margin-left: 33px;*/
        /*    color: #fff;*/
        /*    font-size: 14px;*/
        /*    border-radius: 4px;*/
        /*    padding: 0px 20px 0px 20px;*/
        /*    transform: rotate(0deg);*/
        /*    height: 38px!important;*/
        /*    width: 150px*/
        /*}*/
        
        /*nav.navbar.main-menu.fliph li:hover a.menu_contact_h_hguestcontactg::after {*/
        /*    content: "User Feedback";*/
        /*    z-index: 9999;*/
        /*    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);*/
        /*    background: #00787d;*/
        /*    position: absolute;*/
        /*    margin-left: 33px;*/
        /*    color: #fff;*/
        /*    font-size: 14px;*/
        /*    border-radius: 4px;*/
        /*    padding: 0px 20px 0px 20px;*/
        /*    transform: rotate(0deg);*/
        /*    height: 38px!important;*/
        /*    width: 150px*/
        /*}*/
        
        /*nav.navbar.main-menu.fliph li:hover a.menu_contact_h_hlcontactg::after {*/
        /*    content: "User Feedback";*/
        /*    z-index: 9999;*/
        /*    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);*/
        /*    background: #00787d;*/
        /*    position: absolute;*/
        /*    margin-left: 33px;*/
        /*    color: #fff;*/
        /*    font-size: 14px;*/
        /*    border-radius: 4px;*/
        /*    padding: 0px 20px 0px 20px;*/
        /*    transform: rotate(0deg);*/
        /*    height: 38px!important;*/
        /*    width: 150px*/
        /*}*/
        
        /*nav.navbar.main-menu.fliph li:hover a.menu_contact_h_hcompanyacg::after {*/
        /*    content: "User Feedback";*/
        /*    z-index: 9999;*/
        /*    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);*/
        /*    background: #00787d;*/
        /*    position: absolute;*/
        /*    margin-left: 33px;*/
        /*    color: #fff;*/
        /*    font-size: 14px;*/
        /*    border-radius: 4px;*/
        /*    padding: 0px 20px 0px 20px;*/
        /*    transform: rotate(0deg);*/
        /*    height: 38px!important;*/
        /*    width: 150px*/
        /*}*/
        /* Help */
        
        .navbar li a.menu_help_hgroupahelpg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_help_hadminhelpg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_help_hpahelpg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_help_h_hlhelpg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_help_h_hcompanyahelpg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_help_hgroupahelpg::before {
            content: "\f059";
        }
        
        .navbar li a.menu_help_hadminhelpg::before {
            content: "\f059";
        }
        
        .navbar li a.menu_help_hpahelpg::before {
            content: "\f059";
        }
        
        .navbar li a.menu_help_h_hlhelpg::before {
            content: "\f059";
        }

        .navbar li a.menu_help_h_hlsupportg::before {
            content: "\f82d";
        }

        .navbar li a.menu_help_h_hcompanyahelpg::before {
            content: "\f059";
        }
        nav.navbar.main-menu.fliph li:hover a.menu_help_h_hlhelpg::after,
        nav.navbar.main-menu.fliph li:hover a.menu_help_h_hcompanyahelpg::after,
        nav.navbar.main-menu.fliph li:hover a.menu_help_hpahelpg::after,
        nav.navbar.main-menu.fliph li:hover a.menu_help_hadminhelpg::after,
        nav.navbar.main-menu.fliph li:hover a.menu_help_hgroupahelpg::after {
            content: "Help";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 34px;
            color: #fff !important;
            font-size: 14px;
            border-radius: 4px;
            padding: 10px 20px;
            transform: rotate(0deg);
            height: 38px!important;
            width: max-content
        }
       /*nav.navbar.main-menu.fliph li:hover a.menu_help_hgroupahelpg::after {*/
       /*     content: "Help";*/
       /*     z-index: 9999;*/
       /*     box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);*/
       /*     background: #00787d;*/
       /*     position: absolute;*/
       /*     margin-left: 33px;*/
       /*     color: #fff;*/
       /*     font-size: 14px;*/
       /*     border-radius: 4px;*/
       /*     padding: 0px 20px 0px 20px;*/
       /*     transform: rotate(0deg);*/
       /*     height: 38px!important;*/
       /* }*/
        
        /*nav.navbar.main-menu.fliph li:hover a.menu_help_hadminhelpg::after {*/
        /*    content: "Help";*/
        /*    z-index: 9999;*/
        /*    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);*/
        /*    background: #00787d;*/
        /*    position: absolute;*/
        /*    margin-left: 33px;*/
        /*    color: #fff;*/
        /*    font-size: 14px;*/
        /*    border-radius: 4px;*/
        /*    padding: 0px 20px 0px 20px;*/
        /*    transform: rotate(0deg);*/
        /*    height: 38px!important;*/
        /*}*/
        
        /*nav.navbar.main-menu.fliph li:hover a.menu_help_hpahelpg::after {*/
        /*    content: "Help";*/
        /*    z-index: 9999;*/
        /*    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);*/
        /*    background: #00787d;*/
        /*    position: absolute;*/
        /*    margin-left: 33px;*/
        /*    color: #fff;*/
        /*    font-size: 14px;*/
        /*    border-radius: 4px;*/
        /*    padding: 0px 20px 0px 20px;*/
        /*    transform: rotate(0deg);*/
        /*    height: 38px!important;*/
        /*}*/
        
        /*nav.navbar.main-menu.fliph li:hover a.menu_help_h_hcompanyahelpg::after {*/
        /*    content: "Help";*/
        /*    z-index: 9999;*/
        /*    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);*/
        /*    background: #00787d;*/
        /*    position: absolute;*/
        /*    margin-left: 33px;*/
        /*    color: #fff;*/
        /*    font-size: 14px;*/
        /*    border-radius: 4px;*/
        /*    padding: 0px 20px 0px 20px;*/
        /*    transform: rotate(0deg);*/
        /*    height: 38px!important;*/
        /*}*/
        
        /*nav.navbar.main-menu.fliph li:hover a.menu_help_h_hlhelpg::after {*/
        /*    content: "Help";*/
        /*    z-index: 9999;*/
        /*    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);*/
        /*    background: #00787d;*/
        /*    position: absolute;*/
        /*    margin-left: 33px;*/
        /*    color: #fff;*/
        /*    font-size: 14px;*/
        /*    border-radius: 4px;*/
        /*    padding: 0px 20px 0px 20px;*/
        /*    transform: rotate(0deg);*/
        /*    height: 38px!important;*/
        /*}*/
        /* Distribution */
        
        .navbar li a.menu_distribution_hadmindg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_distribution_hpadg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_distribution_hcompanyadg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_distribution_hadmindg::before {
            content: "\f78a";
        }
        
        .navbar li a.menu_distribution_hpadg::before {
            content: "\f78a";
        }
        
        .navbar li a.menu_distribution_hcompanyadg::before {
            content: "\f78a";
        }
        nav.navbar.main-menu.fliph li:hover:not(:has(ul:hover)):has(> ul:not([style*="display: block"])) a.menu_distribution_hpadg::after,
        nav.navbar.main-menu.fliph li:hover:not(:has(ul:hover)):has(> ul:not([style*="display: block"])) a.menu_distribution_hcompanyadg::after,
        nav.navbar.main-menu.fliph li:hover:not(:has(ul:hover)):has(> ul:not([style*="display: block"])) a.menu_distribution_hadmindg::after {
            content: "Distribution";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 34px;
            color: #fff !important;
            font-size: 14px;
            border-radius: 4px;
            padding: 10px 20px;
            transform: rotate(0deg);
            width: max-content;
            height: 38px!important;
            top: -5px !important;
        }

        /* nav.navbar.main-menu.fliph li:hover a.menu_distribution_hadmindg::after {
            content: "Distribution";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            width: max-content;
            font-family: Graphik-Regular;
            height: 38px!important;
            line-height: 38px;
        } */
        
        /* nav.navbar.main-menu.fliph li:hover a.menu_distribution_hpadg::after {
            content: "Distribution";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #262626;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 6px 10px;
            transform: rotate(0deg);
            margin-top: 0;
            font-family: Graphik-Regular;
        }
         */
        /* nav.navbar.main-menu.fliph li:hover a.menu_distribution_hcompanyadg::after {
            content: "Distribution";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #262626;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 6px 10px;
            transform: rotate(0deg);
            margin-top: 0;
            font-family: Graphik-Regular;
        } */
        
        nav.navbar.main-menu li a.menu_distribution_hadmindg:after {
            content: '\f078';
            font: normal normal normal 8px FontAwesome;
            border-top: 0;
            border-right: 0.3em solid transparent;
            border-bottom: 0;
            border-left: 0.3em solid transparent;
            float: right;
            color: #595959;
            margin-top: 6px;
        }
        
        nav.navbar.main-menu li a.menu_distribution_hpadg:after {
            content: '\f078';
            font: normal normal normal 8px FontAwesome;
            border-top: 0;
            border-right: 0.3em solid transparent;
            border-bottom: 0;
            border-left: 0.3em solid transparent;
            float: right;
            color: #595959;
            margin-top: 6px;
        }
        
        nav.navbar.main-menu li a.menu_distribution_hcompanyadg:after {
            content: '\f078';
            font: normal normal normal 8px FontAwesome;
            border-top: 0;
            border-right: 0.3em solid transparent;
            border-bottom: 0;
            border-left: 0.3em solid transparent;
            float: right;
            color: #595959;
            margin-top: 6px;
        }
        /* Learning Admin */
        
        .navbar li a.menu_learningadmin_hadminlag {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_learningadmin_hpalag {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_learningadmin_hcompanyalag {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_learningadmin_hadminlag::before {
            content: "\f4fe";
        }
        
        .navbar li a.menu_learningadmin_hpalag::before {
            content: "\f4fe";
        }
        
        .navbar li a.menu_learningadmin_hcompanyalag::before {
            content: "\f4fe";
        }
        nav.navbar.main-menu.fliph li:hover:not(:has(ul:hover)):has(> ul:not([style*="display: block"])) a.menu_learningadmin_hpalag::after,
        nav.navbar.main-menu.fliph li:hover:not(:has(ul:hover)):has(> ul:not([style*="display: block"])) a.menu_learningadmin_hcompanyalag::after,
        nav.navbar.main-menu.fliph li:hover:not(:has(ul:hover)):has(> ul:not([style*="display: block"])) a.menu_learningadmin_hadminlag::after {
            content: "Learning Admin";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 34px;
            color: #fff !important;
            font-size: 14px;
            border-radius: 4px;
            padding: 10px 20px;
            transform: rotate(0deg);
            width: max-content;
            height: 38px!important;
            top: -5px !important;
        }
        
        /* nav.navbar.main-menu.fliph li:hover a.menu_learningadmin_hadminlag::after {
            content: "Learning Admin";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff !important; 
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            width: max-content;
            font-family: Graphik-Regular;
            height: 38px!important;
            line-height: 38px;
        } */
        
        /* nav.navbar.main-menu.fliph li:hover a.menu_learningadmin_hpalag::after {
            content: "Learning Admin";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #262626;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 5px 10px;
            transform: rotate(0deg);
            width: max-content;
            font-family: Graphik-Regular;
            margin-top: 0;
        } */
        
        /* nav.navbar.main-menu.fliph li:hover a.menu_learningadmin_hcompanyalag::after {
            content: "Learning Admin";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #262626;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 5px 10px;
            transform: rotate(0deg);
            width: max-content;
            font-family: Graphik-Regular;
            margin-top: 0;
        } */
        
        nav.navbar.main-menu li a.menu_learningadmin_hadminlag:after {
            content: '\f078';
            font: normal normal normal 8px FontAwesome;
            border-top: 0;
            border-right: 0.3em solid transparent;
            border-bottom: 0;
            border-left: 0.3em solid transparent;
            float: right;
            color: #595959;
            margin-top: 6px;
        }
        
        nav.navbar.main-menu li a.menu_learningadmin_hpalag:after {
            content: '\f078';
            font: normal normal normal 8px FontAwesome;
            border-top: 0;
            border-right: 0.3em solid transparent;
            border-bottom: 0;
            border-left: 0.3em solid transparent;
            float: right;
            color: #595959;
            margin-top: 6px;
        }
        
        nav.navbar.main-menu li a.menu_learningadmin_hcompanyalag:after {
            content: '\f078';
            font: normal normal normal 8px FontAwesome;
            border-top: 0;
            border-right: 0.3em solid transparent;
            border-bottom: 0;
            border-left: 0.3em solid transparent;
            float: right;
            color: #595959;
            margin-top: 6px;
        }
        /* System */
        
        .navbar li a.menu_system_hadminsg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_system_hadminsg::before {
            content: "\f3f1";
        }
        nav.navbar.main-menu.fliph ul.navbar-navigation > li > a{
            margin: 10px;
            padding: 0 !important;
            border-radius: 5px;
            display: flex;
            justify-content: center;
            align-items: center;
            float: none;
            border: none;
            border-right: #e5f1f2 solid 3px;
        }
        nav.navbar.main-menu.fliph li.active a {
            background-color: #fff !important;
            color: #00787d;
        }
        nav.navbar.main-menu.fliph li.active > a,nav.navbar.main-menu.fliph li > a:hover{
            border-right: #00787d solid 3px !important;
        }
        nav.navbar.main-menu.fliph ul.navbar-navigation > li > a::before{
            margin-right: 0;
        }
       nav.navbar.main-menu.fliph li:hover:not(:has(ul:hover)):has(> ul:not([style*="display: block"])) a.menu_system_hadminsg::after {
            content: "System";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 34px;
            color: #fff !important;
            font-size: 14px;
            border-radius: 4px;
            padding: 10px 20px;
            transform: rotate(0deg);
            width: max-content;
            height: 38px !important;
            top: -5px !important;
        }

        nav.navbar.main-menu li a.menu_system_hadminsg:after {
            content: '\f078';
            font: normal normal normal 8px FontAwesome;
            border-top: 0;
            border-right: 0.3em solid transparent;
            border-bottom: 0;
            border-left: 0.3em solid transparent;
            float: right;
            color: #595959;
            margin-top: 6px;
        }
        /* My Tool */
        
        .navbar li a.menu_mytools_hgroupamg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_mytools_hpamg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_mytools_hadminmg {
            padding-left: 10px !important;
        }
        
        .navbar li a.menu_mytools_hlmg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_mytools_hcompanyamg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_mytools_hgroupamg::before {
            content: "\f7d9";
        }
        
        .navbar li a.menu_mytools_hpamg::before {
            content: "\f7d9";
        }
        
        .navbar li a.menu_mytools_hadminmg::before {
            content: "\f7d9";
        }
        
        .navbar li a.menu_mytools_hlmg::before {
            content: "\f7d9";
        }
        
        .navbar li a.menu_mytools_hcompanyamg::before {
            content: "\f7d9";
        }

        nav.navbar.main-menu.fliph li:hover:not(:has(ul:hover)):has(> ul:not([style*="display: block"])) a.menu_mytools_hpamg::after,
        nav.navbar.main-menu.fliph li:hover:not(:has(ul:hover)):has(> ul:not([style*="display: block"])) a.menu_mytools_hadminmg::after,
        nav.navbar.main-menu.fliph li:hover:not(:has(ul:hover)):has(> ul:not([style*="display: block"])) a.menu_mytools_hlmg::after,
        nav.navbar.main-menu.fliph li:hover:not(:has(ul:hover)):has(> ul:not([style*="display: block"])) a.menu_mytools_hcompanyamg::after,
        nav.navbar.main-menu.fliph li:hover:not(:has(ul:hover)):has(> ul:not([style*="display: block"])) a.menu_mytools_hgroupamg::after {
            content: "My Tools";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 34px;
            color: #fff !important;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px;
            transform: rotate(0deg);
            width: max-content;
            height: 38px !important;
        }

        /* nav.navbar.main-menu.fliph li:hover a.menu_mytools_hgroupamg::after {
            content: "My Tool";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #262626;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 5px 10px;
            transform: rotate(0deg);
            line-height: 20px;
            width: max-content;
            font-family: Graphik-Regular;
        } */
        
        /* nav.navbar.main-menu.fliph li:hover a.menu_mytools_hpamg::after {
            content: "My Tool";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #262626;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 5px 10px;
            transform: rotate(0deg);
            line-height: 20px;
            width: max-content;
            font-family: Graphik-Regular;
        } */
        
        /* nav.navbar.main-menu.fliph li:hover a.menu_mytools_hadminmg::after {
            content: "My Tool";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            width: max-content;
            font-family: Graphik-Regular;
            height: 38px!important;
        } */
        
        /* nav.navbar.main-menu.fliph li:hover a.menu_mytools_hlmg::after {
            content: "My Tool";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #262626;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 5px 10px;
            transform: rotate(0deg);
            line-height: 20px;
            width: max-content;
            font-family: Graphik-Regular;
        } */
        
        /* nav.navbar.main-menu.fliph li:hover a.menu_mytools_hcompanyamg::after {
            content: "My Tool";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #262626;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 5px 10px;
            transform: rotate(0deg);
            line-height: 20px;
            width: max-content;
            font-family: Graphik-Regular;
        } */
        
        nav.navbar.main-menu li a.menu_mytools_hgroupamg:after {
            content: '\f078';
            font: normal normal normal 8px/2.5 FontAwesome;
            border-top: 0;
            border-right: 0.3em solid transparent;
            border-bottom: 0;
            border-left: 0.3em solid transparent;
            float: right;
            color: #595959;
        }
        
        nav.navbar.main-menu li a.menu_mytools_hpamg:after {
            content: '\f078';
            font: normal normal normal 8px/2.5 FontAwesome;
            border-top: 0;
            border-right: 0.3em solid transparent;
            border-bottom: 0;
            border-left: 0.3em solid transparent;
            float: right;
            color: #595959;
        }
        
        nav.navbar.main-menu li a.menu_mytools_hadminmg:after {
            content: '\f078';
            font: normal normal normal 8px/2.5 FontAwesome;
            border-top: 0;
            border-right: 0.3em solid transparent;
            border-bottom: 0;
            border-left: 0.3em solid transparent;
            float: right;
            color: #595959;
        }
        
        nav.navbar.main-menu li a.menu_mytools_hlmg:after {
            content: '\f078';
            font: normal normal normal 8px/2.5 FontAwesome;
            border-top: 0;
            border-right: 0.3em solid transparent;
            border-bottom: 0;
            border-left: 0.3em solid transparent;
            float: right;
            color: #595959;
        }
        
        nav.navbar.main-menu li a.menu_mytools_hcompanyamg:after {
            content: '\f078';
            font: normal normal normal 8px/2.5 FontAwesome;
            border-top: 0;
            border-right: 0.3em solid transparent;
            border-bottom: 0;
            border-left: 0.3em solid transparent;
            float: right;
            color: #595959;
        }
        
        .navbar li a:hover,
        .navbar li a:focus {
            color: #fff;
            background: transparent;
            text-decoration: none;
        }
        
        .navbar li ul {
            position: relative;
            top: 0;
            left: 0;
            width: 100%;
            background-color: #fff;
            color: #323250;
            z-index: 1000;
            display: none;
        }
        
        .navbar li ul li {
            width: 100%;
        }
        
        .navbar li ul a {
            width: 100%;
            padding: 15px !important;
        }
        
        .navbar li ul a:hover,
        .navbar li ul a:focus,
        .navbar li ul a.active {
            background: transparent;
        }
        
        .navbar li:hover>ul {
            display: none;
        }
        
        .navbar.main-menu li.active ul {
            /*display: block !important;*/
            background-color: transparent;
        }
        
        nav.navbar.main-menu li.active ul {
            display: block;
        }
        
        nav.navbar.main-menu li.active ul li a {
            background-color: #e5f1f2 !important;
            border-right: #e5f1f2 solid 3px !important;
            border: solid 1px #e5f1f2;
            color: #323250;
            padding: 15px 20px 15px 10px !important;
            float: right;
            text-align: left;
            line-height: normal;
        }

        nav.navbar.main-menu li ul li, nav.navbar.main-menu li ul li,
        nav.navbar.main-menu li.active ul li.active,nav.navbar.main-menu li.active ul li{
            padding: 10px 0;

        }
        nav.navbar.main-menu li ul li.active a,nav.navbar.main-menu li ul li a,
        nav.navbar.main-menu li.active ul li.active a,nav.navbar.main-menu li.active ul li a {
            margin: 0;
            padding-left: 35px !important;
        }
        nav.navbar.main-menu li.active ul li.active a,
        nav.navbar.main-menu li.active ul li:hover a {
            background-color:#FFF !important;
            color: #00787d;
            border-right: #00787d solid 3px !important;
        }
        
        nav.navbar.main-menu.fliph {
            width: 67px;
            transition: none;
        }
        
        nav.navbar.main-menu {
            width: 200px;
            height: 100%;
            font-family: Graphik-Regular;
            line-height: 22px;
            padding: 0;
            background: #e5f1f2!important;
            font-size: 14px;
            z-index: 99;
            position: absolute;
            left: 0;
            box-shadow: 0 -8px 8px 2px rgba(0, 0, 0, 0.125);
            /*box-shadow:0px 2px 8px rgba(0, 0, 0, 0.15); */
            /* z-index: 9; */
        }
        
        nav.navbar.main-menu ul.navbar-navigation {
            padding: 0;
            width: 100%;
            top: 0;
            position: absolute;
            overflow: auto;
            bottom: 82px;
            background: #e5f1f2
        }
        
        nav.navbar.main-menu.fliph ul.navbar-navigation {
            overflow: visible;
        }
        
        nav.navbar.main-menu ul.navbar-navigation::-webkit-scrollbar {
            width: 4px;
        }
        
        nav.navbar.main-menu ul.navbar-navigation::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        
        nav.navbar.main-menu ul.navbar-navigation::-webkit-scrollbar-thumb {
            background: #c0c0c0;
        }
        
        ​ nav.navbar.main-menu.fliph ul.navbar-navigation {
            overflow: inherit;
        }
        
        nav.navbar.main-menu li {
            /* float: none; */
            width: 100%;
            padding: 5px 10px;
            line-height: 20px;
        }
        
        nav.navbar.main-menu li a {
            width: 100%;
            color: #323250;
           /* border-right: #fff solid 0px;
            background-color: transparent;
            border-bottom: 1px solid #e5f1f2;
            border-top: 1px solid #fff;*/
            font-family: Graphik-Regular;
            font-size: 13px;
            position: relative;
            height: auto;
            border-right: solid 3px #e5f1f2;
        }
        nav.navbar.main-menu li a::before{
            line-height: 20px;

        }
        
        nav.navbar.main-menu li a:hover {
            background-color: #fff!important;
            color: #00787d;
            font-family: Graphik-Regular;
            font-size: 13px;
            border-radius: 15px;
        }
        nav.navbar.main-menu:not(.bLogged) li:hover > a {
            background-color: #fff!important;
            border-radius: 5px;
            border-right: #00787d solid 3px !important;
        }
        
        nav.navbar.main-menu li.active > a {
            background-color: #fff!important;
            color: #057A7D;
            border-bottom: #fff solid 1px;
            border-top: #fff solid 1px;
            border-radius: 5px;
            border-right: #00787d solid 3px !important;
        }
        nav.navbar.main-menu li a::after {
            position: absolute;
            top: 16px;
            right: 10px;
            
        }
        .navbar li ul li:not(:first-child) {

            padding-top: 0 !important;
        }
        nav.navbar.main-menu.fliph li a:after {
            position: absolute;
            /*top: -5px;*/
            top: 0px;
            left: 28px;
            display: inline-table;
            font-family: Graphik-Regular !important;
        }
        nav.navbar.main-menu.fliph li ul{
            border-radius: 0 10px 10px 0;
            background-color: #e5f1f2;
        }
        nav.navbar.main-menu.fliph li.active ul li:first-child{
            border-radius: 0 20px 0 0;
            padding-top:10px;
        }
        nav.navbar.main-menu.fliph li.active ul li:last-child{
            padding-bottom: 10px;
        }
        nav.navbar.main-menu.fliph li.active ul li:first-child{
            border-radius: 0 20px 0 0;
        }
        nav.navbar.main-menu.fliph li.active  ul li a{
            background-color: #e5f1f2 !important;
            border-color:#e5f1f2 ;
            border-right-color: #e5f1f2 !important;
            color: #323250;
            padding-left: 15px !important;
        }
        nav.navbar.main-menu.fliph li.active  ul li.active a,nav.navbar.main-menu.fliph li.active  ul li:hover a {
            background-color: #fff !important;
            color: #00787d;
            border-right: #00787d solid 3px !important;
        }
        nav.navbar.main-menu.fliph li {
            display: flex;
            padding: 0;
        }
        nav.navbar.main-menu.fliph li li{
            padding: 5px 10px 5px !important;
        }
        nav.navbar.main-menu.fliph li.active ul {
            display: none;
        }
        
        nav.navbar.main-menu.fliph li a {
            background-position: center;
            font-size: 0;
            -webkit-text-size-adjust: none;
            padding: 0 15px 0 50px;
            height: 41px;
            align-items: center;
            display: flex;
            border-right: transparent solid 3px;
            height: 40px;
        }
        
        nav.navbar.main-menu.fliph li a:after {
            content: none;
            height: 58px;
        }
        
        nav.navbar.main-menu.fliph li ul {
            position: absolute;
            top: 5px;
            left: 73px;
            width: 205px;
            color: #fff;
            z-index: 1000;
            /*box-shadow: 5px 0 8px 0px rgba(0, 0, 0, 0.15);*/
        }
        
        nav.navbar.main-menu.fliph li ul {
            display: none;
        }
        /*nav.navbar.main-menu.fliph li:hover ul {display:block;}*/
        /* Menu End */
        
        .body-container {
            display: block;
            height: fit-content;
            height: -moz-max-content;
            min-height: 100%;
            overflow: hidden;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
        }
        
        body.pace-done {
            width: 100%;
        }
        
        main.main {
            min-width: auto;
            float: right;
            width: calc(100% - 200px);
            background: #fff;
            min-height: 65%;
            padding: 20px 20px 50px;
            margin: 0 0 40px;
        }
        
        .main.flip {
            width: calc(100% - 65px);
            padding: 20px 20px 82px;
        }
        
        main.main p.description {
            background: #fff;
            margin: 0 -20px;
            padding: 8px 20px 18px;
        }
        
        main.main.flip p.description {
            padding: 8px 55px 18px;
            margin: 0 -55px;
        }
        
        .site-footer {
            background: #00787D;
            min-height: auto;
            margin: 0;
            clear: both;
            display: flex;
            width: calc(100% - 200px);
            float: right;
        }
        
        .site-footer .row {
            width: 100%;
            margin-left: 0 !important;
        }
        
        .site-footer.flip {
            width: calc(100% - 65px);
            padding: 30px 55px;
        }
        
        .site-footer.flip {
            width: calc(100% - 65px);
            padding: 30px 20px;
        }
        
        .site-footer .footer-navigation {
            margin: 0;
        }
        
        ul.footer-navigation li a:hover {
            color: #fff;
        }
        
        ul.footer-navigation li a {
            color: #fff;
        }
        
        .site-footer .row-fluid {
            padding: 10px 0;
            line-height: 30px;
        }
        
        .footer-navigation span.fa.fa-angle-right {
            display: none;
        }
        
        .site-footer a {
            display: inline-block;
            color: #595959;
            font-size: 14px;
            line-height: 22px;
        }
        
        .site-footer a:hover,
        .site-footer a:focus,
        .site-footer a:active {
            color: #595959;
        }
        
        .site-footer .footer-navigation li {
            margin-left: 0;
        }
        
        .site-footer .footer-navigation li a::after {
            content: "|";
            margin-left: 6px;
            margin-right: 2px;
        }
        
        .site-footer .footer-navigation li:last-child a::after {
            content: none;
        }
        
        .footer-logo-set {
            background: url(../img/common/footer_logo.png) no-repeat left center;
            background-size: contain;
            width: 200px;
            display: inline-block;
        }
        
        main.main .breadcrumb {
            background: #f5f5f5;
            padding: 5px 20px;
            margin: -20px -20px 0;
        }
        
        main.main .breadcrumb a {
            color: #8C8C8C;
        }
        
        main.main h1 {
            background-color: #fff;
            margin: 0 0px;
            padding: 20px 0px 30px;
            font-family: Graphik-Medium;
            color: #323250;
            font-size: 28px;
            line-height: 28px;
        }
        
        main.main .nav.nav-tabs {
            background-color: #fff;
            padding: 0 20px;
            margin: 0 -20px 20px;
        }
        
        main.main .nav.nav-tabs li:focus {
            outline: none;
            box-shadow: none;
        }
        
        .nav-tabs .nav-link:hover,
        .nav-tabs .nav-link:focus {
            border: none;
        }
        
        .nav-tabs li a:hover,
        .nav-tabs li a:focus,
        .nav-tabs li.active a,
        .nav-tabs li.active a:hover,
        .nav-tabs li.active a:focus {
            color: #00787d;
            font-weight: 500;
            font-size: 14px;
            line-height: 22px;
            font-family: Graphik-Regular;
            margin: 0 30px 0 0;
            /* padding: 0 0 10px 0;  for catagolgue page*/
            padding: 0;
            border-bottom: 3px solid #00787d;
            border-top: none;
            border-left: none;
            border-right: none;
            border-color: #00787d #00787d #00787d !important;
        }
        
        .nav-tabs li a {
            color: #595959;
            font-size: 14px;
            line-height: 22px;
            font-family: Graphik-Regular;
            border-bottom: #fff solid 3px;
            background: transparent;
            border-left: none;
            border-right: none;
            border-top: none;
            margin: 0 30px 0 0;
            font-weight: normal;
            padding: 0 0 10px 0;
            text-transform: none;
        }
        
        .nav-tabs li.nav-link {
            padding: 0;
            border: none;
        }
        
        .main.flip .breadcrumb {
            margin: -25px -55px 0px;
            padding: 11px 55px;
        }
        /* .main.flip h1 {
            margin: 0 -55px;
            padding: 8px 55px 0;
        } */
        
        .main.flip .nav.nav-tabs {
            margin: 20px -55px;
            padding: 0 55px;
        }
        
        .breadcrumb {
            font-size: 11px;
            line-height: 22px;
            color: #323252;
            margin-bottom: 0;
        }
        
        .breadcrumb .divider {
            color: #8C8C8C;
        }
        
        .breadcrumb a.home {
            color: #8C8C8C;
        }
        
        div h1 {
            font-family: Graphik-Regular;
            font-weight: 500;
            font-size: 20px;
            line-height: 28px;
            color: #262626;
        }
        
        .widget {
            border-radius: 0px;
            border: none;
            margin: 0;
        }
        
        .heading-widget {
            line-height: 28px;
            font-weight: 500;
            font-family: Graphik-Medium;
            margin-bottom: 25px;
            font-size: 20px;
            color: #00787D;
            margin-top: 20px;
        }
        
        h2.heading-widget.MarT35 {
            margin-top: 35px;
            color: #00787D;
            font-family: Graphik-Medium;
            font-size: 20px;
        }
        
        #dashboard .heading-widget.MarT35 {
            position: relative;
        }
        
        #dashboard .heading-widget.MarT35 .title {
            font-size: 20px;
            line-height: 28px;
        }
        
        #dashboard .heading-widget.MarT35 .showAll a {
            position: absolute;
            top: 0;
            right: 0;
        }
        
        .user-learning-statistics i,
        .user-site-statistics i {
            font-size: 26px;
            color: #BFBFBF;
            display: none;
        }
        
        .user-learning-statistics {
            margin: 0px 0;
        }
        
        .user-site-statistics {
            margin: 10px 0;
        }
        .user-learning-statistics .span4.statistic-tile {
            height: 100%;
        }

        .user-learning-statistics .span4 {
            border-right: 1px solid #E8E8E8;
        }
        
        .user-learning-statistics .span4:last-child {
            border-right: none;
        }
        
        .user-site-statistics .span4 {
            border-right: #E8E8E8 solid 1px;
        }
        
        .user-site-statistics .span4:last-child {
            border-right: none;
        }

        .user-learning-statistics .title {
            font-family: Graphik-Regular;
            font-weight: normal;
            font-size: 14px;
            line-height: 22px;
            color: #595959 !important;
        }
        
        .user-learning-statistics .count {
            font-family: Graphik-Regular;
            font-weight: 500;
            font-size: 16px;
            padding: 5px 0;
            line-height: 24px;
            text-align: center;
            color: #00787d;
        }
        
        .user-learning-statistics a {
            background: transparent;
            text-decoration: none;
        }
        
        .user-site-statistics .title {
            font-family: Graphik-Regular;
            font-weight: normal;
            font-size: 16px;
            line-height: 22px;
            color: #000000 !important;
        }
        
        .user-site-statistics .count {
            font-family: 'Graphik-Medium';
            font-weight: 500;
            font-size: 24px;
            padding: 5px 0;
            line-height: 24px;
            text-align: center;
            color: #000000;
        }
        
        .user-site-statistics a {
            background: transparent;
            text-decoration: none;
        }
        
        .account-profile.widget {
            /* color: #323250C47; */
            padding: 26px 20px;
            margin: 0;
            /* border: 1px solid #78c6c8; */
            background: #ebf4f4;
            border-radius: 6px
        }
        
        .account-profile.widget a {
            padding: 6.5px 20px 7.5px 20px;
            margin: 0 0 0 12px;
            border: #00787D solid 1px;
            color: #ffffff;
            border-radius: 2px;
            font-family: Graphik-Regular;
            font-weight: normal;
            font-size: 14px;
            line-height: 22px;
            background: #00787D;
            border-radius: 100px;
            text-decoration: none
        }
        
        /* .account-profile.widget .row {
            /* align-items: center; */
    
        
        .account-profile .user-photo {
            width: 106px;
            height: 106px;
            /* color: #323250C47; */
        }
        
        .account-profile h2 {
            font-family: Graphik-Regular;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            margin: 0;
            color: #262626;
        }
        
        .account-profile p {
            font-family: Graphik-Regular;
            font-style: normal;
            font-weight: normal;
            font-size: 14px;
            line-height: 22px;
            margin-bottom: 0;
            color: #595959;
        }
        
        .account-profile .row-fluid a {
            width: 180px;
            display: block;
            border: 1px solid #3A42FF;
            box-sizing: border-box;
            border-radius: 4px;
            margin: 0 auto 15px;
            line-height: 38px !important;
            color: #3A42FF;
            font-family: Graphik-Regular;
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
        }
        
        .widget.notification {
            padding: 0;
        }
        
        .notification .alert {
            font-family: Graphik-Regular;
            font-weight: normal;
            margin: 0 auto;
            padding: 16px 0;
            font-size: 12px;
            line-height: 20px;
            color: #262626;
            background: transparent;
            border: 1px solid #48c2c5;
            border-radius: 0;
        }
        
        .notification .alert div {
            padding: 0 32px 0 16px;
            border-left: transparent solid 2px;
        }
        
        .notification .alert:hover {
            background: #e6f7ff;
        }
        
        .notification .alert:hover div {
            border-left: #519fe8 solid 2px;
            padding: 0 16px;
        }
        
        .notification .close {
            display: none;
            color: #3A42FF;
            opacity: 1;
            font-size: 30px;
            padding: 0;
            font-weight: normal;
            top: 0;
            right: 0;
        }
        
        .notification .alert:hover .close {
            display: block;
        }

        .responsive-table{
            overflow: scroll;
        }
        
        table.listViewInside tr th {
            background: #fafafa;
            border-bottom: transparent;
            padding: 18px;
            font-weight: 500;

        }
        
        table.listViewInside tr {
            color: #262626;
            font-family: Graphik-Medium;
            font-style: normal;
            font-weight: 500;
            font-size: 18px;
            line-height: 22px;
        }
        
        table.listViewInside tr .learn-tools {
            margin: 0;
            display: table-row;
        }
        
        table.listViewInside tr .learn-tools a.btn {
            margin: 0;
        }
        
        table.listViewInside .activity-heading {
            font-family: Graphik-Regular;
            font-style: normal;
            margin-top: -8px;
            font-weight: 500;
            font-size: 14px;
            line-height: 22px;
            padding-bottom: 16px;
            margin-bottom: 0;
            text-decoration: none
        }
        
        table.listViewInside td .activity-heading {
            margin: 0 0 15px;
            padding: 3px 0px;
            color: #323250;
            font-size: 16px;
            font-family: 'Graphik-Regular'
        }
        
        .panel-heading h3 {
            font-weight: normal;
        }
        
        table.listViewInside small.extended-info.block {
            color: #595959;
            font-family: Graphik-Regular;
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 20px;
            margin-top: 30px;
        }
        
        table.listViewInside small.extended-info.block .title {
            font-size: 15px;
            color: #474661;
            font-weight: bold;
        }
        
        table.listViewInside td {
            border-top: #E8E8E8 solid 1px;
            padding: 16px;
            color: #595959;
            font-family: Graphik-Regular;
            font-style: normal;
            font-weight: normal;
            font-size: 14px;
            line-height: 22px;
        }

        table.listViewInside td.long_buttons a{
            width: 240px;
        }

        table.listViewInside td.long_buttons a:first-child{
            margin-bottom: 5px;
        }
        
        #learningResource+table.listViewInside tr td {
            border-top: 0;
        }
        
        #learningResource+table.listViewInside tr:last-child td {
            border-top: #E8E8E8 solid 1px;
        }
        
        .formbox .table.listViewInside td {
            border-top: none;
            border-bottom: #E8E8E8 solid 1px;
        }
        
        .pagelist-view span.activityType {
            text-transform: uppercase;
            padding: 0 0 10px !important;
            display: none;
        }
        
        span.playlisttype-label {
            display: none;
            padding-bottom: 10px;
        }
        
        span.playlisttype-label span.activityType {
            text-transform: uppercase;
        }
        
        table.listViewInside td.activityType {
            text-transform: uppercase;
        }
        
        table.listViewInside td .activity-tools {
            padding: 0;
        }
        
        table.listViewInside td .activity-tools a {
            padding-left: 4px;
            padding-right: 4px;
        }
        /* table.listViewInside tr .expandable {margin-bottom:0;} */
        
        table.listViewInside tr .expandable p {
            margin: 5px 0;
        }
        
        table.listViewInside tr.align td {
            vertical-align: middle;
            align-items: center;
            padding: 11px 16px;
        }
        
        table.listViewInside tr.align td .activity-heading {
            margin: 0;
        }
        
        table.listViewInside tr.align td .btn {
            background: #00787d;
            border-radius: 2px;
            width: auto;
            height: 32px;
            padding: 4px 12px !important;
            border-color: #00787d;
            font-family: Graphik-Regular;
            font-size: 14px;
            line-height: 22px;
            text-align: center;
            color: #fff;
        }
        
        .AccessControlView h3 {
            font-family: Graphik-Regular;
            font-style: normal;
            font-weight: 500;
            font-size: 20px !important;
            line-height: 28px !important;
            color: #00787d;
        }
        
        .AccessControlView a {
            font-size: 14px;
            line-height: 22px;
            color: #00787d;
        }
        
        .Activities-title {
            margin-bottom: 34px;
            margin-top: 0px;
            align-items: center;
            display: inline-block;
            width: 100%;
            vertical-align: middle;
            background: #f5f5f5;
            padding: 10px 20px 10px 20px !important;
            border-radius: 6px;
            border: 1px solid #eee;
        }
        
        .Activities-title h3.heading-widget {
            margin: 2px 0;
        }
        
        .activity-heading {
            font-family: Graphik-Medium;
            color: #323250;
            margin-bottom: 5px;
            display: block;
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            text-decoration: none!important;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis;
            max-height: 3em;
            line-height: 1.2em;
            min-height: 3em;
            word-break: break-word;
        }
        
        span.process {
            font-family: Graphik-Regular;
            font-size: 14px;
            line-height: 16px;
            width: auto;
            margin-bottom: 16px;
            padding: 6px 8px;
            width: 116px;
            text-align: center;
        }
        
        span.green {
            background: #F6FFED;
            color: #52C41A;
            border: 1px solid #B7EB8F;
            border-radius: 2px;
            padding: 2px 8px !important;
            float: left;
            margin-bottom: 16px;
        }
        
        span.red {
            background: #fff1f0;
            color: #ff6158;
            padding: 2px 8px !important;
            border: 1px solid #FFA39E;
            border-radius: 2px;
            float: left;
            margin-bottom: 16px;
            font-family: Graphik-Regular;
        }
        
        span.yellow {
            background: #FFFBE6;
            color: #FAAD14;
            padding: 2px 8px !important;
            border: 1px solid #FFE58F;
            border-radius: 2px;
            float: left;
            margin-bottom: 16px;
        }
        
        span.blue {
            background: #E6F7FF;
            color: #00787d;
            padding: 2px 8px !important;
            border: 1px solid #91D5FF;
            border-radius: 2px;
            float: left;
            margin-bottom: 16px;
        }
        
        span.blue span.empty.muted {
            color: #00787d;
        }
        
        .pagelist-view span.process {
            font-family: Graphik-Regular;
            font-size: 14px;
            line-height: 16px;
            width: auto;
            margin-bottom: 16px;
            padding: 0 8px !important;
        }
        
        .pagelist-view table.listViewInside span.process {
            margin: 0;
            display: block;
            width: 118px;
        }
        
        .pagelist-view span.green {
            background: #F6FFED;
            color: #52C41A;
            border: 1px solid #B7EB8F;
            border-radius: 2px;
            padding: 2px 8px;
            float: left;
            margin-bottom: 16px;
        }
        
        .pagelist-view span.red {
            background: #FFF1F0;
            color: #F5222D;
            padding: 2px 8px;
            border: 1px solid #FFA39E;
            border-radius: 2px;
            float: left;
            margin-bottom: 16px;
        }
        
        .pagelist-view span.yellow {
            background: #FFFBE6;
            color: #FAAD14;
            padding: 2px 8px;
            border: 1px solid #FFE58F;
            border-radius: 2px;
            float: left;
            margin-bottom: 16px;
        }
        
        .pagelist-view span.blue {
            background: #E6F7FF;
            color: #00787d;
            padding: 2px 5px !important;
            border: 1px solid #91D5FF;
            border-radius: 2px;
            float: left;
            margin-bottom: 16px;
        }
        
        .pagelist-view span.blue span.empty.muted {
            color: #00787d;
        }
        
        .is-Active,
        .is-completed,
        .is-passed,
        .is-enrolled,
        .is-published {
            background: #F6FFED;
            color: #52C41A;
            border: 1px solid #B7EB8F;
            border-radius: 2px;
            padding: 2px 8px;
            float: left;
            display: block !important;
            text-align: center;
        }
        
        .is-Active span.empty.muted,
        .is-completed span.empty.muted,
        .is-passed span.empty.muted,
        .is-enrolled span.empty.muted,
        .is-published span.empty.muted {
            color: #52C41A;
        }
        
        .is-active {
            background: #F6FFED !important;
            color: #52C41A;
            border: 1px solid #B7EB8F;
            border-radius: 2px;
            padding: 2px 8px;
            float: left;
            display: block !important;
            text-align: center;
        }
        
        .is-disapproved,
        .is-Inactive,
        .is-inactive,
        .is-not-attempted,
        .is-failed,
        .is-expired {
            background: #FFF1F0 !important;
            color: #F5222D;
            padding: 2px 8px;
            border: 1px solid #FFA39E;
            border-radius: 2px;
            float: left;
            display: block !important;
            text-align: center;
        }
        
        .is-disapproved span.empty.muted,
        .is-Inactive span.empty.muted,
        .is-not-attempted span.empty.muted,
        .is-failed span.empty.muted,
        .is-expired span.empty.muted {
            color: #F5222D;
        }
        
        .is-enrolled,
        .is-published {
            display: block !important;
            background: #F6FFED !important;
            color: #52C41A;
            border: 1px solid #B7EB8F;
            border-radius: 2px;
            padding: 2px 8px;
            float: left;
        }
        
        .is-enrolled span.empty.muted,
        .is-published span.empty.muted {
            color: #52C41A;
        }
        
        .is-expired,
        .is-unpublished {
            display: block !important;
            background: #FFF1F0;
            color: #F5222D;
            padding: 2px 8px;
            border: 1px solid #FFA39E;
            border-radius: 2px;
            float: left;
        }
        
        .is-expired span.empty.muted,
        .is-unpublished span.empty.muted {
            color: #F5222D;
        }
        
        .is-incomplete {
            background: #FFFBE6;
            display: block !important;
            color: #FAAD14;
            padding: 2px 8px;
            border: 1px solid #FFE58F;
            border-radius: 2px;
            float: left;
        }
        
        .is-incomplete span.empty.muted {
            color: #FAAD14;
        }
        
        .is-pending,
        .is-new {
            background: #FFFBE6 !important;
            display: block !important;
            color: #FAAD14;
            padding: 2px 8px;
            border: 1px solid #FFE58F;
            border-radius: 2px;
            float: left;
            text-align: center;
        }
        
        .is-pending span.empty.muted {
            color: #FAAD14;
        }
        
        .activity-tools.btn-left .btn {
            padding: 4px 12px;
            margin: 0 3px;
        }
        
        .activity-tools .btn {
            padding: 4px 12px !important;
            margin: 0 3px;
        }
        
        .scroll-height-500.scroll-vertical.selectbtn .selectAllBtnContainer {
            position: relative;
            right: 0;
        }
        
        .pagelist-view.sectionset {
            margin: 0 !important;
        }
        /* table.table.listViewInside tr.distribution-learning label a {
    color: #00787d;
    background: transparent;
    border: none;
    padding: 0;
    font-size: 14px;
    line-height: 22px;
} */
        
        table.table.listViewInside tr.updateeventbtn a {
            color: #00787d;
            background: transparent;
            border: none;
            padding: 0;
            font-size: 14px;
            line-height: 22px;
        }
        
        table.table.listViewInside tr.distribution-event label a:not(.btn) {
            color: #00787d;
            background: transparent;
            border: none;
            padding: 0;
            font-size: 14px;
            line-height: 22px;
        }
        
        table.table.listViewInside tr.distribution-learning td:first-child,
        table.table.listViewInside tr.distribution-event td:first-child {
            min-width: 50px;
        }
        
        .selectAllBtnContainer {
            display: flex;
            align-items: center;
            float: right;
            position: absolute;
            margin: 0;
            min-height: 32px;
        }
        
        .btn-group.sortby {
            margin-left: 16px;
        }
        
        .activity-tools {
            text-align: right;
            padding: 0 16px 16px;
            min-height: 48px;
            border-style: solid;
            color: #323250;
            border-width: 0px 1px 1px 1px;
            border-radius: 0px 0px 6px 6px;
            border-color: #82c6c9;
        }
        
        .ActivitiesLearning .activities {
            /* height: 215px; */
            margin: 0 -16px;
            padding: 0;
            display: flex;
            align-items: center;
        }
        
        .activities {
            background: #E6EAF1;
            clear: both;
            margin: 0 -16px;
            text-align: center;
            position: relative;
            /* height: 187px; */
            overflow: hidden;
        }
        
        .activities img {
            width: 100%;
            object-fit: cover;
            height: 100%;
        }
        
        .ActivitiesLearning .activities img {
            width: 100%;
            object-fit: cover;
            height: auto;
            /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
        }
        
        .body-container.logincheck .activities {
            height: 227px;
        }
        
        .body-container.logincheck .activities img {
            width: 100%;
            margin: 0 auto;
            object-fit: cover;
            height: 100%;
        }
        
        .activity-tools a.btn.btn-small {
            padding: 4px 16px;
            font-size: 14px;
            line-height: 20px;
            background: transparent;
            border: none;
            font-family: Graphik-Regular;
            color: #00787d !important;
            border-radius: 2px;
            font-family: Graphik-Regular;
            font-weight: normal;
        }
        
        .activity-tools a.btn.btn-small.btn-primary {
            height: auto;
            background: #519fe8;
            border: #519fe8 solid 1px;
            padding: 4px 16px;
            color: #fff !important;
            border-radius: 2px;
            font-family: Graphik-Regular;
            font-weight: normal;
            font-size: 14px;
            line-height: 20px;
        }
        
        .btn-left .btn {
            float: left;
        }
        
        .widget.box .learn-tools .btn {
            margin: 0 !important;
        }
        
        .learn-tools {
            margin-top: 16px;
            display: inline-block;
            width: 100%;
            min-height: 32px;
        }
        
        .learn-tools .btn {
            background: #00787d;
            border-radius: 2px;
            width: auto;
            float: right;
            display: block;
            padding: 4px 12px !important;
            border-color: #00787d;
            font-family: Graphik-Regular;
            font-size: 14px;
            line-height: 22px;
            text-align: center;
            color: #fff;
            margin: 0 7px !important;
        }
        
        .catalogue .activities {
            margin: 0 -16px;
            padding: 0;
            display: flex;
            align-items: center;
        }
        
        .learn-tools .btn.btn-small.btn-primary {
            background: #00787d;
            padding: 4px 18px !important;
            border-radius: 100px;
            border-color: #00787d;
            color: #fff;
            font-family: Graphik-Regular;
            font-size: 14px;
            line-height: 22px;
            text-align: center;
        }
        
        .learn-tools .btn.btn-small {
            background: transparent;
            color: #00787d;
            border: 1px solid #25a7aa;
        }
        
        .PadT22 {
            padding-top: 22px !important;
        }
        
       
        .row.active-section {
            margin-right: -10px !important;
            margin-left: -10px !important;
        }
        
        .row.active-section .col-lg-4.col-sm-6 {
            padding: 0 10px !important;
        }
        
        .active-section .widget {
            padding: 0;
            overflow: hidden;
            margin-bottom: 20px;
        }
        
        .ActivitiesLearning {
            padding: 16px;
            position: relative;
            border-style: solid;
            color: #323250;
            border-width: 1px 1px 0px 1px;
            border-radius: 6px 6px 0px 0px;
            border-color: #82c6c9;
        }
        
        .ActivitiesLearning .top {
            display: inline-block;
            width: 100%;
        }
        
        .ActivitiesLearning .data {
            display: none;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: 9;
        }
        
        .ActivitiesLearning .data .clear {
            margin-bottom: 10px;
        }
        
        .ActivitiesLearning .activities:hover .data {
            background: #4ac2c3f0;
            display: flex;
            color: #595959;
            padding: 16px;
            text-align: left;
        }
        
        .ActivitiesLearning small.extended-info.block {
            font-family: Graphik-Regular;
            font-style: normal;
            font-weight: 900;
            font-size: 12px;
            line-height: 20px;
        }
        
        .ActivitiesLearning small.extended-info.block span {
            font-weight: 500 !important;
        }
        /*.pagelist-view {margin-left:-10px !important; margin-right:-10px !important;}*/
        
        .pagelist-view span {
            height: auto !important;
            margin-bottom: 24px;
            margin-right: 0;
        }
        
        #preview-popup {
            height: auto;
            margin: 0 auto;
            left: 0;
            right: 0;
            padding: 24px 54px 54px;
            border: none;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            border-radius: 0;
            min-width: 370px;
            width: 100%;
            max-width: 800px;
            max-height: 80%;
            overflow: auto;
        }
        
        .modal-backdrop,
        .modal-backdrop.fade.in {
            background: rgba(0, 0, 0, 0.8);
            height: auto;
            width: auto;
        }
        
        #preview-popup .modal-body {
            margin: 0;
            /* max-height: calc(100vh - 220px); */
            /*overflow-y:auto; min-height: 250px;*/
            max-height: 80%;
        }
        
        #preview-popup .modal-body .modal-body {
            overflow-y: visible;
        }
        
        #preview-popup .modal-header .close {
            margin-top: 0;
            position: unset;
            /* right: 16px;
    top: -10px; */
            color: #00787d;
            opacity: 1;
            font-size: 28px;
            font-weight: normal;
            line-height: 32px;
            margin: 0;
            padding: 0;
            width: 15px;
        }
        /* #preview-popup .modal-header .close {
    margin-top: 0;
    position: absolute;
    right: 20px;
    top: 10px;
    color: #00787d;
    opacity: 1;
    font-size: 30px;
    font-weight: normal;
    line-height: 0px;
} */
        
        #preview-popup span.empty.muted {
            color: #D9D9D9;
            font-size: 14px;
            line-height: 22px;
        }
        
        .pagelist-view .widget {
            padding: 10px 16px !important;
            margin-bottom: 24px !important;
        }
        
        #preview-popup table th {
            width: 50%;
            font-family: Graphik-Regular;
            font-weight: 500;
            font-size: 14px;
            line-height: 22px;
            color: #595959;
            border-bottom: #E8E8E8 solid 1px;
            background-color: #fff;
        }
        
        #preview-popup table td {
            width: 50%;
            font-family: Graphik-Regular;
            font-weight: normal;
            font-size: 14px;
            line-height: 22px;
            color: #595959;
            border-bottom: #E8E8E8 solid 1px;
            background-color: #fff;
        }
        
        #preview-popup table tr td:last-child {
            word-break: break-word;
        }
        
        #preview-popup table th p,
        #preview-popup table td p {
            margin-bottom: 5px;
        }
        
        .pagelist-view.galleryViewInside table.table.listViewInside {
            display: none;
        }
        
        .pagelist-view.listViewInside .widget.box {
            display: none;
        }
        
        .pagelist-view table.listViewInside {
            margin: 0;
            /* min-height: 100px; */
        }
        
        .pagelist-view table.listViewInside table {
            border-left: 2px solid #00787d;
        }
        
        .pagelist-view table.listViewInside table td {
            border-top: none !important;
        }
        
        .pagelist-view table.listViewInside td a.activity-heading {
            margin: 0;
        }
        
        .pagelist-view table.listViewInside td .activity-tools.btn-left {
            min-height: unset;
        }
        
        table.listViewInside td.inner-table {
            border-top: none;
            padding-top: 0;
        }
        
        .pagelist-view .col-lg-3.col-sm-6,
        .col-lg-3.col-sm-6.mainActivitiesLearning.galleryViewInside {
            max-width: 25%;
            flex: 0 0 25%;
        }
        
        .pagelist-view.listViewInside .col-lg-3.col-sm-6 {
            max-width: 100%;
            flex: 0 0 100%;
        }
        
        .pagelist-view span {
            max-width: 100%;
            flex: 0 0 100%;
            margin: 0;
            width: 100%;
            display: table;
        }
        
        .modal-header span.close {
            display: block;
            width: auto;
            flex: 0 0 auto;
        }
        
        .dropdown-container.modal {
            height: auto;
            left: 0;
            right: 0;
            margin: 0 auto;
        }
        
        .pagelist-view small.block span {
            display: inline-table;
            width: auto;
        }
        
        table.listViewInside small.extended-info.block span.pipe {
            display: initial;
            padding: 0 10px !important;
        }
        
        .pagelist-view table.listViewInside .expandable {
            font-size: 12px;
            line-height: 20px;
            color: #595959;
            width: unset;
        }
        
        .pagelist-view table.listViewInside .expandtext {
            font-size: 12px;
            line-height: 20px;
            color: #595959;
        }
        
        small.tags.block {
            display: flex;
            align-items: center;
            width: auto;
            float: left;
            font-size: 85%;
        }
        
        table.listViewInside small.extended-info.block span.tag {
            display: block;
            background-color: #eeeeee !important;
            padding: 0px 7px !important;
            color: #595959 !important;
            margin-left: 3px;
            max-width: max-content
        }
        
        .pagelist-view span:nth-child(1n+2) table thead {
            /* display: none; */
            visibility: hidden;
        }

        .pagelist-view span:nth-child(1n+2) table thead th {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            line-height: 0 !important;
        }
        
        .pagelist-view.listViewInside table {
            margin: 0;
        }
        
        .pagelist-view.listViewInside .activities {
            width: 120px;
            height: 100%;
            margin: 0;
        }
        
        .databox {
            display: inline-block;
            width: 100%;
        }
        
        .catalogue .expandable {
            display: none;
        }

        .btn-active{
            background: #F6FFED !important;
            color: #52C41A;
            border: 1px solid #B7EB8F;
        }

        .btn-inactive{
            background: #FFF1F0 !important;
            color: #F5222D;
            border: 1px solid #FFA39E;
        }

        .btn-new{
            background: #FFFBE6 !important;
            color: #FAAD14;
            border: 1px solid #FFE58F;
        }
  
        .btn-primary {
            background: #00787d !important;
            border: solid 1px #00787d;
            border-radius: 4px;
            font-family: Graphik-Regular;
            font-style: normal;
            font-size: 14px;
            line-height: 22px;
            text-align: center;
        }
        
        .btn-primary:hover {
            background: #25a7aa !important;
            border: solid 1px #25a7aa;
        }
        
        .btn {
            border-radius: 100px !important;
        }
        
        .btn-outline-primary {
            color: #ffffff;
            background-color: #00787d;
            background-image: none;
            border-radius: 100px!important;
            border: 1px #197f83!important;
            line-height: 24px;
        }
        
        .pagetitle {
            background: #fff;
            padding: 20px 20px;
            color: #323250;
            margin: -40px -20px 20px;
        }
        
        .main.flip .pagetitle {
            margin: -20px -55px 20px -55px;
            padding: 20px 55px 20px 55px;
        }
        
        .pagetitle .breadcrumb {
            font-family: Nunito;
            font-style: normal;
            font-weight: bold;
            font-size: 30px;
            line-height: 41px;
            letter-spacing: 0.02em;
        }
        
        .pagetitle p {
            font-family: Graphik-Regular;
            font-size: 12px;
            line-height: 20px;
            color: #595959;
            margin-bottom: 0;
        }
        
        .active-tab-content.clearfix.page-related-all,
        .active-tab-content.clearfix.page-catalogue {
            border: none;
            background: transparent;
            padding: 0;
        }
        
        .active-tab-content.page-my-learning {
            border: none;
            background: transparent;
            padding: 0;
        }
        
        .active-tab-content.page-my-learning ul.alert.alert-info {
            margin: 0;
        }
        
        .widget.box {
            padding: 20px 30px;
            background: #fff;
            border: 1px solid #e6e6e6;
            border-radius: 6px
        }
        
        #content-output>span {
            display: flex;
            justify-content: space-around;
        }
        
        #content-output>span .widget.box .catalogue {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;
        }
        
        #content-output .widget.box {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            width: 100%;
        }
        
        .pagelist-view.galleryViewInside {
            width: auto;
            height: 100% !important;
        }
        
        .pagelist-view.listViewInside {
            width: auto;
            height: 100% !important
        }
        
        .pagination.summary,
        .item-count {
            font-family: Graphik-Regular;
            font-size: 13px;
            line-height: 20px;
            color: #323250;
            background: transparent;
            border: none;
            padding: 0;
            margin-top: 15px;
            margin-left: 15px;
        }
        
        #managescores .item-count {
            margin-left: 0;
            margin-right: 20px;
        }

        .view.modechange {
            margin: 0;
            display: flex;
        }
        
        .view.modechange span.listView,
        .view.modechange span.galleryView {
            margin-left: 14px !important;
            cursor: pointer;
            line-height: 22px;
        }
        
        .view.modechange span {
            color: #595959;
            border: 1px solid #D9D9D9;
            background: #fff;
            border-radius: 2px;
            font-size: 13px !important;
            padding: 4px 8.5px !important;
            margin: 0 !important;
        }
        /*.view.modechange span.listViewSelected {color:#fff !important; border:#519fe8 solid 1px; background:#519fe8 !important;}*/
        
        .view.modechange span.listViewSelected {
            color: #fff !important;
            border: #00787d solid 1px;
            background: #00787d !important;
        }
        
        .view.modechange span.galleryViewSelected {
            color: #fff !important;
            border: #00787d solid 1px;
            background: #00787d !important;
        }
        
        input.js-search-input {
            background: #fff;
            box-sizing: border-box;
            line-height: 25px;
            height: 31px;
            padding: 5px 10px 5px 35px;
            width: 256px;
            border: 1px solid #e1e1e1;
            border-radius: 100px;
            font-size: 14px;
        }
        
        input.js-search-input::placeholder {
            font-family: Graphik-Regular;
            font-style: normal;
            font-weight: normal;
            font-size: 14px;
            line-height: 22px;
            color: #BFBFBF;
        }
        /*.tootlebar_filter .search-submit.search-button {padding:5px 20px 5px 20px; cursor:pointer; color:#fff; background:#00787D;  margin-left: 10px; border-radius: 100px}*/
        
        .table-toolbar .tootlebar_filter .pull-left .form-search {
            margin-left: 0;
        }
        
        .table-toolbar .tootlebar_filter .pull-right {
            display: flex;
            align-items: center;
            width: 100%;
            flex-direction: row;
        }
        
        .table-toolbar .tootlebar_filter .pull-right a.btn.btn-primary {
            margin-right: 15px;
        }
        
        .pagelist-view table.listViewInside td {
            /* min-width: 205px; */
            word-break: break-word;
        }
        /*.mylearningcontainer table.listViewInside tr .learn-tools {display:block;}*/
        /* .mylearningcontainer .learn-tools .btn.btn-small:nth-child(2n+1) {background:#0071f3; color:#fff;}*/
        
        .table-toolbar {
            display: inline-block;
            width: 100%;
            margin: 10px 0px 30px 0px;
            background: #f2f2f2;
            padding: 10px 20px 10px 20px;
            border: 1px solid #eaeaea;
            border-radius: 6px;
        }
        
        .table-toolbar .tootlebar_filter div.btn .sortby-text {
            font-family: Graphik-Regular;
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 14px;
            letter-spacing: 0.05em;
            /* color: #323250C47; */
            opacity: 0.7;
        }
        
        .table-toolbar .pagination.summary {
            float: left;
            margin: 15px 20px 0 0;
        }

        .table-toolbar .pagination-no-margin .pagination.summary {
            float: left;
            margin: 0px 20px 0px 0px !important;
        }
        
        .table-toolbar .pagination.pagination-control {
            float: left;
            margin: 6px 0 6px 50px;
        }
        
        .table-toolbar .tootlebar_filter .input-group-btn button {
            background: transparent;
            border: none;
            height: 30px;
            position: absolute;
            padding: 0;
            padding-left: 14px;
        }
        
        .tootlebar_filter {
            display: flex;
            align-items: center;
        }
        
        .table-toolbar .tootlebar_filter .form-search {
            margin: 0 0 0 16px;
        }
        
        .table-toolbar .tootlebar_filter div.btn {
            background: transparent;
            border: none;
        }
        
        .table-toolbar .tootlebar_filter div.btn .caret {
            display: none;
        }
        
        .btn-group.sortby .btn {
            border: 1px solid #e1e1e1;
            border-radius: 2px;
            background: #fff;
            padding: 4px 10px;
            width: 150px;
            text-align: left;
        }
        
        .btn-group.sortby .btn span.sortby-text {
            text-align: left;
            color: #595959;
            font-size: 14px;
            line-height: 22px;
        }
        
        .btn-group.sortby .dropdown-toggle::after,
        .filterBy .fdropdown-toggle::after {
            float: right;
            text-align: right;
            color: #5e5e5e;
            content: '\f078';
            font: normal normal normal 10px/2 FontAwesome;
            border-top: 0;
        }
        
        .centeralign td {
            vertical-align: middle;
        }
        
        table.table.listViewInside.centeralign td {
            padding-left: 0;
            padding-right: 0;
        }
        
        .main .grid-content {
            margin-top: 20px;
        }
        
        .main .row-fluid {
            margin-top: 0px;
        }
        
        .main .active-tab-content h3 {
            color: #00787d;
            font-family: Graphik-Regular;
            font-style: normal;
            font-weight: 500;
            margin: 10px 0;
            font-size: 14px;
            line-height: 22px;
        }
        
        .main .active-tab-content {
            margin-top: 20px;
            padding: 0;
            border: none;
            background: transparent;
        }
        
        .formbox {
            background: #FFFFFF;
            padding: 34px 5px;
            margin-top: 40px;
            margin-bottom: 20px;
        }
        
        .formbox .row-fluid {
            margin: 0;
        }
        
        .formbox legend {
            color: #00787d;
            font-family: Graphik-Medium;
            font-weight: 500;
            font-size: 20px;
            line-height: 28px;
        }
        
        .formbox legend:after {
            border-top: #D9D9D9 solid 1px;
            margin-top: 15px;
        }
        
        label.control-label {
            font-size: 14px;
            line-height: 22px;
            font-family: Graphik-Regular;
            color: #323250;
        }
        .fdropdown-menu label.control-label span {
            font-size: 13px !important;
        }
        /* label.control-label .bullot {
    color: red;
} */
        
        input.input-block-level,
        select.input-block-level,
        textarea.input-block-level {
            border: 1px solid #cdcdcd;
            box-sizing: border-box;
            border-radius: 6px;
            box-shadow: none;
            margin-bottom: 20px;
            visibility: visible !important;
            opacity: 1;
        }
        
        select.input-block-level:disabled {
            color: #a2a2a6;
        }
        
        .bulkupload {
            background: #FFFFFF;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            border-radius: 2px;
            padding: 34px !important;
            margin-bottom: 20px;
        }
        
        .bulkupload legend {
            color: #00787d;
            font-family: Graphik-Regular;
            font-weight: 500;
            font-size: 20px;
            line-height: 28px;
        }
        
        .bulkupload legend:after {
            border-top: #D9D9D9 solid 1px;
            margin-top: 15px;
        }
        
        .formbox .datetimepicker {
            width: 100%;
            position: relative;
        }
        
        .formbox .datetimepicker .add-on {
            height: 30px !important;
            padding: 4px 5px !important;
            position: absolute;
            z-index: 9;
            right: 0;
            background: #fff;
            border: 1px solid #D9D9D9;
            border-left: none;
        }

        input[type="radio"], input[type="checkbox"] {
            margin: -4px 0 0 0px;
        }

        input[type="radio"].update-radio{
            margin-right: 10px;
        }
        label:has(input[type="radio"].update-radio){
            margin-right: 20px;
        }
        
        
        
        .scroll-height-500 .datetimepicker {
            width: 100%;
            position: relative;
        }
        
        .scroll-height-500 .datetimepicker .add-on {
            height: 30px;
            position: absolute;
            right: 0;
            background: transparent;
            border: none;
        }
        
        table.listViewInside small.extended-info.block strong {
            /*margin: 0 5px;*/
        }
        
        table.listViewInside small.extended-info.block strong:first-child {
            margin: 0;
        }
        
        .mylearningCollapse {
            display: flex;
            cursor: pointer;
        }
        
        .mylearningCollapse div {
            color: #595959;
            border: 1px solid #D9D9D9;
            float: right;
            width: 16px;
            height: 16px;
            margin-left: 5px;
            font-size: 14px;
            text-align: center;
            line-height: 16px;
        }
        
        .mylearningCollapse div:before {
            content: '-';
        }
        
        .mylearningCollapse div.out:before {
            content: '+';
        }
        
        .widget.widget-tool h3 {
            color: #00787d;
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
        }
        
        .widget.widget--inverse {
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            border-radius: 2px;
            background: #fff;
        }
        
        .widget.widget--inverse h3.widget-heading {
            color: #00787d;
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
        }
        
        .widget.widget--inverse .widget-content {
            text-align: center;
        }
        
        .widget.widget--inverse .btn {
            background: #00787d;
            border-color: #00787d;
            width: auto !important;
            color: #fff;
            margin: 0 auto;
            display: inline-block;
            text-align: center;
        }
        
        .col-lg-3.span3 {
            margin: 0;
        }
        
        .col-lg-3.span2 {
            margin: 0;
        }
        
        .row.t_vlpg .col-lg-3.span2 {
            display: -webkit-flex;
            display: flex;
            flex-direction: row;
            align-items: stretch;
            margin-bottom: 20px;
        }
        
        .col-lg-3.span3 h3 {
            color: #00787d;
            font-family: Graphik-Regular;
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
        }
        
        article.widget.widget-tool {
            height: auto !important;
            padding: 25px;
        }
        
        article.widget.widget-tool .btn-wide {
            padding: 4px 12px;
        }
        
        .theme-overview {
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            border-radius: 2px;
        }
        
        ul.nav.sidebar-left.nav-list {
            padding: 0;
        }
        
        ul.nav.sidebar-left.nav-list li a {
            margin: 0;
        }
        
        fieldset.accordion-group .accordion-toggle {
            font-weight: normal;
        }
        
        .input-append.gallery span.gallery-browse {
            height: 30px;
            margin-left: 10px;
        }
        
        .options.toggle-select .activity-heading {
            margin: 0;
            padding: 0;
        }
        
        .row.AccessControlView {
            margin-top: 30px;
        }
        
        .boxview.col-lg-3 {
            display: -webkit-flex;
            display: flex;
            flex-direction: row;
            align-items: stretch;
        }
        
        .selectAllBtnContainer .btnSelectAll {
            display: none;
        }
        
        .selectAllBtnContainer .btnDeselectAll {
            display: none !important;
        }
        /* .disapproval .selectAllBtnContainer {
    right: 110px;
} */
        /* .pending .selectAllBtnContainer {
    right: 220px;
} */
        /* .approval .selectAllBtnContainer {
    right: 130px;
} */
        /* .groupdirectory .selectAllBtnContainer {
    right: 335px;
} */
        /* .select-file .selectAllBtnContainer {
    right: 15px;
} */
        
        .table-calendar-events {
            top: 120px;
        }
        
        .learn-tools.btn-left a {
            padding: 0 6px;
        }
        
        .terms-conditions h2 {
            font-family: Graphik-Regular;
            color: #595959;
            line-height: 22px;
            font-size: 16px;
            margin: 0;
        }
        
        .terms-conditions p {
            font-family: Graphik-Regular;
            color: #595959;
            font-size: 14px;
            line-height: 24px;
            margin-bottom: 25px;
        }
        
        table.table.listViewInside select {
            border: 1px solid #D9D9D9;
            border-radius: 2px;
            height: 32px;
            background: url(../img/common/down.png) no-repeat #fff right;
            background-size: 16px 16px;
            background-position: 195px center;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            line-height: 22px;
            padding-right: 10px;
            text-align: center;
        }
        
        .directory table.table.listViewInside select {
            height: auto;
            background: transparent;
        }
        
        span.tool-icon.icon-super-admin {
            background-image: url(../img/roles/super_admin.png);
            background-size: 80px auto;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-platform-admin {
            background-image: url(../img/roles/platform_admin.png);
            background-size: 80px auto;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-company-admin {
            background-image: url(../img/roles/company_admin.png);
            background-size: 80px auto;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-company-analyst {
            background-image: url(../img/roles/company_analyst.png);
            background-size: 80px auto;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-learning-creator {
            background-image: url(../img/roles/leaning_creator.png);
            background-size: 80px auto;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-group-admin {
            background-image: url(../img/roles/group_admin.png);
            background-size: 80px auto;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-learner {
            background-image: url(../img/roles/learner.png);
            background-size: 80px auto;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-guest-role {
            background-image: url(../img/roles/guest_role.png);
            background-size: auto 80px;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-email {
            background-image: url(../img/communication/email.png);
            background-size: 80px auto;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-notifications {
            background-image: url(../img/communication/notification.png);
            background-size: 80px auto;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-company-domain-licence {
            background-image: url(../img/licenses/company_domain.png);
            background-size: 80px auto;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-learning-activity-licence {
            background-image: url(../img/licenses/leaning_activity.png);
            background-size: auto 80px;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-learning-progress-summary {
            background-image: url(../img/report/learning_progress_summary.png);
            background-size: 80px auto;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-learning-progress-details {
            background-image: url(../img/report/learning_progress_details.png);
            background-size: 80px auto;
            background-position: center center !important;
        }

        span.tool-icon.icon-learner-history {
            background-image: url(../img/report/learner_history.png);
            background-size: auto 80px;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-event-progress-summary {
            background-image: url(../img/report/event_progress_summary.png);
            background-size: 80px auto;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-event-progress-details {
            background-image: url(../img/report/event_progress_details.png);
            background-size: 80px auto;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-individual-learning-report {
            background-image: url(../img/report/individual_learning_report.png);
            background-size: auto 80px;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-mylearning-report {
            background-image: url(../img/report/mylearning.png);
            background-size: 80px auto;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-individual-locker {
            background-image: url(../img/report/assessment_summary.png);
            background-size: 80px auto;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-mylocker {
            background-image: url(../img/report/individual_locker.png);
            background-size: auto 80px;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-assessment-summary {
            background-image: url(../img/report/mylocker.png);
            background-size: 80px auto;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-learning-progress-details {
            background-image: url(../img/report/learning_playlist.png);
            background-size: auto 80px;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-add {
            background-image: url(../img/learning_progress_summary/create.png);
            background-size: auto 80px;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-filter {
            background-image: url(../img/learning_progress_summary/learner.png);
            background-size: auto 80px;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-templates {
            background-image: url(../img/learning_progress_summary/template.png);
            background-size: auto 80px;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-mylocker-category {
            background-image: url(../img/mylocker/categories.png);
            background-size: auto 80px;
            background-position: center center !important;
        }
        
        span.tool-icon.icon-mylocker-verification {
            background-image: url(../img/mylocker/verification.png);
            background-size: auto 80px;
            background-position: center center !important;
        }
        
        table.listViewInside i {
            font-size: 20px;
            color: #767676;
            cursor: pointer;
        }
        
        table.listViewInside span.add-on i {
            font-size: 14px;
        }
        
        table.listViewInside i:hover {
            color: #00787d !important;
        }
        
        table.listViewInside span.fas {
            font-size: 20px;
            color: #767676;
            cursor: pointer;
        }
        
        table.listViewInside span.fas:hover {
            color: #00787d !important;
        }
        
        .table tbody tr.success>td {
            background-color: #e6f7ff;
        }
        
        a {
            color: #323250;
        }
        
        .modal-header .close {
            margin: -9px -15px -9px;
            color: #00787d;
            opacity: 1;
            font-size: 23px;
            font-weight: normal;
            font-family: 'Graphik-Medium';
        }
        /* #courseModal .modal-header .maximize {padding: 1rem 1rem; font-size: 23px; margin: -9px -15px -9px; color: #00787d; opacity: 1; font-weight: normal; font-family: 'Graphik-Medium'; background: transparent; border: 0; -webkit-appearance: none;}
#courseModal .modal-header .minimize {padding: 1rem 1rem; margin: -5px -15px -9px; font-size: 18px; color: #00787d; opacity: 1; font-weight: normal; font-family: 'Graphik-Medium'; background: transparent; border: 0; -webkit-appearance: none;}
#courseModal.modal .modal-header { justify-content: end;} */
        
        #gallery-popup .modal-body {
            height: 81vh;
        }
        
        .dropdown-container .close {
            margin: 4px 0 0 0;
            padding: 7px !important;
            font-size: 22px !important;
        }
        
        .dropdown-container .modal-footer .btn {
            max-width: fit-content;
            padding: 4px 12px !important;
            display: block;
            
        }
        .preview-modal.dropdown-container .modal-footer a:first-of-type,
        .dropdown-container .modal-footer .btn.activation-item,
        .dropdown-container .modal-footer .btn.enrol-activity{
            background-color: #f5871f!important;
        }
        .preview-modal.dropdown-container .modal-footer a:first-of-type:hover,
        .dropdown-container .modal-footer .btn.activation-item:hover,
        .dropdown-container .modal-footer .btn.enrol-activity:hover{
            background-color: #48c1c4 !important;
        }
        .dropdown-container.modal .modal-header h3,.dropdown-container.modal .modal-header .close {
            color: #00787d;
            font-family: 'Graphik-Medium';
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 22px;
        }
        .dropdown-container.modal .modal-body{
            color: #000;
        }
        .modalpopup {
            padding: 0 !important;
            border-radius: 6px !important;
        }
        
        .modalpopup .modal-header {
            padding: 9px 15px !important;
            border-bottom: 1px solid #eee !important;
        }
        
        .modalpopup h3 {
            margin: 10px 0 !important;
            float: left;
            display: inline-block;
            color: #00787d;
            font-family: Graphik-Medium;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 22px !important;
            text-align: left;
            width: 100%;
        }
        
        .modalpopup .modal-body {
            padding: 15px !important;
        }    
        
        .tootlebar_filter .search-submit.search-button:focus,
        .tootlebar_filter .search-submit.search-button:active {
            outline: none;
            box-shadow: none;
        }
        
        .learn-tools .btn.btn-small:focus,
        .learn-tools .btn.btn-small:active {
            outline: none;
            box-shadow: none;
        }
        
        .activity-tools .btn.btn-small:focus,
        .activity-tools .btn.btn-small:active {
            outline: none;
            box-shadow: none;
            border: 1px solid #00787D!important;
        }
        /*padding-left: 10px !important; padding-right: 10px !important;*/
        
        .btn.action-btn {
            padding: 0 !important;
            height: auto;
            width: 25px;
            text-align: center;
        }
        
        .btn.action-btn:first-child {
            margin-left: 0 !important;
        }
        
        .contentcenter td {
            vertical-align: middle;
        }
        
        .contentcenter a.activity-heading {
            margin: 0 !important;
        }
        
        .activity-tools.btn-left .btn.action-btn {
            margin: 0 6px;
            height: auto;
            width: 25px;
            text-align: center;
        }
        
        .widget.box .learn-tools a.btn {
            margin: 0 0 0 7px !important;
        }
        
        .btn:focus,
        .btn:active {
            outline: none;
            box-shadow: none;
        }
        
        button.header-menu.visible-phone.hidden-desktop.hidden-tablet {
            display: none;
        }
        
        button.header-profile.visible-phone.hidden-desktop.hidden-tablet {
            display: none;
        }
        
        .modal-header .close:focus,
        .modal-header .close:active {
            outline: none;
            box-shadow: none;
        }
        
        #gallery-popup {
            background: #F9F9F9;
            border: 1px solid #D9D9D9;
            border-radius: 5px;
        }
        
        #gallery-popup .modal-header,
        #gallery-popup .modal-footer {
            background: #fff;
        }
        
        .gallery.folder .widget {
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15) !important;
            border-radius: 0 !important;
            padding: 0;
            margin-bottom: 25px;
        }
        
        .gallery-image {
            margin: 0;
        }
        
        .gallery-info {
            border-radius: 0;
            padding: 16px;
            background: #fff;
            color: #595959;
            font-size: 12px;
            line-height: 20px;
        }
        
        .gallery-info span.block {
            margin-bottom: 4px;
        }
        
        h3.gallerytitle {
            color: #262626;
            font-family: Graphik-Regular;
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 22px;
            margin-bottom: 20px;
        }
        
        .gallery-image img {
            margin: 0;
            width: 100%;
        }
        
        .gallery {
            position: relative;
        }
        
        .gallery #progress {
            position: absolute;
            left: 120px;
            right: 15px;
            background: #DCE0E6;
            bottom: 10px;
        }
        
        .gallery #progress #bar {
            background: #00787d !important;
            height: 8px;
        }
        
        .gallery #percent {
            text-align: right;
            background: #fff;
        }
        
        .modal-large {
            width: 80%;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

        input#background-image,
        input#foreground-image,
        input#product-icon,
        input#file-upload {
            min-height: 60px;
            border: none;
            padding-left: 30px;
        }
        input#background-image::-webkit-file-upload-button,
        input#foreground-image::-webkit-file-upload-button,
        input#product-icon::-webkit-file-upload-button,
        input#file-upload::-webkit-file-upload-button {
            visibility: hidden;
            padding: 0;
        }
        input#background-image::before,
        input#foreground-image::before,
        input#product-icon::before,
        input#file-upload::before {
            content: 'Choose File';
            display: inline-block;
            outline: none;
            white-space: nowrap;
            cursor: pointer;
            font-size: 12px;
            line-height: 20px;
            color: #00787d;
            border: 1px solid #D9D9D9;
            padding: 8px 16px;
            margin-left: -30px;
        }
        input#background-image:focus,
        input#background-image:active,
        input#foreground-image:focus,
        input#foreground-image:active,
        input#product-icon:focus,
        input#product-icon:active,
        input#file-upload:focus,
        input#file-upload:active {
            outline: none;
            box-shadow: none;
        }
        
        input#profile-photo {
            min-height: 38px;
            border: none;
            padding-left: 30px;
        }
        
        input#profile-photo::-webkit-file-upload-button {
            visibility: hidden;
            padding: 0;
        }
        
        input#profile-photo::before {
            content: 'Choose File';
            display: inline-block;
            outline: none;
            white-space: nowrap;
            cursor: pointer;
            font-size: 12px;
            line-height: 20px;
            color: #00787d;
            border: 1px solid #D9D9D9;
            padding: 8px 16px;
            margin-left: -30px;
        }
        
        input#profile-photo:focus,
        input#profile-photo:active {
            outline: none;
            box-shadow: none;
        }
        
        .row-fluid.affliate-brands {
            margin: 0;
        }
        
        .options {
            max-height: initial;
            overflow-y: hidden;
            margin-bottom: 20px;
        }
        
        .collapse:not(.show) {
            display: block;
        }
        
        .boxview.col-lg-3 .widget {
            width: 100%;
        }
        
        .pace .pace-progress {
            background: #00787d !important;
        }
        
        article.widget.widget-tool p.description {
            margin: 0;
            padding: 10px 0;
        }
        
        article.widget.widget-tool {
            margin-bottom: 20px;
        }
        
        .pagelist-view {
            overflow: auto;
            margin-bottom: 20px;
        }
        
        .body-container.mainlogin.logincheck main.main {
            top: 65px;
            background: none;
        }
        
        .visible-desktop {
            display: block;
        }
        
        .visible-phone {
            display: none;
        }
        
        #page-content .nav-tabs li {
            display: block !important;
            margin:0px 3px;
        }
        
        #page-content .nav-tabs li.active {
            background-color: #fff;
        }
        
        .active-tab-content.page-my-learning span.mylearningcontainer {
            padding: 0 !important;
        }
        
        .row12.visible-phone.hidden-desktop.hidden-tablet {
            display: none !important;
        }
        
        .pagination {
            margin: 20px 0;
        }
        
        .visible-phone.mylearningtab .table-toolbar {
            float: left;
            padding-left: 15px;
        }
        
        .visible-phone.mylearningtab .btn-group.sortby {
            width: 100%;
            margin-left: 0;
        }
        
        .visible-phone.mylearningtab .btn-group.sortby .btn {
            width: 100%;
        }
        
        .visible-phone.mylearningtab .tootlebar_filter.d-block .pull-left {
            float: none !important;
        }
        
        .visible-phone.mylearningtab .table-toolbar:last-child {
            width: 100%;
            margin: 0 -10px;
            padding-left: 0;
        }
        
        .tab_mobile_dropdown {
            display: none;
        }
        
        .tab_mobile_dropdown span.caret {
            display: none;
        }
        
        .tab_mobile_dropdown .dropdown-toggle::after {
            float: right;
            margin-top: 5px;
        }
        
        .tab_mobile_dropdown button.btn.btn-primary.dropdown-toggle {
            width: 100%;
            text-align: left;
            background: #fff !important;
            color: #595959;
            border: 1px solid #D9D9D9 !important;
            height: 30px;
            font-size: 13px;
            line-height: 16px;
        }
        
        td.groupAdmins span {
            width: 220px;
        }
        
        .dropdown.tab_mobile_dropdown a {
            background: transparent;
            color: #323250;
        }
        
        .scroll-height-500.scroll-vertical.toggle-select td {
            vertical-align: middle;
        }
        
        .scroll-height-500.scroll-vertical.toggle-select td label {
            margin: 0;
        }
        /*.row.togglelogoset {width:calc(100% - 200px);}
.row.togglelogoset.flip {width:calc(100% - 52px); float:right;}*/
        /* .body-container .shortlogoo{
    display: none;
} */
        
        .body-container .mobileMenu {
            display: none;
        }
        /* .navbar.navbar-mobile.js-mobile-nav.is-expanded{
    width: 100%;
    z-index: 1;
    box-shadow: 8px 0 8px -6px rgb(0 0 0 / 15%);
} */
        /* .js-mobile-nav .mobileLogo img{
    display: none;
} */
        
        .mainlogo .logo {
            display: block;
        }
        
        .body-container .main-menu.fliph {
            display: block;
        }
        
        .navbar-mobile {
            display: none;
        }
        /* .shortlogo {
            display: none;
        } */
        
        .modal.modal-dialog .modal-header h5 {
            padding: 10px 0;
        }
        
        .modal.modalpopup .crossIcon {
            border: 0;
            background: none !important;
            border-radius: 0;
            right: 16px !important;
            top: 5px !important;
        }
        
        .modal.modalpopup .crossIcon:hover {
            color: #00787d !important;
            opacity: 1;
        }
        
        .widget.siteStatistics .user-site-statistics {
            margin: 0;
        }
        
        .statistic-tile,
        .widget.siteStatistics {
            padding: 0px;
        }
        
        
        
        .statistic-tile .user-learning-statistics .statistic-tile {
            padding: 24px 10px !important;
        }
        
        .statistic-tile .user-learning-statistics .statistic-tile .count {
            font-size: 24px;
        }
        
        .statistic-tile .user-learning-statistics .statistic-tile .title {
            font-size: 12px;
            padding: 0 !important;
        }
        
        .consultationWrap {
            padding: 0;
            display: flex;
            flex-direction: column;
        }


        .consultationWrap .user-site-statistics.group-site-statistics {
            display: flex;
            align-items: start !important;
            flex-direction: row;
        }
        .consultationWrap .user-site-statistics.group-site-statistics .span3 .title{
           font-size: 15px;
        }
        .consultationWrap .user-site-statistics.group-site-statistics .span3.box {
           padding: 25px !important;
        }

        .consultationWrap .user-site-statistics {
            display: flex;
            align-items: center;
            flex-direction: row;
        }

        .consultationWrap .group-site-statistics .user-site-statistics {
            display: flex;
            flex-direction: row;
            margin-top: 10px;
            padding-left: 0px;
            padding-right: 0px;
            align-items: center;
        }


        .consultationWrap .user-site-statistics .col-lg-3,
        .consultationWrap .user-site-statistics .col-sm-4 {
            display: flex;
            flex-direction: column-reverse;
            align-items: center;
            justify-content: space-evenly;
            border: solid 1px #78c6c8;
            border-radius: 5px;
            padding: 6px 5px;
            margin-right: auto;
        }
        .consultationWrap .user-site-statistics .col-sm-4 {
            flex: 0 0 31%;
            padding:0 5px !important;
        }
        .consultationWrap .user-site-statistics .col-lg-3 {
            flex: 0 0 20%;
            padding:0 5px !important;
        }


        .consultationWrap .cons-hours .span3:first-child {
            padding: 6px 0;
            margin-left: 0;
        }

        .widget.siteStatistics .user-site-statistics .span4 a {
            padding: 18px 0;
        }
        
        .widget.siteStatistics .user-site-statistics .span4 a .count {
            font-size: 22px;
        }
        
        .widget.siteStatistics .user-site-statistics .span4 a .title {
            font-size: 12px;
            padding: 0 !important;
        }
        
        .consultationWrap .user-site-statistics .span3:hover {
            background-color: #9fdfe057;
        }
        
        /* .consultationWrap .utilisedhrs:hover {
            background-color: #fffbe6 !important;
        } */
        .consultationWrap .utilisedhrs {
            border: none !important;
            background-color: #fefbf4;
        }
        /* .consultationWrap .remaininghrs:hover {
            background-color: #e3f7f7 !important;
        } */
        .consultationWrap .remaininghrs {
            border: none !important;
            background-color: #f3f9fa;
        }

        /* .consultationWrap .totalhrs:hover {
            background-color: #efefef !important;
        } */
        .consultationWrap .totalhrs {
            border: none !important;
            background-color: #f8f8f8;
        }
        .consultationWrap .totalhrs,.consultationWrap .remaininghrs,.consultationWrap .utilisedhrs{
            height: 140px;
        }
        .consultationWrap .user-site-statistics .span3 .title , .consultationWrap .user-site-statistics .span2 .title {
            font-size: 9px;
            line-height: 10px;
            padding-top: 3px !important;
            padding-bottom: 0 !important;
        }
        
        .consultationWrap .user-site-statistics .span3 .count {

            font-size: 18px;
            line-height: 22px;
            padding: 0 !important;
        }

        .consultationWrap .user-site-statistics .span3 a {
            display: flex;
            flex-direction: column-reverse;
            justify-content: space-evenly;
            height: 100%;
            padding: 0px;

        }
        .consultationWrap .user-site-statistics .span2 .count {
            font-size: 20px;
            line-height: 22px;
        }

        .consultationWrap .user-site-statistics .span3 .title {
            color: #323250 !important;
            text-align: left !important;
            font-size: 12px;
            line-height: 16px;
            border: 0;
            padding: 0;
        }
        
        .consultationWrap .user-site-statistics .span3:last-child:hover,      .consultationWrap .user-site-statistics .span3:nth-child(3):hover {
            background-color: white;
        }

        .consultationHeading {
            align-items: normal !important;
            font-size: 18px;
            color: #0d7679;

        }
        .consultationChartHolder {
            border: none !important;

        }
        .body-container header .site-login {
            top: 0;
            position: unset;
            text-align: right;
            display: flex;
            width: 100%;
            height: 100%;
            flex-direction: row;
            justify-content: flex-end;
            padding-right: 0;
        }
        
        .site-login #top-nav {
            display: flex;
            align-items: center;
        }
        
        .site-login #top-nav .top-nav-ul {
            position: unset;
            margin-right: 30px !important;
        }
        
        .site-login .user-profile {
            position: relative;
        }
        .site-login .notification-bell {
            position: relative;
            width: auto;
            display: flex;
            align-items: end;
            margin-bottom: 6px;
            padding: 7px 0px !important;
        }
        #dashboard section.user-site-statistics.group-site-statistics{
            background-color: #fff;
            padding: 0 43px;
            margin-bottom: 25px;
            border-radius: 15px;
        }
        #dashboard section.cons-hours{
            background-color: #fff;
        }
        #dashboard section.user-site-statistics.group-site-statistics .last-update{
            /*position: absolute;*/
            /*top: 145px;*/
        }
        .btn-con{
            display: flex !important;
            align-items: center;
        }
        /* #dashboard .row-fluid .span12 .last-update {
            font-size: 9px;
            text-align: right;
            position: absolute;
            line-height: 10px;
            padding: 0 !important;
            margin: 0 !important;
            right: 15px;
            top: 45px;
        } */

        #dashboard .row-fluid .span12.groupHours .last-update {
            font-size: 12px;
            text-align: right;
            position: absolute;
            line-height: 12px;
            padding: 0 !important;
            margin: 0 !important;
            right: 15px;
            top: 45px;
        }

        #dashboard .row-fluid .span12.groupHours .last-update:last-child {
            top: 65px;
        }

        #dashboard .row-fluid .span12 .last-update:last-child {
            top: 55px;
        }

        .groupStatistics .count {
            font-size: 20px;
            color: #0d7679;
            padding-right: 20px;
        }

        .cons-hours .button-box {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            gap: 15px;
            flex-direction: column;
        }
        #dashboard .cons-hours .button-box .btn{
            float: right;
            /* margin: 0px 10px; */
            display: flex;
            color: #00787d !important;
            justify-content: center;
            align-items: center;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
            height: 45px;
            font-size: 14px;
        }
        #dashboard .cons-hours .button-box .btn:hover{
            color: #fff !important;
        }
        .modal h1 {
            margin: 0 !important;
        }
        
        #preview-popup table.table td.title {
            width: 30%;
        }
        
        .under_construction {
            display: none;
        }
        
        #learner .main-login .info {
            text-align: center;
        }
        
        #learner .main-login .btn-login {
            text-align: center !important;
            display: block;
        }
        
        #login .text-center.register a:focus,
        #login .checkforgot a:focus {
            color: #48c2c5!important;
        }
        
        #content-output input {
            margin: 0;
        }
        
        #content-output .checkboxTd {
            min-width: auto !important;
            width: 25px !important;
        }
        
        .table-toolbar .download-csv {
            float: left;
        }
        
        .main form .forgot-password {
            margin: 0 auto !important;
            float: unset;
        }
        
        .site-login .login-dropdown .button--login {
            display: none;
        }
        
        .row {
            margin: 0 -15px !important;
        }
        
        main #dashboard .dTitle {
            width: 100%;
        }

        main #dashboard .dTitle .alert {
            margin: 5px 10px 0px;
        }

        /* .main.flip #dashboard h1 {
            padding: 8px 69px 0;
        } */
        
        main.main #dashboard h1 {
            padding: 20px 34px 0;
        }
        
        #groupDetails .groupTitle {
            display: none;
        }
        
        #groupDetails tbody tr td a {
            font-size: 15px;
            color: #474661;
            font-weight: bold;
        }
        
        .datetimepicker input,
        .datepicker input {
            width: 100%;
        }
        
        .required.suffix {
            color: #e54d07;
        }
        
        .row-fluid.formbox .control-label.checkbox,
        .row-fluid.formbox .control-label.radio {
            position: relative;
            padding-left: 0;
            margin-left: 20px;
        }
        
        .row-fluid.formbox .control-label.checkbox input,
        .row-fluid.formbox .control-label.radio input {
            position: absolute;
            top: 0;
            left: 0;
        }

        .checkbox input[type="checkbox"]{
            margin: 4px 4px 0 -20px !important;
        }
        
        form#forgot-password .image,
        form#login .image {
            width: 50px;
            margin-bottom: 20px;
        }
        
        form#forgot-password fieldset.forgot-password .span12.pull-center {
            margin-left: 0;
            text-align: left;
        }
        
        form#forgot-password .fPasswd-wrap {
            padding: 24px;
        }
        
        form#forgot-password .alert.alert-info .highlight,
        #update-learner .control-label .highlight {
            font-weight: bold;
        }
        
        .mobile-view .table.listViewInside tbody tr.underline {
            border-bottom: #E8E8E8 solid 1px;
        }
        /* .table-toolbar .cBfilter {
    margin-left: 20px !important;
} */
        
        .lrnProgress .activity-tools {
            border: 0 !important;
        }
        
        .AccessControlView h3 small {
            margin-left: 10px;
        }
        
        .grid-content .boxview article.widget,
        .row-fluid.margin-bottom-20 .span3 {
            border: solid 1px #e6e6e6;
            border-radius: 6px;
            box-shadow: 0px 0px 10px 0px rgba(0, 121, 126, 0.1);
        }

        .row-fluid.margin-bottom-20 {
            display: flex;
            flex-direction: row;
        }
        
        .grid-content.row-fluid.margin-bottom-20 {
            display: block;
        }
        
        .row-fluid.margin-bottom-20 .span3 article {
            background: unset;
        }
        
        .thankyou legend {
            padding-bottom: 0;
        }
        
        .thankyou .body-2 {
            color: #323250;
            display: block;
            margin-bottom: 5px;
        }
        
        .thankyou .body-2:first-child {
            margin-bottom: 20px;
        }
        
        .thankyou .body-2:last-child {
            font-weight: bold;
            color: #323250;
        }
        
        .thankyou .lButton {
            padding: 4px 12px;
        }
        
        .active-tab-content .webinarFace {
            padding: 16px;
            font-size: 20px;
            font-family: 'Graphik-Medium';
            color: #323250;
            line-height: 22px;
        }
        
        #navMenu .navbar-navigation .h_desktop {
            display: none;
        }
        
        ul.alert.alert-error {
            position: relative;
        }
        
        ul.alert li button.close {
            position: absolute !important;
            top: 8px !important;
            right: 10px !important;
        }
        
        .formbox .select-file .selectAllBtnContainer {
            bottom: 15px;
        }
        
        .table-toolbar .tootlebar_filter {
            margin-top: 10px;
            /* width: 100%; */
        }
        
        .margin-left-20,
        .download-csv,
        .table-toolbar .btn-primary {
            margin-top: 11px;
            margin-right: 15px;
            margin-left: 15px;
        }
        
        .activity-detail.row-fluid.activity.catalogue img {
            margin-bottom: 10px;
        }
        
        .activity-detail.row-fluid.activity.catalogue tr td:first-child {
            font-size: 15px;
        }
        
        .activity-detail.row-fluid.activity.catalogue .btn.btn-small.btn-primary {
            padding: 4px 18px;
        }
        
        #preview-popup .modal-header .close {
            margin-top: 5px;
        }
        .preview-modal .modal-header {
            display: flex !important;
            align-items: center !important;
        }
        .preview-modal .modal-header .close {
            margin: 3px 0 0 0 !important;
        }
        
        .row.formbox .form-wrap {
            width: 100%;
        }
        /* body .page-preloader {
            background: rgba(0, 120, 125, 0.89);
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
        } */
        
        .body-container #myModal .modal-body .courseFrame {
            top: 0px;
            left: 0px;
            bottom: 0px;
            right: 0px;
            width: 100%;
            height: 100%;
            border: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
            z-index: 999999;
        }
        
        .displayNone {
            display: none;
        }
        
        .displayNone {
            display: none !important;
        }
        
        .mainlogo .logo.bLogged {
            display: block;
        }
        
        .mainlogo .shortlogo.bLogged {
            display: none;
        }
        
        .filterBy {
            position: relative;
        }
        
        .filterBy a.btn.fdropdown-toggle {
            padding: 5px 10px;
            width: 150px;
            text-align: left;
            background: #fff !important;
            color: #595959;
        }
        
        .filterBy a.btn.fdropdown-toggle:hover {
            color: #595959 !important;
            border: 1px solid #00787d !important;
        }
        
        .filterBy .fdropdown-menu {
            display: none;
        }
        
        .filterBy ul.fdropdown-menu {
            font-size: 13px;
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 1000;
            display: none;
            /* float: left; */
            min-width: 10rem;
            /*padding: 0.5rem 0;*/
            margin: 0.125rem 0 0;
            font-size: 1rem;
            color: #212529;
            text-align: left;
            list-style: none;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid rgba(0, 0, 0, 0.15);
            border-radius: 0.25rem;
        }
        
        .filterBy .fdropdown-menu li {
            list-style-type: none;
            position: relative;
        }
        
        .filterBy ul.fdropdown-menu li a {
            text-decoration: none;
            display: block;
            padding: 5px 20px;
            clear: both;
            font-weight: normal;
            line-height: 20px;
            color: #333333;
            white-space: nowrap;
            font-size: 13px;
        }
        
        .filterBy ul.fdropdown-menu li a:hover {
            background-image: linear-gradient(to bottom, #48c2c5, #48c2c5) !important;
        }
        
        .filterBy ul.fdropdown-menu li.fdropdown-submenu a::after {
            display: block;
            content: " ";
            float: right;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
            border-width: 5px 0 5px 5px;
            border-left-color: #e8e8e8;
            margin-top: 5px;
            margin-right: -10px;
        }
        
        .filterBy .fdropdown-menu li a:hover {
            /* background-color: #00787d!important; */
            background-image: linear-gradient(to bottom, #48c2c5, #48c2c5) !important;
            color: white;
        }
        
        .filterBy ul.fdropdown-menu li ul.fdropdown-menu {
            top: 0;
            left: 160px;
            margin-top: 0;
        }
        
        .filterBy ul.fdropdown-menu li ul.fdropdown-menu li label {
            display: flex;
            align-items: center;
        }
        
        .filterBy ul.fdropdown-menu li ul.fdropdown-menu li label:hover {
            background-image: linear-gradient(to bottom, #48c2c5, #48c2c5) !important;
            color: white;
        }
        
        #vModal {
            width: 100%;
            height: auto;
            margin: 0;
            max-width: 1200px;
            /*max-height: 100%; */
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        #vModal .modal-dialog {
            max-width: 100%;
            margin: 0;
        }

        #vModal .modal-dialog .modal-header {
            display: unset;
            padding-top: 0;
            padding-bottom: 0;
        }

        #vModal .modal-dialog .modal-header .crossIcon {
            border: none;
            background-color: unset;
        }

        #vModal .modal-dialog .modal-header .crossIcon:hover {
            border: none;
            background-color: transparent !important;
            color: #00787d !important;
        }

        .btn.btn-primary.editable-submit .fa-solid::before,
        .btn.editable-cancel .fa-solid.fa-xmark::before {
            font-weight: 500;
            font-family: 'Font Awesome 5 Pro';
            font-size: 14px;
            -webkit-text-size-adjust: none;
            font-style: normal;
            width: 18px;
            display: inline-block;
        }

        .btn.editable-cancel .fa-solid.fa-xmark::before {
            content: "\f00d";
        }

        .drag-sort-editable-element.draggable.ui-state-default .sort-handle {
            background-image: none;
        }
        div.error div.datetimepicker+ul,
        input.input-error+ul,
        select.input-error+ul,
        textarea.input-error+ul {
            background-color: #f2dede;
            border-color: #e4b9b9;
            color: #323250;
            font-size: 13px !important;
            margin: 10px 0;
            padding: 8px 35px 8px 14px;
            text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
            border-radius: 4px;
            position: relative;
            list-style: none;
        }


        .btn.btn-primary.editable-submit .fa-solid::before,
        .btn.editable-cancel .fa-solid.fa-xmark::before {
            font-weight: 500;
            font-family: 'Font Awesome 5 Pro';
            font-size: 14px;
            -webkit-text-size-adjust: none;
            font-style: normal;
            width: 18px;
            display: inline-block;
        }

        .btn.editable-cancel .fa-solid.fa-xmark::before {
            content: "\f00d";
        }

        .drag-sort-editable-element.draggable.ui-state-default .sort-handle {
            background-image: none;
        }

        #group-learners .learnerActions{
            font-size: 13px;
            color: #999999;
            display: flex;
            align-items: flex-end;
            flex-wrap: wrap;
            margin-bottom: 30px;
            margin-left: 16px;
        }

        #group-learners .learnerActions .action{
            border: none;
            background: transparent;
            color: #595959;
            margin-left: 20px;
            display: flex;
            align-items: center;
            font-size: 14px;
        }

        #group-learners .learnerActions .action:focus{
            outline: none;
        }

        #group-learners .learnerActions .action:hover{
            color: #00787D;
        }

        #group-learners .learnerActions .action::before{
            margin-right: 4px;
            content: "";
            background-repeat: no-repeat;
            display: block;
            width: 18px;
            height: 18px;
        }

        #group-learners .learnerActions .action#active::before{
            background-image: url("../icons/Active-Icon-Default.svg");
        }

        #group-learners .learnerActions .action#active:hover::before{
            background-image: url("../icons/Active-Icon-Hover.svg");
        }

        #group-learners .learnerActions .action#inactive::before{
            background-image: url("../icons/Inctive-Icon-Default.svg");
        }

        #group-learners .learnerActions .action#inactive:hover:before{
            background-image: url("../icons/Inactive-Icon-Hover.svg");
        }

        #group-learners .learnerActions .action#new::before{
            background-image: url("../icons/Add-Icon-Default.svg");
        }

        #group-learners .learnerActions .action#new:hover:before{
            background-image: url("../icons/Add-Icon-Hover.svg");
        }

        #group-learners .learnerActions .action#btn-admin::before{
            background-image: url("../icons/Setting-Icon-Default.svg");
        }

        #group-learners .learnerActions .action#btn-admin:hover:before{
            background-image: url("../icons/Setting-Icon-Hover.svg");
        }

        #group-learners .learnerActions .action#btn-learner::before{
            background-image: url("../icons/Learner-Icon-Default.svg");
        }

        #group-learners .learnerActions .action#btn-learner:hover:before{
            background-image: url("../icons/Learner-Icon-Hover.svg");
        }

        #group-learners .learnerActions .action#btn-remove::before{
            background-image: url("../icons/Remove-Icon-Default.svg");
        }

        #group-learners .learnerActions .action#btn-remove:hover:before{
            background-image: url("../icons/Remove-Icon-Hover.svg");
        }

        #group-learners .learnerActions .selected{
            display: unset;
            width: 100px;
            color: #595959;
        }
        #group-learners .groupdirectory .table th input{
            margin: 0;
        }

        #group-learners .selectAllBtnContainer{
            display: none;
        }

        .feedback-container .close {
            line-height: 11px !important;
        }

        @media screen and (min-width:1440px) and (max-width:3000px) {
            .activities {
                height: auto;
            }
        }
        
        @media only screen and (min-width:1900px) and (max-width:1920px) {
            .body-container.logincheck .row.h-100 .col-sm-12.col-12 {
                max-width: 25%;
                padding: 140px 15px !important;
                position: relative;
                z-index: 999;
            }
            .body-container.logincheck .row.h-100 .col.pr-0.pl-0 {
                position: absolute;
                top: 0;
                right: 0;
            }
            .body-container.logincheck .row.h-100 .col img.img-fluid {
                width: 55%;
            }
        }
        
        @media only screen and (max-width:1300px) {
            .table-toolbar .tootlebar_filter.pull-right {
                /* float: left; */
                display: flex;
                flex-direction: row;
                align-items: center;
                flex-wrap: wrap;
                justify-content: flex-start;
                width: 100%;
            }

            .tootlebar_filter.pull-right .btn-group.sortby:first-child {
                margin-left: 0;
            }
        }
        /*Ipad Pro */
        
        @media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
            .body-container.logincheck .row.h-100 .col-sm-12.col-12 {
                max-width: 30%;
                padding: 0 15px !important;
                position: relative;
                z-index: 999;
            }
            .body-container.logincheck .row.h-100 .col.pr-0.pl-0 {
                position: absolute;
                top: 0;
                right: 0;
            }
            .body-container.logincheck .row.h-100 .col img.img-fluid {
                width: 82%;
            }
        }
        
        @media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
            .body-container.logincheck .row.h-100 .col.pr-0.pl-0 {
                position: relative;
                top: auto;
                right: 0;
            }
            .body-container.logincheck .row.h-100 .col img.img-fluid {
                width: 77%;
                background: #fff
            }
        }
        /*Ipad */
        
        @media all and (device-width:1024px) and (device-height:768px) and (orientation:landscape) {
            .body-container.logincheck .row.h-100 .col-sm-12.col-12 {
                max-width: 33%;
                padding: 0 15px !important;
                position: relative;
                z-index: 999;
            }
            .body-container.logincheck .row.h-100 .col-sm-12.col-12 .row.align-items-center.justify-content-center {
                margin-top: 0 !important;
                padding: 30px !important;
            }
            .body-container.logincheck .row.h-100 .col-sm-12.col-12 .row.align-items-center.justify-content-center h1 {
                font-size: 36px !important;
            }
            .body-container.logincheck .row.h-100 .col.pr-0.pl-0 {
                position: absolute;
                top: 0;
                right: -30px;
            }
            .body-container.logincheck .row.h-100 .col img.img-fluid {
                width: 78%;
            }
        }
        
        @media screen and (min-width:1367px) and (max-width:1920px) {
            .col-lg-4.col-sm-6.mainActivitiesLearning.galleryViewInside {
                max-width: 25%;
            }
            /* .col-lg-3 .learn-tools.theme .btn {
                width: 50%;
            } */
            /* .col-lg-4 .learn-tools.theme .btn {
                width: 50%;
            } */
            .learn-tools.theme .btn {
                padding: 4px 12px !important;
                font-size: 14px !important;
            }
        }
        
        @media screen and (max-width:1199px) {
            section.col-lg-9 {
                float: left;
            }
            section.col-lg-3 {
                float: left;
            }
            .account-profile .row-fluid a {
                width: 100%;
            }
            .site-footer {
                position: relative;
                display: block;
            }
            .col-lg-4.col-sm-6.mainActivitiesLearning {
                max-width: 50%;
            }
            #dashboard .account-profile.widget .col-lg-6:first-child {
                max-width: 34%;
                flex: 0 0 34%;
            }
            #dashboard .account-profile.widget .col-lg-6:last-child {
                max-width: 66%;
                flex: 0 0 66%;
            }
            .account-profile.widget a {
                margin: 0 0 0 8px;
            }
            #dashboard .account-profile.widget a {
                margin: 0 8px 0 0;
            }
            /* #dashboard .col-lg-6 {
        max-width: 100%;
        flex: 0 0 100%;
    } */
            .body-container.logincheck.home main.main .row.h-100 .col-4 .display-1 {
                font-size: 1.7rem !important;
                line-height: 2rem !important;
                padding-top: 40px;
            }
            .body-container.logincheck.home main.main .row.h-100 .col-4 .row {
                margin-top: 0 !important;
                margin-bottom: 0 !important;
                padding-right: 10px !important;
            }
            /*.body-container.logincheck.home main.main .row.h-100 .col-sm-12.col-md-5.col-lg-5.col-12 .display-1 {font-size:1.7rem !important; line-height:2rem !important;}
.body-container.logincheck.home main.main .row.h-100 .col-sm-12.col-md-5.col-lg-5.col-12 .row {margin-top:0 !important; margin-bottom:0 !important; padding-right:10px !important;}*/
            .pagelist-view .col-lg-3.col-sm-6,
            .col-lg-3.col-sm-6.mainActivitiesLearning.galleryViewInside {
                max-width: 33.33%;
                flex: 0 0 33.33%;
            }
        }
        /*@media screen and (min-width:1023px) and (max-width:1250px) {
.body-container.logincheck .row.h-100 .col.pr-0.pl-0 {position:absolute; top:0; right:-30px;}
.body-container.logincheck .row.h-100 .col img.img-fluid {width:78%;}
}*/
        
        @media screen and (max-width:1024px) and (orientation:landscape) {
            #my-learning .pagelist-view .table.listViewInside tr td .expandtext {
                display: none;
            }
        }

        @media screen and (max-width:1064px) {
            .table-toolbar .tootlebar_filter .form-search{
                margin-top: 10px;
                margin-left: 0px;
                width: 100%;
            }
        }
        
        @media screen and (max-width:1024px) {
            .pagelist-view .col-lg-3.col-sm-6,
            .col-lg-3.col-sm-6.mainActivitiesLearning.galleryViewInside {
                max-width: 50%;
                flex: 0 0 50%;
            }
            .related-all-page-list span:nth-child(2n-1) {
                padding-left: 0px !important;
            }
        }
        
        @media screen and (max-width:991px) {
            .account-profile .row-fluid a {
                width: 50%;
            }
            .notification .close {
                top: auto;
            }
            main.main {
                padding: 20px 20px 142px;
            }
            footer.site-footer.container-fluid .col-lg-3 {
                flex: 0 0 25%;
                max-width: 25%;
            }
            footer.site-footer.container-fluid .col-lg-6 {
                flex: 0 0 50%;
                max-width: 50%;
            }
            /*.body-container.logincheck.home main.main .row.h-100 .col-sm-12.col-md-5.col-lg-5.col-12 {max-width:40%;}
.body-container.logincheck.home main.main .row.h-100 .col-sm-12.col-md-5.col-lg-5.col-12 .display-1 {font-size:1.7rem !important; line-height:2rem !important;}
.body-container.logincheck.home main.main .row.h-100 .col-sm-12.col-md-5.col-lg-5.col-12 .row {margin-top:0 !important; margin-bottom:0 !important; padding-right:10px !important;}
.body-container.logincheck.home main.main .row.h-100 .col.pr-0.pl-0 {max-width:60%;}*/
            .tabletShow {
                display: block;
            }
            .tabletHide {
                display: none;
            }
            .filterBy ul.fdropdown-menu li ul.fdropdown-menu li label {
                align-items: flex-start;
            }
        }
        
        @media screen and (max-width:768px) {

            .clear-filter-btn{
                width: 100%;
                margin-bottom: 10px !important;
                line-height: 14px !important;
            }
            .app-header {
                z-index: 1030;
            }
            .body-container.logincheck.home main.main {
                padding-bottom: 144px !important;
                background: #fff;
            }
            .row.togglelogoset {
                left: 0 !important;
            }
            .site-login .login-dropdown .button--login {
                display: block;
                top: 15px;
                left: 20px;
            }
            header.site-header.app-header .row .col-lg-6 {
                max-width: 64px;
                flex: 0 0 auto;
            }
            header.site-header.app-header .row .col-lg-6:last-child {
                max-width: calc(100% - 65px);
                flex: 0 0 auto;
                display: contents;
            }
            .site-header .site-login {
                top: 0;
                padding: 0;
                height: 47px;
                left: auto;
                border: none;
            }
            header.site-header.app-header {
                height: 65px;
                width: 100%;
            }
            .body-container.logincheck nav.navbar {
                width: calc(100% - 450px);
            }
            .body-container.logincheck .row.togglelogoset {
                /* display: contents; */
                text-align: right;
            }
            header.site-header.app-header .col-lg-6.col-sm-6 {
                width: 50%;
                float: left;
                display: block;
            }
            /* nav.navbar.main-menu {
                top: 65px;
            } */
            main.main {
                margin-top: 65px;
                width: 100%;
                /* left: 200px; */
                /* padding-bottom: 164px !important */
            }
            .site-header .site-login .user-profile {
                height: auto;
                top: 14px;
            }
            .site-header .site-login .notification-bell .notification_wrap{
                /*height: auto;*/
                /*top: 14px;*/
                right:1%;
            }
            .site-header .site-login .user-name {
                position: relative;
                /*top: 23px;
                left: auto;
                right: 0;*/
                top: -3px;
                right: -15px;
                width: 50px;
                left: auto;
            }
            .site-header .site-login .user-photo {
                position: relative;
                width: 36px;
                height: 35px;
                float: left;
                top: -10px;
                left: auto;
            }
            .user-profile .user-name {
                color: #fff !important;
                text-align: right !important;
                margin-right: 10px;
            }
            .user-profile .user-name:hover{
                color: #B9D6D6;
            }
            .site-header .site-login .user-name a {
                color: #323250;
            }
            .main .breadcrumb {
                display: block !important;
                line-height: 27px;
            }
            .account-profile {
                display: block;
            }
            nav.navbar.main-menu li a {
                font-size: 14px;
                font-weight: normal;
                border-bottom: none !important;
                padding: 10px 10px 10px 44px !important;
                display: inline-block !important;
                height: auto !important;
            }
            #content-output>span {
                height: auto !important;
            }
            header.site-header.app-header .float-left {
                z-index: 99;
                margin-left: 0 !important;
            }
            .main.flip {
                left: 0;
                width: 100%;
                /* margin-bottom: 125px; */
                padding: 20px;
            }
            .site-footer {
                left: 200px;
                width: 100%;
            }
            .footer-logo-set {
                background-position: center;
            }
            .site-footer a {
                text-align: center;
                width: 100%;
                margin: 5px 0;
            }
            .site-footer.flip a {
                width: unset !important;
            }
            .site-footer.flip {
                left: 0;
                width: 100%;
                padding: 20px 20px;
            }
            main.main h1 {
                text-align: left;
            }
            nav.navbar.main-menu.fliph {
                width: 0;
                box-shadow: none;
            }
            .shortlogo {
                width: 67px;
            }
            header.site-header.app-header .row {
                margin: 0 !important;
            }
            button#nav-tab-mobile {
                display: none !important;
            }
            .nav-tabs-wrapper ul li:last-child {
                border: none;
                background: #fff;
                box-shadow: none;
            }
            .nav-tabs-wrapper {
                margin: 0;
                position: relative;
                background: #fff;
                z-index: 0;
            }
            .togglelogoset.flip .float-left {
                margin-left: 0;
            }
            .row.togglelogoset {
                width: auto;
                left: 200px !important;
                position: unset;
            }
            .row.togglelogoset.flip {
                left: 0 !important;
            }
            .body-container.logincheck main.main {
                left: 0;
                top: 65px;
            }
            button.header-profile.visible-phone.hidden-desktop.hidden-tablet {
                display: none !important;
            }
            .Activities-title .btn.btn-outline-primary {
                line-height: 12px;
            }
            .body-container.mainlogin.logincheck main.main {
                padding-bottom: 240px !important;
            }
            footer.site-footer.container-fluid .col-lg-3 {
                flex: 0 0 50%;
                max-width: 100%;
            }
            footer.site-footer.container-fluid .col-lg-6 {
                flex: 0 0 50%;
                max-width: 100%;
            }
            #dashboard .heading-widget {
                margin-bottom: 20px;
                margin-top: 20px;
            }
            #dashboard .Activities-title .heading-widget {
                margin-bottom: 0;
                margin-top: 0;
                margin-right: 10px;
            }
            .Activities-title h3.heading-widget {
                margin-bottom: 0 !important;
            }
            #dashboard .Activities-title {
                margin-bottom: 14px;
            }
            .active-tab-content.page-my-learning span.mylearningcontainer {
                margin-bottom: -6px;
            }
            nav.navbar.main-menu {
                width: 100%;
            }
            /* .body-container .main-menu.fliph{
    display: none;
}
.mainlogo.flip .logo{
    z-index: 0;
}
.js-mobile-nav .mobileLogo img{
    display: block;
}
.mainlogo .logo{
    display: none;
}
.navbar li:hover > a{
    width: 100%;
    background: transparent;
}

.body-container .mobileMenu{
    display: none;
}
.body-container.menu-open .header-menu{
    left: 0;
}
.body-container.menu-open .menu-toggle.button-left .menu-toggle-close{
    display: block
}
.body-container.menu-open .menu-toggle.button-left .menu-toggle-open{
    display: none
}
.body-container .app-header .button-left .menu-toggle-open{
    display: block
}
.body-container .app-header .button-left .menu-toggle-close{
    display: none
}
.body-container.menu-open .shortlogoo{
    width: 0;
}
.header-menu{
    left: 50px;
    top: 4px;
}
.shortlogoo{
    box-shadow: none !important;
    height: 67px;
    width: 67px;
    text-align: center;
    padding: 12px 0 16px;
}
.js-mobile-nav{
    background-color: #e5f1f2;
    padding: 0;
}
.js-mobile-nav .mobileLogo{
    background-color: #00787D;
    height: 65px;
}
.js-mobile-nav .mobileLogo img{
    height: 60px;
    margin-left: 16px;
}
.js-mobile-nav ul li {
    width: 100%;
    border-top: 1px solid white;
}
.js-mobile-nav ul li.active{
    background-color: white;
}
.js-mobile-nav ul li a{
    color: #00787D !important;
    border-bottom: none !important;
    font-weight: normal !important;
}
.js-mobile-nav ul li a span{
    display: none !important;
}
.pagelist-view .col-lg-3.col-sm-6 {max-widthq:50%; flex:0 0 50%;} */
            .under_construction {
                background-color: white;
                position: fixed;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                z-index: 10001;
                background-image: url("../img/under_construction.png");
                background-position: center;
                background-size: cover;
                display: flex;
                align-items: center;
                display: none;
            }
            .under_construction .info {
                margin: 0 auto;
                text-align: center;
                width: 280px;
            }
            .under_construction .info .img {
                background-image: url("../img/Camms-College-Icon.svg");
                background-repeat: no-repeat;
                background-position: center;
                height: 120px;
                width: 100%;
                margin-bottom: 40px;
            }
            .under_construction .info h1 {
                font-weight: bold;
                font-size: 28px;
                color: #428386;
                line-height: 32px;
                margin-bottom: 30px;
            }
            .under_construction .info p {
                color: #59a3a7;
                font-size: 20px;
                line-height: 24px;
            }
            .navbar.main-menu.flip {
                /* width: 100% !important; */
                display: none !important;
            }
            .navbar.main-menu {
                display: block !important;
            }
            .row.togglelogoset.flip .col-sm-6 {
                width: 50%;
            }
            #profile_arrow .userName {
                display: none;
            }
            /* .logout_section {
        right: 0px;
        top: 51px;
    } */
            /* .logout_section.uProfile {
        top: 90px;
    } */
            /* .logout_section a {
        color: white !important;
    } */
            .row.togglelogoset {
                position: unset !important;
            }
            .row.togglelogoset .col-sm-9 {
                position: unset;
            }
            .togglelogoset .col-sm-3 {
                width: 25%;
                /* padding: 0 !important; */
            }
            .togglelogoset .col-sm-9 {
                width: 75%;
                padding-left: 0 !important;
            }
            .navbar.main-menu.bLogged {
                display: none !important;
            }
            .togglelogoset .sHBtn {
                padding-right: 0;
            }
            /* .row.togglelogoset.bLogged {
        width: calc(100% - 70px) !important;
    } */
            .main.flip form#forgot-password {
                width: auto !important;
                margin-top: 0 !important;
                padding: 15px !important;
            }
           
            .account-profile.widget .pInfo {
                padding-bottom: 15px !important;
                text-align: center !important;
            }
            .account-profile.widget .pInfo p {
                color: #00787D;
            }
            .account-profile.widget .pInfo h2 {
                font-size: 16px;
            }
            .statistic-tile .user-learning-statistics,
            .widget.siteStatistics .user-site-statistics {
                gap: 5px;
            }
            .heading-widget .notfButton {
                background-color: #3d797d !important;
                color: white !important;
                border-color: #3d797d !important;
            }
            /* .row {
        margin: 0 !important;
    } */
            .account-profile.widget .row div:last-child {
                justify-content: center;
            }
            /* .main.flip {
        padding: 8px 0 0;
    } */
            /* .main.flip h1 {
                padding: 8px 55px 0;
            } */
            /* .main.flip #dashboard h1 {
        padding: 8px 70px 0;
    } */
            .row [class*="col-"] .row {
                margin: 0 -15px !important;
            }
            .nav-tabs,
            .nav-tabs li {
                z-index: 1;
                width: auto;
            }
            .nav-tabs li {
                height: 35px;
            }
            /* #content-output {
        width: auto;
    } */
            /* catalogue page */
            .table-toolbar {
                padding: 20px;
            }
            .table-toolbar,
            .table-toolbar .tootlebar_filter,
            .table-toolbar .tootlebar_filter form .input-group {
                display: flex;
                flex-direction: column;
            }
            .table-toolbar .tootlebar_filter .btn-group.sortby,
            .table-toolbar .tootlebar_filter .btn-group.sortby .btn {
                width: 100%;
            }
            .table-toolbar .tootlebar_filter .btn-group.sortby .btn {
                margin-bottom: 8px;
            }
            .table-toolbar .tootlebar_filter form {
                width: 100%;
                margin: 0 !important;
            }
            .table-toolbar .tootlebar_filter form .input-group input {
                margin-bottom: 8px;
                width: 100%;
            }
            .table-toolbar .tootlebar_filter form .input-group .btn.search-button {
                width: 100%;
            }
            .table-toolbar .tootlebar_filter form .input-group .btn.search-button {
                margin: 0;
            }
            /* my learning page */
            .table.listViewInside thead {
                display: none;
            }
            .table.listViewInside tbody,
            .table.listViewInside tbody tr {
                display: flex;
                flex-direction: column;
            }
            .table.listViewInside tbody tr {
                /*border-top: #E8E8E8 solid 1px;*/
                padding: 5px 0 0 0;
            }
            .table.listViewInside tbody tr td {
                border: 0;
                width: 100%;
                padding: 0 0 10px 0;
            }
            .table.listViewInside tbody tr td .title {
                font-size: 18px;
            }
            .table.listViewInside tbody tr td.table-col-checkbox {
                text-align: left !important;
            }
            .nav-tabs li {
                display: block;
            }
            .nav-tabs li.active {
                background-color: unset;
            }
            /* my learning details page */
            .mobile-view .table.listViewInside tbody tr {
                border-top: none;
            }
            .mobile-view .table-row-header .activiti_title,
            .active-tab-content .webinarFace,
            .table.listViewInside .certificate_title {
                color: #438286;
                font-size: 20px;
                font-family: 'Graphik-Medium';
            }
            .active-tab-content .webinarFace {
                padding-left: 0;
            }
            .mobile-view .table.listViewInside tbody tr td table tbody tr,
            .mobile-view .table.listViewInside tbody tr td table tbody tr td {
                background: none;
            }
            .mobile-view .table.listViewInside tbody tr td table tbody tr {
                border-bottom: #E8E8E8 solid 1px;
            }
            /* profile */
            .row-fluid.formbox {
                background: unset !important;
                padding: 0;
            }
            .row-fluid.formbox .mobile-view {
                background: #f5f5f5;
                border-radius: 10px;
                padding-top: 20px;
                padding-bottom: 20px;
                margin-bottom: 20px;
            }
            .formbox legend:after {
                content: none;
            }
            .row-fluid.formbox .btn.btn-primary {
                width: 100%;
            }
            /* group */
            #add-learner-to-group .btn-toolbar #btn-save {
                width: 100%;
            }
            #groupDetails .groupTitle {
                display: block;
                color: #00787d;
                font-family: Graphik-Medium;
                font-weight: 500;
                font-size: 20px;
                line-height: 28px;
                margin-bottom: 10px;
            }
            #groupDetails {
                background-color: unset;
            }
            #groupDetails tr {
                border: 0;
            }
            #groupDetails tr td {
                padding: 15px;
                margin-bottom: 20px;
                background: #f5f5f5;
                border-radius: 10px;
                border-bottom: 0;
            }
            .formbox legend {
                margin-bottom: 20px;
            }
            /* register */
            .main form#register {
                width: 100%;
            }
            #register .formbox {
                background-color: white !important;
            }
            #register .formbox .container {
                width: 100%;
            }
            #register .formbox .container .cboxes {
                margin-top: 20px;
            }
            #register .formbox .container .cboxes legend,
            #register .formbox .container .cboxes p {
                text-align: center;
            }
            #register .formbox .container .cboxes p {
                margin-bottom: 20px;
            }
            #register .formbox .container .agree {
                margin-top: 20px;
            }
            form#register select.input-block-level {
                padding: 8px;
            }
            .user-profile .user-name .profile_arrow {
                display: none;
            }
            .user-name .logout_wrap {
                right: 8px;
                top: 40px;
            }
            .logout_wrap::before {
                right: 18px;
                left: unset;
            }
            /* .main form#forgot-password {
        width: unset !important;
    } */
            form#forgot-password .forgot-password legend,
            form#forgot-password .forgot-password .control-label {
                text-align: center;
            }
            form#forgot-password .forgot-password .pull-right,
            form#login .main-login .checkforgot,
            form#login .main-login .remember-me {
                float: none !important;
                text-align: center;
            }
            form#login .main-login .remember-me label.checkbox {
                display: inline-block;
                padding: 0px;
            }
            form#forgot-password .forgot-password .span12.pull-center {
                width: 100%;
                margin-left: 0;
            }
            #btn-forgot-password {
                width: 100%;
            }
            .togglelogoset .site-login #top-nav .top-nav-ul {
                display: none;
            }
            .mobileHide {
                display: none !important;
            }
            .mobileShow {
                display: block !important;
            }
            .mobileShowInline {
                display:inline-block !important;
            }
            table tr td.onlyMobTitle,
            table tr td span.onlyMobTitle {
                font-weight: bold;
                margin-right: 15px;
            }
            .text-right.mobLeft {
                text-align: left !important;
                margin-top: 15px;
            }
            .formbox .datetimepicker .add-on {
                right: 1px;
                top: 4px;
                border: none;
            }
            .mobile-view .table.listViewInside tbody tr.underline {
                border-bottom: 0;
            }
            .mobileFulWidth {
                width: 100%;
            }
            /* #preview-popup .modal-header .close {
        top: -5px;
    } */
            #navMenu .navbar-navigation .h_desktop {
                display: block;
            }
            #dashboard .Activities-title .heading-widget {
                font-size: 20px;
                line-height: 32px;
            }
            #dashboard .Activities-title a.btn-primary {
                line-height: 16px;
            }
            #dashboard .Activities-title {
                padding: 10px 15px 10px 15px !important;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }
            #dashboard .Activities-title .custom-btn.btn-secondary-inverted{
                width: auto !important;
            }
            
            .playlist-content .mobileShow .activity-tools {
                padding: 0px;
            }
            .playlist-content  .mobileShow .activity-tools a{
                margin-top: 10px;
            }
            .playlist-content .table-striped.listViewInside tr td {
                padding-left: 10px;
            }
            .btn-backtoplaylist  {
                margin-top: 10px;
                width: 100%;
            }
            .btn-backtoplaylist:focus  {
                color: #ffffff;
            }

            .table.listViewInside tbody tr td a.btn-primary {
                /* padding: 4px 18px; */
                width: 100%;
            }
            #my-learning .table.listViewInside .activity-tools .btn-primary {
                width: auto;
            }
            .table-toolbar .btn,
            .table-toolbar .tootlebar_filter .sortby,
            .btn.search-button,
            .row-fluid.margin-bottom-20 .span3 {
                margin-left: 0 !important;
            }
            .row-fluid.margin-bottom-20 .span3 {
                width: 100%;
                margin-top: 20px;
            }
            .row-fluid.margin-bottom-20 {
                display: block;
            }
            .table-toolbar .tootlebar_filter .pull-right {
                flex-direction: column;
            }
            .margin-left-20 {
                margin-top: 0;
            }
            .page-related-all #content-output,
            .page-catalogue #content-output {
                width: auto;
            }
            .margin-left-20,
            .download-csv,
            .table-toolbar .btn-primary {
                margin-left: 0;
                margin-right: 0;
            }
            #mainContainer .active-tab-content.clearfix.atc-top-margin .row-fluid .span6 {
                width: 100%;
            }
            .dropdown-container.modal {
                top: 50%;
                transform: translateY(-50%);
            }
            .mobile-view .table.listViewInside tbody tr td .activity-tools.btn-left .btn {
                width: 100%;
                padding: 0.6em 1em !important;
            }
            .lemail i {
                top: 11px;
            }
            .lpassword i {
                top: 11px;
            }
            .landingOnly .lemail i {
                top: 9px;
            }
            .landingOnly .lpassword i {
                top: 9px;
            }
            .formbox .table.listViewInside td.hideMobBorder {
                border-bottom: none;
            }
            .bootstrap-datetimepicker-widget ul li table tr td a.btn {
                font-size: unset;
            }
            .bootstrap-datetimepicker-widget ul li table tr td a.btn i {
                background-image: unset;
            }
            .mobileCheck .mainlogo .logo.flip,
            .mobileCheck .mainlogo .shortlogo.flip,
            .mobileCheck .togglelogoset .menu-toggle .menu-toggle-close,
            .mobileCheck .togglelogoset .menu-toggle.menuToggle .menu-toggle-open {
                display: none !important;
            }
            .mobileCheck .mainlogo .shortlogo.flip.displayNone,
            .mobileCheck .mainlogo .logo.flip.displayNone,
            .mobileCheck .togglelogoset .menu-toggle .menu-toggle-open,
            .mobileCheck .togglelogoset .menu-toggle.menuToggle .menu-toggle-close {
                display: block !important;
            }
            .mobileCheck #navMenu {
                width: 0;
            }
            .mobileCheck #navMenu.fliph {
                width: 100%;
            }
            .mobileCheck nav.navbar.main-menu.fliph li a {
                font-size: unset;
            }
            .mainlogo .logo.bLogged {
                display: none;
            }
            .mainlogo .shortlogo.bLogged {
                display: block;
            }
            nav.navbar.main-menu ul.navbar-navigation {
                top: 65px;
            }

            .filterBy {
                width: 100%;
            }
            .my-learning-directory-new-filter-bar .clear-filter-btn {
                margin: -2px 0px 0px 5px;
            }
            .filterBy a.btn.fdropdown-toggle {
                width: 100%;
                margin-bottom: 8px;
                border: 1px solid #e1e1e1;
                font-size: 14px;
            }

            .filterBy a.btn.fdropdown-toggle.filtered {
                width: 88% !important;
            }
            #dashboard .row-fluid .span12 .last-update {
                position: unset !important;
                margin-bottom: 5px !important;
                text-align: left;
            }


            #dashboard .row-fluid .span12 .last-update:last-child {
                margin-bottom: 0 !important;
            }

            #dashboard .row-fluid .span12.groupHours .last-update:last-child {
                margin-bottom: 0 !important;
            }

            #dashboard .row-fluid .span12.groupHours .last-update {
                position: unset;
                margin-bottom: 8px !important;
                text-align: left;
            }
            #dashboard .cons-hours .button-box .btn {
                float: none;
                margin-bottom: 5px;
            }

            .consultationWrap .user-site-statistics .col-sm-4 {
                width: 30%;
                flex: 0 0 30%;
            }
            #ConsultingHoursChartMobile {
                margin: 10px auto;
            }
            #dashboard section.user-site-statistics.group-site-statistics{
                padding: 20px;
            }
            .btn-con {
                display: flex !important;
                align-items: center;
                flex-direction: column;
                flex-wrap: wrap;
            }
            .mobile-btn{
                float: left;
            }

        }

        @media screen and (max-width:767px) {
            /* .row.togglelogoset {width:100%; left:200px !important; position:absolute;} */
            /* header.site-header.app-header .col-lg-6.col-sm-6{display: none;} */
            /* .table-toolbar .tootlebar_filter {
        margin-top: 0;
        width: 100%;
    } */
            .visible-phone.mylearningtab {
                margin: 20px -10px 0;
            }
            .body-container.logincheck.home main.main {
                padding-bottom: 0 !important;
                margin-top: 64px !important;
                background: #fff;
            }
            .body-container.mainlogin.logincheck main.main {
                padding-bottom: 80px !important;
            }
            .body-container {
                position: relative !important;
                height: auto !important;
                margin-bottom: -20px;
            }
            .body-container.mainlogin.logincheck {
                margin-bottom: -20px;
            }
            /* nav.navbar.main-menu {width:0; box-shadow:none;} */
            /* .mainlogo .logo {display:none !important;} */
            main.main {
                left: 0;
            }
            /* .main.flip {left:200px;} */
            .hidden-phone {
                display: none;
            }
            /* nav.navbar.main-menu.fliph {width:200px; box-shadow:0 -8px 8px 2px rgba(0, 0, 0, 0.15);} */
            /* .button-left.menu-toggle img.menu-toggle-open {display:block!important;} */
            /* .button-left.menu-toggle img.menu-toggle-close {display:block;} */
            /* .button-left.menu-toggle.menuToggle img.menu-toggle-close {display:block;} */
            /* .button-left.menu-toggle.menuToggle img.menu-toggle-open {display:none;} */
            .mainlogo.flip .logo {
                display: block;
                width: 200px !important;
                padding: 15px 10px 15px 10px;
                box-shadow: 8px 0 8px -6px rgba(0, 0, 0, 0.15) !important;
            }
            .row.togglelogoset.flip .user-profile {
                right: 0;
            }
            nav.navbar.main-menu.fliph li a {
                background-position: center;
                font-size: 14px;
                -webkit-text-size-adjust: none;
                padding: 0 15px 0 50px;
                height: 41px;
                align-items: center;
                display: flex;
                border-right: transparent solid 3px;
            }
            nav.navbar.main-menu.fliph li a.menu_mytools_hgroupamg:after {
                content: '\f078';
                font: normal normal normal 8px/2.5 FontAwesome;
                border-top: 0;
                border-right: 0.3em solid transparent;
                border-bottom: 0;
                border-left: 0.3em solid transparent;
                float: right;
                color: #595959;
                margin-top: 0;
                position: absolute;
                right: 10px;
            }
            nav.navbar.main-menu.fliph li a.menu_mytools_hpamg:after {
                content: '\f078';
                font: normal normal normal 8px/2.5 FontAwesome;
                border-top: 0;
                border-right: 0.3em solid transparent;
                border-bottom: 0;
                border-left: 0.3em solid transparent;
                float: right;
                color: #595959;
                margin-top: 0;
                position: absolute;
                right: 10px;
            }
            nav.navbar.main-menu.fliph li a.menu_mytools_hadminmg:after {
                content: '\f078';
                font: normal normal normal 8px/2.5 FontAwesome;
                border-top: 0;
                border-right: 0.3em solid transparent;
                border-bottom: 0;
                border-left: 0.3em solid transparent;
                float: right;
                color: #595959;
                margin-top: 0;
                position: absolute;
                right: 10px;
            }
            nav.navbar.main-menu.fliph li a.menu_mytools_hlmg:after {
                content: '\f078';
                font: normal normal normal 8px/2.5 FontAwesome;
                border-top: 0;
                border-right: 0.3em solid transparent;
                border-bottom: 0;
                border-left: 0.3em solid transparent;
                float: right;
                color: #595959;
                margin-top: 0;
                position: absolute;
                right: 10px;
            }
            nav.navbar.main-menu.fliph li a.menu_system_hadminsg:after {
                content: '\f078';
                font: normal normal normal 8px FontAwesome;
                border-top: 0;
                border-right: 0.3em solid transparent;
                border-bottom: 0;
                border-left: 0.3em solid transparent;
                float: right;
                color: #595959;
                margin-top: 0;
                position: absolute;
                right: 10px;
            }
            nav.navbar.main-menu.fliph li a.menu_learningadmin_hadminlag:after {
                content: '\f078';
                font: normal normal normal 8px FontAwesome;
                border-top: 0;
                border-right: 0.3em solid transparent;
                border-bottom: 0;
                border-left: 0.3em solid transparent;
                float: right;
                color: #595959;
                margin-top: 0;
                position: absolute;
                right: 10px;
            }
            nav.navbar.main-menu.fliph li a.menu_learningadmin_hpalag:after {
                content: '\f078';
                font: normal normal normal 8px FontAwesome;
                border-top: 0;
                border-right: 0.3em solid transparent;
                border-bottom: 0;
                border-left: 0.3em solid transparent;
                float: right;
                color: #595959;
                margin-top: 0;
                position: absolute;
                right: 10px;
            }
            nav.navbar.main-menu.fliph li a.menu_distribution_hadmindg:after {
                content: '\f078';
                font: normal normal normal 8px FontAwesome;
                border-top: 0;
                border-right: 0.3em solid transparent;
                border-bottom: 0;
                border-left: 0.3em solid transparent;
                float: right;
                color: #595959;
                margin-top: 0;
                position: absolute;
                right: 10px;
            }
            nav.navbar.main-menu.fliph li a.menu_distribution_hpadg:after {
                content: '\f078';
                font: normal normal normal 8px FontAwesome;
                border-top: 0;
                border-right: 0.3em solid transparent;
                border-bottom: 0;
                border-left: 0.3em solid transparent;
                float: right;
                color: #595959;
                margin-top: 0;
                position: absolute;
                right: 10px;
            }
            nav.navbar.main-menu.fliph li a.menu_reports_hgrouparg:after {
                content: '\f078';
                font: normal normal normal 8px FontAwesome;
                border-top: 0;
                border-right: 0.3em solid transparent;
                border-bottom: 0;
                border-left: 0.3em solid transparent;
                float: right;
                color: #595959;
                margin-top: 0;
                position: absolute;
                right: 10px;
            }
            nav.navbar.main-menu.fliph li a.menu_reports_hadminrg:after {
                content: '\f078';
                font: normal normal normal 8px FontAwesome;
                border-top: 0;
                border-right: 0.3em solid transparent;
                border-bottom: 0;
                border-left: 0.3em solid transparent;
                float: right;
                color: #595959;
                margin-top: 0;
                position: absolute;
                right: 10px;
            }
            nav.navbar.main-menu.fliph li a.menu_reports_hparg:after {
                content: '\f078';
                font: normal normal normal 8px FontAwesome;
                border-top: 0;
                border-right: 0.3em solid transparent;
                border-bottom: 0;
                border-left: 0.3em solid transparent;
                float: right;
                color: #595959;
                margin-top: 0;
                position: absolute;
                right: 10px;
            }
            nav.navbar.main-menu.fliph li a.menu_reports_hlrg:after {
                content: '\f078';
                font: normal normal normal 8px FontAwesome;
                border-top: 0;
                border-right: 0.3em solid transparent;
                border-bottom: 0;
                border-left: 0.3em solid transparent;
                float: right;
                color: #595959;
                margin-top: 0;
                position: absolute;
                right: 10px;
            }
            nav.navbar.main-menu.fliph li a.menu_centraladmin_hgroupacag:after {
                content: '\f078';
                font: normal normal normal 8px FontAwesome;
                border-top: 0;
                border-right: 0.3em solid transparent;
                border-bottom: 0;
                border-left: 0.3em solid transparent;
                float: right;
                color: #595959;
                margin-top: 0;
                position: absolute;
                right: 10px;
            }
            nav.navbar.main-menu.fliph li a.menu_centraladmin_hadmincag:after {
                content: '\f078';
                font: normal normal normal 8px FontAwesome;
                border-top: 0;
                border-right: 0.3em solid transparent;
                border-bottom: 0;
                border-left: 0.3em solid transparent;
                float: right;
                color: #595959;
                margin-top: 0;
                position: absolute;
                right: 10px;
            }
            nav.navbar.main-menu.fliph li a.menu_centraladmin_hpacag:after {
                content: '\f078';
                font: normal normal normal 8px FontAwesome;
                border-top: 0;
                border-right: 0.3em solid transparent;
                border-bottom: 0;
                border-left: 0.3em solid transparent;
                float: right;
                color: #595959;
                margin-top: 0;
                position: absolute;
                right: 10px;
            }
            nav.navbar.main-menu.fliph li:hover a::after {
                display: none;
            }
            nav.navbar.main-menu.fliph li:hover:after {
                display: none;
            }
            .mainlogo.flip {
                height: 100%;
                float: left;
            }
            /* .site-footer.flip {
        left: 200px;
    } */
            .site-footer {
                left: 0;
            }
            /* .row.togglelogoset {left:0 !important; width:calc(100% - 0px);} */
            /* .row.togglelogoset.flip {left:200px !important; width:calc(100% - 0px);} */
            .row.togglelogoset.flip .float-left {
                background: transparent;
            }
            .body-container.logincheck .row.togglelogoset {
                display: block;
                width: calc(100% - 0px);
            }
            .body-container.logincheck .row.togglelogoset.flip {
                width: calc(100% - 200px);
            }
            .login-dropdown .dropdown-container {
                padding: 12px 51px 32px;
            }
            .body-container.logincheck .row {
                display: block;
            }
            .body-container.logincheck .row.align-items-center.justify-content-center {
                text-align: center;
                /* padding: 0rem 2rem 1rem !important; */
                padding: 0 !important;
                margin: 0 !important;
            }
            .body-container.logincheck main.main h1 {
                text-align: center;
                /* Graphik-Medium !important; */
            }
            .body-container.logincheck .col {
                clear: both;
            }
            .body-container.logincheck .site-header.app-header .togglelogoset .col-lg-6:last-child {
                max-width: calc(100% - 65px);
                /*left:200px; */
                width: 100%;
                display: block !important;
            }
            /*.body-container.logincheck .site-header.app-header .togglelogoset.flip .col-lg-6:last-child {left:0;}*/
            .body-container.logincheck .site-header .togglelogoset.flip .site-login {
                right: 0;
            }
            .body-container.logincheck .site-header .togglelogoset .site-login {
                right: 0;
                padding: 0;
            }
            .body-container.logincheck .logo {
                /* width: 0;
        box-shadow: none; */
                box-shadow: none;
                padding: 14px 10px;
                text-align: left;
            }
            .body-container.logincheck main.main {
                width: calc(100% - 0px);
                /* padding: 0; */
                float: right !important;
                position: relative !important;
                top: 0 !important;
                margin-top: 64px !important;
            }
            /*.body-container.logincheck.home main.main .row.h-100 .col-sm-12.col-md-5.col-lg-5.col-12 {max-width:100%;}
.body-container.logincheck.home main.main .row.h-100 .col.pr-0.pl-0 {max-width:100%;}*/
            .body-container.logincheck .row .col-lg-6:first-child {
                display: block;
            }
            .body-container.logincheck nav.navbar.main-menu.fliph {
                width: 200px;
                box-shadow: 0 -8px 8px 2px rgba(0, 0, 0, 0.15) !important;
            }
            .body-container.logincheck .row.h-100 {
                margin: 0 !important;
            }
            .body-container.logincheck .row.h-100 .col-4 {
                max-width: 100%;
                flex: 0 0 100%;
            }
            .body-container.logincheck .row.h-100 .col-8 {
                max-width: 100%;
                flex: 0 0 100%;
            }
            .body-container.logincheck main.main.flip {
                width: 100%;
                float: right !important;
                left: 0;
            }
            /*.body-container.logincheck.home main.main.flip {padding-bottom:0 !important;}*/
            .body-container.logincheck nav.navbar.main-menu ul.navbar-navigation {
                top: 0;
                width: 100%;
            }
            .body-container.logincheck .site-header.app-header {
                z-index: 99;
                padding: 0 15px 0 0;
            }
            .body-container.logincheck nav.navbar.main-menu {
                width: 0;
                height: 100%;
                top: 63px;
                left: 0;
                box-shadow: none;
            }
            .body-container.logincheck nav.navbar.main-menu li {
                float: none;
                width: 100%;
                margin: 0;
            }
            .body-container.logincheck nav.navbar.main-menu li a {
                padding: 10px 20px !important;
                text-align: left;
            }
            .body-container.logincheck nav.navbar.main-menu li a:hover,
            .body-container.logincheck nav.navbar.main-menu li.active a {
                background-color: transparent !important;
                color: #00787d;
                border-right: #00787d solid 3px;
                border-radius: 0 !important;
                text-align: left;
            }
            .body-container.logincheck nav.navbar li a::before {
                display: block !important;
                float: left;
            }
            .body-container.logincheck .navbar li a.menu_home_h_hguesthomeg {
                padding-left: 25px !important;
            }
            .body-container.logincheck .navbar li a.menu_catalouge_hguestcatalougeg {
                padding-left: 25px !important;
            }
            .body-container.logincheck .navbar li a.menu_contact_h_hguestcontactg {
                padding-left: 25px !important;
            }
            .body-container.logincheck .login-dropdown .button--login {
                display: block;
            }
            .body-container.logincheck .site-footer.flip {
                position: absolute;
                right: 0;
                left: 0 !important;
                bottom: 0;
            }
            .body-container.logincheck .site-footer {
                width: calc(100% - 0px);
                left: 0;
                position: relative;
            }
            .body-container.logincheck nav.navbar li a {
                padding: 10px 15px !important;
            }
            .body-container.logincheck .login-dropdown .dropdown-container {
                position: relative;
                right: 0;
            }
            .body-container.logincheck nav.navbar.main-menu li a {
                color: #fff !important;
            }
            .body-container.logincheck nav.navbar.main-menu li a:hover,
            .body-container.logincheck nav.navbar.main-menu li.active a {
                color: #00787d !important;
            }
            .body-container.logincheck nav.navbar {
                width: calc(100% - 420px);
            }
            .catalogue .activities {
                text-align: center;
            }
            .catalogue .activities img {
                width: 100%;
            }
            .account-profile.widget a {
                display: inline-block;
                margin: 10px 1% 0;
            }
            .row-fluid.formbox .span6 {
                width: 100%;
            }
            .body-container.logincheck .row.h-100 .col img.img-fluid {
                width: 100%;
            }
            .account-profile.widget a {
                margin: 0 0 0 7px;
            }
            #dashboard .account-profile.widget .col-lg-6:first-child {
                max-width: 38%;
                flex: 0 0 38%;
            }
            #dashboard .account-profile.widget .col-lg-6:last-child {
                max-width: 62%;
                flex: 0 0 62%;
            }
            .body-container.mainlogin.logincheck .container {
                width: 100%;
            }
            .body-container.mainlogin.logincheck .container .align-items-center .col-8 .main-login {
                width: 100%;
                margin: 0 auto;
            }
            .body-container.mainlogin.logincheck .container .align-items-center .col-8 {
                max-width: 100%;
                flex: 0 0 100%;
            }
            .body-container.mainlogin.logincheck .site-footer {
                left: 0;
            }
            input.js-search-input {
                width: calc(100% - 50px);
                min-height: 30px !important;
                height: 30px;
            }
            .tab_desktop_dropdown {
                display: none;
            }
            .tab_mobile_dropdown {
                display: block;
            }
            /* .visible-phone {display:block !important;} */
            .homepage-logo {
                text-align: center;
                margin: 20px 0;
            }
            .homepage-logo img {
                width: 300px;
            }
            .main .breadcrumb {
                display: none !important;
            }
            .desktop-view {
                display: none !important;
            }
            .active-tab-content.page-my-learning {
                margin: 0 -20px;
            }
            .active-tab-content.page-my-learning .table-toolbar {
                padding: 0 10px;
            }
            .active-tab-content.page-my-learning .activity-heading {
                font-size: 14px;
            }
            .active-tab-content.page-my-learning .activityType {
                font-size: 12px;
                margin-bottom: 5px;
            }
            .active-tab-content.page-my-learning span.process {
                padding: 2px 8px !important;
            }
            .active-tab-content.page-my-learning span.process span {
                padding: 0 !important;
            }
            .mobile-learning .action .learn-tools .btn.btn-small {
                margin-right: 0 !important;
            }
            .mobile-learning {
                background: #fff;
                padding: 22px 11px;
                display: flex !important;
                border-top: #E8E8E8 solid 1px;
            }
            .mobile-learning .data {
                width: 50%;
                float: left;
            }
            .mobile-learning .action {
                width: 50%;
                float: left;
                position: relative;
            }
            .mobile-learning .action .learn-tools {
                margin: 0;
                position: absolute;
                bottom: 0;
                right: 0;
            }
            .mobile-learning .action .learn-tools .btn.btn-small {
                color: #00787d !important;
                font-size: 12px !important;
                height: 30px;
            }
            .mobile-learning .action .learn-tools .btn.btn-small.btn-primary {
                color: #fff !important;
            }
            .mobile-learning .data span.process {
                margin-bottom: 0;
            }
            .mobile-learning.playlist {
                display: block !important;
            }
            .mobile-learning.playlist .mylearningCollapse {
                text-align: right;
                display: block;
            }
            .mobile-learning.playlist .learn-tools a.btn.btn-small {
                color: #00787d !important;
            }
            .mobile-learning.playlist .learn-tools a.btn.btn-small.btn-primary {
                color: #fff !important;
            }
            .mobile-learning.playlist .learn-tools {
                display: block;
            }
            .mobile-learning.playlist td.inner-table {
                padding: 0 !important;
            }
            .mobile-learning.playlist table.table.listViewInside.visible-phone tbody {
                width: 100%;
                display: table;
            }
            .mobile-learning.playlist table.table.listViewInside.visible-phone td:last-child {
                padding-right: 0 !important;
            }
            .tab_mobile_dropdown {
                width: 25%;
                float: left;
            }
            .visible-phone.mylearningtab .table-toolbar {
                width: 25%;
            }
            .visible-phone.mylearningtab .table-toolbar:last-child {
                width: 49%;
                float: right;
            }
            /* .body-container .mobileMenu{
    display: none;
}
.body-container .shortlogoo{
    display: block;
} */
            /* .shortlogo {
    display: block;
} */
        }
        
        @media screen and (max-width:600px) {
            /* #content-output>span {
        padding: 0 !important;
    } */
            .tab_mobile_dropdown {
                width: 50%;
                float: left;
            }
            .visible-phone.mylearningtab .table-toolbar:last-child {
                width: 100%;
                margin: 0;
            }
            .visible-phone.mylearningtab .table-toolbar {
                width: 50%;
            }
            .body-container.logincheck.home main.main .row.h-100 .col-4 .display-1 {
                margin-bottom: 25px;
            }
            /* .body-container .site-footer {
        position: relative !important;
    } */
            .body-container.mainlogin.logincheck main.main {
                height: 100% !important;
            }
            .body-container main.main {
                height: 100% !important;
            }
            .pagination.pagination-control {
                padding: 20px 10px;
            }
            header.site-header.app-header .float-left {
                padding: 20px 0;
            }
            .site-header .site-login .user-profile {
                right: 10px;
            }
            
            .body-container.logincheck .login-dropdown .dropdown-container {
                width: 100%;
                position: fixed;
                left: 0;
                top: 48px;
                padding: 12px 30px 32px;
            }
            .body-container.logincheck .row.align-items-center.justify-content-center .btn.homepage {
                display: none;
            }
            .body-container.logincheck main.main h1.secondary-text {
                font-size: 37px !important;
                /* Graphik-Medium !important; */
            }
            .body-container.logincheck span.accent-text {
                font-size: 14px;
            }
            /* main.main {
                padding-bottom: 50px !important;
            } */
            /* #dashboard {
        margin-left: -25px !important;
        margin-right: -25px !important;
    } */
            /* .main.flip h1 {
        margin: 0 -20px;
    } */
            .heading-widget {
                font-size: 16px;
                line-height: 24px;
            }
            .account-profile h2 {
                font-size: 12px;
                line-height: 20px;
            }
            .account-profile p {
                font-size: 12px;
                line-height: 20px;
            }
            .account-profile.widget .col-lg-6 {
                max-width: 50%;
                flex: 0 0 50%
            }
            #dashboard .account-profile.widget .col-lg-6:last-child a:first-child {
                display: none;
            }
            #dashboard .account-profile.widget .col-lg-6:last-child a:last-child {
                display: none;
            }
            .user-site-statistics .count,
            .user-learning-statistics .count {
                font-size: 16px;
                line-height: 24px;
            }

            .remaininghrs .title,
            .user-site-statistics a .title,
            .user-learning-statistics a .title {
                font-size: 12px;
                line-height: 20px;
            }
            .Activities-title {
                margin-top: 10px;
                margin-bottom: 20px;
            }
            .Activities-title .view.modechange {
                display: none;
            }
            /* .Activities-title .btn.btn-outline-primary {
        display: none;
    } */
            .row.active-section .col-lg-4.col-sm-6.mainActivitiesLearning {
                max-width: 100%;
            }
            /* .ActivitiesLearning {
        display: flex;
    } */
            .ActivitiesLearning .activity-heading {
                font-size: 12px;
                line-height: 20px;
            }
            .ActivitiesLearning span.playlisttype-label {
                font-size: 12px;
                line-height: 22px;
                display: block;
            }
            .ActivitiesLearning span.playlisttype-label span.activityType {
                margin: 0 !important;
            }
            .row.active-section .col-lg-4.col-sm-6.mainActivitiesLearning .activity-tools a.btn:first-child {
                padding: 4px 0 !important;
                margin: 0 10px 0 0;
            }
            .row.active-section .col-lg-4.col-sm-6.mainActivitiesLearning .activity-tools a.btn {
                font-size: 12px;
                line-height: 22px;
                height: 30px;
                padding: 4px 10px !important;
            }
            /* .ActivitiesLearning .top {
        width: 50%;
        min-height: 150px;
    } */
            /*.ActivitiesLearning .activities img {object-fit:cover; height:100%; width:100%;}*/
            /* .ActivitiesLearning .activities {
        width: 50%;
        margin: 0;
        display: table;
        height: 100%;
    } */
            /* .active-section .widget {
        position: relative;
    } */
            /* .active-section .widget .activity-tools {
        position: absolute;
        width: 50%;
        bottom: 0;
        text-align: left;
        padding: 0 0 16px 16px;
    } */
            .user-learning-statistics,
            .user-site-statistics {
                margin: 5px 0 !important;
            }
            .user-learning-statistics .span4,
            .user-site-statistics .span4 {
                width: 33.33%;
                margin: 0;
            }
            .user-learning-statistics .span4:first-child a,
            .user-site-statistics .span4:first-child a {
                padding-left: 0;
            }
            .user-learning-statistics .span4:last-child a,
            .user-site-statistics .span4:last-child a {
                padding-right: 0 !important;
            }
            #dashboard .account-profile.widget .col-lg-6:first-child {
                max-width: 50%;
                flex: 0 0 50%;
            }
            #dashboard .account-profile.widget .col-lg-6:last-child {
                max-width: 50%;
                flex: 0 0 50%;
            }
            .site-footer .row {
                width: auto;
                flex-wrap: nowrap;
            }
            .pagelist-view .col-lg-3.col-sm-6,
            .col-lg-3.col-sm-6.mainActivitiesLearning.galleryViewInside {
                max-width: 100%;
                flex: 0 0 100%;
            }
            .related-all-page-list span {
                padding-left: 0px !important;
            }
        }
        
        @media screen and (max-width:480px) {

            .filterBy ul.fdropdown-menu,
            .sortby ul.dropdown-menu{
                width: 100%;
                position: unset;
                margin-bottom: 10px;

            }

            .filterBy ul.fdropdown-menu li ul,
            .sortby ul.dropdown-menu li ul{
                width: 90%;
                left: 0;
                margin: 5px auto !important;
            }

            .visible-phone {
                display: none !important;
            }
            .homepage-logo img {
                width: 210px;
            }
            /* .ActivitiesLearning .top {
        min-height: 160px;
    } */
            .ActivitiesLearning .activities {
                height: auto;
                display: block;
            }
            .account-profile.widget a {
                display: inline-block;
                width: 100%;
                margin: 10px 0 0;
                text-align: center;
            }
            a.m-logo {
                display: none !important;
            }
            .breadcrumb {
                font-size: 15px;
            }
            .breadcrumb,
            .breadcrumb a,
            .breadcrumb span {
                font-size: 15px;
            }
            .account-profile .row-fluid a {
                width: 100%;
            }
            .site-footer .footer-navigation li {
                margin-left: 0;
                font-size: 12px;
                /* width: 100%; */
                text-align: right;
            }
            /* .site-footer .footer-navigation li a::after {
        content: none;
        margin: 0;
    } */
            .body-container.mainlogin.logincheck main.main {
                top: 30px;
            }
            /* .body-container.logincheck .row.align-items-center.justify-content-center {
        padding: 0rem 1rem 1rem !important;
    } */
            .body-container.mainlogin.logincheck .container .align-items-center .col-8 {
                padding: 0 !important;
            }
            .mobile-learning.playlist table.table.listViewInside.visible-phone td {
                min-width: 140px !important;
            }
            .modalpopup {
                width: 100%;
            }
            /*.user-learning-statistics .span4, .user-site-statistics .span4 {width:100%;}
.user-learning-statistics .span4 {border:none;}
.user-site-statistics .span4 {border:none;}*/
            .pagelist-view .col-lg-3.col-sm-6,
            .col-lg-3.col-sm-6.mainActivitiesLearning.galleryViewInside {
                max-width: 100%;
                flex: 0 0 100%;
            }
            .statistic-tile .user-learning-statistics .statistic-tile .title {
                font-size: 11px;
            }
            .statistic-tile .user-learning-statistics .statistic-tile,
            .siteStatistics .user-site-statistics .span4 {
                padding: 10px !important;
            }
            .widget.siteStatistics .user-site-statistics .span4 a {
                padding: 0 !important;
            }
            #preview-popup .modal-header .close {
                top: -5px;
                margin-top: 5px;
            }

            /* modal backdrop full in smaller screens */
            .modal-backdrop {
                width: 100%;
                height: 100%;
            }
            .feedback-container .close {
                line-height: 25px !important;
            }
        }
        
        @media screen and (max-width:420px) {
            #mainContainer #dashboard section:last-child .Activities-title .pull-right {
                float: left !important;
            }
        }
        
        @media screen and (max-width:350px) {
            .body-container.logincheck .site-header.app-header .row.togglelogoset.flip .col-lg-6:last-child {
                left: 200px;
            }
            .body-container.logincheck .site-header.app-header .row.togglelogoset .col-lg-6:last-child {
                left: 0;
            }
        }
        
        .primary {
            border-color: #00787D !important;
            color: #fff !important;
            background-color: #00787D !important;
            padding: 5px 20px 5px 20px;
        }
        
        .primary-text {
            color: #061178 !important;
            caret-color: #fff!important
        }
        
        .secondary {
            /* background-color: #323250057 !important; */
            /* border-color: #323250057 !important; */
            color: #fff !important
        }
        /* .secondary-text {
        color: #323250057 !important;
        caret-color: #323250057 !important
    } */
        /* .accent-text {
        color: #323250047 !important;
        caret-color: #323250047 !important
    } */
        
        .display-1 {
            font-size: 2.7rem !important;
            font-weight: 400;
            line-height: 3rem !important;
            letter-spacing: .02em !important;
            font-family: Graphik-Regular, sans-serif !important
        }
        
        .body-2 {
            font-size: .75rem !important;
            font-weight: 400;
            letter-spacing: .0178571429em !important;
            line-height: 1.25rem !important;
            font-family: Graphik-Regular, sans-serif !important
        }
        
        .modal-body ul.nav.nav-tabs {
            margin-bottom: 1px;
        }
        
        .extended-full strong {
            padding-right: 5px;
        }
        
        .extended-full small.extended-info.block .pull-left {
            margin-bottom: 3px;
        }
        
        .mylearningcontainer table.table.listViewInside td {
            min-width: auto;
        }
        
        .mylearningcontainer .extended-full small.extended-info.block {
            margin-bottom: 0;
            display: none;
            width: 100%;
        }
        
        a.action-btn {
            position: relative;
        }
        
        a[tooltip-title]:hover:before {
            content: "";
            position: absolute;
            top: 22px;
            left: 50%;
            transform: translateX(-50%);
            border-width: 6px;
            border-style: solid;
            border-color: transparent transparent #262626 transparent;
        }
        
        a[tooltip-title]:hover:after {
            content: attr(tooltip-title);
            position: absolute;
            background: #323250;
            padding: 5px 8px;
            color: #FFFFFF;
            text-align: center;
            text-decoration: none;
            background-color: #262626;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            min-width: 65px;
            z-index: 99;
            line-height: 22px;
            font-size: 12px;
            top: 34px;
            left: 50%;
            transform: translateX(-50%);
            white-space: nowrap;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
        }
        
        ul.nav.sidebar-left.nav-list li.active a {
            background: #00787d;
        }
        
        form#theme_camms_header_form input#header-short-image {
            min-height: 38px;
            border: none;
            padding-left: 30px;
        }
        
        form#theme_camms_header_form input#header-short-image::-webkit-file-upload-button {
            visibility: hidden;
            padding: 0;
        }
        
        form#theme_camms_header_form input#header-short-image::before {
            content: 'Choose File';
            display: inline-block;
            outline: none;
            white-space: nowrap;
            cursor: pointer;
            font-size: 12px;
            line-height: 20px;
            color: #00787d;
            border: 1px solid #D9D9D9;
            padding: 8px 16px;
            margin-left: -30px;
        }
        
        form#theme_camms_header_form input#header-short-image:focus,
        form#theme_camms_header_form input#header-short-image:active {
            outline: none;
            box-shadow: none;
        }
        
        form#theme_camms_header_form input#header-image {
            min-height: 38px;
            border: none;
            padding-left: 30px;
        }
        
        form#theme_camms_header_form input#header-image::-webkit-file-upload-button {
            visibility: hidden;
            padding: 0;
        }
        
        form#theme_camms_header_form input#header-image::before {
            content: 'Choose File';
            display: inline-block;
            outline: none;
            white-space: nowrap;
            cursor: pointer;
            font-size: 12px;
            line-height: 20px;
            color: #00787d;
            border: 1px solid #D9D9D9;
            padding: 8px 16px;
            margin-left: -30px;
        }
        
        form#theme_camms_header_form input#header-image:focus,
        form#theme_camms_header_form input#header-image:active {
            outline: none;
            box-shadow: none;
        }
        /* Style Changes Accelarate */
        
        .fa-disabled {
            opacity: 0.6;
            cursor: not-allowed !important;
        }
        
        .hide-label>label,
        .hide-label div label {
            display: none;
        }
        
        .red span.muted {
            color: #F5222D;
        }
        
        .notification {
            border-width: 1px 1px 1px 8px;
            color: #48c2c5 !important;
            border-style: solid;
            background: #ebf8f8
        }
        
        .widget.notification {
            border: 0px !important;
            background: #fff;
        }

        .groupStatistics .widget {
            padding: 22px !important;
        }
        .groupStatistics .completed {
            border: 1px solid #b7eb8f !important;
            border-radius: 6px;
            margin-bottom: 5px;
            margin-top:30px;
        }
        .groupStatistics .completed:hover {
            background: #eff9e5;
            border: 1px solid #ddf0cb;
        }
        .groupStatistics .incomplete {
            border: 1px solid #ffe58f !important;
            border-radius: 6px;
            margin-bottom: 5px;
        }
        .groupStatistics .incomplete:hover {
            background: #fffbe6;
            border: 1px solid #f4eecf;
        }
        .groupStatistics .not_attempted {
            border: 1px solid #ffbcb8 !important;
            border-radius: 6px;
            margin-bottom: 5px;
        }
        .groupStatistics .not_attempted:hover {
            background: #fff1f0;
            border: 1px solid #ffe5e3;
        }

        div#dashboard .widget .user-learning-statistics .span4:nth-child(1) {
            border: 1px solid #b7eb8f;
            border-radius: 6px;
            padding: 10px;
            color: #7bcf43;
        }



        div#dashboard .widget .user-learning-statistics .span4:nth-child(2) {
            border: 1px solid #ffe58f;
            border-radius: 6px;
            padding: 10px;
            color: #f7c358;
        }
        
       
        
        div#dashboard .widget .user-learning-statistics .span4:nth-child(3) {
            border: 1px solid #ffbcb8;
            border-radius: 6px;
            padding: 10px;
            color: #e4565a;
        }
        
       
        
        div#dashboard .widget .user-site-statistics .span4:nth-child(1) {
            border: 1px solid #a0ceff;
            border-radius: 6px
        }
        
        div#dashboard .widget .user-site-statistics .span4:nth-child(1):hover {
            background: #e5f2ff;
            border: 1px solid #d8ebfe;
        }
        
        div#dashboard .widget .user-site-statistics .span4:nth-child(2) {
            border: 1px solid #cbcbd1;
            border-radius: 6px
        }
        
        div#dashboard .widget .user-site-statistics .span4:nth-child(2):hover {
            background: #efefef;
            border: 1px solid #eaeaea;
        }
        
        div#dashboard .widget .user-site-statistics .span4:nth-child(3) {
            border: 1px solid #ffcc9d;
            border-radius: 6px
        }
        
        div#dashboard .widget .user-site-statistics .span4:nth-child(3):hover {
            background: #fff1e3;
            border: 1px solid #fae8d6;
        }
        
        #dashboard {
            background-color: #fff;
        }
        
        #dashboard .activity-tools a {
            height: 32px;
            padding: 4px 16px;
            background: transparent;
            border: none;
            font-family: Graphik-Regular;
            border-radius: 2px;
            font-family: Graphik-Regular;
            font-weight: normal;
            font-size: 14px;
            line-height: 24px;
            border: 1px solid #00787d;
            padding-left: 10px !important;
            padding-right: 10px !important;
        }
        
        #dashboard .btn.btn-small {
            height: 32px;
            padding: 4px 16px!important;
            background: transparent;
            font-family: Graphik-Regular;
            border-radius: 2px;
            font-family: Graphik-Regular;
            font-weight: normal;
            font-size: 14px;
            line-height: 24px;
            border: 1px solid #25a7aa;
            padding-left: 10px !important;
            padding-right: 10px !important;
        }
        
        .body-container.logincheck.home .navbar-navigation {
            background: #00787D !important;
        }
        
        .body-container.logincheck nav.navbar.main-menu:not(.bLogged) ul.navbar-navigation {
            top: 0px!important;
            overflow: hidden;
        }
        
        .notification time {
            font-size: 12px !important;
            font-family: Graphik-Regular;
        }
        
        .notification .btn {
            border: 1px solid #00787D;
            background-color: transparent;
        }
        
        .login-logo img {
            width: 20%;
            margin-top: -69px;
        }
        
        .login-logo {
            margin: auto;
            text-align: center;
        }
        
        .alert-success {
            background: #4ac2c326!important;
            border: 1px solid #8ae9ea!important;
            color: #323250!important;
            /*margin-top: -15px;*/
            /*margin-bottom: 20px;*/
        }
        
        form#forgot-password {
            /* padding-top: 20px; */
            color: #00787D;
            font-family: Graphik-Medium;
            font-weight: 500;
            font-size: 24px;
            text-align: center;
        }
        
        form#forgot-password .alert.alert-info {
            font-size: 12px;
            font-family: Graphik-Regular;
        }
        
        #btn-forgot-password {
            text-align: center;
            padding: 10px 30px 10px 30px;
        }
        
        .alert-info {
            background-color: #ebf8f8;
            border-color: #48c2c5;
            border-left: 9px solid #48c2c5;
            color: #424250;
            font-family: 'Graphik-Regular'!important;
        }
        
        .forgot-password label.control-label {
            padding: 20px 20px 20px 20px !important;
            /* text-align: left; */
        }
        
        table.table.listViewInside .activity-tools {
            border: 0px;
        }

        .playlsit-items .activity-tools {
            background-color: #eee;
            border: 0px;
        }

        .status-container {
            display: flex;
            align-items: flex-end; /* Align items at the bottom */
        }

        .table-toolbar .view>span.listView {
            background: none;
            padding: 0 5px 0 22px;
            cursor: pointer;
            border: 1px solid #00787D;
            color: #00787D;
        }
        
        .table-toolbar .view>span.galleryView {
            background: none;
            padding: 0 5px 0 22px;
            cursor: pointer;
            border: 1px solid #00787D;
            color: #00787D;
        }
        
        .alert-danger,
        .alert-error {
            background-color: #f2dede;
            border-color: #e4b9b9;
            color: #323250;
            font-size: 13px !important
        }
        
        #register #email+ul.alert-error {
            margin-top: -15px;
        }
        
        .forgot-password .pull-right {
            text-align: right !important;
            float: none;
        }
        
        .forgot-password legend,
        .legend,
        fieldset>h2,
        .fieldset>h2,
        fieldset>h3,
        .fieldset>h3 {
            font-family: Graphik-Medium;
            color: #00787D;
            font-size: 24px;
            border: 0px !important;
        }
        
        #dashboard .ActivitiesLearning .activities:hover .data {
            display: none !important
        }
        
        #create-resource .formbox legend {
            font-size: 20px;
        }
        

        
        .active-section .activity-heading :hover {
            color: #323250;
        }
        
        #create-resource input.input-block-level,
        select.input-block-level,
        textarea.input-block-level {
            border-radius: 6px
        }
        
        .input-append .add-on,
        .input-prepend .add-on {
            text-shadow: none !important;
        }
        
        #create-resource .input-append.gallery span.gallery-browse {
            height: 40px;
            padding: 8px 20px 0px 20px;
            border-radius: 6px !important;
            margin-left: 10px;
            background-color: #03797e!important;
            color: #fff;
            text-shadow: 0px !important;
            border: 1px solid;
        }
        /*.btn:not(:disabled):not(.disabled) {cursor: pointer; padding: 8px 30px 8px 30px;}*/
        /*#dashboard .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {background: #03797e!important}*/
        /*#dashboard .btn:not(:disabled):not(.disabled) {padding: 4px 28px 0px 30px}*/
        
        #dashboard a.btn.btn-small {
            padding: 3px 20px 5px 20px !important;
            font-size: 14px;
        }
        
        .account-profile.widget a:hover {
            background: #48c2c5;
            border: 1px solid #48c2c5
        }
        
        #update-tincan input.input-block-level,
        select.input-block-level,
        textarea.input-block-level {
            border-radius: 6px;
            padding: 0.5em 0.8em;
        }
        
        #register select.input-block-level {
            padding: 0 5px;
        }
        
        .add-on.btn.gallery-browse {
            height: 40px!important;
        }
        
        .add-on.btn.gallery-browse {
            padding: 8px 30px 8px 30px;
            margin-left: 20px;
            border-radius: 6px !important;
            background: #00787D!important;
            color: #fff
        }
        
        #register .formbox {
            padding: 54px 5px;
            border-radius: 10px;
            margin-bottom: 20px;
            border: 1px solid #e3e3e3
        }
        
        #register .formbox legend {
            font-size: 24px;
            margin-bottom: 5px;
        }
        
        #register .body-2 {
            font-size: 15px!important;
            /* line-height: 4.25rem !important; */
            margin-top: 20px;
            margin-bottom: 20px;
            color: #323250
        }
        
        #register accent-text body-2 {
            font-size: 15px!important;
            color: #323250!important
        }
        
        form#register {
            width: 800px;
            margin: 0 auto !Important;
            padding-top: 80px;
            padding-bottom: 40px;
        }
        
        #register .btn:not(:disabled):not(.disabled) {
            margin-top: 20px;
            padding: 5px 20px 5px 20px !important;
        }
        
        #register .col-lg-1,
        .col-lg-2,
        .col-lg-3,
        .col-lg-4,
        .col-lg-5,
        .col-lg-6,
        .col-lg-7,
        .col-lg-8,
        .col-lg-9,
        .col-lg-10,
        .col-lg-11,
        .col-lg-12 {
            color: #323250
        }
        
        select:focus {
            outline: unset;
        }

        #register input.input-block-level,
        select.input-block-level,
        textarea.input-block-level {
            border-radius: 100px
        }
        
        input:focus:invalid:focus,
        textarea:focus:invalid:focus,
        select:focus:invalid:focus,
        select:focus {
            border-color: #00787D!important;
        }
        
        input:focus:invalid,
        textarea:focus:invalid,
        select:focus:invalid {
            color: #323250!important
        }
        
        input:focus:invalid:focus,
        textarea:focus:invalid:focus,
        select:focus:invalid:focus {
            box-shadow: none;
        }
        
        textarea:focus,
        input[type="text"]:focus,
        input[type="password"]:focus,
        input[type="datetime"]:focus,
        input[type="datetime-local"]:focus,
        input[type="date"]:focus,
        input[type="month"]:focus,
        input[type="time"]:focus,
        input[type="week"]:focus,
        input[type="number"]:focus,
        input[type="email"]:focus,
        input[type="url"]:focus,
        input[type="search"]:focus,
        input[type="tel"]:focus,
        input[type="color"]:focus,
        .uneditable-input:focus {
            border-color: #00787D!important;
            box-shadow: none!important
        }
        
        form#forgot-password {
            background: #fff !important;
            max-width: 600px !important;
            margin: 0 auto !important;
            /* margin-top: 60px !important; */
            border-radius: 10px;
            border: 1px solid #e3e3e3;
        }
        
        form#forgot-password input.input-block-level,
        select.input-block-level,
        textarea.input-block-level {
            border-radius: 100px;
        }
        
        form#register select.input-block-level {
            border-radius: 100px !important;
        }
        
        form#forgot-password .row-fluid .span6 {
            width: 81.93617%!important;
        }
        /*form#forgot-password .pull-center, .row-fluid .pull-center, .row-fluid .pull-center:first-child {width: 400px!important;}*/
        /* form#forgot-password .forgot-password .pull-right {
        padding-bottom: 50px;
    } */
        
        form#forgot-password legend:after {
            border: unset;
        }
        
        #update-learner form#forgot-password input.input-block-level,
        select.input-block-level,
        textarea.input-block-level {
            border-radius: 6px;
        }
        select.input-block-level#plan-id{
            overflow: scroll;
        }
        
        #profile-photo {
            min-height: 77px!important;
        }

        .profile img,
        .profile img.photo {
            width: 140px;
            height: 140px;
        }
        
        table.table-striped .title {
            font-weight: normal!important
        }
        
        .dropdown-menu>li>a:hover,
        .dropdown-menu>li>a:focus,
        .dropdown-submenu:hover>a,
        .dropdown-submenu:focus>a {
            background-color: #00787d!important;
            background-image: linear-gradient(to bottom, #48c2c5, #48c2c5);
        }
        /*---------------Button Animation------------------*/
        
        .cus_btn_darkorange_h_lightblue,
        .cus_btn_darkorange_h_lightblue:hover {
            background-color: linear-gradient(270deg, #ff8000 50%, #0050a0 0) right;
            background-size: 200%;
            -webkit-transition: .5s ease-out;
            -o-transition: .5s ease-out;
            transition: .5s ease-out
        }
        
        .cus_btn_darkorange_h_lightblue:hover {
            background-position: 0!important
        }
        
        .cus_btn_darkblue_h_lightblue a:hover {
            background-position: 0;
        }
        /* .widget.statistic-tile {
        padding: 10px 0px;
    } */
        
        .span4.statistic-tile {
            padding: 10px;
        }
        
        .minilogin .mini-login-button {
            display: block!important;
            margin-bottom: 20px!important
        }
        
        .minilogin {
            text-align: center;
        }
        
        .title {
            padding-bottom: 15px!important;
            font-size: 18px;
            line-height: 1.2em;
        }
        
        .galleryViewInside .title {
            /* height: 75px; */
            font-family: Graphik-Medium;
            font-size: 16px;
            font-weight: normal;
            color: #323250;
        }
        
        .listViewInside .title {
            font-family: Graphik-Regular;
            font-size: 16px;
            font-weight: normal;
            color: #323250;
        }
        /** Virtual Consult **/
        
        .navbar li a.menu_vc_hgroupavcg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_vc_hadminvcg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_vc_hpavcg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_vc_hlvcg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_vc_hcompanyavcg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_vc_hgroupavcg::before {
            content: "\f82d";
        }
        
        .navbar li a.menu_vc_hadminvcg::before {
            content: "\f82d";
        }
        
        .navbar li a.menu_vc_hpavcg::before {
            content: "\f82d";
        }
        
        .navbar li a.menu_vc_hlvcg::before {
            content: "\f82d";
        }
        
        .navbar li a.menu_vc_hcompanyavcg::before {
            content: "\f82d";
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_vc_hgroupavcg::after {
            content: "Virtual Consulting";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
            font-family: Graphik-Regular;
            width: 170px;
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_vc_hadminvcg::after {
            content: "Virtual Consulting";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
            font-family: Graphik-Regular;
            width: 170px;
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_vc_hlvcg::after {
            content: "Virtual Consulting";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
            font-family: Graphik-Regular;
            width: 170px;
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_vc_hcompanyavcg::after {
            content: "Virtual Consulting";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
            font-family: Graphik-Regular;
            width: 170px;
        }
        /** ------------------**/
        /** Reporting Hub **/
        
        .navbar li a.menu_reportingp_hgroupareportingpg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_reportingp_hadminreportingpg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_reportingp_hpareportingpg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_reportingp_hlreportingpg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_reportingp_hcompanyareportingpg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_reportingp_hgroupareportingpg::before {
            content: "\f659";
        }
        
        .navbar li a.menu_reportingp_hadminreportingpg::before {
            content: "\f659";
        }
        
        .navbar li a.menu_reportingp_hpareportingpg::before {
            content: "\f659";
        }
        
        .navbar li a.menu_reportingp_hlreportingpg::before {
            content: "\f659";
        }
        
        .navbar li a.menu_reportingp_hcompanyareportingpg::before {
            content: "\f659";
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_reportingp_hgroupareportingpg::after {
            content: "Reporting Hub";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
            font-family: Graphik-Regular;
            width: 150px;
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_reportingp_hadminreportingpg::after {
            content: "Reporting Hub";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
            font-family: Graphik-Regular;
            width: 150px;
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_reportingp_hlreportingpg::after {
            content: "Reporting Hub";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
            font-family: Graphik-Regular;
            width: 150px;
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_reportingp_hcompanyareportingpg::after {
            content: "Reporting Hub";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
            font-family: Graphik-Regular;
            width: 150px;
        }
        /** ------------------**/
        /** Blog **/
        
        .navbar li a.menu_rblog_hgrouparblogg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_rblog_hadminrblogg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_rblog_hparblogg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_rblog_hlrblogg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_rblog_hcompanyarblogg {
            padding-left: 25px !important;
        }
        
        .navbar li a.menu_rblog_hgrouparblogg::before {
            content: "\f5d9";
        }
        
        .navbar li a.menu_rblog_hadminrblogg::before {
            content: "\f5d9";
        }
        
        .navbar li a.menu_rblog_hparblogg::before {
            content: "\f5d9";
        }
        
        .navbar li a.menu_rblog_hlrblogg::before {
            content: "\f5d9";
        }
        
        .navbar li a.menu_rblog_hcompanyarblogg::before {
            content: "\f5d9";
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_rblog_hgrouparblogg::after {
            content: "Blog";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
            font-family: Graphik-Regular;
            width: 70px;
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_rblog_hadminrblogg::after {
            content: "Blog";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
            font-family: Graphik-Regular;
            width: 70px;
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_rblog_hlrblogg::after {
            content: "Blog";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
            font-family: Graphik-Regular;
            width: 70px;
        }
        
        nav.navbar.main-menu.fliph li:hover a.menu_rblog_hcompanyarblogg::after {
            content: "Blog";
            z-index: 9999;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            background: #00787d;
            position: absolute;
            margin-left: 33px;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            padding: 0px 20px;
            transform: rotate(0deg);
            height: 38px!important;
            font-family: Graphik-Regular;
            width: 70px;
        }
        /** ------------------**/
        
        #dashboard span.galleryView.galleryViewSelected:hover {
            background: #3eacaf !important;
        }
        
        #dashboard .view.modechange span:hover {
            background: #3eacaf !important;
            color: #fff!important;
            border: 1px solid #3eacaf;
        }
        
        #dashboard a.btn.btn-small:hover {
            color: #fff!important;
        }
        
        #mainContainer a.btn.btn-small.btn-primary.btn-bordered {
            background: #48c2c5;
            border: 1px solid !Important;
        }
        
        a.link-forgot-password:hover {
            color: #48c2c5;
            text-decoration: none;
        }
        
        .login-dropdown .dropdown-container .register a:hover {
            color: #48c2c5;
            text-decoration: none;
        }
        
        #login a:focus {
            color: #fff!important;
            text-decoration: none !important;
        }
        
        #login a:hover {
            color: #48c2c5!important;
            text-decoration: none !important;
        }
        
        #login .checkforgot a:focus {
            color: #48c2c5!important;
            text-decoration: none !important;
        }
        
        .mylearningcontainer .activity_title {
            color: #323250!important;
        }
        
        #employment .btn-primary:not(:disabled):not(.disabled):active,
        .btn-primary:not(:disabled):not(.disabled).active,
        .show>.btn-primary.dropdown-toggle {
            color: #00787D;
            padding: 5px 20px 5px 20px!important
        }
        
        #update-learner .btn:not(:disabled):not(.disabled) {
            padding: 5px 20px 5px 20px!important;
        }
        
        #change-password .btn:not(:disabled):not(.disabled) {
            padding: 5px 20px 5px 20px!important;
        }
        
        #employment .btn:not(:disabled):not(.disabled) {
            padding: 5px 20px 5px 20px!important;
        }
        
        #file-upload .btn:not(:disabled):not(.disabled) {
            padding: 5px 20px 5px 20px!important;
        }
        
        #add-learner-to-group .btn:not(:disabled):not(.disabled) {
            padding: 5px 20px 5px 20px!important;
        }
        
        #learner.btn:not(:disabled):not(.disabled) {
            padding: 5px 20px 5px 20px!important;
        }
        
        #distribution-learner .btn:not(:disabled):not(.disabled) {
            padding: 5px 20px 5px 20px!important;
        }
        
        #learner .btn:not(:disabled):not(.disabled) {
            padding: 5px 20px 5px 20px!important;
        }
        
        .bootstrap-datetimepicker-widget td.day:hover,
        .bootstrap-datetimepicker-widget td.hour:hover,
        .bootstrap-datetimepicker-widget td.minute:hover,
        .bootstrap-datetimepicker-widget td.second:hover {
            background: #00787d;
            cursor: pointer;
            color: #fff!important;
        }
        
        .bootstrap-datetimepicker-widget td.active:hover,
        .bootstrap-datetimepicker-widget td.active:focus,
        .bootstrap-datetimepicker-widget td.active:active,
        .bootstrap-datetimepicker-widget td.active.active,
        .bootstrap-datetimepicker-widget td.active.disabled,
        .bootstrap-datetimepicker-widget td.active[disabled],
        .bootstrap-datetimepicker-widget td.active:hover:hover,
        .bootstrap-datetimepicker-widget td.active:hover:focus,
        .bootstrap-datetimepicker-widget td.active:hover:active,
        .bootstrap-datetimepicker-widget td.active.active:hover,
        .bootstrap-datetimepicker-widget td.active.disabled:hover,
        .bootstrap-datetimepicker-widget td.active[disabled]:hover {
            background: #00787d!important;
            color: #fff!important
        }
        
        #user-id .formbox,
        #update-learner .formbox,
        #change-password .formbox,
        #employment .formbox,
        #file-upload .formbox,
        #add-learner-to-group .formbox,
        #learner .formbox,
        #distribution-learner .formbox,
        #learner .formbox,
        #photo .formbox {
            background: #f5f5f5;
            border-radius: 10px;
        }
        /* #distribution-learner .formbox .disLearner,
    #distribution-learner .formbox .disLearner .text-right {
        padding-left: 0;
    } */
        
        .desktopShow {
            display: block;
        }
        
        .desktopHide {
            display: none;
        }
        /* #update-learner .formbox .posA {
        position: absolute;
        top: 420px;
    } */
        /* #update-learner .formbox .mobile-view {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        float: none;
    } */
        /* #user-id span.mobile-view label:nth-child(2) {
        font-size: 12px!important
    } */
        
        .btn btn-primary:hover {
            background: #48c2c5!important;
            color: #fff!important
        }
        
        .btn:hover {
            background: #48c2c5!important;
            color: #fff!important;
            border-color: #48c2c5 !important;
        }
        /* #distribution-learner .formbox {
    padding: 10px 10px 0px 10px!important;
} */
        
        .login-dropdown .button--login:hover,
        .login-dropdown .button--login:focus,
        .login-dropdown .button--login:active {
            border: 1px solid #35b3b6!important;
            background: #48c2c5!important;
        }
        
        .login-dropdown .dropdown-container button.btn.btn-primary:focus,
        .login-dropdown .dropdown-container button.btn.btn-primary.btn:active,
        .login-dropdown .dropdown-container button.btn.btn-primary.btn:hover {
            background: #48c2c5!important;
        }
        
        .mini-login-button {
            display: block!important;
            margin-bottom: 10px!important
        }
        
        main.main .breadcrumb {
            display: none !important
        }
        
        .title {
            padding-bottom: 15px!important;
            font-size: 18px;
            line-height: 1.2em;
        }
        
        .galleryViewInside .title {
            /* height: 75px; */
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            max-width: 200px;
        }
        
        .page-catalogue .btn:hover {
            background: #48c2c5 !important;
            color: #fff!important;
            /* border: 1px solid #00787d !important; */
        }
        
        .page-catalogue .js-search-input:hover {
            border-color: #00787D!important;
            background: #fff!important;
            /*border: 1px solid #a6a6a6;*/
        }
        
        .btn-group.open .btn.dropdown-toggle {
            background: #fff;
            box-shadow: none!important;
        }
        /*.tootlebar_filter .search-button:hover{background:#48c2c5!important; border: 0px solid #3eacaf !Important;}*/
        
        a.btn.btn-small.btn-primary.btn-bordered:hover {
            background: #48c2c5!important;
            border: 0px solid #3eacaf !important;
            color: #fff!important
        }
        
        span.btn.btn-small.btn-primary.enrol-button:hover {
            background: #48c2c5!important;
            border: 1px solid #3eacaf !important;
            color: #fff!important
        }
        
        .btn-outline-primary:hover {
            line-height: 24px!important;
        }
        
        table.table.listViewInside .activity-tools {
            text-align: left;
        }
        
        .activity-tools .btn.btn-small.btn-primary {
            background: #00787d;
            padding: 4px 18px !important;
            border-radius: 100px;
            border-color: #00787d !important;
            color: #fff;
            font-family: Graphik-Regular;
            font-size: 14px;
            line-height: 22px;
            text-align: center;
        }
        
        .activity-tools .btn.btn-small {
            background: transparent;
            color: #00787d;
            border: 1px solid #25a7aa !important;
        }
        
        .activity-tools .btn.btn-small:hover {
            border: 1px solid #48c2c5 !important;
            color: white !important;
        }
        /*#my-learning .btn:hover {*/
        /*    border: 1px solid #00787d!important;*/
        /*    color: #323250 !important;*/
        /*    background: #fff!important;*/
        /*}*/
        
        #my-learning .js-search-input:hover {
            border: 1px solid #00787d !important;
            color: #323250 !important;
        }
        
        .pagelist-view span.process {
            padding: 6px 8px !important;
            background: #eee;
            border-radius: 4px;
            border: 1px solid #dfdfdf;
            width: 70px;
            text-align: center;
        }
        
        td.table-row-header,
        .table-row-header td,
        th.table-row-header,
        .table-row-header th {
            background: none;
            border-top: 0px!important;
        }
        
        table.table-striped {
            background-color: transparent;
            margin-bottom: 0;
            margin-top: 40px;
        }
        
        .activiti_title,
        .certificate_title {
            font-size: 20px;
            font-family: 'Graphik-Medium';
            color: #323250;
        }
        /*#my-learning .search-button:hover {border: 1px solid #48c2c5!important; color: #ffffff !important; background: #48c2c5!important;}*/
        
        #my-learning .pagelist-view span.process {
            font-family: Graphik-Regular;
            font-size: 14px;
            line-height: 14px;
            width: auto;
            margin-bottom: 16px;
            padding: 6px 8px !important;
        }
        
        #my-learning .btn-small:hover {
            border: 1px solid #48c2c5!important;
            color: #fff!important;
            background: #48c2c5!important;
        }
        
        #my-learning .pagelist-view span.process {
            padding: 6px 8px !important;
            border-radius: 4px;
            background: none;
            border: 1px solid;
        }
        
        .catalogue span.process.Enrolled ,  .catalogue span.process.Watched {
            padding: 5px 8px !important;
            background: #eee;
            border-radius: 4px;
            border: 1px solid #dfdfdf;
        }
        .page-catalogue .watched-tag , .my-learning-detailcontainer.micro-learning .watched-tag {
            left: 132px;
            display: block;
            position: absolute;
            padding: 4px 5px;
            border: 1px #ffffffd6 solid;
            background: #ffffffd6;
            border-radius: 5px;
            color: #333;
            font-size: 11px;
            font-weight: 600;
            top: 6px;
        }
        .catalogue span.process {
            background: #fff;
            border: 0px;
        }
        
        .activity-tools a.btn.btn-small.btn-primary {
            line-height: 20px;
        }
        
        .catalogue .databox .activity-heading:nth-child(2) {
            /* height:75px; */
            text-overflow: ellipsis;
            /* white-space: nowrap; */
            overflow: hidden;
            /* max-width: 200px; */
        }
        
        .PadT22.page-catalogue {
            padding-top: 0px !important;
        }
        
        .boderless:after {
            border: 0px !important;
        }
        
        .admin-lerner-directory .btn-group.sortby .btn:hover {
            background: #ffffff!important;
            border: 1px solid #00787d !important;
            color: #323250 !important;
        }
        
        .admin-lerner-directory input.js-search-input:hover {
            background: #ffffff!important;
            border: 1px solid #00787d !important;
            color: #323250 !important;
        }
        /*.admin-lerner-directory .search-button {background: #00787d; color: #ffffff; border: 1px solid #00787d; margin-left: 20px;}*/
        /*.admin-lerner-directory .search-button:hover {background: #00787d; color: #ffffff; border: 1px solid #23abae; margin-left: 20px;}*/
        
        .admin-lerner-directory .pagelist-view span.process {
            padding: 6px 8px !important;
            border-radius: 4px;
            border: 1px solid #dfdfdf;
            background: #f5f5f5 !important;
        }
        
        .admin-group-directory .btn-group.sortby .btn:hover {
            background: #ffffff!important;
            border: 1px solid #00787d !important;
            color: #323250 !important;
        }
        
        .admin-group-directory input.js-search-input:hover {
            background: #ffffff!important;
            border: 1px solid #00787d !important;
            color: #323250 !important;
        }
        
        .admin-group-directory .activity-tools.btn-left .btn.action-btn {
            margin: 0 !important;
            border: none !important;
        }
        
        .admin-group-directory a.btn.action-btn.btn-small {
            background: none !important;
            border: none !important;
        }
        /*.admin-group-directory .tootlebar_filter .search-submit.search-button {padding: 5px 20px 5px 20px;  cursor: pointer; color: #fff; background: #00787D; margin-left: 10px;    border-radius: 100px; border: 1px solid; }*/
        /*.admin-group-directory .tootlebar_filter .search-submit.search-button:hover { background: #48c2c5 !important; border: 1px solid !important;}*/
        
        a.btn.dropdown-toggle:hover {
            background: #fff;
            border: 1px solid #00787d;
            color: #323232 !important;
        }
        
        .search-input:hover {
            border: 1px solid #00787d;
        }
        
        .form-search .btn:hover {
            border: none !important;
            background: transparent !important;
            color: #323250 !important;
        }
        /*.admin-learning-directory .search-button:hover { background: #23abae !important; color: #ffffff !important; border: 1px solid #23abae !important; }*/
        
        .sortby a.btn.dropdown-toggle:hover {
            background: #fff!important;
            color: #323250 !important;
            border: 1px solid #00787d !important;
        }
        
        .btn.search-button {
            margin-left: 15px;
            padding: 5px 20px 5px 20px!Important;
            background: #00787D!Important;
            border-radius: 100px;
            color: #fff!Important;
            border: 1px solid #0d7679 !Important;
            font-size: 14px;
        }
        
        .btn.search-button:hover {
            padding: 5px 20px 5px 20px!Important;
            background: #48c2c5!important;
            border-radius: 100px;
            color: #fff!Important;
            border: 1px solid #48c2c5!important;
        }

        .tootlebar_filter.catalogue .clear-filter-btn,   .my-learning-directory-new-filter-bar .clear-filter-btn{
            margin: 0px 0px 0px 5px;
            line-height: 18px;
        }


        .admin-learning-item .tools.btn-left .btn.action-btn {
            border: none !important;
            background: transparent !important;
        }

        .admin-learning-item .tools.btn-left .btn.action-btn {
            margin: 0 6px;
            width: 25px;
        }

        .admin-learning-directory .activity-tools.btn-left .btn.action-btn {
            border: none !important;
            background: transparent !important;
        }
        
        .admin-learning-directory div.activity-tools a.btn-small:hover {
            border: none !important;
            background: transparent!important
        }
        
        .dropdown-menu>.active>a {
            background-image: none !important;
            background-color: white !important;
            color: #333;
        }
        
        .dropdown-menu>.active>a:hover,
        .dropdown-menu>.active>a:focus {
            background-image: linear-gradient(to bottom, #48c2c5, #48c2c5) !important;
            color: white;
        }
        /* nav.navbar.main-menu.fliph { width: 67px; transition: none; } */
        /*.learn-tools .catalogue .btn.btn-small {background: transparent; color: #00787d; border: 1px solid #25a7aa;}*/
        
        .btn-primary:focus,
        .btn-primary.focus {
            box-shadow: none!important;
        }
        
        #preview-popup table.notification-popup th,
        #preview-popup table.notification-popup td {
            width: auto;
        }
        /* --------------------- */
        
        .btn-bordered {
            border: 1px solid #0d7679!important;
            color: #00787d!important;
            background: transparent!important;
        }
        
        .listViewInside .title {
            font-family: Graphik-Regular;
            font-size: 15px;
            font-weight: normal;
            color: #323250;
        }
        
        .pagelist-view small.block span {
            display: inline-table;
            width: auto;
            font-size: 15px;
            font-family: Graphik-Regular!important;
        }
        
        #my-learning .pagelist-view span.process {
            font-family: Graphik-Regular;
            font-size: 14px;
            line-height: 14px;
            width: 118px;
            margin-bottom: 16px;
            padding: 6px 8px !important;
        }
        
        legend.boderless {
            height: 54px;
        }
        
        table.table-striped {
            background-color: transparent;
            margin-bottom: 0;
            margin-top: 5px;
        }
        /* #preview-popup .modal-header {
    min-height: 30px;
    } */
        
        .label-active,
        .badge-active {
            background-color: #48c2c5;
            padding: 5px 10px;
            border-radius: 6px;
        }
        /* .certificate_title {
    font-size: 19.5px;
    color: #333333;
    } */
        
        div#preview-popup .modal-body h1 {
            text-align: center;
        }
        
        #preview-popup .modal-header {
            min-height: 40px;
            justify-content: flex-end;
            /*flex-direction: row-reverse;*/
        }
        
        .notification {
            border-width: 1px 1px 1px 8px;
            color: #48c2c5 !important;
            border-style: solid;
            background: #ebf8f8;
            font-size: 16px!important;
        }
        /* Remove After add proper nav styles */
        
        #top-nav .top-nav-ul {
            display: flex;
            position: absolute;
            left: auto;
            right: 184px;
        }

        #navMenu.bLogged .navbar-navigation li,
        #top-nav .top-nav-ul li {
            height: auto;
            width: auto;
            margin: 0;
            padding: 0px 10px;
            position: static;
            text-transform: none;
            -webkit-font-smoothing: subpixel-antialiased;
            -moz-osx-font-smoothing: auto;
            list-style: none;
            border-right: solid 1px rgba(255, 255, 255, .3);

        }
        #navMenu.bLogged .navbar-navigation li.active a, #navMenu.bLogged .navbar-navigation li:hover a,
        #top-nav .top-nav-ul li.active a,#top-nav .top-nav-ul li:hover a{
            color: #B9D6D6;

        }
        #navMenu.bLogged .navbar-navigation li:last-child,
        #top-nav .top-nav-ul li:last-child {
            border-right: none;
        }

        #navMenu.bLogged .navbar-navigation li a:hover,
        #navMenu.bLogged .navbar-navigation li a:focus,
        #top-nav .top-nav-ul li a:hover,
        #top-nav .top-nav-ul li a:focus {
            text-decoration: none;
        }
        
        #top-nav * {
            height: auto;
            width: auto;
            text-shadow: none;
            text-transform: none;
            letter-spacing: normal;
            border-radius: 0;
            box-sizing: content-box;
            transition: none;
            -webkit-font-smoothing: subpixel-antialiased;
            -moz-osx-font-smoothing: auto;
            color: #ffffff;
            font-family: Graphik-Regular;
            font-size: 14px;
            line-height: 22px;
            align-items: center;
            display: flex;
            cursor: pointer;
            margin: 0px!important;
        }
        /*-------------------------------- */
        
        @media screen and (orientation:landscape) {
            #preview-popup {
                max-width: 60%;
                max-height: 100%;
                top: 50%;
                transform: translateY(-50%);
            }
        }
        
        @media screen and (max-height:480px) and (orientation: landscape) {
            #myModal {
                overflow: scroll;
                min-height: 100%;
                max-height: 100%;
            }
        }
        
        @media (hover: none) {
            /* custom css for devices where the primary input mechanism cannot hover 
        at all or cannot conveniently hover*/
            nav.navbar.main-menu li a:hover {
                background-color: unset !important;
            }
        }
        /* ::-webkit-scrollbar {
            height: 12px;
            width: 12px;
            background: red;
        }

        
         ::-webkit-scrollbar-thumb {
            background: green;
            -webkit-border-radius: 1ex;
            -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
        }
        
         ::-webkit-scrollbar-corner {
            background: blue;
        } */
        
        @media print {
            .no-print {
                display: none !important;
            }
        }
        /*---- Start Checkbox Menu ----*/
        
        .checkbox-menu li label,
        .mylearning-filter li label {
            display: block;
            padding: 5px 10px;
            clear: both;
            font-weight: normal;
            line-height: 1.42857143;
            color: #333;
            white-space: nowrap;
            margin: 0;
            transition: background-color .4s ease;
        }
        
        .checkbox-menu li input,
        .mylearning-filter li input {
            margin: 0px 5px;
            top: 0px;
            position: relative;
        }
        
        .checkbox-menu li.active label {
            background-color: #cbcbff;
            font-weight: bold;
        }
        
        .checkbox-menu li label:hover,
        .checkbox-menu li label:focus {
            background-color: #f5f5f5;
        }
        
        .checkbox-menu li.active label:hover,
        .checkbox-menu li.active label:focus {
            background-color: #b8b8ff;
        }
        /*--------- End Checkbox Menu ------*/
        .password-complexity{
            font-size: 15px; 
            font-weight: bold;
        }
        .cover{
            width:100%;
            height:100%;
            background:transparent;
            position:absolute;
            z-index:2;
            top:0;
            left:0;
            display:block; 
        }

        .profile-form{
            margin-top: 0 !important;
        }
        .profile-margin{
            margin-top: -5px;
        }

        #errorModal {
            height: auto !important;
            top: 30%;
            width: auto !important;
            border: none !important;
            box-shadow: none !important;
            background-color: transparent;
        }
        #errorModal .modal-content {
            border: none;
            align-items: center;
            padding: 30px 20px;
            background-color: transparent;
        }
        #errorModal #modalMsg {
            margin-top: 20px;
            text-align: center;
            /*font-size: 16px;*/
        }
        #errorModal + .modal-backdrop {
            background: rgba(0, 0, 0, 0.0) !important;
        }

        #feedbackModal {
            height: auto !important;
            top: 25%;
            border: none !important;
            justify-content: center;
            align-items: center;
        }
        #feedbackModelTitle {
            display: flex;
            align-items: center;
            font-family: Graphik-Medium !important;
        }
        #feedbackModelContent {
            font-family: Graphik-Regular !important;
        }
        .rating-stars ul {
            list-style-type:none;
            padding:0;
            width: fit-content;
            cursor: pointer;
        }
        .rating-stars ul > li.star {
            display:inline-block;   
        }
        .rating-stars ul > li.star > i.fa,
        .rating-stars ul > li.star > p {
            font-size:2.2em;
            color:#e8e8e8;
        }
        .rating-stars ul > li.star.hover > i.fa {
            color:#FFCC36;
        }
        .rating-stars ul > li.star.selected > i.fa {
            /* color:#FF912C; */
            color:#FFCC36;
        }

        .date-disabled {
            background-color: #eeeeee !important;
            pointer-events: none;
        }

        .img-error-page {
            height: 350px;
            margin: 0 !important;
        }
        .error-page h1 {
            color: #00787D;
        }
        .error-page h3 {
            font-weight: 700;
        }
        .error-page a{
            color: #3c3c3c;
        }
        .error-page a:hover, a:focus {
            color: #00787d;
        }


        .hours-allocation legend:after {
            border: none;
        }
        .auto-sync-btn {
            height: 40px;
            display: inline-block;
            line-height: 48px;
            margin-right: 0px !important;
        }
        .auto-sync {
            display: inline-block;
            border: none;
            vertical-align: top;
            line-height: 40px;
            font-size: 14px;
        }

        .hours-allocation .radio  {
            margin-bottom:0px;
            margin-top:10px;
        }
        .hours-allocation .radio legend {
            display: none ;
        }
        .hours-allocation.active-tab-content {
            border: 1px solid #eee !important;
        }


        .auto-renew {
            margin-top: 31px;
        }
        .auto-sync-active {
            background: #48c2c5!important;
            color: #fff!important;
            border-color: #48c2c5 !important;
        }
        .auto-sync-active i , .auto-sync-deactivate i{
            color: #00787d !important;
            font-size: 15px;
            padding-right: 10px;
        }
        .auto-sync-activate, auto-sync-deactivate {
            padding-right: 5px;
        }
        .auto-sync-activate .fas, .auto-sync-deactivate .fas{
           font-size: 25px;
           color: #00787d !important;
        }


        .btn-utlization {
            margin-top: 0px !important;
        }


        .serviceHoursToolbar {
                display: flex;
                justify-content: space-between;
                align-items: center;
        }

        .serviceHoursToolbar span {
            margin-right: 10px;
        }

        .allocationTable td {
            word-break: break-word;
        }

        table.allocationTable thead th:nth-child(8)  {
                width: 120px;
        }

        .table-toolbar .pull-left {
            display: flex;
            align-items: center;
            margin-right: auto;
        }

        .table-toolbar .pull-right {
            display: flex;
            align-items: center;
        }

        .link-disabled {
            pointer-events: none;
            cursor: not-allowed !important;
        }


        .allocation-type-radio {
            margin-right:0px !important;
        }
        h3.model-heading {
            text-align: left;
            font-size: 16px;
            font-weight: 500;
        }
        #preview-popup .hours-allocation table td {
            width: auto;
        }
        #preview-popup .hours-allocation table th {
            width: auto;
        }

        .util-exceeded,
        .churned-email {
            color: #9d261d !important;
        }

        .page-catalogue .enrol-button {
            border: 1px solid !important;
        }
        .page-catalogue .enrol-button:hover {
            border: 1px solid  #48c2c5 !important;
        }
        .page-catalogue span.btn.btn-small.btn-primary.enrol-button:hover {
            border: 1px solid  #48c2c5 !important;
        }

        /*#00787d!important*/
        /*#48c2c5!important*/

        .page-preloader {
            opacity: 1;
        }
        .page-preloader {
            background: #000000cf url('/www/camms/img/loader.svg') no-repeat center center
        }

        .pl-activity-list {
            list-style: none;
            float: left;
            margin: 5px 5px;
            padding: 5px;
            border: 1px #eee solid;
        }

        .selected-items.pl-items {
            flex-wrap:wrap;
        }

        .activity-item {
            margin-right: 5px;
        }
        #activityList  .activity-title {
            padding-left: 15px;
        }


        .max-height-305 {
            max-height: 305px;
            min-height: 305px;
        }
        .btn-remove {
            font-size: 15px;
            line-height: 20px;
        }

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

        @media screen and (max-width:768px) {
            .max-height-305 {
                max-height: 346px;
                min-height: 346px;
            }
        }

        .onlyLogin .login-form-wrapper {
            background: #f8fafa;
            padding: 100px 0;
            margin: 70px 0;
        }
        .onlyLogin .marketing-container{
            background: #fff;
        }
        .onlyLogin .marketing-container h3{
            color: #5c595a;
            font-size: 25px;
            margin-bottom: 21px;
        }
        .onlyLogin .marketing-container .btn-cta{
            background-color: #ff7b00;
            border: 1px solid #ff7b00;
            padding: 15px 20px;
            color: #fff;
            width: 370px;
            margin: 0 auto;
            font-size: 20px;
            display: block;
        }
        
        .onlyLogin .marketing-content ul,
        .onlyLogin .marketing-content ol {
            margin-bottom: 35px;
            margin-top: 35px;
        }
        .onlyLogin .marketing-content ul li,
        .onlyLogin .marketing-content ol li {
            font-size: 18px;
            line-height: 2;
        }
        .onlyLogin .marketing-content > div > p {
            font-size: 16px;
            line-height: 1.5;
        }
        .onlyLogin .marketing-content .listing-div a {
            color: #00787d;
        }
        .onlyLogin .marketing-content .listing-div a:hover {
            color: #48c2c5 !important;
        }
        .onlyLogin .marketing-content {
            padding: 115px 65px;
            position: absolute;
            z-index: 10;
        }
        .onlyLogin .marketing-bg {
            position: absolute;
            width: 100%;
            height: 840px;
            bottom: -180px;
            background-image: url(../img/image11.svg), url(../img/image22.svg);
            background-size: 60% 60%, cover;
            background-position: center 60%, center;
            background-repeat: no-repeat, no-repeat;
            z-index: 9;
        }
        .onlyLogin .user-icon-email,
        .landingOnly .user-icon-email{
            background-image: url(../img/email.svg);
            width: 20px;
            height: 20px;
            background-repeat: no-repeat;
        }
        .onlyLogin .lemail i {
            position: absolute;
            top: 9px;
            left: 6px;
        }
        .onlyLogin .user-icon-password,
        .landingOnly .user-icon-password{
            background-image: url(../img/password.svg);
            width: 20px;
            height: 20px;
            background-repeat: no-repeat;
        }
        .onlyLogin .lpassword i {
            position: absolute;
            top: 9px;
            left: 10px;
        }
        .onlyLogin .lpassword button.reveal i {
            color: #a3a3a3;
        }
        .onlyLogin .main-login legend::after{
            display: none;
        }
        .onlyLogin .main-login .lemail{
            margin-top: 15px;
        }
        .onlyLogin .main-login input.input-block-level,
        .landingOnly input.input-block-level{
            border: none !important;
            /* box-sizing: border-box; */
            border-radius: 0px !important;
            box-shadow: none;
            /* margin-bottom: 20px; */
            /* visibility: visible !important; */
            /* opacity: 1; */
            border-bottom: 1px solid #cdcdcd !important;
            border-radius: 0;
        }
        .onlyLogin .reset-negative-margin{
            margin: 0!important;
        }
        
        .mobile-only-home-menu{
         display: none;
        }
        
        .onlyLogin .navbar-mobile-n {
            display: inline-block;
            position: absolute;
            top: 0;
            z-index: 9;
            right: 0;
            /* padding: 10px; */
        }
        .onlyLogin .navbar-mobile-n ul.navbar-navigation {
            display: flex;
            list-style: none;
            margin: 12px 20px;
            /* color: #fff; */
        }
        .onlyLogin .navbar-mobile-n ul.navbar-navigation li {
            padding: 10px;
            margin-right: 10px;
        }
        .onlyLogin .navbar-mobile-n ul.navbar-navigation li a {
            color: #fff;
            animation: none;
            font-family: Graphik-Regular;
            font-size: 13px;
        }
        .onlyLogin .navbar-mobile-n ul.navbar-navigation li a:hover, .navbar-mobile-n ul.navbar-navigation li a a:focus {
            color: #005478;
            text-decoration: none;
            color: #fff;
        }
        .onlyLogin .body-container.mainlogin.logincheck #footer-col-1 {
            display: none;
        }
        /* .onlyLogin .body-container.mainlogin.logincheck .footer-navigation{
            text-align: left;
            display: flex;
            justify-content: center;
        } */
        .onlyLogin .body-container.mainlogin.logincheck .footer-navigation:first-child a{
            color: #000;
        }
        /* .onlyLogin .body-container.mainlogin.logincheck .footer-navigation ul:first-child a::after {
            content: "";
        }
        .onlyLogin .body-container.mainlogin.logincheck .footer-navigation li:nth-child(2) a::after {
            content: "|";
        }
        .onlyLogin .body-container.mainlogin.logincheck .footer-navigation li:nth-child(1) a::after {
            content: "";
        }
        .onlyLogin .body-container.mainlogin.logincheck .footer-navigation li:first-child{
            order: 2;
        }
        .onlyLogin .body-container.mainlogin.logincheck .footer-navigation li:nth-child(2){
            order: 1;
        } */
        .onlyLogin .body-container.mainlogin.logincheck .site-footer{
            background: #f8fafa;
            z-index: 9;
            width: 50%;
        }
        
        .onlyLogin .body-container.mainlogin.logincheck #mainContainer .alert.alert-danger{
            position: absolute;
            top: 10%;
            width: 35%;
            z-index: 4;
            text-align: center;
            left: 7%;
        }
        .onlyLogin .body-container.mainlogin.logincheck #mainContainer .alert-danger, 
        .onlyLogin .alert-error,
        .onlyLogin .body-container.mainlogin.logincheck #mainContainer .alert .alert-success {
            position: absolute;
            top: 10%;
            z-index: 4;
            width: 38%;
            text-align: center;
            left: 7%;
        }
        
        .onlyLogin .mainForgotPw ul.alert.alert-success,
        .onlyLogin .mainForgotPw ul.alert.alert-error {
            position: absolute;
            top: -62px;
            width: 100%;
            left: 0;
        }
        .onlyLogin .body-container.mainlogin.logincheck #mainContainer h1{
            display: none;
        }
        .onlyLogin .body-container.mainlogin.logincheck #mainContainer .alert.alert-success {
            position: absolute;
            top: 10%;
            width: 35%;
            z-index: 4;
            text-align: center;
            left: 7%;
        }
        .onlyLogin .body-container.logincheck.mainResetPw main.main {
            margin-top: 100px;
        }

        .onlyLogin .body-container.logincheck .row .col-lg-6:first-child {
            display: block;
        }

        .onlyLogin .body-container.logincheck {
            min-height: 100%;
            min-height: 100%;
            background: none;
            background-size: cover;
            padding: 0;
        }

        .onlyLogin .body-container.mainlogin.logincheck main.main {
            padding: 0;
            top: 0;
            margin: 0 !important;
            padding-bottom: 0 !important;
        }

        .login-dropdown .dropdown-container input {
            border-radius: 0 !important;
            border: none !important;
            border-bottom: 1px solid #cdcdcd !important;
        }


        @media (max-width: 768px) {
            .mobileCheck #navMenu.menu-open-new  {
                width: 100%!important;
                display: block!important;
                z-index: 12;
                position: fixed;
            }
            .mobileCheck #navMenu .navbar-navigation li:first-child{
                margin-top: 20px;
            }
            .mobileCheck .body-container.logincheck nav.navbar.main-menu li a:hover, 
            .mobileCheck .body-container.logincheck nav.navbar.main-menu li.active a {
                color: #fff !important;
            }
            .body-container.logincheck nav.navbar.main-menu li a {
                padding: 14px 10px !important;
                font-weight: bold;
                font-size: 16px;
            }
            .body-container.logincheck nav.navbar li a::before {
                display: none !important;
            }
            .onlyLogin .body-container.logincheck .row .col-lg-6:first-child {
                display: block;
                padding: 0;
                margin-top: 120px;
            }
            .header-menu.mobile-only-home-menu{
                position: absolute;
                right: 0;
                top: 0;
                width: 60px;
                height: 60px;
                border: none;
                background: transparent;
                text-align: center;
                padding: 18px;
                display: block;
                left: auto;
                /* display: none; */
            }
            .mobile-only-support-link {
                color: #FFF;
                position: absolute;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                height: 100%;
                padding: 0 30px 0 0;
                font-family: Graphik-Regular;
                font-size: 13px;
            }
            .mobile-only-support-link:hover {
                color: #B9D6D6;
            }
            .onlyLogin .mobileCheck #navMenu {
                width: 100%;
                display: none;
            }

            .onlyLogin .mobileCheck #navMenu.fliph{
                display: block;
            }
            .onlyLogin .body-container.mainlogin.logincheck #mainContainer .alert.alert-success {
                position: absolute;
                top: 10%;
                z-index: 4;
                width: 100%;
                left: 0;
            }

            .onlyLogin .navbar-mobile-n {
                display: inline-block;
                position: absolute;
                top: 0;
                z-index: 9;
                right: 0;
            }
            .onlyLogin .navbar-mobile-n ul.navbar-navigation {
                display: flex;
                list-style: none;
                margin: 65px 0px;
                flex-direction: column;
                align-items: flex-start;
                height: 100vh;
                background: #00787d;
            }
            .onlyLogin .navbar-mobile-n ul.navbar-navigation li {
                padding: 15px;
                margin-right: 10px;
                width: 100%;
                margin-bottom: 10px;
                border-bottom: 1px solid #fff;
            }
            .onlyLogin .navbar-mobile-n ul.navbar-navigation li a {
                color: #fff;
                animation: none;
                font-family: Graphik-Regular;
                font-size: 13px;
                background: #00787d;
                font-weight: bold;
            }
            .onlyLogin .navbar-mobile-n ul.navbar-navigation li a:hover, .onlyLogin .navbar-mobile-n ul.navbar-navigation li a a:focus {
                color: #005478;
                text-decoration: none;
                color: #fff;
            }
            .onlyLogin .navbar-mobile-n ul.navbar-navigation{
                display: none;
            }
            .onlyLogin .body-container.logincheck .site-footer{
                padding: 15px;
                position: relative;
            }
            .onlyLogin .body-container.mainlogin.logincheck .site-footer {
                    width: 100%;
            }
            .onlyLogin .body-container.mainlogin.logincheck #mainContainer .alert.alert-danger {
                width: 100%;
                margin: 0;
                top: 86px;
                left: 0;
                position: relative;
            }
            .onlyLogin .body-container.mainlogin.logincheck #mainContainer .alert-danger,
            .onlyLogin .alert-error,
            .onlyLogin .body-container.mainlogin.logincheck #mainContainer .alert .alert-success {
                position: sticky;
                top: 10%;
                z-index: 4;
                width: unset !important;
                text-align: center;
                left: unset !important;
            }
            /* .body-container.mainlogin.logincheck #mainContainer .alert-danger, .alert-error {
                top: 12%;
                position: absolute;
                z-index: 4;
                width: 100%;
                margin: 0;
                left: 0;
            } */
            .onlyLogin .mainForgotPw ul.alert.alert-error,
            .onlyLogin .mainForgotPw ul.alert.alert-success {
                top: 0px;
                position: relative;
            }
            .onlyLogin .body-container.logincheck button.button.button-header.button--login.loginminimodal {
                display: none;
            }

            .cons-hours .button-box {
                margin-top: 10px;
                gap: 10px;
            }
            #dashboard .cons-hours .button-box .btn{
                height: 35px;
                font-size: 12px;
            }
        }
        @media (max-width: 576px) {
            .onlyLogin .main-login {
                max-width: 330px;
                min-height: 500px;
            }
            .onlyLogin .login-form-wrapper {
                /* padding: 24vh 0; */
                margin: 0 0;
            }
        }
        .btn-remove {
            font-size: 15px;
            line-height: 20px;
        }

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

        @media screen and (max-width:768px) {
            .onlyLogin .max-height-305 {
                max-height: 346px;
                min-height: 346px;
            }
            .onlyLogin .main-login #remember-me {
                margin: 3px 8px 0 -20px;
                width: 16px;
                height: 16px;
                position: absolute;
                left: 31%;
            }
            .landingOnly .login-dropdown .dropdown-container input {
                padding-left: 45px!important;
            }
        }

        .distribution
        {
            .notifySelected {
                margin-top: 35px;
            }
            .insignia {
                margin-right: 5px;
            }
        }

        .distribution-date-learners{
            padding: 0;
        }
        .distribution-date-learners legend.col-lg-12 {
            padding: 0;
        }
        .distribution-date-learners .col-lg-6 {
            padding: 0;
        }
        .distribution-date-learners button#btn-distribute {
            margin: 27px;
        }
        .distribution-date-learners span.add-on {
            padding: 14px;
            border-radius: 5px!important;
            margin-left: 5px;
        }
        .distribution-date-learners .input-append.date .add-on i{
            line-height: 0.1;
        }
        .onlyDist .bootstrap-datetimepicker-widget.dropdown-menu {
            top: 1755px!important;
            left: 516px!important;
        }
        .onlyDist .distribution-date-learners legend {
            font-weight: bold;
        }
        .distribution-date-learners .dist-col {
            padding: 0;
        }
        @media (max-width: 768px) {
            .onlyDist .distribution-date-learners{
                display: none;
            }
        }
        .dist-pagination {
            display: flex;
            justify-content: space-between;
            max-width: 95%;
        }
        .dist-next{
            pointer-events: none;
            opacity: 0.65;
        }
        .dist-next.enable{
            pointer-events: all;
            opacity: 1;
        }

        /* fix for sort by not working on mobile */
        ul.dropdown-menu {
            padding: 0 !important;
        }
        .dropdown-menu > li > a {
            z-index: 999;
            padding: 5px 20px;
        }
        li.dropdown-submenu ul.dropdown-menu li a {
            font-size: 13px;
        }


        #preloader-not-ajax {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 9999;
            /* background: rgba(255, 255, 255, 0.8); */
            background: #000000cf url('/www/camms/img/loader.svg') no-repeat center center;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: opacity 0.5s ease, visibility 0.5s ease;
            opacity: 1;
            visibility: visible;
        }
        
        #preloader-not-ajax.hidden {
            opacity: 0;
            visibility: hidden;
        }
        .d-flex-space-between{
            justify-content: space-between
        }
        .remove-before-after::before,
        .remove-before-after::after{
            display: none;
        }
        .bulkupload #btn-upload{
            margin-top: 25px;
        }
        .distribution-progress #progress{
            max-width: 50%;
            text-align: left
        }
        .distribution-progress #percent{
            text-align: left;
        }

        /* custom class to disable buttons/links/buttonLinks */
        .color-disabled {
            background-color: #a2a2a6 !important;
        }
        .btn-bordered-disabled {
            border: 1px solid #a2a2a6 !important;
            color: #a2a2a6 !important;
            background: transparent !important;
        }
        .pagelist-view table.listViewInside td:last-child {
            min-width: 190px;
        }
        @media (max-width: 768px) {
            input#profile-photo {
                min-height: 38px;
                border: none;
                padding: 5px 0px;
                max-width: 300px;
                margin: 0 auto;
            }
        }
        .catalogue .activities {
            position: relative;
            cursor: pointer;
        }
        .catalogue-hover{
            background-color: transparent;
            color: transparent;
            width: 100%;
            height: 100%;
            position: absolute;
            transition: background-color 0.3s ease-in-out;
            /* transition: color 0.4s ease; */
        }
        .catalogue-hover:hover{
            display: flex;
            color: #fff;
            background: #2d2f312b;
            justify-content: center;
        }
        .catalogue-hover-desc {
            padding: 35px;
            display: flex;
            align-content: center;
            flex-wrap: wrap;
        }

        .linkOrLaunchWrapper {
            width: 100%;
            height: 100%;
            position: absolute;
            background: none;
            border: none;
            padding: 0;
        }
        .btn.linkOrLaunchWrapper {
            background: none;
        }
        .btn.linkOrLaunchWrapper:hover {
            background: none !important;
        }
        @media (max-width: 768px) {
            #learningResource + table.listViewInside tr:last-child td {
                border-top: none;
            }
        }
        .checkbox-list-scroll {
            overflow: scroll;
            max-height: 200px;
            overflow-x: hidden;
            margin-bottom: 15px;
        }

        .microlearning-multiselect .selectAllBtnContainer {
            display: none;
        }
        .microlearning-multiselect fieldset.multi_checkbox legend {
            font-size: 20px !important;
        }
        .microlearning-multiselect fieldset div.options {
            overflow: scroll;
            max-height: 150px;
            overflow-x: hidden;
        }

        .microlearning-multiselect  div.error ul {
            background-color: #f2dede;
            border-color: #e4b9b9;
            color: #323250;
            font-size: 13px !important;
            margin: 10px 0;
            padding: 8px 35px 8px 14px;
            text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
            border-radius: 4px;
            position: relative;
            list-style: none;
        }
        #progress #dots, #progress #percent, #progress #status{
            display: inline-block;
            margin-right: 3px;
        }
        .admin-group-directory .activity-tools.btn-left .btn.action-btn {
            margin: 0 !important;
            border: none !important;
        }
        .admin-group-directory .activity-tools .btn.btn-small:hover {
            border: none!important;
            background: none!important;
        }
        @media (max-width: 768px) {
            #navMenu {
                position: fixed;
            }
            .pagination {
                margin: 2px 0 85px 0;
            }
        }
        @media (max-width: 1366px) {
            /*.onlyLogin .marketing-content {*/
            /*    padding: 35px 65px;*/
            /*}*/
            /*.onlyLogin .login-form-wrapper {*/
            /*    padding: 0px 0;*/
            /*    margin: 20px 0;*/
            /*}*/
            /*.onlyLogin .marketing-bg {*/
            /*    height: 596px;*/
            /*    bottom: -189px;*/
            /*}*/
        }
       /* @media (min-resolution: 120dpi) and (max-resolution: 149dpi), */
       /*(min-resolution: 1.25dppx) and (max-resolution: 1.49dppx), */
       /*(min-resolution: 1.25x) and (max-resolution: 1.49x) {*/
       /*     !* .onlyLogin .marketing-content {*/
       /*         padding: 60px 65px;*/
       /*     }*/
       /*     .onlyLogin .login-form-wrapper {*/
       /*         background: #f8fafa;*/
       /*         padding: 0;*/
       /*         margin: 70px 0;*/
       /*     }*/
       /*     .onlyLogin .marketing-bg {*/
       /*         height: 665px;*/
       /*         bottom: -136px;*/
       /*     }    *!*/
       /*     .onlyLogin .marketing-content {*/
       /*         padding: 35px 65px;*/
       /*     }*/
       /*     .onlyLogin .login-form-wrapper {*/
       /*         padding: 0px 0;*/
       /*         margin: 20px 0;*/
       /*     }*/
       /*     .onlyLogin .marketing-bg {*/
       /*         height: 596px;*/
       /*         bottom: -189px;*/
       /*     }*/
       /* }*/


/* Following styles are applied for UI rewamp (ACCL-1071) */

.orange-text {
    color: #ff7b00;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.flex-container-no-margin {
    display: flex;
    flex-wrap: wrap;
}

.flex-item {
    padding-right: 15px;
    padding-left: 15px;
}

.flex-col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.flex-col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.flex-col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.flex-col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.flex-col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

.flex-col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.flex-col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}

.flex-col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

.flex-col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.flex-col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}

.flex-col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}

.flex-col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}


.flex-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;

}

.flex-margin-bottom{
    margin-bottom: 50px;
}

.flex-margin-bottom-60{
    margin-bottom: 60px;
}

.flex-row-item {
    padding-right: 15px;
    padding-left: 15px;
}

.d-flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-column {
    flex-direction: column;
}

.justify-content-between {
    justify-content: space-between;
}
.flex-align-items-center {
   align-items: center;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}
.no-margin{
    margin: 0!important;
}
.mobile-only{
    display: none;
}
.duration-mobile-only{
    display: none;
}
.text-grey-light{
    color: #595959;
}
.text-orange{
    color: #f5871f;
}


.learning-main-thumbnail-wrapper{
    display: flex;
    position: relative;
}
.learning-main-thumbnail-wrapper img.learning-main-thumbnail{
    margin: auto;
}
/* By gayan */
.my-learning-detailcontainer .flex-row.more-details-panel .instructors-text-desc{
    min-height: 40px;
}
.my-learning-detailcontainer .flex-row.more-details-panel  .more-details-panel-webinar .instructors.multi-instructors:after{

}
/*.my-learning-detailcontainer  .my-learning-main-content  .more-details-panel .instructors.multi-instructors:after {*/
/*    height: 36px;*/
/*    width: 36px;*/
/*    top: 9px;*/
/*    left: 44px;*/
/*    border: 1px #ffffff solid;*/
/*}*/
.my-learning-detailcontainer  .my-learning-main-content  .instructors.multi-instructors .instructors-no span {
    top: 18px;
    left: 53px;
}

.my-learning-detailcontainer .my-learning-main-content .more-details-panel {
    padding-bottom: 15px;
}
.my-learning-detailcontainer  .my-learning-main-content .learning-main-thumbnail-wrapper .my-learning-main-thumbnail-bg {
    height: auto;
    background-size: cover;
    min-height: 200px;
}

.my-learning-detailcontainer  .mylearning-details-main-wrapper p {
    letter-spacing: 0.04rem;
    line-height: 1.3rem;
}

.my-learning-detailcontainer .my-learning-main-content div.learning-main-desc , .my-learning-main-content.playlist-detail-container div.learning-main-desc{
    border-bottom: 1px solid #e8e8e8 !important;
    padding-bottom: 10px;
    margin-bottom: 15px !important;
}
.my-learning-detailcontainer.micro-learning  div.learning-main-desc{
    border-bottom: none !important;
}
.my-learning-detailcontainer.mylearning-details-main-wrapper ul.list-group .list-group-item.catalogue-duration:last-child::after {
    border-bottom: none;
}
.my-learning-detailcontainer.micro-learning  ul.list-group.shadow-background{
    min-height: 320px;
}
div .my-learning-detailcontainer.micro-learning .catalogue-common-container{
    min-height: 320px;
}

/*.my-learning-main-content.playlist-detail-container div.duration::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    display: block;*/
/*    border-right: 1px solid #dbdbdb;*/
/*    margin-top: 10px;*/
/*    width: 1px;*/
/*    height: 33px;*/
/*    top: 10%;*/
/*    left: 50%;*/
/*}*/


.my-learning-main-thumbnail-bg {
	position: relative;
	max-height: 500px;
	/* max-width: 300px; */
	/* min-height: 500px; */
    height:152px;
	min-width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 10px;
	background-position: center;
}
.my-learning-activity-thumb {
	display: block;
	height: 30px;
	width: 100%;
	position: absolute;
	top: 30px;
	left: 6px;
	background-repeat: no-repeat;
}
.my-learning-activity-thumb.course{
    background-image: url(../img/courseAsset.svg);
}

.my-learning-activity-thumb.microlearning{
    background-image: url(../img/microlearningAsset.svg);
}
.my-learning-activity-thumb.playlist{
    background-image: url(../img/playlistAsset.svg);
}
.my-learning-activity-thumb.facetoface,.my-learning-activity-thumb.facetofacetraining{
    background-image: url(../img/f2fAsset.svg);
}
.my-learning-activity-thumb.webinar{
    background-image: url(../img/webinarAsset.svg);
}

.my-learning-certificate-thumb{
    display: block;
	height: 30px;
	width: 100%;
	position: absolute;
	top: 6px;
	left: 94px;
	background-repeat: no-repeat;
    background-image: url(../img/certificateIconAsset.svg);
}
.related-activities-img.related-activities-slider .my-learning-activity-thumb{
    top: 16px !important;
    left: 16px !important;
}

.related-activities-img.related-activities-slider .my-learning-certificate-thumb{
    top: 16px;
    left: 104px;
}

.related-activities-img .my-learning-certificate-thumb{
    top: 14px;
    left: 100px;
}
.my-learning-course-main-title{
    font-family: Graphik-Medium;
}
.my-learning-product-thumb-wrapper {
	display: flex;
	position: absolute;
	bottom: 27px;
	left: 5px;
	max-width: none !important;
    gap:3px;
	overflow: hidden;
}
.my-learning-product-thumb {
    border-radius: 10px !important;
    border: 2px solid #fffffff5;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	height: 35px;
	width: 35px;
    margin-right: 2px;
}

.my-learning-product-thumb.project{
    background-image: url(../img/projectAsset.svg);
}
.my-learning-product-thumb.connect{
    background-image: url(../img/connectAsset.svg);
}
.my-learning-product-thumb.engage{
    background-image: url(../img/engageAsset.svg);
}
.my-learning-product-thumb.insights{
    background-image: url(../img/insightsAsset.svg);
}
.my-learning-product-thumb.risk{
    background-image: url(../img/riskAsset.svg);
}
.my-learning-product-thumb.strategy{
    background-image: url(../img/strategyAsset.svg);
}
.my-learning-product-thumb.talent{
    background-image: url(../img/talentAsset.svg);
}
.learning-main-desc {
    margin-bottom: 30px !important;
}
.learning-main-desc {
    position: relative;
}
.more-details-panel::after {
    position: absolute;
    content: "";
    left: 16px;
    width: 96%;
    border-bottom: 1px solid #dbdbdb;
    top: -10px;
}
.launch-wrapper {
    display: flex;
    justify-content: end;
}

.launch-wrapper.playlist-activity {
    justify-content: start;
}
.px-4-5 {
    padding-left: 1.95rem !important;
    padding-right: 1.95rem !important;
}
.custom-btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 4px 18px!important;
    /* padding: 0.375rem 0.75rem; */
    font-size: 14px;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    height: 35px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.related-activities-card-wrapper{
    /* width: 24%; */
    /* margin: 10px; */
    flex: 0 0 24%;

}
.custom-card {
    min-height: 400px;
    position: relative;
}
.custom-card .my-learning-activity-thumb {
	top: 14px;
	left: 13px;
}
.custom-card-deck {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.mylearning-title-desc-wrapper.flex-item.flex-col-12.mt-3 {
    position: relative;
}
.share-link,.share-link-inline  {
    position: relative;
    border: 1px solid #00787d;
    border-radius: 100px;
    padding: 4px 18px 4px 40px;
    color: #00787d;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    background: url(../img/share-new.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    height: 35px !important;
    background-position: 20%;
}
.share-link:active,.share-link-inline:active  {
    text-decoration: unset;
}
/*.bg-share{
    background-size: contain;
    background-position: left;
    width: 20px;
    height: 20px;
}*/
.share-link:hover,.share-link-inline:hover{
    background: url(../img/share-new-white.svg);
    background-size: 20px;
    background-position: 20%;
    background-color: #48c2c5;
    background-repeat: no-repeat;
    border: 1px solid #48c2c5;
    text-decoration: none;
    color: #fff;
}
.share-link-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}





.custom-card {
    min-width: 175px;
    /* flex: 1 0 0%; */
    /* margin: 10px; */
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.learning-main-desc-see-more,
.learning-instructor-see-more{
    display: none;
}







.custom-card-body {
    padding: 0px 6px;
    min-height: 112px;
    display: flex;
    flex-direction: column;
}
.custom-card-body:last-child {
	justify-content: space-between;
}
.custom-card-buttons {
    display: flex;
    margin-bottom: 10px;
    margin-top: auto;
    align-items: end;
    /*padding: 0 6px;*/
}
.custom-card-products-duration {
    display: flex;
    justify-content: space-between;
    padding: 10px 5px;
    max-height: 55px;
    min-height: 55px;
}
.custom-card-progress-percentage{
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
}
.custom-card-body .my-learning-progress-container{
    width: 100%;
}
.border-radius-card-10{
    border-radius: 10px;
}
.border-radius-card-15{
    border-radius: 15px;
}
.border-radius-card-circle{
    border-radius: 50%;
}
.my-learning-course-main-title {
    font-size: 1.6rem;
    font-weight: 100;
}
.graphik-medium{
    font-family: Graphik-Medium;
}
.graphik-regular{
    font-family: Graphik-Regular;
}
.mylearning-title-container {
    padding-right: 35px;
    padding: 0;
}
.my-learning-detailcontainer .mylearning-title-container {
    padding: 0px 35px 0px 15px;
}
.shadow-background {
    background: #fff;
    border: 1px solid #e6e6e6;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 121, 126, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 121, 126, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 121, 126, 0.1);
}
.mylearning-details-main-wrapper .list-group-item{
    position: relative;
    border: none;
    padding: 20px 30px;
    border-radius: 25px;
}
.mylearning-details-main-wrapper .list-group-item::after {
    position: absolute;
    border: none;
    content: "";
    left: 50%;
    top: 100%;
    width: 82%;
    transform: translate(-50%, -50%);
    border-bottom: 2px solid #ebebeb;
}
.mylearning-details-main-wrapper .rating-stars ul > li.star > i.fa, .rating-stars ul > li.star > p {
    font-size: 1.5em;
    color: #e8e8e8;
    text-align: left;
}
span.mylearning-resources-title{
    font-family: Graphik-Regular !important;
    font-size: 13px;
}
.percentage-wrapper {
    display: flex;
    justify-content: space-between;
    max-width: 300px;
}
.my-learning-progress-container {
    width: 100%; 
    background-color: #e0e0e0;
    border-radius: 15px;
    position: relative;
    height: 6px;
    overflow: hidden;
}

.my-learning-progress-container .progress-bar {
    background-color: #48C1C4;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    border-radius: 8px;
    transition: width 0.3s ease;
}

.mylearning-progress-percentage {
    color: #000;
    /* font-weight: bold; */
    /* position: absolute; */
    z-index: 2;
    right: 30px;
    top: 41px;
}

.btn.btn-primary.btn-certificate {
    padding: 7px 20px;
    margin-bottom: 10px;
}
.btn.btn-primary.btn-certificate.disabled {
    background: #9e9e9e !important;
}
.btn.btn-primary.btn-certificate:hover,
.btn.btn-primary.btn-certificate:focus{
    color: #fff;
}
.more-details-panel{
    position: relative;
    align-items: center;
    /* width: 80%; */
}
/* .more-details-panel:before {
    position: absolute;
    content: "";
    left: 50%;
    top: -23px;
    width: 97%;
    transform: translate(-50%, -50%);
    border-bottom: 1px solid #dbdbdb;
} */
.more-details-panel.more-details-panel-playlist .custom-btn{
    max-width: 75px;
}
.more-details-panel.more-details-panel-playlist .duration{
   display: flex;
    justify-content: flex-end;
}
.more-details-panel .instructors{
    display: flex;
    align-items: center;
}
.more-details-panel .instructors p {
    margin: 0 15px;
    /*font-size: 13px;*/
}
.more-details-panel .instructors.multi-instructors p {
    margin: 0 30px;
}
.more-details-panel .instructors {
    position: relative;
}
.instructor-name{
    margin: 0;
    font-weight: normal;
}
.instructor-designation{
    font-weight: normal;
}
.my-learning-detailcontainer .my-learning-main-content .more-details-panel .multi-instructors .instructors-no span {
    top: -10px;
    left: -9px;
}
.more-details-panel .multi-instructors .instructors-no {
    position: relative;
}

.more-details-panel .multi-instructors .instructors-no:after {
    position: absolute;
    content: "";
    height: 40px;
    width: 40px;
    background-color: #48c1c4;
    top: -20px;
    left: -22px;
    border-radius: 50%;
}

.instructors .instructors-no span{
    display: none;
}
.instructors.multi-instructors .instructors-no span {
    position: absolute;
    display: block;
    top: -10px;
    left: -9px;
    z-index: 99;
    color: #fff;
    font-size: 14px;
}
.instructor-profile-pic-wrapper{
    position: relative;
    width: 164px;
    height: 164px;
    /* margin-left: 20px; */
    display: block;
    flex: 0 0 20%;
    text-align: center;
}
.instructor-profile-pic{
    max-width: 164px;
    max-height: 164px;
    /* margin-left: 20px; */
    height: 164px;
    border: solid 4px #48c1c4;
}
/* .instructor-profile-pic-wrapper::after {
    position: absolute;
    content: "";
    max-height: 172px;
    max-width: 172px;
    background-color: #48c1c4;
    top: -2px;
    left: 17px;
    border-radius: 50%;
    width: 169px;
    height: 169px;
    z-index: -1;
} */
.mylearning-details-main-wrapper .more-details-panel .duration {
    position: relative;
    padding-left: 10%;
}
.mylearning-details-main-wrapper .more-details-panel .duration::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 120%;
    background-color: #dbdbdb;
    left: 0px;
    top: -20%;
}

/*.more-details-panel .instructors-text-desc::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 1px;*/
/*    height: 40px;*/
/*    background-color: #dbdbdb;*/
/*    left: 90%;*/
/*    top: 10px;*/
/*}*/
.btn-launch-primary {
    background-color: #f5871f;
    border: 1px solid #f5871f;
    padding: 4px 18px !important;
    text-decoration: none;
    border-radius: 25px;
}
.btn-launch-primary:hover,
.btn-launch-primary:focus{
    text-decoration: none;
    color: #fff;
    background-color: #f5871f;
}
.btn-launch-primary:hover{
    background-color: #48c1c4;
    border: 1px solid #48c1c4;
}
.btn-secondary-inverted {
    text-decoration: none;
    border: 1px solid #00787d;
    border-radius: 25px;
    padding: 3px 20px;
    font-size: 14px;
    color: #00787d;
    background: #fff;
    height: 35px;
    display: inline-flex;
    align-items: center;
}
.btn-secondary-inverted:hover,
.btn-secondary-inverted:focus {
    text-decoration: none;
    background: #48c2c5;
    color: #fff;
    border: 1px solid #48c2c5;
}
.short-text { display: inline; }
.full-text { display: none; }
.learning-objectives {
    position: relative;
}
.learning-objectives span {
    /*display: block;*/
}
.learning-objectives-see-more, .learning-objectives-see-more-mobile, .learning-objectives-see-more-max{
    display: block ;
    color: #00787d;
    cursor: pointer;
    text-align: right;
    margin-top: 10px;
}
.learning-text{
    overflow: hidden;
    position: relative;
}
.fade-out-max {
    max-height: 7rem;
}

.fade-out {
    max-height: 3rem;
}

.fade-out::after,.fade-out-max::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    background: linear-gradient(to top, white, transparent);
    border-bottom: none;
}
.see-more {
    color: #00787d;
    cursor: pointer;
    position: absolute;
    bottom: 3px;
    width: 80px;
    right: 11px;
    font-weight: bold;
    font-size: 13px;
}
.swiper-container{
    position: relative;
    display: flex;
}
.swiper-slide {
    display: flex;
    align-items: center;
}
.instructor-desc{
    padding: 20px 40px;
    min-height: 180px;
}
.instructors img{
    max-height: 60px;
    width: 50px;
    max-width: 60px;
}
.instr-img{
display: flex;
justify-content: center;
}
#related-activities-wrapper-swiper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 1675px;
    gap: 25px;
    padding: 10px;
    margin-right: -16px;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -40px;
    left: 42%;
    width: 133px;
    height: 20px;
}

.swiper-pagination-bullet {
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    background: #fff;
    opacity: 1;
    border: 1px solid #00787D;
    height: 13px;
    width: 13px;
}
.swiper-pagination-bullet-active {
    background: #00787D;
    opacity: 1;
}
.swiper-button-next, .swiper-button-prev , .swiper-button-next1, .swiper-button-prev1 {
    color: #5b5b5b;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 20px;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next, .swiper-button-prev1, .swiper-rtl .swiper-button-next1  {
    left: var(--swiper-navigation-sides-offset,5px);
}
.swiper-button-next, .swiper-rtl .swiper-button-prev , .swiper-button-next1, .swiper-rtl .swiper-button-prev1{
    right: var(--swiper-navigation-sides-offset,10px);
}
.my-learning-product-custom-card-wrapper {
	display: flex;
}

.related-activities-img img {
    width: 100%;
    height: 100%;
    max-height: 220px;
}

.my-learning-activity-thumb {
    display: block;
    height: 30px;
    width: 100%;
    position: absolute;
    left: 6px;
    background-repeat: no-repeat;
    top: 6px;
}
.my-learning-product-thumb-wrapper {
    display: flex;
    position: absolute;
    left: 5px;
    max-width: 200px;
    overflow: hidden;
    bottom: 6px;
}

/* webinar details UI  */
.webinar-resources {
	position: relative;
    padding: 15px;
    width: 100%;
}
.my-learning-progress-container{
    position: relative;
}
.webinar-resources .mylearning-progress-percentage{
    margin-left: 15px;
    right: 29px;
    top: 22px;
}

.webinar-resources-container {
    display: flex;
	padding-left: 25px;
}
.webinar-resources-container .my-learning-progress-container{
    display: flex;
}
.common-resources-progress {
	position: relative;
    margin-bottom: 9px;
}

.webinar-progress .common-resources-progress .percentage-wrapper{
    max-width: 100%;
    padding-right: 20px;
    justify-content: start;
}
.webinar-resources-container .common-resources-progress .percentage-wrapper{
    max-width: 330px;
}
.webinar-resources-launch button.launch-only {
    padding: 3px 20px;
}
.webinar-progress .my-learning-progress-container {
    width: 60%;
}
.webinar-progress .mylearning-progress-percentage {
    margin-left: 15px;
	right: 66px;
	top: 22px;
}
.webinar-details-main-wrapper .learning-objectives ul{
    /*margin: 2px 2px; inside content li styles get mission on webinars */
}
.webinar-details-main-wrapper .learning-objectives ul li{
    margin-bottom: 3px;
}
.webinar-detail-wrapper{
    position: relative;
    align-items: center;
    padding: 1.3rem;
}
.webinar-detail {
    position: relative;
}
webinar-detail-1 {
    padding-left: 30px;
}
.webinar-detail-1:before {
    content: "";
    position: absolute;
    width: 1px;
    background-color: #dbdbdb;
    left: -10px;
    height: 30px;
    top:20%;
}



/* course catalogue details */
.mylearning-title-container.catalogue-courses-title-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.catalogue-courses-title-container h2{
    margin: 0;
}
.catalogue-courses-wrapper .my-learning-main-thumbnail-bg{
    height: auto;
    max-height: 400px;
    min-height: 200px;

}
/*.catalogue-courses-title-container .share-link-inline {
    position: relative;
    text-decoration: none;
    border: 1px solid #00787d;
    border-radius: 15px;
    padding: 3px 12px 3px 33px;
    /* margin-left: 20px;
    margin-top: 2px; */
   /* color: #00787d;
}*/
.mylearning-title-container.catalogue-courses-title-container{
    padding: 0 22px;
}
/* .catalogue-courses-title-container .share-link-inline{
    margin-left: 20px;
}

.catalogue-courses-title-container .share-link-inline:hover, .catalogue-courses-title-container .share-link-inline:focus {
    text-decoration: none;
    color: #fff;
    background-color: #48C1C4;
    border: 1px solid #48C1C4;
}
.catalogue-courses-title-container .share-link-inline::before {
    position: absolute;
    content: "";
    background-image: url(../img/share-new.svg);
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    left: 10px;
    top: 5px;
} */
.catalogue-courses-title-container .share-link-inline:hover::before, 
.catalogue-courses-title-container .share-link-inline:focus::before{
    filter:  brightness(0) invert(1);
}
.catalogue-courses-title-container .share-link-inline img {
    width: 24px;
    height: 24px;
}
.list-group-item.more-details-panel.catalogue-instructors-type {
	padding: 20px 30px;
}
.catalogue-courses-wrapper .more-details-panel .instructors-text-desc::after {
	width: 0px;
}
.catalogue-courses-wrapper .more-details-panel .instructors::after {
	left: 44px;
}
.catalogue-courses-wrapper .instructors-no span {
	left: 57px;
}

.catalogue-duration-icon {
    width: 32px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/WebinarCatalogueDetailsAssetDuration.svg);
    margin: auto !important;
}
.catalogue-product-type-icon {
    width: 32px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/WebinarCatalogueDetailsAssetProduct.svg);
    margin: auto !important;
}

.catalogue-activity-type-icon {
    width: 32px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/Blog.svg);
    margin: auto !important;
}

.catalogue-duration .enrol-catalogue {
	display: block;
    padding: 9px 20px;
}

/* my learning directory */
.my-learning-directory-container .my-learning-course-main-title {
    font-size: 18px;
    font-weight: 100;
    text-align: justify;
    word-break: break-word;
}
.my-learning-directory-container .more-details-panel::after {
    content: none;
}


/* .more-details-panel .instructors.multi-instructors:after {
    content: none;
} */
.my-learning-directory-container .my-learning-progress-inline-wrapper {
    display: flex;
    align-items: center;
}
.my-learning-directory-container .mylearning-progress-percentage {
    margin: 0px 10px;
}
.my-learning-directory-container .common-resources-progress {
    margin-bottom: 0px;
}
/* .more-details-panel .instructors.multi-instructors .instructors-no{
    display: none;
} */
.my-learning-directory-container .my-learning-instructor-details {
    display: flex;
    font-size: 14px;
}
.my-learning-directory-container .more-details-panel .instructors p {
    margin: 0px;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.my-learning-directory-container .instructors .instructors-text-desc {
    margin-left: 15px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;
    flex-direction: column;
}
.my-learning-directory-container .instructors.multi-instructors .instructors-text-desc {
    margin-left: 30px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.my-learning-directory-container .my-learning-directory-duration{
    position: relative;
}
.my-learning-directory-container .more-details-panel .instructors-text-desc::after {
	content: none;
}
.my-learning-directory-container .my-learning-directory-duration::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 40px;
    background-color: #dbdbdb;
    right: 24%;
    top: 0px;
}
.my-learning-directory-container .my-learning-directory-duration::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 40px;
    background-color: #dbdbdb;
    left: 16%;
    top: 0px;
}
 .my-learning-directory-container .my-learning-directory-duration span {
    /* max-width: 40%; */
    flex: 0 0 100%;
    margin: 0;
    margin-left: 68%;
    width: 100%;
    display: flex;
    text-align: left;
}
.my-learning-directory-container .my-learning-directory-duration {
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	text-align: center;
}
.my-learning-directory-container .details-wrapper{
    padding-left: 50px!important;
}

/* my learning directory filter and tabs */
#my-learning{
    margin: 0;

}
.my-learning-directory-new-tabs,
.catalogue-new-tabs{
    margin: 0!important;
    padding: 0!important;
    border-bottom: 2px solid #e6e6e6!important;
}
.my-learning-directory-new-tabs li,
.catalogue-new-tabs li{
    max-height: 30px;
    position: relative;
}
.my-learning-directory-new-tabs li span, .catalogue-new-tabs span {
	/* position: absolute; */
	display: inline-block;
	background-color: #25a7aa;
	color: #fff;
	z-index: 9;
	/* height: 20px; */
	/* width: 30px; */
	right: -35px;
	text-align: center;
	/* top: 0px; */
	background-color: #00acb3;
	padding: 0 10px;
	border-radius: 20px;
	font-size: 12px;
	margin:0 6px;
}
.nav-tabs.my-learning-directory-new-tabs li:first-child a,
.nav-tabs.catalogue-new-tabs li:first-child a{
    /* margin: 0!important; */
    margin-right: 5px!important;
    margin-left: 0px!important;
}
.my-learning-directory-new-tabs li a,
.catalogue-new-tabs li a{
    position: relative;
    margin: 0 16px 0 40px!important;
}

.my-learning-directory-new-tabs li a::before ,
.catalogue-new-tabs li a::before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	background-color: grey;
    left: -26px;
    top: 4px;
}

.catalogue-new-tabs li a.courses::before,
.my-learning-directory-new-tabs  a.courses::before {
    background: url(../img/courses-icon-filter.svg) no-repeat;
}
.catalogue-new-tabs li a.webinars::before,
.my-learning-directory-new-tabs a.webinars::before {
    background: url(../img/webinar-icon-filter.svg) no-repeat;
}
.catalogue-new-tabs li a.f2ftrainings::before,
.my-learning-directory-new-tabs a.f2ftrainings::before {
    background: url(../img/f2f-icon-filter.svg) no-repeat;
}
.catalogue-new-tabs li a.microlearnings::before{
    background: url(../img/microlearning-icon-filter.svg) no-repeat;
}
.catalogue-new-tabs li a.playlists::before,
.my-learning-directory-new-tabs a.playlists::before {
    background: url(../img/playlists-icon-filter.svg) no-repeat;
}
.catalogue-new-tabs li a.bespokes::before,
.my-learning-directory-new-tabs a.bespokes::before{
    background: url(../img/bespoke-icon-filter.svg) no-repeat;
}

.nav-tabs.my-learning-directory-new-tabs li:first-child a::before,
.nav-tabs.catalogue-new-tabs li:first-child a::before{
    content: none;
}
.my-learning-directory-new-tabs a:hover, 
.my-learning-directory-new-tabs a:focus, 
.my-learning-directory-new-tabs .active a, 
.my-learning-directory-new-tabs .active a:hover, 
.my-learning-directory-new-tabs .active a:focus,
.catalogue-new-tabs a:hover, 
.catalogue-new-tabs a:focus, 
.catalogue-new-tabs .active a, 
.catalogue-new-tabs .active a:hover, 
.catalogue-new-tabs .active a:focus {
	border-bottom: none!important;
}
.my-learning-directory-new-tabs .active,
.catalogue-new-tabs li:hover{
    border-bottom: 2px solid #00787d;
}
.my-learning-directory-new-tabs .active,
.catalogue-new-tabs .active{
    border-bottom: 2px solid #00787d;
}

.nav-tabs.my-learning-directory-new-tabs > li ,
.nav-tabs.catalogue-new-tabs > li {
	margin-bottom: -2px!important;
    margin-left: 3px;
    margin-right: 3px;
}

.nav-tabs.my-learning-directory-new-tabs > li:hover,
.nav-tabs.my-learning-directory-new-tabs > li:focus {
    border-bottom: 2px solid #00787d;
}

        span.btn.search-button , .form-search .input-group-btn .btn, .btn.search-submit.search-button{
    line-height: 19px;
}

.my-learning-directory-new-filter-bar,
.catalogue-directory-new-filter-bar  {
    background: none;
    border: none;
    padding: 0;
    margin: 0px;
    margin-top: 20px;
    margin-bottom: 40px;
}
.catalogue-directory-new-filter-bar  {
    margin-bottom: 20px;
}
.my-learning-directory-new-filter-bar.table-toolbar .tootlebar_filter .form-search,
.catalogue-directory-new-filter-bar .tootlebar_filter .form-search{
	margin-left: auto;
}
.my-learning-directory-new-filter-bar .pagination.summary,
.catalogue-directory-new-filter-bar .pagination.summary{
    display: none;
}
.my-learning-directory-new-filter-bar.table-toolbar .tootlebar_filter.pull-right,
.catalogue-directory-new-filter-bar.table-toolbar .tootlebar_filter.pull-right{
    float: initial;
}
.my-learning-directory-new-filter-bar.table-toolbar .search-button,
.catalogue-directory-new-filter-bar.table-toolbar .search-button {
    background-color: #00787D!important;
	position: absolute;
	right: 0px;
	font-size: 0;
	border-radius: 0px !important;
	border-top-right-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
}
.my-learning-directory-new-filter-bar.table-toolbar input.js-search-input,
.catalogue-directory-new-filter-bar.table-toolbar input.js-search-input {
    box-shadow: none;
    padding: 5px 10px 5px 10px;
}

.my-learning-directory-new-filter-bar.table-toolbar .tootlebar_filter .input-group-btn button,
.catalogue-directory-new-filter-bar.table-toolbar .tootlebar_filter .input-group-btn button {
    background: #00787D;
    border: none;
    height: 31px;
    width: 43px;
    position: absolute;
    padding: 0;
    padding-left: 0px;
    right: -1px;
    top:  0px;
    color: #fff;
    font-size: 14px;
    border-radius: 0px !important;
	border-top-right-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
    z-index: 2;
}
.my-learning-directory-new-filter-bar.table-toolbar .tootlebar_filter .input-group-btn button i,
.catalogue-directory-new-filter-bar.table-toolbar .tootlebar_filter .input-group-btn button i {
    position: absolute;
    top: 8px;
    right: 16px;
}

.my-learning-directory-new-filter-bar.table-toolbar .form-search .btn:hover,
.catalogue-directory-new-filter-bar.table-toolbar .form-search .btn:hover {
    /* border: 1px solid #25a7aa !important; */
    background: #48c2c5!important;
    color: #fff!important;
}

.my-learning-directory-new-filter-bar.table-toolbar #filterById,
.catalogue-directory-new-filter-bar.table-toolbar #filterById {
    margin-right: 16px;
}
.my-learning-directory-new-filter-bar.table-toolbar .btn-group.sortby,
.catalogue-directory-new-filter-bar.table-toolbar .btn-group.sortby{
    margin-left: 0px;
}


/* catalogue */
.catalogue-widget-box-new .custom-card-body {
	min-height: 30px;
}
.catalogue-widget-box-new.widget.box {
	border-radius: 15px;
}
.catalogue-widget-box-new.widget.box .related-activities-img   {
	position: relative;
}
.catalogue-widget-box-new.widget {
	padding: 10px !important;
}
.catalogue-widget-box-new .my-learning-activity-thumb {
	display: block;
	height: 30px;
	width: 100%;
	position: absolute;
	left: 6px;
	background-repeat: no-repeat;
	top: 6px;
}
/*.catalogue-new-page-list span:nth-child(1) .catalogue-widget-box-new .my-learning-activity-thumb {
	left: 20px;
}*/
.catalogue-widget-box-new  .related-activities-img .my-learning-certificate-thumb {
	top: 6px;
	left: 94px;
}
.catalogue-widget-box-new .my-learning-certificate-thumb {
	height: 30px;
}
.catalogue-new-page-list.pagelist-view {
    overflow: unset;
}
.catalogue-new-page-list span:nth-child(1),
.catalogue-new-page-list span:nth-child(5){
    padding-left: 0px!important;
}

.catalogue-widget-box-new .related-activities-img img {
    width: 100%;
    max-height: 200px;
    min-height: 200px;
    object-fit: cover;
}
.main .active-tab-content.page-catalogue {
    margin-top: 0px;
}
.catalogue-directory-new-filter-bar .search-submit.btn.search-button::before {
	content: "\f002";
	font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    left: 11px;
    top: 7px;
}
.catalogue-directory-new-filter-bar #clearFilters ,  .my-learning-directory-new-filter-bar  #clearFilters{
    position: relative;
    height: 30px;
    width: 30px;
    margin-left: -12px;
    margin-right: 6px;
}
.catalogue-directory-new-filter-bar #clearFilters::after , .my-learning-directory-new-filter-bar  #clearFilters::after {
	position: absolute;
	content: "";
	width: 17px;
	height: 17px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/reset--icon-filter.svg);
	top: 5px;
	left: 5px;
}
.catalogue-directory-new-filter-bar #clearFilters:hover::after ,  .my-learning-directory-new-filter-bar  #clearFilters:hover::after {
	background-image: url(../img/reset--icon-filter-white.svg);
}
/* .catalogue-directory-new-filter-bar .btn.disabled, .btn[disabled] {
	opacity: 0.85;
	filter: grayscale(100%);
} */

.catalogue-directory-new-filter-bar .btn-group.sortby .dropdown-toggle::after, 
.catalogue-directory-new-filter-bar .filterBy .fdropdown-toggle::after {
	color: #7D7D7D;
}

.catalogue-directory-new-filter-bar i.fa-search{
    position: absolute;
    right: 17px;
    top: 7px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

.page-catalogue .catalogue-widget-box-new .enrol-button {
	border: 1px solid !important;
    max-width: 75px;
    display: block;
    /* line-height: 23px; */
    padding: 4px 18px !important;
    font-size: 14px;
    height: 35px !important;
    cursor: pointer;
}

.pagelist-view {
    overflow: initial;
}
.align-items-flex-start{
    align-items: flex-start!important;
}
.my-learning-directory-share-mobile {
	display: flex;
    align-items: center;
    cursor: pointer;
    padding-left: 5px;
}
.my-learning-directory-share-mobile .share-link{
    display: none;
    margin-left: 15px;
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.my-learning-directory-share-mobile .share-link::before {
	width: 23px;
	height: 23px;
	left: 8px;
	top: 8px;
}


.pagination li span , .pagination li a {
    color: #fff !important;
    border: 1px solid #00787d !important;
    border-radius: 4px;
    padding: 5px 12px;
    background: #00787d !important;
    font-weight: bold;
}

.pagination li.disabled.previous span , .pagination li.disabled.previous a ,.pagination li.disabled.next span , .pagination li.disabled.next a  {

    background: none !important;
    color: #e8e8e8 !important;
    border: none !important;

}

.pagination li a {
    color: #323250 !important;
    border: 1px solid #fff !important;
    background: #fff !important;
}

.pagination li span:hover , .pagination li a:hover{
    color: #FFF !important;
    background: #48c2c5 !important;
    padding: 8px 12px;
    border: 1px solid #48c2c5 !important;
}



.pagination ul>li:first-child>a,
.pagination ul>li:first-child>span {
    border-radius: 4px;
}

.pagination ul>li:last-child>a,
.pagination ul>li:last-child>span {
    border-radius: 4px;
}



.pagination ul > li > a, .pagination ul > li > span {
    padding: 8px 0px;
    text-align: center;
    min-width: 40px;
}

/* dashboard */

.main-profile-details-wrapper{
    display: flex;
    align-items: center;
    margin: 30px 0;
}

.main-profile-details-wrapper .profile-picture-container {
    width: 70px;
}


.main-profile-details-wrapper .profile-picture-container img{
    border-radius: 50%;
    width: 70px;
    height: 70px;
}

.main-profile-details-wrapper .welcome-user-container h2{
    margin: 0;
}

.main-profile-details-wrapper .welcome-user-container span{
    color: #595959;
}

.main-profile-details-wrapper .welcome-user-container {
    margin-left: 20px;
}

.main-profile-details-wrapper  .heading-widget.MarT35 {
	position: relative;
    color: #323250;
}

#dashboard {
    background-color: #f1f1f1;
}
#dashboard > section {
    margin-bottom: 30px;
}

.orange-arrow {
	background: url(../img/dashboard-arrow-asset.svg);
	width: 40px;
	display: inline-block;
	height: 15px;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 10px;
}

.resources-preview .main-title {
    font-size: 24px;
    color: #00787D;
    font-family: Graphik-Regular;
    margin-bottom: 30px;
    text-align: left;
}

.course-info {
    display: flex;
}

.course-info span{
    padding: 9px;
    font-size: 14px;
    color: #00787D;
}
.account-profile.widget.resources-preview {
    padding: 40px 25px 30px 50px;
    width: 100%;
}

.resources-pre-container{
    display: flex;
    margin-bottom: 30px;
}

.account-profile.widget a.dashboard-explore-link {
    background-color: #ff7b00;
    border: 1px solid #ff7b00;
    padding: 12px 20px;
    color: #fff;
    width: 260px;
    /* margin: 0 auto; */
    font-size: 16px;
    display: block;
    margin: 0;
    margin-top: 30px;
}

.account-profile.widget.community-resource{
    background: #e8f6fb;
}

.account-profile.widget {
    border-radius: 25px;
}

.resources-img-container {
    /* border: 2px solid #00787D; */
    display: block;
    border-radius: 50%;
    height: auto;
    width: 85px;
}
.course-info img {
    width: 100%;
    /* object-fit: contain; */
    height: 52px;
    /* padding: 10px; */
}

.account-profile.widget.community-resource {
    display: flex;
    flex: 1 0 100%;
    padding: 0px;
    padding-bottom: 23px;
    flex-direction: column;
}

.community-resource .community-bg {
    width: 100%;
    height: 159px;
    background-size: 85%;
    background-repeat: no-repeat;
    background-image: url(../img/dashboard-community-asset.svg);
    background-position: center bottom;
    margin: 0 auto;
}

.community-desc{
    padding: 24px 32px;
}

.community-desc a i{
    margin-left: 5px;
}

.account-profile .community-desc{
    text-align: left;
}

.account-profile .community-desc p{
    margin-bottom: 23px;
    font-size: 22px;
    color: #00787D;
    font-family: Graphik-Medium;
}

.attempt-container{
    margin-bottom: 23px;
    display: flex;
    justify-content: space-between;
}

.account-profile .community-desc a {
    margin: 0;
    background: none;
    border: none;
    color: #00787D;
    font-size: 16px;
    padding: 0;
}

.account-profile .community-desc a:hover {
    background: none;
    border: none;
    color: #48c2c5;
}

/* Container for the progress bar */
.learner-stats-progress-bars {
    display: flex;
    width: 100%; /* Full width of the container */
    height: 12px; /* Adjust the height as necessary */
    border-radius: 10px; /* For rounded edges */
    overflow: hidden; /* Ensures the child sections are clipped to the border-radius */
}

/* Common styling for all sections */
.progress-section {
    height: 100%; /* Make sure it takes full height of progress bar */
}

/* Specific styling for each section */
.section-1 {
    background-color: #d16363; /* Red section */
    width: 60%; /* Adjust the width percentage as needed */
    border: solid 1px #fff;
    /* border-radius: 10px;
    margin: auto -5px; */
}

.section-2 {
    background-color: #e5c266; /* Yellow section */
    width: 25%;
    /*margin-left: 5px;  Adds spacing between the sections */
    border: solid 1px #fff;
    /* border-radius: 10px;
    margin: auto -5px; */
}
.section-4 {
    background-color: #f6f6f6; /* gray section */
    width: 100%;
    border: solid 1px #fff;
    border-radius: 10px;
    margin: auto -5px;
}
.section-3 {
    background-color: #5db0b8; /* Blue section */
    width: 15%;
    /* margin-left: 5px; */
    border: solid 1px #fff;
    /* border-radius: 10px;
    margin: auto -5px; */
}



#dashboard section.profile-statistics {
    background: #fff;
    
}
div#dashboard .widget .user-learning-statistics .span4 {
    display: flex;
    align-items: center;
    justify-content: center;
}
div#dashboard .statistic-tile .user-learning-statistics{
    background: #fff;
}
div#dashboard section.continue-learning {
    background: #fff;
}
.statistic-tile .user-learning-statistics .statistic-tile {
    padding: 15px !important;
}

.statistic-tile .user-learning-statistics .statistic-tile .count {
    font-size: 18px;
    padding: 5px 15px;
    background: #0084f8;
    border-radius: 35%;
    color: #fff;
}
.statistic-tile .user-learning-statistics .statistic-tile .title {
    font-size: 14px;
    padding: 0 !important;
    margin: 0 12px;
}
.Activities-title {
    margin-bottom: 10px;
    margin-top: 0px;
    align-items: center;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    background: #fff;
    padding: 10px 20px 10px 20px !important;
    border-radius: 6px;
    border: none;
}
.heading-widget {
    color: #323250;
}
.PadT22 {
    background: #fff;
    border-radius: 20px;
}
#dashboard section{
    background: #f2f2f2;
    /* padding: 20px 20px; */
}
.new-dashboard-section {
    padding: 15px;
}
.continue-learning-prgress{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 8px 0px;
}
.continue-learning-prgress p.mylearning-progress-percentage{
    margin: 0;
}
.continue-learning-prgress span.mylearning-resources-title {
    font-size: 16px;
}
.col-lg-3.col-sm-6.mainActivitiesLearning.galleryViewInside {
    /* margin-right: 10px; */
    padding-left: 10px;
    padding-right: 10px;
}

.active-section .widget {
    overflow: unset;
}
.widget.statistic-tile.shadow-background.border-radius-card-15{
    padding: 43px;
    margin-bottom: 25px;
}
.continue-learning .more-details-panel .duration{
    /* margin: 10px 0; */
    margin-bottom: 0;
    padding-right: 10px;
}

.continue-learning .my-learning-main-thumbnail-bg img {
    width: 100%;
}
.continue-learning .my-learning-main-thumbnail-bg {
    position: relative;
    /* max-height: 500px; */
    /* max-width: 300px; */
    /* min-height: 500px; */
    min-width:-webkit-fill-available;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    background-position: center;
    overflow: hidden;
    height: 200px;
}

.continue-learning .launch-wrapper {
    display: flex;
    justify-content: start;
}
.statistic-tile .user-learning-statistics .statistic-tile .count {
    font-size: 18px;
    padding: 10px 10px;
    width: 42px;
    height: 42px;
    line-height: normal;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;

}
div#dashboard .widget .user-learning-statistics .span4:nth-child(1) {
    border: 1px solid #fcf1f1;
    background: #fcf1f1;
}
div#dashboard .widget .user-learning-statistics .span4:nth-child(2) {
    border: 1px solid #fefbf4;
    background: #fefbf4;
}
div#dashboard .widget .user-learning-statistics .span4:nth-child(3) {
    border: 1px solid #f3f9fa;
    background: #f3f9fa;
}
div#dashboard .widget .user-learning-statistics .span4:nth-child(1):hover {
    border: 1px solid #fadddd;
    background: #fdeaea;
}
div#dashboard .widget .user-learning-statistics .span4:nth-child(2):hover {
    border: 1px solid #fdf4de;
    background: #fdf8ed;
}
div#dashboard .widget .user-learning-statistics .span4:nth-child(3):hover {
    border: 1px solid #d7f8fd;
    background: #eafafd;
}

div#dashboard .widget .user-learning-statistics .span4:nth-child(1) .count{
    background: #cd5257;
}
div#dashboard .widget .user-learning-statistics .span4:nth-child(2) .count{
    background: #efc260;
}
div#dashboard .widget .user-learning-statistics .span4:nth-child(3) .count{
    background: #53adbc;
}
.continue-learning .my-learning-course-main-title {
    font-size: 18px;
}

#dashboard .PadT22 .alert {
	width: 95%;
    margin: 0 auto;
}

.more-details-panel::after {
    content: none;
}


/* main.main.paddingFixDashboard {
	padding: 0px 15px 42px;
} */

.col-lg-3.col-sm-6.mainActivitiesLearning.galleryViewInside {
    max-width: 20%; /* For larger screens */
    flex: 0 0 20%;  /* For larger screens */
}

@media (max-width: 992px) { /* Medium devices, tablets */
    .col-lg-3.col-sm-6.mainActivitiesLearning.galleryViewInside {
        max-width: 50%; /* Adjust for smaller screens */
        flex: 0 0 50%;  /* Two items per row */
    }
}

@media (max-width: 576px) { /* Small devices, phones */
    .col-lg-3.col-sm-6.mainActivitiesLearning.galleryViewInside {
        max-width: 100%; /* One item per row on small screens */
        flex: 0 0 100%;
    }
}


@media (max-width: 1200px){
    .catalogue-courses-wrapper .catalogue-product-type-icon {
        width: 30px;
        height: 30px;
    }
    .catalogue-courses-wrapper .catalogue-duration-icon {
        width: 30px;
        height: 30px;
    }
    .last-update {
        width: max-content;
        max-width: 678px;
        z-index: 10;
    }
}
@media (min-width: 1200px) {
    .related-all-page-list span:nth-child(4n-3) {
        padding-left: 0px!important;
    }
    .last-update {
        width: max-content;
        max-width: 900px;
        z-index: 10;
    }
}

@media (max-width: 1366px) {
    /* .my-learning-activity-thumb {
        top: 7px;
    }
    .my-learning-product-thumb-wrapper {
        bottom: 27px;
    } */
    .webinar-details-main-wrapper .my-learning-certificate-thumb {
        /* top: 24px; */
        left: 94px;
    }
    .mylearning-progress-percentage {
        right: 34px;
    }
    .custom-card-body {
        min-height: 168px;
    }
    .webinar-resources .mylearning-progress-percentage{
        right: 5px;
        top: 23px;
    }
    .webinar-progress .mylearning-progress-percentage {
        top: 22px;
        right: 33px;
    }
  
}

@media (max-width:992px) {

    /* flex common utils */
    .flex-col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .flex-col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .flex-col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .flex-col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .flex-col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .flex-col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .flex-col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .flex-col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .flex-col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .flex-col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .flex-col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .flex-col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* my learning details */
    .flex-col-xs-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .flex-col-xs-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .flex-col-xs-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .flex-col-xs-4 {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
    .flex-col-xs-10 {
        flex: 0 0 83.3333%;
        max-width: 83.3333%;
    }
    .flex-col-xs-2 {
        flex: 0 0 16.6667%;
        max-width: 16.6667%;
    }
    .flex-col-xs-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    img.learning-main-thumbnail{
        height: 200px;
        width: 100%;
        object-fit: cover;
    }
    .mobile-only{
        display: flex;
        flex-direction: column;
    }
    .mobile-only .mylearning-resources-title{
        margin: 0;
    }
    .duration-mobile-only {
        display: block;
        position: absolute;
        bottom: 10px;
        background: #ffffffd1;
        padding: 10px;
        left: 6px;
        border-radius: 10px;
        font-family: Graphik-Medium;
    }
    .duration-mobile-only span{
        color: #000;
    }
    .my-learning-main-thumbnail-bg {
        min-height: 220px;
    }
    .shadow-background.border-radius-card-15.reset-shadow-border-mobile{
        border: none;
        box-shadow: none;
    }
   
    .pl-4, .px-4 {
        padding-left: 1.25rem !important;
    }
    .flex-item {
        padding-right: 10px;
        padding-left: 10px;
    }
    .custom-card {
        min-width: 315px;
        width: 100%;
    }
    .more-details-panel::before {
        border-bottom: none!important;
    }
    .more-details-panel .instructors-text-desc::after {
        background-color: transparent!important;
    }
    .mobile-only.bottom-gap {
        margin-bottom: 30px;
    }
    /* .duration{
        display: none;
    } */
    .sidebar ul {
        margin: 0;
        padding: 0 15px;
    }
    .mylearning-progress-percentage {
        right: 15px;
        top: 32px;
    }
    .mylearning-details-main-wrapper .list-group-item::after {
        border-bottom: none!important;
    }
    .instructorSwiper .swiper-slide {
        display: flex;
        /* padding: 0 15px; */
        flex-direction: column;
        align-content: center;
        justify-content: center;
    }
    /* .instructorSwiper .img-fluid.border-radius-card-circle.instructor-profile-pic {
        max-width: 80px;
        margin-top: 9px;
        margin-left: 5px;
    } */
    .instructorSwiper .instructor-profile-pic-wrapper{
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    /* .instructorSwiper .instructor-profile-pic-wrapper::after {
        position: absolute;
        content: "";
        max-height: 84px;
        max-width: 84px;
        background-color: #48c1c4;
        top: 7px;
        left: 3px;
        border-radius: 50%;
        width: 175px;
        height: 175px;
        z-index: -1;
    } */
     .instructorSwiper .instructor-name-desig {
        /* position: absolute;
        top: 6px;
        left: 110px;
        max-width: 160px; */
        text-align: center;
    }
    .instructorSwiper .instructor-desc {
        padding: 0;
    }
    .instructorSwiper .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        left: 30%!important;
    }
    .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: -5px!important;
    }
    .custom-btn.btn-launch-primary.launch-only {
        width: 100%;
        padding: 10px 5px;
        margin-top: 15px;
    }
    .more-details-panel::after {
        border-bottom: none;
    }
    .mylearning-title-desc-wrapper{
        padding: 0px 10px;
    }
    .mylearning-title-container{
        padding: 4px 20px;
    }
    .flex-row.flex-margin-bottom.shadow-background.border-radius-card-15.reset-shadow-border-mobile.p-3.learning-objectives {
        padding: 0 !important;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .learning-main-desc,
    .learning-text,
    .instructor-intro {
        /*max-height: 80px;*/
        /*min-height: 80px;*/
        overflow: hidden;
        position: relative;
    }
    .sidebar.flex-item.flex-col-12.flex-col-3.flex-col-sm-12.flex-col-md-12.flex-col-xs-12.p-0 {
        border-top: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
    }
    .mylearning-details-main-wrapper .list-group-item {
        padding: 10px 0px 20px 0px !important;
    }
    .btn.btn-primary.btn-certificate {
        padding: 12px 22px!important;
        margin-bottom: 10px!important;
        width: 100%!important;
    }
    .fade-out::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 30px;
        background: linear-gradient(to top, white, transparent);
    }
    div.mylearning-title-container{
        padding: 0 15px;
        margin-bottom: 10px;
    }
    p.learning-main-desc{
        margin-bottom: 5px!important;
    }
    .learning-main-desc::after {
        border-bottom: none;
    }
    .learning-main-desc-see-more,
    .learning-objectives-see-more,
    .learning-objectives-see-more-mobile,
    .learning-instructor-see-more {
        display: block ;
        color: #00787d;
        cursor: pointer;
        text-align: right;
       padding-bottom: 10px;
    }
    .more-details-panel .instructors.multi-instructors::after {
        left: 29px!important;
        top: 5px!important;
    }
    /*.more-details-panel .instructors.multi-instructors .instructors-no span {*/
    /*    left: 44px!important;*/
    /*    top: 17px!important;*/
    /*}*/
    /*.catalogue-courses-wrapper .sidebar .more-details-panel .instructors.multi-instructors:after{*/
    /*    left: 67px !important;*/
    /*    top: 25px !important;*/
    /*}*/
    /*.catalogue-courses-wrapper .sidebar .more-details-panel .instructors-no span{*/
    /*    left: 74px !important;*/
    /*    top: 32px !important;*/
    /*}*/
    .flex-row.more-details-panel {
        border-top: 1px solid #e8e8e8;
        margin-top: 20px;
    }
    .flex-item.flex-col-6.flex-col-sm-12.flex-col-md-12.flex-col-xs-12.instructors {
        padding-top: 20px;
        padding-left: 0;
        padding-right: 0;
    }
    .launch-wrapper {
        display: flex;
        justify-content: end;
        padding: 0;
        margin-top: 10px;
    }
    .rating-stars.mt-2 {
        text-align: center;
        margin-top: 1rem !important;
    }
    .instructor-intro {
        margin-top: 15px;
    }
    h2.my-learning-course-main-title {
        font-size: 1.3rem;
        font-weight: 100;
        flex: 0 0 80%;
    }
    div.px-4-5 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .instructors-border h2{
        padding-left: 5px;
        /* border-top: 1px solid #e8e8e8; */
        /*margin-top: 11px;*/
        padding-right: 5px;
        padding-top: 20px;
    }
    .border-only-mobile {
        border-top: 1px solid #e8e8e8;
        width: 90%;
        margin: auto;
    }
    .border-only-mobile-100 , .border-only-mobile-101{
        border-top: 1px solid #e8e8e8;
        width: 100%;
        margin: auto;
    }
    .border-only-mobile-101 {
        margin-top: 20px;
        width: 90%;
        padding:10px;
    }
    .border-only-mobile-102 {
        border-top: 1px solid #e8e8e8;
        width: 100%;
        margin-top: 20px;
    }
    .custom-btn.btn-launch-primary.resume,
    .custom-btn.btn-secondary-inverted, .custom-btn.btn-launch-primary.launch-only {
        width: 50%!important;
    }

    .related-activities-wrapper .custom-card-buttons a.enrol-catalogue{
        width: 100% !important;
    }
    .related-activities-wrapper .custom-card-buttons a.btn-catalogue-view{
        width: 100% !important;
    }
    .flex-container.px-3.related-activities-wrapper.swiper.relatedActivitiesSwiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
        margin-bottom: 50px!important;
        padding-bottom: 50px;;
    }
    .swiper-related-activties-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        position: absolute;
        text-align: center;
        bottom: -45px !important;
        left: 32% !important;
    }
    #related-activities-wrapper-swiper .swiper-slide-next .custom-card,
    #related-activities-wrapper-swiper .swiper-slide-prev .custom-card{
        border: none!important;
        box-shadow: none!important;
    }
    .card-duration{
        display: none;
    }
    .my-learning-detailcontainer.micro-learning .watched-tag {
        top: 10px!important;
    }

    .my-learning-activity-thumb{
        height: 30px;
        top: 6px!important;
        left: 6px;
    }

    .related-activities-img.related-activities-slider .my-learning-certificate-thumb {
        top: 16px!important;
    }
    .my-learning-certificate-thumb{
        left: 94px;
        top: 6px!important;
    }
    .catalogue-courses-wrapper .my-learning-main-thumbnail-bg .my-learning-certificate-thumb{
        left: 94px;
        top: 10px;
        height: 30px;
    }
    /* .my-learning-certificate-thumb {
        height: 36px;
        top: 5px;
        left: 100px;
    } */
    .webinar-details-main-wrapper .my-learning-certificate-thumb {
        top: 10px;
        left: 94px;
    }
    .related-activities-img .my-learning-certificate-thumb {
        /* top: 14px; */
        left: 100px;
    }
    .related-activities-img .my-learning-activity-thumb{
        top: 14px!important;
    }
    .webinar-details-main-wrapper .my-learning-certificate-thumb {
        left: 94px;
    }
    .my-learning-product-thumb-wrapper {
        bottom: 10px!important;
        right: 10px!important;
        left: auto;
    }
    .my-learning-product-thumb {
        background-repeat: no-repeat;
        height: 40px;
        width: 40px;
        margin-right: 2px;
    }
    .custom-card{
	    margin: 0px !important;
    }
  

    /* webinar details */
    .webinar-details-main-wrapper .mylearning-title-desc-wrapper {
        padding: 0 10px;
    }
    .webinar-details-main-wrapper .instructors img {
        max-height: 65px;
        width: 60px;
        max-width: 65px;
    }
    .webinar-details-main-wrapper .more-details-panel .instructors::after {
        left: 36px !important;
        top: 27px !important;
    }
    .webinar-details-main-wrapper .more-details-panel .instructors::after {
        height: 52px;
        width: 52px;
    }
    /*.webinar-details-main-wrapper .instructors-no span {*/
    /*    left: 52px !important;*/
    /*    top: 43px !important;*/
    /*}*/
    .webinar-detail-1::after, 
    .webinar-detail-2::after,
    .webinar-detail-3::after{
        display: none;
    }
    .webinar-resources-container {
        margin-top: 20px;
        padding: 0px;
    }
    #mobile-spec.my-learning-product-thumb-wrapper {
        right: 10px !important;
        left: auto;
    }
    .webinar-detail {
        padding: 10px 18px;
    }
    .webinar-details-main-wrapper .launch-only {
        width: 30% !important;
        padding: 3px 0px !important;
        margin-top: 5px !important;
    }
    .webinar-resources .mylearning-progress-percentage {
        right: 20px;
        top: -7px;
    }
    .webinar-details-main-wrapper .flex-margin-bottom {
        margin-bottom: 10px;
    }
    .webinar-user-types {
        font-size: 16px;
    }
    .text-grey-light.mylearning-resources-title {
        font-size: 16px;
    }
    .webinar-status span,
    .webinar-date-completed{
        font-size: 16px;
    }
    .webinar-progress .my-learning-progress-container {
        width: 70%;
    }
    .webinar-progress .mylearning-progress-percentage {
        font-size: 16px;
    }
    .webinar-details-main-wrapper .flex-row.more-details-panel.more-details-panel-playlist .btn-backtoplaylist{
        justify-content: center
    }
    .webinar-details-main-wrapper .flex-row.more-details-panel.more-details-panel-playlist {
        border-top: none;
        border-bottom:none;
    }
    .webinar-details-main-wrapper .flex-row.more-details-panel {
        border-top: 1px solid #e8e8e8;
        margin-top: 20px;
        border-bottom: 1px solid #e8e8e8;
    }
    .webinar-details-main-wrapper .flex-item.flex-col-6.flex-col-sm-12.flex-col-md-12.flex-col-xs-12.instructors {
        padding-bottom: 16px;
        padding-top: 22px;
    }
    .webinar-details-main-wrapper .sidebar.flex-item.flex-col-12.flex-col-3.flex-col-sm-12.flex-col-md-12.flex-col-xs-12.p-0 {
        border-top: none;
    }
    .webinar-details-main-wrapper .webinar-resources-title.mb-2 {
        font-size: 16px;
    }
    .webinar-details-main-wrapper .webinar-resources .mylearning-resources-title{
        display: none;
    }
    .webinar-resources-title.mb-2 {
        /* margin-bottom: 20px !important; */
        padding-bottom: 10px !important;
    }
    .common-resources-progress .mylearning-progress-percentage {
        font-size: 16px;
    }
    .webinar-progress .mylearning-progress-percentage {
        top: 20px;
        right: 42px;
    }
    .webinar-details-main-wrapper .session-includes{
        margin-top: 10px;
        padding: 0 4px;
    }
    .webinar-details-main-wrapper .sidebar.flex-item.flex-col-12.flex-col-3.flex-col-sm-12.flex-col-md-12.flex-col-xs-12.p-0 {
        padding-bottom: 10px !important;
    }
    .webinar-details-main-wrapper .learning-text {
        padding: 0 4px;
    }

    .catalogue-courses-wrapper .learning-objectives-see-more-mobile {
        border-bottom: 0px solid #e8e8e8;
        padding-bottom: 0px;
    }

    .webinar-details-main-wrapper  .learning-objectives-see-more , .learning-objectives-see-more-mobile{
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 10px;
    }
    .webinar-details-main-wrapper  .learning-objectives ul{
        padding: 0 25px;
    }
    .font-16-mobile{
        font-size: 16px;
    }
    .webinar-details-main-wrapper .instructors-text-desc {
        margin-left: 10px;
    }
    .mylearning-details-main-wrapper .rating-stars ul > li.star > i.fa, .rating-stars ul > li.star > p {
        font-size: 2em;
    }

    /* related activities */
    .related-activities-wrapper.swiper.relatedActivitiesSwiper {
        margin-left: 0;
        margin-right: 0;
    }
    #related-activities-wrapper-swiper {
        display: flex;
        flex-wrap: nowrap;
        width: 95%
        /* justify-content: flex-start; */
        /* width: 300px;
        gap: 0px;
        padding: 0px;
        margin-right: 0px; */
    }

    /* course catalogue details*/
    .catalogue-courses-title-wrapper .catalogue-courses-title-container{
        margin-top: 20px!important;
        margin-bottom: 10px!important;
        align-items: center;
    }
    .catalogue-courses-title-container .share-link-inline,.mylearning-details-main-wrapper .share-link{
        text-indent: -999px;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        margin-right: 5px;
        padding: 0;
        background-position: center;
    }
    .catalogue-courses-title-container .share-link-inline::before,.mylearning-details-main-wrapper .share-link:before{
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .catalogue-common-container{
        margin-bottom: 10px!important;
    }
    .catalogue-product-type-icon,
    .catalogue-duration-icon {
        margin: 0 auto;
    }
    .catalogue-courses-wrapper .more-details-panel .instructors::after {
        top: 10px!important;
    }
    .catalogue-product-type,
    .catalogue-instructors-type,
    .catalogue-duration
    {
        margin: 20px 0!important;
    }
    .list-group-item.catalogue-duration  {
        padding: 10px 0px 10px 0px !important;
    }
    /*.catalogue-instructors-type .instructors-no span {*/
    /*    left: 53px !important;*/
    /*    top: 25px !important;*/
    /*}*/
    .catalogue-courses-wrapper .sidebar ul {
        margin: 0;
        padding: 0;
    }
    .catalogue-learning-objectives h2{
        margin-top: 20px;
        padding: 0 5px;

    }
    .catalogue-learning-instructors h2 , catalogue-learning-objectives h2{
        color:#323250;
    }
    .catalogue-courses-wrapper .flex-row.flex-margin-bottom.shadow-background.border-radius-card-15.reset-shadow-border-mobile.p-3.learning-objectives{
        padding: 5px !important;
    }
    .custom-btn.btn-launch-primary.mr-2.graphik-medium.mt-4.enrol-catalogue {
        padding: 10px;
        margin-top: 30px !important;
    }
    .expanded{
        max-height: none;
    }

    /* my learning directory */
    .my-learning-directory-container {
        margin-bottom: 16px;
    }
    .my-learning-directory-container .my-learning-main-thumbnail-bg {
        /* background-image: none !important; */
        min-height: 55px !important;
    }
    .my-learning-directory-container .my-learning-activity-thumb {
        height: 30px;
        top: 5px !important;
        left: 5px;
        /* border: 1px solid #dbdbdb;
        width: 90px; */
        border-radius: 10px;
    }
    .my-learning-directory-container .my-learning-product-thumb-wrapper {
        bottom: 8px !important;
        left: 2px !important;
    }
    .my-learning-directory-container .my-learning-directory-container .details-wrapper {
        padding-left: 1rem !important;
        margin-top: 10px !important;
    }
    .my-learning-directory-container .duration-mobile-only {
        display: none;
    }
    .my-learning-directory-container .details-wrapper {
        padding-left: 1rem !important;
    }
    .my-learning-directory-container .more-details-panel {
        border: none;
    }
    .my-learning-directory-container .reset-negative-margin{
        margin: 0!important;
    }
    .my-learning-directory-container .mobile-padding-0{
        padding: 0!important;
    }
    .my-learning-directory-container .instructors img {
        max-height: 50px;
        max-width: 50px;
    }
    .my-learning-directory-container .my-learning-directory-duration::after {
        height: 32px;
        left: 0%;
        top: 5px;
    }
    .my-learning-directory-container .my-learning-directory-duration::before {
        content: none;
    }
    .my-learning-directory-container .launch-wrapper {
        display: flex;
        margin-top: 15px;
        padding: 0px 10px;
        justify-content: flex-start;
    }
    .my-learning-directory-container .my-learning-directory-duration span {
        margin-left: 45%;
    }
    .my-learning-directory-container .mylearning-progress-percentage {
        margin: 0px 15px;
    }
    .my-learning-directory-container .view{
        width: 50%;
    }
    .my-learning-directory-container .launch-only {
        width: 50%;
    }
    .my-learning-directory-container .custom-btn.btn-secondary-inverted.view.mr-3 {
        line-height: 1;
    }
    .my-learning-directory-container .custom-btn {
        line-height: 1;
    }
    .my-learning-directory-container .btn-secondary-inverted {
        padding: 6px 20px;
    }
    .my-learning-directory-container .custom-btn.btn-launch-primary.launch-only {
        padding: 6px 20px;
        margin-top: 0;
        width: 50%;
    }
    .my-learning-directory-new-filter-bar .search-button,
    .catalogue-directory-new-filter-bar .search-button{
        /* display: none; */
        width: auto!important;
        padding: 3px 20px 5px 20px!important;
    }

    .my-learning-directory-new-filter-bar.table-toolbar .tootlebar_filter .input-group-btn button, .catalogue-directory-new-filter-bar.table-toolbar .tootlebar_filter .input-group-btn button {
        background: #00787D;
        border: none;
        border-radius: 0px !important;
        border-top-right-radius: 15px !important;
        border-bottom-right-radius: 15px !important;
        height: 30px;
        margin-top: 2px;
    }

    .nav-tabs-wrapper {
        width: 100%;
    }
    .my-learning-directory-new-tabs,
    .catalogue-new-tabs {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow: auto!important;
        overflow-y: hidden;
    }
    .my-learning-directory-new-tabs li,
    .catalogue-new-tabs li {
        overflow-y: hidden;
        min-width: 100px;
        flex: 0 0 auto;
    }
    .my-learning-directory-new-tabs,
    .catalogue-new-tabs {
        -webkit-overflow-scrolling: touch;
    }
    .my-learning-directory-new-tabs::-webkit-scrollbar,
    .catalogue-new-tabs::-webkit-scrollbar {
        display: none;
    }
    /* .catalogue-directory-new-filter-bar a#filterById{
        width: 88%;
    }
    .catalogue-directory-new-filter-bar button#clearFilters{
        width: 10%;
        height: 35px;
    } */
    .page-catalogue #content-output {
        display: flex;
    }
    .catalogue-widget-box-new .related-activities-img .my-learning-activity-thumb {
        top: 6px !important;
        left: 6px;
    }
    .relatedActivitiesSwiper  .catalogue-widget-box-new .my-learning-certificate-thumb {
        top: 6px !important;
    }
    .catalogue-widget-box-new .related-activities-img .my-learning-certificate-thumb {
        top: 6px;
        left: 94px;
    }
    .catalogue-widget-box-new .card-duration {
        display: block;
    }
    .catalogue-new-page-list .btn-launch-primary{
        margin: 0!important;
        width: 100%!important;
        padding: 8px;
    }
    .my-learning-directory-new-filter-bar, .catalogue-directory-new-filter-bar {
        margin-bottom: 20px;
    }
    .my-learning-directory-new-filter-bar.table-toolbar .tootlebar_filter .input-group-btn button, .catalogue-directory-new-filter-bar.table-toolbar .tootlebar_filter .input-group-btn button {
        top: -2px;
    }
    .my-learning-directory-container .duration.common-resources-progress-container-duration {
        display: block;
        margin-top: 20px;
    }
    .my-learning-directory-container .my-learning-directory-duration span {
        max-width: 100%;
    }
    .mobile-filter-width {
        width: 88% !important;
    }
    .my-learning-directory-new-tabs li:first-child, .catalogue-new-tabs li:first-child {
        min-width: 66px;
    }
    /* .my-learning-directory-container .my-learning-certificate-thumb{
        position: static;
        width: 38px;
        margin: 0 5px;
    } */
    .my-learning-directory-container .my-learning-product-thumb-wrapper {
        position: absolute;
    }
    .my-learning-directory-container .my-learning-main-thumbnail-bg {
        display: flex;

    }
    /* .my-learning-directory-container .my-learning-activity-thumb {
        position: static;
    } */
    .my-learning-directory-container .my-learning-product-thumb.project {
        background-size: cover;
    }
    .my-learning-directory-container .my-learning-product-thumb {
        height: 36px;
        width: 36px;
        margin: 0px 0px 0px 5px;
    }
    .my-learning-directory-share-mobile .share-link {
        display: flex;
    }
    .my-learning-directory-new-tabs .active, .catalogue-new-tabs .active {
        border-bottom: 4px solid #00787d;
    }
    .nav.nav-tabs.my-learning-directory-new-tabs,
    .nav.nav-tabs.catalogue-new-tabs {
        height: 32px;
        border-bottom: none !important;
    }
    .my-learning-directory-new-tabs li span, .catalogue-new-tabs span {
        top: 0px;
    }
    .related-all-page-list span:nth-child(4n-1),
    .catalogue-new-page-list span:nth-child(1), .catalogue-new-page-list span:nth-child(5) {
        padding-left: 0px !important;
    }
    .catalogue-new-page-list span, .catalogue-new-page-list span {
        padding-left: 0px !important;
    }
    .custom-card-buttons a.btn-catalogue-view{
        width: 100% !important;
    }
    .my-learning-directory-new-filter-bar .tootlebar_filter, 
    .catalogue-directory-new-filter-bar .tootlebar_filter{
        margin-top: 25px;
    }
    .my-learning-directory-new-filter-bar .filterBy a.btn.fdropdown-toggle, 
    .catalogue-directory-new-filter-bar .filterBy a.btn.fdropdown-toggle {
        margin-bottom: 14px;
    }
    .my-learning-directory-new-filter-bar .btn-group.sortby .btn, 
    .catalogue-directory-new-filter-bar .btn-group.sortby .btn {
        margin-bottom: 14px!important;
    }
    .custom-btn {
        padding: 8px 18px !important;
    }
    .my-learning-directory-new-filter-bar.table-toolbar #filterById, 
    .catalogue-directory-new-filter-bar.table-toolbar #filterById {
        margin-right: 0px;
    }
    .catalogue-directory-new-filter-bar #clearFilters, .my-learning-directory-new-filter-bar #clearFilters{
        margin-left: 0px;
        margin-right: 0;
        float: right;
    }
    .my-learning-directory-new-filter-bar .filterBy .fdropdown-toggle::after, 
    .catalogue-directory-new-filter-bar .filterBy .fdropdown-toggle::after{
        position: absolute;
        right: 12px;
    }
    .my-learning-directory-new-filter-bar .btn-group.sortby .dropdown-toggle::after,
    .catalogue-directory-new-filter-bar .btn-group.sortby .dropdown-toggle::after{
        position: absolute;
        right: 9px;
    }
    .my-learning-directory-new-filter-bar .btn-group.sortby .dropdown-toggle {
        color: #595959;
    }
    .instructor-desc {
        min-height: auto;
    }
    .my-learning-directory-container .more-details-panel .instructors.multi-instructors::after {
        height: 32px;
        width: 32px;
        left: 50px !important;
        top: 25px !important;
    }
    .my-learning-directory-container .more-details-panel .instructors.multi-instructors .instructors-no span {
        left: -10px !important;
        top: -9px !important;
    }
    .my-learning-directory-new-filter-bar input.js-search-input {
        padding: 5px 10px 5px 15px;
    }
    .pagination {
        margin: 2px 0 15px 0;
    }
    .page-catalogue .catalogue-widget-box-new .enrol-button {
        border: 1px solid !important;
        max-width: 100%;
        /* height: 39px !important; */
        display: block;
        line-height: inherit;
        padding: 12px 0px !important;
    }
    .explore-resources-container{
        display: none;
    }
    .explore-resources-image{
        flex-direction: row;
    }
    .explore-resources-image img{
        width: 40%;
    }
    .resources-preview .master-camms{
        display: none;
    }
    .course-info {
        flex-direction: column;
        align-items: center;
    }
    .account-profile.widget.resources-preview {
        padding: 15px 15px 15px 15px;
    }
    .col-lg-8.pr-0.d-flex.fix-mobile-padding{
        padding-right: 15px!important;
        margin-bottom: 15px;
    }
    .resources-preview .main-title {
        font-size: 20px;
        margin-bottom: 22px;
        text-align: left;
        margin-top: 22px;
    }
    div#dashboard .widget .user-learning-statistics .span4 {
        flex-direction: column;
    }
    .widget.statistic-tile.shadow-background.border-radius-card-15 {
        padding: 20px;
    }
    .flxUse{
        margin: 0 15px 20px;
    }
    .widget.statistic-tile.shadow-background.border-radius-card-15 .title{
        font-size: 12px;
        margin: 10px 3px 0;
    }
    .statistic-tile .user-learning-statistics .statistic-tile {
        padding: 10px 2px !important;
    }
    div#dashboard .widget .user-learning-statistics .span4 {
        width: 31%;
        height: 100%;
    }
    .statistic-tile .user-learning-statistics .statistic-tile .count {
        font-size: 16px;
        padding: 9px;
        width: 35px;
        height: 35px;
    }
    .row-fluid.continue-learning {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .flex-row.flex-margin-bottom.shadow-background.border-radius-card-15.p-2.reset-negative-margin {
        min-width: 300px;
        margin: 0;
        margin-bottom: 30px;
    }
    .profile-statistics .flex-row.flex-margin-bottom.shadow-background.border-radius-card-15.p-2.reset-negative-margin{
        width: 100%;
    }

    /* dashboard */
    .welcome-user-container h2.heading-widget.MarT35 {
        font-size: 16px;
    }
    .main-profile-details-wrapper {
        margin: 20px 0;
    }
    .main-profile-details-wrapper .welcome-user-container h2{
        margin: 0!important;
    }
    .account-profile.widget a.dashboard-explore-link {
        width: 100%;
    }
    .continue-learning .flex-row.more-details-panel {
        border-top: none;
    }
    .continue-learning .duration{
        display: block;
    }
    .continue-learning .my-learning-progress-container {
        width: 100%;
    }
    .continue-learning .continue-learning-prgress {
        width: 100%;
    }
    .continue-learning .custom-btn.btn-launch-primary.launch-only {
        margin-top: 0px;
    }
    .continue-learning .custom-btn.btn-launch-primary.launch-only {
        width: 50%;
    }
    .continue-learning .my-learning-main-thumbnail-bg {
        max-height: 150px;
        min-height: 150px;
    }
    #dashboard .Activities-title .heading-widget {
        font-size: 16px;
        line-height: 0px;
        margin-left: 20px;
    }
    .catalogue-widget-box-new.widget.box {
        min-width: 300px;
        margin: 0 auto;
    }
    /* .continue-learning .launch-wrapper {
        padding: 0px 10px;
    } */
    .continue-learning .custom-card-products-duration {
        padding: 0px;
    }
    .continue-learning .my-learning-product-thumb-wrapper{
        display: none;
    }
    .continue-learning .flex-row.more-details-panel {
        margin-top: 0px;
        margin-right: 0px;
    }
    .continue-learning .more-details-panel .duration {
        padding-right: revert;
    }
    .resources-pre-container {
        margin-top: 25px;
        margin-bottom: 15px;
        gap: 5px;
    }
    .resources-pre-container .resources-img-container {
        width: 45px;
    }
    .resources-pre-container .course-info span {
        font-size: 14px;
        text-align: center;
    }
    .account-profile.widget.community-resource {
        display: none;
    }
    .learner-stats-progress-bars {
        height: 8px;
    }
   
    .btn-primary.pull-right.view-all{
        display: none;
    }
    .main-profile-details-wrapper .profile-picture-container {
        width: 55px;
    }

    .mobile-hide{
        display: none;
    }
    .instructor-desc {
        margin-top: 16px;
    }
    .instructor-intro {
        display: block;
    }
    div.instructor-details div.flex-item.instructor-detail-dis {
        padding-bottom: 30px;
    }
}


/** Catalog Image Hover **/
.tile-img-hover img, .related-activities-img img {
    transition: filter 0.3s ease; /* Smooth transition */
}

.tile-img-hover:hover img , .related-activities-img:hover img {
    filter: brightness(0.9); /* Apply shading on hover */
}

.pagination li.disabled span {
    background-color: #f00;
}


.catalogue-no-record {
     font-size: 36px;
     color: #ccc;
     text-align: center;
     display: block;
     padding-top: 93px !important;
     height: 100% !important;
     width: 100%;
}
@media (max-width:992px) {
    .swiper-button-next, .swiper-rtl .swiper-button-prev,.swiper-button-prev1{
        right: var(--swiper-navigation-sides-offset, 0px);
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-next,.swiper-button-next1 {
        left: var(--swiper-navigation-sides-offset, -5px);
    }
    .last-update {
        width: max-content;
        max-width: 100%;
        z-index: 10;
    }
}
.swiper-button-next1:after,.swiper-button-prev1:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-next1,.swiper-button-prev1 {
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next1.swiper-button-disabled,.swiper-button-prev1.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next1.swiper-button-hidden,.swiper-button-prev1.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next1,.swiper-navigation-disabled .swiper-button-prev1 {
    display: none!important
}

.swiper-button-next1 svg,.swiper-button-prev1 svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next1 svg,.swiper-rtl .swiper-button-prev1 svg {
    transform: rotate(180deg)
}

.swiper-button-prev1,.swiper-rtl .swiper-button-next1 {
    left: var(--swiper-navigation-sides-offset,-5px);
    right: auto
}

.swiper-button-next1,.swiper-rtl .swiper-button-prev1 {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next1:after,.swiper-button-prev1:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev1:after,.swiper-rtl .swiper-button-next1:after {
    content: 'prev'
}

.swiper-button-next1,.swiper-rtl .swiper-button-prev1 {
    right: var(--swiper-navigation-sides-offset,-5px);
    left: auto
}

.swiper-button-next1:after,.swiper-rtl .swiper-button-prev1:after {
    content: 'next'
}
.swiper-button-next1:after, .swiper-button-prev1:after {
    font-size: 20px;
    color: #5b5b5b;
}


@media (min-width: 992px) {
    .relatedActivitiesSwiper .swiper-pagination,
    .relatedActivitiesSwiper .swiper-button-next1,
    .relatedActivitiesSwiper .swiper-button-prev1,.relatedActivitiesSwiper .swiper-related-activties-pagination {
        display: none; /* Hides the elements */
    }

    .more-details-panel .instructors p ,.more-details-panel .duration-title, .playlist-status .status-title{
        font-size: 13px !important;
    }
    .more-details-panel .instructors p.instructor-name {
        font-size: 14px !important;
    }

}
.relatedActivitiesSwiper .custom-card{
    width: 100%;
    padding:10px !important;
    margin:0px 3px;
    min-height: auto !important;
}
.custom-card-title{
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis;
            max-height: 3em;
            line-height: 1.5em;
            min-height: 3em;
}

.notification_wrap {
    color: #0e0e0e;
    display: block;
    padding: 10px 0 0 0;
    position: absolute;
    background: #fff;
    right: 0px;
    top: 67px;
    width: 320px !important;
    min-width: 200px;
    max-width: 320px;
    border-radius: 15px !important;
    box-shadow: -2px 0px 6px 5px rgba(0, 0, 0, 0.15);
}
.notification_wrap::before {
    content: "";
    position: absolute;
    right: 14px;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}
.notification-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 15px 0;
    right: 15px;
    position: relative;
    margin: 0 15px 2px 15px;
    cursor: default;
}
.notification-items {
    padding: 14px 15px 0px 15px;
    text-align: start;
    max-height: 500px;
    overflow: auto;
    display: block;
}
.notification-items .notification-item {
    background-color: #ecf9f9;
    border-radius: 5px;
    border-left: #48c1c4 solid 3px !important;
    font-size: 11px;
    text-align: justify;
    line-height: normal;
}
.notification-items .notification-item p{
    font-size: 12px;
}
.notification-items .notification-item.read {
    background-color: unset !important;
    border-left: unset !important;
}
.notification-items .notification-item.read:hover {
    background-color: #efefef !important;
}
.notification-items .notification-item span{
    color: #057a7d;
}
.notification-items .notification-item:hover {
    background-color: #efefef;
}

.notificationlink {
    text-decoration: none !important;
}


.btn.btn-secondary-inverted.btn-all-notifications {
    padding: 4px 18px;
    line-height: 18px;
    font-size: 12px;
}
.product-icon {
    height: 100px;
    width: 100px;
}
.marketing-img-fixed-size {
    width: 350px;
    height: 200px;
    overflow: hidden;
    position: relative;
}
.marketing-img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.marketing-img-placeholder {
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* styles.css */
.swiper-container {
    width: 100%;
    padding-bottom: 20px;
    /* height: 300px; */
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    /* font-size: 24px; */
     /* Example background color */
}

.swiper-slide .widget{
    margin: 0 20px 40px;
    width: 97%;
}
.relatedActivitiesSwiper .swiper-slide .widget{
    margin: 0px;
    width: 100%;
}
.desktop-content {
    display: none; /* Initially hidden */
}

@media (min-width: 768px) {
    .swiper-container,#toggleButton,#collapsibleDiv {
        display: none; /* Hide swiper in desktop view */
    }
    .swiper-button-next1, .swiper-button-prev1{
        display: none;
    }
    .desktop-content {
        display: block; /* Show desktop content in desktop view */
        width:100%;
    }

    /*hide top navigation items only on mobile devices */
    nav.navbar.main-menu li:has(> a.h_desktop) {
        display: none !important;
        padding: 0 !important;
    }
    .mobile-only-support-link {
        display: none;
    }
}

.swiper-pagination-bullets.swiper-pagination-horizontal.pagination-center{
    width: 100% !important;
    left: 0 !important;
}

.new-dashboard-section .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{
    left: 0 !important;
    width: 100%;
}
.notification-indicator{
    margin: 0;
    position: relative;
    padding: 0;
    cursor: pointer;
}
.notification-indicator:hover svg path{
    fill: #B9D6D6
}
.notification-indicator .badge.badge-danger {
    position: absolute;
    font-size: 9px;
    padding: 0px 6px;
    font-weight: 600;
    color: #fff;
    background-color:#f5871f;
    border: solid 2px #00787D;
    left: 18px;
    top: 6px;
}
.table-toolbar.notifications-mesg{
    margin: 10px 0;
}
.table-toolbar.notifications-mesg .pagination.summary{
    margin: 0;
}
.notifications-mesg.table.listViewInside td{
    padding: 0;
    border-top: none;

}
.notifications-mesg.table.listViewInside td .activity-heading{
    margin:16px 0 0;
    min-height: unset;
    font-family: 'Graphik-Medium';
    color: #00787D;
    font-size: 14px !important;
}
table.listViewInside.notifications-mesg small.extended-info.block{
    margin-top: 10px;

}
table.listViewInside.notifications-mesg{
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #e5e5e5;
    margin-bottom: 10px;
}
table.listViewInside.notifications-mesg small.extended-info.block strong{
    color: #595959;
    /*font-family: 'Graphik-Medium';*/

}
table.listViewInside.notifications-mesg small.extended-info.block, table.listViewInside.notifications-mesg .expandable{
    color: #323250;
    font-size: 12px;
    width: 100%;
    /* line-height: normal; */
}
/*table.listViewInside.notifications-mesg .expandable {*/
/*    color: #595959;*/
/*}*/
.notifications-mesg-pag{
    /*position: fixed;
    box-shadow: 0 -8px 8px 2px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    border-radius: 15px; */
    margin-top: 20px;
    bottom: 45px;
    right: 0;
    z-index: 1;
}
.notifications-mesg-pag .pagination{
    margin: 20px 0;
}
.row.row-0{
    margin: 0 !important;
}
.profile-main-title{
    /*color: #00787D;*/
    font-family: Graphik-Regular;
    font-size: 14px;
}
.profile-main-desc{
    color: #5b5b5b;
    font-family: Graphik-Regular;
    font-size: 12px;
}
.profile-main-email{
    color: #000000;
    font-family: Graphik-Medium;
    font-size: 12px;
}
.profile-title-desc-wrapper{
    line-height: normal;
}
.instructors-text-desc{
    /*margin: 0 -15px;*/
    font-size: 12px;
    min-height: 80px;
}
.more-details-panel .instructors.profile p{
    text-align: left;
}
.more-details-panel .instructors.profile .instructors-text-desc::after{
    font-size: 12px;
    min-height: 60px;
}
.more-details-panel .product-con{
    font-size: 12px;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.flxUse .shadow-background{
    min-height: 200px;
}
.profile-image{
    display: flex;
    align-items: center;
    justify-content: center;
}
.profile-image img{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    border: solid 5px #00787D;
    margin-left: 10px;
}
.product-list{
    color: #777;
    font-family: Graphik-Medium;
}
.product-list span {
    background-repeat: no-repeat;
    padding-left: 25px;
    background-size: 20px;
    height: 20px;
    display: flex;
    margin-bottom: 5px;
    align-items: center;
}
.product-list .project{
    background-image: url(../img/projectAsset.svg);
}
.product-list .connect{
    background-image: url(../img/connectAsset.svg);
}
.product-list .engage{
    background-image: url(../img/engageAsset.svg);
}
.product-list .insights{
    background-image: url(../img/insightsAsset.svg);
}
.product-list .risk{
    background-image: url(../img/riskAsset.svg);
}
.product-list .strategy{
    background-image: url(../img/strategyAsset.svg);
}
.product-list .talent{
    background-image: url(../img/talentAsset.svg);
}

/* Mobile styles */
@media (max-width: 768px) {

    .navbar-navigation li {
        cursor: pointer; /* Indicate that the item is interactive */
    }

    /* Hide all submenus initially */
    .navbar-navigation li ul {
        display: none;
    }
    nav.navbar.main-menu.fliph li{
        display: flex;
        flex-direction: column;
        line-height: 30px;
        align-items: baseline;
    }
    /* Show submenu when parent has 'active' class */
    .navbar-navigation li.active > ul {
        display: block;
    }
    nav.navbar.main-menu.fliph li ul{
        position: unset;
    }
    nav.navbar.main-menu.fliph ul.navbar-navigation > li > a{
        margin: 5px 10px;
        padding: 10px 10px 10px 20px !important;
        width: 95%;
    }
    nav.navbar.main-menu.fliph ul.navbar-navigation > li > a::before {
        margin-right: 10px;
    }
    nav.navbar.main-menu.fliph li li{
        padding: 0 !important;
    }
    .mobileCheck #navMenu .navbar-navigation li li:first-child {
        margin-top: 0;
    }
    nav.navbar.main-menu.fliph li ul{
        width: 95%;
    }
    .mobileCheck nav.navbar.main-menu.fliph li a{
        text-align: left;
        width: 100%;

    }
    nav.navbar.main-menu.fliph li a:after{
        content: '';
        display: none;
    }
    nav.navbar.main-menu li ul li.active a,
    nav.navbar.main-menu li ul li a,
    nav.navbar.main-menu li.active ul li.active a,
    nav.navbar.main-menu li.active ul li a {
        padding-left: 48px !important;
    }
    nav.navbar.main-menu.fliph li ul li a,
    nav.navbar.main-menu.fliph li.active ul li a {
        padding-left: 48px !important;
    }
}

/*share button copy link button*/
.btn-copy-link {
    display: flex;
    color: #00787d;
    background-color: #fff;
    align-items: center;
    padding: 0.375rem 1rem;;
    border-radius: 100px !important;
    border: 1px solid #00787d;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
}
.btn-copy-link:hover,
.btn-copy-link:focus,
.btn-copy-link:active {
    background: #48c2c5 !important;
    color: #fff !important;
    border: 1px solid #48c2c5;
    outline: none;
}
.url-span {
    display: block;
    white-space: nowrap;
    overflow: scroll;
    /*text-overflow: ellipsis;*/
    color: #495057;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    border: 1px solid #ced4da;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    text-align: center;
    cursor: pointer;
}
.url-span:hover {
    border: 1px solid #00787d !important;
}
.url-span::-webkit-scrollbar {
    display: none;
}
.url-span {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.share-modal p.copy-text {
    margin-bottom: 15px;
}
/*.share-modal h3.modal-title {*/
/*    font-size: 16px !important;*/
/*}*/
.share-modal span.close {
    font-size: 22px !important;
    margin-top: 0 !important;
}

.related-activities-img{
    height: 191px;
    max-height: 214px;
    background-color: #ccc;
    border-radius: 15px;
    overflow: hidden;
}
#message-container .alert{
    margin-bottom:30px;
    /*margin-top: -10px;*/
}
.scaled{
    zoom: .9;
}

.progress-bar.width-0 {
    padding-right: 0px ;
}
.my-learning-activity-version {
    font-size: 13px;
    color:#5b5b5b;
    padding-bottom: 5px;
}
/*.catalogue-courses-wrapper  .instructors.multi-instructors .instructors-no span {*/
/*       left: 62%;*/
/*}*/
/*.catalogue-courses-wrapper .sidebar .more-details-panel .instructors.multi-instructors:after{*/
/*    position: absolute;*/
/*    content: "";*/
/*    height: 32px;*/
/*    width: 32px;*/
/*    background-color: #48c1c4;*/
/*    top: 24px;*/
/*    left:50%;*/
/*    border-radius: 50%;*/
/*}*/
.catalogue-courses-wrapper .sidebar .more-details-panel .instructors-text-desc{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.catalogue-courses-wrapper .sidebar .more-details-panel .instructors-text-desc br{
    display: none;
}
.instructorSwiper .instructor-desc{
    flex: 0 0 80%;
}
#dashboard section.profile-statistics .dashboard-Clearning .flex-row{
    margin-left: 0;
}
.collapse {
    display: none;
}
.show {
    display: block;
}
#collapsibleDiv{
    background-color: #fff;
    margin: 10px;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    padding: 10px 15px;
    border: 1px solid #e6e6e6;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 121, 126, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 121, 126, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 121, 126, 0.1);
    border-radius: 15px;
    display: none;
}
#collapsibleDiv::before{
    content: "";
    position: absolute;
    right: 120px;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}
#mobileMenu {
    margin-left: 5px;
    gap:5px;

}
#mobileMenu li a{
    text-align: left;
    padding-left: 10px;
    background-color: #e5f1f2;
}
#mobileMenu li a:hover{
    background-color: #e5f1f2;
}
.navbar-toggler{
    color: #fff;
    margin-bottom: -5px;
}
.navbar-toggler:focus{
    outline: none;
}
.main.notificationDirectory h1 {
    padding-bottom: 10px !important;
}

.my-learning-details-related #related-activities-wrapper-swiper {
    gap: 12px !important;
    width: 100% !important;

}

table.modern-view {
    width: 100%;
    border-collapse: separate; /* Allow space between rows */
    border-spacing: 0 10px;
}
table.modern-view td.title {
    vertical-align: middle;
    padding:10px 16px;

}
table.modern-view td {
    vertical-align: middle;
    padding:10px 16px;
    border-top:none;
}
table.modern-view thead th {
    background-color: #fff; /* Set row background color */

}
table.modern-view tbody tr {
    border: 1px solid #ccc; /* Add a border to each row */
    border-radius: 15px;
    box-shadow: 0px 0px 5px 0px rgb(0 121 126 / 16%)
 }
table.listViewInside th {
    border-bottom: none; /* Remove default border */
     vertical-align: middle;
}
.my-learning-detailcontainer .my-learning-progress-container {
    width: 100%;
}
.my-learning-detailcontainer .percentage-wrapper .mylearning-progress-percentage.graphik-medium {
    padding-left:10px;
}
table#feedback-star-button.table.listViewInside ,table.listViewInside td{
    margin-bottom: 0px;
}
table#feedback-star-button.table.listViewInside td {
    padding:16px 16px 0px 0px;

}
.my-learning-detailcontainer li.mobile-only  br{
    display: none;
}

div.certificate-btn-wrapper {
            margin: 20px 0px;
 }
div.certificate-btn-wrapper .btn-certificate {
    background-color: #bdbdbdde;
    color:#ffffff;
    border: 1px solid #e0e0e0;
    font-weight: 500;
}
.return-playlist .btn-wrapper {
    width: 100%;
}
.mylearning-details-main-wrapper .return-playlist .list-group-item::after {
    border:none;
}
.playlist-activity .btn-launch-primary{
    margin-right: 10px;
    margin-top: 0px;
}
.catalogue-learning-objectives .flex-item, .catalogue-learning-instructors .instructors-border  {
    padding-left: 0px;
}
.playlist-details{
    display: flex;
    justify-content: space-evenly; /* Space items evenly */
    align-items: flex-start; /* Vertically center items */
}
.playlist-detail-1:after,.playlist-detail-2:after,.playlist-detail-3:after,.playlist-detail-4:after,.playlist-detail-5:after {
    background-color: lightgray;
    position: absolute;
    content: "";
    width: 1px;
    height: 40%;
    background-color: #dbdbdb;
    top: 25%;
}
.playlist-detail-1:after {
    left: 20%;
}
.playlist-detail-2:after {
    left: 45%;
}
.playlist-detail-3:after {
    left: 68%;
}


.playlist-detail-container .more-details-panel {
    padding-bottom: 10px;
}
.playlist-resources-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.far.fa-user.mr-2 {
    font-weight: lighter !important;
}

h2.my-learning-course-main-title {
    color: #323250;
    word-break: break-word;
}
.continue-learning .custom-card-buttons {
    margin-bottom:0px;
}
@media (max-width: 992px) {
    .continue-learning-emptybox {
       display: none;
    }
    .catalogue-learning-objectives .flex-item ,  .catalogue-learning-instructors .instructors-border {
        padding-left: 15px !important;
    }
}
.continue-learning-emptybox .widget .main-title  {
    font-size: 20px;
    font-weight: 500;
    color: #00787D;
    font-family: Graphik-Medium;
}
.continue-learning-emptybox {
    margin-top: 73px;
}
.continue-learning-emptybox .widget a.dashboard-explore-link {
    width: 140px;
    margin-top: 10px;
}

.continue-learning-emptybox .widget > div{
    height: 132px;
    width: 55%;
    float: right;
    justify-content:space-around;
}
.continue-learning-emptybox .widget.statistic-tile {
    width: 100%;
    height: 90%;
    background-repeat: no-repeat;
    background-image: url(../img/continue_learning.svg);
    background-position: left bottom;
    background-size: 40%;
    margin: 0 auto;
}

.instructor-intro.fade-out::after {
    display: none;
}

.dashboard-my-lists::before {
    content: "";
    position: absolute;
    display: block;
    background-color: #efefef;
    height: 200vh;
    right: -20px;
    z-index: -1;
    left: -7px;
    top: -30px;
}
.dashboard-my-lists {
    z-index: 33;
}
.body-container .site-footer {
    z-index: 99;
}

.graphik-medium.instructor-name a {
    font-size: 14px;
}
.continue-learning .my-learning-course-main-title .activity-heading {
    line-height: 1.5em;
}
.btn-copy-link {
    user-select: none;
}
        /*By Gayan 19/10/24 */
@media (max-width: 576px) {

    .related-activities-title {
        padding-left: 7px;
    }
    .related-activities-wrapper .custom-card-body {
        min-height: unset;
    }
    .instructor-intro.fade-out::after {
        display: block;
    }
     .fade-out-mobile-only {
        max-height: 4rem;
    }
    .fade-out-mobile-only.expanded::after, .fade-out-mobile-only-max.expanded::after, .fade-out.expanded::after{
        background: none;
    }

     .fade-out-mobile-only::after{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 30px;
        background: linear-gradient(to top, white, transparent);
        border-bottom: none;
    }

    div.certificate-btn-wrapper {
        margin: 20px 0px 0px 0px;
    }

    .my-learning-detailcontainer .playlist-activity .btn.custom-btn.btn-launch-primary.launch-only {
        margin:0px !important;
        width: 50% !important;
    }
    .more-details-panel.more-details-panel-playlist .mobile-hide.duration {
        display: none;
    }

    .relatedActivitiesSwiper {
        margin-bottom: 4rem !important;
    }
    .playlist-directory .flex-item.item-mylearning-title {
        margin-top: 10px;
        margin-left: 6px;
    }

    .webinar-details-main-wrapper .learning-instructor-see-more , .webinar-details-main-wrapper .learning-objectives-see-more, .learning-objectives-see-more-mobile{
        padding-bottom: 20px;
    }
    .playlist-detail-container div.webinar-detail-wrapper.flex-row.flex-margin-bottom {
        margin-bottom: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
    }
    .certificate-item {
        padding-bottom:10px !important;
    }
    .main.flip {
        margin-bottom:60px;
    }
    .webinar-detail {
        padding: 10px 14px;
    }
    .webinar-resources {
        padding :15px 20px;
    }
    .webinar-resources-container .common-resources-progress .percentage-wrapper{
        max-width: 100% ;
    }
    .header-gap {
        margin-bottom: 20px !important;
    }
    .webinar-progress .common-resources-progress .percentage-wrapper{
        padding-right: 0px;
    }
    .playlist-detail-container .more-details-panel {
        border-top: none;
    }

    .mylearning-details-main-wrapper .playlist-detail-container .more-details-panel .custom-btn.btn-launch-primary.launch-only {
        width: 100% !important;
        max-width: revert;
    }
    .mylearning-details-main-wrapper .playlist-detail-container .more-details-panel .duration::before {
        display: none;
    }

    .webinar-detail-1:before , .mylearning-details-main-wrapper .more-details-panel .duration::before{
        display: none;
    }
    .my-learning-detailcontainer.micro-learning .custom-btn.btn-secondary-inverted {
        width: 100% !important;
    }
    .playlist-detail-1:after,.playlist-detail-2:after,.playlist-detail-3:after,.playlist-detail-4:after,.playlist-detail-5:after {
        display: none;
    }
    .custom-btn.btn-secondary-inverted.return-playlist {
        width: 100% !important;
    }

    .my-learning-details-related #related-activities-wrapper-swiper {
        gap: 20px !important;
    }
    table#feedback-star-button.table.listViewInside tbody tr {
        padding:0px;
        border-top: 0px;
    }
    table.modern-view tr {
        padding: 10px !important;
        margin-bottom: 10px;
        border-left: none;
        border-right: none;
        border-bottom: none;
    }
    table.modern-view tr a.custom-btn.btn-secondary-inverted {
        width: 100% !important;
    }

    .my-learning-detailcontainer .mylearning-title-desc-wrapper div.learning-main-desc , .my-learning-main-content.playlist-detail-container div.learning-main-desc{
        border-bottom: none !important ;
    }
    .my-learning-detailcontainer .btn.custom-btn.btn-launch-primary.launch-only.small  {
        width: 50% !important;
    }
    .my-learning-detailcontainer .btn.custom-btn.btn-launch-primary.launch-only  {
        width: 100% !important;
    }
    /*.my-learning-detailcontainer .more-details-panel .instructors.multi-instructors .instructors-no span {*/
    /*    left: 45px !important*/
    /*    top: 40px !important;*/
    /*}*/
    .my-learning-detailcontainer .more-details-panel .instructors.multi-instructors::after {
        top:30px !important;
    }
    .my-learning-detailcontainer .flex-margin-bottom {
        margin-bottom: 10px !important;

    }
    .my-learning-detailcontainer .my-learning-certificate-thumb {
        top: 10px;
        left: 94px;
        height: 30px;
    }
    table#feedback-star-button.table.listViewInside td .rating-stars ul{
        text-align: center;
    }

    .continue-learning .my-learning-course-main-title {
        padding-left: 0px !important;
    }
    /*.continue-learning .my-learning-course-main-title  .activity-heading{*/
    /*    padding-left: 3px;*/
    /*}*/
}


.my-learning-product-custom-card-wrapper{
    display: flex;
    border-radius: 10px;
    overflow: hidden;
}
.read-more .more-link,.read-less a.less-link{
    color: #00787D ;
    font-weight: bolder;
}
/*table.listViewInside.notifications-mesg small.extended-info.block{*/
/*    font-family: 'Graphik-Medium';*/
/*}*/
a:hover, a:focus {
    text-decoration: none !important;
}

/** instructor profile */
div.instructor-details {
    height: 100%;
}
div.instructor-details div.flex-item.instructor-detail-dis {
padding-bottom: 50px;
}
div.instructor-details div.flex-item.booknow {
bottom: 0px;
padding-bottom: 21px;
position: absolute;
}
div.instructor-profile .more-details-panel.mobileHide div.duration.product-con::before {
border-left: 1px #cccccc solid;
border-left: 1px #cccccc solid;
height: 100%;
content: ""; /* Required for the pseudo-element to show */
position: absolute;
margin-left: -30px;
height: 75%;
top: 15%;
}
div.instructor-profile div.more-details-panel .product-list .product .img {
width: 25px;
min-width: 25px;
padding: 0px;
vertical-align: top;
}
div.instructor-profile div.more-details-panel .product-list .product {
display: flex;
gap: 4px;
justify-content: flex-start;
align-items: flex-start;
}



div.instructor-profile  .widget.statistic-tile.shadow-background.border-radius-card-15 {
padding: 25px;
margin-bottom: 0px;
}
div.instructor-profile .profile-image .instructor-profile-pic {
border: solid 4px #48c2c5;
}
div.instructor-profile .profile-title-desc-wrapper div{
margin-bottom: 5px;
word-break: break-word; /* Break long words */
overflow-wrap: break-word;
}
div.instructor-profile div.more-details-panel .product-list {
font-family: Graphik-Regular;
}
div.instructor-profile div.more-details-panel .product-list img {
width: 25px;
height: 25px;
border-radius: 7px !important;
}
div.instructor-profile div.more-details-panel .product-list span.productName{
padding-top: 3px;
word-break: break-word;
margin-bottom: 3px;
}
div.instructor-profile div.more-details-panel .product-list span {
padding-left:0px;
display: revert;
height: auto;
line-height: 13px;

}

div.instructor-profile .more-details-panel .profile span,div.instructor-profile .more-details-panel .product-con span {
text-align: left;
font-size: 12px;
}

@media (min-width: 576px) {

.flex-item.detail-section-title {
    padding-left : 0px
}
div.instructor-profile .flex-row .desktopHide {
    display: none !important; /* Hide on desktop */
}
div.instructor-profile .more-details-panel .profile , div.instructor-profile .more-details-panel .product-con {
    margin: 0px !important;
    background-color: #ffffff !important;
    font-size: 13px;
}
}
@media (max-width: 576px) {
    #dashboard section.user-site-statistics.group-site-statistics {
        margin-bottom:30px !important;
    }

    .flxUse.groupStatistics {
        margin:0px;
        margin-bottom:0px;
    }

    .main-profile-details-wrapper .profile-picture-container img {
        width : 55px;
        height : 55px;
    }
div.instructor-details div.flex-item.booknow {
    position: revert;
}
div.instructor-profile .instructor-header .profile-image img {
    width: 100%;
    height: 100%;
}
div.instructor-profile .more-details-panel {
    border-top: none !important;
}
div.instructor-profile .more-details-panel .profile .headding , div.instructor-profile .more-details-panel .product-con  .headding {
    font-weight: 600;
    text-align: left;
    padding: 10px 0px !important;
    margin: 0px 0px !important;
    font-size: 13px;
}

}
div.instructor-profile .more-details-panel .profile .headding , div.instructor-profile .more-details-panel .product-con .headding {
font-weight: 600;
text-align: left;
padding:0px 5px;
padding: 5px 0px;
margin: 0px 0px;
font-size: 13px;
color: #323250;
}
div.instructor-profile .more-details-panel .instructors-text-desc {
text-align: left;
}
div.instructor-profile .more-details-panel .profile,div.instructor-profile .more-details-panel .product-con {
background-color: #f2f2f2;
font-size: 11px;
padding: 10px;
border-radius: 10px;
margin: auto;
height: 100%;
position: relative;
display: flex;
align-items: flex-start;
}
div.instructor-profile .more-details-panel{
display: flex;
align-items: flex-start;
gap: 10px;
display: flex;
justify-content: center;
flex-wrap: nowrap;
padding: 10px;

}
div.instructor-profile div.instructor-header {
display: flex;
align-items: center;
width: 100%;
}
div.instructor-profile .instructor-header .profile-image img {
width: 95%;
height: 95%;
}

div.instructor-profile .instructor-header  .profile-main-email {
font-size: 12px;
}

div.relatedActivitiesSwiper.swiper-initialized {
position: relative;
}
#remove-link {
    cursor: pointer;
}


.starinactive .rating-stars ul {
    cursor: none;
    cursor: default;
}
.w-10 {
    width: 10% !important;
}
.dropdown-submenu > .dropdown-menu {
    top: 5px;
}

.scroll-submenu {
    height: auto;
    max-height: 200px;
    overflow-y: auto;
}

.related-activities .profile-image {
    width: fit-content;
    position: absolute;
    top: 45px;
    right: 25px;
}
.related-activities .profile-image img {
    width: 75px;
    height: 75px;
}
#mainContainer:has(.trainers-catalogue-title) h1 {
    padding-bottom: 5px !important;
}
.trainers-catalogue-title {
    padding-bottom: 32px;
}
.trainers-catalogue-title a {
    color: #595959;
    font-size: 16px;
}
.trainers-catalogue-title a:hover {
    color: #00787d;
    text-decoration: none;
}
.select-all-checkbox-distribution {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    margin-bottom: 30px;
}
.select-all-checkbox-distribution input#selectAllLearnersDistribution {
    margin-left: 18px;
}
.select-all-checkbox-distribution label,
#selectedCountSelectAllLearners {
    display: inline;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
}
.select-all-checkbox-distribution label {
    margin-bottom: 0px !important;
}
.last-update .consultation-note {
    font-size: 1.1em;
}
.user-site-statistics a.click-here {
    display: inline;
    background: transparent;
    padding: 0 !important;
    font-size: 1em;
    font-weight: bold;
}
.user-site-statistics a.click-here:hover {
    color: #00787D;
}