body { background: #F4F6F6; }

.ustac { padding-top: 15px; }

.logo img { max-height: 100px !important; }

.formbaslik { font: normal 1.8rem/2.2rem "sitefont"; }
.bsk { padding-top: 15px; }

@media (max-width:768px){
	.logosag { text-align: right !important; }
	.yazikonum { padding-left: 0; text-align: center; }
	}

@media (min-width:768px){
	.logosag { text-align: right !important; }
	.yazikonum { padding-left: 30px; }
	}

@media (max-width:576px){
	.formbaslik {font-size: 1.5rem !important;}
	.yazikonum { padding-left: 0; text-align: center; }
	}

.has-error  {
  border: 1px solid #fbe1e3 !important; }

.has-success  {
  border: 1px solid #abe7ed !important; }

.has-warning  {
  border: 1px solid #f9e491 !important; }

.invalid { color: #dc3545; font: normal 1rem/1.2rem "Montserrat"; }

input.invalid { border: 1px solid #ff5a00 !important; background:#FFF4F4 !important; }
select.invalid { border: 1px solid #ff5a00 !important; background:#FFF4F4 !important; }

.errorHighlight { 
border-color: #dc3545 !important;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat !important;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

 } 
.textinput {border: 1px silver solid !important;}

.basvurutxt { font:normal 1.2rem/1.3rem "Montserrat"; }
.formindir a  { text-decoration: none; font:normal 1.5rem/1.5rem "sitefont"; color: #3498DB;  }
.formindir i { font-size: 2.5rem; color: #3498DB  }
.formaciklama {font:normal 1.22rem/2rem "Montserrat"; padding-top: 15px;}

.imgboyut img { height: 75px !important;  }
.tpbos {padding-top: 15px;}

.myErrorClass {
	border-color: #dc3545 !important;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

 ul.myErrorClass, input.myErrorClass, textarea.myErrorClass, select.myErrorClass {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #cc0000 !important;
    background-color: #f3d8d8 !important;
    background-image: url(http://goo.gl/GXVcmC) !important;
    background-position: 50% 50% !important;
    background-repeat: repeat !important;
}
ul.myErrorClass input {
    color: #666 !important;
}
label.myErrorClass {
    color: red;
    font-size: 11px;
    /*    font-style: italic;*/
    display: block;
}

.progress { 
font-size: 0.9rem !important;
	padding: 3px !important;
	height: 1.7rem !important;
}
.invalid {width: 50% !important;}