@charset "utf-8";
/* CSS Document */
.login-logo{display: flex; justify-content: center;}
.login-logo img{max-width: 220px;}

.islem-btn-box{display: flex; flex-direction: row;}
.islem-btn{display: flex; justify-content: center; align-items: center;}

.durum-switch-box{display: flex; align-items: center;}
.durum-switch-box .switchery{margin-top: 0 !important; margin-right: 0 !important;  }
.durum-switch-box label{margin: 0 10px;}

.durum-label{padding: 0 !important;  border-radius: 0 !important;width: 24px; height: 24px; display: flex; justify-content: center; align-items: center;}

.teklifNo-label{color: #2278dd;font-size: 20px; font-weight: bold;}

.navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap{padding-top: 12px !important;width: 90% !important;padding-left: 5%; padding-right: 5%;}

.label-ara-radio {margin-right: 12px;height: 25px; display: flex; align-items: center;
 
  position: relative;
  padding-left: 35px;
  margin-bottom: 0;
  cursor: pointer;
  font: 17px 'Akrobat-Regular';
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.label-ara-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.span-ara-radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
 border: 1px solid #f30008;
}

/* On mouse-over, add a grey background color */
.label-ara-radio:hover input ~ .span-ara-radio {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.label-ara-radio input:checked ~ .span-ara-radio {
  background-color: #f30008;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.span-ara-radio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.label-ara-radio input:checked ~ .span-ara-radio:after {
  display: flex;
  align-items: center;
  justify-content: center;
  content: "✓";
  color: white;
  font-size: 14px;
  font-weight: bold;
  top: 0;
  left: 0;
  width: 23px;
  height: 23px;
  background: #f30008;
 
}