/*************************************/
/***** EVOLUÇÃO DA INTERFACE *********/
/***** AUTOR: THIAGO QUINTANILHA *****/
/*************************************/

/* 24/11/2025 - NEW PALLETTE COLORS */
:root {
  --new-black: #212121;
  --white: #FFFFFF;
  --new-brown: #5F1708;
  --light-brown: #E5CFB6;
  --new-green: #004C30;
  --new-beige: #F5E4D0;
  --light-beige: #FFF0EE;
  --new-base: #FE4910;
  --light-base: #FFF9F2;
  --new-red: #FF4E2E;
  --new-blue: #0055E2;

  --light-grey: #EEEEEE;
  --base-grey: #CCCCCC;
  --dark-grey: #555555;
  --off-white: #FAFAFA;
  --middle-grey: #AAAAAA;
}

/* 24/11/2025 - NEW INSTRUCTIONS */
h2,
h3, 
h4{
    font-weight: 600 !important;
    letter-spacing: -0.75px !important;
    font-family: 'Bricolage Grotesque', sans-serif;
}
p{
    color: var(--dark-grey);
}
section > h2,
section > div > h2{
    color: var(--new-black) !important;
    margin: 0 !important;
}
.btn{
    border-radius: 12px !important;
    transition: .3s ease-out;
    font-weight: 500 !important;
    box-shadow: none !important;
    cursor: pointer;
    padding: 1em 2em;
}
#content .card .card-header{
    padding: 2em 0 !important;
    background-color: var(--white);
}
#content .card .card-header h2{
    font-size: 1.75em;
}
#content .card .card-header h2 > span{
    color: var(--new-base);
}
#content .card section{
    padding: 2em 0 0 !important;
}
#content .card section > h2{
    margin-bottom: .75em !important;
}
.card{
    border-radius: 1em;
    padding: 0 2em;
    box-shadow: 0 0 0.5em rgb(0 0 0 / 7%);
    margin: 1em 0 0 0 !important
}
.card:empty{
    display: none !important;
}

.card > .listview{
    padding: 2em 0;
}
.radio .input-helper:after{
    background: var(--new-base) !important;
}
.alert-info{
    background: var(--new-beige) !important;
    color: var(--new-brown) !important;
}
header .logo{
    display: flex;
    align-items: center;
    gap: 24px;
}
header .logo small{
    padding: .5em 0 .5em 1.5em;
    border-left: 1px solid var(--new-beige);
    letter-spacing: 0;
    font-weight: 500;
}
/* END - NEW INSTRUCTIONS */

/****************************************/
/***** Material Background Colors *******/
/****************************************/



/*.bgm-navy,
.bgm-navy::before {
    background-color: rgba(10, 69, 102, .04) !important;
}*/

.bgm-orange,
.bgm-orange::before {
    background-color: var(--new-base) !important;
}
#loading-bar-spinner .spinner-icon{
    border-color: var(--new-base);
}
/*****************/
/***** HEADER ****/
/*****************/
header .header-inner{
    display: flex;
    justify-content: space-between;
}
header .header-inner .welcome,
header .header-inner .support{
    display: flex;
    color: var(--white);
    width: 100%;
    align-items: center;
}
header .header-inner .support{
    width: auto;
}
a, button{
    cursor: pointer !important;
}
/*****************/
/***** LOGIN *****/
/*****************/

.login-body{
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-container {
    width: 33vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 75vh;
    margin-left: 16px;
}
.login-content {
    width: 100%;
    background: var(--white);
    padding: 0 2em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px;
    border-radius: 16px;
}

.login-content.checkout{
    justify-content: flex-start;
    padding: 8em 6em;
    overflow: auto;
}
.login-content .title{
    width: 85%;
}
.login-content .title > img {
    display: block;
    width: 12.5vw;
    margin-bottom: 5em;
}
.login-content .title > p {
    font-size: 2em;
    color: #212121;
    line-height: 1em;
    margin-bottom: .5em;
    font-weight: 600;
    font-family: 'Bricolage Grotesque', sans-serif;
}
.login-content .title > span {
    margin-bottom: 2em;
    display: block;
}
.login-content > div{
    width: 85%;
}
.login-content form {
    display: flex;
    flex-direction: column;
    width: 85%;
    margin-top: 1em;
}
.login-content form label {
    font-size: 14px;
    color: #444;
    font-weight: bold;
    margin-bottom: 8px;
}
.login-content form label span {
    font-weight: normal;
    color: #999;
    font-size: 12px;
}
.login-content form .input-group{
    width: 100%;
    margin-bottom: .5em;
}
.login-content form .form-control{
    border: 1px solid rgb(170, 170, 170);
    border-radius: 0.5em !important;
    padding: 1em;
    height: 48px;
    margin-bottom: 0;
}
.login-content form .forget-password{
    font-size: 1em;
    text-align: right;
}
.login-content form .checkbox{
    margin: 0 !important;
}
.login-content button.btn {
    border: 0;
    border-radius: .5em;
    background-color: var(--new-base) !important;
    box-shadow: none;
    padding: .75em 3em;
    font-weight: bold;
    cursor: pointer;
    margin: 0
}
.login-content button.btn.btn-nutreasy-default {
    background: #51a8b1;
    color: var(--white);
}
.login-content button.btn.btn-nutreasy-default:hover {
    background: #7dc1c9;
}
.login-content #btn-retornar, 
.login-content #btn-aguarde,
.login-content #btn-login {
    display: inline-block;
    vertical-align: top;
    width: auto;
}
.login-content #btn-retornar{
    background-color: #EEEEEE !important;
}
.login-content .form-control-feedback{
    top: 0;
    bottom: 0;
    margin: auto;
    right: .5em;
}
.login-content select.input-lg{
    line-height: inherit;
}
.login-content p.reference{
    font-size: 1.125em;
    font-weight: 600;
}
.login-content p.reference strong{
    display: block;
    margin-bottom: .25em;
    font-size: .8em;
}
.login-content form > div.buttons{
    margin: 0 0 3em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.forgot-password form{
    width: 100%;
}
.login-content form > div.buttons.right{
    justify-content: flex-end;
    margin-top: 1em;
}
.login-content form > div.buttons.right button{
    margin-left: 1em;
}
.error-msg {
    color: var(--new-brown);
    margin: 0;
}
.forget-password,
.forget-password:hover {
    color: var(--new-green);
    font-size: 1em;
    font-weight: 400;
}
.panel-title{
    background-color: var(--new-beige);
    font-size: 1em;
}
.panel .panel{
    margin: 0 1em 1.5em;
}
.panel .panel .panel-title{
    background-color: rgba(85, 92, 97, 0.04);
}
.panel .panel:last-child{
    margin-bottom: 0;
}
.panel-title span{
    margin-top: .5em;
    display: block;
    font-weight: 500;
    color: var(--dark-grey);
}
.btn-primary {
    background-color: var(--new-base) !important;
}

button.btn.btn-news{
    border-radius: 10em;
    background-color: var(--new-green);
    color: var(--white);
    box-shadow: none !important;
    transition: all .3s ease-out;
    display: flex;
    align-items: center;
    width: auto !important;
    height: 44px;
}
button.btn-news:hover,
button.btn-news:focus,
button.btn-news:active{
    background-color: var(--new-green);
    box-shadow: 0 0 0.5em rgb(0 0 0 / 7%);
    color: var(--white);
}
button.btn-news i{
    font-size: .5em;
    margin-right: .25em;
}


/*******************/
/***** ROTINAS *****/
/*******************/
#rotinas > div > div > div.col-checkbox{
    height: 10vh;
    width: 5vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
#rotinas > div > div > div:nth-child(1) label.radio{
    margin: 0 !important;
    padding: 0;
    vertical-align: middle;
}



