﻿:root {
    --blue: #004755;
    --blue-light: #B3E3E3;
    --grey-light: #F2F2F2;
    --yellow: #FFD736;
    --font-text: "Inter", sans-serif
}

.fa {
    font-family: 'Font Awesome\ 5 Free' !important;
}

body[data-name="app"]:has(.login-box) {
    background: #fff;
    background: url(imgs/bg-palade.png) no-repeat;
    background-size: cover;
    background-position: left;
    background-attachment: fixed;
    background-position: right;
    padding: 4px 20px;
}

body {
    background: var(--grey-light)
}

body:has(.login-box) .AppContainer {
    margin-left: 0px;
}

div:has(.login-box) {
    min-height: 95vh !important;
    height: 100% !important;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.AppContainer {
    margin-left: 60px;
}

.AppContainer > header {
    margin-left: 60px;
    background: yellow;
    padding: 0px;
    margin-top: 90px;
    max-width: 1378px;  
    margin-top: 90px; 
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}

.AppContainer > header sk-form {
    max-width: 1378px;
    margin: auto;
}

.DataRow {  
    padding: 0px;
    margin-top: 0px;
} 
 
.DataRow .row {
    max-width: 1378px;
    margin: 0px auto;
} 

.DataRow .row > div {
    padding: 0px !important;
}

.DataRow.dashboardPage {
    margin-top: 20px;
}

.DataRow.datePacientPage {
    margin-top: 24px;
}

button {
    font-weight: 400 !important;
}

header#userData {
    background: var(--blue-light);
    padding: 16px;
    margin-bottom: 20px;
    margin-left: auto !important;
    margin-right: auto !important;
    width: calc(100% - 40px) !important;
}

.criterii {
    max-width: 1378px;
    margin: 0px auto !important;
    box-shadow: none;
    padding: 8px !important;
    padding-bottom: 15px !important;
}

.new-appointment-bottom {
    max-width: 1378px;
    margin: 0px auto !important;
}

.frameHead-1 {
    margin: 0px;
}

h1, h2, h3, h4, h5, h6, .login-box .titlu, h2.subtitlu {
    font-family: var(--font-text);
    color: var(--blue);
}

div, span, a, li, input, .login-desc, .login-form .form-group label, .login-form .form-group input, a.recovery , input {
    font-family: var(--font-text) !important;
    color: var(--blue) !important
}

a:hover {
    color: var(--blue); 
}

input::placeholder {
    font-weight: 400 !important;
    color: var(--blue) !important;
}

.otherLogo {
    display: none !important
}

.palade-logo {
    display: block !important;
}

.palade-logo img {
    height: 40px
}

.logo-auth-palade {
    display: block !important;
}

.custom-logo img {
    width: 100%;
    height: 50px;
    margin-bottom: 24px;
}

.header-top { 
    background: #fff;
}

.login-box .titlu::after, label, .custom-appointment .form-group .label, .pwd-recovery a, #signUp a, a.recovery, .pwd-recovery a:before, .create-account-link {
    color: var(--blue);
    font-weight: 400;
    font-size: 15px !important;
    margin: 0px;
}
 
.pwd-recovery a:hover:before, .pwd-recovery a:hover:before, #signUp a[data-name="crearecont"]:hover, .pwd-recovery a:hover {
    color: var(--blue) !important
}
 
.login-desc span {
    color: var(--blue) !important;
    font-family: var(--font-text)
}
 
.login-btns button.btn.btn-login, button[data-name="schimba"].btn.btn-create, button[data-name="ok"].btn.btn-blue,
.SWindow button.btn.btn-blue {
    background: var(--blue);
    font-family: var(--font-text);
    color: #fff
}

button#idCreareCont, button#idCreareCont:hover {
    color: var(--blue);
    font-family: var(--font-text);
    background: #fff;
    border: 1px solid;
    margin: 0px;
}

button {
    text-transform: initial !important; 
    border-radius: 3px !important;
    min-height: 35px
}

button[data-name="back"].btn.btn-cancel {
    color: var(--blue);
    font-family: var(--font-text);
    background: #fff;
    border: 1px solid;
    margin: 0px;
}
 

h2.titlu {
    margin: 0px;
    text-align: left;
    font-weight: bold;
    color: var(--blue);
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 16px;
}

h2.subtitlu {
    font-size: 24px;
    font-weight: bold;
    color: var(--blue);
}

.SWindow .titleBar .title {
    color: var(--blue) !important;
    font-family: var(--font-text);
    font-size: 19px
}

.table thead th, .table thead td {
    font-family: var(--font-text)
}

tr:hover td, tr.skunk-current-row, tr.skunk-current-row td {
    background: var(--grey-light);
    color: var(--blue);
    font-size: 14px;
}

span.det-td { 
    color: white !important; 
}

span.det-td span {
    color: #fff !important;
}

input {
    font-size: 14px !important;
    font-family: var(--font-text) !important;
}

div#signUp, div#signUp * {
    font-size: 14px;
    margin-top: 12px;
}

div#signUp {
    text-align: center;
}

.login-box {
    border-radius: 0px;
}

.pwd-recovery {
    margin-top: 0px;
    width: 100%;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: end;
    margin-bottom: 24px
}

.table thead th, .table thead td {
    border-bottom: 1px solid var(--blue);
    color: var(--blue);
    font-size: 15px !important;
}

.table td, .table th {
    font-size: 15px;
    vertical-align: baseline;
}

span#gdprPolicy a {
    color: var(--blue);
    font-size: 14px;
}

.form-control:focus {
    border-color: var(--gray);
}

.signature, .signature-dark {
    display: block !important
}

.signature img {
    margin: auto;
    margin-top: 24px;
    margin-bottom: 24px;
}

