/*
@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");


@font-face {
    font-family: 'Object Sans';
    src: url('/fonts/ObjectSans-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Object Sans';
    src: url('/fonts/ObjectSans-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Object Sans';
    src: url('/fonts/ObjectSans-Slanted.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
}


*/




:root {
  --c-text-primary: #282a32;
  --c-text-secondary: #686b87;
  --c-text-action: #404089;
  --c-accent-primary: #434ce8;
  --c-border-primary: #eff1f6;
  --c-background-primary: #ffffff;
  --c-background-secondary: #fdfcff;
  --c-background-tertiary: #ecf3fe;
  --c-background-quaternary: #e9ecf4;
}

body {
  line-height: 1.5;

  font-family: "Be Vietnam Pro", sans-serif;
  /*background-color: var(--c-background-secondary);*/
  color: var(--c-text-primary);
}




body {
    margin: 0;
    min-height: 100vh;
	color:#333333;
	background-color:#f7f7f7;
	  font-family: "Roboto", sans-serif;
	
	
	
	 font-family: 'Object Sans', sans-serif;
/*
	    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-family: proxima-nova, sans-serif;
    color: #141414;
    text-rendering: optimizeLegibility;
	*/
/*font-family: proxima-nova, sans-serif;*/
/*font-family: Arial, sans-serif;*/


/*font-family: dm sans,sans-serif;*/
    
	/*font-weight: 400;*/
letter-spacing: 0.4px;
  /*  font-size: 16px;*/
}

/*
.modal.in .modal-dialog {
    display: flex;
	flex-shrink:0;
    justify-content: center;
    align-items: center;
	height:100vh;
}
*/
.modal-backdrop {z-index:1020;}
.modal {z-index:1025;}
.body-color {
    background-color: #f3f2ef;
}

.font-xx-larger {
    font-size: xx-large;
}

.font-x-larger {
    font-size: x-large;
}

.font-large {
    font-size: large;
}

.font-medium {
    font-size: medium;
}

.font-small {
    font-size: 85%;
}
.font-smaller {font-size: smaller;}
.font-x-small {
    font-size: x-small;
}

.font-larger {
    font-size: large;
}

a {
    color: #0D91FBFF;
    text-decoration: none;
    text-shadow: none;
}

.spinner-layer.pl-red {
    border-color: #0D91FB
}

.neg-link {
    color: #E91E63;
}

a.neg-link:hover {
    color: #E91E63;
}

a:hover, a:focus {
    color: #065fd4;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

.link {
    cursor: pointer;
}

.pagination li.active a {
    background-color: #0D91FBFF;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #0D91FBFF;
    border-color: #0D91FBFF;
}

.form-control {
    background-color: transparent;
}

input.form-control {
    background: transparent;
}

.form-group .form-line:after {
    border-bottom: 2px solid #0D91FBFF;
}

.input-group .form-line:after {
    border-bottom: 2px solid #0D91FBFF;
}

[type="checkbox"].filled-in:checked.chk-col-teal + label:after {
    border: 2px solid #0D91FBFF;
    background-color: #0D91FBFF;
}

[type="radio"].with-gap.radio-col-teal:checked + label:before {
    border: 2px solid #0D91FBFF;
}

[type="radio"].with-gap.radio-col-teal:checked + label:after {
    background-color: #0D91FBFF;
    border: 2px solid #0D91FBFF;
}

[type="checkbox"]:checked + label:before {
    border-right: 2px solid #0D91FBFF;
    border-bottom: 2px solid #0D91FBFF;
}

[type="radio"].with-gap:checked:disabled.chk-col-teal + label:after {
    border: 2px solid #d8d8d8;
    background-color: #cacaca;
}

[type="checkbox"].filled-in:checked:disabled.chk-col-teal + label:after {
    border: 2px solid #d8d8d8;
    background-color: #cacaca;
}

input[type="text"]:disabled {
    background: #fafafa;
!important;
    color: #979797;
}

input[type="email"]:disabled {
    background: #fafafa;
!important;
    color: #979797;
}

.bootstrap-tagsinput {
    background-color: #fff0 !important;
}

.link-inherit {
    color: inherit;
}

.text-sh, .info-shdw {
    text-shadow: 0 0 1px #0D91FB80;
}

.text-shadow {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.border-0 {
    border: 0 !important;
}

.dropdown-menu {
    border-radius: 10px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.card {
    border-radius: 10px;
    background: #fafafa;
    border: 1px solid #e9e9e9;
    box-shadow: none;
	margin-bottom:10px;
}
.card0{border-radius:0 !important;}


.block-header {
    /* padding-left: 5px;*/
    padding-left: 30px;
}

.no-card {
    background: none;
    box-shadow: none;
    border: none
}

.no-card hr {
    border-top: 1px solid #cdcdcd;
}

.selected-box {
    border: 4px solid #8dcbcb !important;
}

.card .header h2 {
    font-size: 22px;
    font-weight: 500;
	/*margin-bottom:15px;*/
}

.card .header, .mail-body {
    padding: 30px 30px;
}

.card .body {
    padding: 30px;
}

.card .footer {
    padding: 15px 30px;
}

.card-dark {
    background: #333;
}

.card-dark .body {
    color: #fff !important;
}

.card-dark .btn-line-primary {
    color: #000000 !important;
    border: 2px solid #ffffff !important;
    background: #fff !important;
}

.card-small .header h2 {
    font-size: 14px;
    font-weight: 500;
}

.modal .modal-content {
    border-radius: 10px;
}

.modal-body {
    padding: 15px 30px; /*patch->altered*/
}

section.content {
    /* margin: 100px 15px 0 315px;
     */
    margin: 100px 0 0 265px;
}

.ls-closed section.content {
    margin-left: 0;
}


.demo-checkbox .label90px, .demo-radio-button .label90px {
    min-width: 90px;
}

form p {
    margin-bottom: 10px !important;
}


.nav-tabs > li > a {
    border: none !important;
    color: #333333;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.nav-tabs li.active a {
    color: #222 !important;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.nav-tabs > li.disabled > a {
    color: #bababa !important;
}

.profile-left-nav .list-group-item {
    padding: 15px 25px;
    border: none;
    border-top: 1px solid #ddd;
    font-weight: 700;
    color: #555;
}

.palette-p-m0 p {
    margin: 0;
}
ul ul, ol ul, ul ol, ol ol {
    margin-top: 0;
    margin-bottom: 10px;
}
.bootstrap-tagsinput {
    display: block !important;
    line-height: 25px !important;
}

.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: #000000;
    border: 1px solid #c7c1c1;
    border-radius: 4px;
}

.bootstrap-select .bs-searchbox input {
    padding-left: 35px;
}

/*
.btn-default {
    background-color: #fff0 !important;
}*/
.material-symbols-outlined {font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 48;}

.m-inline {font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;font-size: 18px !important;vertical-align: middle;padding-right: 8px;}

.btn-circle {
    /*border: 1px solid #d5d5d5;*/
	padding:0;
}
.btn-circle-lg {
    /*border: 1px solid #d5d5d5;*/
	padding:0;
}

/*
.btn-default {
    color: #787777;
}*/

.btn-simple {
    font-size: 13px;
	font-weight:normal;
    line-height: revert;
    border: 1px solid #cbcbcb;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    background: #e7e7e7;
    color: #5a5858;
    border-radius: 4px;
    padding: 4px 6px;
    text-align: center;
    min-width: 56px;
	white-space: nowrap;
    cursor: pointer;
}
.btn-simple .material-symbols-outlined {
	font-size: 18px;
vertical-align: middle !important;
margin-top: -3px;
    padding-right: 7px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);

}
.btn-simple:hover {
    background: #cfcfcf;
    color: #5a5858;
}
.click {
    cursor: pointer;
}

.mso-fill {font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 48 !important;}
.btn-shw {
    box-shadow: 0 2px 5px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
}

.btn-filter {
    font-size: 13px;
    background-color: #fdfdfd !important;
    border-radius: 4px !important;
    border: 1px solid #c4c1c1 !important;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.btn-google-login {
    color: #ff7f45 !important;
    border: 2px solid #ff7f45 !important;
}

.btn-facebook-login {
    color: #4576ff !important;
    border: 2px solid #4576ff !important;
}


.list-group-item.active:hover {
    color: #555;
}

.table tr td [type="checkbox"] + label {
	height:10px;
}

.label-trans {
    background: none;
    color: #707070;
    font-weight: normal;
    font-size: 11px;
    border: 1px solid #9e9e9e;
    border-radius: 12px;
    margin-left: 4px;
}

.label-info {
    background: #e3e3e3;
    color: #ccc;
    font-weight: normal;
    font-size: 13px;
    border: 1px solid #9e9e9e;
    border-radius: 12px;
    margin-left: 4px;
}

.label-tag {
    background: none;
    color: #787474;
    font-weight: normal;
    font-size: 11px;
    border: 1px solid #9e9e9e;
    border-radius: 12px;
    margin-left: 4px;
}

.label-tag-md {
    background: #f8f8f8;
    color: #747878;
    font-weight: normal;
    font-size: 12px;
    border: 1px solid #ececec;
    border-radius: 12px;
    margin-left: 4px;
    line-height: 28px;
}

.label-tag-md i {
    font-size: 13px;
}

.label-tag-lg {
    background: #f8f8f8;
    color: #787474;
    font-weight: normal;
    font-size: 15px;
    border: 1px solid #ececec;
    border-radius: 16px;
    margin-left: 4px;
    line-height: 38px;
}

.label-tag-waiting-md {
    background: #dfddde;
    color: #000;
    font-weight: normal;
    font-size: 13px;
    border: 1px solid #f3eeee;
    border-radius: 12px;
    margin-left: 4px;
    line-height: 28px;
}

.label-orange {
    background: #ff9800;
    color: #fff;
    font-weight: normal;
    font-size: 11px;
    border: 1px solid #ff9800;
    border-radius: 4px;
}

.label-false {
    background: #fff1f1;
    color: #000;
    font-weight: normal;
    font-size: 11px;
    border-left: 4px solid red;
}

.label-true {
    background: #e9f3e9;
    color: #000;
    font-weight: normal;
    font-size: 11px;
    border-left: 4px solid green;
}

.like-sticker {
    font-size: 12px;
    border-radius: 4px;
    padding: 4px 6px;
    border: 2px solid #e9e9e9;
    background: #fdfdfd;
    box-shadow: inset 2px 2px 4px #d1d9e6, inset -2px -2px 4px #f9f9f9;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.display-flex {
    display: flex;
}

.display-inline {
    display: inline-block;
    align-items: center;
}

.display-inline-flex {
    display: inline-flex;
    align-items: center;
}

.img-circle {
    border-radius: 50% !important;
}

.font-weight-normal {
    font-weight: normal;
}

.false-link {
    color: inherit;
}

.false-link:hover {
    color: inherit;
    text-decoration: none;
}

/* .bootstrap-select .bs-searchbox {
     margin-left:30px;
}
 */
/* .btn {
     font-family: 'Open Sans',Arial,Helvetica,Sans-Serif!important;
}
*/
.btn .material-symbols-outlined {
    align-items: center;
    justify-content: center;
    vertical-align: middle;	
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.btn-bookmark, .btn-wishlist, .btn-share, .btn-review {
    background: #DDDDDD;
    color: #333333;
    padding: 8px 14px;
    border-radius: 20px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	cursor: pointer;
}
.btn-bookmark:hover, .btn-wishlist:hover, .btn-share:hover, .btn-review:hover {
    background: #cfcfcf;
    color: #333333;
}

.btn-group {
    box-shadow: none;
}

.btn-2lg {
    padding: 20px 36px !important;
    font-size: 18px !important
}

.btn-custom {
    min-width: 120px;
}

.btn-xxs {
    padding: 2px 8px;
    min-width: 68px;
    font-size: 13px;
    text-shadow: none;
}

.btn-xs {
    padding: 3px 5px;
    min-width: 90px;
}


.btn-sm {
    padding: 5px 8px;
    min-width: 90px;
}

.btn-md {
    min-width: 110px;
    font-size: 14px;
    padding: 10px 16px;
}

.btn-lg {
    min-width: 160px;
    font-size: 16px;
    padding: 16px 24px;
}

.btn-xlg {
    min-width: 160px;
    font-size: 18px;
    font-weight: 500;
    padding: 20px 64px;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #0D91FBFF !important;
}



.btn-line-grey {
    color: #746868;
    box-shadow: none !important;
    background: none !important;
    border: 1px solid #ccc !important;
    font-weight: 500;
    border-radius: 8px !important;
}

.btn-line-blue {
    color: #2196f3;
    box-shadow: none !important;
    background: none !important;
    border: 1px solid #2196f3 !important;
    font-weight: 500;
    border-radius: 8px !important;
}

.btn-line-primary {
    color: #0D91FBFF !important;
    box-shadow: none !important;
    background: none !important;
    border: 1px solid #0D91FBFF !important;
    font-weight: 500;
    border-radius: 8px !important;
}

/* .btn-line-primary:hover {
     color: #fff;
     box-shadow: none !important;
     background: #2196f3 !important;
     border: 1px solid #2196f3 !important;
}
 */
xmp {
    display: table;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    background: #efefef;
    padding: 8px;
    font-size: 12px;
}

.btn-line-secondary {
    color: #E91E63;
    box-shadow: none !important;
    background: none !important;
    border: 2px solid #E91E63 !important;
    font-weight: 500;
    border-radius: 8px !important;
}

.btn-line-dismiss {
    color: #9E9E9E;
    box-shadow: none !important;
    background: none !important;
    border: 2px solid #00000024 !important;
    font-weight: 500;
    border-radius: 8px !important;
}

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

.text-muted {
    color: #bebebe;
	text-shadow:none;
}

.data-btn {
    border: 1px solid #ccc;
    padding: 6px 10px;
    border-radius: 18px;
    /*margin-left: 15px;*/
    margin-bottom: 40px;
    line-height: 2.6;
}

.transparent-input {
    border: none !important;
    color: transparent !important;
}

.hideclass {
    display: none !important;
}

.display0 {
    display: none !important;
}

.testbox {
    border: 1px solid red;
}
.g-testbox {
    border: 1px solid green;
}

.rmv-shdw {
    box-shadow: none !important;
}

.btn-shadow {
    box-shadow: 0 2px 5px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
}

.btn-no-shdw {
    box-shadow: none !important;
}

.p-a-10 {
    padding: 10px !important;
}

.data-selected {
    color: #5bb4ff !important;
}

.data-deselected {
    color: #e91e63 !important;
}

.jq-message {
    top: 50px;
    min-width: 450px;
    padding: 14px 22px;
    z-index: 9999;
    font-size: 13.4px;
    -webkit-box-shadow: 10px 10px 56px -2px rgba(0, 0, 0, 1);
    -moz-box-shadow: 10px 10px 56px -2px rgba(0, 0, 0, 1);
    box-shadow: 10px 10px 56px -2px rgba(0, 0, 0, 1);
}

.jq-message__img {
    width: 48px;
    height: 48px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.jq-message__group {
    margin-left: 38px;
    margin-right: 38px;
    position: relative;
    height: auto;
}

.jq-message__closeBtn {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #bfcbd9;
    background: #fff;
    font-size: 28px;
    font-weight: 400;
    width: 48px;
    height: 48px;
    line-height: 40px;
    text-align: center;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}

.unread-notification {
    background-color: #f7f7f7;
}

.tox-statusbar__branding {
    display: none;
}



.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
    background-color: #0D91FBFF !important;
}
.uppy-Dashboard--modal .uppy-Dashboard-overlay { z-index: 1045 !important;}
.uppy-Dashboard--modal .uppy-Dashboard-inner {
    z-index: 1046 !important;
}

.uppy-Dashboard-poweredBy {display:none !important;}

/*  js confirm css here the below z-index code is required chnage from 9999 to 1099 because of editor zindex 1100*/
.jconfirm {
    z-index: 1029 !important;
}
.jconfirm .jconfirm-box {padding:0;}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {max-width: none;}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}
.jconfirm .jconfirm-box div.jconfirm-closeIcon {
    /* height: 24px; */
    /* width: 20px; */
    position: absolute;
    top: 22px;
    right: 30px;
    cursor: pointer;
    opacity: .6;
    text-align: center;
    font-size: 38px !important;
    line-height: 38px !important;
    display: none;
    z-index: 1;
}
.jconfirm .jconfirm-box div.jconfirm-title-c {
    padding: 30px;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 0;
}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
  /*float: right;padding-right: 30px;*/
  float:none;
      text-align: right;
  padding: 30px;
    margin-top: -7px;
}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    font-weight: normal;
}


.header-dropdown i {
    font-size: 20px;
    color: #525252;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    vertical-align: middle;
    margin-top: -3px;
    padding-right: 7px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.dropdown-menu i {
  /*  color: #525252;*/
    vertical-align: middle;
    margin-top: -2px;
    font-size: 20px;
    padding-right: 7px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.material-symbols-outlined-outlined {
    font-family: 'Material Icons Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 36px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.modal-body .nav > li > a {
    padding: 10px 10px;
}

.sidebar .menu .list a span, .sidebar .menu .list i.material-symbols-outlined {
    color: #414141;
    text-shadow: 0 0 1px #4141414D;
}

.sidebar .menu .list i.material-symbols-outlined {
    margin-top: 7px;
}

.material-symbols-outlined {
    font-size: 18px;
    /* text-shadow: 0 0 1px rgba(0, 0, 0, 0.5); */
}

.material-symbols-outlined .aligned {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    margin-bottom: 4px;
    padding-right: 8px;
}

.material-symbols-outlined .center-icon-sm {
    font-size: 42px;
    color: #ccc;
}

.material-symbols-outlined .center-icon-md {
    font-size: 62px;
    color: #ccc;
}

/* .material-symbols-outlined*/
.action-icon {
    font-size: 20px;
    color: #ccc !important;
}

.form-control-label {
    text-align: left;
}

.height-match {
    min-height: 320px;
}

/* Activity stream */
.stream {
    position: relative;
    padding: 10px 0;
}

.stream:first-child .stream-badge:before {
    top: 10px;
}

.stream:last-child .stream-badge:before {
    height: 30px;
}

.stream .stream-badge {
    width: 50px;
}

.stream .stream-badge i {
    border: 1px solid #e7eaec;
    border-radius: 50%;
    padding: 6px;
    color: #808486;
    position: absolute;
    background-color: #ffffff;
    left: 2px;
}

.high-activity i {
    border: 1px solid #009688 !important;
    color: #009688 !important;
}

.stream .stream-badge i.fa-circle {
    color: #ced0d1;
}

.stream .stream-badge i.bg-success {
    color: #ffffff;
    background-color: #1c84c6;
    border-color: #20dcae;
}

.stream .stream-badge i.bg-past {
    color: #ffffff;
    background-color: #756867;
    border-color: #9ca2a1;
}

.stream .stream-badge i.bg-primary {
    color: #ffffff;
    background-color: #1ab394;
    border-color: #1ab394;
}

.stream .stream-badge i.bg-warning {
    color: #ffffff;
    background-color: #f8ac59;
    border-color: #f8ac59;
}

.stream .stream-badge i.bg-info {
    color: #ffffff;
    background-color: #23c6c8;
    border-color: #23c6c8;
}

.stream .stream-badge i.bg-red {
    color: #ffffff;
    background-color: #ed5565;
    border-color: #ed5565;
}

.stream .stream-badge:before {
    content: '';
    width: 1px;
    background-color: #e7eaec;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
}

.stream .stream-info {
    font-size: 12px;
    /* margin-bottom: 5px; */
}

.stream .stream-info img {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    margin-right: 2px;
    margin-top: -4px;
}

.stream .stream-info .date_activity {
    color: #9a9d9f;
    font-size: 80%;
}

.stream .stream-panel {
    margin-left: 55px;
    padding-top: 4px;
}

.stream-small {
    margin: 10px 0;
}

.stream-small .label {
    padding: 2px 6px;
    margin-right: 2px;
}

/*file-upload btn*/
.fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer;
}

input[type="file"] {
    display: block;
}

/*end-file-upload btn*/
.page-int .title {
    font-size: 28px;
    font-weight: bold;
}

.page-int .sub-title {
    font-size: 15px;
    font-weight: normal;
}

.view-obj-ttl {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.6;
}

.sub-ttl {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.onlist-ttl {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.6;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.prominent-text {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.prominent-card-text {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.list-ttl {
    font-size: medium;
}

.list-info {
    font-size: small;
    /* font-size: 12px;
    */
    line-height: 2.0;
    letter-spacing: 0.6px;
}

.lh18 {
    line-height: 1.8;
}

.lh20 {
    line-height: 2.0;
}

.lh24 {
    line-height: 2.4;
}

.list-info .data {
    font-weight: 500;
}

.list-info .material-symbols-outlined {
    font-size: 16px;
}

.list-data {
}

.user-list .name {
    font-size: 13px !important;
    text-shadow: none !important;
}

.user-list .data {
    font-size: 12px;
    /*   padding-top: 8px;*/
}

.single-item {
    line-height: 2.0;
    font-size: 13px;
}

.single-item .data {
    font-weight: 500;
}

.send-msg {
    font-size: 12px;
}

.m-icon-aligned {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    /* margin-bottom:4px;
    */
    padding-right: 8px;
}

.card-ttl {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.pg-sec-ttl {
    margin: 0;
    font-size: 28px;
    font-weight: normal;
    color: #111;
}

.pg-info {
    line-height: 1.8;
    font-weight: 400;
}

.icon-ttl {
    /* font-size: 1.5rem;*/
    font-size: medium;
    /* font-weight: 500;
    */
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.icon-sub-ttl {
    font-size: 1.3rem;
    font-weight: 400;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.bring-left {
    float: none !important;
}

.vertical-center {
    display: flex;
    align-items: center;
}
.vertical-start {
    display: flex;
    align-items: flex-start;
}
.vertical-end {
    display: flex;
    align-items: flex-end;
}

.show-btns:hover .hide-btns {
    /*background: rgba(#FAFBFC, 0);*/
    transition: all .1s;
    display: block;
    position: relative;
    right: 0;
    top: 0
}

.hide-btns {
    display: none;
}

.padding-a-0 {
    padding: 0 !important;
}

.remv-float {
    float: none !important;
}

.ttl-16rem {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
}

.f-s11 {
    font-size: 11px;
}

.f-s24 {
    font-size: 24px !important;
}

.font-s12 {
    font-size: 12px;
}

.font-s13 {
    font-size: 13px;
}

.f-w5 {
    font-weight: 500 !important;
}

.width60px {
    width: 60px;
}

.width50 {
    width: 50%;
    display: inline-block;
}

.width100prc {
    width: 100%;
}

.width200px {
    width: 200px !important;
}

.width180px {
    width: 180px !important;
}

.width150px {
    width: 150px !important;
}

.level2-info {
    font-size: small;
    letter-spacing: 0.8px;
    padding-top: 3px;
}

.ttl-desc {
    letter-spacing: 0.5px;
}

/*planned*/
.modal-table tbody tr td {
    padding: 3px;
}

.modal-table .ttl {
    font-size: 14px;
}

.modal-table .ttl-info {
	color:#606060;
    font-size: 85%;
    letter-spacing: 0.4px;
}

.compact-table tbody tr td {
    padding: 5px;
}

.compact-table-2px tbody tr td, .compact-table-2px tbody tr th {
    padding: 2px;
    border: 1px solid #ccc;
}

.div-hover:hover {
    background: #f3f3f3;
}

.div-shadow:hover {
    border-radius: 14px;
    box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
}

.border-hover:hover {
    border: 8px solid #77a177;
}

.test-ans-hover {
    border: 1px solid #f1f1f1;
    border-left: 4px solid #e2e2e2;
}
.test-ans-hover label, .test-ans-hover p{margin-bottom:0 !important;}

.test-ans-hover:hover {
    background: #ecf6ec;
    border-left: 4px solid green;
}

.test-ans-selected {
    background: #ecf6ec;
    border-left: 4px solid green;
}

.test-ans-opt-selected {
    background: #009688 !important;
    color: #fff;
}

.test-correct-ans {
    border: 2px solid teal;
}

.a-no-decor {
    text-decoration: none;
    color: inherit;
}

.a-no-decor:hover {
    text-decoration: none;
    color: inherit;
}

.a-no-decor-k-col {
    text-decoration: none;
}

.a-no-decor-k-col:hover {
    text-decoration: none;
}

.preheader-font .nav > li > a {
    font-size: 13px;
    color: #606060 !important;
    text-transform: uppercase;
    font-weight: 500;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.postheader-font .nav > li > a {
    color: #606060 !important;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

/*planned -end*/
.show-live {
    position: absolute;
    right: 14px;
    top: 8px;
    width: 12px;
    height: 12px;
    border: none;
    box-shadow: 0 0 0 0 rgba(14, 209, 37, 0.7);
    border-radius: 50%;
    background-color: #1de23e;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
    }
}

@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
    }
}

@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
    }
}

.show-live-on-rec {
    position: absolute;
    /* right: 14px;
     top: 8px;
    */
    width: 12px;
    height: 12px;
    border: none;
    box-shadow: 0 0 0 0 rgba(14, 209, 37, 0.7);
    border-radius: 50%;
    background-color: #1de23e;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
    }
}

@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
    }
}

@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
    }
}

.show-attention-on-rec {
    position: absolute;
    /* right: 14px;
     top: 8px;
    */
    width: 12px;
    height: 12px;
    border: none;
    box-shadow: 0 0 0 0 rgba(213, 215, 121, 0.7);
    border-radius: 50%;
    background-color: #f8f473;;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
    }
}

@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
    }
}

@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
    }
}

.face {
    border: 1px solid #dfdfdf;
    border-radius: 10px;
}

.face2pxw {
    border: 1px solid #dfdfdf;
    border-radius: 10px;
}

.circleborder {
    border: 2px solid #ffffff;
    border-radius: 100%;
    display: inline-block;
}

/* circle button .btn-circle {
     width: 49px;
     height: 49px;
     text-align: center;
     padding: 5px 0;
     font-size: 20px;
     line-height: 2.00;
     border-radius: 30px;
}
 .btn-circle-micro {
     width: 20px;
     height: 19px;
     text-align: center !important;
     padding: 1px 0 !important;
     font-size: 11px !important;
     border-radius: 30px !important;
}
 */
.btn-ccl-sm {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center !important;
    padding: 0 0 !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    border-radius: 30px !important;
}

.btn-xs-act-width, .btn-sm-act-width {
    min-width: 45px !important;
    padding: 2px 10px 2px 10px;
}

.btn-ccl-sm i {
    /* left:1px;
    */
    margin-top: -2px;
    font-size: 18px !important;
}

.btn-ccl-xs {
    width: 20px;
    height: 19px;
    text-align: center !important;
    padding: 1px 0 !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
    border-radius: 30px !important;
}

/* .btn-circle-lg {
     width: 79px;
     height: 79px;
     text-align: center;
     padding: 13px 0;
     font-size: 30px;
     line-height: 2.00;
     border-radius: 70px;
}
 */

/*   28sep2022
.footer-section {
   position: relative;
   padding: 0 0 30px 0;
   margin: 0;
}

*/

.fixfooter {
    position: relative;
    bottom: 0;
    width: 100%;
    /* border-top: 1px solid #eee;
    */
    padding: 30px 15px 25px 15px;
    overflow: hidden;
}

.b-footer-de {
    background-color: #fafafa !important;
    color: #000 !important;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    /* z-index: -1;
    */
}

.b-footer-de .section-title {
    margin-bottom: 10px;
}


.b-social {
    padding: 0;
    margin: 10px 0 15px 0;
}
footer .b-social a {color:#0a0a0a;}
footer .b-social svg {
    width: 34px;
    height: 34px;
}
.b-social li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
	width:46px;
}

/* */
.panel-default_c {
    border-color: transparent;
    box-shadow: none;
}

.panel-default_c > .panel-heading_c {
    color: #333;
  /*  background-color: #fff;*/
    border-color: #e4e5e7;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.panel-heading_c a {
    display: block;
    border-radius: 50%;
    text-align: center;
    height: 26px;
    font-size: 17px;
    /* line-height: 30px;
     */
    /* text-align: center;
     */
    /* padding: 6px 7px;
     */
    color: #fff;
    background: #5f5d5b;
    width: 26px;
    padding: 0 0;
    /* display: block;
     border-radius: 50%;
     height: 30px;
     padding: 6px 7px;
     color: #fff;
     background: #20d0c2;
     width: 30px;
    */
}

.panel-default_c > .panel-heading_c a:after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
    /* content: "";
     position: relative;
     top: 1px;
     display: inline-block;
     font-family: 'Glyphicons Halflings';
     font-style: normal;
     font-weight: 400;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     float: right;
     transition: transform .25s linear;
     -webkit-transition: -webkit-transform .25s linear;
    */
}

.panel-default_c > .panel-heading_c a[aria-expanded="true"] {
    background-color: #5f5d5b;
}

