/*application form css*/
hr {background-color: #555; height: 2px !important; margin: 20px 0; border: 0;}
.form-application .mb20{margin-bottom: 2rem !important;}
.form-application .mb15{margin-bottom: 1.5rem !important;}
.form-application .mb10{margin-bottom: 1rem !important;}
.form-application .mb05{margin-bottom: 0.5rem !important;}

.form-application ::placeholder, .form-application option:first-of-type{color: #a2a2a2 !important; font-size: inherit !important;}
.form-application input, .form-application select{padding:5px;} 
.form-application input[type="text"], .form-application input[type="email"],  .form-application input[type="date"], .form-application select, .form-application textarea{width: 100%; height: 2rem;} 
.form-application input[type="date"], .form-application input[type="number"]{
	padding: 2px;
    border: 1px solid #bbb;
    color: #4e4e4e;
    background-color: #fff;
}
.form-application .cols{margin-bottom: 1rem;}
.form-application .cols-12{width: 100%; margin-right: 0;}
.form-application .cols-6{width: 49.333%; float: left; margin-right: 1.333%;}
.form-application .cols-4{width: 32.333%; float: left; margin-right: 1%;}
.form-application .cols-3{width: 24%; float: left; margin-right: 1.3%}
.form-application .row-center{margin-left: auto; margin-right: auto; text-align: center;}
.form-application .row-center input[type="text"]{text-align: center;}
.form-application .form-group span{margin:auto 1rem;}
.form-application .group-education, .form-application table.table-cols{padding:10px; background: #f1f1f1;}
.form-application .form-group-formatted{border: 1px solid #e1e1e1; background-color: #f5f5f5; padding:20px;}
.form-application table.table-cols td{padding-bottom: 10px !important;}
.form-application input[type="submit"]{
 	background-color: #ffc107;
 	padding: 0.5rem 2rem;
 	border-radius: 3rem;
 	border: 0;
 	color: #fff;
 	width: 80%;
}
.form-application input[type="submit"]:hover{
	background-color: #ffa000;
}

.form-application .cols-last{margin-right: 0;}
.form-application .clearfix{clear: both !important; margin-bottom: 1rem !important;}
.form-group-hidden{display: none;}

.btnadddata{color: #fff; text-decoration: none; outline: none; padding: 3px 10px; border-radius: 5px; background-color: #222;}
.btnadddata:hover{background-color: #555;}
.btn-remove{position: absolute; top:-3px; right: 5px;}
.btn-remove a{color: #555; font-weight: 700;}
.btn-remove a:hover{color: #dd3333;}

/*reset*/
.fcolor-g{color: #7bbf41 !important;}
.bgcolor-g{background-color: : #7bbf41 !important;}
.text-center{text-align: center;}
.fw-600{font-weight: 600 !important;}
.mx-0{margin: auto 0 !important;} 
.mx-y{margin: 0 auto !important;} 
.ml-0{margin-left: 0 !important;} 
.mr-0{margin-right: 0 !important;}
.mt-0{margin-top: 0 !important;}
.mb-0{margin-bottom: 0 !important;} .mb-05{margin-bottom: 0.5rem !important;} .mb-10{margin-bottom: 1rem !important;} .mb-15{margin-bottom: 1.5rem !important;} .mb-20{margin-bottom: 2rem !important;} .mb-25{margin-bottom: 2.5rem !important;} .mb-30{margin-bottom: 3rem !important;}

/*form settings*/
.form-header h1{font-size: 3.5rem !important; margin-bottom: 0.5rem !important;}

.table-div {display:table; width: 100%; text-align: center;} 
.table-div-b{border: 1px solid #000;}
.row-div { display:table-row;} 
.cell-div {display:table-cell; padding: 0.6rem; vertical-align: middle;}
.cell-div-br{border-right: 1px solid #000;}
.cell-div-bb{border-bottom: 1px solid #000;}

.btn-form{font-weight: 700; padding: 0.5rem 1.5rem; border: 0; border-radius: 3px;}
.btn-next{background-color: #ffc107;}
.btn-next:hover{background-color: #ffa000;}
.btn-back{background-color: #c5c5c5}
.btn-back:hover{background-color: #d5d5d5;}

/*mobile*/
@media(max-width: 567px){
	
}
@media (max-width: 616px){
.form-application .cols-6{width: 100%; float: left; margin-right: 0%;}
.form-application .cols-4{width: 100%; float: left; margin-right: 0%;}
.form-application .cols-3{width: 100%; float: left; margin-right: 0%}
}

/**/