@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

@media ( min-width : 0px) {
	.modal-open .modal {
    overflow-x: auto;
    overflow-y: auto;
}

	select {
		background: #FFF url('../images/Select_button.png') no-repeat scroll 97%
			center !important;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		appearance: none;
		background-position: 95%;
		padding-right: 20px !important;
	}
	.admin_staff_note_table .comment-td
	{
		width: 88%;
	}
	select::-ms-expand {
		display: none;
	}
	div.alertBox div.icon, div.successBox div.icon {
		padding-left: 2em;
	}
	div.modal_CheckDistance div.modal-dialog {
		width: 1200px;
	}
	div.modal_selectCourse div.modal-dialog {
		width: 1200px;
	}
	div.modal_confirmChangeCourse div.modal-footer {
  	  background-color: #f9f9f9;
  	  text-align: center;
	}
	div.modal_confirmChangeCourse div.modal-footer button {
 	   float: none !important;
 	   text-align: center !important;
 	   margin: 4px;
       width: 100%;
	}
	tr.noResult td {
		text-align: center;
	}
	tr.noResult p {
		width: 900px;
		display: inline;
	}
	input[type=checkbox], input[type=radio] {
		cursor: pointer;
	}
	button {
		outline: none !important;
	}
	body {
		font-family: 'Open Sans', sans-serif !important;
	}
	ul.nav.nav-tabs .caret {
		margin-left: 5px;
	}
	.package_applicable::-webkit-scrollbar, ul.class_ul::-webkit-scrollbar {
		width: 1em;
	}
	.package_applicable::-webkit-scrollbar-track, ul.class_ul::-webkit-scrollbar-track
		{
		border: solid 1px #eee;
	}
	.package_applicable::-webkit-scrollbar-thumb, ul.class_ul::-webkit-scrollbar-thumb
		{
		background-color: #ddd;
	}
	#admin_school div.dataTables_wrapper {
		/* position: relative;
		clear: both; */
		max-width: 100%;
		overflow: auto;
        display: grid;
		gap: 5px;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto 1fr auto;
	}
	
	#admin_school .dataTables_wrapper .school_datatable_select {
		grid-row-start: 1;
		grid-row-end: 2;
		grid-column-start: 2;
		grid-column-end: 3;
		margin-top: 10px;
		min-width: 100px;
		max-width: 200px;
	}


	#admin_school .dataTables_wrapper #admin_school_list_length{
		grid-row-start: 1;
		grid-row-end: 2;
		grid-column-start: 1;
		grid-column-end: 2;
	}

	#admin_school .dataTables_wrapper #admin_school_list_filter{
		grid-row-start: 1;
		grid-row-end: 2;
		grid-column-start: 3;
		grid-column-end: 4;
		display: flex;
	}

	#admin_school .dataTables_wrapper #admin_school_list{
		grid-row-start:2;
		grid-row-end: 3;
		grid-column-start: 1;
		grid-column-end: 4;
	}

	#admin_school .dataTables_wrapper #admin_school_list_info{
		grid-row-start: 3;
		grid-row-end: 4;
		grid-column-start: 1;
		grid-column-end: 2;
	}

	#admin_school .dataTables_wrapper #admin_school_list_paginate{
		grid-row-start: 3;
		grid-row-end: 4;
		grid-column-start: 3;
		grid-column-end: 4;
	}
	table.dataTable thead tr {
		background-color: rgba(129, 182, 163, 0.66);
		color: #fff;
	}
	table.dataTable.display tbody tr td, table.dataTable.display thead tr th
	{
		height: 30px;
	}
	table.dataTable.display thead tr th
	{
		text-transform: capitalize;
	}
	#admin_location_list tbody tr td:first-child {
		text-align: left;
		padding: 0 22px;
	}
	table#admin_assignStudent_list td a {
		cursor: pointer;
	}
	table#assignStudent_student_list .checkbox, table#assignStudent_instructor_list .checkbox
		{
		display: inline;
	}
	td.unassigned {
		background-color: rgba(255, 252, 155, 0.71);
		padding: .5em 3em;
	}
	.modal_assginStudent div.admin_datatable {
		margin-top: 2em;
	}
	.modal-body div.admin_datatable {
		max-width: 94%;
		overflow: auto;
	}
	.modal_assginStudent div.modal-body {
		padding: 0;
	}
	table#assignStudent_student_list div.progress {
		margin: 0;
	}
	div.admin_datatable div.progress span {
		padding: 0 10px;
		color: #000;
	}
	span.pkgHrs:after {
		content: 'hrs';
	}
	span.pkgHrs {
		margin-left: 8px;
	}
	div.form_date span.input-group-addon:nth-child(3) {
		display: none;
	}
	div.form_date span.input-group-addon:last-child,
	span.form_file
	{
		background-color: #18BC9C;
		color: #fff;
		font-weight: 400;
		border: none;
	}
	.pac-container {
		z-index: 1050 !important;
	}
	.nonPadding {
		padding: 0 !important;
	}
	.navbar-nav {
		line-height: 64px;
	}
	.navbar>.container-fluid .navbar-brand {
		margin-left: 0;
		margin-top: -2px;
	}
	.navbar-default {
		margin-bottom: 0;
	}
	.navbar-header {
		float: left;
		display: inline-block;
		margin: 0 !important;
	}
	.navbar-brand {
		padding: 7px 20px;
	}
	ul.nav.navbar-nav.navbar-right li {
		padding-right: 1em;
		display: inline-block;
	}
	ul.navbar-right input[type="button"] {
		color: #fff;
		background-color: #337ab7;
		border-color: #2e6da4;
		display: inline-block;
		padding: 6px 12px;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.42857143;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
	}
	html, body {
		height: 100%
	}
	.loader {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 9999;
		overflow: hidden;
		-webkit-overflow-scrolling: touch;
		outline: 0;
		opacity: 1;
		display: none;
		background-color: rgba(255, 255, 255, 0.3);
	}
	.loader i.fa.fa-spinner.fa-pulse {
		top: 43%;
		left: 50%;
		position: absolute;
		font-size: 50px;
		color: #0C2542;
	}
	.wrap {
		min-height: 87.2%;
		width: 100%;
		position: relative;
		display: inline-block;
		background-color: #f2f4f8;
	}

	#admin_content {
		min-height: 500px;
		position: relative;
		background-color: #f2f4f8;
	}

	/*Admin Main Menu*/
	div.sidebar {
		top: 0px;
		left: 0px;
		bottom: -5px;
		background-color: #303641;
		padding: 1em 0;
		font-size: 13px;
	}
	div.sidebar ul.nav-pills>li>a {
		border-radius: 0;
		text-transform: uppercase;
		color: #fff;
		letter-spacing: 1px;
		text-shadow: 1px 1px 1px #666;
		min-width: 260px;
	}
	div.sidebar ul.nav-stacked>li+li {
		margin: 0;
	}
	div.sidebar ul>li>a {
		color: #fff;
	}
	div.sidebar i.fa {
		color: #efefef;
		font-size: 16px;
		margin-right: 10px;
		width: 20px;
		text-align: center;
	}
	div.sidebar ul>li.active>a, div.sidebar ul>li>a:hover {
		background-color: #18bc9c !important;
	}
	div.sidebar ul>li>a:focus {
		background-color: #303641 !important;
	}
	div.sidebar ul li a {
		padding: 1em 2em;
	}

	/*Admin tab Menu*/
	ul.nav-tabs {
		border: none;
	}
	
	ul.nav-tabs>li>a {
		border-bottom: 0;
		margin: 0;
		color: #535353;
		padding: 10px 14px;
		margin-bottom: 0;
		font-weight: 700;
		text-transform: uppercase;
		border-radius: 0;
		border: none;
	}
	ul.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
		{
		border: 1px solid #ddd;
		border-top: 3px solid #18BC9C;
		border-bottom: 0;
		background-color: #fff;
		cursor: pointer;
		z-index: 1;
	}
	.nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
		background: #f2f4f8;
		margin-bottom: 0px;
		border: none;
	}
	.nav-tabs .dropdown-menu {
		margin-left: -1px;
		padding: 0;
	}
	.nav-tabs .dropdown-menu li a:hover {
		color: #535353;
	}
	ul.nav-tabs .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
		border-color: #ddd;
	}
	.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
		background-color: transparent;
		color: #18BC9C;
	}
	ul.nav-tabs ul.dropdown-menu>li>a {
		padding: 7px 15px;
	}
	div.alertBox, div.successBox {
		display: block;
		color: #000;
		font-weight: 700;
		background-color: #fff;
		border: solid 1px #ddd;
		border-top: none;
		margin-bottom: 20px;
		margin: 1px 2em 0em;
		width: 96%;
		box-shadow: 1px 2px 12px 0 rgba(0, 0, 0, 0.1);
		line-height: 5em;
	}
	div.alertBox span, div.successBox span {
		display: block;
		line-height: 1.5em;
	}
	div.alertBox span:first-child, div.successBox span:first-child {
		padding-top: 22px;
	}
	div.alertBox span:last-child, div.successBox span:last-child {
		padding-bottom: 8px;
	}
	div.alertBox div.icon:before {
		content: "\f05a";
		font-family: FontAwesome;
		font-size: 4em;
		color: #A94442;
		float: left;
	}
	div.successBox div.icon:before {
		content: "\f058";
		font-family: FontAwesome;
		font-size: 4em;
		color: #46BB75;
		float: left;
	}
	div.alertBox:after {
		content: ' ';
		float: left;
		width: 100%;
		background-color: #A94442;
		height: 4px;
	}
	div.successBox:after {
		content: ' ';
		float: left;
		width: 100%;
		background-color: #46BB75;
		height: 4px;
	}
	.modal.fade.modal_changePsw div.alert.alert-danger, .modal.fade.modal_changePsw div.alert.alert-success
		{
		padding-left: 30px;
	}
	.modal.fade.modal_changePsw span {
		display: inline-block;
	}
	.modal.fade.modal_changePsw div.modal-body span.glyphicon {
		margin-left: -17px;
	}
	.modal-header, #modal-content h4, .close {
		background-color: #5C69B8;
		color: white !important;
		text-align: center;
		font-size: 30px;
	}
	.modal-content {
		margin: 15px;
		margin: 0px;
	}
	.modal-footer {
		background-color: #f9f9f9;
	}
	li.ui-timepicker-disabled {
		display: none;
	}
	.btn-generate {
		float: right;
		margin: 0 15px 10px 0;
	}
	div.alert span:nth-child(1), div.alert span:nth-child(2) {
		display: inline !important;
		margin-left: 0px;
	}
	div.alert span {
		display: block;
		margin-left: 17px;
	}
	span.fsRequiredMarker {
		padding-left: 2px;
		color: #FF5E5E;
		font-size: 16px;
		font-family: Verdana;
		font-weight: 400;
	}
	div.panel-heading {
		line-height: 32px;
		padding: 4px 15px;
		letter-spacing: 1px;
	}
	div.panel-body {
		border: 1px solid #ddd;
		width: 100%;
		overflow: auto;
	}
	div.admin_package_road_test .panel-body
	{
		height: fit-content;
		min-height: 294px;
	}

    div.driverInfo .input-group  {
        padding-bottom: 10px;
        width: 100%;
    }

	div.panel.panel-default {
		border: none;
	}
	input[type="checkbox"] {
		margin-right: 5px;
		top: 2px;
		position: relative;
	}
	div.gender-radio {
		box-shadow: none;
		border: none;
		border-left: solid 1px #ccc;
		padding-left: 2em;
	}
	div.frequency {
		padding: 0;
		border: 1px solid #ccc;
		border-radius: 4px;
		margin-bottom: 1em;
	}
	table.table.admin_generate_frequency_table tr td:first-child {
		position: relative;
		left: 3px;
	}
	table.table.admin_generate_frequency_table td:nth-child(2) {
		text-align: center;
		left: -5px;
		position: relative;
	}
	table.table.admin_generate_frequency_table thead th {
		padding: 6px 0;
		text-align: center;
		font-weight: 400;
		border-radius: 4px 4px 0 0;
	}
	table.table.admin_generate_frequency_table thead {
		line-height: 1;
		color: #555;
		background-color: #eee;
	}
	table.table.admin_generate_frequency_table tr:last-child td {
		padding-top: 9px;
		padding-bottom: 9px;
	}
	table.table.admin_generate_frequency_table tr td {
		padding-top: 6px;
		padding-bottom: 6px;
	}
	table.table.admin_generate_frequency_table {
		margin-bottom: 0;
	}
	table.table.admin_generate_frequency_table tbody tr td:first-child {
		width: 10%;
		border-right: 1px solid #ddd;
	}
	div.panel.panel-default {
		margin-bottom: 2em;
	}
	div.admin_location_info div.col-md-4, .admin_location_info div.col-md-6,
		.admin_location_info div.col-md-8, .admin_location_info div.col-md-12
		{
		padding: 0 5px;
	}
	div.admin_location_info.studentSearch span.input-group-addon:first-child
		{
		width: 157px;
		height: 34px;
	}
	div.admin_location_info span.input-group-addon:first-child {
		width: 154px;
		height: 34px;
	}
	div.driverInfo span.input-group-addon:first-child {
		width: 232px;
	}
	
	div.admin_location_info div.input-group {
		padding-bottom: 10px;
		width: 100%;
	}


	
	.rules_container {
		display: flex;
		gap: 10px;
		flex-wrap: wrap;
	}

	.rules_container .input-group .form-control[type=checkbox] {
		width: fit-content;
		margin-left: 10px;
		accent-color: #4856A7;
		height: 22px;
		width: 22px;
	}

	.rules_container .input-group .form-control[type=number],
	.rules_container .input-group .form-control[type=text]
	{
		min-width: 100px;
	}

	.input-group.commentHolder {
		padding-bottom: 10px;
		width: 100%;
	}
	div.admin_location_info button.btn-add-exam {
		background-color: #d9534f;
		border-color: #d43f3a;
		color: #fff;
	}
	div.admin_location_info button.btn-success {
		background-color: #3F51B5;
		border-color: #3F51B5;
	}
	div.admin_location_info button.btn-success:hover {
		background: #3E4677;
		border-color: #3E4677;
	}
	div.admin_location_info button.btn-danger {
		border-color: #e0e0e0;
		background-color: #fff;
		color: #555;
	}
	div.admin_location_info button.btn-danger.infoSubmit {
		border-color: #e0e0e0;
		background-color: #fff;
		color: #555;
	}
	div.admin_location_info button.btn-success.infoSubmit:focus {
		background-color: #152892;
	}
	div.copyPickup {
		margin: 0 0 1em;
	}
	div.copyPickup label {
		font-weight: 400;
	}
	button.infoSubmit {
		margin: 0em 0em 1.5em 1em;
	}
	button.infoSubmitUpper {
		margin: 0em 1em 1em 0em;
		display: none;
	}
	table.table.admin_location_table>thead>tr>th {
		border: none;
		text-align: center;
	}
	table.table.admin_location_table tfoot tr:first-child td {
		padding-top: 5px;
		padding-bottom: 12px;
		font-size: 13px;
	}
	table.table.admin_location_table tfoot tr:nth-child(2) td {
		border-bottom: solid 1px #ccc;
		border-top: solid 1px #ccc;
		padding-bottom: 7px;
	}
	table.table.admin_location_table tr td:first-child {
		font-weight: 700;
	}
	table.table.admin_location_table tfoot td {
		text-align: center;
	}
	span.msg_locationHrs {
		font-size: 12px;
	}
	
	span.msg_locationHrs span.glyphicon {
		margin-right: 6px;
		font-size: 19px;
		color: #FFB900;
		top: 6px;
	}
	
	.addFile {
		display: block;
		width: 100%;
		padding: 6px 12px;
		font-size: 13px;
		line-height: 1.8;
		color: #555;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 0 4px 4px 0;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	}
	
	table.table.admin_location_table {
		margin-bottom: 1em;
	}
	
	table.admin_location_table tr td, table.admin_course_table tr td, table.admin_holiday_table tr td,
		table.admin_generate_course_table tr td, table.admin_instructorProfile_table tr td,
		table.admin_staff_table tr td {
		border: none;
		padding: 5px;
	}
	
	div.panel.panel-default.holidayDetail, div.panel.panel-default.payRate,
		div.panel.panel-default.adminNotes {
		margin-bottom: 3em;
	}
	
	div.panel.panel-default.holidayDetail div.panel-body, div.panel.panel-default.payRate div.panel-body,
		div.panel.panel-default.adminNotes div.panel-body {
		padding: 0;
	}
	
	table.table.admin_holiday_table thead tr th:first-child, table.table.admin_holiday_table	tbody tr td:first-child,
		table.table.admin_holiday_table	tfoot tr td:first-child {
		text-align: right;
		width: 6%;
		padding-right: 10 px;
	}
	
	table.table.admin_staff_table thead tr th:first-child,
	table.table.admin_staff_table tbody tr td:first-child,
	table.table.admin_staff_table tfoot tr td:first-child {
		text-align: right;
		width: 6%;
		padding-right: 10 px;
	}
	
	table.table.admin_holiday_table thead tr th:last-child,
	table.table.admin_holiday_table tbody tr td:last-child,
	table.table.admin_holiday_table tfoot tr td:last-child {
		padding-right: 17 px;
		width: 4%;
	}
	
	table.table.admin_staff_table thead tr th:last-child,
	table.table.admin_staff_table tbody tr td:last-child,
	table.table.admin_staff_table tfoot tr td:last-child {
		padding-right: 17 px;
		width: 4%;
	}
	
	table.table.admin_staff_table td {
		width: 24%;
	}
	.line-with-text {
      display: flex;
      align-items: center;
      text-align: center;
      margin: 20px 0;
    }

    .line-with-text::before,
    .line-with-text::after {
      content: '';
      flex: 1;
      border-bottom: 1px solid #000;
    }

    .line-with-text:not(:empty)::before {
      margin-right: .5em;
    }

    .line-with-text:not(:empty)::after {
      margin-left: .5em;
    }
	table.table.admin_staff_table td:first-child {
	width: 1%;
	padding: 5px 10px;
	text-align: center;
	}
	.d-block {
		display: block;
	}
	
	.d-flex, .flex {
		display: flex;
	}
	.flex-wrap 
	{
		flex-wrap: wrap;
	}
	.flex-col {
		flex-direction: column;
	}

	.flex-row {
		flex-direction: row;
	}
	.justify-between {
		justify-content: space-between;
	}

	.justify-center {
		justify-content: center;
	}

	.justify-end {
		justify-content: end;
	}

	.gap-10 {
		gap: 10px;
	}
	.gap-2 {
		gap: 2px;
	}

	.gap-5 {
		gap: 5px;
	}
    .flex-grow-5{
        flex-grow: 5;
    }
	.font-size-15px {
		font-size: 15px;
	}
	
	.align-center {
		align-items: center;
	}
	.w-fit {
		width: fit-content;
	}

	.no-padding {
		padding: 0 !important;
	}
	.mt-10px {
		margin-top: 10px;
	}

	.mb-10px {
		margin-bottom: 10px;
	}
	
	.m-auto {
		margin: auto;
	}

	.grid-container {
		display: grid;
		grid-template-columns: 5fr 1fr;
		gap: 10px;
		align-items: center;
	}

	.filter_options_box {
		display: grid;
		grid-template-columns: 1fr 1fr 5fr 1fr;
		align-items: center;
		gap: 10px;
	}

	.suggestions .suggestion {
		padding-left: 8%;
	}

	.suggestion-text
	{
		padding: 2px 8px;
		background-color: #e5e5e5;
		border-radius: 4px;
		cursor: pointer;
	}

	.adminNotes .initalComment {
		padding: 5px;
		border-radius: 5px;
	}

	.px-10px {
		padding-inline: 10px;
	}

	.px-80px {
		padding-inline: 80px;
	}

	.note_container:hover {
		background-color:  rgba(207, 230, 220, 0.47);
	}
	
	.text-end {
		text-align: end;
	}
	.text-start {
		text-align: start;
	}


	.text-link-blue {
		color: #21679b;
	}

	.e-font-bold {
		font-weight: bold;
	}

	.note_container {
		width: 95%;
		margin: 5px auto;
		/* border-bottom: 1px solid #ddd; */
	}
	.note_container:last-child {
		border-bottom: none;
	}
	.note_container .note_by {
		min-width: 10vw;
	}

	.note_container .note_box {
		padding-left: 2%;
		width: 70%;
	}
table.table.admin_staff_table td:last-child {
	width: 1%;
	text-align: center;
}

.c-heading {
	background-color: #4856A7;
	color: #ffff;
	padding: 4px 15px;
	line-height: 32px;
	border-bottom: solid #000 3px;
	border-radius: 3px 3px 0px 0px;
	letter-spacing: 1px;
}

select.selectPayment {
    text-transform: capitalize;
}

table.table.admin_staff_table.vehicle td:last-child, table.table.admin_staff_table.pay td:last-child
	{
	vertical-align: middle;
}

table.table.admin_holiday_table tfoot, table.table.admin_staff_table tfoot
	{
	background-color: #eee;
}

table.table.admin_holiday_table, table.table.admin_staff_table {
	margin-bottom: -10px;
}

table.table.admin_holiday_table tbody tr:last-child td, table.table.admin_staff_table tbody tr:last-child td
	{
	padding-bottom: 1em;
}

table.table.admin_holiday_table tbody tr:first-child td, table.table.admin_staff_table tbody tr:first-child td
	{
	padding-top: 1em;
}

table.admin_holiday_table tfoot tr td, table.admin_staff_table tfoot tr td
	{
	padding: 1em 5px;
	border-top: solid 1px #ddd;
}

table.table.admin_holiday_table tr td:first-child, table.table.admin_staff_table tr td:first-child
	{
	vertical-align: middle;
}

button#admin_holiday_addRow, button#admin_holiday_addRow:hover {
	background-color: #4856A7 !important;
	border: solid 1px #4856A7 !important;
	color: #fff;
	margin-top: 1px;
}