a.skunk-icon.selected {
    background: var(--blue) !important;
}

a.skunk-icon {
    color: var(--blue) !important;
}

a.skunk-icon:hover {
    background: initial !important;
}

.skunk-icon-menu::before {
    background: var(--blue) !important;
    box-shadow: 0 3px white, 0 -6px var(--blue), 0 -9px white, 0 -12px var(--blue) !important;
}
 
.card-body {
    border-radius: 0px;
} 

.antet-det {
    background: var(--blue);
}

.card-header {
    background: var(--blue);
}

.nav-tabs .nav-link.active:last-of-type {
    color: var(--blue);
}

.headBtn {
    background: var(--blue-light);
    background-image: none;
    color: var(--blue);
    border: 1px solid var(--blue-light);
    font-size: 15px;
}

.headBtn:hover {
    background: var(--blue);
    background-image: none;
    color: #fff;
    border: 1px solid var(--blue);
}

ul.dropdown-menu.show a {
    color: var(--blue);
}

ul.dropdown-menu.show li a:hover {
    background: var(--blue);
}

li.userIcon.userprofile .dropdown {
    display: flex;
}

.profile-image {
    position: relative;
}

.fimg:has(img[src$="profile.png"]) img,
.avatar:has(img[src$="profile.png"]) img,
.profile-image:has(img[src$="profile.png"]) img {
    visibility: hidden;
}

.avatar:has(img[src$="profile.png"])::after {
    content: "";
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url(/template2/css/imgs/palade-no-user.svg);
    background-size: cover;
    background-repeat: no-repeat;
    left: 0px !important;
    top: 12px;
    position: absolute;
}

.fimg:has(img[src$="profile.png"])::after {
    content: "";
    display: inline-block;
    width: 160px;
    height: 160px;
    background-image: url(/template2/css/imgs/palade-no-user.svg);
    background-size: cover;
    background-repeat: no-repeat;
    left: calc(50% - 80px) !important;
    position: absolute;
}

.profile-image:has(img[src$="profile.png"])::after {
    content: "";
    display: inline-block;
    width: 75px;
    height: 75px;
    background-image: url(/template2/css/imgs/palade-no-user.svg);
    background-size: cover;
    background-repeat: no-repeat;
    left: calc(50% - 37px) !important;
    position: absolute;
}

.media {
    display: flex;
    align-items: center;
    gap: 12px;
}

.antet-det * {
    color: #fff !important;
}

.antet-det {
    display: flex;
    align-items: start !important;
    border-radius: 4px;
    gap: 24px;
}

.antet-det .detIcn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.container.facturi * {
    font-size: 12px;
}

.container.facturi * {
    font-size: 12px !important;
}

table.detaliiFactura tbody tr td:nth-child(2):before {
    color: inherit !important
}

.allUserData {
    gap: 24px
}

.welcomeTxt, .welcomeTxt * {
    font-size: 15px;
    font-weight: 300;
}

.head-user .dropdown-toggle::after {
    display: none;
}
.welcomeTxt {
    font-size: 0px;
}
.welcomeTxt:before {
    content: "Salut, ";
    font-size: 15px
}

ul.skunk-menu li a {
    position: relative;
    padding-left: 60px;
    font-weight: 300;
}

ul.skunk-menu li:hover {
    background: var(--blue);
}

a#menuDashboard::before {
    content: "";
    background-image: url(/template2/css/imgs/palade-dashboard.svg);
    width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
}

li[data-name="liDashboard"]:hover a#menuDashboard::before,
a#menuDashboard.selected::before {
    content: "";
    background-image: url(/template2/css/imgs/palade-dashboard-white.svg);
    width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
}

a#menuDatePacient::before {
    content: "";
    background-image: url(/template2/css/imgs/palade-date-pacient.svg);
    width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
}

li[data-name="liDatePacient"]:hover a#menuDatePacient::before,
a#menuDatePacient.selected::before {
    content: "";
    background-image: url(/template2/css/imgs/palade-date-pacient-white.svg);
    width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
}

a#menuConsultatii::before {
    content: "";
    background-image: url(/template2/css/imgs/palade-consultatii.svg);
    width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
}

li[data-name="liConsulatii"]:hover a#menuConsultatii::before,
a#menuConsultatii.selected::before {
    content: "";
    background-image: url(/template2/css/imgs/palade-consultatii-white.svg);
    width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
}

a#menuLaborator::before {
    content: "";
    background-image: url(/template2/css/imgs/palade-laborator.svg);
    width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
}

li[data-name="liLaborator"]:hover a#menuLaborator::before,
a#menuLaborator.selected::before {
    content: "";
    background-image: url(/template2/css/imgs/palade-laborator-white.svg);
    width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
}

a#menuProgramari::before {
    content: "";
    background-image: url(/template2/css/imgs/palade-programari.svg);
    width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
}

li[data-name="liProgramari"]:hover a#menuProgramari::before,
a#menuProgramari.selected::before {
    content: "";
    background-image: url(/template2/css/imgs/palade-programari-white.svg);
    width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
}

a#menuInternari::before {
    width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    position: absolute;
    top: 15px;
    left: 5px;
}

li[data-name="liInternari"]:hover a#menuInternari::before,
a#menuInternari.selected::before {
    width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    position: absolute;
    top: 15px;
    left: 5px;
}

a#menuRetete::before {
    content: "";
    background-image: url(/template2/css/imgs/palade-retete.svg);
    width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
}

li[data-name="liRetete"]:hover a#menuRetete::before,
a#menuRetete.selected::before {
    content: "";
    background-image: url(/template2/css/imgs/palade-retete-white.svg);
    width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
}

a#menuFinanciar::before {
    content: "";
    background-image: url(/template2/css/imgs/palade-financiar.svg);
    width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
}

