@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;600;700;800&display=swap');
@import url("course-responsive.css");
*:focus,*:active{
    outline: none!important;
}
body {
    padding-top: 0!important;
}
.main-logo{
    width:100%!important;
    max-width:150px;
    margin-left:5px;
    max-height:45px;
}
.login-card-wrapper .main-logo{max-height:none;max-width:110px;height:auto;}
.login-card-wrapper [type=radio] { 
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* IMAGE STYLES */
  .login-card-wrapper img {
    height: 40px;
    display: block;
    margin: 0px auto 5px auto;
}
  
  /* CHECKED STYLES */

  .select-login-user {
    display: flex;
    justify-content: center;
}
.select-login-user label {
    padding: 7px 12px;
    background-color: #f5f7fb;
    border-radius: 8px;
    position: relative;
    margin: 10px;
    border: solid 1px #e5e2ea;
    text-align: center;
    color: #444;
    font-weight: 600;
    font-family: rubik;
    transition: all 0.7s;
    cursor: pointer;
}
.login-card-wrapper input[type="radio"]:checked + label {
    border: 1px solid #e5e2ea;
    box-shadow: 0px 8px 12px rgb(211, 213, 217);
    transform: scale(1.1);
    cursor: default;
}
  .login-card-wrapper input[type="radio"]:checked + label::before {
    content: "";
    width: 21px;
    height: 21px;
    line-height: 17px;
    border: solid 2px #6e727d;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -10px;
    left: -10px;
    border-radius: 20px;
    background-color: rgba(255,255,255,1);
}
.login-card-wrapper input[type="radio"]:checked + label::after {
    content: "\f00c";
    font-family: "font awesome 5 free";
    font-weight: 900;
    position: absolute;
    left: -4.5px;
    top: -7px;
    color: #6e727d;
    transition: all 0.8s;
    font-size: 10px;
}

.menu-collapsed .main-logo{
   margin-left:0px;
}
.user-shortcut-dropdown{
    width:240px;
}
.user-name{
    white-space: normal;
    width: calc(240px - 75px);
    display: inline-block;
    line-height: 20px;
    font-size: 14px;
}
.host-online.nav-item img {
    height: 17px;
    position: relative;
}
.other-settings-dropdown .dropdown-menu{
    right:0;
    left:unset;
}

.other-settings-dropdown .dropdown-menu .arrow_box::after{
    left:unset!important;
    right: 1.2rem;
}
.insti-name, .insti-name i {
    font-size: 11px!important;
}
.dash-create-post .dropdown-item span{
    display: block;
    font-size: 11px;
    color: #aaa;
}
.dash-create-post .dropdown .dropdown-menu .dropdown-item {
    width: 100%;
    padding: 3px 20px;
    font-size: 13px;
}
/*.dash-post-filter .form-control{
    height: -webkit-calc(2.35rem + 2px);
    height: -moz-calc(2.35rem + 2px);
    height: calc(2.35rem + 2px);
    padding: .5rem 1.5rem;
    font-size:13px;
}*/
.border-bottom-gray{
    border-bottom: solid 1px #f9f9f9;
}
.border-light{border-color:#f9f9f9!important}
.dropdown-toggle::after{
    right:2px;
}
.dash-post-filter .dropdown-menu-header {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: #aaa;
}
.dash-post-filter li ul li{
    position: relative;
    line-height: 22px;
    font-size: 13px;
    padding-left: 15px;
}
.dash-post-filter li ul li:before{
    content: '\f10e' !important;
    font-family: LineAwesome;
    position: absolute;
    left:0;
    color:#ccc;
}
.dash-post-filter li a{
    color:#666
}
.before-none:before{display:none}
.after-none:after{display:none}
.font-15{font-size: 15px!important;}
.dash-post-top {
    white-space: nowrap;
}
.d-post-date{font-size:11px;}
.d-post-duration {
    font-size: 12px;
    padding-left: 5px;
    font-weight: 600;
    color: #555;
    border-left: solid 1px #eee;
    margin-left: 5px;
}
.dash-assignment-title,
.dash-video-title,
.dash-test-title {
    color: #6b6f80 !important;
    font-size: 14px;
    font-weight: 600;
}
.d-post-by {
    font-size: 12px;
}
.dash-test-details {
    font-size: 12px;
    color: #999;
}
.dash-test-rule {
    margin-top: 5px;
}
.dash-test-rule li {
    position: relative;
    padding-left: 17px;
    color: #f2b40b;
    line-height: normal;
    font-weight: 600;
}
.dash-test-rule li:before{
    content: '\f227' !important;
    font-family: LineAwesome;
    position: absolute;
    left:0;
    color:#aaa;
}
.dash-tags-wrapper{
    margin-top:10px;
    padding-top:10px;
    border-top:dashed 1px #ddd
}
.dash-tags-wrapper a {
    background-color: #fff;
    border: solid 1px #0089ff;
    color: #0089ff;
    margin:2px;
}

.dash-tags-wrapper a:hover{
    background-color:#0089ff;
    color:#fff;
}
.dash-assign-details{margin-top:10px}
.dash-assign-due-date {
    font-size: 12px;
    color:#999;
}
.dash-assign-due-date span{color:#333}
.dash-assign-wrapper {
    margin-top: 15px;
}
.dash-assign-wrapper h6 {
    color: #333;
    font-weight: 600;
    border-bottom: dashed 1px #f1f1f1;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.dash-assign-attachment li {
    border: solid 1px #eee;
    border-radius: 3px;
    line-height: 0;
    background-color: #fbfbfb;
    color: #666;
    margin: 5px;
    transition:all 0.7s;
    position: relative;
    max-width:100%;
    word-break: break-all;
}
.dash-assign-attachment li:first-child{margin-left:0;}
.dash-assign-attachment li:hover {
    box-shadow: 0px 4px 5px rgba(0,0,0,0.1);
}
.dash-assign-attachment li .btn{
    padding:5px 7px;
}
.dash-assign-link,
.dash-assign-attachment {
    margin-top: 5px;
    margin-bottom:5px;
    display: inline-block;
    width: 100%;
}
.dash-assign-attachment .d-flex {
    flex-wrap: wrap;
}
.dash-assign-link p,
.dash-assign-attachment p{    
    font-size: 13px;
    color: #888;
    margin-bottom: 5px;
}
.dash-assign-link li {
    position: relative;
    padding-left: 16px!important;
    font-size: 12px;
    margin: 3px 0;
    letter-spacing: 0.6px;
}
.dash-assign-link li:before{
    content: '\f268' !important;
    font-family: LineAwesome;
    position: absolute;
    left:0;
    color:#aaa;
}
.font-size-unset{
    font-size: unset!important;
}
.dash-assign-comment .btn{
    margin-bottom: 10px;;
}
.dash-assign-comment {
    width: 160px;
}
.dash-comments-list {
    margin-bottom: 15px;
    margin-top: 15px;
    background-color: #fff;
    border-radius: 6px;
    padding: 10px 15px;
}
.dash-assign-comment-collapse {
    padding: 15px;
    border: solid 1px #f9f9f9;
    background-color: rgba(251, 251, 251,0.7);
    border-radius: 5px;
}
.dash-comment-input{
    display: table-cell;
    vertical-align: middle;
}
.dash-comment-submit {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    text-align: right;
    width: 150px;
}
.dash-comment-submit .btn-attach {
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 0;
}
#dash-comm-attach {
    position: absolute;
    z-index: -9999999;
    width: 0;
    height: 0;
    opacity: 0;
    overflow:hidden;
}
.input-attach {
    position: absolute;
    z-index: -9999999;
    width: 0;
    height: 0;
    opacity: 0;
    overflow:hidden;
}
.btn-attach {
    padding: 6px;
    margin: 0px;
    position: relative;
    top: -3px;
}
.dash-comments-list {
    margin-bottom: 15px;
}
.dash-user-pp {
    width: 40px;
}
.dash-user-pp .avatar{width:37px}
.dash-comment-wrapper {
    padding-left: 15px;
}
.dash-comment-wrapper p{
    margin-bottom:0;
    font-size:13px;
    margin-top:3px;
    position:relative;
}
.dash-comment-date {
    font-size: 11px;
    color:#aaa;
}
.dash-comment-date-wrapper {
    margin-left: 10px;
    position: relative;
}

.dash-edit-comment {
    display: inline-block;
    width: 100%;
    position: absolute;
    z-index: -1;
    transition: all 0.7s;
    top:-40px;
    right: 0;
    width: auto;
}
.dash-edit-comment .btn {
    padding: 3px;
    margin: 0px 2px;
}
.dash-edit-comment .btn .la{
    font-size: 15px;
}
.dash-comment-user{position:relative;overflow:hidden}
.dash-comment-wrapper .dash-comment-user:hover .dash-edit-comment{
    z-index: 1;
    top: -2px;
}
.dash-comm-like-count .btn{
    padding:0px;
}
.dash-comm-like-count {
    padding-left: 5px;
    margin-left: 5px;
    text-align:right;
}
.dash-comm-like-count .la{
    font-size: 15px;
    color:#999
}
.dash-comm-like-count .badge{
    padding: 3px 5px;
    font-size: 10px;
    right: 5px;
    top: -4px;
}
.dash-comm-edit {
    margin-top: 10px;
}
#videoModal video{width:100%;margin: 0px;padding:0px}
#videoModal .modal-body{
    padding:0px;
}
#videoModal .close{
    position: absolute;
top: -7px;
color: #333;
background-color: #fff;
right: -7px;
opacity: 1;
width: 20px;
height: 20px;
font-size: 14px;
padding: 0px;
border-radius: 100px;
border: 0;
z-index:99;
}
.dash-video-link{
    border-radius: 10px;
    overflow: hidden;
    margin-top: 15px;
    display: flex;
}
.modal{
    z-index: 9999;
}
.modal-backdrop {
    z-index: 9980;
}
.badge-btn{
    position: relative;
    padding-right: 30px!important;
}
.badge-btn .badge{
    position: absolute;
    top: calc(50% - 1px);
    z-index: 99;
    transform: translateY(-50%);
    right: 7px;
}
.bootstrap-select{max-width:100%}
.bootstrap-select .filter-option-inner {
    color: #4e5154;
    font-weight: 500;
}
.bootstrap-select .btn-primary:focus{outline: none;} 
.bootstrap-select .btn-outline-light.dropdown-toggle{background-color: transparent;}
.bootstrap-select .btn-outline-light:active,
.bootstrap-select .btn-outline-light:hover,
.bootstrap-select .btn-outline-light:focus{
    background-color:#f1f1f1!important;
    outline:none!important
}
.bootstrap-select .dropdown-item small .badge{
    color: #777777;
    background-color: #eee;
    border:solid 1px #ccc;
}
.bootstrap-select .dropdown-item.selected.active small .badge{
    color: #333;
    background-color: #fff;
}
#video-shareModal .close{
    position: absolute;
