@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap') body {
    font-family: "Inter", sans-serif !important;
    font-weight: 600;
    font-style: normal;
}
/*html{overflow: auto;}*/
.fixed .main-header {
    background: #fff;
    border-bottom: 1px solid rgba(217, 219, 228, 0.5);
    /*box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.08);*/
}

.headerbox {
    border-bottom: 1px solid #dfdfdf;
}

.skin-blue .main-header .navbar {
    margin-bottom: 0px;
}

.nav.navbar-nav .for-rsp {
    display: none;
}

.tabsnav .visible-lg {
    display: inline-block !important;
}

#mainNavigation br {
    display: none !important;
}
#mainNavigation .visible-lg{display: inline-block !important;}
.content-wrapper {
    margin-top: 131px !important;
    margin-left: 0px !important;
}

.heading {
    background: transparent !important;
}

.skin-blue .main-header .navbar,
.skin-blue .main-header .logo-fixed {
    background-color: #fff !important;
}

.content-fluid,
.dark-bg,
.inner-block,
.inner-block-4,
.inner-block-2,
.inner-block-3,
.content-bgwarp,
.white-wrap-2 {
    background: #f8f8f8 !important;
}

.box {
    box-shadow: 0px 12px 29px 0px rgba(145, 158, 171, 0.1) !important;
    border-radius: 4px !important;
}

.heading h1 {
    font-size: 20px !important;
    font-weight: 600 !important;
}

.navbar-custom-menu .nav>li>a {
    padding: 10px 8px !important;
}

.inner-block {
    padding: 5px 30px 5px 30px;
}

/*#mainNavigation nav {
    font-size: 1.5rem;
    font-weight: 400;
    background-color: #fff;
    height: 49px;
 
    width: 100%;
    display: inline-block;
    /* Don't show anything outside the .menu-state 
    box-shadow: 0px 17px 30px 0px #00000020;

}*/
#searchText {box-shadow: 0px 7px 40px 0px #00000020;}
.menu-state ul {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0;
    padding: 4.5px 0px 3px 0px;
    list-style-type: none;
    max-height: 88px;
    /* Menu height x 2 */
    position: relative;
    /* Position the menu button relative to this item */
}



.tabsnav {
    position: relative;
}
.tabsnav:not(.--jsfied) {
    /*overflow-x: auto;*/
    -webkit-overflow-scrolling: touch;
}
.tabsnav .--hidden {
    display: none;
}
#mainNavigation a,
#mainNavigation button {

    display: inline-block;
    font-size: 15px;
    /*  line-height: 38px;*/
    text-align: center;
    color: #101112;
    background-color: transparent;
}
.tabsnav .-primary {
    display: flex;
    background-color: #fff;
}
#mainNavigation nav .dropdown-menu{padding: 0px !important; position: absolute;    left: 0; min-width: 250px; margin-top: -8px;  }
#mainNavigation nav .dropdown-menu a{padding: 8px 10px; text-align: left; height: auto; font-weight: 500; margin: 0px !important; width: 100%; word-wrap: break-word;
                                     white-space: normal;
                                     line-height: 18px;}
#mainNavigation nav .dropdown-menu a:hover, .user-menu li:hover {    border-radius: 4px;  background: #f3f3f3; margin: 0px !important;
                                                                     color: #101112;}
#mainNavigation nav .dropdown-menu li{padding: 0px;}
#mainNavigation nav li {
    /*flex-grow: 1;*/
    background-color: #fff;
    position: relative;
    padding:6px 3px;
    font-weight: 400;
    display: inline-block;
}
.tabsnav .-primary > li + li {

}

/*.tabsnav .-primary > li > a:hover,
.tabsnav .-primary > li > button:hover {
  background-color: #b61a3e;
}
.tabsnav .-primary > li > a:active,
.tabsnav .-primary > li > button:active {
  background-color: #961534;
}*/

.tabsnav .-primary .-more > button span {
    display: inline-block;
    transition: transform 0.2s;
}
.tabsnav.--show-secondary .-primary .-more > button span {
    transform: rotate(180deg);
}
.tabsnav .-secondary {
    max-width: 100%;
    min-width: 10em;
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    box-shadow: 0 0.3em 0.5em rgba(0, 0, 0, 0.3);
    -webkit-animation: nav-secondary 0.2s;
    animation: nav-secondary 0.2s;
}
.tabsnav .-secondary li {
    border-top: 1px solid #dfdfdf;
    background-color: #fff;
}
.tabsnav .-secondary a,
.tabsnav .-secondary button {
    padding: 0.6em;
}
/*.tabsnav .-secondary a:hover,
.tabsnav .-secondary button:hover {
  background-color: #961534;
}
.tabsnav .-secondary a:active,
.tabsnav .-secondary button:active {
  background-color: #D51E49;
}*/
.tabsnav.--show-secondary .-secondary {
    display: block;
}

@-webkit-keyframes nav-secondary {
    0% {
        opacity: 0;
        transform: translateY(-1em);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes nav-secondary {
    0% {
        opacity: 0;
        transform: translateY(-1em);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

#mainNavigation nav ul svg {
    width: 1.4em !important;
    height: 1.4em !important;
    /*float: left;*/
    display: inline-block;
    margin: 0px 1px -6px 0px;
}

.menuwrap .nav-pills>li>a {
    border-top: 0px !important;
    border-radius: 4px;
}

.box-header {
    border-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.box-header h3.box-title {
    font-size: 18px !important;
    font-weight: 600 !important;
}

.box-header-tab>.nav-tabs>li {
    display: inline-block !important;
    float: none !important;
    width: auto !important;
    margin: 0px 4px;
}

.box-header-tab>.nav-tabs>li.active {
    display: inline-block !important;
    width: auto !important;
    float: none !important;
}

.box-dashticket svg {
    width: 22px;
    height: 22px;
    float: left;
    margin: 4px 2px 0px 2px;
}

.box-profile .box-dashticket span {
    line-height: 30px;
    font-weight: 400;
    line-height: 30px;
    color: #101112;
}

.no-recordsfound {
    background: #f2f2f2;
    margin: 0px 10px 10px 10px;
    width: calc(100% - 20px);
    /* height: 58vh; */
    border-radius: 4px;
    padding: 10.7em 0em;
}
.discussion-forumbx .no-recordsfound, #myLeaderboard .no-recordsfound {
    margin: 0px !important;
    width: calc(100% - 0px) !important;
}

#marketing-calendar-events .no-recordsfound {
    padding: 8.9em 0em !important;
}

#myTeamCompletion .no-recordsfound {
    margin: -10px 0px 0px -5px !important;
    width: calc(100% - -10px) !important;
    padding: 11em 0em !important;
}
.badgeslist .no-recordsfound {
    margin: -10px 0px 0px 0px !important;
    width: calc(100% - 0px) !important;
    padding: 10.7em 0em !important;
}
#cetificate .box-body{padding: 0px 10px 0px 10px !important;}

.chart-img.chart-img2 .no-recordsfound {
    margin:0px 0px 0px 0px !important;
    width: calc(100% - 0px) !important;
    padding: 10.4em 0em !important;
}
.chart-img .no-recordsfound {
    margin: -10px 10px 0px 10px !important;
    width: calc(100% - 20px) !important;
    padding: 10.7em 0em !important;
}

.ei-event .no-recordsfound {
    margin: 10px 0px 0px 0px !important;
    padding:9.1em 0em !important;
    width: calc(100% - 0px);
}

.skin-blue .gry-bg {
    background: #fff !important;
}

#nestable_list_answers svg {
    right: 20px;
    position: relative;
    top: 2px;
    width: 20px;
}

.no-recordsfound svg {
    width: 50px;
    height: 50px;
    fill: #999;
}

.box {
    height: 465px !important;
}

.box-header-tab {
    padding: 0px !important;
}

.box-header-tab .nav-tabs {
    text-align: center !important;
    margin: 10px 0px;
}

.box-header-tab h3,
.skin-blue .box-title {
    font-size: 18px !important;
}

.box-header-tab .nav-tabs>li {
    border-bottom: 0px solid #ddd;
    background-color: #e2e2e2;
    border-radius: 4px;
}

.box-header-tab>.nav-tabs>li {
    width: auto !important;
}

.box-header-tab>.nav-tabs>li>a {
    min-height: inherit !important;
    padding: 8px 15px !important;
    border-radius: 4px;
}

.inner-block-2.inboxmesg {
    padding: 0px 15px 12px !important;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 15px;
}

/*.email-list ul.list-unstyled li {
    margin-bottom: 15px;
}*/

.buttons-wrap a,
.buttons-wrap a:hover {
    font-size: 14px;
    background: #101112;
    width: 32px;
    height: 32px;
    display: inline-block;
    border-radius: 50%;
    line-height: 36px;
    color: #fff;
}

.buttons-wrap span {
    font-size: 21px;
    font-weight: 500;
    padding: 0px 15px;
    color: #212121;
}

.ei-nav-container,
.ei-nav-container-2,
.ei-nav-container-mcal {
    background: #fff !important;
    color: #101112 !important;
}

.leaderboard-details ul.myRank {
    display: inline-block !important;
    width: calc(50% - 20px);
    border-radius: 4px;
    border: 1px solid #dfdfdf;
    margin: 5px 10px;
    float: left;
}

/*added for my courses details css vinayak*/
.whiteboard {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0px 5px 40px 0px #00000011;

    /*-webkit-box-shadow: 0px 0px 18px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 0px 0px 18px 0px rgba(204, 204, 204, 1);
    box-shadow: 0px 0px 18px 0px rgba(204, 204, 204, 1);*/
}

.color-primary {
    color: #FE6D4B
}

.btn-primary {
    /*background: #007DFC;*/
    color: #fff;
    border: 0px;
}

.btn-secondry {
    background: #F1F1F1;
    color: #4F4F4F;
    border: 0px;
}

.btn-md {
    color: #fff;
    height: 40px;
    padding: 6px 18px;
    border-radius: 4px;
}

.btn-sm {
    height: 34px;
    padding: 7px 10px;
}

a,
a:focus,
a:hover {
    /*color: #FE6D4B;*/
    /*    text-decoration: underline;*/
}

.rate {

    height: 30px;
    padding: 0 10px;
}

.rate:not(:checked)>input {
    position: absolute;
    top: -9999px;
}

.rate:not(:checked)>label {

    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 24px;
    color: #ccc;
}

.rate:not(:checked)>label:before {
    content: '★ ';
}

.rate>input:checked~label {
    color: #FF8000;

}

.rate:not(:checked)>label:hover,
.rate:not(:checked)>label:hover~label {
    color: #FF8000;
}

.rate>input:checked+label:hover,
.rate>input:checked+label:hover~label,
.rate>input:checked~label:hover,
.rate>input:checked~label:hover~label,
.rate>label:hover~input:checked~label {
    color: #FF8000;
}
.heading4 + .text-bullet {
    font-size: 13px !important;
    font-weight: 400;
    color: #666 !important;    display: inline-block;
}

.card-header {
    /*height: 73px;*/
    background: #fff;
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 4px;
    position: relative;
}

.square-50 {
    width: 50px;
    height: 50px; 
    border-radius: 4px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-gray {
    background: #EDEDED;
}

.m11 {
    margin: 11px
}

.p12 {
    padding: 12px
}

.list li {
    list-style-type: none;
}

.status-sec li {
    display: inline-block;
}

.width100 {
    width: 100px
}

.circle-26 {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #101112;
    display: inline-block;
    line-height: 0;
}

.status-sec .progress {
    margin: 0px
}

.status-sec li {
    margin-left: 10px
}

.m0 {
    margin: 0px
}

.heading1 {
    color: #212121;
    font-size: 20px;
    font-weight: 600
}

.heading2 {
    color: #212121;
    font-size: 22px;
    font-weight: 400
}

.heading3 {
    color: #212121;
    font-size: 16px;
    font-weight: 500 !important;
}

.heading4 {
    color: #212121;
    font-size: 15px;
    font-weight: 500
}

.heading5 {
    color: #212121;
    font-size: 18px;
    font-weight: 500
}

.fontsize13 {
    font-size: 13px
}

.fontweight500 {
    font-weight: 500
}

.mb-0 {
    margin-bottom: 0px
}

.mt5 {
    margin-top: 5px
}

.mb5 {
    margin-bottom: 5px
}

.mt10 {
    margin-top: 10px
}

.mb10 {
    margin-bottom: 10px
}

.mt15 {
    margin-top: 15px
}

.mb15 {
    margin-bottom: 15px
}

.mt20 {
    margin-top: 20px
}

.mb20 {
    margin-bottom: 20px
}

.mr-15 {
    margin-right: 15px;
}

.mr5 {
    margin-right: 5px;
}

.mt0 {
    margin: 0px
}

.ml15 {
    margin-left: 15px !important
}

.breadcrumb {
    padding: 0px 0px;
    margin-bottom: 15px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
}

hr {
    margin-top: 12px;
    margin-bottom: 12px;
}

.devicer-left {
    border-left: 1px solid #eee; /*margin-bottom: 15px;*/
}

.circle49 svg {
    width: 49px
}

.breadcrumb>li+li:before {
    content: "\2758";
}

.circle49 {
    height: 49px
}

.fill-white {
    fill: #fff
}

.ico-18 {
    width: 18px
}

.thumbnail {
    border: 0;
    padding: 0;
}

.color666 {
    color: #666
}

.progress {
    height: 5px;
}

.progress-with-bar.notstarted .progress-bar{
    background-color: #ff0000;
}
.progress-with-bar.notstarted svg{
    fill: #ff0000;
}

.progress-with-bar.completed .progress-bar{
    background-color: #13A44D;
}
.progress-with-bar.completed svg{
    fill: #13A44D;
}

.progress-with-bar.inprogress .progress-bar{
    background-color: #FF8000;
}
.progress-with-bar.inprogress svg{
    fill: #FF8000;
}

/*.progress-bar.completed {
    background: #13A44D;
}
.progress-bar.completed svg{fill: #13A44D }
.completed .progress-bar{
    background-color:  #13A44D;
}
.progress-bar.inprogress {
    background: #FF8000
}
.inprogress .progress-bar{
    background-color:  #FF8000;
}
.progress-bar.inprogress svg {
fill: #FF8000;
}
.notstarted .progress-bar{
    background-color:  #ff0000;
}
.progress-bar.notstarted {
    background: #ff0000;
}
.progress-bar.notstarted svg {
    fill: #ff0000
}*/

.progress {
    background-color: #D9D9D9;
}

.bg-gray1 {
    background: #F7F7F7;
}

.p15 {
    padding: 15px
}

.box-list-1 h4 {
    color: #101112;
    font-weight: 500;
    font-size: 14px;
    margin-top: 0;
    line-height: 20px;
}

.box-list-1 ul li {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    padding-left: 22px;
}

.list-bullet {
    padding-left: 5px;
}

.list-bullet li:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #a7a7a7;
    left: 0;
    top: 7px;
    border-radius: 50%;
}

.list-bullet li {
    position: relative;
}

.pl0 {
    padding-left: 0px
}

.p-0 {
    padding: 0px
}

.list li {
    margin-bottom: 10px
}

footer {
    padding: 21px;
    text-align: center;
    background: #fff;
    margin-top: 0px;
}

.card .card-title {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}

.bg-gray2 {
    background: #eee
}

.width65 {
    width: 65px
}

.arrow-top {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #F1F1F1;
    border-left: 10px solid transparent;
    position: absolute;
    top: -21px;
    right: 12px;
}

.collapse {
    position: relative;
    margin-bottom: 20px;
}

.card-header .list li {
    margin-bottom: 0px;
}

.mt12 {
    margin-top: 12px
}

.status-sec {
    text-align: center;
}

.card-img-top {
    width: 100%
}