button#admin_holiday_addRow:focus {
	background-color: #4856A7 !important;
	border: solid 1px #4856A7 !important;
	color: #000;
	margin-top: 1px;
}

div.admin_location_info table div.input-group {
	padding-bottom: 0px;
}

table.admin_package_table {
	margin-bottom: -10px;
}

div.addOnType label {
	padding-left: 3em;
}

.datatable_select select {
	padding: 6px 20px 6px 5px;
	margin: auto 3px;
	border-radius: 4px;
	border: #ccc solid 1px;
	width: 9em;
}

.datatable_select {
	float: right;
	position: relative;
	z-index: 1;
	margin-top: 30px;
}

.report_datatable_select{
	display: flex;
	justify-content: flex-end;
	padding-top: 8px;
    padding-right: 12px;
}
	
.report_select_box {
	padding: 6px;
	margin-bottom: 10px;
	border-radius: 4px;
}

.student_filter_select_box {
	padding: 6px;
	border-radius: 4px;
}

table.admin_package_table>tbody>tr>td:first-child {
	line-height: 20px;
	padding-bottom: 10px;
}

table.admin_package_table>tbody>tr>td {
	border: none;
	padding: 0px 5px;
}

table.table.admin_course_table tr td {
	height: 30px;
}

table.table.admin_course_table tr td:first-child {
	text-align: right;
	width: 1%;
	vertical-align: middle;
	padding-right: 11px;
}

