/* import fontawesome */
@import'../fontawesome/css/fontawesome.min.css'; @import'../fontawesome/css/regular.min.css'; @import'../fontawesome/css/solid.min.css';
/* common styles */
* { box-sizing: border-box;}
body { margin: 0; background-color: #FFFFFF; padding-top: 5px; padding-bottom: 20px;}
body, textarea, input, select,
.senden {
	font-family: Arial, sans-serif;
	font-size: 14px;
}
/* ESKİ - width: 619px; max-width: 100%; padding: 1.2rem; margin-left:20px; padding-top: 22px; padding-bottom: 1px; */
.hevra { width: 645px; max-width: 100%; padding: 1.rem; margin-left:0px; padding-top: 10px; padding-bottom: 1px;}

/* style common rows/grid */
.hevra .row { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.3rem; width: 100%;}
.hevra .row .col-sm-4 { flex-grow:1; flex-basis: 0; margin: 0 .75rem; position: relative;}
.hevra .row .col-sm-4:first-child { margin-left: 0;}
.hevra .row .col-sm-4:last-child {	margin-right: 0;}
.hevra .row .col-sm-8 { width: 100%; position: relative;}
.hevra .row .col-sm-postal-zip-code { width:31.5%;position: relative;}
.hevra .row .col-sm-city { width:31.5%;position: relative;}
.hevra .row .col-sm-region { width:31.5%;position: relative;}

/* style common labels */
.hevra .row .control-label { position: absolute; margin-top: 0.19rem;  height: 91.1%; padding: .63rem 1rem .5rem 1rem;
color: grey; opacity: 0.7; width: 3rem; z-index: 2;}

/* safari: margin-top for control, select & textarea label, padding-top for mailcopy, dataprotection, fileupload, securitycode & securityquestion icon - start */
body.safari .hevra .row .control-label{ margin-top: 0.06rem; }
body.safari .hevra .row .error .control-label{ margin-top: 0.06rem;}
body.safari .hevra .row .select-label{ margin-top: 0.12rem; }
body.safari .hevra .row .error .select-label{ margin-top: 0.12rem;}
body.safari .hevra .row .textarea-label{ margin-top: 0.20rem;}
body.safari .hevra .row .error .textarea-label{ margin-top: 0.20rem;}
body.safari .hevra .row #mailcopy-icon{ padding-top: 7px;}
body.safari .hevra .row #dataprotection-icon{ padding-top: 7px;}
body.safari .hevra .row #fileupload-icon{ padding-top: 4px;}
body.safari .hevra .row #securitycode-icon{ margin-top: -5px;}
body.safari .hevra .row #securityquestion-icon{ margin-top: -5px;}
body.safari .hevra .row #zipcode-icon{ padding-top: 0px; padding-left: 2px;}

/* safari: margin-top for control, select & textarea label, padding-top for mailcopy, dataprotection, fileupload, securitycode & securityquestion icon - end */
#mailcopy-icon{ padding-top: 9px;}
#dataprotection-icon{ padding-top: 9px;}
#fileupload-icon{ padding-top: 7px; }
#securitycode-icon{ padding-top: 0px; }
#securityquestion-icon{ padding-top: 0px;}

/* Regulare icons - padding left for safari and other browsers */
body.safari #caret-down-icon{ padding-left: 3.5px; padding-top: 1.0px;}
body.safari #briefcase-icon{ padding-left: 1.5px; padding-top: 0.5px;}
body.safari #user-icon{ padding-left: 2.0px; padding-top: 2px;}
body.safari #user-icon-position-2{ padding-left: 2.0px; padding-top: 2px;}
body.safari #email-icon{ padding-left: 1.0px; padding-top: 2px;}
body.safari #email-icon-position-2{ padding-left: 1.0px; padding-top: 2px;}
body.safari #phone-icon{ padding-left: 0.5px; padding-top: 2px;}
body.safari #phone-icon-position-2{ padding-left: 0.5px; padding-top: 2px;}
body.safari #home-icon{ padding-left: 0.5px; padding-top: 0.5px;}
body.safari #home-icon-position-2{ padding-left: 0.5px; padding-top: 2px;}
body.safari #subject-icon{ padding-left: 1.5px;}
body.safari #message-icon{ padding-left: 0.5px;}

#caret-down-icon{ padding-left: 3px; padding-top: 1.5px;}
#briefcase-icon{ padding-left: 1px;}
#user-icon{ padding-left: 1.5px;}
#user-icon-position-2{ padding-left: 1.5px;}
#email-icon{ padding-left: 0.5px;}
#email-icon-position-2{ padding-left: 0.5px;}
#phone-icon{ padding-left: 0px;}
#phone-icon-position-2{ padding-left: 0px;}
#home-icon{ padding-left: 0px; }
#home-icon-position-2{ padding-left: 0px;}
#subject-icon{ padding-left: 1.0px;}
#message-icon{ padding-left: 0px;}

/* style common fields */
.hevra .row input,
.hevra .row textarea { -webkit-appearance: none;	-moz-appearance: none; appearance: none;}

.hevra .row .field {
	display: block;
	font-size: 16px;
	width: 100%;
padding: .74rem .8rem .45rem 3.8rem; 	color: #555;
	border: 1px solid #CCC;
border-radius: .25rem; -moz-border-radius: .25rem;  -webkit-border-radius: .25rem;  	border-top: 1px solid #BDBDBD;
	border-left: 1px solid #BDBDBD;
	border-right: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
	box-shadow: 0 0 1px rgba(0,0,0, .4);
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.hevra .row .field:focus,
.hevra .row input[type="checkbox"]:focus {	border-color: #66afe9 !important;	outline: 0 !important; box-shadow: 
inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0.5rem rgba(102, 175, 233, 0.6) !important; }

/* style active / inactive label */
.hevra .row .not-empty-field .control-label i{ color: #424242;}

body.safari .hevra .row .not-empty-field .control-label i{ color: #424242 !important;}
.hevra .row .active-field .control-label i{ color: #424242;}
body.safari .hevra .row .active-field .control-label i{ color: #424242 !important;}

/* style textarea */
.hevra .row .textarea-label{ margin-top:0.25rem; height: 97.1%; padding: 0.6rem 1rem 5.1rem 1rem;}
.hevra .row textarea { height: 1.7rem;}

/* style selectbox */
.hevra .row .select-label{ height: 90.9%; padding: .63rem 1rem .5rem 1rem;}

/* style input, select and textarea with border-right.png - start */
#border-right { background-image: url('../img/border-right.png'); background-position: 2.85rem center; -webkit-text-size-adjust:none; 
background-repeat: no-repeat;}
#border-right2 {background-image: url('../img/border-right.png'); background-position: 2.85rem center; -webkit-text-size-adjust:none; 
background-repeat: no-repeat;}
#border-right3 {background-image: url('../img/border-right.png'); background-position: 2.85rem center; -webkit-text-size-adjust:none; 
background-repeat: no-repeat;}
#border-right4 {background-image: url('../img/border-right.png'); background-position: 2.85rem center; -webkit-text-size-adjust:none; 
background-repeat: no-repeat;}
#border-right5 {background-image: url('../img/border-right.png'); background-position: 2.85rem center; -webkit-text-size-adjust:none; 
background-repeat: no-repeat;}
#border-right6 {background-image: url('../img/border-right.png'); background-position: 2.85rem center; -webkit-text-size-adjust:none; 
background-repeat: no-repeat; }
#border-right7 { background-image: url('../img/border-right.png'); background-position: 2.85rem center; -webkit-text-size-adjust:none; 
background-repeat: no-repeat;}
#border-right8 {background-image: url('../img/border-right.png'); background-position: 2.85rem center; -webkit-text-size-adjust:none; 
background-repeat: no-repeat;}
#border-right9 {background-image: url('../img/border-right.png'); background-position: 2.85rem center; -webkit-text-size-adjust:none; 
background-repeat: no-repeat;}
#border-right10 {background-image: url('../img/border-right.png'); background-position: 2.85rem center; -webkit-text-size-adjust:none; 
background-repeat: no-repeat;}
#border-right11 {background-image: url('../img/border-right.png'); background-position: 2.85rem center; -webkit-text-size-adjust:none; 
background-repeat: no-repeat;}
#border-right12 {background-image: url('../img/border-right.png');background-position: 2.85rem center; -webkit-text-size-adjust:none; 
background-repeat: no-repeat;}
#border-right13 {background-image: url('../img/border-right.png'); background-position: 2.85rem center; -webkit-text-size-adjust:none; 
background-repeat: no-repeat;}
#border-right14 {background-image: url('../img/border-right.png'); background-position: 2.85rem center; -webkit-text-size-adjust:none; 
background-repeat: no-repeat;}
#border-right15 { background-image: url('../img/border-right.png'); background-position: 2.85rem center; -webkit-text-size-adjust:none; 
background-repeat: no-repeat;}
#border-right16 {background-image: url('../img/border-right.png'); background-position: 2.85rem center; -webkit-text-size-adjust:none; 
background-repeat: no-repeat;}
#border-right17{ background-image: url('../img/border-right.png'); background-position: 2.85rem center; -webkit-text-size-adjust:none; 
background-repeat: no-repeat;}
/* style input, select and textarea with border-right.png - end */
/* style rows with complex contents  */

