@font-face { 
	font-family: 'Sfprod'; 
	src: url("../font/SFPRODISPLAYREGULAR.OTF"); 
	font-weight: normal;
    font-style: normal;
}

@font-face { 
	font-family: 'Sfprodbold'; 
	src: url("../font/SFPRODISPLAYBOLD.OTF"); 
	font-weight: bold;
    font-style: normal;
}

html,
body,
.wrapper {
  height: 100%;
    position: static;
    overflow: none!important;

}

body {
    font-family: "Poppins", sans-serif !important;
    background: #fff;
    font-size: 16px;
     
      overflow-x: hidden;
    overflow-y: auto;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Poppins", sans-serif !important;
margin-top: 0  !important;
    margin-bottom: .5rem  !important;
    line-height: 1.2;
}

.skin-blue .main-header .navbar {
    background-color: #ffffff!important;
}
.skin-blue .main-header .navbar .sidebar-toggle {
    color: #000!important;
}

.skin-blue .main-header .navbar .nav>li>a {
    color: #1b1919!important;
}


.skin-blue .main-header .navbar .nav>li>a:hover {
background: rgb(204 204 204 / 10%);
    color: #221f1f;
}

.skin-blue .main-header .logo {
    background-color: #fff!important;
    color: #fff;
    border-bottom: 0 solid transparent;
}

.skin-blue .sidebar-menu>li.header {
    color: #47484a!important;
    background: #ffffff!important;
}

.skin-blue .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #ffffff!important;
}

.skin-blue .sidebar a {
    color: #050505!important;
}

.skin-blue .sidebar-menu .treeview-menu>li>a {
   color: #0f1010!important;
    font-size: 14px;
}

.skin-blue .sidebar-menu .treeview-menu>li.active>a, 
.skin-blue .sidebar-menu .treeview-menu>li>a:hover {
    color: #181616;
    font-size: 14px;
}

.sidebar-menu .treeview-menu > li {
    margin: 0;
    border-bottom: 1px dotted #ccc!important;
    padding: 3px!important;
}

.skin-blue .sidebar-menu>li:last-child:hover>a {
	
}

.sidebar-menu > li:last-child i{
	color:#fff;
}
 
.sidebar-menu > li:last-child {
  background: #ed1414;
	color:#fff;
}

.sidebar-menu > li:first-child {
	text-align:center;
	background: #4367b0!important;
	color: #fff!important;
}


.sidebar-menu > li:last-child a
{
 	color:#fff!important;
}

.sidebar-menu > li:last-child > :hover a
{
  background: #ed1414;
	color:#fff;
}

.skin-blue .main-header li.user-header {
    background-color: #4367b0;
}

.sidebar-menu > li:last-child:hover {
  background: #ed1414;
}
.sidebar-menu > li.last-li:hover {
  background: #ed1414;
}

.sidebar-menu > li {
    position: relative;
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted #ababab!important;
}


.skin-blue .sidebar-menu >li>.treeview-menu.menu-open{
	    background: #f2f2f2;
}

.sidebar-menu .treeview-menu {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 0px!important;
}

.treeview-menu .active {
    background: #e2e5ea!important;
    margin-left: 0px;
}


.skin-blue .sidebar-menu>li:hover>a,
.skin-blue .sidebar-menu>li.active>a,
.skin-blue .sidebar-menu>li.menu-open>a {
    color: #fff!important;
    background:#202020!important;
}
.skin-blue .sidebar-menu>li:hover>a .fa-angle-right:before{color:#fff;}
.skin-blue .sidebar-menu>li.active>a .fa-angle-right:before{    color: #ffffff;}
.skin-blue .sidebar-menu > li:last-child{background:#fff;}
.skin-blue .sidebar-menu > li:last-child a{color:#000 !important;}
.skin-blue .sidebar-menu > li:last-child:hover a{    color: #fff !important;}
.skin-blue .sidebar-menu > li:last-child:hover a .fa-angle-right:before{color: #fff;}
.skin-blue .wrapper, 
.skin-blue .main-sidebar, 
.skin-blue .left-side {
    background-color: #ffffff!important;
}


#block-formsstepsaddcourseprogressbar_2 ol {
	list-style: none;
    /* float: left; */
    background: #dcdced;
    display: inline-flex;
    /* padding: 10px; */
}
#block-formsstepsaddcourseprogressbar_2 li {
	    padding: 10px;
}


#block-formsstepsaddcourseprogressbar_2 li.active {
	background:#ccc;
}

#block-formsstepsaddcourseprogressbar_2 li a{
	 color:#000;
	 font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}

#logo img {
  /*max-height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);*/
}

#logo .logo-lg,
#logo .logo-mini {
  position: relative;
  height: 50px;
}

