@charset "UTF-8";

html {
  -webkit-transition: all 0.05s ease-in-out;
  -webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
  scroll-behavior: smooth;
}

/* width */
::-webkit-scrollbar {
  width: 6px;
}


.link-area{
	width: auto;
	height: auto;
}


/* Track */
::-webkit-scrollbar-track {
  border-radius: 0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #aaa;
  border-radius:0px;
}

::-webkit-scrollbar-thumb:hover {
  background: #333;
  border-radius:0px;
}



a{
	text-decoration: none !important;
}

body {
	padding-bottom: 100px;
	outline: none !important;
	-webkit-transition: all 0.05s ease-in-out;
	font-family: 'Manrope', sans-serif;
	font-weight: normal;
	text-decoration: none;
	margin: auto;
	font-size: 17px;
	background-color: #f4f4f4;
	font-synthesis:none;
	-moz-font-feature-settings:'kern';
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	direction:ltr;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	background-attachment: cover;
}



@media only screen and (min-width: 480px) {


.visibimg{

}


.login-frame{
	-webkit-transition: all 0.05s ease-in-out;
	width: 400px;
	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: 400px;
	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: 400px;
	height: 450px;
}



.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: 2em;
	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 50%;
	background-repeat: no-repeat;
	background-position: 15px center;
	width: 100%;
	text-align: left;
	padding: 20px 70px;
	outline: none;
	border:none;
	border-radius: 15px;
	font-weight: 400;
	font-size: 1.3em;
	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{
	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: 2em;
	font-weight: 800;
	border-radius: 16px;
}


.form-ok-button:active{
	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: 2em;
	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;
}


}

.ajax-file-upload-statusbar {
    width: 29% !important;
    display: block;
    float: left;
    height: 214px;
}

.ajax-upload-dragdrop {
    width: 100% !important;
    padding: 9% !important;
}

.ajax-upload-dragdrop b {
    font-size: 35px !important;
}