body {font-family: 'Open Sans', sans-serif;}

.custom-sidebar { padding: 25px; overflow: auto; background-color: #393A35; width: 217px; position: fixed; top: 0px; bottom: 0px; left: 0px; }
.custom-sidebar ul, .whitebg-sidebar ul{ margin: 25px 0px 0px; padding: 0px;}
.custom-sidebar ul li, .whitebg-sidebar ul li { list-style: none; padding: 3px 0px;}
.custom-sidebar ul li a, .whitebg-sidebar ul li a { color: #A3A4A2; font-size: 14px; text-decoration: none;}
.custom-sidebar ul li a.active, .whitebg-sidebar ul li a.active { color: #6AC180; font-weight: bold; }
.custom-sidebar ul li a.active svg path{ fill: #6AC180;}
.custom-sidebar ul li a:hover, .whitebg-sidebar ul li a:hover { color: #6AC180;}
.custom-sidebar hr { background-color: #545454;}
.maincontainer { margin-left: 217px; height: 100%; }
.top-header { background-color: #fff;}
.top-header .top-heading { border-bottom: #F0F0F0 solid 1px; padding: 10px 25px;}
.top-header .top-heading h2 { color: #393A35; font-size: 24px; font-weight: bold; margin: 0px;}
.user-block {display: flex;  align-items: center;}
.user-block span.usertext {color: #717170; font-size: 14px; padding-right: 15px; font-family: 'Open Sans', sans-serif;}
.user-block span.user-img span.budge { margin-bottom: -5px; margin-right: -7px; background-color: #FF0000; border-radius: 50px; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 600; height: 15px; min-width: 15px; color: #fff; display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0px; right: 0px;}
.user-block span.user-img { position: relative;}
.top-heading-nav { padding: 5px 16px 0px;}
.custom-tab.nav-tabs .nav-link.active {border: #fff;}
.custom-tab.nav-tabs .nav-link { margin-bottom: 0px;}
.custom-tab.nav-tabs { border-bottom: none;}
.custom-tab.nav-tabs .nav-link{ position: relative; padding-left: 0px; margin-left: 12px; margin-right: 12px; padding-right: 0px;}
.custom-tab.nav-tabs .nav-link.active::after { content: ""; position: absolute; bottom: -1px; left: 0px; right: 0px; height: 2px; background-color: #6AC180;}
.custom-tab.nav-tabs .nav-link {color: #A3A4A2; font-size: 14px;}
.custom-tab.nav-tabs .nav-link > span.tab-budge { margin-top: 3px; margin-right: -14px; background-color: #FF0000; border-radius: 50px; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 600; height: 15px; min-width: 15px; color: #fff; display: flex; align-items: center; justify-content: center; position: absolute; top: 0px; right: 0px;}
.custom-tab.nav-tabs .nav-link.active { color: #6AC180; font-weight: bold;}
.custom-tab.nav-tabs.top-list .nav-link.active,.custom-tab.nav-tabs.top-list .nav-link:hover { color: #348EFF; font-weight: normal; text-decoration: none;}
.custom-tab.nav-tabs.top-list .nav-link.active::after{display: none;}
.head-search-section { background-color: #F1F1F1; padding: 12px 25px;}
.custom-search {width: 400px; position: relative;}
.custom-search input[type="search"] { width: 100%; padding-right: 35px;}
.custom-search input[type="button"] { position: absolute; text-indent: 55px; top: 50%; margin-top: -9px; right: 10px; border: none; width: 18px; height: 18px; background: url(../images/search.png) no-repeat;}
.custom-main-block { background-color: #EAEAEA; padding: 25px; min-height: 100vh;}
.fs-20 { font-size: 20px !important;}
table.custom-table thead { background-color: #fff; } 
table.custom-table thead tr th { padding: 15px 25px; color: #393A35; font-family: 600; font-size: 14px;}
.table.custom-table > :not(caption) > * > * {    border-bottom-width: 0px; padding-left: 25px; padding-right: 25px; font-size: 14px;}
.table.custom-table tbody tr td a{text-decoration: none; color: #348EFF;} 
.table.custom-table tbody tr td { color: #717170;}
.tablebg-white {border-radius: 5px; overflow: hidden; background-color: #fff; box-shadow: #d8d9d4 0px 4px 6px;}
.custom-modal .modal-dialog .modal-content { border-radius: 0px; border: 0px;}
.custom-modal .modal-dialog .modal-header {border-bottom: none;}
.custom-modal .modal-dialog .modal-footer {border-top: none;}
.custom-modal .modal-dialog .modal-footer { justify-content: flex-start;}
.custom-modal .modal-dialog .modal-body h5.modal-title {color: #393A35; font-weight: bold; font-size: 24px; font-family: 'Open Sans', sans-serif;}
a { color: #348EFF; text-decoration: none;}
label.form-label  {color: #717170;font-family: 'Open Sans', sans-serif; font-size: 14px;}
.messagetext{color: #A3A4A2;font-family: 'Open Sans', sans-serif; font-size: 14px;}
.back-btn span{color: #348EFF; font-size: 14px; font-family: 'Inter', sans-serif; margin-left: 5px;}
.custom-card.active { border: #6AC180 solid 2px;}
.custom-card .card-body h3 {color: #393A35; font-size: 16px; margin-bottom: 5px; font-weight: bold; font-family: 'Open Sans', sans-serif;}
.custom-card .card-body p {color: #717170; font-size: 14px; margin-bottom: 5px; font-family: 'Open Sans', sans-serif;}
.custom-card .card-body .text {color: #717170; font-size: 14px; font-weight: 400; font-family: 'Open Sans', sans-serif;}
.progresstext  {color: #717170; font-size: 12px; font-weight: 400; font-family: 'Open Sans', sans-serif;}
.opacity-1 { opacity: 0.5;}
.whitebg-card { background-color: #fff; padding: 24px 48px; margin-right: -25px; box-shadow: 0px 6px 9px 0px #d6d6d6;}
.whitebg-card .whitebg-card-header {padding-bottom: 15px; border-bottom: #F0F0F0 solid 1px;} 
.whitebg-card .whitebg-card-header h2 {color: #393A35; font-size: 20px; font-weight: bold; font-family: 'Open Sans', sans-serif;}
ul.top-list {margin: 0px; display: flex; flex-wrap: wrap; align-items: center; list-style: none; padding: 0px;}
ul.top-list li {padding-right: 15px;}
ul.top-list li:last-child{ padding-right: 0px;}
ul.top-list li a{ color: #717170; align-items: center; font-size: 14px; display: flex; font-family: 'Inter', sans-serif;}
ul.top-list li a:hover, ul.top-list li a.active { color:#348EFF;}
ul.top-list li a:hover svg path{ fill: #348EFF;}
ul.top-list li a svg {display: block;}
ul.top-list li a.active svg path { fill: #348EFF;}

table.custom-table-2 thead tr th:first-child {
color: #717170; font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 400;
} 
table.custom-table-2 thead tr th {color: #393A35; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600;} 
table.custom-table-2 > :not(:last-child) > :last-child > * { border-bottom-color:transparent}
table.custom-table-2  > :not(caption) > * > *  {    border-bottom-width: 3px;}
table.custom-table-2 > :not(caption) > * > * { color: #717170; font-size: 14px;  font-family: 'Inter', sans-serif;}
.green-circle{ width: 15px; height: 15px; border-radius: 50px; border: 3px solid #6AC180;}
.yellow-circle{ width: 15px; height: 15px; border-radius: 50px; border: 3px solid #FBBD1E;}
.gray-circle{ width: 15px; height: 15px; border-radius: 50px; border: 3px solid #A3A4A2;}
table.custom-table-2  > :not(caption) > * > * {padding: 0.6rem 0.9rem;}

table.custom-table-2.custom-table-3 tbody > tr > td:first-child {position: relative; padding-left: 37px;}

table.sub-custom-table-2 tr td:first-child::after{ content: ""; position: absolute; bottom: 0px; top: 0px; left: 0px; width: 5px; background-color: #fff;}
table.sub-custom-table-2 tr td:first-child::before{ content: ""; position: absolute; bottom: 0px; top: 0px; left: 3px; width: 3px; background-color: #E0E0E0;}
table.sub-custom-table-2 > :not(caption) > *:last-child > * {border-bottom-width:0px}
html,body{ height: 100%;}
.light-graybg{background-color: #EAEAEA;}
.light-gray-bg { background: rgb(215,217,223); height: 100%; min-height: 100%; padding-left: 25px; padding-right: 25px;
  background: linear-gradient(138deg, rgba(215,217,223,1) 7%, rgba(234,234,234,1) 100%); padding-top: 100px; padding-bottom: 100px;}

  .login-card {border: #CECECE solid 1px; position: relative; background-color: #fff; border-radius: 20px; max-width: 540px; margin: auto; padding: 75px 40px;}
  .login-card .login-logo { position: absolute; top: 0px; width: 78px; height: 70px; left: 50%; margin-top: -43px; transform: translateX(-50%);}
  .login-card h2 {color: #393A35; font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: bold;}
  .login-footer {max-width: 540px; margin: 10px auto;}
ul.list-nav { margin: 0px; padding: 0px; display: flex; align-items: center;}
ul.list-nav li { list-style: none; margin: 0px 10px;}
ul.list-nav li a {color: #348EFF; font-size: 12px; font-family: 'Inter', sans-serif;}
ul#menu>li.hidden {
  display: none;
}
ul#menu>li a+ul li a {
  padding-left: 16px;
  text-align: left;
  white-space: nowrap;
}
ul#custommenu>li {
  display: inline-block;
  padding: 0px 7px;
  position: relative;
}
ul#custommenu>li > a {position: relative; }
ul#custommenu>li > a.active::after{ height: 2px; position: absolute; left: 0px; right: 0px; background-color: #6AC180; margin-bottom: -12px; content: ""; bottom: 0px;}
ul#custommenu { border-bottom: #F0F0F0 solid 1px; padding-bottom: 10px;}
ul#custommenu>li:first-child { padding-left: 0px;}
ul#custommenu>li a {color: #717170; font-size: 14px; font-family: 'Open Sans', sans-serif;}
ul#custommenu>li a:hover {color: #6AC180;}
ul#custommenu>li > a.active {color: #6AC180; font-weight: bold;}
.custom-border-top { margin-top: -2px;}
ul#custommenu>li.more>a .fa {
  color: yellow;
}

ul#custommenu>li.hidden {
  display: none;
}

ul#custommenu>li { position: relative;}
ul#custommenu>li a .fa {
  font-size: 20px;
  display: block;
  margin-bottom: 10px;
}

ul#custommenu>li a+ul {
  display: none;
  z-index: 22;
  position: absolute;
  top: 100%;
  margin-top: 0px !important;
  right: -25px;
  min-width: 155px;
  margin-top: 0px;
  background: #6AC180;
  padding: 10px;
  margin-right: 0;
}

ul#custommenu>li a+ul::after {
  position: absolute;
  top: -7px;
  right: 28px;
  background: url(../images/arrow-img-top.png) no-repeat;
  content: "";
  width: 25px;
  height: 16px;
}



ul#custommenu>li a+ul li {
  margin-top: 1px;
  margin-right: 0px;
  margin-left: 0px;
  list-style: none;
}

ul#custommenu>li a+ul li a {
  padding-left: 0px;
  text-align: left;
  white-space: nowrap !;
  color: #fff;
}

ul#custommenu>li a+ul li a:hover {
  padding-left: 0px;
  text-align: left;
  white-space: nowrap !;
  color: #fff;
}



ul#custommenu>li:hover ul {
  display: block;
}

.custom-nav {
  width: 100%;
}
.custom-navwidth-100 li  {display: block; width: 100%; }
 .whitebg-card-body h2 {
  color: #393A35;
  font-size: 20px;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
}
.asterisk { color: #FF0000;}
.customfile {display: none;}
.link { font-size: 14px;}
#browsetext, .browsetext  {color: #348EFF; font-size: 14px; font-family: 'Inter', sans-serif;}
.custom-card .card-header h3 {color: #6AC180; font-weight: bold; font-size: 16px; font-family: 'Open Sans', sans-serif; margin: 0px;}
.custom-card .card-header a.cusomlink  {color: #348EFF;  font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 400;}
.custom-card {border: #D7D7D7 solid 1px;}
.custom-card .card-header { background-color: #fff;}

.table-striped > tbody > tr:nth-of-type(odd) { border-bottom-width: 1px;}
.table-striped > tbody > tr:nth-of-type(even) { border-bottom-width: 1px;}
.custom-table thead tr th { color: #000000; font-size: 14px;  font-family: 'Open Sans', sans-serif; } 
.edit-block {width: 55px; display: flex; align-items: center;}
.grid-usertext {color: #717170; font-size: 17px; line-height: 26px;  font-family: 'Open Sans', sans-serif;}
.custom-card { border: none; box-shadow: none; border-radius: 10px;}
.custom-card h2 {color: #393A35; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 16px;}
.custom-card h4 {color: #393A35; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 24px;}
.custom-card-3 {border-radius:0;border:0;margin-left:-12px;}

.container-1108 {max-width:1132px;}

.assessment-nav-side {background:#393a35;margin-right:-12px;height:100%;padding:38px 30px;color:#fff;}
.assessment-nav-side h4 {font-size:20px;}
.assessment-nav-side ul {padding-left:28px;border:0;}
.assessment-nav-side .nav-tabs .nav-link {color:#a3a4a2;padding-left:0;font-size:14px;}
.assessment-nav-side .nav-tabs .nav-link.active,
.assessment-nav-side .nav-tabs .nav-item.show .nav-link {background:none;font-weight:700;border:0;color:#fff;}
.assessment-nav-side .nav-tabs .nav-link:hover,
.assessment-nav-side .nav-tabs .nav-link:focus {border-color:transparent;color:#fff;}

.px-6 {padding-right:4rem !important;padding-left:4rem !important;}

.section h2 { margin-bottom: 5px;}
.section p { color: #717170; font-family: 'Open Sans', sans-serif; font-size: 14px; margin-bottom: 5px;}
.section h4 {color: #6AC180; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: bold;}

.custom-alert-light { border: #FBBD1E solid 1px;}
.custom-alert-light h3 {color: #393A35; margin-bottom: 5px; font-size: 16px; font-weight: bold; font-family: 'Open Sans', sans-serif; }
.custom-alert-light p {color: #717170; font-size: 14px; font-weight: 400; font-family: 'Open Sans', sans-serif; margin-bottom: 0px;}
.custom-card-green { background-color: #6AC180; }
.custom-card-blue { background-color: #348EFF; }
.custom-card-purple { background-color: #6743A1; }
.custom-card-mehroon { background-color: #A14354; }
.custom-card-yellow { background-color: #FBBD1E; }
.custom-card-box { border: 0px; height: 100%;}
.custom-card-box h3 {color: #fff; font-size: 20px;  font-family: 'Open Sans', sans-serif;  margin: 0px;}
.content-block h3 {color: #393A35; font-size: 20px; font-weight: bold; font-family: 'Open Sans', sans-serif;}
.custom-card-border-bottom { border-radius: 5px; height: 100%; border: 0px; overflow: hidden;}
.custom-card-border-bottom { border-bottom: #6AC180 solid 3px;}

.custom-card-border-bottom .dateblock {color: #A3A4A2;  font-family: 'Open Sans', sans-serif; font-size: 12px;}
.custom-card-border-bottom p {color: #717170; font-size: 14px; font-family: 'Open Sans', sans-serif; margin-bottom: 0px; font-weight: 400;}
.custom-card-border-bottom a { color: #348EFF; font-size: 14px;}
.custom-pagination li a.page-link { background-color: transparent;}
.custom-pagination li a.page-link:hover { color: #000;}
/*.exclusives-details a { font-size: 14px;}*/
.custom-card .exclusives-details h2 {color: #393A35; font-size: 14px; font-family: 'Open Sans', sans-serif; font-size: 36px; margin-bottom: 0px; margin-top: 15px;}
.exclusives-details .date-block { color: #A3A4A2; font-size: 12px; font-family: 'Open Sans', sans-serif;}
.exclusives-details p{color: #717170; font-size: 14px;  font-family: 'Open Sans', sans-serif;}
.custom-card .exclusives-details h3 {color: #6AC180; margin-bottom: 15px; font-size: 24px; font-weight: bold; font-family: 'Open Sans', sans-serif;}
.custom-card .exclusives-details h4 {color: #393A35; margin-bottom: 10px; font-size: 16px; font-weight: bold; font-family: 'Open Sans', sans-serif;}
ul.list, ol.list { margin: 0px 0px 0px 15px; padding: 0px;}
ul.list li, ol.list li { color: #717170; margin: 5px 0px; font-size: 14px; font-family: 'Open Sans', sans-serif;}
.whitebg-sidebar { background-color: #FFFFFF; height: 100%; padding: 35px; width: 268px;}
.whitebg-sidebar h3 {color: #393A35; font-size: 16px; font-weight: bold; font-family: 'Open Sans', sans-serif;}
.fs-14{ font-size: 14px !important;}
.text-color { color: #717170;}
ul#custMenu>li.hidden {
  display: none;
}

ul#custMenu>li a+ul li a {
  padding-left: 16px;
  text-align: left;
  white-space: nowrap;
}



ul#custMenu>li {
  display: inline-block;
  position: relative;
}

ul#custMenu>li.more>a .fa {
  color: yellow;
}

ul#custMenu>li.hidden {
  display: none;
}


ul#custMenu>li a .fa {
  font-size: 20px;
  display: block;
  margin-bottom: 10px;
}

ul#custMenu>li a+ul {
  display: none;
  position: absolute;
  margin-top: 0px !important;
  top: 100%;
  right: -25px;
  margin-top: 10px;
  background: #6AC180;
  padding: 10px;
  margin-right: 0;
}

ul#custMenu>li a+ul::after {
  position: absolute;
  top: -12px;
  right: 23px;
  background: url(../images/arrow-img-top.png) no-repeat;
  content: "";
  width: 25px;
  height: 16px;
}

ul#custMenu>li a+ul li {
  margin-top: 1px;
  margin-right: 0px;
  margin-left: 0px;
}

ul#custMenu>li a+ul li .nav-link {
  padding-left: 0px;
  text-align: left;border: 0px;
  white-space: nowrap !;
  color: #fff;
}
ul#custMenu>li a+ul li .nav-link:hover, ul#custMenu>li a+ul li .nav-link:focus { border: none; background-color: transparent  ;}
ul#custMenu>li a+ul li .nav-link{ color: #fff; margin: 0px; width: 100%; border-radius: 0px; padding: 5px 10px; font-weight: normal; white-space: nowrap; background: transparent;
}
ul#custMenu>li a+ul li .nav-link:hover { background-color: #5fb073;   }
ul#custMenu>li a+ul li .nav-link
ul#custMenu>li a+ul li .nav-link.active { background-color: #5fb073;        width: 100%;
  border-radius: 0;}
ul#custMenu>li a+ul li { list-style: none;}

ul#custMenu>li:hover ul {
  display: block;
  z-index: 888;
}
.astrisk { color:red;}
.graybgcontent { 
  background: #F2F2F2; border: #E1E1E1 solid 1px; padding: 15px;
}
.fs-14 { font-size: 14px;}
.style-1::-webkit-scrollbar-track 
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.style-1::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.style-1::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}


.style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.style-3::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.style-3::-webkit-scrollbar-thumb
{
	background-color: #000000;
}
.textcustom { color: #A3A4A2; font-size: 14px; font-family: 'Open Sans', sans-serif;}
.greentext  { color: #6AC180; font-size: 12px; font-family: 'Open Sans', sans-serif;}
.inputform { background: transparent; border: none; width: 100%; height: 35px;}
.inputform:focus{border:none; outline: none;}
/* custom select dropdown*/
.styled-select {
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 3px;
    
    overflow: hidden;
    position: relative;
  }
  .styled-select, .styled-select select { width: 240px;}
  select:focus { outline: none; }
  .styled-select select {
    height: 34px;
    padding: 5px 0 5px 5px;
    background: transparent;
    border: none;
    /*hide default down arrow in webkit */
    -webkit-appearance: none; 
  }
  .drag-icon { cursor: pointer;}
.drag-icon img{width: 15px; margin-right: 5px; opacity: 0.5;}
  @-moz-document url-prefix(){
    .styled-select select { width: 110%; }
  }
  
  .fa-sort-desc {
    position: absolute;
    top: 0;
    right: 12px;
    font-size: 24px;
  }
  .rounded-4 {
    border-radius: 20px !important;
  }
   select::-ms-expand { display: none; } /* hide default down arrow in IE10*/
  
  /* hack to fall back in opera */
  _:-o-prefocus, .selector {
    .styled-select { background: none; }
    }
    #menu,.mainclose  {display: none;}

    label.form-check-label { color: #717170;
      font-family: 'Open Sans', sans-serif;
      font-size: 14px;
  }
  #menu {display: block;}
  #wysiwyg select,#wysiwyg input, #wysiwyg button {
    background-color: #F6F7F7;
    border: none;
    padding: 0.5em 0.8em;
    border-radius: 4px;
    color: grey;
    cursor: pointer;
    outline-style: none;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
  }
  #wysiwyg select:hover,#wysiwyg input:hover,#wysiwyg button:hover {
    background-color: #EFEFEF;
    color: black;
  }
  #wysiwyg select:not(:last-child),#wysiwyg input:not(:last-child),#wysiwyg button:not(:last-child) {
    margin-right: 4px;
  }
  #wysiwyg select[type=color],#wysiwyg input[type=color],#wysiwyg button[type=color] {
    width: 1.2em;
  }
  #wysiwyg select[type=number],#wysiwyg input[type=number],#wysiwyg button[type=number] {
    width: 3em;
  }
  
  #wysiwyg {
    border-radius: 8px;
    width: 100%;
  border: #D7D7D7 solid 1px;
    max-height: 100%;
  
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  #wysiwyg .btns {
    padding: 0.3em 0.3em;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #D7D7D7;
    background-color: #F6F7F7;
    flex-grow: 2;
  }
  #wysiwyg .btns .category {
    display: flex;
    align-items: center;
    border-right: 1px solid #EFEFEF;
    padding: 0 4px;
  }
  #wysiwyg #editor {
    resize: none;
    background-color: white;
    outline-style: none;
    border: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    width: 100%;
    min-height: 180px;
    box-sizing: border-box;
    color: #717170;
    padding: 20px 20px;
    max-height: calc(80vh);
    overflow: auto;
  }
  #wysiwyg #editor img {
    max-width: 100%;
  }
  .custom-dropdown-menu {border: #DCDCDC solid 1px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); padding-top: 10px !important; padding-bottom: 10px !important;  margin-top: 10px !important;}
  
  .custom-dropdown-menu[data-popper-placement="bottom-start"]{margin-left: -15px !important;}
  .custom-dropdown-menu[data-popper-placement="bottom-end"]{margin-right: -15px !important;}
  .custom-dropdown-menu[data-popper-placement="bottom-start"]::before {
    content: "";
    background: url(../images/arrowtop.png) no-repeat;
    width: 15px;
    height: 12px;
    background-size: 100%;
    display: block;
    margin-top: -11px;
    position: absolute;
    top: 0px;
    left: 16px;
  }
.title-text-message {color: #717170; font-size: 16px; font-family: 'Open Sans', sans-serif; }
.messagetitle { padding-top: 4px;}
.messagetitle h3 { margin: 0px; font-weight: bold; color: #717170; font-size: 14px; font-family: 'Open Sans', sans-serif;}
.messagetitle .date{color: #A3A4A2; font-size: 10px;  font-family: 'Open Sans', sans-serif;}
.messagetitle p {color: #717170; margin-bottom: 0px; font-size: 14px;  font-family: 'Open Sans', sans-serif;}
.custom-scroll { overflow-x: auto; max-height: 350px; padding-left: 15px; padding-right: 15px;}
.inputgroup { position: relative;}
.inputgroup .closesmall { position: absolute; right: 0px; top: 50%; margin-top: -12px; margin-right: -17px; }
.custom-dropdown-menu[data-popper-placement="bottom-end"]::before {
    content: "";
    background: url(../images/arrowtop.png) no-repeat;
    width: 15px;
    height: 12px;
    background-size: 100%;
    display: block;
    margin-top: -11px;
    position: absolute;
    top: 0px;
    right: 10px;
  }
  



.colour-picker-field {
  display: flex;

}

.colour-picker-field__item {
  border: var(--border);
  border-radius: var(--border-radius);
}

.colour-picker-field__item--text {
  width: 175px;
border-radius: 5px;
padding: 2px 10px;
color: #717170;
font-family: 'Inter', sans-serif;
font-size: 14px;
margin-left: 5px;
border: #D7D7D7 solid 1px;

}
.colour-picker-field__item--text:focus{
  outline: none;
}
.colour-picker-field__item--picker {
  width: 40px;
  padding: 2px;
  height: 40px;
  border: #E1E1E1 solid 1px;
border-radius: 5px;
}
.custom-main-block h5 {color: #717170;  font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: bold;} 
.colour-picker-field__item--picker::-webkit-color-swatch {
  border-radius: 5px; border: none;
}
.table.custom-table2 > :not(caption) > * > * {padding-left: 5px;
  padding-right: 5px;}

  .custom-card-border-bottom h4 {color: #6AC180; font-size: 16px; font-weight: bold; margin-bottom: 0px;  font-family: 'Open Sans', sans-serif;}
  .custom-card-border-bottom h5 {color: #393A35; font-size: 20px;  font-weight: bold; margin-bottom: 0px;  font-family: 'Open Sans', sans-serif;}
  .custom-card-border-bottom .price {color: #717170; font-size: 24px;  font-weight: 400; margin-bottom: 0px;  font-family: 'Open Sans', sans-serif;}
  .custom-card-border-bottom a.custom-btn-outline-light {border: #DEDEDE solid 1px; display: inline-block; border-radius: 5px; color: #348EFF;  font-family: 'Open Sans', sans-serif; font-size: 14px;  padding: 10px 15px;}
  .custom-card-border-bottom .custom-card-header img { height:200px; object-fit: cover;}
.customexpires { position: relative;}
.customexpires span{ position: absolute; right: 0px; color: #717170; font-size: 14px;  font-family: 'Open Sans', sans-serif; top: 50%; margin-top: -11px; right: 10px;}
.custom-btn-close { right: 10px; top: 10px; position: absolute; width: 5px; height: 5px;}
.colorpickerblock { border: #D7D7D7 solid 1px; height: 35px; border-radius: 5px; padding: 1px; }
  .custom-card-2{ border: #D7D7D7 solid 1px;}
  .custom-card-2 .card-body{padding: 10px 1rem;}
  .custom-card-2 .card-footer {background-color: #F1F1F1; padding: 15px 1rem; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
  .custom-card-2 .btn-outline-secondary {background-color: #fff;}
  .custom-dropdown-menu li { padding: 3px 0px;}
  .custom-dropdown-menu li > a { background-color: transparent; padding-top: 0px; padding-bottom: 0px; color: #717170 !important; font-family: 'Open Sans', sans-serif;  font-size: 14px;}
  .custom-dropdown-menu li a:hover, .custom-dropdown-menu li a.active { background-color:transparent; font-weight: bold; color: #393A35 !important;}
  .whitebg-sidebar ul.message-sidebar li a {color: #A3A4A2; font-size: 14px;  font-family: 'Open Sans', sans-serif;}
  .whitebg-sidebar ul.message-sidebar li a.active { color: #393A35;}
  .whitebg-sidebar ul.message-sidebar li a.dotes { position: relative;}
  .whitebg-sidebar ul.message-sidebar li a.dotes::after{ content: ""; border-radius: 50px; top: 50%; margin-top: -2.5px; margin-left: -10px; background-color: red; left: 0px; width: 5px; height: 5px; position: absolute; left: 0px;}
  .dateblock {
    position: relative;
}
.course-detail-card h4 { margin-bottom: 5px;}
.button-secton { display: flex; justify-content: end; padding-right: 20px; width: 235px; height: 100%; align-items: center;}
.course-detail-card .lassaon{ color: #717170; font-size: 14px; font-family: 'Open Sans', sans-serif; }
.course-detail-card .completed { color: #A3A4A2; font-size: 14px; font-family: 'Open Sans', sans-serif;}
.course-detail-card .last-activity { color: #A3A4A2; font-size: 12px; font-family: 'Open Sans', sans-serif;}
.tick-img { position: absolute; right: 0px; top: 0px; margin-right: -15px; margin-top: -15px;}
.dateblock a {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.custom-card .card-body .custom-alert h3 {color: #717170; font-size: 20px; font-weight: 400; text-decoration: line-through; margin: 0px; font-family: 'Open Sans', sans-serif;}
.custom-card .card-body .custom-alert small{color: #A3A4A2; font-weight: 400; font-size: 14px; font-family: 'Open Sans', sans-serif;}
.custom-card-2 { margin-top: -3px; border: #F0F0F0 solid 1px; border-top-left-radius: 0px; border-top-right-radius: 0px;}
.graytext-line-strock {color: #A3A4A2; line-height: normal; font-size: 16px; font-family: 'Open Sans', sans-serif; text-decoration: line-through;}
#prerequisitesmet p 
{color: #717170; font-size: 14px; font-family: 'Open Sans', sans-serif;} 
.ui-datepicker {
  background: #ffffff;

}
.ui-datepicker-calendar th { padding-top: 10px;}
.ui-datepicker-calendar  {  border: #000 solid 1px;}
.ui-datepicker-header {
  height: 50px;
  border: #000 solid 1px;
  line-height: 50px;
  color: #ffffff;
  background: #393A35;

}
.ui-datepicker-prev,
.ui-datepicker-next {
  width: 20px;
  height: 20px;
  text-indent: 9999px;
  border-radius: 100%;
  cursor: pointer;
  overflow: hidden;
  margin-top: 12px;
}
.ui-datepicker-prev {
  float: left;
  margin-left: 12px;
}
.ui-datepicker-prev:after {
  transform: rotate(45deg);
  margin: -43px 0px 0px 8px;
}
.ui-datepicker-next {
  float: right;
  margin-right: 12px;
}
.ui-datepicker-next:after {
  transform: rotate(-135deg);
  margin: -43px 0px 0px 6px;
}
.ui-datepicker-prev:after,
.ui-datepicker-next:after {
  content: '';
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover:after,
.ui-datepicker-next:hover:after {
  border-color: #fff;
}
.ui-datepicker-title {
  text-align: center;
  font-size:20px;
}
.ui-datepicker-calendar {
  width: 100%;
  text-align: center;
}
.ui-datepicker-calendar thead tr th span {
  display: block;
  width: 40px;
  color: #393A35;
  margin-bottom: 5px;
  font-size: 14px;
}
.ui-state-default {
  display: block;
  text-decoration: none;
  color: #333333;
  line-height: 40px;
  font-size: 13px;
}
.ui-state-default:hover {
  color: #ffffff;
  background:#393A35;
  border-radius:50px;
  transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);
}
.ui-state-highlight {
  color: #ffffff;
  background-color:#393A35;
  border-radius:50px;
}
.ui-state-active {
  color: #ffffff;
  background-color:#393A35;
  border-radius:50px;
}
.ui-datepicker-unselectable .ui-state-default {
  color: #eee;
  border: 2px solid transparent;
}
.dateblock {
  position: relative;
}
.dateblock a {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.card-top-border-radious {
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}
.add-pricing-section { border: #F0F0F0 solid 1px; padding: 12px; display: inline-block;}
.course-details .price-detail {color: #6AC180; font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: bold;}
.quantity-field {
  display: flex;
  justify-content: center;
  align-items: center;

  height: 30px;
  margin: 0 auto;    
}

.quantity-field .value-button{ 
  border: 1px solid #ddd;
  margin: 0px;
  width: 30px;
  height: 100%;   
  padding: 0;
  background: #ffffff; 
  outline: none;
  cursor: pointer;
}

.quantity-field .value-button:hover {
  background: rgb(255, 255, 255);
}

.quantity-field .value-button:active{
  background: rgb(210, 210, 210);
}

.quantity-field .decrease-button {
  margin-right: 0px;
}

.quantity-field .increase-button {
  margin-left: -1px;
}
 
.quantity-field .number{
  display: inline-block;
  text-align: center;
  border: none;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 0px;
  width: 30px;
  height: 100%;
  line-height: 30px;
  font-size: 11pt;
  box-sizing: border-box; 
  background: white;
  font-family: calibri;
}

.quantity-field .number::selection{
  background: none;
}

/*
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
*/
.tab-containt b {color: #717170; font-size: 14px; font-family: 'Open Sans', sans-serif;  }
ul.list li{ color: #717170; font-size: 14px;  font-family: 'Open Sans', sans-serif; text-decoration: none; margin: 0px; position: relative;}
ul.list li::after{ content: ""; width: 5px; height: 5px; border-radius: 50px; background-color: #717170; }
.width-285px{
  width: 285px;
}
.video-element { height: 550px;}
.text-md-2 {color: #393A35;  font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 24px; margin: 0px;}
.custom-sidebar-basic-information { position: static; height: 100%; width: 264px; padding-top: 40px; padding-right: 45px;}
.custom-sidebar-basic-information h2 {color: #fff;  font-family: 'Open Sans', sans-serif; font-weight: 400; margin-bottom: 0px; font-size: 20px;}
.custom-sidebar-basic-information ul {margin-left: 32px;} 
.custom-sidebar-basic-information ul li {margin-bottom: 5px; position: relative;}
.custom-sidebar-basic-information ul li a.active { color: #fff;}
.custom-sidebar-basic-information ul li a:hover { color: #fff;}
.whtiebg { background: #fff; padding: 50px; height: 100%;}
.whtiebg h2 {color: #393A35; font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: 700;}
.custom-sidebar-basic-information ul li a { position: relative;}
.custom-sidebar-basic-information ul li a.completed::after{ content: ""; margin-top: -8px; margin-left: -30px; width: 16px; height: 16px; position: absolute; left: 0px; top: 50%; background: url(../images/check_circle.png) no-repeat;}
.custom-sidebar-basic-information ul li a.completed {color: #6AC180;}
.custom-success h2 { color: #6AC180; margin-bottom: 15px; font-size: 36px; font-family: 'Open Sans', sans-serif;}
.custom-error h2 { color: #FBBD1E; margin-bottom: 15px; font-size: 36px; font-family: 'Open Sans', sans-serif;}
.custom-pending h2 { color: #717170; margin-bottom: 15px; font-size: 36px; font-family: 'Open Sans', sans-serif;}
.fs-16 { font-size: 16px !important;}
.customblock-card h3 { color: #717170; font-size: 20px; font-weight: 400; font-family: 'Open Sans', sans-serif;}
.customblock-card ul { margin:0px; padding:0px; counter-reset: section; position: relative;}
.customblock-card ul li::before {   counter-increment: section;
  content: " " counter(section) ": "; color: #717170; font-size: 14px; font-family: 'Inter', sans-serif;}
.customblock-card ul li { list-style: none; margin-bottom: 2px; background-color: #fff; padding: 10px; }

.customblock-card ul li a { color: #717170; font-size: 14px; font-family: 'Inter', sans-serif;}

.tags-input-wrapper{

  background: #ffffff;
  padding: 10px;
  border-radius: 4px;

  border: 1px solid #D7D7D7
}
.tags-input-wrapper input{
  border: none;
  background: transparent;
  outline: none;
  width: 150px;
}
.tags-input-wrapper .tag{
  display: inline-block;
  background-color: #F0F0F0;
  color: #717170;
  border-radius: 5px;
  padding: 0px 3px 0px 7px;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  margin-right: 5px;

}
.tags-input-wrapper .tag a {
  margin: 0 7px 3px;
  display: inline-block;
  cursor: pointer;
}
.doller-img { position: absolute; top: 50%; transform: translateY(-50%); left: 10px; color: #A3A4A2;}
.quotes { border-left: #6AC180 solid 2px;}
.quotes ul { margin: 0px 0px 0px 15px; padding: 0px;}
.quotes ul li { list-style: none; position: relative; color: #717170; padding-left: 15px; font-family: 'Open Sans', sans-serif; font-size: 14px;  font-style: italic;}
.quotes ul li::after{ content: ""; width: 4px; height: 4px; position: absolute; left: 0px; top: 8px;  background-color: #717170; border-radius: 50px;}
.anchor-icon { padding: 6px; text-align: center; background-color: #fff; height: 40px; width: 40px; border: #D7D7D7 solid 1px;}
:root {
  --border-radius: 8px;
  --border: 1px solid #8e929c;
}


.colour-picker-field {
  display: flex;
  justify-content: center;
}

.colour-picker-field__item {
  border: var(--border);
  border-radius: var(--border-radius);
}

.colour-picker-field__item--text {
  width: 175px;
  padding: 1rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.colour-picker-field__item--picker {
  width: 50px;
  height: auto;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.upload_dropZone {
  color: #0f3c4b;
  background-color: var(--colorPrimaryPale, #F5F5F5);
  outline: 2px dashed var(--colorPrimaryHalf, #A3A4A2);
  border-radius: 5px;

  transition:
    outline-offset 0.2s ease-out,
    outline-color 0.3s ease-in-out,
    background-color 0.2s ease-out;
}
.upload_dropZone.highlight {
  outline-offset: -4px;
  outline-color: var(--colorPrimaryNormal, #0576bd);
  background-color: var(--colorPrimaryEighth, #c8dadf);
}
.upload_svg {
  fill: var(--colorPrimaryNormal, #0576bd);
}
.btn-upload {
  color: #348EFF;
  background-color: var(--colorPrimaryNormal);
  font-size: 14px;
}
.btn-upload:hover,
.btn-upload:focus {
  color: #348EFF;
  background-color: var(--colorPrimaryGlare);
}
.upload_img {
  width: calc(33.333% - (2rem / 3));
  object-fit: contain;
}
.custom-input-block { max-width: 155px;}
.posright { position: absolute; right: 0px; top: 50%; margin-top: -12px; margin-right: 5px;}
.custom-acordian .accordion-item:first-of-type{    border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;}
  .custom-acordian .accordion-button { font-size: 14px}
  .custom-acordian .accordion-button:not(.collapsed) { background-color: #fff; color: #6AC180; font-weight: bold; }
  .custom-acordian .accordion-button::after {display: none;}
  .custom-acordian .accordion-button:not(.collapsed)::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236AC180'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
  }
  .custom-acordian .accordion-button::before {
    flex-shrink: 0;
    width: 1.25rem;
    height: 15px;
 margin-right: 8px;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 15px;
    transition: transform 0.2s ease-in-out;
  }
  .custom-acordian .accordion-button {color: #717170;}


  .custom-acordian .accordion-button:focus {box-shadow: none;}
  .custom-acordian .accordion-item { border: none;}
  .custom-acordian .accordion-button:not(.collapsed) { box-shadow: none;}
  .custom-acordian .accordion-button { padding-left: 0px; padding-right: 0px; font-family: 'Open Sans', sans-serif; border-bottom: #F0F0F0 solid 1px;}
.custom-acordian .accordion-body { padding-left: 0px; padding-right: 0px;}
.custom-acordian .accordion-button span a { font-weight: 400;}
.mycart-section .mycart-product-name, .mycart-section .mycart-product-price {color: #393A35; font-size: 16px; font-family: 'Open Sans', sans-serif;}
.mycart-section .mycart-product-date {color: #717170; font-size: 14px; font-family: 'Open Sans', sans-serif;}
table.mycart-section td hr{ background-color: #F0F0F0;}
table.mycart-section td { padding: 8px 5px;}
.login-alert-box { border: #348EFF solid 1px; border-radius: 10px; padding: 10px 20px;}
.login-alert-box .strongtext { color: #348EFF; line-height: normal; font-size: 16px; font-weight: bold; font-family: 'Open Sans', sans-serif;}
ul.inside-tab li a:focus  {outline: none !important; box-shadow: none !important;}
.form-select-md {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  padding-left: 0.7rem;
  font-size: 0.875rem;
}

.quantity {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid #D7D7D7;
  border-radius: 5px;
}
.quantity__minus,
.quantity__plus {
  display: block;
  width: 22px;
  height: 39px;
  margin: 0;

  text-decoration: none;
  text-align: center;
  line-height: 37px;
}

.quantity__plus {
  border-radius: 0 3px 3px 0;
}
.quantity__input {
  width: 32px;
  height: 39px;
  margin: 0;
  padding: 0;
  text-align: center;

  border: 0px;
  background: #fff;
  color: #717170;
}
.quantity__input:hover { outline: none;}
.quantity__minus:link,
.quantity__plus:link {
  color: #717170;
} 
.quantity__minus:visited,
.quantity__plus:visited {
  color: #fff;
}


.custom-box-cotnainer{position:absolute; left: 25px;  right: 0px;}
			
.drag-drop{position: relative; display: inline-block;}
.drag-drop-ul{list-style-type: none; margin: 0px; padding: 0px;}
ul.sort-active{background: rgba(0,0,0,0.03);}
.drag-drop-ul li{padding: 10px 10px; border-radius: 1px; margin: 5px 0px;cursor: move; background: #fff;position: relative !important;top: 0px !Important; left: 0px !Important; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1563);}
.drag-drop-ul	li:hover{box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.1563); transition: 0.5s all cubic-bezier(0.165, 0.84, 0.44, 1);}
.sort-trans{ transition: 0.5s all cubic-bezier(0.165, 0.84, 0.44, 1);opacity: 0.9;}
.drag-drop-ul li.sort-el{transition: none !Important; }
.plcehldr{display: none;}
.shadow-dropdwon { box-shadow: #c9c9c9 0px 4px 5px; width: 225px;}
ul.shadow-dropdwon li a {white-space: normal;}
ul.shadow-dropdwon li a:hover { font-weight: normal;}
ul.graybg li{ background-color: #F8F8F8; }
.custom-whitebg-card  .whitebg-card-body { padding-top: 20px; padding-bottom: 20px; padding-left: 35px; padding-right: 35px;}
.custom-whitebg-card { padding: 0px;}
.custom-whitebg-card .whitebg-card-header { padding: 15px 35px; background-color: #F9F9F9;}
.custom-whitebg-card .whitebg-card-header h2 { margin: 0px;}

.backbg { border-bottom: #F0F0F0 solid 1px; padding: 15px 35px;}
.custom-whitebg-card  .whitebg-card-body h3{
color: #393A35;
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
}
.custom-whitebg-card  .whitebg-card-body h4{
  color: #6AC180;
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
  }

  .custom-accordion-new .accordion-item { border-left: none; border-right: none; border-top: none; border-bottom: #F0F0F0 solid 1px;  }
  .custom-accordion-new .accordion-item .accordion-button { color: #717170; font-weight: bold; padding: 12px 0px; font-size: 14px; font-family: 'Open Sans', sans-serif;}
  .custom-accordion-new .accordion-item .accordion-button:not(.collapsed) { color: #6AC180; box-shadow: none; }
  .custom-accordion-new .accordion-item .accordion-button:not(.collapsed) {background-color: #fff;}
  .custom-accordion-new .accordion-button:not(.collapsed)::after {}


  .custom-accordion-new .accordion-item .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
    display: none;
  }
  .custom-accordion-new .accordion-item .accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
    display: none;
  }

  .custom-accordion-new .accordion-item .accordion-button::before {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    content: "";
    background-image: url("../images/gray-expand_circle_up.svg");
    background-repeat: no-repeat;
    background-size: 16px;
    margin-right: 10px;
    transition: transform 0.2s ease-in-out;

  }
  .custom-accordion-new .accordion-item .accordion-button:focus {box-shadow: none;}

  .custom-accordion-new .accordion-item .accordion-button:not(.collapsed)::before {
    background-image: url("../images/-green-expand_circle_up.svg");
    
    /* transform: rotate(-180deg); */

  }
  .custom-accordion-new .accordion-body {padding: 5px 28px;} 

.gray-card { background-color: #F8F8F8; border-radius: 8px; padding: 25px;}
.green-text-color { color: #6AC180;}
.custom-card .card-body p b { color: #393A35;}
.pricetext {color: #717170; font-size: 14px; font-weight: 700; font-family: 'Open Sans', sans-serif;}
.custom-widh-185px {width: 185px;}
.subcard .titleblock{ color: #717170; font-size: 14px; font-family: 'Open Sans', sans-serif;}
.custom-accordion-new-2 .accordion-item {border: none; margin-bottom: 10px;}
.custom-accordion-new-2 .accordion-button:not(.collapsed) {     background-color: #fff;}
.custom-accordion-new-2 .accordion-button {padding: 0.6rem 1.25rem;}
.custom-accordion-new-2 .accordion-button:not(.collapsed) {color: #393A35; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 600;}
.custom-accordion-new-2 .accordion-button::after {display: none;}
.custom-width-labal {width: calc(100% - 29px) !important; line-height: normal !important;}
.messagetitle-emily.messagetitle h3 { font-size: 20px; font-weight: 400; color: #717170;}
.topic-assignment-block h2 {color: #393A35; font-size: 24px; font-family: 'Open Sans', sans-serif; font-weight: 600;}
.studenteasy { padding: 35px; border: #F0F0F0 solid 1px; border-radius: 5px;} 
.studenteasy p {color: #717170;  font-size: 14px; font-family: 'Open Sans', sans-serif;}
.studenteasy p:last-child{margin-bottom: 0px;}
.text-decoration-auto{
  text-decoration: auto !important; 
}
.custom-greentext { color: #6AC180; font-family: 'Open Sans', sans-serif;}
.custom-redtext {font-family: 'Open Sans', sans-serif; color: #FF0000;}
.responsive-nav {overflow: auto;}
ul.top-list {flex-wrap: nowrap;}
.whitebg-sidebar-block { background-color: #fff; height: calc(100% + 25px); margin-top: -25px; margin-left: -25px; position: absolute; bottom: 0px; top: 0px;}
.whitebg-sidebar-block .whitebg-sidebar {width: auto;}
.h-100vh {height: 100vh;}
.green-card-box { position: relative; background-color: #F6FFF9; border: #6AC180 solid 1px; border-radius: 5px;  padding: 15px 25px;}
.green-card-box h4 { margin-bottom: 10px; color: #717170; font-weight: normal; font-size: 20px;font-family: 'Open Sans', sans-serif; }
.green-card-box .tick-img-left { position: absolute; left: 0px; top: 0px; margin-left: -10px; margin-top: 18px;}
.green-card-box strong {color: #717170; font-size: 14px; font-family: 'Open Sans', sans-serif; margin-bottom: 5px; display: block;}
.green-card-box p {color: #A3A4A2; font-size: 14px; margin-bottom: 0px; font-family: 'Open Sans', sans-serif;}
.invoice-details-block h2{ color: #393A35; font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: bold;}
.invoice-details-block p {color: #717170; margin-bottom: 5px; font-size: 14px; font-family: 'Open Sans', sans-serif;}

.custom-dropdown-5 { width: 100% ;border-radius: 10px; box-shadow: 0px 5px 5px #d0cdcdcc;     margin-top: 15px !important; padding: 30px;}
.custom-dropdown-5 h4 { color: #393A35; font-size: 20px; font-family: 'Open Sans', sans-serif; font-weight: 600; margin-bottom: 15px;}

ul.list-checked { margin: 0px; padding: 0px;}
ul.list-checked li { position: relative; list-style: none; text-decoration: line-through; margin: 10px 0px; padding-left: 25px; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #A3A4A2; } 
ul.list-checked li::before{ content: ""; width: 18px;  height: 13px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); background: url(../images/tick-img-5.png) no-repeat;}

ul.list-checked li.list-progress { margin: 0px; padding: 0px;}
ul.list-checked li.list-progress { position: relative; list-style: none; margin: 10px 0px; padding-left: 25px; text-decoration: none !important; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #717170; } 
ul.list-checked li.list-progress::before{ content: ""; width: 12px;  height: 2px; position: absolute; left: 2px; top: 50%; transform: translateY(-50%); background: url(../images/check_indeterminate_small.png) no-repeat !important;}

.custom-dropdown-5[data-popper-placement="bottom-start"]::before {
  content: ""; position: absolute; top: -19px; left: 20px; width: 42px; background: url(../images/arrow-img.png) no-repeat; height: 22px;  z-index: -1;
}
.custom-dropdown-5[data-popper-placement="top-start"]::before {
  content: ""; position: absolute; bottom: -19px; left: 20px; width: 42px; transform: rotate(180deg); background: url(../images/arrow-img.png) no-repeat; height: 22px;  z-index: -1;
}

@-moz-document url-prefix() { 
  .custom-widh-185px {width: 195px;}
}
.w-auto {width: auto;}
.gray-card-box { border: #D0D0D0 solid 1px; background-color: #F5F5F5; padding: 50px; border-radius: 10px;}
  
.custom-card-green-text.custom-card .card-body h3{color: #6AC180;}
.payment-box-method { background-color: #F8F8F8; border: #DEDEDE solid 1px; height: 48px;}
.card:hover {     box-shadow: 0px 3px 2px #c4c4c4;}


ul.custom-nav-tabs li.nav-item {width: 33.33%; border-right: #FBFBFB solid 1px;}
ul.custom-nav-tabs {background-color: #fff;}
ul.custom-nav-tabs li.nav-item button.nav-link small{color: #D2D2D2;font-family: "Poppins", sans-serif; font-size: 16px;}
ul.custom-nav-tabs li.nav-item button.nav-link h3{color: #D2D2D2; margin: 0px; font-weight: normal;  font-family: "Poppins", sans-serif; font-size: 36px;}
ul.custom-nav-tabs li.nav-item button.nav-link { padding: 25px 35px; text-align: left;  display: block; border: 0px; border-top: transparent solid 5px; border-radius: 0px; width: 100%; }
ul.custom-nav-tabs li.nav-item button.nav-link.active { border-top: #6AC180 solid 5px;}
ul.custom-nav-tabs li.nav-item button.nav-link.nav-link-blue.active { border-top: #348EFF solid 5px;}
ul.custom-nav-tabs li.nav-item button.nav-link.nav-link-brown.active { border-top: #A14354 solid 5px;}

ul.custom-nav-tabs li.nav-item button.nav-link.active small {  font-family: "Poppins", sans-serif; color: #393A35; font-family: "Poppins", sans-serif; color: #393A35;}
ul.custom-nav-tabs li.nav-item button.nav-link.active h3 {color: #6AC180; font-weight: normal;   font-family: "Poppins", sans-serif;}
ul.custom-nav-tabs li.nav-item button.nav-link.nav-link-blue.active h3 { color: #348EFF;}
ul.custom-nav-tabs li.nav-item button.nav-link.nav-link-brown.active h3 { color: #A14354;}
ul.custom-nav-tabs li.nav-item:last-child{ border-right: 0px;}
.tab-content.tab-content-custom { background-color: #fff; padding: 60px 15px;}
.custom-tab-content h3 {color: #6AC180; margin-bottom: 15px; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase;}
.custom-tab-content h4 {color: #393A35; margin-bottom: 5px; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase;}
.custom-tab-content ul {margin: 0px; padding: 0px;}
.custom-tab-content ul li { position: relative; padding-left: 15px; list-style: none;}
.custom-tab-content ul li::before { content: ""; width: 5px; height: 5px; background-color: #348EFF; border-radius: 50px; top: 10px; position: absolute; left: 0px;}
.custom-tab-content ul li a {color: #348EFF; font-family: 'Open Sans', sans-serif;  font-size: 14px;}  
.custom-tab-content .group-text { margin-bottom: 15px;}
.custom-tab-content .group-text h4 {color: #348EFF; margin: 0px 0px 2px; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 16px;}
.custom-tab-content .group-text p {color: #717170; font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 14px;}
.custom-tab-content .group-text a { text-decoration: none;}
.tab-content.tab-content-custom  {    border-bottom: #6AC180 solid 3px;}
.custom-tab-img { width: 377px; max-width: 100%;}
.nav-tabs.custom-nav-tabs .nav-link {margin-bottom: 0px;}
ul.custom-nav-tabs { border-bottom: 0px;}



/* planing */
ul.custom-nav-tabs-planing { background-color: transparent;}
ul.custom-nav-tabs-planing li.nav-item:last-child { padding-right: 15px;}
ul.custom-nav-tabs-planing li.nav-item button.nav-link h3 { font-size: 18px; line-height: 24px; margin-top: 3px; }
ul.custom-nav-tabs-planing li.nav-item button.nav-link small { font-size: 14px;}
ul.custom-nav-tabs-planing li.nav-item { width: auto; border-right: #EAEAEA solid 1px;}
ul.custom-nav-tabs-planing li.nav-item button.nav-link{padding: 18px 23px;}
ul.custom-nav-tabs-planing li.nav-item { background-color: #FBFBFB;}
.responsivetab { overflow: auto;}

.form-check-input-white {background-color: #fff;}
.Category-link {color: #717170; font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 12px;}
.Category-link a { color: #6AC180;}
 a.page-link{ background-color: transparent;}
.whitebg-sidebar-width25 { width: 268px; min-height: 100vh; }
.custom-main-block-width75 {width: calc(100% - 268px);}
#chart_text .total {color: #393A35; font-family: 'Open Sans', sans-serif; font-weight: normal;  font-size: 32px;}
#chart_text .sendemail {color: #717170; font-family: 'Open Sans', sans-serif;  font-size: 14px;}
.statdetailsblock { text-align: center;}
.statdetailsblock .small-text {color: #717170; font-family: 'Open Sans', sans-serif;  font-size: 12px;}
.statdetailsblock .number-text {font-family: 'Open Sans', sans-serif;  font-size: 32px; line-height: 38px; font-weight: bold;}
.statdetailsblock .persantage-text {color: #717170; font-family: 'Open Sans', sans-serif;  font-size: 12px;}
.green-num { color: #6AC180;}
.blue-num {color: #348EFF;}
.primary-num {color: #A14354;}
.yellow-num {color: #EB8928;}
.pink-num { color: #FA89D3;}
#chart_container {width: 300px;}
ul.top-list.whitespace li a {white-space: nowrap;}
.statdetailsblock a { padding: 4px 5px; display: block; box-shadow: none; border: 0px; outline: 0px; transition: all 0.3s;}
.statdetailsblock a:hover { display: block; padding: 4px 5px; border: 0px; outline: 0px;


  background: #FFFFFF;
  /* Divider */

  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  }
.scrollbarlist { height: 250px; overflow: auto; padding-left: 15px; padding-right: 15px;}

.locked-section { padding-left: 25px; padding-right: 25px;padding-top: 25px;}
.locked-img-section { position: relative;}
.locked-img-section .locked-icon-img { position: absolute; top: 50%; transform: translateY(-50%); right: 0px; margin-top: -50px; margin-right: -50px;}
.locked-content { padding-left: 80px;}
.locked-text h2{color: #393A35; font-family: "Poppins", sans-serif; font-size: 64px; margin-bottom: 15px; margin-top: 15px; font-weight: bold;}
.locked-text p {color: #717170; font-family: "Poppins", sans-serif; font-size: 20px; margin-bottom: 30px;} 
.locked-img-section>img {width: 100%; max-width: 450px;}
.fs-14 { font-size: 14px;}




.custom-btn-outline-light {
  color: #717170;
  border-color: #717170;
}
.custom-btn-outline-light:hover {
  color: #000;
  color: #717170;
  border-color: #717170;
}
.custom-btn-check:focus + .custom-btn-outline-light, .custom-btn-outline-light:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.custom-btn-check:checked + .custom-btn-outline-light, .custom-btn-check:active + .custom-btn-outline-light, .custom-btn-outline-light:active, .custom-btn-outline-light.active, .custom-btn-outline-light.dropdown-toggle.show {
  color: #000;
  color: #717170;
  border-color: #717170;
}
#my-image, #pro-pic-img{
  display: none;
}
.croppie-container .cr-boundary {margin: 0px;}
.croppie-container .cr-slider-wrap { text-align: left;  width: 100%;}
input[type="range"]::-webkit-slider-thumb { background-color: #6AC180; }
.croppie-container .cr-resizer, .croppie-container .cr-viewport {
  position: absolute;
  /* border: 2px solid #fff; */
  margin: auto;
  border: 0px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: 0 0 2000px 2000px rgb(0 0 0 / 65%);
  z-index: 0;

}

.custom-card .exclusives-details.public-profile h2 {font-size: 24px;}
.custom-card .exclusives-details.public-profile p { margin-bottom: 25px; color: #717170; font-size: 14px; font-family: 'Open Sans', sans-serif; }
 .wordbreak {
  word-break: break-all;
 }
 

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.207);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #C1C1C1;
}
#pro-pic-img .croppie-container .cr-boundary {width: 334px; height: 150px;}


.custom-card-section-5 strong { color: #393A35; font-weight: bold; font-size: 14px; font-family: 'Open Sans', sans-serif;}
.custom-card-section-5 > p {color: #717170; margin-bottom: 0px; font-size: 14px; font-family: 'Open Sans', sans-serif;}
table.custom-table-block tr th { font-weight: 500; font-family: 'Open Sans', sans-serif;}
table.custom-table-block tr td { font-weight: 400; font-family: 'Open Sans', sans-serif; color: #717170;}
table.custom-table-block.table-striped > tbody > tr:nth-of-type(odd) {
  border-bottom-width: 0px;
}
table.custom-table-block.table-striped > tbody > tr:nth-of-type(even) {
  border-bottom-width: 0px;
}
.custom-card-section-6 {border: #F0F0F0 solid 1px; border-radius: 1px;padding-bottom: 10px; padding-top: 10px;}
table.custom-table-6 tr th { font-weight: 500; font-family: 'Open Sans', sans-serif; color: #393A35; padding: 0px; text-align: right;} 
table.custom-table-6 tr td { font-weight: 500; font-family: 'Open Sans', sans-serif; color: #393A35; padding: 0px;} 
.table.custom-table.custom-table-6 > :not(caption) > * > * { padding: 5px 15px;}
ul.sortablelist { margin: 0px; padding: 0px;   list-style: none;}
ul.sortablelist li { background-color: #F8F8F8; margin-bottom: 3px; list-style: none; padding: 10px 15px; display: flex;


  user-select: none;}


  ul.sortablelist li .content-text  {color: #717170; font-size: 14px; }
  ul.sortablelist li .handle, ul.sortablelist li .editblock { opacity: 0;}
 ul.sortablelist li:hover .editblock { opacity: 1;}
ul.sortablelist li:hover .handle { opacity: 0.3;}
.handle {

  width: 25px;
  background: url(../images/dragicon.png) no-repeat;
  background-size: 16px;
  opacity: 0.3;
  height: 23px;

  color: lightgray;
  cursor: move;
  /*cursor: grab;
  &:active {
    cursor: grabbing;
  }*/
}

.slip-swiping-container {
    overflow-x: hidden;
}

.slip-reordering {
    box-shadow: 0 2px 10px rgba(0,0,0,0.45);
}
.circle-yellow { background-color: #FBBD1E; width: 10px; height: 10px; border-radius: 50px;}
.circle-green { background-color: #6AC180; width: 10px; height: 10px; border-radius: 50px;}
.circle-red { background-color: #FF0000; width: 10px; height: 10px; border-radius: 50px;}
.circle-gray { background-color: #A3A4A2; width: 10px; height: 10px; border-radius: 50px;} 
.circle-light-gray { background-color: #D7D7D7; width: 10px; height: 10px; border-radius: 50px;}
.w-400 {width: 400px;}
.gray-form-control { background-color: #EDEDED;}

  .table.custom-table.gray-custom-table > :not(caption) > * > *{ padding-left: 10px;
    padding-right: 10px; }
.custom-card-5 {width: 264px;}    
.custom-card-5:hover {box-shadow: none; box-shadow: 0px 4px 4px #e3e3e3;}
.user-icon-grid-view-contentbox { width: 119px; height: 119px; margin: auto; display: flex; align-items: start; color: #fff; justify-content: center; /*border-radius: 50%;*/ overflow: hidden; margin-top: -7px; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 32px;}
.user-icon-grid-view-contentbox img {width: 100%; }
.user-icon-grid-view-contentbox-blue-bg {background-color: #3F77A9; }
.user-icon-grid-view-contentbox-purple-bg {background-color: #6743A1; }
.user-icon-grid-view-contentbox-brown-bg {background-color: #A14354; }
.user-icon-grid-view-contentbox-yellow-bg {background-color: #D8AD5B; }


.user-icon-grid-view { text-align: center;}
.user-icon-grid-view-content-block { padding-top: 15px; text-align: center;}
.user-icon-grid-view-content-block h3 {color: #717170; font-size: 20px; font-family: 'Open Sans', sans-serif; font-weight: 400; margin-bottom: 5px;}
.user-icon-grid-view-content-block h4 {color: #717170; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 400; margin-bottom: 5px;}
.user-icon-grid-view-content-block h5 {color: #717170; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 400; margin-bottom: 5px;}
.user-icon-grid-view-content-block p {color: #717170; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 400; margin-bottom: 5px;}
.custom-dotes {position: absolute;  right: 15px; top: 15px;}
.form-select-select2 .select2-selection--single .select2-selection__rendered {padding-left: 0px; padding-top: 7px;}

.form-select-select2 .select2-selection {
  display: block;
  width: 100%;
  padding: 0px 2.25rem 0rem 0.75rem;
  height: 40px;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #717170;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23D7D7D7' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 11px 10px;
  border: 1px solid #D7D7D7;
  border-radius: 5px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-select-select2 .select2-search--inline .select2-search__field { margin-top: 10px !important;}
.form-select-select2 .select2-container--default.select2-container--focus .select2-selection--multiple {  border: 1px solid #D7D7D7; }
.form-select-select3 .select2-selection {background-image: none;}
.form-select-select3 .select2-selection__arrow {    top: 14px !important;
  right: 3px !important;}
  .form-select-select3 .select2-selection__arrow {width: 20px !important; height: 12px !important;}
  .form-select-select3 .select2-selection__arrow b {
    border: 0px !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23D7D7D7' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 11px 10px;
    width: 22px !important ;
    height: 12px !important;
    top: 0px !important;
    left: 0px !important;
    margin: 0px !important;
  }
/* .select2-search__field {   border: 1px solid #D7D7D7 !important;} */
 .select2-search__field:focus  { outline: none !important;}
 .select2-search--dropdown .select2-search__field {border: 1px solid #D7D7D7 !important;}
 .form-select-select2 .select2-search__field { border: 0px !important;}


  @media screen and (min-width:992px){
    #menu { display: none;}

    #menu img {width: 29px; opacity: 0.5;}
  }@media screen and (min-width:1400px){
    .border-xxl-end {border-right: 1px solid #dee2e6 !important;}

      }
  @media screen and (max-width:1599px){
    .locked-text h2 { font-size: 50px;}
    ul.custom-nav-tabs-planing li.nav-item button.nav-link h3{font-size: 16px;}
    ul.custom-nav-tabs-planing li.nav-item button.nav-link{padding: 15px 20px;}
    .locked-img-section .locked-icon-img {
      margin-right: -37px;
  }
  .locked-icon-img img {
    width: 80px;
}
  }  
  @media screen and (max-width:1465px){
  .locked-img-section>img {
    width: 100%;
    max-width: 350px;
}
  }
  @media screen and (max-width:1199px){
    .custom-card-5 {
      width: 247px;
  }
    .custom-search-new-block {width: 100%;}
    .locked-icon-img img {width: 90px;}
    .locked-content { padding-left: 0px; padding-top: 50px; padding-bottom: 50px;}
    .locked-img-section .locked-icon-img {     margin-right: -40px;}
    .locked-img-section>img {
      width: 100%;
      max-width: 100%;
  }
    ul.custom-nav-tabs li.nav-item button.nav-link h3 { font-size: 26px;}
    .button-secton {width: auto; display: block; margin-left: 20px; padding-bottom: 15px; }
    .width-285px {
      width: 352px;
  }
    .video-element { height: 320px;}
    ul.custom-nav-tabs-planing li.nav-item button.nav-link h3 { font-size: 14px; line-height: 22px; margin-top: 3px; }
    ul.custom-nav-tabs-planing li.nav-item button.nav-link small { font-size: 12px;}
    ul.custom-nav-tabs-planing li.nav-item button.nav-link {padding: 12px 14px;}
  }

    @media screen and (max-width:992px){
      .custom-card-5 {
        width: 233px;
    }
      .custom-search-new {width: 100%;}
      .locked-icon-img img {width: 70px;}
      .locked-img-section .locked-icon-img {
        margin-right: -30px;
    }
      ul.custom-nav-tabs li.nav-item button.nav-link small { font-size: 14px;}
      ul.custom-nav-tabs li.nav-item button.nav-link h3 { font-size: 22px;}
      .whtiebg { height: auto; margin-bottom: 35px;}
      
      .custom-sidebar-basic-information { height: 100%; position: fixed; bottom: 0px; left: 0px;}
      .maincontainer { margin-left: 0px;}
      .mainclose { position: absolute; right: 22px; display: block;}
      .mainclose img {width: 15px; }
#lgMenu{
  width: 300px;

  top: 0;
  left: -400px;

  background-color: black;
  box-shadow: 5px 5px 10px grey;
  z-index: 11;
  opacity: 0;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  
}

#exit{
  position: absolute;
  right: 10px;
  padding: 0px;
  top: -10px;
  font-size: 4em;
  color: white;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
}
#exit:hover{
  color:#FF9900;
}

#lgMenu.enter{
  opacity: 1;
  left: 0;
}
#menu { margin-top: 0px; display: block;}
#menu img {width: 29px; opacity: 0.5;}
ul.custom-nav-tabs-planing li.nav-item button.nav-link h3 { font-size: 14px; line-height: 22px; margin-top: 3px; }
ul.custom-nav-tabs-planing li.nav-item button.nav-link small { font-size: 12px;}
ul.custom-nav-tabs-planing li.nav-item button.nav-link {padding: 12px 14px;}
    }

    
    @media screen and (max-width:767px){
      .locked-text h2 {
        font-size: 40px;
    }
    .locked-text p { font-size: 18px;}
      #chart_container {width: 200px;} 
      #chart_text {    margin-top: 28px !important;
        margin-left: -31px !important;}
        #chart_text .total { font-size: 26px;}
        #chart_text .sendemail {font-size: 12px;}
      .statdetailsblock .number-text { font-size: 20px;}
      .statdetailsblock { margin-bottom: 25px;}
      ul.custom-nav-tabs li.nav-item button.nav-link { padding: 15px 5px;}
      .whitebg-sidebar {width: 100%;}
      .whitebg-sidebar-width25 { min-height: auto;}
      .custom-main-block-width75 {width: 100%;}
      .custom-whitebg-card.whitebg-card { padding: 0px;}
      .custom-box-cotnainer{position:static; left: 0px;  right: 0px;}
      .width-285px {
        width: 100%;
    }
   
    .text-md-2 { font-size: 16px;}
      .login-card { padding: 60px 20px;}
      .whitebg-card { margin-right: 0px;}
      .whitebg-card { padding: 16px 15px;}
      .custom-search {width: 100%;}
      .top-header .top-heading h2 { font-size: 18px;}
      .top-header .top-heading, .head-search-section  {padding: 10px 16px;}
      .custom-main-block { padding: 25px 16px;}
      .user-block span.usertext {display: none;}
      .light-gray-bg { padding-left: 15px; padding-right: 15px;}
    }
    @media screen and (max-width:575px){
      .custom-card-5 {
        width: 100%;
    }
      #imgInp {width: 245px;}
      #pro-pic-img .croppie-container .cr-boundary {width: 234px; height: 150px;}
      .locked-section { padding: 15px 0px 0px 0px;}
      .locked-text h2 {
        font-size: 30px;
    }
    .locked-text p {
      font-size: 16px;
  }
      .locked-img-section .locked-icon-img {
        margin-right: -11px;
    }
    .locked-icon-img img {
      width: 45px;
  }
      ul.custom-nav-tabs li.nav-item button.nav-link small { font-size: 12px;}
      ul.custom-nav-tabs li.nav-item button.nav-link h3 { font-size: 12px; font-weight: bold;}
      ul.custom-nav-tabs li.nav-item button.nav-link.active h3 { font-weight: bold;}
      .studenteasy { padding: 20px;}
      .custom-whitebg-card .whitebg-card-header, .custom-whitebg-card .whitebg-card-body, .backbg { padding: 15px;}
      .custom-accordion-new .accordion-body {
        padding: 5px 2px;
    }
      .custom-success h2 {font-size: 26px;}
      .custom-error h2 {font-size: 26px;}
      .custom-pending h2 {font-size: 26px;}
      .mob-colour-picker-field__item--text {width: 146px;}
      .whtiebg { padding: 25px;}
      .custom-sidebar-basic-information {width: 250px !important;}
      .course-detail-card h4 {
        margin-bottom: 5px;
        font-size: 20px;
    }
      .video-element { height: 220px;}
      .custom-card .exclusives-details h2 { font-size: 24px;}
      .custom-tab.nav-tabs .nav-link {     margin-left: 6px;
        margin-right: 6px;}
        .custom-tab.nav-tabs .nav-link { font-size: 12px;} 
        ul#custMenu>li a+ul {width: 225px;}
        ul#custMenu>li a+ul li .nav-link {white-space: normal;}
    }
    @media screen and (max-width:359px){
      .login-card h2 {    font-size: 20px;}
 
    }

    .custom-form-field .wpcf7-file {width: 100%;}

    .custom-form-field label{color: #565656; font-size: 16px;font-family: 'Open Sans', sans-serif;}
.custom-form-field input[type="text"]{ border-radius: 5px; border: #E5E5E5 solid 1px; background: #F6F6F6; width: 100%;}
.custom-form-field input[type="tel"], .custom-form-field input[type="email"], .custom-form-field input[type="date"]{ background: #F6F6F6; border-radius: 5px; border: #E5E5E5 solid 1px; width: 100%;}
.custom-form-field input[type="text"]:focus, .custom-form-field input[type="tel"]:focus, .custom-form-field input[type="email"]:focus, .custom-form-field input[type="date"]:focus{outline: none; border: #E5E5E5 solid 1px;}
.custom-form-field select {width: 100%; background: #F6F6F6; border-radius: 10px; border: #E5E5E5 solid 1px; height: 55px; padding-left: 15px;}
.custom-form-field .wpcf7-checkbox .wpcf7-list-item{ display: block; margin-left: 0px;}
.custom-form-field textarea{ border-radius: 5px; border: #E5E5E5 solid 1px; background: #F6F6F6;  width: 100%;}
.custom-form-field .wpcf7-submit { background-color: #598D69; border-radius: 10px; font-size: 14px; font-weight: 400;  font-family: "Lora", serif;}
.custom-form-field .wpcf7-submit:hover { text-decoration: none;}

input[type="date"]::before {
  content: attr(placeholder);
  position: absolute;
  color: #999999;
}

input[type="date"] {
  color: #ffffff;
}

input[type="date"]:focus,
input[type="date"]:valid {
  color: #666666;
}

input[type="date"]:focus::before,
input[type="date"]:valid::before {
  content: "";
}

input[type="date"]::-webkit-calendar-picker-indicator {
  background: url(https://plantae.ituldev.com/wp-content/uploads/2024/03/icon-calendar.png) no-repeat center center;
  width: 18px;
  background-size: 100%;
  height: 18px;
}
input[type="date"]::-moz-calendar-picker-indicator {
background: url(https://plantae.ituldev.com/wp-content/uploads/2024/03/icon-calendar.png) no-repeat center center;
width: 18px;
height: 18px;
background-size: 100%;
}
.width-245px{
  width: 245px;
  min-height: 520px;
  height: 100%;    
  position: relative;
}
.inner-section-sidebar {
  border: 1px solid #F1F1F1;
    padding: 26px 0px 26px 0px;
    border-left: 0px;
    border-bottom: 0px;
    width: 255px;
    height: auto;
    margin-bottom: -47px;
    position: absolute;

    margin-top: -24px;
    top: 0;
    bottom: 0px;
}
.inner-section-sidebar ul { padding: 0px;  margin-left: 20px;}
.inner-section-sidebar ul li {margin-bottom: 0px;
  position: relative; list-style: none;
  padding: 4px 0px;}
.inner-section-sidebar h2 {
  color: #393A35;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 0px;
    font-size: 16px;
}
.inner-section-sidebar ul li a { position: relative; color: #A3A4A2; font-size: 14px;}
.inner-section-sidebar ul li a.active { color: #393A35; font-weight: 700;}
.inner-section-sidebar ul li a.completed {
  color: #6AC180;
}
.inner-section-sidebar ul li a.completed::after {
  content: "";
  margin-top: -8px;
  margin-left: -20px;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0px;
  top: 50%;
  background: url(../images/check_circle.png) no-repeat;
}
.v-scrolling { height: 450px; overflow-x: auto; position: relative;}
.tableresponsiveblock{ 
  max-width: 100%;
  width: 100%;
  position: absolute;
}
.lg-form-switch .form-check-input{width: 3.3em; height: 1.8em;}
.lg-form-switch label.form-check-label {line-height:36px;}

ul#custommenu > li a + ul > li > a.active { color: white; font-weight: 400;} 
ul.custommenu-new {
  border-bottom: #F0F0F0 solid 1px;
  padding-bottom: 10px;
  margin-left: -35px;
  padding-left: 35px;
  margin-right: -35px;
  padding-right: 35px;
  width: auto;
}
.new-custom-nav {margin-left: -35px; padding-left: 35px; margin-right: -35px; padding-right: 35px; width: auto;}
.quote { border-left: #6AC180 solid 2px; padding-left: 15px; padding-right: 15px; font-family: 'Open Sans', sans-serif; font-size: 14px; font-style: italic; padding-top: 3px; padding-bottom: 3px; color: #717170;}

.custom-select2 .select2-container--default .select2-selection--multiple { border: 1px solid #D7D7D7; min-height: 40px;}
.custom-select2 { position: relative;}
.custom-select2 .arrowright {    position: absolute; z-index: 55; right: 10px; top: 50%; margin-top: -12px;}
.custom-select2 .select2-container--default .select2-selection--multiple {    padding-right: 25px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color:#F0F0F0; border: none; font-size: 14px; color: #717170; font-family: 'Open Sans', sans-serif;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { border-right: 0px; top: 4px; left: auto; right: 0px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {     padding-right: 20px; padding-left: 5px; padding-top: 5px; padding-bottom: 5px;}
.select2-container--default .select2-search--inline .select2-search__field { color: #717170; font-size: 14px; font-family:'Open Sans', sans-serif;}
.custom-card-new .card-header { border: #F0F0F0 solid 1px; padding: 10px 15px; background-color: #F6F6F6;}
.custom-card-new .card-body { border: #F0F0F0 solid 1px; padding: 20px; background-color: #fff;}
 .custom-card-new .card-header { border: 0px;}
.custom-card-new { border: none;}
.custom-card-new .card-body { }



@media screen and (max-width:1199px){
  .width-245px{
    width: 100%; margin-left: 0px;
  }
  .inner-section-sidebar  { padding: 0px;}
  .inner-section-sidebar ul { overflow: auto; display: flex;}
  .inner-section-sidebar {width: 100%; position: static; border: none; margin-top: 0px; margin-bottom: 27px;}
  .inner-section-sidebar ul li a {white-space: nowrap;}
  .inner-section-sidebar ul li { padding: 3px 20px;}
  .inner-section-sidebar ul { margin-left: 0px;}
  .width-245px { min-height: auto;}

}
@media screen and (max-width:575px){ul.top-list li a{ font-size: 12px;}
.new-custom-nav {margin-left: -15px; padding-left: 15px; margin-right: -15px; padding-right: 15px; width: auto;}
.quote { font-size: 12px}
}
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');