:root {
    --orange_higia: #FF6803FF;
    --orange-higia: #FF6803FF;
    --orange-higia_light: #ffe8d6;
    --orange_higia_light: #ffe8d6;
    --almost-red_higia: #FFA559;
    --almost_red_higia: #FFA559;
    --white: #fff;
    --color: #212529;
    --font: #212529;
    --font-disabled: rgb(167 172 177);
    --gray-higia: #ddd;
    --gray_higia: #ddd;
    --disabled-higia: #eeeeeeff;
    --disabled_higia: #eeeeeeff;
    --black: #2a2b2b;
    --purple_dark: #742691;
    --purple: #AF47D2;
    --purple_light: #d557ff;
    --black50: rgba(42, 43, 43, 0.5);
    --red-higia: #be0000FF;
    --red_higia: #be0000FF;
    --blue-higia: #079DA6FF;
    --blue_higia: #079DA6FF;
    --light-blue_higia: #a3d2ca;
    --light_blue_higia: #a3d2ca;
    --canceled-higia: #f05454;
    --canceled_higia: #f05454;
    --border-color: rgb(206, 212, 218);
    --border_color: rgb(206, 212, 218);
    --border-active-color: rgb(119, 122, 124);
    --border_active_color: rgb(119, 122, 124);
    --border-disabled-color: rgb(206, 212, 218);
    --border_disabled_color: rgb(206, 212, 218);
    --box-shadow-color: #2a2b2b2e;
    --box_shadow_color: #2a2b2b2e;

    --dark-900: hsl(24, 4%, 8%);
    --dark-800: hsl(24, 4%, 13%);
    --dark-700: hsl(24, 4%, 16%);
    --dark-600: hsl(24, 4%, 19%);
    --dark-500: hsl(24, 4%, 22%);
    --dark-400: hsl(24, 4%, 25%);
    --dark-active: hsl(24, 4%, 40%);
    --dark-editor-background: #191A1C;
    --dark-mode-font-active: #ebebeb;
    --dark-mode-font: #d3d2cf;
    --dark-mode-font-disabled: #525150;
    --dark-mode-border: #4f5355;
    --dark-mode-border-active: #acb1b5;
    --dark-mode-border-disabled: #202123;
}

body {
    transition: background 0.3s linear;
}

.dark-mode {
    background: var(--dark-900) !important;
    --orange_higia: hsl(26, 100%, 37%);
    --canceled_higia: hsl(0, 74%, 38%);
    --light_blue_higia: hsl(170, 34%, 40%);
}

.out-time-sla{
    color: white;
    border: 1px solid white; 
  }
  
  .in-time-sla{
    border: 1px solid white;
    color: #321E1E;
  }

  .canceled-sla {
    background-color: var(--black);
    color: #fff;
    display: block;
    padding: 0.125em 0.275em;
    border-radius: 3px;
    text-align: center !important;
    font-size: 0.75rem;
    font-weight: 900;
    margin: 0.125em 0.225em;
  }

  .in-time-sla,.out-time-sla{
    
    display: block;
    padding: 0.125em 0.275em;
    border-radius: 3px;
    text-align: center !important;
    font-size: 0.75rem;
    font-weight: 900;
    margin: 0.125em 0.225em;
    -webkit-touch-callout: none;  /* iPhone OS, Safari */
    -webkit-user-select: none;    /* Chrome, Safari 3 */
    -khtml-user-select: none;     /* Safari 2 */
    -moz-user-select: none;       /* Firefox */
    -ms-user-select: none;        /* IE10+ */
    user-select: none;            /* Possível implementação no futuro */
  }

@font-face {
    font-family: 'Nunito', sans-serif;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/nunito/Nunito-Regular.ttf') format('truetype'), url('../fonts/nunito/Nunito-Regular.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.text-danger {
    color: #BE0000;
}


/*menu */

.navbar-brand {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.5em;
}

.navbar {
    color: var(--white) !important;
    background-color: var(--black) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.19);
    position: absolute;
    /* Set the navbar to fixed position */
    top: 0;
    /* Position the navbar at the top of the page */
    width: 100%;
    /* Full width */
    font-family: 'Nunito', sans-serif !important;
}

