/* Custom Stylesheet for EValueSports 

---------------------------------------------
Table of contents
---------------------------------------------
01. GENERAL
02. LOGIN PAGE
03. STAFF
	03 - 01. DASHBOARD
	03 - 02. HOME
	03 - 03. LOCATION CLASSES
	03 - 04. ATTENDANCE
	03 - 05. ASSESSMENT
	03 - 06. ALL CLASSES TAB - LOCATION
	03 - 07. ALL CLASSES TAB - CLASS
	03 - 08. ALL CLASSES TAB - ATTENDANCE
	03 - 09. ALL CLASSES TAB - ASSESSMENT RECORD
	03 - 10. BOOKINGS
04. BOOKINGS
	04 - 01. LOCATION
	04 - 02. CLASSES
	04 - 03. CALENDAR
	04 - 04. REGISTRATION
	04 - 05. THANK YOU
05. GUARDIANS


--------------------------------------------- */

/* 01. GENERAL */
	.evs-shortcode{
	  font-family: 'Exo 2', sans-serif;
	}
	.evs-shortcode .shortcode-content{ 
	  border: 1px solid #eee;
	  font-family: 'Exo 2', sans-serif;
	}
	.evs-shortcode .table-loader{
		width: 200px;
    dievsay: none;
    margin: 200px auto 0;
	}
	.evs-shortcode .spinner-grow{ display: none; }
	textarea:focus,
	.form-control:focus,
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="date"]:focus,
	input[type="month"]:focus,
	input[type="time"]:focus,
	input[type="week"]:focus,
	input[type="number"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="color"]:focus,
	.uneditable-input:focus {   
	  border-color: #FF0000;
	  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075), 0 0 0px rgba(255, 0, 0, 0.6);
	}

	/* Forms */
	.evs-shortcode .evs-form{ }
	.evs-shortcode .evs-form .form-check{ padding-left: 0; }
	.evs-shortcode .evs-form .form-check .checkbox-label {
    dievsay: block;
    position: relative;
    margin: auto;
    cursor: pointer;
    font-size: 22px;
    line-height: 24px;
    height: 14px;
    width: 14px;
    clear: both;
	}
	.evs-shortcode .evs-form .form-check .checkbox-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
	}
	.evs-shortcode .evs-form .form-check .checkbox-label input:checked ~ .checkbox-custom {
	  background-color: #fff;
	  border-radius: 0px;
	  -webkit-transform: rotate(0deg) evsle(1);
	  -ms-transform: rotate(0deg) evsle(1);
	  transform: rotate(0deg) evsle(1);
	  opacity:1;
	  border: 1px solid #999999;
	}
	.evs-shortcode .evs-form .form-check .checkbox-label .checkbox-custom::after {
    position: absolute;
    content: "";
    left: 12px;
    top: 12px;
    height: 0px;
    width: 0px;
    border-radius: 5px;
    border: solid #009BFF;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(0deg) evsle(0);
    -ms-transform: rotate(0deg) evsle(0);
    transform: rotate(0deg) evsle(0);
    opacity:1;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
	}
	.evs-shortcode .evs-form .form-check .checkbox-label input:checked ~ .checkbox-custom::after {
	  -webkit-transform: rotate(45deg) evsle(1);
	  -ms-transform: rotate(45deg) evsle(1);
	  transform: rotate(45deg) evsle(1);
	  opacity:1;
	  left: 3px;
	  top: 0px;
	  width: 6px;
	  height: 12px;
	  border: solid #009BFF;
	  border-width: 0 2px 2px 0;
	  background-color: transparent;
	  border-radius: 0;
	}
	.evs-shortcode .evs-form .form-check .checkbox-label .checkbox-custom {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 14px;
    width: 14px;
    background-color: transparent;
    border-radius: 0px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    border: 1px solid #999999;
	}
	.evs-shortcode .evs-form .form-group .form-control-file::-webkit-file-upload-button{ visibility: hidden; }
	.evs-shortcode .evs-form .form-group .form-control-file::before{
		content: 'Take or upload photo of yourself';
	  dievsay: inline-block;
	  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
	  border: 1px solid #999;
	  border-radius: 3px;
	  padding: 5px 8px;
	  outline: none;
	  white-space: nowrap;
	  -webkit-user-select: none;
	  cursor: pointer;
	  text-shadow: 1px 1px #fff;
	  font-weight: 700;
	  font-size: 10pt;
	}
	.evs-shortcode .evs-form .form-group .form-control-file:hover::before{ border-color: black;	}
	.evs-shortcode .evs-form .form-group .form-control-file:active::before{ background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);	} 
	.evs-shortcode .evs-form .alert{ 
		dievsay: none; 
		margin: 40px 0;
    box-shadow: 0px 5px 10px -6px rgba(0,0,0,0.3);
    border-radius: 0;
	}
	.evs-shortcode .evs-form .alert .close{ font-size: 36px; }
	.evs-shortcode .evs-form .alert .alert-heading{
		font-size: 26px;
    padding: 20px 0 0;
    margin-bottom: 10px;
	}
	.evs-shortcode .evs-form .form-group .invalid-feedback{
		font-size: 10px;
    font-style: italic;
	}

	/* Table */
	.evs-shortcode .table{  }
	.evs-shortcode .table caption{
		font-family: 'Exo 2', sans-serif;
    font-size: 10px;
    color: #aaa;
    letter-spacing: 1px;
	}
	.evs-shortcode .table thead{  }
	.evs-shortcode .table thead th{ 
	  font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 8px 10px;
  }
	.evs-shortcode .table tbody{  }
	.evs-shortcode .table tbody th{
		font-size: 14px;
    font-weight: 600;
    vertical-align: middle;
    padding: 2px 10px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 600;
    color: #555;
	}
	.evs-shortcode .table tbody td{
		font-size: 13px;
    vertical-align: middle;
    padding: 5px 10px;
    color: #555;
    font-family: 'Exo 2', sans-serif;
	}
	.evs-shortcode .table tbody td button{
		 font-family: 'Exo 2', sans-serif;
	}
	.evs-shortcode .table tbody td .btn-modal{
		color: #fff;
    font-size: 10px;
	}

	/* Modal */
	.evs-shortcode .modal-body{ padding: 45px 30px 35px; }

	/* Form */
	.evs-shortcode .evs-form{  }
	.evs-shortcode .evs-form .form-group label{
		font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
	}
	.evs-shortcode .evs-form .form-group input,
	.evs-shortcode .evs-form .form-group select,
	.evs-shortcode .evs-form .form-group textarea{
		font-size: 13px;
    border: 0;
    border-bottom: 1px dashed #999;
    border-radius: 0;
    background-color: transparent;
	}
	.evs-shortcode .evs-form .form-group .invalid-feedback{ }
	.evs-shortcode .evs-form .form-group .form-control-file{ border: 0; }
	.evs-shortcode .evs-form .form-footer{ 
		text-align: right;
    padding: 30px 0 15px;
  }
	.evs-shortcode .evs-form .form-footer img{
		width: 40px;
    dievsay: none;
	}

	/* Buttons */
	.evs-shortcode .btn-evs{
		color: #fff;
    background-color: #1a6eac;
	}
	.evs-shortcode .asp_product_buy_button .asp_all_buttons_container{  }
	.evs-shortcode .asp_product_buy_button .asp_all_buttons_container .stripe-button-el{
		background: none;
    background-image: none;
    border: 0;
    padding: 0;
	}
	.evs-shortcode .asp_product_buy_button .asp_all_buttons_container .stripe-button-el span{ 
		background: none;
    height: auto;
    text-shadow: 0 0 black;
    font-weight: 400;
    box-shadow: none;
    padding: 3px 25px;
    text-transform: uppercase;
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
    font-family: 'Exo 2', sans-serif;
    font-size: 16px;
	}
	.evs-shortcode .asp_product_buy_button .asp_all_buttons_container .stripe-button-el span:hover{
		color: #fff;
    background-color: #138496;
    border-color: #117a8b;
	}

/* 02. LOGIN PAGE */
	.evs-login-page{
		border: 1px solid #eee;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    padding: 55px 55px 15px 55px;
    width: 880px;
    margin: 0 auto;
  }
	.evs-login-page .title{
		font-family: 'Exo 2', sans-serif;
    font-size: 36px;
    margin: 25px 0 40px;
    font-weight: 700;
	}
	.evs-login-page .login-wrapper{ padding: 0 55px; }
	.evs-login-page #evs-login-form{  }
	.evs-login-page #evs-login-form .form-group{  }
	.evs-login-page #evs-login-form .form-group label{
		text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 0;
	}
	.evs-login-page #evs-login-form .form-group input{
		font-size: 13px;
    border: 0;
    border-bottom: 1px dashed #999;
    border-radius: 0;
	}
	.evs-login-page #evs-login-form .form-group input.is-invalid{ border-color: #dc3545; }
	.evs-login-page #evs-login-form .form-group input.is-valid{ border-color: #28a745; }
	.evs-login-page #evs-login-form .form-footer{
		margin-top: 50px;
    margin-bottom: 75px;
    text-align: right;
	}
	.evs-login-page #evs-login-form .form-footer img{
		width: 40px;
    display: none;
	}
	.evs-login-page #evs-login-form .form-footer .btn{
		padding: 5px 20px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 15px;;
	}

