/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18-Oct-2021, 13:50:56
    Author     : demetrisan
*/
body{
	font-family: 'Roboto'!important;
}
li{
	font-size: 1.12rem;
}
.b-white{
	border-bottom: 3px solid #FFF;
}
.nav-item {
	/*min-height: 62px!important;*/
	height: 74px!important;
	max-width: 140px;
	border-radius: 10px;
	border: 2px solid #31576F; 
	background:#FFFFFF;
}

.nav-item > a{
	color: #4f4f4f!important;
}
.nav-item > a:hover,.nav-item > a:active{
	color: #cf8c2c!important;
    text-decoration: none;
}
.nav-item.active {
	border-radius: 10px;
    border: 2px solid #31576F;
    background: #31576F;

}
.nav-item.active > a{
	color: #FFFFFF!important;
}
.nav-item a {
	height: 100%;
}
.navbar-brand {
	display:none;
}
.navbar{
	padding-left: 0px!important;
}
.navbar-nav{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
footer{
	border-top:4px solid #31576F;
	padding-top:  40px;
	padding-bottom: 20px;
	border-image:none!important;


}
footer img{
	display: inline-block;
	vertical-align: middle;
	vertical-align: -webkit-baseline-middle;
    margin-right: 20px;
}
footer .footerTxt{
	display: inline-block;

}
footer .footerTxt a{
	text-decoration: none;
	color: #4f4f4f!important;
	font-size: 70%;
	margin: 0px 10px ;
}
footer .footerTxt a:hover,footer .footerTxt > a:active{
	text-decoration: none;
	color: #cf8c2c!important;
}
@media (min-width: 991px){
	.nav-item.border-default {
		border: 2px solid #d0d0d0!important;
	}
	.liner:before {
		top: 38px;
		bottom: 0;
		position: absolute;
		content: " ";
		width: 100%;
		height: 1px;
		background-color: #a7a7a7;
		z-index: -1;
	}
	.liner:after {
		top: 33px;
		bottom: 0;
		position: absolute;
		content: " ";
		width: 10px;
		height: 10px;
		right: -15px;
		background-color: #31576F;
		z-index: 1;
	}
	footerFixed{
		position: fixed;
		bottom: 0px;
		width: 100%;
	}


}

#contSubmit div{
	text-align: right;
}



.mobHeader{
	display:none;
}
.bg-default{
	background-color: #31576F!important;
}
.border-default{
	border-bottom: 3px solid #d08d2c;
}
header{
	border-bottom: 3px solid #d08d2c;
	background-color: #f5fafc;
	position: relative;
    height: 108px;
	margin-bottom: 2rem;
}
.bl{
	background-color: #31576F;
} 

header:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 30%;
    height: 105px;
    background-color: #31576F;
    z-index: 13;
}

.logo_text {
	width: 100%;
	height: 105px;
	margin-left: -15px;
	background-position-y: top;
    background-position-x: left;
	background-size: contain;
	-webkit-background-size: contain;
	z-index: 10;
	cursor: pointer;
} 
.logo_govcy {
	width: 100%;
	height: 105px;
	margin-left: -15px;
	background: url("../../images/logo.svg") no-repeat;
	background-position-y: top;
    background-position-x: left;
	background-size: contain;
	-webkit-background-size: contain;
	z-index: 10;
	cursor: pointer;
	/*position: absolute;*/
} 

.topText{ 
    text-align: right;
    padding-top: 15px;
	right: 0;
    height: 105px;
    z-index: 14;
	position: absolute;
}
.topText > h3{
	z-index: 9999;
    position: absolute;
	right: 0;
}

.topText2{ 
    text-align: left;
    padding-top: 15px;
	margin-left: 20px;
    height: 105px;
    z-index: 14;
	position: absolute;
}
.topText2 > h2{
	z-index: 9999;
    position: absolute;

}

#loggedInUserDetails {
	text-align: right;
    padding-top: 10px;
}

#loggedInUserDetails span {
	margin-right:5px;
}