/****************/
/***** NEWS *****/
/****************/

.news{
    position: fixed;
    right: -100vw;
    width: 33vw;
    padding: 3em 2em;
    z-index: 9999;
    background-color: var(--white);
    top: 0;
    height: 100vh;
    box-sizing: border-box;
    box-shadow: 0 0 1em rgb(0 0 0 / 25%);
    overflow-y: auto;
    transition: all .6s ease-out;
}
.news.opened{
    right: 0
}
.news .close{
    opacity: 1;
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 2em;
}
.news .close button{
    border: none;
    background-color: var(--new-base)3e;
    border-radius: 100%;
    width: 44px;
    height: 44px;
}
.news .close button i{
    color: var(--new-base);
}
.news .header h2{
    margin-bottom: .5em;
    font-weight: 600;
}
.news .header p{
    margin-bottom: 2em;
    font-size: 1em;
    font-weight: 400;
}
.news ul{
    padding: 0;
    margin: 0;
}
.news ul .item{
    border: 1px solid #DDDDDD;
    border-radius: .5em;
    list-style: none;
    box-shadow: none;
    overflow: hidden;
    margin-bottom: 1.5em;
}
.news ul .item img{
    background-color: #DDDDDD;
    min-height: 8em;
    display: block;
    margin-bottom: 2em;
}
.news ul .item h4{
    padding: 1em;
    color: var(--new-black);
    margin: 0;
    font-weight: 600;
}
.news ul .item div{
    padding: 0 1.5em;
    margin-bottom: 2em;
    font-size: 1em;
    font-weight: 400;
}
.news ul .item div ul{
    margin-left: 1em;
    margin-bottom: 1em;
}
.news ul .item div ul li{
    list-style: decimal;
}



/*****************/
/***** GERAL *****/
/*****************/

body{
    background-color: var(--new-beige);
    font-size: 14px;
    font-family: 'Work Sans', sans-serif !important;
    letter-spacing: -1px;
}
body.overflow{
    overflow: hidden;
}
small{
    font-size: 1em !important;
}
#main{
    padding-top: 8em !important;
}

body input[type="text"],
body input[type="email"],
body input[type="number"],
body input[type="password"],
body select,
body .select select,
body textarea,
body input[readonly],
div.ta-root,
.ui-select-multiple,
.selectize-input{
    padding: .5em 1em !important;
    border: 1px solid #DDDDDD !important;
    border-radius: .5em !important;
    box-sizing: border-box;
    min-height: 44px;
    font-weight: 400 !important;
    font-size: 1em !important;
    letter-spacing: -0.75px;
}
body input[type="search"]{
    font-size: 1em;
    font-weight: 400 !important;
    height: 48px;
    border-bottom: 0;
    letter-spacing: -0.75px;
}
body .selectize-input > input {
    width: 90% !important;
    padding: 0 !important;
    border: none !important;
}
div.ta-root{
    padding: 0 !important
}
body .select select,
body select{
    padding: 0 1em !important;
}
body .select::before{
    display: none !important;
}
body label{
    display: inline-block;
    font-size: 1em;
    color: #555555 !important;
    margin-bottom: .66em;
}
body label.radio{
    display: inline-block;
    margin: 0 2em 1em 0 !important;
}
.mfb-component__button--child, .mfb-component__button--main{
    background-color: var(--new-base) !important;
}
.toggle-switch[data-ts-color="green"] input:not(:disabled):checked+.ts-helper {
    background: rgb(10 69 101 / 50%) !important;
}
.toggle-switch[data-ts-color="green"] input:not(:disabled):checked+.ts-helper:before{
    background-color: var(--new-base) !important;
}
.checkbox .input-helper:before{
    border-radius: .25em;
}
.checkbox input:checked+.input-helper:before{
    transform: none !important;
}
.checkbox .input-helper:after {
    width: 13px;
    height: 7px;
    border-bottom: 2px solid var(--new-base);
    border-left: 2px solid var(--new-base);
    left: 2px;
    top: 3px;
}
body .fr-view{
    background-color: var(--white);
    padding: 1em !important;
}
#main,
#header > div{
    max-width: 1280px;
    margin: 0 auto;
}
#header > div{
    padding-right: 2em;
    padding-left: 2em;
}
#header > div #menu-trigger{
    width: 44px;
    height: 44px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    margin-right: 2em;
}
#header > div #menu-trigger:before{
    display: none;
}
#sidebar.toggled{
    left: 0 !important
}
.tab-content{
    padding: 1em 0;
}
.scroll-box{
    padding: .5em;
}
.btn-disabled{
    cursor: default !important;
}
#header{
    background-color: var(--new-brown);
    padding: 0;
}
#header .logo a{
    cursor: default !important;
} 
header .top-menu{
    display: none;
}
#content{
    padding: 0 2em;
}