table.table.admin_course_table tr td:nth-child(2), table.table.admin_course_table tr td:nth-child(3),
	table.table.admin_course_table tr td:nth-child(4) {
	width: 33%;
	vertical-align: middle;
}

table.table.admin_course_table tr td.courseMaterial {
	width: 1%;
	vertical-align: middle;
}

table.table.admin_package_table input[type="text"] {
	margin: 3px 0;
}

table.admin_course_table div.input-group {
	padding: 0;
}

table.admin_course_table>tbody>tr>td {
	border: none;
}

table.admin_holiday_table button {
	padding: 7px 11px 7px;
	margin-right: 10px;
	font-size: 14px;
	float: right;
	font-weight: 400;
	line-height: 19px;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px;
}

table.table.admin_holiday_table td:first-child, table.table.admin_holiday_table th:first-child
	{
	text-align: center;
}

table.table.admin_holiday_table span.input-group-addon, table.table.admin_generate_course_table span.input-group-addon
	{
	width: 38px;
}

table.table.admin_package_extra_table>tbody>tr:first-child>td {
	border: none;
}

table.table.admin_package_extra_table>tbody>tr>td input[type="checkbox"]
	{
	margin-right: 8px;
}

table.table.admin_package_extra_table {
	margin-bottom: 0;
}

tr.holidayConflict div.input-group {
	padding: 0px;
	margin-bottom: 0em;
	border: solid #FF7171;
}

tr.holidayConflict div.input-group.date {
	border-radius: 6px !important;
}

tr.holidayConflict+tr div.input-group {
	padding-top: 10px;
}

ul.admin_package_ul {
	list-style: none;
	margin-bottom: 0;
	padding: 0 15px;
}

ul.btw_ul {
	border: 1px solid #ccc;
	border-radius: 0 4px 4px 0;
	padding: 5px 15px;
}

ul.class_ul {
	overflow: auto;
	height: 253px;
	max-height: 253px;
}

ul.class_ul li {
	padding-bottom: 5px;
}

div.package_applicable {
	overflow: auto;
	height: 266px;
	padding: 0 10px;
}

div.adminPaymentFeature table td label {
	font-weight: 400;
}

div.adminPaymentFeature input[type='text'] {
	text-align: right;
}

div.adminPaymentFeature table thead th {
	text-transform: uppercase;
	vertical-align: middle;
	text-align: center;
	background: #D7E1F0;
}

div.discountLocation, div.formLocation {
	width: 100%;
	padding: 5px 15px;
	background: rgba(217, 223, 232, 0.83);
	border-radius: 4px;
}

div.adminDiscount table.discountPackage {
	border: 1px solid #ddd;
}

div.discountLocationDetail {
	display: inline;
}

div.discountLocation h4, div.formLocation h4 {
	margin-right: 2em;
	font-weight: 700;
	text-decoration: underline;
	cursor: pointer;
	color: #337ab7;
	width: 300px;
	display: inline-block;
}

div.discountLocation input {
	display: inline;
}

table.discountPakage {
	border: solid #ddd 1px;
}

div.formRadioCheckbox {
	vertical-align: middle;
}

div.formRadioCheckbox label {
	font-weight: 400;
	padding-right: 1em;
	margin-bottom: 0;
}

div.formRadioCheckbox.criteria {
	padding: 1em 1em .5em;
}

div.LocationGroup {
	margin-bottom: 1em;
}

div.discountLocationDetail input.form-control {
	width: 6em;
	margin-left: .5em;
}


form#gencourseForm button.delete {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    float: left;
}

span.chevron {
	float: right;
	color: #333;
	font-weight: 700;
	margin-top: .35em;
	cursor: pointer;
	font-size: 15px;
}

div.discountLocation i.fa.fa-check-circle, div.formLocation  i.fa.fa-check-circle
	{
	font-size: 20px;
	color: rgb(77, 197, 108);
	padding-right: .2em;
}

div.discountLocation i.fa.fa-times-circle, div.formLocation i.fa.fa-times-circle
	{
	font-size: 20px;
	color: #FF8888;
	padding-right: .2em;
}

table.discountPakage tbody td, div.adminDiscount table.discountPakage thead th
	{
	padding-left: 3em;
}