.navbar-brand>img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    height: 2.0em;
    position: relative;
    bottom: 50%;
    background-color: var(--white);
}

.nav-link>img {
    margin: 0;
    height: 2.2em;
    width: 2.2em;
}

link.active,
.nav-tabs .nav-item.show .nav-link {
    font-family: 'Nunito', sans-serif !important;
    color: var(--orange_higia) !important;
    background-color: #fff;
    border-color: var(--orange) var(--orange) #fff !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    font-family: 'Nunito', sans-serif !important;
    color: var(--black) !important;
    font-weight: 500;
    background-color: #fff;
    border-color: var(--orange_higia) var(--orange_higia) #fff !important;
}

.nav-tabs {
    font-family: 'Nunito', sans-serif !important;
    font-weight: 500;
    color: var(--black) !important;
    border-bottom: 1px solid var(--orange_higia) !important;
}

.nav-tabs>.nav-item>a {
    font-family: 'Nunito', sans-serif !important;
    color: var(--black);
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.nav-link:hover,
.nav-link:focus {
    text-decoration: none;
    font-family: 'Nunito', sans-serif !important;
    font-weight: 500;
    color: var(--orange_higia) !important;
    border-color: var(--orange_higia) var(--orange_higia) #fff !important;
}

form .alert ul li {
    list-style: none;
}

form .alert ul {
    padding: 0;
    margin: 0;
}

.myDrop {
    border-radius: 3px;
    padding: .25rem 1.5rem;
    max-width: 100%;
    min-width: 100%;
    vertical-align: middle;
    cursor: pointer;
}

.mydrop ul {
    display: none;
    background: var(--white);
    border-radius: 3px;
    max-height: 250px;
    overflow: auto;
    cursor: pointer;
}

.mydrop ul li {
    padding: 5px 10px;
}

.mydrop ul li:hover {
    background: var(--gray_higia);
}



.mydrop_unit ul {
    display: none;
    background: var(--white);
    border-radius: 3px;
    max-height: 250px;
    overflow: auto;
    cursor: pointer;
}

.mydrop_unit ul li {
    padding: 5px 10px;
}

.mydrop_unit ul li:hover {
    background: var(--gray_higia);
}

.unit-item {
    width: 70%!important;
    word-break: break-all!important; /* Quebra palavras conforme necessário */
  }
.dropdown-item:active {
    background: var(--orange_higia) !important;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1300px;
    }
}
.btn-higia-login {
    background: var(--orange_higia);
    color: var(--white);
    box-shadow: none !important;
    transition: 200ms background-color ease-in-out !important;
  
}

.btn-higia {
    background: var(--orange_higia);
    color: var(--white);
    transition: 200ms background-color ease-in-out !important;
    font-size: 0.8rem !important;
}
.btn-higia > svg,
.btn-higia > span,
.btn-higia > img {
    width: 12px !important;
    height: 12px !important;
}
.btn-higia:hover {
    cursor: pointer;
    filter: brightness(90%);
}
.btn-higia:focus, .btn-higia.focus {
    box-shadow: 0 0 0 3px rgba(255, 104, 3, 0.5) !important;
}
.btn-higia.disabled, .btn-higia:disabled {
    background-color: rgba(255, 104, 3, 0.5) !important;
    border-color: rgba(255, 104, 3, 0.5) !important;
    cursor: default;
}


.btn-higia-danger {
    background: rgb(220, 53, 69);
    color: var(--white);
    transition: 200ms background-color ease-in-out !important;
    font-size: 0.8rem !important;
}
.btn-higia-danger > svg,
.btn-higia-danger > span,
.btn-higia-danger > img {
    width: 12px !important;
    height: 12px !important;
}
.btn-higia-danger:hover {
    cursor: pointer;
    filter: brightness(90%);
}
.btn-higia-danger:focus, .btn-higia-danger.focus {
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5) !important;
}
.btn-higia-danger.disabled, .btn-higia-danger:disabled {
    background-color: rgba(220, 53, 69, 0.5) !important;
    border-color: rgba(220, 53, 69, 0.5) !important;
}

