body{font-family: 'PT Sans', sans-serif!important; font-size: 18px !important; color: #000 !important;}
p{font-family: 'PT Sans', sans-serif;}
h1, h2, h3, h4, h5, h6{  font-family: 'Montserrat', sans-serif;}
.pt-sans{font-family: 'PT Sans', sans-serif !important;}
.mont-serrat{ font-family: 'Montserrat', sans-serif !important;}
#navbarsExample10 li{ font-size: 14px; font-weight: bold; line-height: 22px;}
ul.right-menu{ list-style: none;}
ul.right-menu li{ display: inline-block; margin-right: 5px;}

ul.dashboard { list-style: none;}
ul.dashboard li{ display: inline-block; margin-right: 25px;}
ul.dashboard li a{ color:#0F2137; text-decoration:none; font-weight:500; font-size: 14px;}
#navbarsExample10 li.nav-item a{ position: relative;}
#navbarsExample10 li.nav-item a:after{
background: none repeat scroll 0 0 transparent;
bottom: 0;
content: "";
display: block;
height: 2px;
left: 50%;
position: absolute;
background: #fff;
transition: width 0.3s ease 0s, left 0.3s ease;
width: 0;
}
#navbarsExample10 li.nav-item a.active:after{
  width: 100%;
  left: 0;
  background: #0f2137;
}
#navbarsExample10 li.nav-item a:hover:after {
  width: 100%;
  left: 0;
  background: #0f2137;
}
.vhd-100{ height:100vh;}
.srch-bg{background: #F0F1E1; border-radius:10px;}
.fsize36{ font-size: 36px !important;}
.fsize30{ font-size: 30px !important;}
.fsize18{ font-size: 18px !important;}
.fsize22{ font-size: 22px !important;}
.fsize12{ font-size: 12px !important;}
.fsize13{ font-size: 13px !important;}
.fsize14{ font-size: 14px !important;}
.fsize16{ font-size: 16px !important;}
.fsize96{ font-size: 96px !important;}
.h-color{ color: #373F41;}
.p-color{ color: #373F41;}
.b-color{ color: #0F2137 !important;}
.w-color{ color:#F0F1E1 !important;}
.dl-color{ color: #999999 !important;}
.g-color{ color:#E5E5E5;}
.lg-color{ color:#C4C4C4;}
.fw-medium {
  font-weight: 500 !important;
}
/*.btn-inactive{padding:0 20px; margin-bottom: 10px; border-radius: 100px; display: inline-block; text-decoration:none; font-style: italic;font-size:14px; line-height: 35px; width: auto; border:1px solid #0F2137; color:#0F2137;}*/
 .btn-inactive{
/*    padding: 0 20px;*/
    margin-bottom: 10px;
    border-radius: 100px;
    display: inline-block;
    text-decoration: none;
    font-style: italic;
    font-size: 14px;
    line-height: 18px;
    width: auto;
    border: 1px solid #0F2137;
    color: #0F2137;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}
.m-h{ min-height: 260px;}
.btn-inactive:hover{color:#E5E5E5; background:#0F2137;}
.btn-active{ align-items: center; height: 42px; border-radius: 100px; margin-bottom: 15px;  display: flex; justify-content: center;text-decoration:none; font-style: italic;font-size:14px; line-height: 18px; width: auto; border:1px solid #0F2137; background:#0F2137; color:#F0F1E1;}
.btn-active:hover{color:#F0F1E1;}
.bg-green{background:#0D703F;}
.bg-blue{ background:#0F2137;}
.bg-grey{background: #F0F1E1;}
.bg-dark-grey{ background:#E5E5E5;}
.btn-green{-webkit-transition: all 0.6s;-moz-transition: all 0.6s;transition: all 0.6s; border-radius: 100px; margin-bottom: 15px; display: inline-block; text-decoration:none; font-style: italic;font-size:14px; line-height: 35px; width: 100px; border:1px solid #0D703F; background:#0D703F; color:#F0F1E1;}
.btn-green:hover{color:#3C64B1 !important; background: #ffffff;}
.searchcont{ position: relative; z-index: 1; width: 100%; padding:6px 5px 6px 10px; background:#fff; border-radius: 100px;}
.searchcont input{ width: 80%; padding:8px 10px; font-size: 13px; border:0px; margin-left: 5px;}
.searchcont input:focus-visible{outline:0px; box-shadow:0px;}
.ct-account{ margin-left: 100px; border:3px solid #F0F1E1; border-radius: 10px;}
.courses-list li:before{ background:url(../img/check-icon.png) no-repeat; width: 15px; height: 16px; content: ""; display: inline-block; margin-right: 10px;}
.courses-list li{ line-height: 32px;}
.a-img{ width: auto !important; margin-right: 20px; float: left; margin-left: -250px; display: inline-block;}
.ct-details{display: inline-block;
    width: 70% !important;
    float: left;}
.uc-list li a{ font-style: italic; font-weight:300; font-size: 18px; color: #F0F1E1;}
.uc-list li { line-height: 31px;}
.cq li a{ font-style: italic; font-weight:300; font-size: 18px; color: #0F2137;}
.cq li { line-height: 50px;}
.enq-module h4{ color: #F0F1E1;}
.brd-vertically{ background:#fff; min-height: 230px; width: 1px;}
.brd-horizontal{ background:#fff; width: 100%; height: 1px;}
.ft-links li{ display: inline-block;line-height: 22px;}
.ft-links li a{ padding:5px;color: #000; font-size: 14px; text-decoration: none; font-weight: bold;}
.search-result{box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); background:#E5E5E5; float: left; width: 100%; margin-top:-20px; padding: 20px 0px;}
.rs-section{background:#fff;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 5px; margin:15px 10px; padding:10px 20px;}
.navbar-toggler:focus{ border: 0px; outline: 0px; box-shadow: 0px;}
.get-in-touch{ border:1px solid #D7D7D7; border-radius: 10px;}
.logo img{ height: 100px;}
.sidebarleft{ position: fixed; left: 0px;}
.green-brd{ position: relative;}
.green-brd:before{content: '';
  position: absolute;
  background-color: #B9FFB8;
  min-height: 100%;
  width: 14px;}

  .yellow-brd{ position: relative;}
  .yellow-brd:before{content: '';
    position: absolute;
    background-color: #FFF8B8;
    min-height: 100%;
    width: 14px;}


.red-brd{ position: relative;}
.red-brd:before{content: '';
position: absolute;
background-color: #FFC5B8;
min-height: 100%;
width: 14px;}
.center-txt{justify-content: center;
    flex-direction: column;
    display: flex;}
.b-l{border-left:1px solid #E5E5E5 !important }
@media only screen and (max-width: 460px) {
  .courses-listed .unactive-list{ display: grid !important;}
  .courses-listed .active-list{ display: grid !important;}

}
@media only screen and (max-width: 640px) {

  .ct-account{border:0px; margin: 10px;}
  .ct-details{ width: 100% !important;}
  .fsize36{ font-size: 24px !important;}
  .eh p { font-size: 14px;}
  .fsize18 { font-size: 14px !important;}
  .rc p { font-size: 10px !important;}
  .btn-active{ font-size: 12px; width: 90px; }
  .btn-inactive{ font-size: 12px; width: 90px;}
  .searchcont input{ width: 66%;}
  .uc-list li a{ font-size: 12px;}
  .uc-list li{ line-height: 20px;}
  .cq li a{ font-size: 12px;}
  .cq li{ line-height: 30px;}
  .ft-links li a{ font-size: 11px; padding: 0px;}
  .ct{ font-size: 18px !important;}
  .fsize30{ font-size: 24px !important;}
  .ct-details li{ font-size: 12px; float: left; line-height: 25px; width: 100%;}
  .courses-list li:before{margin-top:5px; background:url(../img/mob-check.png) no-repeat; height: 15px; margin-bottom: 20px; float: left;}
  .navbar-nav{ background:#f9f9f9; border-top:1px solid #F0F1E1; margin-top: 20px;}
  #navbarsExample10 li{ padding-left: 20px;}
  .logo{ width: 135px; display:block; margin: 0 auto;}
  .logo img{ width: 100%; height: auto;}
  .slick-next { right:-7px !important;}
  .slick-prev { left:-7px !important;}
  .courses-listed .active-list{ padding:12px 8px;}
  .courses-listed .active-list a{ display: contents !important; width: 60%; padding:0px 5px; font-size: 14px;}
  .schedule-listed .unactive-list a{ display: contents !important; width: 60%; font-size: 14px;}

  .courses-scheduled td{ font-size: 14px;}
  .schedule-listed .unactive-list{ padding:20px 15px !important;}
  #scrollbarleft{ min-height: 100% !important;max-height: 100%!important; overflow: hidden !important;}
  #scrollrightbar{ max-height: 100%!important; overflow: hidden !important;}
  .brd-mob{ border-left:0px solid #e5e5e5 !important; border-bottom: 0px solid #e5e5e5;}
  .vhd-100{ height:100%;}
  .sidebarleft{ position: relative !important;}
  ul.dashboard { width: 100% !important;}
  ul.dashboard li{ display: block !important;width: 100%; text-align: left; padding-bottom: 10px;}
  .dropdown-menu-end[data-bs-popper]{ left: 0px !important; right: auto !important; width: 100% !important;}
  .payment-btn-cont{margin-top:20px;}
  .b-l{border-left:0px solid #e5e5e5 !important;}
}

@media only screen and (min-width:641px) and (max-width:768px){
  .logo{ width: auto; display:block; margin: 0 auto;}
  .searchcont input{ width: 75%;}
  .ct-account{border:0px; margin: 10px;}
  .ct-details{ width: 100% !important;}
  .navbar-nav{ background:#f9f9f9; border-top:1px solid #F0F1E1; margin-top: 20px;}
  #navbarsExample10 li{ padding-left: 20px;}
  #scrollbarleft{ max-height: 100%!important; min-height: 100% !important;overflow: hidden !important;}
  #scrollrightbar{ max-height: 100%!important; overflow: hidden !important;}
  .brd-mob{ border-left:0px solid #e5e5e5 !important; border-bottom: 0px solid #e5e5e5;}
  .vhd-100{ height:100%;}
    .sidebarleft{ position: relative !important;}
    .payment-btn-cont{margin-top:20px;}
}

@media only screen and (min-width:768px) and (max-width:990px){
  .searchcont input{ width: 66%;}
  .a-img{ width: 300px !important;}
  .ct-details{ width: 82% !important;}
  .courses-list li{ font-size: 16px; float: left;}
  .courses-list li:before{margin-top:9px; background:url(../img/mob-check.png) no-repeat; height: 15px; margin-bottom: 20px; float: left;}
  .navbar-nav{ background:#f9f9f9; border-top:1px solid #F0F1E1; margin-top: 20px;}
  #navbarsExample10 li{ padding-left: 20px;}
  #scrollbarleft{ max-height: 100%!important; min-height: 100% !important;overflow: hidden !important;}
  #scrollrightbar{ max-height: 100%!important; overflow: hidden !important;}
  .sidebarleft{width:370px;}
  .payment-btn-cont{margin-top:20px;}
}
@media only screen and (min-width:990px) and (max-width:991px){
  .payment-btn-cont{margin-top:-100px;}
}
@media only screen and (min-width:990px) and (max-width:992px){
#scrollbarleft{ max-height: 100%!important; min-height: 100% !important;overflow: hidden !important;}
}
@media only screen and (min-width:992px) and (max-width:1080px){
  .courses-listed .unactive-list{ display: grid !important;}
  .schedule-listed .unactive-list{ display: grid !important;}
}
@media only screen and (min-width:991px) and (max-width:1200px){
  .searchcont input{ width: 60%;}
  .ct-details{ width: 75% !important;}
  .courses-listed .active-list{ display: grid !important;}
  .a-img{ width: 350px !important; margin-left:-180px;}
  .ct-account{ margin-left: 80px;}
}

@media only screen and (min-width:1201px) and (max-width:1400px){
  .searchcont input{ width: 70%;}
}
@media only screen and (min-width:1198px) and (max-width:1380px){
  .sidebarleft{width:390px;}
}

.contents{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.slider {
    width: 100%;
    margin: 10px auto;
}

.slick-slide {
  margin: 0px 15px;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}


.slick-slide {
  transition: all ease-in-out .3s;
  opacity: 1;
}

.slick-active {
  opacity: 1;
}

.slick-current {
  opacity: 1;
}
.courses-listed { width: 98%;}
.courses-listed .unactive-list{transition: background-color 0.5s ease; position: relative;background:#ffffff; display: block;  padding:12px 15px; text-decoration: none;width: 100%; border:1px solid #e4e4e4;box-sizing:border-box; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));border-radius: 5px;}
.courses-listed .unactive-list a{color:#000; text-decoration: none;}
.courses-listed .unactive-list:hover{background:#0F2137; background-color 0.7s ease;}
.courses-listed .unactive-list:hover a{color:#fff; text-decoration: none;}

.courses-listed .active-list{background:#0F2137; display: block; color:#fff; padding:12px 15px; text-decoration: none;width: 100%; border:1px solid #e4e4e4;box-sizing:border-box; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));border-radius: 5px;}
.courses-listed .active-list a{color:#F0F1E1; text-decoration: none;}
.courses-listed .active-list span > a{ text-decoration:underline; width: 100%; display: block;}

.schedule-listed { width: 100%; border-radius: 0.25rem;}
.schedule-listed .unactive-list{ display: block;  padding:12px 15px; text-decoration: none; font-weight:normal; width: 100%; border-radius: 5px;}
.schedule-listed .unactive-list a{color:#fff; text-decoration: none;}
.courses-listed  .unactive-list span > a{ text-decoration:underline; width: 100%; display: block;font-weight:normal;}
.brd-mob{ border-left:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5;}
#scrollbarleft{ max-height: 510px; min-height: 500px;overflow-x: hidden; overflow-y: scroll; width: 100%;}

/* width */
#scrollbarleft::-webkit-scrollbar {
  width: 10px;
}

/* Track */
#scrollbarleft::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #E5E5E5;
  border-radius: 2px;
  background:#E5E5E5;
}

/* Handle */
#scrollbarleft::-webkit-scrollbar-thumb {
  background: #0F2137;
  border-radius: 2px;
}

/* Handle on hover */
#scrollbarleft::-webkit-scrollbar-thumb:hover {
  background: #0F2137;
}

#scrollrightbar{ max-height: 100; /*overflow-x: hidden; overflow-y: scroll;*/ width: 100%;}

/*
#scrollrightbar::-webkit-scrollbar {
  width: 10px;
}
#scrollrightbar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #E5E5E5;
  border-radius: 2px;
  background:#E5E5E5;
}
#scrollrightbar::-webkit-scrollbar-thumb {
  background: #0F2137;
  border-radius: 2px;
}
#scrollrightbar::-webkit-scrollbar-thumb:hover {
  background: #0F2137;
}*/

.table > :not(:last-child) > :last-child > *{
  border-bottom-color:#E5E5E5 !important;
}
.courses-scheduled th{ font-size: 14px !important;}
.list-italic a{ font-size: 14px !important;}
.courses-listed .unactive-list .d-n {display: none;}
.courses-listed .active-list .d-n{ display: block;}
/*.d-n{ display: none;}
.courses-listed .unactive-list:hover .d-n a{ color:#fff;}
.courses-listed .unactive-list:hover .d-n{display: block;
    width: 38%;
    background: #0F2137;
    text-align: center !important;
    top: 2px;
    position: absolute;
    left: 0px;
    right: 0px;
    padding: 9px 15px;
    border: 1px solid #0F2137;
    border-radius: 100px;
    margin: 0 auto;
}
.active-list .d-n{display: block;
    width: 38%;
    background: #fff;
    text-align: center !important;
    top: 2px;
    position: absolute;
    left: 0px;
    right: 0px;
    padding: 9px 15px;
    border: 1px solid #fff;
    border-radius: 100px;
    margin: 0 auto;}
.active-list .d-n a{color: #0F2137;}*/
.d-n a{ font-size: 16px;}
.account-list li a{-webkit-transition: background-color 1s ease-out;-moz-transition: background-color 1s ease-out;-o-transition: background-color 1s ease-out;transition: background-color 1s ease-out; background:#fff; border-radius:100px; display: block; width: 50px; height: 50px; line-height: 50px; color: #000; text-decoration:none;}
.account-list li:hover a{background:#3C64B1; color:#fff;}
.account-list li.active a{background:#3C64B1; color:#fff;}
.signinform .form-check-input:checked{background-color: #3C64B1;border-color: #3C64B1;}
.leftbarstyle:before{ background-url(../img/);}
select.form-control{
    -webkit-appearance: menulist!important;
    -moz-appearance: menulist!important;
    -ms-appearance: menulist!important;
    -o-appearance: menulist!important;
    appearance: menulist!important;
}
.states{ color: #111 !important;}

/*

ul.rdbtn{
  list-style: none;
  margin: 0;
  padding: 0;
	overflow: auto;
}

ul.rdbtn li{
  color: #ffffff;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  min-height: auto;
margin-bottom: 14px;
}

ul.rdbtn li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

ul.rdbtn li label{
  display: block;
  position: relative;
  font-weight: 300;
  float: left;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

ul.rdbtn li:hover label{
	color: #FFFFFF;
}

ul.rdbtn li .check{
  display: block;
  position: absolute;
  border: 2px solid #ffffff;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  top: 3px;
  left: 0px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

ul.rdbtn li:hover .check {
  border: 2px solid #FFFFFF;
}

ul.rdbtn li .check::before {
  display: block;
  position: absolute;
	content: '';
  border-radius: 100%;
  height: 10px;
  width: 10px;
  top: 3px;
	left: 3px;
  margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

ul.rdbtn li input[type=radio]:checked ~ .check {
  border: 2px solid #ffffff;
}

ul.rdbtn li input[type=radio]:checked ~ .check::before{
  background: #0D703F;
}

ul.rdbtn li input[type=radio]:checked ~ label{
  color: #ffffff;
}
*/


.radio {
  display: block;
  cursor: pointer;
  user-select: none;
  text-align: left;
}
.radio + .radio {
  margin-top: 12px;
}
.radio input {
  display: none;
}
.radio input + span {
  display: inline-block;
  position: relative;
  padding-left: 30px;
}
.radio input + span:before {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: 0px;
  border-radius: 50%;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  background:transparent;
}
.radio input + span:after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: #3C64B1;
  position: absolute;
  border-radius: 50%;
  top: 9px;
  left: 5px;
  opacity: 0;
  transform: scale(0, 0);
  transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}
.radio input:checked + span:after {
  opacity: 1;
  transform: scale(1, 1);
}
ul.dropdown-menu li{ margin-right: 0px; display: block;}
ul.dropdown-menu li a{color:#0F2137;}

input.form-control::placeholder {
  color: #111;
}
select.form-control::placeholder {
  color: #111;
}

.bg-red{background:#FFC5B8;}
.bg-yellow{background:#FFF8B8;}
.bgg-green{background:#B9FFB8;}

@media (min-width: 768px){
  .col-to-five-elements{
    flex: 0 0 auto;
    width: 20% !important;
  }

  div.col-to-five-elements > div.float-start > div.text-center > label{
    height: 70px;
  }
  
}

.individuals-buttons{
  margin-left: auto;
}

.thead-border-top-0 > thead > tr > th {
  font-size: 16px;
}

.thead-border-top-0 > thead > tr > th > a {
  text-decoration: none;
  color: black;
  background: transparent;
}

#panel-students > li > .nav-link{
  color: #0F2137 !important;
  font-weight: 700;
}

#panel-students > li > .nav-link.active{
  background-color: #0F2137 !important;
  color: white !important;
}

#panel-students > li > .nav-link > .bg-success{
  vertical-align: text-bottom !important;
}

#pills-tabContent > .tab-pane > table{
  /*max-height: 600px;
  overflow-y: scroll;*/
}