div.adminDiscount .formRadioCheckbox.criteria input {
	text-align: right;
}

#toggle {
	float: left;
	width: 45px;
	height: 45px;
	margin: 11px auto 9px;
	border: 0;
	outline: none;
	background-color: transparent;
}

#toggle span:after, #toggle span:before {
	content: "";
	position: absolute;
	left: 0;
	top: -9px;
}

#toggle span:after {
	top: 9px;
}

#toggle span {
	position: relative;
	display: block;
}

#toggle span, #toggle span:after, #toggle span:before {
	width: 100%;
	height: 5px;
	background-color: #888;
	transition: all 0.3s;
	backface-visibility: hidden;
	border-radius: 2px;
}

.admin_tabMenu {
	padding: 2em 2em 0;
}

.nav-tabs li a:hover {
	color: #18BC9C;
}

.admin_location_info, div.admin_datatable {
	padding: 2em 2em 0;
	margin-bottom: 2em;
	background-color: #fff;
	margin-left: 2em;
	width: 96%;
	float: left;
	background: #fff;
	border: 1px solid #e4e4e4;
	box-shadow: 1px 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.admin_location_info {
	/*display:none;*/
	padding: 2em 2em 0;
	margin-bottom: 2em;
	float: left;
}

/*DATA TABLE margin*/
div.admin_datatable div.panel-default {
	max-width: 100%;
	overflow: auto;
}

table.display.dataTable.no-footer {
	border: #ddd solid 1px;
	width: 100% !important;
}

table.display.dataTable.no-footer th, table.display.dataTable.no-footer td
	{
	text-align: center;
}

.dataTables_wrapper .dataTables_filter input {
	margin-left: 0.5em;
	outline: none;
	height: 34px;
	width: 180px;
	padding: 6px 30px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	font-weight: 400;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow
		ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out
		.15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

div.dataTables_filter span.input-group-btn {
	padding-left: 5px;
}

div.panel.panel-default.addStudent.modifyStudent div.panel-body {
	padding-bottom: 91px;
}

div .admin_location_info div.panel-heading {
	background-color: #4856A7;
	border-bottom: solid #000 3px;
	color: #fff;
}

div.panel-heading button {
	padding: 5px 10px;
	margin: 1px -4px 0 0;
}

div.panel-heading button:hover, div.panel-heading button:focus {
	background-color: #fff;
}

div.changePsw div.col-md-9, div.checkEmail div.col-md-10, form#studentForm div.zipcode div.col-md-9
	{
	padding: 0;
}

div.changePsw div.col-md-9 input::-webkit-input-placeholder {
	text-align: center;
}

div.changePsw div.col-md-9 input:-moz-placeholder {
	/* Firefox 18- */
	text-align: center;
}

div.changePsw div.col-md-9 input::-moz-placeholder {
	/* Firefox 19+ */
	text-align: center;
}

div.changePsw div.col-md-9 input:-ms-input-placeholder {
	text-align: center;
}

div.changePsw div.col-md-3, div.checkEmail div.col-md-2, form#studentForm div.zipcode div.col-md-3,
	form#studentForm div.checkEmail div.col-md-3 {
	padding: 0 0 0 10px;
}

div.admin_datatable div.panel-heading,
div.modal_BTW_notes div.panel-heading
{
	background-color: #337ab7;
	border-bottom: 3px solid #000;
	color: #fff;
}

.dataTables_wrapper .dataTables_filter {
	padding-bottom: 8px;
	width: 5%;
}

table.display.dataTable.no-footer td select {
	width: 100%;
}

.dataTables_wrapper div.dataTables_filter:before {
	content: "\f002";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	left: 80px;
	color: #337AB7;
	z-index: 10;
	left: 16px;
	top: 7px;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter
	{
	text-align: left !important;
}

.dataTables_wrapper .dataTables_length {
	padding-left: 10px;
}

div.dataTables_filter span button {
	padding: 7px 10px;
	border-radius: 4px !important;
}

div.dataTables_filter input {
	border-radius: 4px !important;
}

div.dataTables_length select {
	padding: 5px 15px 6px 5px;
	margin: auto 3px;
	border-radius: 4px;
	border: #ccc solid 1px;
	background: #FFF url('../images/Select_button.png') no-repeat scroll 93%
		center !important;
	background-position: 93%;
}

div.dataTables_paginate a.paginate_button {
	margin: 1em 1px;
	background-color: #efefef;
	padding: 5px 11px;
	font-size: 13px;
}

div.dataTables_paginate a.paginate_button:hover {
	background: #337AB7;
	border-color: #337AB7;
}

.dataTables_info {
	font-size: 13px;
	margin-top: 12px;
}

.dataTables_wrapper div.dataTables_paginate .paginate_button.current,
	.dataTables_wrapper div.dataTables_paginate .paginate_button.current:hover
	{
	background: #337ab7 !important;
	display: initial;
	padding: 0.6em 1.1em;
	color: #fff !important;
	border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
	.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
	.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active
	{
	cursor: default;
	color: #666 !important;
	border: 1px solid transparent;
	background: #eee !important;
	border-color: #eee !important;
	box-shadow: none;
	cursor: no-drop !important;
}

div.dataTables_length label {
	font-weight: 400;
}

table.display.dataTable {
	border: #ddd solid 1px;
}

table.dataTable.display tbody td, table.dataTable.display thead th {
	border-right: solid 1px #eee;
}

table.dataTable.display tbody td:last-child, table.dataTable.display thead th:last-child
	{
	border-right: none;
}

/*Date Picker*/
.datepicker {
	z-index: 1060 !important;
}

.datepicker .table-condensed>thead>tr>th.dow {
	color: #e91e63;
	text-transform: uppercase;
}

.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active,
	.datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active,
	.datepicker table tr td.active.active, .datepicker table tr td.active:hover.active,
	.datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active,
	.datepicker table tr td.today.active, .datepicker table tr td.today:hover.active,
	.datepicker table tr td.today.active, .datepicker table tr td.today:hover.active,
	.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active,
	.datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active,
	.datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active,
	.datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active
	{
	border: none;
	background-image: none;
	background: #4856A7 !important;
	color: #fff;
}

.datepicker table tr td.today, .datepicker table tr td.today:hover:active,
	.datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active
	{
	color: #e91e63;
	font-weight: 700;
	background-color: #fff !important;
	background-image: none !important;
}

.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover,
	.datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover,
	.datepicker table tr td.today:active, .datepicker table tr td.today:hover:active,
	.datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active,
	.datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active,
	.datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled,
	.datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled,
	.datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled],
	.datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled]
	{
	background-color: #fff !important;
	background-image: none !important;
}

/*CopyRight*/
div#copyright {
	text-align: center;
	background-color: #444;
	color: #aaa;
	font-size: 0.9em;
	display: inline-block;
	margin: 0;
	width: 100%;
}

div#copyright ul {
	padding: 0.4em 1em 0.1em;
	margin: 0;
}

div#copyright li {
	display: inline-block;
}

div#copyright img {
	padding-right: 20px;
}

div.studentSearch div.parentInfo hr:before, div.adminStudent div.parentInfo hr:before,
	div.emergency hr:before {
	content: "\f139";
	font-family: FontAwesome;
	color: rgb(51, 104, 153);
	font-size: 20px;
	left: 50%;
	position: relative;
	top: -15px;
	background-color: #fff;
	border-radius: 20px;
	cursor: pointer;
}

div.studentSearch div#register_contact_body div.panel-body:last-child,
	div.adminStudent div#register_contact_body div.panel-body:last-child,
	div.emergency div.panel-body:last-child {
	padding: 0px 10px 20px 10px;
}

div.studentSearch div#register_contact_body div.panel-body:first-child,
	div.adminStudent div#register_contact_body div.panel-body:first-child,
	div.emergency div.panel-body:first-child {
	padding: 20px 10px 0px 10px;
}

div.studentSearch div#register_contact_body div.panel-body, div.adminStudent div#register_contact_body div.panel-body,
	div.emergency div.panel-body {
	border: none;
	padding: 0px 10px 0px 10px;
}

div.studentSearch div.parentInfo hr, div.adminStudent div.parentInfo hr,
	div.emergency hr {
	margin: 1em 0 2em;
	border: dotted 1px #999;
	border-bottom: 0;
}

div.studentSearch div#register_contact_body, div.adminStudent div#register_contact_body,
	div.emergency div.emergencyContact_body {
	border: 1px solid #ddd;
}

div.studentSearch div#register_contact_body div.panel-body, div.adminStudent div#register_contact_body div.panel-body
	{
	border: none;
}

div.studentSearch div.addStudent div.panel-body {
	padding-bottom: 60px;
}

div.adminStudent div.addStudent+div div.panel-body {
	padding-bottom: 103px;
}

.pac-container {
	z-index: 1050 !important;
}

div#register_locationDetails {
	width: 100%;
}

div#register_locationDetails ul {
	-webkit-padding-start: 0;
}

#register_locationAddress {
	font-weight: 700;
	font-size: 1em;
	padding: 0px 10px 0;
}

p#register_locationAddress, p#register_locationDetail, p#register_locationComment
	{
	display: block;
	text-align: left;
	margin: 0;
}

