@media (max-width: 768px) {

	#btn {
		display: block;
	}


	.login, .password{
		font-size: 10pt;
		width: 112px;
	}

	#tabulation_table .tabulation_dance_name {
		max-width:70px;
	}
	#tabulation_table tbody tr td:nth-child(2) {
		max-width: 70px;
		width: 70px !important;
	}
	.tabulation_child tbody tr td:nth-child(2) {
		width: unset !important;
		max-width: unset !important;
	}
	.logoimg {
		max-height: 40px;
		margin-top: 5px;
	}
	.logo {
		text-align:center;
	}

	.col-form-label-chk {
/*	        line-height: 1.1 !important;*/
	}

	.levelName {
		font-size:9pt;	
	}
	
	.statsTable {
		display:block !important;
		font-size: 10pt;
	}
	.statsPage {
		font-size: 10pt;
	}

	table th {
		font-size: 8pt !important;
	}

	.resultsTable td:not(.innerTd) {
	        padding: 0.1rem !important;
		border-top: 0;
		border-color: #9b9b9b;
//		padding-top: 0.5rem !important;
//		padding-bottom: 0.5rem !important;
	}

}

@media (max-width: 1000px) {

	

	.secondary_caption {
		float: none;
		margin-right: 0;
		margin-left: 5px;
		margin-bottom: 10px;
	}


	.dataTable {
		font-size: 8pt !important;
	}

	.header {
		clear: both;
		width: 100%;
		height: 100%;
	}


	
	.logged_user {
		float: none;
		text-align: center
	}
	.entrance_button {
		font-size: 13pt
	}
	h1 {
		font-size: 21px;
	}
	h2 {
		font-size: 16px;
	}
	h3 {
		margin-bottom: 0px;
	}
	h4 {
		font-size: 12px;
		margin-bottom: 5px;
	}
	.welcome_block {
		max-width:unset;
		border-radius: 0px;
		height: 270px !important;
	}

	.main_caption {
		font-size:1.2rem;
		line-height: 0.8;
	}
	.blue_caption {
		font-size: 15px;
	}
	.label_general {
		font-size: 8pt !important;
		white-space:nowrap;
	}

	#solo_applicants_filter input{
		width: 68%;
		height: 30px !important;
		font-size:12px;
		display:inline-block;
	}

	.feis_select_button,
	.login_button {
		height: 38px !important;

	}
	.index_input {
		width: 60% !important;
		height: 38px !important;
		margin-right: 0px;
		font-size: 26px;
		padding-left: 30px;
	}
	.request_password_button {
		padding: 0 10px;
		height: 55px !important;
		width: 120px;
		font-size: 12px;
	}
	.menuLang {

	}
	.select_arrow {
	}
	.feisinfo_tabs .ui-tabs-nav .ui-state-default {
		width: 100%;
	}
	.logged_user_mobile {
		display: block;
		text-align: center;
	}
	.login_links {
		font-size:10pt;
	}
	.register_dancer_autocomplete {
		width: 100%;
		min-width: unset;
		border: 2px solid #78c38f;
	}
	table.dataTable tbody .details-control {
		font-size: 16px !important;
	}
	.dataTables_length select {
		height: 30px !important;
	}
	#solo_applicants_wrapper {
		margin-top: 5px;
	}
	.dataTables_filter {

		margin-top: 0 !important;
	}

	#edit_dances {
		margin: 0 auto;
	}

	.dances_selection_for_student th {
		padding: 8px 7px !important;
	}


	.championship_category {
		width: 36px;
	}
	#championship_category_wrapper {
		width: 365px;
	}


	.modal-backdrop {
		width:100% !important;
		height:100% !important;
	}

	.championships span.dtr-title {
		min-width: 55px !important;
		margin-top: 7px;
	}
	.dance_header {
		writing-mode: vertical-rl !important;
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
		font-size: xx-small;
		height: 51px;
		text-align: left;
		line-height: 1.2;
		font-weight:normal;
	}
	.dance_header_3 {
	}
	.dance_header_4 {
		height: 51px;
		line-height: 1.1
	}
	.dance_selection_head {
		min-width: unset;
	}

	.nontrad_autocomplete{
		width: 130px !important;
		font-size:8pt;
		margin-bottom: 2px;
		height: 31px !important;
		display: inline-block !important;
		border: 1px solid #d6d6d6 !important;
		padding: .25rem 0.3rem !important;
		border-radius: 0.2rem !important;

	}

	.speedselector {
		height: 31px !important;
		width: 50px !important;
		font-size: 8pt;
		padding:0;
	}
	.round_dance_select {
		margin-bottom:2px;
		width: 90px !important;
		font-size: 8pt;
		padding: 1px !important;
		height: 31px;
	}


	* {
	  box-sizing: border-box;
	}
	


	.mobile_hide {
		display: none;
	}
	#team_applications {
		font-size: 8pt;
	}
	.team_dancer  {
		margin:3px;
	}
	.team_dancer input {
		font-size: 10pt;
		width: 230px;
		height: 35px;
	}
	.mobile_vertical {
		writing-mode: vertical-rl;
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
		font-size: xx-small;
		min-height: 135px;
		text-align: center;
	}
	.dances_selection_category_name {
		margin-left: unset !important;
	}
	.add_team_list {
		padding: 5px;
	}
	.grades_applicant {
		min-width: unset !important;

	}
	#grade_applicants {
		font-size: 8pt;
	}
	.grade_selection {
		float: left;
		display: grid;
		text-align: center;
	}
	.general_button {
		color: white !important;
/*		height: 35px !important;*/
	}

	label {
		font-family: "Trebuchet MS", Helvetica, sans-serif;
		font-size: 14px;
		margin-bottom: unset !important;
	}

	.main_teacher {
		font-size: 14px;
	}
	.main_teacher img {
		background-size: 100%;
		width: 30px;
		height: 30px;
	}
	input[type=checkbox]+label span {
		width: 30px;
		height: 30px;
	}
	.syllabus_download {
		float: unset;
		margin-right: unset;
	}
	.z-dropdown-arrow {
		margin-top: unset !important;
	}
	.z-tabs-desktop {
		margin-top: 9px !important;
	}
	.feis_closed_caption {
		margin-left: unset;
		font-size: 12pt !important;
		width: 100%;

	}
	.stickyRow { 
		position:-webkit-sticky;
		position:sticky;
		top:0px;
		border-bottom: 1px solid #ddd;
		z-index: 100;
	}



	.blue_button {
		width: auto;
		height: auto;
		font-size:9pt;
/*		padding: 5px;*/
	}
	.blue_button_hover {
		width: auto;
		height: auto;
		font-size:15pt;
		border: 2px solid #009eff;
		background-color: #ffffff;
		color: #ff6b6b;
		padding: 7px;
	}
	.add_team_button {
		margin: 1px;
	}
	.infoButton {
		background: white url("/image/info.png") top center no-repeat;
		background-size: contain;
	    	cursor: pointer;
		height:30px;
		width:28px;
	}
	.popperYellow {
		background-color:#ffef4f  !important;
		color:black;
	}

	.btn-primary {

	    background-color: #009eff !important;
	    border-color: #009eff !important;
	}

	.btn-primary:hover {
	    background-color: #009eff !important;
	    border-color: #009eff !important;
	}
	
	.form-group {
		margin-bottom: 0.5rem !important;
	}

	.team_remove {
		background-image: url(/image/delete-cross.png) !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		border: 2px solid #ff6b6b !important;
		background: #ff6b6b;
		width:30px;
		height:30px;
	    	cursor: pointer;
	}
	
	.ui-menu {
		font-size: 12pt;
		width:100%;
	}
	.ui-menu-item {
//		padding: 2px 4px 2px 4px !important;
//		height: 35px;
//		line-height: 1.9;
//		font-size: 12pt;
	}
	.ui-state-focus {
/*	    background: #d0e5f5  !important;*/ 

	}
	.team_dancer_clear {
		background: white url("/image/elements/red_cross.png") top center no-repeat;
		cursor: pointer;
		max-width: 33px !important;
		height: 33px;
		background-size: contain;
	}
	.team_dancer_clear_hover {
		background: white url("/image/elements/red_cross_pressed.png") top center no-repeat;
		cursor: pointer;
		max-width: 33px !important;
		height: 33px;
	}

	.oddColumnClass {
		background-color: #f3f3f3 ;
	}

	table.dataTable tbody td {
	    padding: 2px 5px 2px 5px !important;
	    
	}
	table.dataTable tbody td:last-child {
	    line-height: 1.3;
	    
	}


	.grade_checkbox {
		margin-right:2px;margin-bottom:2px;
	}
	.edit_dances_team {
		max-width: 400px;
	}

	.additional_services_table {
		max-width: 750px !important;
		font-size: 8pt;
		width: 100%;
		border-bottom: 1px solid #8e8e8e26;
		border-spacing:unset !important;
	}


	.grades_list {
		text-align:left;
		max-width:400px;
		width:unset;
	}

	.badge { white-space: unset !important; }
	
	.ui-autocomplete {
		z-index: 2150000000;
	}


	.feis_selection_menu {
		font-size: 11pt !important;	
	}
	.select_all_button {
		height:29px !important;
	}

	.teamsEntryBlock {
		margin-top: 10px;

	}

	.level {
	    font-size: 10pt !important;
	}

	.grading_div {
	    width:85%;
	}

	.stlist_header {
/*	    writing-mode: vertical-rl;
	    -moz-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	    -o-transform: rotate(180deg);
	    transform: rotate(180deg);*/
	    font-size: xx-small !important;
	    height: 21px;
	    text-align: left;

	}

	textarea {
	    resize: none !important;
	    padding: 3px !important;
	    font-size: 10pt !important;
	    line-height: 1.2 !important;
	    height: 85px !important;
	}

	.selection span {
	   font-size: 10pt !important;
	}


}

	@supports (-webkit-touch-callout: none) {
	  /* CSS specific to iOS devices */ 
		.stickyRow { 
			position:-webkit-sticky;
			position:sticky;
			top:-26px;
			border-bottom: 1px solid #ddd;
			z-index: 100;
		}

	}

.table-group {
	height: 38px;
	font-size: 9pt;
/*	font-family: monospace;*/
/*	background-color: #98f598 !important;*/

}

.innerTd {

	padding: 0 !important;

}