/* 03. STAFF */

	/* 03 - 01. DASHBOARD */
		.evs-staff-dashboard-page{
			padding: 0;
	    margin: 0 auto;
	    border: 1px solid #999;
	    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	    width: 880px;
		}
		.evs-staff-dashboard-page .home-section{
			padding: 45px 30px;
		}
		.evs-staff-dashboard-page .evs-header-navbar{ border-bottom: 1px solid #aaa; }
		.evs-staff-dashboard-page .evs-header-navbar .navbar-brand{  }
		.evs-staff-dashboard-page .evs-header-navbar .navbar-brand span{ 
			position: absolute;
	    right: 80px;
	    bottom: 5px;
	    font-size: 10px;
		}
		.evs-staff-dashboard-page .evs-header-navbar .navbar-brand i{ 
			border: 2px solid #fff;
	    padding: 8px 10px;
	    border-radius: 50%;
	    margin-left: 10px;
		}

		.evs-staff-dashboard-page #evs-header-dropdownnav{  }
		.evs-staff-dashboard-page #evs-header-dropdownnav h5{ margin-bottom: 25px; }
		.evs-staff-dashboard-page #evs-header-dropdownnav .nav-pills{  }
		.evs-staff-dashboard-page #evs-header-dropdownnav .nav-pills .nav-link{ color: #fff; }
		.evs-staff-dashboard-page #evs-header-dropdownnav .nav-pills .nav-link:hover{
			background-color: #716e7e;
	    border-radius: 0;
		}
		.evs-staff-dashboard-page #evs-header-dropdownnav .nav-pills .nav-link.active{
			background-color: #716e7e;
	    border-radius: 0;
		}
		.evs-staff-dashboard-page .admin-tab-content{
			min-height: 50vh;
	    padding: 25px;
		}
		.evs-staff-dashboard-page .greetings-row .title{
			font-family: 'Exo 2', sans-serif;
	    font-size: 36px;
	    margin: 25px 0;
	    font-weight: 700;
		}
		.evs-staff-dashboard-page .greetings-row .title-meta{
			font-size: 16px;
	    list-style: none;
	    color: #6c757d;
	    padding: 0;
	    margin-bottom: 0px;
		}
		.evs-staff-dashboard-page .greetings-row .title-meta li{ display: inline-block; }
		.evs-staff-dashboard-page .greetings-row .title-meta li i{
			font-size: 5px;
	    height: 10px;
	    margin: 0 5px 0;
	    color: #aeaeae;
		}
		.evs-staff-dashboard-page .greetings-row hr{
			margin-bottom: 45px;
		}

	/* 03 - 02. HOME */
		.evs-staff-dashboard-page{  }
		.evs-staff-dashboard-page .home-section{  }
		.evs-staff-dashboard-page .home-section .class-list-section{  }
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tab{ width: 100%; }
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tab .nav-tabs{  }
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tab .nav-tabs .nav-item{ 
			background-color: #343a40;
	    color: #fff;
	    width: 120px;
	    font-size: 15px;
	    font-weight: 400;
	    padding: 10px 35px 10px 10px;
		}
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tab .nav-tabs .nav-item.active,
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tab .nav-tabs .nav-item:hover{
			background-color: #17a2b8;
	    border-bottom: 1px solid #888;
	    font-size: 15px;
	    font-weight: 400;
	    color: #fff;
	    padding: 10px 35px 10px 10px;
	    width: 120px;
		}
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tab .nav-tabs .nav-item i{  }
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tabcontent{
			border: 1px solid #dee2e6;
	    width: 100%;
	    border-top: 0px;
	    border-radius: 0 0 3px 3px;
	    padding: 50px 25px;
		}
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tabcontent .tab-pane{  }
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tabcontent .tab-pane .title{
			font-size: 30px;
	    font-weight: 600;
	    margin-bottom: 10px;
	    font-family: 'Exo 2', sans-serif;
		}
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tabcontent{ }
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tabcontent .refresh-classes{ color: #fff; }
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tabcontent .loader-gif{
	    margin: 0 auto;
	    display: none;
	    width: 300px;
		}
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tabconsssstent .classes-rows{ }
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tabcontent .classes-rows .class-column{ }
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tabcontent .classes-rows .class-column .card{ margin-bottom: 35px; }
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tabcontent .classes-rows .class-column .card .card-img-top{ height: 180px; }
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tabcontent .classes-rows .class-column .card-body{ }
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tabcontent .classes-rows .class-column .card-body .card-title{
	    margin-top: 10px;
	    font-size: 16px;
	    margin-bottom: 5px;
	    font-weight: 600;
	    font-family: 'Exo 2', sans-serif;
		}
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tabcontent .classes-rows .class-column .card-body .card-meta{
			font-size: 12px;
	    list-style: none;
	    color: #6c757d;
	    padding: 0;
		}
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tabcontent .classes-rows .class-column .card-body .card-meta li{ display: inline-block; }
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tabcontent .classes-rows .class-column .card-body .card-meta li i{
			font-size: 5px;
	    height: 10px;
	    margin: 0 5px 0;
	    color: #aeaeae;
		}
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tabcontent .classes-rows .class-column .card-body .button-group{ text-align: center; }
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tabcontent .classes-rows .class-column .card-body .button-group .btn{
			color: #fff;
    		margin: 5px 0;
		}
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tabcontent .classes-rows .class-column .open-assessment{
			color: #fff;
	    font-family: 'Exo 2', sans-serif;
	    font-weight: 400;
	    text-transform: uppercase;
	    font-size: 13px;
	    padding: 8px 15px;
		}
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tabcontent .classes-rows .class-column .card-body .button-group .evs-button{ 
			color: #fff;
			font-family: 'Exo 2', sans-serif;
			font-weight: 400;
			text-transform: uppercase;
			font-size: 12px;
			padding: 8px 15px;
			width: 100%;
		}
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tabcontent .classes-rows .class-column .card-body .button-group .evs-primary-button{
			background-color: #138496;
			border-color: #117a8b;
		}
		.evs-staff-dashboard-page .home-section .class-list-section .evs-tabcontent .classes-rows .class-column .card-body .button-group .evs-secondary-button{
			background-color: #334257;
    	border-color: #334257;
		}

	/* 03 - 03. LOCATION CLASSES */
		.evs-staff-dashboard-page .location-classes-section{ padding: 0 30px 40px; }
		.evs-staff-dashboard-page .location-classes-section .greetings-row .title{  }
		.evs-staff-dashboard-page .location-classes-section .evs-audit-form-modal-button{
			font-family: 'Exo 2', sans-serif;
	    font-weight: 400;
	    text-transform: uppercase;
	    font-size: 15px;
	    padding: 8px 35px;
	    background: #007cba;
	    border-color: #007cba;
		}
		.evs-staff-dashboard-page .location-classes-section .evs-audit-form-modal-button:hover{
			background: #0071a1;
    	border-color: #0071a1;
		}
		.evs-staff-dashboard-page .location-classes-section #evs-audit-form-modal .modal-header{ 
			background-color: #17a2b8;
    	font-family: 'Exo 2', sans-serif;
		}
		.evs-staff-dashboard-page .location-classes-section #evs-audit-form-modal .modal-header .modal-title{ 
			color: #fff; 
			font-family: 'Exo 2', sans-serif;
		}
		.evs-staff-dashboard-page .location-classes-section #evs-audit-form-modal .modal-header button{ color: #fff; }
		.evs-staff-dashboard-page .location-classes-section #evs-audit-form-modal .modal-body{ padding: 25px 15px; }
		.evs-staff-dashboard-page .location-classes-section #evs-audit-form-modal .form-info{
			background: #efefef;
    	padding: 15px 15px;
		}
		.evs-staff-dashboard-page .location-classes-section #evs-audit-form-modal .form-info p{
			margin: 0;
    	font-size: 13px;
		}
		.evs-staff-dashboard-page .location-classes-section #evs-audit-form-modal .form-info strong{ }
		.evs-staff-dashboard-page .location-classes-section #evs-audit-form-modal #evs-audit-form{
			margin-top: 25px;
	    border-top: 1px solid #efefef;
	    padding: 25px 15px;
		}
		.evs-staff-dashboard-page .location-classes-section #evs-audit-form-modal #evs-audit-form select{
			font-size: 14px;
	    margin-bottom: 30px;
	    margin-top: -10px;
	    background: #f8f9fa;
		}
		.evs-staff-dashboard-page .location-classes-section #evs-audit-form-modal #evs-audit-form h3{
			font-weight: 600;
	    font-family: 'Exo 2', sans-serif;
	    line-height: 1.5;
	    margin-bottom: 22px;
	    font-size: 22px;
		}
		.evs-staff-dashboard-page .location-classes-section #evs-audit-form-modal #evs-audit-form .custom-radio{
			padding: 10px 10px;
	    background: #f8f9fa;
	    margin-bottom: 10px;
	    font-size: 14px;
		}
		.evs-staff-dashboard-page .location-classes-section #evs-audit-form-modal #evs-audit-form .custom-radio label{
	    width: 100%;
	    border-bottom: 1px solid #e9e9e9;
	    padding-bottom: 7px;    
	    font-size: 12px;
	    font-weight: 700;
	    text-transform: uppercase;
		}
		.evs-staff-dashboard-page .location-classes-section #evs-audit-form-modal #evs-audit-form .custom-radio input{
			margin-left: 15%;
    	margin-right: 5px;
		}
		.evs-staff-dashboard-page .location-classes-section #evs-audit-form-modal #evs-audit-form .form-group{
			background: #f8f9fa;
	    margin-bottom: 10px;
	    font-size: 14px;
	    margin-top: 25px;
	    padding: 25px 15px;
		}
		.evs-staff-dashboard-page .location-classes-section #evs-audit-form-modal #evs-audit-form label .required{ color: #dc3545; }
		.evs-staff-dashboard-page .location-classes-section #evs-audit-form-modal #evs-audit-form .form-group label{ }
		.evs-staff-dashboard-page .location-classes-section #evs-audit-form-modal #evs-audit-form .form-group textarea{
			border: 1px dashed #999;
    	margin-top: 10px;
		}
		.evs-staff-dashboard-page .location-classes-section #evs-audit-form-modal #evs-audit-form hr{
			margin-top: 30px;
    	border: 1px solid #333;
		}
		.evs-staff-dashboard-page .location-classes-section #evs-audit-form-modal .modal-footer .loader-gif{
			display: none;
			width: 30px;
		}
		.evs-staff-dashboard-page .location-classes-section #evs-audit-form-modal .modal-footer .btn-primary{
			margin-top: 25px;
	    font-family: 'Exo 2', sans-serif;
	    font-weight: 400;
	    text-transform: uppercase;
	    font-size: 15px;
	    padding: 8px 35px;
	    background: #007cba;
	    border-color: #007cba;
	    color: #fff;
	    text-decoration: none;
	    text-shadow: none;
		}
		.evs-staff-dashboard-page .location-classes-section #evs-audit-form-modal .modal-footer .btn-primary:hover{
	    background: #0071a1;
	    border-color: #0071a1;
		}
		.evs-staff-dashboard-page .location-classes-section #evs-audit-form-modal .modal-footer .btn-secondary{
			margin-top: 25px;
	    font-family: 'Exo 2', sans-serif;
	    font-weight: 400;
	    text-transform: uppercase;
	    font-size: 15px;
	    padding: 8px 35px;
	    background: #787A91;
	    border-color: #787A91;
	    color: #fff;
	    text-decoration: none;
	    text-shadow: none;
		}
		.evs-staff-dashboard-page .location-classes-section #evs-audit-form-modal .modal-footer .btn-secondary:hover{
			background-color: #444444;
    	border-color: #444444;
		}
		.evs-staff-dashboard-page .location-classes-section #evs-audit-form-modal .modal-footer .alert{
			font-size: 13px;
	    width: 100%;
	    text-align: center;
	    margin-top: 10px !important;
		}
		.evs-staff-dashboard-page .location-classes-section .classes-rows{  }
		.evs-staff-dashboard-page .location-classes-section .classes-rows .class-column{  }
		.evs-staff-dashboard-page .location-classes-section .classes-rows .class-column .card .card-img-top{
			height: 175px;
	    width: auto;
	    min-width: 100%;
		}
		.evs-staff-dashboard-page .location-classes-section .classes-rows .class-column .card-body{  }
		.evs-staff-dashboard-page .location-classes-section .classes-rows .class-column .card {  }
		.evs-staff-dashboard-page .location-classes-section .classes-rows .class-column .card-body .card-title{     
			margin-top: 10px;
    	font-size: 16px;
    	margin-bottom: 5px;
    	font-weight: 600;
    	font-family: 'Exo 2', sans-serif; 
    }
    .evs-staff-dashboard-page .location-classes-section .classes-rows .class-column .card-body .card-meta{
			font-size: 12px;
	    list-style: none;
	    color: #6c757d;
	    padding: 0;
		}
		.evs-staff-dashboard-page .location-classes-section .classes-rows .class-column .card-body .card-meta li{ display: inline-block; }
		.evs-staff-dashboard-page .location-classes-section .classes-rows .class-column .card-body .card-meta li i{
			font-size: 5px;
	    height: 10px;
	    margin: 0 5px 0;
	    color: #aeaeae;
		}
		.evs-staff-dashboard-page .location-classes-section .classes-rows .class-column .card-body .badge{
			padding: 5px 15px;
    	font-weight: 400;
		}
		.evs-staff-dashboard-page .location-classes-section .classes-rows .class-column .card-body .badge i{
			margin-right: 5px;
		}
		.evs-staff-dashboard-page .location-classes-section .classes-rows .class-column .card-body .btn-info{
			color: #fff;
	    font-family: 'Exo 2', sans-serif;
	    font-weight: 400;
	    text-transform: uppercase;
	    font-size: 13px;
	    padding: 8px 15px;
		}
		.evs-staff-dashboard-page .location-classes-section .classes-rows .class-column .card-body .btn-info:hover{
			color: #fff;
	    font-family: 'Exo 2', sans-serif;
	    font-weight: 400;
	    text-transform: uppercase;
	    font-size: 13px;
	    padding: 8px 15px;
		}

	/* 03 - 04. ATTENDANCE */
		.evs-staff-dashboard-page .attendance-section{ padding: 50px 55px; }
		.evs-staff-dashboard-page .attendance-section .title{ margin: 25px 0 10px; }
		.evs-staff-dashboard-page .attendance-section .evs-audit-form-modal-button{
			margin-bottom: 45px !important;
	    margin-top: 25px !important;
	    font-family: 'Exo 2', sans-serif;
	    font-weight: 400;
	    text-transform: uppercase;
	    font-size: 15px;
	    padding: 8px 35px;
	    background: #007cba;
	    border-color: #007cba;
	    color: #fff;
	    text-decoration: none;
	    text-shadow: none;
		}
		.evs-staff-dashboard-page .attendance-section #evs-attendance-table{ 
			min-width: 1000px;
	    margin: 0px 15px;
	    width: 95%;
		}
		.evs-staff-dashboard-page .attendance-section #evs-attendance-table .col-student{ width: fit-content; }
		.evs-staff-dashboard-page .attendance-section #evs-attendance-table .col-age{
			width: fit-content;
    	text-align: center;
		}
		.evs-staff-dashboard-page .attendance-section #evs-attendance-table .col-level{
			width: fit-content;
    	text-align: center;
    }
		.evs-staff-dashboard-page .attendance-section #evs-attendance-table .col-guardian{ width: fit-content; }
		.evs-staff-dashboard-page .attendance-section #evs-attendance-table .col-medical{
			text-align: center;
    	width: 30%;
		}
		.evs-staff-dashboard-page .attendance-section #evs-attendance-table .col-guardian .guardian-phone{
			font-size: 11px;
    	margin-left: 10px;
		}
		.evs-staff-dashboard-page .attendance-section #evs-attendance-table .col-attendance{
			text-align: center;
    	width: fit-content;
		}
		.evs-staff-dashboard-page .attendance-section #evs-attendance-table .col-attendance .loader-gif{
			width: 15px;
			display: none;
		}
		.evs-staff-dashboard-page .attendance-section .footer-row{
			padding: 0;
	    width: 100%;
	    text-align: right;
	    margin-top: 45px;
		}
		.evs-staff-dashboard-page .attendance-section .footer-row .col-12{ padding: 0; }
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal .modal-header{
			background-color: #17a2b8;
    	font-family: 'Exo 2', sans-serif;
		}
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal .modal-header .modal-title{
			color: #fff;
    	font-family: 'Exo 2', sans-serif;
		}
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal .modal-header button{ color: #fff; }
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal .modal-body{ 
			padding: 25px 15px; 
			max-height: 60vh;
    	overflow: scroll;
		}
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal .note{ }
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal .note p{ font-size: 12px; }
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal .note ol{
			list-style: none;
	    padding: 0 0 0 10px;
	    font-size: 12px;
		}
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal .note ol li{ }
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal .note p.required{ color: #dc3545; }
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal .modal-footer .loader-gif{
			display: none;
			width: 30px;
		}
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal .modal-footer .alert{
			font-size: 13px;
	    width: 100%;
	    text-align: center;
	    margin-top: 10px !important;
		}
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal .form-info{
			background: #efefef;
    	padding: 15px 15px;
		}
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal .form-info p{
			margin: 0;
    	font-size: 13px;
		}
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal .form-info strong{ }
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal hr{
			margin-top: 30px;
    	border: 1px solid #333;
		}
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal form{
			font-size: 17px;
	    margin-bottom: 5px;
	    padding-left: 15px;
		}
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal form .form-group{
			margin-top: 20px;
    	padding: 0 15px;
		}
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal form .form-group h3{
			margin-bottom: 5px;
	    padding: 0;
	    text-transform: uppercase;
	    font-size: 12px;
	    font-weight: 600;
	    font-family: 'Exo 2', sans-serif;
		}
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal form .form-group input{ padding: 0px 10px; }
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal form .form-group select{ }
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal form .form-group label{
			font-weight: normal;
	    font-size: 12px;
	    text-transform: none;
	    line-height: 1.3;
		}
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal form h3{
			font-size: 15px;
    	margin-bottom: 5px;    	
    	padding-left: 15px;
		}
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal form .custom-radio{
			padding: 10px 10px;
	    background: #f8f9fa;
	    margin-bottom: 10px;
	    font-size: 14px;
	    margin: 15px 15px;
		}
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal form .custom-radio label{
	    width: 100%;
	    border-bottom: 1px solid #e9e9e9;
	    padding-bottom: 7px;    
	    font-size: 12px;
	    font-weight: 700;
	    text-transform: uppercase;
		}
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal form .custom-radio input{ margin: 0 3px 0 10px;  }
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal .form-group .form-control-file::before{ content: 'Upload'; }
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal .modal-footer .btn-primary{
			margin-top: 25px;
	    font-family: 'Exo 2', sans-serif;
	    font-weight: 400;
	    text-transform: uppercase;
	    font-size: 15px;
	    padding: 8px 35px;
	    background: #007cba;
	    border-color: #007cba;
	    color: #fff;
	    text-decoration: none;
	    text-shadow: none;
		}
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal .modal-footer .btn-primary:hover{
	    background: #0071a1;
	    border-color: #0071a1;
		}
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal .modal-footer .btn-secondary{
			margin-top: 25px;
	    font-family: 'Exo 2', sans-serif;
	    font-weight: 400;
	    text-transform: uppercase;
	    font-size: 15px;
	    padding: 8px 35px;
	    background: #787A91;
	    border-color: #787A91;
	    color: #fff;
	    text-decoration: none;
	    text-shadow: none;
		}
		.evs-staff-dashboard-page .attendance-section #evs-postsession-form-modal .modal-footer .btn-secondary:hover{
			background-color: #444444;
    	border-color: #444444;
		}
		.evs-staff-dashboard-page .attendance-section .footer-row .btn-info{
			font-family: 'Exo 2', sans-serif;
	    font-weight: 400;
	    text-transform: uppercase;
	    font-size: 15px;
	    padding: 8px 35px;
		}

	/* 03 - 05. ASSESSMENT */
		.evs-staff-dashboard-page .assessment-section{ padding: 50px 55px; }
		.evs-staff-dashboard-page .assessment-section .table-scroll{
			position: relative;
	    min-width: 50%;
	    z-index: 1;
	    margin: 0;
	    overflow: auto;
	    height: 380px;
	    margin-bottom: 35px;
	    border-bottom: 3px solid #efefef;
	    border-left: 3px solid #efefef;
	    border-radius: 3px;
		}
		.evs-staff-dashboard-page .assessment-section .table-scroll table{ 
			width: 100%;
		  min-width: 500px;
		  margin: auto;
		  border-collapse: separate;
		  border-spacing: 0;

		}
		.evs-staff-dashboard-page .assessment-section .table-scroll th,
		.evs-staff-dashboard-page .assessment-section .table-scroll td {
		  padding: 5px 10px;
		  border: 0.5px solid #ccc;
		  background: #fff;
		  vertical-align: middle;
		}
		.evs-staff-dashboard-page .assessment-section .table-scroll thead th {
		  background: #17a2b8;    
		  border: 0.5px solid #158799;
		  color: #fff;
		  position: -webkit-sticky;
		  position: sticky;
		  top: 0;
		  z-index: 1;
		  font-size: 15px;
	    font-weight: 400;
	    font-family: 'Exo 2', sans-serif;
		}
		.evs-staff-dashboard-page .assessment-section .table-scroll thead th.col-student{ top: 55px; }
		.evs-staff-dashboard-page .assessment-section .table-scroll th:first-child {
		  position: -webkit-sticky;
		  position: sticky;
		  left: 0;
		  z-index: 2;
		  background: #ccc;
		}
		.evs-staff-dashboard-page .assessment-section .table-scroll thead th:first-child{
		  z-index: 5;
		  background-color: #17a2b8;
    	border: 0.5px solid #158799;
		}
		.evs-staff-dashboard-page .assessment-section .table-scroll thead th:first-child.col-student{
		  z-index: 1;
		}
		.evs-staff-dashboard-page .assessment-section #evs-assessment-table{
			background: #222;
		}
		.evs-staff-dashboard-page .assessment-section #evs-assessment-table thead{ }
		.evs-staff-dashboard-page .assessment-section #evs-assessment-table thead th{ width: fit-content; }
		.evs-staff-dashboard-page .assessment-section #evs-assessment-table thead th.col-student-heading{
			text-align: center;
	    text-transform: uppercase;
	    font-size: 15px;
	    padding: 15px;
		}
		.evs-staff-dashboard-page .assessment-section #evs-assessment-table thead th.col-question-heading{
			text-align: center;
	    text-transform: uppercase;
	    vertical-align: middle;
	    font-size: 15px;
		}
		.evs-staff-dashboard-page .assessment-section #evs-assessment-table thead th.col-student{
			text-align: center;    
			font-size: 14px;
		}
		.evs-staff-dashboard-page .assessment-section #evs-assessment-table tbody{ }
		.evs-staff-dashboard-page .assessment-section #evs-assessment-table tbody tr{ }
		.evs-staff-dashboard-page .assessment-section #evs-assessment-table tbody tr th{ }
		.evs-staff-dashboard-page .assessment-section #evs-assessment-table tbody tr td{ text-align: center; }
		.evs-staff-dashboard-page .assessment-section #evs-assessment-table tbody tr .col-category-heading{
			width: fit-content;
	    background-color: #343a40;
	    color: #fff;
	    text-transform: uppercase;
	    font-size: 14px;
	    vertical-align: middle;
	    min-width: 300px;    
	    border: 0.5px solid #495057;
    	font-weight: 600;
		}
		.evs-staff-dashboard-page .assessment-section #evs-assessment-table tbody tr .col-skill-heading{
			width: fit-content;
	    background-color: #343a40;
	    color: #fff;
	    text-transform: uppercase;
	    font-size: 12px;
	    vertical-align: middle;    
	    border: 0.5px solid #495057;
	  }
		.evs-staff-dashboard-page .assessment-section #evs-assessment-table tbody tr .col-question-heading{
			background-color: #f8f9fa;
	    font-weight: 300;
	    font-size: 14px;
	    vertical-align: middle;
		}
		.evs-staff-dashboard-page .assessment-section #evs-assessment-table tbody tr td .custom-checkbox{ }
		.evs-staff-dashboard-page .assessment-section #evs-assessment-table tbody tr td .custom-checkbox input{ }
		.evs-staff-dashboard-page .assessment-section #evs-assessment-table tbody tr td .custom-checkbox label{ }
		.evs-staff-dashboard-page .assessment-section #evs-assessment-table tbody tr td .loader-gif{
			display: none;
			width: 15px;
		}
		.evs-staff-dashboard-page .assessment-section .footer-row{
			display: block;
    	width: 100%;
		}
		.evs-staff-dashboard-page .assessment-section .footer-row .btn-info{
			font-family: 'Exo 2', sans-serif;
	    font-weight: 400;
	    text-transform: uppercase;
	    font-size: 15px;
	    padding: 8px 35px;
		}

	/* 03 - 06. ALL CLASSES TAB - LOCATION */
		.evs-staff-dashboard-page .all-classes-tab .class-column .button-group .evs-primary-button{
			background-color: #138496;
			border-color: #117a8b;
		}

	/* 03 - 07. ALL CLASSES TAB - CLASS */
		.evs-staff-dashboard-page .location-classes-record-section{ padding: 0 30px 40px; }
		.evs-staff-dashboard-page .location-classes-record-section .classes-rows{ margin-top: 15px !important; }
		.evs-staff-dashboard-page .location-classes-record-section .classes-rows .class-column{ margin-top: 15px !important; }
		.evs-staff-dashboard-page .location-classes-record-section .classes-rows .class-column .card{  }
		.evs-staff-dashboard-page .location-classes-record-section .classes-rows .class-column .card .card-img-top{  }
		.evs-staff-dashboard-page .location-classes-record-section .classes-rows .class-column .card .card-body{  }
		.evs-staff-dashboard-page .location-classes-record-section .classes-rows .class-column .card .card-body .card-title{
			margin-top: 10px;
	    font-size: 16px;
	    margin-bottom: 5px;
	    font-weight: 600;
	    font-family: 'Exo 2', sans-serif;
		}
		.evs-staff-dashboard-page .location-classes-record-section .classes-rows .class-column .card .card-body .card-meta{
			font-size: 12px;
	    list-style: none;
	    color: #6c757d;
	    padding: 0;
		}
		.evs-staff-dashboard-page .location-classes-record-section .classes-rows .class-column .card .card-body .card-meta li{ display: inline-block; }
		.evs-staff-dashboard-page .location-classes-record-section .classes-rows .class-column .card .card-body .card-meta li i{
			font-size: 5px;
	    height: 10px;
	    margin: 0 5px 0;
	    color: #aeaeae;
		}
		.evs-staff-dashboard-page .location-classes-record-section .classes-rows .class-column .card .card-body .button-group{ text-align: center; }
		.evs-staff-dashboard-page .location-classes-record-section .classes-rows .class-column .card .card-body .button-group .evs-button{
			color: #fff;
	    font-family: 'Exo 2', sans-serif;
	    font-weight: 400;
	    text-transform: uppercase;
	    font-size: 12px;
	    padding: 8px 15px;
	    width: 100%;
		}
		.evs-staff-dashboard-page .location-classes-record-section .classes-rows .class-column .card .card-body .button-group .evs-primary-button{
			background-color: #138496;
			border-color: #117a8b;
			margin-bottom: 10px;
		}
		.evs-staff-dashboard-page .location-classes-record-section .classes-rows .class-column .card .card-body .button-group .evs-secondary-button{
			background-color: #334257;
    	border-color: #334257;
		}

	/* 03 - 08. ALL CLASSES TAB - ATTENDANCE */
		.evs-staff-dashboard-page .attendance-record-section{ padding: 0 30px 40px; }
		.evs-staff-dashboard-page .attendance-record-section .content-row{ }
		.evs-staff-dashboard-page .attendance-record-section .content-row .table-responsive{ margin: 0 15px; }
		.evs-staff-dashboard-page .attendance-record-section .content-row .table-responsive .evs-attendance-record-table{ }
		.evs-staff-dashboard-page .attendance-record-section .content-row .table-responsive .evs-attendance-record-table .thead-dark{ }
		.evs-staff-dashboard-page .attendance-record-section .content-row .table-responsive .evs-attendance-record-table .thead-dark th{ }
		.evs-staff-dashboard-page .attendance-record-section .content-row .table-responsive .evs-attendance-record-table .tbody{ }
		.evs-staff-dashboard-page .attendance-record-section .content-row .table-responsive .evs-attendance-record-table .tbody td{ }
		.evs-staff-dashboard-page .attendance-record-section .content-row .table-responsive .evs-attendance-record-table .tbody td.col-students{ }
		.evs-staff-dashboard-page .attendance-record-section .content-row .table-responsive .evs-attendance-record-table .tbody td.col-status{ }
		.evs-staff-dashboard-page .attendance-record-section .content-row .table-responsive .evs-attendance-record-table .tbody td.col-status i{ }

	/* 03 - 09. ALL CLASSES TAB - ASSESSMENT RECORD */
		.evs-staff-dashboard-page .assessment-record-section{ padding: 0 30px 40px;  }
		.evs-staff-dashboard-page .assessment-record-section .content-row{   }
		.evs-staff-dashboard-page .assessment-record-section .table-scroll{
			position: relative;
	    min-width: 50%;
	    z-index: 1;
	    margin: 0;
	    overflow: auto;
	    height: 380px;
	    margin-bottom: 35px;
	    border-bottom: 3px solid #efefef;
	    border-left: 3px solid #efefef;
	    border-radius: 3px;
		}
		.evs-staff-dashboard-page .assessment-record-section #evs-assessment-record-table{
			background: #222;
			width: max-content;
		}
		.evs-staff-dashboard-page .assessment-record-section #evs-assessment-record-table thead{  }
		.evs-staff-dashboard-page .assessment-record-section #evs-assessment-record-table thead tr{  }
		.evs-staff-dashboard-page .assessment-record-section #evs-assessment-record-table thead tr th{
			width: fit-content;
	    background: #17a2b8;
	    border: 0.5px solid #158799;
	    color: #fff;
	    position: -webkit-sticky;
	    position: sticky;
	    top: 0;
	    z-index: 1;
	    font-weight: 400;
		}
		.evs-staff-dashboard-page .assessment-record-section #evs-assessment-record-table thead tr th.col-question-heading{
			text-align: center;
	    text-transform: uppercase;
	    vertical-align: middle;
	    font-size: 15px;
	    position: sticky;
	    left: 0;
	    z-index: 2;
	    background-color: #17a2b8;
	    border: 0.5px solid #158799;
	    font-weight: 400;
		}
		.evs-staff-dashboard-page .assessment-record-section #evs-assessment-record-table thead tr th.col-student-heading{
			text-align: center;
	    text-transform: uppercase;
	    font-size: 15px;
	    padding: 15px;
		}
		.evs-staff-dashboard-page .assessment-record-section #evs-assessment-record-table thead tr th.col-student{
			text-align: center;
	    font-size: 13px;
	    padding: 7px 15px;
	    top: 56px;
		}
		.evs-staff-dashboard-page .assessment-record-section #evs-assessment-record-table thead tr th.col-student .email-report{
			display: block;
	    margin: 0 auto;
	    padding: 2px 5px;
	    max-width: fit-content;
	    font-size: 12px;
	    margin-top: 10px;
	    margin-bottom: 8px;
	    background-color: #086E7D;
    	border: 1px solid #158799;
		}
		.evs-staff-dashboard-page .assessment-record-section #evs-assessment-record-table tbody{  }
		.evs-staff-dashboard-page .assessment-record-section #evs-assessment-record-table tbody tr{  }
		.evs-staff-dashboard-page .assessment-record-section #evs-assessment-record-table tbody tr th{
			padding: 5px 10px;    
			background: #17a2b8;
    	border: 0.5px solid #158799;
    	color: #fff;
    	font-weight: 400;
		} 		
		.evs-staff-dashboard-page .assessment-record-section #evs-assessment-record-table tbody td{
			padding: 5px 10px;
    	border: 1px solid #000;
		}
		.evs-staff-dashboard-page .assessment-record-section #evs-assessment-record-table tbody td.col-skill-heading{
			width: fit-content;
	    background-color: #343a40;
	    color: #fff;
	    text-transform: uppercase;
	    font-size: 12px;
	    vertical-align: middle;
	    text-align: center;
	    border: 0.5px solid #495057;
		}
		.evs-staff-dashboard-page .assessment-record-section #evs-assessment-record-table tbody tr th.col-category-heading{
			width: fit-content;
	    background-color: #343a40;
	    color: #fff;
	    text-transform: uppercase;
	    font-size: 14px;
	    vertical-align: middle;
	    min-width: 300px;
	    position: sticky;
	    left: 0;
	    z-index: 1;
	    border: 0.5px solid #495057;
		}
		.evs-staff-dashboard-page .assessment-record-section #evs-assessment-record-table tbody tr th.col-category-heading{  }
		.evs-staff-dashboard-page .assessment-record-section #evs-assessment-record-table tbody tr.skill-checkrow th.col-question-heading{
			vertical-align: middle;
	    position: sticky;
	    left: 0;
	    z-index: 1;
	    background-color: #f8f9fa;
	    font-weight: 300;
	    font-size: 14px;
	    color: #000;
		}
		.evs-staff-dashboard-page .assessment-record-section #evs-assessment-record-table tbody tr.skill-checkrow td{
			padding: 5px 10px;
	    border: 1px solid #000;
	    background: #fff;
	    vertical-align: middle;
	   	text-align: center;
		}
		.evs-staff-dashboard-page .assessment-record-section #evs-assessment-record-table tbody tr.skill-checkrow td i{ font-size: 15px; }
		.evs-staff-dashboard-page .assessment-record-section .email-reports-modal{ }
		.evs-staff-dashboard-page .assessment-record-section .email-reports-modal .modal-header{ background-color: #222; }
		.evs-staff-dashboard-page .assessment-record-section .email-reports-modal .modal-header .modal-title{ color: #fff; }
		.evs-staff-dashboard-page .assessment-record-section .email-reports-modal .modal-header button{ color: #fff; }
		.evs-staff-dashboard-page .assessment-record-section .email-reports-modal .modal-body{ padding: 25px 15px; }
		.evs-staff-dashboard-page .assessment-record-section .email-reports-modal .modal-body li{
			list-style: none;
	    font-size: 12px;
	    padding: 0px 0 2px;
		}
		.evs-staff-dashboard-page .assessment-record-section .email-reports-modal .modal-body li strong{ padding-right: 3px; }
		.evs-staff-dashboard-page .assessment-record-section .email-reports-modal .modal-body .send-to-guardian{
			display: block;
	    margin: 10px auto;
	    font-size: 14px;
	    width: 70%;
	    margin-top: 30px;
		}
		.evs-staff-dashboard-page .assessment-record-section .email-reports-modal .modal-body .form-group{ }
		.evs-staff-dashboard-page .assessment-record-section .email-reports-modal .modal-body .form-group input,
		.evs-staff-dashboard-page .assessment-record-section .email-reports-modal .modal-body .form-group textarea{
			margin-top: 25px;
	    width: 75%;
	    margin: 25px auto 0;
	    font-size: 14px;
		}
		.evs-staff-dashboard-page .assessment-record-section .email-reports-modal .modal-body .send-to-others{
			display: block;
	    margin: 10px auto;
	    font-size: 14px;
	    width: 70%;
		}
		.evs-staff-dashboard-page .assessment-record-section .email-reports-modal .modal-body .loader-gif{
			width: 25px;
    	margin: 25px auto;
    	display: none;
		}
		.evs-staff-dashboard-page .assessment-record-section .content-row #evs-assessment-record-table{   }
		.evs-staff-dashboard-page .assessment-record-section .content-row #evs-assessment-record-table th{   }
		.evs-staff-dashboard-page .assessment-record-section .content-row #evs-assessment-record-table th.col-question-heading{   }
		.evs-staff-dashboard-page .assessment-record-section .content-row #evs-assessment-record-table th.col-student-heading{   }
		.evs-staff-dashboard-page .assessment-record-section .content-row #evs-assessment-record-table th.col-student-heading{   }
		.evs-staff-dashboard-page .assessment-record-section .content-row #evs-assessment-record-table th.col-student{   }
		.evs-staff-dashboard-page .assessment-record-section .content-row #evs-assessment-record-table th.col-student .email-report{   }
		.evs-staff-dashboard-page .assessment-record-section .content-row #evs-assessment-record-table tbody{   }
		.evs-staff-dashboard-page .assessment-record-section .content-row #evs-assessment-record-table tbody .col-category-heading{   }
		.evs-staff-dashboard-page .assessment-record-section .content-row #evs-assessment-record-table tbody .col-skill-heading{   }
		.evs-staff-dashboard-page .assessment-record-section .content-row #evs-assessment-record-table tbody .skill-checkrow{   }
		.evs-staff-dashboard-page .assessment-record-section .content-row #evs-assessment-record-table tbody .skill-checkrow .col-question-heading{   }
		.evs-staff-dashboard-page .assessment-record-section .content-row #evs-assessment-record-table tbody .skill-checkrow .col-question-heading td{   }
		.evs-staff-dashboard-page .assessment-record-section .content-row #evs-assessment-record-table tbody .skill-checkrow .col-question-heading td i{   }

		.evs-staff-dashboard-page .assessment-record-section .email-reports-modal .modal-header{
			background-color: #17a2b8!important;
		}
		.evs-staff-dashboard-page .assessment-record-section .email-reports-modal .modal-header .modal-title{
			font-family: 'Exo 2', sans-serif;
	    font-size: 22px;
	    font-weight: 400;
		}
		.evs-staff-dashboard-page .assessment-record-section .email-reports-modal .modal-body{  }
		.evs-staff-dashboard-page .assessment-record-section .email-reports-modal .modal-body li{
			font-size: 14px;
    	line-height: 1.3;
		}
		.evs-staff-dashboard-page .assessment-record-section .email-reports-modal .modal-body li strong{
			font-size: 14px;
    	font-weight: 600;
		}
		.evs-staff-dashboard-page .assessment-record-section .email-reports-modal .modal-body .form-group{  }
		.evs-staff-dashboard-page .assessment-record-section .email-reports-modal .modal-body .form-group input{  }
		.evs-staff-dashboard-page .assessment-record-section .email-reports-modal .modal-body .form-group textarea{  }
		.evs-staff-dashboard-page .assessment-record-section .email-reports-modal .modal-body .btn-dark{
			margin-top: 25px;
	    font-family: 'Exo 2', sans-serif;
	    font-weight: 400;
	    text-transform: uppercase;
	    font-size: 15px;
	    padding: 8px 35px;
	    background: #007cba;
	    border-color: #007cba;
	    color: #fff;
	    text-decoration: none;
	    text-shadow: none;
		}
		.evs-staff-dashboard-page .assessment-record-section .email-reports-modal .modal-body .btn-secondary{
			font-family: 'Exo 2', sans-serif;
	    font-weight: 400;
	    text-transform: uppercase;
	    font-size: 15px;
	    padding: 8px 35px;
	    background: #343a40;
	    border-color: #343a40;
	    color: #fff;
	    text-decoration: none;
	    text-shadow: none;
		}

	/* 03 - 10. BOOKINGS */
		.evs-staff-dashboard-page .booking-section{
			padding: 45px 30px;
		}
		.evs-staff-dashboard-page .booking-section .greetings-row{  }
		.evs-staff-dashboard-page .booking-section .greetings-row .title{  }
		.evs-staff-dashboard-page .booking-section .classes-rows{  }
		.evs-staff-dashboard-page .booking-section .classes-rows .class-column{  }
		.evs-staff-dashboard-page .booking-section .classes-rows .class-column .card .card-img-top{
			height: 175px;
	    width: auto;
	    min-width: 100%;
		}
		.evs-staff-dashboard-page .booking-section .classes-rows .class-column .card-body{  }
		.evs-staff-dashboard-page .booking-section .classes-rows .class-column .card {  }
		.evs-staff-dashboard-page .booking-section .classes-rows .class-column .card-body .card-title{     
			margin-top: 10px;
    	font-size: 16px;
    	margin-bottom: 5px;
    	font-weight: 600;
    	font-family: 'Exo 2', sans-serif; 
    }
    .evs-staff-dashboard-page .booking-section .classes-rows .class-column .card-body .card-meta{
			font-size: 12px;
	    list-style: none;
	    color: #6c757d;
	    padding: 0;
		}
		.evs-staff-dashboard-page .booking-section .classes-rows .class-column .card-body .card-meta li{ display: inline-block; }
		.evs-staff-dashboard-page .booking-section .classes-rows .class-column .card-body .card-meta li i{
			font-size: 5px;
	    height: 10px;
	    margin: 0 5px 0;
	    color: #aeaeae;
		}
		.evs-staff-dashboard-page .booking-section .classes-rows .class-column .card-body .badge{
			padding: 5px 15px;
    	font-weight: 400;
		}
		.evs-staff-dashboard-page .booking-section .classes-rows .class-column .card-body .badge i{
			margin-right: 5px;
		}
		.evs-staff-dashboard-page .booking-section .classes-rows .class-column .card-body .button-group .btn{
			color: #fff;
	    font-family: 'Exo 2', sans-serif;
	    font-weight: 400;
	    text-transform: uppercase;
	    font-size: 13px;
	    padding: 8px 15px;
		}
		.evs-staff-dashboard-page .booking-section .classes-rows .class-column .card-body .btn-info:hover{
			color: #fff;
	    font-family: 'Exo 2', sans-serif;
	    font-weight: 400;
	    text-transform: uppercase;
	    font-size: 13px;
	    padding: 8px 15px;
		}
		.evs-staff-dashboard-page .booking-section .classes-rows .class-column .button-group .evs-primary-button{
			background-color: #138496;
			border-color: #117a8b;
			color:  #ffffff;
		}
		.evs-staff-dashboard-page .booking-section #evs-students-table td.col-date{ background-color: #f0f0f0; }
		.evs-staff-dashboard-page .booking-section #evs-students-table .col-age{ text-align: center; }
		.evs-staff-dashboard-page .booking-section #evs-students-table .col-level{ text-align: center; }
		.evs-staff-dashboard-page .booking-section #evs-students-table{ 
			min-width: 1000px;
	    margin: 0px 15px;
	    width: 95%;
		}
		.evs-staff-dashboard-page .booking-section #evs-students-table .col-student{ width: fit-content; }
		.evs-staff-dashboard-page .booking-section #evs-students-table .col-age{
			width: fit-content;
    	text-align: center;
		}
		.evs-staff-dashboard-page .booking-section #evs-students-table .col-level{
			width: fit-content;
    	text-align: center;
    }
		.evs-staff-dashboard-page .booking-section #evs-students-table .col-guardian{ width: fit-content; }
		.evs-staff-dashboard-page .booking-section #evs-students-table .col-guardian i{ margin-right: 5px; }
		.evs-staff-dashboard-page .booking-section #evs-students-table .col-medical{
			text-align: center;
    	width: 30%;
		}
		.evs-staff-dashboard-page .booking-section #evs-students-table .col-guardian .guardian-phone{
			font-size: 11px;
    	margin-left: 10px;
		}