div#register_location div.col-md-8 {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.12);
	background-color: #fff;
	border-radius: 4px;
}

div#register_selectLocation {
	font-size: 1.2em;
	padding-left: 3em;
	padding-top: 1em;
	overflow: auto;
}

div#register_selectLocation input[type="radio"] {
	margin-top: 6px;
	margin-left: -30px;
	position: absolute;
}

div#register_selectLocation span {
	display: block;
	font-size: 13px;
}

div#register_selectLocation span:last-child {
	padding-bottom: 1em;
}

span.dist:before {
	content: 'distance : ';
}

div#register_location {
	display: table;
	width: 100%;
	padding: 0;
	float: none;
}

div.register_filterLocation {
	margin-bottom: 1em;
}

button.btnSearch {
	background-color: #337AB7;
	background-image: -webkit-linear-gradient(top, #337AB7, #274989);
	border: 0;
	border-radius: 0 2px 2px 0;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	height: 34px;
	position: absolute;
	text-align: center;
	top: 0;
	vertical-align: top;
	z-index: 1;
	margin-left: 0;
	-webkit-transition: margin-left 200ms ease-out 0;
	transition: margin-left 200ms ease-out 0;
}

div.modal_CheckDistance div.filterLocation {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    border: #337AB7;
    width: 40% !important;
    position: absolute;
    top: 103px;
    left: 121px;
    padding: 0 !important;
}


div.modal_CheckDistance div.modal-dialog {
	margin: 15px auto;
	width: 1000px;
}

div#register_filterClass, div.register_filterLocation {
	padding: .2em 2em;
	background-color: #53575B;
	border-bottom: 5px solid #303030;
	color: #eee;
	text-shadow: 1px 1px 1px #000;
	display: table;
	width: 100%;
}

#register_filterClass select, div.register_filterLocation select {
	width: auto;
	display: inline;
	margin: 0 1em;
	padding: 0px 14px;
	height: 28px;
}

div#register_selectLocation ul {
	list-style: none;
	padding: 0;
}

div#register_location div.col-md-12 {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.12);
}

div.register_locationHours {
	margin-bottom: 1em !important;
}

div.register_locationHours caption {
	text-align: center;
	color: #525252;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #e1ebf2;
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-khtml-border-radius: 4px 4px 0 0;
	padding: 2px 0px 6px 0px;
	border: solid 1px #ddd;
	border-bottom: none;
	font-size: 15px;
}

div.register_locationHours table caption i {
	color: #4A6E97;
	margin-right: 5px;
}

div.register_locationHours table {
	width: 100%;
	text-align: center;
	color: #525252;
	border: solid 1px #ddd;
}

div.register_locationHours table th {
	background-color: #eee;
	border: 1px solid #ddd;
	text-align: center;
	font-size: 14px;
}

div.register_locationHours table tbody {
	font-size: 14px;
}

div.register_locationHours table tbody td {
	border: solid 1px #ddd;
	padding: 5px 0;
	font-size: 13px;
}

div.register_locationHours span.glyphicon {
	margin-right: 7px;
	font-size: 23px;
	color: #FFB900;
	top: 6px;
	display: none;
}

span.dash {
	display: block;
	margin: -5px 0;
}

div#register_selectLocation::-webkit-scrollbar, ul.class_ul::-webkit-scrollbar
	{
	width: 1em;
}

div#register_selectLocation::-webkit-scrollbar-track, ul.class_ul::-webkit-scrollbar-track
	{
	background-color: #ddd;
}

div#register_selectLocation::-webkit-scrollbar-thumb, ul.class_ul::-webkit-scrollbar-thumb
	{
	background-color: #ccc;
}

div#register_selectLocation {
	max-height: 350px;
}

div#register_selectLocation {
	max-height: 350px;
}

div#register_selectLocation {
	max-height: 687px;
}

div#register_locationDetails {
	width: 100%;
}

div#register_locationDetails ul {
	-webkit-padding-start: 0;
}

p#register_locationDetail {
	font-weight: 400;
	color: #000;
	padding: 0 10px 10px;
}

div#register_addressMap {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

div#register_addressMap {
	height: 500px;
}

#register_locationAddress {
	font-weight: 700;
	font-size: 1em;
	padding: 0px 10px 0;
}

p#register_locationAddress, p#register_locationDetail, p#register_locationComment
	{
	display: block;
	text-align: left;
	margin: 0;
}

div#register_location div.col-md-8 {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.12);
	background-color: #fff;
	border-radius: 4px;
}

#register-name {
	font-weight: 700;
	font-size: 2em;
	color: #0A51A1;
	padding: 15px 10px 10px;
	margin: 0;
}

div.discount button {
	position: absolute;
	right: 0px;
	z-index: 100;
	border-radius: 0;
}

table.paymentHistory tr.noResult td {
	padding-top: 0 !important;
}

table.paymentHistory th {
	border: none;
	font-weight: 700;
	background: #18BC9C;
	color: #fff;
	text-align: Center;
	text-transform: uppercase;
}

table.paymentHistory td, table.paymentHistory th {
	text-align: center;
	padding: 1em !important;
}

table.paymentHistory tfoot {
	background: rgba(255, 252, 155, 0.71);
	font-weight: 700;
}

table.paymentHistory {
	border: 1px #ddd solid;
	margin-bottom: 0;
}

span.refreshPayHistory {
	background: rgba(19, 103, 86, 0.81);
	float: right;
	border-radius: 50%;
	padding: .2em .5em;
	color: #FFFFFF;
	font-weight: 900;
	cursor: pointer;
}

div.paypal input.cardNum {
	width: 250px;
	float: none;
}

div.paypal input {
	margin: .5em;
}

div.paypal .ccLabel {
	width: 130px;
	display: inline-block;
}

div.paypal input.cardCSC {
	width: 100px;
	float: none;
}

div.paypal .formRadioCheckbox {
	padding: 0.3em 2em 1em 2em;
}

div.paypal input.form-control.cardExpMM, div.paypal input.form-control.cardExpYY
	{
	width: 50px;
	float: none;
}

.table-selectCourse thead th, .table-selectCourse tbody td {
    width: 8.8% !important;
}

.table-selectCourse span {
	height: 20px;
	display: block;
}

.table-selectCourse>thead>tr>th, .table-selectCourse>tbody>tr>td {
	text-align: center;
	vertical-align: middle;
}

.table-selectCourse>thead>tr>th:first-child, .table-selectCourse>tbody>tr>td:first-child
	{
	width: 1%;
}

.header-fixed {
	width: 100%;
	border: 1px solid #ddd;
}

.header-fixed>thead, .header-fixed>tbody, .header-fixed>thead>tr,
	.header-fixed>tbody>tr, .header-fixed>thead>tr>th, .header-fixed>tbody>tr>td
	{
	display: block;
}

.header-fixed>tbody>tr:after, .header-fixed>thead>tr:after {
	content: ' ';
	display: block;
	visibility: hidden;
	clear: both;
}

.header-fixed>tbody {
	overflow-y: auto;
	height: 500px;
}

.header-fixed>tbody>tr>td, .header-fixed>thead>tr>th {
	width: 9.8%;
	float: left;
	border: 0;
}

.header-fixed>tbody>tr>td:first-child, .header-fixed>tbody>tr>td:nth-child(2)
	{
	padding-top: 22px;
	font-weight: bold;
}

.header-fixed>tbody>tr>td:nth-child(10), .header-fixed>tbody>tr>td:nth-child(11)
	{
	padding-top: 13px;
}

.header-fixed>thead>tr>th {
	margin-left: -1.5px;
	height: 40px;
}

.header-fixed>thead>tr {
	border-bottom: 1px solid #ddd;
}

div.noResult, tr.noResult td {
	width: 100% !important;
	padding: 0px 0px 12px !important;
}

div.noResult p {
	display: inline;
}

div.noResult:before, tr.noResult td:before {
	content: "\e086";
	font-family: 'Glyphicons Halflings';
	margin-right: 7px;
	font-size: 23px;
	color: #FFB900;
	top: 6px;
	position: relative;
}

.courseFilter div.col-md-6 input[type="checkbox"] {
	top: 0;
	margin-left: -17px;
}

div.modal_selectCourse .header-fixed input[type="checkbox"] {
	margin-right: 5px;
	top: 0;
}

.header-fixed tbody th {
	background-color: #2ea879;
}

.header-fixed tbody tr:nth-child(2n-1) {
	background-color: #f5f5f5;
	transition: all .125s ease-in-out;
}

.header-fixed tbody tr:hover {
	background-color: rgba(129, 208, 177, .3);
}

.courseFilter {
	padding-top: 5px !important;
	background-color: #31bc86;
	color: #fff;
	font-weight: 700;
	border-radius: 4px 4px 0px 0;
	height: 50px;
}

.courseFilter select {
	width: auto;
	display: inline;
	padding: 0px 14px;
	height: 28px;
}

.courseFilter div:last-child {
	top: 5px;
}

div.modal_selectCourse div.modal-body {
	padding: 20px 20px 15px;
}

.tooltip {
	position: absolute;
	top: -29px;
	display: block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	z-index: 5;
	background-color: #000;
	color: #fff;
	padding: 7px 8px;
	border-radius: 4px;
	text-shadow: 0 0 0;
	opacity: 1;
}

