* {
	font-family: 'Open Sans', sans-serif;
	box-sizing: border-box;
}

html {
    position: relative;
    min-height: 100%;
}

body{

	margin: 0 0 150px;
	background: #f1f1f1;
}




.header {
	/* background-color: #1d3967; */
	background: #3678af;
	display: block;
	height: 80px;
	padding: 10px;
}



.admin-header {
	background-color: #a72a2a;
	display: block;
	height: 80px;
	padding: 10px;
}


.transfer-header {
	background-color: #8e2164;
	display: block;
	height: 80px;
	padding: 10px;
}

.continuing-education-header {
	background-color: green;
	display: block;
	height: 80px;
	padding: 10px;
	background-image:url(/images/dark-mosaic.png);

}


/* 
.transfer-header .menu-header {
	line-height: 78px !important;

} */
	
		
		
	
	


.btn-transfer{
	background-color: #8e2164 !important;
	color:white;
}


.btn-continuing-education.inverse{
	background-color: white !important;
	color:green;
}

.btn-continuing-education{
	background-color: green !important;
	color:white;
	white-space: break-spaces !important;
}



.btn-transfer.inverse{
	background-color:  white !important;
	color: #8e2164;
}


.btn-transfer:hover{
	background-color: #8e2164 !important;
	color:white;
}



.footer{
	position: absolute; 
	left: 0;
    bottom: 0;
	background-color: #ccd3d9;
	display: block;
	height: 150px;
	padding: 10px;
	width: 100%;
}







.logo{
	float: left;
	height: 60px;
}


.user-img{
	float:right;
	width:40px;
	height:40px;
	border-radius: 100%;
	line-height: 60px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 10px;
	margin-top:10px;
}

.profil-picture-examples{
	max-width: 300px;
	width:100%;
}

.menu-header {
	color: white;
	float: right;
	font-size: 16px;
	line-height: 60px;
	margin: 0 10px;
}
.menu-header:hover, .menu-header:visited, .menu-header:active{
	color: white;
}

.error{
	color: #d76c00;
	margin: 5px 0;
	
}

.text-01{
	font-size: 13px;
}

.text-011{
	font-size: 15px;
}

.text-0{
	font-size: 18px;
}


.text-1{
	font-size: 20px;
}


.text-2{
	font-size: 22px;
}

.text-3{
	font-size: 24px;
}


.text-4{
	font-size: 26px;
}

.text-5{
	font-size: 36px;
}


legend.scheduler-border {
    width:inherit; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none;
    
}

fieldset.scheduler-border {
    border: 1px solid #b8b8b8 !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    border-radius: 3px;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
            
}

fieldset.scheduler-color1 {
	background: #f8f8f8
}

fieldset.scheduler-color2 {
	background: #fbffdd;
}


.form-control{
	border: 1px solid #d5d5d5 !important;
	height: 40px;
	border-radius: 1px;
	background: #f6f6f6 !important;
}

.panel-default > .panel-heading {
	background: #ddd6d6 !important;
	font-weight: bold !important;
	color: blue;
}


.panel.border-left{
	border-left: 30px solid #8a8aa7;
}


.form-control:focus{
	border: 1px solid #1d3967 !important;
}


.panel{
	border-radius: 0px;
}

.btn{
	border-radius: 0px;
}

.btn-primary {

	background: #265a88 !important;
}

.thumbnail{
	padding: 0 !important;
}

.thumbnail > .image-category{
	height: 94px;
	background-position: center !important;
	background-size: cover !important;
}


.thumbnail > .image{
	height: 200px;
	background-position: center !important;
	background-size: cover !important;
}


.caption.active{
	background: #dcfedc;
}


/* .grid {


}

clearfix
.grid:after {
  content: '';
  display: block;
  clear: both;
}
 */
/* ---- grid-item ---- */



/* .grid-item {
  float: left;
} */
/* 
.grid-item { width: 200px; }
.grid-item--width2 { width: 400px; }
 */

.icon-checked{
	width: 26px;
    position: absolute;
    right: 32px;
    top: 16px;
}

.menu-list{
	display:none;
    width: 42px;
    float: right;
    margin-top: 10px;
    margin-right: 14px;
}

.hide-desktop{
	display:none;
}

.text-bold{
	font-size: 17px;
	font-weight: bold;
}

.text-bold-only{
	font-weight: bold;
}

.alert.alert-fatal-warning{
    background: #d30000;
    color: white;
    font-size: 18px;
	margin-bottom: 0;
}

.indication-no-print{
	color:red;
	font-style: italic;
}


