html{
	height: 100%;
	padding: 0px;
}

body{
	height: 100%;
	padding: 0px;
	letter-spacing: 0.2px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


.maincontent{
	height: 100%;
	background-color: #ffffff;
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-top: 50px;
	padding-bottom: 50px;
}

.maincontent::-webkit-scrollbar {
	 width: 0 !important;
}

.top-frame{
	margin-bottom: 25px;
}

.top-heading {
    position: relative;
    width: 100%;
    z-index: 2;
    display: block;
    height: 135px;
    z-index: 1;
    border-bottom: 5px #a6a8ab solid;
	background-color: #ffffff;
}

.topbar{
	padding-top: 20px;
	padding-bottom: 20px;
}

.top-row{
	padding-top: 20px;
}


.icon-bar-inner {
    width: 100%;
    margin-left: 0px !important;
    margin-right 0px !important;
}


.info-header-block {
    float: right;
    width: 100%;
}

ul.icon-list {
    float: right;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
}

.icon-list li {
    float: left;
    position: relative;
    padding-left: 55px;
    padding-right: 30px;
}

.icon-list li i {
    position: absolute;
    font-size: 28px;
    left: 8px;
    top: 12px;
    color: #0f75bc;
}


.info-title {
    font-weight: bold;
	font-size: 19px;
}

.info-title, .info-label {
    font-family: 'Montserrat', sans-serif;
}

.panel-medipro{
	display: block;
	margin-top: 20px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.panel-medipro:hover{
	color: #ffffff;
}

.panel-medipro .panel-heading{
	background-color: #0f75bc;
	color: #ffffff;
	text-align: center;
		
}

.panel-medipro .panel-body{
	background-color: #a3c6ff;
	color: #ffffff;
	text-align: center;
	min-height: 100px;
}

.far{
	font-size: 50px;
}

.fas{
	font-size: 50px;
}

.mobiel_message{
	display: none;
	text-align: center;
	color: #000000;
}

.mobiel_message h1{
	color: #ff0000;
}

@media (max-width: 768px) {

	.top-row{
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.toplogo{
		width: 100px;
	}

	.top-heading {
		height: 45px;
	    border-bottom: 2px #a6a8ab solid;
	}

	.maincontent{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.logo-img{
		width: 100px;
	}

	.panel-medipro{
		padding-top: 0px;
	}

	.icon-list{
		display: none !important;
	}

	
	.mijnmedipro_login_form{
		/*display: none;*/
	}

	.navbar-header{
		display: none;
	}

	.top-frame{
		margin-bottom: 0px !important; 
	}

	.maincontent{
		margin-top: 0px !important; 
	}

	.mobiel_message{
		/*display: block;*/
	}

}



@media (max-width: 992px) {
	.icon-list{
		display: none !important;
	}
}





.mijnmedipro_login_form{
	padding-left: 20px;
	padding-right: 20px;
}

.loginframe{
	margin-top: 140px;
}

.mijnmedipro_login_form h1{
	text-align: center;
	font-weight: bold;
}

.mijnmedipro_login_form .fas{
	font-size: 16px;
}

.loginframe .control-label{
	text-align: right !important;
}

.mijnmedipro_login_form .btn-primary{
	width: 100%;
}

.mijnmedipro_login_form .btn-info{
	width: 100%;
}

#myframe{
	width: 100%;
	height: 100%;
	overflow: auto;
	border-style: none;
}


@media (max-width: 768px) {

	.loginframe{
		margin-top: 40px;
	}

	#myframe{
		width: 100%;
		height: 100%;
		border-style: none;
		overflow: scroll;
	}

}





.codefield{
	width: 100px; 
	text-align: center;
}


.datefield{
	text-align: center;
	margin-bottom: 20px;
}

#date_day{
	width: 50px; 
}

#date_month{
	width: 50px; 
}

#date_year{
	width: 100px; 
}


/* Navbar*/

.topmenu{
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.navbar-medipro{
	margin-top: -8px;
	background-color: #0f75bc;
	height: 65px;
}

.navbar-header{
	float: right;
}

.navbar-header > button{
	background-color: #0f75bc;
    margin-top: 0px;
}

.navbar-header .icon-bar{
	background-color: #ffffff;
}

.navbar-nav{
	background-color: #0f75bc;
}

.navbar-nav{
	margin-top: 0px;
}

.navbar-nav ul{

}

.navbar-nav li .active{
	background-color: #0f75bc;

}

.navbar-nav>li>a:hover{
	background-color: #338dc9;
	
}

.navbar-nav>li>a:focus{
	background-color: #0f75bc;
}

.navbar-nav:hover{
	background-color: #0f75bc;
}

.navbar-nav li a{
	color: #ffffff;
	line-height: 32px;
}

.navbar-nav li a .fas{
	font-size: 18px;
}


.wwok{
	font-size: 30px;
	color: #00ff00;
	display: none;
}

.idinframe{
	
}

.idinlogin{
	min-height: 300px;
	background-color: #b3e7fa;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: solid 1px #00b0f0;
}

.idinlogo{
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}

.idinbutton{
	width: 300px;
}


.alignright{
	float: right;
	margin: 0.5em 0 0.5em 1em;
}



.upload_image_frame
{
	border: dashed 5px #cccccc;
	height: 190px;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	text-align: center;
	color: #cccccc !important;
	cursor: pointer;
	overflow: hidden;
}

.upload_image_frame > i
{
	font-size: 100px;
	margin-top: 20px;
}

.upload_image_frame span{
	color: #cccccc;
	font-size: 12px;
}


.upload_image_frame img{
	height: 190px;
}

.send_photos{
	visibility: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}

#img_card{
	height: 170px;
}

#img_photo{
	height: 170px;
}




@media (max-width: 768px) {
	.navbar-medipro{
		background-color: transparent;
		display: none;
	}

	.top-frame {
		margin-bottom: 0px;
	}

	.top-row{
		margin-bottom: 0px;
	}

	.topmenu{
		padding-right: 0px;
		padding-left: 0px;
	}
}


.checkmark {
  position: absolute;
  top: 0;
  left: 5px;
  height: 20px;
  width: 20px;
  background-color: #eee;
}


#code_1{
	height: 50px;
	text-align: center;
	font-size: 24px;
	border-color: #0000ff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#pincode_controle{
	cursor: pointer;
	text-decoration: none;
}

#pincode_controle:hover{
	text-decoration: none;
}

#pincode_sms_notificatie{
	display: none;
}


.logincode_knop{
	float: right;
	margin-top: 5px;
}