/*.btn:not(.btn-link){
    box-shadow: 0 0 .5em rgba(0,0,0,0.15) !important;
}*/
.btn-success, .btn-success:hover{
    background-color: var(--new-brown) !important;
}
.btn-success:hover:hover, .btn-success:focus:hover, .btn-success.focus:hover, .btn-success:active:hover, .open>.dropdown-toggle.btn-success:hover, .btn-success:hover:focus, .btn-success:focus:focus, .btn-success.focus:focus, .btn-success:active:focus, .open>.dropdown-toggle.btn-success:focus, .btn-success:hover.focus, .btn-success:focus.focus, .btn-success.focus.focus, .btn-success:active.focus, .open>.dropdown-toggle.btn-success.focus{
    background-color: var(--new-base);
}
.table>thead>tr>td.active, .table>tbody>tr>td.active, .table>tfoot>tr>td.active, .table>thead>tr>th.active, .table>tbody>tr>th.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>tbody>tr.active>td, .table>tfoot>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr.active>th, .table>tfoot>tr.active>th{
    background-color: rgba(10, 69, 102, .15);
}
.table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover, .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr.active:hover>th{
    background-color: rgba(10, 69, 102, .09);
}
tr.active button,
tr.active a{
    padding: 0 !important;
    margin: 0 !important;
    font-size: 1.25em;
}
tr.active a,
tr.active a:hover,
tr.active button,
tr.active button:hover{
    color: var(--new-base) !important;
}
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus{
    color: #5e5e5e;
    background-color: #edecec;
    opacity: .5;
}
.btn-secondary, .btn-secondary:hover{
    border: 1px solid var(--new-brown);
    color: var(--new-brown);
    background-color: var(--white);
}
label.btn{
    color:#2196f3 !important;
    border: 1px solid #2196f3;
    margin: 0 1em 1em 0;
}
label.btn > input[type="checkbox"]{
    margin-right: .5em;
    margin-top: 0;
}
label.btn > span{
    vertical-align: text-bottom;
}
label.btn-red{
    color: #f44336 !important;
    border: 1px solid #f44336;
}
label.btn-orange{
    color:#ff9800 !important;
    border: 1px solid #ff9800;
}
label > h3{
    margin-bottom: .75em;
}
button.btn{
    width: auto;
    min-width: 4.5em;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .75em 2em;
    text-transform: uppercase !important;
    font-size: 1em;
}
.froala-view {
    border-radius: 0 0 .5em .5em;
    border: none;
    background-color: var(--white) !important;
}
.ui-select-bootstrap .ui-select-choices-row > span{
    padding: 1em !important;
}
.ui-select-bootstrap .ui-select-choices-row.active > span{
    background-color: var(--new-base) !important;
}
form[name="frmAntropometria"] .ui-select-multiple.ui-select-bootstrap input[type="search"]{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}
form[name="frmAntropometria"] .ui-select-multiple.ui-select-bootstrap .ui-select-match{
    z-index: 9;
    position: relative;
}
form[name="frmAntropometria"] .ui-select-multiple.ui-select-bootstrap .ui-select-choices{
    max-height: 160px !important;
    overflow-y: auto !important;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match .close{
    line-height: 1 !important;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match-item{
    margin: 0;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    color: var(--white);
    background-color: #ff914e !important;
    padding: .25em .75em;
    border-radius: .33em;
    display: inline-block;
    font-size: .8575em;
}
.row-header{
    display: flex;
    align-items: center;
    margin-bottom: 3em;
}
.row-header div.pull-right{
    display: flex;
}
.row-header div.pull-right button{
    margin: 0 0 0 1em;
}
.btn-group:not(.bootstrap-select), .btn-group-vertical:not(.bootstrap-select){
    box-shadow: none;
}
.btn-group>.btn{
    background-color: transparent;
}
.btn-toolbar{
    border-bottom: 1px solid #EEEEEE;
    background-color: #F5F5F5;
    margin: 0;
}
.modal-footer button.btn{
    display: inline-block;
    padding: .75em 2em;
    box-shadow: none;
    letter-spacing: -0.25px;
}
.card-header,
.alert{
    border-radius: .5em;
}
.card-header h2{
    font-weight: 600;
    font-family: 'Bricolage Grotesque', sans-serif;
}
.card-header p{
    color: var(--white);
}
.card-header .btn-float{
    right: 0 !important
}
button.btn > i {
    font-size: 1.5em !important;
}
.btn-toolbar button.btn > i {
    font-size: 1.25em !important;
}
.btn-toolbar .btn-group{
    height: 44px;
}
.label-primary{
    background-color: #ff7b2a;
}
.fr-view {
    border: 1px solid #DDDDDD;
    border-radius: .75em;
    padding: 1em !important;
    background-color: #F5F5F5;
}
.fg-line:not(.disabled):after, 
.fg-line:not(.readonly):after{
    display: none;
}
.no-shadow{
    box-shadow: none !important;
}
.no-hidden{
    overflow: inherit !important;
}
.no-margin{
    margin: 0 !important;
}
.no-margin .form-group{
    padding: 1em 0 0 0;
}
select{
    background: url('/img/arrow-down.svg') no-repeat right center !important;
    cursor: pointer;
}
#content .card .card-header{
    padding: 0 !important;
    margin: 1em 0 2em;
    background-color: #FFFFFF;
}
#content .card .card-header h2 {
    text-transform: inherit;
    font-size: 1.75em;
    color: var(--new-black);
    font-weight: 600;
    /*display: flex;
    align-items: flex-start;
    flex-direction: column;*/
}
#content .card .card-header > h2 > small{
    color: var(--dark-grey);
    width: 66%;
    font-size: 16px !important;
}
.card-header h2 small {
    line-height: 130% !important;
}
button.btn-icon,
button.bgm-red {
    width: 3.5em;
    height: 3.5em;
}
button.waves-circle{
    padding: 1em !important
}
.bgm-red > i{
    display: flex;
    align-items: center;
    justify-content: center;
}
.card .card-header button{
    top: 0;
}
.card .card-body{
    padding: 0;
}
.lvh-search{
    margin-bottom: 3em;
    overflow: hidden;
    border-radius: .75em;
    border: 1px solid #DDDDDD !important;
    height: auto;
    background: var(--white);
}
#listaPacientes .lv-header-alt .lvh-search{
    height: 48px;
  }
.lvh-search input[type="text"]{
    border-radius: .75em;
    border: none !important;
    padding-left: 4em !important;
    height: 46px;
}
form[name="frmBuscaPaciente"]
.tab-pane .lvh-search{
    margin: 0 1em 3em;
    width: auto;
}
.listview.lv-lg .lv-item:hover{
    background-color: transparent !important;
}

.card .listview{
    background-color: transparent;
}
.card .listview .lv-body{
    background-color: var(--white);
    overflow: hidden;
    border-radius: .75em;
    box-shadow: 0 0 0.5em rgb(0 0 0 / 2.5%);
    border: 1px solid #E7E7E7;
}
.card .listview .lv-body .lv-item.media {
    display: flex;
    align-items: center;
    padding: 2em !important;
    height: auto !important;
    flex-wrap: wrap;
}
.card .listview .lv-body .lv-item.media:hover {
    background-color: var(--white);
}
.card .listview .lv-body .lv-item.media .pull-left{
    margin-right: 2em;
}
.card .listview .lv-body .lv-item.media .lv-title,
.card .listview .lv-body .lv-item.media .lv-title a{
    font-size: 1em;
    margin-bottom: .5em;
    font-weight: 500;
    white-space: normal;
    letter-spacing: -0.5px;
}
.card .listview .lv-body .lv-item.media .lv-title a{
    color: var(--new-black);
}
.card .listview .lv-body .lv-item.media .lv-title.lv-flex{
    display: flex;
    align-items: center;
}
.card .listview .lv-body .lv-item.media .lv-actions{
    top: 0;
    bottom: 0;
    margin: auto;
    height: 4.5vh;
    right: 2em;
    z-index: 1;
}
.card .listview .lv-body .lv-item.media .lv-actions.open{
    z-index: 2;
}
.card .listview .lv-body .lv-item.media .lv-actions li{
    margin-left: 1.5em;
}
.card .listview .lv-body .lv-item.media .lv-actions a > i{
    font-size: 32px;
    color: var(--new-base);
}
.card .listview .lv-body .lv-item.media .lv-actions > a:before{
    display: none;
}
.card .listview .lv-body .lv-item .media-body{
    width: 80%;
}
.card .listview .lv-header-alt{
    margin-bottom: 3em;
    overflow: hidden;
    border-radius: .75em;
    box-shadow: 0 0 0.5em rgb(0 0 0 / 7%);
    height: 48px;
}
.card .listview .lv-attrs {
    width: 95%;
}
.card .listview .lv-item .dropdown-menu {
    border-radius: .5em;
    padding: 0;
    margin: 0;
}
.card .listview .lv-item .dropdown-menu li{
    margin: 0 !important;
    padding: 0;
}
.card .listview .lv-item .dropdown-menu li a{
    padding: 1em;
    font-weight: 500;
    font-size: 14px;
    transition: all .3s ease-out;
}
.card .listview .lv-item .dropdown-menu li a:hover{
    background-color: #F7F7F7;
}
.listview .lv-attrs li{
    margin-right: 0.5em !important;
    font-size: 1em !important;
    border-radius: 10em;
    background-color: #EEE !important;
    border: none !important;
}