.tooltip:after {
	content: "\e252";
	font-family: 'Glyphicons Halflings';
	color: #000000;
	width: 5px;
	height: 5px;
	background: transparent;
	position: absolute;
	bottom: 1px;
	left: 50%;
	margin-left: -6px;
}

.staff input[type="checkbox"] {
	top: 0;
}

div.staff div.panel-body div.col-md-3 {
	padding-left: 2px;
}

.fileList span {
	display: inline-block;
	font-size: 13px;
}


.fileList i {
	float: left;
	padding-right: 4px;
	margin-top: 3px;
	color: rgb(203, 82, 82);
    cursor: pointer;
}

div.assignedLocationList {
	max-height: 88px;
	overflow-y: auto;
	display: block;
	padding: 10px;
}

div.input-group.assignedLocations label {
	font-weight: 400;
	margin-bottom: 4px;
	vertical-align: top;
}

div.admin_location_info div.panel-footer {
	height: 55px;
	border: solid 1px #ddd;
}

div.commentHolder span {
	font-size: 12px;
	color: #337AB7;
	padding-right: 6px;
}

span.commentDate {
	float: right;
}

.btn-exam {
	color: #fff;
	background-color: #ff4400;
	border-color: #ff4400;
}

.btn-exam:hover {
	color: #fff;
	background-color: #e15624;
	border-color: #e15624;
}

.input-group .radio_group {
	display: flex;
	justify-content: space-around;
}

button.btn.editComment {
	display: none;
}

button.btn.btn-primary.editComment {
	padding: 3px 10px;
	font-size: 12px;
	background-color: #337ab7;
	border-color: #2e6da4;
	margin: 5px;
}

button.btn.btn-default.editComment {
	padding: 3px 10px;
	font-size: 12px;
	border: solid 1px #ddd;
	margin: 5px;
	letter-spacing: 0.05em;
}

table.table.admin_staff_table.comment td:first-child {
	width: 7%;
	vertical-align: top;
	font-size: 13px;
	padding-top: 16px;
	font-weight: 700;
	padding-right: 0;
}

table.table.admin_staff_table.comment td:nth-child(2) {
	width: 90%;
	padding: 15px;
}

table.table.admin_staff_table.comment td:last-child {
	padding: 15px 15px 15px 0px;
}

.formRadioCheckbox {
	display: table-cell;
	border: solid 1px #ccc;
	border-radius: 0px 4px 4px 0px;
	padding-left: 2em;
	padding-top: 0px;
}

.input-group-table {
	display: table-cell;
	border: solid 1px #ccc;
	border-radius: 0px 4px 4px 0px;
	padding: 1em;
	padding-bottom: 0;
	overflow: auto;
	max-width: 100px;
}

div.uploadDoc div.formRadioCheckbox {
	padding: 6px 12px;
}

div.uploadDoc div.formRadioCheckbox button {
	padding: 2px 8px;
	margin-top: 10px;
	border-radius: 2px;
	font-size: 13px;
	background-color: #eee;
}

.skillCategories {
	padding: 10px 0px;
	max-height: 150px;
	overflow: auto;
	display: block !important;
}

.skillCategories.formRadioCheckbox label {
	margin-left: 40px;
	width: 180px;
	margin-bottom: 5px;
}

div.skillCategories input[type="number"] {
	margin: 6px 0;
	-moz-appearance: textfield;
}

.large {
	width: 100%;
}

div.panel.panel-default.payRate {
	margin-bottom: 2em;
}

div.panel.panel-default.adminNotes {
	margin-top: 1em;
}
.adminNotes {
	width: 96%;
	margin-left: 2%;
}

.panel.panel-default.adminNotes div.panel-heading {
	background-color: #555;
}

div.staff hr.staffHr {
	margin-top: 0;
	border: none;
	border-top: 1px #666 dotted;
}

.admin_location_info.staff input[type="checkbox"] {
	top: 0;
}

div.staff .input-group.resourceType label {
	padding: 0px 20px;
	float: left;
	margin: 5px 10px;
}

div.staffPic img {
	width: 200px;
	height: 200px;
	border: solid 7px #eee;
	border-radius: 15px;
	background-image: url("/images/user.png");
	background-size: 190px 190px;
}

div.col-md-12.staffPic {
	text-align: center;
	margin-bottom: 1em;
}

.admin_location_info.staff div.formRadioCheckbox.gender label {
	margin-left: 0;
	padding-top: 6px;
	padding-right: 10px;
}

div.assignedLocationList {
	height: 250px;
	overflow-y: auto;
	display: block;
}

div.input-group.assignedLocations label {
	margin-left: 40px;
	font-weight: 400;
	vertical-align: top;
}

div.admin_location_info div.panel-footer {
	height: 55px;
	border: solid 1px #ddd;
}

.admin_school_info, div.admin_datatable {
	padding: 2em 2em 0;
	margin-bottom: 2em;
	background-color: #fff;
	margin-left: 2em;
	width: 96%;
	float: left;
	background: #fff;
	border: 1px solid #e4e4e4;
	box-shadow: 1px 2px 12px 0 rgba(0, 0, 0, 0.1);
}

div .admin_school_info div.panel-heading {
	background-color: #4856A7;
	border-bottom: solid #000 3px;
	color: #fff;
}

div.admin_school_info div.input-group {
	padding-bottom: 10px;
	width: 100%;
}

div.admin_school_info button.btn-success {
	background-color: #3F51B5;
	border-color: #3F51B5;
}
div.admin_school_info button.btn-success:hover {
	background: #3E4677;
	border-color: #3E4677;
}
div.admin_school_info button.btn-danger {
	border-color: #e0e0e0;
	background-color: #fff;
	color: #555;
}
div.admin_school_info button.btn-danger.infoSubmit {
	border-color: #e0e0e0;
	background-color: #fff;
	color: #555;
}
div.admin_school_info button.btn-success.infoSubmit:focus {
	background-color: #152892;
}

span.commentDate {
	float: right;
}

td.commentEdit {
	text-align: right;
}

td.commentEdit button {
	background: none;
	border: none;
	padding: 0;
}

td.commentEdit button i:hover,
.noteHolder .commentEdit button i:hover {
	color: #000;
}
.noteHolder b {
	min-width: 100px;
}

td.commentEdit i {
	cursor: pointer;
	color: #666;
	padding: 2px;
}

.noteHolder button {
	height: fit-content;
	width: fit-content;
	border: none;
	background: transparent;
}

table.table.materialTable td:last-child {
	text-align: right;
	color: rgb(203, 82, 82);
}

table.table.materialTable button {
	background-color: transparent;
	border: none;
}

table.table.admin_staff_table.comment td:last-child {
	padding: 15px 15px 15px 0px;
}

table.table.admin_staff_table.comment tbody tr:hover {
	background-color: rgba(207, 230, 220, 0.47);
}

table.admin_staff_table.comment tbody .input-group.commentHolder textarea
	{
	width: 100%;
	border: #ddd solid 1px;
	outline: transparent none 0px;
	background-color: #fff;
	resize: none;
	padding: 10px;
}

table.admin_staff_table.comment tbody .input-group.commentHolder textarea[readonly='readonly'],
.noteHolder textarea
	{
	width: 100%;
	outline: transparent none 0px;
	background-color: transparent;
	border: none;
	resize: none;
	padding: 0;
}
table.admin_staff_table.comment tbody .input-group.commentHolder textarea[readonly='readonly']:focus,
.noteHolder textarea:focus{
	border: 1px solid #0000004f;
}

.formRadioCheckbox {
	display: table-cell;
	border: solid 1px #ccc;
	border-radius: 0px 4px 4px 0px;
}

input.form-control.upload {
	padding-top: 0;
}

div.files input[type=file] {
	display: inline-block;
}

div.uploadDoc div.formRadioCheckbox, div.uploadPic div.formRadioCheckbox
	{
	padding: 6px 12px;
}

div.uploadDoc div.formRadioCheckbox button, div.uploadPic div.formRadioCheckbox button,
	div.multiUpload button, div.multiUpload+button {
	padding: 1px 8px 2px;
	margin: 1px 0px 3px !important;
	border-radius: 2px;
	font-size: 13px;
	background-color: #eee;
	border-color: #999;
}

div.multiUpload {
	margin-bottom: 1em;
}

div.uploadDoc input.upload, div.uploadPic input.upload {
	padding: 4px 0;
	display: inline-block;
}

table#admin_competency_list tr.group td, 
table#admin_status_list tr.group td
{
	background-color: rgba(133, 171, 201, 0.76);
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 15px;
}

.fade.modal_competencies .modal-body, .fade.modal_courseMaterial .modal-body
	{
	max-height: 400px;
	overflow: auto;
}

.files {
	min-width: 310px;
}

.competencies table.admin_staff_table td:nth-child(2) {
	width: 1%;
}

.competencies table.admin_staff_table td:nth-child(2) input {
	padding: 0;
	text-align: center;
	-moz-appearance: textfield;
}

button.addrow, button.addrow:hover, button.addrow:focus {
	background-color: #4856A7 !important;
	border: solid 1px #4856A7 !important;
	color: #fff;
	margin-top: 1px;
}

.large {
	width: 100%;
}

div.schedRules table td:first-child {
	width: 50%;
}

