﻿.fa.fa-2 { font-size: 2em }
.fa.fa-3 { font-size: 4em }
.fa.fa-4 { font-size: 7em }
.fa.fa-5 { font-size: 12em }
.fa.fa-6 { font-size: 20em }

.flag.flag-tr-tr {
    background-image: url(../img/flags/tr.png);
}

.login-container.lightmode .login-box .login-body { background: rgba(255, 255, 255, 0.8); }
.x-navigation > li.xn-logo > a:first-child { background-position-y: center; }
.x-navigation > li.xn-logo > a:first-child,
.x-navigation.x-navigation-horizontal,
.x-navigation,
.page-container { background-color: #0c1529; }
.login-container.lightmode {
    background: url("../img/backgrounds/RPT2.png") right no-repeat #0c1529;
}
.profile { background-color: #0c1529; }
.x-navigation li.active > a,
.x-navigation li > a:hover { background-color: #f2c335; color:#172541;}
.x-navigation li > ul { background-color: #586889; }
.x-navigation.x-navigation-horizontal { background-color: #f2c335; }
.x-navigation.x-navigation-horizontal .xn-icon-text { font-size: 26px; line-height: 48px; color: #fff; }

.login-logo { text-align: center; color: #fff; font-weight: bold; font-size: 18px; padding-top: 40px; }

.profile .profile-image img { max-height: 100px; }

.file-input-wrapper input[type=file] { width: 100%; }

label.error, label.valid { background: #b64645; color: #fff; padding: 5px; margin-top: -2px; }

.tile.tile-valign { line-height: normal; }

.error-bg { top: 0; bottom: 0; position: absolute; left: 0; right: 0; }
.error-container .error-text{ line-height: normal; }

.error-message { background-color: #b64645; padding: 5px; font-size: 11px; color: #fff; font-weight: bold; line-height: 20px; margin-bottom: 0; display: block; }

.sorgu-paket-listesi { margin-top: -5px; }
.sorgu-paket-listesi li { padding: 0; }
.sorgu-paket-listesi li .check { display: block; padding: 10px 15px; }
.sorgu-paket-listesi li .check > i { display: block; }
.sorgu-paket-listesi li .check span { margin-left: 5px; }
.sorgu-paket-listesi li .check span > span.badge { margin-top: -5px; margin-right: 5px; }

#divToplamTutar { font-size: 28px; }
#divToplamTutar small { display: block; margin-top: 5px; font-size: 12px; line-height: normal; }

.list-active { background-color: #3fbae4 !important; color: #fff; }
.list-active .badge { background-color: #fea223; }
.list-active i { color: #fff !important; }

.kayit-kontrol .label-baslik { display: block; margin: -10px -15px; border-radius: 0; line-height: 25px;}
.kayit-kontrol .list-group .list-group-item { margin-bottom: 10px; }
.kayit-kontrol .list-group .list-group-item .btn { display: block; margin: 10px -15px -10px -15px; border-radius: 0; }

#divRandevuBilgi .widget-int { font-size: 24px; }

.sorguTamamla .messageCheck { text-align: center; }
.sorguTamamla .messageCheck i { margin-top: 20px; font-size: 100px; color: lightgreen; }
.sorguTamamla .messageContent strong { color: green; }
.sorguTamamla .sayfaBaslik { margin: 10px 10px 20px 10px; text-align: center; }
.sorguTamamla .sayfaBaslik strong { color: green; }
.sorguTamamla .ruhsatGoruldu { float: right; color: #000; }
.sorguTamamla .ruhsatGoruldu .switch span { float: left; }

.sorguTamamla .zorunlu label span { color: red; }

.panel .panel-body-desc { padding: 5px; background-color: lightgrey; text-align: center; }
.panel .panel-body-desc p { margin-bottom: 0; }

.panel-test .test-secenek { background-color: #f1f1f1; padding: 10px; margin-bottom: 10px; }
.panel-test .form-group label { display: block; }
.panel-test .form-group .input-secenek { display: block; }
.panel-test .form-group .secenek-item:first-child { border-top: none; }
.panel-test .form-group .secenek-item { border-top: 1px solid #f1f1f1; padding: 10px 15px; width: 100%; }
.panel-test .form-group .secenek-item label { margin-bottom: 0; }

.renk-yesil { background-color: #47b044; color: #fff; }
.renk-turuncu { background-color: #fff799; color: #555555; }
.renk-kirmizi { background-color: #f7a197; color: #fff; }
.renk-mavi { background-color: #00aeef; color: #fff; }
.renk-gri { background-color: #555555; color: #fff; }

.renk-yesil .input-tespit { background-color: #72d16f; color: #333; }
.renk-turuncu .input-tespit { background-color: #ebe7b4; color: #555555; }
.renk-kirmizi .input-tespit { background-color: #f1bab4; color: #fff; }
.renk-mavi .input-tespit { background-color: #53c5ef; color: #fff; }
.renk-gri .input-tespit { background-color: #b0adad; color: #333; }

.panel .panel-body.test-noktalari { padding: 0; border-top: 2px solid #ccc; }
.panel .panel-body.test-noktalari .list-group .list-group-item .fa { margin-right: 0; }
.panel .panel-body.test-noktalari .list-group-item { float: left; width: 100%; }
.panel .panel-body.test-noktalari .list-group-item .nokta-header { cursor: pointer; }
.panel .panel-body.test-noktalari .list-group-item:hover { background-color: #444; color: #fff; }
.panel .panel-body.test-noktalari .list-group-item .sol { width: 88%; float: left; line-height: 25px; }
.panel .panel-body.test-noktalari .list-group-item .sol .adi { font-weight: bold; }
.panel .panel-body.test-noktalari .list-group-item .sol .deger {  }
.panel .panel-body.test-noktalari .list-group-item .sol .ayarlar { display: block; }
.panel .panel-body.test-noktalari .list-group-item .sol .ayarlar .ekalan {  }
.panel .panel-body.test-noktalari .list-group-item .sag { width: 12%; float: right; }
.panel .panel-body.test-noktalari .list-group-item .sag .fa { font-size: 16px; padding: 5px 0; }
.panel .panel-body.test-noktalari .list-group-item .sag .badge { margin-right: 5px; }

.panel .panel-body.test-noktalari .list-group-item .noktaDetay { display: none; float: left; width: 100%; background: #e1e1e1; padding: 10px; }
.panel .panel-body.test-noktalari .list-group-item .noktaDetay .form-group > label,
.panel .panel-body.test-noktalari .list-group-item .noktaDetay .form-group > div > label { color: #333; }
.panel .panel-body.test-noktalari .list-group-item .noktaDetay .nokta-resmi { margin-top: 5px; }
.panel .panel-body.test-noktalari .list-group-item .noktaDetay .nokta-resmi .fa { font-size: 24px; }
.panel .panel-body.test-noktalari .list-group-item .noktaDetay .input-secenek { display: block; }
.panel .panel-body.test-noktalari .list-group-item .noktaDetay .secenek-item:first-child { border-top: none; }
.panel .panel-body.test-noktalari .list-group-item .noktaDetay .secenek-item { border-top: 1px solid #f1f1f1; width: 100%; }
.panel .panel-body.test-noktalari .list-group-item .noktaDetay .secenek-item label { margin-bottom: 0; padding: 10px 15px; display: block; }

.panel .panel-body.test-noktalari .list-group-item .noktaDetay .input-tespit { display: none; }
.panel .panel-body.test-noktalari .list-group-item .noktaDetay .tespit-item { border-top: 1px solid #f1f1f1; width: 100%; }
.panel .panel-body.test-noktalari .list-group-item .noktaDetay .tespit-item label { margin-bottom: 0; padding: 10px 0 10px 30px; display: block; }

.nav-tabs-vertical.tab-test .nav-tabs { width: 25%; }
.nav-tabs-vertical.tab-test > .panel-body { width: 75%; margin-left: 25%; }

#mdlIslem .modal-dialog { width: 90%; }

#raporIslemleri .bg-danger a { color: #fff !important;}
#raporIslemleri .bg-danger a:hover { color: #B64645 !important; }

#divGarantiTutar { display: inline-block; width: auto; margin-bottom: 0; padding: 6px 15px; }
#divGarantiTutar span { font-weight: bold; }

form.added .panel { background-color: #95b75d; color: #fff; }
form.added .panel h3 { color: #fff; }

.bayi-liste-kisa .btn { padding: 1px 2px !important; font-size: 9px; margin-right: -15px; border: 1px solid #fff; width: 35px; height: 35px; border-radius: 17px; }

.item-date { text-align: center; }
.item-date span { text-align: center; background-color: #bebebe; display: inline-block; padding: 3px 15px; border-radius: 15px; font-size: 11px; }

.teftisCevaplar .cevap { border-top: 1px solid #ccc; color: #000; font-size: 14px; }
.teftisCevaplar .panel.yanlis { border-top: 2px solid #d40006; }
.teftisCevaplar .panel.yanlis:before { content: "\f00d"; color: #d40006; }
.teftisCevaplar .panel.dogru { border-top: 2px solid #95b75d; }
.teftisCevaplar .panel.dogru:before { content: "\f00c"; color: #95b75d; }
.teftisCevaplar .panel.bos:before { content: "\f056"; }
.teftisCevaplar .panel:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 32px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; left: 50%; }

.tile.tile-success {
    background: #1da709;
    border-color: #1da709;
}

    .tile.tile-success:hover {
        background: #34b022;
        color: #0c1529;
    }

.tile.tile-warning {
    background: #f2c335;
    border-color: #f2c335;
    color: #0c1529;
}

    .tile.tile-warning:hover {
        background: #f2c335;
        color: #FFF;
    }

.tile.tile-danger {
    background: #b30000;
    border-color: #b30000;
}

    .tile.tile-danger:hover {
        background: #bb1a1a;
        color: #0c1529;
    }

.tile.tile-info {
    background: #0865b9;
    border-color: #0865b9;
}

    .tile.tile-info:hover {
        background: #2174c0;
        color: #0c1529;
    }

.profil-image{ height:200px;  border: 2px solid white; border-radius:25px; object-fit:cover;}
.profil-image-wrapper{ height:200px; width:200px; position:relative; margin:0 auto; text-align:center;}
.profil-image-wrapper label{ position:absolute; font-size:38px; right:-13px; top:-2px; cursor: pointer; color:#f2c335;}
.profil-image-wrapper label:hover{ color:black; transition:0.3s;}
.profil-image-wrapper label input{ display:none;}
.fixed-profil-label{font-size:12px;}

#kullanici-tipi-tanim-td{text-align:center; font-size:14px;}
#kullanici-tipi-cookie-hour-td{text-align:center; font-size:14px;}
#kullanici-tipi-table td{padding: 9px 20px;}

.sorgu-resim-wrapper {
    padding: 10px;
    border-bottom: 1px solid black;
    margin-bottom: 5px;
    background-color: #e4ebf5;
}

.sorgu-resim-row {
    margin-top: 10px;
}


#mdlYazdir iframe {
    width: 100%;
    min-height: 500px;
    border: none;
}

@media not all, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .x-navigation > li.xn-logo > a:first-child { background-image: url(../img/logo@2x.png); background-size: 200px 40px; }
}