li[data-name="liFinanciar"]:hover a#menuFinanciar::before,
a#menuFinanciar.selected::before {
    content: "";
    background-image: url(/template2/css/imgs/palade-financiar-white.svg);
    width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
}

.head_icn {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-dashboard:before {
    content: "";
    background-image: url(/template2/css/imgs/palade-dashboard-white.svg);
    width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px
}

.icon-fisapacient:before {
    content: "";
    background-image: url(/template2/css/imgs/palade-date-pacient-white.svg);
    width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px
}

.icon-consultatii:before {
    content: "";
    background-image: url(/template2/css/imgs/palade-consultatii-white.svg);
    width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px
}

.icon-laborator:before {
    content: "";
    background-image: url(/template2/css/imgs/palade-laborator-white.svg);
    width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px
}

.icon-programari:before {
    content: "";
    background-image: url(/template2/css/imgs/palade-programari-white.svg);
    width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px
}

.icon-retete:before {
    content: "";
    background-image: url(/template2/css/imgs/palade-retete-white.svg);
    width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px
}

.icon-wallet:before {
    content: "";
    background-image: url(/template2/css/imgs/palade-financiar-white.svg);
    width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px
}

.fa-wallet:before  {
    content: "";
    background-image: url(/template2/css/imgs/palade-financiar-2.svg);
    width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px
}
 
.fa-calendar-alt:before {
    content: "";
    background-image: url(/template2/css/imgs/palade-consultatii-2.svg);
    width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px
}

button[data-name="menuProgramariOnline"] {
    border: 0px !important;
    display: flex;
    height: 100%;
    position: relative;
    justify-content: center;
    align-items: center; 
}

.card {
    box-shadow: none;
    border-radius: 0px !important;
}

.card-body.card-blue {
    background: var(--blue-light);
    gap: 10px;
}

.userDate {
    background: var(--blue-light);
}

.card-body:has(.head_icn) {
    background: var(--blue) !important;
    display: flex;
    align-items: center;
}

.card-body.gradgreen p { 
    color: #fff;
}

.card-body.card-blue.dashFacturi {
    background: var(--blue-light) !important;
}

.dashFacturi .card-body, .dashProgramari .card-body {
    background: var(--blue-light) !important;
    gap: 12px
}

[data-name="dashboard_financiar"], [data-name="dashboard_programari"]  {
    padding-right: 30px;
    font-size: 15px;
    font-weight: 300 !important;
}

.card-header.tab-header li a {
    color: #fff !important;
    font-weight: 300;
    font-size: 15px
}

.nav-tabs .nav-link.active:last-of-type {
    color: var(--blue) !important;
    font-weight: 700;
} 

.nav-tabs .nav-link:hover {
    background: var(--blue-light); 
    color: var(--blue) !important;
}

.profile-wrapper-desc {
    font-size: 15px;
}

.att_files {
    text-align: center;
}

.att_files a {
    background: var(--blue-light);
    color: var(--blue) !important;
    font-size: 15px;
    text-transform: capitalize;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: auto;
    margin-top: 12px;
}

.att_files a:hover {
    background: var(--blue);
    color: #fff !important;
    font-size: 15px;
    text-transform: capitalize;
}

.pageTitle {
    color: white;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    line-height: initial;
    display: flex;
    align-items: center;
    font-weight: 200;
    text-transform: capitalize !important;
    line-height: 20px;
    overflow: visible;
}

.titleSub, .titleSub * {
    font-size: 15px !important;
    font-weight: 300 !important;
    color: var(--blue) !important;
}

p.titleSub span {
    color: var(--blue) !important;
}

.userTitle-CNP {
    color: var(--blue);
    font-size: 15px;
}

h4.userTitle, h4.userTitle * {
    font-size: 20px;
    font-weight: 400 !important;
}

.userdata .card {
    padding: 0px 16px 0px 0px;
    height: 100%;
    background: transparent;
}

.userdata .card .card-body {
    background: #fff;
}

.profile-card button {
    height: 35px;
}

.progText {
    font-weight: 300;
}

.la-fw {
    color: var(--blue);
}

.btn-blue {
    background: var(--blue);
    background-image: none;
}

.btn-blue {
    background: var(--grey);
    color: var(--blue);
    background-image: none;
}

.labelCard {
    color: var(--blue);
}

.card-title {
    color: #fff;
    border: 0px
}

.card-title {
    border-bottom: 1px solid var(--blue);
    color: var(--blue) !important;
}

.labelDet {
    color: var(--blue);
    font-size: 15px;
    margin: 0px;
}

.DataRow.datePacientPage .titleZone1 {
    margin-left: 0px !important;
}

button[data-name="vezifactura"] {
    background: var(--blue);
    margin: 0px;
}

button[data-name="vezifactura"]:hover {
    background: var(--blue-light);
    color: var(--blue) !important;
    margin: 0px;
}

.btn-clear {
    color: var(--blue);
}

.SWindow .titleBar .title {
    font-size: 16px;
} 

.SWindow.panel.panel-default {
    height: fit-content !important;
}

.backgroundContainer .buttonBarContainer {
    margin-top: 24px;
} 

i.fas.fa-chart-line {
    color: var(--blue);
    font-size: 24px
}

td:has(a[data-name="chart"]) {
    height: 40px;
    display: flex;
    align-items: center;
}

.cont-validat {
    color: #00c345 !important;
}

.new-appointment h2.titlu {
    text-align: center;
    margin: 0px;
    width: fit-content;
    font-size: 20px;
    margin-left: 0px;
}

#prevDayBtn, #nextDayBtn {
    margin: 0 10px;
    border: 0px;
} 

button#prevDayBtn img,
button#nextDayBtn img {
    filter: invert(1);
}

