@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700');

/* xxxxxxxxxx GENERAL xxxxxxxxxxxxx */

/*.header-placeholder { height: 3.5rem;}*/ /*NU UITA SA DECOMENTEZI*/

a.profile-image img {
    height: 160px;
}

.block {
    display: block;
}

/* -------- Header  ----------*/
.appLogo {
    vertical-align: middle;
    margin-left: -15px;
    width: 240px;
    height: 50px;
    background: url('imgs/appLogoMEMR.png') no-repeat #FFF;
    background-position: center;
}

.headuser {
    display: inline-block !important;
}

li.userIcon.userprofile {
    padding: 0px;
    margin-right: 12px;
}

.dashboardhide {
    display: none;
}

.mTop-15 {
    margin-top: 15px;
}

.mTop-35 {
    margin-top: 35px;
}
/*  ubermil */
    .DataRow {
    padding: 15px;
    padding-left: 85px;
}

.pull-right {
    display: inline-block;
    float: right;
}

.wLabelIntCard {
    width: 170px;
}

.title {
    color: #68c8c7;
    font-weight: 500;
    text-transform: uppercase;
}

sk-form {
    overflow: hidden;
}

.labelCard {
    color: #7eb6e3;
}

.btn-white {
    color: white;
    margin: 0;
    padding: 0;
}

    .btn-white:hover::before {
        font-family: "LineAwesome";
        content: "\f126";
        vertical-align: bottom;
    }

    .btn-white:visited::before {
        font-family: "LineAwesome";
        content: "\f126";
        vertical-align: bottom;
    }

.card-header {
    padding: .5rem 1rem;
    background: #70c2f8;
    color: white;
}

.AlteDetalii {
    background: #f5f9fa;
}

.altDetShow {
    padding: 15px;
    font-size: 0.835em;
}

.card-title {
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
    border-bottom: 1px solid #70c2f8;
    text-transform: uppercase;
    color: #70c2f8 !important
}

.card-icns {
    position: absolute;
    top: .75em;
    right: .75em;
}

.more-arow {
    color: #3585e4;
    width: 24px;
    text-align: right;
    cursor: pointer;
}

.ml-75 {
    margin-left: .75em;
}

.card-icns a {
    color: #ffffff;
}

li.skunk-search-item {
    background: #45a1f4;
    color: white !important;
}

ul.dropdown-menu.show li a {
    padding-left: 1em;
    padding-right: 1em;
    line-height: 3em; 
}

    ul.dropdown-menu.show li a:hover {
        color: white;
        background: #45a1f4;
    }

.dropdown-menu {
    border-radius: 0;
    border: none; 
}

a:focus {
    outline: none !important;
}

.tableAction {
    color: #3585e4;
    width: 24px;
    text-align: right;
}

.HeadRow {
    padding-left: 30px;
}

.page-title {
    padding-left: 15px;
}

.page_icon {
    font-family: 'skunk_web';
    color: #45a1f4;
    font-size: 4em;
    display: inline-block;
}

.table td, .table th {
    padding: .25rem;
    vertical-align: top;
    border-top: none;
}