@media (max-width: 768px) {
    .filter-wrap a { 
        margin-right: 5px;
    }
    .card {
        margin-bottom: 15px
    }
    .xs-no-padding {padding: 0px !important}
    .col-md-12.heading.xs-no-padding {padding: 0px !important}
}
.filter-wrap a{color: #101112;}
@media (min-width: 768px) {
    .filter-wrap a, .filter-wrap a:hover, .fa-sort {
        /*margin-right: 2px;*/
        margin-top: 0px;
    }
    .v-center {display: flex; align-items: center;}
    .right-modal-po .v-center {
        margin: 0;
        position: absolute;
        top: 50%;
        /*  left: 50%;*/
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .row.ml-0 {
        margin-left: 0px !important;
        /*float: left;*/
    }

}
@media (min-width: 769px) {
    .sticky {
        position: fixed;
        top: 0;
    }

    .status-sec {
        text-align: right;
    }
}

.card-header {
    /*-webkit-box-shadow: 0px 0px 18px 0px rgba(204,204,204,1);
-moz-box-shadow: 0px 0px 18px 0px rgba(204,204,204,1);
box-shadow: 0px 0px 18px 0px rgba(204,204,204,1);*/
}

/*added for my courses details css vinayak*/
.box-header-tab h3 {
    font-size: 18px !important;
}

.box-header-tab>.nav-tabs>li {
    width: auto !important;
    max-width: 48% !important;
}

.nav.tabdouble {
    padding-left: 0px !important;
}

.box-header-tab>.nav-tabs>li>a {
    min-height: inherit !important;
    text-decoration: none;
    padding: 3px 15px !important;
    display: flex !important;
    height: 40px !important;
    background: #e2e2e2;
    border-radius: 4px !important;
}

.box-header-tab>.nav-tabs .box-title {
    font-size: 17px !important;
    line-height: 35px !important;
    color: #101112;
    white-space: nowrap !important;
}

.box-header-tab>.nav-tabs>li.active a {
    border: 0px !important;
}

.accessibilitymenu {
    margin: 20px 0px 0px 0px !important;
}

.accessibilitymenu a {
    font-size: 18px;
    margin: 0px 10px;
    cursor: pointer;
}

.content-wrapper.content-wrapper-2 {
    margin-top: 0px !important;
}

.content-wrapper,
.right-side,
.main-footer {
    margin-left: 0px !important;
}

.main-footer {
    position: relative;
    margin-top: 0px;
}

.footer-logo {
    margin-left: 0px !important;
    left: 0px !important;
}

.box-dashticket .box-header {
    padding: 10px !important;
    border-radius: 4px;
    border: 1px solid #dfdfdf !important;
    margin: 10px 15px !important;
}

.box-dashticket i {
    background: transparent !important;
    color: #101112 !important;
    width: 39px !important;
    height: 39px !important;
}

.navbar-nav .dropdown-menu>li>a {
    margin: 0 0px !important;
    padding: 10px 10px !important;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header,
.navbar-nav>.user-menu>.dropdown-menu>.user-body {
    padding: 6px 10px !important;
}

.navbar-nav>.user-menu .user-image {
    width: 32px;
    height: 32px;
    float: none;
    margin: -11px 0px 0px 0px !important;
    padding: 0px !important;
}

.accessibilitymenu a {
    width: 35px;
    height: 35px;
    display: inline-block;
    color: #101112 !important;
    margin: 0px 3px !important;
    background: #f2f2f2;
    border-radius: 50%;
    text-align: center;
    line-height: 38px;
}

.accessibilitymenu a:hover,
.skin-blue .main-header .navbar .nav>li>a:hover {
    background: #dfdfdf;
    color: #101112 !important;
}

.skin-blue .main-header .navbar .nav>li>a {
    margin: 0px 3px !important;
    width: 35px;
    color: #101112 !important;
    height: 35px;
    border-radius: 50%;
    background-color: transparent;
    line-height: 44px;
    padding: 0px !important;
    text-align: center !important;
}

.skin-blue .main-header .navbar .nav>li>a svg {
    width: 1.3em !important;
    height: 1.3em !important;
}

.navbar-nav>.user-menu .user-image {
    width: 35px;
    height: 35px;
    object-fit: cover;
}

.skin-blue .main-header .navbar .nav>li>a .icon-knowledge_repository,
.icon-mylearning {
    stroke-width: 1px;
}

.switchbx-container {
    padding: 10px !important;
    margin: 0px !important;
}

.navbar-nav>.user-menu>.dropdown-menu {
    width: 210px !important;
}

.user-menu>.dropdown-menu li a {
    padding: 6px 10px !important;    display: inline-block;    width: 100%; border-radius: 4px;
}

.switchroleboxcol {
    border-radius: 4px !important;
}

.tabdouble li a h3 {
    height: auto !important;
}

.actiondropdown .dropdown-menu a {
    width: 100%;
    padding: 8px 15px;
    display: inline-block;
    color: #101112;
    font-weight: 400;
}

.actiondropdown .dropdown-menu a:hover {
    width: 100%;
    padding: 8px 15px;
    display: inline-block;
    background: #f8f8f8;
}

.actiondropdown .dropdown-toggle {
    background: #fff;
    color: #101112;
    width: 32px;
    height: 32px;
    border-radius: 50% !important;
    text-align: center;
    padding: 0px !important;
}

.actiondropdown .dropdown-toggle:hover {
    background: #dfdfdf;
}

.actiondropdown .dropdown-menu {
    top: 38px !important;
}

.actiondropdown .dropdown-toggle svg {
    width: 22px;
    height: 22px;
    margin-top: 7px !important;
}

.cke_toolgroup,
a.cke_combo_button {
    border: 1px solid #dfdfdf !important;
    background: transparent !important;
}

.cke_top {
    width: 98.5% !important;
}

.right-modal-po {
    width: 600px !important;
}

/*.leaderboard-details ul li:nth-child(odd){border-bottom: 2px dashed #bdbdbd !important;}*/
.team-completion-details ul li:nth-child(odd),
.team-completion-details ul li:nth-child(even) {
    background: transparent !important;
    border-bottom: 2px dashed #bdbdbd !important;
}

.team-completion-details ul li {
    padding: 13px 2px !important;
}

.right-modal-po {
    width: 650px !important;
    background: #f8f8f8 !important;
}

.right-modal-po .modal-header,
.right-modal-po .modal-content {
    background: #f8f8f8;
}

.discussion-forumbx li,
.badgeslist li {
    border-bottom: 2px dashed #bdbdbd !important;
}

.team-completion-details ul li:nth-child(odd),
.team-completion-details ul li:nth-child(even) {
    background: transparent !important;
    border-bottom: 2px dashed #bdbdbd !important;
}

.navbar-nav .dropdown-menu svg {
    width: 1.3em !important;
    height: 1.3em !important;
    margin-top: 1px;
}

.zoomin {
    cursor: zoom-in !important;
}

.zoomout {
    cursor: zoom-out !important;
}

.login-img-bg {
    height: calc(100vh - 30px);
    border-radius: 6px;
}

.bodypadding {
    margin: 15px;
    display: inline-block;
    width: calc(100% - 30px);
    float: left;
    position: relative;
    height: calc(100vh - 30px);
}

.blackopacity {
    bottom: 50px;
    margin: 0px;
    left: 15px;
    z-index: 9;
    position: absolute;
    width: 40% !important;
    border-radius: 4px;
}

.box-profile .box-body {
    padding: 30px 15px !important;
    background: #f2f2f2;
    margin: 0px 15px;
    border-radius: 4px;
}

.box-profile .box-body img {
    border-radius: 4px;
    height: 90px;
    width: 90px;
    display: inline-block;
}

.badgeslist li {
    padding: 13px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}

.badgeslist li .ei-name {
    font-size: 16px;
    font-weight: 400;
    color: #101112;
    display: inline-block;
    text-align: left;
    width: 70%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.badgeslist li img {
    width: 39px;
    height: 39px;
    display: inline-block;
}

.navbar-custom-menu>.navbar-nav>li {
    margin: 0px 5px;
}

.bodypadding .accessibilitymenu svg {
    width: 1em;
    height: 1em;
}

.login-logo {
    width: 100% !important;
}

.logbg {
    background-color: transparent !important;
}

.whitebg {
    background: transparent !important;
    padding: 0px !important;
}

.btn-language.dropdown-toggle,
.bodypadding .accessibilitymenu a {
    background: #e2e2e2 !important;
    color: #101112 !important;
}

.graybgcolor {
    background: #f2f2f2 !important;
}

.login-header {
    border: 0px !important;
    display: inline-block;
    width: 100%;
    background-color: transparent !important;
    height: auto !important;
    margin-top: 20px !important;
}

.login-header h2 {
    position: relative;
    border-bottom: 1px solid #dfdfdf;
    font-size: 19px;
    font-weight: 600;
    line-height: 27px;
}

.login-header span {
    background: #f2f2f2;
    padding: 2px 2px 2px 0px;
    top: -15px;
    display: inline-block;
    position: absolute;
}

.main-header .navbar .nav>li>a>.label {
    font-size: 11px !important;
    padding: 3px;
    position: absolute;
    right: -6px !important;
    text-align: center;
    top: -3px;
}

.bodypadding .powered-logo {
    background: transparent !important;
}

.bodypadding .accessibilitymenu {
    margin-top: 0px !important;
}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    padding: 8px !important;
}

.user-menu>.dropdown-menu li a, .navbar-nav > .user-menu > .dropdown-menu > .user-body a, .skin-blue .navbar-nav > .user-menu > .dropdown-menu > .user-body a, #setting {
    color: #101112;
}

.bodypadding .btn-new-large {
    width: 100%;
    border-radius: 4px !important;
}

.bodypadding .login-input.form-control {
    height: 42px !important;
    border-radius: 4px !important;
}

.blackopacity {
    background: rgba(255, 255, 255, 0.2) !important;
}

.blackopacity h1,
.blackopacity h1 small,
.blackopacity p {
    color: #fff !important;
}

.login-img-bg {
    background-attachment: inherit !important;
}

.infoSystem.splbox {
    margin-bottom: 25px;
    background-color: rgb(255, 255, 255);
    padding: 8px !important;
    font-size: 15px;
}

.btn {
    border-radius: 4px !important;
}

.settingsplash {
    font-size: 16px;
    margin: -3px 0px 8px 0px;
    line-height: 30px;
    float: left;
    width: 100%;
    background: #f2f2f2f2;
    padding: 10px;
    text-align: center;
    color: #000;
    font-weight: 500 !important;
    border-radius: 2px;
}

.box-inner-2-body {
    border-radius: 4px
}

.settingsplash svg,
.box-inner-2-body.infoSystem svg {
    width: 1.8em;
    height: 1.8em;
}

.box-inner-2-body.infoSystem.xs-pl40 {
    padding: 28px 10px 28px 35px !important;
}

.box-inner-2-body h4 {
    color: #101112 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.bodypadding .input-icon svg {
    width: 1.4em;
    height: 1.4em;
    position: absolute;
    display: inline-block;
    top: 11px;
    left: 10px;
}

.profile-settings input[type=radio]:checked+label span,
.profile-settings input[type=radio]+label span {
    float: left;
    margin-right: 10px;
}

.profile-settings .box-inner-body-2 {
    background: #fff;
}

.profile-settings .box-inner-headding h2 {
    color: #101112 !important;
    font-size: 18px;
    font-weight: 500 !important;
    margin-bottom: 10px;
}

.profile-settings .box-inner-headding h2:before {
    border-bottom: 1px solid #dfdfdf;
    content: '';
    width: calc(100% - 30px);
    display: inline-block;
    position: absolute;
    top: 10px;
    z-index: 9;
}

.profile-settings .box-inner-headding {
    background: #fff !important;
    padding: 0px !important;
}

.profile-settings .box-inner-headding h2 span {
    background: #fff;
    padding-right: 5px;
    position: absolute;
    top: 0px;
    z-index: 11;
    font-size: 16px !important;
}

.dragcard .dd3-handle::before,
.dd3-handle {
    left: auto !important;
    right: 0 !important;
    background: transparent !important;
}

.dragcard .dd3-handle::before {
    display: none;
}

.dragcard .dd3-content,
.dragcard .dd3-content:hover {
    padding: 8px 40px 0 10px !important;
    background: #f8f8f8;
    border-radius: 4px;
    border-bottom: transparent !important;
}

.dragcard .dd-2 {
    padding: 23px 0px !important;
}

.dragcard .dd-item,
.dragcard .dd-empty,
.dragcard .dd-placeholder {
    margin: 10px 0px !important;
}

.box-inner-body-2 {
    padding: 25px 0px !important;
}

.col-form-label {
    font-weight: 500;
}

.dragcard .dd3-content span {
    font-weight: 500;
    font-size: 14px !important;
}

.border-left {
    border-left: 1px solid #dfdfdf;
}

.settingstab {
    background: #fff;
    border-radius: 4px;
    padding: 3px !important;
}

.settingstab.nav-tabs>li {
    margin-bottom: 0px !important;
    margin-left: 0px;
    margin-top:0px !important;
}

.settingstab.nav.nav-tabs li a {
    padding: 9px !important;
    color: #212121;
    border-radius: 4px;
    border: 0px;
    height: 40px;
}

.profile-settings .tab-pane {
    background: transparent !important;
    padding: 0;
}

.aspect img {
    height: 100%;
    width: calc(100% - 30px);
    object-fit: cover;
    border-radius: 4px;
}

.date-time-wrap h1,
.date-time-wrap h2,
.date-time-wrap p {
    display: inline-block;
}

.date-time-wrap svg {
    margin-right: 5px;
}

.carousel-inner .course-title {
    padding: 16px 0px 0px 26px !important;
    height: auto !important;
}

.carousel-control {
    background: #101112;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    top: -5px;
}

.carousel-control svg {
    fill: #fff;
    width: 24px;
    height: 24px;
    margin-top: 4px;
}

.box-header .carousel-control.right {
    right: 0px !important;
}

.ei-events-container-mcal {
    height: auto !important;
}

#myLeaderboard li {
    display: inline-block !important;
    width: calc(50% - 20px);
    border-radius: 4px;
    background: #efefef !important;
    border-color: #efefef;
    margin: 5px 10px;
    text-align: center !important;
}
#leaderboard #myLeaderboard li, #leaderboard .leaderboard-details ul.myRank {    margin: 5px 10px;    width: calc(15% - 20px); text-align: center;}

.leaderboard-details ul li span:nth-child(2) img {
    /* margin: 0 0 10px 0px !important;*/
    /* width: 100% !important;*/
    height: 75px !important;
    width: 75px !important;
    object-fit: cover !important;
}

.leaderboard-details ul li div:first-child {
    min-width: 30px !important;
    font-weight: 400;
    margin: -5px 0 0 -5px !important;
    line-height: 35px;
    position: absolute;
    border-radius: 4px 0px 4px 0px !important;
    ;
}

.leaderboard-details ul li b {
    width: 100% !important;
    margin: 0px !important;
    text-align: center !important;
}

.leaderboard-details ul li span:last-child b {
    position: inherit !important;
    line-height: 12px;
    display: inline-block !important;
    width: auto !important;
}

.leaderboard-details ul li span:last-child i {
    display: inline-block;
    font-size: 14px;
    float: inherit !important;
    margin-left: 5px;
    margin-right: 0px !important;
    padding-right: 0px !important;
}

.box .btn-blue {
    padding: 6px 10px !important;
}

.right-modal-po .price-lable {
    padding: 0px;
    background: transparent;
    margin-top: 0px;
}



.right-modal-po .btn-danger {
    width: 22px;
    height: 22px;
    padding: 0px;
    margin-top: 21px;
    /*margin-left: 2px !important;*/
    border-radius: 50% !important;
    background: #101112 !important;
    border: 1px solid #101112 !important;
}

.right-modal-po .table th,
.right-modal-po .table td {
    padding: 8px 15px !important;
}
#right-modal-cart .right-modal-po .table th,
#right-modal-cart .right-modal-po .table td {
    padding: 8px 15px;
}

.right-modal-po .update-btn {
    width: auto !important;
    border-radius: 4px !important;
}

.right-modal-po .btn-danger svg {
    width: 16px;
    height: 16px;
    margin-top: 2px !important;
}

.right-modal-po .vheight {
    height: 60px;
    position: relative !important;
}

.right-modal-po .media-body {
    float: left;
    width: calc(100% - 83px);
}

.exportcsv,
.exportpdf {
    width: 35px;
    display: inline-block;
    height: 35px;
    background: #f2f2f2;
    text-align: center;
    line-height: 46px;
    border-radius: 50%;
    margin: -2px 0px !important;
}

.exportcsv svg,
.exportpdf svg {
    width: 22px;
    height: 22px;
}

.exportcsv svg {
    fill: #127e12;
}

.exportpdf svg {
    fill: #fc2626;
}

.filtersearch {
    border-radius: 4px !important; padding-left: 25px !important;
    border: 1px solid #d6d6d6 !important;
}
.filtersearchbox svg{position: absolute;  left: 8px; top: 10px;}
.filtersort {
    border: 1px solid #d6d6d6;
    height: 35px;
    min-width: 55px;
    margin: 0px 5px;
    padding: 5px 8px;
}

.box a#show_hide_adv_search, a#show_hide_adv_search1, .filter-report .show_hide_adv_search1, .filter-report #show_hide_adv_search1 {
    box-shadow: none;
    border: 0px solid #d6d6d6 !important;
    border-radius: 4px;
    background: #f2f2f2;
    margin-right: 8px;
    margin-left: 8px !important;
}
.filter-report .show_hide_adv_search1{background: #f2f2f2 !important;}
.right-modal-po .media-left,
.right-modal-po .media>.pull-left {
    padding-right: 4px;
}

.shoping-cart-warp .media {
    padding-left: 15px;
}

.shoping-content,
.shoping-cart-warp {
    background: transparent !important;
    box-shadow: none;
    padding: 15px 5px;
}

.right-modal-po .modal-body {
    background: transparent !important;
}

.right-modal-po .table>thead>tr>th {
    padding: 8px 10px 8px 0px !important;
    font-size: 15px;
    font-weight: 500;
    color: #101112;
}

.right-modal-po .conposition {
    left: 86px !important;
    -ms-transform: translate(-70px, -50%);
    transform: translate(-70px, -50%) !important;
}

.right-modal-po .table>thead>tr>th:last-child,
.right-modal-po .table>thead>tr>th:nth-child(3) {
    min-width: 120px;
    width: 120px;
}

.right-modal-po table>tbody>tr {
    margin-top: 20px;
    background: #fff !important;
    box-shadow: 1px 1px 11px #dfdfdf;
    border-radius: 4px !important;
}

.coupon-wrap {
    background: transparent !important;
    padding: 0px 15px 15px 15px;
}

.cart-tax-height {
    float: left;
    background: #fff !important;
    padding: 25px !important;
    width: calc(100% - 30px);
    margin: 0px 15px 15px 15px;
}

.discount-text {
    margin-left: 0px !important;
}

.right-modal-po .info-c {
    padding: 0px;
    background: #101112;
    width: 18px;
    height: 18px;
    font-size: 13px;
    border-radius: 50%;
    margin-left: 5px;
    margin-top: -1px;
}

.right-modal-po .close>span {
    font-size: 20px !important;
    font-weight: 600;
    opacity: 1 !important;
    text-shadow: 0 1px 0 #000;
    top: 24px !important;
    right: 15px;
    background: #656565;
    color: #fff;
    width: 25px;
    line-height: 23px;
    height: 25px;
    display: inline-block;
    border-radius: 50%;
}

.whitewrapbox {
    background: #fff;
    padding: 15px;
    float: left;
}

.whitewrapbox .inner-block-2 {
    background: transparent !important;
}

.cart-table {
    border-collapse: separate;
    border-spacing: 0 1em;
}

.grylablebox {
    width: calc(100% - 0px);
    float: left;
    margin: 0px 0px;
    background: #f8f8f8;
    padding: 12px;
}

.profile-pic {
    width: 120px;
    height: 120px;
    float: left;
}

.profile-pic img {
    border-radius: 4px;
    width: 120px;
    height: 120px;
    object-fit: cover;
}

.email-list ul.list-unstyled li a{
    /*border-color: transparent !important;*/
    background: #ededed;
    float:left; width: 100%;
}
.email-list ul.list-unstyled li a, .email-list ul.list-unstyled li a:hover {   margin-bottom:10px !important;}
.email-list ul.list-unstyled .visited a{background: #fff;}
.cke_bottom {
    background: transparent !important;
    color: #101112 !important;
}

.cke_chrome {
    border: 1px solid #b6b6b6 !important;
    box-shadow: 0 0 0px rgba(0, 0, 0, .15) !important;
}

/* Vinayak CSS*/
.team-name.string-limit-name {
    padding: 0px !important;
    margin-left: 0px !important;
    margin-top: 10px !important;
    text-align: center;
}

.box-team .organization-wrap {
    background: transparent !important;
}

.graybgcolor1 {
    background: #ededed !important
}

.width-set-list .info-c.course_model {
    background: #101112;
    height: 34px;
    width: 34px;
    border-radius: 4px;
    text-align: center;
    padding: 7px;
}

#collapseExample.in, #collapseFilterCurrentLearningRecord.in, .selection-sec.in, #collapseFilterTranscript.in{
    display: block;
    opacity: 1;
    pointer-events: auto;
    top: 8px;
}


#collapseFilterTranscript.in { top: 145px !important;}

#collapseFilterCurrentLearningRecord.in{top: 145px !important;}

#collapseFilter{ width: 590px;
                 right: 33px;
                 z-index: 99999;
                 top: 45px;
}

