/*OLD CUSTOM*/
/*#big-form .form-group {*/
/*white-space:pre-line;*/
/*}*/

.font-size-tabs{
    display: flex;
    flex-direction: column;
}

.font-size-tab {
    padding: 5px 10px;
    cursor: pointer;
    display: inline-block;
    background-color: #f0f0f0;
    margin: 5px 5px 0px;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
}

.font-size-tab:last-child {
    margin-bottom: 5px;
}

.font-size-tab.selected {
    background-color: #089bab;
    color: white;
}

.font-size-tab:hover {
    background-color: #ddd;
}

.ui-tooltip.bg-danger{
    padding: 0!important;
}

.ui-tooltip.bg-danger .ui-tooltip-text{
    background: #E57373;
    color: #fff;
}

.stage-bg-1 { background-color: #C8E6C9; color: black; }  /* Лёгкий (бледно-зелёный) */
.stage-bg-2 { background-color: #FFECB3; color: black; } /* Средний (бледно-жёлтый) */
.stage-bg-3 { background-color: #FFCC80; color: black; }   /* Высокий (бледно-оранжевый) */
.stage-bg-4 { background-color: #FFAB91; color: black; } /* Тяжёлый (бледно-красный) */
.stage-bg-5 { background-color: #E57373; color: white; } /* Критический (тускло-красный) */

.personal-photo{
    position: relative;
    width: 100%;
    min-width: 100px;
    max-width: 100px;
    height: 120px;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #eee;
    margin: 0 auto 10px;
    background: url('/resources/theme/images/user/01.jpg') no-repeat 50% 50% #fff;
}
.personal-photo img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    width: max-content;
    height: max-content;
}

.font-size-12 { font-size: 12px !important; }
.font-size-14 { font-size: 14px !important; }
.font-size-16 { font-size: 16px !important; }
.font-size-18 { font-size: 18px !important; }
.font-size-20 { font-size: 20px !important; }
.font-size-22 { font-size: 22px !important; }
.font-size-24 { font-size: 24px !important; }

.anesthesia-range-line{
    border-right-color: red !important;
    border-right-width: 3px !important;
}

.ui-progressbar .ui-progressbar-value.ui-widget-header{
    background: transparent;
}

.ui-progressbar-indeterminate .ui-progressbar-value::before, .ui-progressbar-indeterminate .ui-progressbar-value::after{
    background-color: #0e90d2;
}

.height-auto .ui-selectlistbox-listcontainer{
    height: auto !important;
}

.ui-tree .ui-treenode{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ui-treenode-content{
    display: flex;
    align-items: baseline;
}

.ui-tree .ui-treenode-label{
    flex: 1 1 auto;
}

.ui-tree .ui-treenode-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #17a2b8;
}

.ui-tree .ui-treenode-icon.service{
    color: #3f414d;
}

.ui-tree .ui-tree-toggler{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 4px;
}

.ui-icon-triangle-1-e{
    background-position: -32px -17px;
}


/*Pulse style begin*/

#canvas {

}

.negative-mx-2{
    margin-left: -4px;
    margin-right: -4px;
}

.ui-calendar.w-100 .ui-inputfield{
    width: 100%;
}

.text-vertical td{
    writing-mode: vertical-rl;
}

#svg-container {
    border: 1px solid #ccc;
    overflow: hidden;
    position: relative;
    background: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
}

#svgPartogram{
    cursor: move;
    user-select: none;
    max-width: 100%;
}

svg svg{
    overflow: visible;
}

#wrapper-canvas{
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: stretch;
    position: relative;
    background: #0db5c8;
}

#wrapper-canvas p{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: bold;
    color: rgba(255, 255, 255, .3);
    letter-spacing: 0.25rem;
    pointer-events: none;
}

#wrapper-canvas .wrapper-canvas__btn{
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 50;
}

#save {
    position: absolute;
    bottom: 20px;
    left: 50%;
    height: auto;
    width: 100px;
    margin-left: -75px;
    background-color: #16a085;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    padding: 10px 0;
    cursor: pointer;
}
#save:hover {
    background-color: #10826b;
}
#clear {
    position: absolute;
    bottom: 20px;
    left: 50%;
    height: auto;
    width: 100px;
    margin-left: 30px;
    background-color: #e74c3c;
    border: none;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    padding: 10px 0;
}
#clear:hover {
    background-color: #c0392b;
}

.small, small{
    line-height: 1.25;
}
.required-label::after{
    content: '*';
    color: #f00;
    display: inline-block;
    margin-left: 2px;
}
.pulse {
    /* Standard Syntax */
    animation: PULSE 1.25s infinite;
}
.warning-dot{
    width: 10px;
    border: 2px solid #fff;
    height: 10px;
    border-radius: 75%;
    background: #ff0000;
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
    box-shadow: 0 0 0 #ff0000;
    animation: BOXSHADOW 1.25s infinite;
}
del.ice-del{
    display: none;
}
/* Standard Syntax */
@keyframes BOXSHADOW{
    0%{
        box-shadow: 0 0 0px rgba(255, 0, 0, 0);
    }
    50%{
        box-shadow: 0 0 10px rgba(255, 0, 0, 1);
    }
    100%{
        box-shadow: 0 0 0px rgba(255, 0, 0, 0);
    }
}
@keyframes PULSE{
    0%{color: rgb(252, 25, 0);}
    110%{color: black;}
}
/*Pulse style end*/

.ui-texteditor{
    background: #fff;
}

.ui-datatable-tablewrapper tfoot td{
    font-weight: bold;
}

.sign-in-logo{
    position: relative;
}

.sign-in-page .sign-in-page-bg{
    overflow: visible;
}

.sign-in-page .sign-in-page-bg::after{
    left: 15px;
    right: 15px;
}

.img-ny{
    position: absolute;
    bottom: 93%;
    left: -23px;
    width: 91px;
    transform: rotate(-10deg) scale(-1, 1);
}