.login-box .logo-lg > img {
  max-width: 50%;
}
.main-header.header-2 .navbar .menu-head{
position: absolute;
    top: 50%;
    right: 160px;
        width: auto;   transform: translateY(-50%);}
.main-header.header-2 .navbar .menu-head .navbar-nav{
list-style: none;
    padding-left: 0;}
.main-header.header-2 .navbar .menu-head .navbar-nav .nav-item{padding: 6px 18px;}
.main-header.header-2 .navbar .menu-head .navbar-nav .nav-item .nav-link{color:#212529;}
.main-header.header-2 .navbar .menu-head .navbar-nav .nav-item:hover .nav-link{color:#9747ff}
@media (max-width: 767px) {
	#views-exposed-form-batch-search-page-1 .form--inline .form-item {
    display: inline-block;
    margin-right: 0.5em;
    width: 180px;
}
.main-header .navbar-custom-menu {
    float: right;
    position: absolute;
    top: 0;
    right: 0;
}
#views-exposed-form-batch-search-page-1 #edit-submit-batch-search, #views-exposed-form-batch-search-page-1 #edit-submit-batch-search--2 {
    width: 90px!important;
} 
	.nav-tabs-custom .col-xs-6 {
    width: 48%;
    margin: 0 3px!important;
    padding: 0;
}
.nav-tabs-custom > .tab-content {
    padding: 0px!important;
}
.nav-tabs-custom {
    min-height: auto!important;
}
.main-header #logo{display:none;}
  body.skin-black #logo,
  body.skin-black #logo:hover,
  body.skin-black-light #logo,
  body.skin-black-light #logo:hover {
    background-color: #fff;
    border-bottom: 1px solid #eee;
  }
#views-exposed-form-payment-history-crm-page-1
{
	padding-top:60px;
}
}

.login-page-header.logo .logo-lg {
  display: block;
}

.login-page-header.logo .logo-mini {
  display: none;
}

body .label {
  color: #333;
  font-size: 80%;
}

a.tabledrag-handle .handle {
  width: 24px;
  height: 24px;
}

.box>.box-header>h4 {
  margin: 0;
}

@media (max-width: 991px) {
  .content-header>h1.page-title {
    margin-top: 20px;
  }
}


.dialog-off-canvas-main-canvas {
  position: relative;
  height: 100%;
}

.main-header {
  z-index: 9999 !important;
	--bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(33, 40, 50, 0.15) !important;
    top: 2px;
}

.page-title{
	margin-bottom: 0;
	padding: .75rem 1.25rem;
	border-bottom: 0 solid rgba(0, 0, 0, .125);
	background-color: transparent;
	/* border-bottom: 1px solid #dce4ec !important; */
	font-size: 30px;
}
/***** Custom CSS ******/
.due-payment .bg-red{
  padding: 7px;
}
.small-box .inner {
  padding: 10px;
  height: 100px;
}
.small-box a { 
color:#fff;
}
/*
#node-course-details-add-course-step-1-form .field--widget-string-textfield, #node-course-details-add-course-step-1-form .field--type-float, #node-course-details-add-course-step-1-form .field--type-integer, #node-course-details-add-course-step-1-form .field--type-list-string{
	width:40%;
	float:left;
	margin-right:20px;
}*/
.tabledrag-toggle-weight-wrapper {
  display: none;
}
#node-course-details-add-course-step-1-form #edit-submit {
  width: 81%;
  margin-left: 15px;
  height: 40px;
  font-size: 20px;
}
.skin-black-light .sidebar-menu > li:hover > a, .skin-black-light .sidebar-menu > li.active > a {
  color: #fff;
  background: #3667b0;
}
.treeview-menu .active{
	background: #3667b0;
}
.skin-black-light .sidebar-menu .treeview-menu > li.active > a, .skin-black-light .sidebar-menu .treeview-menu > li > a:hover {
  color: #fff!important;
  background: #4367B0;
}
.skin-black-light .sidebar-menu > li:hover > a, .skin-black-light .sidebar-menu > li.active > a {
  color: #fff!important;
  background: #4367B0!important;
}
.field--type-file summary {
  background-color: #3667b0;
  color: #fff;
  padding: 10px;
  font-weight: bold;
}
/*
.nav-tabs-custom {
	min-height: 600px;
}
*/
.path-frontpage .content-wrapper {
		background-image: url(/sites/default/files/home-bg.jpg);
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
     background-size: cover;
}