.btn-higia-outline {
    background: var(--white);
    color: var(--orange_higia);
    transition: 200ms background-color ease-in-out !important;
    border: 1px solid var(--orange_higia);
    box-shadow: none !important;
}
.btn-higia-outline:hover {
    background-color: var(--orange_higia) !important;
    color: var(--white);
    cursor: pointer;
    filter: brightness(90%);
}

.btn-higia-dark {
    background: var(--black);
    color: var(--white);
    transition: 200ms background-color ease-in-out !important;
    font-size: 0.8rem !important;
}

.btn-higia-purple {
    background: var(--purple);
    color: var(--white);
    transition: 200ms background-color ease-in-out !important;
    font-size: 0.8rem !important;
}


.btn-higia-red {
    background:#dc3545;
    color: var(--white);
    transition: 200ms background-color ease-in-out !important;
    font-size: 0.8rem !important;
}

.btn-higia-purple > svg,
.btn-higia-purple > span,
.btn-higia-purple > img {
    width: 12px !important;
    height: 12px !important;
}

.btn-higia-purple:hover {
    cursor: pointer;
    filter: brightness(90%);
}

.btn-higia-dark > svg,
.btn-higia-dark > span,
.btn-higia-dark > img {
    width: 12px !important;
    height: 12px !important;
}
.btn-higia-dark:hover {
    cursor: pointer;
    filter: brightness(90%);
}

.critical-open{
    width: 80%;
    filter: invert(99%) sepia(99%) saturate(2%) hue-rotate(337deg) brightness(107%) contrast(101%);
}

.critical-close{
    width: 80%;
    filter: invert(31%) sepia(61%) saturate(1632%) hue-rotate(259deg) brightness(104%) contrast(90%);
}

.btn-group-toggle label.btn-higia-dark {
    background-color: var(--white);
    color: var(--black);
    border: 1px solid var(--black);
}
.btn-group-toggle label.btn-higia-dark.active {
    background: var(--black);
    color: var(--white);
    border: 1px solid var(--black);
}

.btn-group-toggle label.btn-higia-red {
    background-color: var(--white);
    color: #dc3545;
    border: 1px solid #dc3545;
}
.btn-group-toggle label.btn-higia-red.active {
    background: #dc3545;
    color: var(--white);
    border: 1px solid #dc3545;
}


.btn-group-toggle label.btn-higia-purple {
    background-color: var(--white);
    color: var(--purple);
    border: 1px solid var(--purple);
}
.btn-group-toggle label.btn-higia-purple.active {
    background: var(--purple);
    color: var(--white);
    border: 1px solid var(--purple);
}

.btn-higia-dark {
    background-color: var(--black);
}
.btn-higia-dark:focus, .btn-higia-dark.focus {
    box-shadow: 0 0 0 3px var(--black50) !important;
}


.btn-higia-dark.disabled, .btn-higia-dark:disabled {
    background-color: var(--black50) !important;
    border-color: var(--black50) !important;
    cursor: default;
}

.btn-higia-sm {
    padding: 0.4rem 0.6rem;
}
.btn-higia-sm > svg,
.btn-higia-sm > span,
.btn-higia-sm > img {
    width: 18px !important;
    height: 18px !important;
}
.btn-higia-md {
    min-width: 36px;
    min-height: 38px; /* match with bootstrap form-control height */
}

.icon-lg > svg,
.icon-lg > span,
.icon-lg > img {    
    width: 22px !important;
    height: 22px !important;
}
.icon-lg > i {
    font-size: 1.2rem !important;
}

.item-higia {
    background: var(--orange_higia);
    color: var(--white);
    width: 28px;
    height: 28px;
}
.rborderorange{
  border-right: var(--orange_higia) solid 1px;
}