.panel-default_c > .panel-heading_c a[aria-expanded="true"]:after {
    content: "\2212";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.panel-default_c > .panel-heading_c a[aria-expanded="false"]:after {
    content: "\002b";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fut-tab p {
    font-size: medium;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    /* font-weight: 600;
    
    color: #000;*/
    margin-bottom: 0;
    /*added by Lk*/
}

.fut-tab span {
    color: #000;
}

.main-div-st {
    margin-bottom: 0;
    /*changed frpom 5 to 0 by Lk*/
    /* margin-left: 7px;
     changed from 9 to 7 by lk*/
    border-left: 1px solid #cac8c8;
   /* border-top: 2px solid #fff;*/
}

.week-sc {
    font-size: 14px;
    /* color: #8e8e8e;
    */
    font-weight: 500;
}

/* .week-sc::before {
     content: " ---";
     font-weight: normal;
}
*/
.ques-sty {
    /* padding: 0 24px 0 0;
    */
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    font-size: 13px;
}

.for-week {
    width: 66%;
    display: inline-block;
    margin-left: 8px;
}

.ques-sty span {
    /* font-size: 14px;
    */
    margin-left: 0;
    /* color: #000;
    */
}

.for-line {
    width: 23%;
    height: 1px;
    background: #c7c3c3;
    margin: 15px 0;
    /*earlier it was 6*/
    display: inline-block;
}

.row-pad {
    /*padding: 8px 0;
    */
}

.accor-inner-head {
}

.flexbox-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

.main-hover-class {
    display: none;
    float: right;
    color: black;
}

.icon-on-hover:hover .main-hover-class {
    display: inline-block;
}

ul.main-hover li {
    list-style: none;
    display: inline-block;
    width: 30px;
}

ul.main-hover {
    padding: 0;
    margin-bottom: 0;
}

ul.main-hover li a {
    font-size: 19px;
    color: #9c9c9c;
    padding: 0 3px;
}

ul.main-hover li a:focus {
    background: transparent !important;
}

.drop-de {
    padding: 0;
}

.drop-de li a {
    font-size: 12px !important;
    padding: 8px 12px !important;
    border-left: 2px solid #fff;
}

.drop-de li a:hover {
    border-left: 2px solid #859acc;
    color: #737373;
    background: rgba(91, 157, 206, 0.02);
}

.drop-de li {
    display: block !important;
}

.dropdown-menu > li > a {
    padding: 7px 10px;
    /*change by lokesh 20px to 10px*/
}
/*
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {    
    text-decoration: none;
    background-color: #e3e3e3;
}
*/
.disable-link a {
    color: grey !important;
}

.b-course-action-btn {
    margin: 5px 0;
}

.b-course-head-set {
    max-height: 155px;
    height: 155px;
}

.b-course-profile-dp {
    background-size: 216px 155px !important;
    overflow: hidden;
}

.b-course-info-he {
    height: 120px;
}

.odd {
    background: #f4f4f4;
}

.even {
    background: #fff;
}

.odd-1 {
    background: #fbfbfa;
}

.even-1 {
    background: #efefef;
}

.navbar .navbar-toggle {
    color: #0e0e0e;
}

.help-info {
    font-size: 12px;
    margin-top: 5px;
    color: #999;
    letter-spacing: 0.4px;
	    text-shadow:none;
}

.cust-v-center {
    display: flex;
}

.colorpicker-element .input-group-addon i, .colorpicker-element .add-on i {
    border: 2px solid #a99898;
}

.crs-info {
    /* background:#f5f5f5;
     */
}

.crs-info ul {
    /* font-size:16px;
    */
    font-weight: normal;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background: none;
}

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

.hr-gap-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.hr-grey-line {
    border-top: 1px solid #dbdbdb;
}

.card .card {
    /* box-shadow: none;
    */
}

.card-hover:hover {
    box-shadow: 0 2px 4px 0 #767676;
}

.btn-loading-size {
    width: 13px;
    height: 13px;
}

/*----------------------------------Lokesh comment this class---for new button*/
/* .btn:not(.btn-link):not(.btn-circle) i {
     font-size: 13px;
}
 */
/*end comment*
/* .btn-default{
     background-color: #ccc !important;
}
*/
/* thus class for date and month disply in div box format*/
.date-label {
    background: #e4e4e4;
    width: 40px;
    text-align: center;
    margin-bottom: 0;
}

.date-label .month {
    background: #6091ba;
    color: #fff;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
}

.date-label .date-number {
    background: #dedede;
    clear: left;
    display: block;
    padding-top: 3px;
    font-size: 14px;
    font-weight: 500;
}

.date-label .year-number {
    background: #dedede;
    clear: left;
    display: block;
    padding-top: 3px;
    font-size: 12px;
    font-weight: 500;
}

.date-label54 {
    background: #e4e4e4;
    width: 70px;
    text-align: center;
    margin-bottom: 0;
}

.date-label54 span {
    padding-top: 4px;
    padding-bottom: 4px;
}

.date-label54 .month {
    background: #6091ba;
    color: #fff;
    display: block;
    /*font-size: 13px;
    */
    text-transform: uppercase;
}

.date-label54 .date-number {
    /*background: #dedede;*/
	background: #4c4b4b;
    clear: left;
    display: block;
    padding-top: 3px;
    /*font-size: 12px;
    */
    font-weight: 500;
}

.badge {
    background-color: #dedede;
    color: #000000;
    font-size: 13px;
    font-weight: 400;
    text-shadow: none;
}

.seperator {
    background-color: #e7e7e7;
    color: #5e5e5e;
    font-size: 13px;
    font-weight: 400;
    padding: 2px 6px 3px 6px;
    text-shadow: none;
    border-radius: 2px;
    margin: 0 5px 0 3px;
}

.subjects_11 {
    background-color: #cfeaf7;
    color: #5e5e5e;
    font-size: 11px;
    font-weight: 400;
    padding: 2px 5px 5px 2px;
    text-shadow: none;
    border: 1px solid #fff;
}

.subjects_13 {
    background-color: #cfeaf7;
    color: #5e5e5e;
    font-size: 13px;
    font-weight: 400;
    padding: 2px 5px;
    text-shadow: none;
    border: 1px solid #fff;
}

.categories_11 {
    background-color: #f3e8d7;
    color: #5e5e5e;
    font-size: 11px;
    font-weight: 400;
    padding: 2px 5px;
    text-shadow: none;
    border: 1px solid #fff;
}

.categories_13 {
    background-color: #f3e8d7;
    color: #5e5e5e;
    font-size: 13px;
    font-weight: 400;
    padding: 2px 5px;
    text-shadow: none;
    border: 1px solid #fff;
}

.levels_11 {
    background-color: #f3ea98;
    color: #5e5e5e;
    font-size: 11px;
    font-weight: 400;
    padding: 2px 5px;
    text-shadow: none;
    border: 1px solid #fff;
}

.levels_11 {
    background-color: #f3ea98;
    color: #5e5e5e;
    font-size: 11px;
    font-weight: 400;
    padding: 2px 5px;
    text-shadow: none;
    border: 1px solid #fff;
}

.anouncement-to {
    background-color: #ffeb3b;
    color: #5e5e5e;
    font-size: 13px;
    font-weight: 400;
    padding: 2px 5px;
    text-shadow: none;
    border: 1px solid #fff;
}

.status-inapp-sm {
    background-color: #879493;
    color: #ffffff;
    border-radius: 2px;
    font-size: 13px;
    padding: 3px 6px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-inapp-md {
    background-color: #879493;
    color: #ffffff;
    border-radius: 2px;
    font-size: 16px;
    padding: 8px 10px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-problem-sm {
    background-color: #e91e63;
    color: #e7e7e7;
    border-radius: 2px;
    font-size: 13px;
    padding: 6px 8px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-problem-md {
    background-color: #e91e63;
    color: #e7e7e7;
    border-radius: 2px;
    font-size: 16px;
    padding: 8px 12px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-open-sm {
    background-color: #8cc3ef;
    color: #ffffff;
    border-radius: 2px;
    font-size: 13px;
    padding: 3px 6px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-open-md {
    background-color: #8cc3ef;
    color: #ffffff;
    border-radius: 2px;
    font-size: 16px;
    padding: 8px 10px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-review-sm {
    background-color: #009688;
    color: #ffffff;
    border-radius: 2px;
    font-size: 13px;
    padding: 3px 6px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-review-md {
    background-color: #009688;
    color: #ffffff;
    border-radius: 2px;
    font-size: 16px;
    padding: 8px 10px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-rejected-sm {
    background-color: #d5829e;
    color: #ffffff;
    border-radius: 2px;
    font-size: 13px;
    padding: 6px 8px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-rejected-md {
    background-color: #d5829e;
    color: #ffffff;
    border-radius: 2px;
    font-size: 16px;
    padding: 8px 12px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-active-sm {
    background-color: #009688;
    color: #ffffff;
    border-radius: 2px;
    font-size: 13px;
    padding: 6px 8px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-active-md {
    background-color: #89dcd4;
    color: #ffffff;
    border-radius: 2px;
    font-size: 16px;
    padding: 8px 10px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-closed-sm {
    background-color: #2196f3;
    color: #ffffff;
    border-radius: 2px;
    font-size: 13px;
    padding: 6px 8px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-closed-md {
    background-color: #2196f3;
    color: #ffffff;
    border-radius: 2px;
    font-size: 16px;
    padding: 8px 10px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-canceled-sm {
    background-color: #ef9f9f;
    color: #ffffff;
    border-radius: 2px;
    font-size: 13px;
    padding: 3px 6px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-canceled-md {
    background-color: #ef9f9f;
    color: #ffffff;
    border-radius: 2px;
    font-size: 16px;
    padding: 8px 10px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-upcoming-sm {
    background-color: #ffc107;
    color: #0b0b0b;
    border-radius: 2px;
    font-size: 13px;
    padding: 6px 8px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-upcoming-md {
    background-color: #ffc107;
    color: #0b0b0b;
    border-radius: 2px;
    font-size: 16px;
    padding: 8px 12px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-over-sm {
    background-color: #d9d9d9;
    color: #000000;
    border-radius: 2px;
    font-size: 13px;
    padding: 6px 8px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-over-md {
    background-color: #d9d9d9;
    color: #000000;
    border-radius: 16px;
    font-size: 16px;
    padding: 8px 12px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-expired-sm {
    background-color: #f1b2b2;
    color: #ffffff;
    border-radius: 2px;
    font-size: 13px;
    padding: 6px 8px;;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-expired-md {
    background-color: #f1b2b2;
    color: #ffffff;
    border-radius: 2px;
    font-size: 16px;
    padding: 8px 12px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-notheld-sm {
    background: #ff0084;
    color: #ffffff;
    border-radius: 2px;
    font-size: 13px;
    padding: 6px 8px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-notheld-md {
    background: #ff0084;
    color: #ffffff;
    border-radius: 2px;
    font-size: 16px;
    padding: 8px 12px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-notcompleted-sm {
    background: #98b4a6;
    color: #ffffff;
    border-radius: 2px;
    font-size: 13px;
    padding: 6px 8px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-notcompleted-md {
    background: #98b4a6;
    color: #ffffff;
    border-radius: 2px;
    font-size: 16px;
    padding: 8px 12px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-completed-sm {
    background: #2196f3;
    color: #ffffff;
    border-radius: 2px;
    font-size: 13px;
    padding: 6px 8px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-completed-md {
    background: #2196f3;
    color: #ffffff;
    border-radius: 2px;
    font-size: 16px;
    padding: 8px 12px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-pending-sm {
    background-color: #fad771;
    color: #0b0b0b;
    border-radius: 2px;
    font-size: 13px;
    padding: 6px 8px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-pending-md {
    background-color: #fad771;
    color: #0b0b0b;
    border-radius: 2px;
    font-size: 16px;
    padding: 8px 12px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-waiting-sm {
    background-color: #00bcd4;
    color: #ffffff;
    border-radius: 2px;
    font-size: 13px;
    padding: 6px 8px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.status-waiting-md {
    background-color: #00bcd4;
    color: #ffffff;
    border-radius: 2px;
    font-size: 16px;
    padding: 8px 12px;
    white-space: nowrap;
    /* text-shadow: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    */
}

.enable-dot {
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    background: #bae3ba;
    width: 22px;
    height: 22px;
    line-height: 22px;
    color: #fff;
}

.disable-dot {
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    background: #d9d6d6;
    width: 22px;
    height: 22px;
    line-height: 22px;
    color: #fff;
}

.no-data {
    color: #ccc;
}

.site-object-selected {
    background: #eee;
}

/*end calendar css*/

.btn-bookmarked {
    background: rgb(233, 30, 99) !important;
    color: #fff !important;
    border: none;
}

.btn-bookmarked:hover {
    background: rgb(233, 30, 99) !important;
    color: #fff !important;
    border-color: #ff93b7;
}

/* letters pagination active class **/
.ltrpag-box {
    font-size: 13px;
    width: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
    border: 1px solid #7e7c7c;
    border-radius: 4px;
    padding: 0 4px 2px 4px;
    margin-bottom: 2px;
    cursor: pointer;
    color: #000000;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.ltrpag-box:hover, .ltrpag-box:focus {
    border: 1px solid #3789a7;
    background: #3789a7;
    color: #fff;
}

.ltrpag-active {
    border: 1px solid #3789a7;
    /* padding: 2px 4px;
    */
    background: #3789a7;
    color: #fff;
}

/*** Book session modal packages **/
.b-s-s-lesson-l {
    border-radius: 34px;
    padding: 4px 0 8px 0;
    text-align: center;
    box-shadow: 3px 2px 11px -5px #7d7d7d;
}

.b-a-0 {
    border: none !important;
}

.b-a-1 {
    border: 1px solid #efefef !important;
}

.border-b-1 {
    border-bottom: 1px solid #efefef !important;
}

.border-b-0 {
    border-bottom: none !important;
}

.p-relative {
    position: relative;
}

.b-active-check {
    position: absolute;
    height: 51px;
    width: 51px;
    text-align: center;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    border: 1px solid #ccc;
    line-height: 46px;
    font-size: 20px;
    padding: 4px 0 4px 0;
}

.bg-success {
    background-color: #06b78c !important;
    color: #fff;
}

.b-non-active-check {
    position: absolute;
    height: 51px;
    width: 51px;
    text-align: center;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    border: 1px solid #ccc;
    line-height: 46px;
    font-size: 20px;
}

.b-l-1 {
    border-left: 1px solid #e6e6e6 !important;
}

.b-l-2 {
    border-left: 2px solid #e6e6e6 !important;
}

.b-r-1 {
    border-right: 1px solid #e6e6e6 !important;
}

.p-a-1 {
    padding: 1rem 1rem !important;
}

.b-avatar-dp-md {
    width: 60px;
    height: 60px;
    overflow: hidden;
}

.b-b-s-teacher-i p {
    margin-bottom: 0;
    line-height: 1.2;
}

/******** Star Rating CSS *******/
.rating-loading {
    width: 25px;
    height: 25px;
    font-size: 0;
    color: #fff;
    /*background: transparent url('../img/loading.gif') top left no-repeat;*/
    border: none;
}

/* * Stars & Input */
.rating-container .rating-stars {
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}

.rating-container .rating-input {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    font-size: 1px;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}

.rating-disabled .rating-input, .rating-disabled .rating-stars {
    cursor: not-allowed;
}

.rating-container .star {
    display: inline-block;
    margin-left: 0;
    /*change from 2px to 0px*/
    margin-right: 0;
    /*change from 2px to 0px*/
    text-align: center;
}

/* .rating-container .empty-stars {
     color: #aaa;
}
 */
.rating-container .filled-stars {
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    color: #FFC107;
    white-space: nowrap;
    overflow: hidden;
    /*-webkit-text-stroke: 1px #777;
     text-shadow: 1px 1px #999;
    */
}

.rating-rtl {
    float: right;
}

.rating-animate .filled-stars {
    transition: width 0.25s ease;
    -o-transition: width 0.25s ease;
    -moz-transition: width 0.25s ease;
    -webkit-transition: width 0.25s ease;
}

.rating-rtl .filled-stars {
    left: auto;
    right: 0;
    -moz-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
    -o-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
}

.rating-rtl.is-star .filled-stars {
    right: 0.06em;
}

.rating-rtl.is-heart .empty-stars {
    margin-right: 0.07em;
}

/** * Sizes */
.rating-xl {
    font-size: 4.89em;
}

.rating-lg {
    font-size: 3.91em;
}

.rating-md {
    font-size: 3.13em;
}

.rating-sm {
    font-size: 2.5em;
}

.rating-xs2 {
    font-size: 1.5em;
}

.rating-xs {
    font-size: 1em;
}

.rating-xl {
    font-size: 4.89em;
}

/** * Clear */
.rating-container .clear-rating {
    color: #aaa;
    cursor: not-allowed;
    display: inline-block;
    vertical-align: middle;
    font-size: 60%;
}

.clear-rating-active {
    cursor: pointer !important;
}

.clear-rating-active:hover {
    color: #843534;
}

.rating-container .clear-rating {
    padding-right: 5px;
}

/** * Caption */
.rating-container .caption {
    color: #999;
    display: inline-block;
    vertical-align: middle;
    font-size: 60%;
    margin-top: -0.6em;
}

.rating-container .caption {
    margin-left: 5px;
    margin-right: 0;
}

.rating-rtl .caption {
    margin-right: 5px;
    margin-left: 0;
}

/** * Print */
@media print {
    .rating-container .clear-rating {
        display: none;
    }
}

.rating-container .clear-rating {
    display: none;
}

.rating-container .caption {
    display: none;
}

/****** Star Rating CSS end ******/
.b-n-t-p-b-btn {
    position: absolute;
    right: 0;
    bottom: 0;
}

.b-s-t-detail {
    position: absolute;
    bottom: 0;
    left: 0;
}


/*calendar css*/
.b-s-available-title {
    font-size: 12px;
}

.b-s-available-title a {
    background: transparent;
    padding: 4px;
    border-radius: 50%;
    border: 1px solid #d4d4d4;
    color: #000;
    font-size: 9px;
}

.schedule-window {
    height: 350px;
    position: relative;
    overflow: hidden;
    overflow-y: scroll;
}

.header-cell {
    background-color: #ccc;
}

.col-time {
    width: 78px;
    height: 24px;
    border-bottom: 1px solid #e2e2e2;
    line-height: 24px;
    padding: 0 8px;
    color: #7d7a7a;
    font-weight: 400;
    font-size: 12px;
    text-align: right;
}

.cell-lw {
    width: 63px;
    height: 24px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-align: center;
}

.cell-lw_circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-align: center;
    margin-left: 10px;
}

.hr-available {
    background: #66b269;
}

.hr-notavilable {
    background-color: #e3e3e3 !important;
    /* background-image: repeating-linear-gradient(125deg,transparent,transparent 14px,#fff 10px,#fff 15px) !important;
    */
}

.hr-booked {
    /*background: red;
    */
    background: #fcc6c0 !important;
    background-image: repeating-linear-gradient(125deg, transparent, transparent 7px, #fff 10px, #fff 15px) !important;
}

.hr-booked-orange {
    background: #ff9800 !important
}

.hr-usr-booked {
    /*background: red;
    */
    background: #fff0a8 !important;
    background-image: repeating-linear-gradient(125deg, transparent, transparent 7px, #fff 10px, #fff 15px) !important;
}

.hr-prv-booked {
    /*background: red;
    */
    background: #ef5223 !important;
    background-image: repeating-linear-gradient(125deg, transparent, transparent 7px, #fff 10px, #fff 15px) !important;
}

.hr-selected {
    background: #468048;
}

/*end calendar css*/
.day-not-available {
    background: #dbdada;
    color: #868b8f;
    border: 2px solid #dbdada !important;
}

.day-avilable {
    border: 2px solid #009688 !important;
    cursor: pointer;
}

.day-available .start-time-brd {
    border-right: 2px solid #9aba9a;
    cursor: pointer;
}

.day-selected {
    background: #009688;
    color: #ffffff;
    /* border-radius:6px;
    */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
}

.sch1-sample {
    height: 20px;
    width: 20px;
}

.available_time {
    border: 2px solid #d7f8d7 !important;
    margin-left: 5px;
    display: inline-block;
    padding: 5px;
}

.available_time:hover {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.selected_timeslot {
    background: #d3f5d5;
}

/*book scheduled code start*/
table, tr, td {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.b-s-available-title {
    font-size: 26px;
    text-shadow: 0 0 1px rgb(0, 0, 0, 0.5);
}

.b-s-available-title a {
    background: transparent;
    padding: 4px;
    border-radius: 50%;
    border: 1px solid #d4d4d4;
    color: #000;
    font-size: 14px;
}

.b-s-available-title a:hover, .b-s-available-title a:focus, .b-s-available-title a:active {
    color: #000 !important;
}

.b-table-set table {
    width: 100%;
    table-layout: fixed;
    font-size: 12px;
}

.b-s-day {
    font-size: 13px !important;
    text-transform: uppercase;
}

.b-s-time {
    text-align: center;
    width: 85px;
    /* background:#fff;
    */
}

.b-s-date {
    border-right: 1px solid #e9e9e9;
}

.b-s-date p {
    line-height: 1.3;
    margin: 0;
    font-size: 20px;
}

.b-s-date-sec {
    background: #f6f6f6;
}

.b-s-date-sec table tbody tr {
    height: 60px;
}

.b-s-hour-sec table tbody tr {
    height: 30px;
}

.b-s-date-sec table tbody tr td, .b-s-hour-sec table tbody tr td {
    text-align: center;
}

.b-s-hour-sec {
    width: 100%;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    overflow-x: hidden;
    position: relative;
}

.b-s-select-hour {
    border-bottom: 1px dotted #CCC;
}

.b-s-hour {
    /*width: 11.11111111111111% !important;
    */
    width: 70px !important;
    background: grey !important;
    border-right: 1px solid #ccc;
    height: 30px;
    float: left;
}

.b-s-h-available {
    background-color: #cff1c2 !important;
    cursor: pointer !important;
}

.b-s-h-available:hover {
    background-color: #a8ea8f !important;
}

.b-s-h-deleted {
    background-color: #fcc6c0 !important;
    background-image: repeating-linear-gradient(125deg, transparent, transparent 7px, #fff 10px, #fff 15px) !important;
}

.b-s-h-frozen {
    background-color: #e3e72a33 !important;
    cursor: pointer;
}

.b-s-h-frozen:hover {
    background-color: #e3e72a4d !important;
}

.b-s-h-simple {
    background-color: #f1f1f1 !important;
}

.b-s-ref-box {
    height: 15px;
    width: 15px;
}

.b-b-s-form-head {
    font-size: 18px;
    font-weight: 500;
}

.b-b-s-teacher-i p {
    margin-bottom: 0;
    line-height: 1.2;
}

.c-smry-lh {
    line-height: 2.0;
}

.c-smry-lh .material-symbols-outlined, .c-smry-lh .material-symbols-outlined {
    font-size: 18px;
}

.btn-line-primary .btn-loader {
    border: 3px solid #000;
    border-radius: 50%;
    border-top: 3px solid transparent;
    width: 10px;
    height: 10px;
    display: inline-block;
    -webkit-animation: spin 1s linear infinite;
    /* Safari */
    animation: spin 1s linear infinite;
}

.btn-primary-cstm .btn-loader {
    border: 3px solid #fff;
    border-radius: 50%;
    border-top: 3px solid transparent;
    width: 10px;
    height: 10px;
    display: inline-block;
    -webkit-animation: spin 1s linear infinite;
    /* Safari */
    animation: spin 1s linear infinite;
}

.page-loader {
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #3498db;
    width: 100px;
    height: 100px;
    display: inherit;
    -webkit-animation: spin 1s linear infinite;
    /* Safari */
    animation: spin 1s linear infinite;
}

.headroom {
    will-change: transform;
    transition: transform 500ms linear;
}

.headroom--pinned {
    transform: translateY(0%);
}

.headroom--unpinned {
    transform: translateY(-100%);
}

.second-header-mrktplc {
    position: fixed !important;
    margin-top: 70px;
    z-index: 100;
    border-top: 1px solid #e2e2e2;
    box-shadow: 0 1px 0 rgb(0 0 0 / 3%);
}

.second-header-mrktplc a {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    color: #111;
}

.second-header-top {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    transition: transform 200ms linear;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.disabled-link, .disabled-link a {
    cursor: not-allowed;
    pointer-events: none;
    color: #bababa !important;
}

/* Propeller css for Floating Action Button*/
.pmd-floating-action {
    bottom: 0;
    position: fixed;
    margin: 3.2em;
    right: 0;
    z-index: 4;
}

.pmd-floating-action-btn {
    display: block;
    position: relative;
    transition: all .2s ease-out;
}

.pmd-floating-action-btn:before {
    bottom: 10%;
    content: attr(data-title);
    opacity: 0;
    position: absolute;
    right: 100%;
    transition: all .2s ease-out .5s;
    white-space: nowrap;
    background-color: #000;
    padding: 0 12px;
    border-radius: 2px;
    color: #fff;
    font-size: 13px;
    margin-right: 5px;
    display: inline-block;
    box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.18), 0 2px 2px -7px rgba(0, 0, 0, 0.15);
}

.pmd-floating-action-btn:last-child:before {
    font-size: 14px;
    bottom: 25%;
}

.pmd-floating-action-btn:active, .pmd-floating-action-btn:focus, .pmd-floating-action-btn:hover {
    box-shadow: 0 5px 11px -2px rgba(0, 0, 0, 0.18), 0 4px 12px -7px rgba(0, 0, 0, 0.15);
}

.pmd-floating-action-btn:not(:last-child) {
    opacity: 0;
    -ms-transform: translateY(20px) scale(0.3);
    transform: translateY(20px) scale(0.3);
    margin-bottom: 15px;
    margin-left: 8px;
    position: absolute;
    bottom: 0;
}

.pmd-floating-action-btn:not(:last-child):nth-last-child(1) {
    transition-delay: 50ms;
}

.pmd-floating-action-btn:not(:last-child):nth-last-child(2) {
    transition-delay: 100ms;
}

.pmd-floating-action-btn:not(:last-child):nth-last-child(3) {
    transition-delay: 150ms;
}

.pmd-floating-action-btn:not(:last-child):nth-last-child(4) {
    transition-delay: 200ms;
}

.pmd-floating-action-btn:not(:last-child):nth-last-child(5) {
    transition-delay: 250ms;
}

.pmd-floating-action-btn:not(:last-child):nth-last-child(6) {
    transition-delay: 300ms;
}

.pmd-floating-action:hover .pmd-floating-action-btn, .menu--floating--open .pmd-floating-action-btn {
    opacity: 1;
    -ms-transform: none;
    transform: none;
    position: relative;
    bottom: auto;
}

.pmd-floating-action:hover .pmd-floating-action-btn:before, .menu--floating--open .pmd-floating-action-btn:before {
    opacity: 1;

}

.pmd-floating-action .pmd-btn-fab:hover {
    transition: 0.70s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.pmd-floating-hidden {
    display: none;
}

.pmd-floating-action-btn.btn {
    overflow: visible;
    border: none !important;
}

.pmd-floating-action-btn .ink {
    width: 50px;
    height: 50px;
}

/*lesson chat view*/
/* Chat view */
.message-input {
    height: 90px !important;
}

.chat-avatar {
    width: 36px;
    height: 36px;
    float: left;
    margin-right: 10px;
}

.chat-user-name {
    padding: 10px;
}

.chat-user {
    padding: 8px 10px;
    border-bottom: 1px solid #e7eaec;
}

.chat-user a {
    color: inherit;
}

.chat-view {
    z-index: 20012;
}

.chat-users, .chat-statistic {
    margin-left: -30px;
}

/* @media (max-width: 992px) {
     .chat-users, .chat-statistic {
         margin-left: 0;
    }
}
*/
.chat-view .ibox-content {
    padding: 0;
}

.chat-message {
    padding: 10px 20px;
}

.message-avatar {
    height: 48px;
    width: 48px;
    border: 1px solid #e7eaec;
    border-radius: 4px;
    margin-top: 1px;
}

.chat-discussion .chat-message.left .message-avatar {
    float: left;
    margin-right: 10px;
}

.chat-discussion .chat-message.right .message-avatar {
    float: right;
    margin-left: 10px;
}

.message {
    background-color: #fff;
    border: 1px solid #e7eaec;
    text-align: left;
    display: block;
    padding: 10px 20px;
    position: relative;
    border-radius: 4px;
}

.chat-discussion .chat-message.left .message-date {
    float: right;
}

.chat-discussion .chat-message.right .message-date {
    float: left;
}

.chat-discussion .chat-message.left .message {
    text-align: left;
    margin-left: 55px;
}

.chat-discussion .chat-message.right .message {
    text-align: right;
    margin-right: 55px;
}

.message-date {
    font-size: 10px;
    color: #888888;
}

.message-content {
    display: block;
}

.chat-discussion {
    background: #eee;
    padding: 15px;
    height: 400px;
    overflow-y: auto;
}

.chat-users {
    overflow-y: auto;
    height: 400px;
}

.chat-message-form .form-group {
    margin-bottom: 0;
}

/*lesson chat view end*/
/* PIN BOARD */
ul.notes li, ul.tag-list li {
    list-style: none;
}

ul.notes li h4 {
    margin-top: 20px;
    font-size: 16px;
}

ul.notes li div {
    text-decoration: none;
    color: #000;
    background: #ffffff;
    display: block;
    /* height: 140px;
    */
    width: 100%;
    padding: 1em;
    position: relative;
}

ul.notes li div div {
    box-shadow: none;
    padding: 0;
    display: inline;
    position: absolute;
}

ul.notes li div small {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 10px;
}

ul.notes li div a {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: inherit;
}

ul.notes li {
    margin: 10px 40px 50px 0;
    float: left;
}

ul.notes li div p {
    font-size: 12px;
}

ul.notes li div {
    text-decoration: none;
    color: #000;
    background: #ffffff;
    display: block;
    /* height: 140px;
    */
    width: 100%;
    padding: 1em;
    /* Firefox */
    -moz-box-shadow: 5px 5px 2px #212121;
    /* Safari+Chrome */
    -webkit-box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
    /* Opera */
    box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
}

ul.notes li div {
    -webkit-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
}

ul.notes li:nth-child(even) div {
    -o-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    position: relative;
    top: 5px;
}

ul.notes li:nth-child(3n) div {
    -o-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    position: relative;
    top: -5px;
}

ul.notes li:nth-child(5n) div {
    -o-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    position: relative;
    top: -10px;
}

ul.notes li div:hover, ul.notes li div:focus {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    position: relative;
    z-index: 5;
}

ul.notes li div {
    text-decoration: none;
    color: #000;
    background: #ffffff;
    display: block;
    /* height: 210px;
    */
    width: 100%;
    padding: 1em;
    -moz-box-shadow: 5px 5px 7px #212121;
    -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
    box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
    -moz-transition: -moz-transform 0.15s linear;
    -o-transition: -o-transform 0.15s linear;
    -webkit-transition: -webkit-transform 0.15s linear;
}

/*end pin board*/
/* Social feed */
.social-feed-separated .social-feed-box {
    margin-left: 62px;
}

.social-feed-separated .social-avatar {
    float: left;
    padding: 0;
}

.social-feed-separated .social-avatar img {
    width: 52px;
    height: 52px;
    border: 1px solid #e7eaec;
}

.social-feed-separated .social-feed-box .social-avatar {
    padding: 15px 15px 0 15px;
    float: none;
}

.social-feed-box {
    /*padding: 15px;
    */
    border: 1px solid #e7eaec;
    background: #fff;
    margin-bottom: 15px;
}

.article .social-feed-box {
    margin-bottom: 0;
    border-bottom: none;
}

.article .social-feed-box:last-child {
    margin-bottom: 0;
    border-bottom: 1px solid #e7eaec;
}

.article .social-feed-box p {
    font-size: 13px;
    line-height: 18px;
}

.social-action {
    margin: 15px;
}

.social-avatar {
    padding: 15px 15px 0 15px;
}

.social-comment .social-comment {
    margin-left: 45px;
}

.social-avatar img {
    height: 40px;
    width: 40px;
    margin-right: 10px;
}

.social-avatar .media-body a {
    font-size: 14px;
    display: block;
}

.social-body {
    padding: 15px;
}

.social-body img {
    margin-bottom: 10px;
}

.social-footer {
    border-top: 1px solid #e7eaec;
    padding: 10px 15px;
    background: #f9f9f9;
}

.social-footer .social-comment img {
    width: 32px;
    margin-right: 10px;
}

.social-comment:first-child {
    margin-top: 0;
}

.social-comment {
    margin-top: 15px;
}

.social-comment textarea {
    font-size: 12px;
}

/*end social feed*/
/*project -start on batch*/
/* PROJECTS */
.project-people, .project-actions {
    text-align: right;
    vertical-align: middle;
}

dd.project-people {
    text-align: left;
    margin-top: 5px;
}

.project-people img {
    width: 32px;
    height: 32px;
}

/*.project-title a {
     font-size: 14px;
     color: #676a6c;
     font-weight: 600;
}
*/
.project-list table tr {
    margin-top: 10px;
}

.project-list table tr td {
    border-top: none;
    border-bottom: 1px solid #e7eaec;
    padding: 15px 0;
    vertical-align: middle;
}

.project-manager .tag-list li a {
    font-size: 10px;
    background-color: white;
    padding: 5px 12px;
    color: inherit;
    border-radius: 2px;
    border: 1px solid #e7eaec;
    margin-right: 5px;
    margin-top: 5px;
    display: block;
}

/* .project-files li a {
     font-size: 11px;
     color: #676a6c;
     margin-left: 10px;
     line-height: 22px;
}
*/
.progress {
    height: 16px;
    background-color: #e1e1e1;
	box-shadow:none;
	border-radius:10px;
}

.progress .bg-teal {
    background-color: #10c2b2 !important;
}

.progress-bar {
    background-color: #1ab394;
    box-shadow: none !important;
}

.progress-small, .progress-small .progress-bar {
    height: 10px;
}

.progress-small, .progress-mini {
    margin-top: 5px;
}

.progress-mini, .progress-mini .progress-bar {
    height: 5px;
    margin-bottom: 0;
}

.progress-thin {
    height: 10px;
    border-radius: 20px;
}

.progress-thin p {
    line-height: 10px !important;
    font-size: 10px;
    padding-left: 20px;
}

.progress-mdthick-round {
    height: 20px !important;
    border-radius: 18px;
    min-width: 80px;
}

.progress-mdthick-round p {
    white-space: nowrap;
    line-height: 20px !important;
    font-size: 12px;
    padding-left: 20px;
}

.progress-thick-round {
    height: 34px !important;
    border-radius: 18px;
}

.progress-thick-round p {
    white-space: nowrap;
    line-height: 34px !important;
    font-size: 13px;
    padding-left: 20px;
}

/* .progress-bar-navy-light {
     background-color: #3dc7ab;
}
 .progress-bar-success {
     background-color: #1c84c6;
}
 .progress-bar-info {
     background-color: #23c6c8;
}
 .progress-bar-warning {
     background-color: #f8ac59;
}
 .progress-bar-danger {
     background-color: #ed5565;
}
*/
/*project -end on batch*/
iframe {
    border: none;
}

/***** access page style ******/


/*overlay classes*/
.overlay-container {
    /* margin: 2px;
     width: 400px;
    */
    /* height: 250px;
    */
    position: relative;
    /* color: white;
    */
    /* overflow: hidden;
    */
    /* box-shadow: 5px 5px 10px grey;
    */
}

#overlay-right {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #ffffff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: auto;
    bottom: 0;
    transform: translateX(-100%);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
    z-index: 4;
}

.overlay-white {
    background: #ffffffdb !important;
}

.overlay-container:hover .overlay-for {
    /* transform: scale(2);
    */
    transition: transform 0.5s;
}

.overlay-container:hover #overlay3, .overlay-container:hover #overlay-right {
    opacity: 1;
    transform: translateX(0px);
}

/*overlay class end*/
/*classes for image
/**/
.img-xs {
    width: 20px;
    height: 20px;
    border-radius: 4px;
}

.img-sm {
    width: 32px !important;
    height: 32px !important;
    border-radius: 4px;
}

.img-sm-plus {
    width: 44px !important;
    height: 44px !important;
    border-radius: 4px;
}

.img-md {
    width: 64px;
    height: 64px;
    border-radius: 4px;
}

.img-md-plus {
    width: 74px;
    height: 74px;
    border-radius: 4px;
}

.img-lg {
    width: 96px;
    height: 96px;
    border-radius: 4px;
}

.img-lg-plus {
    width: 120px;
    height: 120px;
    border-radius: 4px;
}

/*a:focus {
     outline: thin dotted;
     outline: 5px auto -webkit-focus-ring-color;
     outline-offset: -2px;
}
*/
/* a {
     font-weight: 500;
     color: #635251;
}
*/
.page-filter {
    top: 38px !important;
}

#HW_frame_cont {
    top: -40px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

#HW_badge {
    background: #5ab987 !important;
}

#HW_badge_cont {
    top: -17px;
    left: -11px;
    display: inline !important;
}

/* #upcoming-batch {
     max-width:432px;
}
 */
/*chat for settlement modal*/
/* Chat */
.chat-activity-list .chat-element {
    border-bottom: 1px solid #e7eaec;
}

.chat-element:first-child {
    margin-top: 0;
}

.chat-element {
    padding-bottom: 15px;
}

.chat-element, .chat-element .media {
    margin-top: 15px;
}

.chat-element, .media-body {
    overflow: hidden;
}

.chat-element .media-body {
    display: block;
    width: auto;
}

.chat-element > .pull-left {
    margin-right: 10px;
}

.chat-element img.img-circle, .dropdown-messages-box img.img-circle {
    width: 38px;
    height: 38px;
}

.chat-element .well {
    border: 1px solid #e7eaec;
    box-shadow: none;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 10px 20px;
    font-size: 11px;
    line-height: 16px;
}

.chat-element .actions {
    margin-top: 10px;
}

.chat-element .photos {
    margin: 10px 0;
}

.right.chat-element > .pull-right {
    margin-left: 10px;
}

.chat-photo {
    max-height: 180px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px;
}

.chat {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}

.chat li .chat-body p {
    margin: 0;
    color: #777777;
}

.panel .slidedown .glyphicon, .chat .glyphicon {
    margin-right: 5px;
}

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}

/*chat end*/
.card-line {
    box-shadow: none !important;
    border: 1px solid #efefef;
}

.hr4px {
    margin-top: 4px;
    margin-bottom: 4px;
}

.hr-short {
    text-align: left;
    width: 150px;
}

.card .header-modify {
    border-bottom: none;
    /* padding-bottom: 0;
    */
}

.card .card-inside-title {
    margin-bottom: 20px;
    display: block;
    font-size: 18px;
    color: #555;
    font-weight: bold;
}

.course-rec-logo {
    height: 82px;
}

.product-profile-in-rec {
    position: relative;
    width: 50px;
    height: 50px;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    object-fit: fill;
	    margin-right: 20px;
    overflow: hidden;
	flex: 0 0 auto;
}

.product-logo-in-rec-mini {
    position: relative;
    width: 60px;
    height: 45px;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    object-fit: fill;
	    margin-right: 15px;
    overflow: hidden;
	flex: 0 0 auto;
}
.product-logo-in-rec {
    position: relative;
    width: 80px;
    height: 60px;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    object-fit: fill;
	    margin-right: 20px;
    overflow: hidden;
	flex: 0 0 auto;
}

.product-logo-in-rec-md {
    position: relative;
    width: 112px;
    height: 64px;
    border: 1px solid #ccc;
    border-radius: 4px;
    object-fit: fill;
    overflow: hidden;
}

.product-logo-in-rec img, .product-logo-in-rec-mini img, .product-logo-in-rec-md img, .product-profile-in-rec img {
    max-width: 100% !important;
    /*max-height: 100%;
    contain: inline-size;*/
}

.link-black {
    color: #676a6c;
    font-weight: 500;
}

.link-zblack {
    color: #000;
}

.link-light {
    color: #d8d8d8;
    font-weight: 500;
}

.link-inherit {
    color: inherit;
}

.link-inherit:hover {
    color: inherit;
}

.link-to-text {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: inherit;
}

.filter-link a {
    color: #000;
    font-weight: 500;
}

.no-record-img {
    width: 116px;
    height: 116px;
    border-radius: 50%;
    border: 1px solid #fff;
}

.media {
    overflow: visible;
}

.media .media-body {
    font-size: inherit;
    /*   background: #f2f2f2;*/
    border-radius: 10px;
    border-top-left-radius: 0;
    overflow: visible;
    /*  padding: 20px;*/
}


/*bulk toolbar*/
.bulk-toolbar {
    /* box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
    */
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fcfdfd;
  /*  border-top: 1px solid #dadada;*/
    z-index: 10;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation: slideIn 0.2s ease-in-out;
    animation: slideIn 0.2s ease-in-out;
}

.bulk-toolbar .wrapper {
    /*height: 75px;
    */
    padding: 15px;
    /* display: flex;
    */
    flex-direction: row;
    align-items: center;
}

.bulk-toolbar .wrapper-full {
    height: 75px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.wrapper {
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    max-width: 960px;
}

.wrapper-full {
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    /* max-width:822px;
    */
}

.bulk-toolbar .controls {
    width: 50%;
    flex-basis: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.bulk-toolbar .course-bar {
    width: 100%;
    flex-basis: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.bulk-toolbar .controls .selection-summary {
    display: inline-block;
    width: auto;
    min-width: 260px;
    vertical-align: top;
    line-height: 1;
    cursor: pointer;
}

.bulk-toolbar .controls .separator {
    height: 36px;
    width: 2px;
    margin: 0 27px 0 10px;
    border-right: 1px solid #dadada;
    border-radius: 2px;
    box-sizing: border-box;
}

.action-bar-notif {
    /* box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
    */
    position: fixed;
    left: 0;
    width: 100%;
    background-color: #fcfdfd;
    /* border-top: 1px solid #dadada;
    */
    z-index: 100;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation: slideIn 0.2s ease-in-out;
    animation: slideIn 0.2s ease-in-out;
}

.at-top {
    top: 0;
}

.action-bar-notif .text-wrapper {
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    max-width: 600px;
}

/*end bulk toolbar*/
.corse-self-rec {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    border: none;
    background: none;
}

/*css for manage-course-self*/
.mng-crs-self-rec {
    border: none;
    background: none;
}

.mng-crs-self-rec .info-box {
    margin-bottom: 1px !important;
    box-shadow: none;
    background: #e9e8e8;
}

.mng-crs-self-rec .info-box-compact {
    height: 58px;
}

.info-box-compact .box {
    width: 58px !important;
}

.info-box-compact .icon {
    width: 58px !important;
}

.info-box-compact .box i {
    font-size: 38px !important;
    line-height: 58px !important;
}

.info-box-compact .icon i {
    font-size: 38px !important;
    line-height: 58px !important;
}

.info-box .content .text {
    margin-top: 6px;
}

/* .info-box .content .number {
     width:122px;
     font-size: 20px;
}
 */
.topic .blank {
    background-color: rgb(255, 255, 255);
}

.resource .blank {
    background-color: rgb(255, 255, 255);
}

.resource .box {
    background-color: rgba(42, 103, 75, 0.12);
}

.resource .file-box {
    line-height: 80px;
    background-color: rgba(21, 51, 37, 0.17);
}

.resource-compact .file-box {
    line-height: 58px !important;
    background-color: rgba(21, 51, 37, 0.17);
}

.topic .box {
    background-color: rgba(128, 92, 92, 0.12);
}

.section .box {
    background-color: rgba(0, 0, 0, 0.12);
}

/*left side-tab #efefef*/
.tab-item .active {
    border-right: 20px solid #cccccc;
}

.side-tab {
    background: #fff;
    min-height: 80px;
    margin-bottom: -1px;
    border: 1px solid #efefef;
}

.side-tab:hover {
    border-right: 20px solid #efefef;
}

.active-tab {
    border-right: 20px solid #efefef;
}

.side-tab .content {
    padding: 15px 25px;
}

.side-tab .content .ttl {
    margin-top: 4px;
    font-weight: 700;
    color: #555;
}

.side-tab .content .ttl-info {
    margin-top: 4px;
    color: gray;
    font-size: 13px;
}

/*left side-tab end*/
.object-action-label {
    background-color: #afafaf;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    padding-top: 2px;
    padding-bottom: 4px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 10px;
    text-shadow: none;
    border: 2px solid #ebebeb;
}

/*css end*/
/*radio button size decreased*/
.switch label input[type=checkbox]:checked + .lever.switch-col-teal {
    background-color: #0D91FBFF;
}

.switch label .lever {
    height: 10px;
    width: 34px;
}

.switch label .lever:after {
    width: 17px;
    height: 17px;
}

.switch label .lever {
    height: 22px;
    width: 42px;
    background-color: #c6c6c6;
}

.switch label .lever:after {
    left: 2px;
    top: 2px;
    box-shadow: none;
}

.switch label input[type=checkbox]:checked + .lever {
    background-color: rgb(13, 145, 251);
}

.switch label input[type=checkbox]:checked + .lever:after {
    background-color: #fff;
    left: 23px;
}

.switch label input[type=checkbox]:checked + .lever.switch-col-teal:after {
    background-color: #fff;
}

.switch label input[type=checkbox][disabled] + .lever:after, .switch label input[type=checkbox][disabled]:checked + .lever:after {
    background-color: #fff;
}

tr .text-right .lever {
    margin-right: 0;
}

/*up radio btn size decreased*/
.f-w-normal {
    font-weight: normal;
}

.ttl-center {
    font-size: 20px !important;
}

.c_price {
    font-size: 17px;
}

.width100 {
    width: 100px !important;
}
.width120-min {
    min-width: 120px !important;
}

.width150 {
    width: 150px !important;
}

.width170 {
    width: 170px !important;
}

.width200 {
    width: 200px !important;
}

.width300 {
    width: 300px !important;
}

+
.corner-lbl {
    font-size: 13px;
    background: #fff;
    padding: 4px 6px;
}

.tutr-profile-bg {
    background: #136a8a;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #267871, #136a8a);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #2196f3, #21f3e952);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.form-error-msg {
    margin-bottom: 15px;
    background-color: #e91e63;
    color: #fff;
    text-align: center;
}

.error-modal, .error-page {
    background-color: #fff0f5;
    color: #e91e63;
    font-size: 85%;
    padding: 4px 5px 4px 20px;
    margin-bottom: 20px;
    border-left: 4px solid #e91e63;
    text-shadow: none;
	border-radius:4px;
}

.success-modal, .success-page {
    background-color: #00968824;
    color: #064a44;
    font-size: 85%;
    padding: 4px 5px 4px 20px;
    margin-bottom: 20px;
    border-left: 4px solid #009688;
    text-shadow: none;
	border-radius:4px;
}

.warning-modal, .warning-page {
background-color: #ff98000f;
  /*  color: #cb7900;*/
    font-size: 85%;
    padding: 4px 5px 4px 20px;
    margin-bottom: 20px;
    border-left: 4px solid #FF9800;
    text-shadow: none;
	border-radius:4px;
}
.info-modal, .info-page {
background-color: #e1eefd;
color:initial;
    font-size: 85%;
    padding: 4px 5px 4px 20px;
    margin-bottom: 20px;
    border-left: 4px solid #2275d7;
    text-shadow: none;
	border-radius:4px;
}
.tell-next {
background-color: #585858;
    font-size: 85%;
    color: #fff;
    padding: 4px;
    margin-top: 15px;
    /* border-left: 4px solid #ffffff; */
    text-shadow: none;   
    border-radius: 20px;
}
.tell-next .material-symbols-outlined{
	 align-items: center;
    vertical-align: middle;
}
.top-btn {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border: 2px solid #efefee;
    color: #555;
    background: #fff;
    letter-spacing: 0.4px;
    padding: 2px 2px 2px 2px;
}

.top-btn-txt {
    padding-left: 2px;
    padding-right: 10px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.content_ttl_wrp {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.card-top-lbl {
    background: #fff;
    color: #555;
    border: 1px solid #e2e2ef;
    padding: 2px 6px;
    border-radius: 12px;
    font-size: 12px !important;
    letter-spacing: 0.4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.card-top-lbl i {
    font-size: 14px;
    padding-right: 2px;
}

/* color batch counts circle */
.width40 {
    width: 40px;
    display: inline-block;
}

.card-info {
    color: #2196F3;
    font-size: 13px;
}



/*led-course-listing*/
.batch-all{display: flex;
    align-items: center;
	text-align: center;
	}
	.batch-all .batch {border: 1px solid #00808066;
        height: 22px;
    width: 22px;
    line-height: 22px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
	    margin-left: 2px;
	}

.batch-all .batch .live {
    border: 1px solid #00808066;
    height: 28px;
    width: 28px;
    background: #00808066;
    
}

.batch-all .live {background: #00808066;}
.batch-all .upcg {background: #ff960069;}
.batch-all .comp {background: #2196f361;}
.batch-all .expr {background: #e91e6347;}


.widget-ovrly-textwrp {
    display: block;
    margin-left: 2px;
    max-width: 220px;
    overflow: hidden;
    padding-left: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.top-nav-ttl {
    font-size: 28px;
    margin-top: 10px;
    border-right: 1px solid #ccc;
}

.obj-logo-container {
    height: 90px;
}

.msg-width {
    max-width: 450px;
    font-size: 13px;
}

.btn-primary-cstm {
    background-color: #0d91fb;
    border: 2px solid #0d91fb !important;
    color: #fff;
}

.btn-secondary-cstm {
    background-color: #E91E63;
	border: 2px solid #E91E63 !important;
    color: #fff;
}

.btn-dismiss-cstm {
    background-color: #9E9E9E;
    border: 2px solid #9E9E9E !important;
    color: #fff;
}

.btn-primary-cstm:hover, .btn-primary-cstm:focus, .btn-primary-cstm.focus {
    color: #fff;
}

.btn-secondary-cstm:hover, .btn-secondary-cstm:focus, .btn-secondary-cstm.focus {
    color: #fff;
}

.btn-dismiss-cstm:hover, .btn-dismiss-cstm:focus, .btn-dismiss-cstm.focus {
    color: #fff;
}

youtubevideowrap {
    width: 80%;
    max-width: 640px;
    margin: 0 auto;
}

.video-container {
    position: relative;
    /*  padding-bottom: 56.25%; */
    width: 100%;
    height: 100%;
    overflow: hidden;
}


#previewdocContent iframe {
    /* padding: 2px;*/
}

#filestackBranding {
    display: none !important;
}

/*modal-preview video*/
.video_preview {
    position: relative !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
}

.video-container iframe, .video-container object, .video-container embed, .video-container video, .video-container img {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.modal-glry-videos iframe, .modal-glry-videos video {
    width: auto;
    height: 100px;
}

.lsn-prv-ttl {
    font-size: 26px;
}

.onepage-content {
    min-height: 580px;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.email-verified-0 {
    border-left: 2px solid #E91E63;
}

.nowrap {
    white-space: nowrap;
}


.course-player-nav-header {
    /* background: #fff;*/
    /*  height: 70px;*/
    width: 100%;
    /*  border-bottom: 1px solid #e2e2e2;*/
    z-index: 12;
    /*  line-height: 70px;*/
}

.course-player-h2 {
    font-size: 26px;
    font-weight: bold;
}

.card-head-tab {
    font-size: 13px !important;
    cursor: pointer;
    text-transform: uppercase;
    margin-bottom: 1px;
    min-height: auto !important;
}

.card-head-tab .body {
    padding-bottom: 0;
}

.card-head-tab .body ul > li > a {
    font-size: 13px !important;
    color: #000 !important;
}

.course-player-comp-lbl {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    display: inline-block;
    color: #fff;
    background: #10c2b2;
    letter-spacing: 0.4px;
    padding: 4px 5px;
}

.course-player-exp-lbl {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    display: inline-block;
    color: #fff;
    background: #e91e63;
    letter-spacing: 0.4px;
    padding: 4px 5px;
}

.ctype-lb1 {
    background: #fff;
    padding: 4px 4px;
    border-radius: 10px;
}

.file-icon-sm {
    font-size: 16px;
    color: #767676;
    background: #e5e5e5;
    border-radius: 49%;
    padding: 8px;
}

.file-icon-md {
    font-size: 36px !important;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    /*padding: 10px;*/
}

/*.c-e-ttl-hg {    height: 50px;} */

.manage-crs-nav {
    color: #333;
    cursor: pointer;
}

.manage-crs-nav .text {
    /*margin-top: 4px;*/
    font-weight: 700;
    color: #555;

}

.manage-crs-nav .text-info {
    margin-top: 4px;
    color: gray;
    font-size: 13px;
    display: none;
}

.manage-crs-nav i {
    font-size: 32px;
    display: none;
}

.manage-crs-nav:hover {
    background: #fff;
}

.manage-crs-nav-active {
    /*  border-right: 20px solid #cccccc;*/
    border-right: 4px solid #0a0a0a !important;
    background: #fff;
}

.sp-sch-resrc-tab:hover {
    color: #555 !important;
    background: #c0e3ff !important;

}

.sp-sch-resrc-tab-active {
    /*color: #2ea8e5 !important;*/
    background: #c0e3ff !important;
    border-right: 6px solid #0d91fb !important;
}

.add-res-type {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    text-align: center;
    padding-top: 16px;
    background: #fff;
    display: inline-block;
    /*border: 1px solid #efefef;*/
    /*border: 4px solid #e5e5e5;*/
    
    color: #333;
    cursor: pointer;    
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    
    margin-bottom: 8px;
    margin-right: 5px;
}

.add-res-type .text {
    font-size: 12px;
}

.add-res-type:hover {
    background-color: #ededed;
    transform: scale(0.9);
    transition: all .2s ease-in-out;
}

.pick-content-icon {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    width: 80px;
    height: 80px;
    border-radius: 10px;
    text-align: center;
    padding: 8px;
    background: #fff;
    display: inline-block;
    /*border: 1px solid #efefef;*/
    border: 4px solid #e5e5e5;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    color: #333;
    cursor: pointer;
}

.pick-content-icon .line1, .line2 {
    font-size: 12px;
}

.config-icon {
    width: 120px;
    height: 120px;
    text-align: center;
    padding: 15px;
    background: #fff;
    display: inline-block;
    border: 1px solid #efefef;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    margin-bottom: 4px;
    color: #333;
    cursor: pointer;
}

.config-icon i {
    font-size: 34px;
}

.config-icon .text {
    font-size: 16px;
    font-weight: 400;
}

.config-icon span {
    display: none;
}

.config-icon:hover {
    background: #333;
    color: #fff;
}

/* .card .header {
     border-bottom: none;
     background: #d5d5d5;
     color: #fff !important;
}
 .card .header h2 {
     color: #b6b6b6 !important;
}
 */
.payment-wallet {
    font-size: 28px;
    color: #ef4036;
    font-weight: 900;
}

.payment-payumoney {
    font-size: 28px;
    color: #82b536;
    font-weight: 900;
}

.payment-stripe {
    font-size: 28px;
    color: #5ca4da;
    font-weight: 900;
}

.payment-razorpay {
    font-size: 28px;
    color: #0d2366;
    font-weight: 900;
}

.payment-paypal {
    font-size: 28px;
    font-weight: 900;
}

.page-one-card {
    min-height: 70vh;
}

.mng-crs-hdr {
    position: fixed;
    text-align: center;
    /* color:#fff;
     */
    /* height: 70px;
    */
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    width: 100%;
    z-index: 12;
    /* line-height: 70px;
    */
    /* top: 0;*/
}

.mng-crs-hdr .first-hdr {
    text-align: center;
    background: #ffff;
    /* color:#fff;
     */
    /* height: 70px;
    */
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    z-index: 12;
    /* line-height: 70px;
    */
}

.mng-crs-hdr .sec-hdr {
    padding: 6px 0;
    text-align: center;
    background: #333;
    color: #e2e2e2;
    /* color:#fff;
     */
    /* height: 70px;
    */
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    z-index: 12;
    /* line-height: 70px;
    */
}

.mng-crs-hdr .sides i {
    padding: 14px 0 14px 0;
    font-size: 40px;
    color: #333;
}

.mng-crs-hdr .center {
    font-size: 20px;
    padding: 20px 0 20px 0;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    text-align: center;
}

.mng-crs-hdr .space-steps {
    font-size: 20px;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    text-align: center;
}

.added-content .info-box {
    border-radius: 10px;
    box-shadow: none;
    border: 1px solid #ccc;
}

.added-content .info-box .content .number {
    font-size: 18px;
}


.page-2c-1 {
    min-height: 80vh;
}

.page-2c-1 .card {
    min-height: 80vh;
}

.page-1c-1 .card, .page-1c-1 .card-layout-2c-cr {
    min-height: 82vh;
}

.page-1c-1 .card .card {
    min-height: unset;
}

.page-1c-1s .card {
    min-height: 64vh;
}

.page-2c-2 .card {
    min-height: 76vh;
}

.page-3c-2 .card {
    min-height: 76vh;
}

.custm-btn i {
    color: #7c7c7ccc;
    padding-right: 0 !important;
}

.name-fixlng {
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.filename-fixlng {
    font-size: 85%;
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.filename-210lng-c-nav {
    max-width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.access-topic-ico {
    width: 35px !important;
    height: 35px !important;
    background: #333;
    color: #fff;
    text-align: center !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    border-radius: 50% !important;
}

.card-add-btn {
    text-align: right;
    padding: 0 0 30px 0;
}

.course-sec h2 {
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 20px;
}

.course-sec h3 {
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 20px;
}

.course-sec .card {
    background: transparent;
    box-shadow: none;
}

.colorpicker-element {
    border: 1px solid #ccc;
}

.colorpicker-element .form-control {
    height: 20px;
}

.colorpicker-element input[type="text"] {
    font-size: 11px;
}

.colorpicker-element .input-group {
    width: 74%;
    margin-bottom: 0;
}

.colorpicker-element .input-group-addon {
    padding: 0;
}

.colorpicker-element .input-group-addon i {
    height: 20px;
    width: 50px;
    border: 2px solid #e2e2e2;
}

.steps-nav {
    padding: 10px 0;
    text-align: center;
}

.steps-nav a {
    line-height: 1.8 !important;
}

.steps-nav .count {
    font-size: 15px;
    font-weight: 600;
}

.steps-nav .name {
    font-size: 14px;
    font-weight: 500;
}

.table-icons-md {
    font-size: 22px;
}

.no-record-html {
    text-align: center;
    margin: 8%;
}

.no-record-html .data {
    margin: 8%;
}

.no-record-html img {
}

.no-record-html i {
    font-size: 50px;
}

.no-record-html .msg {
    font-size: 16px;
}

.no-record-html .msg-desc {
}

.no-record-html .action {
}

.tbl-ttl, .tbl-ttl a {
    font-size: 1.5rem;
    text-decoration: none;
}

.tbl-sm-ttl, .tbl-sm-ttl a {
    color: #0d0d0d;
    font-size: 1.4rem;
    text-decoration: none;
}

.tbl-que, .tbl-que a {
    color: #0d0d0d;
    font-size: 1.4rem;
    text-decoration: none;
}

.tbl-price {
    font-size: 1.5rem;
}

/*
.tbl-content-lib, .tbl-content-lib a {
    font-size: medium;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    line-height: 1.6;
}
*/
.tbl-username, .tbl-username a {
     text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	 line-height: 1.2;
    margin-bottom: 5px;
}

.view-course-batch {
    width: 220px;
    font-size: 12px;
    line-height: 1.8;
}

/* .nav-tabs > li {
     color: #fff;
     font-size:13px;
     position: relative;
     top: 3px;
     left: -2px;
     border: 2px solid #fff;
     background: #555555;
     padding: 0 2px;
     border-top-left-radius: 8px;
     border-top-right-radius: 8px;
}
 */
/*pre-site -header show down arrow is hide - because left navigation is available now*/
.prehdr-arrow-hide {
    display: none;
}

.blg-h-tabs {
    font-size: 13px !important;
    padding-top: 0 !important;
}

.blg-scroll-bar {
    background: rgba(0, 0, 0, 0.5);
    width: 4px;
    position: absolute;
    top: 9.34274px;
    opacity: 0.4;
    border-radius: 0;
    z-index: 99;
    right: 1px;
    height: 191.007px;
}

/*course batch css*/
.batch-rec  {position:relative;}
.batch-rec .batch-status{background: white;padding: 1px 5px;font-size: smaller;margin-left: 5px;border-radius: 4px;}
.mng-batch-date {
    margin: 2px;
    height: 84px;
    width: 84px;
	background: #fff;
    border: 2px solid #ebebeb;
    border-radius: 50%;
    padding: 11px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	position:relative;
	vertical-align: middle
}
.mng-batch-date img {    position: absolute;
    right: -10px;
    top: 56px;
    border-radius: 50%;}
.mng-batch-detail {
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    line-height: 2;
}

   
.mng-batch-detail .btn-list {margin-top:5px;}
.mng-batch-detail .btn-simple {font-size:12px;}
.mng-batch-detail .sch-days{font-size:11px;height: 16px;line-height:1;display:flex; vertical-align: middle;}
.mng-batch-detail .material-symbols-outlined {font-size:17px; vertical-align: middle;} 
.batch-rec .btn-list div{display:inline-block;height: 22px;}

.batch-info{font-size:13px;display:flex;vertical-align: middle;}

/*
.mng-batch-teacher-img {
    height: 90px;
    width: 90px;
}
*/




.mng-batch-date .time-text {
    margin-bottom: 0;
    text-align: center;
}

.mng-batch-date .count-day {
    font-size: inherit;
}

.bug-unread {
    border-left: 5px solid #545858;
    background: #e4e4e4;
}

/*show other div on hover parent div*/
.showhim:hover .showme {
    display: block;
}

.showme {
    display: none;
    transition: height 500ms;
}

.showhim:hover .hideme {
    display: none;
}

.text-right .switch label .lever {
    margin-right: 0;
}

/*important css to keep div in aspect ration for 7:4*/
.ratio-box {
    /* margin-top: 1em;
     margin-bottom: 1em;
    */
    /* background-color: #CCC;
    */
}
.image-in-div img{height: 100%;width: 100%;}

.fixed-ar {	position:relative;}
.fixed-ar img {/*height: 100%;*/width: 100%;background: #ffffff;}

.fixed-ar::before {
    content: "";
    float: left;
    width: 1px;
    margin-left: -1px;
}

.fixed-ar::after {
    content: "";
    display: table;
    clear: both;
}
.fixed-ar-ogtag::before {
    padding-top: 52.50%;
}
.fixed-ar-4-3::before {
    padding-top: 75%;
}
.fixed-ar-7-4::before {
    padding-top: 55.14%;
}
.fixed-ar-5-3::before {
    padding-top: 60%;
}
.fixed-ar-7-3::before {
    padding-top: 42.86%;
}
.fixed-ar-7-2::before {
    padding-top: 28.57%;
}
.fixed-ar-7-1::before {
    padding-top: 14.28%;
}
.fixed-ar-4-1::before {
    padding-top: 25%;
}
.fixed-ar-1-1::before {
    padding-top: 100%;
}
.fixed-ar-16-9::before {
    padding-top: 56.25%;
}
.fixed-ar-21-9::before {
    padding-top: 42.86%;
}
.fixed-ar-5-2::before {
    padding-top: 40%;
}
.float-parent {
    position: relative;
}
.float-child-b {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.float-child-b-l {
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.float-child-b-r {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.float-incard-b-r {
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.float-child-b-r-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.float-child-t {
    position: absolute;
    top: 0;
}
.float-child-top-left {
    position: absolute;
    top: 15px;
    left: 15px;
}
.float-child-top-right {
    position: absolute;
    top: 15px;
    right: 15px;
}
.buy-this-batch {
    -webkit-box-shadow: 0 0 5px 10px rgb(227, 231, 227);
    -moz-box-shadow: 0 0 5px 10px rgb(227, 231, 227);
    box-shadow: 0 0 5px 10px rgb(227, 231, 227);
}

.buy-this-batch i {
    display: inherit !important;
}

.markdone_btn {
    text-align: center;
}

.save-success {
    font-size: 12px;
    border-radius: 2px;
    background: #009688;
    color: #fff;
    padding: 2px 4px;
}

.save-fail {
    font-size: 12px;
    border-radius: 2px;
    background: #E91E63;
    color: #fff;
    padding: 2px 4px;
}

.row-save-success {
    font-size: 12px;
    background: #009688;
    color: #fff;
    padding: 2px 25px;
}

.row-save-fail {
    font-size: 12px;
    background: #E91E63;
    color: #fff;
    padding: 2px 25px;
}


.widget-card-sm {
    min-height: 200px;
}

/*class record on dashboard and on due page - */
.class-quick-rec {
    margin-bottom: 5px;
    box-shadow: none;
    border: 1px solid #dfdfdf;
}

.class-quick-rec .class-data {
    padding-right: 0;
    margin-bottom: 0;
    box-shadow: none;
    width: 100%;
}

.class-quick-rec .info-box {
    margin-bottom: 0;
    box-shadow: none;
    width: 100%;
}

.class-quick-rec .class-when {
    width: 100%;
}

.class-quick-rec .class-time {
    width: 100%;
    font-size: 20px;
}

.class-quick-rec .class-data {
    width: 172px;
}

.time-label {
    padding-right: 30px;
}

.zoombox {
    overflow: hidden;
}

.zoomthis {
    background-position: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.zoombox:hover .zoomthis {
    /*
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    /* IE 9 */
    /*
    transform: scale(1.1);
    */
}

.dashb-card-ttl {
    font-size: 16px;
    text-align: left;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.module-vrticl-tabs .active {
    color: #fff;
    background: #333;
}

.mb-icon-nav {
    width: 100px;
    height: 100px;
    text-align: center;
    padding-top: 10px;
    background: #fff;
    display: inline-block;
    border: 1px solid #efefef;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 4px;
    color: #333;
    cursor: pointer;
}

.mb-icon-nav .text {
    font-size: 14px;
}

.mb-icon-nav i {
    font-size: 32px;
}

.mb-icon-nav:hover {
    background: #333;
    color: #fff;
}

.mb-icon-nav-active {
    background: #333;
    color: #fff;
}

.sample-data {
    font-size: 12px;
    font-weight: normal !important;
}

.custom-footer {
    background: #2a2a2a;
    color: #bab7b7;
    padding-top: 40px;
}

.custom-footer a {
    color: #808080 !important;
}

.footer-hr {
    border-top: 1px solid #474444;
}

.footer-hr p {
    font-size: 13px !important;
}

.prf-lsn-type {
    padding: 5px;
    background: #f6f6f6;
    color: #555;
    text-align: center;
    font-weight: 500;
}

.prf-lsn {
    font-size: 18px;
}

.prf-lsn .duration {
    font-size: 13px;
}

.prf-lsn .price {
    float: right;
    font-size: 18px;
    font-weight: bold;
}

.bg-rating {
    background: #FFC107 !important;
}

.promo-bar-days-left {
    font-weight: 600;
}

.promo-bar-timer {
    font-weight: 600;
    min-height: 25px;
}

.promo-bar-close {
    float: right;
    margin-top: -25px;
}

.no-data-cloud {
    position: absolute;
    left: 50%;
    top: 46%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.no-data-cloud-height {
    margin-top: 40px;
    position: absolute;
    left: 50%;
    top: 46%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*error class*/
.error-in-card {
    background-color: #e91e63;
    color: #fff;
    padding: 15px 20px;
    text-align: center;
}

.info-in-card {
    background-color: #ff7f45;
    color: #fff;
    padding: 15px 20px;
    text-align: center;
}

.tell-in-card {
    background-color: #728ab0;
    color: #fff;
    font-size: 13px;
    padding: 6px 20px;
    text-align: center;
}

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

.form-group-sm .form-line.focused .form-label {
    font-size: 11px;
    color: #000;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.org-pricing-plan {
    display: flex;
}

.org-pricing-plan .plan {
    width: 50%;
    margin: auto;
}

.subscription-billing {
    background: #e3e8ee;
    padding: 2px 8px;
    border-radius: 10px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.subscription-status {
    background: #d6ecff;
    padding: 2px 8px;
    border-radius: 10px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

thead {
    background: #f5f5f5; /* #eaeff0;*/
}

.imp-model-text {
    color: #e91e63;
}


/*otp classes for mobbile otp container */
.otp-container {
    text-align: center;
}

.otp-sent-text {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.otp-sent-text .mb-num {
    font-weight: 500;
    white-space: nowrap;
}

.otp-sent-text i {
    font-size: 14px;
}

.otp {
    width: 220px !important;
    margin: auto;
    margin-top: 30px;
}

.otp input {
    font-size: 34px;
    font-weight: 500;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    letter-spacing: 32px;
    margin-left: 25px;
}

.otp input {
    font-size: 34px;
    font-weight: 500;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    letter-spacing: 35px;
    margin-left: 23px;
    width: 350px !important;
}

.otp .form-line {
    border-bottom: none;
}

.otp .form-line:after {
    border-bottom: none;
}

.otp .otp-text-base {
    width: 40px;
    border: 1px solid #ccc;
    height: 60px;
    display: inline-block;
    margin-left: 10px;
    border-radius: 4px;
    margin-top: -50px;
}

.otp-error-holder {
    font-size: 12px;
    font-weight: 500;
    color: red;
}

.resend-container {
    margin-top: 20px;
    margin-bottom: 20px;
}

.table-small-text {
    font-size: 13px;
}

.cart-count {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    line-height: 15px;
    background-color: #555;
    border: 2px solid #fff;
    font-weight: 500;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    padding: 2px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 30px;
}

.page-nav {
    background: #fff;
    padding: 10px 10px 20px 10px;
    margin-bottom: 5px;
}

.auto-height {
    min-height: auto !important;
}

.content-center {
    position: relative;
    top: 50%;
    transform: perspective(1px) translateY(-50%);
}

.session-access {
    position: relative;
}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.live-label {
        padding: 2px 8px;
    font-size: 10px;
    font-weight: 500 !important;
    color: #fff !important;
    background: red;
    border-radius: 10px;
    letter-spacing: 2px;
	 	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 1.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

.profile-info-st01 h1 {
    font-size: medium;
    font-weight: normal;
    line-height: 1.6;
    margin-top: 5px;
    margin-bottom: 10px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.card-icon {
    border: 1px solid #dfdfdf;
    overflow: hidden;
}

.market-mobile-bar {
    height: 50px;
    box-sizing: border-box;
    display: table;
    width: 100%;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.market-mobile-bar .option {
    text-align: center;
    display: table-cell;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-top: 7px;
    line-height: 1px;
    background: #f3f2ef;
}

.market-mobile-bar .option .name {
    min-width: 80px;
}

/*this class for help dir*/
.help-dir {
    line-height: 1.8;
}

.help-dir p, ul, ol {
    line-height: 1.8;
}

.table-row-highlight {
    background: #e7f4e7;
}

.div84vh {
    height: 84vh;
}

.border-light {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
}

.rtl-form {
    width: 480px;
    padding: 30px;
    background: #fff;
    border-left: 1px solid #e2e2e2;
    /*float: right;*/
    min-height: 100vh;
    margin-left: auto;
    margin-right: 0;
}

.std-annc .active {
    border-top: 8px solid teal;
}

.std-annc .past {
    border-top: 8px solid #000;
}

.std-annc .upcoming {
    border-top: 8px solid orange;
}

.std-annc .title {
    font-size: 18px;
    font-weight: bold;
}

.std-annc .desc {
    line-height: 1.7;
}

.std-annc .annc-by {
    font-size: 13px;
}

/*for dashboard day sun image cards*/
.c-event {
}

.c-event .f-1 {
    height: 75px;
}

.c-event .f-btn {
    height: 40px;
}

.c-event .title {
    font-size: 13px;
    line-height: 22px;
    height: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  overflow: hidden;
word-break: break-all;
display: -webkit-box;

-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.c-event .name {
    font-size: 13px;
    line-height: 22px;
    height: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
   overflow: hidden;
word-break: break-all;
display: -webkit-box;

-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.c-event a {
    font-size: 13px;
}

.c-event .c-label {
    color: #bebebe;
}

.c-event .prsenter {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.c-event .type {
    font-size: 14px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
    margin-bottom: 10px;
}

.c-event .duration {
    font-size: 22px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.c-event .footer-link {
    font-size: 13px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    text-align: center;
}

/* dashboard session leads*/
.p-event {
    /* width:200px;
     display:inline-block;
     */
}

.p-event .main {
    border: none;
    background-color: #000;
}

.p-event hr {
    display: none;
}

.p-event .count {
    display: table;
    float: right;
    text-align: center;
    color: #000;
    padding: 24px 30px;
    font-size: 26px;
    border-left: 6px solid #efefef;
    border-bottom: 6px solid #efefef;
    background-color: #fff;
    margin-top: -86px;
}

.p-event .type {
    /* display:table;
    */
    font-size: 18px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    padding: 30px;
    background-color: transparent;
    color: #a7a7a7;
}

.p-event .exp-time {
    font-size: 16px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    text-align: center;
    border-top: 6px solid #e91e63;
    display: none;
}

.p-event .wait-text {
    font-size: 13px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    text-align: center;
    background-color: #000;
    color: #a7a7a7 !important;
    padding-left: 0;
    padding-right: 0;
}

.p-event .link {
    font-size: 13px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    text-align: center;
}


/*new*/
.user-ed-exp .cmp-logo {
    background-color: rgba(0, 0, 0, 0.12);
    border: 1px solid #ccc;
    height: 80px;
    width: 80px;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    border-radius: 16px;
}

.user-ed-exp .cmp-logo i {
    color: #fff;
    font-size: 50px;
    line-height: 80px;
	width:80px;
}

.user-ed-exp .title {
    font-size: medium;
    font-weight: 600;
}

.user-ed-exp .sub-title {

}

.user-ed-exp .other-info {
   /* font-size: 13px;*/
}

.label-selected {
    background: darkseagreen;
    color: #fff;
    padding: 2px 4px;
    font-size: 13px;
    border-radius: 4px;
}

.table-group-info {
    padding: 2px 6px;
    font-size: 13px;
    border-radius: 4px;
    background: #f4f4f4;
    color: #000;
    margin: 1px;
    border: 1px solid #f4f4f4;
    border-left: 4px solid #000000;
    display: inline-block;
}

.tsr01 .card .body {
    padding: 25px;
}

.tsr05 .card {
    /* border-radius: 16px;
    */
    /* box-shadow: none;
     */
}

.tsr05 .btn-lg {
    min-width: 150px;
}

.tsr05 .rating-xs {
    font-size: 0.9em;
}

/*filter top for marketplaces*/
.filter-position {
    /* top: 70px;
     position: fixed;
    */
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    border-bottom: 1px solid #ccc;
}

.filter-bar {
    background: #fff;
}

.filter-btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    color: #4d4d4d;
    font-variant: normal;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    display: inline-block;
    text-align: center;
    min-width: 88px;
    height: 40px;
    padding: 9px 16px;
    font-size: 14px;
    white-space: nowrap;
    background: #f2f2f2;
    border: 1px solid #e2dede;
    border-radius: 100px;
    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.78, .14, .15, .86);
    transition: all .3s cubic-bezier(.78, .14, .15, .86);
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.selected-filter {
    background: #edfdfb;
}

.h2-makt {
    font-size: 20px;
}

.event-upcoming01 {
    line-height: 1.6;
    --text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.event-upcoming01 a {
    font-size: 12px;
}

.event-upcoming01 .month {
    font-weight: 600;
    color: #2196f3;
}

.event-upcoming01 .left {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    border-right: 2px solid #ff9800;
}

.event-upcoming01 .date {
    font-size: 22px;
    font-weight: 500;
    color: #000;
}

.event-upcoming01 .day {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.event-upcoming01 .host {
    font-size: 13px;
    font-weight: bold;
}

.event-upcoming01 .time, .duration {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    font-size: 13px;

}

.event-upcoming01 .c-title {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    font-size: 13px;
}

.event-upcoming01 .type {
    font-size: 13px;
}

.event-upcoming01 .notes {
    font-size: 13px;
}

.worthprice {
    font-size: 14px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    margin-bottom: 10px;
}

.worthprice span {
    float: right;
}

/*credit session record*/
.rec-card {
    margin-bottom: 15px;
}

.reward .icon {
    font-size: 60px;
    line-height: 74px;
}

.reward .date-add {
    padding: 5px 15px;
    border: 2px solid #009688;
    border-radius: 10px;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.reward .date-expire {
    padding: 0;
    border: 2px solid #e91e63;
    border-radius: 10px;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.reward .date-expire .inlabel {
    font-size: 13px;
    color: #fff;
    background: #e91e63;
    width: 66px;
    padding: 2px 4px;
    margin-top: -1px;
    margin-bottom: 4px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.reward .about {
    line-height: 1.6;
}

.reward .title {
    font-size: 16px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.reward .object {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.reward .reason {
    font-size: 13px;
}

.reward .belong {
}

.reward .type {
    color: #f0efef;
    font-size: 13px;
    background: #4e4e4e;
    padding: 0 10px;
    position: absolute;
    border-top-left-radius: 10px;
}

.reward .btn:not(.btn-link):not(.btn-circle) {
    box-shadow: none;
}

/*myclass*/
.myclass {
}

.rec-card {
    margin-bottom: 15px;
}

.myclass .icon {
    font-size: 60px;
    line-height: 74px;
}

.myclass .date-add {
    width: 70px;
    padding: 0;
    border: 2px solid #ff7f45;
    border-radius: 10px;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.myclass .date-expire {
    padding: 0;
    border: 2px solid #e91e63;
    border-radius: 10px;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.myclass .date-add .inlabel {
    font-size: medium;
    color: #fff;
    background: #ff7f45;
    padding: 2px 4px;
    margin: -1px -1px 0 -1px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.myclass .about {
    line-height: 1.8;
}

.myclass .title {
    font-size: medium;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.myclass .object {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.myclass .reason {
    font-size: 13px;
}

.myclass .oc-badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
    background-color: #eeeeee;
    color: #000000;
    font-weight: 400;
    text-shadow: none;
}

.myclass .price {
    float: right;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}



/*steps bar*/
.stepbar-wrapper {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 80px;
}

.space-steps .stepbar-wrapper {
    width: 100%;
    max-width: 600px;
    display: block;
    margin: auto;
    padding-top: 14px;
    padding-bottom: 5px;

}

.space-steps .what {
    font-size: 85%;
    font-weight: bold;
    line-height: 20px;
}

.stepbar-wrapper ul {
    line-height: 1.4;
}

.stepbar li {
    list-style-type: none;
    width: 30%;
    float: left;
    font-size: 12px;
    position: relative;
    text-align: center;
    color: #7d7d7d;
    /*white-space: -webkit-pre-wrap;*/

}
.onlinetest li {
    width: 24% !important;
}
.campaign li {
    width: 24% !important;
}

.space li {
    width: 20% !important;
}

.custom_md li {
    width: 33% !important;
}

.step-2 li {
    width: 50% !important;
}

.stepbar li:before {
    width: 30px;
    height: 30px;
    content: "";
    line-height: 27px;
    border: 3px solid #d6d6d6;
    display: block;
    text-align: center;
    margin: 0 auto 3px auto;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    background-color: #fff;
}

.stepbar li:after {
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    background-color: #d6d6d6;
    top: 16px;
    left: -50%;
    z-index: 0;
}

.stepbar li:first-child:after {
    content: none;
}

.stepbar li.active {
    color: #ff9800;
    font-weight: bold;
}

.stepbar li.active:before {
    background: #ff9800;
    color: #fff;
    border: 3px solid #ff9800;
}

.stepbar li.active + li:after {
    background-color: #ff9800;
}


.stepbar li.complete {
    color: #0d91fb;
    font-weight: bold;
}

.stepbar li.complete:before {
    background: #0d91fb;
    color: #fff;
    border: 3px solid #0d91fb;
}

.stepbar li.complete + li:after {
    background-color: #0d91fb;
}



.stepbar li.active:before {


}

.stepbar li::before {


}

.stepbar {
    counter-reset: step;
}

.stepbar li:before {
    content: counter(step);
    counter-increment: step;
    font-weight: bold;
}

/*days excluded from schedule*/
#quick_days {
    margin-bottom: 20px;
}

.quick-day {
    padding: 10px 6px;
    display: inline-block;
    border: 1px solid #d8d8d8;
    background: #f6f6f6;
    border-radius: 10px;

    margin: 3px;
    cursor: pointer;
}

.quick-day:hover {
    box-shadow: rgba(0, 0, 0, 0.4) 0 2px 4px, rgba(0, 0, 0, 0.3) 0 7px 13px -3px, rgba(0, 0, 0, 0.2) 0 -3px 0 inset;
}

.quick-day .day {
    font-weight: 500;
}

.quick-day .date {
    font-size: 12px;
}

#quick_days .today {
    border: 1px solid #b7d1d1;
    background: #deeae9
}

#quick_days .dayoff {
    border: 1px solid #009688;
    background: pink
}
/*#quick_calendar .week {display:flex;}*/
#quick_calendar .month-date {
    height: 38px;
    width: 38px;
    padding: 6px;
    line-height: 16px;
    border-radius: 50%;
    display: inline-block;
    /*border: 1px solid #d8d8d8;*/
    background: #f6f6f6;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    margin: 3px 2px;
    text-align: center;
    cursor: pointer;
}

#quick_calendar .daysname .month-date {
    background: #4f4f4f !important;
    color: #fff;
}

#quick_calendar .past {
    color: #ccc;
    text-shadow: none;
    cursor: initial;
}

/*
#quick_calendar .month-date:hover {
    box-shadow: rgba(0, 0, 0, 0.4) 0 2px 4px, rgba(0, 0, 0, 0.3) 0 7px 13px -3px, rgba(0, 0, 0, 0.2) 0 -3px 0 inset;
} */
#quick_calendar .available:hover {
    box-shadow: rgba(0, 0, 0, 0.4) 0 2px 4px, rgba(0, 0, 0, 0.3) 0 7px 13px -3px, rgba(0, 0, 0, 0.2) 0 -3px 0 inset;
}

#quick_calendar .month-date .date {
    font-size: 15px;
    line-height: 26px;
}

#quick_calendar .month-date .dayname {
    font-size: 13px;
    line-height: 26px;
}

#quick_calendar .month-date .day {
    display: none;
}

#quick_calendar .seloffdates {
    cursor: default;
}

#quick_calendar .seloffdates:hover {
    cursor: default;
    box-shadow: rgba(0, 0, 0, 0.4) 0 2px 4px, rgba(0, 0, 0, 0.3) 0 7px 13px -3px, rgba(0, 0, 0, 0.2) 0 -3px 0 inset;
}

#quick_calendar .day-selected {
    font-weight: bold;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    text-decoration: underline;
    background: #009688 !important;
    color: #fff;
}

#quick_calendar .available {
    /*border: 1px solid #b7d1d1;*/
    background: #deeae9;
}

#quick_calendar .partial-available {
    border: 1px solid #b7d1d1;
    background: rgb(241, 182, 200);
    background: linear-gradient(278deg, rgba(241, 182, 200, 1) 0%, rgba(179, 238, 234, 1) 100%);
    cursor: pointer;
}

#quick_calendar .dayoff {
    border: 1px solid #b5fff8;
    background: #eee1e5;
    /*pointer-events: none;*/
}

.legends .box {
    padding: 2px 4px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    background: #f2f2f2;
}

.legends .week {
    margin-bottom: 20px;
}

.legends .month-date {
    height: 20px !important;
    width: 20px !important;
    padding: 6px;
    line-height: 18px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #d8d8d8;
    background: #f6f6f6;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    margin: -2px !important;
    text-align: center;
}

/*profile lesson box*/
.host-lesson-box .offered-price {
    position: absolute;
    top: 0;
    right: 15px;
    width: 96px;
    border-bottom: 22px solid #3aac8b;
    border-top-right-radius: 10px;
    padding-left: 12px;
}

.host-lesson-box .offered-price span {
    position: absolute;
    top: 6px;
    left: 6px;
    color: #fff;
    font-size: 12px;
    line-height: 9px;
    padding-left: 12px;
}

.host-lesson-box {
    border: 1px solid #c9c9c9;
    border-radius: 10px;
    background: #fefefe;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    padding: 15px;
    display: flex;
    align-items: center;
}

.host-lesson-box .about {
    width: 80%;
    display: inline-block;
}

.host-lesson-box .rate {
    width: 18%;
    display: inline-block;
    text-align: right;
    align-items: center;
}

.host-lesson-box .rate .main-price {
    font-size: 18px;
}

.host-lesson-box .rate .comp-price {
    color: #e91e63;
    text-decoration: line-through;
}

.host-lesson-box .title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}

.host-lesson-box .info {
}

.flat-card .desc {
    font-size: 1.3rem;
    line-height: 19px;
    height: 55px;
    box-sizing: border-box;
overflow: hidden;
word-break: break-all;
display: -webkit-box;

-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
}

.flat-card small_1 {
    position: absolute;
    bottom: 20px;
}

/*dashboard calendar */
div.widget {
    height: auto;
    overflow: auto;
    display: inline-block;
    position: relative;
    margin: auto auto;
    /* margin-top: 100px;
    */
    border-radius: 2px;
    /* box-shadow: 0 2px 10px #AAA;
    */
}

div.widget div.body {
    padding: 20px 0 0 0;
}

div.widget div.head {
    display: block;
    position: relative;
    padding-bottom: 10px;
    /* background-color: #3498DB;
     background: -webkit-linear-gradient(#3498DB, #2980B9);
     background: -moz-linear-gradient(#3498DB, #2980B9);
     background: -o-linear-gradient(#3498DB, #2980B9);
     background: linear-gradient(#3498DB, #2980B9);
    */
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    text-align: center;
}

div.widget div.head p, div.widget div.head h1 {
    display: block;
    /* color: #FFF;
    */
    cursor: default;
}

/* div.widget div.head p {
     font-size: 10px;
}
 */
div.widget div.head h1 {
    font-size: 34px;
}

div.widget div.head p.day {
    margin-top: 25px;
}

div.widget div.head p.month {
    margin-bottom: 25px;
}

div.widget div.head i.trg {
    height: 30px;
    position: absolute;
    margin: auto auto;
    top: 0;
    bottom: 0;
    color: #FFF;
    cursor: pointer;
    -webkit-transition: all ease-in-out 0.15s;
    -moz-transition: all ease-in-out 0.15s;
    -o-transition: all ease-in-out 0.15s;
    transition: all ease-in-out 0.15s;
}

div.widget div.head i.trg.trg-prev {
    left: 4px;
}

div.widget div.head i.trg.trg-prev:hover {
    left: 9px;
}

div.widget div.head i.trg.trg-next {
    right: 4px;
}

div.widget div.head i.trg.trg-next:hover {
    right: 9px;
}

div.widget div.body {
    display: block;
    position: relative;
    background-color: #fff0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    text-align: center;
}

div.widget div.body table {
    margin: auto auto;
    border-collapse: collapse;
    border-spacing: 0;
    cursor: pointer;
}

div.widget div.body table p {
    margin-bottom: auto;

}

div.widget div.body table a {
    color: inherit;
}

/*
div.widget div.body td {
    padding: 10px 7px;
	
    -webkit-transition: background-color ease-in-out 0.15s;
    -moz-transition: background-color ease-in-out 0.15s;
    -o-transition: background-color ease-in-out 0.15s;
    transition: background-color ease-in-out 0.15s;
}
*/
div.widget div.body td {
    padding: 14px 15px 14px 15px;
    -webkit-transition: background-color ease-in-out 0.15s;
    -moz-transition: background-color ease-in-out 0.15s;
    -o-transition: background-color ease-in-out 0.15s;
    transition: background-color ease-in-out 0.15s;
}



div.widget div.body td:hover {
    background-color: #F0F0F0;
    cursor: pointer;
}

div.widget div.body td.prev {
    /* background-color: #FFF;*/
    color: #c2c2c2;
    cursor: default;
}

/*
div.widget div.body tr.head td {
    font-size: 12px;
    cursor: default;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
*/

div.widget div.body tr.head td {
    font-size: 12px;
    background-color: #fff;
    cursor: default;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}


div.widget div.body tr.head td > * {
    /*color: #fff;*/
}

.remv_date {
    /* display: block;
    */
    width: auto !important;
    height: auto !important;
    margin: auto !important;
    background: none !important;
}

.past-class-day {
    font-size: 13px;
    border: 1px solid #cac9c7;
    color: #999696;
    border-radius: 50%;
    position: absolute;
    margin-top: -10px;
    width: 20px;
}

.class-day {
    font-size: 13px;
    border: 1px solid #ff9800;
    color: #333;
    border-radius: 50%;
    position: absolute;
    margin-top: -10px;
    width: 20px;
}

/*dashboard calender ends here */
.email-in-rec {
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schedule1-tab > li > a {
    color: #333;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.all-slots .active {
    border: 1px solid #009688;
    border-radius: 10px;
    background: #009688 !important;
    color: #fff !important;
}


.my-company .title {
    font-size: 15px;
    color: #000;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.my-company .value {
    padding-left: 20px;
}

.my-company .gateway-installed span, .gateway-un-installed span {
    padding: 4px 10px;
    border-radius: 16px;
}

.my-company .gateway-installed .stripe, .gateway-installed .paypal, .gateway-installed .payumoney, .gateway-installed .razorpay, .gateway-installed .montonio, .gateway-installed .kbank, .gateway-installed .authorizenet, .gateway-installed .athmovil, .gateway-installed .moneyspace {
    background-color: #008080;
    color: #fff;
    padding: 4px 10px;
    border-radius: 16px;
}

.my-company .gateway-un-installed a {
    margin: 2px 4px;
}

.invoice-company-detail .name, .address {
    display: none;
}

/*module object card on module index page*/
.module-card-info {
    height: 390px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.module-card-info .title {
    font-size: 30px;
    margin-bottom: 25px;
}

.module-card-info .icon {
    padding: 5px 0 5px 0;
    font-size: 70px;
    color: #0a0a0a;
}

.module-card-info .icon i {
    font-size: 70px;
}

.module-card-info .description {
    height: 50px;
    font-size: 15px;
}

.module-card-info .published-count {
    font-size: 50px;
}

.module-card-info .unpublished-count {
    font-size: 18px;
}

/*tsr05 record css*/
.tsr05-biography {
    font-size: 13px;
    cursor: pointer;
    color: #888;
    line-height: 22px;
    font-weight: 400;
    height: 66px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
overflow: hidden;
word-break: break-all;
display: -webkit-box;

-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
}

.tsr05-expert img {
    border-radius: 100px;
    display: block;
    width: 130px;
    height: 130px;
    opacity: .9;
    filter: alpha(opacity=90);
    border: 1px solid #eee;
}

.option-box {
    border: 1px solid #efeeee;
    padding: 10px 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    min-height: 70px;
    background: #ffffff;
}

.option-box-8px {
    border: 1px solid #efeeee;
    padding: 8px;
    border-radius: 10px;
    margin-bottom: 4px;
    min-height: 30px;
    background: #ffffff;
}

.option-box .desc, .option-box-8px .desc {
    font-size: 85%;
}

.in-cart-label {
    background: #009688bd;
    font-size: 13px;
    color: #ffffff;
    padding: 4px 6px;
    border-radius: 15px;
}

.just-in-cart {
    background: #ffa500;
    font-size: 13px;
    color: #ffffff;
    padding: 4px 6px;
    border-radius: 15px;
}

/*this is seal of promotion*/
div.seal-promoted {
    position: absolute;
    top: 16px;
    right: -18px;
    -webkit-transform: rotate(42deg);
    transform: rotate(42deg);
    width: 96px;
    border-left: 19px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 17px solid #3aac8b;
}

div.seal-promoted span {
    position: absolute;
    top: 4px;
    left: 6px;
    color: #fff;
    font-size: 12px;
    line-height: 9px;
}

.select-conference {
    min-width: 80px;
    border: 1px solid #e7e7e6;
    background: #fafafa;
    padding: 4px 8px;
    display: inline-block;
    border-radius: 4px;
    margin: 3px 2px;
    font-size: 13px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.highlight-box {
    border: 1px solid #e7e7e6;
    background: #fafafa;
    padding: 20px 20px;
    border-radius: 4px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.exp-rate {
    font-size: xx-large;
    font-weight: 500;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.rate-per-what {
    font-size: 18px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.item-in-box {
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 10px;
}

.olc-recurring-info {
    background: linear-gradient(to right, #dfdfdf, #ffffffab);
    color: #000;
    padding: 4px 6px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.lesson-skype-info {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    text-align: center;
    	
	background: #efefef;
    padding: 10px 0;
    border: 1px solid #e7e7e7;
	    
    border-radius: 4px;
    margin-top: 10px;
}

/*host avialable-timings*/

.host-time {
    font-size: 11px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}


.host-time .time-cell {
    width: 38px;
    height: 14px;
    background: #f6f6f6;
    margin: 3px;
    line-height: 14px;
    padding-left: 5px;
}

.host-time .day-slot .cell {
    width: 14px;
    height: 14px;
    background: #efefef;
    margin: 3px;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
}

.host-time .day-slot .cell, .host-time .time-cell {
    /*margin: 6px;*/
    margin: 10px 10px 10px 0;
}

.host-time .day-slot .active {
    background: #0c8 !important;
}

.stats-box {
    box-shadow: none;
    border: 1px solid #e7e2e2;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}

.stats-box .icon {
    background-color: #ffffff;
}

.stats-box .icon i {
    color: #f6f6f6;
}

.stats-box .content .number {
    font-size: 22px;
}

.tsr06-display-rate {
    font-size: 16px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

/*space css*/


.edit-space {
    border-bottom: 30px solid #d7d7d7;
    border-left: 40px solid #d7d7d7;
    border-right: 40px solid #d7d7d7;

}

.edit-space .content {
    margin-top: 0 !important;
}

.sloc01 {
    color: #dfdfdf;
    line-height: 1.8;
}

.sloc01 .area-banner-h {
    min-height: 425px !important;;
}

.sloc01 .info-part {
    font-size: 15px;
}

#bgimage {
    background-position: center !important;
}

.st01 .area-banner-h {
    min-height: 380px;
}

.slp01 .area-banner-h {
    height: 380px !important;
}

.slp02 .area-banner-h {
    height: 280px !important;
}

.st01 .url {
    color: #d0d0d0;
}

.edit-space .tool-bar i {
    font-size: 24px;
    line-height: 44px;
}

.st01 .tool-bar {
    display: flex;

    min-width: 606px;
    background: #3b3b3b;

}

.st01 .tool-bar .icon {
    text-align: center;
    width: 44px;
    border: 2px solid #fff;
    border-radius: 6px;
    color: #fff;
    margin: 4px;
    cursor: pointer;
}

.st01 .tool-bar .selected {
    background: #fff;
    color: #000;
}

.st01 .tool-bar .v-sep {
    width: 2px;
    border: none;
    background: #fff;
    margin: 4px 20px;
    border-radius: 0;
}

.st01 .tool-bar .v-sep span {
    background: #fff;
    border-radius: 50%;
    padding: 2px 1px;
    margin-left: -9px;
    line-height: 46px;
}

.st01.space-add-content {

}

.space-banner-edit .black + label {
    background: #000000;
}

.space-banner-edit .blue + label {
    background: #007bff;
}

.space-banner-edit .purple + label {
    background: #6f42c1;
}

.space-banner-edit .pink + label {
    background: #e83e8c;
}

.space-banner-edit .red + label {
    background: #dc3545;
}

.space-banner-edit .orange + label {
    background: #fd7e14;
}

.space-banner-edit .yellow + label {
    background: #ffc107;
}

.space-banner-edit .green + label {
    background: #28a745;
}

.space-banner-edit .white + label {
    background: #fff;
}
.space-banner-edit .lightgray + label {
    background: #ededed;
}

.space-banner-edit .darkgray + label {
    background: #858585;
}

.space-banner-edit .color-row {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}

.space-banner-edit .color input[type=radio]:checked + label {
    border: 5px solid;
}

.space-banner-edit .color input[type=radio] + label {
    border-radius: 50% !important;
    border: 3px solid hsla(0, 0%, 100%, .07);
    width: 38px;
    height: 38px;
    cursor: pointer;
}

.space-banner-edit .color input[type=radio], .duration input[type=radio] {
    display: none;
}


.space-banner-edit .color [type="radio"] + label:before {
    display: none;
}

.space-banner-edit .color [type="radio"]:checked + label:after, .color [type="radio"].with-gap:checked + label:after {
    background-color: #26a69a;
    z-index: -1;
}

.tool-bar-md {
	margin-bottom:20px;
}

.tool-bar-md i {
    font-size: 24px;
    line-height: 44px;
}

.tool-bar-md .icon {
    display: inline-block;
    text-align: center;
    width: 44px;
    border: 2px solid #000;
    border-radius: 6px;
    color: #000;
    margin: 2px;
    cursor: pointer;
    box-shadow: 0 2px 5px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%);
}

.tool-bar-md .selected {
    background: #fff;
    color: #000;
	border: 2px solid #94c994;
}

.tool-bar-md .v-sep {
    display: inline-block;
    width: 2px;
    border: none;
    background: #000;
    margin: 4px 10px;
    border-radius: 0;
    line-height: 44px;
}

.tool-bar-md .v-sep span {
    background: #fff;
    border-radius: 50%;
    padding: 2px 1px;
    margin-left: -9px;
    line-height: 46px;
}

.tool-bar-md .color-row {
    display: inherit;
}

.tool-bar-md .color-row .color {
    display: inline-block;
}

.btn-group {
    vertical-align: inherit;
}

.colorpicker {
    z-index: 0;
}


.tool-bar-sm .icon {
    width: 28px;
}

.tool-bar-sm i {
    font-size: 15px;
    line-height: 24px;
}

.tool-bar-sm .v-sep {
    line-height: 24px;
}

.st01-fold1-banner-img {
    /*
    background: url('../../../app-data/banner-gallery/1/1642674978clogo35_original.png') no-repeat 0 0;
    background-size: cover;
    */

}

.st01-banner-overlay {
    background-color: rgb(25, 25, 25, 0.3);
}

.st01 h1 {
    margin-top: 0;
    padding-top: 0;
    font-size: 42px;
    color: #dfdfdf;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .25);
}

.st01 h2 {
    font-size: 20px;
    font-weight: 400;
    color: #dfdfdf;
}

.st01-line3 {
    color: #dfdfdf;
}

.st01-cta {
    margin-top: 20px;
}

/*end space css*/

/*thankyou page */
.thankyou01 .area-banner-h {
    min-height: 240px;
}

.thankyou01 h1 {
    margin-top: 0;
    /*padding-top: 90px;*/
}


/*this one added for ios double tap link*/
@media (hover: none) {
    li a:after {
        display: none;
    }
}



/*Lokesh to test*/
.block-header h2 {
    margin: 0 !important;
    color: #666 !important;
    font-weight: bold;
    font-size: 24px;
}


.bar-dark {
    background: #333;
    color: #fff;
    padding: 10px;
    text-align: center;
}

.bar-dark .btn-line-primary {
    color: #000000 !important;
    border: 2px solid #ffffff !important;
    background: #fff !important;
}

.bar-teal {
    background: #009688;
    color: #fff;
    padding: 10px;
    text-align: center;
}

.bar-teal .btn-line-primary {
    color: #000000 !important;
    border: 2px solid #ffffff !important;
    background: #fff !important;
}

.bar-red {
    background: #f44336;
    color: #fff;
    padding: 10px;
    text-align: center;
}
.bar-blue {
    background: #1e6ce5;
    color: #fff;
    padding: 10px;
    text-align: center;
}
.bar-red .btn-line-primary {
    color: #000000 !important;
    border: 2px solid #ffffff !important;
    background: #fff !important;
}

.bar-light {
    background: #f2f2f2;
    color: #000;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
}

.bar-light .title {
    font-weight: 500;
    font-size: 15px;
}

.announcement-as-post {
    margin-bottom: 20px;
}

.announcement-as-post .title {
    font-weight: 500;
    font-size: 15px;
}

.bar-light .btn-line-primary {
    color: #000000 !important;
    border: 2px solid #ffffff !important;
    background: #fff !important;
}

.bar-white {
    background: #f0f0f0;
    color: #000;
    padding: 10px;
    text-align: center;
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
}

.bar-red-lang {
    background: #f44336;
    color: #fff;
    padding: 10px;
    text-align: center;
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
}

.bar-red-lang .btn-line-primary {
    color: #040303 !important;
    border: 2px solid #bababa !important;
    background: #ffffff !important;
}

.bar-white .btn-line-primary {
    color: #fff !important;
    border: 2px solid #ffffff !important;
    background: #009688 !important;
}


.center-p-container {
    min-height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.center-c-center {

}


.access2-data-box111 {
    min-height: 84vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.access2-nodata-boxin1 {
    background: #fff6db;
    padding: 30px 40px;
}

.access2-data-boxin1 {
    width: 100%;
    height: 100%;
    background: #cce6cd;
    padding: 30px 40px;
}


.acc2-runner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.acc2-runner .data-not-thr {
    background: #ffffff;
    border: 1px solid #ccc;
    padding: 30px 40px;
}

.acc2-runner .data-thr {

}

/*table row round button*/

tr {
    position: relative;
}

tr:hover .action-btns {
    display: initial;
    transition: all .1s;

}

tr .stay {
    background: none !important;
    border: none !important;
    position: inherit !important;
    display: flex !important;;
}


tr .action-btns {
    position: absolute;
    display: none;
    top: 4px;
    right: 0;
    background: #eee;
    border: 1px solid #eee;
    border-radius: 20px;
    padding: 2px;
}

tr .action-btns .btn-circle {
    /*color: #333;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);*/
   /* width: 30px;
    height: 30px;*/
	
   /* padding: 4px 10px;
    line-height: 15px;
    border: 1px solid #d4d2d2;
    background-color: #f6f6f6 !important;
    box-shadow: none;
    margin: 1px;*/
}

tr .action-btns .btn-circle i {
  /*  font-size: 15px;
    position: relative;
    left: -3px;
    color: #686868;
    line-height: 15px;*/
}

/*----page card -btn*/

/*btn in any div*/
.div-btn {
    position: relative;
}

.div-btn:hover .action-btns {
    display: initial;
    transition: all .1s;

}

.div-btn .stay {
    /*background: none !important;*/
    border: none !important;
    display: flex !important;;
}

.div-btn .action-btns {
    position: absolute;
    display: none;
    top: 4px;
    right: 0;
    background: #eee;
    border: 1px solid #eee;
    border-radius: 20px;
    padding: 4px;
}

.div-btn .action-btns .btn-circle {
    color: #333;
    width: 30px;
    height: 30px;
    padding: 0 10px;
    line-height: 22px;
    border: 2px solid #d4d2d2;
    background-color: #f6f6f6 !important;
    box-shadow: none;
    margin: 1px;
}

.div-btn .action-btns .btn-circle i {
    font-size: 15px;
    position: relative;
    left: -4px;
    color: #686868;
    line-height: 15px;
}


/*tags*/
.b-tag {
    font-size: 12px;
    border-radius: 16px;
    display: inline-block;
    line-height: initial;
    padding: 2px 8px;
    color: #000;
  /*  text-shadow: 0 -1px 11px rgb(0, 0, 0, 0.5);*/
    margin: 1px;
}
.b-tag .material-symbols-outlined {font-size:14px;    vertical-align: middle;}

.b-tag-subject {
    background: #efefef;
    border: 1px solid #e0dfdf;
}

.b-tag-level {
    background: #e9dfc1;
    border: 1px solid #cacaca;
}

.b-tag-catg, .b-tag-category {
    background: #e5fffb;
    border: 1px solid #b1dfe5;
}

.b-tag-agegroup {
    background: #dcdbd4;
    border: 1px solid #c8c7bb;
}

.b-tag-language {
    background: #dcdbd4;
    border: 1px solid #c8c7bb;
}

.b-tag-topic {
    background: #d0e4d1;
    border: 1px solid #bacdbb;
}

.b-tag-all {
    background: #edf0f2;
    border: 1px solid #dae1e7;
}
.b-tag-info {background: #d7f3ff;border: 1px solid #d7f3ff;}

.b-tag-spam {
    background: #ffebf2;
    border: 1px solid #e7abc0;
}

.b-tag-link {
    border: 1px solid #73c2ff;
    /* color: #2196f3;*/

    cursor: pointer;
}

/*status_new_classes*/
.status-xs, .status-sm, .status-md {
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 13px;
    white-space: nowrap;
    text-transform: capitalize;
}

.s-upcoming{background-color:#ff9800;color:#ffffff}
.s-live{background-color:#f44336;color:#ffffff}
.s-completed{background-color:#2196f3;color:#ffffff}
.s-initiate{background-color:#ebe5ad;color:#000000}
.s-expired{background-color:#e91e63;color:#ffffff}
.s-cancelled{background-color:#f72111;color:#ffffff}
.s-failed{background-color:#f72111;color:#ffffff}
.s-done{background-color:#2196f3;color:#ffffff}
.s-deleted{background-color:#f72111;color:#ffffff}
.s-updated{background-color:#009688;color:#ffffff}
.s-pending{background-color:#00bcd4;color:#ffffff}
.s-trial{background-color:#3d93ba;color:#ffffff}
.s-suspended{background-color:#f44336;color:#ffffff}
.s-ingrace{background-color:#ff7b52;color:#ffffff}
.s-joined{background-color:#4caf50;color:#ffffff}
.s-accepted{background-color:#36cfbe;color:#ffffff}
.s-not_held{background-color:#46443d;color:#ffffff}
.s-waiting{background-color:#9c27b0;color:#ffffff}
.s-exit{background-color:#f44336;color:#ffffff}
.s-active{background-color:#009688;color:#ffffff}
.s-closed{background-color:#e91e63;color:#ffffff}
.s-consumed{background-color:#09b2ff;color:#ffffff}
.s-partial_used{background-color:#81bceb;color:#000000}
.s-used{background-color:#2196f3;color:#ffffff}
.s-success{background-color:#4caf50;color:#ffffff}
.s-refund{background-color:#009688;color:#ffffff}
.s-paid{background-color:#2196f3;color:#ffffff}
.s-past{background-color:#918a89;color:#ffffff}
.s-reserved{background-color:#808080;color:#ffffff}
.s-incart{background-color:#ffeb3b;color:#000000}
.s-credited{background-color:#2196f3;color:#ffffff}
.s-approved{background-color:#009688;color:#ffffff}
.s-disapproved{background-color:#f72111;color:#ffffff}
.s-rejected{background-color:#f72111;color:#ffffff}
.s-resolved{background-color:#009688;color:#ffffff}
.s-more_info{background-color:#ffeb3b;color:#000000}
.s-removed{background-color:#ee8d86;color:#ffffff}
.s-started{background-color:#1dbeaf;color:#ffffff}
.s-ended{background-color:#db746d;color:#ffffff}
.s-enrolled{background-color:#29bfb1;color:#ffffff}
.s-processed{background-color:#09b2ff;color:#ffffff}
.s-not_completed{background-color:#ee8d86;color:#ffffff}
.s-replied{background-color:#ff9800;color:#ffffff}
.s-published{background-color:#009688;color:#ffffff}
.s-archived{background-color:#e8698f;color:#ffffff}
.s-draft{background-color:#f79d18;color:#ffffff}
.s-unpublished{background-color:#f79d18;color:#ffffff}
.s-partial_completed{background-color:#78bbda;color:#ffffff}
.s-not_started{background-color:#d6736c;color:#ffffff}
.s-in_approval{background-color:#ff9801;color:#ffffff}
.s-missed{background-color:#fd5e94;color:#ffffff}
.s-do_not_track{background-color:#f72111;color:#ffffff}
.s-inprogress{background-color:#03afc5;color:#ffffff}
.s-applied{background-color:#ff9800;color:#ffffff}
.s-ignored{background-color:#ba154d;color:#ffffff}
.s-selected{background-color:#1dbeaf;color:#ffffff}
.s-deferred{background-color:#ee8d86;color:#ffffff}
.s-open{background-color:#ffeb3b;color:#000000}
.s-submitted{background-color:#ff9800;color:#ffffff}
.s-not_verified{background-color:#d6736c;color:#ffffff}
.s-verified{background-color:#009688;color:#ffffff}
.s-dispose_of{background-color:#ba154d;color:#ffffff}


/*used for content tags*/
.w72pxinlineblock {
    width: 74px;
    display: inline-block;
    font-size: 13px;
    border-right: 2px solid #ccc;
    margin-right: 6px;
}

/*masking classes*/
.enable-mask11 {
    position: relative;
    height: 100%;
}

.mask-layer111 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background: #ffff0000;
}

/*pdf viewer*/

#pdf-toolbar {
    margin: 0 auto;
}

#pdf-toolbar .input-group {
    width: 100px;
}

#pdf-toolbar .input-group {
    position: relative;
    display: table;
    border-collapse: separate;

}

#pdf-toolbar .btn-group .btn {
    position: relative;
    float: left;
}

#pdf-toolbar .btn {
    border: 1px solid #fff !important;
    color: #fff;
    background: #000;
}

#pdf-toolbar input {
    padding-Left: 6px;
    border: 2px solid #000 !important;
    box-shadow: none;
    text-align: center;
    border-radius: 0;

}

#pdf-toolbar .material-symbols-outlined {
    font-size: 15px !important;
    padding-right: 0 !important;
}

#pdf-toolbar span {
    font-size: 12px !important;
}

#pdf-loader {
    display: none;
    text-align: center;
    color: #999999;
    font-size: 13px;
    line-height: 100px;
    height: 100px;
}

#pdf-contents {
    display: none;
}

#pdf-meta {
    overflow: hidden;
    margin: 0 0 20px 0;
}

#pdf-buttons {
    float: left;
}

#page-count-container {
    float: right;
}

#pdf-current-page {
    display: inline;
}

#pdf-total-pages {
    display: inline;
}

#pdf-canvas {
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
}

#page-loader {
    height: 100px;
    line-height: 100px;
    text-align: center;
    display: none;
    color: #999999;
    font-size: 13px;
}

#annotation-layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    opacity: 0.2;
    line-height: 1.0;
}

#annotation-layer > section {
    color: transparent;
    position: absolute;
    white-space: pre;
    cursor: text;
    transform-origin: 0 0;
}

#annotation-layer > .linkAnnotation > a {
    position: absolute;
    font-size: 1em;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.pdf-view-file000 {
    height: 100vh;
    position: relative;
}

.html-view-file {
    padding: 25px 25px 25px 25px;
}

.video-view-file11 {
    position: relative;
    height: 100vh;
}

.iframe-view-file {
    position: relative;
    height: 100vh;
}

.iframe-view-file iframe {
    position: absolute;
    height: 100%;
}

.embed-view-file {
    position: relative;
    height: 100vh;
}


.txt-lang-edit-span {
    color: #F44336 !important;
    padding: 2px 4px;
    background: white;
    font-weight: 400;
    border: 1px solid #00BCD4;
    font-size: 10px !important;
    box-shadow: 0px 1px 2px 1px rgb(0 0 0 / 20%);
    cursor: pointer;
}

/*inbox classes*/
.b-email-subject {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.meta-tags {
    display: none;
}

.service-card {
    background: #f8f8f8;
    margin-bottom: 0;
}

.service-card .box {
    display: flex;
    padding: 15px;
}

.service-card .title {
    font-size: medium;

    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
}

.service-card .desc {
    font-size: 13px;
}

.service-card .icon {
    padding-top: 5px;
    width: 54px;
}

.service-card .icon-exp {
    padding-left: 15px;
}

.service-card .icon i {
    font-size: 36px;
}


/*toaster notification custom css*/
.notif-error {
    background-color: #f9f9f9 !important;
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
    color: #000 !important;
    border: 2px solid #F44336 !important;
    border-left: 16px solid #F44336 !important;
    border-radius: 10px !important;
}

.notif-error .material-symbols-outlined {
    color: #F44336;
    text-shadow: none;
}

.notif-success {
    background-color: #f9f9f9 !important;
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
    color: #000 !important;
    border: 2px solid #009688 !important;
    border-left: 16px solid teal !important;
    border-radius: 10px !important;
}

.notif-success .material-symbols-outlined {
    color: teal;
    text-shadow: none;
}

.alert-dismissible .close {
    color: #000;
    opacity: 1;
    border: none;
    text-shadow: none;
}


/* FILE MANAGER */
.gallery-container {	
		column-count: 4;
        column-gap: 10px;
}
.gallery-container .g-img {
    border: 4px solid #ffffff;
    padding: 0;
    background-color: #ffffff;
    position: relative;
 /*   margin-bottom: 20px;*/
   /* margin-right: 20px;*/
margin-bottom:10px;}
.gallery-container .g-img img{max-width: 100% !important;
        display: block !important;}

.gallery-container .g-img .img-name {
    font-size: 12px;
	line-height:1.2;
    padding: 5px 10px;
	color:#919090;
    background-color: #ececec;
    border-top: 1px solid #e7eaec;
    /* display: none;*/
}
.gallery-container .g-img .img-name .img-title {
    height: 15px;
    box-sizing: border-box;
overflow: hidden;
word-break: break-all;
display: -webkit-box;

-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
}





.gallery-container .g-img .corner {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    border: 0.6em solid transparent;
    border-right: 0.6em solid #d6d6d6;
    border-bottom: 0.6em solid #d6d6d6;
    right: 0;
    bottom: 0;
}

.file-box {
    float: left;
    width: 160px;
}

.file-manager h5 {
    text-transform: uppercase;
}

.file-manager {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.file-manager h5.tag-title {
    margin-top: 20px;
}

.tag-list li {
    float: left;
}

.tag-list li a {
    font-size: 10px;
    background-color: #f3f3f4;
    padding: 5px 12px;
    color: inherit;
    border-radius: 2px;
    border: 1px solid #e7eaec;
    margin-right: 5px;
    margin-top: 5px;
    display: block;
}

.file {
    border: 4px solid #ffffff;
    padding: 0;
    background-color: #ffffff;
    position: relative;
 /*   margin-bottom: 20px;*/
   /* margin-right: 20px;*/
}

.file-manager .hr-line-dashed {
    margin: 15px 0;
}

.file .icon,
.file .image {
    height: 80px;
    overflow: hidden;
    display: block;
    border-radius: 6px 6px 0 0;
    max-width: unset;
}

.galleryimgs .image {
    width: 160px;
    height: 80px;
}

.file .icon {
    padding: 15px 10px;
    text-align: center;
}

.file .play-btn {
    position: absolute;
    top: 20px;
    left: 48px;
}

.file .play-btn i {
        font-size: xxx-large;
    background: #f0f8ffa1;
    color: #6e6e6e;
    border-radius: 50%;
}

.file .play-btn i:hover {
    color: #000000;
}

.file-control {
    color: inherit;
    font-size: 11px;
    margin-right: 10px;
}

.file-control.active {
    text-decoration: underline;
}

.file .icon i {
    font-size: 70px;
    color: #dadada;
}

.file .file-name {
    font-size: 12px;
    padding: 10px;
    background-color: #ececec;
    border-top: 1px solid #e7eaec;
    /* display: none;*/
}

.file .file-name .file-title {
    height: 20px;
    box-sizing: border-box;
overflow: hidden;
word-break: break-all;
display: -webkit-box;

-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
}

.file-name small {
    color: #676a6c;
}

.corner {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    border: 0.6em solid transparent;
    border-right: 0.6em solid #d6d6d6;
    border-bottom: 0.6em solid #d6d6d6;
    right: 0;
    bottom: 0;
}


.revenue-plan {
    background: #f6f6f6;
    box-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.12), 0 3px 6px 0 rgba(0, 0, 0, 0.12);

}

.popular {
    margin-top: -65px;
}

.revenue-plan .product-name {
    font-size: 24px;
    color: #FF5722;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    font-weight: 700;
    text-align: center;
    padding: 6px 4px 6px 4px;

}

.revenue-plan .product-tag-line {
    padding: 8px 4px 8px 4px;
    height: 64px;
    font-size: 16px;
    font-weight: normal;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    text-align: center;
}

.revenue-plan .plan-period {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    padding: 8px 4px;
}

.revenue-plan .plan-feature {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}

.revenue-plan .plan-feature p {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
}

.revenue-plan .plan-price {
    font-size: 36px;
    font-weight: 700;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    text-align: center;
    padding: 2px 4px;
}

.revenue-plan .plan-buy-btn {
    text-align: center;
    padding: 8px
}

.revenue-plan .plan-price span {
    font-size: 12px;

}

.revenue-plan .btn-lg {
    padding: 18px 40px;
    font-size: 16px;
    border-radius: 34px !important;
}


.preview-facebookog {
    position: relative;
    height: 63px;
    max-width: 120px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background: transparent url('https://pb-house.s3.amazonaws.com/app-data/0/resources/misc/no-image-2.jpg') no-repeat;
    background-size: cover;
    overflow: hidden;
}

.preview-twiterog {
    position: relative;
    height: 78px;
    max-width: 150px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background: transparent url('https://pb-house.s3.amazonaws.com/app-data/0/resources/misc/no-image-2.jpg') no-repeat;
    background-size: cover;
    overflow: hidden;
}




.preview-branding-n {
    position: relative;
    height: 180px;
    max-width: 360px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background: transparent url('https://pb-house.s3.amazonaws.com/app-data/0/resources/misc/no-image-3.jpg') no-repeat;
    background-size: cover;
    overflow: hidden;
}

.preview-banner {
    position: relative;
    height: 140px;
    max-width: 630px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background: transparent url('https://pb-house.s3.amazonaws.com/app-data/0/resources/misc/white.png') no-repeat;
    background-size: cover;
    overflow: hidden;
}


.page-banner {
    position: relative;
    height: 200px;
    width: 100%;
	border-top: 1px solid rgba(204, 204, 204, 0.35);
    border-bottom: 1px solid rgba(204, 204, 204, 0.35);
    background-size: cover;
    overflow: hidden;
}
.page-banner img {    
height: 100%;
    width: 100%;
    /* position: absolute;*/
    background: #fffaf0;
	}

.banner-mini {
height: 120px;
    max-width: 630px;
}

.preview-branding-n img {
    height: 100%;
    width: 100%;
    /* position: absolute;*/
    background: #ffffff;
}


.preview-logo {
	position: relative;
    height: 240px;
    max-width: 320px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background: transparent url('https://pb-house.s3.amazonaws.com/app-data/0/resources/misc/white.png') no-repeat;
    background-size: cover;
    overflow: hidden;
}

.logo-mini {
    height: 120px;
    width: 160px;

}

/*.ogLogo, .twtLogo{height: 158px;max-width: 320px;}*/

.preview-brandimg {
    position: relative;
    height: 120px;
    max-width: 307px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background: transparent url('https://pb-house.s3.amazonaws.com/app-data/0/resources/misc/no-image-2.jpg') no-repeat;
    background-size: cover;
    overflow: hidden;
}
.preview-brandimg img, .preview-logo img, .preview-banner img, .preview-facebookog img, .preview-twiterog img {
    height: 100%;
    width: 100%;
    /*position: absolute;*/
    background: #ffffff;
}





.profile-pic-slp02-top img {
    width: 144px !important;
    height: 144px !important;
    border-radius: 50% !important;
    margin-top: -100px;
    border: 4px solid #fff;
}

.profile-pic-slp02 img {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
}


.hide-category, .hide-profile-picture, .hide-banner, .hide-bg-verify, .hide-occupation, .hide-headline, .hide-introduction, .hide-introduction-video, .hide-linkedin-profile-url, .hide-email-address,
.hide-ssn-no, .hide-voter-card, .hide-aadhar, .hide-mobile, .hide-whatsapp, .hide-gender, .hide-agegroup, .hide-address,
.hide-country, .hide-nationality, .hide-timezone, .hide-speak, .hide-subjects, .hide-levels, .hide-specialities, .hide-experience, .hide-education, .hide-experience-certificate, .hide-education-certificate,
.hide-experience-certificate-view, .hide-education-certificate-view, .hide-overall-rating,
.hide-response-rate, .hide-attendance-rate, .hide-reviews, .hide-completed-lessons, .hide-satisfied-lessons, .hide-share-profile, .hide-bookmark-profile, .hide-view-availability, .hide-contact-instructor,
.hide-download-profile, .hide-chat, .hide-call, .hide-teaching-status,
.hide-title, .hide-subtitle, .hide-type, .hide-language-instruction, .hide-starttime, .hide-duration, .hide-actionbtn, .hide-highlight, .hide-features, .hide-about, .hide-host-details, .hide-faq, .hide-schedule, .hide-price,
.hide-compare-price, .hide-discussion, .hide-staff-sec, .hide-faqs, .hide-support-sec, .hide-support-number, .hide-support-detail, .hide-logo {
    display: none !important;
}


.one-meta .single {
    width: 100%;
}


/*open class view oage css*/
.course-sec {
    background: #fafafa;
    padding: 60px 0 60px 0;
    border-bottom: 1px solid #ebebeb;
}

.course-header-container .title {
    font-weight: bold;
    font-size: 49px !important;
    color: #fff;
}

.course-header-container .subtitle {
    font-size: 34px !important;
    line-height: 49px !important;
    padding-top: 20px;
    max-width: 800px;
    margin: auto;
    color: #fff;
    font-weight: 200;
    overflow: hidden;
}

.course-header-container .property {
    color: #fff;
    font-size: 16px;
    padding-top: 20px;
    font-weight: 400;
    margin-bottom: 10px !important;
}

.course-header-container .class-duration {

}

.course-header-container .class-detail {
    color: #cccccc;
    font-size: 18px;
    line-height: 2;
}

.course-header-container .enroll-btns {
    padding: 20px;
}

.black-overlay {
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
}

.course-top-row.has-hero-image {
    background-size: cover !important;
    background-position: center !important;
    margin-top: -60px;
    padding-top: 150px;
    padding-bottom: 50px;
    position: relative;
}

.faq-question {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.faq-answer {
    font-size: 16px;
    margin-bottom: 30px;
}

.course-about-text {
    max-height: 120px;
    position: relative;
    overflow: hidden;
}

.course-about-text .read-more {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;

    /* "transparent" only works here because == rgba(0,0,0,0) */
    background-image: linear-gradient(to bottom, transparent, white);
}

.panel {
	background:transparent;
    border: none;
    border-bottom: 1px solid #e5e5e5;
	box-shadow:none;
}

.panel-title {
    font-size: medium;
}
.panel-group .panel .panel-heading a {/*text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);*/}
.panel-group .panel .panel-heading {
    /*  border-bottom: 2px solid #fff;*/
}


.create-card {
    display: flex;
    flex-wrap: wrap;
}

.create-card .cr-card {
    width: 100%;
    margin-bottom: 8px; 
    border: none;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.create-card .cr-card:hover {
	background-color:#ededed;
	    transform: scale(0.9);
    transition: all .2s ease-in-out;
}

.cr-card {
    background: #f8f8f8;
    margin-bottom: 0;
}

.cr-card .box {
    display: flex;
    padding: 15px;
}

.cr-card .title {
    font-size: medium;
    font-weight: 500;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);

}

.cr-card .desc {
    font-size: 85%;
}

.cr-card .icon {
    padding-top: 5px;
    width: 28px;
}

.cr-card .icon-exp {
    padding-left: 15px;
}

.cr-card .icon i {
    font-size: 26px;
}

/*selection box for long*/
#p-options {
    display: flex;
}

#p-options .set-opt {
    width: 100%;
    background: #f3f3f3;
    border: 1px solid #c9dceb;
    padding: 10px;
    border-radius: 4px;
    margin: 2px 0;
    font-size: 13px;
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
    color: inherit !important;
}

/*meeting landing page*/
.meeting-landing01 {
    line-height: 1.5;
}

.meeting-landing01 .rec .what {
 /*   font-weight: bold;*/
    width: 150px;
    text-align: right;
    padding-right: 30px;
}

.meeting-landing01 .info {
    width: 100%;text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.meeting-landing01 .rec {
    display: flex;
    align-items: start;
    margin-top: 5px;
    margin-bottom: 7px;
}

.meeting-landing01 .rec .notes {
    text-align: justify;
}

.meeting-landing01 .rec .files {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.meeting-landing01 .rec .link {
    float: right;
    /*right: 100;*/
}

.meeting-landing01 .rec .h1 {
    font-size: 20px;	
	font-weight: bold;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	margin-top:0;
}



.wscreen2 {
    height: 100vh;
    position: relative;
    overflow: hidden;
    justify-items: center;
    align-items: center;
    display: grid;
}

.wscreen2 .waitMe_container:not(body) {
    transform: inherit;

}

.wscreen2 .main-box {
    color: #fff;
    margin: auto;
/*    padding: 20px 25px 20px 0;
    width: 700px;*/
}

.wscreen2 .sec-box {
    width: 400px;
    color: #fff;
    border-left: 2px solid #fff;
    padding: 20px 0 20px 25px;
    text-align: center;
}

.wscreen2 .sec-box i {
    font-size: 80px;
}

.wscreen2 .incircle {
    border: 2px solid #fff;
    display: block;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin: auto;
    padding: 20px;
}

.wscreen2 .whatis {
    font-size: 22px;
    margin-top: 30px;
    margin-bottom: 10px;
}

.wscreen2 .day-on {
    font-size: 18px;
}

.wscreen2 .time-on {
    font-size: 50px;
}
.wscreen2 .time-here {
    font-size: initial;
}

.wscreen2 .btn-primary-cstm {
    background-color: #ffffff;
    border: 2px solid #ffffff !important;
    color: #0675f2;
}

.wscreen2 .btn-md {
    min-width: 110px;
    font-size: 14px;
    font-weight: bold;
    padding: 18px 52px;
}

.wscreen2 .data-container {
    /*display: flex;*/
	position:relative;
}

.wscreen2 a {
    color: #fff;text-decoration: underline;
}

.wscreen2 .host .title {
    font-size: 16px;
    margin-bottom: 20px;
}

.wscreen2 .help-box {display: flex;
    align-items: center;
     background-color: #7777779e;

    padding: 5px 10px;
    font-size: 85%;
    border-radius: 40px;    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    margin-top: 10px;}

.wscreen2 video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background: url('https://pb-house.s3.amazonaws.com/app-data/0/sample-video/polina.jpg') no-repeat;
    background-size: cover;
    transition: 1s opacity;
}

.wscreen2 #overlay {
    background: rgba(0, 0, 0, 0.3);
    color: white;
    padding: 2rem;
 /*   width: 40%;*/
    margin: 2rem;
    float: right;

	/*position:absolute;  removed*/
	border-radius:30px;
}

.wscreen2 h1 {
    font-size: 3rem;
    text-transform: uppercase;
    margin-top: 0;

}

.wscreen2 #overlay button {
    display: block;
    padding: .4rem;
    border: none;

    font-size: 1.3rem;
    background: rgba(255, 255, 255, 0.23);
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    transition: .3s background;
}

.wscreen2 #overlay button:hover {
    background: rgba(0, 0, 0, 0.5);
}


/*media screen*/
@media (min-width: 320px) and (max-width: 419px) {
   .wscreen2 #overlay {
		width:96%;
		top:10px;
	}
}

@media (min-width: 420px) and (max-width: 767px) {
.wscreen2 #overlay {
		width:75%;
		top:10px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
   .wscreen2 #overlay {
		width:60%;
	} 
	.lng-profile01{margin-top:-100px;}
}

@media (min-width: 1024px) and (max-width: 1369px) {
  .wscreen2 #overlay {
		width:50%;		
	} 
	.lng-profile01{margin-top:-140px;}
}

@media screen and (min-width: 1370px) {
   .wscreen2 #overlay {
		width:40%;
	}
	.lng-profile01{margin-top:-140px;}
}





.fake-browser {
    width: 900px;
    /*height: 467px;*/
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
    display: inline-flex;
    flex-direction: column;
    box-shadow: 0 0 10px #ccc;
}

.fake-browser .fake-browser-header {
    background-color: #eee;
    height: 44px;
    display: flex;
    align-items: center;
}

.fake-browser .fake-browser-header .action-btns {
    min-width: 100px;
}

.fake-browser .fake-browser-header .action-btns span {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-left: 10px;
    border-radius: 50%;
    float: left;
}

.fake-browser .fake-browser-header .action-btns span:first-child {
    background-color: red;
}

.fake-browser .fake-browser-header .action-btns span:nth-child(2) {
    background-color: orange;
}

.fake-browser .fake-browser-header .action-btns span:nth-child(3) {
    background-color: green;
}

.fake-browser .fake-browser-header .address-bar {
    background-color: white;
    padding: 4px 10px;
    border-radius: 4px;
    display: flex;
    flex: 1;
}

.fake-browser .fake-browser-header .address-bar input {
    width: 50%;
    border: none;
    padding: 0;
    outline: none;
    font-size: 12px;
}

.fake-browser .fake-browser-header .setting-more {
    min-width: 100px;
    text-align: right;
    padding-right: 15px;
}

.fake-browser .fake-browser-header .setting-more .more-btn {
    position: relative;
}

.fake-browser .fake-browser-header .setting-more .more-btn,
.fake-browser .fake-browser-header .setting-more .more-btn:before,
.fake-browser .fake-browser-header .setting-more .more-btn:after {
    display: inline-block;
    height: 3px;
    width: 20px;
    border-radius: 2px;
    background-color: #999;
    vertical-align: middle;
}

.fake-browser .fake-browser-header .setting-more .more-btn:before, .fake-browser .fake-browser-header .setting-more .more-btn:after {
    content: "";
    position: absolute;
    left: 0;
}

.fake-browser .fake-browser-header .setting-more .more-btn:before {
    top: -6px;
}

.fake-browser .fake-browser-header .setting-more .more-btn:after {
    bottom: -6px;
}

.fake-browser .fake-window-body {
    flex: 1;
    overflow: hidden;
}

.fake-browser .fake-window-body iframe {
    width: 100%;
    height: 100%;
}

/*template select page */
.template-card {
    /*width: 200px;
    height: 260px;*/
    width: 170px;
    height: 220px;
    border-radius: 0;
    position: relative;
    overflow: hidden;
}

.template-card .detail {
    background: #f1f1f1;
    position: absolute;
    top: 0;
    text-align: left;
    padding: 20px;
    font-size: 13px;
    /*width: 200px;
   height: 260px;*/
    line-height: 1.2;
    width: 170px;
    height: 220px;

}

.template-show-btns:hover .hide-btns {
    transition: all .1s;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.template-card-btn {
    height: 40px;
    padding: 10px 5px;
}

.template-card-btn .name {
    font-size: 11px;
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
}

.template-card .img-container {
    max-width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.template-card img {
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.template-card .tags {
    padding-top: 15px;
}

.prd-grid {
    display: grid;
    grid-gap: 20px;
    padding-bottom: 25px;
    overflow-x: auto;
    cursor: grab;
}

.prd-grid::-webkit-scrollbar {
    width: 8px;
    scrollbar-width: thin;
}

.prd-grid::-webkit-scrollbar-track {
    background-color: #ffff;
    border-radius: 100px;
}

.prd-grid::-webkit-scrollbar-thumb {
    background-color: #2196f3;
    border-radius: 100px;
}

.prd-grid *::-webkit-scrollbar {
    width: 12px;
    height: 8px;
}

.prd-grid img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.prd-grid .col {
    /*background:yellow;*/
    /*padding:16px;*/
}

.prd-grid .col .card {
    margin: 0;
}

@media (min-width: 768px) {

    .prd-grid {
        grid-template-columns:repeat(30, 1fr);
    }
}

@media (min-width: 960px) {
    .prd-grid {
        grid-template-columns:repeat(30, 1fr);
    }
}

@media (min-width: 1200px) {
    .prd-grid {
        grid-template-columns:repeat(30, 1fr);
    }
}


.booking-grid {
    display: grid;
    grid-gap: 20px;
    padding-bottom: 20px;
    overflow-x: auto;
    cursor: grab;
}

.booking-grid .sep-line {
    border-right: 1px solid #ccc;
}

.booking-grid .col {
    /*background:yellow;*/
    /*padding:16px;*/
}

.booking-grid .col {
    margin: 0;

}

@media (min-width: 768px) {
    .booking-grid {
        grid-template-columns:repeat(1, 1fr);
    }

    .booking-grid .sep-line {
        border: none;
    }
}

@media (min-width: 960px) {
    .booking-grid {
        grid-template-columns:repeat(2, 1fr);
    }

    .booking-grid .sep-line {
        border-right: 1px solid #ccc;
    }
}

@media (min-width: 1200px) {
    .booking-grid {
        grid-template-columns:repeat(2, 1fr);
    }

    .booking-grid .sep-line {
        border-right: 1px solid #ccc;
    }
}

.booking-p-title {
	 /*color: #000;*/
    text-align: center;
/*    font-weight: bold;*/
		 text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    font-size: large;
}

.booking-sec-title {
    color: #000;
    text-align: center;
/*    font-weight: bold;*/
		 text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    font-size: large;
	margin-bottom:20px;
}

.month-date-txt-bar, .week-date-txt-bar {
    text-align: left;
    font-size: medium;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	padding-left: 7px;
	position:relative;line-height:40px;
}

.month-date-txt-bar a, .week-date-txt-bar a {
    font-size: 24px;
    color: #555555;
    /*margin-top: -3px;*/
}

.booking-week-format {
    text-align: center;
    margin-left: 5px;
    width: 70px;
    display: inline-block;
}

.booking-week-format .bwf-day {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 1px;
    line-height: 2.0;
}

.booking-week-format .bwf-date {
    font-size: 18px;
    margin-bottom: 1px;
    line-height: 1.6;
}

.booking-week-format .bwf-month {
    font-size: 14px;
    line-height: 2.0;
}

.div-start-time{display: inline-block;padding: 15px 6px;}
.pick-start-time-slot {
  /*  border: 2px solid #009688;
    border-radius: 10px;
    background: #fff;
    color: #009688; */
	
	border: 2px solid #d4f0ed;
    border-radius: 10px;
    background: #c7e0dd;
    color: #000000;
    font-weight: bold;
	
    padding: 10px 10px;
    font-size: medium;
    white-space: nowrap;
    cursor: pointer;
}

.pick-start-time-slot:hover {
    border: 2px solid #009688;
	background-color:#009688;
    border-radius: 10px;
    color: #ffffff;
    padding: 10px 10px;
    font-size: medium;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

/*
    white-space: nowrap;
    box-shadow: 0 27px 44px -13px #0006;
*/

.week-bar .card {
    border: 0;
    box-shadow: none !important;
    border-radius: 0
}

.week-bar .booking-week-format {
    text-align: center;
    margin-left: 0;
    width: 70px;
    display: inline-block;
}

.week-bar .booking-week-format .bwf-day {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 1px;
    line-height: 2.0;
    background: #ededed;
}

.week-bar .booking-week-format .bwf-date {
    font-size: 18px;
    margin-bottom: 1px;
    line-height: 1.6;
}

.week-bar .booking-week-format .bwf-month {
    font-size: 14px;
    line-height: 2.0;
}

.week-bar .day-not-available {
    border: 0 !important;
    background: #f7f7f7;
    color: #bdc4ca;
}

.week-bar .day-avilable {
    border: 0 !important;
}

.week-bar .day-avilable .bwf-day {
    color: #000000;
}

.week-bar .pick-start-time-slot {
    line-height: 2;
    border: 1px solid #009688;
    border-radius: 2px;
    background: #fff;
    color: #009688;
    padding: 7px 8px;
    font-size: 13px;
    white-space: nowrap;
    cursor: pointer;
}

.week-box-bar .booking-week-format {
    border-top: 0;
    border-bottom: 0;
}

#create_batch .demo-checkbox label {
    min-width: 67px;
}

.product-key {
    font-size: small;
    margin-bottom: 10px;
}

/*service box css specially for set-page*/
.space-add-content {
    padding: 5px;
    text-align: center;
}

.space-add-content a {
    color: #555;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.service-box {
	font-size:small;
   /* border: 1px solid #e5e5e5;*/
    min-width: 76px;
    padding: 10px;
    background: #fdfdfd;
    margin: 2px 4px;
    display: inline-block;
    /*height: 70px;*/
    border-radius: 10px;
    cursor: pointer;
    color: #555;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    /*box-shadow: 0 1px 2px rgb(0 0 0 / 20%);*/
	    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.service-box:hover {
    /*border: 4px solid #8dcbcb !important;*/
	background-color:#ededed;
	    transform: scale(0.9);
    transition: all .2s ease-in-out;
}


.service-box-btn {
    min-width: 200px;
    height: auto;
    border: 4px solid #e5e5e5;
    padding: 10px;
    background: #fdfdfd;
    text-align: left;
    margin: 2px 4px;
    display: inline-block;
    border-radius: 10px;
    cursor: pointer;
    color: #555;
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
}

.disabled-service-box {
    border: 4px solid #ece1e1;
    background: #dedddd;
    color: darkgrey;
    box-shadow: inset 2px 2px 4px #d1d9e6, inset -2px -2px 4px #f9f9f9;
}

.service-box .icon i {
    font-size: 20px;padding:0;
}

.service-box .name {
    /*  font-size: 12px;*/
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    font-weight: 500;
}


.col-tick::before {
    font-family: 'Material Icons';
    content: "\e86c";
    font-size: 18px;
}


.col-cross::before {
    font-family: 'Material Icons';
    content: "\e5cd";
    font-size: 18px;

}


/*completely new css*/

.vertical-tabs .nav-tabs {
    border: none !important;
}

.vertical-tabs .nav-tabs > li {
    float: none;
margin-left:0;
}

.vertical-tabs .nav-tabs > p {
    margin: 0;
    padding: 8px 34px !important;
    font-weight: bold;
    line-height: 1.4;
}

.vertical-tabs .nav-tabs > li > a {
    padding: 10px 30px 10px 35px !important;
    /*border-left: 4px solid #0a0a0a00 !important;*/
    text-shadow: none;
    color: #585656 !important;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    font-size: 13px;
	margin-right: 0;
}

.vertical-tabs .nav-tabs > li.active {
    border-right: 4px solid #0a0a0a !important;

}

.vertical-tabs .nav-tabs > li.active > a {
    padding-left: 30px;
    background: #fff;
}

.vertical-tabs .nav-tabs > li > a:before {
    position: inherit;
    border: 0;
}


.card-layout-2c-cr {
    width: 100%;
    display: grid;
    grid-template-rows: 100% 100%;
    grid-template-columns: 2fr 6fr;
}

.grid-payout-setup {
    grid-template-columns: 1fr 3fr !important;
}

.nav-part {
	border-right: 1px solid #dfdfdf;
    background: #efefef;
    height: 100%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-bottom: 20px;
}

.content-part {
    position: relative;
}

.content-part .next-prev-btn {
    display: block;
    float: right;
    position: absolute;
    top: 22px;
    right: 30px;
}

.content-part .content-h-tabs {
    margin-bottom: 20px;
}

.return-in {
    padding: 20px 30px;
}

.card-layout-2c-cr .vertical-tabs {
    margin-top: 40px;
    text-align: right;
}

.card-layout-2c-cr .vertical-tabs .material-symbols-outlined{font-size:17px;vertical-align: middle;}


@media (min-width: 320px) and (max-width: 419px) {
    .nav-part {
        display: none;
    }

    .grid-payout-setup {
        grid-template-columns: 1fr !important;
    }

    .card-layout-2c-cr {
        width: 100%;
        display: grid;
        grid-template-rows: auto 100%;
        grid-template-columns: 1fr;
    }

    .card-layout-2c-cr .nav-part {
        display: flex;
        align-items: center;
        border-bottom-left-radius: 0px;
        height: max-content;
        overflow-x: scroll;
        overflow-y: hidden;
        padding: 13px 15px 6px 15px;
    }

    .return-in {
        display: none;
        padding: 8px 30px;
    }

    .card-layout-2c-cr .vertical-tabs {
        margin-top: 0px;
        text-align: left;
    }

    .vertical-tabs ul {
        text-align: center;
        display: inline-flex;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .vertical-tabs ul li {
        display: inline;
        float: none;
    }

    .vertical-tabs .nav-tabs > li.active {
        border: none !important;
    }

    .vertical-tabs .nav-tabs > li.active > a {
        padding-left: 30px;
        border-right: none !important;
        border-bottom: 8px solid #0a0a0a !important;
        background: #fff;

    }

    .vertical-tabs .nav-tabs > li > a {
        padding: 2px 10px 2px 10px !important;
        background: #ffff;
        border-radius: 4px;
        margin: 0 2px;
    }
	vertical-tabs .nav-tabs > li.active > a {
        padding-left: 30px;
        border-right: none !important;
        border-bottom: 8px solid #0a0a0a !important;
        background: #fff;
    }

    .vertical-tabs .nav-tabs > li > a {
        padding: 2px 10px 2px 10px !important;
        background: #ffff;
        border-radius: 4px;
        margin: 0 2px;
		    height: 100%;
			box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    }
}


@media (min-width: 420px) and (max-width: 767px) {
    .nav-part {
        display: none;
    }

    .grid-payout-setup {
        grid-template-columns: 1fr !important;
    }

    .card-layout-2c-cr {
        width: 100%;
        display: grid;
        grid-template-rows: auto 100%;
        grid-template-columns: 1fr;
    }

    .card-layout-2c-cr .nav-part {
        display: flex;
        align-items: center;
        border-bottom-left-radius: 0px;
        height: max-content;
        overflow-x: scroll;
        overflow-y: hidden;
        padding: 13px 15px 6px 15px;
    }

    .return-in {
        display: none;
        padding: 8px 30px;
    }

    .card-layout-2c-cr .vertical-tabs {
        margin-top: 0px;
        text-align: left;
    }

    .vertical-tabs ul {
        text-align: center;
        display: inline-flex;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .vertical-tabs ul li {
        display: inline;
        float: none;
    }

    .vertical-tabs .nav-tabs > li.active {
        border: none !important;
    }

    .vertical-tabs .nav-tabs > li.active > a {
        padding-left: 30px;
        border-right: none !important;
        border-bottom: 8px solid #0a0a0a !important;
        background: #fff;
    }

    .vertical-tabs .nav-tabs > li > a {
        padding: 2px 10px 2px 10px !important;
        background: #ffff;
        border-radius: 4px;
        margin: 0 2px;
		    height: 100%;
			box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    }

}

@media (min-width: 768px) {

}

@media (min-width: 960px) {
    .page-nav-grid {
        grid-template-columns:repeat(3, 1fr);
    }
}

@media (min-width: 1200px) {
    .page-nav-grid {
        grid-template-columns:repeat(4, 1fr);
    }
}


/*TODO this is temporary*/
.profile-next-prev-btn {
    display: none;
    margin-top: -40px;
}

th .sort {
    color: #ccc;
    float: right;
    cursor: pointer;
    padding-left: 5px;
}

.th-asc .sort {
    transform: rotateZ(-180deg);
}

.th-asc .active, .th-desc .active {
    color: #555;
}

.attendance-time-short {
    padding: 2px;
    font-size: 12px;
    white-space: nowrap;
}

.attendance-time-short .mins {
    border: 1px solid #0000ff;
    border-right: 0;
    background: #e8f5ff;
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 2px 4px;
}

.attendance-time-short .in {
    border: 1px solid teal;
    border-right: 0;
    background: #e2ffe2;
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 2px 4px;
}

.attendance-time-short .out {
    border: 1px solid red;
    border-left: 0;
    background: #ffe7eb;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 2px 4px;
}


.payment-subscrp-pdname {
    width: 90px;
    height: 36px;
    box-sizing: border-box;
overflow: hidden;
word-break: break-all;
display: -webkit-box;

-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
}


.order-items .item {
    line-height: 1.4;
    padding-left: 15px;
}

.order-items .item .name {
    font-size: medium;

    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
}

.order-items .item .detail {
}

.order-items .item .price {
    font-size: medium;

    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
    padding-top: 10px;
}

.order-items .item .quantity {
    font-size: 85%;
}

.order-items .item .h-name {
    font-size: 85%;
}

.order-items .item .detail {
    font-size: 85%;
}

.order-items hr {
    margin-top: 2px;
    margin-bottom: 2px;
}

/*CODE Address ABFB*/
.action-bar-fixed-bottom {
    /* box-shadow: 0 0 6px rgb(0 0 0 / 15%); */
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation: slideIn 0.2s ease-in-out;
    animation: slideIn 0.2s ease-in-out;
	    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.action-bar-fixed-bottom .portion {
    padding: 15px;
    /* display: flex; */
    background-color: #fcfdfd;
    border-top: 1px solid #dadada;
    flex-direction: row;
    align-items: center;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    max-width: 960px;
    -webkit-box-shadow: 0 35px 20px #777;
    -moz-box-shadow: 0 35px 20px #777;
    box-shadow: 1px -2px 20px #777
}

.action-bar-fixed-bottom .course-add-section {
    padding: 7px;
	border-radius:44px;
	margin-bottom:10px;
    /* display: flex; */
    background-color: #fcfdfd;
    border-top: 1px solid #dadada;
    flex-direction: row;
    align-items: center;
    margin-right: auto;
    margin-left: auto;
    padding-right: 7px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    padding-left: 7px;
    max-width: 624px;
/*  -webkit-box-shadow: 0 35px 20px #777;
    -moz-box-shadow: 0 35px 20px #777;
    box-shadow: 1px -2px 20px #777;*/	
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.action-bar-fixed-bottom .lesson-book {
    padding: 15px;
    /* display: flex; */
    background-color: #fcfdfd;
    border-top: 1px solid #dadada;
    flex-direction: row;
    align-items: center;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    max-width: 746px;
    -webkit-box-shadow: 0 35px 20px #777;
    -moz-box-shadow: 0 35px 20px #777;
    box-shadow: 1px -2px 20px #777
}
.action-bar-fixed-bottom .on-cart {
    padding: 15px;
    /* display: flex; */
    background-color: #fcfdfd;
    border-top: 1px solid #dadada;
    flex-direction: row;
    align-items: center;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    max-width: 746px;
    -webkit-box-shadow: 0 35px 20px #777;
    -moz-box-shadow: 0 35px 20px #777;
    box-shadow: 0 35px 20px #777
}
.cart-fixed-bottom {display:none;}


.action-bar-fixed-bottom .course-add-section:hover {background-color: #ededed;
    transform: scale(0.99);
transition: all .2s ease-in-out;}

.action-bar-fixed-bottom .course-add-section .icon-box {   
text-align:center;
    /* background-color: #fff; */
	    background-color: rgba(0, 0, 0, 0.12);
		    height: 56px;width:56px;
			border-radius:40px;
}
.action-bar-fixed-bottom .course-add-section .icon-box .material-symbols-outlined{font-size:40px;line-height:56px;}
.action-bar-fixed-bottom .course-add-section .content {margin-left:20px;}
.action-bar-fixed-bottom .course-add-section .content .text{font-weight:bold;font-size:large;margin-bottom:5px;}



.sticker-lbl {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    border: 1px solid #9e9d9d;
    padding: 2px 6px;
    border-radius: 4px;
    background: #f8f8f8;
}

.sticker-lbl-xs .productkey {
    font-size: 11px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    border: 1px solid #9e9d9d;
    padding: 2px 6px;
    border-radius: 4px;
    background: #f8f8f8;
}

.sticker-lbl-xs .service {
    font-size: 11px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    border: 1px solid #9e9d9d;
    padding: 2px 6px;
    border-radius: 4px;
    background: #f8f8f8;
    margin-top: 2px;
}

.sticker-lbl-xs .event {
    font-size: 11px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    border: 1px solid #9e9d9d;
    padding: 2px 6px;
    border-radius: 4px;
    background: #f8f8f8;
}

.sticker-class-count {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    background: #f8f8f8;
}

.sticker-class-count .single {
    color: #fff;
    background: #ff9800;
    padding: 2px 6px;
    border-radius: 4px;
}

.sticker-class-count .recurring {
    color: #fff;
    background: #009688;
    padding: 2px 6px;
    border-radius: 4px;
}

.sticker-class-count .value {
    color: #fff;
    background: #009688;
    padding: 2px 6px;
    border-radius: 4px;
}

.table-progress-bar small {
    display: none !important;
}

.table-progress-bar .progress {
    margin-bottom: 0 !important;
    border-radius: 10px !important;
}

.table-progress-bar .progress .progress-bar {
    line-height: 16px !important;
}

.single-pricing-value {
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
    background: #efefef;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 4px 6px;
}

/*dashboard*/
.setup-about {
    display: flex;
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
}

.setup-about h5 {
    margin-top: 0;
    margin-bottom: 5px;
}

.setup-points {
    line-height: 2.2;
    font-size: 13px;
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
    margin-bottom: 10px;
}

.setup-points .point {
    border: 1px solid #0D91FB26;
    background: #f9f9f9;
    border-radius: 6px;
    padding: 10px 10px;
    margin-bottom: 10px;
}

/*configurationpage*/
.group-sec .ttl {
    font-size: 14px;
    /*                font-weight: 500;*/
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    margin-bottom: 7px;
    text-transform: uppercase;
    padding: 0 15px;
}

.group-sec .option {
    margin-bottom: 2px;
    padding: 10px 15px;
}

.group-sec .option:hover {
    border: 1px solid #0D91FB80;
    -webkit-transform: scale(0.99);

    border-radius: 10px;
}

.group-sec h4 {
    text-shadow: 0 0 1px #0D91FBBF;
    /*                color:#0059bc;*/
}

.group-sec .desc {
    color: #555;
    font-size: 85%;
    text-shadow: none;
}
.sidebar .menu .list {padding:0 10px;}
.sidebar .menu .list li {border-radius:6px;}
.sidebar .menu .list li.active {background: #e2e2e2;}
.sidebar .menu .list li:hover {background: #e2e2e2;}

.table .name {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.modal-body .table .name {
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    width: 200px; /* Set the desired width */
    white-space: nowrap; /* Prevent text from wrapping */
    overflow: hidden; /* Hide overflow text */
    text-overflow: ellipsis; /* Add ellipsis (...) */
}

.table .object {
    background: #f5f5f5;
    border: 1px solid #b3b3b3;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    padding: 2px 6px;
    border-radius: 4px;
}

.table .amount {
    background: #f5f5f5;
    border: 1px solid #b3b3b3;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    padding: 2px 6px;
    border-radius: 4px;
}

.table .status-sm {
    padding: 4px 6px;
}

.uid {
    font-size: 10px;
}

.uid .highlight {
    background: #f1f1f1;
    border: 1px solid #b3b3b3;
    color: #000;
    padding: 2px 2px 2px 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.uid .key {
    background: #f1f1f1;
    border: 1px solid #b3b3b3;
    border-left: 0;
    color: #000;
    padding: 2px 4px 2px 2px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pid {
    font-size: 10px;
    background: #f5f5f5;
    border: 1px solid #e1e1e1;
    padding: 2px 4px;
    border-radius: 4px;
    margin-top: 2px;
    display: initial;
}

.link-box{background: #f5f5f5;border: 1px solid #dedede;border-radius: 4px;padding: 10px;margin-bottom: 10px;}

.link-copy {
    display: flex;
    line-height: 1.5;
    align-items: center;
    font-size: 85%;
   /* background: #f5f5f5;
    border: 1px solid #dedede;*/
	overflow-wrap: anywhere;
    
    position:relative;
}
.link-sno {width:45px;}
.link-text {position:absolute;left:50px;padding-right:50px;}
.link-action {position:absolute;right:0px}


.link-copy .url {
    text-align: left;
    display: inline-block;
    width: 80%;
    overflow-wrap: anywhere;
}

.link-copy .share, .link-copy .copy, .link-copy .edit {
    text-align: center;
    display: inline-block;
    width: 10%;
}

.view-price-title {
    color: #fff;
    background: #a7a7a7;
    padding: 6px;
    display: flex;
    align-items: center;
}

.view-price-all {
    display: flex;
    line-height: 1.5;
    align-items: center;
    font-size: 85%;
    background: #f5f5f5;

    padding: 6px;

}

.view-price-all .url {
    text-align: left;
    display: inline-block;
    width: 80%;
    overflow-wrap: anywhere;
}

.view-price-all .share {
    text-align: center;
    display: inline-block;
    width: 10%;
}

.view-price-all .copy {
    text-align: center;
    display: inline-block;
    width: 10%;
}


.custom-tag {
    font-size: 12px;
    background: #e7e7e7;
    color: #181818;
    border: 1px solid #e7e7e7;
    border-left: 4px solid #e7e7e7;
    padding: 2px 4px;
    border-radius: 8px;
    text-transform: capitalize;
}

.colorpicker-element .input-group-addon i {
    width: 20px;
    border: 1px solid rgb(173, 173, 173);
    border-radius: 4px;
    background-color: rgb(204, 204, 204);
    padding-top: 7px;
    font-size: 12px;
    color: rgb(255, 255, 255);
}


.log01-h1 {
    margin: 0;
    font-size: 18px;
    color: #111;
    /*    color: #555;*/
    /*padding: 20px 32px;*/
    position: relative;
    font-weight: bold;
}

.log02-h1 {
    margin: 0 0 20px 0;
    font-size: 18px;
    color: #111;
    /*    color: #555;*/
    padding: 0;
    position: relative;
    font-weight: bold;
}


.log03-h1 {
    margin: 0;
    font-size: 18px;
    color: #111;
    /*    color: #555;*/
    padding: 20px;
    position: relative;
    font-weight: bold;
}

.login-screen {
text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    position: relative;

    justify-items: center;
    align-items: center;
    display: grid;
    /*    padding: 40px 0 100px 0;*/
}

.edit-space .login-screen, .public-space .login-screen {
    height: fit-content;
}

.login01 .st01-fold1-banner-img, .login01 .st01-banner-overlay, .reg01 .st01-fold1-banner-img, .reg01 .st01-banner-overlay,
.login02 .st01-fold1-banner-img, .login02 .st01-banner-overlay, .reg02 .st01-fold1-banner-img, .reg02 .st01-banner-overlay,
.login03 .st01-fold1-banner-img, .login03 .st01-banner-overlay, .reg03 .st01-fold1-banner-img, .reg03 .st01-banner-overlay {
    min-height: 100vh;
}

.login-screen .data-container {
    color: #fff !important;
    position: absolute;
    display: flex;
    top: 50%;
    transform: translate(-0, -50%);
}


.login03 .f-left {
    float: left;
    border-right: 1px dotted #aaa;
    padding-right: 40px;
    width: 55%;
}

.login03 .f-right {
    float: right;
    width: 45%;
    text-align: center;
    margin-top: 35px;
    padding-left: 40px;
}

.login03 .box {
    width: 80%;
    max-width: 780px;
   /* margin: auto;*/
    /*margin-top: 4%;*/
    background: #fff;
    /*box-shadow: 0 15px 40px rgba(0,0,0,.05);*/
    padding: 40px;
}

.reg03 .box {
    width: 80%;
    max-width: 780px;
   /* margin: auto;*/
    /*margin-top: 6%;*/
    background: #fff;
    /*box-shadow: 0 15px 40px rgba(0,0,0,.05);*/
    padding: 40px;
}


.reg03 .f-left {
    float: left;
    border-right: 1px dotted #aaa;
    padding-right: 40px;
    width: 55%;
}

.reg03 .f-right {
    float: right;
    width: 45%;
    text-align: center;
    margin-top: 35px;
    padding-left: 40px;
}

.login03 h1, h2, .reg03 h1, h2 {
    font-size: 24px;
    margin-top: 0;
}

.login03 .form_icons img, .reg03 .form_icons img {
    margin: 2px;
    color: orange;
    fill: orange;
}

.login03 .clearfix:after, .reg03 .clearfix:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.login03 .help, .reg03 .help {
    margin-top: 25px;
}


.login03 span, .reg03 span {
    color: #333;
}

@media screen and (max-width: 1200px) {
    .login03 .right {
        display: none;
    }

    .login03 .left {
        width: 100%;
        border-right: none;
        padding-right: 0;
    }
}


.login01 .card {
    margin: auto;
    width: 360px;
    margin-top: 6%;
}

.reg01 .card {
    margin: auto;
    margin-top: 10%;
}

.login02 .card {
    margin: auto;
    margin-top: 2%;
    border: none;
    background: none;
}

.reg02 .card {
    margin: auto;

    border: none;
    background: none;
}

.forgotpw-h1, .resetpw-h1 {
    margin: 0;
    font-size: 18px;
    font-weight: normal;
    color: #111;
    /* color: #555; */
    padding: 20px 30px;
    position: relative;
}




.disclaimer-container {
    font-size: 13px;
}


#certificate_preview {
    border: 1px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
}


.pack-detail-card-1 .detail {

}

.pack-detail-card-1 .detail .title {

}

.pack-detail-card-1 .detail .sub-title {

}

.pack-detail-card-1 .detail .info, .pack-detail-card-1 .detail .offered-by {
    line-height: 1.8;
    margin-bottom: 20px;
}

.pack-detail-card-1 .detail .info .count, .pack-detail-card-1 .detail .info .duration {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}


.pack-detail-card-1 .detail .info .type span {
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
}

.pack-detail-card-1 .detail .info .expiry span {
    color: #e91e63;
}

.pack-detail-card-1 .detail .level {


}

.pack-detail-card-1 .detail .info .title {
    font-size: large;
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
    margin-bottom: 5px;
}
.pack-detail-card-1 h3 {}

.pack-detail-card-1 .detail .offered-by .title {
    font-size: large;
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
    margin-bottom: 5px;
}

.pack-detail-card-1 .detail .offered-by .from {
    font-size: 13px;
}

.pack-detail-card-1 .about .title {
    font-size: large;
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
    margin-bottom: 5px;
}

.pack-detail-card-1 .add-on {
    margin-top: 20px;
}

.pack-detail-card-1 .add-on .title {
    font-size: 16px;
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
    margin-bottom: 5px;
}

.pack-detail-card-1 .add-on .ques {
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
}

.pack-detail-card-1 .add-on .ans {

}

.cust-md-ttl {
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
    font-size: medium;
}

.cust-md-subttl {
    font-size: 13px;
}

.dsh-health .body {
    font-size: 13px;
}

.due-card-01 {
    overflow: hidden;
}

.due-card-01 .body {
    padding: 0;
}

.due-card-01 .record {
    padding-top: 10px;
    padding-bottom: 10px;
}


.due-card-01 .when, .due-card-01 .host, .due-card-01 .info, .due-card-01 .status {
    padding: 7px;
}

.due-card-01 .type {
    padding-left: 20px;
    padding-bottom: 0px;
}

.due-card-01 .type .class {
    width: 80%;
    font-size: 11px;
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
}

.due-card-01 .type .option {
    width: 20%;
    text-align: right;
    padding-right: 20px;
}

.due-card-01 .when {
    padding-left: 20px;
    width: 25%;
    text-align: left;
}

.due-card-01 .when .time {
    font-size: 16px;
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
}

.due-card-01 .when .duration {
    font-size: 14px;
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
}

.due-card-01 .host {

}

.due-card-01 .info {
    width: 50%;
}

.due-card-01 .info .title {

}

.due-card-01 .info .name {
    font-size: 13px;
}

.due-card-01 .status {
    width: 30%;
    padding-right: 20px;
    text-align: right;
}

.due-card-01 .border-live {
    border-left: 4px solid red;
}

.card-notif .body {
    border-bottom: 1px solid #e8e8e8;
}

.card-notif .body:hover {
    background: rgb(224 224 224);
}

.card-notif .body .title {
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
}

.card-notif .body .when {
    float: right;
    color: #cccccc;
    font-size: 13px;
}

.card-notif .body a {
    color: #555
}

.card-notif .unread {
    background: rgb(226 240 254);
}

.logs .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f4f4f4;
}

.logs .table-striped > tbody > tr:nth-of-type(even) {
    background-color: #ffffff;
}

.logs tr th:first-child, .logs tr td:first-child {
    padding-left: 30px !important;
}

.logs tr th:last-child, .logs tr td:last-child {
    padding-right: 30px !important;
}

.logs .table tbody tr td, .logs .table tbody tr th {
    border-bottom: none;
}

.logs .raw_info {
    display: inline-block;
    width: 60px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.logs thead {
    background: #ffffff;
}

/*
.logs i {
    font-size: 32px;
}
*/

.logs .failed-reason {
    color: red;
}

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

.logs .pagination {
    padding-right: 15px;
}

.cal-sync-bar .data-div {
    padding: 10px 0;
    background: #f4f4f4;
    transform: scale(0.9);
    border-radius: 26px;
}

.sync-to {
    border: 1px solid #e9e9e9;
    border-radius: 28px !important;
    padding: 10px 34px 10px 12px;;
    line-height: 24px;
    color: #66696c;
    font-size: 12px;
    white-space: nowrap;
    margin-bottom: 20px;
}


.google-calendar {
    border: 1px solid #0e71eb;
    border-radius: 28px !important;
    padding: 10px 12px;
    line-height: 24px;
    color: #0e71eb;
    font-size: 12px;
    white-space: nowrap;
    margin-bottom: 20px;
}

.outlook-calendar {
    border: 1px solid #1071C1;
    border-radius: 28px !important;
    padding: 10px 12px;
    line-height: 24px;
    color: #1071C1;
    font-size: 12px;
    white-space: nowrap;
    margin-bottom: 20px;
}

.yahoo-calendar {
    border: 1px solid #A307D6;
    border-radius: 28px !important;
    padding: 10px 12px;
    line-height: 24px;
    color: #A307D6;
    font-size: 12px;
    white-space: nowrap;
    margin-bottom: 20px;
}


.zoom-account {
    border: 1px solid #4191f7;
    border-radius: 28px !important;
    padding: 10px 12px;
    line-height: 24px;
    color: #4191f7;
    font-size: 12px;
}

.gmeet-account {
    border: 1px solid #088d7f;
    border-radius: 28px !important;
    padding: 10px 12px;
    line-height: 24px;
    color: #088d7f;
    font-size: 12px;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-btn {
    width: 24px;
    height: 24px;
    margin-right: 4px;
    vertical-align: top;
}

.glyphicon-google-btn {
    background: transparent url(../../images/plugin_sprite.png) no-repeat scroll 0 0;
    background-size: 120px auto;
}

.glyphicon-ical-btn {
    background: transparent url(../../images/plugin_sprite.png) no-repeat scroll -24px 0;
    background-size: 120px auto;
}

.glyphicon-yahoo-btn {
    background: transparent url(../../images/plugin_sprite.png) no-repeat scroll -48px 0;
    background-size: 120px auto;
}

.theme-red .dark-header {
    background-color: #004b7c;
}

.theme-red .white-header {
    background-color: #ffffff;
}

.dark-header .top-header-nav .navbar-header a, .dark-header .top-header-nav .nav > li > a {
    color: #fbfbfb !important;
}


.theme-red .dark-header .navbar .navbar-header span {
    color: #ffffff;
    font-size: 26px;
    line-height: 48px;
}

.theme-red .navbar .navbar-header span {
    color: #000000;
    font-size: 26px;
    line-height: 48px;
}


.module-header {
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 11;
}

.module-header .white-hdr {
    text-align: center;
    background: #ffff;
    width: 100%;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    z-index: 12;
}

.module-header .white-hdr a {
    color: #000;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.module-header .sec-hdr {
    padding: 6px 0;
    background: #333;
    color: #e2e2e2;
    /* line-height: 70px;
    */
}

.module-header .sides i {
    padding: 14px 0 14px 0;
    font-size: 40px;
    color: #333;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.module-header .center {
    font-size: 20px;
    padding: 20px 0 20px 0;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    text-align: center;
}

.module-header .space-steps {
    font-size: 20px;

    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    text-align: center;
}

.card-m {
    /* overflow: hidden;*/
}

.card-m .nav > li > a {
    padding: 10px 30px;
}

.card-m .body {
    padding-left: 0;
    padding-right: 0;
}

.card-m .body-m {
    padding: 0 30px;
}

.card-m table .td-icon {
    width: 38px;
}

.card-m table .td-icon .icon i {
    font-size: 32px !important;
    width: 38px;
}

.card-m table .name {
    font-size: medium;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    margin-bottom: 5px;
}

.card-m .table-striped > tbody > tr:nth-of-type(odd), .card-d .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f8f8f8;
}

.card-m .table-striped > tbody > tr:nth-of-type(even) {
    background-color: #ffffff;
}

.card-m tr th:first-child, .card-m tr td:first-child {
    padding-left: 30px !important;
}

.card-m tr th:last-child, .card-m tr td:last-child {
    padding-right: 30px !important;
}

.card-m .table tbody tr td, .card-m .table tbody tr th {
    border-bottom: none;
}

.card-m .raw_info {
    display: inline-block;
    width: 60px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.card-m thead {
    background: #ffffff;
}

.card-m .failed-reason {
    color: red;
}

.card-m .retention {
    text-align: right;
}

.card-m .pagination {
    padding-right: 15px;
    padding-left: 15px;
}

/*card-m  mobile classes*/
/*media screen*/
@media (min-width: 320px) and (max-width: 419px) {
 .card-m .nav > li > a {padding: 10px 15px;}  
 .card-m tr th:first-child, .card-m tr td:first-child {padding-left: 15px !important;}
.card-m tr th:last-child, .card-m tr td:last-child {padding-right: 15px !important;}
}

@media (min-width: 420px) and (max-width: 767px) {
.card-m .nav > li > a {padding: 10px 15px;}
.card-m tr th:first-child, .card-m tr td:first-child {padding-left: 15px !important;}
.card-m tr th:last-child, .card-m tr td:last-child {padding-right: 15px !important;}
}

@media (min-width: 768px) and (max-width: 1024px) {
    
}

@media (min-width: 1024px) and (max-width: 1369px) {
   
}

@media screen and (min-width: 1370px) {
   
}




.dsh-left-stats .body {
    /*color: #8d8b8b;*/
        text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    /*font-size: 13px;*/
    padding-top: 0;
}

.dsh-left-stats i {
    font-size: 20px;
    margin-top: -3px;
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
}

.dsh-left-stats .head-line {
    margin-top: 25px;
    font-weight: bold;
    text-shadow: none;
}

.dsh-left-stats .head-line i {
    display: none;
}

.dsh-widget .body {
    font-size: small;
}

.dsh-widget .connect {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.dsh-widget .connect .this {
    width: 64px;
    height: 64px;
    display: inline-block;
    border: 6px solid #ededed;
    border-radius: 50%;
}

.dsh-widget .connect .icon {;
    width: 25px;
    height: 66px;
    display: inline-block;
    padding-top: 20px;
}


/*dashboard classes*/
.dsh-activity-stream {
    max-height: 500px;
    overflow-y: auto;
    color: grey;
}

.dsh-activity-stream::-webkit-scrollbar {
    width: 8px;
    scrollbar-width: thin;
}

.dsh-activity-stream::-webkit-scrollbar-track {
    background-color: #ffff;
    border-radius: 100px;
}

.dsh-activity-stream::-webkit-scrollbar-thumb {
    background-color: #dfdfdf;
    border-radius: 100px;
}

.dsh-activity-stream *::-webkit-scrollbar {
    width: 12px;
    height: 8px;
}


/*request*/

.request .job {
    padding: 15px 25px;
    cursor: pointer;
    border-bottom: 1px solid #eaeaea;
}


.request .job .status {
    text-align: right;
}

.request .job .name {
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
    margin-bottom: 5px
}

.request .job:hover {
    background: #c0e3ff;
}

.request .btn-col {
    /*border-left:1px solid #ccc;*/
    text-align: right;
}


.request .action-btn {
    text-align: right;
}


.request .card-layout-2c-cr {
    width: 100%;
    display: grid;
    grid-template-rows: 100% 100%;
    grid-template-columns: 3fr 5fr;
    overflow: hidden;
}

.request .content-part {
    background: #f3f3e2;
    border-left: 2px solid #f0ecc6;
}

.request .content-part .body {
    position: relative;
}

.request .request-list, .request .request-detail {
    height: 580px;
    overflow-y: visible;
    overflow-y: scroll;
    border-top: 1px solid #ccc;
}

.request .request-list::-webkit-scrollbar, .request .request-detail::-webkit-scrollbar {
    width: 8px;
    scrollbar-width: thin;
}

.request .request-list::-webkit-scrollbar-track, .request .request-detail::-webkit-scrollbar-track {
    background-color: #ffff;
    border-radius: 100px;
}

.request .request-list::-webkit-scrollbar-thumb, .request .request-detail::-webkit-scrollbar-thumb {
    background-color: #b9b9b9;
    border-radius: 100px;
}

.request .request-list *::-webkit-scrollbar, .request-detail *::-webkit-scrollbar {
    width: 12px;
    height: 8px;
}

.request .request-list .icon i {
    font-size: 32px;
}

.request .request-list .active {
    background: #c0e3ff;
    border-left: 6px solid #0d91fb;
}

.request .request-detail {

    margin-left: 30px;
    margin-right: 30px;
    background: #fafafa;
    overflow-x: hidden;
    border: 1px solid #ccc;
}

.request .file .file-name {
    display: block;
}


.widget-list {
    border-top: 1px solid #ccc;
    /* height: 500px;
     overflow-y: visible;
     overflow-y: scroll;*/
    border-top: 1px solid #ccc;
}

.widget-list::-webkit-scrollbar {
    width: 8px;
    scrollbar-width: thin;
}

.widget-list::-webkit-scrollbar-track {
    background-color: #ffff;
    border-radius: 100px;
}

.widget-list::-webkit-scrollbar-thumb {
    background-color: #2196f3;
    border-radius: 100px;
}

.widget-list *::-webkit-scrollbar {
    width: 12px;
    height: 8px;
}


.widget-list .rec {
    padding: 15px 25px;
    cursor: pointer;
    border-bottom: 1px solid #eaeaea;
}

.widget-list .rec:hover {
    background: #c0e3ff;
}

.widget-list .rec .name {
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
}

.widget-list .rec .icon i {
    font-size: 42px;
}

.widget-list .active {
    background: #c0e3ff;
    border-left: 6px solid #0d91fb;
}

.widget-detail {
    height: 100%;
    margin-left: 30px;
    margin-right: 30px;
    background: #fafafa;
    overflow: hidden;
    border: 1px solid #ccc;
}


/*new class for table rendering text sizes*/
.table-n .prd-info {}
.table-n .prd-info .title {font-size: medium;text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);margin-bottom:5px;}
.table-n .prd-info .title .prd-link {color:inherit;text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}
.table-n .prd-info .other {font-size:small;color:#737373;text-shadow: 0 0 1px rgb(0, 0, 0, 0.2);}

.table-n .profile-box{display:flex;align-items: center;}
.table-n .profile-box img{height:58px;width:58px;border-radius:50%;border: 1px solid #dfdfdf;filter: drop-shadow(0 0 0.1rem #fafafa);}
.table-n .profile-box .xs-img img{height:40px;width:40px;}
.table-n .profile-box .user-info{line-height:1.6;margin-left:10px;}
.table-n .profile-box .user-info .usr-name{}

.table-n .name-n {
    font-size: medium;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.table-n .name-n .prd-link {
	color:inherit;
    font-size: medium;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}


/*language selection*/
.box-lang-cnt-fit {
    margin-top: 24px !important;
}

.box-language-sel {
    padding: 10px;
    width: 90px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.box-lng-currency-data a {
    outline: none !important;
    appearance: none !important;
    background: #f0f0f0;
    cursor: pointer !important;
    margin: 0 !important;
    text-align: inherit !important;
    text-decoration: none !important;
    user-select: auto !important;
    font-size: 14px !important;
    line-height: 18px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    color: rgb(34, 34, 34) !important;
    display: block !important;
    padding: 9px 12px !important;
    width: 100% !important;
}

.box-lng-currency-data a:hover {
    background: #eeeeee;
    border: 1px solid #9a9a9a !important;
}

.box-lng-currency-data .selected {
    border: 1px solid #9a9a9a !important;
}

.box-lng-currency-data ul {
    padding-left: 0;
    margin: -8px !important;
}

.box-lng-currency-data li {
    display: inline-block !important;
    padding: 8px !important;
    vertical-align: top !important;
    width: 32% !important;
}

.box-lng-currency-data .symbol {
    color: rgb(113, 113, 113) !important;
}

/*post on dashbboard */
.invite-c-dsh {
    overflow: hidden;
}

.invite-c-dsh p {
    font-size: large;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    font-weight: 600;
    margin-bottom: 20px;
}

.invite-c-dsh .footer {
    background: #e4e4e4;
    line-height: 1.8;
}

.invite-c-dsh .footer .who {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.annc-c-dsh p {
    font-size: large;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    font-weight: 600;
    margin-bottom: 20px;
}

.annc-c-dsh .footer {
    background: #3071f20d;
    line-height: 1.8;
}

.annc-c-dsh .footer .who {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}


.rec-layout-3c {
    width: 100%;
    display: grid;
    grid-template-rows: 100% 100%;
    grid-template-columns: 1fr 4fr 1fr;
}


.object-about-rec .logo {
    width: 20%;
}

.object-about-rec .logo {
    width: 20%;
}

.object-about-rec .obj-img, .object-about-rec .obj-img img {
    width: 100px;
    height: 60px;
    border-radius: 6px;
}

.object-about-rec .detail {
    padding-left: 20px;
}

.object-about-rec .name {
    font-size: medium;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.object-about-rec .desc {
    font-size: revert;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.object-about-rec .info {
    font-size: 85%;
}

.object-about-rec .md-info {
    font-size: 85%;
    background: #ebebeb;
    border-radius: 4px;
    display: inline-block;
    padding: 0 4px;
    border: 1px solid #d4d4d4;
}

.object-about-rec .action {
    padding-top: 15px;
    text-align: right;
}

.inv-card {
    overflow: hidden;
}

.inv-card .header, .inv-card .footer {
    background-color: #ffffff !important;
}

.inv-card .rec-layout-2c {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 4fr;
    margin-bottom: 15px;
}

.inv-card .desc {
}

.inv-card .view-object {
    text-align: center;
}

.feedback-template02 {
    overflow: hidden;
}


.cnt-mov-rec {
    display: flex;
    align-items: center;
    /*margin-bottom: 20px;*/
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    padding: 5px 25px;
}

.cnt-mov-rec:hover {
    background-color: #e4e4e4;;
}

.cnt-mov-rec .icon-about {
    width: 10%;
    max-width: 40px;
}

.cnt-mov-rec .icon-about i {
    font-size: 36px;
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
}

.cnt-mov-rec .detail {
    padding-left: 20px;
    width: 80%;
}

.cnt-mov-rec .name {
    font-size: medium;
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
}

.cnt-mov-rec .desc {
    font-size: 85%;
}

.cnt-mov-rec .action {
    width: 80px;
    text-align: right;
    padding-left: 20px;
    width: 15%;

}

.header-icon-text .ul-parent li {
    text-align: center;
}

.header-icon-text .ul-child li {
    text-align: left;
}

.launch-badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
    background-color: #eeeeee;
    color: #000000;
    font-weight: 400;
    text-shadow: none;
}


.site-cart01 .card .card {
border: none;
    box-shadow: none;
	 margin-bottom: 0;
}

.site-cart01 .calculation .card {
    background: #fff;
    margin-bottom: 0;
}

.checkout-01 .card .card {
    border: none;
    box-shadow: none;
}

.checkout-01 .calculation .card {
    background: #fff;
    margin-bottom: 0;
}



.add-pricing-bar {
	padding: 15px 10px 10px 10px;
	border-radius:10px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
	margin-bottom:15px;
}

/*

.access-02 .card .card {
    border: none;
    box-shadow: none;
}

.access-02 .navigate .card {
    background: #fff;
    margin-bottom: 0;
}

.access-02 .navigate .card .file-icon-md {
    font-size: 22px !important;
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
    padding: 10px;
    background: beige;
}

.access-02 .navigate .weeksch .link {
    line-height: 3;
}

.access-02 .navigate .parent-ul .open .link {
    border-left: 4px solid orange;
}

.access-02 .navigate .weeksch .link .b-accor li i {
    top: 16px;
}
*/

.faq-queans {
    margin-bottom: 25px;
}

.faq-queans .question {
    font-size: medium;
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
    margin-bottom: 10px;
}

.faq-queans .answer {
    font-size: inherit
}

.tox-tinymce-aux {
    z-index: 99999
}

.pack-detail-card-1 .center-price {
    padding: 30px;
    background: #ffffff;
}


.pack-detail-card-1 .faq {
    margin-bottom: 20px;
}

.pack-detail-card-1 .accordion {
    width: 100%;
    background-color: whitesmoke;
    border: none;
    outline: none;
    text-align: left;
    padding: 15px 20px;
    font-size: 18px;
    color: #333;
    cursor: pointer;
    transition: background-color 0.2s linear;
}


.pack-detail-card-1. accordion:hover,
.pack-detail-card-1 .accordion.is-open {
    background-color: #ddd;
}

.pack-detail-card-1 .accordion-content {
    background-color: white;
    border-left: 1px solid whitesmoke;
    border-right: 1px solid whitesmoke;
    padding: 0 20px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-in-out;
}


.weeksch .title, .access-rec-sep .res-title, .submenu .res-title {
    line-height: 14px;
    height: 14px;
    box-sizing: border-box;
    margin-bottom: 5px;
   transition: .15s ease-in-out;
    display: block;
overflow: hidden;
word-break: break-all;
display: -webkit-box;

-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
	
}


/*access page wscreen1*/
@media (min-width: 320px) {
    .wscreen1 .data-container {
        display: contents;
    }

    .wscreen1 .main-box, .wscreen1 .sec-box {
        width: 100%;
    }
}

@media (min-width: 576px) {
    .wscreen1 .data-container {
        display: contents;
    }

    .wscreen1 .main-box, .wscreen1 .sec-box {
        width: 100%;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .wscreen1 .data-container {
        display: flex;
    }

    .wscreen1 .main-box {
        width: 400px;
    }

    .wscreen1 .sec-box {
        width: 318px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .wscreen1 .data-container {
        display: flex;
    }

    .wscreen1 .main-box {
        width: 592px;
    }

    .wscreen1 .sec-box {
        width: 400px;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .wscreen1 .data-container {
        display: flex;
    }

    .wscreen1 .main-box {
        width: 700px;
    }

    .wscreen1 .sec-box {
        width: 400px;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .wscreen1 .data-container {
        display: flex;
    }

    .wscreen1 .main-box {
        width: 700px;
    }

    .wscreen1 .sec-box {
        width: 400px;
    }
}


/*course access  page*/
@media (min-width: 320px) {

}

@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .access-03 {
        width: 100%;
        display: grid;
        grid-template-rows: 100% 100%;
        grid-template-columns: 5fr 3fr;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .access-03 {
        width: 100%;
        display: grid;
        grid-template-rows: 100% 100%;
        grid-template-columns: 6fr 2fr;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .access-03 {
        width: 100%;
        display: grid;
        grid-template-rows: 100% 100%;
        grid-template-columns: 6fr 2fr;
    }
}


/*new set*/
@media (min-width: 320px) {

}

@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}

/*content setting modal*/
.video-prop-edit {
}

.video-prop-edit .info {
    padding: 25px 15px;
    border-radius: 10px;
    background: #f0f0f0;
    font-size: 85%;
    margin-top: -15px;
}

.video-prop-edit .info .filename {
    margin-top: 10px;
}


.v-thumbnail-x-small {
}

.v-thumbnail-small {
    width: 168px;
    height: 94px;
}

.v-thumbnail-medium {
    width: 168px;
    height: 94px;
}

.v-thumbnail-large {
    width: 168px;
    height: 94px;
}

.v-thumbnail-x-large {
}

.vjs-poster {
    text-align: center;
    background-size: cover !important;
}

.vjs-player {
    height: 100%;overflow:hidden;
}

.vjs-player img {

    max-width: 100%;
    max-height: 100%;
}

	.file-add-options-box {padding: 10px 0 0 0;position:relative;
    /*border-top: 1px solid #ebebeb;background: #fff;*/
    }
.add-resource .error {    position: absolute;    left: 0;    bottom: -8px;}
.add-resource .add-content-icon {
    font-size: 85%;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    width: 100%;
    height: auto;
    border-radius: 10px;
    text-align: center;
    padding: 5px 2px 5px 10px;
    background: #fff;
    /*display: inline-block;*/
    /*border: 1px solid #efefef;*/
  /*  border: 4px solid #e5e5e5;*/
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    color: #333;
    cursor: pointer;
    margin-bottom: 20px;
}
.preview-instant {display: flex;
    align-items: center;position:relative;}


.page-board {
    background-color: #0a0a0a;
    color: #bbbbbb !important;
    padding-top: 30px;
    padding-bottom: 10px;
    margin-top: -30px;
}
.page-board .breadcrumb {padding: 8px 0px;}
.page-board .card {
    background-color: transparent;
    border: none;
}

.page-board .body {
    color: #ececf1 !important;
    padding: 0 0 20px 0;
}

.odd {
    background: #f7f7f7;
}

.page-board .retention {
    padding-top: 15px;
}

.page-board-record {
    display: flex;
    align-items: center;
    /*margin-bottom: 20px;*/
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    padding: 20px 25px;
}

.page-board-record:hover {
    background-color: #004b7c;
    color: #f8f8f8;
}

.page-board-record .icon-about {
    width: 10%;
    max-width: 40px;
}

.page-board-record .icon-about i {
    font-size: 36px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.page-board-record .detail {
    padding-left: 20px;
    width: 80%;
}

.page-board-record .name {
    font-size: medium;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.page-board-record .desc {
    font-size: 85%;
}

.page-board-record .action {
    width: 80px;
    text-align: right;
    padding-left: 20px;
    width: 15%;

}

.page-board hr {
    border-top: 1px solid #2a2a2a;
}

.page-board .tab-list {
    display: flex;
    align-items: center;
    overflow-x: auto;
}

.page-board .tab-list::-webkit-scrollbar {
    width: 4px;
    scrollbar-width: thin;
}

.page-board .tab-list::-webkit-scrollbar-track {
    background-color: gray;
    border-radius: 100px;
}

.page-board .tab-list::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 100px;
}

.page-board .tab-list::-webkit-scrollbar {
    width: 8px;
    height: 4px;
}


.page-board .tab-list .separator {
    height: 40px;
    margin-left: 5px;
    margin-right: 5px;
    background: #4e4e4e;
    width: 0px;
}

.page-board .tab-list .name {
    margin-bottom: 5px;
    font-size: 85%;
}

.page-board .tab-list .num {
    font-size: 85%;
}
.page-board .tab-list .num .material-symbols-outlined {font-size:small;}

.page-board .tab-list .active {
    border-bottom: 2px solid #bbbbbb;
}

.page-board .breadcrumb li a, .page-board a {
    color: #bbbbbb;
    text-decoration: none;
}

.page-board .tab-list .tab-each {
	margin: 0;
    min-width: 60px;
    padding: 2px 7px;
    /* color: #000; */
    /* background: aliceblue;*/
}

.page-board .tab-list a{border-radius: 5px;border: 1px solid #383838;}

.page-board .tab-list a:hover {
    border: none;
    border-radius: 6px;
    margin: 0;
    padding: 0 10px;
    background: #fefefe;
    color: #333;
    cursor: pointer;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    transform: scale(0.8);
    transition: all .2s ease-in-out;
}

    .page-board .tab-list .active{border: none;
    border-radius: 6px;
    margin: 0;
    padding: 0 10px;
    background: #fefefe;
    color: #333;
    cursor: pointer;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    }
    


.page-board .breadcrumb > .active {
    color: #a19c9c;
}

.page-board .top-box-wrapper {
    display: flex;
    margin-top: 50px;
    flex-wrap: wrap;
}

.page-board .top-box-wrapper .top-box {
    width: 150px;
    border: 2px solid #383838;
    border-radius: 10px;
    padding: 10px 10px 5px 10px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.page-board .top-box-wrapper .add-new {
    border: 2px dashed #383838;
}

.page-board .top-box-wrapper .top-box:hover {
    border: none;
    background: #fefefe;
    color: #333;
    cursor: pointer;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.page-board .top-box-wrapper .active {border: none;
    background: #fefefe;
    color: #333;
    cursor: pointer;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}


.page-board .top-box-wrapper .top-box .title {
    font-size: 85%;
    margin-bottom: 10px;
}

.page-board .top-box-wrapper .top-box .value {
    font-size: xx-large;
    font-weight: 300;
    line-height: 1.4;
}

.page-board .top-box-wrapper .top-box .value .material-symbols-outlined {
    font-size: xx-large;
    line-height: 1.4;
}


.product-card-board .top-box-wrapper {
    display: flex;
    margin-top: 50px;
    flex-wrap: wrap;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.product-card-board .top-box-wrapper .top-box {
    width: 204px;
    border: 2px solid #cccccc;
    border-radius: 10px;
    padding: 10px 10px 5px 10px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.product-card-board .top-box-wrapper .add-new {
    border: 2px dashed #ccc;
}

.product-card-board .top-box-wrapper .top-box:hover {
    border: none;
    background: #fefefe;
    color: #333;
    cursor: pointer;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.product-card-board .top-box-wrapper .top-box .title {
    font-size: 85%;
    margin-bottom: 10px;
}

.product-card-board .top-box-wrapper .top-box .value {
    font-size: xx-large;
    font-weight: 300;
    line-height: 1.4;
}

.product-card-board .top-box-wrapper .top-box .value .material-symbols-outlined {
    font-size: xx-large;
    line-height: 1.4;
}


/*layout media queries*/
/*
@media (min-width: 320px) {
    .col-xs-12 {
        padding-right: 0;
        padding-left: 0;
    }

    .card {
        border: 0;
    }
}

@media (min-width: 576px) {
    .container, .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }


    @media (min-width: 768px) {
        .container, .container-fluid {
            padding-right: 0;
            padding-left: 0;
        }
    }

*/


/*new set*/
@media (min-width: 320px) {
    
    .card {
        border: 0;
        border-radius: 0;
    }
}

@media (min-width: 576px) {
   

    .card {
        border: 0;
        border-radius: 0;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    

    .card {
        border-radius: 10px;
        border: 1px solid #e9e9e9;
    }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}


.upgrade_plan_str span {
    font-size: 85%;
    border: 1px solid #ebd2a4;
    background: #fff5e2;
    border-radius: 20px;
    padding: 2px 6px;
}
.checkout01-template {margin-top:30px;}
.checkout01-template .cmp-details {
    line-height: 1.6;
}

.checkout01-template .cmp-details .value {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}


.chkout-otp-box {
    text-align: center;
    position: relative;
    width: 268px;
    margin: auto;

}

.chkout-otp-box .otp-sent-text {
    font-size: 16px;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
}

.chkout-otp-box .otp-sent-text .mb-num {
    font-size: 16px;
    font-weight: 500;
}

.chkout-otp-box .otp-sent-text i {
    font-size: 14px;
}

.chkout-otp-box .c-otp {


    margin: auto;
    /*  margin-top: 30px;*/
}

.chkout-otp-box .c-otp input {
    font-size: 24px;
    font-weight: 500;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
    letter-spacing: 25px;
    margin-left: 35px;
    padding-left: 14px;
}

.chkout-otp-box .c-otp .form-line {
    border-bottom: none;
}

.chkout-otp-box .c-otp .form-line:after {
    border-bottom: none;
}

.chkout-otp-box .c-otp .base-box {
    position: absolute;
    top: -3px;
    z-index: -1;
    left: 36px;
    display: none;
}

.chkout-otp-box .c-otp .box-position {
    position: absolute;
    top: -4px;
    left: 36px;
    width: -webkit-fill-available;
	width: -moz-available;
    z-index: -1;
}

.chkout-otp-box .c-otp .box-position .base-box1 {
    display: grid;

    grid-auto-rows: 42px;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 2px;
}

.chkout-otp-box .c-otp .base-box1 .square {
    border: 2px solid #ccc;
    border-radius: 10px;
    z-index: -1;
}


.chkout-otp-box .c-otp .c-otp-text-base {
    width: 36px;
    border: 2px solid #ccc;
    border-radius: 10px;
    height: 40px;
    display: inline-block;
    margin-right: 4px;
}

.chkout-otp-box .c-otp-error-holder {
    font-size: 12px;
    font-weight: 500;
    color: red;
}

.chkout-otp-box .resend-container {
    margin-top: 20px;
    margin-bottom: 20px;
}


.bg-verified {
    font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 48 !important;
    color: #0d91fb;
}


.card-sq-254 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(254px, 1fr));
    grid-gap: 2rem;
    margin: 0 0 2rem 0;
}

/* demo purposes only */

.card-sq-254 .card-sq {
  /*  height: 314px;*/
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #fff;

    display: grid;
    grid-template-rows: fit-content(40%) auto;
    transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.card-sq-254 .card-sq .image {
    height: 126px;
}

.card-sq-254 .card-sq .detail {
    margin: 20px 20px 20px 20px;
}

.card-sq-254 .card-sq h3 {
    color: initial !important;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: medium;
    line-height: 1.2;

}

.card-sq-254 .card-sq p {

    font-weight: 400;

    align-self: end;
    margin: 0 0 20px 20px;
    letter-spacing: 0.5px;
}

.card-sq-254 .card-sq img {
/*    position: absolute;
    top: 0;
    height: 126px;
    width: 100%;

    transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
	*/
}

.card-sq-254 .card-sq:hover {
    transform: scale(1.035, 1.035);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);
}

.card-sq-254 .card-sq:hover img {
    /*transform: translateY(-10px);*/
}


.card-sq-254 .card-sq .course-type {
    font-size: 85%;
    color: #606060;
}

.card-sq-254 .card-sq .course-lang {
    font-size: 85%;
    margin-top: 5px;
}

.card-sq-254 .card-sq .price-starts {
    font-size: 85%;
    color: #606060;
    margin-top: 5px;
}

.card-sq-254 .card-sq .price {
    font-size: x-large;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	margin-top: 5px;
}

.card-sq-254 .card-sq .cmp-price {
    color: #ccc;
    text-decoration: line-through;
    text-shadow: none;
    float: right;
    padding-right: 15px;
}

.card-sq-254 .card-sq .rating {
    font-size: 85%;
    float: right;
    padding-right: 15px;
}

.card-sq-254 .card-sq .rating .m-icon-aligned {
    font-size: 20px;
    padding-right: 0;
}






 .staff-card-1 {
  /*  height: 314px;*/
    position: relative;
    overflow: hidden;
    background: #fff;
    display: grid;
    grid-template-rows: fit-content(40%) auto;
    transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}

 .staff-card-1 .share-btns {     position: absolute;
    bottom: 0px;
    /* right: 10px; */
    padding: 10px 20px;
    background: #9f9b9b96;
    width: 100%;
}

 .staff-card-1 .detail {
    margin: 25px 20px 20px 20px;
}
 .staff-card-1 .desig,.staff-card-1 .headline   {
   text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);	
}
 .staff-card-1 h3 {
    color:  rgba(0,0,0,0.70);
    margin-top: 0;
    margin-bottom: 10px;
    font-size: x-large;
    line-height: 1.2;

}


 .staff-card-1:hover {
    transform: scale(1.035, 1.035);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);
}



 .staff-card-1 .course-type {
    font-size: 85%;
    color: #606060;
}

 .staff-card-1 .course-lang {
    font-size: 85%;
    margin-top: 5px;
}

 .staff-card-1 .ttl {
    font-size: 85%;
    color: #979797;
    margin-top: 5px;
}
 .staff-card-1 .val {text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}

 .staff-card-1 .price {
    font-size: large;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	margin-top: 5px;
}


 .staff-card-1 .rating {
    font-size: 85%;
    float: right;
    padding-right: 15px;
}

 .staff-card-1 .rating .m-icon-aligned {
    font-size: 20px;
    padding-right: 0;
}





/*course card06*/
.crs2-h-bgw-gap-card {
    display: flex;
    align-items: flex-start;
    position: relative;
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
}

.crs2-h-bgw-gap-card .logo {
    margin-right: 2rem;
    border-radius: 10px;
}

.crs2-h-bgw-gap-card .logo img {
    width: 280px;
    height: 160px;
    border-radius: 10px;
}

.crs2-h-bgw-gap-card .info {
    padding-right: 9.6rem;

}

.crs2-h-bgw-gap-card h3 {
    color: initial;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.4;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    margin-top: 0;
    margin-bottom: 5px;
}

.crs2-h-bgw-gap-card .tagline {
    margin-bottom: 10px;
    font-size: inherit;
}
.crs2-h-bgw-gap-card .detail {font-size:small;line-height:1.8;}
.crs2-h-bgw-gap-card .staff .name{text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}

.crs2-h-bgw-gap-card .info i {

    font-size: 15px;line-height____________:1.6;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);    vertical-align: middle;
}
.crs2-h-bgw-gap-card .staff,.crs2-h-bgw-gap-card .rating,
.crs2-h-bgw-gap-card .enrolled,.crs2-h-bgw-gap-card .smry {display______:flex;}

.crs2-h-bgw-gap-card .price {
    text-align: right;
    position: absolute;
    right: 30px;
    top: 30px;
}

.crs2-h-bgw-gap-card .now-price {
    /*font-weight: 700;*/
    line-height: 1.2;
    letter-spacing: -.02rem;
    font-size: x-large;
}

.crs2-h-bgw-gap-card .compare-price {
    text-decoration: line-through;
    color: #bbb
}

.crs2-h-bgw-gap-card .learn-more{position:absolute;right:30px;bottom:20px;}
.crs2-h-bgw-gap-card .learn-more .btn {    padding: 5px 10px;}

/*new set*/
@media (min-width: 320px) {
    .crs2-h-bgw-gap-card .logo img {
        width: 70px;
        height: 53px;
        border-radius: 4px;
    }

    .crs2-h-bgw-gap-card h3 {
        font-size: medium;
    }
}

@media (min-width: 576px) {
    .crs2-h-bgw-gap-card .logo img {
        width: 70px;
        height: 53px;
        border-radius: 4px;
    }

    .crs2-h-bgw-gap-card h3 {
        font-size: medium;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .crs2-h-bgw-gap-card .logo img {
        width: 80px;
        height: 60px;
        border-radius: 4px;
    }

    .crs2-h-bgw-gap-card h3 {
        font-size: medium;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .crs2-h-bgw-gap-card .logo img {
        width: 107px;
        height: 80px;
        border-radius: 10px;
    }

    .crs2-h-bgw-gap-card h3 {
        font-size: medium;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .crs2-h-bgw-gap-card .logo img {
        width: 213px;
        height: 160px;
        border-radius: 10px;
    }

    .crs2-h-bgw-gap-card h3 {
        font-size: large;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}


/*tsr07*/

.card-sq-200 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 2rem;
    margin: 2rem;
}

/* demo purposes only */

.staff-card-4 .image {
    height: 200px;
}

.staff-card-4 .detail {
    margin: 20px 0 5px 20px;
}

.staff-card-4 h3 {
    color: initial !important;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: medium;
    line-height: 1.2;

}

.staff-card-4 p {

    font-weight: 400;

    align-self: end;
    margin: 0 0 20px 20px;
    letter-spacing: 0.5px;
}



.staff-card-4 .staff-type {
    font-size: 85%;
    color: #ccc;
}

.staff-card-4 .staff-lang {
    font-size: 85%;
    margin-top: 5px;
}

.staff-card-4 .price-starts {
    font-size: 85%;
    color: #ccc;
    margin-top: 5px;
}

.staff-card-4 .price-box {
    font-size: x-large;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	margin-top: 5px;
}
.staff-card-4 .price-per {
    font-size: 85%;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}


/*tsr04*/

.card-sq-200 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    grid-gap: 2rem;
    margin: 2rem;
}

/* demo purposes only */

.card-sq-200 .card-4-tsr04 {
    height: 460px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
    display: grid;
    grid-template-rows: 1fr 1fr;
    transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.card-sq-200 .card-4-tsr04 .image {
    height: 200px;
}

.card-sq-200 .card-4-tsr04 .detail {
    margin: 20px 0 5px 20px;
}

.card-sq-200 .card-4-tsr04 h3 {
    color: initial !important;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: medium;
    line-height: 1.2;
}


.card-sq-200 .card-4-tsr04 .user-img {
    padding: 20px;
    text-align: center;
    height: 146px;
}

.card-sq-200 .card-4-tsr04 .user-img img {
    border-radius: 50%;
}

.card-sq-200 .card-4-tsr04 .bookmark {
    position: absolute;
    top: 20px;
    left: 20px;
}

.card-sq-200 .card-4-tsr04 .share {
    position: absolute;
    top: 20px;
    right: 20px;
}

.card-sq-200 .card-4-tsr04 .rating {
    font-size: 85%;
    margin-bottom: 15px;
}

.card-sq-200 .card-4-tsr04 h3 {
    color: initial !important;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: medium;
    line-height: 1.2;
}

.card-sq-200 .card-4-tsr04 h4 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: medium;
    line-height: 1.2;
}

.card-sq-200 .card-4-tsr04 .detail {
    margin: 10px 20px 20px 20px;
    text-align: center;
}

.card-sq-200 .card-4-tsr04 .name {
    margin-bottom: 5px;
overflow: hidden;
word-break: break-all;
display: -webkit-box;

-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
}

.card-sq-200 .card-4-tsr04 .profile-headline {
    font-size: 85%;
    margin-bottom: 10px;
overflow: hidden;
word-break: break-all;
display: -webkit-box;

-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
}

.card-sq-200 .card-4-tsr04 .education {
    margin-bottom: 5px;
overflow: hidden;
word-break: break-all;
display: -webkit-box;

-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
}

.card-sq-200 .card-4-tsr04 .speak-me {
    font-size: inherit;
    margin-bottom: 15px;
overflow: hidden;
word-break: break-all;
display: -webkit-box;

-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
}

.card-sq-200 .card-4-tsr04 .speak-me span {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}


/*tsr05*/

.card-sq-200 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 2rem;
    margin: 0 0 2rem 0;
}

/* demo purposes only */


/*space marketplace cards*/

.card-sq-254 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(254px, 1fr));
    grid-gap: 2rem;
    margin: 0 0 2rem 0;
}

.card-sq-200 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 2rem;
    margin: 0 0 2rem 0;
}

.card-sq-140 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    grid-gap: 2rem;
    margin: 0 0 2rem 0;
}


.card-sq-200 .staff-card-5 {
    height: 406px;
    position: relative;
    overflow: hidden;

    display: grid;
    grid-template-rows: 1fr 1fr;
    transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
	background:#ededed;
}

.card-sq-200 .staff-card-5 .image {
    height: 200px;
}

.card-sq-200 .card-5-tsr045 .detail {
    margin: 20px 0 5px 20px;
}

.card-sq-200 .staff-card-5 h3 {
    color: initial !important;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: medium;
    line-height: 1.2;
}


.card-sq-200 .staff-card-5 .user-img {
    background: #fff;
    padding: 20px;
    text-align: center;
    height: 166px;
	position:relative;
}

.card-sq-200 .staff-card-5 .user-img img {
    border-radius: 50%;
}

.card-sq-200 .staff-card-5 .bookmark {
    position: absolute;
    top: 20px;
    left: 20px;
}

.card-sq-200 .staff-card-5 .share {
    position: absolute;
        bottom: 5px;
    right: 20px;
}

.card-sq-200 .staff-card-5 .rating {
    font-size: 85%;
    position: absolute;
    top: 114px;
    right: 20px;
}

.card-sq-200 .staff-card-5 h3 {
    color: initial !important;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: medium;
    line-height: 1.2;
}

.card-sq-200 .staff-card-5 h4 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: medium;
    line-height: 1.2;
}

.card-sq-200 .staff-card-5 .detail {
    margin: 10px 0px 20px 0px;
    text-align: left;
	background:#ededed;
}

.card-sq-200 .staff-card-5 .name {
    margin-bottom: 5px;
overflow: hidden;
word-break: break-all;
display: -webkit-box;

-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
}

.card-sq-200 .staff-card-5 .profile-headline {
    font-size: 85%;
    margin-bottom: 10px;
overflow: hidden;
word-break: break-all;
display: -webkit-box;

-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
}

.card-sq-200 .staff-card-5 .education {
    margin-bottom: 5px;
overflow: hidden;
word-break: break-all;
display: -webkit-box;

-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
}

.card-sq-200 .staff-card-5 .speak-me {
    font-size: 85%;
    margin-bottom: 15px;

overflow: hidden;
word-break: break-all;
display: -webkit-box;

-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
}

.card-sq-200 .staff-card-5 .speak-me span {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

/*****card -staff-card-5*/
.staff-card-2 .staff-picture {position:absolute;left:0;top:0;width:200px;}
.staff-card-2 .staff-picture img	{width: 100%;height: auto;}
.staff-card-2 .staff-info {margin-left:220px;top:0;padding-right:200px;}
.staff-card-2 .staff-book {position:absolute;top:0;right:0;}

.staff-card-2  .tsr02_about_del {
    max-width: 390px;
    max-height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.staff-card-2 .price-box {
	font-size: x-large;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.staff-card-2 .price-per {
font-size: 85%;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);	
}
.staff-card-2 .booking-btn .btn {width:100%}

/*media screen*/
@media (min-width: 320px) and (max-width: 419px) {
   .staff-card-2 .staff-picture {position:absolute;left:0;top:0;width:80px;}
.staff-card-2 .staff-picture img	{width: 100%;height: auto;}
.staff-card-2 .staff-info {margin-left:95px;top:0;padding-right:0;}
.staff-card-2 .staff-info h3 {font-size:large;}
.staff-card-2 .staff-book {display:none;}
}

@media (min-width: 420px) and (max-width: 767px) {
.staff-card-2 .staff-picture {position:absolute;left:0;top:0;width:110px;}
.staff-card-2 .staff-picture img	{width: 100%;height: auto;}
.staff-card-2 .staff-info {margin-left:120px;top:0;padding-right:0px;}
.staff-card-2 .staff-book {position:absolute;top:0;right:0;display:none;}
}

@media (min-width: 768px) and (max-width: 1024px) {
   .staff-card-2 .staff-picture {position:absolute;left:0;top:0;width:130px;}
.staff-card-2 .staff-picture img	{width: 100%;height: auto;}
.staff-card-2 .staff-info {margin-left:150px;top:0;padding-right:160px;}
.staff-card-2 .staff-book {position:absolute;top:0;right:0;} 
}

@media (min-width: 1024px) and (max-width: 1369px) {
   .staff-card-2 .staff-picture {position:absolute;left:0;top:0;width:130px;}
.staff-card-2 .staff-picture img	{width: 100%;height: auto;}
.staff-card-2 .staff-info {margin-left:150px;top:0;padding-right:160px;}
.staff-card-2 .staff-book {position:absolute;top:0;right:0;}
}

@media screen and (min-width: 1370px) {
	
   
}



/*
.staff-card-2 .tsr02-biography {
overflow: hidden;
word-break: break-all;

display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: -o-box;
display: box;
-webkit-line-clamp: 7;
-moz-line-clamp: 7;
-ms-line-clamp: 7;
-o-line-clamp: 7;
line-clamp: 7;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
	
}

*/





.crs-card-1 {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
    display: initial;
    grid-template-rows: 1fr;
    transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.crs-card-1 .image {

}

.crs-card-1 .detail {
    margin: 20px 20px 20px 20px;
}

.crs-card-1 h3 {
    color: initial;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: medium;
    line-height: 1.2;	
overflow: hidden;

display: -webkit-box;

-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;

}

.crs-card-1 p {
    font-weight: 400;
    align-self: end;
    margin: 0 0 20px 20px;
    letter-spacing: 0.5px;
}

.crs-card-1 img {
    top: 0;
    width: 100%;
    transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.crs-card-1:hover {
    transform: scale(1.035, 1.035);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);
}

.crs-card-1:hover img {
    transform: translateY(-10px);
}

.crs-card-1 .material-symbols-outlined {
    font-size: 16px;    vertical-align: middle;
}

.crs-card-1 .course-type {
    font-size: 85%;
    color: #606060;
}

.crs-card-1 .course-lang {
    font-size: 85%;
    margin-top: 5px;
}
.crs-card-1 .course-by {
    font-size: 85%;
    margin-top: 10px;
}
.crs-card-1 .course-by .name{text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}

.crs-card-1 .price-starts {
    font-size: 85%;
    color: #ccc;
    margin-top: 10px;
}

.crs-card-1 .price {
    font-size: x-large;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	margin-top: 5px;
}

.crs-card-1 .cmp-price {
    color: #ccc;
    text-decoration: line-through;
    text-shadow: none;
    float: right;
    padding-right: 15px;
}

.crs-card-1 .rating {
    font-size: 85%;
    float: right;
    padding-right: 15px;
}

.crs-card-1 .rating .m-icon-aligned {
    font-size: 20px;
    padding-right: 0;
}





.crs-card-2 {
    position: relative;
    overflow: hidden;
    /*border-radius: 10px;*/
    /*background: #fff;*/
    display: initial;
    grid-template-rows: 1fr 1fr;
    transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.crs-card-2 .image {

}

.crs-card-2 .detail {
    margin: 20px 0;
}

.crs-card-2 h3 {
    color: initial;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: medium;
    line-height: 1.2;
overflow: hidden;
word-break: break-all;
display: -webkit-box;

-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
}

.crs-card-2 p {
    font-weight: 400;
    align-self: end;
    margin: 0 0 20px 20px;
    letter-spacing: 0.5px;
}

.crs-card-2 .logo-image {
    top: 0;
    width: 100%;
	border:1px solid #e5e5e5;
    transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}


.crs-card-2 .material-symbols-outlined {
    font-size: 16px;
}

.crs-card-2 .course-type {
    font-size: 85%;
    color: #606060;
}

.crs-card-2 .course-lang {
    font-size: 85%;
    margin-top: 5px;
}
.crs-card-3 .course-by .name{text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}

.crs-card-2 .price-starts {
    font-size: 85%;
    color: #ccc;
    margin-top: 10px;
}

.crs-card-2 .price {
    font-size: x-large;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	margin-top: 5px;
}

.crs-card-2 .cmp-price {
    color: #ccc;
    text-decoration: line-through;
    text-shadow: none;
    float: right;
    padding-right: 15px;
}

.crs-card-2 .rating {
    font-size: 85%;
    float: right;
    padding-right: 15px;
}

.crs-card-2 .rating .m-icon-aligned {
    font-size: 20px;
    padding-right: 0;
}



.crs-card-3 {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
    display: initial;
    grid-template-rows: 1fr 1fr;
    transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.crs-card-3 .image {

}

.crs-card-3 .detail {
    margin: 20px 20px 20px 20px;
}

.crs-card-3 h3 {
    color: initial;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: medium;
    line-height: 1.2;
	overflow: hidden;
word-break: break-all;
display: -webkit-box;

-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;

}

.crs-card-3 p {
    font-weight: 400;
    align-self: end;
    margin: 0 0 20px 20px;
    letter-spacing: 0.5px;
}

.crs-card-3 .video-box {
    top: 0;
	height:150px;
    width: 100%;
    transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.crs-card-3:hover {
    transform: scale(1.035, 1.035);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);
}

.crs-card-3:hover img {
    transform: translateY(-10px);
}

.crs-card-3 .material-symbols-outlined {
    font-size: 16px;
}

.crs-card-3 .course-type {
    font-size: 85%;
    color: #606060;
}

.crs-card-3 .course-lang {
    font-size: 85%;
    margin-top: 5px;
}
.crs-card-3 .course-by { margin-top: 10px;}
.crs-card-3 .course-by .name{text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}

.crs-card-3 .price-starts {
    font-size: 85%;
    color: #ccc;
    margin-top: 15px;
}

.crs-card-3 .price {
    font-size: x-large;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	margin-top: 5px;
}

.crs-card-3 .cmp-price {
    color: #ccc;
    text-decoration: line-through;
    text-shadow: none;
    float: right;
    padding-right: 15px;
}
.crs-card-3 .act-btns {    
	margin-top: 5px;
}
.crs-card-3 .act-btns .buy_btn, .crs-card-3 .act-btns .addtocart_btn {   
    font-size: 14px;
    padding: 10px 16px;
display:block;
width: 100%; 
margin-bottom: 5px;
	margin-top: 5px;
}


.crs-card-3 .rating {
    font-size: 85%;
    float: right;
    padding-right: 15px;
}

.crs-card-3 .rating .m-icon-aligned {
    font-size: 20px;
    padding-right: 0;
}




.crs-card-4 {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
	color:initial;
    background: #fff;
    display: initial;
    grid-template-rows: 1fr 1fr;
    transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.crs-card-4 .image {

}

.crs-card-4 .detail {
    margin: 20px 20px 20px 20px;
}

.crs-card-4 h3 {
    color: initial;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: medium;
    line-height: 1.2;
	overflow: hidden;
word-break: break-all;
display: -webkit-box;

-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;

}

.crs-card-4 p {
    font-weight: 400;
    align-self: end;
    margin: 0 0 20px 20px;
    letter-spacing: 0.5px;
}

.crs-card-4 img {
    top: 0;
    width: 100%;
    transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}


.crs-card-4 .material-symbols-outlined {
    font-size: 16px;vertical-align: middle;
}
.crs-card-4 .metas {font-size:small;text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);margin-bottom:10px;}

.crs-card-4 .summary {margin-top:25px;}
.crs-card-4 .summary .in-lessons {line-height:20px;}
.crs-card-4 .summary .in-hours {float:right;}

.crs-card-4 .course-type {
	position: absolute;
    font-size: 85%;
        left: 20px;
    top: 117px;
	background:#ffffff;padding:2px 6px;border-radius:4px;
}



.crs-card-4 .course-lang {
    font-size: 85%;
    margin-top: 5px;
}
.crs-card-4 .course-by .name{text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}
.crs-card-4 .price-starts {
    font-size: 85%;
    color: #ccc;
    margin-top: 10px;
}

.crs-card-4 .price {
    font-size: x-large;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	margin-top: 5px;
}

.crs-card-4 .cmp-price {
    color: #ccc;
    text-decoration: line-through;
    text-shadow: none;
    float: right;
    padding-right: 15px;
}

.crs-card-4 .rating {
    font-size: 85%;
    float: right;
    padding-right: 15px;
}

.crs-card-4 .rating .m-icon-aligned {
    font-size: 20px;
    padding-right: 0;
}


.crs-card-5 {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
	color:initial;
    background: #fff;
    display: initial;
    grid-template-rows: 1fr 1fr;
    transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.crs-card-5 .image {

}

.crs-card-5 .detail {
    margin: 20px 20px 20px 20px;
}

.crs-card-5 h3 {
    color: initial;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: medium;
    line-height: 1.2;
	
	overflow: hidden;
word-break: break-all;
display: -webkit-box;

-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;

}

.crs-card-5 p {
    font-weight: 400;
    align-self: end;
    margin: 0 0 20px 20px;
    letter-spacing: 0.5px;
}

.crs-card-5 img {
    top: 0;
    width: 100%;
    transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}


.crs-card-5 .material-symbols-outlined {
    font-size: 16px;vertical-align: middle;
}
.crs-card-5 .metas {font-size:small;text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);margin-bottom:10px;}

.crs-card-5 .summary {margin-top:25px;}
.crs-card-5 .summary .in-lessons {line-height:20px;}
.crs-card-5 .summary .in-hours {float:right;}

.crs-card-5 .course-type {
	position: absolute;
    font-size: 85%;
        left: 20px;
    top: 117px;
	background:#ffffff;padding:2px 6px;border-radius:4px;
}



.crs-card-5 .course-lang {
    font-size: 85%;
    margin-top: 5px;
}
.crs-card-5 .course-by {margin-top: 10px;}
.crs-card-5 .course-by .name{text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}
.crs-card-5 .price-starts {
    font-size: 85%;
    color: #ccc;
    margin-top: 10px;
}

.crs-card-5 .price {
    font-size: x-large;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	margin-top: 5px;
}

.crs-card-5 .cmp-price {
    color: #a7a7a7;
    text-decoration: line-through;
    text-shadow: none;
    float: right;
    padding-right: 15px;
}

.crs-card-5 .rating {
        position: absolute;
    font-size: 11px;
    right: 20px;
    top: 117px;
    background: #ffffff;
    padding: 2px 6px;
    border-radius: 4px;
}

.crs-card-5 .rating .m-icon-aligned {
    font-size: 20px;
    padding-right: 0;
}

.crs-card-5 .learn-more {margin-top:15px;}


/*

body {
  margin: 0;
  font-family: sans-serif;
}
*/


.faqs-container {
    overflow: hidden;
}


.faq-singular {
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: 10px 30px 20px 0;
}

.faq-singular:hover,
.faq-singular.active {

}

.faq-singular .faq-que {
    position: relative;
    cursor: pointer;
}

.faq-singular .faq-que:before {
    position: absolute;
    content: "+";
    color: #808080;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 28px;
    font-weight: normal;
    transition: all .5s;
}

.faq-singular.active .faq-que:before {
    transform: rotate(45deg)
}

.faq-singular .faq-ans {
    display: none;

}

.pack-detail-card-1 .add-on .faq-singular .faq-que {
    padding: 16px 25px 16px 0px;
    font-weight: normal;
    font-size: medium;
    text-shadow: 0 0 1px rgb(0 0 0 / 50%);
    margin: 0;
}

.pack-detail-card-1 .add-on .faq-singular .faq-ans {
    font-size: inherit;
    line-height: 1.47059;

}




/*template -course*/
.landing-course-02 .card {margin-top:30px;margin-bottom:-1px;}
.landing-course-02 .card .body{
    line-height: 1.8;}
    .landing-course-02 .key {
        color: #8d8d8d;
    }

    .landing-course-02 .value {
        text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    }

    .landing-course-02 .branding {

    }
.landing-course-02 .branding .banner {
	height:416px;border-radius: 30px;background:#efefef;
}
    .landing-course-02 .branding .banner img {
        border-radius: 30px;height:100%;width:100%;object-fit: cover;
    }
	
	
	.landing-course-02 .branding .video-box{height:416px;border-radius: 30px;
		overflow:hidden;}
	.landing-course-02 .branding .video-box .poster-box{height:416px;}
	
	
	
.landing-course-02 .branding .banner .share-btns {position: absolute;bottom: -40px;right:0;}
    .landing-course-02 .branding .who {
        margin-left: 50px;
        margin-top: -15px;
    }

.landing-course-02 .branding .who .user {max-width:160px;position:relative;background:#fff;overflow:hidden;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
border: 6px solid #fff;
        border-radius: 20px;}
    .landing-course-02 .branding .who .user img {
		box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
		height:100%;width:100%;object-fit: cover;
    }

    .landing-course-02 .branding .who .name {
        border-radius: 20px;
        margin: 15px 0;
    }


    .landing-course-02 .detail {
        margin-left: 50px;
    }

    .landing-course-02 .detail .title {
        font-weight: normal;
        text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
        margin-bottom: 25px;
    }
	.landing-course-02 .detail .subtitle {
        font-size:medium;
		font-weight: normal;
        text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
        margin-bottom: 25px;
    }

    .landing-course-02 .detail {
    }

.landing-course-02 .detail .profile {
	margin-top:50px;
    }
    .landing-course-02 .side-r {
        padding-left: 30px;
    }

    .landing-course-02 .side-r .price {
        font-size: xx-large;
        text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .landing-course-02 .side-r .summary {
		font-size:14px;
		line-height:1.6;
        margin-bottom: 20px;
    }

    .landing-course-02 .side-r .summary .point {
        display: flex;
		margin-bottom:7px;
    }

    .landing-course-02 .side-r .summary .data {        
    line-height: 1.6;
    }

    .landing-course-02 .side-r .summary .icon {
        margin-right: 15px;
    }

    .landing-course-02 .side-r .actions {
        line-height: 2.2;
        margin-bottom: 20px;
    }

    .landing-course-02 .side-r .support-box {

    }
	.landing-course-02 .highlights-box .highlights{line-height:2.2;font-size:medium;} 
	.landing-course-02 .highlights-box .highlights ul{padding-left:15px;}
	
	    .landing-course-02 .highlights-box, .landing-course-02 .about-box, .landing-course-02 .content-box, 
		.landing-course-02 .detail-box, .landing-course-02 .pricing-box, .landing-course-02 .faqs-container, .landing-course-02 .product-staffs {
        margin-bottom: 60px;
    }
	
	
	.landing-course-02 .product-staffs .staff .name a{font-size:medium;color:inherit;text-shadow: 0 0 1px rgb(0 0 0 / 50%);}
	.landing-course-02 .product-staffs .staff .designation, .landing-course-02 .product-staffs .staff .headline{font-size:normal;}
	.landing-course-02 .product-staffs .staff .intro {margin-top:15px;}
	
	
	
	.landing-course-02 .support-box {
	background:#000;color:#fff;padding: 50px 100px;}

    .landing-course-02 .side-r .support-box .write-us, .landing-course-02 .side-r .support-box .call-us {
        font-size: medium;
        margin-bottom: 20px;
    }

    .landing-course-02 .summary .material-symbols-outlined {
        vertical-align: middle !important;text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
        font-size: 18px;
    }

    .landing-course-02 .side-r {
    }
	
	
	
	
	
	/*.landing-course-03 .faqs-container, */
	.landing-course-03 .faq-singular,
	/*.landing-course-02 .faqs-container ,*/
	.landing-course-02 .faq-singular {
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: 20px 30px 20px 0;
}
.landing-course-03 .faq-singular:hover,
.landing-course-03 .faq-singular.active,
.landing-course-02 .faq-singular:hover,
.landing-course-02 .faq-singular.active {

}
.landing-course-03 .faq-singular .faq-que,
.landing-course-02 .faq-singular .faq-que {
	line-height: 1.4;
    position: relative;
    cursor: pointer;
	font-size:medium;
	font-weight:normal;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.landing-course-03 .faq-singular .faq-que:before,
.landing-course-02 .faq-singular .faq-que:before {
    position: absolute;
    content: "+";
    color: #808080;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 28px;
    font-weight: normal;
    transition: all .5s;
}
.landing-course-03 .faq-singular.active .faq-que:before,
.landing-course-02 .faq-singular.active .faq-que:before {
    transform: rotate(45deg)
}
.landing-course-03 .faq-singular .faq-ans,
.landing-course-02 .faq-singular .faq-ans {
    display: none;

}
	
	
	
	
	/*3*/
	.landing-course-03 {font-size:medium; line-height: 1.8;}
	.landing-course-03 .for-perm-card {
        position: relative;
        padding-right: 360px;
    }
	
	.landing-course-03 .course-info{color:#dfdfdf;padding-bottom:60px;}
	

    .landing-course-03 .info-lang, .landing-course-03 .info-lang .point {
        display: flex;
    }

    .landing-course-03 .perm-card {
        width: 340px;
        position: absolute;
        top: 3.2rem;
        right: 0;
        z-index: 1;

    }
.landing-course-03 .perm-card .logo img{width:100%;border-radius:10px;}
    .landing-course-03 .perm-card .card {
        overflow: hidden;
    }

    .landing-course-03  .perm-card .material-symbols-outlined {
        vertical-align: middle !important;
        font-size: 18px;
        text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    }

    .landing-course-03  .perm-card .price {
        font-size: xx-large;
        text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);

    }


    .landing-course-03 .perm-card .actions {
        text-align: center;
        line-height: 75px;
        margin-bottom: 20px;
    }
	
	.landing-course-03 .perm-card .actions .btn {display:block;width:100%;}

    .landing-course-03 .perm-card .money-back {
        font-size: 85%;
        color: #9b9b9b;
        font-weight: normal;
        margin-bottom: 20px;
    }

    .landing-course-03 .perm-card .summary {
        font-size: 85%;
        line-height: 2;
        margin-bottom: 20px;
    }

    .landing-course-03 .perm-card .summary p {
        font-weight: bold;
        font-size: medium;
    }

    .landing-course-03 .perm-card .summary .point {
        display: flex;
    }

    .landing-course-03 .perm-card .summary .data {
        line-height: inherit;
    }

    .landing-course-03 .perm-card .summary .value {
        text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    }


    .landing-course-03 .perm-card .summary .icon {
        margin-right: 15px;
    }
	.landing-course-03 .highlights-box .highlights{} 
	.landing-course-03 .highlights-box .highlights ul{line-height:1.8;padding-left:15px;}
	.landing-course-03 .highlights-box .highlights ul li{margin-bottom:10px;}


    .landing-course-03 .matter {
        padding: 50px !important;
    }

    .landing-course-03 .highlights-box, .landing-course-03 .about-box, .landing-course-03 .content-box, .landing-course-03 .detail-box, 
	.landing-course-03 .pricing-box,  .landing-course-03 .support-box, .landing-course-03 .product-staffs {
        margin-bottom: 60px;
    }
	
	.landing-course-03 .product-staffs .staff .name a{font-size:medium;color:inherit;text-shadow: 0 0 1px rgb(0 0 0 / 50%);}
	.landing-course-03 .product-staffs .staff .designation, .landing-course-03 .product-staffs .staff .headline{font-size:normal;}
	.landing-course-03 .product-staffs .staff .intro {margin-top:15px;	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;}
	.landing-course-03 .support-box {
	background:#000;color:#fff;padding: 50px 100px;}


    .landing-course-03 .title {
        margin-bottom: 20px
    }
	
	
	
	/*course landing page available days*/
	.batch-on-days {text-align:center;color:#fff;background:#4c4b4b;border:1px solid #4c4b4b;padding:2px;border-radius:2px;width:16px;line-height: 1;    margin-left: 2px;}
	.batch-off-days {text-align:center;color:#bebebe;border:1px solid #ededed;padding:2px;border-radius:2px;width:16px;line-height: 1;    margin-left: 2px;}
	
	
	
	

	
	/*like on course and add resource*/
	.content-record-display {
            position: relative;
            height: 58px;
            text-shadow: 0 0 1px rgb(0 0 0 / 50%);
			background:#fff;
            display: flex;
            align-items: center;
            border-top: 1px solid rgba(204, 204, 204, 0.35);
            border-bottom: 1px solid rgba(204, 204, 204, 0.35);margin-top:-1px;
        }

        .content-record-display .icon {
            position: absolute;
            left: 0;
        }

        .content-record-display .icon .material-symbols-outlined {
            font-size: 36px !important;
        }

        .content-record-display .info {
            position: absolute;
            left: 50px;
        }

        .content-record-display .actions {
            position: absolute;
            right: 0;
        }

        .content-record-display .info .filename {
            max-width: 280px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
		
		

.cart01-alert-rec {border-bottom:1px solid #efefef;}
	
.cart01-alert-rec .value{text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}
.cart01-rec{display__________: flex;min-height: 86px;line-height:1.6;align-items: center;position: relative;padding: 10px 0px;border-bottom:1px solid #efefef;}
.cart01-rec	.select-box{display:none;}

.cart01-rec .item-info .logo{}
.cart01-rec .item-info .name{display:flex;text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}
.cart01-rec .item-info .item-data{font-size: 85%;text-shadow: 0 0 1px rgb(139 139 139);}

.cart01-rec .item-info .item-data .key{color: #9f9f9f;text-shadow:none;}
.cart01-rec .item-info .timer-span{font-size: 85%;}
.cart01-rec .item-info .timer-span .time-here{text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}

.cart01-rec .price-qty{text-align:right;}
.cart01-rec .price-qty .item .price{font-size:large;margin-bottom:5px;text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}


		
.cart01-record {position:relative;display:flex;padding:7px 0;border-bottom:1px solid #e5e5e5;}
.cart01-record .item-info{display:flex;position:absolute;left:62px;padding-right:86px;}
.cart01-record .item-info .name{}
.cart01-record .item-info .name .value{text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}
.cart01-record .item-info .staff{display:flex;font-size:small;    color: #737373;}
.cart01-record .item-info .staff .value{text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}

.cart01-record .item-info .detail{font-size:small;    color: #737373;}
.cart01-record .price-qty {position:absolute;right:0px;text-align:right;}
.cart01-record .timer-span{font-size:small;width:100%;text-align:left;}
.cart01-record .price-qty .price{font-size:medium;text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}
.cart01-record .price-qty .quantity{font-size:small;}
.cart01-record .price-qty .remove-link {font-size:x-small;}

.checkout01-record {position:relative;display:flex;padding:7px 0;border-bottom:1px solid #e5e5e5;}
.checkout01-record .item-info{display:flex;}
.checkout01-record .item-info .name{text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}
.cart01-record .item-info .name .value{text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}
.cart01-record .item-info .staff{display:flex;font-size:small;    color: #737373;}
.cart01-record .item-info .staff .value{text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}

.checkout01-record .item-info .detail{font-size:small;}
.checkout01-record .price-qty {position:absolute;right:0;text-align:right;}
.checkout01-record .price-qty .price{font-size:medium;text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}
.checkout01-record .price-qty .quantity{font-size:small;}
.checkout01-record .price-qty .remove-link {font-size:x-small;}

.btn-loadmore-box {text-align:center;padding:15px 10px;}


.center-me-audio {
	background:#1a1a1a;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}
.center-my-child{height: 100%;
            min-height: 70vh;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;}

/*cnt lib-rec*/
.content-lib-rec {
	    display: flex;
    position: relative;
    align-items: center;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    padding: 10px 30px;
}
.content-lib-rec .icon{
	font-size:34px;
}
.content-lib-rec .file-info{
	margin-left:20px;
}

.content-lib-rec .file-info .name{    font-size: medium;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	position: absolute;
    overflow: hidden;
    width: -webkit-fill-available;
	white-space: nowrap;
	text-overflow: ellipsis;
    line-height: 1.6;}
	
	 .content-lib-rec .file-info .name .material-symbols-outlined {
		position: absolute;
    top: 48px;
    left: 50px;
}
	
.content-lib-rec .options{
	position:absolute; right:30px;
}



/*open class*/
.openclass-rec {padding: 0 30px;position:relative;display: flex;    border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;}
.openclass-rec .class-info {
	    display: flex;width:100%;
    position: relative;
    align-items: center;
	padding: 15px 0;
}




 .date-add {
    width: 62px;
    padding: 0;
    border: 2px solid #505050;
    border-radius: 10px;
    display: inline-block;
     /*font-size: 18px;*/
    text-align: center;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.date-add .inlabel {
    font-size: medium;
    color: #fff;
    background: #505050;
    padding: 2px 4px;
    margin: -1px -1px 0 -1px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.date-add-mini {
	 width: 50px;
	 line-height:1.2;
    padding: 0;
    border: 2px solid #505050;
    border-radius: 10px;
    display: inline-block;
     /*font-size: 18px;*/
    text-align: center;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.date-add-mini .inlabel {
	font-size:inherit;
	color: #fff;
    background: #505050;
    padding: 2px 4px;
    margin: -1px -1px 0 -1px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.date-add-mini .date {padding-top:2px;}
.date-add-mini .month {}

.date-add-crs-mng-b {
    width: 44px;
    line-height: 1.6;
    padding: 0;
    /* border: 2px solid #505050; */
    /* border-radius: 10px; */
    display: inline-block;
    /* font-size: 18px; */
    text-align: center;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.date-add-crs-mng-b .inlabel {
	font-size:inherit;
	color: #fff;
    background: #505050;
    padding: 2px 4px;
    margin: -1px -1px 0 -1px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.date-add-crs-mng-b .date {background: #ffffff;}


.openclass-rec .class-info .icon{
	font-size:34px;
}
.openclass-rec .class-info .file-info{
	margin-left:20px;line-height:2;
}

.openclass-rec .class-info .file-info .name{    font-size: medium;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    line-height: 1.6;}
	.openclass-rec .class-info .file-info .name a{color:inherit;text-shadow:inherit;}
.openclass-rec .class-info .file-info .name .material-symbols-outlined {
		position: absolute;
    top: 48px;
    left: 50px;
}
	
	
	
	
.openclass-rec .profile-box{font-size:small;position: absolute;right:274px;height: 100%;width: 74px;text-align: center;padding: 2px 2px;border-radius:10px;box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.04);}
.openclass-rec .profile-box img{height:44px;width:44px;border-radius:50%;border: 1px solid #dfdfdf;filter: drop-shadow(0 0 0.2rem gray);}
.openclass-rec .profile-box .host-label{background: #e5e5e5;margin-bottom:2px;border-radius:10px;}
.openclass-rec .profile-box .host-name{line-height:1.2;font-size:smaller;}

.openclass-rec .other-box{font-size:small;position: absolute;right:199px;height: 100%;width: 74px;text-align: center;padding: 2px 2px;border-radius:10px;box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.04);}
	.openclass-rec .time-box{font-size:small;position: absolute;right:104px;height: 100%;width: 94px;text-align: center;padding: 2px 2px;border-radius:10px;box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.04);}
	.openclass-rec .time-box .flip-clock-wrapper ul li a div div.inn {background-color:#ededed;}

	
	.openclass-rec .class-info .oc-badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
    background-color: #eeeeee;
    color: #000000;
    font-weight: 400;
    text-shadow: none;
}
		
	
.openclass-rec .class-info .options{
	text-align:right;position:absolute; right:0;top:10px;
}


@media (min-width: 320px){}

/*@media (min-width: 576px) {.openclass-rec .profile-box{display:none;}.openclass-rec .time-box{display:none;}}*/

/*media screen*/
@media (min-width: 320px) and (max-width: 419px) {.openclass-rec .profile-box{display:none;}.openclass-rec .time-box{display:none;} .openclass-rec .other-box{right: 0; bottom: 0; height: auto;}}

@media (min-width: 420px) and (max-width: 767px) {.openclass-rec .profile-box{display:none;}.openclass-rec .time-box{display:none;} .openclass-rec .other-box{right: 0; bottom: 0; height: auto;}}


   








/*buy page*/
.buying-rec {
	display: flex;
    position: relative;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
    padding: 20px 30px;
}
.price-text {font-size: medium;text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);padding-right:96px;}
.price-action {text-align:right;position:absolute; right:30px;}



	
	
		.t1{padding-top:20px;position: absolute;  min-width: 86px;}
	.t2{}
	.t3{}
	.t4{}
	.t5{}
	
	.t6{white-space: nowrap;}
	.t7{}
	
	
	/* Debug classes for fliptimer
	.t1{background:#e91e63;padding-top:20px;position: absolute;right: 0;    min-width: 86px;}
	.t2{background:yellow;}
	.t3{background:pink;}
	.t4{background:lightgreen;}
	.t5{background:#2196f3;}
	
	.t6{background:#80dbcf;white-space: nowrap;}
	.t7{background:#d9c76c;position:relative;}
	*/
	
	
	
/*standard classes*/




/*marketplace (listing page content default hide*/
#content-body {

    min-height: calc(100vh - 150px);
    /* padding: 20px; 
    overflow-y: auto;
    position: relative;*/

}





/*media screen*/
@media (min-width: 320px) and (max-width: 419px) {
    .container {
        width: 100%;
		padding-right: 0px;
    padding-left: 0px;
	}
	
	.row{margin-right:0;}
	.col-xs-12, .col-sm-12, .col-md-12 {padding-right:0;}
    .container-fluid {
        width: 100%;
    }
    .card .body, .card .header, .mail-body {
        padding: 20px 15px;
    }

    .card, .card .card {
        margin-bottom: 10px;
        border-radius: 6px;
        box-shadow: none;
    }
.card-m .body {
    padding-left: 0;
    padding-right: 0;
}

.page-board .card .body {padding:0;}
.page-board .breadcrumb {padding: 8px 0px;}
.page-board .top-box-wrapper {margin-top:30px;}

    .info-box {
        border-radius: 6px;
    }

   

    .dropdown-menu {
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    }

    .lsn-prv-ttl {
        font-size: 18px;
    }

    .keep-date-incenter {
        display: flex;
        align-items: center;
    }

    .top-nav-ttl {
        font-size: 22px;
        margin-top: 10px;
        border-right: 1px solid #ccc;
    }

    .login-page {
        margin: 35% auto;
    }

    .signup-page {
        /* margin: 35% auto;*/
        margin: 0% auto;
    }

    .accor-inner-head {
        margin-left: 7px !important;
    }

    .ques-sty {
        padding: 0 0 0 0;
    }

    .fut-tab p {
        margin-left: 15px;
    }

    .for-line {
        display: none;
    }

    .row-pad {
        margin: 10px -36px 10px -45px;
    }

    .for-week {
        width: 100%;
    }

    .accor-inner-head {
        margin-left: 0 !important;
    }

    .top-btn-txt {
        display: none;
        padding: 2px !important;
    }

    .obj-logo-container {
        height: 52px;
    }

    .page-int .title {
        font-size: 18px;
        font-weight: bold;
    }

    .cplayer-header-fix {
        bottom: 0;
        position: fixed;
        width: 100%;
        z-index: 12;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    }

    .course-player-nav-header {
        background: #e2e2e2;
    }


    .course-player-h2 {
        font-size: 18px;
        font-weight: bold;
    }

    .access2-data-box {
        height: 40vh;
    }

    #previewdocContent iframe {
        height: 40vh;
    }

    .access2-nav-box {
        height: 60vh;
    }

    .icon-container {
        overflow-x: scroll;
        overflow-y: hidden;
        height: 110px;
        white-space: nowrap;
    }

    .payment-wallet {
        font-size: 30px;
    }

    .payment-payumoney {
        font-size: 30px;
    }

    .payment-stripe {
        font-size: 30px;
    }

    .payment-razorpay {
        font-size: 30px;
    }

    .payment-paypal {
        font-size: 30px;
    }

    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

    .filename-fixlng {
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mng-crs-hdr .center {
        font-size: 16px;
    }

    .mng-crs-hdr .sides i {
        font-size: 28px;
    }

    .view-course-batch {
        width: 154px;
        font-size: 12px;
        line-height: 1.8;
    }

    /*manage batch css*/
    .mng-batch-date {
     /*   height: 74px;
        width: 74px;
        background: #fff;
        border: 2px solid #fff;
        padding: 8px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
		*/
		
		
		margin: 2px;
    height: 60px;
    width: 60px;
    line-height: 1.2;
    background: #fff;
    border: 2px solid #fff;
    padding: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    }

    .mng-batch-detail p {
        margin-bottom: 10px;
    }

    .mng-batch-date .time-text {
        font-size: 12px;
        margin-bottom: 0;
        text-align: center;
    }

    .mng-batch-date .count-day {
        font-size: 18px;
    }

.mng-batch-date img {
    position: absolute;
    right: -20px;
    top: 32px;
    border-radius: 50%;
}

    .class-quick-rec .class-time {
        width: 88px;
        font-size: 16px;
    }

    .class-quick-rec .class-data {
        width: 172px;
    }

    .time-label {
        padding-right: 2px;
    }

    .org-pricing-plan {
        display: inherit;
    }

    .org-pricing-plan .plan {
        width: 100%;
        margin: auto;
    }

    .rtl-form {
        width: 100%;
        padding: 10px;
    }

    div.widget div.body td {
        padding: 14px 13px 14px 13px;
    }
	
	/*records*/
.openclass-rec, .content-lib-rec {padding: 0 15px;}
.content-lib-rec .options{position:absolute; right:15px;top:20px}

/*cards of spaces*/
.crs2-h-bgw-gap-card .logo img {width: 70px;height: 40px;border-radius: 4px;}
.crs2-h-bgw-gap-card h3 {}
.crs2-h-bgw-gap-card {padding: 10px 10px 30px 10px;}
	.crs2-h-bgw-gap-card .info {padding-right: 0;}
.crs2-h-bgw-gap-card .tagline {display:none;}
 .crs2-h-bgw-gap-card .smry {display: none;}
 .crs2-h-bgw-gap-card .learn-more {
    position: absolute;
    right: 0;
    bottom: 5px;
}
.crs2-h-bgw-gap-card .learn-more .btn {padding:0;border:none !important;}
.crs2-h-bgw-gap-card .price {text-align: left;    position: absolute;    left: 14px;    bottom: 10px;	top:auto;}
.crs2-h-bgw-gap-card .now-price {font-size:x-large;}
.card-sq-200 {padding:20px;}

.cart01-rec .product-logo-in-rec{/*display:none;*/}
.cart-fixed-bottom {display:block;}
}
@media (min-width: 420px) and (max-width: 767px) {
     .container {
        width: 100%;
		padding-right: 0px;
    padding-left: 0px;
	}
	
	.row{margin-right:0;}
	.col-xs-12, .col-sm-12, .col-md-12 {padding-right:0;}
    .container-fluid {
        width: 100%;
    }

    .card .body, .card .header, .mail-body {
        padding: 20px 15px;
    }

    .card, .card .card {
        margin-bottom: 10px;
        border-radius: 6px;
        box-shadow: none;
    }
	.card-m .body {
    padding-left: 0;
    padding-right: 0;
}

.page-board .card .body {padding:0;}
.page-board .breadcrumb {padding: 8px 0px;}
.page-board .top-box-wrapper {margin-top:30px;}

    .dropdown-menu {
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    }

    .info-box {
        border-radius: 6px;
    }


    .tbl-exp-xs {
        padding-left: 0;
        padding-right: 0;
    }

    .lsn-prv-ttl {
        padding-top: 15px;
        font-size: 20px;
    }

    .keep-date-incenter {
        display: flex;
        align-items: center;
    }

    .top-nav-ttl {
        font-size: 24px;
        margin-top: 10px;
        border-right: 1px solid #ccc;
    }

    .login-page {
        margin: 38% auto;
    }

    .signup-page {
        /*   margin: 38% auto;*/
        margin: 0% auto;
    }

    .ques-sty {
        padding: 0 0 0 0;
    }

    .fut-tab p {
        margin-left: 15px;
    }

    .for-line {
        display: none;
    }

    .row-pad {
        margin: 10px -36px 10px -45px;
    }

    .for-week {
        width: 100%;
    }

    .accor-inner-head {
        margin-left: 0 !important;
    }

    .top-btn-txt {
        display: none;
        padding: 2px !important;
    }

    .obj-logo-container {
        height: 52px;
    }

    .page-int .title {
        font-size: 22px;
        font-weight: bold;
    }

    .cplayer-header-fix {
        bottom: 0;
        position: fixed;
        width: 100%;
        z-index: 12;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    }

    .course-player-nav-header {
        background: #e2e2e2;
    }


    .course-player-h2 {
        font-size: 18px;
        font-weight: bold;
    }

    .access2-data-box {
        min-height: 36vh;
        /*width:100%;
         position:fixed;
        */
    }

    #previewdocContent iframe {
        height: 50vh;
    }

    .access2-nav-box {
        height: auto;
    }

    .icon-container {
        overflow-x: scroll;
        overflow-y: hidden;
        height: 110px;
        white-space: nowrap;
    }

    .payment-wallet {
        font-size: 30px;
    }

    .payment-payumoney {
        font-size: 30px;
    }

    .payment-stripe {
        font-size: 30px;
    }

    .payment-razorpay {
        font-size: 30px;
    }

    .payment-paypal {
        font-size: 30px;
    }

    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

    .filename-fixlng {
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mng-crs-hdr .center {
        font-size: 18px;
    }

    .mng-crs-hdr .sides i {
        font-size: 28px;
    }

    .view-course-batch {
        width: 170px;
        font-size: 12px;
        line-height: 1.8;
    }

    /*manage batch css*/
    .mng-batch-date {
        /* margin: 2px;
        height: 74px;
        width: 74px;
        background: #fff;
        border: 2px solid #fff;
        padding: 8px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
		*/
				margin: 2px;
    height: 60px;
    width: 60px;
    line-height: 1.2;
    background: #fff;
    border: 2px solid #fff;
    padding: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    }

    .mng-batch-detail p {
        margin-bottom: 10px;
    }

    .mng-batch-date .time-text {
        font-size: 12px;
        margin-bottom: 0;
        text-align: center;
    }

    .mng-batch-date .count-day {
        font-size: 15px;
    }

    .mng-batch-date img {
    position: absolute;
    right: -20px;
    top: 32px;
    border-radius: 50%;
}

    .org-pricing-plan {
        display: inherit;
    }

    .org-pricing-plan .plan {
        width: 80%;
        margin: auto;
    }

    .rtl-form {
        width: 100%;
        padding: 10px;
    }
	
	
	/*records*/
	.openclass-rec, .content-lib-rec {padding: 0 15px;}
	.content-lib-rec .options{position:absolute; right:15px;top:20px}
	
	/*space cards*/
	.crs2-h-bgw-gap-card .logo img {width: 70px;height: 40px;border-radius: 4px;}
.crs2-h-bgw-gap-card h3 {}
.crs2-h-bgw-gap-card {padding: 10px 10px 30px 10px;}
	.crs2-h-bgw-gap-card .info {padding-right: 0;}
.crs2-h-bgw-gap-card .tagline {display:none;}
 .crs2-h-bgw-gap-card .smry {display: none;}
 .crs2-h-bgw-gap-card .learn-more {
    position: absolute;
    right: 0;
    bottom: 5px;
}
.crs2-h-bgw-gap-card .learn-more .btn {padding:0;border:none !important;}
.crs2-h-bgw-gap-card .price {text-align: left;position: absolute;left: 14px;bottom: 10px;top:auto;}
	.cart01-rec .product-logo-in-rec{display:none;}

.cart-fixed-bottom {display:block;}
}
@media (min-width: 768px) and (max-width: 961px) {.container {width: 100%;}}

@media (min-width: 962px) and (max-width: 1023px) {
    .ques-sty {
        padding: 0 8px 0 0;
    }

    .week-sc {
        font-size: 11px !important;
    }

    .login-page {
        margin: 20% auto;
    }

    .signup-page {
        /* margin: 15% auto;*/
        margin: 0% auto;
    }

    .for-line {
        width: 20%;
    }

    .ques-sty {
        padding: 0 0 0 0;
    }

    .fut-tab p {
        margin-left: 15px;
    }

    .for-line {
        display: none;
    }

    .row-pad {
        margin: 10px -36px 10px -45px;
    }

    .for-week {
        width: 100%;
    }

    .accor-inner-head {
        margin-left: 0 !important;
    }

    .top-btn-txt {
        display: none;
        padding: 2px !important;
    }

    .obj-logo-container {
        height: 58px;
    }

    .page-int .title {
        font-size: 24px;
        font-weight: bold;
    }

    .btn-lg {
        min-width: 122px !important;
    }

    .cplayer-header-fix {
        top: 0;
        position: fixed;
        width: 100%;
        z-index: 12;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    }

    .access2-data-box {
        height: 84vh;
    }

    #previewdocContent iframe {
        height: 84vh;
    }

    .access2-nav-box {
        height: 84vh;
    }

    .payment-wallet {
        font-size: 36px;
    }

    .payment-payumoney {
        font-size: 36px;
    }

    .payment-stripe {
        font-size: 36px;
    }

    .payment-razorpay {
        font-size: 36px;
    }

    .payment-paypal {
        font-size: 36px;
    }

    .org-pricing-plan {
        display: inherit;
    }

    .org-pricing-plan .plan {
        width: 60%;
        margin: auto;
    }
	
		
	
}

@media (min-width: 1024px) and (max-width: 1369px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 20px;
    }

    .login-page {
        margin: 14% auto;
    }

    .obj-logo-container {
        height: 70px;
    }

    .page-int .title {
        font-size: 28px;
        font-weight: bold;
    }

    .btn-lg {
        min-width: 122px !important;
    }

    .cplayer-header-fix {
        top: 0;
        position: fixed;
        width: 100%;
        z-index: 12;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    }

    .access2-data-box {
        height: 84vh;
    }

    #previewdocContent iframe {
        height: 84vh;
    }

    .access2-nav-box {
        height: 84vh;
    }

    .org-pricing-plan {
        display: flex;
    }

    .org-pricing-plan .plan {
        width: 50%;
        margin: auto;
    }
}

@media screen and (min-width: 1370px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 20px;
    }

    .page-int .title {
        font-size: 28px;
        font-weight: bold;
    }

    .access2-data-box {
        height: 84vh;
    }

    #previewdocContent iframe {
        height: 84vh;
    }

    /*  .access2-nav-box {
          height: 84vh;
      }
  */
    .cplayer-header-fix {
        top: 0;
        position: fixed;
        width: 100%;
        z-index: 12;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    }

    .org-pricing-plan {
        display: flex;
    }

    .org-pricing-plan .plan {
        width: 50%;
        margin: auto;
    }
}




.inbox-rec {padding: 10px 30px;position:relative;display: flex;border-radius: 6px;}
.inbox-rec .from{width: 150px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

    .inbox-rec .select-chk{}
    .inbox-rec .msg-subject{margin-left:20px;padding-right:120px;}
    .inbox-rec .attachment-icon{position: absolute;right:100px;top:10px;}
    .inbox-rec .received-time{position: absolute;right:30px;top:10px;}
	.inbox-rec:hover{background-color: #3e3e3e !important;color: #f8f8f8 !important;}
	
	
	
@media (min-width: 320px) and (max-width: 419px) {
	    .inbox-rec .msg-subject{padding-right:80px;margin-left:-146px;margin-top:25px;}
		.inbox-rec .from{font-weight:bold;}
		.landing-course-03 .matter {padding: 50px 15px !important;} 
		.landing-course-02 .detail {margin-left: 0px;} .landing-course-02 .detail .title {font-size:x-large;} .landing-course-02 .branding .who {margin-left:0;}
		.landing-course-02 .branding .who .user {max-width: 80px;}
		.landing-course-02 .branding .banner {height: 170px;}.landing-course-02 .support-box {padding: 50px 30px;}
}
@media (min-width: 420px) and (max-width: 575px) { .inbox-rec .msg-subject{padding-right:80px;margin-left:-146px;margin-top:25px;}
		.inbox-rec .from{font-weight:bold;} .landing-course-03 .matter {padding: 50px 15px !important;} 
		.landing-course-02 .detail {margin-left: 0px;} .landing-course-02 .detail .title {font-size:x-large;} .landing-course-02 .branding .who {margin-left:0;}
		.landing-course-02 .branding .who .user {max-width: 80px;}
		.landing-course-02 .branding .banner {height: 190px;}
		}
@media (min-width: 576px) and (max-width: 767px) {}
@media (min-width: 768px) and (max-width: 991px) {.cart-fixed-bottom{display:block;}.site-cart01 .card-cart .calculation{display:none;}}
@media (min-width: 992px) and (max-width: 1023px) {}


.week-dates {display:flex;align-items: center;}
.position-adjust {display:table;margin:auto;}
.left-right-buttons{display:flex;align-items: center;border:1px solid #c4c1c1; border-radius:24px;   position: absolute;    right: 7px;    top: 0; overflow:hidden;   line-height: 24px;}
.left-right-buttons .b-left, .left-right-buttons .b-right{    background-color: #fdfdfd;   padding: 6px 10px 0px 10px;}
.left-right-buttons .material-symbols-outlined{}







/*course/id*/
     .course-sp-display{background-color_: #ffb6c133;margin-bottom:0;}
/*	.course-sp-display:hover{background-color: #3e3e3e !important;color: #f8f8f8 !important;}*/
 .course-sp-display .material-symbols-outlined{font-size:xx-large;}
  .course-sp-display .sp-section .panel-body{padding:0}
 .course-sp-display .sp-section .a-link{padding:10px 30px !important;color:inherit;}
 /*.course-sp-display .sp-section .a-link:hover{background-color: #3e3e3e !important;color: #f8f8f8 !important;}*/
 .course-sp-display .sp-section .sp-rec{position: relative;display: flex;align-items: center;vertical-align: middle;}
 .course-sp-display .sp-section .sp-rec .info{margin-left: 50px;}
  .course-sp-display .sp-section .sp-rec .info .rec-title{text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}
.course-sp-display .sp-section .sp-rec .info .items-cnt{color:inherit;font-size:smaller;position: absolute;right: 1px;background: #f3f3f3;padding: 2px 6px;border-radius: 4px;}
.course-sp-display .sp-section .sp-rec .desc{font-size:smaller;line-height: 1.4;font-weight: normal;text-shadow: none;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
	.course-sp-display .sp-topic {background-color_: #edfeff;}
		.course-sp-display .sp-topic .panel-body{background-color_: lightyellow;}
.course-sp-display .sp-topic .a-link{padding:10px 30px !important;color:inherit;}
 .course-sp-display .sp-topic .sp-rec{position: relative;display: flex;overflow:hidden;align-items: center;vertical-align: middle;}
 .course-sp-display .sp-topic .sp-rec .info{margin-left: 50px;padding-right:70px;}
  .course-sp-display .sp-topic .sp-rec .info .rec-title{text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}
.course-sp-display .sp-topic .sp-rec .info .items-cnt{color:inherit;font-size:smaller;position: absolute;right: 1px;background: #f3f3f3;padding: 2px 6px;border-radius: 4px;}
.course-sp-display .sp-topic .sp-rec .desc{font-size:smaller;line-height: 1.4;font-weight: normal;text-shadow: none;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.course-sp-display .sp-resource .panel-body{padding:10px 30px !important;}
 .course-sp-display .sp-resource .sp-rec{position: relative;display: flex;align-items: center;vertical-align: middle;}
 .course-sp-display .sp-resource .sp-rec .info{margin-left: 50px;}
  .course-sp-display .sp-resource .sp-rec .info .rec-title{text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}
.course-sp-display .sp-resource .sp-rec .info .items-cnt{color:inherit;font-size:smaller;position: absolute;right: 1px;background: #f3f3f3;padding: 2px 6px;border-radius: 4px;}
.course-sp-display .sp-resource .sp-rec .desc{font-size:smaller;line-height: 1.4;font-weight: normal;text-shadow: none;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}





 .course-sp-display{}
 .course-sp-display{}







.readmore-box .this-text{
  height: 84px;
  overflow: hidden;
}

.readmore-box .active{
height: auto;  transition: height 0.5s ease;
}

 .toggle_btn{
margin-top: 10px;
}

.toggle_btn.active .fas{
transform: rotate(180deg);
}

.time-key{/*color:#8b8b8b;*/} .time-value{text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}




 .img-view-file {height: 100%;display: block;vertical-align: top;box-sizing: border-box;position: relative;padding: 0;}
 /*.img-view-file img {position: absolute;top: 0;left: 0;width: 100%;height: auto !important;}*/
  .img-view-file img {width: 100%;}

/*
.false-layer{position:absolute;top:0;width:100%;height:100%;}
 .video-js :before,.vjs-control-bar {z-index:1;}
 */
 
 .action-bar-fixed-bottom .course-add-section .bar-have-no-option {text-align:right;}
  .action-bar-fixed-bottom .course-add-section .bar-have-no-option .launch-btn{float:none !important;}
 .action-bar-fixed-bottom .course-add-section .bar-have-no-option .btn-bottom-option{display:none;}
 .action-bar-fixed-bottom .course-add-section .bar-have-no-option .btn-bottom-option{display:none;}
 

  .btn-bottom-option {padding:0;vertical-align: middle;} 
  .btn-bottom-option button {background-color: unset;} 
        .btn-bottom-option .space-add-content {padding:7px 15px;text-align:left;}
		
		.btn-bottom-option .space-add-content .service-box {text-align:center;margin:5px;}
	  
	  
  .btn-bottom-option .btn {padding:0;}
 .btn-bottom-option .dropdown-menu{padding-top:0;overflow: hidden;}
 .btn-bottom-option .dropdown-menu i{font-size:x-large;} 
 .btn-bottom-option .dropdown-menu > li > a {font-size:inherit;padding:7px 15px;}
            .btn-bottom-option .icon-box .material-symbols-outlined {font-variation-settings:'FILL' 0,'wght' 700,'GRAD' 0,'opsz' 20;}
            .btn-bottom-option .dropdown-menu .title-bar {padding: 15px 10px;background-color: #686868;color:#f5f5f5;}
            .btn-bottom-option .dropdown-menu .option-head{padding-left:7px;}
            .btn-bottom-option .dropdown-menu .option-desc{font-size:small;line-height:1.2;text-shadow:none;}
			
			
			.card-plan-1 {
        text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
       
    }


/*buy-page, course view page-pricings*/
    .card-plan-1 .body {
        padding: 20px 30px;
    } .card-plan-1 .p-box{position: relative;}

    .card-plan-1 .plan-type {
        margin-bottom: 10px;
    }
    .card-plan-1 .plan-type .plan-name{
        font-size: large;
    }

    .card-plan-1 .price-box .price {
        line-height: 1.2;
        letter-spacing: -.02rem;
        font-size: x-large;
    }

    .card-plan-1 .price-box .type {
        font-size: 85%;
    }

    .card-plan-1 .price-box .saving-line {
        color: #43a158;
        font-size: 85%;
    }

    .card-plan-1 .cmp-price {
        color: #a7a7a7;
        text-decoration: line-through;
        text-shadow: none;
        /*float: right;*/
        padding-right: 15px;
    }
    .card-plan-1 .act-btn{position:absolute;right:0;top:12px;}
	
	.content-card-1 {background: #fff;border-radius: 10px;overflow: hidden;position: relative;    transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);}
    .content-card-1 .file-type {position: absolute;top:15px;left:10px;}
    .content-card-1 .logo {height: 150px;overflow: hidden;}
    .content-card-1 .logo img {display: block;max-width: 100%;}
	
	.content-card-1 .adjust {padding: 20px 15px 10px 15px;}
	.content-card-1 .adjust .material-symbols-outlined {vertical-align: middle;}

    .content-card-1 .detail {margin-bottom:40px;text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}
    .content-card-1 .detail .name {font-size: medium;line-height: 1.2;margin-bottom:15px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .content-card-1 .detail .info {font-size: 85%;    padding-bottom: 25px;line-height: 1.4;}
	
	
    .content-card-1 .ico {position:absolute;bottom:20px;left:15px;}
	.content-card-1 .view-link{font-size: 85%;position:absolute;bottom:20px;right:15px;}
	.content-card-1:hover {    transform: scale(1.035, 1.035);    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);}
	


	/*my pack*/
	.pack-card-1 {
                        position: relative;
                        overflow: hidden;
                        border-radius: 10px;
                        background: #fff;
                      /*  border: 1px solid #e9e9e9;*/
                        display: grid;
                        grid-template-rows: 1fr;
                        transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
						box-shadow: rgba(0, 0, 0, 0.14) 0px 1px 2px, rgba(0, 0, 0, 0.12) 0px 0px 2px;
                    }
.pack-card-1 .material-symbols-outlined {
    vertical-align: middle;
}
                    .pack-card-1 .pack-detail {
                        margin: 20px;line-height: 1.8;
                    }
                    .pack-card-1 h3 {
                        color: initial;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: medium;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
                    }                  
                    .pack-card-1:hover {
                        transform: scale(1.035, 1.035);
                        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);
                    }               
                    .pack-card-1 .pack-price {
                        font-size: large;
                        text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
						margin-top:10px;
                    }
                    .pack-card-1 .cmp-price {
                        color: #ccc;
                        text-decoration: line-through;
                        text-shadow: none;
                    }                  
					.pack-card-1 .right-value {
                        float: right;
                    }
					.pack-card-1 .view-link {text-align:right;}
					
					
					.pack-card-2 {
                        position: relative;
                        overflow: hidden;
                        border-radius: 10px;
                        background: #fff;
                      /*  border: 1px solid #e9e9e9;*/
                        display: grid;
                        grid-template-rows: 1fr;
                        transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
						box-shadow: rgba(0, 0, 0, 0.14) 0px 1px 2px, rgba(0, 0, 0, 0.12) 0px 0px 2px;
                    }
.pack-card-2 .material-symbols-outlined {
    vertical-align: middle;
}
                    .pack-card-2 .pack-detail {
                        margin: 20px;line-height: 1.8;
                    }
                    .pack-card-2 h3 {
						color: initial;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: medium;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
                    }                  
                    .pack-card-2:hover {
                        transform: scale(1.035, 1.035);
                        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);
                    }               
                    .pack-card-2 .pack-price {
                        font-size: large;
                        text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
                    }
                    .pack-card-2 .cmp-price {
                        color: #ccc;
                        text-decoration: line-through;
                        text-shadow: none;
                    }                  
					.pack-card-2 .right-value {
                        float: right;
                    }
					.pack-card-2 .view-link {float: right;}
	
	
	.profile-quick-summary{line-height:2.0;}
	.profile-quick-summary .smry{display: flex;align-items: center;}
	.profile-quick-summary .smry .flag-icon {border-radius:4px;padding-left:15px;}
	.profile-quick-summary .icon-b{width:30px;text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);display:flex;}
	.profile-quick-summary .icon-b .material-symbols-outlined{font-size:17px;}
	.profile-quick-summary{}
	
	
	.hide-appointments, .hide-events, .hide-session-packages___, .hide_packs___, .hide_webinars, .hide_meetings, .hide_courses, .hide_experience, .hide_education, .hide-introduction-video {display:none !important;}


/*space-cards*/
.openclass-card-2 {
	position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #e9e9e9;
    display: grid;
    grid-template-rows: 1fr;
    transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
	}	
.openclass-card-2:hover{
		    transform: scale(1.035, 1.035);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);
	}
	.openclass-card-2 .material-symbols-outlined {
    vertical-align: middle;
}
	.openclass-card-2 .detail{margin: 20px 20px 20px 20px;}
	.openclass-card-2 h3 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: medium;
    line-height: 1.2;
}

.openclass-card-2 .price-starts {
    font-size: 85%;
    color: #ccc;
    margin-top: 15px;
}

.openclass-card-2 .price {
    font-size: x-large;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	margin-top: 0px;
}

.openclass-card-2 .cmp-price {
    color: #ccc;
    text-decoration: line-through;
    text-shadow: none;
   /* float: right;*/
    padding-right: 15px;
}


.openclass-card-1 {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #e9e9e9;
    display: grid;
    grid-template-rows: 1fr;
    transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.openclass-card-1 .material-symbols-outlined {
    vertical-align: middle;
}
.openclass-card-1 .image {
    height: 126px;
}

.openclass-card-1 .detail {
    margin: 20px 20px 20px 20px;
}

.openclass-card-1 h3 {
    color: initial !important;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: medium;
    line-height: 1.2;

}

.openclass-card-1 p {

    font-weight: 400;

    align-self: end;
    margin: 0 0 20px 20px;
    letter-spacing: 0.5px;
}

.openclass-card-1:hover {
    transform: scale(1.035, 1.035);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);
}


.openclass-card-1 .type {
    font-size: 85%;
    color: #ccc;
}

.openclass-card-1 .time {
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    font-size: 85%;
    margin-top: 5px;
}

.openclass-card-1 .price-starts {
    font-size: 85%;
    color: #ccc;
    margin-top: 15px;
}

.openclass-card-1 .price {
    font-size: x-large;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	margin-top: 0px;
}

.openclass-card-1 .cmp-price {
    color: #ccc;
    text-decoration: line-through;
    text-shadow: none;
   /* float: right;*/
    padding-right: 15px;
}

.openclass-card-1 .rating {
    font-size: 85%;
    float: right;
    padding-right: 15px;
}

.openclass-card-1 .rating .m-icon-aligned {
    font-size: 20px;
    padding-right: 0;
}
.openclass-card-1 .view-link {float: right;}





.prominent-checkout {
    padding: 10px;
    margin: 2px 4px;
    border-radius: 10px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    /* box-shadow: 0 1px 2px rgb(0 0 0 / 20%); */
	    background-color: cornsilk;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
	}




/*  original radiobox css */
 /*radio options in box*/

    .radiobox-group {
        display: flex;
        /*  flex-wrap: wrap; */
        justify-content: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        margin-bottom: 20px;
    }

    .radiobox-group .radiobox {
        margin: 4px;
        width: 100%;
        /*max-width: 136px;*/
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 0;
    }

    /*
    #delivery_how .radiobox-group .radiobox .radiobox-icon {
    position: absolute;
        left: 60px;
        top: 7px
    }
    */
    .radiobox-group .radiobox-disabled:hover {
        background: #f2f2f2;
    }

    .radiobox-group .radiobox label {
        display: initial;
		font-weight:normal;
    }

    .radiobox-input {
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(100%);
        clip-path: inset(100%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }

    .radiobox-input:checked + .radiobox-title {
        /*border-color: #0D91FB80;*/
        border: 2px solid #000000;
		    color: initial;
        /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);*/
    }

    .radiobox-input:checked + .radiobox-title:before {
        transform: scale(1);
        opacity: 1;
        background-color: #e3e3e3; /*#0D91FBFF; */
        border-color: #ffffff;
    }

    .radiobox-input:checked + .radiobox-title .radiobox-icon, .radiobox-input:checked + .radiobox-title .radiobox-label {
      /*  color: #000000;*/
    }

    .radiobox-input:focus + .radiobox-title {
        /*border-color: #0D91FBFF;*/
        border: 2px solid #000000;
        /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 0 0 4px #0D91FB33;*/

    }

    .radiobox-input:focus + .radiobox-title:before {
        transform: scale(1);
        opacity: 1;
    }

    .radiobox-title {
        display: flex;
        flex-direction: column;
        align-items: center;
        /*  justify-content: center;*/
        /*padding: 10px;*/

        /*    padding: 10px 10px 10px 35px;*/
        /* padding: 10px 2px 10px 2px;*/
        padding: 15px 10px 15px 10px;
        /*    width: 100%; */
        height: 100%;
        border-radius: 1rem;
        border: 2px solid #EFEEEE;
        /*background-color: #f5f5f5;*/
        background-color: #ffffff;
        /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);*/
        transition: 0.15s ease;
        cursor: pointer;
        position: relative;

    }

    .radiobox-title:before {
        content: "";
        position: absolute;
        display: block;
        width: 2rem;
        height: 2rem;
        border: 1px solid #ebebeb;
        background-color: #fff;
        border-radius: 50%;
        top: 0.25rem;
        left: 0.25rem;
        opacity: 1;
        /*transform: scale(0);*/
        transition: 0.25s ease;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
        background-size: 12px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
.radiobox-title .radiobox-label{text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}
.radiobox-group .disabled {
       color: #cccccc;    text-shadow: none !important;
    }
.radiobox-group .disabled .radiobox-title{
       border: 2px solid #F3F3F3;
    }
/*pricebox*/



.radiobox-group .pricebox .radiobox-title, .radiobox-group .pick-from .radiobox-title {
    flex-direction: column;
    align-items: inherit;
    justify-content: flex-start;
    padding-left: 50px;
}

.radiobox-group .pricebox .radiobox-title .saving-line {
    color: #43a158;
}

.radiobox-group .pricebox .radiobox-title .saving-line .cmp-price {
    color: #a7a7a7;
    text-decoration: line-through;
    text-shadow: none;
    padding-right: 15px;
}

.radiobox-group .pick-from .radiobox-title .small {
    margin-top: 5px;
}
.radiobox-group .pick-from .radiobox-title .rate-box{
    font-size: medium;
    font-weight: normal;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    position: absolute;
    right: 10px;
}
/* original radiobox css ended */






















/* object-all-pricing for internal pages*/	
 .object-all-pricing .p-box{position:relative;}
 .object-all-pricing .plan-type {
        margin-bottom: 10px; text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    }
    .object-all-pricing .plan-type .plan-name{

    }

    .object-all-pricing .price-box .price {
        line-height: 1.2;
        letter-spacing: -.02rem;
    }
    .object-all-pricing .price-box .saving-line {
        color: #43a158;
        font-size: 85%;
    }

    .object-all-pricing .cmp-price {
        color: #a7a7a7;
        text-decoration: line-through;
        text-shadow: none;
        /*float: right;*/
        padding-right: 15px;
    }
    .object-all-pricing .act-btn{position:absolute;right:0;top:12px;}

	
	
	
	.learner-course-sch {position:relative;padding:10px 0;}
	.learner-course-sch .connect-line{width:40px;height: 1px;background: #c7c3c3;margin: 15px 0;display: block;}
	.learner-course-sch .cal-sync-bar{display:none;}
	.learner-course-sch .time-info {display: flex;align-items: center;}
	.learner-course-sch .time-info .time-duration{padding-left:10px;}
	.learner-course-sch .info{position:absolute;left:180px;}
	.learner-course-sch .info .material-symbols-outlined{font-size:46px;}
	.learner-course-sch .info .sch-title{font-size:medium;}
.learner-course-sch .info .time-duration{display:none;}
	.learner-course-sch .act-btn{text-align:right;position:absolute;right:0;}
	.learner-course-sch .act-btn .timer-info {text-align:right;font-size:small;padding-top:5px;}
	
	
	    .parent-for-center-x {
        display: flex;
        align-items: center;
        justify-content: center;
        /*height: 100vh; !* 100% of the viewport height *!*/
    }

    .child-for-center-x {
        /* Additional styling for demonstration purposes */
        /*background-color: #f0f0f0;*/
		width:100%;
        padding: 30px;
    }
	
	

/*media screen*/
@media (min-width: 320px) and (max-width: 419px) {
   .learner-course-sch .connect-line{width:10px;height: 1px;background: #c7c3c3;margin: 15px 0;display: block;}
	.learner-course-sch .cal-sync-bar{display:none;}

	.learner-course-sch .time-info .time-duration{display:none;}
	.learner-course-sch .info{position:absolute;left:75px;}
	.learner-course-sch .info .material-symbols-outlined{font-size:46px;display:none;}
	.learner-course-sch .info .sch-title{font-size:small;}
	
	.learner-course-sch .info .time-duration{}
	
	.learner-course-sch .status{display:none;}
	.learner-course-sch .act-btn{text-align:right;position:absolute;right:0;}
	.learner-course-sch .act-btn .timer-info {display:none;}
}

@media (min-width: 420px) and (max-width: 767px) {
.learner-course-sch .connect-line{width:10px;height: 1px;background: #c7c3c3;margin: 15px 0;display: block;}
	.learner-course-sch .cal-sync-bar{display:none;}

	.learner-course-sch .time-info .time-duration{display:none;}
	.learner-course-sch .info{position:absolute;left:70px;}
	.learner-course-sch .info .material-symbols-outlined{font-size:44px;}
	.learner-course-sch .info .sch-title{font-size:small;}
	.learner-course-sch .status{display:none;}
	.learner-course-sch .act-btn{text-align:right;position:absolute;right:0;}
	.learner-course-sch .act-btn .timer-info {display:none;}
}
@media (min-width: 768px) and (max-width: 1024px) {
    .learner-course-sch .connect-line{width:40px;height: 1px;background: #c7c3c3;margin: 15px 0;display: block;}
	.learner-course-sch .cal-sync-bar{display:none;}
	.learner-course-sch .info .time-duration{display:none;}
	.learner-course-sch .info{position:absolute;left:180px;}
	.learner-course-sch .info .material-symbols-outlined{font-size:46px;}
	.learner-course-sch .info .sch-title{font-size:medium;}

	.learner-course-sch .act-btn{text-align:right;position:absolute;right:0;}
	
}

@media (min-width: 1024px) and (max-width: 1369px) {
   
}

@media screen and (min-width: 1370px) {
   
}




/*for side cart*/
.side-cart .records::-webkit-scrollbar{scrollbar-width:thin;width:12px;height:8px}.side-cart .records::-webkit-scrollbar-track{background-color:#fafafa;border-radius:100px}.side-cart .records::-webkit-scrollbar-thumb{background-color:#b9b9b9;border-radius:100px}
/*for space*/
.hide_aadhar,.hide_about,.hide_actionbtn,.hide_address,.hide_agegroup,.hide_appointments,.hide_attendance_rate,.hide_banner,.hide_bg_verify,.hide_bookmark_profile,.hide_call,.hide_category,.hide_certification,.hide_chat,.hide_compare_price,.hide_completed_lessons,.hide_contact_instructor,.hide_country,.hide_courses,.hide_demo_sessions,.hide_description,.hide_discussion,.hide_download_profile,.hide_duration,.hide_education,.hide_education_certificate,.hide_education_certificate_view,.hide_email_address,.hide_embed_share,.hide_events,.hide_experience,.hide_experience_certificate,.hide_experience_certificate_view,.hide_facebook_share,.hide_faq,.hide_faqs,.hide_features,.hide_gender,.hide_headline,.hide_highlight,.hide_host_details,.hide_instances,.hide_staff,.hide_introduction,.hide_introduction_video,.hide_language_instruction,.hide_levels,.hide_linkedin_profile_url,.hide_linkedin_share,.hide_logo,.hide_meetings,.hide_mobile,.hide_nationality,.hide_occupation,.hide_openclasses,.hide_others,.hide_overall_rating,.hide_packs,.hide_price,.hide_profile_picture,.hide_recurring,.hide_response_rate,.hide_reviews,.hide_satisfied_lessons,.hide_schedule,.hide_share_profile,.hide_speak,.hide_specialities,.hide_ssn_no,.hide_starttime,.hide_subjects,.hide_subtitle,.hide_support_detail,.hide_support_number,.hide_teaching_status,.hide_timezone,.hide_title,.hide_twitter_share,.hide_type,.hide_view_availability,.hide_voter_card,.hide_webinars,.hide_whatsapp{display:none}



.social-login-btn {
            display: inline-block;
            margin: 7px 0;

            border-radius: 4px;
			border:none;
            text-decoration: none;
            width: 100%;
			position:relative;
			border-radius: 21px;
        }
		.social-login-btn .slogo-box {
    width: 50px;
    position: absolute;
    top: 2px;
    left: 0px;
    bottom: 0;
    padding: 8px;
	border:none;
	border-top-left-radius: 21px;
	border-bottom-left-radius: 21px;
        }
		.social-login-btn .btn-txt {
			padding: 10px 20px;    padding: 10px 20px 10px 65px;text-align: left;text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
		}
		.social-login-btn .facebook {
            color: #fff;background-color: #3b5998;
		}
        .social-login-btn .google {
            color: #fff;background-color: #db4437;
        }
        .social-login-btn .linkedin {
            color: #fff;background-color: #0077b5;
        }
       .social-login-btn .twitter {
            background-color: #1da1f2;
        }
		.social-login-btn.x {
           color: #fff;background-color: #000000;
        }
		
		
		.help-sidebar{width:1080px;}
		
		.service-output{width:80%;background-color:#fff;border:1px solid #ccc;border-radius: 10px;padding:20px;font-family: Menlo, Monaco, Consolas, "Courier New", monospace;line-height:1.8;margin-top:20px;margin-left:auto;margin-right:auto;}
.service-output .table {width:inherit;}
		.service-output .table tbody tr td, .table tbody tr th {font-family: Menlo, Monaco, Consolas, "Courier New", monospace;}
		.service-output .table-bordered tbody tr td, .service-output .table-bordered tbody tr th {padding: 5px 10px;border: 1px solid #cdc5c5;}