/* Rendel�s megjelen�to t�bl�zatok st�lusa */


.btn150px{
	width:150px;
}

.btn200px{
	width:200px;
}

.multiselect{
	text-align: left!important;	
	color: #1c94c4!important;
	font-weight: bold!important;
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	background-color: #fff!important;	
	width: 100%;
	border: 1px solid rgba(28,110,164,0.33)!important;
	-webkit-box-shadow: inset 0px 0px 9px -1px #4C9BCC!important; 
	box-shadow: inset 0px 0px 9px -1px #4C9BCC!important;
    font-size: 1em;
	line-height: 1.2 !important;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 8px;
}
	

p {
    margin-bottom: 0!important;
}

.select2-selection--single{
	border: 1px solid rgba(28,110,164,0.33)!important;
	-webkit-box-shadow: inset 0px 0px 9px -1px #4c9bcc!important;
	background-clip: padding-box!important;
	font-weight: bold;
}

.select2-container--default{
    width:-webkit-fill-available!important;
}

.select2-selection__rendered{
    color: #1c94c4!important;
}

.select2-results__option--highlighted{
    height: 1.8em!important;
}
	
.header-inverse-border th{
	border: 1px solid #ffffff!important;
}

.alert-custom-empty {
	position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid #000000;
    border-radius: .25rem;
}

.popover-header {
	color: black;
}

@media print {    
	.no-print, .no-print *{
	    display: none !important;
	}
	
	button {
	    display: none !important;
	}
	  
	input,textarea {
	    border: none !important;
	    box-shadow: none !important;
	    outline: none !important;
	}
	  
	.yellow-div{
	 	background-color: yellow !important;
	 }
	 
	 .pagebreak {
        clear: both;
        page-break-after: always;
    }
}
	 
.btn-hover-css:hover{
	background-color: black !important;
	color: white !important;
}

/*  táblázat fix fejléccel, gördíthető body-val */
 .tableFixHead {
    /*    overflow-y: auto;*/
/*         height: 106px; */
		width: -webkit-fill-available;
      }
 .tableFixHead thead th {
        position: sticky;
        top: 0;
        border-top: 0 !important;
        border-bottom: 0 !important;
      }


.tableMultiLineFixHead {
	position: relative;
  	overflow-y: auto;
}
/*tableMultiLineFixHeadline*/
table thead tr th {
    position: sticky;
    top: 0;
    border-top: 0 !important;
    border-bottom: 0 !important;
}


/*************************************************/      
      

