@charset "utf-8";

/* css.css */

.font-size12 {
    font-size: 12px
}


/*calendar css*/

.leftBox {
    max-width: 400px
}

.card-body {
    padding: 0;
}

.calendarBox .datepicker table {
    margin: 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
    margin: 0 auto;
    border: 1px solid #7aaddd;
}


.calendarBox .datepicker td,
.calendarBox .datepicker th {
    text-align: left;
    width: 100px;
    height: 74px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 18px;
    border: 1px solid #7aaddd;
    color: #152c48;
    padding-left: 16px;
    font-weight: 500;
}


.table-condensed thead tr{
    border:1px solid #7aaddd;
}


.table-condensed .next {
    text-align: right !important;
    padding-right: 16px !important;
}

.calendarBox .datepicker .dow {
    font-size: 12px;
    height: 40px;
    text-align: center;
    padding: 0;
}

.calendarBox .datepicker .datepicker-switch,
.calendarBox .datepicker .next,
.calendarBox .datepicker .prev,
.calendarBox .datepicker tfoot tr th {
    cursor: pointer;
    border: none;
}

    .calendarBox .datepicker .datepicker-switch:hover,
    .calendarBox .datepicker .next:hover,
    .calendarBox .datepicker .prev:hover,
    .calendarBox .datepicker tfoot tr th:hover {
        background: none;
    }

.calendarBox .datepicker table tr td.new,
.datepicker table tr td.old {
    color: #616b74;
}

.calendarBox .datepicker .datepicker-switch {
    color: #152c48;
    font-size: 23px;
    font-weight: 600;
}

.calendarBox .datepicker table tr td.today,
.calendarBox .datepicker table tr td.today.disabled,
.calendarBox .datepicker table tr td.today.disabled:hover,
.calendarBox .datepicker table tr td.today:hover {
    color: #152c48;
    font-weight: 900;
    background: none;
    border-color: #7aaddd;
}

.calendarBox .datepicker table tr td.active,
.calendarBox .datepicker table tr td.active.disabled,
.calendarBox .datepicker table tr td.active.disabled:hover,
.calendarBox .datepicker table tr td.active:hover {
}

.calendarBox .datepicker table tr td.today:hover:hover {
    color: #152c48;
}

.calendarBox .datepicker table tr td.day.focused,
.calendarBox .datepicker table tr td.day:hover {
    background: #e4eff8;
    cursor: pointer;
    color: #152c48;
}

.calendarBox .datepicker table tr td.activeDay {
    background: #e4eff8;
    font-weight: 900;
    color: #e37e07;
}

.calendarBox .datepicker-inline {
    width: auto;
}

.date-select {
    float: right;
    min-width: 220px !important
}

.date-select {
    background-image: url("../images/calendar-m.svg") !important;
    background-size: auto 26px;
}


/*Home Alert*/

.alert {
    position: relative;
    padding: .95rem;
    margin-bottom: 1rem;
    border: 1px solid #60666d;
    border-radius: .2rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
}

.alert-outline-coloured .alert-message,
.alert-outline .alert-message {
    border: none;
}

.alert-outline,
.alert-outline-coloured {
    color: #fff;
    background: none;
}

.alert-message {
    padding: 0 1.5rem;
}

    .alert-message span {
        width: 100%;
        float: left;
        letter-spacing: 1px;
        color: #152c48
    }

    .alert-message .name {
        font-size: 14px
    }

.activeAlert .alert-message span {
    color: #152c48
}

.activeAlert .alert-date span {
    color: #152c48;
    margin-top: 6px;
    width: 100%;
    float: left;
}

.alert-date span {
    color: #152c48;
    text-align: center;
    line-height: 20px
}

.alert-date .day {
    font-size: 20px !important;
    font-weight: 800;
}

.alert-date .month {
    font-size: 11px
}

.alert-date {
    border-right: 1px solid;
    border-color: #fff;
    width: 90px;
    text-align: center;
    padding: 8px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.alert-dismissible .close {
    position: absolute;
    top: 18px;
    right: -15px;
    color: #000;
    width: 30px;
    height: 30px;
    border-radius: 16px;
    background: rgba(255, 255, 255);
    padding: 0;
}

.alert-date span {
    float: left;
    width: 100%
}

.datepicker .table-condensed {
    background-color: #e4eff8;
}

.datepicker tbody {
    background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 0;
}

.alert {
    position: relative !important;
    padding: 0 !important;
    margin-bottom: 10px !important;
    border: 0 solid transparent;
    border-radius: 3px !important;
}

.alert-message {
    padding: 8px !important;
    width: calc(100% - 90px);
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.alert-outline-coloured .alert-message,
.alert-outline .alert-message {
    border: none !important
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom:30px;
}
.datepicker {
    padding: 0;
}

.ksd-svg {
    background-image: url(svg/ksdW.svg);
}

.bordro-svg {
    background-image: url(svg/bordrotekW.svg);
}

.kvkk-svg {
    background-image: url(svg/kvkkW.svg);
}

.egtm {
    background-color: #e4eff8 !important;
}

.bdr {
    background-color: #e4eff8 !important;
}

.kvkk {
    background-color: #e4eff8 !important;
}

.egtm-disc {
    width: 7px;
    height: 7px;
    border-radius: 3.5px;
    background-color: #e4eff8;
    float: left;
    margin: 4px
}

.bdr-disc {
    width: 7px;
    height: 7px;
    border-radius: 3.5px;
    background-color: #e4eff8;
    float: left;
    margin: 4px
}

.kvkk-disc {
    width: 7px;
    height: 7px;
    border-radius: 3.5px;
    background-color: #e4eff8;
    float: left;
    margin: 4px
}

.myk-disc {
    width: 7px;
    height: 7px;
    border-radius: 3.5px;
    background-color: #e4eff8;
    float: left;
    margin: 4px
}

#style-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(229, 229, 229, 0.3);
    background-color: #e4eff8;
}

#style-3::-webkit-scrollbar-thumb {
    background-color: #a5c7df;
    border-radius: 3px;
}