#changeDateBtn {
    background-color: #fff !important;
    color: var(--blue);
    padding: 0px 16px;
}

#changeDateBtn:hover {
    background-color: var(--blue-light) !important;
    color: var(--blue) !important; 
}

#changeDateBtn:hover img {
    filter: brightness(0) !important
}
button#changeDateBtn img {
    filter: brightness(0);
    height: 24px;
}

span.k-picker span {
    padding: 0px !important;
    margin: 0px !important;
}

.butoane-filtru button {
    height: 40px;
    padding: 4px 20px !important;
} 

button#afis_rezultate {
    background: var(--blue);
    background-image: none;
    padding: 4px 8px;
    border-radius: 0px;
    border: 0px;
    color: #fff;
}

.fa-search:before { 
    color: #fff;
}

button#afis_rezultate:hover {
    background: var(--blue);
    background-image: none;
}

.btn-red, button#reset_filtre, .btn-red:hover, button#reset_filtre:hover {
    background: var(--blue-light) !important;
    color: var(--blue) !important;
    border: 1px solid var(--blue-light);
    border-radius: 0px;
    padding: 4px 8px;
    line-height: normal;
    font-weight: 400 !important;
}

.btn-red:hover {
    background: #fff;
}

.line {
    background-color: var(--grey);
    visibility: hidden
}

.asc {
    display: block !important;
    color: var(--blue) !important;
}

#changeDateBtn:hover {
    background-color: var(--blue);
    color: #fff;
}

#changeDateBtn:hover img {
    filter: brightness(0) invert(1)
}

.custom-appointment .form-group .clear-filter-btn {
    position: absolute;
    right: 0px;
    margin-top: -12px !important;
}

.custom-appointment .asc {
    font-size: 0px !important;
    z-index: 0
}

.k-picker-solid:hover, .k-picker-solid.k-hover {
    background-color: transparent;
}

.k-list-item.k-selected:hover, .k-selected.k-list-optionlabel:hover, .k-list-item.k-selected.k-hover, .k-selected.k-hover.k-list-optionlabel {
    color: var(--blue);
    background-color: transparent;
}

.k-list-item:focus, .k-list-optionlabel:focus, .k-list-item.k-focus, .k-focus.k-list-optionlabel {
    box-shadow: none 
}

.custom-appointment .asc:after {
    content: "";
    background: url(imgs/palade-arrow-down.svg) no-repeat;
    height: 24px;
    width: 24px;
    background-size: cover;
    position: absolute;
    right: 0px;
    top: 8px;
    z-index: 1
}

div#form_ticketKendo .k-picker button span:after {
    content: "";
    background: url(imgs/palade-arrow-down.svg) no-repeat;
    height: 24px;
    width: 24px;
    background-size: cover;
    position: absolute;
    right: 0px;
    top: 0px;
}

div#form_ticketKendo .k-picker button span svg {
    display: none;
}

.custom-appointment .form-group {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    z-index: 0;
}

.custom-appointment .criterii .row {
    margin-bottom: 12px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px !important;
    display: flex;
    flex-direction: row;
}

.criterii .row { 
    width: 100%;
    margin: 0px;
    gap: 16px;
}

.criterii .row > div,
.custom-appointment .criterii .row > div {
    max-width: 32.4%;
    min-width: auto
}

.custom-appointment .form-group .k-picker button {
    display: none;
}

.custom-appointment .form-group span.k-picker span {
    padding: 0px !important;
    margin: 0px !important;
    line-height: 32px;
    font-size: 14px;
}

.k-list-item.k-selected, .k-selected.k-list-optionlabel {
    color: var(--blue) !important;
    background-color: transparent;
    box-shadow: none !important
}

.inputrequired {
    border-color: #ced4da;
}

button#next_day_btn {
    margin: auto;
    background: transparent;
    border: 0px;
    margin: 20px 0px;
    color: var(--blue);
    padding: 8px 16px
}

#cardContent .btn-wrapper {
    text-align: center;
}

button#next_day_btn:hover {
    color: var(--blue)
}

div#cardResults:has(.doctor-card) {
    margin-bottom: 48px;
    padding-top: 0px;
    margin-top: 0px;
    border-top: 0px solid #fff;
    padding: 20px !important
}

.appointment-header {
    color: var(--blue);
    margin: 0px;
    padding: 0px;
    border: 0px;
    text-align: center;
    font-weight: 700;
    font-size: 21px;
}

.appointment-header h3 {
    font-size: 32px;
    text-align: left;
    font-weight: 900;
    color: var(--blue);
} 

.appointment-content .appointment-datetime {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding-bottom: 12px;
    margin-bottom: 12px;
    color: var(--blue);
    text-align: center;
    font-weight: 700;
    font-size: 18px;
}

.appointment-content .appointment-datetime img {
    filter: brightness(0)
}

.appointment-doctor {
    margin-top: 24px;
    display: flex;
    gap: 12px;
    margin-bottom: 24px
}

.appointment-doctor img {
    max-width: 60px !important;
    max-height: 60px !important;
    border-radius: 0px !important;
}

.appointment-bottom {
    margin-bottom: 24px;
}

.appointment-bottom .row {
    margin: 0px;
    gap: 12px;
}

.form-check.form-check-inline {
    margin: 12px 0px !important;
    padding: 0px !important;
}