.text-capitalize {
	text-transform: capitalize;
}

.status-success {
	padding: 5px;
    background: rgb(172 207 194);
    border-radius: 5px;
}

.status-failed {
	padding: 5px;
    background: rgb(207 172 172);
    border-radius: 5px;
}

.text-blink {
	animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
	0% {
		color: red;
	}
	100% {
		color: orange;
	}
}
div.schedRules table th {
	text-transform: uppercase;
	vertical-align: middle;
	text-align: center;
	background: #D7E1F0;
}

div.schedRules table td {
	vertical-align: middle;
	width: 12.5%;
	padding: 5px 15px;
}

div.schedRules .schedule_time_rules table td:not(:first-child) {
	width: 9.5%;
}

div.schedRules input[type='text'] {
	text-align: right;
}

/*Admin-Student-Form*/
div.modal_formReview div.modal-header h4 {
	display: inline;
}

div.reviewFormFile {
    max-height: 500px;
    overflow: auto;
	text-align: center;
	border: solid 10px #eee;
	border-radius: 10px;
}

.reviewFormFile img {
    max-width: 1060px;
}

div.reviewFormStatus {
	text-align: center;
}

div.reviewFormStatus div {
    margin: 0 auto;
    width: 98%;
}

div.reviewFormStatus div span.input-group-addon {
    border-right: none;
    font-weight: 700;
    color: #333;
}

div.reviewFormStatus label {
    background-color: #c9302c;
    text-shadow: 2px 2px 0px #000;
}

div.reviewFormStatus label.selected {
	background-color: #A42D2A;
    text-decoration: underline;
}

div.reviewFormStatus label.selected:first-child {
    background-color: #3D5A3D;
}

div.reviewFormStatus label:first-child {
	background-color: #5cb85c;
}


div.reviewFormStatus label input {
    visibility: hidden;
}

div.reviewFormStatus label {
	padding: .5em;
	border-radius: 4px;
	margin: 20px 0 !important;
	font-size: 1.5em;
	width: 49%;
	text-align: center;
	color: #fff;
}

/*Admin - Vehicle*/
#vehicleForm select[disabled] {
    background-color: #eee !important;
}

div.vehicle span.fsRequiredMarker {
	display: none;
}

div.vehicle div.vehicleInfo div.date span:last-child {
	display: none;
}

div.vehicle div.vehicleInfo input[disabled] {
	cursor: text;
}

div.vehicle div.vehicleInfo select[disabled] {
	cursor: context-menu;
}

/*Super Admin - Vehicle*/
div.vehicleAssignment tbody tr.disabled .date.input-group.form_date:after
	{
	content: '';
	width: 240px;
	background: transparent;
	height: 34px;
	position: absolute;
	left: 0;
	/* z-index: 9999; */
}

div.vehicleAssignment td.vehicleAssignEdit {
	text-align: center;
}

div.vehicleAssignment tbody td.vehicleAssignEdit button {
    padding: 4px 8px;
    margin-top: 2px;
    border-radius: 50%;
}

div.vehicleAssignment table {
	margin-bottom: 0;
}

div.vehicleAssignment table tr select[disabled] {
	border: transparent;
	box-shadow: none;
	background: none !important;
	cursor: initial;
}

div.vehicleAssignment table tr.disabled span.input-group-addon {
	display: none;
}

div.vehicleAssignment table tr.disabled input {
	border: none;
	background: #fff;
	box-shadow: none;
}

}
@media ( max-width : 445px) {
	ul.nav.navbar-nav.navbar-right {
		position: initial !important;
		line-height: 35px !important;
	}
	.container-fluid>.navbar-header {
		padding-right: 15px;
	}
	.container-fluid>div:last-child {
		display: inline-block;
		float: right;
		margin-top: -20px;
	}
}

@media ( max-width : 768px) {
	.container-fluid>div:last-child {
		display: inline-block;
		float: right;
	}
	div.assignedLocationList {
		max-height: 200px;
	}
	ul.nav-tabs>li>a {
		border-bottom: 0;
		margin: 0;
		color: #535353;
		padding: 10px 20px;
		margin-bottom: 0;
		font-weight: 700;
		text-transform: uppercase;
		border-radius: 0;
		border: none;
		font-size: 13px;
		padding: 10px 10px;
	}
	table.table.admin_location_table {
		width: 740px;
	}
	form#locationForm div.input-group.timepick {
		overflow: auto;
		display: block;
	}
}

@media (max-width: 700px) {
	.grid-container {
		display: grid;
		grid-template-rows: auto;
		grid-template-columns: none;
		gap: 10px;
		align-items: center;
	}

	.addFilterRow,
	.addFilterRow-2
	{
		display: block;
		margin: auto;
	}

	.filter_options_box {
		display: grid;
        grid-template-rows: auto;
		grid-template-columns: none;
        align-items: center;
        gap: 10px;
	}

	.filter_options_box div.input-group {
		width: 100%;
	}
	.filter_options_box div.input-group select {
		width: 100%;
	}

	.filter_options_box .column_value_container .form_date {
		min-width: 40%;
	}
}

/* Create a two-column layout */
.n-column {
	width: 100%;
	float: left;
	box-sizing: border-box;
	margin-top: 10px;
	margin-left: 5px;
  }
  
  /* Clear the float to prevent container collapse */
  .n-clearfix::after {
	content: "";
	display: table;
	clear: both;
  }
  

@media ( max-width : 992px) {
	.datatable_select {
		margin-top: 0px !important;
	}
	.modal-body div.admin_datatable {
		max-width: 90%;
	}
	div.wrapConsole, div.studentProfile {
		float: none;
	}
	span.emptyErr {
		margin-left: 75px;
	}
	form#gencourseForm div.panel-body div.col-md-2 {
		padding: 0 20px !important;
	}
	div.schedRules table td:first-child {
		width: 10%;
	}
}

@media ( max-width : 1150px) {
	.datatable_select {
		margin: 0;
		margin-top: 40px;
		position: static;
		float: none;
		padding: 10px;
		border: dotted 1px #999;
		margin-bottom: 10px;
		border-radius: 4px;
		background-color: rgba(223, 234, 243, 0.5);
	}
	.datatable_select select {
		margin: 2px 0;
	}
}

@media ( min-width : 600px) {
	div.input-group.assignedLocations label {
		font-weight: 400;
		width: 200px;
		vertical-align: top;
	}
}

@media ( min-width : 992px) {
	#admin_content {
		float: right;
	}
	.modal-lg {
		width: 1200px;
	}
	div.sidebar {
		top: 0px;
		left: 0px;
		bottom: -5px;
		position: absolute;
		background-color: #303641;
		padding: 1em 0;
		font-size: 13px;
	}
	.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter
		{
		margin-top: 10px;
	}
	.n-column {
		width: 48%;
	}
}


/* Css for Grapes Js UI */
    .grapesjs ::selection {
      background: #4856A7;
      color: white;
    }

    .grapesjs .gjs-pn-panel
   {
        background-color: white !important;
        color: black !important;
        font-size: 12px;
    }

    .grapesjs .gjs-pn-views-container,
    .grapesjs .gjs-pn-views
     {
        width: 18% !important;

    }

    .gjs-pn-options{
        right: 25% !important;
    }
     .grapesjs .gjs-block-category,
     {
        background-color: white !important;
        color: black !important;
        font-size: 12px;
    }

   .grapesjs .gjs-clm-label {
        font-size: 12px !important;
   }
  .grapesjs .gjs-pn-buttons .gjs-pn-btn
   {
    color: black;
    font-size: 14px !important;
  }

  .grapesjs .gjs-block-label,
  .grapesjs .gjs-block__media
   {
    color: black;
    font-size: 10px !important;
  }

  .grapesjs .gjs-block {
    background-color: white;
    border: 1px solid black;
  }

  .grapesjs .gjs-block:hover{
    background-color: #a3abd6;
    color #fff;
  }

 .grapesjs .gjs-block:hover .gjs-block-label,
 .grapesjs .gjs-block:hover .gjs-block__media
 {
    color: black;
 }

  .grapesjs .gjs-cv-canvas {
    background-color: #f4f5ff;
    color: black;
  }

   .grapesjs .gjs-one-bg {
    background: white;
    font-size: 12px !important;
   }

    .grapesjs .gjs-sm-properties {
    font-size: 9px !important;
   }

   .grapesjs .gjs-one-bg input,
   .grapesjs .gjs-one-bg select
   {
        color: black;
   }

   .grapesjs .gjs-two-color {
        color: black !important;
   }

    .grapesjs .gjs-clm-tags #gjs-clm-new {
        color: black;
        background: white;
    }


@media ( min-width : 1600px) {
	.large {
		width: 50%;
	}
}

@media ( min-width : 1400px) {
	.n-column {
		width: 32%;
	}
}

@media ( min-width : 1800px) {
	div.alertBox div.icon, div.successBox div.icon {
		padding-left: 5em;
	}
}


@media(max-width:900px){
	#checkout-form .input-group{
		display:flex;
		flex-direction:column;
		gap:5px;
	}
	#checkout-form .input-group-addon{
		display:block;
		width:100%;
		border-radius:5px;
        text-align:start
	}
}

