html[data-bs-theme="light"]:root {
    --main-shade-1: rgba(222,218,214,1);
    --main-shade-1-100: rgba(222,218,214,1);
    --main-shade-1-90: rgba(222,218,214,.9);
    --main-shade-1-80: rgba(222,218,214,.8);
    --main-shade-1-70: rgba(222,218,214,.7);
    --main-shade-1-60: rgba(222,218,214,.6);
    --main-shade-1-50: rgba(222,218,214,.5);
    --main-shade-1-40: rgba(222,218,214,.4);
    --main-shade-1-30: rgba(222,218,214,.3);
    --main-shade-1-20: rgba(222,218,214,.2);
    --main-shade-1-10: rgba(222,218,214,.1);
    --main-shade-2: rgba(232,232,232,1);
    --main-shade-2-100: rgba(232,232,232,1);
    --main-shade-2-90: rgba(232,232,232,.9);
    --main-shade-2-80: rgba(232,232,232,.8);
    --main-shade-2-70: rgba(232,232,232,.7);
    --main-shade-2-60: rgba(232,232,232,.6);
    --main-shade-2-50: rgba(232,232,232,.5);
    --main-shade-2-40: rgba(232,232,232,.4);
    --main-shade-2-30: rgba(232,232,232,.3);
    --main-shade-2-20: rgba(232,232,232,.2);
    --main-shade-2-10: rgba(232,232,232,.1);
    --main-accent-1: rgba(255,255,255,1);
    --main-accent-1-100: rgba(255,255,255,1);
    --main-accent-1-90: rgba(255,255,255,.9);
    --main-accent-1-80: rgba(255,255,255,.8);
    --main-accent-1-70: rgba(255,255,255,.7);
    --main-accent-1-60: rgba(255,255,255,.6);
    --main-accent-1-50: rgba(255,255,255,.5);
    --main-accent-1-40: rgba(255,255,255,.4);
    --main-accent-1-30: rgba(255,255,255,.3);
    --main-accent-1-20: rgba(255,255,255,.2);
    --main-accent-1-10: rgba(255,255,255,.1);
    --main-accent-2: rgba(0,0,0,1);
    --main-accent-2-100: rgba(0,0,0,1);
    --main-accent-2-90: rgba(0,0,0,.9);
    --main-accent-2-80: rgba(0,0,0,.8);
    --main-accent-2-70: rgba(0,0,0,.7);
    --main-accent-2-60: rgba(0,0,0,.6);
    --main-accent-2-50: rgba(0,0,0,.5);
    --main-accent-2-40: rgba(0,0,0,.4);
    --main-accent-2-30: rgba(0,0,0,.3);
    --main-accent-2-20: rgba(0,0,0,.2);
    --main-accent-2-10: rgba(0,0,0,.1);
}

html[data-bs-theme="light"] .card.page {
    background: #F1F7FB;
}
html[data-bs-theme="light"] .cardHeader {
    background: #71A9D2;
    border-bottom: 0px;
}
html[data-bs-theme="light"] .drop-area {
    border: 2px dashed #71A9D2;
    border-radius: 6px;
    width: 100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding: 1rem;
    text-align: center;
    transition: background-color 0.3s;
}
html[data-bs-theme="light"] .drop-area.highlight {
    background-color: #f0f0f0;
    border-color: #5d8aaa;
}
html[data-bs-theme="light"] .drop-area-disabled {
    background: rgba(0, 0, 0, 0.1);
    border: 2px dashed #71A9D2;
    border-radius: 6px;
    width: 100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding: 1rem;
    text-align: center;
    transition: background-color 0.3s;
}
html[data-bs-theme="light"] .drop-area p,
html[data-bs-theme="light"] .drop-area-disabled p {
    color: #71A9D2;
    font-size: 1.25rem;
}
html[data-bs-theme="light"] #file-list {
    color: #71A9D2;
}

/* html[data-bs-theme="light"] .btnGradient{
    background: #71A9D2;
    background: linear-gradient(45deg, #CEE1F0 0%, #71A9D2 50%, #699ec5 50%, #CEE1F0 100%);
    background-size: 200% 100%;
    background-position: 0 100%;
    padding: 12px 30px;
    transition: all 0.3s ease-in-out;
    border: none;
    text-transform: uppercase;
    color:#fff;
  }

html[data-bs-theme="light"] .btnGradient:hover {
    background-position: 100% 100%;
    color:#fff;
} */