.login-box, .register-box {
    width: 360px;
    margin: 7% auto;
    margin-top: 37px!important;
}

.path-frontpage .nav-tabs-custom {
  min-height: auto;
}
.login-box, .register-box {
  width: 360px;
  margin: 0% auto;
}
.path-frontpage .dialog-off-canvas-main-canvas {
  overflow: hidden;
}
.path-frontpage .content-wrapper .content {
  background: rgba(0, 0, 0, 0.45);
  height: 100%;
}
.small-box a:hover, .small-box a:active, .small-box a:focus {
  outline: none;
  text-decoration: none;
  color: #fff;
}
.student-sec .page-title {
	margin-bottom:20px;
}
#create-user-form {
  background: #ece5e5;
  padding: 20px;
  width: 50%;
}

.nav-tabs-custom > .tab-content {
  border-top: 1px solid #fff;
}
#user-form .image-style-thumbnail {
  border-radius: 65px;
}
#user-form #edit-submit {
  width: 20%;
  margin-left: 35%;
}
#user-form .form-col2-section {
  border-left: 1px solid #ecf0f5;
  border-right: 1px solid #ecf0f5;
}
#node-batch-details-batch-step-2-form .form-item .description {
  display: none;
}
.login-logo, .register-logo {
  margin-bottom: 0px!important;
  background: #fff;
  padding-top: 20px;
}

#node-batch-details-batch-step-2-form .field--name-field-venue-details {
	width:25%;
	float:left;
	margin-right: 10px;
}
#node-batch-details-batch-step-2-form .field--name-field-document-files {
	width:30%;
	float:left;
	margin-right: 10px;
}
#node-batch-details-batch-step-2-form .field--name-field-audio-files {
	width:30%;
	float:left;
	margin-right: 10px;
}
#node-batch-details-batch-step-2-form .field--name-field-youtube-video-url{
	width:30%;
	float:left;
}
#edit-field-add-class-details-batch-wi-0-subform-field-youtube-video-url-wrapper .js-form-item {
  border: 1px solid #d1d1d1;
}
#edit-field-add-class-details-batch-wi-0-subform-field-youtube-video-url-wrapper #edit-field-add-class-details-batch-wi-0-subform-field-youtube-video-url-add-more {
  margin-left: 10px;
  margin-bottom: 10px;
}
#node-batch-details-batch-step-2-form .field--name-field-venue-details .js-form-type-textarea {
  margin-top: 7px;
}
#node-course-details-course-step-2-form #edit-title-wrapper, #node-course-details-course-step-2-form #edit-field-total-no-of-class-wrapper  {
  width: 20%;
  float: left;
  margin-right: 20px; 
}
#node-course-details-course-step-2-form #edit-actions {
  width: 100%;
  float: left;
  
}
#node-batch-details-batch-step-form #edit-actions{
	width:100%;
	float:left;
}
.path-add-course .nav-tabs-custom, .path-add-batch .nav-tabs-custom{
	display: inline-block;
}
.user-form .description {
	display:none;
}
#user-form #edit-delete {
	display:none;
}
.view-student-list img {
  width: 100%;
  max-width: 45px;
  height: auto;
  border-radius: 30px;
}
.assign-button {
  margin-top: 39px;
}
.small-box h3 {
    font-size: 22px!important;
}
.my-class-detail .ui-widget.ui-widget-content {
	width: 95%!important;
	left: 20px!important;
	top: 40%!important;
}
.my-class-detail .ui-dialog-title{
	display:none!important;
}
.my-class-detail .ui-dialog .ui-dialog-titlebar {
    padding: 1em 5em;
}
.views-element-container .view  table caption {
  background: #f39c12;
  padding-left: 10px;
  color: #fff;
}
.widget-user-image .img-circle {
  border-radius: 50%;
  height: 60px;
  padding: 5px;
}
.view-more-top {
  float: right;
}
.view-more-top a {
    color: #fff;
}
.view-more-top a:hover, .view-more-top a:active, .view-more-top a:focus {
  color: #ecf1f7;
}
.Blink {
  animation: blinker 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
}
@keyframes blinker {  
  from { opacity: 1; }
  to { opacity: 0; }
}