.noresp-container{
	width: 1140px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.table td {
	vertical-align: middle!important;
}	

.tablecell{
	padding-top: 0px; 
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}

.quartercell{
	float: left;
	width: 25%;
	padding-top: 0px; 
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 5%;
	}	


.quartercell:hover {
	border-inline-color: yellow;
	border-inline-width: thin;
	border-inline-style: solid;
}

.verticalquartercell:hover {
	border-inline-color: yellow;
	border-inline-width: thin;
	border-inline-style: solid;
}

.verticaltable{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;	
}
.verticaltable-body{
	display: flex;
	width: 800px;
	position: relative;
	align-items: stretch;
}

.verticaltable-tr {
/*   flex-basis: calc(100% / #{$columns}); */
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.verticaltable-th, .verticaltable-td {
/* 	width: -webkit-fill-available; */
  flex-basis: 100%;
  text-align: left;
  display: flex;
  padding: 2px;
}


.vtd{
	transform: rotate(90deg);
}

.vhtd{
	transform: rotate(-90deg);
}
.vtr{
	line-height:0;
}

.res-table-ref{
	display: block;
    -webkit-transform: rotate(90deg); 
       -moz-transform: rotate(90deg); 
        -ms-transform: rotate(90deg); 
         -o-transform: rotate(90deg); 
            transform: rotate(90deg);	
}

.table-legend-label{
	font-size: .8em;
}


.form-font-size{
	font-size: x-large;	
}

.gb-html {
	clear: none;
}

.gb-body {
	background-color: rgb(255, 255, 255);
	line-height: normal;
}

.thead-vertical-middle{
	vertical-align: middle !important;
}


.table thead th {
    vertical-align: middle;
}

.table-fixed-layout{
	table-layout: fixed;
/* 	width: 1370px; */
/* 	width: 100%; */
/* 	display: block; */
/* 	overflow-x:scroll; */
}


.table-text-small{
	font-size: .8em;
}

.tablecontainer{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.tablecontainer-eighty{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.tablecontainer-seventy{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.tablecontainer-container-size{
	margin-left: auto;
	margin-right: auto;
	max-width: 1140px;
}

.tablecontainer-semi-wide{
	margin-left: auto;
	margin-right: auto;
	width: 1340px;
}

.tablecontainer-wide{
	margin-left: auto;
	margin-right: auto;
	width: 1740px;
}

.border-dark-left{
	border-left:1px solid;
}

/* Admin t�bl�zatok st�lusa */
.table-dynamic-width{
	width: auto !important;
    table-layout: auto !important;
}

.adminqueryheader{
	background-color: rgb(158,181,214) !important;
	text-align: center;
	padding: .25rem; 
	vertical-align: middle !important;
}

.adminqueryheader-invers{
	background-color: #020202 !important;
	color: #FFFFFF !important;
	text-align: center;
	padding: .25rem; 
	vertical-align: middle !important;
	font-size: .80rem;
}

.resp-bs-tbl-td{
	font-size: .5em;
} 

.non-bs-table-header{
	background-color: #9eb5d6 !important;
	color: #000000;
	vertical-align: middle !important;
	text-align: center;
	font-size: .6em;
}

.header-mini{
	width: 2%;	
}

.border-shadowed{
	-webkit-box-shadow: 0px 0px 11px 0px #000000; 
	box-shadow: 0px 0px 11px 0px #000000;
}

.border-3px{
	border: 3px solid !important;
}

.border-2px{
	border: 2px solid !important;
}

.row-colored{
	background-color: #ccdde6;
}

.td-like-input{
	border: none;
}


.reserve-table-div {
	margin-top: 30px;
	overflow-x:auto;
}

.reserve-table-div-noborder {
	margin-top: 30px;
	overflow-x:auto;
}

.mini-headline{
	line-height: 0.3;
}

.table-striped{
	margin-top: 1rem;	
}

.table .thead .th{
	vertical-align: middle; 
}

.tr{
	vertical-align: middle; 
}

.sum-div{
	margin-top: .5rem;
	margin-bottom: .2rem;
}

.sum-text{
	font-size: .7rem;
	font-weight: 700;
	margin-top: .5rem;
	margin-bottom: .5rem;
} 

.custom-dropdown-list{
	font-size: .80rem;	
}

.gb-table {
	width: 100%;			/* hogy kit�ltse a rendelkez�sre �ll� helyet �s flexbilis legyen*/
	color: rgb(3, 3, 3);
	opacity: 1;
	padding-bottom: 0px;
	margin-top: 15px;
	margin-bottom: 14px;
	margin-left: 5px;
	margin-right: 5px;
	clear: none;
	border: 2px solid rgb(14,10,10);
/* 	box-shadow: rgb(14, 10, 10) 0px 4px 15px; */
	box-shadow: rgb(14, 10, 10) 1px 1px 5px;
	background-color: #c0c0c0241289;
	table-layout: fixed;
	border: 3px solid #dee2e6;
}

.gb-table-bordered td,  .gb-table-bordered th{
	border: 3px solid #dee2e6;
}

.gb-table-heading {
	background-color: rgb(245, 244, 230);
	color: rgb(0,0,0);
}

.gb-table-column {
	border: none;
	border-radius: 3px;
}

.gb-planeidheader {
	background-color: #e7e720;
	vertical-align: middle;
}

.gb-hours {
	background-color: rgb(243, 243, 229);
}


.gb-planeid {
	background-color: rgb(243, 243, 229);
	text-align: left;
	text-shadow: none;
	font-weight: 700;
	padding-top: 0!important;
  	padding-bottom: 0!important;
  	vertical-align: middle!important;
  	white-space: nowrap;
  	overflow: hidden;
}	


.gb-img-fluid {
	margin-right: 0px;
	margin-left: -6px;
	padding-left: 0px;
	left: -5px;
}

.noborder-table-element{
	border: hidden!important;
/* 	height:1%; */
/* 	display:inital; */
}

.user-navbar-ref{
/* 	padding-top: 16px!important; */
/*   	padding-bottom: 10px!important;	 */
height:48px;
}

.formtitle{
	margin: .3em;
}

.combobox-syle-input {
	color: #1c94c4!important;
	font-weight: bold!important;
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	background-color: #fff!important;	
	width: 100%;
	border: 1px solid rgba(28,110,164,0.33)!important;
	-webkit-box-shadow: inset 0px 0px 9px -1px #4C9BCC!important; 
	box-shadow: inset 0px 0px 9px -1px #4C9BCC!important;
    font-size: 1em;
	line-height: 1.2 !important;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 8px;
}  

 select.form-control:not([size]):not([multiple]) {
/*      height: calc(1.8em + 2px)!important;  */
     height: calc(1.8em)!important; 
     padding-top: 0px!important;
} 

input.combobox-syle-input[type="date"], input.combobox-syle-input[type="datetime-local"]{
	padding-top: 1px;
    padding-bottom: 2px;
}


.form-control-border {
	border: 1px solid rgba(28,110,164,0.33);
	-webkit-box-shadow: inset 0px 0px 9px -1px #4C9BCC; 
	box-shadow: inset 0px 0px 9px -1px #4C9BCC;
}

.form-input{
	width: 13%;
	float: left;
	marging-right: 5px;
}

.form-input-mini{
	width: 45%;
	float: left;
}

.form-input-thirty{
	width: 30%;
	float: left;
}

.form-input-quarter{
	width: 25%;
	padding-right: 0;
	float: left;
}

.form-input-threequarter{
	width: 75%;
	float: left;
}

.form-input-midi{
	width: 80%;
	float: left;
}


.form-control{
	line-height: 1.3 !important;
	padding-top: 3px;
	padding-bottom: 3px;
}

.form-input-label{
	font-size: 0.75em;
	font-weight: 700;
	margin: 0px;
    align-items: center;
	}

.form-input-label-middlesize{
	font-size: 1em;
	font-weight: 700;
	margin: 0px;
	}


.input-button{
	margin: 10px;
	margin-right: 10px;
}

.excel-export{
	float: right;
	padding: 2px;
}

.cellimg{
	width: 100%;
	height: 30px;
}

	
.cellimg-vertical{
	width: -webkit-fill-available;
	display:block;
}



.fittin-col
{
    width: fit-content;
/*     white-space: nowrap; */
}

.adminquerycell{
	text-align: center;
	vertical-align: middle !important;
	text-height: auto;
	font-size: .75em;
	font-color: rgb(31, 29, 9);
}

.input-field {
	float: left;
}

.small{
	margin: 10px;
}

.bordered-row{
/* 	border-style: groove; */
	border-top-style: ridge;
    border-right-style: ridge;
	border-bottom-style: groove;
    border-left-style: groove;
/* 	border: 1px solid rgb(31, 29, 9); */
	border-width: 2px;
	border-radius: 5px;
}

.invisible-button{
	border: 0;
	background: 0;
}

.text-divider{
	line-height: 0; 
	text-align: center;
	content: " "; 
	display: block; 
	border-top: 1px solid #808080; 
	border-bottom: 1px solid #f7f7f7;
    margin-top: 16px;
    margin-bottom: 16px;
	}
	
.text-divider-simple{
	line-height: 0; 
	text-align: center;
	content: " "; 
	display: block; 
	border-top: 1px solid #808080; 
	margin-top: .5em;
	}

.text-divider-double{
	line-height: 0; 
	text-align: center;
	content: " "; 
	display: block; 
	border-top: 1px solid #808080; 
	margin-top: .5em;
	outline-style: double;
	}
		
.input-group-text{
	padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.newuser-icon {
	width: 29px;
	height: 29px;
	float: left;
}

.newuser-icon-text {
	padding: 0.15rem;
	padding-left: 0.3rem;
}

.newuser-icon-added {
	width: 90%;
	float: left;
}


.table-inline-icon{
	width: 20%;
	float: left;
}

.float-left-div{
	float: left;
}
/* szerkeszthet� leg�rd�l� men�s input mez�*/

.ui-widget {
    font-size: inherit!important;
}

 .ui-widget-content{
    list-style-type: none;	
    z-index: 1060;
}

/* ez állítja be a legördülő menüt, lekorlátozza lefelé a lista méretét és gördíthető lesz*/	
.ui-menu{ 
	position: absolute;
	max-width: 400px; 
	padding: 1px;
	-webkit-padding-start: 5px;
	min-height: 100px;
	max-height: 200px;
	overflow-y: scroll; 
	overflow-x: hidden;
	} 

/* ez lekorlátozza lefelé a lista méretét és gördíthető lesz */
/* .ui-autocomplete { 
	height: 200px;
	overflow-y: scroll; 
	overflow-x: hidden;
} */

.custom-combobox, .custom-combobox-modified{
    position: relative;
/*     display: inline-block; */
    font-size: 1em;
	line-height: 1.6!important;
  }

.ui-autocomplete-input::placeholder{
	color: #1c94c4;
}
  
.custom-combobox-toggle {
    position: absolute;
/*     height: 30px; */
/*     top: 0; */
/*     bottom: 0; */
/*     margin-left: -1px; */
  }
 
.custom-combobox-input{
    width: calc(100% - 18px); 
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 8px;
  }

.custom-combobox-fullsize {
/*     padding-left: 3px; */
/*     width: calc(100% - 18px); */
    width: -webkit-fill-available;
  } 
  
.custom-combobox-input-mini {
    width: 80%;
    text-align: middle;
  }
 
.dateinput{
	padding-bottom: 2px;
    padding-top: 2px;
}
 
.ui-datepicker-trigger {
  	width: 0;
  	height: 0;
  }
  
/* #ui-datepicker-div {
  	z-index: 10000 !important;
  } */
  
.datepick-size{
	padding: 3px !important;
    font-size: .875rem !important;
    border-radius: 4px !important;
    height: 29px;
}


.rowmarker{
	text-shadow: 0 0 black; 
}

.invalid-feedback{
	font-size: 70%;
}


.th-wide-col{
	width: 15%;
}

.th-mid-wide-col{
	width: 8%;
}

.th-mini-col{
	width: 3%;
}

.modal-extended{
	max-width: 1200px;
}

.modal-middle{
	max-width: 800px;
}

.close{
	color: #000 !important;
}

.button-custom-midi{
	width: 70%;
}

.button-custom-fullsize{
	width: 100%;
}

a.disabled {
   pointer-events: none;
   cursor: default;
}

.required:after {
  content:"*";
  color:red;
}


.tooltip-inner{
    max-width: 50% !important;
}

.tooltip {
    display: inline-block;
    position: relative;
}


/* A Modal poz�cion�l�shoz sz�ks�ges, mivel a 
	Bootstrap 4-es m�g b�te verzi�s
	https://bootstrapstudio.io/forums/topic/modal-centering-not-working/ 
*/

.modal-content {
  width:100%;
}

.modal-dialog-centered {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  min-height:calc(100% - (1.75rem * 2));
}

/* General repülési adatbeviteli form */
.fltform-gen-input{
	width:100%;
}
 

.ui-datepicker { 
	position: relative; 
	z-index: 10000 !important; 
}

.social_wrapper{}
	.social{ display: inline-block; margin: 0 0px; padding-top: 0px; list-style: none; white-space: nowrap;}
	.social li{display: inline-block; margin: 0 15px 0 0; float: left;}
	.social li a{opacity: 1; filter: alpha(opacity=100);}
	.social li a:hover{opacity: 0.7; filter: alpha(opacity=70);}



@media screen and (min-width: 1198px) {
	
	#logo_with_bar{
		display:block!important;
	}
	#logo_wo_bar{
		display:none!important;
	}
	
	.user-navbar-row{
		height:55px;
	}
	.user-navbar-line{
		height:49px;
	}
	
	.tablecontainer-eighty{
		max-width: 1400px;
	}
 	
	.tablecontainer-seventy{
		max-width: 1300px;
	} 
	
	.resp-bs-tbl-tr{
		font-size: .7em;
	} 
	.resp-bs-tbl-td{
		font-size: .8em;
	} 

	.formlabel, .gb-hours, .gb-planeidheader, .legend-label{
		font-size: 1em!important;
/* 		line-height:1.2em!important; */
		vertical-align: middle!important;
	}
	
	.gb-planeid{
		font-size: .9em!important;
		vertical-align: middle!important;	
	}
		
	tr {
		height:38px;
	}
	
	.quartercell-inner{
		min-height:38px;
	}

	.data-export-btn-div{
		display: block!important;
	}
}
  
  
@media screen and (min-width: 990px) {

		
	.reservationtable-date {
	 	margin-top: 8px;
	 	font-size: 1.6em!important;
	 }
	 
/* 	 .reservationtable-selector-div{
		flex: 0 0 66.666667%;
   		max-width: 66.666667%;
	} */
	
	 #datepicker {
	 	font-size: .8em!important;
	 	margin-top: 4px;
	 	margin-left: 2px;
	 	padding-left: 8px;
	 }
	
	.reserv-date-btn-div {
 		padding-left: 4px; 
 	 	padding-right: 1px; 
	 	display: block!important;
	}
	
	.reservationtable-date-div {
	 	display: block!important;
	 	padding-left: 0px;
	}
	
	.res-table-ref{
		font-size:.4em!important;
	}

	.formlabel, .gb-hours, .gb-planeidheader, .legend-label{
		font-size: .7em!important;
/* 		line-height:1.2em!important; */
		vertical-align: middle!important;
	}
	
	.gb-planeid{
		font-size: .7em!important;
		vertical-align: middle!important;	
	}
	
	.resp-bs-tbl-tr{
		font-size: .9em!important;
	} 
	
	.resp-bs-tbl-td{
		font-size: .8em;
	} 
		
	tr {
		height:25px!important;
	}
	
	.quartercell-inner{
		min-height:30px!important;
	}
	.infowall-header-div{
		margin-bottom: 24px!important;
		position: absolute!important;
		text-align: center!important;
	}
	
	.infowall-header{
		font-size:2.5em!important;
		margin-bottom: 24px!important;
		
	}
	
	.infowall-arrow{
		text-align: right!important;	
	}

	.infopanel-dropdown-section{
		margin-top: 24px!important;
	}
	
	.footer-navbar-toggler{
		display:none;
	}

	.data-export-btn-div{
		display: block!important;
	}
}


@media (min-width: 992px){
	
	#admin-logo-css img{
		margin-left: auto;
   		margin-right: auto;
		display: block;
	}
		
	.navbar-custom-sidebar {
    	flex-flow: wrap!important;
	}
	
	.reservationtable-date-div {
	 	display: block!important;
	 	padding-left: 0px;
	}
}
  

@media screen and (min-width: 500px) {					


	.coach-res-tbl-elem{
		font-size: 1em!important;
	}
	
	
	.reservationtable-date {
	 	margin-top: 8px;
	 	font-size: 1.6em;
	 }
 
	 #datepicker {
	 	font-size: .8em!important;
	 	margin-top: 4px;
	 	margin-left: 2px;
	 	padding-left: 8px;
	 }
	
	.reserv-date-btn-div {
 		padding-left: 4px; 
 	 	padding-right: 1px; 
	 	display: block;
	}
	
	.reservationtable-date-div {
	 	display: block!important;
	 	padding-left: 0px;
	}
		
	.formlabel, .gb-hours, .gb-planeidheader, .legend-label{
		font-size:.7em!important;
/* 		line-height:.6em!important; */
		vertical-align: middle!important;
	}

	.gb-planeid{
		font-size:.7em!important;
	}	
	
	.res-table-ref{
		font-size:.4em!important;
	}
	
	.resp-bs-tbl-tr{
		font-size: .8em!important;
	} 
	
	.resp-bs-tbl-td{
		font-size: .8em;
	} 

	.quartercell-inner{
		min-height:25px!important;
	}	
	
	.float-left{
		float: left;
	}
	
	.data-export-btn-div{
		display: block!important;
	}
}


 
@media screen and (min-width: 300px) {					

	.coach-res-tbl-elem{
		font-size: .7em;
	}
	
	.reservationtable-date {
 		font-size: 1em;
 		padding-top: .7rem;
 	}

	 #datepicker {
	 	font-size: .7em!important;
	 	margin-top: 4px;
	 	margin-left: 4px;
	 	margin-right: 4px;
	 	padding-left: 0px;
	 	padding-right: 0px;
	 }
	
	.reservationtable-date-div {
	 	display: none;
	}
	
  	.modal-dialog-centered {
    	min-height:calc(100% - (1.75rem * 2));
  	}

	.formlabel, .gb-hours, .gb-planeidheader, .gb-planeid, .legend-label{
		font-size:.4em;
/* 		line-height:.4em; */
		vertical-align: middle!important;
	}

	.resp-bs-tbl-tr{
		font-size: .6em;
	} 
	
	.nopointer{
		pointer-events: none;
	}
  
	.infowall-header-div{
		margin-bottom: 0px;
	}
	
	.infowall-header{
		font-size:1.5em;
		margin-bottom: 0px!important;
	}
	
	.infowall-arrow{
		text-align: center;	
	}

	.infopanel-dropdown-section{
		margin-top: 0px;
	}
	
	.send-res-btn-div{
		margin-bottom: 15px;
	}
	
	.data-export-btn-div{
		display: none;
	}

}


.briefset-gratis-text {
  font-size: .8rem;
}

@include media-breakpoint-up(sm) {
  .briefset-gratis-text {
    font-size: .9rem;
  }
}

@include media-breakpoint-up(md) {
  .briefset-gratis-text {
    font-size: 1rem;
  }
}

@include media-breakpoint-up(lg) {
  .briefset-gratis-text {
    font-size: 1rem;
  }
}