/* 04. BOOKINGS */
	.evs-booking-page{ }
	.evs-booking-page .greetings-row{
		background: #1d73b2;
    padding: 45px 45px 35px;
    margin-bottom: 55px;
	}
	.evs-booking-page .greetings-row .title{
		margin: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 600;
    font-family: 'Exo 2', sans-serif;
	}
	.evs-booking-page #bookingTab{
		border-bottom: 1px solid #e6e7ec;
    padding-bottom: 25px;
	}
	.evs-booking-page #bookingTab .nav-item{ }
	.evs-booking-page #bookingTab .nav-item .nav-link{ }
	.evs-booking-page #bookingTab .nav-item .nav-input{
		font-size: 14px;
    color: #464646;
    opacity: .6;
    font-family: 'Exo 2', sans-serif;
	}
	.evs-booking-page #bookingTab .nav-item .nav-link.active{
		background-color: transparent;
    color: #333;
    font-weight: 700;
    font-size: 18px;
	}
	.evs-booking-page #bookingTab .nav-item .nav-link.disabled{
		font-weight: 600;
    color: #bebebe;
	}
	.evs-booking-page #bookingTabContent{ }
	.evs-booking-page #bookingTabContent .tab-pane{ }

	/* 04 - 01. LOCATION */
		.evs-booking-page #bookingTabContent .tab-pane .location-column{ padding: 15px; }
		.evs-booking-page #bookingTabContent .tab-pane .location-column .card{ }
		.evs-booking-page #bookingTabContent .tab-pane .location-column .card img{ height: 225px; }
		.evs-booking-page #bookingTabContent .tab-pane .location-column .card .card-body{ }
		.evs-booking-page #bookingTabContent .tab-pane .location-column .card .card-body .card-title{ 
			font-weight: 600; 
			font-family: 'Exo 2', sans-serif;
		}
		.evs-booking-page #bookingTabContent .tab-pane .location-column .card .card-body .btn-select{
			width: 100%;
	    color: #fff;
	    margin-top: 25px;
	    margin-bottom: 25px;
	    text-transform: uppercase;
		}

	/* 04 - 02. CLASSES */
		.evs-booking-page #bookingTabContent .tab-pane .classes-rows{ }
		.evs-booking-page #bookingTabContent .tab-pane .classes-rows .class-column{ }
		.evs-booking-page #bookingTabContent .tab-pane .classes-rows .class-column .card{
			margin-bottom: 30px;
		}
		.evs-booking-page #bookingTabContent .tab-pane .classes-rows .class-column .card img{ height: 250px; }
		.evs-booking-page #bookingTabContent .tab-pane .classes-rows .class-column .card .card-body{ }
		.evs-booking-page #bookingTabContent .tab-pane .classes-rows .class-column .card .card-body .btn-info{ }
		.evs-booking-page #bookingTabContent .tab-pane .classes-rows .class-column .card .card-body .card-title{
			display: inline-block;
	    vertical-align: top;
	    width: 75%;
	    padding-left: 10px;
	    height: 60px;
	    font-weight: 700;
	    font-family: 'Exo 2', sans-serif;
		}
		.evs-booking-page #bookingTabContent .tab-pane .classes-rows .class-column .card .card-body .btn-select{ 
			width: 100%; 
			font-family: 'Exo 2', sans-serif;
			text-transform: uppercase;
		}
		.evs-booking-page #bookingTabContent .tab-pane .class-modal{ }
		.evs-booking-page #bookingTabContent .tab-pane .class-modal .modal-dialog{ }
		.evs-booking-page #bookingTabContent .tab-pane .class-modal .modal-dialog .modal-content{ }
		.evs-booking-page #bookingTabContent .tab-pane .class-modal .modal-dialog .modal-content .modal-body{ padding: 0; }
		.evs-booking-page #bookingTabContent .tab-pane .class-modal .modal-dialog .modal-content .modal-body img{ }
		.evs-booking-page #bookingTabContent .tab-pane .class-modal .modal-dialog .modal-content .modal-body .card-title{
			padding: 25px 15px 0;
	    font-weight: 700;
	    font-size: 20px;
	    font-family: 'Exo 2', sans-serif;
		}
		.evs-booking-page #bookingTabContent .tab-pane .class-modal .modal-dialog .modal-content .modal-body p{
			padding: 0 15px;
	    font-size: 14px;
		}

	/* 04 - 03. CALENDAR */
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container{ }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .class-info-column{ padding-top: 35px; }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .class-info-column .meta{  }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .class-info-column .meta ul{
			padding: 0;
	    list-style: none;
		}
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .class-info-column .meta ul li{ font-size: 13px; }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .class-info-column .meta ul li i{  }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .class-info-column .meta ul li strong{  }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .class-info-column .img-thumbnail{ }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .class-info-column .class{
			margin: 15px 0 10px;
	    font-size: 16px;
	    margin-bottom: 5px;
	    font-weight: 600;
	    font-family: 'Exo 2', sans-serif;
		}
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .class-info-column .meta{ margin-bottom: 15px; }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .class-info-column .meta .badge{ }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .class-info-column .meta .badge i{ }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .class-info-column .desc{
			font-size: 13px;
	    line-height: 1.5;
		}
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .class-info-column p{ font-size: 13px; }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column{ margin-top: 35px; }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .loader-gif{
			width: 75px;
	    margin: 100px auto;
	    display: none;
		}
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-header{
			background-color: #eaeaea;
	    margin: 0 0;
	    padding: 12px 0;
		}
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-header .title{ }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-header .title h2{ 
	    margin: 5px 0 0;
	    font-family: 'Exo 2', sans-serif;
	    font-size: 28px;
	    font-weight: 600;
	 	}
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-header .navigation{ }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-header .navigation .btn{
			padding: 5px;
	    font-weight: 700;
	    border-radius: 50%;
	    width: 30px;
	    height: 30px;
	    font-size: 13px;
	    margin: 0 5px;
		}
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-header .navigation .btn i{ }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .table-responsive{ }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-month-table{ border-bottom: 1px solid #777; }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-month-table caption{ display: none; }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-month-table .thead-dark{ }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-month-table .thead-dark th{ }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-month-table .thead-dark .col-weekday{ text-align: center; }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-month-table tbody{ }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-month-table tbody td{ }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-month-table tbody .col-weekday{
			text-align: center;
	    border: 0;
		}
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-month-table tbody td .badge a{ 
			color: #bcbcbc; 
			text-decoration: none;
		}
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-month-table tbody td .badge a:hover{
			cursor: default;
		}
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-month-table tbody td .badge{
			font-size: 15px;
	    background: #fff;
	    color: #bcbcbc;
	    font-weight: 400;
	    border: 0;
	    border-radius: 50%;
	    height: 35px;
	    width: 35px;
	    padding: 10px 0;
		}
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-month-table tbody td .badge-active{
			background-color: #1d73b2;
	    color: #fff;
		}
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-month-table tbody td .badge-active a{ color: #fff; }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-month-table tbody td .badge-active a:hover{ text-decoration: none; }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-month-table tbody td .badge-info{
			color: #000;
	    background-color: #118597;
	    font-weight: 600;
	    cursor: pointer;
		}
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-month-table tbody td .badge-info a{ color: #fff; }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-month-table tbody td .btn-sched{
			color: #fff;
	    border-radius: 50%;
	    text-align: center;
	    width: 45px;
	    height: 45px;
	    padding: 10px;
		}
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-month-table tbody td .badge-info:hover{ background-color: #17a2b8; }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-footer{  }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-footer .schedule-list{  }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-footer .schedule-list h2{
		 	font-size: 16px;
	    margin-bottom: 5px;
	    font-weight: 600;
	    font-family: 'Exo 2', sans-serif;
		}
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-footer .schedule-list .schedule-cards{
			margin-bottom: 15px;
	    width: 100%;
		}
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-footer .schedule-list .schedule-cards .card-body{  }
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-footer .schedule-list .schedule-cards .card-body .card-title{
	    font-weight: 600;
	    font-size: 15px;
		}
		.evs-booking-page #bookingTabContent .tab-pane .calendar-container .calendar-column .calendar-footer .schedule-list .schedule-cards .card-body .card-subtitle{
			font-size: 12px;
		}

	/* 04 - 04. REGISTRATION */
		.evs-booking-page .registration-container{  }
		.evs-booking-page .registration-container .row{  }
		.evs-booking-page .registration-container .row .title-header{  }
		.evs-booking-page .registration-container .row .title-header h3{
			text-align: center;
	    margin: 60px 15px 50px;
	    font-weight: 600;
	    text-transform: capitalize;
	    font-size: 30px;
	    margin-bottom: 55px;
	    font-family: 'Exo 2', sans-serif;
		}
		.evs-booking-page .registration-container .sign-in-column{
			border-right: 1px solid #e6e7ec;
	    padding-right: 45px;
		}
		.evs-booking-page .registration-container .message{
			font-size: 18px;
	    margin-bottom: 40px;
	    font-weight: 600;
	    font-family: 'Exo 2', sans-serif;
		}
		.evs-booking-page .registration-container form{  }
		.evs-booking-page .registration-container form .loader-gif{
			height: 30px;
	    width: 30px;
	    display: none;
	    margin: 25px 0;
		}
		.evs-booking-page .registration-container .sign-in-column .form-group{  }
		.evs-booking-page .registration-container form label{
			text-transform: uppercase;
	    font-size: 12px;
	    font-weight: 600;
		}
		.evs-booking-page .registration-container form label .required{ color: #dc3545; }
		.evs-booking-page .registration-container form input{
			border: 0;
	    border-bottom: 1px dashed #9a9a9a;
	    font-size: 13px;
		}
		.evs-booking-page .registration-container form select{
			border: 0;
	    border-bottom: 1px dashed #9a9a9a;
	    font-size: 13px;
		}
		.evs-booking-page .registration-container form textarea{
			border: 0;
	    border-bottom: 1px dashed #9a9a9a;
	    font-size: 13px;
		}
		.evs-booking-page .registration-container .sign-in-column .remind-pass{
			font-size: 12px;
	    color: #1c73b2;
	    cursor: pointer;
		}
		.evs-booking-page .registration-container .sign-in-column .remind-pass:hover{ text-decoration: underline; }
		.evs-booking-page .registration-container .sign-in-column .btn-sign-in{
			display: block;
	    margin-top: 25px;
	    font-family: 'Exo 2', sans-serif;
	    font-weight: 400;
	    text-transform: uppercase;
	    font-size: 15px;
	    padding: 8px 35px;
	    background: #007cba;
	    border-color: #007cba;
	    color: #fff;
	    text-decoration: none;
	    text-shadow: none;
		}
		.evs-booking-page .registration-container .sign-in-column .btn-sign-in:hover{
			background: #0071a1;
	    border-color: #0071a1;
	    color: #fff;
		}
		.evs-booking-page .registration-container .sign-in-column #remind-password-modal{  }
		.evs-booking-page .registration-container .sign-in-column #remind-password-modal .modal-header{
			padding: 15px 35px;
    	background: #007cba;
    	border-color: #007cba;
		}
		.evs-booking-page .registration-container .sign-in-column #remind-password-modal .modal-header .modal-title{
			color: #fff;
	    font-size: 22px;
	    font-weight: 400;
	    font-family: 'Exo 2', sans-serif;
		}
		.evs-booking-page .registration-container .sign-in-column #remind-password-modal .modal-header .modal-title{  }
		.evs-booking-page .registration-container .sign-in-column #remind-password-modal .modal-header button{
			color: #fff;
	    opacity: 1;
	    font-size: 26px;
	    margin-top: -13px;
		}
		.evs-booking-page .registration-container .sign-in-column #remind-password-modal .modal-header button span{  }
		.evs-booking-page .registration-container .sign-in-column #remind-password-modal .modal-body{ font-size: 13px; }
		.evs-booking-page .registration-container .sign-in-column #remind-password-modal .modal-body .remind-password-form{  }
		.evs-booking-page .registration-container .sign-in-column #remind-password-modal .modal-body .remind-password-form .form-group{
			margin-bottom: 30px;
		}
		.evs-booking-page .registration-container .sign-in-column #remind-password-modal .modal-body .remind-password-form .form-group input{  }
		.evs-booking-page .registration-container .sign-in-column #remind-password-modal .modal-body .remind-password-form .form-group p{  }
		.evs-booking-page .registration-container .sign-in-column #remind-password-modal .modal-body .remind-password-form .loader-gif{  }
		.evs-booking-page .registration-container .sign-in-column #remind-password-modal .modal-body .remind-password-form .btn-remind-pass{
			display: block;
	    margin-top: 25px;
	    font-family: 'Exo 2', sans-serif;
	    font-weight: 400;
	    text-transform: uppercase;
	    font-size: 15px;
	    padding: 8px 35px;
	    background: #007cba;
	    border-color: #007cba;
	    color: #fff;
	    text-decoration: none;
	    text-shadow: none;
		}
		.evs-booking-page .registration-container .sign-in-column #remind-password-modal .modal-body .remind-password-form .btn-remind-pass:hover{
			background: #0071a1;
	    border-color: #0071a1;
	    color: #fff;
		}
		.evs-booking-page .registration-container .sign-in-column .loader-gif{
			height: 30px;
	    width: 30px;
	    display: none;
	    margin: 25px 0;
		}
		.evs-booking-page .registration-container .sign-up-column{ padding-left: 45px;  }
		.evs-booking-page .registration-container .sign-up-column .sign-up-form{  }
		.evs-booking-page .registration-container .sign-up-column .sign-up-form .btn-primary{
			display: block;
	    margin-top: 25px;
	    font-family: 'Exo 2', sans-serif;
	    font-weight: 400;
	    text-transform: uppercase;
	    font-size: 15px;
	    padding: 8px 35px;
	    background: #007cba;
	    border-color: #007cba;
	    color: #fff;
	    text-decoration: none;
	    text-shadow: none;
		}
		.evs-booking-page .registration-container .sign-up-column .sign-up-form .form-check{  }
		.evs-booking-page .registration-container .sign-up-column .sign-up-form .form-check .form-check-input{ margin-top: 10px; }
		.evs-booking-page .registration-container .sign-up-column .sign-up-form #terms-conditions-modal{  }
		.evs-booking-page .registration-container .sign-up-column .sign-up-form #terms-conditions-modal .modal-header{
			padding: 15px 35px;
	    background: #007cba;
	    border-color: #007cba;
		}
		.evs-booking-page .registration-container .sign-up-column .sign-up-form #terms-conditions-modal .modal-header .modal-title{
			color: #fff;
	    font-size: 22px;
	    font-weight: 400;
	    font-family: 'Exo 2', sans-serif;
		}
		.evs-booking-page .registration-container .sign-up-column .sign-up-form #terms-conditions-modal .modal-header button{
			color: #fff;
	    opacity: 1;
	    font-size: 26px;
	    margin-top: -13px;
		}
		.evs-booking-page .registration-container .sign-up-column .sign-up-form #terms-conditions-modal .modal-body{ font-size: 13px; }
		.evs-booking-page .registration-container .sign-up-column .sign-up-form .btn-primary:hover{
			background: #0071a1;
	    border-color: #0071a1;
	    color: #fff;
		}
		.evs-booking-page .registration-container .checkout-column{
			border-right: 1px solid #e6e7ec;
	    padding-right: 45px;
		}
		.evs-booking-page .registration-container .checkout-column .row-heading{ margin-bottom: 40px; }
		.evs-booking-page .registration-container .checkout-column .row-heading .col-8{ }
		.evs-booking-page .registration-container .checkout-column .row-heading .col-8 h4{ margin: 0; } 
		.evs-booking-page .registration-container .checkout-column .row-heading .col-4{ }
		.evs-booking-page .registration-container .checkout-column .row-heading .col-4 button{ }
		.evs-booking-page .registration-container .checkout-form{ margin-bottom: 50px; }
		.evs-booking-page .registration-container .checkout-form .form-check{ margin-top: 35px; }	
		.evs-booking-page .registration-container .choose-participant-form{  }
		.evs-booking-page .registration-container .choose-participant-form .submit-group{  }
		.evs-booking-page .registration-container .choose-participant-form .submit-group .loader-gif{  }
		.evs-booking-page .registration-container .choose-participant-form .submit-group .btn{
			font-size: 13px;
	    margin-top: 25px;
		}
		.evs-booking-page .registration-container .add-participant-form{ display: none; }
		.evs-booking-page .registration-container .add-participant-form .form-check input{ 
			margin-top: 9px;
		}
		.evs-booking-page .registration-container .add-participant-form .form-check a{ text-decoration: none; }
		.evs-booking-page .registration-container .add-participant-form .submit-group .btn{
			margin-top: 25px;
	    font-family: 'Exo 2', sans-serif;
	    font-weight: 400;
	    text-transform: uppercase;
	    font-size: 15px;
	    padding: 8px 35px;
	    background: #007cba;
	    border-color: #007cba;
	    color: #fff;
	    text-decoration: none;
	    text-shadow: none;
		}
		.evs-booking-page .registration-container .add-participant-form .submit-group .btn:hover{
			background: #026495;
	    border-color: #026495;
		}

		.evs-booking-page .registration-container .order-column{  }
		.evs-booking-page .registration-container .order-column .order-heading{
			background-color: #17a2b8;
	    padding: 10px 15px;
		}
		.evs-booking-page .registration-container .order-column .order-heading h2{
			margin: 0;
	    color: #fff;
	    font-weight: 600;
	    font-size: 18px;
	    text-transform: uppercase;
	    font-family: 'Exo 2', sans-serif;
		}
		.evs-booking-page .registration-container .order-column .preview-section{
			background: #f6f6f6;
	    padding: 25px;
		}
		.evs-booking-page .registration-container .order-column .preview-section .title{
	    font-size: 18px;
	    font-weight: 600;
	    margin-bottom: 20px;
	    text-align: left;
	    font-family: 'Exo 2', sans-serif;
		}
		.evs-booking-page .registration-container .order-column .preview-section ul{
	    padding: 0;
	    list-style: none;
	    font-size: 13px;
		}
		.evs-booking-page .registration-container .order-column .preview-section ul li{  }
		.evs-booking-page .registration-container .order-column .preview-section ul li .label{
			width: 20%;
	    display: inline-block;
	    text-transform: uppercase;
	    font-size: 13x;
	    font-weight: 600;
		}
		.evs-booking-page .registration-container .order-column .preview-section ul li strong{
	    font-weight: 400;
	    font-size: 13px;
		}
		.evs-booking-page .registration-container .order-column .preview-section .loader-gif{
			width: 30px;
	    display: none;
		}
		.evs-booking-page .registration-container .order-column .preview-section #evs-schedule-accordion{}
		.evs-booking-page .registration-container .order-column .preview-section #evs-schedule-accordion .card{     
			border: 0;
	  }
		.evs-booking-page .registration-container .order-column .preview-section #evs-schedule-accordion .card .card-header{
			padding: 0;
	    border: 0;
	    border-bottom: 2px solid #444;
		}
		.evs-booking-page .registration-container .order-column .preview-section #evs-schedule-accordion .card .card-header h5{
	    font-family: 'Exo 2', sans-serif;
		}
		.evs-booking-page .registration-container .order-column .preview-section #evs-schedule-accordion .card .card-header h5 .btn{
			color: #444;
	    font-weight: 600;
	    font-size: 15px;
	    text-transform: uppercase;
	    text-decoration: none;
	    font-family: 'Exo 2', sans-serif;
		}
		.evs-booking-page .registration-container .order-column .preview-section #evs-schedule-accordion .card .card-header h5 .btn i{
			margin: 0px 0 0 10px;
	    font-size: 18px;
		}
		.evs-booking-page .registration-container .order-column .preview-section #evs-schedule-accordion .card #evs-booking-schedules{ background-color: #F7F7F7; }
		.evs-booking-page .registration-container .order-column .preview-section #evs-schedule-accordion .card #evs-booking-student{ background-color: #F7F7F7; }
		.evs-booking-page .registration-container .order-column .preview-section .evs-booking-listings{
	    border-top: 4px double #444;
	    padding-top: 15px;
	    margin-bottom: 40px;
		}
		.evs-booking-page .registration-container .order-column .preview-section .evs-booking-listings .row{
	    border-bottom: 2px solid #444;
	    padding: 10px 0 5px;
		}
		.evs-booking-page .registration-container .order-column .preview-section .evs-booking-listings .row .col-name{
			color: #444;
	    font-weight: 700;
	    font-size: 15px;
	    text-transform: uppercase;
	    text-decoration: none;
		}
		.evs-booking-page .registration-container .order-column .preview-section .evs-booking-listings .row .col-value{
			text-align: right;
	    font-size: 13px;
		}
		.evs-booking-page .registration-container .checkout-column{  }
		.evs-booking-page .registration-container .checkout-column .row-heading{  }
		.evs-booking-page .registration-container .checkout-column .row-heading h4{
			font-size: 24px;
	    font-weight: 600;
	    font-family: 'Exo 2', sans-serif;
		}
		.evs-booking-page .registration-container .checkout-column .row-heading .logout-button{
			margin-top: 1px;
	    font-family: 'Exo 2', sans-serif;
	    font-weight: 400;
	    text-transform: uppercase;
	    font-size: 15px;
	    padding: 8px 35px;
	    background: #787A91;
	    border-color: #787A91;
	    color: #fff;
	    text-decoration: none;
	    text-shadow: none;
		}
		.evs-booking-page .registration-container .checkout-column .row-heading .logout-button:hover{
			background-color: #444444;
			border-color: #444444;
		}
		.evs-booking-page .registration-container .checkout-column  .choose-participant-form{  }
		.evs-booking-page .registration-container .checkout-column  .choose-participant-form .submit-group{  }
		.evs-booking-page .registration-container .checkout-column  .choose-participant-form .submit-group .btn-info{
			margin-top: 25px;
	    font-family: 'Exo 2', sans-serif;
	    font-weight: 400;
	    text-transform: uppercase;
	    font-size: 15px;
	    padding: 8px 35px;
	    background: #007cba;
	    border-color: #007cba;
	    color: #fff;
	    text-decoration: none;
	    text-shadow: none;
		}
		.evs-booking-page .registration-container .checkout-column  .choose-participant-form .submit-group .btn-info:hover{
	    background: #026495;
	    border-color: #026495;
		}
		.evs-booking-page .registration-container .checkout-column #terms-conditions-modal{  }
		.evs-booking-page .registration-container .checkout-column #terms-conditions-modal .modal-header{
			padding: 15px 35px;
	    background: #007cba;
	    border-color: #007cba;
		}
		.evs-booking-page .registration-container .checkout-column #terms-conditions-modal .modal-header .modal-title{
			color: #fff;
	    font-size: 22px;
	    font-weight: 400;
	    font-family: 'Exo 2', sans-serif;
		}
		.evs-booking-page .registration-container .checkout-column #terms-conditions-modal .modal-header button{
			color: #fff;
	    opacity: 1;
	    font-size: 26px;
	    margin-top: -13px;
		}
		.evs-booking-page .registration-container .checkout-column #terms-conditions-modal .modal-body{ font-size: 13px; }

	/* 04 - 05. THANK YOU */
	.evs-booking-page .thankyou-container{ padding: 35px 55px; }
	.evs-booking-page .thankyou-container .header{
		width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 55px;
	}
	.evs-booking-page .thankyou-container .header .icon{
		font-size: 92px;
    color: #28a745;
    margin-bottom: 15px;
	}
	.evs-booking-page .thankyou-container .header .title{
		font-weight: 700;
    font-family: 'Exo 2', sans-serif;
    font-size: 36px;
	}
	.evs-booking-page .thankyou-container .student-details{
		display: block;
    width: 100%;
    margin-bottom: 55px;
	}
	.evs-booking-page .thankyou-container .student-details .title{
		margin: 0 0 25px 0;
    border-bottom: 1px solid #efefef;
    padding: 15px 0 10px;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 35px;
    font-family: 'Exo 2', sans-serif;
	}
	.evs-booking-page .thankyou-container .student-details .section{
		display: inline-block;
    width: 49%;
    vertical-align: top;
    padding: 0 25px;
	}
	.evs-booking-page .thankyou-container .student-details .section ul{
		padding: 0;
    list-style: none;
	}
	.evs-booking-page .thankyou-container .student-details .section ul li{
		font-size: 14px;
    margin-bottom: 3px;
	}
	.evs-booking-page .thankyou-container .student-details .section ul li strong{ margin-right: 5px; }
	.evs-booking-page .thankyou-container .reservation-details{
		display: block;
    width: 100%;
    margin-bottom: 55px;
	}
	.evs-booking-page .thankyou-container .reservation-details .title{
		margin: 0 0 25px 0;
    border-bottom: 1px solid #efefef;
    padding: 15px 0 10px;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 35px;
    font-family: 'Exo 2', sans-serif;
	}
	.evs-booking-page .thankyou-container .reservation-details .section{
		display: inline-block;
    width: 24%;
	}
	.evs-booking-page .thankyou-container .reservation-details .section .card{  }
	.evs-booking-page .thankyou-container .reservation-details .section .card .card-header{
		text-align: center;
    font-weight: 600;
    font-size: 16px;
	}
	.evs-booking-page .thankyou-container .reservation-details .section .card .card-body{
		text-align: center;
    font-size: 13px;
    height: 80px;
    padding: 24px 0 15px;
	}
	.evs-booking-page .thankyou-container .reservation-details .section .card .card-body{
		text-align: center;
    font-size: 13px;
    height: 80px;
    padding: 24px 0 15px;
	}
	.evs-booking-page .thankyou-container .evs-goto-dashboard{
		font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 15px;
    padding: 8px 35px;
    background: #17a2b8;
    border-color: #17a2b8;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    margin: 55px auto 25px;
    display: block;
    width: 225px;
	}
	.evs-booking-page .thankyou-container .evs-goto-dashboard:hover{
		background: #108597;
    border-color: #108597;
    color: #fff;
	}