@media(max-width:600px){
	#schoolForm .input-group,.schoolInfo .input-group{
		display:flex;
		flex-direction:column;
		gap:5px;
	}
	#schoolForm .input-group-addon,.schoolInfo .input-group-addon{
		display:block;
		width:100%;
		border-radius:5px;
        text-align:start
	}
}


#checkout-review-form div.dataTables_wrapper {
		/* position: relative;
		clear: both; */
		max-width: 100%;
        display: grid;
		overflow: auto;
		gap: 5px;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto 1fr auto;
	}
	
	#checkout-review-form .dataTables_wrapper .review_form_datatable_select {
		grid-row-start: 1;
		grid-row-end: 2;
		grid-column-start: 2;
		grid-column-end: 3;
		margin-top: 10px;
		min-width: 100px;
		max-width: 200px;
	}


	#checkout-review-form .dataTables_wrapper #vehicle_form_list_length{
		grid-row-start: 1;
		grid-row-end: 2;
		grid-column-start: 1;
		grid-column-end: 2;
	}

	#checkout-review-form .dataTables_wrapper #vehicle_form_list_filter{
		grid-row-start: 1;
		grid-row-end: 2;
		grid-column-start: 3;
		grid-column-end: 4;
		display: flex;
	}

	#checkout-review-form .dataTables_wrapper #vehicle_form_list{
		grid-row-start:2;
		grid-row-end: 3;
		grid-column-start: 1;
		grid-column-end: 4;
	}

	#checkout-review-form .dataTables_wrapper #vehicle_form_list_info{
		grid-row-start: 3;
		grid-row-end: 4;
		grid-column-start: 1;
		grid-column-end: 2;
	}

	#checkout-review-form .dataTables_wrapper #vehicle_form_list_paginate{
		grid-row-start: 3;
		grid-row-end: 4;
		grid-column-start: 3;
		grid-column-end: 4;
	}


		#vehicle_logs div.dataTables_wrapper {
			max-width: 100%;
			display: grid;
			overflow: auto;
			gap: 5px;
			grid-template-columns: repeat(4, 1fr);
			grid-template-rows: auto 1fr auto;
		}
	
	
		#vehicle_logs .dataTables_wrapper #log_by_vehicle_list_length,
		#vehicle_logs .dataTables_wrapper #log_by_staff_list_length {
			grid-row-start: 1;
			grid-row-end: 2;
			grid-column-start: 1;
			grid-column-end: 2;
		}
	
		#vehicle_logs .dataTables_wrapper #log_by_vehicle_list_filter,
		#vehicle_logs .dataTables_wrapper #log_by_staff_list_filter {
			grid-row-start: 1;
			grid-row-end: 2;
			grid-column-start: 4;
			grid-column-end: 5;
			display: flex;
		}
	
		#vehicle_logs .dataTables_wrapper #log_by_vehicle_list,
		#vehicle_logs .dataTables_wrapper #log_by_staff_list {
			grid-row-start: 2;
			grid-row-end: 3;
			grid-column-start: 1;
			grid-column-end: 5;
		}
	
		#vehicle_logs .dataTables_wrapper #log_by_vehicle_list_info,
		#vehicle_logs .dataTables_wrapper #log_by_staff_list_info {
			grid-row-start: 3;
			grid-row-end: 4;
			grid-column-start: 1;
			grid-column-end: 2;
		}
	
		#vehicle_logs .dataTables_wrapper #log_by_vehicle_list_paginate,
		#vehicle_logs .dataTables_wrapper #log_by_staff_list_paginate {
			grid-row-start: 3;
			grid-row-end: 4;
			grid-column-start: 3;
			grid-column-end: 5;
		}


/*Staff's Todo Css*/

.staffs-todo div.dataTables_wrapper {
    max-width: 100%;
    display:grid;
    overflow: auto;
    gap: 5px;
    grid-template-columns: 200px repeat(1, 4fr) repeat(1, 1fr) 225px;
    grid-template-rows: auto 1fr auto auto;
}


.staffs-todo .dataTables_wrapper #todo-list_length{
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
	margin-top: 10px;
}

.staffs-todo .dataTables_wrapper .start-date{
        grid-row-start: 1;
        grid-row-end: 2;
        grid-column-start: 2;
        grid-column-end: 3;
        justify-self:end;
    }

.staffs-todo .dataTables_wrapper .end-date{
        grid-row-start: 1;
        grid-row-end: 2;
        grid-column-start: 3;
        grid-column-end: 4;
        justify-self:end;
    }


    .staffs-todo .dataTables_wrapper #todo-list_filter{
        grid-row-start: 1;
        grid-row-end: 2;
        grid-column-start:4;
        grid-column-end: 5;
        justify-self:end;
		margin-top: 10px;
    }

.staffs-todo .dataTables_wrapper .staff-filter{
        grid-row-start: 2;
        grid-row-end: 3;
        grid-column-start: 4;
        grid-column-end: 5;
        justify-self:end;
    }

.staffs-todo .dataTables_wrapper .status-filter{
        grid-row-start: 2;
        grid-row-end: 3;
        grid-column-start: 2;
        grid-column-end: 3;
        justify-self:end;
    }
.staffs-todo .dataTables_wrapper .completed-filter{
        grid-row-start: 2;
        grid-row-end: 3;
        grid-column-start: 3;
        grid-column-end: 4;
        justify-self:end;
    }

    .staffs-todo .dataTables_wrapper #todo-list{
        grid-row-start:3;
        grid-row-end: 4;
        grid-column-start: 1;
        grid-column-end: 5;
    }

    .staffs-todo .dataTables_wrapper #todo-list_info{
        grid-row-start: 4;
        grid-row-end: 5;
        grid-column-start: 1;
        grid-column-end: 2;
    }

    .staffs-todo .dataTables_wrapper #todo-list_paginate{
        grid-row-start: 4;
        grid-row-end: 5;
        grid-column-start: 4;
        grid-column-end: 5;
    }

		#admin_messaging_template_list td,
		#admin_messaging_template_list th {
			text-align: left !important;
			padding: 8px 10px;
		}



/* File upload css */
.file_upload_modal {
    /* .image-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, 200px);
      grid-auto-rows: 200px;
      gap: 30px;

      img {
        width: 100%;
        height: 100%;
      }
    } */


	   @media(min-width:0px) {
			.image-container {
				display: grid;
				grid-template-columns: repeat(1, 250px);
				grid-auto-rows: 250px;
				gap: 20px;
	
				img {
					width: 100%;
					height: 100%;
				}
			}
		}
		@media(min-width:512px) {
			.image-container {
				display: grid;
				grid-template-columns: repeat(2, 200px);
				grid-auto-rows: 200px;
				gap: 30px;
	
				img {
					width: 100%;
					height: 100%;
				}
			}
		}

		@media(min-width:992px) {
			.image-container {
				display: grid;
				grid-template-columns: repeat(4, 250px);
				grid-auto-rows: 250px;
				gap: 30px;
	
				img {
					width: 100%;
					height: 100%;
				}
			}
		}

    

    .img-card {
      border-radius: 10px;
      overflow: hidden;
      position: relative;
      width: 95%;
    }

		.img-card.dragging {
			opacity: 0.4;
			border: 2px dashed #666;
		}

    .action-btn-container {
        position: absolute;
        top: -38px;
        right: 0;
        transition: 0.5s ease;

        /* background: #ffffffa3; */
        background: #f3f3f382;
        border-radius:3px;
        width: 100%;
        display: flex;
        justify-content: center;

        button {
            color: #4856A7;
            background-color: transparent;
            border-style: none;
            outline: none;
        }
        backdrop-filter: blur(10px);
    }

    .img-card:hover {
      .action-btn-container {
        top: -0px;
      }
    }
}

    .action-btn-container {
        position: absolute;
        top: -38px;
        right: 0;
        transition: 0.5s ease;

        /* background: #ffffffa3; */
        /* background: #f3f3f382; */
        background: #ffffffc2;
        border-radius:3px;
        width: 100%;
        display: flex;
        justify-content: center;

        button {
            color: #4856A7;
            background-color: transparent;
            border-style: none;
            outline: none;
        }
        backdrop-filter: blur(10px);
    }

	.upload-btn,
    .capture-btn {
      border: 5px dashed #4856A7;
      display: flex;
      background-color: #f9f9f9;
      justify-content: center;
      align-items: center;
      color: #4856A7;
      border-radius: 10px;
      cursor: pointer;

      strong {
        display: flex;
        align-items: center;
        gap: 10px;

        i {
          font-size: 30px;
        }

        span {
          font-size: 14px;
        }
      }
    }


    .filter-container {
	display: flex;
	gap: 5px;
	width: 100%;
	margin-bottom: 20px;
	padding: 7px;
	flex-wrap: nowrap;
}

.filter-container>* {
	flex-basis: 25%;
}

@media (max-width: 600px) {
	.filter-container {
		flex-wrap: wrap;
	}

	.filter-container>* {
		flex-basis: 225px;
	}
}

@media (min-width: 1200px) {
	.filter-container {
            display: flex;
            justify-content: center;
			gap: 1px;
            margin-bottom: 20px;
            width: auto;
            padding: 0px 10px;
            flex-wrap: nowrap;
	}

	#student_pending_exams_list_filter input{
		width: 100px;
	}
}


.dataTables_scrollBody{
	height: auto !important;
}