#collapseExample, #collapseFilterCurrentLearningRecord, .selection-sec, #collapseFilterTranscript  {

    font-size: 15px;
    position: absolute !important;
    width: 590px;
    right: 33px;
    z-index: 1234;
    top: 5px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    display: none;
}

.filter-sec, .reportfilter .panel{
    font-size: 15px;
    position: absolute;
    width: 590px;
    right: 33px;
    z-index: 999;
    top: -10px;
    /*height: 100%;*/
    overflow: auto;
}

.filter-details {
    padding: 20px !important;
}

.skin-blue .filter-details p {
    color: #212121 !important;
}

.filter-details-btn {
    text-align: right !important;
    margin-right: 0px !important;
}

.skin-blue .btn-blue-catalog {
    border-radius: 4px !important;
}

.ribbon-right-tag {
    font-size: 16px !important;
    font-weight: 400;
    color: #fff;
    padding: 3px 10px;
    border-radius: 4px;
    z-index: 9;
}
.catlog-bg { 
    position: relative;
}
.ribbon-right-tag {
    --f: .5em;
    /* control the folded part*/
    --r: .5em;
    /* control the ribbon shape */

    position: absolute;
    top: 75%;
    right: 0px;
    line-height: 1.6;
    background: #FC1D1D;
    border-bottom: var(--f) solid #7E1717;
    border-left: var(--r) solid #FC1D1D;
    clip-path:
        polygon(var(--r) 0, 100% 0, 100% calc(100% - var(--f)), calc(100% - var(--f)) 100%,
        calc(100% - var(--f)) calc(100% - var(--f)), var(--r) calc(100% - var(--f)),
        0 calc(50% - var(--f)/2));
}

.designation-wrap img {
    width: 98px !important;
    height: 98px !important;
}

.dropdown-menu .btn,
button.btn,
a.btn {
    border-radius: 4px !important;
}


#searchForm .checkboxy-type-3 {
    font-weight: 300;
    margin-bottom: 12px;
    font-size: 14px !important;
}

.col-md-12.heading h1 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.col-md-12.heading {
    padding: 15px 25px 0 !important;
}

.inner-block-2 {
    padding: 15px 25px 12px 25px !important;
}

.progress-list li {
    list-style-type: none;
    text-align: left;
    padding-left: 15px;

}

.progress-list {
    padding: 0px
}

.graybg-1 {
    background: #e4e4e4
}

.circle-32 {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    padding: 7px 5px;
}

.heading-14-500 {
    font-size: 14px !important;
    font-weight: 600 !important;
    margin: 0;
    margin-bottom: 18px;
    text-align: left;
}

.btn-blue {
    padding: 6px 10px;
}

.box-team {
    border-radius: 4px;
}

.org-strip-footer {
    margin-left: 10px;
    margin-right: 10px;
}

.dropdown-menu .btn,
.btn {
    border-radius: 4px !important;
}

label span,
.filter-details .btn {
    border-radius: 3px !important;
}


.filter-sec .filter-details {
    border: 0;
    padding:10px 5px 0px 5px !important;
    display: inline-block;
    /*width: calc(100% - 10px);*/
}

.box-footer.my-catlog-btn .info-c {
    padding: 4px;
}

.height80 {
    height: 80px;
}

.infosec {
    height: 80px;
    padding: 19px 0px 5px 0px;
    float: left;
}
.width-set-list .infosec 
{
    height: auto;
    padding: 0px 0px 0px 0px;
    float: none;
    display: inline-block; 
    margin-right: 10px;
}
.filter-sec .collapse,
#collapseExample .well, #collapseFilterCurrentLearningRecord .well, .accordion .well, .panel .well,  .reportfilter .panel .collapse {
    box-shadow: 0px 5px 40px 0px #00000011;
    border: 0px;
    max-height: 58vh;
    font-size: 15px;
    margin: 0;
    overflow: auto;
}

.content-wrapper,
.right-side {
    background-color: #f8f8f8 !important;
}

ul.tagit {
    border-width: 0px !important;
    box-shadow: 0px 7px 40px 0px #00000020;

}

#searchForm ul.tagit {
    box-shadow: none;
    border-radius: 4px 4px 4px 4px !important;
}

.icon-big-fillters,
.outersearchbx {
    border: 0px !important;
    box-shadow: 0px 7px 40px 0px #00000020;

}

#searchpop .outersearchbx {
    box-shadow: none !important;
}

.btn-slide,
.btn-slide-2,
.btn-slide-3,
.btn-slide-4,
.btn-slide-5,
.btn-slide-6,
.btn-slide-7,
.btn-slide-8 {
    z-index: 1 !important;
}

#searchForm .btn-white-catalog {
    border-radius: 4px !important
}

.ms-choice {
    border: 1px solid #cdcdcd !important;
}

#end-from-date,
#end-to-date {
    background: url(../images/ion_calendar-outline.png) no-repeat left center;
}

#searchpop #searchForm .search_helper_global {
    position: absolute;
    top: -2px;
    right: 23px;
}
.sortdropdown a.icon-selectfilter.customFilterDropdown
{
    border-left: 0;
    border-radius: 0px 4px 4px 0px;
    border: 0;
    height: 35px;
    width: 20px;
    margin: 0;
    margin-top: 0px !important;
    line-height: 20px;
}
#advance-btn, .whitebgpassport #advance-btn2,
.sortdropdown a.dropdown-toggle,
a#show_hide_adv_search,  a#show_hide_adv_search1,
.list_grid_block1,
.list_grid_block {
    font-size: 14px;
    width: 35px;
    height: 35px;
    display: inline-block;
    padding: 8px 0;
    background: #fff;
    border-radius: 4px;
    text-align: center;
    box-shadow: 0px 7px 40px 0px #00000020;
    position: relative;
    z-index: 9;

}

.inner-block-2 {
    position: relative;
}

.box .panel-group {
    position: relative;
}

.stepwizard-step h4 {
    font-size: 16px;
    display: inline-block;
    text-align: left;
    float: left;
    background: #eee;
    padding-left: 10px;
    margin-top: 12px;
    padding-right: 5px;
    color: #212121;
    position: relative;
}

.stepwizard-row.setup-panel {
    background: #eee;
    border-radius: 4px;
    padding: 0px 6px;
    display: block;
    float: left;
    width: 100%;
    margin-top: 15px;
}

.inline-block {
    display: inline-block;
}

#searchpop .checkboxheading b {
    font-weight: 400;
    font-size: 14px !important;
}

.stepwizard-step .btn-circle {
    float: left;
}

.my-catlog-btn {
    padding: 8px 12px 8px 12px !important;
}

.dropdown.dropassign.inline-block {
    /*margin-top: 10px;*/
}

.stepwizard-step {
    float: left;
    width: 38%;
}

.stepwizard-step:last-child {
    width: auto;
}

#getLearnersDetails .panel-group {
    position: relative;
    width: 590px;
    float: right;
}


/* Create a custom checkbox */
label.checkbox-type-1:after {
    /*position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    border: #dbdbdb 1px solid;
    content: "";
    border-radius: 2px;*/
}

/* On mouse-over, add a grey background color */
.checkbox-type-1:hover input~.checkmark {
    /*background-color: #ccc;*/
}

/* When the checkbox is checked, add a blue background */
.checkbox-type-1 input:checked~.checkmark {
    border: #2196F3 1px solid;
}

.checkbox-type-1 [type=checkbox]:checked+span:before {
    display: none;
}

.checkbox-type-1 .checkmark {
    background: transparent !important;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-type-1:before {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-type-1 input:checked~.checkmark:after {
    display: block;   /* border-color: #238bff;*/
}

/* Style the checkmark/indicator */
.checkbox-type-1 .checkmark:after {
    /* left: 5px;
     top: 2px;
     width: 5px;
     height: 9px;
     border: solid #2196F3;
     border-width: 0 2px 2px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);*/
}

.checkbox-type-1 {
    position: relative;
}


.table td,
.table th {
    border-width: 0px 0px 1px 0px !important;
}

table.table-bordered.dataTable {
    border: 0px !important;
}

.stepwizard-step .btn-circle#send_mes_id {
    line-height: 32px !important;
}

.pb0 {
    padding-bottom: 0px !important
}

.nav-tabs-custom-new .box {
    box-shadow: none !important;
}

div.dataTables_wrapper div.dataTables_info {
    color: #212121;
    font-size: 14px;
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {

    border: 0 !important;
}

.modal-note-sec {
    color: #666;
    font-size: 13px;
    font-weight: 400;
}

.modal-note-sec svg {
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
}

.box-cat .catlog-content h4 {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #212121;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto !important;
    margin-bottom: 5px;
    margin-top: 8px;
    /*min-height: 85px;*/
}


.course-type-text {
    color: #fe6d4b; font-weight: 300;
}

.btn-gray {
    background-color: #E2E2E2 !important;
    border-color: #E2E2E2 !important;
    color: #212121 !Important;
    border-radius: 4px;
    padding:7px 12px !important;
}

.duration-sec {
    font-size: 12px !important;
    font-weight: 500;
    color: #666 !important;
    margin-top: 5px;
}

.progress-with-bar li {
    font-size: 14px;
    color: #666;
    font-weight: 500;
}

.progress-with-bar {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;    align-items: center;
}
.statuslist .flex-2-1-0{flex: inherit !important; width: 140px;}
.statuslist .progress-with-bar{justify-content: flex-end;}

.progress-with-bar .inprogress {}

.flex-2-1-0 {
    flex: 2 1 0
}

.progress-with-bar.inprogress .progress-bar {
    background-color: #FF8000;
    border-color: #FF8000;
}

.progress-with-bar.inprogress .notstarted {
    background-color: transparent;
    border-color: transparent;
}

.progress-with-bar.inprogress .completed {
    background-color: #13A44D;
    border-color: #13A44D;
}

.box-footer.my-catlog-btn {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    border-top: 0px solid #efefef;
    border-bottom: 0px solid #efefef;
}

.filter-sec.filter-sec {
    border: 0px
}

.panel.panel-default .filter-sec .filter-details {
    border: 0;
    padding: 10px 5px 0px 5px !important;
}

.zinde9 {
    z-index: 9
}

label.checkbox-type-1:before {
    border: solid #000;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-width: 0 0 3px 3px !important;
    height: 10px;
    width: 20px;
    margin: 17px 0 0 14px;
    content: "";
}

.filter-wrap a {
    position: relative;
    z-index: 9;
}

.whitebgpassport #advance-btn, .whitebgpassport #advance-btn2,
.whitebgpassport .sortdropdown a.dropdown-toggle,
.whitebgpassport a#show_hide_adv_search {
    box-shadow: none;
    border: 1px solid #d6d6d6;
}

.box #advance-btn,
.box .sortdropdown a.dropdown-toggle,
.box a#show_hide_adv_search {
    box-shadow: none;
    border: 1px solid #d6d6d6;
}

.stepwizard-step .btn-circle {
    width: 28px;
    height: 28px;
    text-align: center;
    font-size: 20px;
    line-height: 29px !important;
    border-radius: 50% !important;
    padding: 0px;
    float: left;
    margin-top: 6px;
    z-index: 9;
    position: relative;
}

.stepwizard-step {
    text-align: center;
    position: relative;
    width: 31%;
    float: left;
    margin-right: 10px;
}

.stepwizard-row {
    /* display: table-row; */
    position: relative;
}

.modal-content,
.modal-dialog,
.modal-body {
    border-radius: 4px;
}

#getLearnersDetails .tab-pane {
    padding: 0px;
}

.modal .glyphicon-filter.icon-small-fillters {
    font-size: 18px !important;
    height: 40px !important;
    line-height: 40px !important;
    width: 40px !important;
    border-radius: 4px;
    text-align: center;
    border: 1px solid #dfdfdf;
    font-weight: 400;
}

.modal #advance-btn,
.modal .sortdropdown a.dropdown-toggle,
.modal a#show_hide_adv_search {
    width: 40px;
    height: 40px;
    padding: 0px 0;
    box-shadow: none;
}

.stepwizard-step:last-child .btn-circle {
    line-height: 26px !important;
}

.stepwizard-step .btn-default,
.stepwizard-step .btn-circle.btn-default:hover {
    border: 0px;
}


input[type=checkbox]:checked+label.checkbox-type-1:before {
    display: inline-block;
    transform: rotate(45deg);
    height: 22px;
    width: 10px;
    border-bottom: 5px solid var(--borderColor);
    border-right: 5px solid var(--borderColor);
}

.heading .filter-wrap.for-rsp-cat {
    margin-top: 0px !important;
}

.newselect {
    border: 1px solid #d6d6d6;
}

.box .panel-group .filter-sec .collapse {
    border: 0px solid #e5e8e8;
}

.panel.panel-default.filter-sec,  .reportfilter .panel {
    box-shadow:0px 5px 24px 0px #00000026;

}

#getLearnersDetails .glyphicon-filter.icon-small-fillters {
    margin: 0px !important
}

.bootstrap-tagsinput {
    background-color: #fff;
    border: solid #ccc;
    box-shadow: none;
    display: inline-block;
    padding: 10px 6px;
    margin-bottom: 10px;
    color: #555;
    vertical-align: middle;
    border-radius: 0;
    /* max-width: 100%; */
    line-height: 22px;
    cursor: text;
    border-width: 1px 0px 0px 0px;
}

#create_mail_course .input {
    border-top: 1px solid #e1e1e1;
    border-color: #e1e1e1;
}

a.btn.btn-circle.btn-blue svg path {
    /*fill: #fff;*/
}

.cke_chrome {
    border: 1px solid #b6b6b6 !important;
    box-shadow: none;
}

.cke_bottom {
    background: transparent;
}


/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: 19px;
    border: #9d9d9d 1px solid;
    border-radius: 2px;
    background: transparent;
}

/* On mouse-over, add a grey background color */
.checkbox-type-1:hover input~.checkmark {
    /*background-color: #ccc;*/
}

/* When the checkbox is checked, add a blue background */
.checkbox-type-1 input:checked~.checkmark {
    border: 1px solid #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-type-1 input:checked~.checkmark:after {
    display: block;border-width: 0 2px 2px 0;
}

/* Style the checkmark/indicator */
.checkbox-type-1 .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border: 0px solid #ddd;
    border-bottom-color: transparent;
}

.nav-tabs>li {
    border-bottom: 0px solid #ddd;
}

/*.settingstab.nav.nav-tabs li a:hover {
    color: #fff !important;
    background-color: #007dfc !important;
}*/

.emailtab.table-striped>tbody>tr {
    background-color: #f4f4f4;
}

.checkbox-type-1 input {
    visibility: hidden;
}
#searchpop .checkbox-type-1 input, #getLearnersDetails .checkbox-type-1 input {
    visibility:visible !important;
    cursor: pointer;
}

ul.pagination>li>a {
    border-radius: 50% !important;
    width: 30px !important;
    height: 30px !important;
    margin-right: 5px;
    padding: 4px 5px;
    text-align: center; border: 0px; margin-right: 10px !important;
}

#create_mail_course .bootstrap-tagsinput {
    padding: 10px 6px !important;
    border-radius: 0 !important;
    border-width: 1px 0px 1px 0px !important;
    /* border-top: 0; */
    box-shadow: none;
    border-color: #e1e1e1;
}

.cke_top {
    border-top: 1px solid #e8e8e8 !important;
    box-shadow: none !important;
    background: transparent !important;
    background-image: none !important;
    filter: none;
}
.cke_editor_message_text_course.cke_top {
    border-top: 0px !important;
}
.stepwizard-step a svg path {
    /* stroke: #212121;*/
}
.stepwizard-step a.btn-blue svg path {
    fill: #fff;
}
.tab-pane .bootstrap-tagsinput {
    margin-bottom: 0px !important
}

.content-wrapper {
    min-height: calc(100vh - 270px);
}

.nav-tabs>li.active>a {
    color: #fff ;
}

.grylablebox h2 {
    color: #212121;
    font-size: 18px;
    font-weight: 500 !important;
}

#update-profile label {
    font-weight: 400;
}

.handle-ico {
    position: absolute;
    right: 7px;
    top: 7px;
}

input[type=radio]+label span {
    width: 19px;
    height: 19px;
    background-size: cover;
}

input[type=radio]:checked+label span {
    background-size: cover;
}


.cart-table .table td {
    padding: 10px 15px !important;
}

.border-r4 {
    border-radius: 4px
}

.shoping-cart-warp h4.string-limit-name {
    font-size: 15px;
    color: #212121;
    font-weight: 500;
}

.cart-table {
    margin-bottom: 0px
}

#nestable_list_answers .checkbox-type-1 {
    position: relative;
    margin-bottom: 0;
    margin-top: 3px;
    margin-right: 10px;
}

#timezone_form .col-form-label,
#timezone_form .box-inner-body-2 label {
    font-size: 14px
}


#update-password .white-wrap label {
    font-weight: 400;
    font-size: 14px;
}


.white-wrap-post {
    padding: 10px 20px;
    box-shadow: 0px 5px 40px 0px #00000011;
}

.more-less.plus svg {
    display: none
}

.more-less.plus .ico-plus {
    display: block;
}

.more-less.minus .ico-minus {
    display: block;
}

.poptt {
    padding: 0px 0px 0px 0px;
}

.modal .popup-catlog-favicon-red {
    border-left: 0px solid #fe6d4b !important;
}

.c_name {
    font-size: 16px;
    font-weight: 600 !important;
    color: #212121;
}

.modal .close,
.alert .close  {
    width: 30px;
    height: 30px;
    background: #EEEEEE;
    border-radius: 50%;
    opacity: 1;
}
.modal .close:hover{ background: #dfdfdf;}
#strip_css .poptt {
    padding: 0px 0px 0px 0px;
}

.datewrapbox .date-left, .datewrapbox .date-right {
    float: left;
    margin-right: 5px;
    display: inline-block;
}

.date-time-wrap-2 .datewrapbox span { margin-right: 20px;}

.datewrapbox {
    font-size: 15px;
    background: #ededed;
    height: 37px;
    padding: 10px;
    border-radius: 4px;
}

#infomodal .panel-heading h5:after {
    border-bottom: 1px solid #dfdfdf;
    content: '';
    width: calc(100% - 30px);
    display: inline-block;
    position: absolute;
    top: 20px;
    z-index: 99;
    height: 1px;
    left: 10px;
}

.report-slice {
    background: #fff;
    padding: 9px;
    height: 57px;
    box-shadow: 0px 5px 40px 0px #00000011;
    border-radius: 4px;

}

.circel40 {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-block;
    padding-top: 10px;
    text-align: center;
}

