/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/



.dropzone {
	width: 29.2rem !important;
	height: 200px;
	min-height: 0px !important;
	position:absolute;
	border: dashed 2px #aaa !important;
	}   
.lang-dropdown{
	min-width: 50px !important;
}
.lang-dropdown li{
	padding: 3px 15px;
}
.lang-dropdown li:hover{
	background:#eee;
}

.pp-area:hover > .profile-picture-edit{
	display: block;
}
.loader {
	visibility: hidden;
	border: 16px solid #f3f3f3;
	border-top: 16px solid #3498db;
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -60px;
	margin-left: -60px;
	z-index: 9999;
  }
  
  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }
  .progress-container {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 20px;
	border: 1px solid #ccc;
	border-radius: 10px;
	overflow: hidden;
  }
  
  .progress-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 0%;
	height: 100%;
	background-color: #007bff;
	transition: width 0.5s ease-in-out;
  }
  
  .upload-btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
	height: 100%;
	padding: 5px;
	background-color: #007bff;
	color: #fff;
	font-size: 14px;
	border: none;
	border-radius: 0 10px 10px 0;
	cursor: pointer;
	transition: all 0.5s ease-in-out;
  }
  
  .upload-btn:hover {
	background-color: #0056b3;
  }





  .funkyradio div {
	
	float:left;
  overflow: hidden;
  margin: 0 20px 0px 0px;
  line-height: 30px;
}
.funkyradio .hover_btn
{
	width: 100%;
    height: 5px;
    margin: 0;
	border: 1px solid #ccc;
}

.funkyradio label {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #F1F5F6;
  font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 2.5em;
      text-align: center;
  margin-top: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
		  padding: 0 20px 0 26px;
		  font-size: 14px;
    line-height: 30px;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 10px;
  background: #F1F5F6;
  border-radius: 3px;
}


.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {

}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
   position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 10px;
  background: #2dbe60 !important;
  border-radius: 3px;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {

}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
 
  color: #000;
  background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
  color: #333;
  background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #2dbe60 !important;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5bc0de;
}

input[type="radio"]:disabled+label {
   background: #D1D3D4 !important;
    cursor: not-allowed !important;
}
.funkyradio input[type="radio"]:hover:disabled ~ label:before, .funkyradio input[type="checkbox"]:hover:disabled ~ label:before{
	background:#D1D3D4 !important;
}
.funkyradio input[type="text"]
{
	line-height: 30px;
    text-align: center;
    border: 1px solid #F1F5F6;
    font-weight: 500;
}
#hide{
	display:none;
}



.header-alti-yazi {
  display: flex;
  align-items: center;
}

.header-alti-kirik-uc {
  width: 20px;
  height: 20px;
  background-image: url('kirik-uc.png'); /* veya arzu ettiğiniz başka bir görseli burada kullanabilirsiniz */
  background-size: contain;
  margin-right: 10px;
}

.profil-tamamlama-link {
  color: #007bff;
  text-decoration: none;
  margin-left: 10px;
}

.img-fluid{
    background-color: transparent;
}
        .half-circle {
            width: 200px;
            height: 100px;
            border-radius: 100px 100px 0 0;
            background-color: #ffc107;
            margin: 0 auto;
            position: relative;
        }