.page-user-login .login-box #user-login-form a.re-pass{
	float:right;
}

.reset-your-password .login-box {
	width: 30%!important;
    margin-left: auto!important;
}

.login-box, .register-box {
  width: 300px!important;
  margin-left: auto!important; 
}
.invoice {
  margin: 10px 15px!important;
}
.user-register-form #edit-actions {
    float: left;
    margin-left: 40%;
}
.user-register-form {
    display: inline-table;
}
#term-condition-form input[type="checkbox"] {
	width: 40px;
	height: 30px;
}
#term-condition-form #edit-submit {
  margin: 0px;
}
.view-all-batch-students .views-field-nothing, .view-my-students .views-field-nothing {
  min-width: 150px;
}
.views-exposed-form {
  background: #d7e1f3;
  padding: 10px;
  height: 160px;
  margin-top: 10px;
}
td .class-button {
  min-width: 190px;
}
/**** Start CSS - comment section ****/
.direct-chat-msg {
	margin-bottom: 10px;
	border-bottom: 1px solid #cdcdcd;
	padding-top: 10px;
	padding-bottom: 5px;
}
.student .direct-chat-img {
  float: right;
}
.direct-chat-warning .student > .direct-chat-text {
	background-color: #ffc107;
	border-color: #ffc107;
	color: #fff;
	font-size: 16px;
	padding: 8px;
}

.direct-chat-warning .student > .direct-chat-text::after, .direct-chat-warning .student > .direct-chat-text::before {
    border-left-color: #ffc107;
}
.student .direct-chat-text::after, .student .direct-chat-text::before {
    border-left-color: #d2d6de;
    border-right-color: transparent;
    left: 100%;
    right: auto;
}
.student .direct-chat-text {
  margin-left: 0;
  margin-right: 50px;
}

.card {
  /* box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2); */
  margin-bottom: 1rem;
}
.card {
  position: relative;
  display: -ms-flexbox;
  /* display: flex; */
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  /* background-color: #fff; */
  /* background-clip: border-box; */
  /* border: 0 solid rgba(0,0,0,.125); */
  /* border-radius: .25rem; */
}
.card-footer {
  padding: .75rem 1.25rem;
  background-color: rgba(0,0,0,.03);
  border-top: 0 solid rgba(0,0,0,.125);
}
.msg-box {
  width: 79%;
  float: left;
}
.msg-box #edit-message {
  height: 40px;
}
.msg-send {
	width: 10%;
	float: left;
	margin-top: 14px;
}
.overdue-aprv-form .msg-send{
	margin-top: 39px;
}
.msg-send  input {
  border-radius: 0 3px 3px 0;
}
.ui-widget.ui-widget-content {
  /* width: 440px !important; */
}

.margin-top-40 {
    margin-top: 39px;
}
#assign-crmfilter-form .form-item, #student-batchlist-form .form-item-crmlist, #student-batchlist-form .form-item-company {
    width: 200px;
    float: left;
    margin-right: 20px;
}
#assign-crmfilter-form .form-item-batch{
	width: 250px!important;
}
#assign-crmfilter-form .form-item-company, #assign-crmfilter-form .form-item-phone, #assign-crmfilter-form .form-item-participant{
	width: 160px;
}

.custom-search #views-exposed-form-batch-search-page-1 {
    float: right;
}
#views-exposed-form-batch-search-page-1 .form--inline .form-actions {
     display: inline;
}


#views-exposed-form-batch-search-page-1  .form--inline .form-item {
    display: inline-block;
    margin-right: 0.5em;
}