.bgGray {
    background: #ECECEC
}


.sidepanel {
    background-color: #f6f6f6;
    padding-top: 15px;
}

#objectListDiv {
    background: transparent !important;
}

.launchtabs {
    background: transparent;
}

.d-flex {
    display: flex;
}

.report-slice h4 {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #101112;
    margin-top: 10px;
}

#infomodal .panel-heading h5 span {

    background: #fff;
    z-index: 999;
    position: relative;
    padding-right: 10px;
    display: inline-block; float: left;
    font-weight: 600; 
    color: #666;font-size: 14px;
}

.categorybg {
    border: 0px !important
}

.date-time-wrap-2 .datewrapbox {
    min-height: 55px !important
}

.panel-pos .datewrapbox i {
    background: transparent !important;
    color: #666;
    width: auto;
    height: auto;
    border-radius: 50%;
    line-height: 15px;
    margin-right: 10px !important;
    text-align: center;
    font-size: 16px;
}

.keyword-tab {
    height: 34px;
    padding: 6px 8px;
    color: #4f4f4f;
    font-size: 14px;
    font-weight: 500;
    margin-right: 10px;
    display: inline-block;
    background: #f1f1f1;
    border-radius: 4px;
}

#infomodal h3.string-limit-name {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #212121;
}

#course_type {
    color: #fe6d4b
}

.note-slice {
    background: #fff;
    margin: 0px 15px;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 15px;
}


.modal-fullscreen svg {
    width: 28px;
    height: 28px;
    vertical-align: middle;
    stroke-width: 1.2px;
    margin: 0px 5px -4px 0px;
    transform: scale(0.8);
}

#modbox .nav-pills>li>a,
#modbox .nav-pills>li>a:hover,
#modbox .nav-pills>li>a:focus {
    background: #e2e2e2;
    border: 0;
    font-size: 15px !important;
    font-weight: 500 !important;
    height: 40px;
    padding: 9px 10px !important;
    border-radius: 4px;
    color: #212121;
}

/*#modbox .nav-pills>li.active>a,
#modbox .nav-pills>li.active>a:hover,
#modbox .nav-pills>li.active>a:focus {
    background: #238bff;
    color: #fff;
}*/

.sidepanel {
    background-color: #f6f6f6 !important;
}

.sidepanel .tab-pane {
    background: #f6f6f6;
}

#mySidepanel .thumb img {
    border-radius: 4px;
    border: 0px;
}

/*element.style {
    background: #fff;
    border-radius: 4px;
    padding: 12px;
}*/

#searchpop.in {
    top: 60px;
    display: block;
    opacity: 1;
    pointer-events: auto;
    /*padding-left: 17px !important;*/
    bottom: 20px;
}

#searchpop {
    font-size: 15px;
    z-index: 1040;
    display: none;
    width: 590px;
    right: 230px;
    left: unset;
    top: 55px;
    border-radius: 4px;
    box-shadow: 0px 5px 40px 0px #00000011;
    min-height: 89%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;

}

.modal-fullscreen .openbtn#openside {
    background-color: #101112;
    border: 1px solid #101112;
    color: #fff !important;
    padding: 0;
}

#myModalLabel .rightPartheader {
    text-align: right;
}

.accessibilitymenu a {}

#myModalLabel .modal-fullscreen svg {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    stroke-width: 0;
    margin: 2px 5px 0px 3px;
    transform: scale(0.8);
}

.modal-fullscreen svg {

    stroke-width: 0;
    margin: 0px 2px 0px 2px;
}

.modal-fullscreen .accessibilitymenu {
    margin: 0px 10px 0px 0px !important;
}

.modal-fullscreen .openbtn {
    background-color: #101112;
    border: 1px solid #101112;
}


#mySidepanel .nav-pills>li {
    margin-right: 5px;
}

.bkmark li {
    background: #fff;
    border-radius: 4px;
    border: 0;
    padding: 10px 10px 10px 10px !important;
}

.modal-fullscreen .bkmark li .module-img {

    background: #ededed;
    border-radius: 4px;
    width: 50px;
    height: 50px;
    padding: 9px;
}

.bkmark .titlebk {
    margin: 4px 10px;
    color: #212121;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
}

#add_bookmarks_tab a {
    font-size: 15px;
    /*background: #ff6600;*/
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-top: 10px;
}

#openforumside {
    background: #101112
}

#add_to_bookmark,
#openforumside,
.closeside, #Transcript_text_side {
    padding: 0;
    margin-top: 2px;
    border: 0px;
}
#Transcript_text_side svg{margin:0px 0px 0px 3px !important;}
#add_to_bookmark svg,
#openforumside svg {
    height: 25px;
    width: 25px;
    float: left;
    margin-top: -1px;
    margin-left: 2px;
}

.text-right {
    text-align: right;
}

.iframelaunch .accessibilitymenu {
    display: inline-block;
    margin-right: 10px;
}

.modal-fullscreen.iframelaunch svg {
    width: 25px;
    height: 25px;
    vertical-align: bottom;
    stroke-width: 0px;
    margin: 5px 0px 0px 5px;
    transform: scale(0.8);
    float: left;
}

#closeside svg {
    padding: 0px;
    margin: 2px;
}

#closeside svg {
    padding: 0px;
    margin: 2px;
}

#closeside,
#closeside {
    padding: 0px;
}

#openside svg {
    margin: 2px !important;
}

.launchtabs {
    background: transparent !important;
}

.sidepanelright {
    top: 70px !important;

}

/*#modbox .nav-pills>li.active>a,
#modbox .nav-pills>li.active>a:hover,
#modbox .nav-pills>li.active>a:focus {
    background: #ff6600 !important;
    color: #fff;
}*/


.learningobject_box {
    padding: 5px 5px 5px 5px !important;
}

.sendbtn {
    position: absolute;
    right: 10px;
    top: 8px;
    z-index: 9;

}

.forum-wrap-pannel .course-side {
    border-radius: 4px;
}

.sidepanelright {
    background-color: #f6f6f6 !important;
    border: 0px solid #dfdfdf !important;
}

.rightPartheader .accessibilitymenu {
    margin: 0px 18px 0px 0px !important;
}

.learning-object-item {
    /*background: #fff;*/
    padding: 5px;
    border-radius: 4px;
}

.listlearningobject .imgicon {
    float: left;
    margin: 10px 10px 0px 0px !important;
    border-radius: 4px;
    background: #ededed;
    width: 50px;
    height: 50px;text-align: center;
}

.modal-fullscreen.iframelaunch svg {
    fill: transparent;
    stroke: #212121;
}

.modal-fullscreen.iframelaunch .post-links svg {
    fill: transparent;
    stroke: #212121;
    /* width: 36px; */
    float: left;
    margin: 0;
}

.moduleInfo.info-c {
    background: #101112;
    width: 26px;
    height: 26px;
    display: inline-block;
    border-radius: 50%;
    padding: 0px;
}

.lo-card .inforgt {
    border-left: 0px solid #dfdfdf;

    padding-left: 6px;

    padding-right: 0;
    text-align: right;
}

.statuswrapbox div p {
    font-size: 15px;
    display: inline-block;
}

.statuswrapbox div {
    float: left;
}

.statuswrapbox div:first-child {
    margin-right: 20px
}

.statuswrapbox {
    background: #ededed;
    border-radius: 4px;
    padding: 9px;
    width: auto;
}

li.bookmark_object.onbookmark svg {
    margin: 2px 3px !important;

}

li.bookmark_object.onbookmark {
    padding: 10px !important; /*margin-bottom: 10px;*/
}

li.bookmark_object.onbookmark a {
    /*margin-top: 0px !important;*/
}

/*li.onbookmark {
    border-left: 0px solid #ff6600 !important;
}*/

.bookmark_object.onbookmark .bookmarkdiv .module-img svg {
    height: 40px !important;
    width: 40px !important;
}

.bookmark_object.onbookmark .bookmarkdiv .module-img {
    width: 50px;
    height: 50px;
    text-align: center;
    background: #ededed;
    border-radius: 4px;
    /*margin-right: 8px !important;*/
    display: inline-block;
}

.bkmark li {
    padding: 19px 10px 20px 10px;    margin-bottom: 5px;
}

.modal-fullscreen.iframelaunch .accessibilitymenu svg {
    fill: #212121;
    stroke: #212121;
}

.lo-card .inforgt {
    border-left: 0px solid #dfdfdf !important;
    padding-left: 0px !important;
}

.learning-object-item-pannel {
    background: #fff;
    padding: 12px;
    border-radius: 4px;
}

.mr-0 {
    margin-left: 0px
}

.lo-card .module-name .thumb {
    text-align: left !important;
    font-size: 16px;
    font-weight: 500;
    color: #212121;
    text-transform: capitalize;
}

.note-slice .noteic a {
    width: auto;
    color: #666;
    font-size: 12px;
}

.bookmark_object .bookmarkdiv span.module-img {
    font-size: 15px;
    width: 50px;
    height: 50px;
    background: #ededed;
    padding: 7px;
    border-radius: 4px;
}

.pull-left.bookmarkdiv a svg {
    margin: 2px !important;
}


#add_main_commnet_id_new {
    /*position: absolute;
    right: 0;
    top: 7px;*/
    z-index: 9;
}

#discussion_forum_tab .activities .event {
    margin-top: 0px;
}

.forum-wrap-pannel .activities {
    padding: 15px;
    background: #fff;
    border-radius: 4px
}


.forum-wrap-pannel .post-comments .comment-body .form-control {
    background: transparent !important;
    border-right: 0 !important;
    /*border-bottom: 0px !important;*/
}

.input-group .input-group-addon {
    border-radius: 0px 4px 4px 0px;
    /* border-color: #d2d6de; */
    background-color: #fff;
    border-left: 0;
    border-top: 0;
}


.whiteboard {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    /*  -webkit-box-shadow: 0px 0px 18px 0px rgba(204,204,204,1);
-moz-box-shadow: 0px 0px 18px 0px rgba(204,204,204,1);
box-shadow: 0px 0px 18px 0px rgba(204,204,204,1);*/
}

.color-primary {
    color: #FE6D4B
}

.btn-primary {
    /*background: #007DFC;*/
    color: #fff;
    border: 0px;
}

.btn-secondry {
    background: #F1F1F1;
    color: #4F4F4F;
    border: 0px;
    font-size: 14px;
    font-weight: 500;
    cursor: default;
    margin-bottom: 4px;
}

.btn-md {
    color: #fff;
    height: 40px;
    padding: 6px 18px;
    border-radius: 4px;
}

.btn-sm {
    height: height;
    padding: 7px 10px;
}

a,
a:focus,
a:hover {
    /* color: #FE6D4B;*/
    /* text-decoration: underline;*/
}

.rate {

    height: 30px;
    padding: 0 10px;
}

.rate:not(:checked)>input {
    position: absolute;
    top: -9999px;
}

.rate:not(:checked)>label {

    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 24px;
    color: #ccc;
}

.rate:not(:checked)>label:before {
    content: '★ ';
}

.rate>input:checked~label {
    color: #FF8000;

}

.rate:not(:checked)>label:hover,
.rate:not(:checked)>label:hover~label {
    color: #FF8000;
}

.rate>input:checked+label:hover,
.rate>input:checked+label:hover~label,
.rate>input:checked~label:hover,
.rate>input:checked~label:hover~label,
.rate>label:hover~input:checked~label {
    color: #FF8000;
}

.text-bullet {}

.folder-slide  .card-header {
    margin-bottom: 0px;border-radius: 0px;
}
.card-header {
    /*height: 73px;*/
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    position: relative;
}

.square-50 {
    width: 50px;
    height: 50px;
    /*display: inline-block;*/
    border-radius: 4px;
}

.bg-gray {
    background: #EDEDED;
}

.m11 {
    margin: 11px
}

.p12 {
    padding: 12px
}

.list li {
    list-style-type: none;
}

.status-sec li {
    display: inline-block;
}

.width100 {
    width: 100px
}

.circle-26 {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #101112;
    display: inline-block;
    line-height: 0;
}

.status-sec .progress {
    margin: 0px
}

.status-sec li {
    margin-left: 10px
}

.m0 {
    margin: 0px
}

.heading1 {
    color: #212121;
    font-size: 20px;
    font-weight: 600
}

.heading2 {
    color: #101112;
    font-size: 20px;
    font-weight: 500 !important;
}

.heading3 {
    color: #101112;
    font-size: 16px;
    font-weight: 500;
}

.heading4 {
    color: #212121;
    font-size: 15px;
    font-weight: 500
}

.heading5 {
    color: #212121;
    font-size: 16px;
    font-weight: 500
}

.fontsize13 {
    font-size: 13px
}

.fontweight500 {
    font-weight: 500
}

.mb-0 {
    margin-bottom: 0px
}

.mb-0-imp {
    margin-bottom: 0px !important
}

.mt5 {
    margin-top: 5px
}

.mb5 {
    margin-bottom: 5px
}

.mt10 {
    margin-top: 10px
}

.mb10 {
    margin-bottom: 10px
}

.mt15 {
    margin-top: 15px
}

.mb15 {
    margin-bottom: 15px
}

.mt2 {
    margin-top: 2px
}

.mt20 {
    margin-top: 20px
}

.mb20 {
    margin-bottom: 20px
}

.mr-15 {
    margin-right: 15px;
}

.mr5 {
    margin-right: 5px !important;
}

.mt0 {
    margin: 0px
}

.ml15 {
    margin-left: 15px !important
}

.breadcrumb {
    padding: 0px 0px;
    margin-bottom: 15px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
}

hr {
    margin-top: 12px;
    margin-bottom: 12px;
}

.devicer-left {
    border-left: 1px solid #eee;
}

.circle49 svg {
    width: 49px
}

.breadcrumb>li+li:before {
    content: "\2758";
}

.circle49 {
    height: 49px
}

.fill-white {
    fill: #fff
}

.ico-18 {
    width: 18px
}

.thumbnail {
    border: 0;
    padding: 0;
}

.color666 {
    color: #666
}

.progress {
    height: 5px;
}

.progress-bar.completed {
    background: #13A44D;
    border-color: #13A44D;
}

.progress-bar.inprogress {
    background: #FF8000;
    border-color: #FF8000;
}

.progress-bar.notstarted {
    background: #ff0000;
    border-color: #ff0000;
}

.progress {
    background-color: #D9D9D9;
}

.bg-gray1 {
    background: #F7F7F7 !important;
}

.p15 {
    padding: 15px
}

.box-list-1 h4 {
    color: #101112;
    font-weight: 500;
    font-size: 14px;
    margin-top: 0;
    line-height: 20px;
}

.box-list-1 ul li {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    padding-left: 22px;
}

.list-bullet {
    padding-left: 5px;
}

.list-bullet li:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #a7a7a7;
    left: 0;
    top: 7px;
    border-radius: 50%;
}

.list-bullet li {
    position: relative;
}

.pl0 {
    padding-left: 0px
}

.p-0 {
    padding: 0px
}

.list li {
    margin-bottom: 10px
}

footer {
    padding: 21px;
    text-align: center;
    background: #fff;
    margin-top: 20px;
}

.card .card-title {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}

.bg-gray2 {
    background: #eee
}

.width65 {
    width: 65px
}

.arrow-top {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    position: absolute;
    top: -18px;
    right: 12px;
}

.collapse {
    position: relative;
    margin-bottom: 20px;
}

.card-header .list li {
    margin-bottom: 0px;
}

.mt12 {
    margin-top: 12px
}

.status-sec {
    text-align: center;
}

.card-img-top {
    width: 100%
}

@media (max-width: 768px) {
    .card {
        margin-bottom: 15px
    }

    .status-sec {
        text-align: right;
    }

    #fixeElement {
        margin-top: 25px
    }
}

@media (min-width: 769px) {
    .sticky {
        position: fixed;
        top: 0;
    }

    .status-sec {
        text-align: right;
    }
}

.card-header {
    /*-webkit-box-shadow: 0px 0px 18px 0px rgba(204,204,204,1);
-moz-box-shadow: 0px 0px 18px 0px rgba(204,204,204,1);
box-shadow: 0px 0px 18px 0px rgba(204,204,204,1);*/
}

.custom-accordion {

    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}


.custom-accordion:hover {
    background-color: #f5f5f5;
}

.custom-accordion:after {
    content: '\002B';
    color: #777; 
    float: right;
    margin-left: 5px;
    font-size: 25px;
    line-height: 17px;
}

.custom-accordion.show:after  {
    content: "\2212";
}

.collapse.in .custom-panel {
    display: block;
    max-height: unset !important;
}

.custom-panel {
    padding: 0 18px;
    /*max-height: 0;
  overflow: hidden;*/
    transition: max-height 0.2s ease-out;
    background-color: #f5f5f5;
    display: none;
    padding-bottom: 15px;
}
#accordionExample .custom-accordion{margin-bottom: 12px !important;}
#accordionExample .custom-panel {padding: 0px 15px 15px 15px !important;     margin-top: -12px;
                                 margin-bottom: 12px; }
#accordionExample .nav-tabs>li{margin-right: 0px !important;}
.border-raduce-4 {
    border-radius: 4px
}

.bg-gray-2 {
    background: #f5f5f5
}


.ribbon {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}

.ribbon-red {
    width: 101px;
    font-size: 17px;
    display: inline-block;
    --f: .5em;
    /* control the folded part*/
    --r: .8em;
    /* control the ribbon shape */
    color: #fff;
    position: relative;
    top: 0px;
    left: -27px;
    padding-inline: 1em;
    line-height: 1.8;
    background: #FC1D1D;
    border-bottom: var(--f) solid #7E1717;
    border-right: var(--r) solid #FC1D1D;
    clip-path:
        polygon(calc(100% - var(--r)) 0, 0 0, 0 calc(100% - var(--f)), var(--f) 100%,
        var(--f) calc(100% - var(--f)), calc(100% - var(--r)) calc(100% - var(--f)),
        100% calc(50% - var(--f)/2));
    border-radius: 4px;


}

.inline-block {
    display: inline-block;
}

.ul-li-mb-0 li {
    margin-bottom: 0px !important
}

.card-header .breadcrumb-item.active {
    background: transparent;
}

.timeline-start,
.timeline-end {
    position: relative;
}

.timeline-start:after,
.timeline-end:after {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    background-color: #D9D9D9;
    border-radius: 50%;
    left: -30px;
    top: 15px;
}

.timeline-start:before,
.timeline-end:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 50%;
    background-color: #D9D9D9;
    left: -23px;
    top: 30px;
}

.timeline-end:before {
    top: -9px !important;
}

.ml40 {
    margin-left: 40px
}

.container-fluid {
    padding-right: 25px;
    padding-left: 25px;
}