.form-check-label {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.doctor-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.doctor-card {
    width: calc(25% - 9px);
    padding: 24px;
    background: #fff;
    border-radius: 0px;
}

.doctor-card h4 {
    font-size: 18px;
    color: var(--blue);
    border-bottom: 1px solid #efefef;
    padding-bottom: 4px;
    margin-bottom: 16px;
    font-weight: 700;
}

.doctor-profile {
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
}

    .doctor-profile img {
        width: 60px;
        height: 60px;
        border-radius: 0px;
    }

.doctor-name .name, .doctor-name {
    font-size: 16px;
    line-height: 18px;
    color: var(--blue);
    margin-bottom: 4px;
    font-weight: 700;
    font-weight: 600;
}

.doctor-name .name, .doctor-name {
    font-size: 16px;
    line-height: 18px;
    color: var(--blue);
    margin-bottom: 4px;
    font-weight: 700;
    font-weight: 600;
}

.doctor-name .subtitle, .doctor-specialty {
    font-size: 12px;
    line-height: 14px;
    color: var(--grey);
    margin: 0px;
    font-weight: 400;
}

.card-location {
    margin-bottom: 24px;
}

.doctor-card .label, .appointment-location .label {
    font-size: 14px;
    text-transform: initial;
    color: var(--blue);
    font-weight: 600;
}

.time-slots {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
    max-height: 115px;
    overflow-y: auto;
}

.time-slot {
    border: 1px solid var(--blue);
    border-radius: 0px;
    padding: 6px 10px;
    color: var(--blue);
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    background: #fff;
    width: calc(25% - 3px);
    text-align: center;
    display: flex;
    justify-content: center;
    max-height: 36px;
}

    .time-slot:hover {
        background: var(--blue);
        color: #fff !important;
    }

button#next_day_btn {
    border: 1px solid var(--blue);
    background: transparent !important;
    color: var(--blue) !important;
    border-radius: 0px;
    padding: 8px 16px;
}

    button#next_day_btn:hover {
        border: 1px solid var(--blue);
        background: var(--blue) !important;
        color: #fff !important;
        border-radius: 0px;
        padding: 8px 16px;
    }

div#appointmentDialog {
    padding: 0px 24px;
}

#appointmentDialog .appointment-content {
    padding: 0px;
}

.appointment-content h3.appointment-header {
    color: var(--blue);
    text-align: center;
    font-weight: 700;
    font-size: 21px;
    padding-top: 12px;
}

.appointment-content .appointment-datetime {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding-bottom: 12px;
    margin-bottom: 12px;
    color: var(--blue);
    text-align: center;
    font-weight: 400;
    font-size: 18px;
}

.appointment-datetime img {
    filter: brightness(0);
}

.appointment-doctor {
    padding: 0px !important;
    margin: 0px;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

    .appointment-doctor img {
        width: 60px !important;
        height: 60px !important;
        border-radius: 0px !important;
    }

    .appointment-location {
        display: flex;
        flex-direction: column;
        gap: 0px;
        color: var(--blue);
        font-weight: 500;
    }

    .appointment-location a {
        color: var(--blue) !important;
        display: flex;
        align-items: center;
    }

    .appointment-location a img {
        filter: brightness(0)
    }

    .doctor-card .label, .appointment-location .label {
        font-size: 14px;
        text-transform: initial;
        color: var(--blue);
        font-weight: 600;
    }

a.map-link {
    font-size: 14px;
    color: var(--blue) !important;
    display: flex;
    align-items: center;
    gap: 4px;
}

div#appDetails {
    padding: 24px !important;
    background: #fff !important;
    border-radius: 0px;
    gap: 24px;
    display: flex !important;
    justify-content: space-between;
}

.appointment-detail-action {
    display: flex;
    gap: 24px !important;
    margin-bottom: 48px !important;
}

.criterii-detalii {
    border: 1px solid var(--grey);
    border-radius: 0px;
    padding: 24px;
    margin: 0px !important;
    flex: auto !important;
}

.criterii-detalii .subtitlu {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: var(--blue);
    position: relative;
}

.top.appointment-details {
    margin: 0px;
}

.appointment-dialog {
    border-radius: 0px !important;
    overflow: hidden;
}

    .appointment-dialog > div {
        padding: 24px;
    }

.k-window-titlebar {
    background: #fff !important;
    padding-bottom: 12px !important;
}

.appointment-dialog .k-dialog-actions button {
    height: 40px !important
}

.appointment-dialog .k-dialog-actions .k-button-solid-base {
    background: #fff !important;
    border: 0px;
    color: var(--blue);
    border: 1px solid var(--blue);
}

    .appointment-dialog .k-dialog-actions .k-button-solid-base:hover {
        background: #fff !important;
        border: 0px;
        color: #fff;
        border: 1px solid var(--blue);
    }

.appointment-dialog .k-dialog-actions .k-button-solid-primary {
    background: var(--blue) !important;
    border: 0px;
    color: #fff;
    border: 1px solid var(--blue);
}

.appointment-dialog .k-dialog-actions .k-button-solid-primary:hover {
    background: var(--blue) !important;
    border: 0px;
    color: #fff;
    border: 1px solid var(--blue);
}

.appointment-dialog .k-dialog-actions .k-button-solid-primary span {
    color: #fff !important
}

.location-name, .location-address {
    font-weight: 300;
}

div#appDetails {
    background: #fff !important;
    gap: 24px;
}

.DataRow:has(.appointment-details) #appDetails {
    margin: 0px !important;
    border-radius: 0px !important;
}

button[data-name="confirma_prog"] {
    background: var(--blue);
    height: 32px;
    line-height: normal;
}

    button[data-name="confirma_prog"]:hover {
        background: var(--blue);
    }

div#appDetails > div {
    margin: 0px !important;
    padding: 0px;
}

h3#subtitlu1, h3#subtitlu2 {
    color: var(--blue);
    border-bottom: 1px solid var(--blue);
    width: 100%;
}

[data-name="detalii_pacient"] span {
    color: var(--blue);
}

[data-name="detalii"] span {
    color: var(--blue);
}

span#adresaClickable {
    color: var(--blue) !important;
}