#views-exposed-form-batch-search-page-1 #edit-title, #views-exposed-form-batch-search-page-1 #edit-title--2 {
  height: 45px;
  font-size: 20px;
}
#views-exposed-form-batch-search-page-1  #edit-submit-batch-search, #views-exposed-form-batch-search-page-1 #edit-submit-batch-search--2 {
    height: 45px;
    width: 135px;
    margin-top: 3px;
}
.custom-search {
       width: 78%;
    display: inline-block;
}
.main-sidebar, .left-side {
  padding-top: 65px!important;
}
.main-header #logo {
  height: auto;
}
.views-field-field-adjust-shift-refund {
  width: 90px;
}
.views-field-field-active-status {
  width: 20px;
}
.direct-chat-msg .student{
	background: #f39c12;
	color: #fff;
}
/**** End CSS - comment section ****/
.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}
/*
#node-batch-details-batch-step-2-form  #edit-title-wrapper, #node-batch-details-batch-step-2-form #edit-field-course-wrapper, #node-batch-details-batch-step-2-form #edit-field-end-date-wrapper, #node-batch-details-batch-step-2-form #edit-field-start-date-wrapper, #node-batch-details-batch-step-2-form #edit-field-running-week-day-names-wrapper {
	width: 20%;
	float: left;
}
*/


#views-exposed-form-payment-history-crm-page-1 .form--inline .form-actions {
    display: inline-block!important;
}

#views-exposed-form-payment-history-crm-page-1 .bef-exposed-form .form--inline > .form-item {
    display: inline-block!important;
}

table tr td {
	font-size: 12px;
    font-weight: 500;
    /*--white-space: nowrap; --*/
}

 .bef-exposed-form .form--inline > .form-item {
    display: inline-block!important;
		float:revert;
}

.content {
    min-height: 250px;
    padding: 1px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
table thead tr {
    background: #fff;
    color: #000;
    font-weight: 500;
    font-size: 12px;text-align: center;
/*--white-space: nowrap; --*/
}
table th {
    font-weight: 600!important;
}

.table-bordered > thead > tr > th, 
.table-bordered > thead > tr > td {
    border-bottom-width: 2px;
    font-weight: bold;
}

.view-payment-history-crm .view-header .header-total-add {
    position: absolute;
    right: 5px;
    margin-top: 48px;
}
.view-payment-history-crm .view-header .header-total-text {
    float: right;
    background: #3867c1;
    padding: 10px;
    border-radius: 0px;
    color: #fff;
}
.btn-primary {
   /*  background-color: #3867c1!important;
    border-color: #3867c1!important; */
}
.form--inline .form-actions {
    clear: none;
    margin-top: 39px;
}
.page-drupal_help-dashboard_student .bg-aqua {
    background-color: #4068b0 !important;
}

.widget-user-2 .widget-user-desc {
   
		color:#fff;
}

.content .small-box.bg-blue .fa-credit-card:before,
.content .small-box.bg-green .fa.fa-edit:before,
.content .small-box.bg-red .fa-power-off:before,
.content .small-box.bg-aqua .fa-book:before {
     color: #fff;
}

 .widget-title-2 .widget-user-header {
       /* margin-left: 0px; */
    margin-top: 5px;
    /* margin-bottom: 5px; */
    /* font-size: 25px; */
    /* font-weight: 300; */
    color: #4068b0;
    padding: 12px;
    /* display: inline-table; */
    width: 100%;
}



.widget-title-2 .more{
		float: right;
    display: inline-block;
    margin-right: 4px;
    margin-top: -44px;
}

#views-exposed-form-batch-student-list-page-1 #edit-actions{
     margin-top: 125px;
}

.page-olsys-classbatchlist .nav > li > a:hover, 
.page-olsys-classbatchlist .nav > li > a:active, 
.page-olsys-classbatchlist .nav > li > a:focus {
    color: #444;
    background: #a9a2a2;
}