#style-3::-webkit-scrollbar {
    width: 6px;
    background-color: #e4eff8;
}

.scrll600 {
    max-height: 530px;
    overflow-y: scroll;
}

.datepicker-days .day {
    position: relative
}

    .datepicker-days .day > div:nth-child(1) {
        position: absolute;
        right: 10px;
    }

    .datepicker-days .day > div:nth-child(2) {
        position: absolute;
        right: 25px;
    }

    .datepicker-days .day > div:nth-child(3) {
        position: absolute;
        right: 40px;
    }

    .datepicker-days .day > div:nth-child(4) {
        position: absolute;
        right: 55px;
    }

.select-box {
    background: url(../../images/webp/accordionarrow.webp) no-repeat calc(100% - 30px) 15px #eee;
    height: 45px;
    font-size: 14px;
    font-weight: 300;
    color: #152c48;
    padding-left: 30px;
    padding-right: 60px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border:none;
    min-width:520px;
}

.left-box {
    padding-left: 30px;
    padding-bottom: 30px;
}

    .left-box h2 {
        color: #152c48;
        font-size: 20px;
    }

.pl-15 {
    padding-right: 15px
}

.pt-15 {
    padding-top: 15px
}

.p15 {
    padding: 15px
}

.pt-20 {
    padding-top: 20px
}

.pb-20 {
    padding-bottom: 20px
}

.p-0 {
    padding: 0
}



.mt-30 {
    margin-top: 30px
}

.m-0 {
    margin: 0
}

.mt-15 {
    margin-top: 15px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-15 {
    margin-bottom: 15px
}


/*Modal*/

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 1140px;
        margin: 30px auto;
    }
}

.fade {
    opacity: 10
}

.title30 {
    font-size: 30px;
    font-weight: 900;
    color: #666;
}

.edu-detail {
    padding-top: 50px;
    padding-left: 80px;
    padding-right: 60px;
}

    .edu-detail h3 {
        font-size: 30px;
        font-weight: 900;
        color: #666;
        margin-bottom: 10px
    }

    .edu-detail p {
        font-size: 20px;
        color: #666;
        margin-bottom: 10px
    }

    .edu-detail h4 {
        font-size: 14px;
        font-weight: 900;
        color: #666;
        margin-bottom: 10px
    }

    .edu-detail .edu-detail-li li {
        line-height: 22px;
        margin-left: -24px;
    }

.edu-location div {
    padding: 14px 20px;
    background-color: #eee;
    width: auto
}

.edu-location span {
    width: 100%;
    float: left;
    font-size: 12px;
    color: #666
}

.edu-location strong {
    width: 100%;
    float: left;
    font-size: 30px;
    font-weight: 900;
    color: #666
}

.edu-detail-form {
    background-color: #eee;
    padding-top: 50px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 80px
}

    .edu-detail-form input {
        border: 1px solid #1e73be;
        border-radius: 3px;
        padding-left: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 30px;
        color: #1e73be
    }

        .edu-detail-form input::placeholder {
            color: #1e73be;
            font-size: 16px;
            font-weight: 100
        }

    .edu-detail-form .form-send {
        width: 100%;
        background-color: #1e73be;
        color: #fff;
        font-weight: 900;
        font-size: 20px;
        border: none;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 3px
    }

.eduModal .close {
    position: absolute;
    right: 8px;
    top: 5px;
    font-size: 20px;
    z-index: 999;
    outline: none
}

.datepicker table tr td span {
    text-align: center;
}

    .datepicker table tr td span.active,
    .datepicker table tr td span.active.disabled,
    .datepicker table tr td span.active.disabled:hover,
    .datepicker table tr td span.active:hover {
        background: none !important;
        color: #666 !important;
    }

.modal-content {
    border-radius: 0;
}

@media(max-width:768px) {
    .calendarBox .datepicker td,
    .calendarBox .datepicker th {
        width: auto;
        height: 50px;
        font-size: 12px;
        color: #666;
        padding-left: 2px;
        text-align: center
    }

    .left-box{
        padding-left:0;
    }

    .datepicker-days div {
        display: none
    }

    .chart {
        min-height: auto;
    }

    .p15 {
        padding: 0
    }

    .close {
        color: #fff;
    }

    .edu-detail {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .title30 {
        font-size: 20px;
    }

    .edu-detail-form .pl-0 {
        padding-left: 15px !important
    }

    .edu-detail-form .pr-0 {
        padding-right: 15px !important;
        margin-top: 15px !important
    }

    .select-box{
        min-width:100%;
        width:100%;
    }
}