.medical-address img {
    filter: brightness(0);
}

.end-appointment h3 {
    color: var(--blue) !important;
}

button#ok-btn {
    background: var(--blue) !important;
}

    button#ok-btn:hover {
        background: var(--blue) !important;
    }

.k-window:has(#custom-success-dialog) button.k-window-titlebar-action {
    justify-content: end;
}

div#custom-success-dialog {
    padding: 0px !important;
}

div:has(>button#ok-btn) {
    margin: 0px !important;
}

.end-appointment {
    padding-top: 0px !important;
}

[data-name="divInvestigatii"] {
    margin-top: 12px !important;
    width: 100%;
    display: flex;
    flex-direction: column;
}

    [data-name="divInvestigatii"] > div {
        width: 100% !important;
        min-width: 100%;
        padding-right: 0px
    }

div#form_ticketKendo .k-datepicker button {
    background: transparent;
    border: 0px;
}

.bilet-cas-action button {
    margin: 0px;
    flex: 1;
    width: 49%;
    margin-top: 12px;
}

.bilet-cas-action button[data-name="save"] {
    border-radius: 0px;
    background: var(--blue);
    border: 1px solid var(--blue);
    color: #fff
}

.bilet-cas-action button[data-name="save"]:hover {
    border-radius: 0px;
    background: var(--blue);
    border: 1px solid var(--blue);
    color: #fff
}

.bilet-cas-action button[data-name="back"] {
    border-radius: 0px;
    background: #fff !important;
    border: 1px solid var(--blue) !important;
    color: var(--blue) !important;
}
 

.buttonBarx button {
    margin: 0px 4px !important;
    height: 40px;
}

.medical-address i.fas.fa-map-marker-alt {
    display: none;
}

div#form_ticketKendo .k-picker {
    padding-left: 8px;
    background: #fff;
}

.login-form div input {
    border: 1px solid var(--blue); 
    border-radius: 0px;
}

input {
    border: 1px solid var(--blue) !important;
    border-radius: 3px !important;
    font-size: 14px !important;
}

.form-group {
    margin: 0px;
    margin-bottom: 2px 
}

.form-group > div {
    position: relative;
}

.form-group > div button {
    position: absolute;
    top: -2px;
}

div#skunk-dddwcontainer li {
    font-size: 14px;
}

.form-control {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 35px;
    border: 1px solid var(--blue);
}

.k-picker {
    border: 1px solid var(--blue);
    z-index: 1;
    background: transparent
}

.k-picker-solid:focus, .k-picker-solid.k-focus {
    box-shadow: none;
    background: transparent;
}

p.filter_header, p.filtre_adaugare {
    display: none;
}

.programari-rezultate .data_afis {
    background-color: var(--blue);
}

.programari-rezultate .loc_afis {
    background-color: var(--blue-light);
    color: var(--blue);
}

.programari-rezultate .medic_afis {
    background-color: var(--blue-light);
    color: var(--blue);
}

.programari-rezultate .spec_afis {
    background-color: var(--blue-light);
    color: var(--blue);
}

#rezultate_orar .ora {
    background-color: #fff;
    border: 1px solid;
    font-size: 14px;
}

#rezultate_orar .ora:hover, .ora.isSelected {
    border: 1px solid var(--blue-light) !important;
    background: var(--blue-light) !important;
    font-size: 14px;
    cursor: pointer
}

table.table.analizeLaborator td.more-arow {
    padding-right: 16px;
}

thead td {
    pointer-events: none;
}

tr td {
    font-size: 14px !important;
}

.tooltip-inner {
    color: #fff
}

.row.allUserData {
    display: flex;
    gap: 0px;
}

.antet-left sk-form > div {
    display: flex;
    gap: 20px;
}

.appointment-dialog .k-dialog-actions {
    border: 0px;
}

.appointment-dialog .k-dialog-actions button {
    margin: 0px !important;
}

div#cardContent {
    max-width: 1378px;
    margin: auto;
}

body:has(.custom-appointment) .userData {
    display: none !important;
}

body:has(.custom-appointment) .custom-appointment {
    margin-top: 90px;
}

.top.new-appointment {
    max-width: 1378px;
    margin-left: auto;
    margin-right: auto;
    justify-content: start;
}

.pageContent {
    max-width: 1378px;
    margin: auto;
}

span.k-searchbox {
    border: 1px solid var(--blue) !important;
    box-shadow: none !important;
}

span.k-searchbox input {
    border: 0px !important
}

div#form_ticketKendo .k-picker {
    height: 35px;
    box-shadow: none; 
}

div#form_ticketKendo .k-input {
    height: 35px;
    box-shadow: none;
    border: 0px !important;
}

div#form_ticketKendo .k-picker button {
    margin: 0px !important;
    right: 0px;
    padding: 0px;
}

div#form_ticketKendo .k-datepicker button {
    margin: 0px;
    padding: 0px;
    right: 0px;
}

.k-button:hover::before, .k-button.k-hover::before {
    opacity: 0;
}

body:has(#userData) .signature {
    display: none !important;
}

li.userIcon.userprofile ul.dropdown-menu.show li a:hover {
    background: var(--blue-light);
}

/* simple appointmente - single page */
.simple-appointments.antet {
    background: var(--blue);
}

.simple-appointments input::placeholder {
    font-weight: 400 !important;
    color: var(--blue) !important;
} 

.simple-appointments.antet .antet-right button,
.simple-appointments.antet .antet-right button:hover {
    background: #fff !important;
    color: var(--blue) !important;
    border: 1px solid var(--blue) !important;
}