@media (max-width: 320px){
	.logo_govcy {
		width: 267px;
		height: 80px;
	}
	
	header{
		height: 83px;
	}
	header:after {
		content: " ";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 25%;
		height: 83px;
		background-color: #31576F;
		border-bottom: 3px solid #fff;
		z-index: 13;
	}

	/*	.bl:after {
			content: " ";
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			width: 70%;
			height: 80px;
			background-color: #31576F;
			z-index: 0;
		}*/
}
@media (max-width: 480px){
	.logo_govcy{
		width: 283px;
		height: 85px;
	}
	header{
		height: 88px;
	}
	header:after {
		content: " ";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 10%;
		height: 88px;
		background-color: #31576F;
		border-bottom: 3px solid #fff;
		z-index: 13;
	}
	/*	.bl:after {
			content: " ";
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			width: 50%;
			height: 85px;
			background-color: #31576F;
			z-index: 0;
		}*/
}

@media (max-width: 991px){
	.nav-item {
		/*min-height: 62px!important;*/
		height: auto!important;
	}
	#contSubmit div .btn{
		width: 100%;
	}

	.nav-item.border-default{
		border-bottom: 2px solid #d0d0d0!important; 
	}
	.navbar-brand {
		display:block;
	}
	.navbar-nav{
		align-items: flex-start;
	}

	.nav-item,.nav-item.active  {
		background: transparent;
		border:none;
		border-radius: 0px;
		border-bottom: 2px solid #31576F;
	}

	.nav-item  {
		min-height: unset!important;
		max-width: unset;
		width: 100%;
		margin-bottom: 1.5rem;
	}

	.nav-item.active > a{
		color: #31576F!important;
		font-weight: bold;
	}

	.nav-item:first-child {
		margin-top: 1.5rem;
	}

	.topText{ 
		display: none;
	}
	.topText2{ 
		display: none;
	}

	.mobHeader{
		display:flex;
	}
	header{
		border-bottom: 3px solid #FFF;
	}
}
.card-img-top{
	width: 150px;
	margin:auto;
}


main{
	margin: 1.5rem 0rem;
	min-height: 560px;
}
.btn.bg-default:hover,.btn.bg-default:active,.btn.bg-default:focus{
	background: #2b4d62!important;
}
.input-group-prepend, .input-group-prepend > .input-group-text{
	width: 70px;
}
#divCtl_IbanNumber input{
	margin-bottom: 1.5rem;
}
#divCtl_IbanNumber input:first-child{
	border-right: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
#divCtl_IbanNumber input:nth-child(2){
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.btn-light{
	background: #d4d5d5;
	border-color: #d4d5d5;
}
.btn-light:hover,.btn-light:focus,.btn-light:active{
	background: #bdc2c7;
	border-color: #bdc2c7; 
}
.btn{
	box-shadow:none!important;
}
.alert-danger{
	font-weight: 700;
}

.pointer{
	cursor: pointer;
}
.finalPage h3{
	font-size:1.18rem;
}
table > thead > tr > th:first-child{
	border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;

}
table > thead > tr > th:last-child{
	border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
table > thead > tr > th{
	border-top:0px!important;
	border-bottom:0px!important;
}
table > tbody > tr:first-child > td{
	border-top:0px!important;
}
input[type='checkbox']{
	margin-top: 10px;
    width: 20px;
    height: 20px;
}
input[type='radio']{
	width: 20px;
    height: 20px;
}
a {
	text-decoration: none!important;
}
.custom-input span {
    line-height: 1.5;
    padding: 2px 0px!important;
	margin-bottom: 1.5rem!important;
}

#btnEditSpouse {
	display: none;
}

.CertificatesHeaders {
	font-weight: bold;
	/*text-decoration: underline;*/
	font-size: 1.2rem;
}
.input-daterange{
	width: unset!important;
}
.input-group-append > .input-group-text{
	border-top-right-radius: 0.25rem!important;
    border-bottom-right-radius: 0.25rem!important;
}
.thead-dark,.table .thead-dark th{
	background-color: #31576f!important;
}
.card{
	min-height: 400px;
}
.card-body{
	height: 300px!important;
}
.card-body p{
	min-height: 130px;
}
.card-title{
	height: 60px!important;
}

.btn-dark {
	background-color: #31576f;
	border-color: #31576f;
}
.btn-dark:hover, .btn-dark:active, .btn-dark:focus{
	color: #fff;
    background-color: #2c4d62;
    border-color: #2c4d62;
}
.modal {
	overflow: auto;
}

#applicationCards p {
	font-size: 1rem;
}