/*-- Dashboard here --*/
.mt-4{    margin-top: 1.5rem !important;}
.dashboard .row{
margin-right: 0px;
    margin-left: 0px;
}
.dashboard .row.g-2 .col-12, .dashboard .row.g-2 .col-sm-6, .dashboard .row.g-2 .col-sm-3{padding-left:8px; padding-right:8px}
.dashboard .btn-dark{color: #fff;
    background-color: #212529;
    border-color: #212529; border-radius:0px;}
.dashboard .btn-dark:hover{color: #f2f2f2;}
.dashboard .user-info .card {
    background: #F4F4F4;
}
.dashboard .user-info .user-bio{display:flex;gap:6px;border-bottom: 1px solid #dbdbdb;
    padding-bottom: 16px;
    margin-bottom: 12px;}
.dashboard .user-info .user-name h4 {
    font-weight: 300;
    font-size: 32px;
    margin-bottom: 0;
}

.dashboard .user-info .user-name h3 {
    font-weight: 600;
    font-size: 32px; margin:0px;
}

.dashboard .user-info .user-details ul {
    padding-left: 0;
    list-style: none;
}

.dashboard .user-info .user-details ul li {
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    text-align: left;
}

.dashboard .user-info .user-details ul li span {
    font-weight: 400;
    font-size: 14px;
    color: #8F8F8F;
}

.dashboard .user-info .user-details ul span:last-child {
    color: #1F1F1F;
}

.dashboard .black-box {
    background-color: #1F1F1F;
    padding: 12px 10px;
    height: 160px;
    position: relative;
}

.dashboard .black-box h4 {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 6px;
}

.dashboard .black-box p {
    color: #8F8F8F;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0;
    text-decoration: underline;
}
.dashboard .black-box p a{color: #8F8F8F;}
.dashboard .black-box img {
    max-width: 78px;
    position: absolute;
    bottom: 0;
    right: 2px;
}
.dashboard .flex{display:flex}
.dashboard .flex .half{    flex: 0 0 auto;
    width: 50%;}
.dashboard .flex{}
.dashboard .light-card {
    box-shadow: 0 0 6px #d7d7d7; height:160px;
}

.dashboard .light-card h3 {
    font-weight: 300;
    font-size: 26px;
    color: #8F8F8F;
}

.dashboard .light-card p {
    font-weight: 400;
    font-size: 14px;
    color: #1F1F1F;
}

.dashboard .light-card.bg-6 {
    background: url(/themes/custom/mlib/images/bg-6.png);
    background-size: cover;
    background-repeat: no-repeat; 
}

.dashboard .light-card.bg-6 p {
    color: #8F8F8F;
    font-weight: 500;
    font-size: 16px;
}

.dashboard .light-card.bg-6 p a {
    color: #8F8F8F;
}

.dashboard .light-card.bg-6 span {
    font-weight: 400;
    font-size: 14px;
    color: #8F8F8F;
}

.dashboard .light-card.bg-6 .date {
    font-weight: 500;
    font-size: 28px;
    color: #1F1F1F;
}

.dashboard .light-card.bg-6 .btn {
    position: absolute;
    right: 12px;
    bottom: 12px;
}

.dashboard .light-box {
    box-shadow: 0 0 6px #d7d7d7;
    height: 160px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.dashboard .light-box p {
    font-weight: 500;
    margin-bottom: 0;
    font-size: 17px;
    text-align: center;
    color: #8F8F8F;
}

.dashboard .blue-box {
    box-shadow: 0 0 6px #d7d7d7;
    background-color: #9747FF;
    height: 160px;
    padding: 12px;
    position: relative;
}

.dashboard .blue-box h4 {
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
}

.dashboard .blue-box p {
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 6px;
    text-transform: uppercase;
    text-decoration: underline;
    color: #fff;
}

.dashboard .blue-box img {
    max-width: 90px;
    position: absolute;
    right: 12px;
    bottom: 12px;
}

.dashboard .text-boxes h2{
    font-size: 94px;
    line-height: 106%;
    color: #C7C7C7;
    font-weight: 100;font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.dashboard .text-boxes h2 span {
    font-weight: 400;
    line-height: 106%;
}

#NewMember .btn-close {
    position: absolute;
    top: 4px;
    right: 4px;
}

#NewMember .box.gold-box {
    background: url(/themes/custom/mlib/images/gold-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

#NewMember .box {
    padding: 12px;
}

#NewMember .box .header-box {
    border-bottom: 2px solid #ffffff7a;
    margin-bottom: 12px;
}

#NewMember .box .header-box h2 {
    font-weight: 600;
    font-size: 27px;
    line-height: 100%;
    color: #000000;
}

#NewMember .box .header-box h2 span {
    font-weight: 400;
}

#NewMember .box .header-box h5 {
    font-weight: 700;
    font-size: 20.25px;
    line-height: 100%;
    color: #FFFFFF;
}