.hevra .captcha-row,
.hevra .question-row,
.hevra .checkbox-row,
.hevra .upload-row { display: block; font-size: 14px; width: 100%; color: #555555; border: 1px solid #BDBDBD;	border-radius: 4px;
transition: border-color ease-in-out .15s; padding-right: 1rem;	box-shadow: 0 0 1px rgba(0,0,0, .4);}
.hevra .captcha-row .control-label,
.hevra .question-row .control-label,
.hevra .upload-row .control-label,
.hevra .checkbox-row .control-label{ height: 100%; margin-top: 0;}
.hevra .captcha-row > div,
.hevra .question-row > div,
.hevra .checkbox-row > div{ padding-bottom: .15rem;}
.hevra .captcha-row div div,
.hevra .question-row div div{	width: 100%; padding: .75rem 0 .75rem 60px;}

/* style upload-fields  */
.hevra .row input[type="file"] {	width: calc(100% - 60px); height: 30px;	margin: .2rem 0 .2rem 60px;}
.hevra .row .control-label + input[type="file"] {	margin-top: .75rem;}
.hevra .row input[type="file"]:last-child { margin-bottom: .25rem;}

/* style security-fields  */
.hevra .captcha-row .field,
.hevra .question-row .field{ width: calc(100% - 60px);	margin: .2rem 0 .2rem 60px; padding-left: .8rem;}
.hevra .row#answer .control-label { align-self: flex-start;}