.dashtable td, dashtable th {
    max-width: 165px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.btn-upCard {
    position: absolute;
    top: 12px;
    right: 12px;
    background: #07366e;
}

th {
    color: #d4293c;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: .75rem;
} 

.subtitlu {
    width: 60%;
}

.gradgreen {
    background-image: linear-gradient(to right,#7eb6e3,#45a1f4);
    background-repeat: repeat-x;
    border-radius: 4px;
}

.pageTitle {
    color: white;
    font-size: 1.25em;
    display: inline-block;
    vertical-align: middle;
}

.pageDate {
    padding: .75em 1em 0 0;
}

span.head_icn {
    font-family: "skunk_web";
    font-size: 2.5em;
    color: white;
    display: inline-block;
    padding-left: .25em;
    padding-right: .5em;
}

p.titleSub {
    font-size: .9em;
}

/*.att_files {
	position: relative;
}*/

sfiles.fileAtt div {
    display: inline-block;
    font-size: .75rem;
    /*color: #7eb6e3;*/
    padding: 0 1rem;
    margin-right: .75em;
    border: 1px solid rgba(70, 72, 85, .2);
    border-radius: 5em;
    cursor: pointer;
}

    sfiles.fileAtt div:hover.pdf::before {
        color: white;
    }

    sfiles.fileAtt div:hover.img::before {
        color: white;
    }

    sfiles.fileAtt div:hover.doc:before {
        color: white;
    }

    sfiles.fileAtt div:hover.file::before {
        color: white;
    }

.dialog {
    z-index: 2;
}
/* iconite fisiere */
.pdf::before {
    font-family: "LineAwesome";
    font-size: 1.75em;
    content: "\f1e7";
    vertical-align: sub;
    color: #e73118;
}

.img::before {
    font-family: "LineAwesome";
    font-size: 1.75em;
    content: "\f1e4";
    vertical-align: sub;
    color: #45a1f4;
}

.doc::before {
    font-family: "LineAwesome";
    font-size: 1.75em;
    content: "\f1ed";
    vertical-align: sub;
    color: #295497;
}

.file::before {
    font-family: "LineAwesome";
    font-size: 1.75em;
    content: "\f1df";
    vertical-align: sub;
    color: #68c8c7;
}

.antet-det {
    position: relative;
    color: #ffffff;
    padding: .5em 1em;
    margin-bottom: 1em;
    background-image: -webkit-gradient(linear,left top,right top,from(#5be8c8),to(#45a1f4));
    background-image: -webkit-linear-gradient(left,#5be8c8,#45a1f4);
    background-image: -moz-linear-gradient(left,#5be8c8,#45a1f4);
    background-image: -o-linear-gradient(left,#5be8c8,#45a1f4);
    background-image: linear-gradient(to right,#5be8c8,#45a1f4);
    background-repeat: repeat-x;
}

.antet-det_name {
    display: inline-block;
    margin-right: 1em;
}

.detIcn {
    font-family: "skunk_web";
    font-size: 3em;
    color: white;
    display: inline-block;
    vertical-align: top;
    padding-right: .175em;
}

.DataAction {
    position: relative;
    top: 0;
    right: 0;
    font-size: 1.25em;
}

    .DataAction a {
        padding-left: .25em;
        color: white;
    }

.detData {
    display: inline-block;
    width: calc(100% - 6em);
}

.popupContent {
    width: 75vw !important;
    max-height: calc(100vh - 20em);
    min-height: 300px;
    overflow: auto;
    padding: 15px;
}

.popSpital {
    max-height: calc(100vh - 21em);
}

.DataAction li a {
    color: #5be8c8;
}

.attList {
    margin-top: -1.5em;
    padding: .55em;
    padding-top: .5rem;
    border-bottom: 1px solid #dedede;
    margin-bottom: 2em;
    background: #f7f7f7;
    position: relative;
    float: left;
    width: 100%;
}

.mbNO {
    margin-bottom: .5em;
}

.attTitle i {
    font-size: 16px;
    vertical-align: text-bottom;
}


.caution {
    color: #d22034;
}

    .caution::after {
        font: normal normal normal 16px/1 "LineAwesome";
        font-size: 1.5em;
        content: "";
        color: #d22034;
        padding-left: 7px;
        vertical-align: bottom;
    }

.pdf:hover, .img:hover, .doc:hover, .file:hover {
    background: #7eb6e3;
    color: white;
}

a.show-hide {
    color: #ffffff;
}

    a.show-hide:hover {
        color: #ffffff;
    }
/* de verificat */
span.det-td {
    background: #d22034;
    color: white;
    padding: 2px 10px;
    margin-left: 10px;
    border-radius: 13px;
    font-size: .75rem;
}

a.btn.btn-primary.btn-upCard {
    font-size: .75rem;
    background: none;
    color: #07366e;
    font-weight: 600;
    text-decoration: underline;
    border: none;
}

.h5, h5 {
    font-size: 1rem;
}

.card {
    font-size: .8rem;
    box-shadow: 0 10px 40px 0 rgba(18,106,211,.07), 0 2px 9px 0 rgba(18,106,211,.06);
    border: none;
    transition: all .3s ease;
}

table.table {
    margin-bottom: 0;
}

.avatar {
    position: relative;
    width: 30px;
    vertical-align: bottom;
    white-space: nowrap;
    border-radius: 1000px;
    display: inline-block;
}

.avatar {
    width: 36px;
    margin-right: .5rem;
}

.avatar img {
    width: 36px;
    max-width: 100%;
    height: 36px;
    border: 0;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid transparent;
}

a.headBtn {
    display: inline-block !important;
}

li.megaBtn {
    float: right !important;
}

li.userIcon {
    float: right !important;
}

.headBtn {
    background: #70c1f9;
    background-image: linear-gradient(to right, #70c1f9 0%, #79e4de 100%);
    border: none;
}

    .headBtn:hover, {
        background: #70c1f9;
    }

.btn-primary.focus, .btn-primary:focus {
    box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #70b9f3;
    border-color: #464955;
    box-shadow: none;
}
/* initial */

.AppContainer > header,
.codrops-top {
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
}

.AppContainer > header {
    margin: 0 auto;
    padding: 4em 2em 10px 2em;
    padding-left: 75px;
    /* margin-bottom: .75rem; */
    background-image: -webkit-gradient(linear,left top,right top,from(#5be8c8),to(#45a1f4));
    background-image: -webkit-linear-gradient(left,#5be8c8,#45a1f4);
    background-image: -moz-linear-gradient(left,#5be8c8,#45a1f4);
    background-image: -o-linear-gradient(left,#5be8c8,#45a1f4);
    background-image: linear-gradient(to right,#5be8c8,#45a1f4);
    background-repeat: repeat-x;
}

    .AppContainer > header a {
        color: #566473;
        text-decoration: none;
        outline: none;
    }

        .AppContainer > header a:hover {
            color: #4f7bab;
        }

    .AppContainer > header h1 {
        font-size: 1.4em;
        line-height: 1.3;
        margin: 0;
        font-weight: 600;
        color: #fff;
    }

    .AppContainer > header span {
        display: block;
        /*font-size: 55%;*/
        color: #fff;
        display: inline-block;
        padding: 0 0 0 0.1em;
    }

.header-placeholder {
    height: 3em;
}

.userTitle {
    margin-bottom: 0;
}

.userTitle-CNP {
    color: #459ff1;
    font-size: 1.4em;
}

.editBtn {
    margin: 0;
    margin-top: 1em;
}

/* TABS */
.nav-tabs .nav-link.active {
    color: #459ff1;
    background-color: #ffffff;
    border-color: transparent;
}

.card-header.tab-header {
    padding-bottom: 0px;
    border-bottom: none !important;
}

.nav-tabs {
    border-bottom: none;
}

    .nav-tabs li a {
        /*font-size: 1.2em;*/
        font-weight: 600;
    }

.card-header.tab-header {
    padding: 0;
    border-bottom: none !important;
}

.card-header:first-child {
    border-radius: .25rem .25rem 0 0;
}

.nav-tabs .nav-link.active:first-of-type {
    border-radius: .25rem 0 0 0;
}

.nav-tabs .nav-link.active:last-of-type {
    color: #70c2f8;
    background-color: #ffffff;
    border-color: transparent;
    border-radius: 0rem .25rem 0 0;
}

.nav-tabs .nav-link {
    border: none;
    color: white;
    text-decoration: none;
}

.nav-tabs .nav-link:hover {
    background: rgba(255, 255, 255, .25);
    border: none;
    color: white;
}

.dashcard {
    height: 13.5em;
}

.DataAction {
    display: none;
}

.labelDet {
    color: white;
}

.wLabelClinic {
    width: 110px;
    text-align: left;
}

.wLabelLab {
    width: 140px;
    text-align: left;
}

h6.attTitle {
    display: inline-block;
    padding-right: 2em;
    color: #7eb6e3;
    font-size: .9em;
}

.height-sm {
    height: 90px;
}

.proImg_frame {
    margin-left: 2em;
    margin-right: 2em;
}

ul.list-inline {
    margin-bottom: 0;
}

.skunkSignature {
    display: none;
    position: fixed;
    right: 1em;
    bottom: 1em;
    opacity: .5;
}

.frameHead-1 {
    margin: 5px 15px 0 15px;
    width: 400px;
}

.frameHead-2 {
    width: 400px;
}

frameHead-1, .frameHead-2, .frameHead-3 {
    display: inline-block;
    vertical-align: top;
}

.wLabelFrame {
    width: 85px;
}

ul.dropdown-menu.show a {
    color: #459ff1;
}

ul.dropdown-menu.show {
    padding: 0;
    min-width: 320px
}

.fimg img {
    border-radius: 50%;
    width: 160px;
    height: 160px;
    object-fit: cover;
}

.frameProfilImg {
    width: 75px;
    height: 75px;
    object-fit: cover;
}
/*.tab-content {
	min-height: 21.75em;
}*/

.card-green {
    background: #79e4de;
    background-image: linear-gradient(to right, #79e4de 0%, #70c1f9 100%);
    color: white;
    border-radius: .25em;
}

.card-blue {
    background: #45a1f3;
    background-image: linear-gradient(to right, #46a1f4 0%, #79e4df 100%);
    color: white;
    border-radius: .25em;
}

.progText {
    display: inline-block;
    vertical-align: super;
}

a.inline-block.progHref {
    font-size: .75em;
    text-decoration: underline;
    cursor: pointer;
}

span.spanProg {
    font-weight: 700;
}

.card-icns_blue {
    position: absolute;
    top: .65em;
    right: .75em;
}

    .card-icns_blue a {
        color: white;
    }

/* pentru portal modif florin cu dashboard nou*/
.card-tabs {
    min-height: 17.6em;
}

/* buttons */
.btn-clear {
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    outline: none;
    color: #7eb6e3;
}

    .btn-clear::after {
        content: none;
    }

.moreBtn.dropdown-menu.show {
    width: 100%; 
    color: white; 
}
 
.moreDetBtn .btn-clear {
    color: #fff;
}

.attBtn.dropdown-menu {
    padding-left: 12px;
    width: 100%;
    margin-left: -10px;
    margin-right: 0px;
    background: #f7f7f7;
    transition: none !important;
    position: relative !important; 
    margin-top: 0px;
    transform: none !important;
}

/* responsive */


.main-medisweb {
    max-width: 1240px;
    margin: 70px auto;
    padding-left: 12px;
    padding-right: 12px
}

.main-analize.main-analize-content {
    background: #fff;
}

.main-medisweb .antet-det {
    padding: 0px !important;
    background: #fff;
    padding: 10px !important;
}

.main-medisweb .skunk-menu-main.main-analize > li.medikaliLogo > a {
    margin-left: 40px !important;
}

.main-medisweb .table thead {
    background: #68c8c7;
}

.main-medisweb .table thead td {
    font-weight: 500;
    padding: 10px;
    color: #fff
}

.main-medisweb .table thead tr {
    align-items: center;
    text-align: center;
}

.main-medisweb .table tr {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    border: 0px;
}

.main-medisweb .table tr td {
    display: flex;
    gap: 16px;
    font-weight: 400;
    padding: 10px !important;
}

.main-medisweb .table tr td div {
    font-weight: 400;
}

.main-medisweb .la-fw {
    padding-top: 0px;
    margin-right: 0px;
}

.main-medisweb .attList {
    border: 0px;
    background: transparent
}

.main-medisweb #consultatie sk-rows > div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.main-medisweb #consultatie sk-rows > div label {
    font-weight: 400;
    color: #53565a;
}

.main-medisweb #consultatie sk-rows > div span {
    font-weight: 600;
    color: #222;
}

.main-medisweb .attList.mbNO {
    margin: 0px
} 

.main-medisweb a.headuser.dropdown-toggle {
    display: flex !important;
    gap: 4px;
    align-items: center;
}

.main-medisweb li.userIcon.userprofile > ul > li {
    margin-top: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.main-medisweb sfiles.fileAtt div {
    border: 0px
}

.main-medisweb .table thead th,
.main-medisweb .table thead td {
    border: 0px
}

.main-medisweb .detIcn {
    color: #999
}

.main-medisweb .attList.mbNO {
    background: #e3f4f4;
}

.main-medisweb .skunk-current-row {
    background: #f7f7f7 !important;
}

.main-medisweb .table tbody + tbody {
    border-top: 1px solid #dee2e6;
}
.strikethrough {
    background-color: #FFF6A8;
    color: grey;
}
.main-medisweb .appLogo {
    width: 100%;
} 

/* basic positioning */
.legend {
    list-style: none;
    display: flex;
}

.legend li {
    width: 15%;
}

.legend span {
    border: 1px solid #ccc;
    float: left;
    width: 12px;
    height: 12px;
    margin: 6px;
}
/* your colors */
.legend .has_consult {
    background-color: #FFF6A8;
}

.legend .nhas_consult {
    background-color: #FFFFFF;
}

.legend .selected_row {
    background-color: #E8F7FE;
}

.legend .old_row {
    background-color: lightgrey;
}

.old_appointments {
    background-color: lightgrey;
    color: black;
}

.wrong_input {
    border-color: red !important;
}

/* --- */ 

.appLogo {
    margin-top: 0px;
    margin-left: 0px; 
    width: 240px;
    height: 40px; 
    background-size: contain;
}

li.userIcon.userprofile {
    padding: 0 12px;
}

li.otherLogo a {
    padding: 0px !important;
    display: flex;
    align-items: center;
}

.skunk-icon-menu::before {
    background: #459ff1 !important;
    box-shadow: 0 3px white, 0 -6px #459ff1, 0 -9px white, 0 -12px #459ff1 !important;
}

.SWindow .titleBar .titleContainer {
    min-width: 320px;
}

[data-name="dashboard_antecedente"] tbody .skunk-current-row, .skunk-current-row {
    background: #fff !important; 
}
[data-name="dashboard_boli_cronice"] tbody .skunk-current-row { 
    background-color: #fff !important; 
} 
.frameHead-1 {
    margin: 15px 15px 0 0px; 
}
.antet-det {
    display: flex;
    align-items: start !important;
    border-radius: 4px;
}
div#detaliiLaborator,  
div#detaliuConsultatie {
    position: relative;
    padding-left: 0px;
    margin-left: 0px;
    background: transparent;
}
div#detaliiLaborator sk-form, 
div#detaliuConsultatie sk-form {
    padding: 0px !important;
    margin: 0px !important;
}
.attList {
    margin-top: -16px;
} 
.allCriterii {
    padding: 0px !important;
}

.data_afis {
    padding-left: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
}

table.orar_disponibil th {
    padding: 8px !important;
    text-align: center
}
table.orar_disponibil td.table_cell {
    padding: 0px !important;
    padding-bottom: 1px !important;
}
.dashProgramari {
    min-height: 70px
}
.dashProgramari > div {
    display: flex;
    align-items: center;
    padding-right: 130px;
}
button[data-name="menuProgramariOnline"]:active {
    background: transparent !important;
} 

.card-body.card-solo sk-grid {
    max-height: 40vh; 
    z-index: 0
} 
[data-name="listaprogramari"] .card-body.card-solo sk-grid {
    max-height: 28vh;
}
.listaProgramariArhiva td:nth-of-type(1) {
    width: 80px;
}
.listaProgramariArhiva td:nth-of-type(2) {
    width: 50px;
}
.listaProgramariArhiva td:nth-of-type(3) {
    width: 120px;
}
.listaProgramariArhiva td:nth-of-type(4) {
    width: 300px;
}
.listaProgramariArhiva td:nth-of-type(5) {
    width: 150px;
}
div[data-name="moveBox"] + div {
    max-height: 78vh;
    overflow-x: hidden;
    overflow-y: auto;
}
sk-form[data-name="datepacient_detalii"] label {
    font-weight: normal;
    color: #4f505c;
    font-size: 14px;
}
table.table { 
    border-radius: 4px !important;
    overflow: hidden;
}
.DataRow.datePacientPage .titleZone1 {
    padding-top: 20px;
}
.ora {
    justify-content: center;
    display: flex;
    align-items: center;
    height: 24px !important;
    max-height: 20px !important;
    min-height: 32px !important;
}
.ora.isSelected {
    color: #fff;
    background: #07366e !important;
}
a.skunk-icon.selected {
    background: #459ff1 !important;
    color: #fff !important;
}
button[data-name="ascunde_filtre"] {
    padding: 2px 8px;
}

.DataRow .top { 
    justify-content: center; 
    text-align: center;
}

.form-group {
    margin: 10px 0;
}

p.userTitle-CNP {
    margin: 0px;
}

.appointment-bottom .col-6 {
    min-width: 160px !important;
}

.appointment-bottom .col-6 input {
    width: 100%
}

sfiles.fileAtt {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 12px;
}

.card-body.gradgreen {
    display: flex;
    align-content: center;
    gap: 12px !important;
    justify-content: start; 
}

.card-body.gradgreen p {
    margin: 0px; 
    line-height: 50px;
}

.card-body.gradgreen span {
    margin: 0px !important;
    padding: 0px !important;
}
div#detaliuConsultatie {
    font-size: 14px;
}
.card-body.gradgreen.welcome .pageDate {
    padding: 0px;
    width: auto;
}
.card-body.gradgreen.welcome {
    display: flex;
    flex-direction: initial;
    align-items: center;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
 
.medical-files .appLogo {
    background: none
}

.medical-files .card-body.card-solo sk-grid {
    max-height: calc(100vh - 380px);
    z-index: 0;
}

.medical-firms .appLogo {
    background: none
}

.medical-firms .card-body.card-solo sk-grid {
    max-height: calc(100vh - 380px); 
}

.medical-firms [data-name="listaprogramari"] .card-body.card-solo sk-grid {
    max-height: calc(100vh - 380px); 
}

.medical-intern .appLogo {
    background: none
}

.medical-intern .card-body.card-solo sk-grid {
    max-height: calc(100vh - 420px);
}

.medical-external .appLogo {
    background: none
}

.medical-external .card-body.card-solo sk-grid {
    max-height: calc(100vh - 380px);
}

.medical-files .medikaliLogo {
    display: none
}

.cont-nevalidat {
    color: #ff405d !important
}

.cont-validat {
    color: #20d35f !important
}


@media screen and (min-width: 1400px) {
    .card {
        font-size: 1rem;
    }

    a.profile-image img {
        height: 210px;
    }
    /*.tab-content { min-height: 21.75em;	}*/
    .fimg img {
        width: 200px;
        height: 200px;
    }

    .skunkSignature {
        display: block;
    }
    /* pentru portal modif florin cu dashboard nou*/
    .card-tabs {
        min-height: 16.7em;
    }

    .card-icns_blue {
        top: .5em;
    }

    .popupContent {
        max-height: calc(100vh - 25em);
    }
    .SWindow.panel.panel-default {
        top: 10px !important;
    }
} 

@media screen and (max-width:1200px) {
    div#detaliiLaborator {
        font-size: 14px;
    }
}

@media screen and (max-width: 1025px) {
    .container > header {
        margin: 0 auto;
        padding: 120px 50px;
        font-size: 70%;
        text-align: right;
    }
    .detData sk-rows > div > div {
        display: flex;
        flex-direction: row;
    } 
}

@media (max-width: 991px) {
    .userdata {
        margin-bottom: 15px;
    }

    .card-body.card-solo { 
        z-index: 0;
    }
}

@media screen and (max-width: 767px) {
    .megaBtn button[data-name="menuProgramariOnline"]:before {
        content: "";
        background-image: url(/template2/css/imgs/icn-calendar.png);
        background-size: contain !important;
        width: 24px;
        height: 24px;
        position: absolute;
        top: 18px;
        filter: invert(12%) sepia(94%) saturate(5275%) hue-rotate(550deg) brightness(167%) contrast(80%);
        background-repeat: no-repeat;
    }

    button[data-name="menuProgramariOnline"] {
        font-size: 0px;
        background: transparent;
        min-width: 50px;
    }

        button[data-name="menuProgramariOnline"]:hover {
            background: transparent;
        }

    .skunk-menu-wrapper {
        opacity: 0;
        width: 0px !important
    }

    .skunk-menu-wrapper.skunk-open-all {
        opacity: 1;
        width: 60px !important
    }

    .skunk-menu-wrapper.skunk-open-all {
        width: 240px !important;
    }

    .DataRow {
        padding: 15px;
        padding-left: 15px;
    }

    ul.skunk-menu li a {
        font-size: 16px;
    }

    span.head_icn {
        font-size: 32px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .pageDate {
        width: 100%;
        padding: 0px;
        padding-left: 50px;
    }

    .pageTitle {
        margin: 0px;
        padding-left: 50px;
    }

    span.head_icn {
        position: absolute;
    }

    .gradgreen {
        display: flex;
        flex-direction: column; 
        justify-content: center;
    }

    .gradgreen p {
        margin: 0px;
    }

    .appLogo {
        width: 150px;
    }

    .AppContainer > header {
        margin: 0 auto;
        padding: 70px 20px 10px 20px !important;
    }

    .titleZone1 {
        margin: 0px !important;
        width: 100% !important;
        display: flex;
        flex-direction: column;
    }

    .titleZone1 pull-right {
        display: flex;
        flex-direction: column;
    }

    .frameHead-1, .frameHead-2, .frameHead-3 {
        width: auto
    }

    .card-body.card-solo {
        padding: 12px;
    }

    .wLabelFrame {
        width: auto; 
    }

    .frameHead-1 {
        margin: 0px;
    }

    .popupContent {
        width: 100% !important;
        max-height: calc(100vh - 20em);
        min-height: 300px;
        overflow: auto;
        padding: 0px;
    }

    .more-arow i.la-fw {
        font-size: 20px;
    }

    td:empty {
        display: none !important;
    }
    table.table-datepicker td:empty {
        display: table-cell !important;
    }

    tbody tr:last-of-type {
        border: 0px !important;
    }

    table.table.analizeLaborator td.td_fileAtt::before {
        display: none;
    }

    .frameProfilImg {
        margin-left: 10px;
    }

    [data-name="empty_programari"] {
        padding-left: 50px;
        line-height: 45px;
    }

    table.consultatiiClinica tbody tr:nth-of-type(1) {
        border: 0px !important;
        position: relative
    }

    table.consultatiiClinica tbody tr:nth-of-type(1) .more-arow {
        position: absolute;
        right: 0px;
        top: 0px;
    }

    .dashProgramari .fa-calendar-alt:before {
        font-size: 32px !important;
        padding-left: 10px !important;
    }

    [data-name="den_rez"] {
        padding-left: 0px !important;
    }

    table.detaliiLaborator td {
        text-align: left !important;
    }

    .popupContent {
        max-height: calc(100vh - 35em);
    }

    div#detaliiLaborator, div#detaliiLaborator, div#detaliuConsultatie, div#detaliuConsultatie {
        position: relative;
        padding-left: 0px;
        border-top: 1px solid !important;
    }

    span.det-td {
        margin-left: 0px;
    }

    [data-name="dashboard_programari"] {
        padding-left: 50px;
        width: 90%;
    }

    .card-body.card-solo sk-grid {
        max-height: 100% !important;
    }

    div#detaliiLaborator * {
        width: 130px;
        min-width: 130px; 
    }

    .chart_div_outer {
        max-width: 80vw;
        overflow-x: auto;
    }

    .detData label {
        width: 130px;
        min-width: 130px;
        padding-right: 12px;
    }

    #profile-medical label {
        width: auto;
        padding-right: 12px;
    }
    .detIcn.icon-retete {
        display: flex;
        padding-top: 12px;
    }
    div#tab-consultatii .card-body,
    div#tab-investigatii .card-body,
    div#tab-retete .card-body {
        padding-left: 0px;
        padding-right: 0px;
    }
    .detData { 
        width: 100%;
    }


    /* START responsive tables - COMMON WITH MEDIKALI */
    table.listaFinanciar thead,
    table.istoricFinanciar thead,
    table.consultatiiClinica thead,
    table.consultatiiClinicaMain thead,
    table.detaliuClinica thead,
    table.listaRetete thead,
    table.listaReteteMain thead,
    table.detaliiRetete thead,
    table.listaInternari thead,
    table.listaInternariMain thead,
    table.protocoaleOperatorii thead,
    table.consultatiiAmbulatoriu thead,
    table.listaProgramari thead,
    table.listaProgramariArhiva thead,
    table.analizeLaborator thead,
    table.analizeLaboratorMain thead,
    table.detaliiLaborator thead,
    table.profilInformatiiAsigurat thead,
    table.profilFactoriRisc thead,
    table.profilAntecedente thead,
    table.profilAlergii thead,
    table.profilBoliCronice thead,
    table.detaliiFactura thead {
        display: none
    }

    table.listaFinanciar td,
    table.istoricFinanciar td,
    table.consultatiiClinica td,
    table.consultatiiClinicaMain td,
    table.detaliuClinica td,
    table.listaRetete td,
    table.listaReteteMain td,
    table.detaliiRetete td,
    table.listaInternari td,
    table.listaInternariMain td,
    table.protocoaleOperatorii td,
    table.consultatiiAmbulatoriu td,
    table.listaProgramari td,
    table.listaProgramariArhiva td,
    table.analizeLaborator td,
    table.analizeLaboratorMain td,
    table.detaliiLaborator td,
    table.profilInformatiiAsigurat td,
    table.profilFactoriRisc td,
    table.profilAntecedente td,
    table.profilAlergii td,
    table.profilBoliCronice td,
    table.detaliiFactura td {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        white-space: normal;
        font-weight: 600;
    }

    table.detaliiFactura td {
        display: flex;
        flex: 100% !important;
        flex-direction: column;
        flex-flow: wrap;
    }

    table.listaFinanciar tbody tr,
    table.istoricFinanciar tbody tr,
    table.consultatiiClinica tbody tr,
    table.consultatiiClinicaMain tbody tr,
    table.detaliuClinica tbody tr,
    table.listaRetete tbody tr,
    table.listaReteteMain tbody tr,
    table.detaliiRetete tbody tr,
    table.listaInternari tbody tr,
    table.listaInternariMain tbody tr,
    table.protocoaleOperatorii tbody tr,
    table.consultatiiAmbulatoriu tbody tr,
    table.listaProgramari tbody tr,
    table.listaProgramariArhiva tbody tr,
    table.analizeLaboratorMain tbody tr,
    table.detaliiLaborator tbody tr,
    table.profilInformatiiAsigurat tbody tr,
    table.profilFactoriRisc tbody tr,
    table.profilAntecedente tbody tr,
    table.profilAlergii tbody tr,
    table.profilBoliCronice tbody tr,
    table.detaliiFactura tbody tr {
        border-bottom: 2px solid #dee2e6;
}
.legend li {
    width: 15%;
}

table.listaFinanciar tbody tr td:before,
    table.istoricFinanciar tbody tr td:before,
    table.consultatiiClinica tbody tr td:before,
    table.consultatiiClinicaMain tbody tr td:before,
    table.detaliuClinica tbody tr td:before,
    table.listaRetete tbody tr td:before,
    table.listaReteteMain tbody tr td:before,
    table.detaliiRetete tbody tr td:before,
    table.listaInternari tbody tr td:before,
    table.listaInternariMain tbody tr td:before,
    table.protocoaleOperatorii tbody tr td:before,
    table.consultatiiAmbulatoriu tbody tr td:before,
    table.listaProgramari tbody tr td:before,
    table.listaProgramariArhiva tbody tr td:before,
    table.analizeLaborator tbody tr td:before,
    table.analizeLaboratorMain tbody tr td:before,
    table.detaliiLaborator tbody tr td:before,
    table.profilInformatiiAsigurat tbody tr td:before,
    table.profilFactoriRisc tbody tr td:before,
    table.profilAntecedente tbody tr td:before,
    table.profilAlergii tbody tr td:before,
    table.profilBoliCronice tbody tr td:before,
    table.detaliiFactura tbody tr td:before {
        position: relative;
 float: left;
margin-right: 10px;
        font-weight: 400 !important;
}

.legend span {
    border: 1px solid #ccc;
float: left;
width: 12px;
    height: 12px;
  margin: 6px;
    }

    table.listaFinanciar tbody tr td:first-child:before,
    table.istoricFinanciar tbody tr td:first-child:before {
        content: "Data ";
    }

    table.listaFinanciar tbody tr td:nth-child(2):before,
    table.istoricFinanciar tbody tr td:nth-child(2):before {
        content: "Tip document ";
    }

    table.listaFinanciar tbody tr td:nth-child(3):before,
    table.istoricFinanciar tbody tr td:nth-child(3):before {
        content: "Numar ";
    }

    table.listaFinanciar tbody tr td:nth-child(4):before,
    table.istoricFinanciar tbody tr td:nth-child(4):before {
        content: "Valoare de plata ";
    }

    table.listaFinanciar tbody tr td:nth-child(5):before,
    table.istoricFinanciar tbody tr td:nth-child(5):before {
        content: "Valoare achitata ";
    }

    table.listaFinanciar tbody tr td:nth-child(6):before,
    table.istoricFinanciar tbody tr td:nth-child(6):before {
        content: "Rest de plata ";
    }

    table.consultatiiClinica tbody tr td:first-child:before {
        content: "Data ";
    }

    table.consultatiiClinica tbody tr td:nth-child(3):before {
        content: "Locatie ";
    }

    table.consultatiiClinica tbody tr td:nth-child(4):before {
        content: "Specialitate ";
    }

    table.consultatiiClinica tbody tr td:nth-child(5):before {
        content: "Medic ";
    }

    table.consultatiiClinica tbody tr td:nth-child(6):before {
        content: "Diagnostic";
    }

    table.consultatiiClinica tbody tr td:nth-child(6) {
        width: 100% !important
    }

    table.consultatiiClinica tbody tr td:nth-child(7):before {
        content: "Numar F.O. ";
    }

    table.consultatiiClinica tbody tr td[class*="td_fileAtt"]:first-child:before {
        content: " "
    }

    table.consultatiiClinicaMain tbody tr td:first-child:before {
        content: "Data ";
    }

    table.consultatiiClinicaMain tbody tr td:nth-child(2):before {
        content: "Locatie ";
    }

    table.consultatiiClinicaMain tbody tr td:nth-child(3):before {
        content: "Specialitate ";
    }

    table.consultatiiClinicaMain tbody tr td:nth-child(4):before {
        content: "Medic ";
    }

    table.consultatiiClinicaMain tbody tr td:nth-child(5),
    table.consultatiiClinicaMain tbody tr td:nth-child(6) {
        display: none
    }

    table.detaliuClinica tbody tr td:first-child:before {
        content: "Investigatie ";
    }

    table.detaliuClinica tbody tr td:nth-child(2):before {
        content: "Rezultat ";
    }

    table.listaRetete tbody tr td:first-child:before {
        content: "Data prescriere";
    }

    table.listaRetete tbody tr td:nth-child(2):before {
        content: "Serie ";
    }

    table.listaRetete tbody tr td:nth-child(3):before {
        content: "Numar ";
    }

    table.listaRetete tbody tr td:nth-child(4):before {
        content: "Zile tratament ";
    }

    table.listaRetete tbody tr td:nth-child(5):before {
        content: "Medic ";
    }

    table.listaRetete tbody tr td:nth-child(6):before {
        content: "Nr. Parafa ";
    }

    table.listaReteteMain tbody tr td:first-child:before {
        content: "Data ";
    }

    table.listaReteteMain tbody tr td:nth-child(2):before {
        content: "Serie ";
    }

    table.listaReteteMain tbody tr td:nth-child(3):before {
        content: "Numar ";
    }

    table.listaReteteMain tbody tr td:nth-child(4):before {
        content: "Zile tratament ";
    }

    table.listaReteteMain tbody tr td:nth-child(5):before {
        content: "Medic ";
    }

    table.listaReteteMain tbody tr td:nth-child(6):before {
        content: "Nr. Parafa ";
    }

    table.detaliiRetete tbody tr td:first-child:before {
        content: "Medicament ";
    }

    table.detaliiRetete tbody tr td:nth-child(2):before {
        content: "Lista compensare ";
    }

    table.detaliiRetete tbody tr td:nth-child(3):before {
        content: "Cantitate ";
    }

    table.detaliiRetete tbody tr td:nth-child(4):before {
        content: "Tip diagnostic ";
    }

    table.detaliiRetete tbody tr td:nth-child(5):before {
        content: "Diagnostic ";
    }

    table.detaliiRetete tbody tr td:nth-child(6):before {
        content: "Doza zilnica ";
    }

    table.listaInternari tbody tr td:first-child:before {
        content: "Nr. FO ";
    }

    table.listaInternari tbody tr td:nth-child(2):before {
        content: "Tip spitalizare ";
    }

    table.listaInternari tbody tr td:nth-child(3):before {
        content: "Data internare ";
    }

    table.listaInternari tbody tr td:nth-child(4):before {
        content: "Data externare ";
    }

    table.listaInternari tbody tr td:nth-child(5):before {
        content: "Medic curant ";
    }

    table.listaInternari tbody tr td:nth-child(6):before {
        content: "Diagnostic internare ";
    }

    table.listaInternari tbody tr td:nth-child(7):before {
        content: "Diagnostic externare";
    }

    table.listaInternari tbody tr td:nth-child(8):before {
        content: "Stare externare ";
    }

    table.listaInternariMain tbody tr td:first-child:before {
        content: "Nr. FO ";
    }

    table.listaInternariMain tbody tr td:nth-child(2):before {
        content: "Tip spitalizare ";
    }

    table.listaInternariMain tbody tr td:nth-child(3):before {
        content: "Data internare ";
    }

    table.listaInternariMain tbody tr td:nth-child(4):before {
        content: "Data externare ";
    }

    table.listaInternariMain tbody tr td:nth-child(5):before {
        content: "Medic curant ";
    }

    table.listaInternariMain tbody tr td:nth-child(6):before {
        content: "Diagnostic internare ";
    }

    table.listaInternariMain tbody tr td:nth-child(7):before {
        content: "Stare externare ";
    }

    table.listaInternariMain tbody tr td:first-child:before {
        content: "Nr. FO ";
    }

    table.listaInternariMain tbody tr td:nth-child(2):before {
        content: "Tip spitalizare ";
    }

    table.listaInternariMain tbody tr td:nth-child(3):before {
        content: "Data internare ";
    }

    table.listaInternariMain tbody tr td:nth-child(4):before {
        content: "Data externare ";
    }

    table.listaInternariMain tbody tr td:nth-child(5):before {
        content: "Medic curant ";
    }

    table.listaInternariMain tbody tr td:nth-child(6):before {
        content: "Diagnostic internare ";
    }

    table.listaInternariMain tbody tr td:nth-child(7):before {
        content: "Stare externare ";
    }

    sk-form#spit_detalii_internare label {
        width: auto !important
    }

    table.protocoaleOperatorii tbody tr td:first-child:before {
        content: "Data ";
    }

    table.protocoaleOperatorii tbody tr td:nth-child(2):before {
        content: "Ora ";
    }

    table.protocoaleOperatorii tbody tr td:nth-child(3):before {
        content: "Interventie ";
    }

    table.protocoaleOperatorii tbody tr td:nth-child(4):before {
        content: "Echipa operatorie ";
    }

    table.consultatiiAmbulatoriu tbody tr td:first-child:before {
        content: "Data ";
    }

    table.consultatiiAmbulatoriu tbody tr td:nth-child(2):before {
        content: "Locatie ";
    }

    table.consultatiiAmbulatoriu tbody tr td:nth-child(3):before {
        content: "Specializare ";
    }

    table.consultatiiAmbulatoriu tbody tr td:nth-child(4):before {
        content: "Medic ";
    }

    table.listaProgramari tbody tr td:first-child:before {
        content: "Data ";
    }

    table.listaProgramari tbody tr td:nth-child(2):before {
        content: "Ora ";
    }

    table.listaProgramari tbody tr td:nth-child(3):before {
        content: "Locatie ";
    }

    table.listaProgramari tbody tr td:nth-child(5):before {
        content: "Medic ";
    }

    table.listaProgramari tbody tr td:nth-child(6):before {
        content: "Specializare ";
    }

    table.listaProgramariArhiva tbody tr td:first-child:before {
        content: "Data ";
    }

    table.listaProgramariArhiva tbody tr td:nth-child(2):before {
        content: "Ora ";
    }

    table.listaProgramariArhiva tbody tr td:nth-child(3):before {
        content: "Locatie ";
    }

    table.listaProgramariArhiva tbody tr td:nth-child(5):before {
        content: "Medic ";
    }

    table.listaProgramariArhiva tbody tr td:nth-child(6):before {
        content: "Specializare ";
    }

    table.listaProgramariArhiva tbody tr td:nth-child(7):before {
        content: "Status ";
    }

    table.analizeLaborator tbody tr td:first-child:before {
        content: "Data ";
    }

    table.analizeLaborator tbody tr td:nth-child(2):before {
        content: "Cod proba ";
    }

    table.analizeLaborator tbody tr td:nth-child(3):before {
        content: "Medic trimitator ";
    }

    table.analizeLaborator tbody tr td:nth-child(4):before {
        content: "Locatie ";
    }

    table.analizeLaborator tbody tr td:nth-child(5):before {
        content: "Nr. FO ";
    }

    table.analizeLaborator tbody tr td:nth-child(6):before {
        content: "Status ";
    }

    table.analizeLaboratorMain tbody tr td:first-child:before {
        content: "Data ";
    }

    table.analizeLaboratorMain tbody tr td:nth-child(2):before {
        content: "Cod proba ";
    }

    table.analizeLaboratorMain tbody tr td:nth-child(3):before {
        content: "Medic trimitator ";
    }

    table.analizeLaboratorMain tbody tr td:nth-child(4):before {
        content: "Locatie ";
    }

    table.analizeLaboratorMain tbody tr td:nth-child(5):before {
        content: "Nr. FO ";
    }

    table.analizeLaboratorMain tbody tr td:nth-child(6):before {
        content: "Status ";
    }

    table.detaliiLaborator tbody tr td:first-child:before {
        content: "Denumire analiza "
    }

    table.detaliiLaborator tbody tr td:nth-child(2):before {
        content: "Rezultat ";
    }

    table.detaliiLaborator tbody tr td:nth-child(3):before {
        content: "Interval biologic de referinta ";
    }

    table.detaliiLaborator tbody tr td:nth-child(4):before {
        content: "UM ";
    }

    table.detaliiLaborator tbody tr td:nth-child(5):before {
        content: "Grafic ";
    }

    table.profilInformatiiAsigurat tbody tr td:first-child:before {
        content: "Statut asigurat ";
        width: 170px;
    }

    table.profilInformatiiAsigurat tbody tr td:nth-child(2):before {
        content: "Tip asigurare ";
        width: 170px;
    }

    table.profilInformatiiAsigurat tbody tr td:nth-child(3):before {
        content: "Casa de asigurare ";
        width: 170px;
    }

    table.profilFactoriRisc tbody tr td:first-child:before {
        content: "Denumire ";
        width: 170px;
        color: #c70b1f
    }

    table.profilAntecedente tbody tr td:first-child:before {
        content: "Heredocolaterale: ";
        width: 170px;
    }

    table.profilAntecedente tbody tr td:nth-child(2):before {
        content: "Fiziologice: ";
        width: 170px;
    }

    table.profilAntecedente tbody tr td:nth-child(3):before {
        content: "Patologice: ";
        width: 170px;
        color: #c70b1f
    }

    table.profilAlergii tbody tr td:first-child:before {
        content: "Alergic la: ";
        width: 170px;
    }

    table.profilBoliCronice tbody tr td:first-child:before {
        content: "Denumire: ";
        width: 170px;
    }

    table.profilBoliCronice tbody tr td:nth-child(2):before {
        content: "Data intrare: ";
        width: 170px;
    }

    table.detaliiFactura tbody tr td:first-child:before {
        content: "Nr. Crt. ";
    }

    table.detaliiFactura tbody tr td:nth-child(2):before {
        content: "Denumirea produselor sau a serviciilor ";
        color: #c70b1f
    }

    table.detaliiFactura tbody tr td:nth-child(3):before {
        content: "U.M. ";
    }

    table.detaliiFactura tbody tr td:nth-child(4):before {
        content: "Disc. Com. ";
    }

    table.detaliiFactura tbody tr td:nth-child(5):before {
        content: "Cantitate ";
    }

    table.detaliiFactura tbody tr td:nth-child(6):before {
        content: "Pret Unitar (fara TVA) ";
    }

    table.detaliiFactura tbody tr td:nth-child(7):before {
        content: "Valoare ";
    }

    table.detaliiFactura tbody tr td:nth-child(8):before {
        content: "Valoare TVA ";
    }

    .rezultate {
        background: transparent;
        padding: 0px;
        box-shadow: none;
    }

    table.orar_disponibil td.table_cell {
        padding: 0px !important;
        border: 1px solid #fff;
        white-space: nowrap;
    }

    .ora {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 30px
    }

    table.table.listaProgramari tr {
        position: relative;
    }

    td#cash_td {
        position: absolute;
        top: 10px;
        text-align: right;
        right: 15px;
        padding: 0px;
        width: fit-content !important;
    }

    button[data-name="anuleazaprogramare"] {
        margin: 0px;
        width: 100%;
    }

    div[data-name="archive_button"] a {
        width: 100% !important;
        margin-bottom: 0px;
        text-align: center;
    }

    .lista-programari .card-body.card-solo sk-grid {
        height: 320px !important;
    }
    .detaliiLaborator tr {
        position: relative
    }
    .detaliiLaborator td {
        padding-left: 0px;
    }
    .butoane-confirmare { 
        text-align: center;
    }
    .butoane-confirmare button {
        text-align: center;
        float: none !important;
    }
    table.orar_disponibil th {
        padding: 8px !important;
        text-align: left;
    }
    .titlu, .SWindow .titleBar .title { 
        font-size: 21px;
    }
    sk-form[data-name="dashboard_date_pac"] {
        padding-left: 20px;
    }
    .antet-det {
        display: flex;
        align-items: start !important;
        border-radius: 4px;
        flex-direction: column;
        gap: 12px;
    }
    .card-body.gradgreen p {
        margin: 0px;
        line-height: 50px;
    }

    sk-form[data-name="dashboard_date"] * {
        line-height: 12px !important;
    }

    button[data-name="anuleazaprogramare"] {
        margin: 20px !important;
        width: -webkit-fill-available;
        text-align: center;
    }

    .card-body.card-solo {
        padding: 0px;
    }

    .card-body.card-solo sk-grid { 
        padding: 0px;
    }
} 

@media screen and (max-width: 640px) {
    .welcomeTxt {
        display: none !important;
    }

    .avatar {
        margin-right: 0px;
    }

    .appointment-bottom .col-6 {
        width: 100% !important;
        min-width: 100% !important;
    }

    .criterii .col-sm-6 {
        width: 100% !important;
        min-width: 100% !important;
        margin-bottom: 4px;
    }

    .appointment-bottom .form-check.form-check-inline {
        width: 50%;
        text-align: left;
        margin-left: 15px;
    }

    .btn-sm {
        width: auto;
    }

    button[data-name="afis_filtre"] {
        padding: 4px 8px;
        margin: 0px;
    }

    .butoane-filtru button {
        height: 35px;
        width: 100px;
    }

    h1, h2, h3, h4, h5, h6 {
        margin-bottom: 0px;
    }

    .swipe {
        margin-bottom: 0px;
    }

    .allCriterii {
        padding: 0px !important;
        display: flex;
        flex-direction: column;
        margin: 0px !important;
        margin-top: 20px !important;
    }

    .dashProgramari > div {
        padding-right: 70px;
    }

    .servicesTabs .nav-item {
        width: 110px;
    }
}


    @media screen and (max-width: 480px) {
        a[data-name="chart"] {
            text-align: center;
            position: absolute;
            left: 80px;
            margin-top: 2px;
        }

        .legend .has_consult {
            background-color: #FFF6A8;
        }

        .SWindow.panel.panel-default {
            top: 10px !important;
        }

        .legend .nhas_consult {
            background-color: #FFFFFF;
        }

        table.listaProgramari td {
            line-break: anywhere;
        }

        .legend .selected_row {
            background-color: #E8F7FE;
        }

        .legend .old_row {
            background-color: lightgrey;
        }
    }

@media screen and (max-width: 390px) {
    div#skunk-datepicker {
        position: fixed !important;
    }
}

sfiles.fileAtt div { 
    background: #fff;
}

.main-medisweb + .dialog div#chart_div {
    width: 100% !important;
    height: auto !important;
    overflow-x: scroll !important;
    margin: auto !important;
    padding: 0px !important;
    min-height: 500px; 
}

div#chart_div svg {
    min-width: 700px !important;
}

.main-medisweb + .dialog div#chart_div > div > div {
    width: 700px !important;
    min-width: 700px !important;
    max-width: 700px !important;
}

ul.dropdown-menu.show li:nth-of-type(2) {
    display: none !important;
}

td#cash_td {
    display: none;
}

@media screen and (max-width:1280px) {
    .main-analize.main-analize-content, h1 {
        margin-left: 12px !important;
        margin-right: 12px !important;
        padding: 12px !important;
        padding-top: 0px !important;
    }
    .SWindow.panel.panel-default .containerBody {
        width: 90vw;
        overflow-y: auto;
        max-height: fit-content !important;
    }

}

@media screen and (max-width:767px) {
    .main-medisweb .antet-det { 
        padding: 0px;
    }
    .main-medisweb #consultatie sk-rows > div {
        display: grid;
        grid-template-columns: 1fr;
    }
    table.table.detaliiLaborator thead {
        display: none;
    }
    .main-medisweb .table tr { 
        grid-template-columns: 1fr; 
    }
    .main-medisweb .table tr td {
        width: 100% !important;
        text-align: left !important
    }
    table.detaliiLaborator tbody tr td:first-child:before {
        content: "Denumire analiza ";
        min-width: 150px;
        width: 150px;
        max-width: 150px; 
    }

    table.detaliiLaborator tbody tr td:nth-child(3):before {
        content: "Rezultat ";
        min-width: 150px;
        width: 150px;
        max-width: 150px; 
    }

    table.detaliiLaborator tbody tr td:nth-child(4):before {
        content: "Interval biologic de referinta ";
        min-width: 150px;
        width: 150px;
        max-width: 150px;
        display: contents;
    }

    table.detaliiLaborator tbody tr td:nth-child(5):before {
        content: "UM ";
        min-width: 150px;
        width: 150px;
        max-width: 150px; 
    }

    table.detaliiLaborator tbody tr td:nth-child(6):before {
        content: "Grafic ";
        min-width: 150px;
        width: 150px;
        max-width: 150px;
        display: flex;
    }
    .main-analize.main-analize-content, h1 {
        margin-left: 0px;
        margin-right: 0px; 
    }
    .main-medisweb { 
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (max-width:640px) {
    .appLogo { 
        width: 150px;
        height: 30px; 
    }
    .hello, #nume_pacient {
        display: none
    }
}

@media screen and (max-width: 414px) {
    .main-medisweb .antet-det { 
        display: flex;
        flex-direction: column;
    }
    .titlu, .SWindow .titleBar .title {
        font-size: 18px;
    }
}

@media screen and (max-width: 390px) {
    .servicesTabs .nav-item a {
        padding: 5px;
    }
    .servicesTabs .nav-item {
        width: 90px;
    }
}