#NewMember .box .header-box .price-bx p {
    font-weight: 600;
    font-size: 12px;
}

#NewMember .box .header-box .price-bx p span {
    font-weight: 400;
}

#NewMember .box .header-box .price-bx .btn {
    font-weight: 400;
    font-size: 13.5px;
}

#NewMember .box .header-box .price-bx h6 {
    font-weight: 700;
    font-size: 22.07px;
}

#NewMember .box .header-box .price-bx h6 span {
    font-weight: 400;
}

#NewMember .box .header-box .price-bx .gst {
    font-weight: 400;
    font-style: italic;
    font-size: 10px;
    color: #696969;
}

#NewMember .box .body-sec h5 {
    font-weight: 600;
    font-size: 11.81px;
}

#NewMember .box .body-sec p {
    font-weight: 400;
    font-size: 10.12px;
}

#NewMember .box .body-sec p span {
    font-weight: 700;
}

#NewMember .box .body-sec ul {
    list-style: none;
    padding-left: 12px;
}

#NewMember .box .body-sec li {
    font-weight: 700;
    font-size: 10.12px;
}

#NewMember .box .body-sec h4.more {
    font-weight: 700;
    font-size: 13.5px;
}

#NewMember .silver-box {
    background: url(/themes/custom/mlib/images/silver-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

#NewMember .silver-box.box .header-box h5 {
    color: #8F8F8F;
}

#NewMember .silver-box.box .header-box {
    border-bottom: 2px solid #a9a5a57a;
}

#NewMember .box.silver-box .body-sec h5 {
    color: #696969;
}

#NewMember .box.silver-box .body-sec h4.more {
    color: #696969
}
#NewMember.modal{z-index: 9999; }
#NewMember .modal-content.bg-transparent{background:transparent}

/*-- End Dashboard here --*/



.page-barcodeattendance-barcode svg{
 /* margin-left:120px; */
} 

.page-barcodeattendance-barcode .title-week {
 display:none;
}

.page-barcodeattendance-barcode .tab-content>.active {
    display: block;
    width: 45%;
    margin-left:120px;
    text-align:center;
}

 
@media (max-width: 767px) { 
 .page-barcodeattendance-barcode .tab-content>.active {
    display: block;
    width: 100%;
    margin-left: 0px;
    text-align: center;
    padding: 10px;
 }
  
 .page-barcodeattendance-barcode svg {
       width: 350px;
  }
}

.page-view-tickets-page_3 .header-total-add,
.page-view-tickets-page_1 .header-total-add{
     height: 38px;
    float: right;
    padding: 10px;
}

 
/* 
i.fa {
    color: #1a50b1!important;
}
 
.active i.fa {
    color: #fff!important;
} */
.fa-angle-right:before {
    content: "\f105";
    color: #000;
}

.btn-warning {
    background-color: #3d9537!important;
    border-color: #3d9537!important;
    color:#fff!important;
}

.node-add-student-batch-add-batch-students-form .col-md-6 {
  width: 49%;
}

.page-drupal_help-dashboard_student .widget-title-2 .widget-user-header {
    /* margin-left: 0px; */
    margin-top: 0px;
    /* margin-bottom: 5px; */
    /* font-size: 25px; */
    /* font-weight: 300; */
    color: #4068b0;
    padding: 0px;
    /* display: inline-table; */
    width: 100%;
}

.page-drupal_help-dashboard_student #modal-st-up .modal {
    position: fixed;
    top: 49px;
}

#modal-st-up .modal-content {
      width: auto;
    top: 113px;
}

.page-drupal_help-dashboard_student #modal-st-up .modal-content.btn.btn-warning {
    background-color: #ffffff !important;
    border-color: #94b1e3 !important;
    color: #003078 !important;
    border-radius: 20px !important;
}

.views-exposed-form .js-form-item {
  width: 20%;
  float: left;
}
.views-exposed-form .form-actions {
  margin-top: 100px;
}
.views-exposed-form .btn {
font-size: 13px;
padding: 6px 20px;
}