.classificacao-refeicao {
    display: flex;
    align-items: center;
    margin-top: 1em !important;
    padding: 0;
}
.classificacao-refeicao li,
.classificacao-refeicao li:hover{
    color: var(--white) !important;
    margin-right: .5em !important;
    font-size: .9em !important;
    border-radius: .5em;
    background-color: var(--new-green) !important;
    padding: .25em 1em;
    border: 1px solid var(--white) !important;
    font-weight: 600;
    list-style: none;
}
#content .block-header{
    padding: 0;
    margin: 1em 0 3em;
}
#content .block-header h2 {
    text-transform: inherit;
    font-size: 1.75em;
    color: #212121;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#content .block-header h2 > small{
    margin: 0;
    color: #555555;
    font-size: 16px;
    margin: 0 0 0 2em;
}
#content .block-header p{
    margin: 1em 0;
    width: 50%;
    font-size: 14px;
}
#content .container-fluid > .title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#content .container-fluid > .title .btn{
    padding-right: 3em;
    padding-left: 3em;
}
#content .container-fluid > .title + .card.card .listview .lv-body {
    overflow: inherit;
}

.container-fluid{
    padding: 0 !important;
}

.card .listview .lv-body .lv-item.media form .actions{
    display: flex;
    justify-content: flex-end;
    margin: 1em 0 2em;
}
.card .listview .lv-body .lv-item.media form .actions > *{
    margin-left: 1em;
}
.card .listview .lv-body .lv-item.editar{
    align-items: flex-start;
    background-color: #fcfcfc;
}
.card .listview .lv-body .lv-item.editar form .actions,
.card .listview .lv-body .lv-item.novo form .actions{
    margin-bottom: 0;
}
.card .listview .lv-body .lv-item.editar .media-body,
.card .listview .lv-body .lv-item.novo .media-body{
    width: 90%;
}
.card .listview .lv-body .lv-item.novo{
    flex-direction: column;
    align-items: flex-start;
    background-color: #fcfcfc;
}
.rotina-resumo{
    padding: 1em;
    border-radius: .5em;
    border: 1px solid #CCCCCC;
    background-color: #F5F5F5;
    display: flex;
    flex-wrap: wrap;
}
.rotina-resumo dl{
    width: 50%;
}
.rotina-resumo dl dd{
    margin-left: 0;
}

.editar-refeicao .form-group > div{
    display: flex;
    align-items: center;
    background-color: rgba(255,255,255,.33);
    border-radius: .5em;
    padding: 1em;
    border: 1px solid rgba(255,255,255.5);
    margin: 2em 1em 0;
}
.editar-refeicao .form-group > div button{
    height: 100%;
    margin: 0 0 0 1em !important;
    padding: .75em;
}
.editar-refeicao .form-group select,
.editar-refeicao .form-group input{
    background-color: var(--white) !important;
}
.editar-refeicao .form-horizontal .control-label{
    padding-top: 0;
    font-weight: 600;
}

/***************************/
/***** DROPDOWN - OPEN *****/
/***************************/
.dropdown.open .dropdown-menu{
    min-width: 10vw;
    border-radius: .75em;
}
.dropdown.open .dropdown-menu .lv-header{
    text-align: left;
    text-transform: initial;
    font-size: 1.25em;
    border: none;
    margin: .5em 0 2em;
    padding: 1.5em 1.5em 0;
    font-weight: 600;
}   
.dropdown.open .dropdown-menu .lv-body{
    box-shadow: none;
    overflow: initial;
}
.dropdown.open .dropdown-menu .lv-body .fg-line:not(.form-group){
    width: auto;
}
.dropdown.open .dropdown-menu .lv-footer{
    border: none;
    width: 100%;
    font-size: 1em;
    display: flex;
    justify-content: flex-end;
    padding: 0 1.5em 1.5em;
}
.dropdown.open .dropdown-menu > li > a{
    padding: 1em 1.5em !important
}


/*****************/
/***** NOTES *****/
/*****************/
ul.notes {
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}
ul.notes li {
    margin: 1em 2em 1em 0;
}
ul.notes li div.post-it {
    transform: rotate(0deg) !important;
    border-radius: 1em;
    top: 0 !important;
    bottom: 0 !important;
    padding: 1.25em;
    height: 280px;
    width: 215px;
    background-color: var(--white);
    box-shadow: 0 0 0.5em rgb(0 0 0 / 7%);
    border: 1px solid #E5E5E5;
}
ul.notes li div.post-it small{
    position: inherit;
    top: inherit;
    right: inherit;
}
ul.notes li div.post-it small.event-date{
    display: flex;
    align-items: center;
    margin-bottom: .75em;
    font-size: .85em;
    color: #0a4565;
}
ul.notes li div.post-it p{
    color: #212121;
    font-size: 1em;
}
ul.notes li div.post-it h4 {
    font-size: 1.125em;
    font-weight: 600;
    color: var(--new-base);
    margin: 0 0 1.5em;
}
ul.notes li div.post-it div.slimScrollDiv{
    color: #555
}
ul.notes li div.post-it > a{
    right: 1.25em;
    bottom: 1em;
}
ul.notes li div.post-it > a i{
    color: #e24949;
    font-size: 1.75em;
}


/*****************/
/***** DIETA *****/
/*****************/
#content .detalhes-dietas .card {
    border-radius: 0.75em;
    margin-bottom: 1em !important;
    box-shadow: none;
    border: 1px solid #EEE;
    padding: 0;
}
#content .detalhes-dietas .card.total_values{
    padding: 0;
}
#content .detalhes-dietas .card .card-header{
    border-radius: .75em .75em 0 0;
    padding: 1.5em 1.5em 1em !important;
    margin: 0;
    width: 100%;
    min-height: 5vh;
    background-color: var(--new-base);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#content .detalhes-dietas .card.fullscreen .card-header > div:nth-child(1){
    width: 50vw;
}
#content .detalhes-dietas .card .card-header > div:nth-child(1){
    width: 15vw;
}
#content .detalhes-dietas .card .card-header h2{
    font-size: 1.5em;
}
#content .detalhes-dietas .card .card-header h2,
#content .detalhes-dietas .card .card-header small{
    color: var(--white);
    white-space: nowrap;  
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    text-overflow: ellipsis;
}
#content .detalhes-dietas .card .card-header small{
    font-size: .66em;
    font-weight: 400;
}
#content .detalhes-dietas .card .card-header .actions,
#content .refeicoes-favoritas .card .card-header .actions{
    top: inherit !important;
    right: inherit !important;
    position: inherit !important;
    display: flex;
    align-items: center;
}
#content .detalhes-dietas .card.fullscreen{
    padding-top: 5em;
    margin: 0 !important;
    border-radius: 0;
}
#content .detalhes-dietas .card.fullscreen .card-header,
#content .refeicoes-favoritas .card-header{
    border-radius: 0;
    padding: 1.5em 2em !important;
    top: 0
}
#content .refeicoes-favoritas .card-header{
    margin-bottom: 0;
    padding: 1em 2em !important;
}
#content .detalhes-dietas .card.fullscreen .card-body,
#content .refeicoes-favoritas .card-body{
    padding: 7em 2em 1.25em !important;
}
#content .detalhes-dietas .card.fullscreen .card-body .btn.btn-success,
#content .refeicoes-favoritas .card-body .btn.btn-success{
    margin-bottom: 1.5em;
}
#content .detalhes-dietas .card.fullscreen .card-body .btn.btn-primary{
    margin-top: 1em;
}
#content .detalhes-dietas .card.fullscreen .card-body .card-header,
#content .refeicoes-favoritas .card-header{
    border-radius: .75em;
}

