* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	font-size: 14px;
}

.hidden-button{
	overflow: visible !important; 
	height: 0 !important; 
	width: 0 !important; 
	margin: 0 !important; 
	border: 0 !important; 
	padding: 0 !important; 
	display: block !important;
}

.uyari-mesaji {
	margin-top: 10px;
}

.m-top-5 {
	margin-top: 10px !important;
}

.m-top-7 {
	margin-top: 10px !important;
}

.m-top-10 {
	margin-top: 10px !important;
}

.m-top-15 {
	margin-top: 10px !important;
}

.m-top-20 {
	margin-top: 10px !important;
}

.m-top-25 {
	margin-top: 25px !important;
}

a {
	text-decoration: none;
}

body {
	/*
	min-width: 100vw;
	min-height: 100vh;
	*/
}

.container-login {
	background-image: url("/media/big_elephant.png");
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover;

	display: flex;
	align-items: center;
	justify-content: center;
	width: 100vw;
	height: 100vh;
}

.login-logo {
	width: 300px;
	height: 400px;
	background-color: aliceblue;
}

.login-form {
	width: 400px;
	padding: 20px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 5px;
}

#login-sitename {
	padding: 30px 15px 60px 15px;
	text-align: center;
	font-family: "Roboto", sans-serif;
}

#login-welcome {
	text-align: center;
	font-family: "Roboto", sans-serif;
}

#login-formdata {
	display: grid;
	padding: 20px 0px 0px 0px;
	width: 100%;
}

.input-up {
	outline: 0;
	border-width: 0 0 1px;
	border-color: black;
	opacity: 0.5;
	height: 35px;
	width: 100%;
	padding: 15px;
	margin-top: 8px;
}

.input-up:focus {
	border-color: black;
	outline: 1px dotted #000;
	opacity: 0.8;
}

#login-username,
#login-password {
	outline: none;
	margin-bottom: 15px;
}

#login-usernamelabel,
#login-passwordlabel {
	color: black;
	opacity: 0.5;
}

#login-forgotpassword {
	text-align: right;
}

#login-forgotpassword a {
	color: rgba(0, 0, 0, 0.5);
}

#login-submit {
}

.login-submit {
	width: 100%;
	margin-top: 25px;
	padding: 15px;
	border: none;
	cursor: pointer;
}

form {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.card-body- {
	padding: 8px 10px 8px 0px !important;
	border-radius: 0px !important;
}

.color-green {
	color : #00FF11;
}

.color-red {
	color : #f10920;
}

.color-yellow {
	color : #fbcd00;
}

.list-group-flush .list-group-item:last-child {
  border-bottom: 1px solid #dee2e6 !important; /* Bootstrap'in varsayılan gri rengi */
}

.list-group-flush .list-group-item:first-child {
  border-top: 1px solid #dee2e6 !important;
}

.menuItem ul {
	margin: 0;
}

.menuItem ul li{
	list-style-type: none;
  	border-bottom: 1px solid #dee2e6 !important;
  	padding:0;
	margin:0;
  	padding-top: 10px;
  	padding-bottom: 10px;
}

.styleButton {
	font-weight: bold;
	cursor:pointer;
}

.styleButtonText{
	text-align: right;
	padding-top:5px; 
	font-weight: bold;
}

.goToBack{
	cursor:pointer;
	font-weight: bold;
}

.goToLink{
	cursor:pointer;
	font-weight: bold;
	color:#f10920;
}

.startButton{
	cursor:pointer;
}