body {
/* 	background-image: linear-gradient(#4eab9d, #ebf5fc, #ebf5fc); */
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family:Helvetica;
}

.input {
	background-color:transparent;
	border-bottom: 1px solid grey;
	border-radius:10px;
	height:35px;
	font-size:16px;
	border-top:none;
	font-weight:normal;
	width:100%;
	max-width:98.6%;
	padding-left:5px;
	}
/* Firefox için */
html {
  scrollbar-color: #0a4c95 #c2d2e4; /* thumb ve track renkleri */
  scrollbar-width: 200px;            /* auto | thin | none */
}

button.delete {
	position:absolute;
	border:none;
	background-color:transparent;
	margin-top:-10px;
}

img.delete{
	max-width:20px;
	transition: transform 0.3s ease; /* 0.3 saniyede yumuşak geçiş */
}
img.delete:hover {
  transform: scale(1.1); /* %10 büyüt */
  cursor: pointer;
}

/* Chrome, Edge, Safari için */
::-webkit-scrollbar {
  width: 12px;                      /* genişlik */
}

::-webkit-scrollbar-track {
  background: #c2d2e4;              /* track rengi */
}

::-webkit-scrollbar-thumb {
  background-color: #0a4c95;        /* thumb rengi */
  border-radius: 6px;               /* yuvarlatma */
  border: 2px solid #c2d2e4;        /* thumb kenar boşluğu */
}

div.container{
  position:absolute;
  top:5%;
  border-radius:10px;
  background-color:white;
  box-shadow:0px 0px 30px 0px;
  height:90vh;
  overflow:auto;
  margin-left:0%;
  width:99%;
}

select {background-color:transparent;border-top:none;border-radius:10px;border-bottom: 1px solid grey;height:30px;width:100%;
}

td {
	border-bottom:0px solid grey;
	border-top:none;
	border-left:none;
	border-right:none;
	padding:1px;
	border-radius:10px;
}

.hidden{
	display:none;
}
tr{transition: 0.5s;}
tr:hover{
	box-shadow:0px 1px 0px 1px grey;
	border-top:none;
	transition: 0.5s;
	border-radius:10px;
}

div.heading{padding:10px;background-color:#1d487e;color:white;text-align:center;border-radius:5px;
	font-size:16px;margin-top:20px;
}
div.littlewarning{background-color:red; color:white;text-align:center;}
tr.nomination:hover{
	box-shadow:0px 0px 0px 0px grey;
	border-top:none;
	transition: 0.5s;
	border-radius:10px;
}

.nominationtable {
	border-radius:10px;
	margin-top: 15px;
	margin-bottom: 0%;
	width:100%;
	height:100vh;
	padding:10px;
}

button.kaydet {
	transition: 0.5s;
	width:100%;
	background-color:#a3dcff;
	border:none;
	border-radius:10px;
	height:30px;
}

button.kaydet:hover {
	background-color:#0b80c8;
	color:white;
	transition: 0.5s;
	cursor:pointer;
	font-weight:bold;
}


       /*
        Max width before this PARTICULAR table gets nasty
        This query will take effect for any screen smaller than 760px
        and also iPads specifically.
        */
       @media only screen and (max-width: 680px), (min-device-width: 360px) and (max-device-width: 1024px) {

            /* Force table to not be like tables anymore */
            table, thead, tbody, th, td, tr {
                display: block;
            }
th.heading {margin-top:10px;}
div.heading{padding:10px;background-color:#1d487e;color:white;text-align:center;border-radius:5px;}
div.littlewarning{background-color:red; color:white;text-align:center;}
                /* Hide table headers (but not display: none;, for accessibility) */
                thead tr {
                    position: absolute;
                    top: -9999px;
                    left: -9999px;
                }
.nominationtable {
	margin-top: 3%;
	margin-bottom: 10px;
	width:100%;
	padding:15px;
	height:10vh;
	border-radius:0px;
}
div.container{
  position:absolute;
  top:1%;
  bottom: 10%;
  right:0;
  border-radius:10px;
  box-shadow:0px 0px 30px 0px;
  height:120vh;
  overflow:auto;
  width:100%;
	}
}