.relative {
    position: relative;
}

.text-bg-stroke {}

.form-check-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}

.form-group label {
    font-weight: 400
}

.form-group {
    margin-bottom: 20px;
}

.text-bg-stroke:after {
    position: absolute;
    height: 1px;
    background: #f8f8f8;
    content: "";
    right: 12px;
    top: 10px;
    left: 120px;
}

.form-control {
    height: 40px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #D6D6D6;
    text-align: left;
}
.iframelaunch #note_list_div .note-slice .noteic a svg {
    float: left;
    margin: 0;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    margin-right: 5px;
}

#forumSidepanel ul li {
    margin-right: 10px
}

#forumSidepanel {
    padding-top: 15px;height: calc(100vh - 50px);
}

#discussion_forum_tab {
    background: #f6f6f6;
}

#discussion_forum_tab .forum-wrap-pannel {

    width: calc(100% - 20px);
    padding: 0 5px;
}

#forumSidepanel .nav {
    padding-left: 15px;
}


.bkmark .bookmarkdiv .titlebk {
    margin: 12px 10px;
    width: calc(100% - 82px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.bookmarkdiv {
    width: calc(100% - 40px);
}

.event-heading>a {
    text-decoration: none;
    color: #101112;
    font-size: 14px !important;
    font-weight: 500;
}

.event .text-muted {
    color: #666;
}

.post-links>li>a {
    line-height: 23px;
}

ul.post-links li a svg {
    margin-right: 2px;
}

ul.post-comments input.removeTextValidation {
    background: transparent;
    border-radius: 4px 0 0 4px !important
}

.post-comments li .comment-body a.input-group-addon {

    border: 1px solid #dfdfdf;
    border-left: 0;
    /*border-bottom: 0px;*/
}

.discussion-comment {
    background: #f2f2f2;
    padding: 10px;
    border-radius: 4px;
}

ul.post-comments li {
    /*margin-right: 0PX !important;*/
}

ul.post-comments>li {
    padding: 0px;
}

.post-comments {
    margin-bottom: 20px
}

.forum-wrap-pannel .activities {
    border: 0px solid #dfdfdf !important;
}

.notetext {
    font-size: 13px
}

.dropdownMenu-assign {
    margin-right: 5px
}

.info-c.course_model {
    margin-right: 5px;
}

#request_button {
    margin-left: 5px
}

.close .close-ico {
    margin: 5px 9px;
    float: left;
}

#searchpop.modal.fade .modal-dialog {
    transform: translate(0, 0%) !important;
}

#strip_css.poptt {
    padding: 0px 0px 0px 0px;
}

#infomodal .categorybg {
    padding: 5px 0px !important;
}

#infomodal .modal-body {
    padding: 18px !important;
}

.more-less svg {
    position: absolute;
    right: 0;    top: -4px;
}

.more-less .c_cat {
    display: inline-block;
}

.more-less-ico {
    position: absolute !important;
    right: 20px;top: 6px;
}
.more-less-ico {
    position: absolute;
    /*left: 0;*/
}
.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0px solid #ddd;
}

.categorybg .panel-heading h5 {
    margin: 0px 0px;
    padding: 6px 0;
    height: 38px;
}

.date-time-wrap-2 {
    margin-bottom: 20px;
}

.heading .settingstab {
    background: transparent !important;  
    border-radius: 0px;  
    padding: 0px !important;
}
.heading .settingstab.nav.nav-tabs li a {
    padding: 9px !important;
    color: #212121;
    border-radius: 4px;
    border: 0px;
    height: 40px;
    background: #e2e2e2;
}
.heading .settingstab.nav.nav-tabs li  { background-color: transparent !important;}
.heading .settingstab.nav.nav-tabs li.active a {
    background: #238bff;
}
.heading .settingstab.nav.nav-tabs li:last-child {
    margin-right: 0px;
}
.heading .settingstab.nav.nav-tabs {
    float: right;
}

#credits .whiteboard { 
    box-shadow: 0px 5px 40px 0px #00000011;
}
#infomodal .panel-heading h5 .c_cat, .panel-heading h5 strong {
    float: left;
    max-width: 81%;
    font-weight: 400;
    line-height: 23px;
    margin-top: -4px;
}
#infomodal .panel-heading h5 .c_cat
{
    /*padding-left: 5px;*/
    color: #666;
}
#infomodal .panel-heading h5 strong{ 
    z-index: 9999;
    position: relative;
    background: #fff;
}

#collapseFilterCurrentLearningRecord .panel-body label,  #collapseFilterTranscript .panel-body label, #collapseFilter label { 
    width: 33% !important;
}
.modal-footer {text-align: right !important;}

#infomodal .datewrapbox span i {
    height: 14px;
}
#infomodal .datewrapbox span i {
    font-size: 16px;
    height: auto;
    width: auto;
    line-height: normal;
    color: #3d3d3d;    
    background: transparent !important;
}
#infomodal .popup-datewrapbox-favicon-green {
    background: transparent !important;
}
#infomodal .popup-catlog-favicon-green {
    border-left: 0px solid #4bcfbe !important;
}
.add-external-form input{border-radius: 4px !important; text-align: left;}

#courses-add{border-collapse: separate; ; border-spacing: 20px;}
#courses-add svg{width: 24px; height: 24px; fill: #fff;}
#courses-add .icon-csv{fill: #127e12;}
#courses-add .circel40{padding-top: 6px;}
#courses-add th{padding: 0px !important;}
#courses-add tbody td{border-radius: 4px; background: #fff;  box-shadow: 1px 1px 11px #dfdfdf; line-height: 40px !important; padding: 9px 0px 2px 15px;
                      font-weight: 500; font-size: 16px !important;}
#view-detail-exapmple-of-search .modal-footer {
    text-align: right !important;
}

/* 
.form-check-label {margin: 0;  padding-left: 10px;}

.form-check-label:after {width: 18px; height: 18px; border-radius: 50%; border: 1px solid #dcdcdc;content: "";left:0px; top: 2px; position: absolute;}
.form-check-label:before {width: 10px; height: 10px; border-radius: 50%; /*background:#007dfc ;content: "";margin: 4px; left: 0px; top: 2px; position: absolute;}
*/
.form-check [type="radio"]:checked,
.form-check [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.form-check [type="radio"]:checked + label,
.form-check [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
}
.form-check [type="radio"]:checked + label:before,
.form-check [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #b1b1b1;
    border-radius: 100%;
    background: #fff;
}
.form-check [type="radio"]:checked + label:after,
.form-check [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.form-check [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.form-check [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.width-set-list .info-c.course_model{ 
    /* margin-top: 28px;*/
}
*:focus
{
    outline: none;  box-shadow: 0 0 0 3px hsla(220, 100%, 50%, 80%);
}


.togglelist{border-radius: 4px; position: relative; z-index: 9; display: inline-block; padding: 4px; float: right; background: #fff; margin-right: 8px; box-shadow: 0px 7px 40px 0px #00000020;}
.togglelist a{cursor: pointer; width: 28px; height: 28px; display: inline-block; border-radius: 4px; line-height: 37px; text-align: center; margin-left:1px !important; margin-right: 1px !important;}
.togglelist a svg{width: 18px; height: 18px; fill: #101112;}
.thumb-icons svg{ width: 26px; height: 26px; margin-top: 5px;}
/*.togglelist a.active {background: #007dfc}*/
.togglelist a.active svg, .togglelist a.active svg path {fill: #fff}
.activities .event-heading a
{
    white-space: nowrap; 
    width: 43%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis; 
}
.forum-wrap-pannel .event > footer { 
    border: 0px solid #dfdfdf !important;
}
.input-group-addon svg {

}

.activities .post-comments .comment-body {
    text-align: left;
    border-radius: 4px 0px 0px 4px;
}
#discussion_forum_tab .post-comments li {
    margin-top: 15px;
}
.discussion-comment div  {text-align: left;color: #666}
.post-links li div a span svg {width: 18px; height: 18px}
.post-links li div {/*margin-right: 10px*/}

#rplySubCommentid svg, #editSubCommentid svg, #deleteSubCommentid svg {width: 18px; height: 18px; float: left;}
#rplySubCommentid, #editSubCommentid, #deleteSubCommentid {margin-right: 8px}

.post-comments>li { 
    border-bottom: 0px solid #dadada !important; 
}

.post-comments .author { 
    text-align: left;
}
.post-comments .replySubcls {
    padding: 10px 10px 10px 0px !important;
}
.tab-pane#ask_the_expert_tab { 
    padding: 0px !important;
    margin-top: 20px !important;
}
.tab-content>.active#discussion_forum_tab {
    display: inline-block;
    padding: 0 10px;
    margin-top: 15px;
}
.radiobtn .radio-inline{padding-left: 0px !important; margin-left: 0px !important;}
.radiobtn .radio-inline input[type="radio"] {
    display: none;
}

.radiobtn .radio-inline label {
    display: inline-block;
    background-color: #f2f2f2;
    color: #101112;
    padding: 6px 8px;
    font-size: 15px;
    border-radius: 4px;
    cursor: pointer;
    margin:0px 0px 0px 8px;
}

.box-cat .catlog-bg img{border: 0px !important; border-radius: 4px}

.width-set-list .list-body-content { 
    border-right: 0px solid #eee !important;
    width: calc(100% - 141px) !important;
    margin-right: 10px !important;
    padding-right: 0px !important;
    display: flex;
    align-items: center;
}


.radiobtn input[type="radio"] + label span{display: none !important; margin: 0px !important;}

h2.string-limit-name a {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}
.catalog-thumbnail img { 
    width: 114px !important;
    height: 91px;
    object-fit: cover;
}
.col-md-7.vCenter.t-cell p {
    margin-bottom: 2px;
    font-size: 14px;
    color: #666;
    font-weight: 400;
}
.search-option-sec div{font-weight:400 }
.search-option-sec {
    background: #f8f8f8;
    border-radius: 4px;
    color: #212121;
    font-size: 15px;
    font-weight: 500;padding: 5px;
}

.box-cat .catlog-content { 
    height: auto !important; padding: 0px 22px 10px 23px;min-height: 92px;
}

.list-course-title.grey_learning_path {
    border-left: 0px solid #fff !important;
}
.red_elearning, .green_classroom, .blue_webinar, .grey_learning_path, .indigo_course_bundle {
    width: 0px !important;
}
.progress-with-bar li svg.icon-inprogress {
    /*margin-top: 3px;*/
}
.width-set-list .catalog-thumbnail img { 
    border: 0px !important;
    height: 91px !important;
    width: 131px !important; border-radius: 4px;
}

.list-body-content h2 { 
    line-height: 22px;
    font-size: 16px;
    color: #212121;
    font-weight: 500 !important;
}
.width-set-list {  border-radius: 4px; min-height: 116px !important;}
.width-set-list .list-course-title.red_elearning {border-inline-end-width: 0px !important }
.duration-sec {
    font-size: 12px; font-weight: 500; color:#666;
}


.list-body-content h2 {
    margin-bottom: 0px !important;
}
.duration-sec svg{
    margin-right: 4px;
    width: 16px;
    height: 16px;margin-top: 1px;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    background: transparent;
    color: #666;
    /*border-radius: 50% !important;*/
    border: 0;
    margin-left: 0px; margin-right: 10px;
}


.item > span { 
    left: 14px;
    top: 52px;

}
.my-badges svg, .my-points svg{width: 20px; height: 20px; float: left; margin-right: 5px;}
#badge_record .bgblue svg{width: 20px; height: 20px;}

.ml--15 {margin-left: -15px}
.mr--15  {margin-right: -15px}
.p0-imp {padding: 0px !important}

.learningobject_box .collapse.in { 
    margin-bottom: 5px;
}


.item > span { 
    left: 6px;
    top: 54px; 
}

.heading4.custom-accordion a {
    font-size: 18px;
    color: #212121;
    font-weight: 500;
}

.item > span {  left: 6px; top:54px;}
.content-wrapper.withoutlogin {margin-top: 80px !important;}
.language{ top: 60px ; margin: 0px 15px 0px 0px ;}
.withoutlogin .navbar-nav .dropdown-menu>li>a {margin: 0px !important; padding: 5px 10px !important;}
.withoutlogin .info-c.course_model { margin-right: 15px;}
.withoutlogin .list-course-title, .catalog-thumbnail{border-left: 0px !important;}

#menu-main-menu .visible-lg.visible-md.visible-sm{ display: inline-block !important; } 

#ajax_my_course_details .item .width-set-list .list-body-content { 
    /*width: auto !important;*/
}
#ajax_my_course_details .item > span { 
    left: -14px !important;
    top: 56px !important;
    background: #dfdfdf; 
}
#ajax_my_course_details .item { 
    /*margin-left: 20px;*/
    padding: 5px 0px 5px 30px;border-left: 2px solid #dfdfdf;
}
.content-sub-head{
    font-size: 18px; font-weight: 500; color: #212121;
}
.card-header {display: block;}
.d-inline-block {display: inline-block;}
.pb10 {padding-bottom: 10px}

#view-detail-learn_material_rules .modal-footer {
    text-align: right; border-radius: 4px;
}
.customscrollbox { 
    height: calc(100% - 80px); 
}

.toggleHide i { 
    margin: -5px 10px 0px 0px; 
    float: left;
    height: 24px;
    width: 24px;
}
.p20-imp {padding: 20px !important}
.folder-slide {
    background: #f5f5f5;
    padding: 24px 15px;
    border-radius: 4px;
}
.mt--5 {margin-top: -5px !important}


.folder-1 {background: #f5f5f5; border-radius: 4px; padding: 20px}
.folder-2 {background: #f5f5f5; padding: 15px}

.togglelist, .togglelist a, .togglelist a svg {cursor: pointer;}

.more-less-ico svg.ico-minus {display:none;width: 28px; height: 28px;margin-left: 2px;
                              margin-top: 2px; position: absolute;}

.active .more-less-ico svg.ico-minus {display:inline-block;background: #fff}
.active .more-less-ico svg.ico-plus {display:none; }


.datewrapbox p#course_start_date {/*margin-right: 10px*/}
.more-less-ico-title p .more-less-ico-title span {font-size:14px; color:#666; font-weight:500  }

#infomodal .datewrapbox i {
    background: transparent !important;

    color: #666 !important; 
    width: auto !important; 
    height: 35px !important;  
    line-height: 15px !important;  
    margin-right: 10px !important;
    margin: 0px;
}
.datewrapbox .date-right{width: calc(100% - 25px);}
.date-time-wrap-2 h2 {
    font-size: 12px;
    letter-spacing: -0.2px;
    margin-left: 0px;
    margin-top: 2px;
}
#infomodal #strip_css {
    border: 0px !important;
}
.btn.btn-blue {color: #fff}

#leaderboard .leaderboard-details ul li span:nth-child(2) img{/*width: 93%;*/}
#leaderboard #ul_my_rank .my-rank{display: inherit !important;}
#dashboard-banner .carousel-control{top: 45%; left: 10px; opacity: 1;}
#dashboard-banner .carousel-control.right{right: 10px !important;     left: auto; opacity: 1;}
.box-header .carousel-control{opacity: 1 !important;}
#dashboard-banner .carousel-control svg{margin: 4px;}
#dashboard-banner .carousel-caption.center{ left:32.5%; right: 32.5%; top:8%; }
.carousel-caption{text-align: inherit;}
#dashboard-banner .carousel-caption{text-align: inherit !important;}
#dashboard-banner .carousel-caption.left{
    left: 5%;
    width: 35%;
    top: 8%;

}

#dashboard-banner h1{font-size: 2.125rem;  line-height: 1;  }
#dashboard-banner h2{font-size: 1.875rem;  line-height:1.066667;  }
#dashboard-banner h3{font-size: 1.5rem;  line-height: 1.083333;  }
#dashboard-banner h4{font-size: 1.25rem;  line-height: 1.1;  }
#dashboard-banner h5{font-size: 1.125rem;  line-height: 1.111111;  }
#dashboard-banner h6{font-size: 1rem;  line-height: 1.125;  }
.modal-dialog-bg {
    display: inline-block;
    position: absolute;
    max-width: 80%;
    max-height: 95%;
    margin: auto !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    width:600px;
}

.TS-modal-inner {
    padding:20px;
}
#dashboard-banner .bgbanner{
    width: 100%;
    border-radius: 4px;
    height: inherit;
    top: 0;
    left: 0;
    z-index: -1;}

#dashboard-banner .carousel-caption.right{ left:60%; right: 5%; top:8%;}
#dashboard-banner .carousel-caption h1, #dashboard-banner .carousel-caption h2, #dashboard-banner .carousel-caption h3, #dashboard-banner .carousel-caption h4, #dashboard-banner .carousel-caption h5{margin: 0px !important;}
.vheight.shoping-content{padding: 8px 0px !important;}
.send-mail .circle-32{width: 32px;    height: 32px;    display: inline-block;    text-align: center;}
.org-strip-footer li{font-size: 13px;}
.team-name h2{font-size: 17px;  font-weight: 500 !important;}
.catalog-thumbnail .list-course-title, .width-set-list .list-course-title.green_classroom {
    border: 0px !important;
}

.infosec .info-c {
    background: #101112;
    height: 34px !important;
    width: 34px !important;
    border-radius: 4px;
    padding: 6px 7px !important;
    line-height: 15px;
}
.modal-body .panel-default:not(.filter-sec) {
    width: 370px;
    /* float: left; */
    z-index: 9;
    position: absolute;
    right: 0;
    box-shadow: 0px 5px 24px 0px #00000026;

}
.modal-body .panel-default:not(.filter-sec) #collapseOne .panel-body label {
    width: 50% !important;
}

.modal-body .panel-default:not(.filter-sec) .collapse { 
    margin-bottom: 0px;
}
.withoutlogin .box-footer .info-c.course_model {
    margin-right: 0px;
}
.toggleHide i {float: left; margin: -4px 10px 0px 0px !important;}
#closeforumside {    margin-top: 2px;}
#closeforumside i, #closetranscriptside i, #closeside i { 
    font-size: 22px;
}
.modal-fullscreen .modal-header {
    min-height: 50px;
    padding: 20px 15px 14px 15px !important;
}
#objectListDiv .togglelist {
    float: left;
    margin: 10px 0;
    box-shadow: none;
}
.listlearningobject .togglelist a svg {
    fill: #212121;
    stroke: #212121;
    margin: 2px;
}
.noteic a:hover {
    background: transparent;
}

.width-set-list .enroll-warp .info-c {

    background: #101112;
    height: 34px !important;
    width: 34px !important;
    border-radius: 4px;
    text-align: center;
    padding: 5px 7px !important;
    margin-right: 10px !important;
    float: unset;
}
.width-set-list .enroll-warp {
    text-align: right;
    width: auto !important;
    display: flex;
}

