@import "sizes.css";
/*@import "renkler.css";*/

.clr{clear:both;}
a{text-decoration: none;}

:root{

  --kirmizi01: #ffecec;
  --kirmizi02 : #bf1e2d;/*bf1e2d*/
  --kirmizi03 :#eb1b1e;

  --yesil01 : #41b157;
  --yesil02: #2ca143;

  --mavi01 : #f8f9fa;
  --mavi02: #eef4f7;
  --mavi03 : #2a76dd;
  --mavi04 : #1560c7;

  --lacivert : #1e2d5d;

  --sari01 : #ffc107;
  --turuncu01 : #fbf3db;

  --kumru-main: #f46d41;
  --kumru-main-dark: #686a6a;

}

body{width:100%;height:100%;margin:0;padding:0;font-size:12px;font-family: "Poppins", sans-serif;color:#000;font-weight:400;background:var(--mavi01);}

.bebas-neue-font {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.inter-font {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
}

a{text-decoration:none !important;}

.login-btn{background:#010101 !important; color:#fff !important;}
.login-btn:hover{background:#f36c40 !important;}
.kumru-orange{color:#f36c40;}
.kumru-dark-text{color:#010101;}
.bg-kumru-dark{background:#010101;}
.kumru-orange-bg{background:#e95829 !important} /*a bit darker*/
.warning-yellow-underline{border-bottom: 2px solid #fff3cd;}

.form-check-input:checked {
    background-color: #198754 !important; /* bootstrap success */
    border-color: #198754 !important;
}

.image-wrapper {
    height: 250px;
    width:98%;
    margin:2px auto;
    display: flex;
    align-items: center;   /* dikey ortala */
    justify-content: center; /* yatay ortala */
    background: #f8f9fa; /* hafif arka plan */
    overflow: hidden;
}

.image-wrapper img {
    max-height: 98%;
    max-width: 98%;
    object-fit: contain;
}

#sidebar .nav-link:hover {
    background-color: #495057;
}





/* LOGIN PAGE */

#login-warning-area{width:60%;margin:30px auto;padding:30px 0;}

#login-form-area{display:block;width:70%;height:500px;margin:15px auto;padding-bottom:20px;background: #fff; border:0px solid #eee;border-radius:3px;box-shadow:0 0 20px #eee;}

#login-form-left{position:relative;float:left;width:40%;margin:5% 0;height:300px;padding:30px 20px 20px 20px;}
#panel-name{float:left;font-size:14px;color:#666;font-weight: 600; margin:0 30px 0 15px;}
.name-dash{float:left;width:15px;height:1px;background:var(--mavi03);margin-top:10px;margin-right:5px;}
#panel-title{float:left;font-size:21px;font-weight: 600;margin:0 15px;margin-bottom: 30px;color:var(--kumru-main-dark);font-weight:600;}
  	.login-inputs{float:left;margin:10px;width:80%;height:40px;border:1px solid #ddd;border-radius:3px;}
    .login-inputs:focus{background: var(--mavi01);}/*#fff2ee*/

    .login-inputs:focus {
  border: 1px solid var(--mavi03);}

#login-form-not{float:left;width:100%;margin:60px 15px;}

#login-form-right{position:relative;float:right;width:50%;margin:0 0;height:300px;padding:0;}
.login-image{float:right;width:500px;height:auto;margin:45px 10px 10px 10px;}

  #copyright{width:60%;margin:4px auto;text-align:center;color:#333;}
  #panel-login-logo-bottom{width:200px;margin:10px auto;text-align:center;}
  	#panel-login-logo-bottom img{width:80%;height:auto;}
    #panel-login-logo-bottom a:link,#panel-login-logo-bottom a:visited{color:#444;font-weight:300}


 /* REGISTER PAGE */

  #register-form-area fieldset{position:relative;width:30%;margin:10% auto;margin-bottom:30px;min-height:200px;max-height:300px;padding:30px 20px 20px 20px;border:1px solid #ddd;border-radius:3px;background:#fff;box-shadow: 10px 10px 20px #eee;}
  	#register-form-area legend{position:absolute;top:-31px;left:10px;z-index:-9999;display:block;background:#fff;padding:6px 10px;border-left:1px solid #eee;border-top:1px solid #eee;border-right:1px solid #eee;border-radius:3px 3px 0 0;}
  	.register-inputs{float:left;margin:10px;width:90%;height:30px;border:1px solid #ddd;border-radius:3px;}
    .register-inputs:focus{background: #feffe2;}


section#content-outer {float:left;width:100%;height:100%;margin:0;}

 /* SOL BAR */

 .courses_panel{
     min-height:100vh;
     background:#f4f6f9;
 }

 .courses_sidebar{
     width:260px;
     min-width:260px;
     flex:0 0 260px;
     min-height:100vh;
     background:#111827;
     color:#fff;
     padding:20px;
 }

 .courses_sidebar_title{
     font-weight:700;
     font-size:20px;
     margin-bottom:25px;
 }

 .courses_sidebar .nav-link{
     color:#d1d5db;
     padding:10px 12px;
     border-radius:8px;
     margin-bottom:4px;
 }

 .courses_sidebar .nav-link:hover,
 .courses_sidebar .nav-link.active{
     background:#1f2937;
     color:#fff;
 }

 .courses_sidebar_info{
     border-top:1px solid rgba(255,255,255,.12);
     padding-top:18px;
 }

 .sidebar_info_item{
     margin-bottom:14px;
 }

 .sidebar_info_item span{
     display:block;
     font-size:11px;
     color:#9ca3af;
     text-transform:uppercase;
     letter-spacing:.04em;
 }

 .sidebar_info_item strong{
     display:block;
     font-size:13px;
     color:#fff;
     font-weight:600;
 }

 .courses_topbar{
     height:64px;
     background:#fff;
     border-bottom:1px solid #e5e7eb;
     padding:0 24px;
     display:flex;
     align-items:center;
     justify-content:space-between;
 }

/* MOBİL SOL MENÜ */

.courses_mobile_menu_button,
.courses_sidebar_close{
    display:none;
}

.courses_sidebar_overlay{
    display:none;
}

@media (max-width:991px){

    .courses_panel{
        min-width:0;
    }

    .courses_panel > .flex-grow-1{
        min-width:0;
        width:100%;
    }

    .courses_sidebar{
        position:fixed;
        top:0;
        left:0;
        bottom:0;
        z-index:1051;
        width:280px;
        min-width:0;
        max-width:85vw;
        height:100dvh;
        min-height:0;
        overflow-y:auto;
        overscroll-behavior:contain;
        transform:translateX(-100%);
        transition:transform .25s ease;
        box-sizing:border-box;
    }

    .courses_sidebar.courses_sidebar_open{
        transform:translateX(0);
    }

    .courses_mobile_menu_button{
        display:flex;
        align-items:center;
        justify-content:center;
        flex:0 0 38px;
        width:38px;
        height:38px;
        padding:0;
        border:1px solid #e5e7eb;
        border-radius:8px;
        background:#fff;
        color:#111827;
        font-size:24px;
        cursor:pointer;
    }

    .courses_sidebar_close{
        display:flex;
        align-items:center;
        justify-content:center;
        position:absolute;
        top:15px;
        right:12px;
        width:32px;
        height:32px;
        border:0;
        background:transparent;
        color:#fff;
        font-size:19px;
        cursor:pointer;
    }

    .courses_sidebar_title{
        padding-right:30px;
    }

    .courses_topbar{
        height:auto;
        min-height:64px;
        padding:12px 15px;
        gap:12px;
    }

    .courses_sidebar_overlay{
        display:block;
        position:fixed;
        inset:0;
        z-index:1050;
        background:rgba(17,24,39,.55);
        opacity:0;
        visibility:hidden;
        transition:opacity .25s ease, visibility .25s ease;
    }

    .courses_sidebar_overlay.courses_sidebar_overlay_visible{
        opacity:1;
        visibility:visible;
    }

    body.courses_sidebar_body_locked{
        overflow:hidden;
    }

}

@media (prefers-reduced-motion:reduce){
    .courses_sidebar,
    .courses_sidebar_overlay{
        transition:none;
    }
}


/* ICERIK ALANI */

#ust-bar-outer{float:left;width:80%;height:30px;margin:15px 0 0 15px;padding:10px 0;background-color:#fff;border:1px solid #f1f1f1;border-radius:5px;}
  #ust-bar-inner{width:100%;height:30px;margin:0 auto;}
    #site-goruntule{float:left;width:200px;margin:6px 0 0 10px;}
    #ust-bar-message{float:right;margin:6px 10px 0 0;}


/* DASHBOARD */


.dashboard_action_boxes{
    display:flex;
    gap:16px;
    flex-wrap:wrap;
}

.dashboard_action_box{
    min-width:190px;
    height:82px;
    border:0;
    border-radius:5px;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    font-weight:600;
    font-size:16px;
}

.dashboard_action_box i{
    font-size:24px;
}

.dashboard_action_student{
    background:#198754;
}

.dashboard_action_payment{
    background:#0d6efd;
}

#dashboard-boxes-holder{float:left;width:80%;margin:60px auto;display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap:10px;}
  .dashboard-box{float:left;width:150px;height: 150px;border:1px solid #eee;border-radius:5px;text-align:center;}
  .dashboard-box i{font-size:24px;}
  .dashboard-box svg{width:24px;}
  .dashboard-box a:link,.dashboard-box a:visited{text-decoration: none; color:var(--mavi03);}

  .dashboard-box-icon{float:left;width:40px;height:30px;margin:20% 0 0 40%;}
  .dashboard-box-name{margin:10px auto;text-align:center;color:var(--mavi03);}

  .dashboard-box:hover{border:1px solid var(--mavi03);}


#site-ayarlari-bilgi-alani{float:left;width:100%;height:100%;}
#site-ayarlari-guncelleme-alani{float:left;width:100%;height:100%;}
a.site-ayari-guncelle-linki{float:left;margin:10px;border-bottom: 1px dotted #fff;}
.site_logo_input{float:left;}
.site-ayar-logo {float:left;}
.bg-soft-white{background:#f5f5f5;}


.cancelled_installment{
    color:#6c757d;
}

.cancelled_installment td{
    color:#6c757d !important;
    text-decoration-line: line-through;
    text-decoration-thickness: 2px;
    text-decoration-color: #999;
}

.cancelled_installment .installment_note_td{
    text-decoration:none !important;
}

.locked_field{
    background-color:#e9ecef !important;
    color:#6c757d !important;
    cursor:not-allowed !important;
}

.locked_select{
    background-color:#e9ecef !important;
    color:#6c757d !important;
    cursor:not-allowed !important;
    pointer-events:none;
}


.ck-editor__editable_inline{
    min-height:600px;
}

.form-check-input{
    width:1.4rem !important;
    height:1.4rem !important;
    border:1px solid #999999 !important;
    margin-top:0.15rem;
}



.schedule_page_content {
    min-width: 0;
}

.daily_schedule_scroll {
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    background: #fff;
}

.daily_schedule_grid {
    display: grid;
    position: relative;
    min-width: max-content;
    grid-template-columns:
        80px
        repeat(var(--schedule-column-count), minmax(230px, 1fr));
    grid-template-rows:
        52px
        repeat(var(--schedule-slot-count), 8px);
}

.schedule_corner,
.schedule_classroom_header {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 0.75rem;
    background: #f8f9fa;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    font-weight: 600;
}

.schedule_corner {
    grid-column: 1;
    grid-row: 1;
    left: 0;
    z-index: 30;
}

.schedule_classroom_header.unassigned_header {
    background: #fff3cd;
}

.schedule_column_background {
    z-index: 1;
    border-right: 1px solid #dee2e6;
    background: #fff;
}

.schedule_column_background.unassigned_column {
    background: #fffdf3;
}

.schedule_time_label {
    position: sticky;
    left: 0;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 0.25rem;
    background: #f8f9fa;
    border-right: 1px solid #dee2e6;
    color: #6c757d;
    font-size: 0.78rem;
}

.schedule_horizontal_line {
    z-index: 2;
    border-top: 1px solid #e5e7eb;
    pointer-events: none;
}

.schedule_empty_slot {
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1px 3px;
    padding: 0;
    border: 1px dashed rgba(13, 110, 253, 0.18);
    border-radius: 0.25rem;
    background: transparent;
    color: rgba(13, 110, 253, 0.3);
    cursor: pointer;
    transition:
        background-color 0.15s ease,
        border-color 0.15s ease,
        color 0.15s ease;
}

.schedule_empty_slot:hover {
    z-index: 4;
    border-color: #0d6efd;
    background: rgba(13, 110, 253, 0.1);
    color: #0d6efd;
}

.schedule_empty_slot i {
    font-size: 0.9rem;
}

.schedule_lesson_card {
    z-index: 5;
    display: block;
    width: auto;
    margin: 2px 4px;
    padding: 0.45rem 0.55rem;
    overflow: hidden;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-radius: 0.35rem;
    color: #212529;
    font-family: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}



.schedule_lesson_card:hover {
    z-index: 8;
    color: #212529;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16);
}

.group_lesson_card {
    border-left: 4px solid #0d6efd;
    background: #dbeafe;
}

.private_lesson_card {
    border-left: 4px solid #fd7e14;
    background: #ffedd5;
}

.cancelled_lesson_card {
    border-left: 4px solid #6c757d;
    background: #e9ecef;
    opacity: 0.75;
}

.schedule_lesson_time {
    margin-bottom: 0.15rem;
    font-size: 0.72rem;
    font-weight: 600;
}

.schedule_lesson_name {
    overflow: hidden;
    font-size: 0.85rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schedule_lesson_teacher {
    overflow: hidden;
    margin-top: 0.15rem;
    color: #495057;
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schedule_legend {
    color: #495057;
    font-size: 0.85rem;
}

.schedule_legend > div {
    display: flex;
    align-items: center;
}

.schedule_legend_color {
    display: inline-block;
    width: 18px;
    height: 12px;
    margin-right: 0.4rem;
    border-radius: 3px;
}

.group_lesson_color {
    border-left: 4px solid #0d6efd;
    background: #dbeafe;
}

.private_lesson_color {
    border-left: 4px solid #fd7e14;
    background: #ffedd5;
}

.cancelled_lesson_color {
    border-left: 4px solid #6c757d;
    background: #e9ecef;
}


/* KULLANMA KILAVUZU */
.user_guide_item{
    display:grid;
    grid-template-columns:70px 1fr;
    gap:20px;
    padding:24px 0;
    border-bottom:1px solid #e9ecef;
}

.user_guide_number{
    font-size:32px;
    font-weight:800;
    line-height:1;
    color:#b8ddcb;
    letter-spacing:-1px;
}

.user_guide_item h6{
    color:#212529;
}

.user_guide_item p{
    font-size:14px;
    line-height:1.7;
}

@media(max-width:576px){

    .user_guide_item{
        grid-template-columns:48px 1fr;
        gap:12px;
    }

    .user_guide_number{
        font-size:24px;
    }

}




@media (max-width: 767.98px) {
    .daily_schedule_grid {
        grid-template-columns:
            70px
            repeat(var(--schedule-column-count), 210px);
    }

    .schedule_corner,
    .schedule_classroom_header {
        padding: 0.5rem;
        font-size: 0.8rem;
    }
}



/* TEACHERS AREA */

.attendance_student_row td{
    border-bottom:2px solid #e9ecef !important;
    padding-top:15px !important;
    padding-bottom:15px !important;
}

.attendance_checkbox{
    transform:scale(1.3);
    cursor:pointer;
}