right: 15px;
top: 5px;
}
.dash-share-list-wrapper {
    padding-top: 5px;
}
.login-sec-height{
    padding-top: 55px;
    padding-bottom: 55px;
    width: 100%;
}
.custom-control-label::before {
    pointer-events: none;
    border: 1px solid #5350bf;
    background-color: transparent;
}
.select-regi-title .btn{
width:120px!important
}
.share-list-sec{
    width:100%;
}
.dash-share-list-wrapper ul {
    max-height: 200px;
    overflow: auto;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.dash-share-list-wrapper li {
    padding: 4px 0;
    font-size: 13px;
    border-top: dashed 1px #eee;
}
.dash-share-list-wrapper li:first-child{border-top:0;}
.pb-05{padding-bottom:0.5rem}

.mod-video-link {
    margin-bottom: 10px;
    font-size: 12px;
}
.dash-tags-wrapper.mod-tags-wrapper {
    margin-top: 5px;
    padding: 0;
    border: 0;
}

.mod-video-by {
    width: 280px;
    padding-bottom: 10px;
}
.mod-video-index{
    margin-top:15px;
}
.mod-video-details-tab {
    margin-top: 20px;
}
.nav.nav-tabs .nav-item .nav-link.active{
    box-shadow: none;
}
.dash-poll-status li {
    margin: 15px 0;
}
.dash-poll-status li p{
    margin-bottom:5px;
}
.mr-05{margin-right: 5px;}
.dash-aside-item li {
    margin: 5px 0px;
}
.dash-aside-item li a{
    color:#666;
}
.dash-aside-item li:first-child{
    margin-top:0
}
.tch-img-aside {
    width: 40px;
}
.carri-hdr .card-title .badge{position:relative;top: -2px;font-size: 11px;}
.study-mate-card-heading,
.carr-card-heading {
    font-size: 14px;
    border-bottom: dashed #f9f9f9 1px;
    padding-bottom: 5px;
    margin-bottom: 10px
}
.carri-grade {
    font-size: 11px;
    text-align: right;
    color: #666;
    font-weight: 500;
    white-space: nowrap;
    padding-left: 10px;
}
.study-mate-card-details,
.carr-card-details {
    padding-top: 5px;
}
.study-mate-card-details-item,
.carr-card-details-item {
    font-size: 11px;
    color: #888;
    margin-bottom: 0;
    margin-top: 10px;
}
.carri-item-list span{color:#444}
.carri-item-list i.la{transform: scale(1.2);}
.carri-item-price {
    font-size: 14px;
    padding: 4px 0px;
    display: inline-block;
    color:#333;
}

.carri-item-price span{margin-left:5px}
.carri-card-wrapper figure{
    height: 180px;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
}
.carri-card-wrapper figure img{width:100%}
.mod-upload-item {
    display: table;
    height: 120px;
    margin: 15px auto;
    padding: 10px;
    border: solid 1px #333;
    border-radius: 5px;
    width: 100%;
    font-size: 15px;
    color: #333;
    transition: all 0.4s;
    font-family: rubik;
    font-weight: 600;
    text-transform: uppercase;
}
.mod-upload-item:hover {
    border-color:#5350bf;
    color: #5350bf;
}
.mod-upload-item:hover i{color: #333;}
.mod-upload-item i{display: block;margin-bottom: 7px;font-size: 28px !important;}

.mod-upload-item img {
    height: 22px;
    margin-bottom: 0.6rem;
}
.study-mateial-inner-tabs ul {
    border: solid 1px rgba(244, 244, 249,0.4);
    background-color: #fbfbff;
}
.study-mateial-inner-tabs .nav-item .nav-link {
    padding: 10px !important;
    border-bottom: solid 2px transparent !important;
    color: #333;
    border-radius: 0 !important;
    transform: translateY(2px);
    transition:all 0.6s;
    background-color:transparent;
}
.study-mateial-inner-tabs .nav-item .nav-link:hover,
.study-mateial-inner-tabs .nav-item .nav-link.active {
    background-color: transparent;
    color: #5350bf;
    border-color: #5350bf !important;
}
.study-mateial-inner-tabs .nav-item{margin-right:5px;}
.video-shareModal .nav-item .nav-link .badge,
.study-mateial-tabs .nav-item .nav-link .badge,
.study-mateial-inner-tabs .nav-item .nav-link .badge{
    margin-left:5px;
    transform: scale(0.9);
}
.filter-option-inner-inner {
    white-space: nowrap;
    text-overflow: ellipsis;
}
.plyr--audio {
    margin-top: 30px;
    margin-bottom: 30px;
}
#plyr-settings-5668-speed {
    max-height: 120px;
    overflow: auto;
}
.study-mate-card-heading a.study-academy-link{font-size: 12px;}
.study-mate-card-note {
    font-size: 13px;
    color: #888;
}
.study-mate-video {
    padding-right: 15px;
    border-right: solid 1px #f9f9f9;
    width: 80px;
    text-align: center;
}
.study-mate-vitem {
    white-space: nowrap;
    border-radius: 4px;
    display: inline-block;
    width: 40px;
    height: 40px;
}
.study-mate-vitem i {
    font-size: 24px !important;
    line-height: 40px;
    color:#fff;
}
.study-mate-video-content {
    padding-left: 15px;
}
.study-mate-card-details p.h6{
    font-weight: 600;
    font-size: 12px;
    color:#333;
}
.study-mate-card-date {
    text-align: right;
    font-size: 11px;
    color: #777;
    display: inline-block;
    width: 100%;
    position: relative;
    top: -3px;
    white-space:nowrap;
    padding-left:5px;
}
.study-mate-card-details-item .btn {
    padding: 3px;
    margin: 0px 2px;
}
.study-mate-card-details-item .btn .la {
    font-size: 15px;
}
.study-mate-card-heading{font-weight:600;word-break: break-all;}
.study-doc-sub-cour{color:#888;font-size:12px;margin-top: 10px;}
.study-doc-sub-cour .d-table-cell{width:50%}
.study-doc-sub-cour span{
    color:#333;
    font-weight:600;
}
.study-doc-sub-cour-inner{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}
.bs-actionsbox .actions-btn.btn.btn-light:active,
.bs-actionsbox .actions-btn.btn.btn-light {
    background-color: #eee;
}
#editdmateModal .bootstrap-select,
#editmateModal .bootstrap-select{
width:100%;
}
.study-mate-tags-select .tag{
    padding: 4px 20px 5px 7px!important;
}
.tag-i {
    
    top: calc(50% - 2px)!important;
    transform: translateY(-50%);
}
.study-mate-tags-select span{
    display: none;
}
.study-mate-checkbox .custom-control.custom-checkbox{
    margin-bottom:5px;
}
.btn-light {
    color: #2a2e30;
    border-color: #e1e5ea;
    background-color: #e7eaee;
}
.btn-light:hover{
    background-color: #eee;
}
.recipients-list-heading {
    padding-bottom: 4px;
    border-bottom: dashed 1px #eee;
    margin-bottom: 5px;
    color: #333;
    font-weight: 600;
}
.recipients-list-wrapper{
    margin-bottom:30px;
}
.recipients-list-wrapper li {
    font-size: 13px;
    border-top: solid 1px #f9f9f9;
    padding: 6px 0px;
    line-height: 16px;
}
.recipients-list-wrapper li:first-child{border-top:0}
.dataTables_filter label{margin:0!important}
.table-test-list{
    font-size:13px
}
.dataTable td, .dataTable th {
    vertical-align: middle !important;
    padding: 10px !important;
}
th.sorting {
    padding-right: 25px !important;
}
.btn.btn-clone-setting {
    padding: 4px;
    border-radius: 0;
    border: 0;
    margin:5px 2px 0px 2px;
}
li:first-child .btn.btn-clone-setting{margin-left:-4px;}
.btn.btn-clone-setting .la {
    font-size: 15px !important;
    color: #999;
}
.tagging .type-zone {
    height: 32px;
}
.tagging {
    min-height: 41px;
padding: 0 8px;
height: auto;
}
.collapse-create-test {
    padding: 15px;
    background-color: rgba(250, 251, 255,0.5);
    border-radius: 10px;
    border: solid 1px rgba(244, 244, 244, 0.8) !important;
}
.collapse-create-test .bootstrap-select .btn-outline-light.dropdown-toggle {
    background-color: #fff;
}
.test-preview-title {
    font-weight: 600;
    border-bottom: solid 1px #f9f9f9;
    padding-bottom: 3px;
    margin-bottom: 10px;
}
.test-preview-desc ul{
    list-style-type: square;
    padding-left: 15px;
}
.prev-test-list-title {
    /* white-space: nowrap; */
    width: 150px;
    color: #999;
}
.prev-test-list-spec {
    color: #555;
    padding-left:15px;
}
.preview-test-details {
    margin-top: 15px;
    padding-top: 15px;
    border-top: dashed 1px #eee;
    font-size: 13px;
}
.preview-test-details li {
    border-top: solid 1px #f9f9f9;
    padding: 4px 0px;
}
.preview-test-details li:first-child{
    border:none
}
.dtp{
    z-index: 99999!important;
}

.or {
    margin-right: 20px;
    color: #666;
    font-weight: 600;
}

.top-post-dropdown .dropdown-item span {
    display: block;
font-size: 11px;
color: #aaa;
}
.carri-short-item {
    margin-bottom: 10px;
    font-size: 13px;
}
.carri-short-title {
    font-size: 20px;
}
.carri-short-item span {
    color: #333;
    font-weight: 600;
}

.acco-item-header {
    padding:8px 25px 8px 10px;
    margin: 10px 0px;
    border-radius: 5px;
    font-weight: 500;
}
.acco-item-title {
    width: calc(100% - 195px);
    background-color: transparent;
    border-color: transparent;
    color: #fff;
    font-size: 13px;
    text-transform: none;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
    padding: 0px 11px;
    cursor: pointer;
    font-weight: 600;
    font-family: 'Rubik', sans-serif;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.acco-item-link.collapsed, .acco-item-link {
   padding-left: 10px;
    padding-right: 25px;
    position: relative;
    white-space: nowrap;
}
.btn-levels.btn-edit {
    width: 24px;
    height: 24px;
    text-align: center;
    padding: 0 !important;
}
.acco-item.level1 .btn-levels.btn-dlt {
    background-color: #fb434a;
}
.acco-item.level1 .btn-levels {
    font-size: 11px;
    padding: 3px 9px;
    color: #fff;
    background-color: transparent;
    border-radius: 4px;
    line-height: 22px;
    border:solid 0px
}

.btn-levels.btn-dlt {
    border-color: transparent !important;
    width: 24px;
    height: 24px;
    text-align: center;
    padding: 0 !important;
}
.section-toggle-btn[aria-expanded="true"]::after, .acco-item-link[aria-expanded="true"]::after {
    content: "\f077";
    font-family: "font awesome 5 free";
    font-weight: 900;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    color: #d4d0e1;
    transition: all 0.8s;
}
.section-toggle-btn[aria-expanded="false"]::after, .acco-item-link[aria-expanded="false"]::after {
    content: "\f078";
    font-family: "font awesome 5 free";
    font-weight: 900;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    color: #d4d0e1;
    transition: all 0.8s;
}
.draggable-grip-l1 {
    position: absolute;
    right: -16px;
    color: rgba(255,255,255, 0.35);
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    cursor: grab;
    opacity: 0.7;
}
.acco-item.level2 .acco-item-header {
    border: 0;
    background-color: #fff;
    padding-right: 4px !important;
}
.level2 .d-flex.justify-content-end {
    padding: 5px;
    border: solid 1px #f9f9f9;
    padding-right: 20px;
    margin-top: 10px;
    margin-left: 10px;
    border-radius: 3px;
}
.acco-item-subtitle {
    width: calc(100% - 60px);
    background-color: transparent;
    border-color: transparent;
    color: #333;
    font-size: 13px;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px;
    padding: 0px 11px 0px 5px;
    font-weight: 600;
    cursor: pointer;
    font-family: 'Rubik', sans-serif;
    letter-spacing: 0.5px;
}
.acco-item.level2 .btn-levels {
    color: #333;
    background-color: #fff;
}
.acco-item.level2 .btn-levels.btn-dlt {
    background-color: transparent;
}
.acco-item.level2 .btn-levels.btn-dlt i {
    color: #fb434a;
}
.draggable-grip-l4, .draggable-grip-l3, .draggable-grip-l2 {
    position: absolute;
    right: -16px;
    color: #cac9d4;
    opacity: 0.5;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    cursor: grab;
}
.draggable-grip-l4{
    right:10px!important;
}
.col-form-label {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}
.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}
.carr-structure-wrapper {
    padding-top: 30px;
}
.carr-subsubsec-wrapper {
    margin-top: 20px;
    border-top: dashed 1px #f1f1f1;
}
.unit-list-wrapper {
    padding: 10px 0;
}
.unit-list-item {
    border: solid 1px rgba(234, 235, 236,0.3);
    margin-bottom: 3px;
    border-radius: 4px;
    font-size: 12px;
    background-color: rgba(234, 235, 236,0.15);
    position: relative;
    padding-right: 60px;
    min-height: 40px;
    overflow:hidden;
    padding-left:30px;
}
.unit-list-icon {
    padding:8px;
    color: #fff;
    width: 40px;
    border-radius: 5px;
    text-align: center;
    margin: 3px 0;
}
.unit-list-title {
    padding-left: 10px;
    width: calc(100% - 130px);
    color: #444;
    font-weight: 600;
}
.unit-list-duration {
    width: 90px;
    text-align: left;
    color: #2196f3;
    font-weight: 600;
    padding: 0;
    font-size: 11px;
}
.bootstrap-select .dropdown-menu {
    max-width:100%!important;
    min-width:100%!important;
}
.bootstrap-datetimepicker-widget table th,
.bootstrap-datetimepicker-widget table td{
    padding:3px!important
}
.bootstrap-datetimepicker-widget.dropdown-menu{
    width:260px!important
}
.bootstrap-datetimepicker-widget{
    z-index: 9999;
}
.ans-list-wrapper{
    margin:10px 0px;
}
.custom-ol {
    list-style: none;
    counter-reset: my-awesome-counter;
    padding-left: 5px;
}
.custom-ol li {
    padding: 15px 15px 15px 40px;
    border: dashed 1px #eee;
    margin-bottom: 10px;
    border-radius: 5px;
    position: relative;
    counter-increment: my-awesome-counter;
}
.custom-ol li::before {
    content: counter(my-awesome-counter) ". ";
    font-weight: bold;
    position: absolute;
    left: 9px;
    color: #ccc;
    font-size: 20px;
    line-height: 27px;
}
.eveluate-modal-ques {
    color: #333;
    font-weight: 500;
}
.eveluate-modal-ans {
    color: #666;
    font-size: 13px;
    background-color: #fbfbfb;
    margin: 3px 0px;
    padding: 2px 10px !important;
    border-left: 3px solid #eee;
}
.eveluate-modal-ans.correct-ans {
    border-color: #5ed84f;
    background-color: #f4fdf3 !important;
    position: relative;
    padding-right: 30px !important;
}
.eveluate-modal-ans.correct-ans:after{
    position: absolute;
    right:10px;
    top:50%;
    transform: translateY(-50%);
    font:normal normal normal 16px/1 LineAwesome;
    content:"\f17b";
    color:#5ed84f;
}
.eveluate-marks {
    margin: 5px 0px 10px 0px;
    display: inline-block;
}
.assign-marks span {
    width: 45px;
    display: inline-block;
    padding: 0px;
    margin-left: 2px;
    background-color: #f5f4fd;
    text-align: center;
    height: auto;
    line-height: 20px;
    color: #5350bf;
    border-radius: 3px;
    border: solid 1px #5350bf;
}

.assign-marks-input input{
    width: 45px!important;
    display: inline-block;
    padding: 0px;
    margin-left: 2px;
    background-color: #f5f4fd;
    text-align: center;
    height: auto;
    line-height: 20px;
    color: #5350bf;
    border-radius: 3px;
    border: solid 1px #5350bf;
}

.mod-ques-span, .mod-ans-span {
    width: 20px;
    transform: translateY(2px);
}
.test-quest-span {
    width: calc(100% - 100px);
    padding-right: 10px;
}
.ques-sec-actions {
    min-width: 100px;
    text-align: right;
}
.btn-test-act {
    font-size: 11px;
    width: 24px;
    height: 24px;
    text-align: center;
    padding: 0 !important;
    color: #666;
    background-color: transparent;
    border-radius: 4px;
    line-height: 22px;
    border: solid 1px;
}

.btn-test-act.btn-dlt i {
    color: #fb434a;
}
.draggable-grip-test {
    color: rgba(0,0,0, 0.2);
    font-size: 20px;
    cursor: grab;
    opacity: 0.7;
    top: 4px;
    position: relative;
}
.add-ques-tabs .nav-link .badge{
    margin-left: 3px;
    padding: 3px 5px;
}
.study-ques-opts input{
    margin-bottom: 5px;
    width: calc(100% - 137px);
}
.study-pda-ques-opts input{margin-bottom: 5px;}
.study-ques-opts .custom-control {
    margin-left: 10px;
    white-space: nowrap;
}
.study-ques-opts .custom-radio .custom-control-label::after,
.study-ques-opts .custom-radio .custom-control-label::before{left:-20px;}

.study-ques-opts .btn-danger {
    padding: 0px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    margin-top: 10px;
}
.recent-chat-img{padding-right:15px;}
.recent-chat-img img {
    width: 40px;
    height: 40px;
    border-radius: 40px;
}
.nav-link.active .recent-chat-title {color:#fff}
.recent-chat-title {
    font-weight: 600;
    padding-bottom: 2px;
    margin-bottom: 5px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.03);
    color: #ad302f;
}
.nav-link.active .recent-chat-content p{
color:#fff
}
.recent-chat-content p{
    margin-bottom: 0;
    font-size:12px;
    color:#999
}
.recent-chat-list-item .nav-link {
    border: solid 1px #eee;
    margin-bottom: 10px;
    color: #555;
}
.chat-time {
    display: block;
    font-size: 11px;
    opacity: 0.6;
}
.user-msg-to {
    margin-bottom: 10px;
    padding-bottom: 3px;
}
.mb-05{
    margin-bottom:0.5rem !important
}
.chat-item-check {
    padding-left: 10px;
}
.chat-item-check .custom-control-label::before,
.chat-item-check .custom-control-label::after{
    left: -20px;
}
.selectable-chat-item label,
.selectable-chat-item{
    cursor: pointer;
}
.bootstrap-select .text {
    max-width: 100%;
    white-space: normal;
    line-height: normal;
}
.trends-graph-title {
    text-align: center;
    margin-bottom: 30px;
    font-size: 20px;
    color: #333;
}


.doughnut {
    padding: 20px 5px;
    background-color: white;
    height: 100%;
    display: inline-block;
  }
  
  .doughnutChartContainer {
    float: left;
    background-color: white;
    width: 100%
  }
  
  .doughnut .chart-legend {
    float: left;
    width: 100%;
    background-color: white;
    list-style-type: none;
    margin-top: 20px;
    text-align: center;
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    padding-left: 0;
}
  
  .doughnut .chart-legend li {
    display: inline-block;
    white-space: nowrap;
    position: relative;
    margin-bottom: 4px;
    border-radius: 5px;
    padding: 2px 24px 2px 0;
    font-size: smaller;
    cursor: default;
  }
  .doughnut-legend{
      padding-left: 0;
  }
  .doughnut .chart-legend li .line-legend-icon,
  .doughnut .chart-legend li .doughnut-legend-icon {
    display: block;
    float: left;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border-radius: 5px;
  }
  
  .doughnut .chart-legend li .doughnut-legend-text,
  .doughnut .chart-legend li .line-legend-text {
    padding-left: 10px;
  }
  .event-post-item, .notice-post-item {
    padding: 15px;
    border: solid 1px #f9f9f9;
    border-radius: 10px;
    margin-top: 10px;
}
.event-post-item:first-child,.notice-post-item:first-child{
    margin-top:0;
}
.hello-admin{
    pointer-events: none;
}
/* minakshi */
.txt-center{
text-align:center;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
}
.nav-tabs .sub-tab-link.nav-link.active {
   color: #fa626b;
    border-color: #babfc7 #626e82 #5350bf;
    background-color: #fff!important;
    border-bottom:2px solid
}
.sub-tab-box{
border: 1px solid #ddd;
    margin-top: 20px;
    padding: 20px;
}
.nav-tabs .sub-tab-link.nav-link {
    color: #000;
    background-color: #fff;
    font-size: 16px;
}
.border-gray {
    border-color: #948c8c!important;
}
.border-choco {
   border-right: 1px solid #f2ba7a;
}
.border-bottom-orange {
     border-bottom: dashed #f2b36f 1px;
}
.card.box-shadow {
    box-shadow: 0px 0px 12px -5px !important;
}
.btn-group-sm>.btn, .btn-sm {
    font-size: .875rem;
    padding: 6px 12px;
    line-height: normal;
}
.font-medium-1 {
    font-size: 12px !important;
}
.blue-grey.lighten-2 {
    font-size: 12px;
}
.border-right-blue-grey.border-right-lighten-5 {
    border-right: 1px solid #eceff1!important;
    padding: 0;
}
.card-header .heading-elements a.btn, .card-header .heading-elements-toggle a.btn {
    padding-top: 6px;
    padding-bottom: 6px;
    min-width: auto;
    font-size: 11px;
    font-weight: 900;
}
.hide{
display:none;
}
.study-mate-video {
    padding-right: 15px;
    border-right: solid 1px #f5e2d2 !important;
    width: 80px;
    text-align: center;
}
/* color style*/
body.horizontal-layout[data-color=bg-gradient-x-purple-blue] .content-wrapper-before, body.horizontal-layout[data-color=bg-gradient-x-purple-blue] .navbar-horizontal, body.vertical-layout[data-color=bg-gradient-x-purple-blue] .content-wrapper-before, body.vertical-layout[data-color=bg-gradient-x-purple-blue] .navbar-container {
    background-image: -webkit-gradient(linear,left top,right top,from(#5350bf),to(#32cafe));
    background-image: -webkit-linear-gradient(left,#5350bf,#32cafe);
    background-image: -moz-linear-gradient(left,#5350bf,#32cafe);
    background-image: -o-linear-gradient(left,#5350bf,#32cafe);
    background-image: linear-gradient(left,#5350bf,#32cafe);
    /* background-image: linear-gradient(to right,#db5e2a,#edb888); */
    background-repeat: repeat-x;
}
html body a {
    color: #5350bf;
}
.btn-primary:focus, 
.btn-primary {
    color: #fff !important;
    background-color:#5350bf;
}
.btn-primary:hover {
    color:#5350bf !important;
    border-color:#5350bf;
    background-color: #fff;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff !important;
    border-color: #5350bf;
    background-color:#5350bf;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice {
   color: #fff;
    border-color: #5350bf !important;
    background-color: #5350bf!important;
    font-size: 12px;
}
.select2-container--classic .select2-results__options .select2-results__option[aria-selected="true"], 
.select2-container--default .select2-results__options .select2-results__option[aria-selected="true"] {
    color: #fff !important;
    background-color:#8e67f9 !important;
}
.select2-selection {height:41px;}
/* .btn-outline-success {
    color:#8e67f9;
    border-color: #8e67f9;
    background-color: transparent;
    width: auto;
} */
.chat-application .chats .chat-body .chat-content {
    text-align: right;
    position: relative;
    display: block;
    float: right;
    padding: 8px 15px;
    margin: 0 20px 10px 0;
    clear: both;
    color: #1f1e1e;
    background-color:#f9fbfd;
    -webkit-box-shadow: 0 5px 12px 0 rgba(62, 57, 107, 0.36);
    box-shadow: 0 5px 12px 0 rgba(62, 57, 107, 0.36);
    border-radius: 7px;
}
.main-menu.menu-light .navigation>li.active>a, .main-menu.menu-light .navigation>li.hover>a, .main-menu.menu-light .navigation>li.open>a, .main-menu.menu-light .navigation>li:hover>a {
    color: #8e67f9;
}
.nav-link {
    color: #8e67f9;
}
.badge-dark {
    color: #fff;
    background-color:#8e67f9;
}
.btn {
    width: auto;
}

.bg-gradient-x-info {
    background-image: -webkit-gradient(linear,left top,right top,from(#1e9fc4),to(#69c7de));
    background-image: -webkit-linear-gradient(left,#1e9fc4 0,#69c7de 100%);
    background-image: -moz-linear-gradient(left,#1e9fc4 0,#69c7de 100%);
    background-image: -o-linear-gradient(left,#1e9fc4 0,#69c7de 100%);
    background-image: linear-gradient(to right#1e9fc4 0,#69c7de 100%);
    background-repeat: repeat-x;
}
/* .badge-info {
    background-color: #e8a171;
}
.btn-primary {
    color: #fff;
    border-color: #ad302f;
    background-color: #ad302f;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    border-color: #ad2e2d;
    background-color: #ad2e2d;
}
.tagging .tag {
    position: relative;
    display: inline-block;
    margin: 7px 10px 0 0;
    padding: 7px 20px 7px 0;
    cursor: default;
    white-space: nowrap;
    color: #fff;
    border-radius: 3px;
    background: #ad2e2d;
    font-size:13px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    border-color: #ad2e2c;
    background-color: #dd6834!important;
}
.btn-info {
    background-color: #ffffff;
    color: #ad2e2c !important;
    border-color: #ad2e2d;
}
.btn-info:active, .btn-info:focus, .btn-info:hover {
    border-color: #ad2e2d;
    background-color: #ad2e2d;
    color: #fff !important;
    box-shadow: none !important;
}
.form-control:focus {
    color: #4e5154;
    border-color: #d65b28;
    outline: 0;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
} */
/* 
form .form-control {
    color: #d75d2a;
    border: 1px solid #d85d2a;
}
 */
/* .dropdown-item.active, .dropdown-item:active {
    text-decoration: none;
    color: #b5372c;
    background-color: #eaeaea;
}
html body a:hover {
    color: #ae2e2d;
}
.form-control:focus {
    color: #4e5154;
    border-color: #d85d2a;
    outline: 0;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #da5e2a;
    background-color: #db612d;
}
.custom-control-label::before {
    pointer-events: none;
    border: 1px solid #ad2e2d;
    background-color: transparent;
}
.chat-application .chats .chat-body .chat-content {
    text-align: left;
    position: relative;
    display: block;
    float: right;
    padding: 8px 15px;
    margin: 0 20px 10px 0;
    clear: both;
    color: #1f1e1e;
    background-color: #fdf2e8;
    -webkit-box-shadow: 0 5px 12px 0 rgba(62, 57, 107, 0.36);
    box-shadow: 0 5px 12px 0 rgba(62, 57, 107, 0.36);
    border-radius: 7px;
} */
.chat-application .chats .chat-body .chat-content:before {
    position: absolute;
    top: 10px;
    right: -10px;
    width: 0;
    height: 0;
    content: '';
    border: 5px solid transparent;
    border-left-color: #fdf2e8;
}

.bg-primary {
    background-color: #6768cd !important;
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: #1169bd!important;
}
.login-tabs .nav-tabs .sub-tab-link.nav-link {
    color: #000;
    background-color: transparent;
    font-size: 13px !important;
    font-weight: 600;
}
.login-tabs .nav-tabs .sub-tab-link.nav-link.active{
    background-color:transparent!important;
    border-bottom: 2px solid #5350bf;
    color:#5350bf
}
.login-tabs .nav.nav-tabs .nav-item .nav-link {
    line-height: normal;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 10px 12px;
}
/* .login-tabs .nav-tabs .sub-tab-link.nav-link.active {
    color: #fa626b;
    border-color: #babfc7 #626e82 #5350bf;
    background-color: #fff!important;
    border-bottom: 2px solid;
}*/
html body.bg-full-screen-image {
    /* background: url(../../app-assets/images/backgrounds/bg-19.jpg) center center no-repeat fixed; */
     -webkit-background-size: cover;
     background-size: cover;
     background: #eee !important;
     background-image: linear-gradient(to right,#217ffb,#b245d5) !important;
 }
td img {
    border-radius: 100px;
    height: 30px;
}
.chats{
    max-height:550px;
}


/* admin page */
.admin-page-tabs {
    margin:0 10px;
}

.dataTables_filter {
    float: right;
    margin-bottom:10px;
}
td img{
    border-radius: 100px;
    height: 30px;
}
.class-td-span {
    padding-right: 5px;
    color: #777;
    width:170px;
}
.sub-td-span {
    color: #444;
    font-weight: 600;
}
.tmb-5{
    margin-bottom: 5px;
}
.lice-sess {
    position: relative;
    top: 2px;
    left: 2px;
    font-size: 1rem;
}
.text-chocolaty{
color:#6967ce !important
}
.admin-upload-instruction ul{padding-right:15px;}
.admin-upload-sample {
    padding: 10px 15px;
    border-left: dashed 1px #f1f1f1;
    min-width: 180px;
}
.admin-upload-instruction {
    padding: 20px;
    background-color: rgba(240, 240, 240, 0.15);
    border: solid 1px #f4f4f4;
    border-radius: 7px;
}
.zone-table-img {
    width: 40px;
    padding-right: 10px;
}
.btn.btn-admin-tsetting {
    padding: 0 3px;
    color: #eaa776;
}
.btn-border-chocolaty {
    border-color: #dd6834 #e69766 #de6a37;
    background-color: transparent !important;
    color: #dd6834 !important;
}
.custom-checkbox {
    padding-left: 20px;
}
.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after {
    left: -20px;
}
table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected,
.table-striped tbody tr.even.selected, 
.table-striped tbody tr.odd.selected {
    color: #333;
    background-color: #fbf7f4;
}

.table-striped tbody tr.even.selected a, 
.table-striped tbody tr.odd.selected a {
color: #222;
}
.ex-btn {
    border: solid 1px rgb(155, 36, 35);
}
#loader-sec {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: rgba(255,255,255,1);
    text-align: center;
}
#loader-sec img{
    height: 50px;
}

table.dataTable tr th.select-checkbox.selected::after {
    content: "✔";
    margin-top: -11px;
    margin-left: -4px;
    text-align: center;
}
.table-striped tbody tr.even.selected, 
.table-striped tbody tr.odd.selected {
        color: #333;
        background-color: #fbfbfb;
    }
table.dataTable tbody tr.selected a, 
table.dataTable tbody th.selected a, 
table.dataTable tbody td.selected a {
        color: #5350bf;
    }
table.dataTable tbody td.select-checkbox::before, 
table.dataTable tbody th.select-checkbox::before {
    margin-top: 5px !important;
}    
table.dataTable tr.selected td.select-checkbox::after, 
table.dataTable tr.selected th.select-checkbox::after{
    margin-top: 0px!important;
}
.admin-inner-tabs .nav-tabs .nav-item{
    margin-bottom: -2px!important;
}
.admin-inner-tabs .nav-tabs .nav-item.show .nav-link, 
.admin-inner-tabs .nav-tabs .nav-link.active {
    color: #d75d2a;
    border-color: #d75d2a;
    background-color: transparent!important;
    border-radius:0!important;
}
.admin-inner-tabs .nav-tabs .nav-link {
    color: #000;
    background-color: transparent;
    font-size: 14px;
    padding: 0.6rem 1.2rem !important;
    border-bottom: solid 2px transparent;
}
.admin-inner-tabs .nav.nav-tabs {
    border-bottom: solid 2px #f9f9f9;
}
.dataTables_wrapper{padding:0}
.dataTable td input:focus,
.dataTable td input {
    padding: 5px 10px !important;
    height: auto;
    border: dashed 1px transparent;
    background-color: transparent;
}
.dataTable td input:hover{
    background-color: #f9f9f9;
    border: dashed 1px #d75d2a;
}
/* .sorting_disabled{
    pointer-events: none;
} */
/* .sorting_disabled:before,
.sorting_disabled:after{display: none!important;} */
.hover-taxtarea{transition: all 0.7s;height: 40px!important;}
.hover-taxtarea:focus{height:auto!important}
.admin-tab-btns .btn{margin: 0px 2px;}
.btn-test-act {
    font-size: 11px;
    width: 24px;
    height: 24px;
    text-align: center;
    padding: 0 !important;
    color: #666;
    background-color: transparent;
    border-radius: 4px;
    line-height: 22px;
    border: solid 1px;
}
.height-75{
    height:75px;
}
/* .tagging css added */
/* .tagging .tag css added */
.profile-tab-sec-heading {
    margin-bottom: 10px;
}
.pts-profile-pic img {
    height: 35px;
}
.pts-profile-pic {
    padding-right: 10px;
}
.perma-add-preview,
.commu-add-editable,
.personal-info-editable,
.profile-preview-wrapper{
    margin-top:20px;
}
.profile-tab-section {
    border: dashed 1px #eee;
    margin: 10px 0px;
    padding:20px 15px 15px 15px;
    border-radius: 4px;
}
.profile-tab-section:first-child{margin-top: 0px;}
.profile-tab-section .card-header {
    border-bottom: solid 1px #f9f9f9;
    padding-bottom: 5px !important;
}
.profile-spec-item {
    display: flex;
    margin-bottom: 10px;
}
.profile-spec-title {
    min-width: 160px;
    position: relative;
    padding-right: 10px;
    width: 160px;
}
/* .profile-spec-title:after{
    content: ":";
    position: absolute;
    right: 0;
    top: 0;
} */
.perma-add-preview .profile-spec-title:after,
.commu-add-editable .profile-spec-title:after,
.personal-info-editable .profile-spec-title:after{
    top: 50%;
    transform: translateY(-50%);
}
.profile-spec-details {
    padding-left: 10px;
    color:#333;
}

.vid-note-content-del {
    padding-left: 20px;
    width: 30px;
}
.vid-note-content-del .btn {
    width: 23px;
    height: 23px;
    border: solid 1px #bd3f2f;
}
.vid-note-content {
    padding-left: 10px;
}
.vid-notelist-ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #f1f1f1;
    line-height: 22px;
}
.vid-notelist-ul li:last-child{border:0;}
.vid-note-date {
    font-size: 11px;
    color: #999;
}
.add-row-wrapper {
    margin-bottom: 20px;
    margin-top: 15px;
    padding: 15px 0px 10px;
    border-bottom: solid 1px #f9f9f9;
}
.profile-sub-tea-wrapper{
    display: flex;
    flex-wrap: wrap;
}
.pro-sub-tea-item {
    display: inline-block;
    margin: 15px;
    padding: 10px;
    border: solid 1px #f8f9fd;
    border-radius: 6px;
    background-color: #fafbff;
}
.pro-tea-img{text-align: center;}
.pro-tea-img img {
    height: 55px;
    margin-bottom: 10px;
}

.profile-sub-wrapper ul{
    display: flex;
    flex-wrap: wrap;
}
.profile-sub-wrapper ul li {
    margin: 4px;
    padding: 0 6px;
    color: #fff;
    background-color: #2196f3;
    border-radius: 2px;
    font-size: 13px;
}
.profile-sub-wrapper ul li label{margin-bottom:0px;}
.profile-sub-wrapper ul li .custom-checkbox {
    padding: 2px 5px;
}
.pro-sub-tea-item .custom-checkbox .custom-control-label::before, 
.pro-sub-tea-item .custom-checkbox .custom-control-label::after {
    top: 50%;
    transform: translateY(-50%);
    border-color: #fff;
}
.academic-adv-setting .custom-control{
    margin-bottom: 5px;
    padding-left: 0;
    margin-right: 20px;
}
.academic-adv-setting .custom-control label{margin-bottom:0px;margin-left:5px;}
.pro-timetable{
    font-size: 12px;
}
table th, table td {
    padding: 10px !important;
    vertical-align: middle !important;
}
.px-05{
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.btn.btn-profile-pic-upload {
    padding: 0px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #ad302f;
    width: 24px;
    height: 24px;
    border-radius: 30px;
    color: #fff;
    border: solid 1px #d55c2a;
    cursor: pointer;
    line-height: 22px;
}
.cre-stu-code{
    margin-top: 5px;
    color:#bd3f22;
    margin-bottom: 0;
}
.assgn-share-sec {
    background-color: #fbfbfb;
    margin-bottom: 10px;
    padding: 20px 15px 20px 15px;
    border: solid 1px #f9f9f9;
    border-radius: 4px;
}
.countdown-wrapper {
    font-family: 'Changa', sans-serif;
    display: flex;
    position: fixed;
    right: 60px;
    top: 165px;
    padding: 5px;
    background-color: #dc6430;
    min-width: 70px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    z-index: 2;
}
.countdown{
    padding-left: 5px;
    min-width: 50px;
}
.countdown-wrapper i{line-height: 25px;}
.test-hdr {
    padding-right: 120px;
}
.test-rule-list {
    margin-top: 10px;
    border-top: dashed 1px #eee;
    padding-top: 10px;
}
.test-rule-list li {
    display: flex;
    margin-bottom: 5px;
}

.test-rule-title {
    min-width: 100px;
    position: relative;
    padding-right: 10px;
    width: 100px;
}

.test-rule-title::after {
    content: ":";
    position: absolute;
    right: 0;
    top: 0;
}
.test-rule-details {
    padding-left: 10px;
    color: #333;
    font-size: 13px;
}
.test-attempt-content .custom-control-label {
    line-height: 22px;
}
.test-attempt-content .custom-control{padding-left:20px}
.test-attempt-content .custom-control .custom-control-label:before,
.test-attempt-content .custom-control .custom-control-label:after{
left:-20px!important;
top: 4px;
}
.goTop {
    display: none;
    position: fixed;
    bottom: 55px;
    width: 37px;
    height: 37px;
    border: 1px solid #6078d6;
    z-index: 1;
    border-radius: 100px;
    text-align: center;
    line-height: 35px;
    font-size: 15px;
    color: #676ad0;
    cursor: pointer;
    right: 50px;
    background-color: rgba(227, 237, 255, 0.5);
}
.table-group-list i{
color:#777
}
.master-email-list{margin-top:10px;}
.master-email-list li{
    position:relative;
    border-top:dashed 1px #eee;
    padding:5px 0px 5px 20px;
}
.master-email-list li:first-child{
    border:0;
}
.master-email-list li::before {
    font-family: feather !important;
    font-style: normal;
    font-weight: 400;
    content: "\e974";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #ad302f;
    left:0;
}
.master-email-list li a{width:calc(100% - 40px)}

.sub-user-list{margin-top:10px;}
.sub-user-list li{
    position:relative;
    border-top:dashed 1px #eee;
    padding:5px 0px 5px 0px;
}
.sub-user-list li:first-child{
    border:0;
}
.sub-username{position:relative;display:block;padding-left:20px}
.sub-user-list li .sub-username::before {
    font-family: feather !important;
    font-style: normal;
    font-weight: 400;
    content: "\e9d7";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    left:0;
}
.sub-password{position:relative;display:block;padding-left:20px}
.sub-user-list li .sub-password::before {
    font:normal normal normal 16px/1 LineAwesome;
    content: "\f255";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    left:0;
}
.sub-user-list .sub-account-details {
    width: calc(100% - 70px);
    display: inline-block;
}
.sub-ac-edit {
    float: right;
}
.admin-timetable-table td, 
.admin-timetable-table th
{position: relative;text-align: center;min-width:95px}
.tt-action-th,
.tt-action-td{min-width:70px!important}
.admin-timetable-table th .custom-checkbox {
    padding: 0;
    margin: 0 !important;
    float: left;
    position: absolute;
    left: 25px;
}
.admin-timetable-table td{font-size: 12px;}
.timetable-placeholder {
    border: dashed 1px #ddd;
    display: inline-block;
    cursor: pointer;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 2px;
}
.unit-dlt-span {
    padding: 0px 5px;
}
.tch-period-item {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: solid 1px #f9f9f9;
    font-size:12px;
}
.tch-period-item:last-child{
    border-bottom:0;
}
.d-table-cell.align-middle.tch-period-sub {
    width: 130px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}
.timet-sub {
    font-weight: 600;
    color: #333;
}

.day-off-span {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    background-color: rgba(230, 230, 230, 0.3);
    height: 100%;
}
.table-responsive{position: relative;padding:0px 1px;}
.ps-container > .ps-scrollbar-x-rail{opacity: 0.3!important;}
.ps-container:hover .ps-scrollbar-x-rail{opacity: 0.6!important;}
.fc-event, .fc-event-dot {
    background-color: #3a87ad;
}
.fc td{
    padding: 0px!important;
}
.event-title{
    padding: 3px 10px;
    border-bottom: solid 1px #f9f9f9;
    margin-bottom:5px;
    display: inline-block;
    width: 100%;
}
.popover-event-date{
    color:#666;
    font-size: 11px;
    padding-top:2px;
    display: inline-block;
}
.popover-event-time{float:right; font-size: 11px;padding-top:2px;color:#666;}
.event-detail-p{
    padding: 3px 10px;
    min-width: 200px;
    margin-bottom:0;
}
.ev-go-post{
    display: inline-block;
    width: 100px;
    margin-top: 3px;
    padding: 3px 10px;
    border-top:solid 1px #f9f9f9;
}
.fc-event, .fc-event-dot {
    background-color: #d95f2c;
    border-color:#d95f2c!important
}



/* 27.06.2020 */
/* .filter-option-inner changes line 371 */
/* .prev-test-list-spec changes line 735 */
.text-red{color:#fa626b !important}
.add-sub-cla-content {
    padding: 15px;
    background-color: rgba(251, 251, 251,0.3);
    margin-bottom: 25px;
    border-radius: 6px;
    border: dashed 1px #eee;
}
.select2-container .select2-search--inline .select2-search__field{margin-top:2px!important}
.select2-container--classic .select2-selection--multiple, 
.select2-container--default .select2-selection--multiple{
    border-color:#babfc7!important
}

.btn-success.disabled, .btn-success:disabled{
    background-color: #f9f9f9;
    color:#333;
    border: solid 1px #f1f1f1;
    pointer-events: none;
    cursor: not-allowed;
}
.assign-summery-content{
    padding-left: 15px;
    font-weight: 600;
}
.assign-marks-img{width:70px;height: 70px;border-radius: 100px;margin: auto;overflow: hidden;}
.assign-marks-img img {
    height: 70px;
}
.marks-input-wrap {
    padding: 0px 10px;
    width: 100px;
}
.marks-divider {
    position: relative;
    width:20px;
}
.marks-divider::after {
    content: "/";
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 30px;
    color: #ccc;
    font-weight: 300;
    left: 50%;
}
.assign-stu-message{
    text-align:center;
    padding: 10px;
    margin:15px 0px;
    border:dashed 1px #eee;
    background-color: #fbfbfb;
}
.skill-level {
    background-color: #f9f3ee;
    text-align: center;
    padding: 2px 1px;
    margin-top: 3px;
    border-radius: 2px;
    border: solid 1px #f9ebdf;
}
.add-skills-radio{text-align: center;}
.add-skills-radio .custom-radio {
    padding: 0px;
    margin: 10px 20px;
}
.add-skills-radio .custom-control-label::before,
.add-skills-radio .custom-control-label::after{
    display: none;
}

.add-skills-radio .custom-radio .custom-control-label {
    background-color: #fff;
    display: inline-block;
    width: 65px;
    height: 65px;
    border-radius: 100px;
    text-align: center;
    line-height: 59px;
    border: 3px solid ;
    font-size: 25px;
    font-weight: 600;
}
.add-skills-radio .custom-radio:nth-child(1) .custom-control-label{
    color: #FFCC33
}
.add-skills-radio .custom-radio:nth-child(2) .custom-control-label{
    color: #0099CC
}
.add-skills-radio .custom-radio:nth-child(3) .custom-control-label{
    color: #009933
}
.add-skills-radio .custom-radio:nth-child(1) .custom-control-input:checked ~ .custom-control-label{
    background-color: #FFCC33;
    color: #fff;
    border-color: rgba(0, 0, 0, 0.1);
}
.add-skills-radio .custom-radio:nth-child(2) .custom-control-input:checked ~ .custom-control-label{
    background-color: #0099CC;
    color: #fff;
    border-color: rgba(0, 0, 0, 0.1);
}
.add-skills-radio .custom-radio:nth-child(3) .custom-control-input:checked ~ .custom-control-label{
    background-color: #009933;
    color: #fff;
    border-color: rgba(0, 0, 0, 0.1);
}
.endors-item{
    width:100%;
}
.endors-item-inner {
    padding: 3px 10px;
    font-size: 13px;
}
.endors-skill-count .badge{
    padding: 3px 5px !important;
    bottom: unset !important;
}

.endors-admin-title .badge[class*="badge-"] [class*="icon-"] ~ span, .badge[class*="badge-"] span{
    bottom: unset!important;
}
.endors-admin-title .avatar img {
    max-width: unset;
    border: 0;
    border-radius: 1000px;
    width: 24px;
    height: 24px;
}
.endorsed-admin-img{width:60px;}
.endorsed-admin-img a {
    width: 50px;
    height:50px;
    border-radius:100px;
    overflow:hidden;
    display:inline-block;
}
.endorsed-admin-img img {
    width: 50px;
    min-height:50px;
    height: auto;
}
.data-endorsed-item{
    padding: 10px 0px;
    border-top:dashed 1px #eee
}
.data-endorsed-item:first-child{
    border-top:0px;
}
.endorse-other-details {
    font-size: 12px;
    line-height: 20px;
    width: calc(100% - 160px);
    display: inline-block;
}
.remove-endorsed {
    float: right;
}
.remove-endorsed .btn {
    font-size: 11px;
    padding: 3px 10px;
    position: relative;
}
.recent-endorsed-list h6{
    padding-bottom:4px;
}
.recent-endorsed-date-time {
    font-size: 11px;
}

.error-lst ul{
padding-left:20px;
font-weight:100px;
}


.assgin-selected-count {
    position: absolute;
    bottom: -25px;
    left: 20px;
}

.file-uploaded-confirmation {
    min-height: 150px;
    border: 2px solid rgba(0, 0, 0, 0.3);
    background: white;
    padding-top: 30px;
    text-align: center;
}
.file-uploaded-confirmation h2{
    line-height: 30px;
}
.file-uploaded-confirmation i.ft-thumbs-up{
    font-size: 40px!important;
}
.publist-back-upload {
    margin-top: 20px;
    padding: 20px;
    border-top: dashed 1px #eee;
    display: flex;
    justify-content: space-between;
    background-color: rgba(251, 251, 251, 0.5);
}
.back-to-upload {
    width: 140px;
}
.publish-uploaded-file .btn{
    margin-top:4px;
}
.video-shareModal ul{
    max-height:150px;
    overflow: auto;
}

.uploaded-file-name {
    color: #333;
}

.studnt-list-badge-assign img {
    border-radius: 100px;
    height: 35px;
    position: relative;
    margin-right:10px;
}
.studnt-list-badge-assign .zone-table-img {
    width: 40px;
    padding-right: 20px;
}
.studnt-list-badge-assign .form-check-input {
    position: absolute;
    margin-top: 1.3rem;
    margin-left: -1.25rem;
}
#toggleMessage {
  
}
#box {
  display:none; /* Needed to initally hide element */
}



.data-gmember-item {
    padding: 10px;
    border: dashed 1px #eee;
    margin-bottom:15px;
    border-radius: 5px;
}
.students-gmember-ul .data-gmember-item {
    margin-bottom:30px;   
}
.gmember-admin-img {
    width: 60px;
}
.gmember-admin-img a {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    overflow: hidden;
    display: inline-block;
}
.gmember-admin-img img {
    width: 50px;
    min-height: 50px;
    height: auto;
}
.gmember-other-details {
    font-size: 12px;
    line-height: 20px;
    padding-right:15px;
}
.remove-gmember{padding-left:15px;text-align:right}
.remove-gmember .btn {
    font-size: 11px;
    padding: 3px 10px;
    position: relative;
}
.tags-wrapper{
    display: flex;
    flex-wrap: wrap;
}
.tags-wrapper .tag-span {
    background-color: #fff;
    border: solid 1px #0089ff;
    color: #0089ff;
    margin:3px;

}
.btn-green {
    color: #fff;
    background-color: #5ed84f;
}
.btn-green:hover {
    background-color: #4dc13f;
    color: #fff;
}
.insti-details-item{
    margin:5px 0;
    display: inline-block;
    width:100%;
}
.insti-details-list-title {
    white-space: nowrap;
    width: 140px;
    color: #999;
}
.insti-details-list-spec {
    color: #555;
    padding-left:15px;
}
.insti-infra-details li {
    border-top: solid 1px #f9f9f9;
    padding: 4px 0px;
}
.insti-infra-details li:first-child{
    border:none
}
.notice-attached-dlt {
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
}

.eveluate-header {
    color: #888;
    font-size: 11px;
    font-weight: 500;
    display: flex;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-left: 5px;
}
.modal-student-name {
    font-weight: 500;
    color: #ad302f;
    font-size: 13px;
    margin-right: 10px;
}
.modal-student-grade {
    margin-right: 10px;
    position: relative;
}
.modal-student-grade::after {
    position: absolute;
    right: -7px;
    content: "/";
    color: #ccc;
}
.modal-total-attempted {
    font-size: 11px;
    line-height: 20px;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-right: 5px;
}

.eveluate-marks {
    margin: 5px 0px 10px 0px;
    display: inline-block;
}
.eveluate-marks .form-control {
    width: 45px;
    display: inline-block;
    padding: 0px;
    border: solid 1px #f38e4b;
    color: #e8a171;
    text-align: center;
    height: auto;
    line-height: 20px;
}
.eveluate-marks span {
    position: relative;
    padding-left: 10px;
    margin-left: 4px;
    line-height: 30px;
    color:#333;
}
.eveluate-marks span::after {
    content: "/";
    position: absolute;
    height: 100%;
    color: #000;
    left: 0;
    top: -7px;
}
.evaluate-note {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: -3px;
}
.evaluate-note .btn {
    padding: 3px 7px;
    font-size: 10px;
}
.evaluate-btn{position: relative;}
.evaluate-btn.evelueted {
    margin-right: 13px;
}
.evaluate-btn.evelueted::after {
    content: '\f17b' !important;
    font-family: LineAwesome;
    font-weight: 900;
    color: #4caf50;
    position: absolute;
    right: -17px;
}
.chat-attachment-wrapper {
    margin-top:10px;
    margin-bottom: 10px;
}
.chat-attachment-item {
    position: relative;
    margin: 0px 2px;
    border: solid 1px #fff;
    background-color: rgba(255,255,255,0.3);
    overflow:hidden
}
.chat-attachment-item .btn {
    padding: 7px 15px;
}
.chat-attachment-item .btn i {
    color: #666;
    font-size: 25px;
}
.chat-left .chat-user-name{text-align:left;margin: 3px 0px 6px 18px;}
.chat-user-name {
    margin: 3px 18px 6px 0px;
    font-weight: 600;
    text-align:right;
    font-family: 'Rubik', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.chat-attachment-item:focus .chat-attachment-download,
.chat-attachment-item:active .chat-attachment-download,
.chat-attachment-download {
    position: absolute;
    bottom:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255,1);
    color: #fff;
    transition: all 0.4s;
    opacity: 0;
    display: none;
}
.chat-attachment-download i{color:#333!important}
.chat-attachment-item:hover .chat-attachment-download{
opacity: 1;
display: block;
}
.chat-attachment-item.chat-attachment-img {
    min-width: 100px;
    text-align: center;
}
.chat-attachment-download i{
    font-size: 18px!important;
}


.read .chat-time {
    padding-right: 10px;
    width: 100%;
    position: relative;
}
.chat-content.read .chat-time:after {
    content: "\f17b"!important;
    position: absolute;
    right: -5px;
    bottom: 0px;
    color: #28ae18;
    font-family: LineAwesome;
    font-size: 11px;
    text-shadow: 0px 1px 0px #28ae18;
}
.library-attch-list.dash-assign-attachment li{margin-right:30px}

.app-content.center-layout, 
html body .content.app-content{
overflow-y: visible!important;
}

.create-new-course-btn {
    margin: 0px 0px 40px 0px;
}
.dataTables_wrapper table {
    display: table!important;
}
.event_date_timing {
    font-size: 11px;
    color: #333;
    margin-bottom: 5px;
    display: inline-block;
}
.dash-notice-content {
    margin-top: 10px;
}
.dash-notice-title {
    padding-bottom: 5px;
    border-bottom: dashed 1px #eee;
}

.unit-dlt-span {
    padding: 0px 5px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}
.sub-sec-title {
    width: calc(100% - 30px) !important;
    display: inline-block;
    line-height:normal;
}
.acco-item-subtitle .badge {
    padding: 4px 6px;
    font-size: 11px;
}
.acco-item.level2 {
    width: calc(100% - 23px);
}
.assessment-filter{min-height:25px}
.assessment-filter .form-check{margin-bottom:5px;font-size:13px;color:#888;}
.assessment-filter .form-check input {
    top: 50%!important;
    transform: translateY(calc(-50% - 0.3rem))!important;
}
/* .btn-outline-primary {
    color: #ad302f!important;
    border-color: #ad302f!important;
} */
.mod-video-title {
    color: #333;
    font-weight: 600;
}
/* .btn-outline-primary:hover {
    background-color: #ad302f !important;
    border-color: #ad302f !important;
} */
.flatpickr-calendar{
    transform: scale(0.9)!important
}
.dash-assign-attachment .btn {
    font-size: 11px;
}
.imgThumb {
    width: 100px;
    height: 50px;
    text-align: center;
    padding: 15px;
    background-size: cover;
    margin-top: 3px;
}
.library-item-name-date {
    width: 150px;
}
.popover-header{
    font-size: 13px;
    border-bottom: solid 1px #f1f1f1;
}
.atendance-list-popover {
    min-width: 200px
}

.atendance-list-popover li {
    padding: 3px 0px;
    border-top: dashed 1px #ddd;
}
.atendance-list-popover li:first-child{border-top:0;}
.unit-list-title-stu{
min-height:38px;
}
.switchery{border-color:#ccc}
.header-navbar .navbar-container ul.nav li > a.nav-link {
    font-size: 1rem;
}
.header-navbar .navbar-container ul.nav li i.ficon {
    font-size: 1.2rem;
}
.header-navbar .navbar-container ul.nav li a.menu-toggle i {
    font-size: 1.3rem;
}
.badge-checkbox{padding-left:0px}
.badge-checkbox .custom-control-label::after, 
.badge-checkbox .custom-control-label::before{
    top: 50%;
    transform: translateY(-50%);
}
.tag-view{
    position: relative;
    padding-right:20px;
}
.tag-view .tag-x {
    position: absolute !important;
    top: calc(50% - 1px);
    transform: translateY(-50%);
    right: 10px;
    width: 10px;
    cursor: pointer;
    text-align: center
}

.earned-badges-list ul {
    display: flex;
    flex-wrap: wrap;
}
.earned-badges-list ul li{
    margin: 15px;
    position: relative;
    text-align: center;
}
.earned-badges-list ul li figure{margin:0px;border-radius: 100px;overflow: hidden;}
.earned-badge-count {
    position: absolute;
    top: 0px;
    right: -5px;
    padding: 3px;
    background-color: #fff;
    border-radius: 100px;
    font-size: 11px;
    line-height: normal;
    font-weight: 600;
    min-width: 26px;
    min-height: 26px;
    text-align: center;
}
li.earned-badge-positive .earned-badge-count{
    border: solid 3px #00b444;
    color: #00b444;
}
li.earned-badge-negative .earned-badge-count{
    border: solid 3px #ba2214;
    color: #ba2214;
}
.earned-badges-list ul li img{
    height:65px;
}
.earned-badge-name {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: #555;
}
.text-black-10{
    color: rgba(0, 0, 0, 0.1);
}
.pagination .page-link{color:#666}
.header-navbar .navbar-container .dropdown-menu-media .media-list .media{
    line-height: normal;
    padding:7px 10px;
}
.header-navbar .navbar-container .dropdown-menu-media .media-list .media-body{
    padding-right:20px!important;
    position:relative;
}
.delete-notification {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity:0;
    transition: all 0.5s;
}
.header-navbar .navbar-container .dropdown-menu-media .media-list .media:hover .delete-notification{opacity:1;}
.header-navbar .navbar-container .dropdown-menu-media .media-list .media .media-heading{
    font-size: 12px;
    margin-bottom:3px;
}
.header-navbar .navbar-container .dropdown-menu-media .media-list .media .notification-text.font-small-3{
    font-size: 11px!important;
    margin-bottom: 2px;
    font-weight:500;
}
.header-navbar .navbar-container .dropdown-menu-media .media-list .media time{
    font-size: 10px;
}
/* start css added by santosh*/
.text-green{
    color:#5ed84f !important;
}
.hide-div{
    display:none;
}
/* end of css added by santosh*/
.disabled-playlist {
    pointer-events: none;
    filter: grayscale(100) opacity(0.5);
    position: relative;
}
.disabled-playlist:after{
    position: absolute;
    content:"";
    width:100%;
    height: 100%;
    left:0;
    top: 0;
}
.menu-open .close-navbar.mobile-close-navbar {
    position: absolute;
    right: 200%;
    width: 300%;
    height: 100%;
    top: 0;
    left: 0;
}
.navigator-card-columns .card-header {
    border-bottom: solid 1px #eee;
    padding: 10px 15px !important;
    background-color: rgba(219, 219, 219, 0.15);
}
.navigator-card-columns .card-header h6{
    letter-spacing: 0.5px;
    font-family: 'Muli',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
}
.navigator-card-columns .card-header h6 i{color:#888;font-size: 1rem;}
.navigator-card-columns li a {
    color: #222;
    display: block;
    padding: 6px 0 6px 35px;
    position: relative;
    transition: all 0.7s;
    border:dashed 1px #eee;
    margin:4px 0px;
    line-height: normal;
    border-radius: 3px;
    overflow: hidden;
}
.navigator-card-columns li a:hover {
    border-color: #f9e6e6;
    background-color: #fffaf8;
}
.navigator-card-columns li a span{transition: all 0.7s;color:#777;}
.navigator-card-columns li a:hover span{color:#444;}
.navigator-card-columns li a:before{
    content:"";
    position: absolute;
    left: 0;
    background-color: #f9f9f9;
    width: 30px;
    height: 100%;
    transition: all 0.7s;
   top: 0;
}
.navigator-card-columns li a:after{
    content: "\f268";
    font-family: LineAwesome;
    position: absolute;
    left: 15px;
    transition: all 0.7s;
    color: #333;
    top: 50%;
    transform: translateX(-50%);
    line-height:0;
}
.navigator-card-columns li a:hover:before{
    background-color:#ae2e2d;
}
.navigator-card-columns li a:hover:after{
    color:#fff;
}
.d-sec-275{height:275px;position: relative;}
.wall-assign-status,
.assigment-download-time{
    font-size: 11px;
    line-height: normal;
    color:#999;
}
.assigment-download-time{padding-left: 10px;}
.assign-cou {
    padding-bottom: 7px;
}
.d-assign-list-wrapper{
    font-size: 12px;
    position: relative;
}
.d-assign-title {
    font-weight: 600;
    display: inline-block;
    padding-bottom: 5px;
    font-size: 14px;
    font-family: rubik;
    letter-spacing: 0.3px;
    color: #50515b;
}
.dashboard-body li {
    padding: 7px 0px;
    border-top: dashed 1px #ddd;
}
.dashboard-body li:first-child,
.d-assign-list-wrapper li:first-child{border:0;padding-top: 0;}
.d-class-date {
    padding-right: 10px;
}
.d-class-date-timing a {
    font-size: 12px;
    font-weight: 600;
}
.d-class-actions .btn{padding:3px 4px}
.d-class-name {
    color: #134a7f;
}
.d-test-date-timing .d-class-name {
    font-size: 11px;
    line-height: normal;
    padding:3px 0px;
}
.d-class-actions{
    padding-top:4px;
    line-height:normal;
}
.d-test-title{
    font-size: 13px;
    font-weight:600;
    line-height: normal;
    padding: 3px 0;
}
.d-event-date-timing{
    font-size:11px  
}
.d-test-date-timing{
    font-size:12px
}
.d-event-desc{
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:12px;
    color:#999;
}
.d-updates-height{
    height: calc(100% - 1.875rem);
}
.new-student-img {
    width: 50px;
}
.new-student-img a {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    overflow: hidden;
    display: inline-block;
}
.new-student-img img {
    width: 40px;
    min-height: 40px;
    height: auto;
}
.missed-updates-item {
    font-size: 12px;
    line-height: 18px;
}
.missed-badge-date-time{font-size:11px;}
.text-black{color:#333}
.d-active-stu{line-height: normal;}
.d-stu-class {
    font-size: 11px;
    color: #666;
}
.most-active-student-wrapper .custom-ol li {
    padding:10px 5px 10px 33px;
    position: relative;
    counter-increment: my-awesome-counter;
    border-top:dashed 1px #eee!important;
    border:none;
    margin:0;
}
.most-active-student-wrapper .custom-ol li:first-child{border:0!important}
.most-active-student-wrapper .custom-ol li::before {
    content: counter(my-awesome-counter) ". ";
    font-weight: bold;
    position: absolute;
    left: 0px;
    color: #ccc;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%);
    border-right: solid 2px #eee;
    padding-right: 5px;
}
.d-active-stu-code {
    font-size: 11px;
    color: #999;
}
.dash-test-sub{
    font-size: 13px;
    line-height: normal;
}


    



/* Dashboard CSS */
.slick-slide{cursor:grab}
.dash-card{border-radius: 12px;height: calc(100% - 30px);overflow: hidden;}
.dash-card .media-body .card__small {
    font-size: 13px;
    color:#bcbbc8;
    display: block;
    font-weight: 600;
    padding-top: 3px;
}
.dash-card .media-body .h4{
    font-size: 17px;
    color: #444;
    font-family: 'Rubik', sans-serif;
    letter-spacing: 0.5px;
    font-weight: 500;
}
/* .dash-card .media i{
    color:rgba(226, 227, 244,0.5)
} */
.suggestion-cards-carousel .item.col{
    height:100%;
}
.nav-tabs.dash-topbar-tabs .nav-item.show .nav-link, 
.nav-tabs.dash-topbar-tabs .nav-link.active {
    color: #fff;
    border-width:0px 0px 2px 0px;
    border-color:#fff;
    border-radius:0px!important;
    background-color: transparent;
}
.nav-tabs.dash-topbar-tabs .nav-link {
    color: rgba(255, 255, 255,0.8);
    font-weight:bold;
    border-bottom:2px solid transparent;
    padding: 1rem 0.8rem 1rem 0.8rem !important;
    font-size: 0.9rem !important;
}
.dash-card-img {
    position: absolute;
    left: 0;
    width: 100px;
    height: 100px;
    padding: 15px;
    bottom:0;
}
.dash-card-img img{
    max-width: 100%;
    max-height: 100%;
    opacity:0.35;
}
.dash-card .media-body .btn.round{
    padding: 8px 20px;
}
.module-list-image img {
    height: 50px;
}
.line-height-normal{
    line-height:normal
}
.module-main-card .progress{
    position: absolute;
left: 11px;
bottom: 0px;
width: 80%;
height:3px!important
}
.item.current-module .card {
    background-color: #fff;
    border: solid 1px rgba(0, 0, 0, 0.06);
}
.item.completed-module .card {
    background-color: #f3fff1;
    border: solid 1px #e8f8ea;
}
.item.upcoming-module .card {
    background-color: rgba(0, 0, 0, 0.01);
    border: solid 1px #eee;
    filter: grayscale(1);
}

.item .card .card-header .badge{margin-top:5px;}
.module-card-carousel .item .card .progress{
    position: relative;
    bottom: unset;
    margin-bottom: 10px !important;
    height: 5px !important;
    left: 0;
    width: 100%;
}
.module-card-carousel .item .card .card-header{padding-bottom:0px!important;padding-left: 40px;padding-right: 40px;}
.activity-bars-wrapper{
    height:60px;
    position: relative;
}
.activity-bars-wrapper .activity-bar{
    height: 100px;
    position: absolute;
    left: -20px;
    bottom: -35px;
    opacity: 0.8;
    width: calc(100% + 40px);
    right: -20px;
}
.activity-bars-wrapper .ct-label {
    fill: rgba(255, 255, 255, 0.5);
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.75rem;
    line-height: 1;
}
.activity-bars-wrapper .ct-series-a .ct-point, 
.activity-bars-wrapper .ct-series-a .ct-line, 
.activity-bars-wrapper .ct-series-a .ct-bar, 
.activity-bars-wrapper .ct-series-a .ct-slice-donut {
    stroke: #fff;
}
.activity-bars-wrapper .ct-series-a .ct-slice-pie, 
.activity-bars-wrapper .ct-series-a .ct-area {
    fill: #fff;
}
.chartist-tooltip{z-index:999;}
.activity-btn-wrapper {min-width:100px;}

.activity-btn-wrapper .dropdown .dropdown-menu .dropdown-item {
    width: 100%;
    padding: 0px 20px;
}
.activity-btn-wrapper .dropdown.bootstrap-select{
    border-radius: none!important;
background-color:transparent!important;
}

.activity-list-img img {
    height: 50px;
    padding: 5px;
}
.activity-list-item {
    padding: 10px;
    border-radius: 8px;
    background-color: rgba(155, 122, 254,0.05);
    margin:10px 0px;
}
.activity-list-item:first-child{margin-top:0px;}
.activity-list-title {
    width: calc(100% - 60px);
}
.activity-users-list {
    margin-top: 10px;
}
.alphabate-avatar {
    border: 2px solid #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(107,111,128,.3);
    box-shadow: 0 2px 10px 0 rgba(107,111,128,.3);
    width: 32px;
    height: 32px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    background-color: #444;
    color: #fff;
    line-height: 29px;
}
.activity-card-height{
    max-height:220px;
}



div.course-progress-bar {
    text-align: center;
    height: 30px;
    width: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute;
    left:10px;
    top:10px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
   -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.course-progress-bar div {
    position: absolute;
    height: 30px;
    width: 30px;
    border-radius: 50%;
}
.course-progress-bar div span {
    position: absolute;
    font-family: sans-serif;
    font-size: 8.35px;
    line-height: 26px;
    height: 26px;
    width: 26px;
    left: 2px;
    top: 2px;
    text-align: center;
    border-radius: 50%;
    background-color: #ffffff;
    color: black;
}
.course-progress-bar .background {
    background-color: #b3cef6;
}
.course-progress-bar .rotate {
    clip: rect(0 15px 30px 0);
    background-color: #4b86db;
}
.course-progress-bar .left {
    clip: rect(0 15px 30px 0);
    opacity: 1;
    background-color: #b3cef6;
}
.course-progress-bar .right {
    clip: rect(0 15px 30px 0);
    transform: rotate(180deg);
    opacity: 0;
    background-color: #4b86db;
}
@keyframes toggle {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.student-performance-image img {
    height: 21px;
}
.up-per-circle, .down-per-circle {
    display: inline-block;
    font-size: 12px;
    line-height:normal;
    color: #333;
    font-weight: 600;
    max-width:50%;
}
.up-per-circle .d-block, .down-per-circle .d-block{
    padding-top: 7px;
    font-size: 11px;
}
.up-per-circle figure, .down-per-circle figure{
    position: relative;
}
.up-per-circle img,.down-per-circle img {
    width: 50px;
    filter: drop-shadow(1px 2px 1px rgba(0,0,0,0.15));
}
.up-per-circle i,.down-per-circle i {
    position: absolute;
    left: 50%;
    font-size: 20px;
    transform: translate(-50%,-50%);
    text-shadow: 0px 3px 2px rgba(0,0,0,0.2);
}
.up-per-circle i{top: calc(50% + 2px);}
.down-per-circle i{top: calc(50% - 2px)}
.up-per-circle i{
    color:#4ac43b;
}
.down-per-circle i{
    color: #fd6774;
}
.cal-event-title {
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
}
.cal-event-description {
    font-size: 12px;
    line-height: normal;
    color: #999;
}
.cal-event-test-time {
    padding: 3px 15px;
    margin: 10px 2px 0px 0px;
    background-color: #f9f7fd;
    border-radius: 5px;
    font-weight: bold;
    color: #333;
}
.cal-selected-date{
    padding:3px 15px;
    display: inline-block;
    margin-bottom: 3px;
}
.calander-list-item {
    margin: 10px;
    padding: 15px;
    background-color: #fbfcff;
    border-radius: 10px;
    border: solid 1px #f8f9ff;
}
.cal-event-scroll{
    max-height:340px;
    position:relative
}
.cd-event-scroll{
    max-height:340px;
}
.up-down-arrow{
    position: relative;
    top: -35px;
}
.pie-chart-div{
    height: 120px;
width: 99%;
overflow: hidden;
transform: translateY(-12px);
position: relative;
z-index: 0;
}
.pie-chart-title{
    position:relative;
    z-index: 1;
    font-weight: bold;
    color: #333;
    line-height: 18px;
}
.student-per-height{
    height: 170px;
}
.ft-trending-down span {
    font-size: 7px;
    position: absolute;
    bottom: -5px;
    right: 0px;
}
.ft-trending-up span {
    font-size: 7px;
    position: absolute;
    top: -6px;
    right: -2px;
}
.stu-performance-tabs .nav-link {
    padding: 6px 20px !important;
    border-radius: 100px !important;
    background-color: #f4f5fa;
    color: #444;
    margin:0px 7px 0 0;
    font-weight: 600;
    border: solid 1px #f3f4fa;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.stu-performance-tabs .nav-link.active {
    border: solid 1px transparent;
    -webkit-box-shadow: 0 7px 12px 0 rgba(62,57,107,.2)!important;
    box-shadow: 0 7px 12px 0 rgba(62,57,107,.2)!important;
}
.stu-performance-tabs .nav-item:first-child .active{
    background-color:#4ac43b !important;
}
.stu-performance-tabs .nav-item:last-child .active{
    background-color:#ff6576 !important;
}


.test-assgn-tabs .nav-link {
    padding: 6px 20px !important;
    border-radius: 100px !important;
    background-color: #f4f5fa;
    color: #444;
    margin:0px 7px 0 0;
    font-weight: 600;
    border: solid 1px #f3f4fa;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.test-assgn-tabs .nav-link.active {
    border: solid 1px transparent;
    -webkit-box-shadow: 0 7px 12px 0 rgba(62,57,107,.2)!important;
    box-shadow: 0 7px 12px 0 rgba(62,57,107,.2)!important;
}




.stu_per_item {
    padding:10px 15px;
    background-color: #fbfcff;
    border: solid 1px #f8f9ff;
    border-radius:7px;
    margin:10px 0px;
}
.stu_per_item .media-left{width:65px}
.stu-per-code{line-height:normal}
.stu_per_item .media-body .progress {
    margin: 5px auto;
    height: 3px !important;
    width: 96%;
}
.stu_per_other_outer{
    width:calc(50% - 6px);
    margin:3px;
    background-color:#fff;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
}
.stu_per_other_item{max-width:75px;width:100%; margin:0 auto;}
.stu_per_other img{height:35px}
.stu_per_other .up-per-circle, .stu_per_other .down-per-circle{max-width:none;}
.stu_per_other .up-per-circle i, .stu_per_other .down-per-circle i{font-size:13px;}
.stu_per_badges canvas {
    pointer-events: none;
}
.stu_per-lcard {
    flex-direction: column;
    text-align: center;
}
.sps-carousel-item{
    padding:0px 5px;
}
.sps-carousel-item [class*="col-"] {
    padding:10px 0px!important
}
/* .stu-per-stu-carousel .slick-list{padding:0px!important} */
.tab-pane.active {
    animation: slide-down 1s ease-out;
}

@keyframes slide-down {
    0% { opacity: 0; transform: translateY(0px); }
    100% { opacity: 1; transform: translateY(0); }
}
.stu_per_content {
    font-size: 11px !important;
    margin-top: 15px;
    font-weight: bold;
}
.stu_per_content .spc-item {
    max-width: 33%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.stu_per_content i {
    display: block;
    color: #dddfea;
    padding-bottom: 2px;
}
.activity-users-list {
    margin-top: 10px;
}
.attend_lec_name {
    color: #333;
    font-weight: 600;
}
.attend_lec_desc {
    font-size: 12px;
    line-height: normal;
    color: #999;
}
.stu_attendance_list{
    height:400px;
}
.stu_atten_right{
    width:75px;
    margin-left:auto
}
.stu_atten_left {
    width: calc(100% - 80px);
}
.stu_attend_item {
    padding: 10px;
    border-radius: 8px;
    background-color: rgba(155, 122, 254,0.05);
    margin: 10px 0px;
}

.test_avg_item .up-per-circle img, 
.test_avg_item .down-per-circle img {
    width: 100%;
    filter: drop-shadow(1px 2px 1px rgba(0,0,0,0.15));
}
.test_avg_item .up-per-circle i, .test_avg_item .down-per-circle i{
    font-size: 30px;
}
.test_avg_item .ft-trending-up span {
    font-size: 10px;
    position: absolute;
    top: -8px;
    right: -2px;
}
.avg_pass_marks {
    font-size: 30px;
    font-weight: bold;
    color: #4ac43b;
    padding: 18px !important;
    display: inline-block;
    text-shadow: 1px 3px 3px rgba(0,0,0,0.15);
}
.test-item-due {
    font-weight: 600;
    color: #5350bf;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.test-card-list-item {
    padding: 10px;
    background-color: rgba(255,255,255,0.5);
    border: solid 1px rgba(0,0,0,0.05);
    border-radius: 10px;
    margin: 10px 0px;
}
.test-card-list{
    max-height:240px
}
.test_avg_graph{
    max-width:100px
}

.tab-content>.tab-pane {
    height: 0px;
    overflow: hidden;
    display: block;
    visibility: hidden;
  }
  .tab-content>.active {
    height: auto;
    overflow:visible;
    visibility: visible;
  }
  .dash-chat-scroll{height:240px;position:relative}
  .chat-body .basic-addon3{
      cursor: pointer;
  }
  .new-chat-available{position:relative}
  .new-chat-available::after {
    content: "";
    position: absolute;
    right: 2px;
    top: -2px;
    width: 9px;
    height: 9px;
    border-radius: 20px;
    background-color: #f76a71;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.new-unread-chat{
    font-weight:700
}
.card.disc-main-content{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
    z-index: 1;
}
.card.disc-reply-card {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.4+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#66ffffff',GradientType=0 ); /* IE6-9 */
}
.card.disc-reply-card .card-body{
    background-image: linear-gradient(rgb(244, 245, 250), rgb(255, 255, 255));
}
.card.disc-reply-card .chat-application{
    border-top: solid 1px #f1f1f1;
}
.disc-item-header i {
    font-size: 15px !important;
}
.reply-input-span .form-control {
    border-width: 0;
    border-radius: 0px;
    background-color: transparent;
}
.disc-item-title h6 {
    font-weight: bold;
    font-size: 15px;
    font-family: 'Rubik', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.disc-item-title h6 a{color:#50515b}
.disc-item-title p .disc-item-span {
    font-size: 12px;
    color: #999;
}
.disc-item-options .btn{padding:5px;margin:0px;font-weight:bold}
.disc-item-options .btn i {
    font-size: 2rem;
}
.dash-discussion-list {
    height: 280px;
    position:relative;
}
.dash-feedback-content{
    font-size: 12px;
    line-height: normal;
    color: #666;
}
.dash-discussion-list > .ps-scrollbar-x-rail, 
.dash-discussion-list > .ps-scrollbar-y-rail {
    z-index: 3;
}
.dash-rating-wrapper span i{
    font-size: 13px;
    color:#ccc;
}
.feedback-list-item {
    margin: 10px 0px;
    padding: 15px;
    background-color: #fbfcff;
    border-radius: 10px;
    border: solid 1px #f8f9ff;
}
.feedback-list-wrapper{
    position:relative;
    height:280px;
}

.live-session-list {
    margin-top: -10px;
}

.live-session-list h6{
    font-family: 'Rubik', sans-serif;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1px;
}
.live-session-item.card {
    padding:25px;
    border-radius: 10px;
    line-height:normal;
    margin-bottom:15px;
    border-left: solid 5px;
}
.livesession-time {
    padding-right: 10px;
    border-right: solid 1px #e0e1e8;
    margin-right: 10px;
    font-family: 'Rubik', sans-serif;
}
.livesession-time .lstime-span{
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #50515b;
}
.livesession-time span{
    font-weight:600;
}
.sd-tch-name,
.ls-tch-name-span,
.ls-date-span{
font-family: 'Rubik', sans-serif;
font-weight: 700;
text-transform: uppercase;
color: #50515b;
}
.livesession-actions .btn {
    padding: 3px;
    margin: 0px 3px;
}
.ls-count-span {
    font-weight: 600;
    color: #50515b;
    padding-left: 3px;
}
.live-session-item.pastsession{
    opacity: 1;
    filter: grayscale(1);
    transition:all 0.7s;
}
.live-session-item.pastsession button:first-child{pointer-events: none;}

.sessionplus30{border-color:#FF7431!important}
.sessionbelow30{border-color:#5E66E5!important}
.sessiontoday{border-color:#0FB365!important}
.cancelledsession{border-color:#F50057!important}
.cd-other-left span {
    font-size: 12px;
    color: #999;
    padding-top: 3px;
    display: inline-block;
    width: 100%;
}
.session-details-card h5{
    font-family: 'Rubik', sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin-bottom: 10px;
    padding: 7px 10px;
    border-radius: 6px;
    position:relative;
}
.session-details-card h5 .btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 3px 7px;
}
.sd-tch-img .avatar{width:50px;}
.livesession-start .btn {
    height: 30px;
    padding: 5px 15px;
}
.sd-tch-name{
    font-size: 12px;
    margin-top: 4px;
    font-weight: 600;
}
.cd-other-item {
    margin: 8px 0;
    line-height:normal
}
.cd-other-item h6{
    font-family: 'Rubik', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom:0px;
    letter-spacing: 1px;
    color: #50515b;
}
.font-rubik{
    font-family: 'Rubik', sans-serif;
}
.color-rubik{
    color: #50515b;
}
.diss-card-list-wrapper{
    min-height:400px;
    position:relative;
    max-height:calc(100vh - 150px);
    padding-right:10px;
}
.diss-card-list-wrapper .dash-dis-details{
    transition:all 0.7s;
}
.diss-card-list-wrapper .dash-dis-details:hover{
    transform: scale(0.9);
}
.new-dis-avail h6{
    display:inline-block;
    position: relative;
}
.new-dis-avail h6.font-rubik::after {
    content: "";
    position: absolute;
    right: -9px;
    top: -2px;
    width: 7px;
    height: 7px;
    border-radius: 20px;
    background-color: #f76a71;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.dash-dis-details h5 {
    font-family: 'Rubik', sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin-bottom: 10px;
    padding: 7px 10px;
    border-radius: 6px;
}
div.dds-item {
    padding: 6px 10px;
    margin: 4px;
    border: solid 1px rgba(246, 246, 251,0.7);
    border-radius: 4px;
    max-height: 70px;
    min-width: 75px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #999;
    background-color: rgba(246, 246, 251,0.3);
}
.dds-item .ls-count-span {display: inline-block;}
.dds-item i {
    font-size: 14px !important;
}
.enrollment-list-item{margin-bottom:10px;border-radius: 10px;}
.dds-item .dds-title {
    margin-bottom: 3px;
}
.enrollment-card-img {
    min-width: 180px;
    max-width: 180px;
}
.enrollment-card-img .enroll-stu-course {
    line-height: 13px;
}
.enrollment-card-img .enroll-stu-bar .progress {
    height: 4px !important;
    width: 90%;
    margin: 10px auto 0 auto;
        margin-bottom: 0px;
}
.enroll-img-wrapper {
    position: relative;
    display: inline-block;
}
.enroll-user-rank {
    position: absolute;
    top: 0px;
    right: -10px;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    font-size: 11px;
    line-height: 20px;
    font-weight: bold;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
    color: #fff;
}
.eod-item {
    padding: 0px;
    text-align: center;
    margin: 5px;
    color: #50515b;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    line-height: normal;
    max-width: calc(25% - 10px);
    min-width:180px;
}
.enroll-inner-count {
    font-size: 24px;
    font-weight: 700;
}
.enroll-badges-list {
    margin-top: 10px;
}
.enroll-badges-list li {
    margin: 5px;
    background-color: #fff;
    padding: 6px;
    border-radius: 7px;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
}
.enroll-badges-list li img {
    height: 32px;
}
.enrollment-other-details {
    width: 90%;
    margin-left: auto;
}
.enroll-last-update-item {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    font-size: 12px;
    padding: 3px 10px;
    margin-top: 5px;
    background-color: rgba(244, 245, 250,0.3);
    border-radius: 10px;
    border: solid 1px #f9f9f9;
}
.enroll-last-update-item a{
    color:#aaa;
}
.enroll-last-update-item a:hover{
    color:#777;
}
.dis-nav-tabs .nav-item .nav-link{
    border-right: solid 3px transparent;
    border-left: solid 3px transparent;
}
.dis-nav-tabs .nav-item .nav-link.active{
    background-color: #fff;
    border-right-color: #6768cd;
}
.dash-dis-details .card-body{padding:0px;}
.carri-short-details .progress{height: .3rem !important;}

.resource-cards-wrapper .card{overflow:hidden}
.resource-cards-wrapper .tags{display: inline-block;width:100%;margin-top: 5px;}
.resource-cards-wrapper .tags .badge {
    font-size: 10px;
    margin: 2px;
    float: left;
}
.resource-cards-wrapper .resourse-date {
    display: block;
    font-size: 11px;
    padding-top: 3px;
    color: rgba(255,255,255,0.9);
}
.resource-cards-wrapper .card-text{font-size:13px;margin-top: 10px;margin-bottom: 5px;}
.resource-cards-item:hover .card-img-overlay{
height:100%;
}
.resourse-card-rmore {
    color:#41aff1;
    font-weight: bold;
    text-decoration: underline;
    font-style: italic;
    text-transform: lowercase;
}
.resourse-card-rmore:hover{color:#41aff1}
.resource-cards-wrapper .card-img-overlay{
    top:unset;
    height:95px;
    transition: all 0.7s;
}
.overlay-transparent-black{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.8+71,0.9+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 45%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 45%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 45%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
}

.resource-likes-dislikes .radio input[type="radio"] {
    display: none;
  }
  
.resource-likes-dislikes .radio label {
    padding-left: 0;
    cursor: pointer;
  }
  
.resource-likes-dislikes .radio label:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 0px;
    line-height: 20px;
    text-align: center;
    font-family: 'Font Awesome 5 Free';
  }
  
.resource-likes-dislikes .resource-like-item .radio input[type="radio"]:checked+label::before {
    content: "\f164";
    color:#4ac43b;
    font-weight:600;
  }
  .resource-likes-dislikes .resource-like-item .radio input[type="radio"]+label::before {
    content: "";
    color:#fff;
    font-weight:400;
  }
  .resource-likes-dislikes .resource-dislike-item .radio input[type="radio"]:checked+label::before {
    content: "\f165";
    color:#fa626b;
    font-weight:600;
  }
  .resource-likes-dislikes .resource-dislike-item .radio input[type="radio"]+label::before {
    content: "\f165";
    color:#fff;
    font-weight:400;
  }
  .resource-like-item,.resource-dislike-item{font-size:12px;margin-right:10px}

  .resource-cards-wrapper .normal-res-card .resourse-date,
  .resource-cards-wrapper .vid-res-card .resourse-date {
    color: rgba(75, 76, 87,0.6);
}
.resource-likes-dislikes {
    margin-top: 5px;
    display: inline-block;
    width: 100%;
}
.vid-res-card .cd-banner-wrapper img{min-height:100%}
.resource-share-attach .btn{padding:0px 4px;margin:0px 3px;color: rgb(75, 76, 87);}
.img-res-card .resource-share-attach .btn{color:rgba(255, 255, 255, 0.8)}
.normal-res-card .resource-likes-dislikes label,
.normal-res-card .resource-likes-dislikes .resource-like-item .radio input[type="radio"] + label::before,
.normal-res-card .resource-likes-dislikes .resource-dislike-item .radio input[type="radio"] + label::before,
.vid-res-card .resource-likes-dislikes label,
.vid-res-card .resource-likes-dislikes .resource-like-item .radio input[type="radio"] + label::before,
.vid-res-card .resource-likes-dislikes .resource-dislike-item .radio input[type="radio"] + label::before {
    color: rgba(75, 76, 87,1);
}
.normal-res-card .resource-likes-dislikes .resource-like-item .radio input[type="radio"]:checked + label::before,
.vid-res-card .resource-likes-dislikes .resource-like-item .radio input[type="radio"]:checked + label::before{
    color:#4ac43b; 
}
.normal-res-card .resource-likes-dislikes .resource-dislike-item .radio input[type="radio"]:checked + label::before,
.vid-res-card .resource-likes-dislikes .resource-dislike-item .radio input[type="radio"]:checked + label::before {
    color:#fa626b;
}
.normal-res-card .resourse-card-rmore,
.vid-res-card .resourse-card-rmore {
    color: #333;
}
.res-share-item .dropup:hover>.dropdown-menu-right {
    display: block;
  }
  .title-share-item .dropdown .dropdown-menu-right i,  
.res-share-item .dropup .dropdown-menu-right i{color: rgba(75, 76, 87,1);}

.res-share-item .dropup .dropdown-menu-right{
    top: 5px !important;
    overflow: hidden;
    border-radius: 100px;
    padding: 5px 10px;
    border-color: #eee;
    background-color: rgba(255, 255, 255,0.95);
  }
 .resource-filter-sec .tagging .type-zone {
    height: 32px;
    width: 50px;
}
.course-activity-timeline .activity-timeline {
    margin-left: 160px;
}
.course-activity-timeline .activity-timeline .act-time{
    left: -190px;
} 
.timeline-ctopic{
    padding-top:5px;
}
.text-cyan {
    color: #00bcd4 !important;
}
.course-module-list,
.course-timeline-list{
    max-height:650px;
    position:relative;
}
.chat-img-attachment img{
    max-width:120px;
    max-height:120px;
}
.chat-attachment-actions{margin-top:5px;}
.chat-attachment-actions .btn{
    padding:0 3px;
}
.chat-doc-attachment .chat-doc-download{margin-left:10px;width:30px}
.chat-media-attachment .chat-media-actions .btn,
.chat-doc-attachment .chat-doc-download .btn {
    border: solid 1px #f1f1f1;
    padding: 0;
    width: 24px;
    height: 24px;
    line-height: 22px;
    border-radius: 100px;
    background-color: #f4f5fa;
}
.chat-doc-attachment .chat-doc-icon {
    width: 26px;
}
.chat-media-attachment .chat-doc-name,
.chat-doc-attachment .chat-doc-name {
    max-width: 125px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 600;
    color: #666;
    line-height:22px;
}
.chat-media-actions{margin-top:5px;}
.chat-media-attachment .chat-media-actions .btn{margin-right:5px;}
.chat-media-attachment .chat-doc-name{max-width: 150px!important;}
.imageModal img{max-width:100%}
.imageModal .modal-body{
    padding:10px;
}
.imageModal .close{
    position: absolute;
top: -7px;
color: #333;
background-color: #fff;
right: -7px;
opacity: 1;
width: 20px;
height: 20px;
font-size: 14px;
padding: 0px;
border-radius: 100px;
border: 0;
z-index:99;
}
.top-live-session img {
    height: 17px;
    margin-right: .5rem;
}
.unit-list-wrapper .sec-chek-wrapper {
    margin-left: 7px;
}
.acco-item.level2 input[type="checkbox"].bg-primary + .custom-control-label::before,
.acco-item.level2 input[type="checkbox"].bg-primary + .custom-control-label::before
{
    border: solid 1px #5350bf !important;
    background-color:transparent!important;
}
.acco-item.level2 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%236967ce\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e')!important;
}

.acco-item-header input[type="checkbox"].bg-primary + .custom-control-label::before,
.acco-item-header input[type="checkbox"].bg-primary + .custom-control-label::before
{
    border: solid 1px #fff !important;
    background-color:transparent!important;
}
.acco-item-header .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e')!important;
}
.recipient-list-wrapper{max-height:350px;position:relative}
.recipient-list-item{
    margin:10px 0px;
    padding-right:15px
}
.font-weight-600 {
    font-weight: 600;
}
.chat-vtabs .nav-tabs .nav-item .nav-link {
    color: #000;
    margin: 1px 0px;
    padding: 10px 10px;
    font-weight: 600;
    border-bottom: solid 1px #f2f2f7;
    border-radius: 0;
    width:calc(100% - 10px)!important;
    position:relative;
}
.chat-vtabs .nav-tabs .nav-item:last-child .nav-link{border-bottom: 0;}
.chat-vtabs .nav-tabs .nav-item .nav-link {
    font-size: 13px;
    border: solid 1px rgba(246, 246, 251,0.8) !important;
    border-radius: .25rem;
    color: #333;
    background-color: rgba(248, 249, 253,0.7);
}
.chat-vtabs .nav-tabs .nav-item .nav-link.active {
    color: #fff;
    background-color:#6967ce;
}
.chat-vtabs.nav-vertical .nav-left.nav-tabs li.nav-item a.nav-link.active::after {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #5350bf;
    position: absolute;
    right: -1px;
    transform: rotate(45deg) translateY(-50%);
    top: calc(50% - 2px);
    border-radius: 1px;
}
.nav-tabs.sett-topbar-tabs .nav-item.show .nav-link, 
.nav-tabs.sett-topbar-tabs .nav-link.active {
    color: #6768cc;
    border-width: 0px 0px 2px 0px;
    border-color: #656ed1;
    border-radius: 0px !important;
    background-color: transparent;
}
.nav-tabs.sett-topbar-tabs .nav-link {
    color: rgb(87, 88, 102);
    font-weight: bold;
    border-bottom: 2px solid transparent;
    padding: 1rem 0.8rem 1rem 0.8rem !important;
    font-size: 0.9rem !important;
}
.rubric-item {
    margin-bottom: 30px;
    background-color:rgba(244, 245, 250,0.4);
    padding: 15px;
    border-radius: 7px;
}
.rubric-item-title {
    font-weight: 600;
    font-family: 'Rubik', sans-serif;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size:15px;
}
.rubric-form-wrapper {
    margin-top: 25px;
}

.rubric-form-wrapper .knob-input-wrapper {
    padding: 15px;
    border-radius: 20px;
    background-color: #fff;
    height: calc(100% - 15px);
    display: inline-block;
    margin-bottom: 15px;
}
.rubric-form-wrapper .knob-input-wrapper label {
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    letter-spacing: 0.5px;
    line-height: normal;
    padding-bottom: 10px;
    color: #50515b;
}


.rubric-form-wrapper  svg {
  height: 100px;
  margin: 0;
  display: block;
}
.rubric-form-wrapper  circle {
  stroke: #1da1f2;
  fill: none;
  stroke-width: 0.5;
}
.rubric-form-wrapper  .point {
  fill: #1da1f2;
}
.rubric-form-wrapper  #test {
  stroke: red;
}
.rubric-form-wrapper  text {
  dominant-baseline: central;
  text-anchor: middle;
  font-size: 8px;
  pointer-events: none;
  fill: #fff;
}
.rubric-form-wrapper  svg text::selection {
  background: none;
}

.rubric-form-wrapper  input[type="range"] {
  width: 24%;
  margin: auto;
  pointer-events:auto;
}

.rubric-form-wrapper  input[type="range"]:focus {
  outline: none;
}

.rubric-form-wrapper  input[type="range"],
.rubric-form-wrapper  input[type="range"]::-webkit-slider-runnable-track,
.rubric-form-wrapper  input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.rubric-form-wrapper  input[type="range"]::-webkit-slider-thumb {
  background-color: #1da1f2;
  width: 20px;
  height: 20px;
  border: 3px solid #333;
  border-radius: 50%;
  margin-top: -9px;
}

.rubric-form-wrapper  input[type="range"]::-moz-range-thumb {
  background-color: #1da1f2;
  width: 15px;
  height: 15px;
  border: 3px solid #333;
  border-radius: 50%;
}

.rubric-form-wrapper  input[type="range"]::-ms-thumb {
  background-color: #1da1f2;
  width: 20px;
  height: 20px;
  border: 3px solid #333;
  border-radius: 50%;
}

.rubric-form-wrapper  input[type="range"]::-webkit-slider-runnable-track {
  background-color: #1da1f2;
  height: 3px;
}

.rubric-form-wrapper  input[type="range"]:focus::-webkit-slider-runnable-track {
  outline: none;
}

.rubric-form-wrapper  input[type="range"]::-moz-range-track {
  background-color: #1da1f2;
  height: 3px;
}

.rubric-form-wrapper  input[type="range"]::-ms-track {
  background-color: #1da1f2;
  height: 3px;
}

.rubric-form-wrapper  input[type="range"]::-ms-fill-lower {
  background-color: #1da1f2;
}

.rubric-form-wrapper  input[type="range"]::-ms-fill-upper {
  background-color: #1da1f2;
}

@media only screen and (max-width: 480px) {
    .rubric-form-wrapper  #cont input {
    position: static;
    display: block;
    width: 50%;
    margin: 0 auto;
  }
}
.certificate-preview-outline{border:solid 5px #eee;margin: 20px 0px;padding:5px}
.certificate-preview-wrapper img{width:800px;}
.certificate-preview-wrapper figure {
    width: 800px;
    padding: 0px;
    margin: 0px;
    transition: all 0.7s;
}
.certificate-no-wrapper {
    position: absolute;
    right: 100px;
    top: 115px;
    font-size: 18px;
    color: #000;
    font-weight: 600;
}
.certificate-message-div {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    margin: auto;
    min-width: 60%;
}
.certificate-date-wrapper {
    position: absolute;
    left: 100px;
    bottom: 100px;
    text-align: center;
    font-size: 17px;
    color: #333;
    font-weight: 600;
}
.certificate-date-wrapper span{
    display:block
}

.certificate-sign-wrapper img{
    width:auto;
    height:50px;
}
.certificate-sign-wrapper {
    right: 100px;
    position: absolute;
    bottom: 100px;
}
.text-gold{
    color:#D5B12D !important
}
.create-certificate-form .form-control {
    padding: 7px;
    text-align: center;
}
.certificate-sg-info-view:after,
.certificate-dt-info-view:after,
.certificate-msg-info-view:after,
.certificate-no-info-view::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 70px;
    width: calc(100% + 60px);
    transition: all 0.7s;
}
.certificate-no-info-view:after{
    border-top: solid 20px rgba(251, 255, 0, 0.3);
    border-right: solid 20px rgba(251, 255, 0, 0.3);
}
.certificate-sg-info-view:after{
    border-right: solid 20px rgba(251, 255, 0, 0.3);
    border-bottom: solid 20px rgba(251, 255, 0, 0.3);
    height: calc(100% + 60px);
}
.certificate-dt-info-view:after{
    border-left: solid 20px rgba(251, 255, 0, 0.3);
    border-bottom: solid 20px rgba(251, 255, 0, 0.3);
    height: calc(100% + 60px);
}
.certificate-msg-info-view:after{
    border-top: solid 20px rgba(251, 255, 0, 0.3);
    border-bottom: solid 20px rgba(251, 255, 0, 0.3);
    height: calc(100% + 60px);

}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.certificate-thumb img {
    height: 100px;
    margin-top: 10px;
}
.sign-thumb img {
    height: 50px;
    margin-top: 10px;
}
.course-cms-section {
    padding-bottom: 30px;
    border-bottom: dashed 1px #ddd;
    margin-bottom: 30px;
}
.course-cms-section:last-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}
.mb-05{margin-bottom:5px}
.course-cms-section .custom-checkbox .custom-control-label::before, 
.course-cms-section .custom-checkbox .custom-control-label::after {
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
}

.resource-details-wrapper .resourse-date {
    display: block;
    font-size: 11px;
    padding-top: 3px;
    color: rgba(75, 76, 87,0.6);
}
.resource-details-headerL {
    padding-right: 10px;
    width: 100%;
}
.resource-details-headerR {
    white-space: nowrap;
}
.rdh-title {
    margin-left: 8px;
    font-weight: 600;
}
.rdh-img {
    padding-left: 5px;
}
.rd-tags-wrapper {
    margin-top: 10px;
}
.resource-media-wrapper {
    margin-top: 15px;
    border-radius: 10px;
    overflow: hidden;
    height: 300px;
    position: relative;
}
.resource-media-wrapper img {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    min-height: 100%;
}
.title-share-item .dropdown .dropdown-menu {
    top: 5px !important;
    overflow: hidden;
    border-radius: 100px;
    padding: 5px 10px;
    border-color: #eee;
    background-color: rgba(255, 255, 255,0.95);
}
.title-share-item .btn {
    padding: 0px 4px;
    margin: 0px 3px;
    color: rgb(75, 76, 87);
}
.title-share-item .dropdown:hover> .dropdown-menu{display: block;;top: -2px !important;}

.resource-details-wrapper .resource-like-item,
.resource-details-wrapper .resource-dislike-item {
    font-size: 12px;
    margin-right: 10px;
    border-radius: 4px;
    text-align: center;
    padding: 5px 10px;
    background-color: #fbfbfb;
}
.resource-details-wrapper .resource-like-item .radio input[type="radio"] + label::before,
.resource-details-wrapper .resource-dislike-item .radio input[type="radio"] + label::before{
    color: rgba(75, 76, 87,1);
}

.resource-details-wrapper .resource-likes-dislikes .radio label{
    margin:0px;
    color:rgba(75, 76, 87,1)
}

.resource-attachment-list{
    margin-bottom:15px;
    display:flex;
    padding-top:5px;
    flex-wrap:wrap;
}
.resource-attch-item {
    text-align: left;
    position: relative;
    padding: 4px 10px;
    margin: 0 20px 10px 0;
    color: #1f1e1e;
    background-color: #f9fbfd;
    border:solid 1px #eee;
    border-radius: 5px;
    display: inline-block;
}

.resource-attch-item .res-doc-icon {
    width: 26px;
}
.resource-attch-item .res-doc-name {
    max-width: 125px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 600;
    color: #666;
    line-height: 22px;
}
.resource-attch-item .res-doc-name a{color: #666;}
.resource-attch-item .res-doc-download {
    margin-left: 10px;
    width: 30px;
}
.resource-attch-item .res-doc-download .btn {
    border: solid 1px #f1f1f1;
    padding: 0;
    width: 24px;
    height: 24px;
    line-height: 22px;
    border-radius: 100px;
    background-color: #f4f5fa;
}
.res-comments-item .media-body .card-title {
    font-size: 1rem;
}
.res-comments-item {
    background-color: rgba(244, 245, 250,0.3);
    padding: 15px;
    border-radius: 7px;
    border: solid 1px rgba(244, 245, 250,0.7);
    margin:5px 0px;
}
.res-comments-item p {
    color: #666;
    margin-top:5px;
    font-size: 12px;
    margin-bottom:5px;
}
.res-comments-item .res-reply-btn-wrapper{
    border-left:solid 1px rgba(244, 245, 250,0.9)
}
.res-replay-list-item {
    margin: 10px 0px;
    background-color: #fff;
    padding: 10px 15px;
    border-radius: 7px;
}
.res-replay-list{
    max-height:300px;
    position:relative
}
.res-comments-list{
    max-height:500px;
    position:relative
}

.res-rel-item  .tags{display: inline-block;width:100%;margin-top: 5px;}
.res-rel-item  .tags .badge {
    font-size: 10px;
    margin: 2px;
    float: left;
}
.res-rel-item  .resourse-date {
    display: block;
    font-size: 11px;
    padding-top: 3px;
    color: rgba(75, 76, 87,0.6);
}
.res-rel-item .card-text {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 5px;
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.res-rel-item  .resource-likes-dislikes label,
.res-rel-item  .resource-likes-dislikes label::before {
    margin: 0px;
    color: rgba(75, 76, 87,1)!important;
}
.res-rel-item  .resource-likes-dislikes .resource-like-item .radio input[type="radio"]:checked + label::before{
    color: #4ac43b!important;
}
.res-rel-item  .resource-likes-dislikes .resource-dislike-item .radio input[type="radio"]:checked + label::before{
    color: #fa626b!important;
}
.res-rel-item-list{
    max-height:400px;
    position:relative;
}
.res-rel-item {
    margin: 10px 0;
    padding: 10px;
    background-color: #fbfcff;
    border-radius: 10px;
    border: solid 1px #f8f9ff;
}
.dash-topbar-tabs {
    width: calc(100% - 365px);
	flex-wrap: nowrap;
	white-space: nowrap;
}
.unit-list-item .sec-chek-wrapper {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.bootstrap-select .btn.dropdown-toggle.btn-light {
    background-color: transparent!important;
    border-color: #babfc7!important;
}
.certificate-preview-wrapper .ps-scrollbar-x-rail{
    top:3px!important
}

.icon-arrow-left.pignose-calendar-top-icon:before{
    content: "\f111"!important;
    font-family:"LineAwesome"!important
}
.icon-arrow-right.pignose-calendar-top-icon:before{
    content: "\f112"!important;
    font-family:"LineAwesome"!important
}
.Analytics-donut-chart-up .ct-label,
#Analytics-donut-chart-up .ct-label {
    font-size: 30px;
    font-weight: 700;
    text-anchor: middle;
    alignment-baseline: middle;
    fill: rgb(229, 255, 238);
    transform: rotate(-65deg) translate(-65px,30px);
    /* transform: translatey(8px); */
    line-height: 1;
}
.Analytics-donut-chart-up .ct-slice-donut-solid,
#Analytics-donut-chart-up .ct-slice-donut-solid {
    fill: url(#donutGradient2);
}


.Analytics-donut-chart .ct-label,
#Analytics-donut-chart .ct-label {
    font-size: 30px;
    font-weight: 700;
    text-anchor: middle;
    alignment-baseline: middle;
    /* transform: rotate(-65deg) translate(-65px,30px); */
    transform: translatey(8px);
    line-height: 1;
    fill: rgba(255, 255, 255, 0.4);
    color: rgba(255, 255, 255, 0.4);
}
.Analytics-donut-chart .ct-slice-donut-solid,
#Analytics-donut-chart .ct-slice-donut-solid {
    fill: url(#donutGradient1);
}

.bg-hexagons-success {
    background-image: url('data:image/svg+xml,%3Csvg width=\'32\' height=\'26\' viewBox=\'0 0 32 26\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M14 0v3.994C14 7.864 10.858 11 7 11c-3.866 0-7-3.138-7-7.006V0h2v4.005C2 6.765 4.24 9 7 9c2.756 0 5-2.236 5-4.995V0h2zm0 26v-5.994C14 16.138 10.866 13 7 13c-3.858 0-7 3.137-7 7.006V26h2v-6.005C2 17.235 4.244 15 7 15c2.76 0 5 2.236 5 4.995V26h2zm2-18.994C16 3.136 19.142 0 23 0c3.866 0 7 3.138 7 7.006v9.988C30 20.864 26.858 24 23 24c-3.866 0-7-3.138-7-7.006V7.006zm2-.01C18 4.235 20.244 2 23 2c2.76 0 5 2.236 5 4.995v10.01C28 19.765 25.756 22 23 22c-2.76 0-5-2.236-5-4.995V6.995z\' fill=\'%23fff\' fill-opacity=\'0.2\' fill-rule=\'evenodd\'/%3E%3C/svg%3E');
}
.resource-image-preview {
    position:relative;
    margin-top:15px;
    margin-bottom:5px;
    display:inline-block;
}
.resource-image-preview img{
    height:80px;
    border-radius: 5px;
}
.del-resource-preview {
    position: absolute;
    right: 3px;
    padding: 0px;
    background-color: #fa626b;
    height: 18px;
    width: 18px;
    border-radius: 4px;
    top: 3px;
    color: #fff;
    cursor: pointer;
    text-align:center;
}
.del-resource-preview:hover{
    background-color: #ec555f;
    color:#fff;  
}
.preimageModal .close {
    position: absolute;
    top: -7px;
    color: #333;
    background-color: #fff;
    right: -7px;
    opacity: 1;
    width: 20px;
    height: 20px;
    font-size: 14px;
    padding: 0px;
    border-radius: 100px;
    border: 0;
    z-index: 99;
}
.preimageModal .modal-body{padding:0px}
.preimageModal .modal-body img{width:100%;}
.del-resource-attach {
    padding: 0px;
    background-color: #fa626b;
    height: 17px;
    width: 17px;
    border-radius: 4px;
    color: #fff;
    margin-left:3px;
}
.del-resource-attach:hover {
    background-color: #ec555f;
    color:#fff; 
}


.course-main-sub {
    display: block;
    font-size: 12px;
    color: #ccc;
    position: relative;
    top:-4px;
}
.course-list-status {
    position: absolute;
    top: 10px;
    right: 10px;
    border: solid 2px rgba(255, 255, 255, 0.3);
    line-height: normal;
    z-index: 2;
    padding: 3px 5px;
}
.cd-banner-wrapper {
    min-height: 160px;
    background-image: url(../../app-assets/images/online-course-banner.jpg);
    background-size: cover;
    height:200px;
    overflow: hidden;
}
.cd-banner-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    z-index: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+78&0+0,0.75+78 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 78%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 78%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 78%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
}
.course-details-box {
    display: flex;
    flex-flow: column;
    margin-top:10px;
}
.course-details-box .cd-box-item {
    padding: 0;
    margin: 2px 0;
    display: flex;
    font-size: 13px;
    text-align: left;
    color: #666;
    font-weight: 600;
    border-bottom: solid 1px #f9f9f9
}
.course-details-box .cd-box-item:last-child{border:0;}
.course-details-box label {
    display: block;
    margin-bottom: 4px;
    min-width: 25px;
    font-weight: 600;
    color: #666;
}
.course-details-box span {
    font-weight: bold;
}
.cd-action-wrapper{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 3;
    padding:0 15px 10px 15px;
}
.cd-action-wrapper .cd-edit-delete .btn {
    padding: 0px 4px;
    margin: 0px 3px;
    color: rgb(79, 81, 91);
    min-width:auto;
}

.cd-cards-list .card{border-radius:8px;overflow:hidden;height: calc(100% - 30px);}
.cd-cards-list .tags{display: inline-block;width:100%;margin-top: 5px;}
.cd-cards-list .tags .badge {
    font-size: 10px;
    margin: 2px;
    float: left;
}
.cd-cards-list .resourse-date {
    display: block;
    font-size: 11px;
    padding-top: 3px;
    color: rgba(255,255,255,0.9);
}
.cd-cards-list .card-text{font-size:13px;margin-top: 10px;margin-bottom: 5px;}
.cd-cards-list .card-img-overlay{
    top:unset;
    height:95px;
    transition: all 0.7s;
}
.cd-cards-item:hover .card-img-overlay{
    height:100%;
    }
.cd-cards-item .card .card-title {
        font-size: 1rem;
    }
.course-status-dot {
    width:7px;
    height:7px;
    border-radius:100px;
    display: inline-block;
    position: relative;
    top: -4px;
    left: 2px;
    box-shadow: 1px 2px 2px rgba(0,0,0,0.4);
}
.course-status-dot.span-disabled {
    background-color: #ccc;
}
.course-status-dot.span-published {
    background-color: #4ac43b;
}
.cl-short-desc p {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom:5px;
}
.cl-star-rating i {
    color: rgba(255,255,255,0.9);
    font-size: 12px!important;
    line-height: normal;
}
.cl-star-count {
    margin-left: 5px;
    font-size: 11px;
    color: rgba(255,255,255,0.9);
}


.cl-share-item .dropup:hover>.dropdown-menu {
    display: block;
  }
.cl-share-item .dropup .dropdown-menu i{color: rgba(75, 76, 87,1);}

.cl-share-item .dropup .dropdown-menu{
    top: 4px !important;
    overflow: hidden;
    border-radius: 100px;
    padding: 5px 10px;
    border-color: #eee;
    background-color: rgba(255, 255, 255,0.95);
  }
  .cl-c-code {
    position: relative;
    top: -4px;
}
.cl-play-wrapper .btn{min-width:120px;}
.cl-play-wrapper {
    position: absolute;
    bottom: 15px;
    left:0;
    padding:0px 20px;
    width:100%;
    text-align:right;
}
.cd-cards-item .card-body{
    padding-bottom:80px;
}
.cl-lavel-wrapper {
    color: rgba(255,255,255,0.8);
    font-size: 12px;
    /* border: solid 1px rgba(255,255,255,0.04); */
    padding: 2px 10px;
    border-radius: 10px;
    /* background-color: rgba(255,255,255,0.05); */
    font-weight:600;
}
.enrollment-card-badges {
    max-width: none;
    width: 100%;
    margin-top: 5px;
    border-top: dashed 1px #eee;
    padding-top: 0px;
}
.enrollment-card-badges .enroll-inner-title,
.enrollment-card-badges .enroll-inner-count{
    display: inline-block!important;
}

.mob-top-tabs .btn-outline-white{
    padding: 8px 10px;
    font-size: 13px;
    color: #fff!important;
    min-width:190px
}
.mob-top-tabs .btn-outline-white:hover{
    color:#333!important;
}
.mob-top-tabs .dropdown-item {
    min-width: 150px;
    color: #333;
    font-weight: bold;
    font-size: 13px;
    padding: 7px 10px;
    border-bottom: solid 1px #f9f9f9;
}
.mob-top-tabs .dropdown-item:last-child{border:0;}
.mob-top-tabs .dropdown-item.nav-link.active{color:#fff;}
@media screen and (min-device-width: 1361px) and (max-device-width: 2200px) {
	.dash-topbar-tabs{display: flex;}
	.mob-top-tabs{display:none}
}
@media screen and (min-device-width: 0px) and (max-device-width: 1360px) {
	.dash-topbar-tabs{display: none;}
	.mob-top-tabs{display:inline-block;width:calc(100% - 365px)}
}


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

#chat_diss_content1 .nav-vertical.chat-vtabs .nav-item p {
    font-size: 80%;
    text-align: left;
    padding-left: 10px;
    margin-bottom: 0;
}
.cd-leaderboard-list-item{
    margin:6px 0px
}
.cd-recent-module {
    padding: 15px;
    margin-bottom: 20px;
    border: solid 1px rgba(238, 239, 244,0.5);
    border-radius: 7px;
    background-color: rgba(238, 239, 244,0.4);
    margin-top: 10px;
}
.cdr-vpreview {
    position: relative;
    width: 90px;
    height: 60px;
    overflow: hidden;
    border: solid 2px #fff;
    box-shadow: 0px 3px 4px rgba(0,0,0,0.1);
    border-radius: 3px;
    margin-right: 10px;
}
.cdr-vpreview img {
    min-width: 100%;
    min-height: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
}
.cdr-vpreview a::after {
    content: "\f04b";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    background-color: rgba(95, 121, 215,0.7);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border: solid 2px #fff;
    color: #fff;
    text-align: center;
    line-height: 26px;
    font-size: 11px;
}
.user-qualification-table {
    font-size: 11px;
}
.lsr-list{max-height:500px}
.card{border-radius:1rem;}
.card .card-header{overflow:visible;border-radius:1rem;}
.form-control{border-radius:0.4rem;}




/* Player */
.list-vid-title,
.audio_player h1 {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 15px;
  }
  

  .audio_player {
      color: #666; 
    width: 100%;
    overflow: hidden;
    background-color:#fff;
    border:rgba(243, 244, 249,1);
    border-radius: 0.25em;
    padding:0px 15px;
  }
  
  .audio_player .album {
    position: relative;
    left: 50%;
    width: 12em;
    height: 12em;
    margin-bottom: -10%;
    overflow: hidden;
    -webkit-transform: translate(-50%,-25%);
            transform: translate(-50%,-25%);
    background-color: #111;
    border: 1px solid #111;
    border-radius: 50%;
    box-shadow:
      0 0.0625em 0.1875em rgba(0,0,0,0.5),
      0 0 0.125em 0.3125em #ddd,
      0 0.0625em 0 0.375em #bbb,
      0 0 0.375em 0.325em rgba(0,0,0,0.3),
      0 0 0.5em 0.375em rgba(0,0,0,0.3),
      0 0.25em 1em 0.5em rgba(0,0,0,0.15),
      inset 0 0 0 0.0625em rgba(0,0,0,0.5),
      inset 0 0 0 0.1875em rgba(255,255,255,1),
      inset 0 0 0 0.375em rgba(0,0,0,0.5),
      inset 0 0 0 0.4375em rgba(255,255,255,0.2),
      inset 0 0 0 0.5em rgba(0,0,0,0.5),
      inset 0 0 0 0.5625em rgba(255,255,255,0.3),
      inset 0 0 0 0.625em rgba(0,0,0,0.5),
      inset 0 0 0 0.6875em rgba(255,255,255,0.2),
      inset 0 0 0 0.75em rgba(0,0,0,0.5),
      inset 0 0 0 0.8125em rgba(255,255,255,0.3),
      inset 0 0 0 0.875em rgba(0,0,0,0.5),
      inset 0 0 0 0.9375em rgba(255,255,255,0.3),
      inset 0 0 0 1em rgba(0,0,0,0.5),
      inset 0 0 0 1.0625em rgba(255,255,255,0.2),
      inset 0 0 0 1.125em rgba(0,0,0,0.5),
      inset 0 0 0 1.1875em rgba(255,255,255,0.3),
      inset 0 0 0 1.25em rgba(0,0,0,0.5),
      inset 0 0 0 1.3125em rgba(255,255,255,0.2),
      inset 0 0 0 1.375em rgba(255,255,255,0.2),
      inset 0 0 0 1.4375em rgba(0,0,0,0.5),
      inset 0 0 0 1.5em rgba(255,255,255,0.3),
      inset 0 0 0 1.5625em rgba(0,0,0,0.5),
      inset 0 0 0 1.625em rgba(255,255,255,0.3),
      inset 0 0 0 1.6875em rgba(0,0,0,0.5),
      inset 0 0 0 1.75em rgba(255,255,255,0.2),
      inset 0 0 0 1.8125em rgba(0,0,0,0.5),
      inset 0 0 0 1.875em rgba(255,255,255,0.2),
      inset 0 0 0 1.9375em rgba(0,0,0,0.5),
      inset 0 0 0 2em rgba(255,255,255,0.3),
      inset 0 0 0 2.0625em rgba(0,0,0,0.5),
      inset 0 0 0 2.125em rgba(0,0,0,0.5),
      inset 0 0 0 2.1875em rgba(255,255,255,0.1),
      inset 0 0 0 2.25em rgba(0,0,0,0.5),
      inset 0 0 0 2.3125em rgba(255,255,255,0.2),
      inset 0 0 0 2.375em rgba(255,255,255,0.1),
      inset 0 0 0 2.4375em rgba(0,0,0,0.5),
      inset 0 0 0 2.5em rgba(255,255,255,0.3),
      inset 0 0 0 2.5625em rgba(0,0,0,0.5),
      inset 0 0 0 2.625em rgba(255,255,255,0.2),
      inset 0 0 0 2.6875em rgba(0,0,0,0.5),
      inset 0 0 0 2.75em rgba(255,255,255,0.2),
      inset 0 0 0 2.8125em rgba(0,0,0,0.5),
      inset 0 0 0 2.875em rgba(255,255,255,0.2),
      inset 0 0 0 2.9375em rgba(0,0,0,0.5),
      inset 0 0 0 3em rgba(255,255,255,0.3),
      inset 0 0 0 3.0625em rgba(0,0,0,0.5),
      inset 0 0 0 3.125em rgba(0,0,0,0.5),
      inset 0 0 0 3.1875em rgba(255,255,255,0.2),
      inset 0 0 0 3.25em rgba(0,0,0,0.5),
      inset 0 0 0 3.3125em rgba(255,255,255,0.2),
      inset 0 0 0 3.375em rgba(255,255,255,0.1),
      inset 0 0 0 3.4375em rgba(0,0,0,0.5),
      inset 0 0 0 3.5em rgba(255,255,255,0.3);
  }
  
  .audio_player .album::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    background-image:
      linear-gradient(
        -45deg,
        rgba(255,255,255,0) 30%,
        rgba(255,255,255,0.125),
        rgba(255,255,255,0) 70%
      ),
      linear-gradient(
        -48deg,
        rgba(255,255,255,0) 45%,
        rgba(255,255,255,0.075),
        rgba(255,255,255,0) 55%
      ),
      linear-gradient(
        -42deg,
        rgba(255,255,255,0) 45%,
        rgba(255,255,255,0.075),
        rgba(255,255,255,0) 55%
      ),
      radial-gradient(
        circle at top left,
        rgba(0,0,0,1) 20%,
        rgba(0,0,0,0) 80%
      ),
      radial-gradient(
        circle at bottom right,
        rgba(0,0,0,1) 20%,
        rgba(0,0,0,0) 80%
      );
  }
  
  .audio_player .cover,
  .audio_player .cover div {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 6em;
    height: 6em;
    overflow: hidden;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: rotate(0) translate(-50%,-50%);
            transform: rotate(0) translate(-50%,-50%);
    border-radius: 50%;
    -webkit-animation: spin 4s linear infinite paused;
            animation: spin 4s linear infinite paused;
  }
  
  .audio_player .ffing .cover {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
  
  .audio_player .cover div {
    border-radius: 0;
    animation: spin 2s linear infinite reverse paused;
  }
  
  .audio_player .rwing .cover div {
    animation: spin 2s linear infinite reverse running;
  }
  
  .audio_player .cover::before,
  .audio_player .cover::after {
    content: '';
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: rotate(0) translate(-50%,-50%);
            transform: rotate(0) translate(-50%,-50%);
    border-radius: 50%;
    box-shadow: inset 0 0.0625em rgba(255,255,255,0.3);
    animation: spin 4s linear infinite reverse paused;
  }
  
  .audio_player .cover::after {
    width: 0.25em;
    height: 0.3125em;
    margin-top: -0.0625em;
    /* background-color: #eee; */
    border-radius: 0.125em;
    box-shadow:
      inset 0 -0.0625em 0.0625em rgba(0,0,0,0.5),
      inset 0.0625em -0.0625em 0.125em rgba(255,255,255,0.15),
      inset -0.0625em -0.0625em 0.125em rgba(255,255,255,0.15),
      inset 0 -0.125em 0.125em rgba(0,0,0,0.8),
      0 0.0625em 0.0625em rgba(0,0,0,0.5),
      0 0.0625em 0.25em 0.0625em rgba(0,0,0,0.15),
      0 0 0.25em 0.125em rgba(0,0,0,0.15);
  }
  
  .audio_player .ffing .cover::before,
  .audio_player .ffing .cover::after {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
  
  .audio_player .cover img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: rotate(0) translate(-50%,-50%);
            transform: rotate(0) translate(-50%,-50%);
    -webkit-animation: spin 4s linear infinite paused;
            animation: spin 4s linear infinite paused;
  }
  
  .audio_player.paused .cover img {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
  
  .audio_player.playing .cover img {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
  
  .audio_player .info {
    text-align: center;
    text-shadow: 0 0.0625em rgba(255,255,255,1);
    color:#555!important;
  }
  
  .audio_player .time {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    padding: 0 0.5em;
    margin-bottom: 0.5em;
  }
  
  .audio_player .time > * {
    margin: 0 0.5em;
  }
  
  .audio_player .progress {
    -webkit-box-flex: 2;
    flex-grow: 2;
    height: 5px;
    background-color: #dfdfdd;
    box-shadow: 0 0.0625em rgba(255,255,255,1);
    cursor: pointer;
    border-radius: 10px;
    overflow:visible
  }
  
  .audio_player .progress span {
    display: block;
    width: 0;
    height: 100%;
    background-color: #38c0f9;
    position:relative;
  }
  .audio_player .progress span::after {
    content: "";
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 50px;
    display: inline-block;
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
    box-shadow:inset 0px 0px 1px rgba(0, 0, 0, 0.3);
}
  .audio_player .actions {
    position: absolute;
    width: 100%;
    padding:1em 15px 0.5em;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    left: 0;
    bottom: 10px;
}
  
  .audio_player button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    outline: none;
    position: relative;
    padding: 0;
    font-size: 100%;
    background-color: transparent;
    border: none;
    cursor: pointer;
  }
  
  .audio_player .button {
    width: 3em;
    height: 3em;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#f6f6f6));
    background-image: linear-gradient(#ddd, #f6f6f6);
    border: none;
    border-radius: 50%;
  }
  
  .audio_player .button::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    background-color: #f4f4f4;
    border: 0.125em solid #d5d5d5;
    border-radius: 50%;
    box-shadow: inset 0 0.25em 1em -0.25em rgba(255,255,255,0.75);
  }
  
  .audio_player .button:hover::before {
    background-color: #fcfcfc;
  }
  
  .audio_player .play-pause {
    width: 4em;
    height: 4em;
  }
  
  .audio_player .rw {
    /* right: -0.25em; */
    right: 0.1em;
    margin-left: 0.375em;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
  
  .audio_player .ff {
    /* left: -0.25em; */
    left: 0.1em;
    margin-right: 0.375em;
  }
  
  .audio_player .button .arrow {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    width: 30%;
    height: 30%;
    overflow: hidden;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
  }
  
  .audio_player .button .arrow::before,
  .audio_player .button .arrow::after {
    content: '';
    position: absolute;
    left: -50%;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.2,0.7) rotate(45deg);
            transform: scale(1.2,0.7) rotate(45deg);
    background-color: #ddd;
    box-shadow:
      inset 0 0.125em 0.125em -0.0625em rgba(0,0,0,0.15),
      0.0625em 0.0625em 0.125em rgba(255,255,255,1);
  }
  
  .audio_player .button .arrow::after {
    left: 0;
    -webkit-transform: none;
            transform: none;
    background-color: transparent;
    box-shadow: inset 0.0625em 0 0.125em -0.0625em rgba(0,0,0,0.1);
  }
  
  .audio_player.paused .play-pause .arrow {
    margin-left: 0.1875em;
  }
  
  .audio_player.playing .play-pause .arrow::before,
  .audio_player.playing .play-pause .arrow::after {
    left: 0;
    width: 0.4375em;
    -webkit-transform: none;
            transform: none;
    background-color: #ddd;
    box-shadow:
      inset 0.0625em 0.125em 0.125em -0.0625em rgba(0,0,0,0.15),
      0.0625em 0.0625em 0.125em rgba(255,255,255,1);
  }
  
  .audio_player.playing .play-pause .arrow::after {
    left: auto;
    right: 0;
  }
  
  .audio_player .rw .arrow,
  .audio_player .ff .arrow {
    width: 20%;
    height: 20%;
    margin-left: 12%;
  }
  
  .audio_player .rw .arrow:first-child,
  .audio_player .ff .arrow:first-child {
    margin-left: -4%;
  }
  
  .audio_player .button:active .arrow::before,
  .audio_player.playing .play-pause .arrow::before,
  .audio_player.playing .play-pause .arrow::after {
    background-color: #cef;
  }
  
  .audio_player .shuffle {
    width: 1.375em;
    height: 1.375em;
    color: #d5d5d5;
  }
  
  .audio_player .shuffle .arrow {
    position: absolute;
    top: 0.1875em;
    left: 0;
    width: 0.375em;
    height: 0.125em;
    color: inherit;
    background-color: currentColor;
  }
  
  .audio_player .shuffle .arrow::before {
    content: '';
    position: absolute;
    top: 0;
    left: calc(100% + 0.125em);
    width: 0.5em;
    height: 1em;
    -webkit-transform: skewX(30deg);
            transform: skewX(30deg);
    border-bottom: 0.125em solid;
    border-left: 0.125em solid;
    box-shadow:
      -0.3125em 0em 0 -0.1875em #eee,
      inset 0.375em 0.25em 0 -0.25em #eee;
  }
  
  .audio_player .shuffle .arrow::after {
    content: '';
    position: absolute;
    top: 0.6875em;
    left: calc(100% + 0.625em);
    border: 0.25em solid transparent;
    border-left-width: 0.375em;
    border-left-color: currentColor;
  }
  
  .audio_player .shuffle .arrow:first-child {
    -webkit-transform-origin: 0 0.5em;
            transform-origin: 0 0.5em;
    -webkit-transform: scaleY(-1);
            transform: scaleY(-1);
  }
  
  .audio_player .repeat {
    width: 1.375em;
    height: 1.375em;
    color: #d5d5d5;
    border: 0.125em solid;
    border-right-color: transparent;
    border-radius: 50%;
  }
  
  .audio_player .repeat::before {
    content: '';
    position: absolute;
    top: -0.125em;
    left: -0.125em;
    width: calc(100% + 0.25em);
    height: calc(100% + 0.25em);
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    border: 0.125em solid transparent;
    border-right-color: currentColor;
    border-radius: 50%;
  }
  
  .audio_player .repeat::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -0.3125em;
    border: 0.25em solid transparent;
    border-top-width: 0.375em;
    border-top-color: currentColor;
  }
  
  .audio_player .shuffle.active,
  .audio_player .repeat.active {
    color: #bde;
  }
  
  @-webkit-keyframes spin {
    100% { -webkit-transform: rotate(360deg) translate(-50%,-50%); transform: rotate(360deg) translate(-50%,-50%); }
  }
  
  @keyframes spin {
    100% { -webkit-transform: rotate(360deg) translate(-50%,-50%); transform: rotate(360deg) translate(-50%,-50%); }
  }
  .audio_player .list-vid-tags {
      display:inline-block;
      margin:0 auto;
    color:#666;
    font-size:12px;
  }
  .login-card-wrapper input {
    background-color: rgba(255,255,255,0.6);
    border-color: #dbcfe8;
}
.login-card-wrapper .select2-container--default .select2-selection--single {
    background-color: rgba(255, 255, 255,0.6);
    border: 1px solid #dbcfe8;
}
.login-card-wrapper{
    position:relative;
    overflow:hidden;
    margin-bottom:0;
    font-weight: 600;
    padding:25px;
    background-color:rgba(255,255,255,0.9)!important
}
.login-card-wrapper::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 80%;
    border-radius: 200px;
    background-color: rgba(255, 255, 255,0.5);
    transform: translate(15%,10%);
    z-index: -1;
}
.login-card-wrapper .card-subtitle{
    border-top:solid 1px rgba(0,0,0,0.1)
}
.login-card-wrapper .card-header{overflow:visible!important}
.login-content-body{
    min-height: calc(100vh - 55px);
}
.down-asign-span .btn-sm {
    padding: 6px;
}

.dash-posts-wrapper .card .card-header{overflow:visible}

.btn-secondary,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger,.btn-light,.btn-dark{
    border-color:rgba(0,0,0,0.1)!important;
}
.template-setting-item {
    margin-bottom: 20px;
}
.temp-layout-radio .custom-radio {
    margin-right: 20px;
    padding-left: 1.5rem;
}
.temp-layout-radio .custom-control-label::after, 
.temp-layout-radio .custom-control-label::before{
    left: -1.5rem;
}
.del-recording {
    position: absolute;
    right: 5px;
    padding: 0px;
    background-color: #fa626b;
    height: 16px;
    width: 16px;
    border-radius: 4px;
    top: 6px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
}
.recording-item-card {
    height: calc(100% - 30px);
    padding-bottom: 75px;
    position: relative;
}
.recording-item-card .plyr--full-ui.plyr--video .plyr__control--overlaid,
.recording-item-card .plyr__menu{display:none!important}
.recording-item-card .plyr__volume [data-plyr="volume"]{display:none!important}
.share-list-sec .recipientsCheckboxWrapper .custom-control {
    padding: 0;
}
.share-list-sec .recipientsCheckboxWrapper .custom-control input {
    margin-right: 1rem;
}
.share-list-sec .recipientsCheckboxWrapper .custom-control label {
    margin-bottom: 0;
}
#LoadRecipientsAcTypes.nav-tabs .nav-item .nav-link .badge{margin-left:5px}

.plyr__video-wrapper,.plyr--video{background-color: transparent!important;}
.recor-vid-cus-action {
    padding: 1em 15px 0.5em;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
}
.recor-vid-cus-action .btn.btn-success.js-play {
    width: 4em;
    height: 4em;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#f6f6f6));
    background-image: linear-gradient(#ddd, #f6f6f6);
    border: none;
    border-radius: 50%;
    position: relative;
    padding: 0;
    line-height: 40px;
}

.recor-vid-cus-action .btn.btn-success.js-play::after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #f4f4f4;
    border: 0.125em solid #d5d5d5;
    border-radius: 50%;
    box-shadow: inset 0 0.25em 1em -0.25em rgba(255,255,255,0.75);
}
.recor-vid-cus-action .btn.btn-success:hover::before,
.recor-vid-cus-action .btn.btn-success:hover::after{
    background-color: #fff!important;
}
.recor-vid-cus-action .btn.btn-success.js-play i {
    font-size: 16px;
}
.recor-vid-cus-action .btn.btn-success.js-pause,
.recor-vid-cus-action .btn.btn-success.js-stop {
    width: 3em;
    height: 3em;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#f6f6f6));
    background-image: linear-gradient(#ddd, #f6f6f6);
    border: none;
    border-radius: 50%;
    position:relative;
    padding: 0;
    line-height: 40px;
}
.recor-vid-cus-action .btn.btn-success.js-pause::before,
.recor-vid-cus-action .btn.btn-success.js-stop::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #f4f4f4;
    border: 0.125em solid #d5d5d5;
    border-radius: 50%;
    box-shadow: inset 0 0.25em 1em -0.25em rgba(255,255,255,0.75);
}
.recor-vid-cus-action .btn.btn-success:focus,
.recor-vid-cus-action .btn.btn-success:hover {
    box-shadow: none!important;
}
.recor-vid-cus-action .btn.btn-success i {
    color: #dbdbdb;
    font-size: 13px;
    position: relative;
    z-index: 3;
    text-shadow:0px -1px 0px #999;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.recording-item-video .list-vid-time.vid-dis-item {
    position: absolute;
    top: 5px;
    color: rgba(255, 255, 255,0.8);
    text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
    left: 10px;
    padding-left:0;
}

.recording-item-video .plyr__volume {
    max-width: 30px!important;
}
.recording-item-video .plyr__control[data-plyr="play"]{
    display: none!important;
}
.album-wrapper {
    min-height: 165px;
    margin-bottom: 20px;
}

.loader-wrapper {
width:100%;
position:fixed;
top:0;
left:0;
background-image: linear-gradient(to right,#9f78ff,#32cafe);
min-height: 100vh;
z-index: 99999;
}
.loader {
    height: 60px;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 60px;
  }
  .loader span {
    animation: load 4s ease-in-out infinite;
    background: white;
    display: block;
    height: 12px;
    opacity: 0;
    position: absolute;
    width: 12px;
  }
  .loader span.block-1 {
    animation-delay: 0.92s;
    left: 0px;
    top: 0px;
  }
  .loader span.block-2 {
    animation-delay: 0.84s;
    left: 16px;
    top: 0px;
  }
  .loader span.block-3 {
    animation-delay: 0.76s;
    left: 32px;
    top: 0px;
  }
  .loader span.block-4 {
    animation-delay: 0.68s;
    left: 48px;
    top: 0px;
  }
  .loader span.block-5 {
    animation-delay: 0.6s;
    left: 0px;
    top: 16px;
  }
  .loader span.block-6 {
    animation-delay: 0.52s;
    left: 16px;
    top: 16px;
  }
  .loader span.block-7 {
    animation-delay: 0.44s;
    left: 32px;
    top: 16px;
  }
  .loader span.block-8 {
    animation-delay: 0.36s;
    left: 48px;
    top: 16px;
  }
  .loader span.block-9 {
    animation-delay: 0.28s;
    left: 0px;
    top: 32px;
  }
  .loader span.block-10 {
    animation-delay: 0.2s;
    left: 16px;
    top: 32px;
  }
  .loader span.block-11 {
    animation-delay: 0.12s;
    left: 32px;
    top: 32px;
  }
  .loader span.block-12 {
    animation-delay: 0.04s;
    left: 48px;
    top: 32px;
  }
  .loader span.block-13 {
    animation-delay: -0.04s;
    left: 0px;
    top: 48px;
  }
  .loader span.block-14 {
    animation-delay: -0.12s;
    left: 16px;
    top: 48px;
  }
  .loader span.block-15 {
    animation-delay: -0.2s;
    left: 32px;
    top: 48px;
  }
  .loader span.block-16 {
    animation-delay: -0.28s;
    left: 48px;
    top: 48px;
  }
  
  @keyframes load {
    0% {
      opacity: 0;
      transform: translateY(-100px);
    }
    15% {
      opacity: 0;
      transform: translateY(-100px);
    }
    30% {
      opacity: 1;
      transform: translateY(0);
    }
    70% {
      opacity: 1;
      transform: translateY(0);
    }
    85% {
      opacity: 0;
      transform: translateY(100px);
    }
    100% {
      opacity: 0;
      transform: translateY(100px);
    }
  }
  .res-reply-btn-wrapper .btn {
    padding: 4px 6px;
    line-height: normal;
    font-size: 11px;
    font-family: rubik;
}
.coup-or{position:relative}
.coup-or::after {
    content: "or";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 20px;
    height: 20px;
    background-color: #696b73;
    color: #fff;
    border-radius: 100px;
    text-align: center;
    font-size: 11px;
    line-height: 18px;
}

.add-coupon-item {
    padding:15px 15px 0px 15px;
    border: dashed 1px #eceef7;
    border-radius: 10px;
    margin: 15px auto;
    display: inline-block;
    width: 100%;
    background-color: rgba(241, 242, 247,0.2);
}
.add-coupon-item:first-child{margin-top:0;}
.coupon-card-preview-item {
    color: #fff;
    padding:15px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position:relative;
    text-align:center;
    margin:10px 0;
    z-index:1;
}
.coupon-card-preview-item::before {
    content: "";
    position: absolute;
    left: 0px;
    width: 5px;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    top: 0;
}
.coupon-card-preview-item::after {
    content: "";
    position: absolute;
    left:-7px;
    width: 15px;
    height: 15px;
    background-color: #fff;
    top: 50%;
    transform: translateY(-50%);
    border-radius:100px;
}
.coup-bg {
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../../app-assets/images/coupon-card-bg.jpg);
    background-repeat: repeat;
    background-size:100% auto;
    width: 100%;
    height: 100%;
    opacity: 0.03;
    z-index: -1;
}
.coupon-dis-amt {
    font-size: 30px;
    color: rgba(255, 255, 255,0.8);
    font-family: rubik;
    font-weight: 600;
}
.coupon-dis-amt span {
    font-weight: 300;
    line-height: normal;
    font-size: 20px;
}
.coupon-validity {
    color: rgba(255,255,255,0.5);
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 10px;
}
.coupon-users-list,
.coupon-user-email {
    border-bottom: solid 1px rgba(0,0,0,0.05);
    padding-bottom: 10px;
}
.coupon-code-preview {
    padding: 6px 10px;
    border: dashed 1px rgba(255, 255, 255,0.8);
    max-width: 150px;
    margin: 15px auto 5px auto;
    font-weight: 600;
    font-family: rubik;
    letter-spacing: 0.5px;
    background-color: rgba(255,255,255,0.1);
    box-shadow: 0px 9px 13px rgba(0,0,0,0.2);
}
.coupon-users-list i,.coupon-user-email i{margin-right:4px}
.coupon-card-aside{max-height:500px;}
.duration-type-select .btn {
    min-width: 95px;
    padding-left: 7px;
    padding-right: 7px;
}
.course-cms-section .custom-control.custom-radio {
    padding-left: 1.5rem;
}
.course-cms-section .custom-control-label::after, 
.course-cms-section .custom-control-label::before{
    left: -1.5rem;
}
.login-welcome-back {
    font-size: 22px;
    font-weight: 300;
    color: #333;
    margin-bottom: 15px;
    text-align: center;
}
.login-welcome-back small {
    font-size: 12px;
    display: block;
    color: #777;
    font-family: rubik;
}
.login-remember-forgot {
    margin:10px 0 25px 0;
    font-size: 13px;
}



/* Hide the browser's default checkbox */
.checkbox1 {
    position:relative;
    padding-left: 28px;
    margin: 0;
    cursor: pointer;
    line-height:20px;
}
.checkbox1 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #ddd;
    border-radius:50px;
  }
  
  /* On mouse-over, add a grey background color */
  .checkbox1:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .checkbox1 input:checked ~ .checkmark {
    background-color: #4CAF50;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after{
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .checkbox1 input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .checkbox1 .checkmark:after {
      left: calc(50% - 5px);
    top: 50%;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg) translate(-50%,-50%);
    -ms-transform: rotate(45deg) translate(-50%,-50%);
    transform: rotate(45deg) translate(-50%,-50%);
  }
  .username-validate-icon input{
    padding-right: 2.5rem !important;
}
.username-validate-icon.valid-username:after{
    content: "\f00c";
    font-family: "font awesome 5 free";
    font-weight: 900;
    position: absolute;
    right: 12px;
    top: 50%;
    color: #fff;
    transition: all 0.8s;
    font-size: 10px;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border-radius: 30px;
    background-color: #4caf50;
    line-height: 18px; 
}
.btn-social-icon {
    width: 2.95rem !important;
}
.login-info-item img{max-width:90%;height:auto;max-height:300px;}
.linfo-caption {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    font-family: rubik;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #dce0e6;
}
.login-carousel-wrapper{
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    padding-top: 30px;
    padding-bottom: 30px;
}

.login-content-body .slick-dots li{
    width: 30px!important;
    height: 5px!important;
    margin: 0 5px!important;
}
.login-content-body .slick-dots li button{
    width: 30px!important;
    height: 5px!important;
}
.login-content-body .slick-dots li button::before{
    background-color: #ccc!important;
    content: ''!important;
    height:5px!important;
    width: 30px !important;
    border-radius: 10px;
}
.login-content-body .slick-dots li.slick-active button::before{
    background-color: #297cf9 !important;
}
.offline-test-info i{margin: 0px 4px;}
.img-res-card .resource-likes-dislikes {
    transition: all 0.7s;
}
.img-res-card:hover .resource-likes-dislikes{
    position:absolute;
    left:0px;
    bottom: 0px;
    width: 100%;
}
.img-res-card:hover .card-img-overlay .d-table{
    padding-bottom:35px
}

.btn.play-info-btn{
    border-radius: 100px;
    padding:4px 15px 4px 4px;
    font-weight: 600;
    font-size: 16px;
    font-family: rubik;
}
.btn.play-info-btn:hover{
    -webkit-box-shadow: 0 9px 16px 0 rgba(62,57,107,.2);
    box-shadow: 0 9px 16px 0 rgba(62,57,107,.2);
}
.btn.play-info-btn i {
    background-color: #3478f6;
    padding: 0px;
    width: 38px;
    height: 38px;
    border-radius: 100px;
    font-size: 15px;
    text-align: center;
    line-height: 38px;
    color: #fff;
    position: relative;
    margin-right: 3px;
}

.recording-list-wrapper .actions .btn.btn-md {
    padding: 7px 20px;
}
.recording-list-wrapper .plyr-actions.btn-group .btn {
    border: solid 1px rgba(0,0,0,0.2);
}
.recording-list-wrapper .plyr-actions.btn-group .btn:hover{
    border-color: unset;
}


/* 14.10.2020 */
.recording-filter-wrapper .study-mate-tags-select .edit-on-delete{
white-space: nowrap;
width: 100%;
position: relative;
padding-right:50px
}
.recording-filter-wrapper .study-mate-tags-select .edit-on-delete .type-zone{max-width:50px}

.recording-list-wrapper .plyr--video.plyr--stopped .plyr__controls { display: none; }
.list-video-description {
    font-size: 12px;
    width: 100%;
    color: #666;
}
.list-video-description .vid-dis-item{margin:2px 0px;display:inline-block;padding-left: 15px!important;}
.list-vid-title{
    color:#333;
    font-weight: 600;
    font-size: 14px;
    width: 100%;
}
.list-vid-time,.list-vid-tags{padding-left:15px;position:relative}
.list-vid-time i,.list-vid-tags i{position:absolute;left:0;top:3px}

.list-vid-type {
    position: absolute;
    top: 6px;
    right:40px;
    color: rgba(230, 230, 230, 0.8);
    text-shadow: 0px 1px 0px rgba(0,0,0,0.3);
}

.rec-video-details {
padding:10px 15px;
background-color: #fff;
}

.btn.recording-delete {
    position: absolute;
    right: 10px;
    top: 5px;
    padding: 0;
    line-height: normal;
    width: 22px;
    height: 22px;
    border-radius: 5px;
    color: #fff;
    z-index: 1;
}
.tagsinput{
    border-color:#babfc7!important;
    border-radius:0.4rem!important;
    padding-left:1.5rem!important;
    padding-right:1.5rem!important;
}
.tagsinput input::-webkit-input-placeholder { /* Edge */
    color: #babfce!important;
  }
  
.tagsinput input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #babfce!important;
  }
  
.tagsinput input::placeholder {
    color: #babfce!important;
  }
.tagsinput.focus{
    color: #4e5154!important;
    border-color: #6967ce!important;
}
.tagsinput .tag{
    border-radius: 5px!important;
    background: #4878d4!important;
}
.tagsinput .tag-text {
    display: inline-block!important;
    padding-right: 5px!important;
}