@charset "UTF-8";




@media only screen and (max-width: 479px) {


.ajax-file-upload-statusbar {
    width: 93% !important;
  
}

.ajax-file-upload-filename {
    width: 100% !important;
  
}

.ajax-file-upload-progress {
     width: 94% !important;
   
}
.login-frame{
	-webkit-transition: all 0.05s ease-in-out;
	width: 90%;
	height: 650px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	top: 0px;
	margin: auto;
}


.login-logo{
	-webkit-transition: all 0.05s ease-in-out;
	width: 100%;
	height: 200px;
}



.login-field-user{
	box-shadow: 0px 0px 35px rgba(0,0,0,0.1);
	-webkit-transition: all 0.2s ease-in-out;
	width: 100%;
	text-align: left;
	padding: 20px 70px;
	outline: none;
	border:none;
	border-radius: 60px;
	font-weight: 400;
	font-size: 1.3em;
	font-family: 'Manrope', sans-serif;
	background-image: url(../images/user.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: auto 40%;
	transform: scale(1);
}


.login-field-user:active{
	background-color: #fff;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
	-webkit-transition: all 0.0s ease-in-out;
	width: 100%;
	text-align: left;
	padding: 20px 70px;
	outline: none;
	border: none;
	border-radius: 60px;
	font-weight: 400;
	font-size: 1.3em;
	font-family: 'Manrope', sans-serif;
	background-image: url(../images/user.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: auto 40%;
	transform: scale(0.98);
}


.login-field-password{
	box-shadow: 0px 0px 35px rgba(0,0,0,0.1);
	-webkit-transition: all 0.2s ease-in-out;
	width: 100%;
	text-align: left;
	padding: 20px 70px;
	outline: none;
	border: none;
	border-radius: 60px;
	font-weight: 400;
	font-size: 1.3em;
	font-family: 'Manrope', sans-serif;
	background-image: url(../images/password.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: auto 40%;
	transform: scale(1);
}

.login-field-password:active{
	background-color: #fff;
	box-shadow: 0px 0px 35px rgba(0,0,0,0.1);
	-webkit-transition: all 0.0s ease-in-out;
	width: 100%;
	text-align: left;
	padding: 20px 70px;
	outline: none;
	border: none;
	border-radius: 60px;
	font-weight: 400;
	font-size: 1.3em;
	font-family: 'Manrope', sans-serif;
	background-image: url(../images/password.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: auto 40%;
	transform: scale(0.98);
}


.login-button{
	-webkit-transition: all 0.2s ease-in-out;
	border-radius: 60px;
	width: 100%;
	height: auto;
	padding: 20px 70px;
	text-align: center;
	font-weight: 700;
	font-size: 1.3em;
	background-color: #1595d3;
	color: #fff;
	transform: scale(1);
}

.login-button:active{
	-webkit-transition: all 0.0s ease-in-out;
	border-radius: 60px;
	width: 100%;
	height: auto;
	padding: 20px 70px;
	text-align: center;
	font-weight: 700;
	font-size: 1.3em;
	background-color: #15d31e;
	color: #fff;
	transform: scale(0.98);
}


.login-content{
	-webkit-transition: all 0.05s ease-in-out;
	width: 100%;
	height: 450px;
}

.visibimg{
	display: none;
}


.user-top{
	z-index: 9898;
	width: 100%;
	height: auto;
	background-color: #1595d3;
	top: 0px;
	position: fixed;
	left: 0px;
	right: 0px;
	margin: auto;
}


.user-top-space{
	width: 100%;
	height:120px;
}



.exit-button{
	float: right;
	font-weight: 700;
	border: none;
	border-radius: 15px;
	width: auto;
	height: auto;
	padding: 12px 25px;
	background-color: #fff;
	color: #1595d3;
	transform: scale(1);
}

.exit-button:active{
	float: right;
	font-weight: 700;
	border: none;
	border-radius: 15px;
	width: auto;
	color: #fff;
	height: auto;
	padding: 12px 25px;
	background-color: #394d9c;
	transform: scale(0.98);
}


.home-button{
	float: left;
	font-weight: 700;
	border: none;
	border-radius: 15px;
	width: auto;
	height: auto;
	padding: 12px 25px;
	background-color: #fff;
	color: #1595d3;
	transform: scale(1);
}

.home-button:active{
	float: left;
	font-weight: 700;
	border: none;
	border-radius: 15px;
	width: auto;
	color: #fff;
	height: auto;
	padding: 12px 25px;
	background-color: #394d9c;
	transform: scale(0.98);
}


arama-text{
	font-size: 1em;
	color: #333;
	display: block;
	font-weight: 500;
}

.header{
	width: 100%;
	height: auto;
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 0px 0px 65px rgba(0,0,0,0.1);
}

.arama-frame{
	-webkit-transition: all 0.2s ease-in-out;
	transform: scale(1);
	width: 100%;
	height: auto;
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 0px 0px 65px rgba(0,0,0,0.1);
}


.arama-frame:active{
	-webkit-transition: all 0.0s ease-in-out;
	transform: scale(0.98);
	width: 100%;
	height: auto;
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 0px 0px 65px rgba(0,0,0,0.1);
}


header-title{
	font-size: 1.5em;
	color: #1595d3;
	display: block;
	font-weight: 800;
}

header-subtitle{
	font-size: 1.2em;
	color: #455;
	display: block;
	font-weight: 400;
}


header-subtitle2{
	font-size:0.9em;
	color: #666;
	display: block;
	font-weight: 400;
}



.home-button{
	-webkit-transition: all 0.2s ease-in-out;
	transform: scale(1);
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 0px 0px 65px rgba(0,0,0,0.1);
}

.home-button:active{
	-webkit-transition: all 0.0s ease-in-out;
	background-color: #fff;
	transform: scale(0.98);
	border-radius: 20px;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}


.home-button-text{
	font-size: 1.6em;
	font-weight: 800;
	color: #1595d3;
}






.content-field{
	text-transform: capitalize;
	box-shadow: 0px 0px 35px rgba(0,0,0,0.1);
	-webkit-transition: all 0.2s ease-in-out;
	width: 100%;
	text-align: left;
	padding: 20px 20px;
	outline: none;
	border:none;
	border-radius: 15px;
	font-weight: 400;
	font-size: 1.3em;
	font-family: 'Manrope', sans-serif;
	transform: scale(1);
}



.content-field:active{
	text-transform: capitalize;
	background-color: #fff;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
	-webkit-transition: all 0.0s ease-in-out;
	width: 100%;
	text-align: left;
	padding: 20px 20px;
	outline: none;
	border: none;
	border-radius: 15px;
	font-weight: 400;
	font-size: 1.3em;
	font-family: 'Manrope', sans-serif;
	transform: scale(0.98);
}







.arama-field{
	background-image: url(../images/arama.png);
	background-size: auto 45%;
	background-repeat: no-repeat;
	background-position: 5px center;
	width: 100%;
	text-align: left;
	padding: 10px 20px 10px 40px;
	outline: none;
	border:none;
	border-radius: 15px;
	font-weight: 400;
	font-size: 0.8em;
	font-family: 'Manrope', sans-serif;
}






.content-field-aciklama{
	height: 200px;
	text-transform: capitalize;
	box-shadow: 0px 0px 35px rgba(0,0,0,0.1);
	-webkit-transition: all 0.2s ease-in-out;
	width: 100%;
	text-align: left;
	padding: 20px 20px;
	outline: none;
	border:none;
	border-radius: 15px;
	font-weight: 400;
	font-size: 1.3em;
	font-family: 'Manrope', sans-serif;
	transform: scale(1);
}



.content-field-aciklama:active{
	height: 200px;
	text-transform: capitalize;
	background-color: #fff;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
	-webkit-transition: all 0.0s ease-in-out;
	width: 100%;
	text-align: left;
	padding: 20px 20px;
	outline: none;
	border: none;
	border-radius: 15px;
	font-weight: 400;
	font-size: 1.3em;
	font-family: 'Manrope', sans-serif;
	transform: scale(0.98);
}


field-subtitle{
	font-size: 1em;
	color: #777;
	display: block;
	font-weight: 500;
}


field-smalltitle{
	font-size: 0.7em;
	color: #777;
	font-weight: 500;
}




.form-ok-button{
	outline: none;
	border:none;
	width: 100%;
	height: auto;
	background-color: #1595d3;
	transform: scale(1);
	-webkit-transition: all 0.2s ease-in-out;
	color: #fff;
	text-align: center;
	font-size: 1.4em;
	font-weight: 800;
	border-radius: 16px;
}


.form-ok-button:active{
	outline: none;
	border:none;
	width: 100%;
	height: auto;
	background-color: #1ed315;
	transform: scale(0.99);
	-webkit-transition: all 0.0s ease-in-out;
	color: #fff;
	text-align: center;
	font-size: 1.4em;
	font-weight: 800;
	border-radius: 16px;
}


.detay-frame{
	border-bottom: 1px solid #ccc;
}


.lightimg{
	-webkit-transition: all 0.2s ease-in-out;
	opacity: 1;
	transform: scale(1);
}




.form-durum-ok{
	text-align: center;
	line-height: 30px;
	background-color: #30b50c;
	font-size: 0.7em;
	color: #fff;
	display: block;
	font-weight: 500;
	border-radius: 20px;
	padding: 4px 3px 4px 3px;
}

.form-durum-no{
	text-align: center;
	line-height: 30px;
	background-color: #da0f26;
	font-size: 0.7em;
	color: #fff;
	display: block;
	font-weight: 500;
	border-radius: 20px;
	padding: 4px 10px 4px 10px;
}


.form-durum-beklemede{
	text-align: center;
	line-height: 30px;
	background-color: #e0c00f;
	font-size: 0.7em;
	color: #fff;
	display: block;
	font-weight: 500;
	border-radius: 20px;
	padding: 4px 10px 4px 10px;
}






.form-durum-ok-big{
	font-weight: 700;
	text-align: center;
	line-height: 30px;
	background-color: #30b50c;
	font-size: 1.4em;
	color: #fff;
	display: block;
	border-radius: 60px;
	padding: 15px 3px 15px 3px;
}

.form-durum-no-big{
	font-weight: 700;
	text-align: center;
	line-height: 30px;
	background-color: #da0f26;
	font-size: 1.4em;
	color: #fff;
	display: block;
	border-radius: 60px;
	padding: 15px 3px 15px 3px;
}


.form-durum-beklemede-big{
	font-weight: 700;
	text-align: center;
	line-height: 30px;
	background-color: #e0c00f;
	font-size: 1.4em;
	color: #fff;
	display: block;
	border-radius: 60px;
	padding: 15px 3px 15px 3px;
}




.siralama-button1{
	font-weight: 700;
	text-align: center;
	line-height: 30px;
	background-color: #39a9ff;
	font-size: 0.8em;
	color: #fff;
	display: block;
	border-radius: 60px;
	padding: 15px 3px 15px 3px;
}

.siralama-button1:active{
	font-weight: 700;
	text-align: center;
	line-height: 30px;
	background-color: #1162a1;
	font-size: 0.8em;
	color: #fff;
	display: block;
	border-radius: 60px;
	padding: 15px 3px 15px 3px;
}


}