.no-border{border: none !important;}

.form-bordered-section{padding:30px 0; 
	
	background: url("../img/icons/dotted-border-2x.png") repeat-x bottom left,  url("../img/icons/dotted-border-2x.png") repeat-x top left; background-size: 7px 3px;
	
	margin-bottom: 30px; }



.form-row,.question-wrapper, .control-group{margin-bottom: 20px; display: flex;}
.question-wrapper{ display: block; border-bottom: 1px solid #dfdfdf; padding-bottom: 10px; margin-bottom: 30px;}
.question-header{ margin-bottom: 5px;}
.answer-item{font-style: italic;font-weight: 500; }
.form-row.nf{display: block}
.form-row:last-child,
.question-wrapper:last-child,
.control-group:last-child

{margin-bottom: 0}
.form-row.seperator,
.question-wrapper.seperator,
.control-group.seperator

{padding-bottom: 18px; border-bottom:1px solid #eff1f7;}
.form-row label,
.control-group label

{ width: 140px; padding-right: 10px; box-sizing: border-box; max-height: 40px; align-items: center; display: flex; font-weight: 500}

.l300_form .form-row label,
.l300_form .control-group label{width: 300px}



.l300_form .form-control, .l300_form .controls{width: calc(100% - 300px);}

.form-row.long-label{display: flex; flex-direction: column}
.form-row.long-label label{width: 100%; height: auto; margin-bottom: 5px;}
.form-row.long-label .form-control{width: 100%;}

.form-control, .controls{width: calc(100% - 140px);}
.form-row.no-label .form-control{margin-left: 140px;}


.form-row.no-label .form-control.full-width{margin-left: 0; width: 100%;}
.form-row.center{text-align: center}
.form-row.right{text-align: right}
.form-row.cells{display: flex; flex-direction: row}
.form-row.cells .form-input{margin-right: 5px; max-width:none}
.form-row.cells .form-input:nth-child(2){margin-right: 0; margin-left: 5px;}

.form-control label, .question-wrapper label, .controls label{width: auto !important; display: inline !important;}

.form-control label input, 
.question-wrapper label input,
.control-group label input
{width: 20px; height: 20px; position: relative; vertical-align: middle !important; padding: 0; box-sizing: border-box; border-radius: 50%;}


.form-control label input::before,
.question-wrapper label input::before,
.control-group label input::before

{content: ''; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 14px; height: 14px; background-color:  #f78f21; border-radius: 50%; opacity: 0; transform: scale(0); transition: all .2s ease-out; transform-origin: center center}
.form-control label input:checked::before,
.question-wrapper label input:checked::before,
.control-group label input:checked::before

{opacity: 1; transform: scale(1) translateX(-50%) translateY(-50%);}


.form-input{width:100%;max-width: 350px; }
.full-width-form .form-input,
.form-input.full-width{max-width:none;}

.form-input.right{text-align: right;}
input,select,textarea{border:1px solid #15b1d7; box-sizing: border-box; font-size: 14px; line-height: 100%; height: 40px; width: 100%; outline: none;  -webkit-appearance:none; background-color: #FFF;resize: none; padding: 10px; border-radius: 0;}
textarea{min-height: 80px;}
.form-input.flex{display: flex; flex-direction: row;}
textarea.long-text{min-height: 200px;}
input.auto-width,
select.auto-width,
textarea.auto-width{
	width: auto;
}

select{background: url("../img/icons/select-arrow.png") no-repeat right 10px center; background-size: 22px 8px; padding-right: 40px;}
input.date{background: url("../img/icons/calendar.jpg") no-repeat right 10px center; background-size: 17px 18px; padding-right: 40px;}

input[type="submit"],input[type="button"],button,a.button{background-color: #f78f21; border:none; color: #FFF; font-size: 16px; width: auto; min-width: 250px; font-weight: 700; clip-path:polygon(15px 0, 100% 0, calc(100% - 15px) 100%, 0 100%); -webkit-clip-path:polygon(15px 0, 100% 0, calc(100% - 15px) 100%, 0 100%); transition: all ease-out .3s;  cursor: pointer; color: #FFF !important; text-decoration: none !important}

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
a.button:hover{background-color: rgba(247,143,33,.75)}


input[type="submit"].btn-gray,
input[type="button"].btn-gray,
button.btn-gray,
a.button.btn-gray
{background-color: #a9bac8; font-weight: 600;}
a.button{min-height: 40px; display: inline-flex; align-items: center; justify-content: center; color: #FFF !important;}


.form_error{color: #F00; font-size: 11px; margin-left: 10px;}
.form-note{font-size:12px; font-style: italic;}

.form-wrapper{display: flex; margin-bottom: 20px;}
.form-cell{width:50%; margin-right: 9px; border:1px solid #cbd0e5; box-sizing: border-box; border-radius: 5px; padding: 15px;}
.form-cell.full{width:100%; margin-right: 0;}
.form-cell:nth-child(2){margin-right: 0}
.form-cell .form-input{max-width: none}

.form-cell h2{font-size: 26px; font-family: 'Poppins'; font-weight: 700; margin-bottom: 0; color: #7abb08; padding-bottom: 15px; border-bottom:1px solid #cbd0e5; margin-bottom: 15px; padding-left: 15px;}

.alternate-form h2{color:#8e01d7 !important;}
.alternate-form input[type="submit"],
.alternate-form input[type="button"],
.alternate-form button,
.alternate-form label.checkbox input:checked,
.alternate-form a.button{background-color:#8e01d7 !important;}

.switch-box{width:100%; max-width:300px; border:1px solid #cbd0e5; border-radius:50em; padding: 1px; box-sizing: border-box; overflow-x: hidden; display: table; flex-direction: row; align-items: center;height:55px;}
.switch-box.small{width: auto; height: 30px;}


.switch-box label.checkbox{width:50%; box-sizing:border-box; height: 100%; text-align:center; display:table-cell; vertical-align: middle; box-sizing: border-box; padding: 20px; position: relative}
.switch-box.small label.checkbox{padding: 10px; font-size: 14px; line-height: 14px;}


.switch-box.big{max-width: 500px;}

.switch-box label.checkbox input{position: absolute; left: 0; top: 0; width:100% !important; height: 100%; border: none; border-radius: 0; z-index: 1; border-top-left-radius: 50em;border-bottom-left-radius: 50em; border-top-right-radius:5px;border-bottom-right-radius: 5px;}

.switch-box label.checkbox:nth-child(2) input{ border-top-left-radius: 5px;border-bottom-left-radius: 5px; border-top-right-radius:50em;border-bottom-right-radius: 50em; }

.switch-box label.checkbox span{position: relative; z-index: 2; font-weight: 14px; font-weight: 600;}
.switch-box label.checkbox input:checked+span{color: #FFF;}

a.button{text-align: center;font-weight: 600}
a.button.action-btn{box-shadow: 0px 0px 10px 0px rgba(54,85,0,0.57); margin-bottom: 10px;}
a.button.action-btn.magenta{background-color: #eb088c; box-shadow: 1px 1px 17px 1px rgba(136,6,82,0.57);}
.action-btn.yellow{background-color: #ffb400; box-shadow: 1px 1px 17px 1px rgba(54,85,0,0.57); min-width: 250px}

.form-row.center .switch-box{display: inline-table}
.security_question{display: block; background:url(../img/content/iletisim/soru_bg.png); padding: 15px; min-width: 150px; color: #FFF; border-radius: 5px; border:1px solid #cbd0e5; margin-right: 20px; text-align: center; font-size: 30px; font-weight: 600 }

.options-wrapper input{margin-bottom: 10px;}

.application-form-section{margin-bottom: 60px;}

@media(max-width:768px){
	.form-wrapper{flex-direction: column}
	.form-cell{width:100%; margin-bottom: 20px;}
	.labeled-form label{display: block;}
	.form-input{width:100%;}
	.labeled-form .form-row{flex-direction: column}
	.labeled-form .form-row label, .labeled-form.form-row label{width:100%; box-sizing: border-box; margin-right: 0}
	.labeled-form .form-row .form-input, .labeled-form.form-row .form-input{width:100%;box-sizing: border-box;}
	.edit-info{padding: 20px 0 !important}
	.form-row.no-label .form-control{margin-left:  0;}
}


@media(min-width:1000px) and (max-width:1270px){
	.form-wrapper{flex-direction: column}
	.form-cell{width:100%; margin-bottom: 20px;}
}


@media(max-width:960px) and (max-width:1023px){
	.form-row label, .control-group label{width: 100% !important;}
	.form-row, #login_form .question-wrapper{display: block;}
	.form-control, .controls{width: 100% !important;}
}

@media(max-width:1023px){
	.content-flex.c2 .form-row, .content-flex.c2 .control-group{display: block}
	.content-flex.c2 .form-control,.content-flex.c2 .controls{width: 100%;}	
}

@media(max-width:767px){
	.form-control, .controls{width: 100% !important;}
	.form-row label{width: 100% !important;}
	.control-group label{width: 100%;}
}