#content .detalhes-dietas .card .fechar-fullscreen,
#content .detalhes-dietas .card.fullscreen .abrir-fullscreen  {
    display: none;
}
#content .detalhes-dietas .card.fullscreen .fechar-fullscreen {
    display: inline-block;
}
#content .detalhes-dietas .card.fullscreen .btn-plano-alimentar{
    background-color: var(--new-green);
    top: 1.5em;
    right: 15em;
    justify-content: center;
    left: inherit;
    position: fixed;
    z-index: 9;
    border: none;
    padding: .75em 2em;
    margin-right: 1em;
    color: var(--white)
}
#content .card-body .card-header{
    background-color: var(--white) !important;
}
#content .card-body .card-header h2.nome-refeicao{
    line-height: 1.5em;
}
#content .card-body .card-header h2.nome-refeicao a{
    display: flex;
    align-items: center;
    color: var(--new-black) !important;
}
#content .card-body .card-header h2.nome-refeicao a small{
    margin-left: 1em;
    color: var(--new-black) !important;
}
#content .card-body .card-header .actions.actions-alt > li > a > i{
    color: var(--new-base);
}


/*********************/
/***** RELATÓRIO *****/
/*********************/

#relatorio-dietas{
    margin-top: 4em;
}
#relatorio-dietas .card .edicao-botoes{
    padding: 1em 0 2em;
    text-align: right;
}
#relatorio-dietas .card .edicao-botoes > button{
    display: inline-block;
    margin-left: 1em;
}
#relatorio-dietas .card-body h1.nome-paciente {
    text-transform: uppercase;
    text-align: center;
    border-radius: .25em;
    margin: 1em 0;
    color: #353535 !important;
    font-weight: 600;
}
#relatorio-dietas .card-body .nome-dieta strong{
    color: #353535 !important;
}
#relatorio-dietas .card-body .titulo-refeicao{
    padding: 1em;
    border-radius: .5em;
    margin: 2em 0 1em;
    background-color: #353535 !important;
}
#relatorio-dietas .card-body .table-responsive{
    padding: 0 1.5em;
}
#relatorio-dietas .card-body .table-responsive > .table{
    margin: 1.5em 0 1em;
}
#relatorio-dietas .card-body .table-responsive > .table th{
    color: var(--white) !important;
}
#relatorio-dietas .card-body .table-responsive > div{
    border-radius: .75em;
    margin-bottom: 1.5em;
}
#relatorio-dietas .panel-footer{
    border: 1px solid #DDDDDD;
    border-radius: .5em;
    padding: 1em;
    margin-bottom: 4em !important;
    background-color:rgba(177,177,177,0.15);
}
#relatorio-dietas .panel-footer span{
    display: block;
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
}
#relatorio-dietas .panel-footer p > span{
    display: inline-block;
}
#content .card .header_prescricao .card-header{
    height: auto !important;
    margin: .5em 0;
}



/*******************/
/***** FILEBOX *****/
/*******************/

.file-box {
    float: left;
    width: 220px;
    cursor: pointer;
}
.file-box .file {
    border: 1px solid #EEEEEE;
    padding: 0;
    background-color: var(--white);
    position: relative;
    margin-bottom: 1em;
    margin-right: 1em;
    border-radius: .5em;
}
.file-box .file .actions{
    position: absolute;
    right: 0;
}
.file-box .file .actions > li > a:before, 
.file-box .file .actions > a:before{
    background-color: transparent !important;
}
.file-box .file .actions a{
    padding: 1em;
}
.file-box .file .icon {
    padding: 2em 1em;
    text-align: center;
    width: 100%;
}
.file-box .file .icon, .file-box .file .image {
    overflow: hidden;
}
.file-box .file .file-name {
    padding: 1em;
    background-color: rgba(10, 69, 102, .08);
    border-top: 1px solid #EEEEEE;
    color: #0a4566;
    font-weight: 600;
    font-size: 1.25em;
}
.file-box .file .icon i {
    font-size: 5em;
    color: #dadada;
}
.file-box .file-name small {
    color: #676a6c;
}


/*******************/
/***** ACTIONS *****/
/*******************/

.lvh-search input{
    padding-left: 1.25em;
}
.search_button button,
.search_button button:hover,
.search_button button:focus{
    background-color: var(--white) !important;
    height: 48px;
}
.search_button button > i{
    color: var(--new-base);
    font-size: 2em !important;
}

.lvh-search:before{
    left: 1em;
    right: auto;
    top: 10px;
    display: none;
}
.lvh-search-close{
    top: 14px;
    font-size: 18px;
}
.actions > li{
    margin: 0 .75em;
}
.actions > li a:before{
    display: none !important;
}
.actions > li a i{
    font-size: 1.75em !important;
}
.actions > li > a, .actions > a, table tbody tr td .actions > li > a, .actions > a{
    cursor: pointer;
    padding-top: 0;
    width: auto !important;
    height: auto !important;
}
table .actions a > i.zmdi-delete,
table .actions a > i.zmdi-delete:hover{
    color: #FB5F5F !important;
}
table .actions a > i.zmdi-edit,
table .actions a > i.zmdi-edit:hover{
    color: #2196f3 !important;
}

/*****************/
/***** MODAL *****/
/*****************/
.modal-dialog{
    width: 66vw;
}
.modal .modal-content{
    border-radius: .5em;
}
.modal .modal-header {
    padding: 3em 2em 1em;
    background-color: var(--light-base);
}
.modal .modal-title{
    font-size: 2em;
    margin: 0 0 .25em;
    font-weight: 600;
}
.modal .modal-body {
    padding: 2em 2em 1em;
    max-height: 62vh;
    overflow: auto;
}
.modal .modal-body .panel{
    border-radius: .5em;
    overflow: hidden;
}
.modal .modal-body .panel .panel-heading a{
    padding: 1.25em 1em;
    font-size: 1em;
    color: #0a4565;
}
.modal .modal-body .panel .panel-body{
    border-radius: 0 0 .5em .5em;
}
.modal-footer {
    padding: 1em 2em 2em;
}
.modal-footer .btn+.btn{
    margin-left: 1em;
}
.modal .modal-footer .btn-link{
    background-color: #EEEEEE !important;
    color: #797979;
}
.modal-content .tab-content{
    padding: 2em;
}
.modal-content .listview{
    margin: 0;
}
.modal-body .panel h4.panel-title{
    background-color: transparent;
    font-size: 1.5em;
    margin-bottom: 1em;
}

.sweet-alert{
    border-radius: .75em;
    padding: 2em
}
.sweet-alert h2 {
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.250em;
    text-align: center;
}
.sweet-alert .lead {
    font-size: 1em;
    margin: 1em 0 3em;
    color: #757575;
    font-weight: 500;
}
.sweet-alert .btn {
    padding: 1em 2em;
    font-size: 1em;
    margin: 0 .5em;
}
.sweet-alert .icon.error {
    border-color: #FB5F5F;
}
.sweet-alert .icon.warning {
    border-color: var(--new-base);
}
.sweet-alert .icon.info {
    border-color: #2196f3;
}
.sweet-alert .icon.success {
    border-color: #47B379;
}
.sweet-alert .icon.custom {
    border-color: #12AEB3;
}

/******************/
/***** AUDIOS *****/
/******************/