.box-cat { 
    border-radius: 4px !important;box-shadow: 0px 5px 40px 0px #00000011;

}

.box-body .course-type-text {
    color: #666;
    font-size: 14px;
    font-weight: 500;
}
.box-footer.my-catlog-btn {
    padding: 10px 12px 10px 12px !important;
}
.progress-with-bar li .icon-completed { /*margin-top: 2px;*/}
hr.mr--15 {
    margin-right: -9px;
}
hr.mr--15 {
    margin-left: -9px;
}

#catalog_content.item .width-set { 
    /*padding-left: 0px !important;
    padding-right: 0px !important;*/
}

.width-set { 
    padding-left: 10px !important;
    padding-right: 10px !important;
}
a.dropdownMenu-assign { 
    background: #d9d9d9;
    width: 34px;
    height: 34px;
    display: inline-block;
    border-radius: 4px;
    padding: 5px;
    margin: 0; text-align: center;
    cursor: pointer;
}
#myCarousel.carousel.slide {
    padding-left: 5px;
    padding-right: 5px;
}
.nav-status a:hover, .nav-status .active {
    background: #0080c2; color: #fff;
}
.enroll-warp .btn-blue {
    float: unset; margin: 0;
}
.enroll-warp {
    width: auto !important;
}

.box-footer.my-catlog-btn .info-c {
    background: #101112;
    height: 34px;
    width: 34px;
    border-radius: 4px;
    text-align: center;
}
.list-body-content {
    width: calc(100% - 30px) !important; min-height: 91px !important;
}
.list-body-content .status_icon-2 {width: 300px; margin-top: 0px;
                                   display: inline-block;
                                   padding: 0px 0px !important;
                                   margin-right: 20px;}

.width-set-list .enroll-warp button.btn {

    padding: 6px 9px !important;/*myCarousel*/
}
.enroll-warp {
    margin-top: 0px; padding: 0px 0px !important;
}
.md-text-right{text-align: right;}
.enrollcourse {margin-left:10px }

.pricecourse { 
    padding: 25px 0px 0px 0px;
    margin-right: 20px;
}

.width-set-list .catalog-thumbnail img {border: 0px !important;     height: auto;}
.enroll-warp a, .enroll-warp button, .enroll-warp .btn_request_popup,  .enroll-warp .self_assign_course {margin-right: 10px !important; margin-left: 0px !important}

.enroll-warp a button {margin-right: 0px !important}

.width-set-list .enroll-warp .infosec a.info-c {margin-right: 0px !important}
.row.catalog5 {margin-left: -10px; margin-right: -10px}

.pagination>li:first-child>a, .pagination>li:first-child>span {width: auto !important;background: transparent;}
.pagination>li:last-child>a, .pagination>li:last-child>span {width: auto !important;
                                                             background: transparent !important;
                                                             border: 0;}

#accordion #collapseOne .panel-body {
    padding: 20px;border: 0; margin: 0px;
}

.mb14 {margin-bottom: 15px;}

.input-tb-border { 
    padding: 14px 0px !important;
    border-radius: 0 !important;
    border-width: 0px 0px 1px 0px !important;
    height: 46px !important;
}
.select-simple{

    padding: 2px !important;
    height: auto !important;
    width: auto;
}
.inputtitlefix
{
    float: left;
    margin-top: 16px;
    color: #101112;
    font-size: 14px;
    font-weight: 400;
    margin-right: 10px;
}

.bootstrap-tagsinput input {
    color: #101112;
    font-size: 14px;
    font-weight: 400;
}

.leaderboardbox ul li span:nth-child(2) img{/*width: 96% !important;*/}

.cke_wysiwyg_frame.cke_reset body {    margin: 10px 0;}
.rating-cls { margin-top: 10px !important;
              border-top: #e3e3e3 1px solid;
              border-bottom: 1px solid #e3e3e3;
              padding: 10px 0;}

.box-footer a, .box-footer button {margin-right: 10px !important}
.box-footer a button {margin-right: 0px !important}

.width-set-list .pricecourse {
    padding: 4px 9px 2px 5px;
    margin-right: -9px;
    font-size: 12px !important;
    margin-top: -9px;
    font-weight: 500;
}
.enroll-warp button {width: auto !important;}
.mt28 {margin-top: 28px}
.mt14 {margin-top: 14px}

#loginModal .modal-sm {
    width: 520px;
}

#loginModal .logbg {
    padding: 0em 20px !important; 
}
#loginModal .login-header { 
    margin-top: 10px !important;
}
.circle-26 svg.icon-info{fill: #fff}



.list-course-title {border:0px !important}
.enroll-warp a:last-child{margin-right: 0px !important}
.list-body-content .enroll-warp a:last-child{margin-right: 10px !important}
.enroll-warp a .btnopen{width: auto;}

.text-bullet svg {
    width: 14px;
    height: 14px;
    margin-top: 2px;
}
.circle-notes{
    width: 20px;
    height: 20px;
    background: #a7a7a7;
    border-radius: 50%;
    margin: 0px 5px 0px 10px;
    text-align: center;
    float: left;
}

.circle-notes svg{margin: 3px 0px 0px 2px; fill: #fff;}
.page-sub-title
{ 
    font-size: 18px;
    font-weight: 600 !important;
    color: #212121;
}
.mb25 {margin-bottom: 25px}
.pl15 {padding-left: 15px}

.filter-wrap.for-rsp-cat .filter-inpute-larg {
    height: 36px;
    border: 0;
}
.modal-header {
    padding: 15px 20px 5px 20px;
    border: 0; 
}
.tabnav-style li.active a {
    background-color: #fd0c0c ;
    color: #fff;
}
.tabnav-style li a {
    padding: 8px 10px !important; 
    font-size: 15px;
    font-weight: 500;
    border-radius: 4px;
}
.tabnav-style li a {
    background-color: #CECECE;

    padding: 6px 10px !important;
    border: 0px;
    color: #101112 !important;  

}

.box-footer #request_button {
    margin-left: 0px;
}
.stepwizard-step a.btn-default svg path {
    stroke: #212121;
}
.bootstrap-tagsinput { 
    border: 1px solid #e8e8e8;
    box-shadow: none;
}

.stepwizard-step a.btn-blue#select_users_id svg path {
    fill: transparent !important; stroke-width: 2px;
}
.stepwizard-step a.btn-default#send_mes_id svg path {
    stroke: unset;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f4f4f4;
}
#unenroll-confirm-box .modal-footer {
    text-align: right !important;
}

.enroll-warp.wrap-type1 {
    /*margin-top: 14px;*/
}
#send_mail_user_table tr td label {  
    margin-bottom: 0px; 
    margin-top: 0px;
}

.pagination>li>a, .pagination>li>span { 
    margin-left: 0px;
}

.customFilterDropdown {
    font-size: 14px;
    padding: 0;
    border-left: 0;
    border-radius: 0px 4px 4px 0px;
    border: 0;
    margin-top: 0 !important;
    line-height: 34px;
}



.course-details-progress-sec .example  {float: unset !important;}

.mt8 {margin-top: 8px}

.recommended-btn {float: unset; border: 0px}
.course-details-progress-sec .cls_rating_title {
    width: 100%;
    display: inline-block;
    text-align: center;
    float: unset;
    padding-top: 8px;
    border-top: #e3e3e3 1px solid;

}
h3.recommended-btn.rating_btn_cls{
    margin: 0;
    padding: 0;
    font-weight: 500 !important;
    padding-top: 0px;
    border: 0;
    width: 100%;
    text-align: center;
}
#open_rating_modal.stars { 
    width: 100%;
    text-align: center;

    margin-top: 5px;
}
.course-details-progress-sec {text-align: center;
                              display: flex;
                              align-items: center;
                              justify-content: center;}
.course-details-progress-sec .example { 
    margin: 0px 15px 0px 0px;
}
.inline-flex {display: inline-flex;}

.box-cat.box-cat-height {
    /*box-shadow: none;*/
    outline: none;
}
.catalog-thumbnail .catalog-thumbnail .list-course-title {border: 0px !important}

.v-flex-center {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
}

.width-set-list {  
    box-shadow: 0px 5px 40px 0px #00000011;
}

.sortdropdown a.filter-dropdown-element#customFilterDropdown {
    width: 31px;
    height: 35px;
    line-height: 18px;
    margin: 0px 0px 0px 0px !important;
    float: left;
    border-radius: 4px;
}
.filter-details .col-md-4.col-sm-12.col-xs-12 {
    min-height: auto;
}

.item .fa-circle:before {
    content: "";
    background: #fff;
    fill: #fff;
    width: 22px;
    height: 22px;
    display: inline-block;
    border-radius: 50%;
    margin: 0px 0px;
    position: absolute;
    left: 1px;
    top: 1px;
}

.filter-details .min90{ height: 90px !important; }
.learning-object-item .imgicon svg{fill: #101112 !important; stroke-width: 0.5; stroke:#101112;}
.certificatefilter.in{top:40px !important;}

.box-body .catelog-rating-cls {       
    margin-top: 0px !important;
    border: 0;
    padding: 5px 0;
}



.circle-26 i {
    font-size: 22px;
    color: #fff;
}

.list-body-content .rating-cls {
    margin-top: 0px !important;  
    border-top: #e3e3e3 0px solid;  
    border-bottom: 0px solid #e3e3e3;  
    padding: 3px 0;
}

.width-set-list .list-body-content h2.string-limit-name {
    margin-bottom: 0px !important;
}
.course-type-text { font-size: 14px;}
#strip_css .c_type {font-size: 14px;    color: #666;}

.width-set-list .list-body-content h2.string-limit-name {
    line-height: auto; 
    margin-top: 0px;
}

.alert .close {
    margin-top: -4px !important;
}

.custom-accordion + .custom-panel {
    display: none !important;
}
.custom-accordion + .custom-panel.active {
    display: block !important;
}



/*.modal .col-md-12 .btn {
    padding: 9px 14px !important;
}*/
.modal .col-md-12 .btn.btn-gray {
    /*float: right;*/
    margin-right: 10px;
}
.filter-details-btn .btn {margin-left: 10px}
.filter-details-btn .btn:last-child {margin-right:0px}

#getLearnersDetails #show_hide_col_chooser { 
    margin-left: 10px;
}
.filtersearch {margin-right: 10px}

.cls_rating_title h3.recommended-btn.rating_btn_cls {
    font-size: 14px;
}
.course-details-btn-slice hr {
    margin-top: 18px; margin-bottom: 18px;
}

#create_mail .bootstrap-tagsinput {
    min-height: 36px;
    position: relative;
    border: 1px solid;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    border-color: #e1e1e1;
}


#create_mail #subject { 
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-color: #e1e1e1;    height: 39px;
}
#create_mail .bootstrap-tagsinput {
    box-shadow: none;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    /* margin-bottom: 10px; */
    min-height: 43px;
    padding-top: 5px;
    border-color: #e1e1e1;
}

.email-body .bootstrap-tagsinput .tag, #getLearnersDetails .bootstrap-tagsinput .tag { 
    margin-top: 0px;
}
#create_mail #fields
{
    font-size: 14px;
    margin: 10px 10px;
    border: 1px solid #bcbcbc;
    width: auto;
    height: auto;
}
#email_table.table-striped>tbody>tr:last-child {
    border-bottom: 0px;
}
#email_table.table-striped>tbody>tr {
    background-color: #f4f4f4;    border-bottom: 1px solid #e1e1e1;
}

.stepwizard-step .btn-blue#preview_mes_id svg path { 
    stroke: #fff;
    stroke-width: 2px;
    fill: transparent !important;
}

.icon-selectfilter .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0px;
    vertical-align: middle;
    border-top: 5px dashed;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

#create_mail_course .cke_top {
    padding: 15px 0;
}


#getLearnersDetails table td, #getLearnersD th {
    /* width: 150px !important; */
    color: #666;
}
.table.table-striped.emailtab {
    border-radius: 4px;
    overflow: hidden;
}


#getLearnersDetails tr th, #getLearnersDetails tr td {
    max-width: 175px !important;
    min-width: 175px !important;
    width: 175px !important;
    color: #666;
    font-weight: 400;
}
.cke_editable {
    font-size: 13px;
    line-height: 1.6;
    padding: 0px;
    margin: 0; color: #666;
}

.btn-border-slice {
    font-size: 15px;
    border-top: 1px solid #dfdfdf;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dfdfdf;

}

.lerning-path-progress .item { 
    margin-left: 15px;     padding: 5px 0px 5px 30px;
}
.lerning-path-progress .item > span {
    left: -13px;
    top: 50px;
}

.verti-center {
    font-size: 15px;
    display: flex;
    align-items: center;
}

.passportbox .nav-tabs>li.active>a, .passportbox .nav-tabs>li.active>a:focus, .passportbox .nav-tabs>li.active>a:hover
{
    background: #0080c2;
}
.whitebgpassport { 
    border-radius: 4px;
}
.messages-panel .form-control { 
    border-radius: 4px 0px 0px 4px !important;
}
.contacts-list .input-group-addon {
    border-top: 1px solid #d2d6de !important;
}
.skin-blue .btn-blue-catalog {
    background-color: #0080c2;
    color: #fff;
}
.filter-details-btn .btn {margin-left: 10px}
.heading .btn {padding: 6px 12px !important}

.course-status {/*max-width: 220px;*/ }
.text-bullet svg path{fill: #bababa}
.fontweight300 {font-weight: 300}

.card-header .heading4 {
    color: #212121;
    font-size: 15px !important;
    font-weight: 400 !important;
}

#infomodal .modal-body .c_desc  {font-weight: 300}
#infomodal .modal-body {color: #666}

.modal .box .alert {
    margin-left: 0px;
    margin-right: 0px;
    padding: 10px;
    margin-bottom: 0;
    margin-top: 5px;
    border: 0;
}

#getLearnersDetails .alert .close {
    margin-top: -4px !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 10px 10px;
}
/*#modbox .nav-pills>li.active>a,
#modbox .nav-pills>li.active>a:hover,
ul.settingstab .nav-pills>li.active>a {
    background: #ff6600 !important;
    color: #fff;
}*/

.mr--10 {margin-right: -10px}
.ml--10 {margin-left: -10px}
.mr0-imp{margin-right: 0px !important}

/*.settingstab.nav.nav-tabs li.active a {
    background: #ff6600 !important;
    color: #fff;
}
*/

.bkmark .module-img svg{ width: 35px; height: 35px; }
.bkmark a svg{margin: 2px 0px 0px 3px;}

#message .alert .close .close-ico {
    /*margin: 15px 4px;*/

}
#message .alert strong {
    font-weight: 500;
}
#message .alert {
    margin-bottom: 0;
    /*margin-left: 15px;
    margin-right: 15px;*/
    padding: 10px;
    border-radius: 4px;
}

#infomodal .date-time-wrap-2 {
    margin-bottom: 5px;
}

#infomodal h3, #kr-modal h3 {
    font-size: 14px;
    color: #666;
    font-weight: 600 !important;
}

#infomodal .panel-group .panel-body p {

    margin: 0;
    display: inline-block;
    width: 100%;

}
#infomodal .panel-group .panel-heading h5 {

    height: auto;
    padding-bottom: 0;
    display: inline-block;
    width: 100%;
}

#infomodal .collapse { 
    margin-bottom: 0px;
}
.email-body a#show_hide_adv_search {display: block; margin-left: 10px;}

.bkmark .module-img svg{ width: 35px; height: 35px; }
.bkmark a svg{margin: 2px 0px 0px 3px;}

#getLearnersDetails .emailtab tr td:first-child {
    text-align: left; padding-left: 10px;
}

.start_date-box {
    width: 50%;
    float: left; 
    border-radius: 4px 0px 0px 4px !important;
    border-right: 0;
}
.end_date-box {
    width: 50%;
    float: left;
    border-radius: 0px 4px 4px 0px;
    border-left: 0;
}

#loginModal .modal-body, .modalcartlogin .modal-body, #loginModalSubDetail .modal-body {

    padding: 20px;
}

.withoutlogin .item  {
    padding: 5px;
}
.withoutlogin .item > span {
    left: -13px;
    top: 54px;
}

.autoheight{height: auto !important;}
label#search_icon { 
    position: absolute;
    top: 0;
    left: 0;
    margin: 9px 8px;
    margin-bottom: 0;left: 0px;
}
#search_helper {
    position: absolute;
    right: 10px;
    top: 7px;
    height: 23px;
    margin-bottom: 0;
    /* left: 0px;*/
}
.searchbxleft ul.tagit li.tagit-new {
    padding: 2px 4px 0em 0 !important;
}
.heading .searchbxleft ul.tagit {
    padding: 5px 10px 6px 30px;
}


.card-header .text-bullet svg {
    width: 16px;
    height: 16px;
    margin-top: 0px;
}

.table.emailtab { 
    background: #f4f4f4;
    border-radius: 4px;
}
#collapseOne .panel-body label, #collapseThree .panel-body label {
    width: 50% !important;
}
#collapseThree .fcheckbox + .fcont{    margin-left: 5px !important;}
#grid_view {
    line-height: 37px;
}

.catlog-content .duration-sec svg { 
    margin-top: 0px;
}

#catalog_content #show_error_success_message a {
    margin: -5px 10px -5px 10px !important;
    padding: 4px 8px;
    font-weight: 400 !important;
}

.card-header .text-bullet svg { 
    /*margin-top: 3.5px;*/
}

.date-time-wrap-2 .panel-heading h5 {
    display: inline-block;
    width: 100%;
}

.course-details-btn-slice .btn {
    margin-left: 0px;
    margin-right: 10px;
}

button.circle-26 {
    /* all: unset; */
    outline: inherit !important;
    border: 0px;
    box-shadow: none;
    text-shadow: none;
    box-shadow: none;padding: 4px;
}
.btn-transcript{width: 30px;
                height: 30px;
                border-radius: 50%;
                border: 1px solid #dfdfdf;
                background: #dfdfdf;
                line-height: 30px;}
.textdiv{margin-top:5px;background: #f2f2f2;
         padding: 15px;
         border-radius: 4px;}
.skin-blue .wrapper{background: #f8f8f8 !important;}

.progress-with-bar li svg {
    float: left; width: 18px; height: 18px;
}


#getLearnersDetails .glyphicon-filter.icon-small-fillters {

    /*height: 35px !important; 
    width: 35px !important;*/
}
#getLearnersDetails #accordion #collapseOne .panel-body
{
    padding-bottom: 10px;
}