#node-event-booking-edit-form,
#node-event-booking-form {
       background: #fafafa;
    padding: 5px;
       display: inline-block;
}

#node-event-booking-edit-form #event-info,
#node-event-booking-form #event-info{
       width: 49%;
}

#node-event-booking-edit-form #info,
#node-event-booking-form #info{
       width: 49%;
}
##node-event-booking-edit-form .js-form-wrapper,
#node-event-booking-form .js-form-wrapper{
  width:100%;
}
#node-event-booking-edit-form .js-form-item .description,
#node-event-booking-form .js-form-item .description{
  display:none;
}

#node-event-booking-edit-form #field-book-your-tickets-values .js-form-wrapper,
#node-event-booking-form #field-book-your-tickets-values .js-form-wrapper {
    width: 95%;
}

#node-event-booking-form .js-form-type-vertical-tabs .vertical-tabs,
#node-event-booking-edit-form .js-form-type-vertical-tabs .vertical-tabs{
 display:none;
}

#node-event-booking-form .field--name-field-gallery #edit-field-gallery-ajax-wrapper summary,
#node-event-booking-edit-form .field--name-field-gallery #edit-field-gallery-ajax-wrapper summary{
 display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
#node-event-booking-form .field--name-field-gallery #edit-field-gallery-ajax-wrapper .js-form-item label,
#node-event-booking-edit-form .field--name-field-gallery #edit-field-gallery-ajax-wrapper .js-form-item  label{
  content:'Attach images';
}

.page-entity-node-edit_form .nav-tabs-custom,
.create-event-booking .nav-tabs-custom {
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

#node-event-booking-edit-form #edit-actions,
#node-event-booking-form  #edit-actions {
   width: 48%;
    margin: 15px;
    float: left;
}

#node-event-booking-edit-form #edit-actions #edit-submit ,
#node-event-booking-form  #edit-actions #edit-submit  {
   background-color: #98d7ff;
    border-color: #98d7ff;
    color: #000;
    padding: 12px;
    display: inline-block;
    width: 44%;
    margin-top: 10px;
    margin-bottom: 10px;
}

#node-event-booking-edit-form #edit-actions #edit-preview   ,
#node-event-booking-form  #edit-actions #edit-preview   {
    background-color: #42aa02;
    border-color: #42aa02;
    color: #fff;
    padding: 12px;
    display: inline-block;
    width: 44%;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 4px;
}
 
 
 #node-event-booking-edit-form .field--name-field-item-message-text legend,
#node-event-booking-form  .field--name-field-item-message-text legend {
  display:none;
}

 #node-event-booking-edit-form table#field-book-your-tickets-values tbody tr,
 #node-event-booking-form table#field-book-your-tickets-values tbody tr{
 background: #fff !important;
}

#field-book-your-tickets-add-more-wrapper .clearfix{
 padding:10px;
}

 #node-event-booking-edit-form .field--name-field-event-reminder tbody tr,
 #node-event-booking-form .field--name-field-event-reminder tbody tr{
 background: #fff !important;
}

 #node-event-booking-edit-form table#field-event-reminder-values tbody tr,
 #node-event-booking-form table#field-event-reminder-values tbody tr{
 background: #fff !important;
}

.field--name-field-event-reminder #field-event-reminder-add-more-wrapper .clearfix{
 padding:10px;
}

 #node-event-booking-form .js-filter-wrapper,
 #node-event-booking-edit-form .js-filter-wrapper {
 display:none;
}
.small-box > .small-box-footer {
    background: rgba(0, 0, 0, 0.15) !important;
}

#views-exposed-form-event-page-1 .form-item{
    margin-right: 10px;
    width: 20%;
}
/** Custom CSS added**/

#views-exposed-form-dashboard-page-1  .js-form-item {
   float: left;
   margin-right:4px;
   width: 16%;
}
.node-form .form-group {
  margin-bottom: 15px;
  width: 48%;
  float: left;
  margin: 10px;
  height: 75px;
}

.vertical-tabs{
	display:none;
}






.page-user-login .content-wrapper, .right-side {
  background: url('/themes/druadmin_lte_theme/images/bgimg.jpg');

}