.indication-supplementary-details{
	background: #efff9f;
    border: 1px solid #e3f390;
    padding: 3px;
    color: #5673ff;
    font-style: normal;
}



.closed{
	padding-top: 30px;
	color:red;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.main-wrapper {
	width: 100%;
	/* height: 400px; */
	background-size:cover;
	background-position: center;
	background-image: url(/images/banner.jpg);
	position: relative;
	display:flex; 
	justify-content: center;
	align-items: flex-end;
	height: 450px;
}



.main-wrapper.cover2{


	/* background-image: url(/images/cover2.jpg); */
	padding: 50px;
	background: #8e2164;


}


.main-wrapper.cover3{

	/* background-image: url(/images/cover2.jpg); */
	padding: 50px;
	padding: 15px;
	background: green;
	background-image:url(/images/dark-mosaic.png);

}

.main-wrapper .center{
	padding:45px;
	/* 
	position: absolute;
	top: 20%;
	left:0;
	right:0;
	width: 60%;
	margin: 0 auto;
	float:left;
	white-space: normal; */
	
	text-align: center;
}

.big-title{
	font-size: 30px;
	color: white;
	font-weight: bold;
	
}

.big-title.title2{
	text-shadow: 1px 1px 9px #000000;
    font-size: 50px;
}

.title-video{
	font-size: 30px;
	color: #4f4f4f;
	font-weight: bold;
	text-align: center;
}

.hint{
	color: #0eb00d;
	font-style:italic;
	font-size: 11px;
}


.table{
	display: block;
	overflow: auto;
}


.link-1{
	color: #ffa6a6;
	text-decoration: underline;
}

.link-1:hover, .link-1:active, .link-1:visited{
	color: #ffa6a6; 
}


.blink {
	animation: blinker 1s linear infinite;
}

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

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

.blink-4 {
	animation: blinker 1s ease infinite;
}

.underline {
	text-decoration: underline;
}

.ac-validation-alert{
	background: red;
	color: white;
	padding:7px;
}

.ac-validation-alert-bg{
	background: orange;
}

.header-table-1{
	background: #f1d8d8;
    padding: 7px;
}

.header-table-2{
	background: #cbedd9;
    padding: 7px;
}


.header-table-1-inline{
	margin:5px;
	background: #f1d8d8;
    padding: 7px;
    display:inline-block !important;
}




.table-2 th, .table-2 td{
	padding:5px;
}


.select-admin-inline {
	display: inline;
    width: auto;
}


.btn-primary-outline {
  background-color: transparent;
  border-color: red;
}


.radio-method-validation{
	margin-left:10px !important;
	margin-right:10px !important;
}


.icon-method-validation{
	width:30px;	
	margin-right:10px !important;
}


.validation-methods{
	max-width:300px;	
	text-align:left;
}


.ac-validation-validated-bg{
	background: green;
	padding:10px;
}

.result-item {
	background:#e1e1e1;
	color:red;
	border:2px solid red;
	padding:5px;
	display: inline-block;	
	border-radius: 3px;
	margin: 0 2px;
}

.result-item a {
	color:red;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.bigger-model-dialog{
	width:100% !important;
	max-width: 800px;
}

@media only screen and (max-width: 800px) {
	.grid-item {
		/* min-width:100% !important; */
		width:100% !important;
	}
}



@media only screen and (max-width: 700px) {

	.big-title.title2{
		font-size: 30px;
	} 
	
	.main-wrapper.cover2{
		padding: 0px;
	}
	
	
	.big-title{
		font-size: 22px;
		
	}
	
	.show-in-mobile{
		display:block;
	}
	
	.header {
		padding: 10px 0 !important; 
	}
	
	.menu-block{
		float:left;
		background: #8a8aa7;
		width: 100%;
		display:block;
		padding: 10px;
		margin-bottom:15px;
	}
	
	.menu-header{
		width: 100%;
		display:block;
		margin: 0px;
		padding: 10px;
		line-height: 20px;
	
	}
	
	.hide-in-mobile{
		display:none;
	}
	
}





@media only screen and (max-width: 400px) {
	.max-width-100p-mobile {
		width:100%;	
	}
	
	.main-wrapper{
		height: 300px;
	}
	
	.main-wrapper .center{
		padding: 20px;
	
	}
	



	.main-wrapper .btn{
		font-size: 14px;
	}
}


@media only screen and (max-width: 992px) {
	.footer {
		height: 360px;
	}	
	body{
		margin: 0 0 360px
	}
}