.searchbxleft .icon-addon label[for="email"] {
    font-size: 15px;
    position: absolute;
    top: 10px;
    left: 8px;
}
.current_learning_record {position: relative;}
#collapseFilterCurrentLearningRecord.in {margin-top: 50px}

.ml--5  {margin-left: -5px}
.mr--5 {margin-right: -5px}

.ml--8  {margin-left: -8px}
.mr--8 {margin-right: -8px}

.catlog-type-1 .width-set-list {
    margin-left: 20px;
    width: calc(100% - 15px);
}


.thumbnail a>img, .thumbnail>img {
    margin-right: auto;
    margin-left: auto;
    border-radius: 4px;
}

.card-header .not-allowed-pointer {
    margin-left: 0px;
}
.card .card-header + .collapse{margin-top: 0px;border-top: 2px solid #fff;  }
.height100per {height: 100%}


.more-less-ico-title {    max-width: 95%;}

.handle-ico.dd-handle {
    left: 0px !important;
    width: auto;
}

.productname{width: 40% !important;}
.qty-box{width: 20% !important;}
.qty-box .small-selection{background-color: transparent !important;}
.pricecart{width: 20% !important; text-align: right !important;}
.tabsnav .-primary > li.active font a{background: #fff !important; color: #101112 !important;}


.fcheckbox + .fcont { 
    margin-left: 25px;
}
.fcheckbox.checkmark { margin-top: 1px;}

.progress-with-bar li .progress {
    margin-top: 2px;
}

#searchpop .checkbox-type-1, #getLearnersDetails .checkbox-type-1 {
    position: relative;
    color: #666;
    font-weight: 400;
    font-size: 14px;
    padding-left: 23px;margin-bottom: 15px;
}
#searchpop .checkmark, #getLearnersDetails .checkmark  {
    position: absolute;
    top: 2px;
}
#searchpop .checkbox-type-1 input[type=checkbox], #getLearnersDetails .checkbox-type-1 input[type=checkbox] {
    margin: 4px 5px 4px 0px !important;
    position: absolute;
    z-index: 999;
    width: 100%;    left: 0; opacity: 0;
}
.prefered-column.checkbox-type-1{
    padding-left: 24px;
}
.prefered-column.checkbox-type-1 span {
    margin: 2px 8px 8px 0px;

}
.mt0-imp {margin-top: 0px !important}
.cart-tax-height {border-radius: 4px}

.ribbon-right-tag.small {
    font-size: 12px !important;
    font-weight: 400;
    color: #fff;
    padding: 3px 10px;
    border-radius: 4px;
    z-index: 9;
    right: -3px !important;
    bottom: 0px;
    top: auto !important;
}

#request_modal .modal-header {
    display: inline-block;
    width: 100%;
}

.progress-with-bar .progress .progress-bar {

    border: 0px !important;
}
.catlog-content .duration-sec { 
    margin-top: 2px;
}
#modbox #mySidepanel .thumb img {
    width: 100%;
    max-width: 100%;
}

#my_calendar_tabss .box-body, #my_catelog_tabaa .box-body, .box-marketing-calendar .box-body{ padding: 0px 10px !important;}



.sidepanel .lo-card.on .learning-object-item-pannel{
    outline: 1px solid #238bff;
}

.sidepanel .lo-card {  
    width: calc(100% - 20px) !important; 
}
#learnig_object_tab .lo-card.on::before {right: -11px !important;content: ""}
.lo-card.on::before{
    right: 4px !important;
    transform: translate(0px, -50%);
    top: 50% !important;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #238bff;
    content: "";
}
#modbox .tab-content {
    padding: 0px 10px;
}

.listlearningobject .lo-card {
    padding: 10px 0px !important;
}
.rightPartheader  .tooltip { z-index: 99999999;}

.activities .avatar{
    width: 38px;
    height: 38px;

}
.activities .avatar .img-circle
{
    object-fit: cover;
    height: 38px;
}
.fs-mini {color: #666}

.learningobject_box h3 {
    font-size: 16px; 
    /*font-weight: 600 !important;*/
}

.status-time-wrap-2 .statuswrapbox, .status-time-wrap-2 .statuswrapbox1 { 
    line-height: 16px;  
}
.knowladge-repos .status_icon-2 {
    margin-top: 20px !important;
}

.box-profile h4{    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;}



.modal-fullscreen.iframelaunch .activities .post-links svg {

    height: 18px !important;
    width: 18px !important;
    margin-top: 2px !important;
    margin-right: 4px;
}
.modal-fullscreen.iframelaunch svg {

    margin: 0px 0px 0px 0px;

}

#modbox .learning-object-item-pannel { 
    /*padding: 7px 10px; */
}
.listlearningobject .lo-card {
    padding: 0px !important;
    margin-bottom: 10px !important;
}

.sidepanel .lo-card {
    padding: 1px !important; 
    margin-bottom: 15px;
}
.status-sec li a.circle-26.collapsed {transform: rotate(180deg);}
@media (max-width: 767px) {
    .foldercoursebox .panel-body, .cat-learning-path .panel-body {
    padding: 15px 10px 15px 0px !important;
}
.cat-learning-path .width-set-list{display: inline-block;}
   .foldercoursebox .width-set-list .catalog-thumbnail img, .cat-learning-path  .width-set-list .catalog-thumbnail img{    width: 80px !important; height: auto !important;}
    .cat-learning-path .item{    margin-left: 0px !important;     padding: 5px 0px 5px 16px !important;}
    .box-header-tab .nav-tabs {
    margin: 10px 10px 10px 5px;
}
    .xs-cust-mobile .btn-blue{padding: 6px 5px !important; font-size: 13px;}
    .filter-sec, .reportfilter .panel {
        font-size: 15px;
        position: relative;
    }
      #dashboard-banner .carousel-caption.left {
    left: 6%;
    width: 85%;
    top: 8%;
}
.loader1{    left: 35% !important;}
    .dataTables_scrollBody {
        z-index: 1;
    }
    #collapseExample, #collapseFilterCurrentLearningRecord, .selection-sec, #collapseFilterTranscript {
        font-size: 15px;
        position: relative !important;
    }
    .xs-pb-0{padding-bottom: 0px}
    .hide-imp {display: none !important;}
    .toggleHide i {
        margin: -4px 10px 0px 0px !important;
    }
    .breadcrumb {
        padding: 10px 0px !important;
    }
    #accordion #collapseOne .panel-body {
        padding: 0px 15px; 
    }
    .sharesocial .modal-dialog {
        width: auto;
    }
    .width-set-list .list-body-content {
        padding: 0px !important; 
    }
    .xs-pl0-imp {padding-left: 0px !important;}
    .xs-no-padding {padding: 0px !important;}
    .row.ml-0 {
        margin-left: -15px !important;

    }
    .row.verti-center{
        display: block;
    }
    .recommended-btn i, .toggleHide i {
        margin: -5px 9px 0px 0px !important;
    }

    .cls_rating_title h3.recommended-btn.rating_btn_cls { 
        text-align: center !important;
    }
    .col-md-9.ml-0 {
        margin-left: unset !important;
        float: unset;
    }
    .inputtitlefix { 
        margin-top: 0;
    }

    .btn-gray { 
        padding: 6px 12px !important;
    }

    .stepwizard-step::before { 
        left: 10px !important;
    }
    .stepwizard-step .btn-circle {float: unset !important;}
    #infomodal .panel-heading h5 span {
        min-height: 22px;
    }
    .progress-with-bar li .progress { 
        margin: 2px 10px 0 10px;
    }
    #learningobject_box {z-index: 9999;}
    .learningobject_box .col-md-3.pl0 {padding-right: 0px}

    .container-fluid {
        padding-right: 20px;
        padding-left: 20px;
    }
    .width-set-list .enroll-warp button.btn {
        padding: 3px 9px !important;
        font-size: 14px;
    }
    .infosec a svg {
        width: 15px;
        height: 18px;
    }
    .width-set-list .enroll-warp .info-c svg {
        height: 17px;
        width: 9px;
    }
    .width-set-list .enroll-warp .info-c { 
        height: 28px !important;
        width: 28px !important;         
        padding: 0 !important;
    }
    #collapseExample.in {
        margin-left: 15px;
    }
    #collapseExample {
        right: 15px;
    }
    .col-md-12.heading h1 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .sortdropdown {
        margin: 0px 0px 0px 0px !important;
    }
    .stepwizard-step h4 {text-align: center;
    }
    .sortdropdown .togglelist{display: none}
    .learningobject_box  .panel-group { 
        margin-left: 0;
        margin-right: 0;
    }
    #getLearnersDetails .nav-tabs-custom-new { 
        padding-bottom: 0px;
    }
    .panel.panel-default.filter-sec, .reportfilter .panel { 
        width: 100%;
        right: 0px;
    }
    .modal-body .panel-default:not(.filter-sec) {
        width: auto !important;
    }
    #getLearnersDetails .panel-group { 
        width: 100%;
    }
    .stepwizard-step .btn-circle {float: unset;}
    .stepwizard-step {width: 30% !important; text-align: center !important;}
    .filter-details-btn .btn {
        width: auto;
    }
    .filter-wrap a {
        margin-bottom: 0px;
    }
#collapseFilterTranscript.in {
        width: 100% !important;
        margin-left: 32px !important; 
   top: 15px !important;
   float: left;
    }
    .radiobtn .radio-inline label{width: 100%; text-align: center; font-size: 14px;}
    .filtersearchbox.mr15, .filtersearchbox.mr10{margin-right: 0px !important;}
    .external_certificate .selection-sec.in#collapseExample2 {
    top: -14px !important;
    right: 16px !important;
}
.filtersearch{padding-left: 12px;}
.xs-100{width: 100%;}
.w80{width: 80%;
    margin-left: 0px !important;
    margin-bottom: 10px;}
.col-md-12.heading.mb-15{margin-bottom: 0px !important;}
 .reportfilter .panel{    top: 0px !important;}
    #collapseFilter.selection-sec.in{right: 18px !important; top: 18px !important;}
    #collapseFilter.selection-sec.in .panel-body{/*margin-top: -145px !important;*/ float: left !important;}
     .selection-sec.in{ width: 100% !important;
        margin-left: 17px !important;}
        .selection-sec .panel-body .label-column{min-width: 100% !important;}
   .col-md-12 #message .alert{    margin: 10px 0px 0px 0px !important;}
    #credits .badge-heading .col-md-3{text-align: center; margin-bottom: 10px;}
       #collapseFilterCurrentLearningRecord.in{ width: 100% !important;
        margin-left: 17px; 
       top: -35px !important;}
    .progress-with-bar li{font-size: 13px;}
    .recommended-btn i, .toggleHide i {
        margin: -4px 10px 0px 10px !important;
        float: left !important;
    }
    .toggleHide {
        width: auto !important;
        float: left;
        text-align: left !important;
    }
    .row.ml0 {/*margin-left: -15px !important;*/}
    .width-set-list .list-body-content {
        border-right: 0px solid #eee !important;
        width: calc(100% - 141px) !important;
        margin-right: 0px !important;
        padding-right: 0px !important;
        display: flex;
        flex-wrap: wrap;
        margin-left: 10px;
    }
    #infomodal .panel-group {
        margin-left: 0px;
    }
    .datewrapbox { 
        margin-bottom: 10px;
    }
    .width-set-list .list-body-content {
        border-right: 0px solid #eee !important;
        width: calc(100% - 121px) !important; 
        flex-wrap: wrap;
        margin-left: 10px;
    }
    .panel-accordian-head .heading5{display: flex;}
    .toggleHide {
        width: 100%;
        float: right;
        text-align: left;
    }
    .recommended-btn i, .toggleHide i {
        margin: -4px 10px 0px 10px !important;
    }
    .devicer-left {border-left: 0px; border-bottom: 1px solid #eee; margin-bottom: 15px;}
    .content-wrapper {
        margin-top: 133px !important;
    }
    .navbar-custom-menu>.navbar-nav>li {
        margin: 0px 1px;
    }
    .heading  {/*margin: 0px !important*/}

    body.sidebar-mini {padding-right: 0px !important;}
    .main-header .btn-blue {
        padding: 6px 10px;
        font-size: 13px;
    }
    .col-md-12.heading {
        padding: 12px 15px 10px !important;
        margin-bottom: 0px !important;
    }
    .heading h1 {
        font-size: 15px !important; 
    }
    .filter-wrap a {
        margin-bottom: 0px;
    }
    .withoutlogin .item {
        padding: 0px;
    }
    .inner-block-2 {
        padding: 15px 15px 12px 15px !important;
    }

}
.team-completion-details ul li span:nth-child(2) img{margin: 1px 10px 0 0px !important;}
.badgeslist li img{margin-right: 10px;}
.rotatecontras{ transform: rotate(180deg) !important;}
.right-modal-po .pricecart .v-center{transform: translate(-100%, -50%) ;     display: inline-block;    width: 100%;}


.date-start-sec {
    max-width: 50%;
    min-width: 50%;
    display: inline-block;
    margin: 0;
    float: left;
}
.date-end-sec {
    width: 50%;
    margin: 0;
}

.start_date-box {}
.end_date-box {}

.date-time-wrap-2 p {
    font-size: 13px;
    /* width: 50%;*/
}
.date-start-sec .date-right p{
    width: 100%;
}
.date-end-sec .date-right {/*width: 100%;*/min-height: 55px;}

.duration-sec-single .date-right p{width:100% }
.duration-sec-single .date-right{
    width: 82%;
    margin: 0;
}
.date-right p{width: 100%; margin: 0px} 

.bookmark_object svg{margin: 2px 0px 0px 2px !important;}
.icon-contrast{margin-bottom: -1px !important;}

.datewrapbox3.width50per {
    width: 48%;float: left;
}

.datewrapbox .width50per {
    width: 48%; float: left;
}
body.skin-blue {
    overflow-y: auto;
    background: #f6f6f6;
}

#certificate_list_table_wrapper td:last-child a, #certificate_list2_table_wrapper td:last-child a,
#users_certifications_report_table_wrapper td:last-child a, #external_certifications_report_table_wrapper td:last-child a,
#external_certificate_table_wrapper td:last-child a
{    background: #ddd;
     width: 30px;
     height: 30px;
     border-radius: 50%;
     display: inline-block;
     cursor: pointer;
     text-align: center;
     float: left;
     margin: 0px 6px 0px 0px;
     line-height: 33px;}
#certificate_list_table_wrapper td a .icon-pencil, #external_certificate_table_wrapper td a .icon-pencil, #certificate_list2_table_wrapper td a .icon-pencil, #external_certifications_report_table_wrapper a .icon-pencil {width: 22px;  height: 22px;  margin: 4px 0px 0px 0px;}
#certificate_list_table_wrapper td a .icon-delete, #external_certificate_table_wrapper td a .icon-delete, #certificate_list2_table_wrapper td a .icon-delete, #external_certifications_report_table_wrapper a .icon-delete  {width: 16px; height: 16px; margin: 7px 0px 0px 0px;}
#certificate_list_table_wrapper td:last-child a svg, #external_certificate_table_wrapper a svg,  #certificate_list2_table_wrapper a svg, #users_certifications_report_table_wrapper a svg, #external_certifications_report_table_wrapper a svg{ fill: #101112; }
#certificate_list_table_wrapper td:last-child a.ic-share-btn, #certificate_list2_table_wrapper td:last-child a.ic-share-btn, #external_certificate_table_wrapper a.ic-share-btn {line-height: 31px;}
#certificate_list_table_wrapper td:last-child a.ic-import-btn, #certificate_list2_table_wrapper td:last-child a.ic-import-btn, #external_certificate_table_wrapper a.ic-import-btn{ background: #101112 !important;}
#certificate_list_table_wrapper td:last-child a.ic-import-btn svg, #certificate_list2_table_wrapper td:last-child a.ic-import-btn svg, #external_certificate_table_wrapper a.ic-import-btn svg{fill: #fff;}
#certificate_list_table_wrapper td:last-child a.ic-share-btn svg{margin-right: 2px;}
td:last-child a.icon-eye{margin-top: 7.5px;}

#objectListDiv.active .togglelist svg {
    fill: #fff;
}
.learning-object-item-pannel .inforgt.moreInfo
{
    min-height: auto;
    line-height: unset;
}

#send_mail_user_table_wrapper .checkbox-type-1 .checkmark{
    margin: 0px auto !important;
    float: unset;
    left: 50%;
    transform: translate(-50%, 0px);
}
.more-less-ico .ico-plus
{
    width: 28px;
    height: 28px;
    margin-left: 0px;
    margin-top: 0px;
    position: absolute;
    background: #fff;
}

/*.modal-dialog {
    height: auto !important;
    min-height: auto !important;
}*/

#view-detail-learn_material_rules .modal-header { 
    border-radius: 4px;
}

.course-details-btn-box .btn {margin-right: 5px}

#toggle-wrap {
    /* margin-bottom: 10px;*/
}

#assign_classroom_course .modal-body .panel-default:not(.filter-sec){width: 100% !important; left: 0% !important; right: inherit !important; position: relative;}
#assign_classroom_course .panel-default > .panel-heading{line-height: 30px !important;}




#right-modal-cart .right-modal-po, #right-modal-cart .modal-dialog {
    min-height: 100% !important;
}

