* {margin:0; padding:0;}

body {font-family: 'Roboto',Arial;}
#mainpage {padding:15px;}



/****** LOGIN MODAL ******/
.form-container {
  padding: 30px;
  max-width: 350px;
  width: 100% !important;
  background-color: #F7F7F7;
  margin: 0 auto;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  font-family: 'Roboto',Arial;
  margin-top:25px;
  margin-bottom:25px;
}

.form-container h1 {
  text-align: center;
  font-size: 1.8em;
  
}

.form-container .defbtn {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

.inputstyle[type=text], .inputstyle[type=password],.inputstyle[type=number],textarea.inputstyle,select.inputstyle {
  height: 44px;
  font-size: 16px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  /* border-radius: 2px; */
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.inputstyle[type=text]:hover, .inputstyle[type=password]:hover,textarea.inputstyle:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
textarea.inputstyle {height:80px;}
.loginmodal {
  text-align: center;
  font-size: 14px;
  font-family: 'Arial', sans-serif;
  font-weight: 700;
  height: 36px;
  padding: 0 8px;
/* border-radius: 3px; */
/* -webkit-user-select: none;
  user-select: none; */
}

.defbtn {
  /* border: 1px solid #3079ed; */
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  background-color: #4d90fe;
  padding: 17px 0px;
  font-family: 'Roboto',Arial;
  font-size: 14px;
 display:block;
  text-align: center;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
}

.defbtn:hover {
  /* border: 1px solid #2f5bb7; */
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}

.form-container a {
  text-decoration: none;
  color: #666;
  font-weight: 400;
  text-align: center;
  display: inline-block;
 
  transition: opacity ease 0.5s;
}

 a.defbtn { color:#fff;
  text-decoration:none;}

.login-help{
  font-size: 12px;
}


/* CHECKBOX */
.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label, .radio label {padding-left:0;}
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}
/* CHECKBOX */

#uyelik {max-width:670px;}

.alert {margin-bottom:0;}

.menustil {list-style-type:none; margin-bottom:0; clear:both; margin:0 0; text-align:center;}
    .menustil li {display:inline-block; text-align:center; padding:0; /*width:14%;*/}
        
        .menustil li a {display:block; text-decoration:none; font-weight:bold; background:#ddd; color:#757575; padding:5px; margin:2px;}
            .menustil li a i {padding-right:5px;}
            .menustil li a:hover {color:#222; border:#c6c6c6;}
        .menustil li.active a {background:#2f5bb7; border-top:1px solid #f2f2f2; color:#fff;}
        .menustil li a img {height:60px;}
        .menustil li a span {display:block;line-height:22px;}



@media (min-width:1280px) {
    .menustil li.col-md-2 {width:14%} 
}

#orta {padding:15px; border:1px solid #ddd; border-top:0;}
.ky label {display:block;}
.ky .inputstyle { text-transform:uppercase;}
.box {padding:15px; text-align:center; border:1px solid #f2f2f2; margin-bottom:15px;}
.box h3 {margin:0; font-size:21px; font-weight:300; height:45px;}
.box label {display:inline-block; background:#015397; color:#fff; height:100px; width:100px; border-radius:50px; text-transform:uppercase; margin-bottom:10px;}
    .box label span {line-height:100px; font-size:12px;}


.sifrediv {padding:15px; border:1px solid #f2f2f2;}

#menubtn {font-size:24px; padding:5px; border:1px solid #f2f2f2; display:inline-block; width:50px; line-height:40px; text-align:center;}

select.mininput {width:40%;}

.logout {position:fixed; right:15px; top:15px; background:#ff0000; color:#fff;  width:35px; text-align:center; border-radius:50px; text-transform:uppercase; font-size:24px;}
a.logout,a.logout:hover {text-decoration:none; color:#fff;}

#kart {border-radius:10px; background:#aaa; padding:30px; height:200px; max-width:360px; text-transform:uppercase;}
    #kart .kartipi {height:30px; width:40px; background:#555; border-radius:5px; margin-bottom:40px;}
    #kart .kartno {margin-bottom:20px;}

@media screen and (max-width: 992px) {
    .menustil {display:none;}
        .menustil li {width:100%; display:block;}
}


.loadingbg {position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.2); z-index:1;}
.loading {position:fixed; left:45%; top:45%; width:10%; box-sizing:border-box; padding:10px; z-index:2; text-align:center; background:#fff; border:1px solid #9c9cad; overflow:hidden;}