/* 05. GUARDIANS */
	
	/* 05 - 01. DASHBOARD */
		.evs-guardian-dashboard-page{
			padding: 0 !important;
	    margin: 0 auto;
	    border: 1px solid #999;
	    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	    width: 880px;
		}
		.evs-guardian-dashboard-page .evs-header-navbar{ background-color: #17252a !important; }
		.evs-guardian-dashboard-page .evs-header-navbar .navbar-toggler{ }
		.evs-guardian-dashboard-page .evs-header-navbar .navbar-toggler .navbar-toggler-icon{ }
		.evs-guardian-dashboard-page .evs-header-navbar .navbar-brand{
			font-size: 14px;
	    font-family: 'Exo 2', sans-serif;
	    font-weight: 300;
		}
		.evs-guardian-dashboard-page .evs-header-navbar .navbar-brand i{ 
			font-size: 14px; 
			margin-left: 10px;
		}
		.evs-guardian-dashboard-page #evs-header-dropdownnav{
			width: 20%;
	    border-top: 0px solid #464866;
	    margin-left: 15px;
	    box-shadow: 0 2px 4px #0003;
	    margin-bottom: 30px;
	    position: absolute;
	    z-index: 5;
		}
		.evs-guardian-dashboard-page #evs-header-dropdownnav .dropdown-wrapper{
			background-color: #fff !important;
	    border: 1px solid #e1e1e1;
	    border-top: 3px solid #2b7a78;
	    padding: 0 0 !important;
	    border-radius: 0 0 3px 3px;
		}
		.evs-guardian-dashboard-page #evs-header-dropdownnav .dropdown-wrapper .nav-pills{  }
		.evs-guardian-dashboard-page #evs-header-dropdownnav .dropdown-wrapper .nav-pills .nav-link{
			border-radius: 0;
	    padding: 10px 20px 10px;
	    font-size: 14px;
	    font-weight: 300;
	    color: #333;
	    font-family: 'Exo 2', sans-serif;
	   }
	   .evs-guardian-dashboard-page #evs-header-dropdownnav .dropdown-wrapper .nav-pills .nav-link.active{
				background-color: #3aafa9;
	    	color: #fff;
	   }
	   .evs-guardian-dashboard-page #evs-header-dropdownnav .dropdown-wrapper .nav-pills .nav-link:hover{
	   		background-color: #3aafa9;
	    	color: #fff;
	   }
		.evs-guardian-dashboard-page #evs-header-dropdownnav .dropdown-wrapper .nav-pills .nav-link i{
			font-size: 15px;
	    width: 30px;
		}
		.evs-guardian-dashboard-page .shortcode-content{
			border: 1px solid #eee;
	    padding: 35px 15px;
	    background: #feffff;
		}
		.evs-guardian-dashboard-page .shortcode-content .page-title{    
	    font-weight: 600;
	    font-size: 32px;
	    color: #2b7a78;
	    font-family: 'Exo 2', sans-serif;
	    border-bottom: 1px solid #ebebeb;
	    padding-bottom: 30px;
		}
		.evs-guardian-dashboard-page .shortcode-content p{ 
			font-family: Arial;
			font-size: 14px;
			color: #555;
		}
		.evs-guardian-dashboard-page .shortcode-content .page-title i{  }
		.evs-guardian-dashboard-page .dashboard-content{  }
		.evs-guardian-dashboard-page .dashboard-content .counter-container{  }
		.evs-guardian-dashboard-page .dashboard-content .counter-container .row{  }
		.evs-guardian-dashboard-page .dashboard-content .counter-container .col-4{  }
		.evs-guardian-dashboard-page .dashboard-content .counter-container .card .card-body{  }
		.evs-guardian-dashboard-page .dashboard-content .counter-container .card .card-body .card-title{
	    font-weight: 600;
	    font-size: 16px;
	    font-family: 'Exo 2', sans-serif;
		}
		.evs-guardian-dashboard-page .dashboard-content .counter-container .card .card-body .card-counter{
			font-weight: 700;
	    font-size: 42px;
	    margin: 0;
	    font-family: 'Exo 2', sans-serif;
		}

	/* 05 - 02. RESCTRICTED PAGE */
		.evs-restricted-page{
			border: 1px solid #eee;
	    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	    padding: 55px !important;
	    width: 100% !important;
	    max-width: 480px !important;
	    margin: 0 auto;
	    text-align: center;
		}
		.evs-restricted-page .icon{
			font-size: 60px;
	    margin: 0 auto;
	    color: #a2cc41;
	    margin: 10px 0 30px;
		}
		.evs-restricted-page h3{
			font-family: 'Exo 2', sans-serif;
			margin: 0 0 5px;
	    font-size: 20px;
		}
		.evs-restricted-page p{
			font-family: 'Exo 2', sans-serif;
			color: #cfcece;
	    font-weight: 100;
	    font-size: 13px;
		}
		.evs-restricted-page a{
			font-family: 'Exo 2', sans-serif;
			background-color: #a2cc41;
	    color: #fff;
	    padding: 12px 35px;
	    margin-top: 30px;
		}
		.evs-restricted-page a:hover{
			background-color: #9ec740;
	    color: #fff;
	    padding: 12px 35px;
	    margin-top: 30px;
	    text-decoration: none;
		}

	/* 05 - 03. PURCHASES PAGE */
		.evs-guardian-page .purchase-page{  }
		.evs-guardian-page .purchase-page .page-title{
			font-weight: 600;
	    font-size: 22px;
		}
		.evs-guardian-page .purchase-page .purchase-table{  }
		.evs-guardian-page .purchase-page .purchase-table .col-id{
			width: 5%;
	    text-align: center;
		}
		.evs-guardian-page .purchase-page .purchase-table .col-class{  }
		.evs-guardian-page .purchase-page .purchase-table .col-qty{
			width: 5%;
	    text-align: center;
		}
		.evs-guardian-page .purchase-page .purchase-table .col-status{
			width: 10%;
	    text-align: center;
	    text-transform: capitalize;
		}
		.evs-guardian-page .purchase-page .purchase-table .col-expire{ 
			width: 15%; 
			text-align: center;
		}
		.evs-guardian-page .purchase-page .purchase-table .col-total{
			width: 10%;
	    text-align: center;
		}
		.evs-guardian-page .purchase-page .purchase-table .col-remain{
			width: 10%;
	    text-align: center;
		}
		.evs-guardian-page .purchase-page .purchase-table .col-action{ width: 10%; }
		.evs-guardian-page .purchase-page .purchase-table .table{  }
		.evs-guardian-page .purchase-page .purchase-table .table thead{ background-color: #334443 !important; }
		.evs-guardian-page .purchase-page .purchase-table .table thead tr{ background-color: #334443 !important;  }
		.evs-guardian-page .purchase-page .purchase-table .table thead tr th{
			vertical-align: middle;
	    text-align: center;
	    border-color: #22363d;
	    color: #fff;
	    background-color: #17252a !important;
	    font-family: 'Exo 2', sans-serif;
	    font-weight: 700;
	    text-transform: uppercase;
	    font-size: 13px;
	}
		}
		.evs-guardian-page .purchase-page .purchase-table .table thead tr th .badge{ 
			opacity: 0.7; 
			background-color: #3aafa9; 
		}
		.evs-guardian-page .purchase-page .purchase-table .table thead tr th .badge:hover{ opacity: 1;  }
		.evs-guardian-page .purchase-page .purchase-table .table thead tr th .badge i{  }
		.evs-guardian-page .purchase-page .purchase-table .table tbody th{  
			border-color: #f2f6f6;
	    background-color: #faffff;
		}
		.evs-guardian-page .purchase-page .purchase-table .table tbody td{
			border-color: #f2f6f6;
		}

		/* Resume Booking Page */
		.evs-guardian-page .evs-resume-booking-calendar-container .calendar-wrapper{  }
		.evs-guardian-page .evs-resume-booking-calendar-container .calendar-wrapper .calendar-header{
			background-color: #17252a;
	    margin: 0 0;
	    padding: 12px 0;
		}
		.evs-guardian-page .evs-resume-booking-calendar-container .calendar-wrapper .calendar-header .title h2{
			margin: 5px 0 0;
	    color: #fff;
	    font-family: 'Exo 2', sans-serif;
	    font-weight: 600;
	    font-size: 28px;
		}
		.evs-guardian-page .evs-resume-booking-calendar-container .calendar-wrapper .navigation .btn{
			padding: 5px;
	    font-weight: 700;
	    border-radius: 50%;
	    width: 30px;
	    height: 30px;
	    font-size: 13px;
	    margin: 0 5px;
		}
		.evs-guardian-page .evs-resume-booking-calendar-container .calendar-month-table{ border-bottom: 1px solid #777; }
		.evs-guardian-page .evs-resume-booking-calendar-container .calendar-month-table th{
			font-size: 14px;
	    text-transform: uppercase;
	    font-weight: 700;
	    padding: 8px 10px;
	    background-color: #2b7a78;
	    border-color: #256a68;
	    font-family: 'Exo 2', sans-serif;
	    letter-spacing: 3px;
		}
		.evs-guardian-page .evs-resume-booking-calendar-container tbody .col-weekday{
			text-align: center;
	    border: 0;
		}
		.evs-guardian-page .evs-resume-booking-calendar-container tbody .col-weekday .btn-sched{
			color: #fff;
	    border-radius: 50%;
	    text-align: center;
	    width: 45px;
	    height: 45px;
	    padding: 10px;
	    background-color: #3aafa9;
		}
		.evs-guardian-page .evs-resume-booking-calendar-container .schedule-modal{  }
		.evs-guardian-page .evs-resume-booking-calendar-container .schedule-modal .modal-header{ 
			background-color: #2b7a78 !important;
			font-family: 'Exo 2', sans-serif;
	 	}
	 	.evs-guardian-page .evs-resume-booking-calendar-container .schedule-modal .modal-header h5{ 
			font-family: 'Exo 2', sans-serif;
	    font-weight: 600;
	    font-size: 18px;
	 	}
	 	.evs-guardian-page .evs-resume-booking-calendar-container .schedule-modal .btn-schedule-select{
	 		background-color: #3aafa9;
	    border-color: #3aafa9;
	 	}
	 	.evs-guardian-page .evs-resume-booking-calendar-container .schedule-modal .btn-info:disabled{
	 		background-color: #3aafa9;
	    border-color: #3aafa9;
	 	}
		.evs-guardian-page .evs-resume-booking-calendar-container .schedule-modal .loader-gif{ display:none; }
		.evs-guardian-page .evs-resume-booking-calendar-container .loader-gif{
			width: 100px;
	    margin: 55px auto;
	    display: none;
		}