/* style checkbox-row  */
.hevra .checkbox-row .checkbox-inline{ display: block;	padding: .7rem 0 .31rem 60px;}
.hevra .checkbox-row .checkbox-inline a:hover,
.hevra .checkbox-row .checkbox-inline a:focus { color: #0025e2; text-decoration: underline;}
.hevra .checkbox-row .checkbox-inline a,
.hevra .checkbox-row .checkbox-inline span {	color: #0020c1; text-decoration: none; line-height: 24px; padding-left: 10px;} 
.hevra .checkbox-row .checkbox-inline span{ color: inherit;} 
.hevra .row input[type="checkbox"] { height: 22px; width: 22px; border: 1px solid #CCC; border-radius: .25rem; transition: 
border-color ease-in-out .15s; display: block; float: left; -webkit-appearance: none; -moz-appearance: none; appearance: none;
cursor: pointer; margin-left: 0; -moz-border-radius: .25rem; -webkit-border-radius: .25rem; border-top: 1px solid #BDBDBD; border-left:
 1px solid #BDBDBD; border-right: 1px solid #BDBDBD; border-bottom: 1px solid #BDBDBD; box-shadow: 0 0 1px rgba(0,0,0, .4);}
.hevra .row input:checked { background: url(../img/check-solid.svg) no-repeat center center; background-size: 75%;}

/* style submit-button  */
.hevra .row .senden {
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	height: 2.5rem;
margin-top: calc(1rem/16*5);
padding: .5rem .75rem; 	color: white;
	background-color: #337ab7;
	border: 1px solid transparent;
	border-color: #2e6da4;
	border-radius: 4px;
}
.hevra .row .senden:hover { background-color: #286090;	border-color: #204d74; cursor: pointer;}

/* style select-box for placeholders */
.hevra .row ::placeholder{ color: grey; opacity: 0.7;}				
.hevra .row select.unselected{ color: #A6A6A6; border: 1px solid #CCC; border-radius: .25rem; -moz-border-radius: .25rem;
  -webkit-border-radius: .25rem; border-top: 1px solid #BDBDBD; border-left: 1px solid #BDBDBD; border-right: 1px solid #BDBDBD;
  border-bottom: 1px solid #BDBDBD; box-shadow: 0 0 1px rgba(0,0,0, .4); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.hevra .row select.field{ -moz-appearance: none;	-webkit-appearance: none; appearance: none; z-index: 1;}
.hevra .row select.field option[value=""][disabled] { display: none;}
.hevra .row select.field option { color: #555555;}
.hevra .row select.field option[value=""] { color: rgba(0,0,0,0.4);}

/* style errors */
.hevra .row .error .select-label{ height: 66%; padding: .63rem 1rem .5rem 1rem; color: #db0007; border-color: #db0007;}
.hevra .row .error .control-label{	color: #db0007; border-color: #db0007; margin-top: 0.19rem;	height: 65.1%;	padding: .63rem 1rem .5rem 1rem;}
.hevra .row .error .textarea-label{ color: #db0007; border-color: #db0007; height: 84.6%;	margin-top:0.25rem; padding: 0.6rem 1rem 5.1rem 1rem;}
.hevra .row .error .field,
.hevra .row .error .checkbox-inline input,
.hevra.hevra-validate .row .field:invalid,
/* style invalid fields only if user wants to send the form (integrated via js) */
.hevra.hevra-validate .row .checkbox-inline input:invalid{ background-color: #ffeaec; border-color: #eac0c5;}
.hevra .row .field:invalid,
/* remove browser-style for invalid fields */
.hevra .row .checkbox-inline input:invalid{ outline: none; box-shadow:none;}
.hevra .row .field:focus:valid,
.hevra .row .checkbox-inline input:focus:valid { background-color: #FFFFFF; border-color: #d9e8d5; outline: none; box-shadow:none;}
.hevra .row .error ::placeholder{ color: rgba(219, 0, 7, 0.6);}
.hevra .row .error select.unselected { color: rgba(219, 0, 7, 0.4);}
.hevra .row .errormsg{ color: #db0007; font-size: .75rem;}
.hevra .captcha-row.error_container,
.hevra .question-row.error_container,
.hevra .checkbox-row.error_container{ margin-bottom: 2.7rem;}
.hevra .captcha-row .errormsg,
.hevra .question-row .errormsg{ display: block; position: absolute; left: 0; bottom: -46px; height: 40px;}
.hevra .checkbox-row .errormsg{ display: block; position: absolute; left: 0; bottom: -46px; height: 40px;}
.hevra .captcha-row.error_container .control-label,
.hevra .question-row.error_container .control-label,
.hevra .upload-row.error_container .control-label,
.hevra .checkbox-row.error_container .control-label{ height: 100%; margin-top: 0;}

/* style for mobile */
@media (max-width: 645px) {
/* ESKİ - adding: 1px 1rem 1px 1rem; margin-left:15px; margin-top:0px; margin-right:15px; width: auto */
.hevra { padding: 0px 0rem 0px 0rem; margin-left:5px; margin-top:0px; margin-right:5px; width: auto;}
.hevra .row { display: block; margin-top: 1rem;}
.hevra .row .col-sm-4{ flex-grow:0; flex-basis: 0; margin: 0;}
.hevra .row .col-sm-4, .hevra .row .col-sm-8 { margin-top: 1.rem;}
.hevra .captcha-row .col-sm-8,
.hevra .question-row .col-sm-8,
.hevra .upload-row .col-sm-8,
.hevra .checkbox-row .col-sm-8{ margin-top: 0;}
.hevra .row .control-label { margin-top: 0.16rem; }
.hevra .row .error .control-label{	margin-top: 0.16rem; }
.hevra .row .textarea-label{ margin-top:0.21rem; }
.hevra .row .error .textarea-label{ margin-top:0.21rem; }
#mailcopy-icon{ padding-top: 6px; }
#dataprotection-icon{ padding-top: 7px; }
#fileupload-icon{ padding-top: 4px; }
#securitycode-icon{ padding-top: 0px; }
#securityquestion-icon{ padding-top: 0px; }

/* safari iOS: margin-top for control & select label, padding-top for mailcopy & dataprotection icon - start */
body.safari .hevra .row .control-label{ margin-top: 0.04rem;}
body.safari .hevra .row .error .control-label{ margin-top: 0.04rem;}
body.safari .hevra .row .select-label{ margin-top: 0.10rem;}
body.safari .hevra .row .error .select-label{ margin-top: 0.10rem;}
body.safari .hevra .row #mailcopy-icon{ padding-top: 6px;}
body.safari .hevra .row #dataprotection-icon{ padding-top: 5px;}
body.safari #briefcase-icon{ padding-top: 2px;}
body.safari #user-icon{ padding-top: 2px;}
body.safari #phone-icon-position-2{ padding-left: 0.5px; padding-top: 0px; }
body.safari #phone-icon{ padding-top: 2px;}
body.safari #home-icon{ padding-top: 2px;}
body.safari #home-icon-position-2{ padding-left: 0.5px; padding-top: 0px;}
body.safari #user-icon-position-2{ padding-left: 2.0px; padding-top: 0px;}
body.safari #email-icon-position-2{padding-left: 1.0px; padding-top: 2px;}
body.safari #email-icon{padding-left: 1.0px; padding-top: 2px;}
body.safari .hevra .row #mailcopy-icon{ padding-top: 8.5px; }
body.safari .hevra .row #dataprotection-icon{ padding-top: 7px; }

/* safari iOS: margin-top for control & select label, padding-top for mailcopy & dataprotection icon - end */
.hevra .row .col-sm-str,
.hevra .row .col-sm-region,
.hevra .row .col-sm-postal-zip-code,
.hevra .row .col-sm-city{ margin-top: 1.5rem; width: 100%;}}

/* style copyright */
.copyright { color: #000000; font-size: 13px;}