.clear:before, .ui-datatable-header:before,
.clear:after, .ui-datatable-header:after {
    content: "";
    display: table;
}
.clear:after, .ui-datatable-header:after {
    clear: both;
}
.clear, .ui-datatable-header {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

input[id^="spoiler"] + label{
    min-height: auto;
    padding: 10px 5px;
}

.print-accordion{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.for-excel{
    display: none;
}
.ri-more-2-fill:before{
    content: "\ee1a";
}

.temporary-variable-ip{
    position: absolute;
    opacity: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
}

.ui-outputlabel .ui-outputlabel-rfi{
    margin-left: 0.2em;
    color: #f00;
    font-weight: bold;
    font-size: 18px;
    line-height: 1px;
    top: 3px;
    position: relative;
}

.ol{
    margin-left: 15px;
}
.ul{
    margin-left: 20px;
}

.ul li::marker {
    color: #17a2b8;
}

.table-fixed-layout table{
    table-layout: fixed !important;
}

.row-3h td{
    height: 50px;
    vertical-align: middle;
}
.text-only-line{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    width: 100%;
    display: block;
}

p {
    margin-bottom: 0px;
}

label{
    margin-bottom: 0;
}


.tablewrapper-nohead > div > table > thead {
    display: none;
}

.ui-datatable .rowToggler-icon .ui-row-toggler{
    min-width: auto;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    color: transparent;
    min-width: auto;
    height: auto;
    font-size: 14px;
    min-height: auto;
    margin: 0;
    flex: 0 0 auto;
}
.ui-datatable .rowToggler-icon .ui-row-toggler::before{
    content: "\f063";
}
.ui-datatable .rowToggler-icon .ui-row-toggler.ui-icon-circle-triangle-s::before{
    content: "\f062";
}

.ui-datatable.table-vertical-top thead th, .ui-datatable.table-vertical-top tbody td, .ui-datatable.table-vertical-top tfoot td, .ui-datatable.table-vertical-top tfoot th{
    vertical-align: top;
}

.form-group__fielfBtn input:hover, .form-group__fielfBtn input:active, .form-group__fielfBtn input:focus{
    border-color: #089bab;
}
.ui-dialog.ui-dialog--top{
    top: 2% !important;
    transform: translate(-50%, 2%) !important ;
}
.ui-dialog.ui-widget-content .ui-dialog-titlebar{
    position: relative;
    padding-right: 35px;
}
.ui-dialog.ui-widget-content .ui-dialog-titlebar-close{
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10;
    margin: 0;
    float: none;
}
.ui-dialog.ui-widget-content .ui-dialog-title{
    font-size: 24px;
    line-height: 28px;
    margin: 0;
    float: none;
    display: block;
}
.btn.btn-one-icon{
    padding-top: .14rem !important;
    padding-bottom: .14rem !important;
}
.form-group__fielfBtn input{
    min-height: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: calc(100% - 85px);
    padding-left: 10px;
    padding-right: 10px;
    padding: 3px 38px 3px 4px;
    min-width: 70px;
    font-size: 13px;
    cursor: text;
    background: none #ffffff;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

.form-group{
    position: relative;
}
.form-group-sm{
    font-size: 11px;
}
.form-group-sm > label{
    line-height: 13px;
    margin: 0;
    font-weight: normal;
    margin-bottom: 2px;
    color: #000;
}
.form-group-sm > label.ui-outputlabel{
    font-size: 11px !important;
}
.form-group-sm .ui-chkbox .ui-chkbox-label{
    font-size: 11px !important;
    font-weight: 600;
    line-height: 13px;
    color: #000;
}
.form-group-sm .ui-chkbox{
    margin-bottom: 5px;
}
.form-group__icon{
    width: 20px;
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle;
}

#headerPanelId_content .form-group span{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    flex-wrap: wrap;
}

.form-group > label{
    color: #000;
}

.jumbotron {
    margin-top: 20px;
}

.table-button-controll .btn{
    white-space: nowrap;
    min-height: 24px;
}

.table-button-controll .btn .ui-icon{
    margin-top: -6px !important;
}

.ui-datatable .table-button-controll .ui-row-toggler{
    min-height: 24px;
    height: 24px;
}

.ui-datatable .table-button-controll .ui-row-toggler::before{
    font-size: 12px;
}

/*.ui-datatable-data tr:hover, .ui-datatable-data tr:hover td, tr.ui-datatable-data:hover, tr.ui-datatable-data:hover td{*/
/*    background: #d8d8d8;*/
/*}*/

.ui-datatable-data tr.lineTr:hover, .ui-datatable-data tr.lineTr:hover td, tr.ui-datatable-data.lineTr:hover, tr.ui-datatable-data.lineTr:hover td,
.bigData-table .ui-datatable-data tr:hover, .bigData-table .ui-datatable-data tr:hover td, .bigData-table tr.ui-datatable-data:hover, .bigData-table tr.ui-datatable-data:hover td{
    background: inherit;
}

.nav-item span.none{
    animation: none;
}

.nav-item span.active{
    animation: shadow-pulse-dots 1s infinite;
    background: #d84a45 !important;
}

/*.ui-datatable-tablewrapper .ui-datatable-data .ui-widget.btn.btn-primary{*/
/*    line-height: 20px !important;*/
/*}*/

/*.ui-datatable-tablewrapper .ui-datatable-data .ui-widget{*/
/*    font-size: 12px;*/
/*    line-height: 14px !important;*/
/*}*/

.ui-datatable-tablewrapper .ui-datatable-data .ui-state-highlight .ui-widget{
    color: #fff;
}

.ui-datatable-tablewrapper .ui-datatable-data .ui-widget.btn{
    font-family: Poppins,sans-serif !important;
    font-weight: normal !important;
    font-size: 12px;
}

.btn, .ui-button, .ui-button.btn{
    font-size: 13px;
}

.ui-datatable-tablewrapper .ui-datatable-data .ui-widget.btn::before{
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

.ui-widget{
    font-size: 13px;
}

/*checkboxes*/
.ui-state-highlight .ui-icon {
    background-color: #6e6e6e;
}


.bcolor{
    background-color: #3bc8f5 !important;
}


/*This style remove text underline*/
/*u{*/
/*    text-decoration: none !important;*/
/*}*/
/*autocomplete*/
ul{
    display: inline-block;
}
.ui-autocomplete-multiple-container {
    width: 100% !important;
}
.ui-autocomplete-multiple-container.ui-inputfield{
    padding: 0 10px;
}
.ui-autocomplete-input{
    width: 100% !important;
}
.ui-autocomplete{
    width: 100%;
}
.ui-autocomplete .ui-button{
    background: transparent !important;
    border: none !important;
}
.ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield{
    margin-bottom: -7px;
    margin-top: -1px;
    background: #fff;
    border: 1px solid #ccc;
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger{
    width: 24px;
    background: transparent;
    border: none;
}
.ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu.ui-state-hover{
    border-color: #089bab;
}

.ui-tree .ui-tree-container, .ui-treenode-children {
    display: block;
}

.field-group td {
    padding: 2px 5px;
}

.line-height-13{
    line-height: 0.9rem;
}

/*th.vertical {*/
/*height: 50px;*/
/*padding: 0 !important;*/
/*}*/

/*th.vertical div {*/
/*transform: rotate(90deg);*/
/*word-wrap: normal;*/
/*}*/

/*th.vertical span {*/
/*transform: rotate(270deg);*/
/*display: inline-block;*/
/*}*/
.well.auth-box {
    margin-top: 20px;

}

.compact-data-list li{
    list-style-type: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.compact-table table tr td{
    padding: 0 0 0 0;
    margin: 0 0 0 0;

}
.responsive-table{
    overflow-x: auto;
}
.mobile-input {
    width: 100%;
    max-width: 360px;
}

.rowStyleAccept{
    background-color: #4ff968;
}
.rowStyleReject {
    background-color: #ec8093;
}
.rowStyleBlocked {
    background-color: #f8efc0;
}
.rowStyleRecord{
    background-color: #c4bfbf;
}
/*------------------------------------*/


/*---------------------------------------------------------------------
                               Timeline
-----------------------------------------------------------------------*/
.iq-timeline {
    margin: 0 0 0 5px;
    padding: 0;
    width: 100%;
    border-left: 3px solid #f2edff;
}

.iq-timeline li {
    position: relative;
    list-style-type: none;
    padding: 10px 0 0 20px;
}

.iq-timeline li:first-child {
    padding-top: 0;
}

.iq-timeline li .timeline-dots {
    position: absolute;
    top: 7px;
    left: -29px;
    border: 3px solid #089bab;
    border-radius: 90px;
    padding: 5px;
    background: #fff;
}

.iq-timeline li .timeline-dots-fill {
    position: absolute;
    top: 7px;
    left: -29px;
    background: #089bab;
    border-radius: 90px;
    padding: 7px;
}

.iq-timeline__element{
    display: block;
    color: #089bab;
    position: relative;
    border-radius: 10px;
    padding: 5px 10px;
}

.iq-timeline__element:hover{
    box-shadow: 0 0 10px rgb(0 0 0 / 32%);
}

#new-cabinet .iq-card, .clean-page .iq-card{
    box-shadow: 0 4px 5px 1px rgba(175,175,175,.1);
}

#new-cabinet, .clean-page{
    background: #eff7f8;
    margin: -30px;
    padding: 20px 10px;
}

.doc-profile-bg{
    display: flex;
    align-items: center;
}

.hide-userAccountControll__head{}

.hide-userAccountControll__button{
    font-size: 24px;
    line-height: 28px;
    color: #fff;
}

.hide-userAccountControll__button:hover, .hide-userAccountControll__button.active{
    color: #1a252f;
    transform: rotate(45deg);
}

.hide-userAccountControll__button.active{
    color: #1a252f;
    transform: rotate(135deg);
}

.hide-userAccountControll__body{
    padding-bottom: 15px;
    display: none;
}

.doctor-profile{
    border-radius: 50%;
    overflow: hidden;
    flex: 1 0 80px;
    margin: 10px;
    max-width: 80px;
}

.doctor-profile__fullname{
    line-height: 20px;
    font-weight: bold;
    margin-bottom: 4px;
}

.doctor-profile__subtitle{
    line-height: 14px;
}

#new-cabinet .iq-card .iq-card-header, .clean-page .iq-card .iq-card-header{
    border-bottom: 1px solid #ccc;
}

.clean-page .iq-card .iq-card-header{
    margin: 0;
}


.ui-dialog{
    top: 48% !important;
    left: 50% !important;
    transform: translate(-50%, -48%) !important;
    max-width: 1280px;
    max-height: calc(100% - 20px);
    overflow-y: auto;
}

.ui-dialog.ui-widget-content .ui-dialog-content > iframe{
    min-height: 100%;
    display: block;
    height: auto !important;
    min-height: 80vh;
}

jdiv{
    z-index: 10 !important;
}

.ui-dialog.ui-widget-content.full-screen--padding .ui-dialog-content > iframe,
.ui-dialog.ui-widget-content.full-screen .ui-dialog-content > iframe{
    min-height: 100%;
}

.ui-dialog.ui-widget-content.full-screen--padding .ui-dialog-content > iframe,
.ui-dialog.ui-widget-content.full-screen .ui-dialog-content > iframe{
    min-height: 100%;
}

.full-screen--padding.ui-dialog[style*="display: block"]{
    max-width: calc(100% - 320px);
    max-height: calc(100% - 80px);
    width: 100vw !important;
    height: 100vh !important;
    display: flex !important;
    flex-direction: column;
    margin-left: 130px;
}

.full-screen.ui-dialog[style*="display: block"]{
    max-width: calc(100% - 80px);
    max-height: calc(100% - 80px);
    width: 100vw !important;
    height: 100vh !important;
    display: flex !important;
    flex-direction: column;
}

.ui-dialog.full-screen .ui-dialog-content, .ui-dialog.full-screen--padding .ui-dialog-content{
    flex: 1 1 100%;
    overflow-y: auto;
}

.call-qr-modal{
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.call-qr-modal i{
    margin: 0;
}

@media (max-width: 1299px) {
    .iq-top-navbar .iq-navbar-custom .iq-menu-bt {
        right: 480px;
    }
}


@media (max-width: 1299px) and (min-width: 992px){
    #navbarUserInfo .caption{
        max-width: 80px;
        overflow: hidden;
    }
    #navbarUserInfo .caption h6, #navbarUserInfo .caption span{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .full-screen.ui-dialog[style*="display: block"]{
        max-width: calc(100% - 60px);
        max-height: calc(100% - 60px);
        margin-left: 0px;
    }
    .content-page, body.sidebar-main .content-page {
        margin-left: 0;
        padding: 90px 0 0;
        border-radius: 25px;
    }
    .sign-in-from{
        padding: 20px 30px;
    }
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none !important;
}

html, body{
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

body{
    flex: 1 1 auto;
    justify-content: center;
}

body a{
    color: var(--primary);
}

body .ui-inputfield.ui-state-error, body .ui-widget-header .ui-inputfield.ui-state-error, body .ui-widget-content .ui-inputfield.ui-state-error{
    border-color: #dc3545;
}

body .ui-inputfield.ui-state-focus, body .ui-widget-content .ui-inputfield.ui-state-focus, body .ui-widget-header .ui-inputfield.ui-state-focus {
    outline: none !important;
    /* IE6-9 */
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #3f414d;
    border-color: #089bab;
}
.ui-widget-content.green{
    background-color: #e5fae5 !important;
}
.ui-widget-content.red{
    background-color: #fcecec !important;
}
.ui-widget-content.yellow{
    background-color: #fae9dd !important;
}

.status-100{
    animation: statusShadow ease 1.5s infinite;
    box-shadow: inset 0 0px 0px -20px rgba(255, 0, 0, 0.01);
}

.anim-dangerPulseBg{
    animation: dangerPulseBg ease 3s infinite;
}

.anim-warningPulseBg{
    animation: warningPulseBg ease 3s infinite;
}

@keyframes dangerPulseBg {
    0% {
        background: #fcecec;
    }
    50%{
        background: #fbc1c1;
    }
    100% {
        background: #fcecec;
    }
}

@keyframes warningPulseBg {
    0% {
        background: #fae9dd;
    }
    50%{
        background: #ffe1c8;
    }
    100% {
        background: #fae9dd;
    }
}

@keyframes statusShadow {
    0% {
        box-shadow: inset 0 0px 35px -20px rgba(255, 0, 0, 0.1);
    }
    50%{
        box-shadow: inset 0 0px 35px -15px rgba(255, 0, 0, 1);
    }
    100% {
        box-shadow: inset 0 0px 35px -20px rgba(255, 0, 0, 0.1);
    }
}

.blank-page .iq-sidebar{
    display: none;
}

.blank-page .content-page{
    margin: 0;
    border-radius: 0px;
    padding: 15px;
}

.triageSystemColorTd{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}
.triageSystemColorTd.red{
    background-color: rgba(216, 74, 69, 1);
}
.triageSystemColorTd.green{
    background-color: rgba(49, 192, 44, 1);
}
.triageSystemColorTd.yellow{
    background-color: rgba(252, 158, 91, 1);
}

.scroll{
    overflow: auto;
}

.scroll--300{
    max-height: 300px;
}

.list-group-item{
    padding: .35rem 1.25rem;
}

.list-group-item.d-flex{
    padding: 2px 4px;
    border-bottom: 1px solid #ccc;
}

.table td, .table th{
    padding: .5rem;
}

.btn.btn--fixedRightWindow{
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 1012;
    transform-origin: bottom right;
    transform: translateY(-50%) rotate(-90deg);
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.btn--fixedRightWindow.btn--fixedRightWindow-2{
    top: calc(50% - 130px);
}
.btn--fixedRightWindow.btn--fixedRightWindow-3{
    top: calc(50% - 260px);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
    background: #089bab;
    border-color: #089bab;
}
.btn-more{
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.btn-more .fa{
    position: relative;
    transform-origin: center;
    transition: .15s ease;
    font-size: 10px;
    top: -2px;
    margin-left: 5px;
}
.btn-more.active .fa{
    top: 1px;
    transform: rotate(-180deg);
}
#osmsForm.ui-dialog{
    width: 100% !important;
}
/*PAGINATION*/
.ui-paginator{
    padding: 0;
    display: flex;
    justify-content: space-between;
    border-radius: 4px;
}
.ui-paginator .ui-corner-all.ui-state-disabled{
    opacity: 1;
    background-color: #f9f9f9;
}
.ui-paginator .ui-corner-all{
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: #fff;
    margin: 0;
    border-radius: 0px;
    border: none;
    border-right: 1px solid #089bab;
    padding: 6px 9px;
    text-shadow: none;
    line-height: 16px;
}
.ui-paginator .ui-corner-all.ui-state-active, .ui-paginator .ui-corner-all.ui-state-active.ui-state-hover, .ui-paginator .ui-corner-all.ui-state-active:hover{
    background-color: #089bab;
    color: #fff;
    cursor: default;
}
.ui-paginator .ui-corner-all:hover{
    background-color: rgb(8 155 171 / 20%);
}
.ui-paginator .ui-paginator-pages{
    display: flex;
    padding: 0;
    margin: 0;
    flex: 1 1 auto;
    max-width: 400px;
    border-right: 1px solid #089bab;
    background-color: #fff;
}
.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options{
    margin: 0;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    min-width: 60px;
    background-color: #089bab;
    color: #fff;
    border-radius: 0px;
    box-shadow: none;
    font-weight: 400;
    text-shadow: none;
    white-space: nowrap;
}


/**/
.ui-icon.fa {
    text-indent:0px;
    background-image:none;
}
.ui-icon.glyphicon {
    text-indent:0px;
    background-image:none;
}

.ui-inputtextarea, .ui-widget-content .ui-inputfield.ui-inputtextarea {
    background-image: url(../images/mic.gif);
    background-position: right 0px center;
    background-repeat: no-repeat;
    padding: 3px 38px 3px 4px;
}

.ui-inputtextarea.x, .ui-widget-content .ui-inputfield.ui-inputtextarea.x {
    background-image: url(../images/mic.gif);
    background-position: right 0px center;
    background-repeat: no-repeat;
    padding: 3px 38px 3px 4px;
}

/* (jQ) Show icon */
.ui-inputtextarea.onX, .ui-widget-content .ui-inputfield.ui-inputtextarea.onX {
    cursor: pointer;
    background: transparent url(../images/mic.gif) no-repeat right 0px center;
    border: 1px solid #999;
    padding: 3px 38px 3px 4px;     /* Use the same right padding (18) in jQ! */
    border-radius: 3px;
}
.ui-inputtext, .ui-widget-content .ui-inputfield.ui-inputtext {
    background-image: url(../images/mic.gif);
    background-position: right 0px center;
    background-repeat: no-repeat;
    padding: 3px 38px 3px 4px;
    min-width: 70px;
}

.ui-inputtext.x, .ui-widget-content .ui-inputfield.ui-inputtext.x {
    background-image: url(../images/mic.gif);
    background-position: right 0px center;
    background-repeat: no-repeat;
    padding: 3px 38px 3px 4px;
}

.ui-inputfield.ui-inputtext.no-mic::-webkit-slider-runnable-track {
    pointer-events: none;
}

.ui-inputfield.ui-inputtext.no-mic div{
    pointer-events: none !important;
}

/* (jQ) Show icon */
.ui-inputtext.onX, .ui-widget-content .ui-inputfield.ui-inputtext.onX {
    cursor: pointer;
    /*}*/
    background: transparent url(../images/mic.gif) no-repeat right 0px center;
    border: 1px solid #999;
    /*padding: 3px 38px 3px 4px;     !* Use the same right padding (18) in jQ! *!*/
    border-radius: 3px;
    /*transition: background 1.4s;*/
}

/* (jQ) hover cursor style */


.ui-inputtext, .ui-widget-content .ui-inputfield.ui-inputtext{
    background-color: #fff !important;
    background-repeat: no-repeat !important;
    background-position: right 0px center !important;
    color: #000 !important;
}
.ui-inputtext, .ui-inputtextarea{
    background-size: 38px !important;
    padding-left: 10px;
    padding-right: 10px;
}
.ui-inputfield.ui-state-hover, .ui-inputtextarea.ui-state-hover, .ui-selectonemenu.ui-state-hover, .ui-selectonemenu.ui-state-focus{
    border-color: #089bab;
}
.ui-inputfield.ui-state-error {
    border: 1px solid #dc3545;
}

/*TABS*/
.ui-tabs .ui-tabs-panel, .ui-tabs.ui-tabs-top{
    padding: 0;
    border: none;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header{
    width: 100%;
    border-bottom: 2px solid rgb(23 162 184 / 21%);
    margin-bottom: 15px;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li{
    border: none;
    border-radius: 0px;
    margin: 0px;
    color: #089bab;
    margin-bottom: -1px !important;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-hover{
    background: transparent;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-active{
    background: transparent;
    cursor: default;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-active a, .ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-active.ui-state-hover a{
    cursor: default;
    border-bottom: 2px solid #056974;
    background: #089bab;
    color: #fff;
    text-shadow: 1px 1px 1px black;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li a{
    color: #393c52;
    margin: 0;
    padding: .5rem 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid transparent;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-hover a{
    border-color: #e9ecef #e9ecef #dee2e6;
    background: transparent;
}

.ui-autocomplete-multiple-container{
    width: 100%;
}
.ui-autocomplete-panel{
    max-height: 500px;
}
.ui-autocomplete-panel .ui-autocomplete-list{
    width: 100%;
}
.ui-autocomplete-panel .ui-autocomplete-list-item{
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-autocomplete-input-token{
    line-height: 22px;
}
.ui-autocomplete-token-label{
    padding-top: 2px;
    padding-bottom: 2px;
}
.ui-inputfield{
    min-height: 30px;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
textarea.ui-state-disabled{
    color: #0b0b0b;
    opacity: 1;
}
.ui-inputfield.onX .ui-inputfield, .ui-inputfield.onX{
    border-color: #089bab;
}

.ui-state-disabled.ui-inputfield.onX .ui-inputfield, .ui-calendar .ui-inputfield.ui-state-disabled, .ui-inputtext.ui-state-disabled, .ui-state-disabled.ui-inputfield.onX, .ui-state-disabled.ui-inputfield .ui-inputfield{
    background: #e9ecef !important;
    background-image: none !important;
    border-color: #ccc;
    opacity: .7;
}
.ui-inputfield.onX{
    -webkit-background-size: 38px;
    background-size: 38px;
}

.ui-calendar .ui-inputfield{
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
}
textarea.form-control{
    line-height: 21px;
    padding: 10px 15px;
}
input.form-control{
    padding: 0px 15px;
}

.ui-button-text-only .ui-button-text{
    padding: 0;
    text-shadow: none;
}

.invalid-feedback{
    padding: 0;
    margin: 0;
    list-style: none;
}

.ui-datatable table{
    table-layout: auto;
}
.ui-datatable-sticky{
    position: relative;
    top: 0 !important;
}
.ui-datatable-sticky .ui-datatable-sticky{
    left: 0 !important;
}
.ui-datatable-sticky .ui-datatable-sticky.ui-sticky{
    left: auto !important;
}
/*body .ui-datatable thead th{*/
/*background: #f8f9fa;*/
/*color: #495057;*/
/*padding: 1rem 1rem;*/
/*border: 1px solid #e9ecef;*/
/*border-width: 0 0 1px 0;*/
/*}*/

.iq-sidebar{
    background: var(--cyan);
}

.iq-sidebar-menu{
    padding: 0 10px;
}

.iq-sidebar-menu .iq-menu{
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
}

.iq-sidebar-menu .iq-menu li a{
    padding-left: 10px;
    padding-right: 10px;
}

.iq-sidebar-menu .iq-menu li a:hover{
    background: #fff;
    color: #089bab;
}

.iq-sidebar-menu .iq-menu li a:hover span{
    white-space: normal;
}

.iq-sidebar-menu .iq-menu li a i{
    min-width: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/*----------------------------------------------
loading
------------------------------------------------*/
.progress-bar{
    position: fixed;
    top: 0;
    width: 1%;
    left: 0;
    right: 0;
    height: 5px;
    animation-fill-mode: forwards;
    animation-name: load;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 2s;
}
.progress-bar.full{
    animation-name: loadEnd;
    animation-timing-function: ease-in;
    animation-duration: .3s;
}
@keyframes load {
    from {
        width: 1%;
    }
    to   {
        width: 80%;
    }
}
@keyframes loadEnd {
    0% {
        width: 81%;
    }
    80%   {
        width: 100%;
        opacity: 1;
    }
    100%   {
        width: 100%;
        opacity: 0;
    }
}


.ui-outputlabel {
    margin-right: 5px;
}
.ui-outputlabel.ui-widget{
    font-weight: 600;
}

.iq-top-navbar .iq-sub-dropdown{
    width: 435px;
}

.iq-sidebar-logo img{
    height: auto;
    width: 100%;
    padding-right: 15px;
}


.iq-card-icon {height: 60px;width: 60px;display: inline-block;line-height: 60px;text-align: center;font-size: 22px;border-radius: 50%;}


/*LOGIN*/

.sign-in-page{
    height: auto;
    padding-bottom: 40px;
    padding-top: 40px;
}

.sign-in-detail{
    height: auto;
    background: #fff;
    border-radius: 30px;
    padding: 40px 0px 20px 30px;
    margin: 20px 0;
    position: relative;
    z-index: 1000;
    color: #000;
    box-shadow: 10px 2px 30px rgba(0, 0, 0, .3);
}

.sign-in-from{
    bottom: auto;
    min-height: auto;
    position: static;
    top: auto;
    margin: 0px auto;
    padding-right: 30px;
    padding-left: 30px;
    box-shadow: 1px 5px 15px #0000001c;
}

.sign-in-logo img{
    height: auto;
}

.alert-primary a{
    text-decoration: underline;
    color: #004085;
}

.alert-primary a:hover{
    text-decoration: none;
}

.img-fluid--invert{
    filter: brightness(0) invert(1);
}

.ui-fieldset-toggleable .ui-fieldset-legend{
    padding: 5px;
    background: #089bab;
    font-size: 16px;
    text-shadow: none;
    color: #fff;
    font-weight: bold;
    margin: 0;
}
.reason-appeal, .description-two-line{
    max-height: 28px;
    line-height: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block !important;
}
.ui-fieldset .ui-fieldset-toggler{
    margin-top: 1px;
    margin-right: 5px;
}
.ui-fieldset, .ui-fieldset .ui-fieldset-legend{
    margin-bottom: 5px;
}

.font-size-11{
    font-size: 11px !important;
}


/*main-filter*/
.main-filter{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    margin: -20px -20px 15px;
    padding: 12px 20px 4px 20px;
}
.main-filter.main-filter--journal{
    margin: 0px 0px 0px;
    padding: 0px 0px 0px;
}
.main-filter__item{
    margin-right: 15px;
}
.main-filter__eshop{
    flex: 1 1 auto;
}
.main-filter__eshop .col-lg-6{
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}
.giveEshop-wrapper{
    display: flex;
    align-items: flex-end;
    position: relative;
}
.iq-card-body--searchPatients{
    padding-bottom: 10px;
    position: relative;
}
.iq-card-body--searchPatients + .main-filter{
    margin-top: -10px;
}
.dialog-news p{
    margin-bottom: 1rem;
}

.dialog-news .image img{
    max-width: 100%;
    height: auto;
}
.noteTable__content img{
    max-width: 1000px;
    height: auto;
    width: auto;
}
.dialog-patientTable{
    background: #f2f2f2;
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.patientTable{
    position: relative;
    display: block;
    box-shadow: 0 5px 10px #00000047;
}

.pirs-box{
    position: relative;
}

.pirs-box__slider{
    width: 86%;
    position: absolute;
    top: 69px;
    left: 50%;
    border: none;
    background: rgb(0 0 0 / 15%);
    z-index: 100;
    transform: translateX(-50%);
}

.pirs-box__slider.ui-slider-horizontal .ui-slider-handle{
    border: 10px solid transparent;
    border-bottom: 14px solid #00b8ff;
    top: -7px;
    background: transparent;
    cursor: pointer;
}

.triage-oneRadio-color tr td:first-child label{
    color: green;
}

.triage-oneRadio-color tr td:nth-child(2) label{
    color: #fbc647;
}

.triage-oneRadio-color tr td:nth-child(3) label{
    color: red;
}

.pirs-box__slider.ui-slider-horizontal .ui-slider-handle:hover{
    border-bottom: 14px solid #0098ff;
}
/*.pirs-box__slider.ui-slider-horizontal .ui-slider-handle::after {*/
/*    content: '';*/
/*    position: absolute; !* Абсолютное позиционирование *!*/
/*    left: 20px; bottom: -20px; !* Положение треугольника *!*/
/*    border: 10px solid transparent; !* Прозрачные границы *!*/
/*    border-top: 10px solid green; !* Добавляем треугольник *!*/
/*}*/

.pirs-box__image{
    position: relative;
    z-index: 90;
    width: 100%;
    left: 5px;
}

/*.ui-widget-overlay{*/
/*z-index: 1100 !important;*/
/*}*/

/*.ui-dialog[style*="display: block"]{*/
/*z-index: 1110 !important;*/
/*}*/
.pointer-events-none{
    pointer-events: none;
}
.patientTable .ui-datatable thead th,
.patientTable .ui-datatable tbody td,
.patientTable .ui-datatable tfoot td,
.patientTable .ui-datatable tfoot th,
.patientTable .ui-widget .ui-widget{
    font-size: 14px;
}
.patientTable.patientTableIdSelected{

}
.patientTable.patientTableIdSelected .text-only-line, .patientTable.patientTableIdSelected .description-two-line{
    max-width: 610px;
}
.patientTable.patientTableIdList .text-only-line, .patientTable.patientTableIdList .description-two-line{
    max-width: 650px;
}
.patientTable.patientTableIdSelected .ui-datatable-tablewrapper .ui-datatable-data .ui-widget{
    color: #fff;
}
.patientTable.patientTableIdSelected .ui-datatable-tablewrapper .ui-datatable-data .ui-expanded-row-content .ui-widget{
    color: #333;
}
.patientTableIdSelected .ui-datatable-data tr:hover td{
    background: initial !important;
}
.patientTable thead{
    display: none;
}
.main-filter__eshop .eshop-line, .iq-card-body--searchPatients .eshop-line{
    flex: 0 0 100% !important;
    max-width: 100% !important;
    display: flex;
    align-items: center;
}
.main-filter__eshop .eshop-line > .form-group, .iq-card-body--searchPatients .eshop-line > .form-group{
    margin-bottom: 0 !important;
}
.main-filter .main-filter__eshop .ui-inputtext, .iq-card-body--searchPatients .ui-inputtext{
    max-width: 400px;
    min-width: 250px !important;
    height: 30px;
    line-height: 30px;
}
.main-filter .main-filter__eshop .tableHospitalizationId-box, .iq-card-body--searchPatients .tableHospitalizationId-box{
    margin-right: 20px;
}
.main-filter .main-filter__eshop .eshop-line .btn, .iq-card-body--searchPatients .eshop-line .btn{
    height: 30px;
    line-height: 30px;
}
.main-filter .ui-selectonemenu{
    width: 180px;
}
.main-filter .ui-inputtext{
    min-width: auto !important;
    width: 100%;
    max-width: 200px;
}
.main-filter .ui-calendar .ui-inputfield{
    min-width: auto !important;
    max-width: 150px;
}
.main-filter__item:last-child{
    margin-right: 0px;
}
.main-filter__item--button{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1 1 auto;
}
.main-filter__item--button .btn{
    min-width: 100px;
    white-space: nowrap;
}
.filters-box{
    display: inline-flex;
    width: 100%;
    height: 56px;
    overflow: hidden;
    padding-right: 12px;
    flex: 1 1 auto;
    align-items: flex-start;
    flex-wrap: wrap;
}
.filters-box.filters-box--short{
    width: auto;
}
.filters-box.filters-box--little{
    max-height: 42px;
}
.filters-box > .form-group{
    display: inline-block;
    vertical-align: top;
}
.filters-box.open{
    height: auto;
    overflow: visible;
    max-width: none !important;
}

.description-assistant{
    display: block;
    line-height: 14px;
    font-size: 12px;
}




/*NOTIFICATIONS*/
.ui-growl-item-container.ui-state-highlight{
    max-width: 100%;
    overflow: hidden;
    font-size: .875rem;
    color: #ffffff;
    background: rgba(8, 155, 171, 1);
    background: -moz-linear-gradient(left, rgba(8, 155, 171, 1) 0%, rgba(13, 181, 200, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(8, 155, 171, 1)), color-stop(100%, rgba(13, 181, 200, 1)));
    background: -webkit-linear-gradient(left, rgba(8, 155, 171, 1) 0%, rgba(13, 181, 200, 1) 100%);
    background: -o-linear-gradient(left, rgba(8, 155, 171, 1) 0%, rgba(13, 181, 200, 1) 100%);
    background: -ms-linear-gradient(left, rgba(8, 155, 171, 1) 0%, rgba(13, 181, 200, 1) 100%);
    background: linear-gradient(to right, rgba(8, 155, 171, 1) 0%, rgba(13, 181, 200, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#089bab', endColorstr='#0db5c8', GradientType=1);
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 10%) !important;
    border-radius: .25rem;
    opacity: 1;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    background: rgba(8, 155, 171, 1);
    background: -moz-linear-gradient(left, rgba(8, 155, 171, 1) 0%, rgba(13, 181, 200, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(8, 155, 171, 1)), color-stop(100%, rgba(13, 181, 200, 1)));
    background: -webkit-linear-gradient(left, rgba(8, 155, 171, 1) 0%, rgba(13, 181, 200, 1) 100%);
    background: -o-linear-gradient(left, rgba(8, 155, 171, 1) 0%, rgba(13, 181, 200, 1) 100%);
    background: -ms-linear-gradient(left, rgba(8, 155, 171, 1) 0%, rgba(13, 181, 200, 1) 100%);
    background: linear-gradient(to right, rgba(8, 155, 171, 1) 0%, rgba(13, 181, 200, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#089bab', endColorstr='#0db5c8', GradientType=1);
}
.ui-state-highlight.patientTableIdSelected--dead, .ui-widget-content .ui-state-highlight.patientTableIdSelected--dead, .ui-widget-header .ui-state-highlight.patientTableIdSelected--dead{
    background: rgba(223, 81, 77, 1);
    background: -moz-linear-gradient(to right, rgb(223 81 77 / 91%) 0%, rgb(216 74 69 / 24%) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(223, 81, 77, 1)), color-stop(100%, rgba(216, 74, 69, 1)));
    background: -webkit-linear-gradient(to right, rgb(223 81 77 / 91%) 0%, rgb(216 74 69 / 24%) 100%);
    background: -o-linear-gradient(to right, rgb(223 81 77 / 91%) 0%, rgb(216 74 69 / 24%) 100%);
    background: -ms-linear-gradient(to right, rgb(223 81 77 / 91%) 0%, rgb(216 74 69 / 24%) 100%);
    background: linear-gradient(to right, rgb(223 81 77 / 91%) 0%, rgb(216 74 69 / 24%) 100%) !important;
}
.ui-state-highlight .ui-datatable-tablewrapper [class*="text"],  .ui-widget-content .ui-state-highlight .ui-datatable-tablewrapper [class^="text"], .ui-widget-header .ui-state-highlight .ui-datatable-tablewrapper [class^="text"]{
    color: #333333 !important;
}
.ui-state-highlight [class*="text"], .ui-widget-content .ui-state-highlight [class^="text"], .ui-widget-header .ui-state-highlight [class^="text"]{
    color: #ffffff !important;
}
.ui-state-highlight [class*="text-danger"], .ui-widget-content .ui-state-highlight [class^="text-danger"], .ui-widget-header .ui-state-highlight [class^="text-danger"]{
    color: #f14336!important;
    text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.4);
}
.ui-growl{
    z-index: 15000 !important;
}
.ui-growl-title{
    font-size: 14px;
    line-height: 20px;
}
.ui-growl-message{
    padding-bottom: 0;
}
.ui-growl-message p{
    line-height: 1.5;
}
.ui-state-highlight .ui-icon{
    display: block !important;
}

/*tooltipAutocomplete*/
.tooltipAutocomplete{
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100% !important;
    z-index: 1004;
    background-color: #ffffff;
    border-radius: 0 0 5px 5px;
    border: 1px solid #089bab;
    padding: 10px;
}
.tooltipAutocomplete table{
    width: 100%;
}
.tooltipAutocomplete span{
    text-decoration: none;
    display: block;
    width: 100%;
    padding: 3px;
}
.tooltipAutocomplete span:hover{
    background-color: #e7e7e7;
    border-radius: 4px 4px 4px 4px;
    width: 100%;
}
/*-------------------------------*/

/*SEARCH HEADER*/
.iq-search-bar .searchbox{
    display: none;
}
/*-------------------------------*/

/*UI*/
.ui-selectonemenu{
    transition: .15s ease;
    border-color: #ccc;
    min-width: auto !important;
    background: #fff !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
}
.ui-selectonemenu .ui-selectonemenu-label {
    background: transparent;
    text-shadow: none;
    box-shadow: none;
    opacity: 1;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    height: 28px;
    line-height: 30px;
    min-height: auto;
    color: #000;
}
.ui-selectonemenu-label-placeholder {
    color:#757575 !important;
}
.ui-selectonemenu .ui-selectonemenu-label::placeholder{
    color: #757575 !important;
}
::placeholder {
    color: #757575 !important;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{
    opacity: .6;
}
.ui-selectoneradio{
    display: flex;
    align-items: center;
}
.ui-selectoneradio tbody{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.ui-selectoneradio tr{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.ui-selectoneradio tr td{
    display: flex;
    align-items: normal;
}
.ui-selectoneradio label{
    display: flex;
    align-items: center;
    vertical-align: baseline;
    font-weight: normal;
    margin-right: 10px;
    margin-left: 5px;
    font-size: 12px;
}
.ui-selectoneradio.selectOneRadio-column{
    display: table;
}
.ui-selectoneradio.selectOneRadio-column tbody{
    display: table-row-group;
}
.ui-selectoneradio.selectOneRadio-column tr{
    display: table-row;
}
.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger{

}
.ui-selectonemenu.ui-state-disabled{
    filter: contrast(.9);
}
.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-label{
    color: #000;
}
.ui-selectonemenu .ui-selectonemenu-trigger{
    background: transparent;
    border: none;
}
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon{
    margin-top: 8px;
    margin-left: auto;
    margin-right: 5px;
}
.ui-selectonemenu-panel .ui-selectonemenu-list-item{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon{
    top: 12px;
    right: 50px;
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container, .ui-selectonemenu-panel .ui-selectonemenu-list, .ui-selectonemenu-panel .ui-selectonemenu-filter{
    width: 100%;
}

.ui-radiobutton {
    margin: 0;
    width: 16px;
    height: 19px;
    line-height: 16px;
    display: flex;
    align-items: center;
}
.ui-radiobutton .ui-radiobutton-box {
    background: #fff;
    border: 1px solid #adb5bd;
    box-shadow: none;
    position: relative;
}
.ui-radiobutton .ui-radiobutton-box .ui-icon{
    background: transparent;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin: 0;
}
.ui-radiobutton .ui-radiobutton-box.ui-state-active{
    background: #089bab;
    border-color: #089bab;
}
.ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon{
    background: #fff;
}
.ui-radiobutton-icon {
    margin-left: 1px
}
.ui-radiobutton.ui-radiobutton-native {
    margin: 0;
    padding: 0
}
.ui-radiobutton.ui-radiobutton-native .ui-helper-hidden-accessible {
    clip: auto;
    position: static!important;
    width: auto;
    height: auto;
    overflow: visible;
    margin: 0;
    padding: 0
}
.ui-radiobutton.ui-radiobutton-native .ui-radiobutton-box {
    display: none
}
.ui-radiobutton.ui-radiobutton-native .ui-helper-hidden-accessible input {
    margin: 0
}


.ui-spinner{
    display: inline-flex;
    align-items: center;
    position: relative;
}

.ui-spinner-input{
    padding-right: 35px;
}

.ui-spinner a.ui-button{
    position: absolute;
    right: 0;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 15px;
    min-height: auto;
    border-radius: 0px;
}

.ui-spinner a.ui-spinner-up{
    top: 0;
    border-top-right-radius: 3px;
}

.ui-spinner a.ui-spinner-down{
    border-bottom-right-radius: 3px;
}
.ui-spinner .ui-icon{
    left: 5px;
}



.ui-accordion{
    border: 1px solid #eee;
    margin-bottom: 10px;
}
.ui-accordion .ui-accordion-header .ui-icon{
    display: block;
    right: 10px;
    left: auto;
}
.ui-accordion .ui-accordion-header.ui-state-default{

}
.ui-accordion .ui-accordion-header.ui-state-default, .ui-accordion .ui-accordion-header.ui-state-focus{
    padding: .35rem .937rem;
    margin: 0;
    border: none;
    border-top: 1px solid #eee;
    background: #ceebee!important;
    cursor: pointer !important;
    text-shadow: none;
    font-size: 14px;
    font-weight: 600;
    -webkit-box-shadow: 0 4px 5px 1px hsl(0deg 0% 69% / 10%);
    box-shadow: 0 4px 5px 1px hsl(0deg 0% 69% / 10%);
    z-index: 1 !important;
}
.ui-accordion .ui-accordion-header.ui-state-hover{
    background: #089bab !important;
    color: #fff;
}
.ui-accordion .ui-accordion-header.ui-state-default:first-child{
    border-top: none;
}
.ui-accordion .ui-accordion-header.ui-state-active{
    margin: 0;
    position: relative;
    background: #089bab !important;
    color: #fff;
}



.ui-accordion .ui-accordion-content{
    position: relative;
    border: none;
    margin: -2px auto 0;
    -webkit-box-shadow: 0 4px 5px 1px hsl(0deg 0% 69% / 10%);
    box-shadow: 0 4px 5px 1px hsl(0deg 0% 69% / 10%);
    background: #f9f9f9 !important;
    border-bottom: 1px solid #eee;
}


.ui-chkbox {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    margin-right: 5px;
    box-shadow: none;
    /*overflow: hidden;*/
    /*position: relative;*/
    /*top: -2px;*/
}
.ui-chkbox .ui-chkbox-box {
    width: 16px;
    min-width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -moz-border-radius: .25rem;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    border: 1px solid #adb5bd;
    box-shadow: 0px 0px 4px #fff;
}
.ui-chkbox .ui-state-focus{
    background-image: none;
}
.ui-chkbox-icon.ui-icon {
    overflow: visible;
    background-color: #fff;
}
.ui-chkbox .ui-state-active{
    background: #0db5c8 !important;
    border: 1px solid #0f8795 !important;
}
.ui-chkbox .ui-state-active .ui-icon{
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 70%;
    background-color: #089bab;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
}
.ui-chkbox .ui-chkbox-label {
    cursor: pointer;
    margin: 0 16px 0 8px;
    outline: medium none;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    line-height: 19px;
}

/*COLOR*/
.hospRecord, .hospRecordJournal{
    background-color: #e5fae5!important;
}
.refuseRecord{
    background-color: #fcecec!important;
}
.withOutBenefit{
    background: #ceebee!important;
}
.errorRecord{
    background-color: #f1f2f1!important;
}



/*THEME*/
.medical-tabs-title{
}
.medical-tabs-title.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header{
    margin: -20px -20px 15px;
    overflow: hidden;
    border-radius: 15px 15px 0 0;
    width: auto;
    background: #374949;
    border-bottom: none;
    background: -webkit-gradient(left top,right top,color-stop(0,#374949),color-stop(100%,#455d5d));
    background: -webkit-gradient(linear,left top,right top,from(#374949),to(#455d5d));
    background: linear-gradient(90deg,#374949 0,#455d5d);
}
.medical-tabs-title.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li{
    margin: 0 !important;
    top: 0 !important;
}
.medical-tabs-title.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-active{
    background: #089bab;
    margin: 0 !important;
}
.medical-tabs-title.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li a{
    color: #ffffff;
    text-shadow: none;
    border-top: 2px solid transparent;
}
.medical-tabs-title.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-active a, .medical-tabs-title.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-active.ui-state-hover a{
    color: #fff;
}
.content-page{
    display: flex;
    flex-direction: column;
}
.main-container{
    flex: 1 1 auto;
}
.shtamp-line .badge{
    width: 18px;
    font-size: 12px !important;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
#sidebar-scrollbar{
    height: calc(100vh - 70px);
}

.iq-card .iq-card-header .card-title{
    margin-bottom: 0px;
}
.iq-card .iq-card-header{
    margin: -20px  -20px 16px;
    min-height: 40px;
}

.iq-card .iq-card-footer{
    margin: 20px -20px -20px;
    padding: 0 20px;
    min-height: 60px;
    -ms-flex-align: center !important;
    align-items: center !important;
    border-top: 1px solid #eeeeee;
    border-radius:  0 0 25px 25px;
    -webkit-border-radius: 0 0 25px 25px;
}
.iq-card-hiddenBody{
    -ms-flex-align: center !important;
    align-items: center !important;
    border-radius:  0 0 25px 25px;
    -webkit-border-radius: 0 0 25px 25px;
    display: none;
}

.search-toggle h6{
    line-height: 15px;
    font-size: 15px;
}

label{
    font-weight: 600;
}

.select-list{
    position: relative;
}

.select-list__button{
    display: flex;
    flex: 1 0 auto;
    border-radius: 5px;
    color: #ffffff;
    background: rgba(8, 155, 171, 1);
    background: -moz-linear-gradient(left, rgba(8, 155, 171, 1) 0%, rgba(13, 181, 200, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(8, 155, 171, 1)), color-stop(100%, rgba(13, 181, 200, 1)));
    background: -webkit-linear-gradient(left, rgba(8, 155, 171, 1) 0%, rgba(13, 181, 200, 1) 100%);
    background: -o-linear-gradient(left, rgba(8, 155, 171, 1) 0%, rgba(13, 181, 200, 1) 100%);
    background: -ms-linear-gradient(left, rgba(8, 155, 171, 1) 0%, rgba(13, 181, 200, 1) 100%);
    background: linear-gradient(to right, rgba(8, 155, 171, 1) 0%, rgba(13, 181, 200, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#089bab', endColorstr='#0db5c8', GradientType=1);
    border: 1px solid #089bab;
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif;
    min-height: 30px;
    padding: .25rem .5rem;
    text-shadow: none;
    align-items: center;
    cursor: pointer;
    height: 31px;
    line-height: 29px;
    min-width: 150px;
}



.select-list__button span{
    flex: 1 1 auto;
}

.select-list__button .fa{
    display: inline-flex;
    align-items: center;
    font-size: 10px;
    right: 4px;
    transition: .15s ease;
    position: relative;
    transform-origin: center;
}

.select-lists{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 10;
    display: none;
}
.select-list.active .select-lists{
    display: block;
    -webkit-box-shadow: 0px 4px 5px 1px rgb(175 175 175 / 10%);
    box-shadow: 0px 4px 5px 1px rgb(175 175 175 / 10%);
}
.select-list.active .select-list__button{
    border-radius: 5px 5px 0 0;
    border-bottom-color: transparent;
}
.select-list.active .select-list__button .fa{
    transform: rotate(-180deg);
}
.select-lists .btn{
    border-radius: 0;
    border-bottom: none;
    text-align: left;
}
.select-lists .btn:not(:last-child){
    border-bottom: none;
}
.select-lists .btn:last-child{
    border-radius: 0 0 5px 5px;
}


/*OLD THEME*/
body #skitt-ui{
    z-index: 9999;
}


.ui-resizable-sw, .ui-resizable-s{
    width: 0;
    height: 0;
}

.ui-tabmenu .ui-tabmenu-nav{
    display: flex;
    align-items: stretch;
}

.ui-tabmenu .ui-tabmenu-nav.ui-widget-header{
    padding: 0;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem{
    float: none;
    white-space: normal;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-default{
    padding: 0;
    background: #ceebee;
    display: flex;
    align-items: stretch;
    justify-content: center;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-default.ui-state-active a{
    background: #08ab7e;
    color: #fff;
    text-shadow: none;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem-hasicon a{
    padding: 5px 10px;
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #000;
    text-shadow: none;
    width: 100%;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-icon:empty{
    display: none !important;
}


.ui-selectonebutton, .ui-selectmanybutton{
    display: flex;
    align-items: stretch;
}

.ui-selectmanybutton .ui-button:not(:first-child), .ui-selectmanybutton .ui-button:not(:first-child),
.ui-selectonebutton .ui-button:not(:first-child), .ui-selectonebutto .ui-button:not(:first-child){
    border-radius: 0px;
}

.ui-selectmanybutton .ui-button:first-child,
.ui-selectonebutton .ui-button:first-child{
    border-radius: 4px 0 0 4px;
}

.ui-selectmanybutton .ui-button:last-child,
.ui-selectonebutton .ui-button:last-child{
    border-radius: 0 4px 4px 0;
}

.ui-selectmanybutton .ui-button,
.ui-selectonebutton .ui-button{
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    background: #ceebee !important;
}

.ui-selectmanybutton .ui-button:hover,
.ui-selectonebutton .ui-button:hover{
    background: #9cd8de !important;
}

.ui-selectmanybutton .ui-button.ui-state-active,
.ui-selectonebutton .ui-button.ui-state-active{
    background: rgba(8, 155, 171, 1) !important;
    color: #fff;
    cursor: default;
}
.ui-selectmanybutton .ui-button.ui-state-active .ui-button-text,
.ui-selectonebutton .ui-button.ui-state-active .ui-button-text{
    color: #fff;
}

.ui-selectmanybutton .ui-button .ui-button-text,
.ui-selectonebutton .ui-button .ui-button-text{
    padding: .3em;
    color: #000;
}

.ui-datepicker-calendar .ui-state-active{
    background: var(--success) !important;
    color: #fff;
}

.empty-link-table{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -4px -10px;
    height: 29px;
    line-height: 30px;
}
.empty-link-table:hover{
    box-shadow: inset 0 0 10px var(--success);
}
.empty-link-table.empty-link-table--selected:hover{
    box-shadow: inset 0 0 10px var(--danger);
}

.empty-link-table + .d-inline-flex.d-sm-none{
    margin-left: 5px;
}

.empty-link-table.empty-link-table--heightAuto{
    height: auto;
}

.table-default td, .ui-datatable .table-default td{
    border: none;
    padding: 0;
}

.table-button td{
    padding: 2px !important;
    border: none !important;
}

.ui-datatable .ui-row-toggler{
    display: flex !important;
    min-width: 85px;
    align-items: center;
    justify-content: center;
    font-family: Poppins,sans-serif;
    min-height: 30px;
    padding: .25rem .5rem;
    width: auto;
    border-radius: 5px;
    height: 30px;
    text-indent: 0px;
    color: #fff;
    background: #089bab;
    background: -moz-linear-gradient(left,#089bab 0,#0db5c8 100%);
    background: -webkit-gradient(left top,right top,color-stop(0,#089bab),color-stop(100%,#0db5c8));
    background: -webkit-linear-gradient(left,#089bab 0,#0db5c8 100%);
    background: -o-linear-gradient(left,#089bab 0,#0db5c8 100%);
    background: -ms-linear-gradient(left,#089bab 0,#0db5c8 100%);
    background: linear-gradient(to right,#089bab 0,#0db5c8 100%);
    border-color: #089bab;
    text-align: center;
}
.ui-datatable .ui-row-toggler::before{
    content: '';
    width: 16px;
    height: 16px;
    border: 5px solid #f5f5f5;
    border-right-color: transparent;
    border-bottom-color: transparent;
    transform: rotate(-135deg);
    font-size: 14px;
    top: -5px;
    position: relative;
    border-radius: 4px;
}
.ui-datatable .ui-row-toggler.ui-icon-circle-triangle-s::before{
    transform: rotate(45deg);
    top: 5px;
}
.ui-datatable label{
    margin-bottom: 0;
}
.ui-datatable thead th, .ui-datatable tfoot th{
    box-sizing: content-box;
}

.schedule-event{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.compact-table td{
    overflow: visible !important;
}

.schedule-event{
    z-index: 1;
}

.schedule-event__time{
    font-size: 18px;
    line-height: 24px;
    text-align: center;
}

.schedule-event__controll{
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    flex-wrap: wrap;
    background: #fff;
    padding: 7px 4px;
}
.ui-button-flat{
    padding: 0 !important;
    background: none !important;
    border: none !important;
    font-size: 16px !important;
    line-height: 18px !important;
    height: 18px;
    box-shadow: none !important;
    min-height: auto;
}
.ui-button-flat.text-danger{
    color: #f14336!important;
}
.ui-button-flat.text-success {
    color: #27b345!important;
}
.ui-button-flat.text-primary{
    color: #089bab!important;
}
.table-head{
    border-collapse: collapse;
    font-size: 10px;
    line-height: 12px;
}
.table-head td{
    padding: 5px;
    border: 1px solid #000;
}
.schedule-event__controll a{
    flex: 1 1 100%;
    text-align: center;
    margin-bottom: 5px;
}
.schedule-event__controll a:last-child{
    margin-bottom: 0px;
}
.compact-table table tr td{
    position: relative;
    z-index: 5;
}
.compact-table table tr td:hover{
    z-index: 10;
}
.not-overflow, .not-overflow *{
    overflow: visible !important;
}

.not-overflow .ui-datatable-data > tr:last-child .schedule-event__controll{
    top: auto;
    bottom: 100%;
}

.schedule-event:hover{
    z-index: 10;
}

.schedule-event:hover .schedule-event__controll{
    display: flex;
    z-index: 10;
}


.ui-orderlist{
    width: 100%;
}
.ui-orderlist .ui-orderlist-list{
    width: 100%;
}
.ui-button-icon-only .ui-icon.fa, .ui-button-text-icon-left .ui-icon.fa, .ui-button-text-icon-right .ui-icon.fa, .ui-button-icon-only .ui-icon.fab, .ui-button-text-icon-left .ui-icon.fab, .ui-button-text-icon-right .ui-icon.fab, .ui-button-icon-only .ui-icon.far, .ui-button-text-icon-left .ui-icon.far, .ui-button-text-icon-right .ui-icon.far, .ui-button-icon-only .ui-icon.fas, .ui-button-text-icon-left .ui-icon.fas, .ui-button-text-icon-right .ui-icon.fas{
    margin-top: -8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-form-patient{
    flex: 1 1 auto;
    position: relative;
}

.ui-datatable.patientTableIdList tbody td{
    padding-top: 8px;
    padding-bottom: 8px;
}

.patientTable .ui-state-highlight i.text-primary{
    color: #fff !important;
    font-size: 12px;
}

.patientTableIdSelected i.text-primary{
    color: #fff !important;
    font-size: 12px;
}
.patientTableIdSelected label.ui-widget{
    color: #fff;
}
.patientTableIdSelected .selectedPatientFIO{
    display: flex;
}
.patientTableIdSelected .selectedPatientFIO{
    display: flex;
}
.patientTableIdSelected .listPatientFIO{
    display: none;
}
.selectedPatientFIO{
    display: none;
}
.listPatientFIO{
    display: inline-flex;
}
.ui-panel{
    padding: 0;
    background: #ffffff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin-bottom: 10px;
    border: none;
    -webkit-box-shadow: 0px 4px 5px 1px rgb(175 175 175 / 10%);
    box-shadow: 0px 4px 5px 1px rgb(175 175 175 / 10%);
}
.ui-panel .ui-panel-content{
    padding: 20px;
}
.ui-panel .ui-panel-title{
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    margin: 0px;
    font-size: 1.400em;
    line-height: 1.5;
    color: #3f414d;
    align-self: center;
}
.ui-panel .ui-panel-titlebar{
    padding: 0 20px;
    background-color: transparent;
    min-height: 60px;
    display: flex;
}
/*.ui-widget-header{*/
/*border: 0;*/
/*border-bottom: 1px solid #eeeeee;*/
/*border-radius: 25px 25px 0 0;*/
/*-webkit-border-radius: 25px 25px 0 0;*/
/*}*/
table.ui-panelgrid{
    min-width: 100%;
}
.ui-widget .ui-widget{
    font-size: 13px;
}
.ui-datalist{
    margin: 10px auto 15px;
}
.ui-datalist .ui-widget-content{
    border: none;
}
.ui-datalist .ui-datalist-data{
    margin-bottom: 0;
    margin-left: 20px;
}
.ui-datalist-item::marker{
    color: #12bbad;
}

.ui-sidebar-right{
    width: 40%;
    overflow: auto;
    overflow-x: hidden;
}








@font-face {
    font-family: 'Glyphicons Halflings';

    src: url('../../bootstrap/fonts/glyphicons-halflings-regular.eot');
    src: url('../../bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
    content: "\2a";
}
.glyphicon-plus:before {
    content: "\2b";
}
.glyphicon-euro:before {
    content: "\20ac";
}
.glyphicon-minus:before {
    content: "\2212";
}
.glyphicon-cloud:before {
    content: "\2601";
}
.glyphicon-envelope:before {
    content: "\2709";
}
.glyphicon-pencil:before {
    content: "\270f";
}
.glyphicon-glass:before {
    content: "\e001";
}
.glyphicon-music:before {
    content: "\e002";
}
.glyphicon-search:before {
    content: "\e003";
}
.glyphicon-heart:before {
    content: "\e005";
}
.glyphicon-star:before {
    content: "\e006";
}
.glyphicon-star-empty:before {
    content: "\e007";
}
.glyphicon-user:before {
    content: "\e008";
}
.glyphicon-film:before {
    content: "\e009";
}
.glyphicon-th-large:before {
    content: "\e010";
}
.glyphicon-th:before {
    content: "\e011";
}
.glyphicon-th-list:before {
    content: "\e012";
}
.glyphicon-ok:before {
    content: "\e013";
}
.glyphicon-remove:before {
    content: "\e014";
}
.glyphicon-zoom-in:before {
    content: "\e015";
}
.glyphicon-zoom-out:before {
    content: "\e016";
}
.glyphicon-off:before {
    content: "\e017";
}
.glyphicon-signal:before {
    content: "\e018";
}
.glyphicon-cog:before {
    content: "\e019";
}
.glyphicon-trash:before {
    content: "\e020";
}
.glyphicon-home:before {
    content: "\e021";
}
.glyphicon-file:before {
    content: "\e022";
}
.glyphicon-time:before {
    content: "\e023";
}
.glyphicon-road:before {
    content: "\e024";
}
.glyphicon-download-alt:before {
    content: "\e025";
}
.glyphicon-download:before {
    content: "\e026";
}
.glyphicon-upload:before {
    content: "\e027";
}
.glyphicon-inbox:before {
    content: "\e028";
}
.glyphicon-play-circle:before {
    content: "\e029";
}
.glyphicon-repeat:before {
    content: "\e030";
}
.glyphicon-refresh:before {
    content: "\e031";
}
.glyphicon-list-alt:before {
    content: "\e032";
}
.glyphicon-lock:before {
    content: "\e033";
}
.glyphicon-flag:before {
    content: "\e034";
}
.glyphicon-headphones:before {
    content: "\e035";
}
.glyphicon-volume-off:before {
    content: "\e036";
}
.glyphicon-volume-down:before {
    content: "\e037";
}
.glyphicon-volume-up:before {
    content: "\e038";
}
.glyphicon-qrcode:before {
    content: "\e039";
}
.glyphicon-barcode:before {
    content: "\e040";
}
.glyphicon-tag:before {
    content: "\e041";
}
.glyphicon-tags:before {
    content: "\e042";
}
.glyphicon-book:before {
    content: "\e043";
}
.glyphicon-bookmark:before {
    content: "\e044";
}
.glyphicon-print:before {
    content: "\e045";
}
.glyphicon-camera:before {
    content: "\e046";
}
.glyphicon-font:before {
    content: "\e047";
}
.glyphicon-bold:before {
    content: "\e048";
}
.glyphicon-italic:before {
    content: "\e049";
}
.glyphicon-text-height:before {
    content: "\e050";
}
.glyphicon-text-width:before {
    content: "\e051";
}
.glyphicon-align-left:before {
    content: "\e052";
}
.glyphicon-align-center:before {
    content: "\e053";
}
.glyphicon-align-right:before {
    content: "\e054";
}
.glyphicon-align-justify:before {
    content: "\e055";
}
.glyphicon-list:before {
    content: "\e056";
}
.glyphicon-indent-left:before {
    content: "\e057";
}
.glyphicon-indent-right:before {
    content: "\e058";
}
.glyphicon-facetime-video:before {
    content: "\e059";
}
.glyphicon-picture:before {
    content: "\e060";
}
.glyphicon-map-marker:before {
    content: "\e062";
}
.glyphicon-adjust:before {
    content: "\e063";
}
.glyphicon-tint:before {
    content: "\e064";
}
.glyphicon-edit:before {
    content: "\e065";
}
.glyphicon-share:before {
    content: "\e066";
}
.glyphicon-check:before {
    content: "\e067";
}
.glyphicon-move:before {
    content: "\e068";
}
.glyphicon-step-backward:before {
    content: "\e069";
}
.glyphicon-fast-backward:before {
    content: "\e070";
}
.glyphicon-backward:before {
    content: "\e071";
}
.glyphicon-play:before {
    content: "\e072";
}
.glyphicon-pause:before {
    content: "\e073";
}
.glyphicon-stop:before {
    content: "\e074";
}
.glyphicon-forward:before {
    content: "\e075";
}
.glyphicon-fast-forward:before {
    content: "\e076";
}
.glyphicon-step-forward:before {
    content: "\e077";
}
.glyphicon-eject:before {
    content: "\e078";
}
.glyphicon-chevron-left:before {
    content: "\e079";
}
.glyphicon-chevron-right:before {
    content: "\e080";
}
.glyphicon-plus-sign:before {
    content: "\e081";
}
.glyphicon-minus-sign:before {
    content: "\e082";
}
.glyphicon-remove-sign:before {
    content: "\e083";
}
.glyphicon-ok-sign:before {
    content: "\e084";
}
.glyphicon-question-sign:before {
    content: "\e085";
}
.glyphicon-info-sign:before {
    content: "\e086";
}
.glyphicon-screenshot:before {
    content: "\e087";
}
.glyphicon-remove-circle:before {
    content: "\e088";
}
.glyphicon-ok-circle:before {
    content: "\e089";
}
.glyphicon-ban-circle:before {
    content: "\e090";
}
.glyphicon-arrow-left:before {
    content: "\e091";
}
.glyphicon-arrow-right:before {
    content: "\e092";
}
.glyphicon-arrow-up:before {
    content: "\e093";
}
.glyphicon-arrow-down:before {
    content: "\e094";
}
.glyphicon-share-alt:before {
    content: "\e095";
}
.glyphicon-resize-full:before {
    content: "\e096";
}
.glyphicon-resize-small:before {
    content: "\e097";
}
.glyphicon-exclamation-sign:before {
    content: "\e101";
}
.glyphicon-gift:before {
    content: "\e102";
}
.glyphicon-leaf:before {
    content: "\e103";
}
.glyphicon-fire:before {
    content: "\e104";
}
.glyphicon-eye-open:before {
    content: "\e105";
}
.glyphicon-eye-close:before {
    content: "\e106";
}
.glyphicon-warning-sign:before {
    content: "\e107";
}
.glyphicon-plane:before {
    content: "\e108";
}
.glyphicon-calendar:before {
    content: "\e109";
}
.glyphicon-random:before {
    content: "\e110";
}
.glyphicon-comment:before {
    content: "\e111";
}
.glyphicon-magnet:before {
    content: "\e112";
}
.glyphicon-chevron-up:before {
    content: "\e113";
}
.glyphicon-chevron-down:before {
    content: "\e114";
}
.glyphicon-retweet:before {
    content: "\e115";
}
.glyphicon-shopping-cart:before {
    content: "\e116";
}
.glyphicon-folder-close:before {
    content: "\e117";
}
.glyphicon-folder-open:before {
    content: "\e118";
}
.glyphicon-resize-vertical:before {
    content: "\e119";
}
.glyphicon-resize-horizontal:before {
    content: "\e120";
}
.glyphicon-hdd:before {
    content: "\e121";
}
.glyphicon-bullhorn:before {
    content: "\e122";
}
.glyphicon-bell:before {
    content: "\e123";
}
.glyphicon-certificate:before {
    content: "\e124";
}
.glyphicon-thumbs-up:before {
    content: "\e125";
}
.glyphicon-thumbs-down:before {
    content: "\e126";
}
.glyphicon-hand-right:before {
    content: "\e127";
}
.glyphicon-hand-left:before {
    content: "\e128";
}
.glyphicon-hand-up:before {
    content: "\e129";
}
.glyphicon-hand-down:before {
    content: "\e130";
}
.glyphicon-circle-arrow-right:before {
    content: "\e131";
}
.glyphicon-circle-arrow-left:before {
    content: "\e132";
}
.glyphicon-circle-arrow-up:before {
    content: "\e133";
}
.glyphicon-circle-arrow-down:before {
    content: "\e134";
}
.glyphicon-globe:before {
    content: "\e135";
}
.glyphicon-wrench:before {
    content: "\e136";
}
.glyphicon-tasks:before {
    content: "\e137";
}
.glyphicon-filter:before {
    content: "\e138";
}
.glyphicon-briefcase:before {
    content: "\e139";
}
.glyphicon-fullscreen:before {
    content: "\e140";
}
.glyphicon-dashboard:before {
    content: "\e141";
}
.glyphicon-paperclip:before {
    content: "\e142";
}
.glyphicon-heart-empty:before {
    content: "\e143";
}
.glyphicon-link:before {
    content: "\e144";
}
.glyphicon-phone:before {
    content: "\e145";
}
.glyphicon-pushpin:before {
    content: "\e146";
}
.glyphicon-usd:before {
    content: "\e148";
}
.glyphicon-gbp:before {
    content: "\e149";
}
.glyphicon-sort:before {
    content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}
.glyphicon-sort-by-order:before {
    content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}
.glyphicon-sort-by-attributes:before {
    content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}
.glyphicon-unchecked:before {
    content: "\e157";
}
.glyphicon-expand:before {
    content: "\e158";
}
.glyphicon-collapse-down:before {
    content: "\e159";
}
.glyphicon-collapse-up:before {
    content: "\e160";
}
.glyphicon-log-in:before {
    content: "\e161";
}
.glyphicon-flash:before {
    content: "\e162";
}
.glyphicon-log-out:before {
    content: "\e163";
}
.glyphicon-new-window:before {
    content: "\e164";
}
.glyphicon-record:before {
    content: "\e165";
}
.glyphicon-save:before {
    content: "\e166";
}
.glyphicon-open:before {
    content: "\e167";
}
.glyphicon-saved:before {
    content: "\e168";
}
.glyphicon-import:before {
    content: "\e169";
}
.glyphicon-export:before {
    content: "\e170";
}
.glyphicon-send:before {
    content: "\e171";
}
.glyphicon-floppy-disk:before {
    content: "\e172";
}
.glyphicon-floppy-saved:before {
    content: "\e173";
}
.glyphicon-floppy-remove:before {
    content: "\e174";
}
.glyphicon-floppy-save:before {
    content: "\e175";
}
.glyphicon-floppy-open:before {
    content: "\e176";
}
.glyphicon-credit-card:before {
    content: "\e177";
}
.glyphicon-transfer:before {
    content: "\e178";
}
.glyphicon-cutlery:before {
    content: "\e179";
}
.glyphicon-header:before {
    content: "\e180";
}
.glyphicon-compressed:before {
    content: "\e181";
}
.glyphicon-earphone:before {
    content: "\e182";
}
.glyphicon-phone-alt:before {
    content: "\e183";
}
.glyphicon-tower:before {
    content: "\e184";
}
.glyphicon-stats:before {
    content: "\e185";
}
.glyphicon-sd-video:before {
    content: "\e186";
}
.glyphicon-hd-video:before {
    content: "\e187";
}
.glyphicon-subtitles:before {
    content: "\e188";
}
.glyphicon-sound-stereo:before {
    content: "\e189";
}
.glyphicon-sound-dolby:before {
    content: "\e190";
}
.glyphicon-sound-5-1:before {
    content: "\e191";
}
.glyphicon-sound-6-1:before {
    content: "\e192";
}
.glyphicon-sound-7-1:before {
    content: "\e193";
}
.glyphicon-copyright-mark:before {
    content: "\e194";
}
.glyphicon-registration-mark:before {
    content: "\e195";
}
.glyphicon-cloud-download:before {
    content: "\e197";
}
.glyphicon-cloud-upload:before {
    content: "\e198";
}
.glyphicon-tree-conifer:before {
    content: "\e199";
}
.glyphicon-tree-deciduous:before {
    content: "\e200";
}



#menuConsultationNotice{
    max-height: 600px;
    overflow: auto;
}



.no-mic .ui-inputfield.ui-inputtext, .ui-inputfield.ui-inputtext.no-mic{
    background-color: #fff !important;
    background-image: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.print-only, .hideRow{
    display: none !important;
}

.print-all-forms .a4format, .print-all-forms .cke_editable{
    min-height: auto;
    padding: 10px !important;
}

#appointment-disposalOnTimeGuid{
    position: fixed;
    z-index: 1020;
    background: #fff;
    border-radius: 10px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    padding: 7px;
    top: 50%;
    right: 20px;
    max-width: 270px;
    width: 100%;
    transform: translateY(-50%);
}

@media print {
    strong, b {
        font-weight: bold !important;
    }

    .medicamDiposalName{
        white-space: normal !important;
        overflow: visible !important;
    }

    .btn--fixedRightWindow{
        display: none;
    }

    .content-page{
        padding-top: 15px;
    }
    input[id^="spoiler"] ~ .spoiler {
        height: auto !important;
        overflow: visible !important;
        opacity: 1 !important;
    }
    body{
        margin: 0;
        margin-bottom: 25mm;
    }
    @page {
        size: auto;/* auto is the initial value */
        /*margin: 15mm 15mm 15mm 15mm;  !* this affects the margin in the printer settings *!*/
    }
    *{
        margin: 0;
        padding: 0;
    }
    *.no-print, *.no-print *, *.hidden-print{
        display: none !important;
        padding: 0 !important;
        margin: 0 !important;
        height: 0;
        width: 0;
    }
    .print-only, html, body{
        display: block !important;
        min-height: auto;
    }
    .shc {
        display: none !important;
    }
    .ui-state-active .ui-icon {
        background-color: #000000 !important;
        -webkit-print-color-adjust: exact;
    }
    .ui-radiobutton{
        margin-right: 5px;
    }
    .ui-state-disabled{
        background: transparent !important;
        opacity: 1 !important;
    }
    .ui-radiobutton-icon{
        margin-left: 0px !important;
    }
    .ui-state-highlight{
        background-color: dodgerblue !important;
        -webkit-print-color-adjust: exact;
    }

    .analysisEdit .print-result .form-group.form-group-sm{
        display: inline-block !important;
        width: auto !important;
        margin-bottom: 0 !important;
    }
    .analysisEdit .print-result .col-md-4{
        margin-bottom: 5px;
    }
    .analysisEdit .print-result .form-group.form-group-sm *{
        display: inline-block !important;
    }
    .analysisEdit .print-result .form-group.form-group-sm textarea{
        width: 100% !important;
    }
    .ui-inputtextarea{
        display: block !important;
        min-height: auto !important;
        max-height: none !important;
        padding: 0;
        overflow: visible !important;
        font-size: 12px;
        line-height: 14px;
    }
    .ui-datalist{
        margin: 5px 0;
    }
    .ui-datalist-item::marker{
        color: #000;
    }

    .iq-card{
        box-shadow: none;
    }
    .iq-card-body{
        padding: 0;
    }
    .print-result.print-result--sm{
        font-size: 8px;
        line-height: 1;
    }
    .print-result {
        font-family: "Arial";
        font-size: 12px;
        line-height: 1.15;
    }
    .print-result strong, .print-result strong{
        font-weight: normal;
        font-size: 12px;
    }
    .print-result--sm strong, .print-result--sm strong{
        font-weight: normal;
        font-size: 8px;
    }
    .table-with-out-border .form-group{
        margin-bottom: 0;
    }
    .print-result table, .print-result table tr, .print-result table tr td, .print-result table tr th{
        font-family: "Arial";
    }

    .print-result .form-group {
        margin-bottom: 3px;
    }

    .print-result .item {
        all: unset;
        padding: 0 0 0 10px;
        margin: 0 0 0 0;
        text-align: justify;
        display: inline;
    }

    .print-result label {
        background: none;
        margin-bottom: 0;
    }

    .print-result .ui-state-disabled {
        background: none;
        border: black;
    }

    .print-result td.width-45 {
        width: 45%;
    }

    .print-result .rotate90 {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }

    .print-result .verticalHeader table thead tr th div {
        height: auto;
        font-size: small;
    }

    .print-result .spoiler-not-show-if-folded {
        margin: 5px;
        background-color: #ccc4cc;
    }

    .print-result .table-with-out-border td {
        border-collapse: collapse;
        border: 1px white;
    }

    .print-result .table-with-out-border {
        border: none
    }

    .print-result input[id^="spoiler"] {
        display: none;
    }

    .print-result input[id^="spoiler"] + label {
        display: block;
        width: 100%;
        min-height: 40px;
        margin: 0;
        padding: 0 0 0 10px;
        background: #E6E0E0;
        color: #000000;
        text-align: left;
        font-weight: normal;
        border-radius: 0;
        cursor: pointer;
        transition: all .6s;
    }

    .print-result input[id^="spoiler"]:checked + label {
        color: #333;
        background: #ccc4cc;
    }

    .print-result input[id^="spoiler"] ~ .spoiler {
        width: 100%;
        height: 0;
        overflow: hidden;
        opacity: 0;
        margin: 0;
        padding: 0;
        background: #FFFFFF;
        border: none;
        border-radius: 0;
        transition: all .6s;
    }

    .print-result input[id^="spoiler"]:checked + label + .spoiler {
        height: auto;
        opacity: 1;
        padding: 10px;
    }

    .print-result .span2 {
        border: none;
        padding: 0;
        margin: 0;
    }

    .print-result .white-space {
        white-space: pre-line;
    }

    .print-result .table-footer-print {
        font-size: 12px;
    }

    .print-result .ui-datatable thead th, .print-result .ui-datatable tbody td, .print-result .ui-datatable tfoot td, .print-result .ui-datatable tfoot th {
        width: auto !important;
        min-width: 150px;
        font-size: 12px;
        font-weight: normal;
        line-height: 14px;
    }
    .ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th{
        font-size: 12px;
        line-height: 1.15;
    }
    .print-result .table-footer-print, .print-result .table-footer-print td, .print-result .table-footer-print span,  .print-result .table-footer-print label{
        font-size: 12px;
    }
    textarea.ui-state-disabled{
        color: #0b0b0b;
        opacity: 1;
    }
    .badge{
        border: 1px solid #000;
    }
}


.selectOneFlex{
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 3px;
}

.va-bottom{
    vertical-align: bottom;
}

.va-middle{
    vertical-align: middle;
}



/*FORM STYLE*/
.print-result{
    font-family: "Arial";
    font-size: 14px;
    line-height: 1.35;
}
.print-result .form-group{
    margin-bottom: 5px;
}

.print-result .item {
    all: unset;
    padding: 0 0 0 10px;
    margin: 0 0 0 0;
    text-align: justify;
    display: inline;
}

.print-result table {
    width: 100%;
}

.print-result .table-align-left {
    width: 40%;
}

.print-result .table-style {
    width: 100%;
}

.print-result .leftstr, .print-result .rightstr {
    float: left;
    width: 50%;
}

.print-result .rightstr, .print-result .text-right {
    text-align: right;
}

.print-result .table-footer-print, .print-result .table-footer-print td{
    border: none;
    vertical-align: top;
}

.print-result label {
    background: none;
    margin-bottom: 0;
    margin-right: 5px;
    font-family: inherit;
    font-size: inherit;
    max-width: 100%;
}

.print-result .ui-state-disabled {
    background: none;
    border: black;
}

.print-result td.width-45 {
    width: 45%;
}

.print-result .rotate90 {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.print-result .verticalHeader table thead tr th div {
    height: auto;
    font-size: small;
}

.print-result .spoiler-not-show-if-folded {
    margin: 5px;
    background-color: #ccc4cc;
}

.print-result .table-with-out-border td {
    border-collapse: collapse;
    border: 1px white;
}

.print-result .table-with-out-border {
    border: none
}

.print-result input[id^="spoiler"] {
    display: none;
}

.print-result input[id^="spoiler"] + label {
    display: block;
    width: 100%;
    min-height: 40px;
    margin: 0;
    padding: 0 0 0 10px;
    background: #E6E0E0;
    color: #000000;
    text-align: left;
    font-weight: normal;
    border-radius: 0;
    cursor: pointer;
    transition: all .6s;
}

.print-result input[id^="spoiler"]:checked + label {
    color: #333;
    background: #ccc4cc;
}

.print-result input[id^="spoiler"] ~ .spoiler {
    width: 100%;
    height: 0;
    overflow: hidden;
    opacity: 0;
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    border: none;
    border-radius: 0;
    transition: all .6s;
}

.print-result input[id^="spoiler"]:checked + label + .spoiler {
    height: auto;
    opacity: 1;
    padding: 10px;
}

.print-result .span2 {
    border: none;
    padding: 0;
    margin: 0;
}

.print-result .white-space {
    white-space: pre-line;
}

.empty-box{
    width: 100px;
    height: 5px;
}

#qr-canvas{
    display: none;
}

#outdiv{
    position: relative;
}

#outdiv::before{
    position: relative;
    padding-bottom: 40%;
    max-height: 400px;
    content: '';
    width: 100%;
    display: block;
}

#outdiv video{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.no-last-span:nth-child(2):after{
    border-left: 1px dashed #000;
    content: '';
    top: -50px;
    bottom: -50px;
    left: -1px;
    position: absolute;
}

table.table-little td{
    font-size: 12px;
    line-height: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
}

.parent-only-vertical div{
    writing-mode: vertical-lr;
}

.parent-only-vertical > div:only-child{
    writing-mode: inherit;
}

.table tbody+tbody{
    border: none;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th{
    border-color: #bfbfbf;
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 14px;
    font-size: 12px;
}
/*---------------------------------------*/

.ui-widget-content.lineTr{
    border-top: 2px solid #666;
}
.ui-widget-content.lineTr:first-child{
    border-top: 0px solid #666;
}

.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: transparent;
    color: rgba(0,0,0,0.54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error{
    border-color: #dc3545 !important;
}
.btn-mobile-rowToggler{
    display: none !important;
}
.badge{
    padding: 0.3rem 0.45rem;
    line-height: .3rem;
    text-transform: none;
}
.hidden-sm{
    display: inline-block !important;
}
.visible-sm{
    display: none !important;
}
.rowToggler-icon.hidden-sm, .hidden-sm.requestedStudyDate{
    display: table-cell !important;
}

.rowToggler-icon--qr{
    position: relative;
}

.rowToggler-icon--qr .ui-row-toggler{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    justify-content: end;
    transition: .15s ease;
    padding: 0 20px !important;
}

.rowToggler-icon--qr .ui-row-toggler:hover{
    background: #00000021 !important;
}

.rowToggler-icon--black .ui-row-toggler::before{
    border: 5px solid #4d4d4d;
    border-right-color: transparent;
    border-bottom-color: transparent;
    color: transparent;
}

.btn-group-sm>.btn, .btn-sm {
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 24px;
    line-height: 16px;
}

.ui-widget-content a{
    color: #17a2b8;
}



body .ui-toggleswitch {
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 1.75rem;
}
body .ui-toggleswitch .ui-toggleswitch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #dee2e6;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 30px;
}
body .ui-toggleswitch .ui-toggleswitch-slider:before {
    position: absolute;
    content: "";
    top: 50%;
    background: #ffffff;
    width: 1.25rem;
    height: 1.25rem;
    left: 0.25rem;
    margin-top: -0.625rem;
    border-radius: 50%;
    transition: transform 0.2s;
}
body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before {
    transform: translateX(1.25rem);
}
body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}
body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
    background: #089BAB;
}
body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before {
    background: #ffffff;
}

.ui-cell-editor{
    padding: 0 6px;
}

.ui-cell-editor .ui-cell-editor-input input{
    color: #333 !important;
}

.sign-info{
    margin-top: 20px;
    border-top: 1px solid #eff7f8;
}

.sign-info .alert{
    border-radius: 10px;
}

.dialog-body{
    padding: 15px 20px;
}

.dialog-body .medical-tabs-title.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header{
    margin-top: 0px;
    margin-right: 0;
    margin-left: 0;
}

.no-padding > td{
    padding: 0 !important;
}

.scan-me{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 1px 5px 15px rgba(0, 0, 0, .20);
    padding: 20px;
    border-radius: 15px;
    z-index: 10;
    background: linear-gradient(135deg, #089bab, #20c997, #089bab, #20c997);
    background-size: 600% 600%;
    animation: gradient 3s ease-in-out infinite;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.scan-me img{
    border-radius: 10px;
}
.scan-me + img{
    max-width: 100%;
    max-height: 480px;
    margin: 10px auto 0;
    display: block;
}

.dialog-close-icon{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 16px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dialog-close-icon i{
    margin: 0 !important;
}

#QRCodeDialog{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.medicamDiposalName{
    flex: 1 1 100%;
    width: 100%;
    max-width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@keyframes gradient {
    0% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 0% 100%;
    }
    100% {
        background-position: 0% 0%;
    }
}

.visible-xs{
    display: none !important;
}

.btn-warning, .ui-button.btn-warning{
    border-color: #fc9e5b;
}

.iq-bg-high_danger{
    background: #f36363 !important;
}

.iq-bg-high_danger a{
    color: #fff;
}


@media (max-width: 992px){
    .full-screen--padding.ui-dialog[style*="display: block"]{
        margin: 0;
        max-width: calc(100% - 40px);
    }
    .ui-selectonebutton, .ui-selectmanybutton, .ui-tabmenu .ui-tabmenu-nav{
        flex-wrap: wrap;
    }
    #navbarUserInfo .caption{
        max-width: 80px;
        overflow: hidden;
    }

    #navbarUserInfo .caption h6, #navbarUserInfo .caption span{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .ui-paginator.ui-paginator-top.ui-widget-header, .ui-paginator.ui-paginator-bottom.ui-widget-header{
        flex-wrap: wrap;
        background: #078998;
    }
    .ui-paginator .ui-paginator-current{
        white-space: normal;
        width: 100%;
        padding: 3px 0;
    }
    .ui-paginator .ui-corner-all{
        min-width: 17px;
    }
    .ui-paginator .ui-paginator-pages .ui-corner-all{
        width: 100%;
    }
    .full-screen.ui-dialog[style*="display: block"]{
        max-width: calc(100% - 60px);
        max-height: calc(100% - 60px);
        margin-left: 0px;
    }
    .ui-dialog .ui-calendar .ui-inputfield{
        max-width: 100% !important;
    }
    .ui-datatable-data tr:hover{
        background: inherit;
    }
    .iq-sidebar-logo a{
        max-width: 180px;
    }
    body.sidebar-main .iq-sidebar-logo{
        max-width: 260px;
        width: 100%;
    }

    body.sidebar-main .iq-sidebar:hover .iq-menu-bt{
        display: inline-block;
    }
    .ui-sidebar-right{
        width: 100% !important;
    }
    .sign-in-from{
        margin: 5px !important;
        padding: 15px 15px;
    }
    .iq-top-navbar .iq-navbar-custom .iq-menu-bt, .iq-top-navbar .navbar-toggler{
        top: 2px;
        right: 65px;
    }
    .iq-top-navbar .iq-navbar-custom .iq-menu-bt{
        right: 100px;
    }
    #headerPanelId_content .form-group span{
        white-space: normal;
    }
    .iq-card .iq-card-header{
        flex-wrap: wrap;
    }
    .navbar-collapse{
        top: 50px;
    }
    .main-filter{
        display: block !important;
    }
    .filters-box{
        max-width: 100% !important;
        height: auto;
    }
    .main-filter__item--button .btn-openMoreSearch{
        display: none;
    }
    .main-filter__item--button{
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }
    .content-page, body.sidebar-main .content-page{
        padding: 85px 0 0;
    }
    .nav-item.iq-full-screen{
        display: none;
    }
    .full-screen.ui-dialog[style*="display: block"]{
        max-width: calc(100% - 40px);
        max-height: calc(100% - 40px);
    }
    .rowToggler-icon.hidden-sm{
        display: none !important;
    }
    th.btn-mobile-rowToggler{
        display: none !important;
    }
    #requestedStudyTableId .requestedStudyTableStudies{
        display: flex !important;
        align-items: center !important;
    }
    #requestedStudyTableId .requestedStudyTableStudies td{
        width: auto !important;
    }
    #requestedStudyTableId .requestedStudyTableStudies td:first-child{
        flex: 1 1 auto !important;
    }
    #requestedStudyTableId .requestedStudyTableStudies td:last-child .d-flex{
        flex-wrap: wrap;
    }
    #requestedStudyTableId .requestedStudyTableStudies td:last-child{
        width: 50px !important;
    }
    #requestedStudyTableId .requestedStudyTableStudies td:last-child .d-flex a{
        margin: 2px 10px;
    }
    .mobileBioJournalOptions .ui-link, .mobileBioJournalOptions .ui-commandlink{
        width: 100%;
        margin-right: 0!important;
        margin-left: 0 !important;
    }
    .mobileBioJournalOptions{
        flex-direction: row;
        flex-wrap: wrap;
    }
    .mobileBioJournalOptions > a:last-child span.btn{
        margin-bottom: 0 !important;
    }
    .hidden-sm{
        display: none !important;
    }
    .visible-sm{
        display: inline-block !important;
    }
    .ui-paginator .ui-paginator-rpp-options{
        display: none !important;
    }
    #requestedStudyTableId .ui-datatable-reflow .ui-datatable-data > td[role="gridcell"]:not(.ui-helper-hidden){
        padding: 3px 0;
    }
    #requestedStudyTableId .ui-datatable-reflow .ui-datatable-data td.rowToggler-icon{
        display: none !important;
    }
    #requestedStudyTableId .ui-datatable-reflow .ui-datatable-data td, #requestedStudyTableId .ui-datatable-reflow .ui-datatable-data tr{
        display: block;
        float: none;
    }
    #requestedStudyTableId .ui-datatable-reflow .ui-datatable-data tr{
        padding-top: 7px;
        padding-bottom: 7px;
        margin: 10px 0;
        border-color: #089bab;
    }
    #requestedStudyTableId .ui-datatable-reflow .ui-datatable-data tr tr{
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0;
        border-color: #ddd;
    }
    .btn-mobile-rowToggler{
        display: block !important;
    }
    .btn-mobile-rowToggler .ui-column-title{
        display: none !important;
    }
    .patientTable.patientTableIdSelected{
        top: auto;
        transform: none;
    }
    .ui-dialog.ui-widget-content .ui-dialog-title{
        font-size: 20px;
        line-height: 22px;
    }
    .patientTable{
        position: relative;
        top: 0;
        left: 0;
        right: 0px;
    }
    .selectedPatientCloseMobile{
        width: 100% !important;
    }
    .main-filter .main-filter__eshop .ui-inputtext, .iq-card-body--searchPatients .ui-inputtext{
        max-width: 100%;
        min-width: auto !important;
    }
    .iq-card-body--searchPatients .eshop-line > .form-group{
        width: 100%;
        margin-right: 0;
        margin-bottom: 8px !important;
    }
    .main-filter__eshop .eshop-line, .iq-card-body--searchPatients .eshop-line{
        display: block !important;
    }
    .iq-top-navbar .iq-sub-dropdown{
        width: 290px !important;
    }
    .iq-top-navbar .iq-sub-dropdown .iq-card-body div.iq-card-icon{
        display: none !important;
    }
    .iq-top-navbar .iq-sub-dropdown .iq-card-body div.media-body{
        margin: 0 !important;
    }
    .no-adaptive .ui-datatable-tablewrapper td{
        display: table-cell;
    }
    .ui-expanded-row-content td td{
        padding: 0;
        border: none;
    }
    .ui-datatable-reflow .ui-reflow-label, .ui-datatable-reflow .ui-reflow-dropdown{
        display: none;
    }
    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden){
        width: 100% !important;
        max-width: 100% !important;
    }
    .sign-info{
        margin-bottom: 0;
        margin: 15px 0 0;
    }
    h1{
        font-size: 28px;
        font-weight: bold;
        text-align: center;
    }
    .sign-in-from .alert .iq-alert-text {

    }
    #authorizationForm{
        font-size: 12px;
    }
    #authorizationForm .form-group{
        margin-bottom: 10px;
    }
    .sign-in-from p{
        font-size: 12px;
        margin-bottom: 10px;
    }
    .ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li a{
        padding-right: 7px;
        padding-left: 7px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title{
        min-width: auto !important;
        font-weight: 600;
        margin-right: 0;
    }
    .ui-selectmanybutton .ui-button, .ui-selectonebutton .ui-button{
        flex: 1 1 auto;
    }
    .search-form-patient{
        padding-right: 10px;
    }
    .navbar-nav.navbar-list{
        float: none !important;
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
    }
    .navbar-list li>a{
        display: flex;
        align-items: center;
        line-height: 16px;
    }
    a.language-title > img{
        margin-right: 5px !important;
    }
    .navbar-list li .iq-sub-dropdown .iq-sub-card > img{
        margin-right: 5px !important;
    }
    .iq-top-navbar .navbar{
        display: flex !important;
        padding-left: 5px !important;
    }
}

@media not print {

    @media (max-width: 768px) {

        .device-full-width{
            width: 100%;
        }
        .sign-in-logo {
            margin-top: 20px;
        }

        .sign-in-detail, .sign-in-page {
            padding-left: 20px;
            padding-right: 20px;
        }

        .iq-top-navbar .iq-navbar-custom .iq-menu-bt, .iq-top-navbar .navbar-toggler {
            position: relative;
            top: auto;
            right: auto;
            margin: 0 5px;
        }

        .iq-search-bar {
            margin: 0;
            width: auto;
            flex: 1 1 auto;
        }
    }
    @media (max-width: 576px) {

        body .ui-datatable-tablewrapper td.disposal-td-time{
            padding: 0;
            margin: 3px;
        }

        body .ui-datatable-tablewrapper td.disposal-td-time:last-child{
            margin-right: 0px;
        }

        body .ui-datatable-tablewrapper td.disposal-td-time a{
            margin: 0;
            padding: 0 5px;
            border: 1px solid #17a2b8;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        body .ui-datatable-tablewrapper td.disposal-td-time a .glyphicon{
            top: 0;
        }

        body .ui-datatable-tablewrapper td.disposal-td-time a .glyphicon + span{
            margin-left: 3px;
        }

        .dateTimePicker tfoot, .disposalTbl tfoot {
            display: none;
        }
        .dateTimePicker .empty-link-table, .disposalTbl .empty-link-table{
            margin: 0;
        }
        .show-time-disposal-table{
            display: flex;
            align-items: center;
            justify-content: center
        }

        body .dateTimePicker .ui-datatable-tablewrapper tr, body .disposalTbl .ui-datatable-tablewrapper tr{
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

        body .dateTimePicker .ui-datatable-tablewrapper td, body .disposalTbl .ui-datatable-tablewrapper td{
            width: auto !important;
            position: relative;
        }

        body .dateTimePicker .ui-datatable-tablewrapper td.device-full-width, body .disposalTbl .ui-datatable-tablewrapper td.device-full-width{
            width: 100% !important;
        }

        .disposalTbl td{
            position: relative;
        }

        .medicamDiposalName{
            white-space: normal;
        }
        .ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden) {
            float: none;
        }

        body .ui-datatable-tablewrapper tr {
            margin-bottom: 10px;
            border-radius: 8px;
            overflow: hidden;
        }

        body .ui-datatable-tablewrapper tr:last-child {
            margin-bottom: 0px;
        }

        .ui-datatable tbody.ui-datatable-data {
            border: none;
        }

        .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
            opacity: 0.5 !important;
        }

        .tableHospitalizationId-checks {
            margin-bottom: 8px;
        }

        .statusCodeBtn {
            margin-top: 8px;
        }

        .ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header {
            margin: 8px 0;
        }

        .ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li {
            flex: 1 1 auto;
        }

        .ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li a {
            width: 100%;
        }

        .ui-paginator .ui-corner-all {
            padding: 5px !important;
        }

        .ui-paginator .ui-paginator-pages {
            max-width: 100%;
            width: 100%;
            flex: 1 1 auto;
            margin: 2px 0;
        }

        .ui-paginator .ui-paginator-current {
            display: none;
        }

        .btn-sm-100 {
            width: 100%;
        }

        .search-form-patient {
            padding-right: 0px;
        }

        .ui-selectonebutton, .ui-selectmanybutton {
            flex-wrap: wrap;
        }

        .main-filter .ui-inputtext {
            max-width: 100%;
        }

        .hidden-xs {
            display: none !important;
        }

        .visible-xs {
            display: block !important;
        }

        .full-screen.ui-dialog[style*="display: block"] {
            max-width: calc(100% - 20px);
            max-height: calc(100% - 20px);
        }

        .d-block-mobile {
            display: block !important;
        }

        body .ui-datatable-tablewrapper td, .patientTable td, body .ui-datatable-tablewrapper tr, .patientTable tr {
            display: block;
            width: 100% !important;
            position: relative;
        }

        body .ui-datatable-tablewrapper td, .patientTable td {
            border: none;
        }

        .ui-datatable-tablewrapper thead {
            display: none;
        }

        .ui-datatable-odd {
            background: #fff;
        }

        .ui-dialog.ui-widget-content .ui-dialog-titlebar-close {
            top: 9px;
        }

        .ui-dialog[style*="display: block"] {
            width: 90% !important;
        }

        .ui-dialog.ui-widget-content .ui-dialog-title {
            font-size: 18px;
            line-height: 20px;
        }

        .text-only-line {
            white-space: normal;
        }

        .main-filter .ui-selectonemenu {
            max-width: 100%;
            width: 100%;
        }

        .main-filter .ui-calendar .ui-inputfield {
            max-width: 100% !important;
            width: 100%;
        }

        /*.btn-device-full{*/
        /*    width: 100%;*/
        /*    margin: 2px 0 !important;*/
        /*}*/
        .form-group {
            width: 100%;
            max-width: 100%;
        }

        .filters-box .form-group {
            width: 100%;
            margin: 0 0 10px 0 !important;
        }

        .filters-box .form-group:last-child {
            margin-bottom: 0 !important;
        }

        .filters-box {
            padding: 0 !important;
        }

        .d-sm-none {
            display: none;
        }

        .iq-search-bar .iq-header-title {
            display: none;
        }

        body {
            justify-content: flex-start !important;
        }
    }

}