body > .loading { background: rgba(51, 65, 78, 0.68) url(../img/loading.gif) no-repeat scroll center center content-box !important; position: fixed; height: 100%; width: 100%; z-index: 1000; }

.form-control.error, .bootstrap-select.error > button { border-color: #b64645; }
label { font-weight: 600; }
label.error, label.valid { color: #fff; margin: 0; padding: 3px 10px; font-size: 11px; font-weight: normal; width: 100%; background-color: #b64645; }
.form-control.valid,
.bootstrap-select.valid > button { border-color: #95b75d; }
label.valid { color: #95b75d; }
.control-label.text-left { text-align: left; }

custumaktif { font-size: 18px; }

.gun { border: 1px solid #e1e1e1; border-radius: 10px; padding: 10px; margin-bottom: 10px; }
.gun .tarih { font-weight: bold; color: #000; margin-bottom: 10px; }
.gun .saatler { }
.gun .saatler a { margin: 5px; padding: 0 3px; }


.hasar-container { width: 390px; min-width: 390px; margin: 0 auto; }
.hasar-container .map .objeler { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.hasar-container .hasar-button-desc { width: 100%; }
.hasar-container .hasar-button-desc .hasar-buton-desc-item { width: 48%; display: inline-block; text-align: left; margin-bottom: 5px; }
.hasar-container .hasar-button-desc .hasar-buton-desc-item a { width: 25px; height: 25px; border-radius: 50%; display: inline-block; text-align: center; }
.hasar-container .hasar-button-desc .hasar-buton-desc-item .hasar-buton-boyali { background-color: green; color: #fff; }
.hasar-container .hasar-button-desc .hasar-buton-desc-item .hasar-buton-boyali:before { content: 'B' }
.hasar-container .hasar-button-desc .hasar-buton-desc-item .hasar-buton-degisen { background-color: blue; color: #fff; }
.hasar-container .hasar-button-desc .hasar-buton-desc-item .hasar-buton-degisen:before { content: 'D' }
.hasar-container .hasar-button-desc .hasar-buton-desc-item .hasar-buton-sase { background-color: red; color: #fff; }
.hasar-container .hasar-button-desc .hasar-buton-desc-item .hasar-buton-sase:before { content: 'Ş' }
.hasar-container .hasar-button-desc .hasar-buton-desc-item .hasar-buton-bagaj-havuzu { background-color: #adad74; color: #fff; }
.hasar-container .hasar-button-desc .hasar-buton-desc-item .hasar-buton-bagaj-havuzu:before { content: 'BH' }
.hasar-container .hasar-button { position: absolute; }
.hasar-container .hasar-button { width: 50px; }
.hasar-container .hasar-button a { width: 25px; height: 25px; border-radius: 50%; display: inline-block; margin-bottom: 5px; }
.hasar-container .hasar-button.sol { width: 10%; left: 6%; }
.hasar-container .hasar-button.orta { width: 44%; left: 28%; }
.hasar-container .hasar-button.sag { width: 10%; right: 6%; }
.hasar-container .hasar-button span { font-weight: normal; color: #000; font-size: 16px; }
.hasar-container .hasar-button .hasar-buton-boyali { color: green; border: 1px solid green; }
.hasar-container .hasar-button .hasar-buton-boyali.active { background-color: green; color: #fff; }
.hasar-container .hasar-button .hasar-buton-degisen { color: blue; border: 1px solid blue; }
.hasar-container .hasar-button .hasar-buton-degisen.active { background-color: blue; color: #fff; }
.hasar-container .hasar-button .hasar-buton-sase { color: red; border: 1px solid red; }
.hasar-container .hasar-button .hasar-buton-sase.active { background-color: red; color: #fff; }
.hasar-container .hasar-button .hasar-buton-bagaj-havuzu { color: #adad74; border: 1px solid #adad74; }
.hasar-container .hasar-button .hasar-buton-bagaj-havuzu.active { background-color: #adad74; color: #fff; }
.hasar-container .hasar-button.sol.on-camurluk { top: 14%; }
.hasar-container .hasar-button.sol.on-kapi { top: 34%; }
.hasar-container .hasar-button.sol.arka-kapi { top: 54%; }
.hasar-container .hasar-button.sol.arka-camurluk { bottom: 14%; }

.hasar-container .hasar-button.orta.sase { top: 14%; }
.hasar-container .hasar-button.orta.sase a { position: absolute; right: 20px; }
.hasar-container .hasar-button.orta.sase a:first-child { left: 20px; }
.hasar-container .hasar-button.orta.kaput { top: 23%; }
.hasar-container .hasar-button.orta.tavan { top: 57%; }
.hasar-container .hasar-button.orta.bagaj-havuzu { top: 70%; }
.hasar-container .hasar-button.orta.bagaj { top: 80%; }

.hasar-container .hasar-button.sag.on-camurluk { top: 14%; }
.hasar-container .hasar-button.sag.on-kapi { top: 34%; }
.hasar-container .hasar-button.sag.arka-kapi { top: 54%; }
.hasar-container .hasar-button.sag.arka-camurluk { bottom: 14%; }
.hasar-container .hasar-devam { margin-top: 10px; text-align: center; }

.kontrol-contents .kontrol-content-item { display: none; text-align: center; }
.kontrol-contents .kontrol-content-item img { max-height: 450px; width: auto; }
.kontrol-contents .kontrol-content-item.active { display: block; }
.kontrol-contents .kontrol-content-title { text-align: center; margin: 10px 0; }
.kontrol-contents .kontrol-content-text { text-align: center; }
.kontrol-contents .kontrol-content-text .label { font-size: 26px; padding: 5px 15px; line-height: normal; letter-spacing: 3px; }
.kontrol-contents .kontrol-content-btn { text-align: center; margin: 10px 0; }