/*
  Datepicker for Bootstrap
  Copyright 2012 Stefan Petre
  Licensed under the Apache License v2.0
  http://www.apache.org/licenses/LICENSE-2.0
*/
 .datepicker { top: 0; left: 0; padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 12px rgba(0,0,0,.2); } .datepicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .datepicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; } .datepicker table { width: 100%; margin: 0; } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: .5rem; } .datepicker td.day:hover { background: #eeeeee; cursor: pointer; } .datepicker td.old, .datepicker td.new { color: #999999; } .datepicker td.active, .datepicker td.active:hover { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] { background-color: #0044cc; } .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active { background-color: #003399 \9; } .datepicker td span { display: block; width: 47px; height: 54px; line-height: 54px; float: left; margin: 2px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker td span:hover { background: #eeeeee; } .datepicker td span.active { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] { background-color: #0044cc; } .datepicker td span.active:active, .datepicker td span.active.active { background-color: #003399 \9; } .datepicker td span.old { color: #999999; } .datepicker th.switch { width: 145px; } .datepicker th.next, .datepicker th.prev { font-size: 19.5px; } .datepicker thead tr:first-child th { cursor: pointer; } .datepicker thead tr:first-child th:hover { background: #eeeeee; } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; }

/*--- TEMA ---*/
html { position: relative; min-height: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { background: #f6f9fa; font-family: "Montserrat", sans-serif; margin: 0; overflow-x: hidden; color: #67757c; font-size: 14px; font-weight: 400; }

h1, h2, h3, h4, h5, h6 { color: #455a64; font-family: "Montserrat", sans-serif; font-weight: 400; }
h1 { line-height: 40px; font-size: 36px; }
h2 { line-height: 36px; font-size: 24px; }
h3 { line-height: 30px; font-size: 21px; }
h4 { line-height: 22px; font-size: 18px; }
h5 { line-height: 18px; font-size: 16px; font-weight: 400; }
h6 { line-height: 16px; font-size: 14px; font-weight: 400; }
.error { color: red; }
a, a:hover { text-decoration: none; }

sup { font-size: 60%; opacity: .7; }

.m-r-10 { margin-right: 10px; }
.outline { outline: 1px solid red; }
.lightline { border: 1px!important; border-color: #dcdcdc!important; border-style: solid!important; border-radius: .25rem!important; }
.date-title { background: #2f3d4a; border-color: #2f3d4a; color: #FFF; padding: .75rem 1rem; line-height: 18px; font-size: 16px; border-radius: .25rem; }
.font-2 { font-size: 1rem; line-height: 1.75; }

.sm-class small { font-size: 50%; }
.dropoff, .pickup { width: 120px!important;  }

#main-wrapper { width: 100%; overflow: hidden; }

/*--- NAVBAR ---*/
.topbar { background: #2e333f; }
.topbar .container-fluid { padding: 0; }
.topbar .logo { height: 35px; margin-right: 30px; }
.topbar .navbar {  }
.topbar .navbar-light .navbar-toggler-icon { background-image: url('../images/toggle.svg');  }
.topbar .navbar-light ul li .nav-link { color: #8d97ad; padding: 8px 15px; display: block; font-size: 16px; font-weight: 400; line-height: 35px; transition: ease all .25s; border-radius: .25rem; }
.topbar .navbar-light ul li a.nav-link:focus, .topbar .navbar-light ul li a.nav-link:hover { color: #20aee3; background: #FFF; }
.topbar .navbar-light ul li a.nav-link i { margin-right: 5px; }
.topbar .navbar-light .dropdown-menu { padding: 15px; box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.08); border: 0; -webkit-box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.08); margin-top: -5px; }
.topbar .navbar-light .dropdown-item { color: #2e333f; font-size: 16px; font-weight: 400; line-height: 1.5; border-bottom: 1px solid #efefef; padding: 0.5rem 2.5rem 0.5rem 0.5rem; }
.topbar .navbar-light .dropdown-item:active { background-color: #2e333f; color: #FFF; }
.topbar .navbar-text { padding: 8px 0 8px 20px; line-height: 35px; color: #8d97ad; font-size: 14px;  }

@media (max-width: 1279px){
  .topbar .container-fluid { padding: 0; }
  .topbar .logo { height: 30px; margin-right: 0; }
  .topbar .navbar-light ul li .nav-link { padding: 8px 15px; font-size: 15px; line-height: 35px; }
  .topbar .navbar-light .dropdown-menu { margin-top: 0; }
}

@media (max-width: 767px){
  .topbar { position: fixed; width: 100%; z-index: 50; padding: 7px 0; }
  .topbar button:focus { outline: 0; }
  .topbar .logo { height: 30px; }
  .topbar .navbar-light ul li .nav-link { font-size: 16px; line-height: 35px; border-bottom: 1px solid #535967; border-radius: 0; }
  .topbar .navbar-light ul li a.nav-link:focus, .topbar .navbar-light ul li a.nav-link:hover { color: #535967; background: none; }
  .topbar .navbar-light ul li a.nav-link i { margin-right: 5px; }
  .topbar .navbar-light .dropdown-menu { background: #bac5de; padding: 0 15px; border: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
  .topbar .navbar-light .dropdown-item { padding: 8px 0; border-bottom: 1px solid #a1acc5; line-height: 35px; }
  .topbar .navbar-light .dropdown-item:last-child { border-bottom: 0; }
}


/*--- FORMAT STYLES ---*/
.page-wrapper { background: #f6f9fa; padding-bottom: 60px; position: relative; padding-top: 0; }
.container-fluid { padding: 25px 15px; max-width: 1280px; margin: 0 auto; position: relative; }

.page-titles { background: #f6f9fa; margin-bottom: 20px; padding: 0px; }
.page-titles h3 { margin-bottom: 0px; margin-top: 0px; }

.card { margin-bottom: 30px; border: 0px; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; }
.card .card-title { position: relative; }
.card .card-subtitle { font-weight: 300; margin-bottom: 15px; color: #8990a0; }

table { font-size: 1em; }
.table-responsive { display: block; width: 100%; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; }
.table thead th, .table th { border: 0px; font-weight: 500; background-color: #24d2b5; color: #FFF; }
.table td, .table th { border-color: #f3f1f1; vertical-align: middle; }
.table-striped tbody tr:nth-of-type(odd) { background: #e9edf2; }
.table-hover tbody tr:hover { background: rgba(0, 0, 0, 0.02); }
.emlak-liste-table img { width: 120px; height: auto; border: 0; padding: 0; }

textarea { height: 200px; }
textarea.rns { height: 150px; resize: none; }

.dataTables_wrapper { padding: 0; }
table.dataTable { border-collapse: collapse!important; margin-top: 0 !important; margin-bottom: 0 !important; }
table.dataTable td, table.dataTable th { padding: .6rem .75rem; }
table.dataTable thead th, table.dataTable thead td { padding: .6rem .75rem; border-bottom: 0; font-weight: 500; }
table.dataTable thead th:after, table.dataTable thead th:before { font-size: 1.25rem; bottom: 5px!important;  }

.btn { padding: 7px 12px; cursor: pointer; opacity: 1; }
.btn:disabled { opacity: .3; }
.btn-danger, .btn-danger.disabled { background: #ff5c6c; border: 1px solid #ff5c6c; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; }
.btn-info, .btn-info.disabled { background: #20aee3; border: 1px solid #20aee3; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; }
.btn-warning, .btn-warning.disabled { background: #ff9041; border: 1px solid #ff9041; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; }
.btn-success, .btn-success.disabled { background: #24d2b5; border: 1px solid #24d2b5; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; }
.btn-inverse, .btn-inverse.disabled { background: #2f3d4a; border: 1px solid #2f3d4a; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; color: #FFF; }
.btn-circle { border-radius: 100%; width: 40px; height: 40px; }
.btn-circle:hover { background: #20aee3; color: #FFF; }
.btn-rounded.btn-lg { padding: .75rem 1.5rem; }
.btn-rounded { border-radius: 60px; padding: 7px 18px; }

.label { padding: 3px 10px; line-height: 13px; color: #ffffff; font-weight: 400; border-radius: 4px; font-size: 75%; display: inline-block; }
.label-danger { background-color: #ff5c6c; }
.label-info { background-color: #20aee3; }
.label-warning { background-color: #ff9041; }
.label-success { background-color: #24d2b5; }
label.is-invalid { color: #ff5c6c; font-weight: 600; padding-top: .5rem; }

.text-themecolor { color: #20aee3 !important; }
.text-inverse { color: #2f3d4a !important; }
.text-danger { color: #ff5c6c !important; }
.text-info { color: #20aee3 !important; }
.text-warning { color: #ff9041 !important; }
.text-success { color: #24d2b5 !important; }

form label { font-weight: 400; }
.form-group { margin-bottom: 25px; }
.form-control { color: #67757c; min-height: 38px; display: initial; }

@media (max-width: 767px){
  .page-wrapper { margin-left: 0px; padding-top: 70px; }
  .container-fluid { padding: 25px 15px 25px 15px; }
}


/*--- SAYFALAR ---*/
.kasaBanner { background: #FFF; box-shadow: 0 3px 15px 0 rgba(0,0,0,.05); }
.stokBanner { font-size: 1rem; }
.bannerBtn { border-radius: .25rem; }
.bannerBtn .card-body { padding: .75rem 1rem; }
.bannerBtn h6 { margin: 0; font-size: 100%; white-space: nowrap; opacity: .8; }
.bannerBtn h6 i { margin-right: 5px; }
.bannerBtn h1 { line-height: 1; margin: 0; white-space: nowrap; font-weight: 500; }
.bannerBtn h1 i { opacity: .5; font-size: 1.5rem; }

a.home-btn, a.home-btn:visited { display: block; background: #FFF; transition: ease all .3s; text-align: center; padding: 2rem 0; border-radius: .25rem; box-shadow: 0 3px 15px rgba(0,0,0,.05); overflow: hidden; color: #7d869b; }
a.home-btn i { font-size: 3rem; display: block;  }
a.home-btn span { display: block; margin: .5rem 0 0 0; font-size: 18px; font-weight: 400; }
a.home-btn:hover, a.home-btn:focus { box-shadow: 0 3px 25px rgba(0,0,0,.1); color: #20aee3; margin-top: -4px; }

.tip-btn .form-check-input[type=checkbox], .tip-btn .form-check-input[type=radio], .tip-btn label.btn input[type=checkbox], .tip-btn label.btn input[type=radio] { position: absolute; left: -9999px; visibility: hidden; }
#kdvCheck { width: 24px; height: 24px; }


/*--- LOGIN ---*/
.login { background-image: url('/ui/images/bck.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; height: 100%; width: 100%; padding: 10% 0; position: fixed; min-height: 100vh; }
.login .card { width: 400px; margin: 0 auto; box-shadow: 0 0 35px rgba(0,0,0,.1); }
.login .logo { height: 40px; }
.input-group-seamless { position: relative; }
.input-group-seamless .input-group-text { background: transparent; padding: .375rem .35rem .375rem .75rem; border: 0; position: absolute; z-index: 99; top: 9px; color: #ccc; }
.input-group-seamless .form-control { color: #67757c; border-radius: .35rem!important; padding-left: 35px; line-height: 35px; }
.input-group-seamless input:-webkit-autofill { -webkit-text-fill-color: #67757c; -webkit-box-shadow: 0 0 0 100px white inset; }
.input-group-seamless input:-webkit-autofill:hover, .input-group-seamless input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 100px white inset; -webkit-text-fill-color: #67757c; }
.login label.is-invalid { display: block; }
.login .alert { width: 90%; max-width: 400px; margin: 0 auto 1rem auto; font-size: 16px; background: #ff5c6c; border: 0; color: #FFF; font-weight: 400; }
.login .captcha { margin-top: 1rem; }

@media (max-width: 767px){
  .login { position: relative; overflow: hidden; }
  .login .card { width: 90%; }
}