.simple-appointments .btn-reset, .simple-appointments .btn-reset:hover,
.simple-appointments .btn-show, .simple-appointments .btn-show:hover,
.simple-appointments .btn-logout, .simple-appointments .btn-logout:hover {
    background: #fff !important;
    color: var(--blue) !important;
    border: 1px solid var(--blue) !important;
}

.simple-appointments .btn-green, .simple-appointments .btn-blue {
    border: 0px !important;
    background: var(--blue) !important;
    color: #fff !important
}

.simple-appointments .btn-green:hover, .simple-appointments .btn-blue:hover {
    border: 0px;
    background: var(--blue) !important;
    color: #fff
}

.simple-appointments .form-group .fa {
    color: var(--blue);
}

.simple-appointments .asc {
    color: var(--blue); 
    width: 24px;
}

.simple-appointments .main-butoane-filtru button {
    height: 32px;
}

.simple-appointments .datepicker-head {
    background: var(--blue);
}

.simple-appointments .datepicker-head .month button, .datepicker-head .month button {
    background: transparent !important
}

.simple-appointments .table-datepicker th {
    color: var(--blue);
}

.simple-appointments .table-datepicker th,
.simple-appointments .table-datepicker td {
    text-align: center;
}

.simple-appointments .table-datepicker td:hover {
    background-color: var(--blue) !important;
    color: white;
    border-radius: 0px;
}

.simple-appointments .table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent;
}

.simple-appointments .table-striped tbody tr {
    border-bottom: 1px solid var(--grey)
}

.simple-appointments.antet + .app-container .DataRow .top {
    justify-content: start;
}

.simple-appointments.antet .antet-left div {
    color: #fff !important;
}

.simple-appointments.antet .antet-left div span {
    color: #fff !important;
}

.simple-appointments.antet .antet-left div span.cont-validat {
    color: #00c345 !important;
} 

.simple-appointments.antet .antet-right button {
    font-weight: bold !important;
}

.simple-appointments .fa-plus:before,
.simple-appointments .fa-filter:before {
    color: #fff;
}

.simple-appointments .criterii {
    margin: 0px !important;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    padding: 0px !important;
    padding-bottom: 8px !important;
}

body:has(.custom-appointment) .simple-appointments .custom-appointment {
    margin: 0px;
}

.criterii h3.subtitlu {
    background: var(--blue);
    width: 100%;
    padding: 12px 4px;
    color: #fff;
    font-weight: 300;
    padding-left: 20px;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
}

.criterii > sk-form {
    padding-left: 20px;
    padding-right: 20px;
}

.criterii > div {
    padding-left: 20px;
    padding-right: 20px;
}

.k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link { 
    background-color: var(--blue-light);
}

.custom-appointment .form-group .clear-filter-btn {
    position: absolute;
    right: 0px; 
}

.custom-appointment .asc {
    font-size: 0px !important;
    z-index: 0
}

.custom-appointment .form-group > div button {
    z-index: 0;
}

.custom-appointment .form-group > div span {
    background: transparent;
}

.k-list-item:focus, .k-list-optionlabel:focus, .k-list-item.k-focus, .k-focus.k-list-optionlabel {
    box-shadow: none !important
}


/* link index.html?medisweb=1  */

.main-medisweb {
    margin-bottom: 0px !important;
}

.main-analize {
    background: #fff;
}

.main-medisweb a.headuser.dropdown-toggle {
    color: #fff;
}

.main-medisweb .table thead {
    background: var(--blue);
}

.main-medisweb .table thead {
    pointer-events: none;
}

.main-medisweb .table tr {
    color: var(--blue);
}

.main-medisweb .table tr td {
    font-size: 14px;
}

.main-medisweb table.table.detaliiLaborator tbody {
    max-height: calc(100vh - 400px);
    overflow-y: auto !important;
    display: block;
}

.main-medisweb .antet-det * {
    color: var(--blue) !important;
}

.main-medisweb .detIcn {
    background: var(--blue);
    border-radius: 100px;
}

/* END */

@media screen and (max-width: 1480px) {
    .DataRow .row {
        margin: 0px 20px;
    }

    header#userData {
        margin-left: 20px !important;
        margin-right: 20px !important;
        padding: 16px !important;
    }

    .criterii {
        margin: 0px 20px !important;
        padding: 0px;
        border-top-right-radius: 20px !important;
        border-top-left-radius: 20px !important;
    }

    .new-appointment-bottom {
        max-width: 1378px;
        margin: 0px 20px !important;
    }

    .DataRow:has(.appointment-details) {
        max-width: 1378px;
        margin-left: 20px;
        margin-right: 20px
    }
    .SWindow.panel.panel-default {
        top: 20px !important; 
    }
}

@media screen and (max-width: 1360px) {
    .SWindow.panel.panel-default {
        top: 20px !important;
    }
}

@media screen and (max-width: 1024px) {
    .doctor-card {
        width: calc(33% - 9px);
    }
}

@media screen and (max-width: 992px) {
    [data-name="filtru"] .row {
        flex-direction: column;
        gap: 12px;
    }

    .custom-appointment .criterii .row {
        margin: 0px;
    }

    [data-name="filtru"] .row > div {
        width: 100% !important;
        min-width: 100%;
        margin: 0px !important;
        padding-right: 0px !important;
        padding-left: 0px !important
    }

    .doctor-card {
        width: calc(50% - 9px);
    }
    .butoane-confirmare {
        gap: 24px !important;
    }
    .butoane-confirmare button { 
        flex: 1;  
        height: 40px;
        margin: 0px
    }
    .k-dialog-wrapper .k-dialog { 
        max-width: 90vw;
    }
}