.audios > .form-group{
    margin: 1em 0 3em;
    padding: 1.5em 0;
    border-top: 1px solid #EEEEEE;
    box-sizing: border-box;
}
.audios section{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1em;
}
.audios section h4{
    font-weight: 600;
}
.audios section a,
.audios section a label{
    cursor: pointer;
}
.audios section .start-audio,
.audios section .stop-audio{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .75em 2em;
    background-color: #2196f3;
    border-radius: .5em;
    border: none;
}
.audios section .stop-audio{
    background-color: #e24949;
}
.audios section a i{
    margin-right: .5em;
}
.audios section a label{
    margin: 0 !important;
    font-weight: 600;
    text-transform: uppercase;
}
.audios section a label,
.audios section a i{
    color: var(--white) !important;
    font-size: 1em !important;
}
.audios audio{
    vertical-align: middle;
}
.audios .table-responsive{
    margin-top: 2em;
    max-height: 350px;
    overflow-y: auto;
}
.audios .empty{
    padding: 1.5em 0;
    border-bottom: 1px solid #EEEEEE;
    text-align: center;
}
.audios .empty h4{
    font-size: 1em;
    color: #757575;
    font-weight: normal;
}


/******************/
/***** TABLES *****/
/******************/

.table > thead > tr > th{
    background-color: var(--new-base);
    color: var(--white);
    text-transform: inherit;
    padding: .75em !important;
    font-weight: 600;
}
.table > tbody > tr{
    border-bottom: solid 1px #EEEEEE;
}
.table > tbody > tr:last-child{
    border-bottom: none;
}
.table > tbody > tr:nth-child(odd){
    background-color: transparent !important;
}
.table > tbody > tr:nth-child(even){
    background-color: #F5F5F5;
}
.table > tbody > tr.table-footer{
    background-color: rgba(10, 69, 102, .04);
}
.table > tbody > tr > td{
    padding: 1em !important;
    vertical-align: middle;
    color: #212121;
}
.table > tbody > tr > td h4{
    color: #0a4565;
    font-weight: 600;
}
.table > tbody > tr > td .client-link{
    margin: 0 .75em;
    color: var(--new-base);
    font-weight: 600;
}
.table-responsive .btn,
.table > tbody > tr > td .client-link i{
    background-color: transparent !important;
    font-size: 1.5em;
    padding: 0;
    box-shadow: none;
    color: var(--new-base);
}
.table > tbody > tr > td p{
    padding: 0;
    margin: 0;
}
.table > tbody > tr > td i{
    font-size: 1.125em;
    margin: 0 .5em;
}
.table > tbody > tr > td a i:hover,
.table > tbody > tr > td a:hover{
    color: #ff7b2a !important;
}
.table > tbody > tr > td .form-group{
    margin: 0;
    display: flex;
    align-items: center;
}
.table > tbody > tr > td .form-group label{
    padding: 0;
}
.table-responsive .btn.btn-danger{
    color: #e24949;
}
.table-responsive .btn:hover {
    background-color: transparent;
}
.table-responsive .table > tbody > tr.active button, .table-responsive .table > tbody > tr.active a{
    color: #212121 !important;
    font-weight: 600 !important;
}
.table-responsive .table > tbody > tr.active button{
    font-size: .9em;
}


/*********************/
/***** PAGINAÇÃO *****/
/*********************/

.lv-pagination{
    border: none;
    padding: .5em 0;
}
.pagination > li > a, 
.pagination > li > span,
.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus{
    background-color: transparent;
}
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus{
    background-color: var(--new-base);
}
.container-fluid{
    padding: 0 2em;
}


/*****************/
/***** ALERT *****/
/*****************/

#main-atendimento-tab .alert button.close{
    display: none;
}


/*******************/
/***** SIDEBAR *****/
/*******************/

.sidebar-inner > div > div{
    width: 100% !important;
}
.sidebar-inner .main-menu{
    margin: 0;
}
.profile-menu{
    padding-bottom: 1em;
}
.profile-menu > a{
    display: flex;
    align-items: center;
    position: relative;
    background: #FAFAFA none !important;
    margin-bottom: 0;
    cursor: default;
}
.profile-menu a .profile-pic{
    padding: 1em;
}
.profile-menu a .profile-pic > img{
    border: none;
}
.profile-menu a .profile-pic,
.profile-menu a .profile-info{
    position: relative;
    z-index: 2;
}
.profile-menu > a .profile-info{
    background-color: transparent !important;
    font-size: 1.75em;
    font-weight: 700;
    color: var(--new-base) !important;
    line-height: 1.2em;
    font-family: 'Bricolage Grotesque', sans-serif;
    line-height: 110%;
}
.profile-menu a .profile-info span{
    display: block;
    font-size: .5em;
    color: #212121;
    line-height: 1.25em;
}
.profile-menu a::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(255,255,255,.6);
}
li.sub-menu {
    border-top: solid 1px rgba(0,0,0,0.05);
}
.main-menu > li > a{
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    padding: 1em;
    font-weight: 500;
    transition: all .3s ease-out;
}
.main-menu > li > a.orange{
    background-color: var(--new-base);
    color: var(--white);
}
.main-menu > li > a.orange:hover{
    background-color: #fd7826;
}
.main-menu > li > a i{
    position: relative;
    padding: 0;
    left: 0;
    margin-right: 1em;
}
.main-menu > li > a:hover{
    background-color: transparent;
}
li.sub-menu.toggled{
    background-color: #fcfcfc;
}
li.sub-menu.toggled > a {
    color: var(--new-base);
}
li.sub-menu ul li > a{
    font-weight: 400;
    color: #444444;
    padding-top: 1em !important;
    padding-bottom: 1em;
    border-bottom: solid 1px rgba(0,0,0,0.05);
    margin-left: 4.4em;
    padding-left: 0;
}
li.sub-menu ul li > a.active{
    font-weight: 600;
    color: var(--new-base);
}
li.sub-menu ul li > a.disabled{
    color: #AAAAAA;
    cursor: default;
    display: none;
}
li.sub-menu ul li:last-child > a{
    border: none;
}
li.logout a,
li.logout:hover a{
    color: #FB5F5F;
    border-top: solid 1px rgba(0,0,0,0.05);
}
li.sub-menu > a:before{
    color: var(--new-base);
    content: "\f2f9";
}
li.sub-menu.toggled > a:after{
    color: var(--new-base);
    content: "\f2fc";
}


/*******************/
/***** PROFILE *****/
/*******************/

#profile-main{
    display: flex;
    border-radius: .5em;
    overflow: initial;
    box-shadow: none;
    flex-direction: column;
    padding: 2em;
}
#profile-main .pm-overview{
    background-color: transparent;
    position: relative;
    width: 100% !important;
    box-shadow: none;
    border: 1px solid #E5E5E5;
    border-radius: 1em;
    display: flex;
    margin-bottom: 2em;
}
#profile-main .pm-body{
    padding: 0 !important;
    width: 100% !important;
    box-shadow: none;
    border: none;
    border-radius: 1em;
    overflow: hidden;
}
#profile-main .pmo-pic{
    margin: 0;
    width: 40vw;
    display: flex;
}
#profile-main .pmo-pic .pmo-stat{
    background: var(--white);
    padding: 1.5em 0 1.5em 1.5em !important; 
    width: 100%;
    text-align: left;
    color: #757575;
    display: flex;
    flex-direction: column;
    align-self: center;
}
#profile-main .pmo-pic .pmo-stat a{
    color: var(--new-base);
    margin-bottom: .25em;
    display: block;
    font-weight: 600;
}
#profile-main .pmo-pic .p-relative{
    display: flex;
    align-items: center;
    width: 55%;
}
#profile-main .pmo-pic .p-relative a,
#profile-main .pmo-pic .p-relative a img{
    height: 100%;
}
#profile-main .pmb-block{
    padding: 2em 2em 2em !important;
}
#profile-main .pmb-block:last-child{
    margin-bottom: 0;
}
#profile-main .pmo-contact{
    padding: 0 1.5em !important;
    display: flex;
    width: 60vw;
    flex-direction: column;
    align-self: center;
    flex-direction: row;
    justify-content: flex-end;
}
#profile-main .pmo-contact hr{
    display: none;
}
#profile-main .pmo-contact ul{
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    margin-right: 1em;
    width: 100%;
    padding: 1em 0;
}
#profile-main .pmo-contact ul li{
    word-break: break-all;
    padding: .75em;
    border-radius: .5em;
    border: 1px solid var(--light-grey);
    margin: 0 1em 1em 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 64px;
    color: var(--new-black);
}
#profile-main .pmo-contact ul li:last-child{
    margin-bottom: 0;
}

