/*###########################################################*/
/*Font START*/

*{
	font-family: 'KlavikaWebBasicRegular', sans-serif;
	/*font-size: 1rem !important;*/
	
}

.navbar{
	padding: 0px;
}
/*Font END*/
/*###########################################################*/

/*###########################################################*/
/* NAVIGATION START */



.top-function-nav {
    display: inline-block;
    float: right;
    margin-bottom: 0px;
}

@media only screen and (max-width: 992px) {
	.my-top-nav-mobile-margin {
    	margin-bottom: 0rem;
	}
	
}

@media only screen and (min-width: 992px) {
	.my-nav-link-padding{
		padding-left: 1rem !important;
	}

	.my-overlay-text-padding{
		padding-left: 1.8rem !important;
		font-size: 3rem;
	}
	.my-navigation-height{
	height: 80px !important;
	}
}

.my-navigation-sub-menue{
	padding-left: 45px !important;
}

.my-nav-item{
	margin-top: auto;
	margin-bottom: auto;
}

.my-login-div{
	padding-left: .8rem; 
	padding-right: .8rem; 
	font-size: .875rem; 
	border-radius: .2rem; 
	display:inline-block;
	text-transform: uppercase;
}

.my-news-update-logo-padding{
	padding-left: 0.6rem;
}



/* NAVIGATION END */
/*###########################################################*/

/*###########################################################*/
/* IMAGES START */
.my-news-update-logo{
	height:40%;
	margin-top: auto; 
	margin-bottom: auto;
}
.my-news-update-padding{
	padding-right: 0px;
}

.my-centered-img-in-col{
	display: flex;
    align-items: center;
}

.my-banner-img.my-inner-banner-img{
    min-height: 400px;
	height: calc(20vh);
}

.my-banner-img.my-inner-banner-img-news-update{
    min-height: 400px;
	height: calc(20vh);
}

.my-banner-img-company {
    min-height: 600px;
	height: calc(100vh);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    background-position: center center;
}

.my-banner-img-company.my-inner-banner-img-company{
    min-height: 320px;
	height: calc(20vh);
}