@media screen and (max-width: 768px) {  
    .megaBtn button[data-name="menuProgramariOnline"]:before {
        content: "";
        background-image: url(/template2/css/imgs/palade-programari.svg);
        width: 40px;
        background-repeat: no-repeat;
        height: 40px;
        position: absolute;
        top: 10px;
        left: 6px;
        margin: 0px
    }
    .AppContainer {
        margin-left: 0px;
    }
    .userdata .card {
        padding: 0px; 
    }

    body[data-name="app"]:has(.login-box) {
        background-image: none !important
    }

    .login-box {
        border-radius: 0px !important;
        margin-top: 20px;
        padding: 12px;
    }

    button[data-name="menuProgramariOnline"] {
        border: 0px !important;
    }

    .megaBtn button[data-name="menuProgramariOnline"]:before {
        filter: none
    }

    td {
        font-size: 14px;
        padding: 2px 8px !important;
    }

    div[data-name="moveBox"] + div {
        max-height: calc(100vh - 130px);
    }

    .container.facturi {
        max-height: calc(100vh - 150px) !important;
    }

        .container.facturi div, .container.facturi span {
            font-size: 14px;
        }

    .detaliiFacturaHead {
        gap: 12px;
    }

    sk-form[data-name="total"] .row div {
        display: flex;
        flex: 1;
        white-space: pre;
        text-align: right !important;
        justify-content: end;
    }

    [data-name="den_rez"] {
        padding: 2px 8px !important;
    }

    .popupContent {
        max-height: none;
        min-height: auto;
    }

    .more-arow i.la-fw {
        font-size: 24px;
        margin-right: 12px;
    }

    td.more-arow {
        padding: 0px !important;
    }

    sfiles.fileAtt {
        margin-top: 0px;
        margin-bottom: 8px;
        gap: 4px
    }

        sfiles.fileAtt div {
            margin: 0px;
        }

    button#prevDayBtn, button#nextDayBtn {
        font-size: 0px !important;
    }

    .butoane-filtru {
        display: flex;
        flex-direction: column;
    }

        .butoane-filtru button {
            width: 100%;
        }

    .criterii .row {
        gap: 8px;
    }

    div#appDetails {
        padding: 16px !important;
        display: flex;
        flex-direction: column;
    }

    h3#subtitlu1, h3#subtitlu2 {
        font-size: 16px;
    }

    .appointment-detail-action {
        flex-direction: column;
    }

    .butoane-confirmare {
        margin: 0px !important;
        width: 100% !important;
        gap: 0px !important;
        margin-top: 24px !important;
    }

    .butoane-confirmare button {
        height: 40px
    }

    button[data-name="menuProgramariOnline"] {
        border: 0px !important;
        display: flex;
        height: 100%;
    }

    .megaBtn button[data-name="menuProgramariOnline"]:before {
        filter: none !important
    }

    .k-dialog-wrapper {
        max-width: 95vw;
        max-height: 95vh;
    }

    .appointment-dialog .k-dialog-actions {
        border: 0px;
    }

    .appointment-dialog .k-dialog-actions button {
        height: 40px !important;
        margin: 0px !important;
    }

    div#appDetails .criterii-detalii {
        border: 0px;
    }

    div#form_ticketKendo .k-picker {
        padding-left: 8px;
        background: #fff;
    }
    [data-name="dashboard_programari"], [data-name="dashboard_financiar"] {
        padding-left: 50px;
        width: 80%;
    }
    header#userData {
        padding-top: 10px !important
    }
    .card-body:has(.head_icn) { 
        display: flex;
        align-items: start;
        justify-content: center;
    }
    div[data-name="archive_button"] a {
        width: fit-content !important
    }
    table.consultatiiClinica tbody tr:nth-of-type(1) .more-arow { 
        bottom: 0px !important
    }
    .card-body.gradgreen.welcome {
        display: flex;
        flex-direction: initial;
        align-items: center;
        justify-content: start;
    }
    .card-body.card-blue.dashFacturi { 
        justify-content: start;
    }
    .dashFacturi .card-body, .dashProgramari .card-body { 
        display: flex !important;
        justify-content: start !important;
        align-items: start !important;
    }
    .pull-right { 
        display: flex;
        flex-direction: column;
    }
    .DataRow.custom-appointment .line {
        display: none;
    }
    [data-name="disclaimer"] {
        margin: 0px !important;
        margin-top: 12px !important;
    }
    button {
        font-size: 16px !important;
    }
    .comments {
        margin-top: 12px
    }
    .appointment-detail-action {
        flex-direction: column;
        gap: 0px !important;
    }
    .butoane-confirmare {
        gap: 8px !important;
    }
    .butoane-confirmare button { 
        flex: 1;  
        height: 40px
    }
    button[data-name="menuProgramariOnline"] {
        font-size: 0px !important;
    }
    ul#skunk-menu {
        max-width: 100vw;
    }
    .dashFacturi, .dashProgramari { 
        overflow: hidden;
    }
    .antet-left sk-form > div {
        display: flex; 
        flex-direction: column;
        gap: 0px;
    }
    .antet-right button {
        font-size: 0px !important;
    }
    .simple-appointments .main-butoane-filtru button {
        min-height: 32px;
    }
    .criterii { 
        padding: 0px !important;
    }
    .custom-appointment .criterii .row {
        margin: 0px;
        gap: 12px;
    }
    .butoane-filtru button { 
        margin: 0px !important;
    }
    .criterii > sk-form { 
        margin-bottom: 12px;
    }
    .palade-logo img {
        height: 30px;
    }
    div#cardResults:has(.doctor-card) {
        margin-bottom: 0px; 
    }
    .appointment-dialog .k-dialog-actions {
        border: 0px;
        flex-direction: column;
    }
    .appointment-dialog .k-dialog-actions button { 
        width: 100%;
    }
    .bilet-cas-action button {
        height: 40px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

}

@media screen and (max-width: 580px) {
    .doctor-card {
        width: 100%;
    }
}