#profile-main .pmo-contact ul li a{
    font-weight: bold;
    color: var(--new-base);
    font-size: .9em;
    text-align: center;
}
#profile-main .pmo-contact ul li.feedback{
    background-color: var(--light-base);
    padding: 0;
    border:none
}
#profile-main .pmo-contact ul li.feedback i::before{
    color: var(--new-base);
}
#profile-main .pmo-contact ul li.feedback a{
    padding: .75em;
    width: 100%;
    color: var(--new-base);
    text-align: left;
    font-weight: 500;
    letter-spacing: -0.25px;
}
#profile-main .pmo-contact ul li.btn{
    border: none;
    padding: 0;
}
#profile-main .pmo-contact ul li.btn i:before{
    color: var(--white);
}
.pmo-contact ul li i{
    position: relative;
    margin: 0 .75em 0 0;
}
.pmo-contact ul li i::before{
    color: var(--new-base);
    display: block
}
.acesso-app{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}
.acesso-app, 
.btn-positive, 
.btn-positive:hover, 
.btn-positive:focus, 
.btn-positive:active{
    background-color: var(--new-green);
    color: var(--white);
    border-radius: 12px;
}
.tab-nav:not(.tn-vertical)>li.active.menu-atendimento {
    background-color: transparent;
    color: var(--new-black);
}
.tab-nav:not(.tn-vertical)>li.disabled.menu-atendimento>a {
    background-color: #edecec;
    cursor: not-allowed;
}
div#main-atendimento-tab>div>div.tab-content {
    padding: 0;
}
#main-atendimento-tab > div > .tab-nav{
    box-shadow: none;
    display: flex;
    justify-content: space-between;
    gap: 8px;
}
#main-atendimento-tab > div > .tab-nav:not(.tn-vertical).tn-justified>li{
    text-align: left;
}
#main-atendimento-tab .pmbb-body .tab-nav li a{
    text-align: center;
    font-weight: 500;
}
#main-atendimento-tab .pmbb-body .tab-nav li.active a{
    font-weight: 600;
}
#main-atendimento-tab .pmbb-body .tab-nav li a i{
    margin-right: .5em;
    font-size: 1.25em;
}
#main-atendimento-tab .pmbb-body .tab-nav li a > *{
    display: flex;
    align-items: center;
}
#main-atendimento-tab .tab-nav:not(.tn-vertical){
    white-space: inherit;
}
#main-atendimento-tab .menu-atendimento{
    width: 10%;
    display: inline-block;
}
#main-atendimento-tab .menu-atendimento > a{
    min-height: 120px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 1.5em 1em;
    cursor: pointer;
    background-color: var(--light-grey);
    border-radius: 12px;
}
#main-atendimento-tab .menu-atendimento > a:hover {
    background-color: var(--new-beige);
}
#main-atendimento-tab .menu-atendimento > a:hover i,
#main-atendimento-tab .menu-atendimento > a:hover small{
    color: var(--new-brown);
}
#main-atendimento-tab .disabled a,
#main-atendimento-tab .disabled a:hover{
    background-color: transparent !important;
    opacity: .25;
    cursor: default;
}
#main-atendimento-tab .disabled a i,
#main-atendimento-tab .disabled a small,
#main-atendimento-tab .disabled a:hover i,
#main-atendimento-tab .disabled a:hover small{
    color: #757575 !important;
}
#main-atendimento-tab .menu-atendimento.active > a {
    color: var(--white);
    background-color: var(--light-brown);
}
#main-atendimento-tab .menu-atendimento > a i{
    margin-bottom: .35em;
    color: var(--new-black);
    font-size: 1.75em;
    font-weight: 400 !important;
    transition: all .3s ease-out;
}
#main-atendimento-tab .menu-atendimento > a small{
    font-weight: 500;
    font-size: 12px !important;
    color: var(--new-black);
    min-height: 44px;
    display: block;
    transition: all .3s ease-out;
    font-family: 'Bricolage Grotesque', sans-serif;
    letter-spacing: 0px;
}
#main-atendimento-tab .menu-atendimento.active > a i,
#main-atendimento-tab .menu-atendimento.active > a small{
    color: var(--new-brown);
    font-weight: 600;
}
#main-atendimento-tab .menu-atendimento.active > a small{
    text-transform: initial;
}
#main-atendimento-tab .menu-atendimento.active > a:after{
    display: none;
}
#main-atendimento-tab .ts-helper{
    margin-left: .5em;
}
#main-atendimento-tab .form-group label + div{
    padding: 0;
}
#main-atendimento-tab .form-group label + div .ta-scroll-window{
    border: none;
    border-radius: .5em;
}

#main-atendimento-tab .panel{
    border-radius: .5em;
    overflow: hidden;
    box-shadow: 0 0 .25em rgba(0,0,0,0.05);
    border: 1px solid #EEEEEE;
}
#main-atendimento-tab .panel .panel-heading{
    border: none;
    background-color: transparent;
}
#main-atendimento-tab .panel .panel-heading .panel-title{
    padding: 1.5em;
}
#main-atendimento-tab .panel .panel-title > a{
    padding: 0;
    font-size: 1.25em;
    color: var(--new-brown);
    font-weight: 600;
}
#main-atendimento-tab .card-body .card .panel{
    border-radius: 0;
    margin-bottom: 2em;
}
#main-atendimento-tab .card-body .card .panel .panel-title{
    background-color: #F7F7F7;
    padding: 1em;
}
#main-atendimento-tab .card-body .card .panel .panel-title > a{
    font-size: 1em;
    color: var(--new-black);
}
#main-atendimento-tab .panel .panel-body{
    padding: 2em 1.75em !important;
    border: none;
}
#main-atendimento-tab .panel .container-fluid{
    padding: 0 0 2em 0;
}

#main-atendimento-tab .alert{
    padding: 1.75em;
    border-radius: .5em;
    font-size: 1em;
    box-shadow: none !important;
}
#main-atendimento-tab .alert .close{
    top: -0.25em;
    right: -0.25em;
}


/*******************/
/***** TAB NAV *****/
/*******************/

.tab-nav > li.active > a{
    background-color: var(--light-base);
    border-radius: .5em .5em 0 0;
    box-shadow: none;
    color: var(--new-base) !important;
    font-weight: bold;
}
.tab-nav > li > a{
    padding: 1.25em 2.5em;
}
.tab-nav > li > a:after{
    background-color: var(--new-base) !important;
}


