html {
    min-height: 100%;
}
body, form {
    height: 100vh;
}
.container {min-height:85%}
.select2-selection.is-invalid {
    border-color: #dc3545 !important;
    padding-right: 2.25rem !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(1.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

/* typical phone screen resolution */
#scannedCanvas, #scannedoverlay, #scannedCanvas2 {
    top: 0;
    left: 0px;
    max-width: 100%;
}
#tab_scanned, #tab_result {
    position: relative;
}
#scannedoverlay {
    pointer-events: none;
}
/* Tab başlıkları */
.nav-tabs > li > a {
    background-color: white; /* açık mavi */
    border-bottom: 1px solid #7fa6e0 !important;
    color: #2b4c7e;
    font-weight: bold;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    background-color: #e0ecff; /* aktif tabın arka planı */
    border: 1px solid #7fa6e0 !important;
    border-bottom: 1px solid #e0ecff !important; /* alt kenarlık kaldırıldı */
    color: #1d3557;
}

/* Tab içerik alanı */
.tab-content {
    border: 1px solid #7fa6e0;
    border-top: 0px;
    padding: 15px;
    background: #ffffff;
    border-radius: 0 0 4px 4px;
    margin-bottom:15px;
}
#tab_result {
   
}
#area_scanned, #area_camera, #area_result, #pnl_forms {
    display: none;
}

.videolink {
    cursor: pointer;
    content: none;
    background: url("/images/play24.png") center center transparent no-repeat;
    text-indent: -99999px;
    display: inline-block;
    width: 100%;
    height: 14px;
    border-radius: 3px;
    background-size: auto 14px;
    margin: 2px -1px 1px -1px;
}
@media (min-width: 768px) { }

@media (max-width: 767px) {
    body,form,html {min-height:100%; height:100%;}
    .container { }
    .panel-title h1 { font-size:1em;}
    .sinavturuliste { padding: 0 10px 10px 5px;}
    .sinavturuliste .panel-body { padding: 5px; }
    .reklamfooter { position:relative; height:100px; width:100%; }
    .reklamfooter1 { z-index:99999999; position: fixed; left: 0; bottom: 0; display:block; width:100%; height:100px; border-top:solid 1px #ddd; background:#f7f7f7; text-align:center;}

    #scannedCanvas, #scannedoverlay, #scannedCanvas2 {
        /*left: 2.5%;*/
    }

    #area_camera > div {
        display: block;
        overflow: hidden;
        height: 650px;
    }
    .nav-tabs > li > a {
        
        border: 1px solid #7fa6e0 !important;
        
        
    }
    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:focus,
    .nav-tabs > li.active > a:hover {
       
        border-bottom: 1px solid #7fa6e0 !important; /* alt kenarlık kaldırıldı */
       
    }
    .tab-content {
        border-top: 1px solid #7fa6e0;
        border-radius: 4px;
    }
    
    #area_camera canvas {
        left: 0% !important;
        width: 100% !important;
        max-width: none !important
    }

    .canvas1 canvas {
        left: 10px !important;
        width: 80%;
    }

    #duzenlenebilirAlanlar {
        left: 5px !important;
        width: 95%;
    }
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
         float: none !important;
    }
}

@media (min-width: 321px) and (max-width: 767px) {
  .sinavturuliste .nav-tabs > li > a { padding: 10px 10.8px;}
}

@media (max-width: 320px) {
    .sinavturuliste .nav-tabs > li > a { font-size:0.9em; padding: 8px 8.5px;}
}