#my_calendar_tabss .ei-event .no-recordsfound, #my_catelog_tabaa .ei-event .no-recordsfound, #marketing-calendar-events .ei-event .no-recordsfound{    width: calc(100% - 20px);  height: 331px !important;  position: absolute;}
.recommended-outer{background: #eee !important;}
.bg-disablegray{background: #212121;}
.white-wrap-2.recommended-outer{padding-top: 5px !important;}
.sortdropdown .zinde9.open{z-index: 999 !important;}
.popup-catlog-favicon-grey{border-left: 0px !important;}
.red-box h2, .blue-box h2{font-size: 16px;}
.red-box p, .blue-box p{font-size: 14px;}
.red-box h1 span, .red-box h2, .red-box h1, .blue-box h1 span, .blue-box h2, .blue-box h1{color: #101112;}
.red-box h1, .blue-box h1{ border-right: 1px solid #ccc;}
.modal-open .modal{overflow: auto !important;}
body.modal-open{overflow: hidden !important;}
#access_code_modal_wl .modal-header {  padding: 12px 15px 26px 15px !important;}

.forum-wrap-pannel .activities .event-heading a{width: auto;}
.modalcartlogin .modal-sm{width: 380px !important;}
#request_modal_classroom .panel-group{margin: 0px !important;}
#request_modal_classroom .modal-body .panel-default:not(.filter-sec){    width: 100% !important; box-shadow:none !important;  position: relative !important;}
.disabledLO .course-status li{pointer-events: none;  opacity: 0.5;}
.disabledLO .course-status li:last-child{    pointer-events: visible !important;  opacity: 1 !important;}
.disabledLO{background: rgba(255,255,255,0.3) !important;}
.disabledLO .bg-disablegray img{filter: invert(1);}
.content-header{border: 0px !important;}
#catalog_content .alert{margin-bottom: 10px;}
.custom-panel {display: none;}
.custom-panel.active {display: block;}


.panel-accordian-head .fa-angle-up {
    transform: rotate(180deg);
}
.panel-accordian-head.show .fa-angle-up {
    transform: rotate(0deg);
}

.accordian-panel.hide.active{display: block !important;}
.mt3 {margin-top: 3px}
.mt--3 {margin-top: -3px}
.pt18{padding-top: 18px}
.pb18{padding-bottom: 18px}
#access_code_modal .modal-header{display: inline-block; width: 100%;}
#access_code_modal .modal-body{padding-top: 0px !important;}
.m0-imp {margin:0px !important}
/*.accordion .card:last-child .card-header{
    margin-bottom: 0px !important;
}*/
.accordion .card:first-child .card-header, .accordion .card-header{
    margin-bottom: 10px !important;
}

.course-details-btn-slice .btn{margin-bottom: 15px}
.course-details-btn-box .btn{margin-bottom: 15px}
.course-details-btn-slice, .course-details-btn-box {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 16px 0px 0px;
    margin-bottom: 15px;
}

.folder-slide .toggleHide i { 
    margin: 0px !important;
}

.folder-slide .accordion {
    /*    background: #fff;
        border-radius: 4px;*/
    /*overflow: hidden;*/
}

.folder-slide .accordion .card  {
    position: relative;
    margin-bottom: 10px;
}
.folder-slide .accordion .card:last-child:after  {
    display: none;
}
.folder-slide .accordion .card:after  {
    content: "";
    position: absolute;
    height: 1px;

    background: #eee;
    bottom: 0px;
    left: 10px;
    right: 10px;

}
.folder-slide .card .collapse p {
    margin: 0px;
}
.folder-slide .card .collapse.in {
    border-top: 1px solid #eee;
}
#view-detail-applied-coupon hr{display: none !important;}

#moduleInformationModal .learningobject_box.course-side{border: 0px !important;}
#moduleInformationModal .modal-content, #moduleInformationModal .modal-dialog{min-height: auto !important;}
.cat-learning-path .item {
    margin-left: 15px;
}

.cat-learning-path .item > span {
    left: -13px; 
}

#getLearnersDetails .fcheckbox + .fcont {
    margin-left: 10px;
    margin-top: 1px;
}
.folder-slide .card .panel-collapse.in{top: 5px;}
.learningobject_box.folderObject{background: #fff; padding: 15px !important;}
.learningobject_box.folderObject .folder-slide { background: #f5f5f5;  padding: 15px !important; display: inline-block; width: 100%;}
.learningobject_box.folderObject .folder-slide .card-header{margin-top: 10px !important;}
.folderObject .accordian-panel.hide.active{width: 100%; float: left;}
.learning-object-item .imgicon svg {
    margin-top: 8px !important;
}
.folder-slide .card .collapse{background: #fff ;}
.no-pad-xs{padding: 0px !important;}
.selection-sec .panel-body .label-column {  width: 32% !important; }
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{top: 11px!important; bottom: inherit;}


/* header and main menu bar styles */
.carousel-caption{text-shadow: none !important;}

/* Menu settings */
/* The main container */
.greedy-menu {
    position: relative;
    display: flex;
    justify-content: space-between;
    min-width: 240px;
    background-color: #fff;
    box-shadow: 0px 8px 20px rgba(0,0,0,0.06);
    /* Style resets */
    /* The links */
    /* The hidden links list */
    /* The button which hides/shows links */
}
.withoutlogincls .navbar.navbar-static-top{box-shadow: 0px 8px 20px rgba(0,0,0,0.06);}
.greedy-menu * {
    box-sizing: border-box;
}
#mainNavigation nav .dropdown-menu li{
    width: 100%;
}
.greedy-menu ul {
    margin: 0;
    list-style: none;
    /* The visible links list */
}
.greedy-menu ul:first-of-type {
    position: relative;
    display: flex;
    /* Displaying the menu items on the same line */
}
.greedy-menu a {
    display: block;
    padding: 8px 10px;
    color: #101112;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 4px;
}

.greedy-menu .hidden-links {
    position: absolute;
    top: 50px;
    right: 15px;
    padding-left: 2px;
    width: auto;
    background-color: #fff;
    transform: none;
    transform-origin: 0 0;
    transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
.greedy-menu .hidden-links.links-invisible {
    transform: scaleY(0);
}
.greedy-menu .hidden-links.links-invisible li {
    opacity: 0;
}
.greedy-menu .hidden-links.links-invisible li a {
    color: #fff;
}
.greedy-menu .hidden-links li {
    width: 100%;
    display: block;
    opacity: 1;
    transition: opacity 0.25s ease 0.15s, color 0.15s;
}

.greedy-menu .toggle-links {
    align-self: flex-end;
    position: relative;
    flex: 0 0 50px;
    order: 2;
    visibility: hidden;
    top: 0;
    right: 12px;
    border: none;
    width: 49px;
    height: 49px;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    /* Firefox specific style reset */
    /*  The hamburger icon */
    /* The circle icon */
}
.greedy-menu .toggle-links:hover {
    background-color: #3c9cfe;
}
.greedy-menu .toggle-links:hover::before {
    transform: scale(1.05);
}
.greedy-menu .toggle-links:focus {
    outline: none;
}
.greedy-menu .toggle-links.visible {
    visibility: visible;
}
.greedy-menu .toggle-links::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.greedy-menu .toggle-links::after {
    content: "";
    position: absolute;
    top: 17px;
    left: 12px;
    display: block;
    width: 20px;
    height: 2px;
    background-color: #101112;
    box-shadow: 0 7px 0 #101112, 0 14px 0 #101112;
    transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), box-shadow 0.2s ease 0.1s;
}
.greedy-menu .toggle-links.counter::before {
    box-sizing: border-box;
    content: attr(data-count);
    position: absolute;
    z-index: 2;
    top: 10px;
    left: -17px;
    display: none;
    color: #dfdfdf;
    font-size: 16px;
    width: 34px;
    padding: 6px 1px;
    background-color: #469ff9;
    border: 3px solid #dfdfdf;
    border-radius: 50%;
    line-height: 1;
    text-align: center;
}

.greedy-menu .dropdown-menu {
    display: none !important;
}
#myTeamCompletion{min-height: 346px;}
.open > .dropdown-menu {
    display: block !important;
}
.folder-1 .card{margin-bottom: 2px;}
.search-div-1{padding-left: 0px !important;}
.panel-body .arrow-top{margin-right: 0px !important;}
#mainNavigation nav ul li.active .dropdown-menu a{ background: inherit; color: #101112; }
.progress-list a{color: #101112;} .progress-list a:hover{text-decoration: underline;}
.selection-sec .form-group{display: inherit !important;}
.tooltip-inner{padding: 6px 8px !important;}
#searchpop.in{background: #fff; border-radius: 4px;}
.filter-details .filter-inpute-larg, .filter-details .filter-inpute-small, select, body select.form-control, body select {background: #fff;   font-family: "Inter", sans-serif !important; color: #101112; background-position: calc(100% - 16px) 17px, calc(100% - 11px) 17px, 100% 0 !important; }
::placeholder, .form-group #course_type{color: #999 !important; opacity: 1;}
.d-inline {display: inline-block;}
.reportfilter .panel-default{border-color: transparent !important;}

.whiteboard .panel-body p{margin: 0px !important;}
.table>tbody+tbody{border-width: 1px !important;}

.text-ellips {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.whiteboard .card-body p{margin: 0px !important;}
.table>tbody+tbody{border-width: 1px !important;}
#accordion-reenroll{margin:0px !important;} 
#accordion-reenroll .panel-default{position: relative !important; box-shadow: none;}
#accordion-reenroll .panel-default > .panel-heading{height: 53px; line-height: 53px;}
#accordion-reenroll .sessionHeading .glyphiconTick { margin: 16px !important; }
#Transcript_text .tab-content{padding: 0px 15px 15px 15px !important;}
.media-heading{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
[type=checkbox]:disabled+span:after, .checkbox-type-1 input:disabled~.checkmark{opacity: 0.3 !important; cursor: not-allowed !important;}
.bg-border {position: relative;}
.bg-border:after {
    position: absolute;
    content: "";
    left: 0;
    top: 8px;
    right: 0px;
    border-bottom: 1px solid #dfdfdf;
    height: 1px;
    width: 100%;
    z-index: -1;
}
.bg-border span{
    background: #f2f2f2;
    z-index: 9;
    position: relative;
    padding: 0px 10px;
    text-transform: lowercase;
}
.modal-body .close {
    margin: -8px -6px 0px 0px !important;
}
.box-body .catelog-rating-cls { position: absolute;
                                top: -40px;
                                left: 28px;
                                background: #fff;
                                border-radius: 4px;
                                padding: 4px 5px 1px 5px;
}
img{  text-indent:-9999px;}
.bg-gray-2.accordian-panel .card:last-child{margin-bottom: 15px;}



#leaderboard .leaderboard-details ul li span img {
    width: 75px; height: 75px; margin-bottom: 5px;
}
input:checked + .slider.round::before, .slidelearner input:checked + .round:before{color: transparent !important;}
.system_certificate .selection-sec.in{top: 0px !important;}
.external_certificate .selection-sec.in{top: 42px !important;}
.inforgt.moreInfo{position: absolute; bottom: 10px; right: 10px;}
.listlearningobject .inforgt.moreInfo{bottom: inherit !important; top: 10px!important; right: 10px;}

.switchroleboxcol{cursor: pointer !important;}
.red-box h2 { 
    margin: 0px 0 0;
}
.zoom_in, .zoom_out{line-height: 35px !important;}
.width-set-list .progress-with-bar li .progress{min-width: 100px;}
.learningobject_box h3{line-height: 24px;}
.learningobject_box h3 .mt--3{margin-top: 0px !important;}

.modal-fullscreen.iframelaunch .activities .post-links svg.like-ico {
    height: 20px !important;
    width: 20px !important;
    margin-top: 0px !important;
}
.edit-post-comment {
    height: 45px !important;
    resize: none;
    padding: 10px;
    border-radius: 4px 0 0 4px !important; border-right: 0px !important;
}
.edit-post .input-group-addon {
    border-top: 1px solid #ccc !important
}


#checkoutbtn.update-btn {
    padding: 7px 15px;
    font-size: 16px;
    font-weight: 300 !important;
}

sup{ top: -0.8em;font-size: 60% !important;}
.backwithoutlogin{    position: absolute;
                      right: 0px;
                      padding: 8px 12px;
                      margin: 4px;
                      background: #fff;
                      color: #101112 !important;
                      border-radius: 4px;
                      z-index: 999 !important;}
.backwithoutlogin svg{    width: 22px;
                          height: 22px;
                          float: left;
                          margin: 0px 8px 0px 0px !important;}
.breadcrumb-item{margin-right: 5px;}
select, .ms-choice{background-position: calc(100% - 19px) 19px, calc(100% - 13px) 19px, 100% 0 !important;}
.foldercoursebox .panel-accordian-head, .cat-learning-path .panel-accordian-head{box-shadow: 0px 5px 40px 0px #00000011; background: #fff;}
.foldercoursebox .width-set-list, .cat-learning-path .width-set-list{border:1px solid #dfdfdf; margin-bottom: 10px !important;}
.foldercoursebox .bg-gray-2, .cat-learning-path .bg-gray-2{background: #fff;}
.cstradio input[type="radio"]{width: 15px; height: 15px;}

.teamcardsec .col-md-6 {
    padding-left: 8px;
    padding-right: 0px;
}

.foldercoursebox .status_icon-2{margin-right: 10px !important; width: 320px !important;}

.discussion-form-home li a svg
{
    margin-right: 5px;
} 
.discussion-form-home .icon-delete  {

}
.discussion-form-home .icon-pencil  {
    width: 21px;
    height: 21px;
    float: left;
}
.discussion-form-home .icon-likes  {
    width: 16px;
    height: 16px;
    margin-top: 1px;
    float: left;
}

a.clshidehand svg.icon-comments {
    float: left;
    margin-top: 2px;
}

.foldercoursebox .progress-with-bar{white-space: nowrap;}
.foldercoursebox .status_icon-2{margin-right: 10px !important; width: 320px !important;}
.foldercoursebox .item, .cat-learning-path .item{ padding: 5px 0px 5px 20px !important;}
.foldercoursebox .item .fa-circle:before, .cat-learning-path .item .fa-circle:before{width: 16px !important;  height: 16px !important;}
.foldercoursebox .item > span, .cat-learning-path .item > span{width: 20px !important;  height: 20px !important;  left: -10px !important;}
.foldercoursebox .panel-body, .cat-learning-path .panel-body{padding: 15px 10px 15px 20px !important;}
.pwd-icon-tooltip .glyphicon-alert{    border-radius: 50%;  width: 30px;  height: 30px;  font-size: 15px;  margin: 4px -2px 0px 0px;} 
.leaderboardbox .leaderboard-details #myLeaderboard li, #leaderboard .leaderboard-details ul.myRank{     min-height: 139px !important;  width: calc(16.6% - 20px) !important;  margin: 10px !important;}
.custfilter-position{ top: 0px !important; }
.col-md-5 .whitewrapbox{ width: 100%; }
.pwd-icon-tooltip .fa, .pwd-icon-tooltip .glyphicon{font-size: 12px !important;}
.extheight{min-height: 580px !important; height: auto !important;}
.dd-drage1 .dd3-content{padding: 50px !important;}
.retake-red-strip{ 
    position: absolute;
    width: calc(100% - 16px);
    border-radius: 0px;
    background-color: rgba(221, 75, 57, 0.9) !important;
    color: #fff;
    border: 0px !important;
    padding: 8px 10px;
    z-index: 9;
    top: 19px;
    text-align: center;}
.retake-yellow-strip{    position: absolute;
                         width: calc(100% - 16px);
                         border-radius: 0px;
                         background-color: rgba(255, 152, 0, 0.9) !important;
                         border: 0px !important;
                         color: #fff;
                         z-index: 9;
                         padding: 8px 10px;
                         top: 19px;
                         text-align: center;}

.retake-red-strip-list{position: relative;
                       display: inline-block;
                       background-color: rgba(221, 75, 57, 0.9) !important;
                       color: #fff;
                       padding: 4px 10px;
                       border-radius: 3px;
                       margin-bottom: 5px;}
.retake-yellow-strip-list{position: relative;
                          display: inline-block;
                          background-color: rgba(255, 152, 0, 0.9) !important;
                          color: #fff;
                          padding: 4px 10px;
                          border-radius: 3px;
                          margin-bottom: 5px;}

.courses-wrap  .retake-red-strip-list,  .courses-wrap  .retake-yellow-strip-list{
    top: 28px;
    width: calc(100% - 50px);
    margin: 0px auto;
    text-align: center;
    left: 25px;
    position: absolute;
}
.alert-retake{    padding: 6px 12px !important;
                  height: 42px;
                  line-height: 28px;}
.btn-blue.btn-alert {margin: -3px 0px 0px 0px;
                     color: #333 !important;
                     background: #fff !important;
                     border-color: #fff !important;}
.alert-retake.alert .close {margin: -1px -5px 0px 0px !important;}
.header-trial #searchpop.in{    top: 110px !important; }
.header-trial #searchpop {min-height: 68% !important;}
.modal-blue{background-color: transparent !important;}
#external_certificate_table_wrapper td:last-child, #external_certificate_table_wrapper th:last-child{width: 120px !important; min-width: 120px !important;}
#submit{margin-top:0px !important;}
.dataTables_wrapper div.dataTables_scrollBody table, .dataTables_wrapper table{width: 100% !important;}
.team-completion-details ul li span:nth-child(2) img, .designation-wrap img{object-fit: cover;}
.width-set-list .list-body-content .status_icon-2{width: auto !important;}
.more-less.minus .ico-plus{display: none;}
.modal-open .main-footer{ visibility: hidden !important; }
@media (min-width:1200px) and (max-width:1280px) {
    .statuslist .flex-2-1-0{width: 110px !important;}
}
#annoucement-modal .modal-header .close{ position: relative; z-index: 9999; }
#annoucement-modal .carousel-control{ z-index: 9999;}
.withoutlogin .language.drpdown-language, .navbar .language.drpdown-language,  .language.drpdown-language{max-height: 300px; overflow-y: auto;}
#getLearnersDetails .filtersearch.filter-inpute-larg{padding: 0px 8px 0px 28px !important;}
.qty-box .small-selection{background-position: calc(100% - 17px) 13px, calc(100% - 11px) 13px, 100% 0 !important;}
@media (min-width:1300px) and (max-width:1365px) {
#mainNavigation a, #mainNavigation button{font-size: 14px;     padding: 8px 8px;}
}
#dashboard-banner .item img{height: 314px; object-fit: cover;}
#dashboard-banner .my-catlog-btn{background: transparent !important;}
#dashboard-banner .catlog-content p, #dashboard-banner .progress-with-bar li{ color: inherit !important; }
.chart-img.chart-img2{margin-top: -14px;  margin-bottom: 22px;}
.dash-tab .chart-img.chart-img2{margin-top: 8px;  margin-bottom: 28px;}
#teamCertificate .dash-tab .chart-img.chart-img2{margin-top: 8px;  margin-bottom: 0px;}
.disflex{display: flex; gap:10px; align-items: center; margin-top: 11px;}
.disflex .btn-blue.selected{margin-top: 0px !important;}
.disflex .input-with-icon.submit_subscription_code{display: flex; gap:10px;}
.disflex .btn-blue.icon{width: 30px !important; height: 30px; text-align: center; padding: 4px 0px 0px 2px !important; margin:4px 0px 0px 0px !important;}
#request_modal_classroom #request_course, #request_modal_classroom #request_course.btn-blue{margin-top: 0px !important;}
.disclimit-banner{
      display: block;
    width:  100%;
  display: -webkit-box;
  max-width: 100%;
  max-height: 54px;
  line-height: 18px !important;
  margin: 0 auto;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.title-limit{
   display: block;
    width:  100%;
  display: -webkit-box;
  max-width: 100%;
  max-height: 46px;
  line-height: 1.3066667;
  margin: 0 auto;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.TS-modal-inner .catlog-content{max-height: 206px; height: auto !important;}
.dash-tab .chart-img.chart-img2{margin-bottom: 0px !important;}
.nav.pie-legend{padding-left: 0px !important;}
.carousel-indicators{
    bottom: -30px;
}