/*******************/
/***** PROFILE *****/
/*******************/
#main-profile-tab .tab-nav > li.active > a{
    background-color: var(--light-base) !important;
    border-radius: .5em .5em 0 0 !important;
    box-shadow: none !important;
    color: var(--new-base) !important;
    font-weight: bold !important;
}
#main-profile-tab .pmb-block .pmbb-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3em;
}
#main-profile-tab .pmb-block .pmbb-header h2{
    font-weight: 600;
    color: var(--new-black);
}
#main-profile-tab .pmb-block .pmbb-header p{
    margin: .5em 0 0;
}
#main-profile-tab .pmb-block .pmbb-body{
    padding: 0 !important;
}
#main-profile-tab .card .listview .lv-header-alt{
    box-shadow: none;
    background: var(--white);
}
#main-profile-tab .card .listview .lvh-search{
    height: 48px;
}
#main-profile-tab hr{
    margin: 2.5em 0;
}
#main-profile-tab .pmbb-view form div.m-t-30{
    text-align: right;
}
#main-profile-tab .pmbb-view form div button{
    display: inline-block;
}
#main-profile-tab .pmbb-view form div button + button{
    margin-left: 1em;
}
.dl-horizontal dt{
    width: auto !important;
    margin-right: .75em;
}
#main-profile-tab .dl-horizontal dd{
    margin-left: 10em;
}
#main-profile-tab .fileinput{
    display: flex;
}
#main-profile-tab .fileinput .fileinput-preview{
    margin-right: 1.5em;
    display: flex;
    align-items: center;
}
#main-profile-tab .fileinput > div > .btn{
    margin: 0 .5em;
    display: inline-block;
    background-color: var(--new-brown);
}
#main-profile-tab .fileinput > div .btn-danger{
    padding: .5em !important;
    min-width: 2.75em;
    position: absolute;
    border-radius: 0 !important;
    width: 200px;
    left: 0;
    bottom: 0;
    margin: 0;
}


/******************************/
/****** FEATURE DISABLED ******/
/******************************/
.feature-disabled a{
    cursor: default;
}
.feature-disabled a i{
    color: var(--white);
    opacity: .25;
}
.limit-pacients{
    background-color: rgba(255,255,255,0.125);
    border: 1px solid rgba(255,255,255,0.15);
    padding: .25em 1em;
    display: flex;
    border-radius: .5em;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-right: 1.5em;
    width: 100%;
}
.limit-pacients .title{
    margin: 0 1em 0 0;
    width: 40%;
}
.limit-pacients .title h4{
    color: var(--white);
    cursor: pointer;
    transition: all .3s ease-out;
    font-size: 1em;
}
.limit-pacients .title h4:hover{
    color: rgba(255,255,255,.5);
}
.limit-pacients .content{
    width: 65%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.limit-pacients .content > div{
    display: flex;
    width: 100%;
    align-items: center;
}
.limit-pacients .progress-bar{
    width: 80%;
    background-color: #DDD;
    border-radius: 100px;
    box-shadow: none;
    height: .75em;
    margin-right: 2em;
}
.limit-pacients .progress-bar .progress{
    background-color:#47B379;
    border-radius: 100px;
    height: .75em;
    transition: all .3s ease-out;
}
.limit-pacients .progress-bar .progress.yellow{
    background-color:#ff9800;
}
.limit-pacients .progress-bar .progress.red{
    background-color:#f44336;
}
.limit-pacients .quantity{
    margin-top: 0;
    font-size: 1.125em;
    width: 20%;
}
.limit-pacients .alert{
    padding: 0;
    margin: 0 0 .5em 0;
    font-weight: 600;
    color: var(--white)
}
.restricted-access{
    display: flex;
    text-align: center;
    flex-direction: column;
    padding: 2em;
}
.restricted-access .close{
    font-size: 1.5em;
    color: #f44336;
}
.restricted-access .container{
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}
.restricted-access .container > i{
    margin-right: 0.75em;
    margin-top: 0.25em;
    font-size: 6em;
    color: #c0c0c0;
}
.restricted-access .container .content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}
.restricted-access .container .content p{
    margin-bottom: 2.5em;
}
.restricted-access .close{
    position: absolute;
    top: 1.5em;
    right: 1.5em;
}


/*******************/
/****** TOAST ******/
/*******************/
#toast-container{
    width: 100%;
    top: 0;
    box-shadow: none;
}
#toast-container > ,
div.alert{
    width: 100%;
    opacity: 1;
    box-shadow: 0 0 0.5em rgb(0 0 0 / 7%) !important;
    border-radius: 0;
    padding: 1em 1em 1em 4em;
    height: auto;
    margin-top: 1em;
}
div.alert{
    padding-left: 1em;
    display: flex !important;
    align-items: center;
    top: 0 !important;
    left: 0;
    right: 0;
    margin: 1em 0 0 1.5em !important;
    box-sizing: border-box;
}
div.alert span{
    font-size: 14px;
    font-weight: 500;
    margin-top: 0;
}
div.alert span.fa{
    margin-right: 1em;
    font-size: 1.5em;
}
div.alert button.close{
    position: absolute !important;
    right: 1em !important;
    top: .45em !important;
}
div.alert button.close span{
    font-size: 1.5em;
}
.alert.alert-tip{
    margin: 1em 0 2em !important;
    padding: 1.25em 1.75em !important;
    flex-direction: row;
    align-items: center !important;
    background-color: rgb(76 175 80 / 17%);
    color: rgb(1 57 3 / 74%);
    flex-direction: row;
}
.alert.alert-tip.blue{
    background-color: rgba(76, 139, 175, 0.17);
    color: rgba(1, 27, 57, 0.74);
}
.alert.alert-tip i{
    font-size: 1.75em;
    margin-right: 1em;
}
.alert.alert-tip div p{
    margin: 0;
}


@media screen and (min-width: 320px) and (max-width: 1023px){
    #content{
        padding: 0 1em;
    }
    .login-container {
        width: 100vw;
    }
    .login-content {
        padding: 0 1em;
        overflow: auto !important;
        min-height: 100vh !important;
        justify-content: flex-start;
    }
    .login-content .title > img{
        width: 40vw;
        margin: 4em 0;
    }
    .login-content form > div.buttons{
        flex-direction: column;
        align-items: flex-start;
    }
    .login-content form > div:nth-child(3) .forget-password{
        margin-bottom: 1em;
    }
    .login-content form .forget-password{
        margin-bottom: 4em;
        width: 100%;
    }
    .login-content button.btn{
        width: 100%;
    }
    .login-content form > div.buttons.right button{
        margin-left: 0;
        margin-bottom: 1em;
    }
    .login-content #btn-retornar, .login-content #btn-aguarde, .login-content #btn-login{
        width: 100%;
    }
    .forgot-password form > div.buttons{
        flex-direction: column-reverse;
    }
    button.btn-news span{
        display: none;
    }
    #main-atendimento-tab .pmbb-body .tab-nav li a {
        min-height: 15vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #main-atendimento-tab .pmbb-body .tab-nav li a > *{
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    #main-atendimento-tab .pmbb-body .tab-nav li a i{
        margin: 0 0 .25em !important;
    }
    #main-atendimento-tab .tab-nav:not(.tn-vertical) {
        display: flex;
    }
    #profile-main .pmb-block {
        padding: 2em 1em !important;
    }
    #main-atendimento-tab .panel .panel-body {
        padding: 2em 1em 0 !important;
    }
    #main-atendimento-tab .menu-atendimento{
        width: 33vw;
        display: inline-block;
    }
    #main-atendimento-tab .menu-atendimento > a{
        width: 33vw;
    }
}