@media only screen and (max-width: 992px) {
	.my-news-update-padding{
		padding-right: 15px;
	}
	.my-news-update-logo{
		margin-top: auto; 
		margin-bottom: auto;
		height:30%;
	} 
	.my-banner-img.my-inner-banner-img {
    	min-height: 200px;
	}
	
	.my-banner-img-company.my-inner-banner-img-company{
		height: auto;
		width: 100%;
	}
	
	.my-banner-img-company {
		min-height: 115px !important;
		
	}
	
	.my-img-container{
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	

}
@media only screen and (max-width: 768px) {
	.my-news-update-logo{
		margin-top: auto; 
		margin-bottom: auto;
		height:20%;
	} 
}

.my-banner-img.overlay {
    position: relative;
}

.my-banner-img {
    min-height: 600px;
    height: calc(100vh);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    background-position: center center;
}

.my-background-banner{

	z-index:-99; 
	background-position: center;
}

.overlay-image {
	 position: relative;
	 width: 100%;
}

.overlay-image .image {
	 display: block;
	 width: 100%;
	 height: auto;
}

.overlay-image .text {
	 line-height: 1.5em;
	 position: absolute;
	 top: 0px;
	 height: 5rem;
	 width: 100%;
	 padding-left: 1rem;
	 padding-top: 0.5rem;
	 font-size: 1.2em;
}

.overlay-image-text-header{
	 font-size:40px !important;
	 line-height: 1.5em;
	 position: absolute;
	 top: 0px;
	 height: 110px;
	 width: 100%;
	 padding-left: 5px;
	 text-transform: uppercase;
}

@media only screen and (max-width: 992px) {
	.overlay-image-text-header{
		font-size:30px !important;
	}
}


.news-update-navigation-padding{
	padding-top:6%;
	padding-bottom:6%;
}
@media only screen and (max-width: 1200px) {
	.news-update-navigation-padding{
		padding-top:9%;
		padding-bottom:9%;
	}
}
@media only screen and (max-width: 992px) {
	.news-update-navigation-padding{
		padding-top:2%;
		padding-bottom:2%;
	}
}
.news-update-button-nav-img{
	margin-top: 15px; 
	margin-bottom: 15px;
}
@media only screen and (max-width: 576px) {
	.news-update-button-nav-img{
		margin-top: 0px !important; 
		margin-bottom: 0px !important; 
		width: 80% !important;
	}
}

/* IMAGES END */
/*###########################################################*/

/*###########################################################*/

iframe{
	width: 100% !important;
}

/* GENERAL START */
.form-control {
	background-color: #f4f1f1;
}
.my-container-fluid-padding{
	padding-left:0px;
	padding-right:0px;
}

.my-txt-field-height{
	height:100%;
}
.my-defined-txt-field-height{
	max-height: 370px;
	overflow: auto;
}

	
.centered {
  position: inherit;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.centered-top {
  position: inherit;
  top: 36%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dropdown-menu .dropdown-item {
	min-height: unset;
	max-width: none;
	display: block;
	width: 100%;
	padding: .5rem 1.5rem;
		padding-left: 1.5rem;
	clear: both;
	font-weight: 400;
	color: #212529 !important;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}

.my-form-control{
	 background-image: none !important;
	 background-color: white !important;
}


.my-personal-height{
	height: 100% !important;
	max-height: 154px !important;
}

@media only screen and (max-width: 992px) {
	.my-personal-height{
		height: 100% !important;
		max-height: 230px !important;
		}
}

@media only screen and (max-width: 750px) {
	.my-form-control{
		padding-top: 10px;
	}
	
	.my-personal-height{
	height: 100% !important;
	max-height: 170px !important;
	}

}

@media only screen and (max-width: 440px) {
	.my-personal-height{
		height: 100% !important;
		max-height: 140px !important;
		}
}

@media only screen and (max-width: 410px) {
	.my-personal-height{
		height: 100% !important;
		max-height: 120px !important;
		}
}
/* GENERAL END */
/*###########################################################*/

/*###########################################################*/
/* COL START */

@media only screen and (min-width: 992px) {
	.my-col-padding-left{
		padding-left: 1rem;
		padding-right:0px;
		}
		
	.my-col-padding-middle{
		padding-left: 0px;
		padding-right:0px;
		}
		
	.my-col-padding-right{
		padding-left: 0px;
		padding-right:1rem;
		}

	.my-col-padding-bottom{
		padding-top: 0px;
		padding-bottom:1rem;
	}
		
	.my-col-padding-person-block-left{
		padding-left: 1rem;
		padding-right:0rem;
		background-clip: content-box;
		}

	.my-col-padding-person-block-right{
		padding-left: 0rem;
		padding-right:1rem;
		background-clip: content-box;
		}
		
	.my-col-padding-left-block-left{
		padding-left: 1rem;
		padding-right:0rem;
		}	
		
	.my-col-padding-left-block-right{
		padding-right:0rem;
		}	
		
	.my-col-padding-left-company-banner{
		padding-right:0rem;
		}	
		
}
@media only screen and (max-width: 992px) {
	.my-company-name-header{
	    font-size: 1rem !important;
	}
	
	.my-mobile-col-ordering{
		order: -1;
		padding-bottom: 1rem;
	}
}

.container-fluid-background-company{
	position: relative;
	background-color: #19648E;
	margin-bottom: -20px;
	z-index: 10001;
}

.my-col-padding-top{
	padding-top: 1rem;
}

/* COL END */
/*###########################################################*/


/*###########################################################*/
/* TABLE START */

thead {
		background-color: #333333;
		color: white;
		}
th {
		border-right-color: #333333 !important;
		border-bottom-color: #333333 !important;
		border-top-color: #333333 !important;
		border-left-color: #333333 !important;
		font-weight: normal;
		padding-left: 0.5rem;
		white-space: nowrap;
	}

td {
		padding-left: 0.5rem;	
		padding-right: 0.5rem;
		padding-bottom: 0.5rem;
		vertical-align: baseline;
		padding-top: 0.5rem;
	}
	
th.first_row, td.first_row{
	padding-left: 20px;
	}

@media only screen and (max-width: 1000px) {
	/* Force table to not be like tables anymore */
	#own-mobile-table table,
	#own-mobile-table thead,
	#own-mobile-table tbody,
	#own-mobile-table th,
	#own-mobile-table td,
	#own-mobile-table tr {
		display: block;
	}
	 
	/* Hide table headers (but not display: none;, for accessibility) */
	#own-mobile-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#own-mobile-table table.col-sm-12 {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	 
	#own-mobile-table tr { 
		border: 1px solid #ccc; 
	}
	  
	#own-mobile-table td {
	/* Behave like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align:left;
		min-height:30px;
	}
	
	.own-mobile-table-td-height-large-input{
		min-height:50px!important;
	}
	
	.own-mobile-table-td-width-full{
		width:100%!important;
	}
	
	#own-mobile-table td.without_table_header {
	/* Behave like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 0.5rem;
		white-space: normal;
		text-align:left;
	}
	
	#own-mobile-table table.table-bordered {
			border: none;
		}

	#own-mobile-table td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		/* white-space: nowrap; */
		font-weight: bold;
	}
	 
	/*
	Label the data
	*/
	#own-mobile-table td:before { 
		content: attr(data-title);
	}
}
		
/*
IMG
*/
#own-mobile-table img.personal-profil-picture{
	border-radius:6px; 
	margin: 0.5rem 0 0.5rem 0; 
	max-height: 64px;
	max-width: 64px;			
}
		
/* TABLE END */
/*###########################################################*/

/*###########################################################*/
/* SEARCH FIELD START */
/* https://fezvrasta.github.io/bootstrap-material-design/docs/4.0 */

@media only screen and (max-width: 992px) {
	.bmd-form-group{
		width:100%
	}
}

.bmd-form-group{
	padding-top:0px;
	width:100%
}

.bmd-form-group .bmd-label-floating, .bmd-form-group .bmd-label-placeholder {
	top: 10px;
}

.bmd-form-group.is-focused .bmd-label-floating{
	top:-5px;
}
.my-form-inline{
	width:100%
}


/*
.collapse.navbar-collapse div.container {
	padding-left: 0 !important;
	padding-right: 0 !important;
}*/

/* SEARCH FIELD END */
/*###########################################################*/