@font-face {
  font-family: "Aileron-Bold";
  src: url("../Aileron-Bold/Aileron-Bold.eot");
  src: url("../Aileron-Bold/Aileron-Bold.eot?#iefix") format("embedded-opentype"),
    url("../Aileron-Bold/Aileron-Bold.otf") format("opentype"),
    url("../Aileron-Bold/Aileron-Bold.svg") format("svg"),
    url("../Aileron-Bold/Aileron-Bold.ttf") format("truetype"),
    url("../Aileron-Bold/Aileron-Bold.woff") format("woff"),
    url("../Aileron-Bold/Aileron-Bold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

body {background-image: url(../images/body-bg.png); background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; font-family: 'Montserrat', sans-serif; font-weight: normal;}
.login-inner {max-width: 36%; margin: 25px auto; width: 100%; padding: 45px 25px; background: rgba(138, 135, 133, 0.5); border-radius: 30px; }
.login-logo {text-align: center; margin: 0 0 50px; }
.form-group .form-control {display: block; width: 100%; height: 55px; padding: 0 0.75rem; font-size: 1rem; line-height: 55px; color: #000000; background-color: #dae9f7; background-clip: padding-box; border: none; border-radius: 5px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; outline: none; font-family: 'Montserrat', sans-serif; }
.form-group textarea.form-control { line-height: 25px;padding: 0.75rem;height: 100px; }
.form-group .form-control:focus {color: #000; background-color: #c8e1f7; border-color: transparent; outline: 0; box-shadow: none; }
.form-control::-webkit-input-placeholder {color: #000;}
.form-control:-moz-placeholder {color:#000;opacity:  1;}
.form-control::-moz-placeholder {color:#000;opacity:  1;}
.form-control:-ms-input-placeholder {color:#000;}
.form-control::-ms-input-placeholder {color:#000;}
.form-control::placeholder {color:#000;}
.m-b-10 { margin-bottom: 10px; }
.m-b-20 { margin-bottom: 20px; }
.m-b-30 { margin-bottom: 30px; }
.m-b-40 { margin-bottom: 40px; }
.m-b-50 { margin-bottom: 50px; }
.m-t-10 { margin-top: 10px; }
.m-t-20 { margin-top: 20px; }
.m-t-30 { margin-top: 30px; }
.m-t-40 { margin-top: 40px; }
.m-t-10 { margin-top: 50px; }

.custom-control-label {position: relative; margin-bottom: 0; color: #dad2c9; font-size: 12px; line-height: 25px; font-family: 'Montserrat', sans-serif; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {background-color: #97857d; }
.custom-control-input:checked ~ .custom-control-label::before {background-color: #97857d; }
.custom-checkbox .custom-control-label::before {border-radius: 4px; }
.custom-control-label::before {background-color: #97857d; border-radius: 4px; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {background-color: #97857d; }
.custom-control-label::after {border-radius: 4px; }
.custom-control-input:focus ~ .custom-control-label::before { box-shadow: none; }
a.frgt-pass {color: #dad2c9; font-size: 12px; font-family: 'Montserrat', sans-serif; border-bottom: 1px solid #fff; line-height: 15px; text-decoration: none; }
button.submit-btn {line-height: 75px; padding: 0; border: none; width: 100%; font-family: 'Montserrat', sans-serif; border-radius: 15px; font-size: 26px; color: #000; background: #dad2c9;cursor: pointer; outline: none;}
.admn-inner-width {width: 100%; background: rgba(138, 135, 133, 0.3);padding: 25px;border-radius: 15px; position: relative; min-height: 350px;}
label.admn_label {/*color: #fff;*/ font-weight: 600; line-height: 17px; font-size: 16px; font-family: 'Montserrat'; }
.form-group input[type="submit"] {padding: 0; border: none; background: #434242; width: 200px; line-height: 45px; border-radius: 10px; color: #fff; font-weight: 600; font-size: 23px; cursor: pointer; outline: none; font-family: 'Montserrat'; }
span.form-control-feedback {color: red; font-size: 18px; line-height: 20px; font-family: 'Montserrat'; }
#wrapper {height: 100%; width: 100%; }
.side-menu {width: 320px; z-index: 10; background: transparent; bottom: 0; margin-top: 0; padding-bottom: 0; position: fixed; top: 0; padding-left: 0; }
.content-page {padding-left: 320px; min-height: calc(100vh - 30vh); margin: 0 auto 0; position: relative;}
.side-menu-inner {background: #181515; max-width: 250px; padding: 30px 60px 45px; border-radius: 50px; overflow-y: auto; }
.side-menu-inner::-webkit-scrollbar {width: 7px; }
.side-menu-inner::-webkit-scrollbar-track {background-color: #23201f; -webkit-border-radius: 3px; border-radius: 3px; }
.side-menu-inner::-webkit-scrollbar-thumb {-webkit-border-radius: 3px; border-radius: 3px; background: #4e3412; }
.mn-icn {background: #434242; width: 65px; height: 65px; text-align: center; margin: 0 auto 5px; border-radius: 10px; padding: 17px; }
.sd-menu-lg {text-align: center; margin-bottom: 50px; }
.sd-menu-lg img {width: 100%; }
.sd-menu-lg a img {border-radius: 1.5rem;}
.sd-menu-lnk {margin-bottom: 30px; }
.sd-menu-lnk a {text-decoration: none; display: inline-block; width: 100%; height: 100%; }
.mn-icn img {width: 100%; }
.sd-menu-lnk span {color: #fff; text-align: center; display: block; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 20px; }
.sd-menu-lnk .mn-icn h6 {line-height: 110px; color: #fff; font-size: 90px; font-family: 'Montserrat', sans-serif; }
.sd-menu-img {text-align: center; width: 70px; height: 70px; margin: 0 auto; border-radius: 50%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.sd-menu-pro h6 {font-family: 'Montserrat', sans-serif; font-size: 16px; color: #fff; line-height: 15px; margin: 0; text-align: center; }
.sd-menu-pro h6 span {color: #fedb8d; word-wrap: break-word;}
.sd-menu-pro {position: relative; }
.sd-menu-pro a span {opacity: 0; color: #fff; left: 50%; position: absolute; transform: translate(-50%, -50%); display: inline-block; top: 50%; font-size: 14px; font-weight: bold; width: 100%; text-align: center; opacity: 1;}
.dash-row1 {border-bottom: 1px solid #707070; margin-bottom: 30px; }
.dash-row1-left {float: left; width: 73.5%; }
.dash-row1-left:after {clear: both; display: block; content: ""; }
.dash-row1-right {float: left; width: 26.5%; background: rgba(138, 135, 133, 0.5); border-radius: 15px; padding: 30px 20px; min-height: 493px; }
.dashboard-inner {padding-top: 20px; }
.dashrw1-col {float: left; width: 29%; margin-right: 4.33%; background: rgba(138, 135, 133, 0.5); margin-bottom: 35px; text-align: center; height: 230px; padding: 65px 35px 35px; border-radius: 15px; }

.dashrw-col {background: rgba(138, 135, 133, 0.5); margin-bottom: 35px; text-align: center; height: 230px; padding: 65px 15px 15px; border-radius: 15px;}
.dashrw-col a p {font-size: 16px; font-family: 'Montserrat', sans-serif; line-height: 25px; color: #fedb8d; margin: 0; }
.dashrw-col a {text-decoration: none !important; display: inline-block; width: 100%; height: 100%; }

.ds-col-img {margin-bottom: 15px; height: 90px; }
.ds-col-img img { height: 100%; }
.dashrw1-col a p {font-size: 22px; font-family: 'Montserrat', sans-serif; line-height: 25px; color: #fedb8d; margin: 0; }
.dashrw1-col a {text-decoration: none !important; display: inline-block; width: 100%; height: 100%; }
.dash-row1-right h3 {font-size: 20px; line-height: 25px; font-family: 'Montserrat', sans-serif; color: #fedb8d; text-align: center; }
.dash-row2 {text-align: right; margin-bottom: 75px; }
.tgl-btn {text-align: right; display: inline-block; }
.tgl-btn label {display: block; width: 170px; height: 60px; border-radius: 40px; background: #dcddde; position: relative; margin: 0; }
.tgl-btn label input {display: none; }
.tgl-btn label div {display: block; width: 150px; height: 40px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #8cc63f; border-radius: 20px; }
.tgl-btn label div:after {content: ""; position: absolute; display: block; height: 40px; width: 150px; left: 0; top: 0; border-radius: 23px; background: #8cc63f; transition: 0.2s; }
.tgl-btn label i {display: block; width: 75px; height: 40px; position: absolute; background: #f1f2f2; border-radius: 20px; top: 10px; left: 10px; transition: 0.25s; }
.tgl-btn label i:after {content: ""; position: absolute; display: block; width: 75px; height: 40px; left: 0; top: 0; border-radius: 20px; background: #f1f2f2; z-index: 1; }
.tgl-btn label input:checked ~ i {top: 10px; left: 85px; }
.tgl-btn label input:checked + div:after {background: #000; }
.tgl-btn label:after {content: ""; position: absolute; display: block; width: 175px; height: 60px; border-radius: 42px; top: 0; left: 0; z-index: -1; }
.tgl-btn label:hover {cursor: pointer; }
.tgl-btn label:focus, label:active {outline: 0; }
.tgl-btn .on, .tgl-btn .off {text-transform: capitalize; position: absolute; left: 17px;  top: 50%; transform: translateY(-50%); font-size: 13px; font-weight: 600; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; letter-spacing: 1px; transition: 0.25s; color: #f7f7f8; }
.tgl-btn .on {color: #f7f7f8; }
.tgl-btn .off {left: initial; right: 15px; font-size: 12px;}


.tgl-btn-note {display: inline-block; }
.tgl-btn-note label {display: block; width: 170px; height: 50px; border-radius: 25px; background: #666; position: relative; margin: 0; }
.tgl-btn-note label input {display: none; }
.tgl-btn-note label div {display: block; width: 150px; height: 30px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #8cc63f; border-radius: 15px; }
.tgl-btn-note label div:after {content: ""; position: absolute; display: block; height: 30px; width: 150px; left: 0; top: 0; border-radius: 15px; background: #8cc63f; transition: 0.2s; }
.tgl-btn-note label i {display: block; width: 75px; height: 30px; position: absolute; background: #f1f2f2; border-radius: 15px; top: 10px; left: 10px; transition: 0.25s; }
.tgl-btn-note label i:after {content: ""; position: absolute; display: block; width: 75px; height: 30px; left: 0; top: 0; border-radius: 15px; background: #f1f2f2; z-index: 1; }
.tgl-btn-note label input:checked ~ i {top: 10px; left: 85px; }
.tgl-btn-note label input:checked + div:after {background: #000; }
.tgl-btn-note label:after {content: ""; position: absolute; display: block; width: 175px; height: 50px; border-radius: 25px; top: 0; left: 0; z-index: -1; }
.tgl-btn-note label:hover {cursor: pointer; }
.tgl-btn-note label:focus, label:active {outline: 0; }
.tgl-btn-note .on, .tgl-btn-note .off {text-transform: capitalize; position: absolute; left: 17px; top: 50%; transform: translateY(-50%); font-size: 13px; font-weight: 600; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; letter-spacing: 1px; transition: 0.25s; color: #f7f7f8; }
.tgl-btn-note .on {color: #f7f7f8; }
.tgl-btn-note .off {left: initial; right: 15px; }


@keyframes fadein {
	 0% {
		 opacity: 0;
	}
	 40% {
		 opacity: 0;
	}
	 80% {
		 opacity: 1;
	}
	 100% {
		 opacity: 1;
	}
}
.chart {position: relative; left: 50%; transform: translateX(-50%); width: 140px; }
.chart__caption {display: flex; justify-content: center; flex-direction: column; margin-left: 30px; letter-spacing: 0.4px; font-size: 36px; line-height: 56px; height: 100%; width: calc(80px + 160px); font-family: "Montserrat", sans-serif; color: #01713c; }
.chart span {font-size: 15px; line-height: 17px; font-family: "Montserrat", sans-serif; color: #346; display: inline-block;}
.chart__value {display: grid; position: absolute; top: 50%; left: 0; height: 150px; width: 150px; animation: fadein 1400ms; transform: translateY(-50%); }
.chart__value p {font-size: 15px; margin: auto; font-family: "Montserrat", sans-serif; color: #808285; }
.dash-row3-left {float: left; width: 71%; margin-right: 3.33%; background: rgba(138, 135, 133, 0.5); padding: 30px 70px; border-radius: 115px; }
.dash-row3-right {float: left; width: 25.67%;}
.dashrw3-col h5 {font-size: 16px; line-height: 18px; font-family: 'Montserrat', sans-serif; margin: 0; }
.dashrw3-col {float: left; width: 33.33%; text-align: center; }
.dashrw3-col-call {float: left; width: 24%; text-align: right; margin-left: 4%; }
.dashrw3-col-call-inner {background: rgba(128, 128, 128, 0.5); width: 105px; text-align: center; height: 105px; padding-top: 18px; border-radius: 13px; margin-left: 50px; margin-top: 10px; }
.dashrw3-col-call-inner h6 {margin: 5px 0 0 0; font-family: 'Montserrat'; color: #fff; font-size: 21px; line-height: 23px; }
.dash-row3-right h3 {color: #fedb8d; font-size: 22px; line-height: 24px; font-family: 'Montserrat'; margin: 0 0 15px; }
.dsrw2-spus-col1 h4 {color: #fff; font-size: 16px; font-family: 'Montserrat'; line-height: 18px; margin: 0; }
.dsrw2-spus-col1 p {font-size: 10px; line-height: 12px; color: #707070; font-family: 'Montserrat'; margin: 0; }
.line-chart {background: #272626; height: 9px; border-radius: 5px; width: 100%; }
.line-chart-pr {height: 9px; background: #fbe526; border-radius: 5px; }
.dsrw2-spus-col2 p {font-size: 10px; color: #707070; line-height: 12px; margin: 0; font-family: 'Montserrat'; }
.dsrw2-spus {margin: 0 0 25px; }
.dsrw2-spus-col1 {float: left; /*width: 48%;*/ }
.dsrw2-spus-col2 {float: right; /*float: left; width: 41%; margin-right: 3%; padding-top: 6px;*/ }
.dsrw2-spus-col3 {float: left; width: 8%; }
.dsrw2-spus:last-child {margin: 0; }
.dsrw2-spus-col2 .dropdown-menu.show {left: auto !important; right: -40px; }
.dsrw2-spus-col2 .dropdown-toggle::after { display: none; }
.tcr-rw-left {float: left; }
.teacher-rw-right {float: right; }
.tcr-rw-left-name {display: inline-block; font-size: 22px; line-height: 24px; color: #fedb8d; font-family: 'Montserrat'; }
.tcr-rw-left-img {display: inline-block; }
.teacher-rw1 {margin-bottom: 20px; }
.teacher-main .dash-row3-left {border-radius: 15px; padding: 20px 50px; }
.teacher-main .dsrw2-spus-col1 {width: 35%; }
.teacher-main .dsrw2-spus-col2 {width: 40%; margin-right: 6%; }
.teacher-main .dsrw2-spus-col3 {float: left; width: 19%; }
.dsrw2-spus-col3 a {padding: 0 3px; }
.tchr-right-rw1-lft {float: left; width: 45%; }
.dash-row1-right .tchr-right-rw1-lft h3 {text-align: left; margin: 0; }
.tchr-right-rw1-rgt {float: left; width: 55%; }
.tchr-right-rw1-rgt input[type="text"] {width: 100%; font-size: 12px; line-height: 27px; color: #292726; padding: 0 0 0 25px; border: none; border-radius: 5px; }
.tchr-right-rw1-rgt input[type="text"]::-webkit-input-placeholder {color: #292726;}
.tchr-right-rw1-rgt input[type="text"]:-moz-placeholder {color:#292726;opacity:  1;}
.tchr-right-rw1-rgt input[type="text"]::-moz-placeholder {color:#292726;opacity:  1;}
.tchr-right-rw1-rgt input[type="text"]:-ms-input-placeholder {color:#292726;}
.tchr-right-rw1-rgt input[type="text"]::-ms-input-placeholder {color:#292726;}
.tchr-right-rw1-rgt input[type="text"]::placeholder {color:#292726;}

.tchr-dsrw1-right-rw1 {margin: 0 0 25px; }
.tchr-rw2-hdr-lft {float: left; width: 60%; font-size: 11px; line-height: 15px; color: #fff; font-family: 'Montserrat'; }
.tchr-rw2-hdr-rgt {float: left; width: 40%; font-size: 11px; line-height: 15px; color: #fff; text-align: center; font-family: 'Montserrat'; }
.tchr-right-rw2-hdr {margin: 0 0 25px; }
.tchr-right-rw2-lft {float: left; width: 60%; }
.tchr-right-rw2-lft h5 {font-size: 16px; line-height: 18px; color: #fff; margin: 0; font-family: 'Montserrat'; }
.tchr-right-rw2-lft h6 {font-size: 10px; line-height: 12px; margin: 0; color: #fff; font-family: 'Montserrat'; }
.tchr-right-rw2-rgt {float: left; width: 40%; text-align: right; }
.Complct-cls {font-size: 10px; line-height: 30px; text-align: right; font-family: 'Montserrat'; color: #fff; position: relative; display: inline-block; }
.Complct-cls:after {position: absolute; top: 50%; left: -10px; transform: translate(-50%, -50%); content: ""; width: 10px; height: 10px; background: #88e26f; border-radius: 50%; }
.tchr-cnt-row {margin-bottom: 15px; }
.tchr-cnt-row:last-child {margin-bottom: 0; }
.Prgrsd-cls {font-size: 10px; line-height: 30px; text-align: right; font-family: 'Montserrat'; color: #fff; position: relative; display: inline-block; }
.Prgrsd-cls:after {position: absolute; top: 50%; left: -10px; transform: translate(-50%, -50%); content: ""; width: 10px; height: 10px; background: #f7921e; border-radius: 50%; }

.student-panel-row1 {max-width: 91%; }
.sdntrw1-left {float: left; width: 71.5%; margin-right: 3%; }
.sdntrw1-right {float: left; width: 25.5%; }
.sdntrw1-right-inner h6 {color: #525151; font-size: 16px; line-height: 18px; margin: 0; font-family: 'Montserrat'; }
.sdntrw1-right h6 {font-size: 14px; line-height: 16px; margin: 0 0 5px; color: #525151; font-family: 'Montserrat'; }
.sdntrw1-list {background: rgba(138, 135, 133, 0.5); padding: 0 7px 0 7px; height: 565px; overflow-y: scroll; }
.question-list {font-size: 13px; line-height: 28px; color: #fff; font-family: 'Aileron-Bold'; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sdntrw1-list::-webkit-scrollbar {width: 7px; }
.sdntrw1-list::-webkit-scrollbar-track {background-color: #23201f; -webkit-border-radius: 3px; border-radius: 3px; }
.sdntrw1-list::-webkit-scrollbar-thumb {-webkit-border-radius: 3px; border-radius: 3px; background: #dad2c9; }
.sdntrw1-tp-ttl {width: 71.5%; margin-top: 10px; }
.sdntrw1-tp-ttl h2 {font-size: 34px; color: #fff; line-height: 40px; font-family: 'Aileron-Bold'; margin: 0 0 5px; }
.sdntrw1-tp-ttl h4 {margin: 0 0 6px; color: #858585; font-size: 19px; line-height: 30px; font-family: 'Aileron-Bold'; }
.sdntrw1-left-slider .owl-nav {margin-top: 0; position: relative; bottom: 106px; width: 100%; }
.owl-theme .owl-nav [class*=owl-]:hover {background: none; color: #FFF; text-decoration: none; }
.sdntrw1-left-slider .owl-nav button.owl-prev {position: absolute; left: 0; }
.sdntrw1-left-slider .owl-nav button.owl-next {position: absolute; right: 0; }
.student-panel-row2 {width: 91%; margin-top: 15px; }
.sdntrw2-col {float: left; width: 25%; padding: 0 5px; margin: 0 0 10px; }
.sdntrw2-col input[type="text"] {line-height: 75px; height: 75px; padding: 0 10px; border: none; box-shadow: none; margin: 0; }
.sdntrw2-col input[type="text"] {line-height: 75px; height: 75px; padding: 0 10px; border: 4px solid #4e3412; box-shadow: none; margin: 0; width: 100%; background: rgba(138, 135, 133, 0.5); }
.student-panel-row2:after {clear: both; display: block; content: ""; }

/* Message Style */
.container {max-width: 90vw; width: 100%; margin: 0 auto; padding-right: 15px; padding-left: 15px; }
.messageContainer {padding-bottom: 20px !important;}
.msg-inner:after {clear: both; display: block; content: ""; }
.msg-left {float: left; width: 35.5%; margin-right: 2%; background: rgba(138, 135, 133, 0.3); border-radius: 25px; overflow: hidden; }
.msg-lft-src {padding: 45px 20px; border-bottom: 1px solid rgba(0,0,0,0.5); }
.msg-right {float: left; width: 62.5%; }
.frm-inpt input[type="text"] {width: 100%; border: none; padding: 0 60px 0 20px; line-height: 40px; box-shadow: none; background: rgba(0,0,0,0.2); height: 40px; border-radius: 20px; font-family: 'Montserrat'; font-size: 17px; color: #ffffff; outline: none;}
.frm-inpt input[type="text"]::-webkit-input-placeholder {color: #fff;}
.frm-inpt input[type="text"]:-moz-placeholder {color:#fff;opacity:  1;}
.frm-inpt input[type="text"]::-moz-placeholder {color:#fff;opacity:  1;}
.frm-inpt input[type="text"]:-ms-input-placeholder {color:#fff;}
.frm-inpt input[type="text"]::-ms-input-placeholder {color:#fff;}
.frm-inpt input[type="text"]::placeholder {color:#fff;}
.msg-src-frm {position: relative; }
.frm-sbmt-btn {position: absolute; top: 0; right: 10px; }
.frm-sbmt-btn button {border: none; box-shadow: none; background: no-repeat; font-size: 25px; line-height: 40px; color: #fff; padding: 0 8px; }
.msgcntc-row {padding: 20px; border-bottom: 1px solid rgba(0,0,0,0.5); }
.msgcntc-row:last-child { border-bottom: none; }
.msgcntc-pro {float: left; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }
.msgcntc-pro img {width: 100%; height: 100%; object-fit: cover;}
.msgcntc-name {float: left; width: 70%; padding-left: 10px; padding-top: 17px; }
.msgcntc-name h5 {color: #fff; margin: 0; font-size: 16px; line-height: 20px; font-family: 'Montserrat'; }
.msgcntc-name p.msg-unread {font-size: 17px; line-height: 20px; margin: 0; color: #fff; font-family: 'Montserrat'; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.msgcntc-tmcnt {float: left; width: 16%; text-align: center; padding-top: 17px; }
.msg-time {font-size: 10px; line-height: 15px; margin: 0 0 5px; color: #fedb8d; font-family: 'Montserrat'; }
.msg-count {background: #fedb8d; color: #fff; padding: 5px 9px; border-radius: 50%; display: inline-block; font-size: 10px; line-height: 15px; }
.msgcntc-row:after {clear: both; display: block; content: ""; }
.msgcntc-name p.msg-read {font-size: 10px; line-height: 20px; margin: 0; color: #6f6f6f; font-family: 'Montserrat'; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.msg-lft-optn {background: rgba(138, 135, 133, 0.3); padding: 27px 50px; }
.msgoptn-col {float: left; width: 33.33%; }
.msgoptn-col img {width: 35px; height: 35px; }
.msg-lft-contact {height: 740px; overflow-y: scroll; }
.msg-lft-contact::-webkit-scrollbar {width: 7px; }
.msg-lft-contact::-webkit-scrollbar-track {background-color: #23201f; -webkit-border-radius: 3px; border-radius: 3px; }
.msg-lft-contact::-webkit-scrollbar-thumb {-webkit-border-radius: 3px; border-radius: 3px; background: #fff; }
.msgcntc-row.open-chat {background: rgba(0,0,0,0.2); }
.msg-lft-optn:after {clear: both; display: block; content: ""; }
.msg-txt-hdr {position: relative; background: rgba(0,0,0,0.2); border-radius: 25px 25px 0 0; overflow: hidden; padding: 30px 0 38px; }
.msg-txt-header-teacher-student {padding: 15px 0 15px !important;}
.msg-txt-hdr h4 {text-align: center; font-size: 24px; line-height: 26px; color: #ffffff; font-family: 'Montserrat'; margin: 0; }
.msg-txt-hdr p {font-size: 13px; text-align: center; margin: 0; font-family: 'Montserrat'; color: #fedb8d; line-height: 18px; }
.clvd-icon {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 100px; }
.clvd-icon a {display: inline-block; margin-left: 10px; width: 30px; }
.clvd-icon a img {width: 100%; }

.max-w-550px {max-width: 550px!important; }
.bg-yellow {background: #fedb8d; }
.font-cstm {font-size: 18px; line-height: 25px; color: #000; font-family: 'Montserrat'; }
.msgcht-recevied {margin-left: 85px; margin-top: -35px; }
.msgcht-sent { margin-right: 85px;margin-top: -35px; }
.flex-column {-webkit-box-orient: vertical!important; -webkit-box-direction: normal!important; -ms-flex-direction: column!important; flex-direction: column!important; }
.d-flex {display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; }
.msg-txt-cntnr {background: rgba(138, 135, 133, 0.3); }
.messages.scroll {height: 756px; overflow-y: scroll; padding: 25px; }
.admin_chat .messages.scroll {height: 818px; overflow-y: scroll; padding: 25px; }
.messages.scroll::-webkit-scrollbar {width: 7px; }
.messages.scroll::-webkit-scrollbar-track {background-color: #23201f; -webkit-border-radius: 3px; border-radius: 3px; }
.messages.scroll::-webkit-scrollbar-thumb {-webkit-border-radius: 3px; border-radius: 3px; background: #fff; }
.cht-tm {text-align: right; font-size: 10px; line-height: 12px; color: #2a2424; font-family: 'Montserrat'; }
span.online-green {background: #4eb440; width: 10px; height: 10px; display: inline-block; border-radius: 50%; margin-left:10px;}
.msg-txt-ftr {background: rgba(138, 135, 133, 0.6); border-radius: 0 0 25px 25px; overflow: hidden; padding: 25px 30px; }
.msg-txt-ftr-inner {flex-wrap: nowrap; display: flex; }
.msgtxtftr-col1 {order: 1; flex-basis: 10%; flex-shrink: 0; }
.msgtxtftr-col2 {order: 2; flex-grow: 1; flex-basis: auto; }
.msgtxtftr-col3 {order: 3; flex-basis: 12%; flex-shrink: 0; }
.msgtxtftr-col1 a {display: inline-block; width: 41px; text-align: center; line-height: 30px; padding: 5px; }
.msgtxtftr-col1 a img {height: 30px; }
.msgtxtftr-col3 a {display: inline-block; width: 41px; text-align: center; line-height: 30px; padding: 5px; }
.msgtxtftr-col3 a img {height: 30px; }
.msgtxtftr-col2 input[type="text"], .msgtxtftr-col2 .msgtextarea {width: 100%; line-height: 40px; padding: 0 15px; border: none; margin: 0; box-shadow: none; border-radius: 20px; font-size: 19px; color: #adabbe; outline: none; font-family: 'Montserrat'; background: rgba(0,0,0,0.2); }
.msgtextarea {height: 41px;}
.symbol.symbol-circle {width: 79px; border-radius: 50%; }
.symbol.symbol-circle img {width: 60px; height: 60px; border-radius: 50%; }
/*table.dataTable tbody tr {background-color: transparent; }
table.dataTable thead th, table.dataTable thead td {padding: 10px 18px; border-bottom: 1px solid #fff; }
table.dataTable.nowrap th, table.dataTable.nowrap td {white-space: nowrap; color: #fff; }*/
/*.dataTables_wrapper .form-control {display: inline-block; width: auto }
.dataTables_wrapper .custom-select { width: auto; }
.dataTables_wrapper .dataTables_processing {width: 96% !important; margin-left: -48% !important; margin-top: 0 !important; color: #000 !important; padding-top: 0 !important; }*/
.tcr-mt {margin-top: 20px; }
.tcr-pt {padding-top: 15px; }
.tcr-mtr {margin-top: 25px; }
/*.lst-crcs h4 {border-bottom: 1px solid #fff; padding: 0 0 5px; margin: 0 0 5px; }
.lst-crcs h4:last-child {border-bottom: none; }*/
.lst-crcs h4, .lst-crcs span {color: #fff; font-size: 16px; line-height: 31px; text-decoration: none; font-family: 'Montserrat';margin: 0; }
.lst-crcs .col-md-12 .row {margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #707070; }
.lst-crcs h3 {color: #fedb8d; text-align: center; font-family: 'Montserrat'; margin: 0 0 15px; }
.symbol {position: relative; }
.symbol .symbol-badge {position: absolute; border-radius: 100%; top: 0; right: 5px; background: #d60404; width: 10px; height: 10px; }

.mn-icn .symbol .badge {position: absolute; background: #d60404; top: -5px; font-size: 10px; line-height: 12px; right: -5px; border-radius: 50%; padding: 5px;  }

.studs-icon .symbol .badge {position: absolute; background: #d60404; top: 0; font-size: 10px; line-height: 12px; right: 5px; border-radius: 50%; padding: 5px; color: #fff;}
.msgoptn-col a {display: inline-block; }
div#chart_div img {width: 100%; }
.studash-lgout {margin-top: 100px; text-align: right; margin-bottom: 15px;}
.student-dashmain {background: rgba(138, 135, 133, 0.3); border-radius: 0 150px; }
.student-dashinner {max-width: 670px; width: 100%; margin: 0 auto; padding: 50px 0; }
.studash-row1 h1 {text-align: center; font-size: 62px; line-height: 60px; color: #fff; font-family: 'Montserrat'; margin: 0 0 5px; }
.studash-row1 h1 span {color: #fedb8d; }
.studash-row1 p {text-align: center; font-size: 23px; line-height: 25px; font-family: 'Montserrat'; color: #fff; margin: 0 0 40px; }
.studash-started {height: 20px; border-radius: 10px; background: #57fb5a; }
.studash-progresed {height: 20px; background: #fedb8d; border-radius: 10px; width: 60%; }
.studash-completed {height: 20px; border-radius: 10px; background: #756afb; width: 20%; }
.studash-name {flex-wrap: nowrap; display: flex; justify-content: space-between; padding: 0 10px; margin-top: 10px; }
.stuname-col {color: #fff; font-size: 17px; line-height: 19px; font-family: 'Montserrat'; }
.studash-row1 {padding: 0 0 40px; border-bottom: 2px solid #858585; }
.studash-row2 {max-width: 435px; width: 100%; margin: 60px auto 0; }
.studash-row2-inner:after { clear: both; display: block; content: ""; }
.studashrw2-col1 {float: left; width: 42%; margin-right: 8%; text-align: center; background: rgba(138, 135, 133, 0.5); border-radius: 15px; padding: 25px 25px 10px; margin-bottom: 10%; min-height: 175px; }
.studashrw2-col2 {float: left; width: 42%; margin-left: 8%; text-align: center; background: rgba(138, 135, 133, 0.5); border-radius: 15px; padding: 25px 25px 10px; margin-bottom: 10%; min-height: 175px; }
.studash-row2-inner p {font-size: 16px; line-height: 18px; color: #fff; font-family: 'Montserrat'; margin: 15px 0 0; }
.studs-icon {position: relative; width: 100%; height: 90px; }
.studs-icon a {position: absolute; top: 0; left: 50%; width: auto; height: 90px; line-height: 90px; transform: translateX(-50%); }
.studs-icon a img {width: auto; height: auto; }
.studs-icon .symbol .symbol-badge {right: 50px; }
div#question_list h5 {font-size: 23px; color: #000; font-weight: 600; line-height: 25px; margin: 0; }
label.rdo_label {font-size: 16px; line-height: 18px; color: #f3f3f3; margin: 0; }
label.lbl_ckck {font-size: 16px; color: #f3f3f3; margin: 0 20px 0 0; }
.select2-w100 .select2-container {width: 100% !important; }
#assignCourses .select2-container {width: 100% !important; }
.card-ques {border-bottom: 1px solid #ddd; }
.que-row form#saveQuestionForm {margin-bottom: 15px; }
a.btn-tool.collapsed:before {font-family: Fontawesome; content: '\f0fe'; }
a.btn-tool:before {font-family: Fontawesome; content: '\f146'; margin-right: 10px; }
.stuexa-course h4 {color: #fff; font-size: 18px; line-height: 22px; text-decoration: none; font-family: 'Montserrat'; border-bottom: 1px solid #f3f3f3; padding-bottom: 10px; margin-bottom: 10px; }
.stuexa-course h4 a {color: #fff; text-decoration: none; }
.stuexa-course h4:last-child {border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
label.chat_group_label {color: #fff; font-weight: 700; text-transform: uppercase; opacity: 0.5; display: block; padding: 10px 20px 0; margin-bottom: 0; font-size: 12px;}
label.chat_group_label:after {content: ""; clear: both; display: block; }
label.chat_group_label span.line {display: block; height: 2px; background-color: #fff; }
html, body {height: 100%; margin: 0; }
.footer-main {margin-top: 100px; height: 70px;  padding-left: 320px;}
.footer-inner {width: 100%; text-align: center; background: rgba(138, 135, 133, 0.5); padding: 25px 0; border-radius: 15px 15px 0 0; }
.footer-inner p {margin: 0; font-size: 17px; color: #fff; line-height: 20px; }

.go_back_icon {padding: 20px 20px; font-size: 18px; color: #fff; }
.go_back_icon a {color: #fff !important; text-decoration: none; }
.status_tick {max-width: 13px; margin-left: 7px; }
.pdf_name{float: left; padding-left: 10px;}
.help-flbtn-main {max-width: 850px; width: 100%; margin: 0 auto; display: flex; }
.view-btn {text-align: center; margin: 0 5px 15px 0;}
.que-row .card-footer { background-color: transparent; border-top: none; }
.que-row div#kVal {margin-bottom: 15px; }
.dash4col {background: rgba(138, 135, 133, 0.5); text-align: center; padding: 15px 10px; border-radius: 10px; }
.dash4col-icon {margin: 0 0 10px;}
.dash4col-icon.bg-height {margin: 0 0 10px; height: 260px; background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; }

.dash4col-icon .fa {font-size: 50px; line-height: 50px; color: #fff; }
.dash4col-name h4 {margin: 0; font-size: 15px; line-height: 18px; color: #fedb8d; font-family: 'Montserrat', sans-serif; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.tp-3{padding-top: 23px;}
.dash3col {text-align: center; padding: 15px 10px; border-radius: 10px; margin: 3px;}
.back-total{background: lightblue;}
.back-notstart{background: lightpink;}
.back-progress{background: lightyellow;}
.back-complete{background: lightgreen;}
.dash3col-name h4 {margin: 0; font-size: 17px; line-height: 18px; color: black; font-family: 'Montserrat', sans-serif; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.coll{position: relative; width: 18%; padding-right: 15px; padding-left: 15px;}
.dash-row4 .owl-carousel .owl-nav button.owl-next, .dash-row4 .owl-carousel .owl-nav button.owl-prev {color: #fff; font-size: 36px; line-height: 20px; padding: 5px !important; outline: none; margin: 0 15px; }
.dash4col a {text-decoration: none; }
.dash-row4 .owl-theme .owl-nav {margin-top: 10px; margin-bottom: 0px; }
.dash-row4 {padding: 10px; background: rgba(138, 135, 133, 0.3); margin: 0 0 20px; border-radius: 15px; }
.dash-row3-right h4 {color: #fff; font-size: 16px; }
.dash-row4-inner h3 {text-align: center; font-size: 25px; line-height: 27px; margin: 0 0 20px; color: #fedb8d; }
.dash-row4-inner h1 {text-align: center; line-height: 27px; margin: 0 0 20px; color: #fedb8d; padding:5px 0px; font-size: 30px;}
label.custom-file-label {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.edit-pro .card-body {padding: 15px 0; }
.edit-pro .card-header {padding: 0; background-color: transparent; border: none; }
.admn-inner-width.edit-pro {padding: 20px; }
label.form-label {font-size: 20px; margin: 0; line-height: 31px; color: #fff; font-weight: 600; }
.untlist-main .card-header {border: none; }
.untlist-main .card-ques {border-bottom: none; }
.untlist-main .card-ques:nth-child(odd) {background: #f3f3f3; }

.cardform {background-color: #fff; }
.cardhdr {padding: 20px; background: #0e1f30; }
.cardftr {padding: 20px; background: #fff; }
.cardbd-row {padding: 5px 15px 5px; border-bottom: 2px solid #5fbfe9;}
.cardbd-row:nth-of-type(odd) {background: #dceff9; }
.cardbd-row:nth-of-type(even) {background: #f3f3f3; }
div#question_list .cardhdr h5 {font-size: 19px; color: #fff; font-weight: bold; line-height: 25px; margin: 0; text-align: left; word-break: break-word;}
.cardbd-row .form-group {padding: 10px; background: #f3f3f3; }
.cardbd-row .form-group .form-control {background: #eaedf7; border: 1px solid #ddd; box-shadow: none; border-radius: 0; }
.cardbd-row:nth-of-type(2n) .form-group {background: #dceff9; }
.cardbd {padding: 25px; }
.ques-sidebg .cardhdr.cardhdr-bgblue {background: #0e1f30; }

.exam-ovr-hdng h4 {font-size: 25px; line-height: 27px; color: #fff; font-weight: 600; margin: 0 0 15px; text-align: center; }
div#question_list .cardhdr.exam-ovr-hdng h5 {text-align: center; font-size: 17px; font-weight: 600; }

.ques-sidebg {/*background-image: url(/images/center-logo-bg.png); background-size: cover; background-position: center center; background-repeat: no-repeat; */ position: relative; background-color: #fff;padding-left: 0;padding-right: 0; max-width: 850px; width: 100%; margin: 0 auto;}
.ques-sidebg .fill {position: relative; z-index: 2; background-image: url(/images/center-logo.png); background-size: 50%; background-position: center center; background-repeat: no-repeat; }
/*.ques-sidebg:after {position: absolute; content: ""; top: 0; right: 0; background: url(/images/top-corner-bg.png); width: 300px; height: 293px; background-repeat: no-repeat; background-size: cover; }
.ques-sidebg:before {position: absolute; content: ""; bottom: 0; left: 0; background: url(/images/bottom-corner-bg.png); width: 300px; height: 235px; background-repeat: no-repeat; background-size: cover; }*/

.ques-sidebg .cardform {background-color: transparent; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 15px;}
.ques-sidebg .cardhdr {padding: 20px 30px; background: #06609f;}
.ques-sidebg .cardbd-row:nth-of-type(odd) {background: transparent; }
.ques-sidebg .cardbd-row:nth-of-type(even) {background: transparent; }
.ques-sidebg .cardbd-row {padding: 0 20px 15px; border-bottom: none;}
.ques-sidebg .cardftr {padding: 10px 25px; background: #82afcf; /*border-top: 2px solid #2E609F;*/}
.ques-sidebg .cardbd-row .form-group {padding: 0; background: transparent; /*border-left: 3px solid #dceff9; border-right: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;*/ }
.ques-sidebg .cardbd-row .form-group .form-control {background: #fff; border: 1px solid #06609f; box-shadow: none; border-radius: 0; transition: all 500ms ease-in-out 0s; }
.ques-cardbd {padding: 10px 15px 10px; background: rgb(130, 175, 207); margin: 0 20px 0; }
.ques-cardbd .ques_label {margin: 0; font-weight: 500; }
.ques-sidebg .cardbd-row .form-group .form-control:hover, .ques-sidebg .cardbd-row .form-group .form-control:focus {box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 50%); background: #fff;}
.ques-sidebg .cardbd-row:nth-of-type(2n) .form-group {background: transparent; }
.ques-sidebg .cardbd {padding: 25px 0; }
.plr-30 {padding: 0 30px; }
.ques-sidebg .cardbd-instr {background: transparent; padding: 15px; }
.ques-sidebg .cardbd-row .form-group span.error-bubble {position: relative; top: 10px; }
.ques-sidebg .cardbd-row .col-md-12 {/*border: 2px solid #82afcf;*/ padding: 10px 15px 25px; border-radius: 0 0 10px 10px; background: rgba(130, 175, 207, 0.5);  transition: all 500ms ease-in-out 0s; overflow: hidden;}
.tchrbg-change .ques-sidebg .cardbd-instr {background: rgba(0,0,0,0.1); padding: 15px; }
.tchrbg-change .ques-sidebg .cardhdr {padding: 20px 30px; background: #0066ffd9; border-bottom: none; border-radius: 0.20rem 0.20rem 0 0;}
.ques_label {font-size: 16px; font-weight: bold; color: #000; line-height: 20px; }
.cardbd-row label.rdo_label {color: #000; }
.cardbd-row label.lbl_ckck {color: #000; margin: 0 0 0 20px;}
.cardbd-row p, .cardbd-row h1, .cardbd-row h2, .cardbd-row h3, .cardbd-row h4, .cardbd-row h5, .cardbd-row h6 {color: #000; }
.cardbd-instr {background: #9cbad3; padding: 15px; }
.cardbd-instr p img { max-width: 100%; }
.cardbd-instr img { width: 100%; }
.cardbd-instr p { font-size: 17px; color: #323232;line-height: 25px; }
.cardbd-instr ul li {font-size: 17px; color: #323232; list-style: none; position: relative; padding-left: 26px; margin: 0 0 5px; line-height: 25px; }
.cardbd-instr ul { list-style: none; padding-left: 0; }
.cardbd-instr ul li:before {position: absolute; left: 0; content: "✓"; top: 0; font-size: 23px; font-weight: bold; color: #06609f; line-height: 27px; }
.inst-inr-main h4 {font-size: 23px; line-height: 25px; font-weight: 600; color: #06609f; margin: 0 0 15px; }
.inst-inr-main h3 {font-size: 25px; line-height: 27px; font-weight: 600; color: #06609f; margin: 0 0 15px; }
.inst-table {border-collapse: collapse; width: 100%; margin: 0 0 15px; }
.inst-table td, .inst-table th {border: 1px solid #82afcf; padding: 8px; }
.inst-table tr:nth-child(even){background-color: #dceff9;}
.inst-table tr:hover {background-color: #ddd;}
.inst-table th {padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #06609f; color: white; }
.inst-inr-main h6 {font-size: 18px; font-weight: 600; line-height: 20px; margin: 0 0 15px; color: #323232; }

.row.hlp-main h4 {color: #fff; margin: 0 0 25px; }
.help-col-img {height: 150px; width: 100%; }
.help-col {background: #434242; border-radius: 5px; overflow: hidden; padding: 10px; transition: 0.8s all ease-in-out; box-shadow: 0 0 5px #fff; }
.help-col:hover {box-shadow: 0 0 5px #434242; }
.help-col-ttl h4 {text-align: center; margin: 0; color: #fff; font-size: 13px; line-height: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.help-detail {padding: 10px 0 0; }
.help-col-ttl {padding: 2px 0; }
.help-col-btn {text-align: center; margin-top: 10px; }
.notif-row {padding-bottom: 10px; margin-bottom: 2px; background: rgba(0, 0, 0, 0.5); padding-left: 20px; padding-right: 10px; padding-top: 10px; border-radius: 5px; position: relative; }
.notif-row h4 {color: #fff; font-size: 15px; line-height: 22px; text-decoration: none; font-family: 'Montserrat'; padding-bottom: 0; margin-bottom: 0; }
.notif-row h6 {margin: 0; line-height: 22px; font-size: 11px; color: #ddd; }
.notif-row:after {clear: both; display: block; content: ""; }
.notif-row:last-child {margin-bottom: 0; }
h1.page-title {font-size: 30px; line-height: 32px; margin: 0 0 15px; color: #fedb8d; }
.pdf_final {width:400px; height:auto; }


.on-off-toggle {width: 56px; height: 24px; position: relative; display: inline-block; }
.on-off-toggle__input {position: absolute; opacity: 0; }
.on-off-toggle__input:checked + .on-off-toggle__slider {background-color: #f44336; }
.on-off-toggle__slider {width: 56px; height: 24px; display: block; border-radius: 34px; background-color: #4caf50; transition: background-color 0.4s; }
.on-off-toggle__input:checked + .on-off-toggle__slider:before {transform: translateX(32px); }
.on-off-toggle__slider:before {content: ''; display: block; background-color: #fff; bottom: 3px; height: 18px; left: 3px; position: absolute; transition: .4s; width: 18px; z-index: 5; border-radius: 100%; }
.on-off-toggle__input:checked + .on-off-toggle__slider:after {content: 'no'; color: #FFFFFF; padding-left: 8px; }

.on-off-toggle__slider:after {display: block; line-height: 24px; text-transform: uppercase; font-size: 12px; font-weight: bold; content: 'yes'; color: #FFFFFF; padding-left: 26px; transition: all 0.4s; }
.cmp-logo {position: relative; }
.img-wrap .close {position: absolute; top: 0px; right: 15px; z-index: 9; cursor: pointer; opacity: 1; height: 22px; width: 22px; background: red; text-align: center; border-radius: 0 0.25rem 0 0; }
div#PedigreesSireRacing .modal-dialog {max-width: 1200px; }
.go_back_icon:after {clear: both; display: block; content: ""; }
.contact_list { display: none; }

.txt_align_model {margin-left: 10px; margin-right: 10px; }
.emoji_icon button#btn-emoji-default {margin: 0; }
.emoji_icon > div > div, .emoji_icon > div, .emoji_icon  {display: inline-block; }
.emoji-popup {width: 300px !important; }

.msgcntc-row {position: relative; }
.msg-delete {position: absolute; right: 5px; top: 5px; color: #fedb8d; }
.chat-box {position: relative; }
.msg-delete a {color: #fedb8d; }
.lbl-show {padding-left: 0px; }
.lbl-show-txt {padding-top: 5px; }

canvas.pdf-page-canvas {width: 100%; height: auto; }
.app-login-chat {display: none !important; }
.expe-untname { background: rgba(0,0,0,0.8); padding: 15px 20px;}
.expe-untname label { color: #fff; font-size: 20px; }
i#category_icon {font-size: 32px; color: white; }
.select-size  input{display: none; }
.review_lbl {display: inline-block; width: 10%; height: 50px; text-align: center; border: 1px solid #06609f; line-height: 50px; cursor: pointer; }

#Understand-one:checked ~ .review_lbl[for="Understand-one"],
#Understand-two:checked ~ .review_lbl[for="Understand-two"],
#Understand-three:checked ~ .review_lbl[for="Understand-three"],
#Understand-four:checked ~ .review_lbl[for="Understand-four"],
#Understand-five:checked ~ .review_lbl[for="Understand-five"],
#Understand-six:checked ~ .review_lbl[for="Understand-six"],
#Understand-seven:checked ~ .review_lbl[for="Understand-seven"],
#Understand-eight:checked ~ .review_lbl[for="Understand-eight"],
#Understand-nine:checked ~ .review_lbl[for="Understand-nine"],
#Understand-ten:checked ~ .review_lbl[for="Understand-ten"] {
   background: #999;
     color: #fff;
}
#Learning-one:checked ~ .review_lbl[for="Learning-one"],
#Learning-two:checked ~ .review_lbl[for="Learning-two"],
#Learning-three:checked ~ .review_lbl[for="Learning-three"],
#Learning-four:checked ~ .review_lbl[for="Learning-four"],
#Learning-five:checked ~ .review_lbl[for="Learning-five"],
#Learning-six:checked ~ .review_lbl[for="Learning-six"],
#Learning-seven:checked ~ .review_lbl[for="Learning-seven"],
#Learning-eight:checked ~ .review_lbl[for="Learning-eight"],
#Learning-nine:checked ~ .review_lbl[for="Learning-nine"],
#Learning-ten:checked ~ .review_lbl[for="Learning-ten"] {
   background: #999;
     color: #fff;
}
#Research-one:checked ~ .review_lbl[for="Research-one"],
#Research-two:checked ~ .review_lbl[for="Research-two"],
#Research-three:checked ~ .review_lbl[for="Research-three"],
#Research-four:checked ~ .review_lbl[for="Research-four"],
#Research-five:checked ~ .review_lbl[for="Research-five"],
#Research-six:checked ~ .review_lbl[for="Research-six"],
#Research-seven:checked ~ .review_lbl[for="Research-seven"],
#Research-eight:checked ~ .review_lbl[for="Research-eight"],
#Research-nine:checked ~ .review_lbl[for="Research-nine"],
#Research-ten:checked ~ .review_lbl[for="Research-ten"] {
   background: #999;
     color: #fff;
}
#Presentation-one:checked ~ .review_lbl[for="Presentation-one"],
#Presentation-two:checked ~ .review_lbl[for="Presentation-two"],
#Presentation-three:checked ~ .review_lbl[for="Presentation-three"],
#Presentation-four:checked ~ .review_lbl[for="Presentation-four"],
#Presentation-five:checked ~ .review_lbl[for="Presentation-five"],
#Presentation-six:checked ~ .review_lbl[for="Presentation-six"],
#Presentation-seven:checked ~ .review_lbl[for="Presentation-seven"],
#Presentation-eight:checked ~ .review_lbl[for="Presentation-eight"],
#Presentation-nine:checked ~ .review_lbl[for="Presentation-nine"],
#Presentation-ten:checked ~ .review_lbl[for="Presentation-ten"] {
   background: #999;
     color: #fff;
}
#Knowledge-one:checked ~ .review_lbl[for="Knowledge-one"],
#Knowledge-two:checked ~ .review_lbl[for="Knowledge-two"],
#Knowledge-three:checked ~ .review_lbl[for="Knowledge-three"],
#Knowledge-four:checked ~ .review_lbl[for="Knowledge-four"],
#Knowledge-five:checked ~ .review_lbl[for="Knowledge-five"],
#Knowledge-six:checked ~ .review_lbl[for="Knowledge-six"],
#Knowledge-seven:checked ~ .review_lbl[for="Knowledge-seven"],
#Knowledge-eight:checked ~ .review_lbl[for="Knowledge-eight"],
#Knowledge-nine:checked ~ .review_lbl[for="Knowledge-nine"],
#Knowledge-ten:checked ~ .review_lbl[for="Knowledge-ten"] {
   background: #999;
     color: #fff;
}

.custom-video-controls {z-index: 2147483646; }
.input-group-prepend, .input-group-append {display: -ms-flexbox; display: none; }
label.switch {position: absolute; display: inline-block; width: 60px; height: 34px; }
label.switch input {opacity: 0; width: 0; height: 0; }
.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: gray; -webkit-transition: .4s; transition: .4s; }
.slider:before {position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider {background-color: #2196F3; }
input:focus + .slider {box-shadow: 0 0 1px #2196F3; }
input:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }

/* Rounded sliders */
.slider.round {border-radius: 34px; }
.slider.round:before {border-radius: 50%; }
.hlp_btn {position: fixed; right: 87px; bottom: 10px; z-index: 99; }
.faq-pop-main {display: block; position: fixed; bottom: 0; right: 87px; width: 450px; height: auto; background: #fff; z-index: 99; }
.faqpop-hdr-row1 {margin: 0 0 10px; }
.faqpop-hdr-row1:after {clear: both; display: block; content: ""; }
.faqpop-rw1-left {float: left; width: 33.33%; min-height: 1px; }
.faqpop-rw1-center {float: left; width: 33.33%; text-align: center; }
.faqpop-rw1-right {float: left; width: 33.33%; }
.faqpop-rw1-right button.close {font-size: 25px; color: #fff; opacity: 1; line-height: 25px; }
.faqpop-rw1-center h3 {font-size: 22px; line-height: 25px; color: #fff; margin: 0; font-weight: bold; }
.faqpop-rw1-left a {font-size: 15px; line-height: 25px; display: inline-block; color: #fff; text-decoration: none; }
.faqpop-hdr {background: #8cc63f; padding: 10px 15px; }
.faqpop-hdr-row2 .form-group {margin: 0; }
.faqpop-hdr-row2 .form-group .form-control {background: #fff; border-radius: 3px; line-height: 45px; height: 45px; }
.faqpop-body {height: 330px; overflow-y: scroll; position: relative; }
.faqData-dflt {position: absolute; top: 50%; transform: translateY(-50%); padding: 0 15px; text-align: center; font-size: 20px; line-height: 22px; color: #000; }
.faqData {padding: 15px; }
.faqpop-ftr {border-top: 1px solid #ddd; padding: 15px; }
.faqData p a, .faqData p {font-size: 17px; line-height: 20px; display: inline-block; color: #000; font-weight: 400; margin: 0; text-decoration: none; }
.faqData .faq-quslist p {margin: 0 0 10px; display: block; border-bottom: 1px solid #ddd; padding: 0 0 5px; }
.faqData .faq-quslist h3 {font-size: 23px; line-height: 25px; margin: 0 0 15px; font-weight: bold; }
.que-ans-hdr {background: #f3f3f3; margin: -15px -15px 0 -15px; padding: 15px; }
.que-ans-hdr h4 {font-size: 20px; line-height: 22px; margin: 0; font-weight: bold; }
.faqpop-ftr:after {content: ""; display: block; clear: both; }
.faqpop-ftr-left {float: left; width: 50%; min-height: 1px; }
.faqpop-ftr-right {float: left; width: 50%; text-align: right; }
.faqpop-ftr-right a {background: #8cc63f; padding: 1px 5px; font-size: 14px; line-height: 25px; display: inline-block; color: #fff; font-weight: bold; border-radius: 5px; text-decoration: none; }
.faqData img {width: 100% !important; height: auto !important; }
.page_height h4 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; margin: 0; padding: 0 50px; font-size: 23px; line-height: 25px; }
.page_height:before {position: absolute; content: ""; bottom: 0; left: 0; background: url(/images/bottom-corner-bg.png); width: 200px; height: 155px; background-repeat: no-repeat; background-size: cover; }
.page_height:after {position: absolute; content: ""; top: 0; right: 0; background: url(/images/top-corner-bg.png); width: 200px; height: 195px; background-repeat: no-repeat; background-size: cover; }
.page_height {min-height: 500px; position: relative; background-image: url(/images/center-logo.png); background-size: 30%; background-position: center center; background-repeat: no-repeat; }
.ques-imgs {padding: 25px; }
.ques-imgs-inner {padding: 20px; background: rgba(6, 96, 159, 0.5); border-radius: 10px; box-shadow: 0px 0px 5px 0px #000; }
.ques-imgs-inner img {width: 100%; }
.ques-imgs-btn {margin-top: 15px; text-align: center; }


table.dataTable {border-collapse: collapse; width: 100%; background-color: #fff; }
table.dataTable td, table.dataTable th {border: 1px solid #82afcf; padding: 10px; font-size: 14px;}
table.dataTable tr:nth-child(even){background-color: #dceff9;}
table.dataTable tr:hover {background-color: #ddd;}
table.dataTable th {padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #06609f; color: white; }
table.dataTable td { color: #000; }


.frm-card-main {background-color: #fff; }
.frm-card-hdr {background: #708090; padding: 20px 30px; }
.frm-card-hdr .page-title {font-size: 1.275rem; color: #fff; margin: 0; font-weight: 600; }
.frm-card-body {padding: 20px 30px; background-image: url('/images/center-logo.png'); background-size: 25%; background-repeat: no-repeat; background-position: center center; }
.tabmob-menu-inner {padding: 15px 0; }
.tabmob-menu-logo {float: left; width: 75%; }
.tabmob-menu-menu {float: left; width: 25%; text-align: right; }
.tabmob-menu-logo a {display: inline-block; width: auto; }
.tabmob-menu-logo a img {max-height: 60px; height: 100%; width: auto; }
.tabmob-menu-menu a {font-size: 30px; line-height: 60px; display: inline-block; color: #fff; }
.cstm-text-main {position: relative; }
span.inputgroup-text {position: absolute; left: 0; top: 0; width: 60px; display: inline-block; height: 55px; background: transparent; border-radius: 15px 0 0 15px; line-height: 55px; padding-left: 10px; color: #000; }
.form-group .cstm-text-main .form-control {padding-left: 65px; }
span.inputgroup-texte {position: absolute; width: 90px; display: inline-block; height: 55px; background: transparent; border-radius: 15px 0 0 15px; line-height: 55px; padding-left: 10px; color: #000; }
.form-group .cstm-text-maine .form-control {padding-left: 95px; }
.tabmob-menu-inner:after { display: block;content: ""; clear: both; }
.instru_no {margin-bottom: 1rem; }
.card.sortable.vid.ui-sortable-handle {margin-bottom: 1rem; }
.word_count {font-size: 13px; color: #FF0000; line-height: 20px; padding-left: 5px;}
.ques-sidebg .cardbd-comment {padding: 25px; }
.ques-sidebg .cardbd-comment .cardbd-row {padding: 10px 15px 5px; border-radius: 10px; background: rgba(130, 175, 207, 0.5); box-shadow: 0px 0px 5px 0px #000; transition: all 500ms ease-in-out 0s; }
.cardbd-comment .form-control {background: transparent; border: 1px solid #06609f; box-shadow: none; border-radius: 0; height: 450px; margin: 0 0 45px; transition: all 500ms ease-in-out 0s; }
.cardbd-comment .form-control:hover, .cardbd-comment .form-control:focus {box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 50%); background: #fff; }
.se-pre-con {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('/images/loader.gif') center no-repeat #fff; }
.save_loader {position: fixed;width: 100%;left: 0;height: 100%;top: 0;background-color: rgba(255,255,255,0.8);z-index: 9999;display: none;    }
.save_loader .loader {position: absolute;z-index: 999;top: 50%;left: 50%;margin-left: -40px;}
.save_loader .loader .loader-desc {display: none;position: relative;left: -50%;margin-top: 20px;text-align: center;font-size: 26px;font-variant: super;}
.dollar_icon{width: 3%;}
.quiz-btn {padding-top:40px; }
.quiz-ques label.quiz-right {background-color: green; color: #fff; border: 2px solid green; }
.quiz-ques label.quiz-wrong {background-color: red; color: #fff; border: 2px solid red; }
.quiz-ques input[type="radio"]:checked + label, .quiz-ques input[type="checkbox"]:checked + label {background-color: green; color: #fff; border: 2px solid green;}
.quiz-ques input[type=radio], .quiz-ques input[type=checkbox] {display: none; }
.quiz-ques label {display: block; appearance: button; -webkit-appearance: button; -moz-appearance: button; -ms-appearance: button; background: #DDDDDD; font-size: 1rem; color: #111111; border: 2px solid #AAAAAA; padding: 8px; width: 100%; margin: 0 auto; text-align: left; cursor: pointer; }
.tab-notif a.nav-item.nav-link.active {color: #000; }
.nav-tabs {border-bottom: 1px solid #dee2e6; }
.tab-notif a.nav-item.nav-link {color: #fff; font-size: 20px; font-weight: 500; border: 1px solid #dee2e6; }
.tab-notif-cont { border-left: 1px solid #dee2e6; border-right: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; }
#sketchImages .modal-body{position:relative ; }
i.noti-badge {position: absolute; border-radius: 100%; background: #d60404; width: 10px; height: 10px; }
.tab-notif .symbol {display: inline-block; }
.tab-notif .symbol .badge { background: #d60404; font-size: 10px; line-height: 12px; right: -5px; border-radius: 50%; padding: 5px; }
.tab-notif a.nav-item.nav-link.active .symbol .badge { color: #fff; }
.notif-row i.noti-badge {left: 5px; top: 16px; }
.btn-stcky {width: 465px; text-align: right; margin: 0 auto; position: sticky; top: 10px; z-index: 99; background: #fff; padding: 10px; }
.col-modules-div i.fa.fa-check-circle {color: #3993C3; }
.col-modules-div i.fa.fa-clock-o { color: #2E2D2D; }
.notif-row i.noti-badge {left: 5px; top: 16px; }
.btn-stcky {width: 465px; text-align: center; margin: 0 auto; position: sticky; top: 5px; z-index: 99; background: #fff; padding: 5px; }
.untlist-main .card-header {position: sticky; top: 46px; width: 100%; z-index: 99; background: #F7F7F7; }
.form-group.mt-3.footer {position: sticky; bottom: 5px; z-index: 9; text-align: center; background: transparent; padding: 0; }
.pass-student-btn-stcky {text-align: right; margin: 0 auto; position: sticky; top: 10px; z-index: 99; padding: 10px; }
.pass-student-inner-width {width: 100%; padding: 25px;border-radius: 15px; position: relative;}
.btn-stcky-wdth100 {width: 100%; text-align: center; margin: 0 auto; position: sticky; top: 0; z-index: 99; background: #eee; padding: 5px 15px; }
.btn-stcky-wdth100 p {margin: 0; }
.tech-dash .dash-row1-left {float: none; width: auto; }
.tech-dash .dash-row1-left .dashrw1-col {float: none; width: auto; margin-right: 0; }
.gj-datepicker-md [role=right-icon] { right: 7px !important; top: 50% !important; transform: translateY(-50%) !important; }
.ajax-loading {text-align: center; margin-top: 0; background: #fff; padding: 15px; border-radius: 5px; }
.ajax-loading p {margin: 0; font-weight: 500; font-size: 20px; }
.pointer_course {cursor: pointer; }
.ajax-loading, .ajax-loading1 {text-align: center; margin-top: 0; background: #fff; padding: 15px; border-radius: 5px; }
.ajax-loading p, .ajax-loading1 p {margin: 0; font-weight: 500; font-size: 20px; }
.checkbox-custom input {padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; }
.checkbox-custom label {position: relative; cursor: pointer; }
.checkbox-custom label:before {content:''; -webkit-appearance: none; background-color: transparent; border: 2px solid #0079bf; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 10px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px; }
.checkbox-custom input:checked + label:after {content: ''; display: block; position: absolute; top: 2px; left: 9px; width: 6px; height: 14px; border: solid #0079bf; border-width: 0 2px 2px 0; transform: rotate(45deg); }
#chart_div .table-sm th, #chart_div .table-sm td {color: #fff; font-size: 14px;}
.btn-table {color: #fff; font-size: 15px; font-weight: bold; text-decoration: none;}
.btn-table:hover { text-decoration: none; color: #fedb8d; }
li.badge.badge-light.bsBadge {padding: 5px !important; line-height: 20px !important; height: 30px; margin-right: 5px !important; margin-bottom: 5px; }
ul.form-control.bsAllPicks {padding: 10px !important; }
.bsAllPicks input[type="search"] {line-height: 30px; display: block; }
.ann-main:last-child {border-bottom: none; }
.ann-main {border-bottom: 2px solid #ddd; margin: 0 0 10px; }
.academyterm{margin-left: 240px;}
.academyterm input[type="checkbox"]{height: 25px; width: 25px;}
.academyterm label{position: absolute; margin-left: 15px;}

.msg-lft-menu {
  border-bottom: 1px solid #000;
}
.msg-lft-menu:after {
  clear: both;
  display: block;
  content: "";
}
.msg-lft-menu > div {
  float: left;
  width: 50%;
  text-align: center;
  color: #fff;
  padding: 10px;
  cursor: pointer;
}
.msg-lft-menu > div.active {
  background: rgba(138, 135, 133, 0.3);
}
.ann-main p img {width: 100% !important; height: auto !important; }
/* .ann-main p {word-break: break-all; }
.ann-main ul li, ol li {word-break: break-all; }
.ann-main h1, h2, h3, h4, h5, h6 {word-break: break-all; } */
.ann-main table {width: 100% !important; height: auto !important; }
.vwhlp-main-row {padding-left: 15px; padding-right: 15px; }

.vwhlp-col-left iframe {border: none; }
.vwhlp-col-right {padding: 15px 10px; background: #fff; }

.all-course-btn { margin-bottom: 15px; }

.show_notes p span{
  display: block;
  font-size: 13px;
}

.show_notes p span a{
  margin-left: 10px;
}

i.fa.fa-times-circle, i.fa.fa-times {
    color: #ff0000;
    margin-left: 5px;
}

.notes-option {
  border: 1px solid #e5e5e5;
  display: inline-block;
  background: #e5e5e5;
  padding: 5px 10px 5px 10px;
  border-radius: 4px;
}
.dash3col {text-align: center; padding: 15px 10px; border-radius: 10px; margin: 3px;}
.back-total{background: lightblue;}
.back-notstart{background: lightpink;}
.back-progress{background: lightyellow;}
.back-complete{background: lightgreen;}
.tp-3{padding-top: 23px;}
.chk-list-view{
    padding: 8px;
}

/* .user-guide-box {
    padding: 10px;
    background: white;
    border: 3px solid black;
    border-radius: 5px;
    position: absolute;
    z-index: 2;
    width: 170px;
    text-align: center;
} */

/* div#guide1_box {
    bottom: 27%;
    left: 33%;
}
div#guide2_box {
    bottom: 9%;
    right: 37%;
}
div#guide3_box {
    left: 33%;
    bottom: 8%;
}
div#guide4_box {
    top: 34%;
    left: 26%;
}
div#guide5_box {
    left: 13%;
    z-index: 11;
    top: 3%;
}
div#guide6_box {
    bottom: 60%;
    left: 15%;
    z-index: 13;
}
div#guide10_box {
    left: 28%;
    top: 5%;
}
div#guide11_box {
    right: 23%;
    top: 1%;
    width: 200px;
} */
.newlImg{
    max-width: 200px;
    height: auto;
    border-radius: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#tok_popup .select2-container--default{width: 100% !important;}
.tPoint{
    display: inline-flex;
    background: white;
    font-size: 15px;
    height: auto;
    padding: 0.1rem ! important;
    border-radius: 10px;
}
.tPointS{
  background: deeppink;
  border-radius: 20px;
  padding: 2px 8px;
  color: white;
  font-weight: 500;
  font-size: 12px;
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tPointTitle {
  font-size: 14px;
  margin-right: 2px;
  font-weight: 500;
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#paymentForm .card{
    border: unset;
}
#prev,#pay_now{
    font-size: 16px;
}
.row.row1{
    margin-left: unset;
}
#paymentTable_wrapper .dt-buttons{
    float: right;
}
.dash-row2-left{
    width: 55%;
    float: left;
}
.dash-row2-middle{
    width: 20%;
    float: left;
}
.dash-row2-right{
    width:25%;
    float: right;
}
.pdfbtn{text-align: end; margin-bottom: 15px;}
.marqueemain {
  text-align:center;
}
.marq {
  padding-top:3px;
  padding-bottom:3px;
  background:#5e5656;
}
.marqueegeek1 {
  font-size:16px;
  color:white;
  padding-bottom:3px;
}

.textdecoration {
    text-decoration: none !important;
    color: #000000;
}
.btn-space {
  margin-right: 15px;
}
.contect-detail-label{
  color:white;
  text-align:center;
  display:block;
  padding-top:5px;
  font-size: 1.5rem;
  font-weight: bold;
}
.contect-detail-input{
  text-align:center;
  border-radius: 25px;
  border: 2px solid white;
  padding: 20px;
  width: 300px;
  height: 15px;
}
.contect-detail-checkbox{
  padding-top: 10px;
  padding-left:50px
}
.contect-submit{
  text-align: center;
  padding-top: 10px;
}
.submitbutton{
  text-align:center;
  border-radius: 25px;
  border: 2px solid white;
  width: 200px;
  height: 50px;
  font-weight: bold;
  font-size: 1.75rem;
}
.close-btn{
  color:white !important;
  text-align: end !important;
  padding-right: 10px !important;
  padding-top: 5px !important;
}
.dashboard-inner-1{
  padding-top: 50px;
}
.div-folder{
  display: inline-block;
  width: 33%;
  height: auto;
  margin-top: 15px;
}
.certificates-div{
  position: relative;
  width: 100%;
  padding-right: 0px !important;
  padding-left: 0px !important;
  text-align: center;
}
.folder-text{
  text-align: center;
  font-weight: bold;
}
.documents-div{
  position: relative;
  width: 100%;
  padding-right: 0px !important;
  padding-left: 0px !important;
  text-align: start;
  padding-left: 50px !important;
}
.insurance-documents{
  margin-bottom: 0rem !important;
}
.documents-img{
  padding-bottom: 5px;
}
.certificate-documents{

}
.delete-documents{
  position: absolute;
  display: inline-block;
  padding-left: 5px;
}
.count{
  width:30px !important;
  height: 30px !important;
  border-radius: 50px !important;
  background: #2196F3 !important;
}

.owl-carousel.owl-item img {
  display: block;
  width: 17%;
  float: left;
  border: 5px solid #fff;
  border-radius: 20px;
  margin-left: 54px;
  margin-right: 35px;
  margin-top: 15px;
}
.testimonial-item.equal-height.style-6 {
  background-color: #eee;
  border-radius: 10px;
  margin: 10px;
}
.et_right_sidebar #main-content .container:before{
  display: none;
}
#main-content .container {
  padding-top: 10px;
}

.slider-dots li.active-dot {
  color: #363636;
}
.back-fail{background: #ea4856;}

.textdecoration1 {
    text-decoration: none !important;
    color: #000000;
}
.questionlist{
  border: 1px solid #212529;
    background: #eaeaeb;
    padding: 5px;
}
.total-marks{
    margin-left: 20px;
    padding-left: 25px;
    border: 1px solid;
    /* display: inline-flex; */
    width: 25%;

}

.fp-duration {
  color: yellow !important;
  font-weight : bold !important;
}
.fp-progress{
  background-color: yellow !important;
}
.fp-elapsed{
  font-weight: bold !important;
  color: yellow !important;
}
.fp-volume .fp-color
{
  color: yellow !important;
  fill: yellow !important;
  background-color: yellow !important;
}
.fp-volumebtn svg use {
  color: yellow !important;
  fill: yellow !important;
}
use {
  color: yellow !important;
  fill: yellow !important;
}
#fp-volume {
  background-color: yellow !important;
  fill: yellow !important;
}
.is-muted .fp-volumebtn:after {
  color: yellow !important;
  fill: yellow !important;
}
.emoji_icon button{ background: none; border: none; font-size: x-large; padding: 0}
.badge_css
{
  font-size: 13px !important;
  font-weight: 500 !important;
  white-space:wrap !important;
  line-height: 1.1 !important;
  text-align:left !important;
  margin-bottom: 5px !important;
  padding: 8px 20px !important;
  border-radius:.5em !important;
}
.badge_css_token
{
  padding: 8px 20px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  white-space:wrap !important;
  line-height: 1.1 !important;
  text-align:left !important;
  margin-bottom: 5px !important;
  border-radius:.5em !important;
}
.badge_css_info
{
  font-size: 11px !important;
  font-weight: 450 !important;
  white-space:wrap !important;
  line-height: 1.1 !important;
  text-align:left !important;
  margin-bottom: 5px !important;
  padding: 10px !important;
  border-radius:.5em !important;
  margin-left: 20px !important;
}

/* Below css for show remaining days of plan  */
.subscription-remaining-day{width: 100%; height: auto; padding:0.25rem; border-radius: 10px; background: linear-gradient(180deg, white 20%, grey 20%, grey 100%); font-family: 'Arial'; font-variant-caps: all-petite-caps;}
.remaining-box-title p{font-size: 1rem; text-align: center; font-weight: 800;}
.remaining-box{color: white; text-align: center;}
.remaining-box #remaining-day{font-size: 2.5rem; font-weight: 600; margin-bottom: -20px;}
.remaining-box #remaining-day-text{font-size: 2em; font-weight: 600;}
.remaining-box #user_limit_and_used{font-size: 22px; font-weight: 600; line-height: 1rem;}

@media only screen and (max-width: 1050px) {
  .remaining-box #remaining-day{
    font-size: 1.75rem;
  }
  .remaining-box #remaining-day-text{
    font-size: 1.5em;
    line-height: 3rem;
  }
  .remaining-box #user_limit_and_used{
    font-size: 1.25em;
  }
}

@media only screen and (max-width: 768px) {
  .remaining-box #remaining-day{
    font-size: 1.5rem;
  }
  .remaining-box #remaining-day-text{
    font-size: 1.25rem;
    line-height: 3rem;
  }
  .remaining-box #user_limit_and_used{
    font-size: 1em;
  }
}

@media only screen and (max-width: 500px) {
  .remaining-box #remaining-day{
    font-size: 1.25rem;
  }
  .remaining-box #remaining-day-text{
    font-size: 1rem;
    line-height: 2.5rem;
  }
  .remaining-box #user_limit_and_used{
    font-size: 0.75rem;
  }
}

@media only screen and (max-width: 400px) {
  .remaining-box #remaining-day{
    font-size: 1rem;
  }
  .remaining-box #remaining-day-text{
    font-size: 0.8em;
  }
  .remaining-box #user_limit_and_used{
    font-size: 0.65rem;
  }
}

.faq_card_header .title {
  color: #000;
}
.faq_card_header .accicon {
float: right;
font-size: 20px;
width: 1.2em;
}
.faq_card_header{
cursor: pointer;
border-bottom: none;
}
.faq_rotate_icon
{
  color: #000;
}
.ck.ck-editor__editable_inline {
  min-height: 220px;
}

.ck-editor__editable {
  max-height: 350px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
}

.ck-editor__editable::-webkit-scrollbar {
  width: 8px;
}

.ck-editor__editable::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.ck-editor__editable::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 10px;
}

@media (max-width: 768px) {
  .ck.ck-editor__editable_inline {
    min-height: 180px;
  }

  .ck-editor__editable {
    max-height: 300px;
  }
}

@media (max-width: 480px) {
  .ck.ck-editor__editable_inline {
    min-height: 150px;
  }

  .ck-editor__editable {
    max-height: 250px;
  }
}
.modal .modal-body img{ max-width: 100%; height: auto; display: block; margin: 0 auto; }
.select2-container--default { width: 100% !important;}
input[type="file"] {
  cursor: pointer;
}
.disabledClass {
  pointer-events: none; /* Prevent clicking */
  color: gray; /* Change color to indicate it's disabled */
  text-decoration: none; /* Remove underline */
  cursor: not-allowed; /* Change cursor to indicate it's disabled */
}
/* datepicker header style */
.ui-datepicker-header {
  color: white;
  padding: 10px;
  border-radius: 8px 8px 0 0;
  text-align: center;
}
.ui-datepicker-title select {
  border: none;
  background: transparent;
  font-weight: bold;
  font-size: 16px;
  padding: 5px;
  outline: none;
}
/* for teacher dashboard right student list */
.scrollable { max-height: 400px; overflow-y: auto; }
/* WebKit browsers (Chrome, Safari) */
.scrollable::-webkit-scrollbar { width: 6px; background-color: transparent; }
.scrollable::-webkit-scrollbar-track { background: transparent; }
.scrollable::-webkit-scrollbar-thumb { background: #898888; border-radius: 3px; }
.scrollable::-webkit-scrollbar-thumb:hover { background: #898888; }
/* Firefox */
.scrollable { scrollbar-width: thin; scrollbar-color: #898888 transparent; }
.ck-content {
	font-family: 'Lato';
	line-height: 1.6;
	word-break: break-word;
}

.editor-container_classic-editor .editor-container__editor {
	min-width: 795px;
	max-width: 795px;
}

/* Flexbox Container for Courses */
.course-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Spacing between course items */
    justify-content: flex-start	; /* Ensures items spread evenly */
    margin-bottom: 35px;
}

/* Flexbox Items */
.course-item {
    flex: 1 1 calc(25% - 20px); /* 4 columns on large screens */
    max-width: calc(25% - 20px); /* Ensure it doesn’t exceed 4 columns */
    box-sizing: border-box;
}

/* Adjust layout for smaller devices */
@media screen and (max-width: 1200px) {
    .course-item {
        flex: 1 1 calc(33.333% - 20px); /* 3 columns on medium devices */
        max-width: calc(33.333% - 20px);
    }
}

@media screen and (max-width: 768px) {
    .course-item {
        flex: 1 1 calc(50% - 20px); /* 2 columns on tablets */
        max-width: calc(50% - 20px);
    }
}

@media screen and (max-width: 576px) {
    .course-item {
        flex: 1 1 100%; /* Single column on mobile */
        max-width: 100%;
    }
}

/* Category Badge */
.category-sequence-badge {
    position: absolute;
    z-index: 10;
    margin: 10px 0 0 10px;
}

/* Course Card */
.dashrw-category-col {
    background: rgba(138, 135, 133, 0.5);
    padding: 65px 15px 15px;
    border-radius: 15px;
    text-align: center;
    height: 230px;
    position: relative;
}

/* Course Icon */
.dash4-category-icon {
    font-size: 2rem;
    margin-bottom: 10px;
}
.dash4-category-icon .fa {font-size: 50px; line-height: 50px; color: #fff; }
/* Course Title - Allow Wrapping */
.dashrw-category-col a p {
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  line-height: 25px;
  color: #fedb8d;
  margin: 0;
  white-space: normal; /* Allow wrapping */
  word-wrap: break-word; /* Ensure long words break correctly */
}

.dashrw-category-col a {
    text-decoration: none !important;
    display: inline-block;
    width: 100%;
    height: 100%;
}
p img {
    max-width: 100%;
    height: auto !important;
    width: 100vw;
    max-height: 65vh;
    object-fit: cover;
}
/* Security Notice Modal Styles Start */
.securitynotice_success_modal .modal-content {
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    background-color: #484644;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.securitynotice_success_modal .card-title {
    display: flex;
    align-items: center;
    gap: 15px;
}
.securitynotice_success_modal .card-title .shield-icon {
    background: #f6efef;
    border-radius: 50%;
    padding: 5px;
}
.securitynotice_success_modal .card-title .shield-icon i{
    color: #4a4d51;
    font-size: 30px;
    text-align: center;
    padding: 5px 8px;
}
.securitynotice_success_modal .modal-header {
    border-bottom: none;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}
.securitynotice_success_modal .modal-body {
    font-family: Arial, sans-serif;
    text-align: left;
    color: #fff;
}
.securitynotice_success_modal .security-notice-card-title h2 {
    font-weight: 600;
    margin-top: 15px;
    color: #fff;
}
.securitynotice_success_modal .modal-body p {
    color: rgba(255, 255, 255, 0.7);
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.5;
}
.securitynotice_success_modal .info-box {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 15px;
    border-radius: 8px;
    margin-top: 15px;
    font-size: 14px;
    color: #fff;
}
.securitynotice_success_modal .securitynotice_update_password_now_btn {
    background-color: #0bb5259c;
    border-color: #0bb5259c;
    font-weight: 600;
    color: #fff;
    border: none;
    font-size: 18px;
    padding: 10px 30px;
    margin-top: 20px;
    border-radius: 8px;
    float: left;
    margin-left: 0;
}
.securitynotice_success_modal .securitynotice_got_it_btn {
    background-color: #675252b5;
    border-color: #675252b5;
    font-weight: 600;
    color: #fff;
    border: none;
    font-size: 18px;
    padding: 10px 30px;
    margin-top: 20px;
    border-radius: 8px;
    float: right;
    margin-right: 0;
}
.securitynotice_success_modal .close {
    font-size: 2.2rem;
    color: rgba(255, 255, 255, 0.7);
}
/* Security Notice Modal Styles End */

/* Common Modal Styling for Access Modal Start */
.accessModalpopup .modal-header {
  border-bottom: none;
}

.accessModalpopup .icon-container {
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: 0 auto;
  margin-top: -60px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.accessModalpopup .icon-container i {
  font-size: 40px;
}

.accessModalpopup .badge {
  padding: 8px 20px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 20px;
  margin-top: 15px;
  display: inline-block;
  text-transform: uppercase;
}

.accessModalpopup .access-notice {
  display: flex;
  align-items: flex-start; /* Align icon and text vertically */
  border: 1px solid #fdecc5; /* Light border similar to the design */
  border-radius: 12px; /* Rounded corners matching the image */
  padding: 15px 20px; /* Balanced padding for a clean look */
  background-color: #fff9e6; /* Background matching the image */
  color: #a86205; /* Text color resembling the image */
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

.accessModalpopup .access-notice i {
  font-size: 20px; /* Icon size */
  color: #a86205; /* Match icon to text color */
  margin-right: 10px; /* Space between icon and text */
  flex-shrink: 0; /* Prevent icon from shrinking */
}

.accessModalpopup .access-notice strong {
  font-weight: 600; /* Slightly bolder heading */
  font-size: 16px; /* Slightly larger text for the title */
  margin-bottom: 5px; /* Space below the title */
  display: block; /* Ensure strong takes its line */
  text-align: left;
}

.accessModalpopup .access-notice p {
  margin: 0; /* Remove default margin for paragraph */
  line-height: 1.6; /* Add line height for readability */
  font-size: 14px; /* Match text size in the image */
  text-align: left;
}

.accessModalpopup .feature-item {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-top: 20px;
}

.accessModalpopup .feature-item i {
  font-size: 24px;
  margin-top: 5px;
  padding: 4px 10px;
  border-radius: 5px;
}

.accessModalpopup .get-started-btn {
  border: none;
  padding: 12px 25px;
  border-radius: 8px;
  margin-top: 30px;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
}

/* Teacher Modal Styling */
#TeacherAccessPopupModal .icon-container {
  background-color: #eaf4fe;
}

#TeacherAccessPopupModal .icon-container i {
  color: #3b82f6;
}

#TeacherAccessPopupModal .feature-item i {
  color: #3b82f6;
  background-color: #eaf4fe;
}

#TeacherAccessPopupModal .badge {
  background-color: #eaf4fe;
  color: #3b82f6;
}

#TeacherAccessPopupModal .get-started-btn {
  background: linear-gradient(90deg, #4f93ff, #1d4ed8);
  color: white;
}

#TeacherAccessPopupModal .get-started-btn:hover {
  background: linear-gradient(90deg, #3b82f6, #1e40af);
}

/* Admin Modal Styling */
#AdminTeacherAccessPopupModal .icon-container {
  background-color: #f3e8ff;
}

#AdminTeacherAccessPopupModal .icon-container i {
  color: #8b5cf6;
}

#AdminTeacherAccessPopupModal .feature-item i {
  color: #8b5cf6;
  background-color: #f3e8ff;
}

#AdminTeacherAccessPopupModal .badge {
  background-color: #f3e8ff;
  color: #8b5cf6;
}

#AdminTeacherAccessPopupModal .get-started-btn {
  background: linear-gradient(90deg, #a78bfa, #7c3aed);
  color: white;
}

#AdminTeacherAccessPopupModal .get-started-btn:hover {
  background: linear-gradient(90deg, #7c3aed, #6b21a8);
}
/* Common Modal Styling for Access Modal End */
.opt_name {
  background-color: #fff; /* For debugging purposes, can be removed */
  padding: 10px; /* Add some spacing around the text */
  border: 1px solid transparent; /* Optional: Add a border if needed */
  border-radius: 5px; /* Optional: Round the corners for better appearance */
  white-space: normal; /* Allow text to wrap */
  word-wrap: break-word; /* Break long words if necessary */
  overflow-wrap: break-word; /* Ensure text wraps properly */
  display: block; /* Ensure it behaves as a block element */
  width: 100%; /* Take the full width of the column */
  box-sizing: border-box; /* Include padding and border in width calculation */
}
/* Screen Size Detection Error Popup Css Start */
#screenSizeDetectionError .popup {
  margin: 50px auto;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  padding: 10px 2px 25px;
}
#screenSizeDetectionError .popup-header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}
#screenSizeDetectionError .popup-header i {
  font-size: 24px;
  margin: 0 10px;
}
#screenSizeDetectionError .popup-title {
  text-align: center;
  font-weight: bold;
  margin: 0;
}
#screenSizeDetectionError .popup-body {
  padding: 15px;
}
#screenSizeDetectionError .popup-body p{
  color: #5a5555;
}
#screenSizeDetectionError .notice-box {
  padding: 10px 15px;
  border-radius: 8px;
  margin-bottom: 10px;
}
#screenSizeDetectionError .warning {
  background-color: #fff4e5;
  border-left: 4px solid #ff9800;
  color: #ff9800;
}
#screenSizeDetectionError .warning strong{
  color: #b16c05;
}
#screenSizeDetectionError .success {
  background-color: #e8f5e9;
  border-left: 4px solid #4caf50;
  color: #4caf50;
}
#screenSizeDetectionError .success strong{
  color: #048308;
}
.instruction .clearfix, .instruction{
	cursor: move;
}
.instruction .card, .instruction .card-header{
	background-color: transparent;
	border: none;
}
/* Screen Size Detection Error Popup Css End */
.reading_material_card {
  background-color: #f8f6f2;
}

/* categoryUnsignRestrictionErrorModal Styles */
#categoryUnsignRestrictionErrorModal {
  .modal-dialog {
      max-width: 650px;
      margin: 1.75rem auto;
  }
  .modal-content {
      background-color: #fff;
      border-radius: 12px;
      border: none;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      overflow: hidden;
  }
  /* Modal Header */
  .modal-header {
      padding: 1rem;
      border-bottom: none;
      display: flex;
      align-items: center;
      justify-content: space-between;
  }
  .modal-header .close {
      color: #fff;
      opacity: 1;
      font-size: 1.5rem;
      padding: 1rem;
      margin: -1rem -1rem -1rem auto;
  }
  .modal-header .close:hover {
      opacity: 0.75;
  }
  /* Modal Title */
  .modal-title {
      font-size: 1rem;
      font-weight: 500;
      margin: 0;
      display: flex;
      align-items: center;
  }
  .modal-title i {
      margin-right: 0.5rem;
  }
  /* Modal Body */
  .modal-body {
      padding: .25rem 1rem;
  }
  .text-justify {
      text-align: left;
      color: #4a4a4a;
      font-size: 0.95rem;
      margin-bottom: 1rem;
  }
  /* Table Styles */
  .table {
      margin-bottom: 1rem;
  }
  .table-striped tbody tr:nth-of-type(odd) {
      background-color: rgba(0, 0, 0, 0.02);
  }
  .table th {
      border-top: none;
      font-weight: 600;
      padding: 0.75rem;
  }
  .table td {
      padding: 0.75rem;
      border-top: 1px solid #dee2e6;
  }
  /* Modal Footer */
  .modal-footer {
      border-top: none;
  }
  /* Button Styles */
  .btn-danger {
      background-color: #dc3545;
      border: none;
      padding: 0.5rem 1.5rem;
      color: white;
      transition: background-color 0.2s;
  }
  .btn-danger:hover {
      background-color: #c82333;
  }
  .rounded-pill {
      border-radius: 50rem;
  }
  .font-weight-bold {
      font-weight: 600;
  }
  /* Error Icon Styles */
  .fa-exclamation-circle {
      color: #fff;
      font-size: 1.1rem;
  }
  /* Background Overlay */
  .modal-backdrop {
      background-color: rgba(0, 0, 0, 0.5);
  }
  .modal-backdrop.show {
      opacity: 1;
  }
}
/* categoryDeleteRequestModal Styles */
#categoryDeleteRequestModal {
  @media (min-width: 576px) {
      .modal-dialog {
          max-width: 650px;
      }
  }
  /* Form Controls */
  .form-control, .form-select {
      border: 1px solid #dee2e6;
      border-radius: 6px;
      padding: 0.625rem 0.75rem;
      font-size: 0.875rem;
      transition: all 0.2s ease;
  }
  .form-control:focus, .form-select:focus {
      border-color: #86b7fe;
      box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
  }
  .form-control:read-only {
      background-color: #f8f9fa;
  }
  /* Warning Alert */
  .warning-alert {
      background-color: #fff3cd;
      border: 1px solid #ffecb5;
      border-radius: 8px;
      padding: 1rem;
      margin-bottom: 1.5rem;
  }
  .warning-alert .alert-header {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      color: #664d03;
      margin-bottom: 0.5rem;
  }
  .warning-alert ul {
      margin: 0;
      padding-left: 1.5rem;
      color: #664d03;
  }
  .warning-alert li {
      margin-bottom: 0.25rem;
  }
  /* Confirmation Section */
  .confirmation-section {
      margin: 1.5rem 0;
  }
  .form-check-label {
      font-size: 0.875rem;
      color: #6c757d;
  }
  /* Submit Button */
  .form-submit-btn {
      width: 100%;
      padding: 0.75rem 1.5rem;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      border-radius: 6px;
      transition: all 0.2s ease;
  }
  .form-submit-btn:hover {
      transform: translateY(-1px);
      box-shadow: 0 4px 6px rgba(220, 53, 69, 0.2);
  }
  /* Form Groups */
  .form-group {
      margin-bottom: 1rem;
  }
  .form-label {
      font-size: 0.875rem;
      font-weight: 500;
      color: #344767;
      margin-bottom: 0.5rem;
  }
  /* Section Styles */
  .info-section {
      margin-bottom: 1rem;
      border-radius: 8px;
  }
  .info-section h6 {
      font-size: 1.1rem;
      font-weight: 600;
      color: #444;
      margin-bottom: 0.75rem;
  }
  .info-section .form-group .form-control{
     border: 1px solid #ddd;
     background-color: #fff;
  }
  .info-section .form-label {
      font-size: .90rem;
      font-weight: 500;
      color: #444;
  }
  /* Form Controls */
  .form-control, .select2-container--default .select2-selection--multiple {
      border: 1px solid #ddd;
      border-radius: 4px;
      padding: 0.5rem;
      font-size: 0.9rem;
      background-color: #fff;
  }
  .reason-textarea {
      min-height: 100px;
      background-color: #f8f9fc;
  }
  /* Select2 Customization */
  .select2-container--default .select2-selection--multiple {
      min-height: 38px;
  }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
      background-color: #e9ecef;
      border: 1px solid #dee2e6;
      border-radius: 4px;
      padding: 2px 8px;
      margin: 2px;
  }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
      margin-right: 5px;
      color: #666;
  }
  @media (max-width: 767.98px) {
      .info-section {
          margin-bottom: 1rem;
          border-radius: 8px;
      }
      .info-section h6 {
          font-size: 1.1rem;
          font-weight: 600;
          color: #444;
          margin-bottom: 0.75rem;
      }
      .info-section .form-group .form-control{
          border: 1px solid #ddd;
          background-color: #fff;
      }
      .info-section .form-label {
          font-size: .90rem;
          font-weight: 500;
          color: #444;
      }
  }
}
#Helpfiletable {
  textarea{
      overflow-y: scroll !important;
      -webkit-overflow-scrolling: touch;
  }
  textarea::-webkit-scrollbar {
      width: 8px;
  }
  textarea::-webkit-scrollbar-track {
      background: #f1f1f1;
  }
  textarea::-webkit-scrollbar-thumb {
      background: #888;
      border-radius: 10px;
  }
  textarea::-webkit-scrollbar-thumb:hover {
      background: #555;
  }
}
/* Custom CSS for smaller SweetAlert popup */
.small-swal {
  width: 300px !important;
  font-size: 14px !important;
  padding: 10px !important;
}
.small-swal-title {
  font-size: 16px !important;
  margin-bottom: 10px !important;
}
.small-swal-content {
  font-size: 14px !important;
  margin-bottom: 10px !important;
}
.small-swal-button {
  font-size: 12px !important;
  padding: 5px 10px !important;
}
/* Contact Details Modal styles */
#contectDetail {
  .invalid-feedback {
      display: none;
      width: 100%;
      margin-top: 0.25rem;
      font-size: 80%;
      color: #dc3545;
  }
  .is-invalid ~ .invalid-feedback {
      display: block;
  }
  .form-control.is-invalid, .form-check-input.is-invalid {
      border-color: #dc3545;
  }
  .form-control.is-invalid:focus {
      border-color: #dc3545;
      box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  }
  .form-check-input.is-invalid ~ .form-check-label {
      color: #dc3545;
  }
  .modal-content {
      background-color: #393431;
      color: #f1f1f1;
      border-radius: .75rem;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  }
  .modal-header {
      border-bottom: none;
      padding: 20px;
  }
  .modal-title {
      font-size: 1.5rem;
      font-weight: bold;
      color: #f1f1f1;
      text-align: center;
      width: 100%;
  }
  .modal-header p {
      color: #999;
      font-weight: 500;
      font-size: 0.9rem;
      text-align: left;
      margin-bottom: 0;
  }
  .modal-body {
      padding: 20px;
  }
  .form-group {
      margin-bottom: 1.5rem;
  }
  .form-group label {
      font-size: 0.9rem;
      font-weight: 500;
      color: #f1f1f1;
      margin-bottom: 0.5rem;
  }
  .form-control {
      background-color: #fff;
      border: 1px solid #5a5551;
      color: #000;
      border-radius: 5px;
      padding: 10px;
      font-size: 0.9rem;
  }
  .form-check-input {
      background-color: #fff;
      border: 1px solid #5a5551;
  }
  .form-check-label {
      color: #f1f1f1;
      font-size: 0.9rem;
  }
  .form-check-label a {
      color: #03dac6;
      text-decoration: none;
  }
  .form-check-label a:hover {
      text-decoration: underline;
  }
  .btn-primary {
      background-color: #03dac6;
      border: none;
      border-radius: 5px;
      padding: 10px 20px;
      font-size: 0.9rem;
      font-weight: 500;
      transition: background-color 0.3s ease;
  }
  .btn-primary:hover {
      background-color: #02b3a2;
  }
  @media (max-width: 576px) {
      .modal-dialog {
          margin: 10px;
      }
      .modal-content {
          padding: 15px;
      }
      .modal-title {
          font-size: 1.2rem;
      }
      .form-group label {
          font-size: 0.8rem;
      }
      .form-control {
          font-size: 0.8rem;
      }
      .btn-primary {
          font-size: 0.8rem;
          padding: 8px 16px;
      }
  }
}
.hide{ display: none; }
div#guide7_box {
  bottom: 0%;
  left: 12%;
  z-index: 13;
}

.student-dashboard-right-guide .user-guide-box {
  position: absolute;
  width: 250px;
  left: -270px !important;
  top: 0 !important;
  background: #222;
  color: white;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
@media (max-width: 876px) {
  .student-dashboard-right-guide .user-guide-box {
    left: -180px !important;
  }
}
.student-academy-sidemenu-div .user-guide-box, .student-dashboard-sidemenu-div .user-guide-box {
  position: absolute;
  background: #222;
  color: white;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  z-index: 1000;
  width: 250px;
  right: -140px;
}
.student-profile-pass-update-guide {
  position: absolute;
  background: #222;
  color: white;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  z-index: 1000;
  width: 250px;
}
.guide-footer {
  display: flex;
  align-items: center;
  justify-content: space-between; /* Space between elements */
  margin-top: 12px;
}
.guide-footer a {
  max-width: fit-content;
  padding:0.25rem 0.5rem;
  font-size: 14px;
}
.nextguide {
  flex: 1; /* Makes it take most of the space */
  padding: 10px 14px;
  font-weight: bold;
  text-align: center;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.guide-count {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  border-radius: 6px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: fit-content;
  padding:0.25rem 0.5rem;
}
.user-guide-box p {
  line-height: 1.3rem;
  font-size: 14px;
  padding: 0.25rem 0 0.5rem 0;
  text-align: left;
}
.student-dashboard-right-guide {
  position: relative;
}

/* User Activity Modal Styling */
#userActivityModal {
  .custom-modal {
      border-radius: 12px;
      box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25);
  }
  .modal-header {
      border-bottom: 1px solid #ddd;
      background: #f8f9fa;
      color: #333;
      font-weight: bold;
      padding: 15px;
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  .modal-title i {
      margin-right: 8px;
      color: #007bff;
  }
  /* Right-align top buttons */
  .modal-header .d-flex {
      width: 100%;
      justify-content: flex-end;
  }
  .modal-header form {
      margin-left: 10px;
  }
  /* Modern Logout Buttons */
  .btn-warning, .btn-danger {
      font-size: 14px;
      font-weight: 600;
      border-radius: 8px;
      padding: 8px 16px;
      transition: all 0.3s ease;
  }
  .btn-warning {
      background: #ff9800;
      border: none;
      color: white;
  }
  .btn-warning:hover {
      background: #e68900;
  }
  .btn-danger {
      background: #dc3545;
      border: none;
      color: white;
  }
  .btn-danger:hover {
      background: #bb2d3b;
  }
  /* Session List Styling */
  .session-list {
      display: flex;
      flex-direction: column;
      gap: 12px;
  }
  .session-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: #ffffff;
      padding: 15px;
      border-radius: 12px;
      border: 1px solid #ddd;
      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
  }
  .session-info {
      display: flex;
      flex-direction: column;
      font-size: 14px;
  }
  .session-location {
      font-weight: bold;
      color: #333;
      display: flex;
      align-items: center;
  }
  .session-location i {
      color: #007bff;
      margin-right: 5px;
  }
  .session-ip,
  .session-time {
      color: #555;
      font-size: 13px;
  }
  /* Current Login Button */
  .btn-current-login {
      background: #17a2b8;
      color: white;
      border: none;
      font-size: 13px;
      font-weight: bold;
      padding: 6px 12px;
      border-radius: 8px;
      cursor: default;
      transition: all 0.3s ease;
  }
  /* Force Logout Button */
  .force-logout-btn {
      background: none;
      border: none;
      color: #dc3545;
      font-weight: 600;
      display: flex;
      align-items: center;
      font-size: 14px;
      padding: 6px 10px;
      border-radius: 8px;
      transition: all 0.3s ease;
  }
  .force-logout-btn i {
      margin-right: 5px;
  }
  .force-logout-btn:hover {
      background: rgba(220, 53, 69, 0.1);
  }
  /* Close Button */
  .close-btn {
      padding: 8px 20px;
      border-radius: 8px;
  }
}
.admin-banner-form-create-edit {
  .academy-list-container {
    background: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
  /* Search Input */
  #companySearch {
    background: #ffffff;
    border: 2px solid #007bff;
    border-radius: 8px;
    padding: 10px;
    font-size: 14px;
    width: 100%;
    transition: all 0.3s ease-in-out;
  }
  #companySearch:focus {
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.2);
  }
  /* Buttons */
  #selectComp,
  #deselectComp {
    background: #007bff;
    color: white;
    border: none;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 8px;
    margin-right: 10px;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  #deselectComp {
    background: #dc3545;
  }

  #selectComp:hover {
    background: #0056b3;
  }

  #deselectComp:hover {
    background: #b02a37;
  }
  /* Scrollable Checkbox List */
  .scrollableCheckList {
    width: 100%;
    overflow-y: auto;
    max-height: 250px;
    height: 250px;
    border: 1px solid #ccc;
    padding: 15px;
    margin-top: 15px;
    background: white;
    border-radius: 8px;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
  }
  /* Checkbox Styling */
  .checkbox-inverse {
    align-items: center;
    padding: 8px;
    border-radius: 6px;
    transition: all 0.3s ease-in-out;
  }
  /* .checkbox-inverse input {
    display: none;
  } */
  .checkbox-inverse label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-left: 8px;
  }
  /* Custom Checkbox */
  .checkbox-inverse label::before {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 2px solid #007bff;
    display: inline-block;
    margin-right: 8px;
    transition: all 0.3s ease-in-out;
  }
  /* Checked State */
  .checkbox-inverse input:checked + label::before {
    border-color: #007bff;
    font-size: 14px;
    color: white;
    text-align: center;
    line-height: 18px;
  }
  /* Error Message */
  .form-control-feedback {
    color: #dc3545;
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
  }
  /* Responsive Grid */
  @media (max-width: 768px) {
    .checkbox-inverse {
      flex: 0 0 50%;
      max-width: 50%;
    }
  }
  @media (max-width: 576px) {
    .checkbox-inverse {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
}
.select2-container .select2-search--inline .select2-search__field {
  width: 100% !important;
}
.student-datatable-actions a {
  margin: 0.25rem 0;
}
.student-datatable-actions a:first-child {
  margin-left: 2.5rem;
}