.navbar{
			margin-bottom: 0px;
			}
			.nav-menu{
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				color: #ffffff;
			}
			.navbar-inverse{
				z-index: 9999;
				background-color: #0277bd;
			}
			.navbar-brand{
				color: #ffffff!important;
			}
			.nav li a{
				cursor: pointer;
				color: #ffffff!important;
				font-weight: bolder;
			}
			.navbar-inverse .navbar-nav>.active>a{
				background-color: #d84315!important;
				color: #ffffff!important;
			}
			.nav li .active{
				color: #ffffff!important;
				background-color: #dc1351!important;
			}

			/* dashboard */
			.dashboard_counts .row_box{
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				align-items: center;
				justify-content: space-evenly;
			}
			.dashboard_counts .row_box .stat_content{
				cursor: pointer;
				margin: 10px;
				padding: 20px;
				background-color: aliceblue;
				box-shadow: 0px 0px 10px #0005;
			}
			.dashboard_counts .row_box .stat_content i{
				font-size: xx-large;
			}
			.dashboard_counts .row_box .stat_content .counts{
				font-weight: 600;
				font-size: xx-large;
			}
			.dashboard_counts{
				height: 90%;
				-ms-transform: translate(0%,-50%);
				transform: translate(0%,34%);
			}
			/* dashboard end */

			.table-container{
				margin-top:5px;
				margin-bottom:50px;
				 overflow:auto; 
			}
			#add_student_modal .w3-modal-content, #edit_student_modal .w3-modal-content{
				width: 50%;
			}
			.w3-teal{
				height: 45px;
			}
			.w3-teal h2, .w3-teal h3{
				font-size: 27px;
				margin-top: 3px!important;
			}
			.w3-table-all{
				/* margin:auto;
				width:auto;
				white-space:nowrap; */
			}
			.w3-table-all th{
				text-align:center;
				letter-spacing:1px;
				background-color:#d84315;
				color:white;
			}
			.w3-table-all td{
				text-align:center;
				letter-spacing:0.5px;
			}
			.w3-teal, .w3-hover-teal:hover{
				background-color: #0277bd!important;
			}

			/* New Styles */
			.table_controls{
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				justify-content: space-evenly;
				flex-flow: wrap;
			}
			/* New Styles ENd */

			.invalid_input{
				border: 1px solid red!important;
			}
		

			/**************** Menu ******************/	
			.current_page{
				background-color: #dc1351!important;
				color: #ffffff!important;
				font-weight: bolder;
			}
			#page_box{
				margin-top: 20px;
			}
			/*************** stats styles *****************/
		

			

/************************** users styles ************************/
			
			.all_info_section .table-container{
				width: 97%;
				margin: 5px;
			}
			.page_list li{
				display: inline;
			}
			.page_list .first_gap{
				margin-right: 7px;
			}
			.page_list .last_gap{
				margin-left: 7px;
			}
			.page_list li a{
				cursor: pointer;
				position: relative;
				padding: 6px 12px;
				margin-left: -1px;
				line-height: 1.42857143;
				color: #ffffff;
				text-decoration: none;
				background-color: #5d7ff5;
				border: 1px solid #0000008f;
			}
			.search_text_clear_icon{
				background-color: #ffffff;
				border-left: none;
			}
			.search_text_clear_icon i{
				cursor: pointer;
			}
			.showing_results_status{
				color: #0e3ad4;
    			font-weight: bolder;
			}
			
			
			
			.users_label{
				line-height: normal;
			}
			#user_text_remve_icon{
				display: none;
			}
			.id_sort_box, .name_sort_box, .mobile_sort_box{
				position: absolute;
			}
			
			.view_table th #id_sort_box, .view_table th #name_sort_box, .view_table th #mobile_sort_box{
				display: inline-block;
			}
			.view_table th:nth-child(2), #all_enquiries table thead tr th:nth-child(2){
				min-width: 10em;
			}
			.view_table th:nth-child(3), #all_enquiries table thead tr th:nth-child(3){
				min-width: 10em;
			}
			.search_section{
				width: 72%;
				margin-bottom: 4px;
				margin-left: 10px;
			}
			.search_section input{
				border-left: none;
			}
			#users_export_btn,#add_user_btn{
				margin-top: 6px;
				padding: 4px;
				font-size: 10px;
			}
			#date_field{
				text-align: center;
			}
			.w3-table td, .w3-table th, .w3-table-all td, .w3-table-all th {
				padding: 2px 2px;
			}
			
			.view_table th:nth-child(1), #all_enquiries table thead tr th:nth-child(1){
				min-width: 7em;
			}
			.selector_modernizer .list_box{
				margin-left: 0px!important;
			}
			/************************** users styles End ************************/


			/* Students */
			.view_table button{
				margin: 3px;
				font-size: calc(9px + (16 - 9) * ((100vw - 320px) / (1200 - 320)));
				padding: calc(4px + (6 - 4) * ((100vw - 320px) / (1200 - 320))) calc(9px + (11 - 9) * ((100vw - 320px) / (1200 - 320)));
			}
			.view_modal_content table tr td:nth-child(2){
				padding: 4px 10px;
			}
			.view_modal_content table tr td:nth-child(3){
				font-weight: 600;
			}
			.profile_primary_row{
				border-bottom: 1px dashed #0005;
			}
			.profile_primary_row table td{
				text-align: left;
				word-break: break-word;
			}
			.v_stud_photo, .v_staff_photo{
				height: 80px;
			}
			.info_tables{
				padding-top: 18px;
				padding-bottom: 18px;
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				justify-content: space-evenly;
				text-align: left;
				align-items: center;
				border-bottom: 1px dashed #0005;
			}
			.info_tables table{
				margin-top: 10px;
				margin-bottom: 10px;
				background-color: #f1f1f1;
				box-shadow: 0px 0px 10px #0005;
			}
			.info_tables table td{
				padding: 10px;
				word-break: break-word;
			}
			.info_tables table button{
				padding: 3px 12px;
				font-size: .8em;
			}
			/* Students End */

			.select_box {
				margin: 6px;
				padding: 20px;
				background-color: #a6b2bd;
				border: 2px solid #000000;
			}
			.table_section {
				padding: 5px;
				overflow: scroll;
			}

		
		
	/************* media quiries ***************/


@media (min-width: 993px){

  
    .user_sec{
        padding-top: 8px;
        padding-bottom: 3px;
    }
    .w3-table td, .w3-table th, .w3-table-all td, .w3-table-all th {
        padding: 8px 8px;
    }
    .view_table th:nth-child(2), #bookings_view thead tr th:nth-child(2), #trips_view thead tr th:nth-child(2){
        min-width: 12em;
    }
    .view_table th:nth-child(3), #all_enquiries table thead tr th:nth-child(3){
        min-width: 15em;
    }

}

@media(max-width:760px){
.dashboard_counts {
    transform: translate(0%,8%);
}
}


.search_add_box{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	padding: 10px 0px;
}
#add_staff_modal .w3-modal-content{
	width: 90%;
}