html[data-bs-theme="light"] .btnGradient {
    background: #71A9D2;
    background: linear-gradient(90deg, #CEE1F0 0%, #71A9D2 30%, #71A9D2 50%, #71A9D2 50%, #71A9D2 80%, #CEE1F0 100%);
    background-size: 200% 100%;
    background-position: 0% 0;
    padding: 12px 30px;
    text-transform: uppercase;
    transition: background-position 0.2s ease-in-out, color 0.2s ease-in-out;
    border-radius: 2rem !important;
    font-size:.85rem;
    white-space: nowrap;
    font-weight:700;
    text-decoration:none;
    color:#fff;
    line-height: normal;
}
html[data-bs-theme="light"] .btnGradient:hover {
    background-position: -100% 0;
}

html[data-bs-theme="light"] .btnGradientSmall {
    background: #71A9D2;
    background: linear-gradient(90deg, #CEE1F0 0%, #71A9D2 20%, #71A9D2 50%, #71A9D2 50%, #71A9D2 80%, #CEE1F0 100%);
    background-size: 200% 100%;
    background-position: 0% 0;
    padding: 12px 30px;
    text-transform: uppercase;
    transition: background-position 0.2s ease-in-out, color 0.2s ease-in-out;
    border-radius: .5rem;
    font-size: .85rem;
    white-space: nowrap;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
}
html[data-bs-theme="light"] .btnGradientSmall:hover {
    background-position: -100% 0;
}

html[data-bs-theme="light"] .btnGradient-subtle {
    background: var(--main-accent-1-40);
    background: linear-gradient(45deg, var(--main-accent-1-40) 0%, var(--main-color-2) 50%, var(--main-color-2) 50%, var(--main-accent-1-40) 100%);
    background-size: 200% 100%;
    background-position: 0 100%;
    padding: 5px 10px;
    transition: all 0.3s ease-in-out;
    border: none;
    text-transform: uppercase;
    color:#fff;
}
html[data-bs-theme="light"] .btnGradient-subtle:hover {
    background-position: 100% 100%;
    color:#fff;
}

html[data-bs-theme="light"] a.linkGradient{
    color:rgb(20,20,20);
}
html[data-bs-theme="light"] a.linkGradient:hover{
    color:#fff;
}

html[data-bs-theme="light"] .btnGradientTab {
    background: #71A9D2;
    background: linear-gradient(90deg, #CEE1F0 0%, #71A9D2 20%, #71A9D2 50%, #71A9D2 50%, #71A9D2 80%, #CEE1F0 100%);
    background-size: 200% 100%;
    background-position: 0% 0;
    padding: 12px 30px;
    text-transform: uppercase;
    transition: background-position 0.2s ease-in-out, color 0.2s ease-in-out;
    /*border-radius: 2rem !important;*/
    white-space: nowrap;
    font-weight:700;
    text-decoration:none;
    color:#fff;
    line-height: normal;
}
html[data-bs-theme="light"] .btnGradientTab:hover {
    background-position: -100% 0;
}

html[data-bs-theme="light"] .btnTab {
    color: #4996cf;
    padding: 12px 30px;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight:700;
    text-decoration:none;
    line-height: normal;
    border: 1px solid #4996cf;
    border-bottom: none;
    background:transparent;
}

html[data-bs-theme="light"] .btnTab:hover {
    color: #61a0d1;
    background: #f8f9fa;
}

html[data-bs-theme="light"] .mainGradient {
    background: #f5f8ff;
    background: linear-gradient(180deg, #f5f8ff 0%, #71a9d2 90%, #3a576c 100%);
}

html[data-bs-theme="light"] .actionBtn {
    background: #71A9D2;
    background: linear-gradient(90deg, #CEE1F0 0%, #71A9D2 30%, #71A9D2 50%, #71A9D2 50%, #71A9D2 80%, #CEE1F0 100%);
    background-size: 200% 100%;
    background-position: 0% 0;
    text-transform: uppercase;
    transition: background-position 0.4s ease-in-out, color 0.4s ease-in-out;
    border-radius: 2rem !important;
    font-size:.85rem;
    white-space: nowrap;
    font-weight:700;
    text-decoration:none;
}
html[data-bs-theme="light"] .actionBtn:hover {
    background-position: -100% 0;
}

html[data-bs-theme="light"] .processingDataLoader {
    width: fit-content;
    margin: 0 auto;
    padding: 12px 2.5rem;
    border-radius: 2rem;
    background: #71A9D2;
    background: linear-gradient(90deg, rgba(113, 169, 210, 1) 0%, rgba(185, 211, 232, 1) 0%, rgba(41, 98, 142, 1) 100%);
    color: #ffff;
}

html[data-bs-theme="light"] .modal-header{
    background:#71A9D2;
    color:#fff;
}

html[data-bs-theme="light"] .modal-header .btn-close{
    filter:invert(1);
}

html[data-bs-theme="light"] .modal-body{
    background:#CEE1F0;
}

html[data-bs-theme="light"] .modal-body:not(:has(.card-body)) {
    background:#E3EEF6;
}

html[data-bs-theme="light"] #patientModal .modal-body .card-body{
    background:#E3EEF6;
}


html[data-bs-theme="light"] #patientModal .modal-body .card-body input.form-control
html[data-bs-theme="light"] #patientModal .modal-body .card-body select.form-select{
    background:#F1F7FB;
}

html[data-bs-theme="light"] .patientDropdown {
    padding: 2px 0px 0px;
    background: rgb(227, 238, 246);
}

html[data-bs-theme="light"] .selectedPatient{
    background: linear-gradient(90deg, rgb(113, 169, 210) 0%,rgb(206, 225, 240) 100%);
    color:#fff;
}

html[data-bs-theme="light"] .selectedPatient .patientSelectUser {
    background: linear-gradient(90deg, rgb(113, 169, 210) 0%,rgb(206, 225, 240) 100%);
    padding: 2px;
}

html[data-bs-theme="light"] .selectPatient{
    background: rgb(206, 225, 240);
    color:#fff;
    padding:2px;
    margin:0 2px;
}

html[data-bs-theme="light"] .selectPatient .patientSelectUser {
    background: rgb(113, 169, 210);
    padding: 2px;
}

html[data-bs-theme="light"] .selectPatient .kozep, html[data-bs-theme="light"] .selectedPatient .kozep {
    color:#000;
}

html[data-bs-theme="light"] .patientSelectActions.bg-warning {
    background-color: #F5DC8B !important;
}