.lborderorange{
  border-left: var(--orange_higia) solid 1px;
}
.orange_border {
    border: 1px solid var(--orange_higia); 
}
.disable_border {
    border: 1px solid var(--disabled_higia); 
}
#apollo_button{
  width: 28px;
  height: 28px;
}

.btn-higia-apollo {
    background: var(--black);
    color: var(--white);
    transition: 200ms background-color ease-in-out !important;
    font-size: 0.8rem !important;
}

.btn-higia-apollo > svg,
.btn-higia-apollo > span,
.btn-higia-apollo > img {
    width: 12px !important;
    height: 12px !important;
}
.btn-higia-apollo:hover {
    cursor: pointer;
    filter: brightness(90%);
}
.btn-higia-apollo:focus, .btn-higia-apollo.focus {
    box-shadow: 0 0 0 3px rgba(42, 43, 43, 0.5) !important;
}
.btn-higia-apollo.disabled, .btn-higia-apollo:disabled {
    background-color: rgba(42, 43, 43, 0.5) !important;
    border-color: rgba(42, 43, 43, 0.5) !important;
}

#toastmsg {
    border: 0.5px solid var(--black);
    border-radius: 7px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19);
    font-size: 13px;
}

.toast-header {
    border-radius: 7px;
    font-size: 11px;
    padding: 5px;
    font-weight: bold;
    background: var(--white);
}

.toast-body {
    border-radius: 0px 0px 7px 7px;
    /* top-left top-right bottom-left bottom-right*/
    padding: 5px;
    background: var(--orange_higia);
    color: var(--white);
}

.item-higia-text {
    color: var(--orange_higia);
}

.smart-scroll {
    position: fixed!important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}


/* rodapé */

footer {
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    height: 50px;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid var(--orange_higia);
}

/* SweetAlert personalization  */
.swal-text{
    font-size: 1rem;
}
.swal-button--confirm {
    background-color: var(--orange_higia) !important;
}
.swal-button--confirm:focus {
    box-shadow: 0 0 2px rgb(255, 153, 86);
}

.normal-priority{ 
    background-color: #71ad3f;
    color: white;
    border: 1px solid white;
}

.tag{ 
    background-color: purple;
    color: white;
    border: 1px solid white;
}

.middle-priority,.urgent-priority{
    background-color: #f5764b;
    color: white;
    border: 1px solid white;
}

.emergency-priority, .hight-priority{
    background-color: #f03b20;
    color: white;
    border: 1px solid white;
}
.avc-priority{
    background-color: #6C22A6;
    color: white;
    font-weight: bold;
    border: 1px solid white;
}
.hospitalized-priority{
    background-color: #4b82b4;
    color: white;
    border: 1px solid white;
}
.control-priority{
    background-color: #ffc000;
    color: white;
    border: 1px solid white;
}

.hight-priority,.middle-priority,.normal-priority, .emergency-priority, .urgent-priority, .control-priority, .hospitalized-priority, .avc-priority, .tag{
    
    display: block;
    padding: 0.125em 0.275em;
    border-radius: 3px;
    text-align: center !important;
    font-size: 0.75rem;
    font-weight: 900;
    margin: 0.125em 0.225em;
    -webkit-touch-callout: none;  /* iPhone OS, Safari */
    -webkit-user-select: none;    /* Chrome, Safari 3 */
    -khtml-user-select: none;     /* Safari 2 */
    -moz-user-select: none;       /* Firefox */
    -ms-user-select: none;        /* IE10+ */
    user-select: none;            /* Possível implementação no futuro */
  }

.custom-select:focus{
    border-color: var(--orange_higia);
    box-shadow: 0 0 0 0.2rem rgba(255, 203, 170, .4);
    outline: 0 !important;
}
.form-control:focus {
    border-color: var(--orange_higia);
    box-shadow: 0 0 0 0.2rem rgba(255, 203, 170, .4);
    outline: 0 !important;
}


/* fix default style of library components */
.popover {
    max-height: 90vh !important;
}
.custom-popover {
    max-height: 35vh !important;
}