/* Nav */
.nav-side-menu {
    position: fixed;
    top: 0;
    z-index: 1031;
    width: 250px;
    height: 100vh;
    background-color: #343a40;
    font-size: medium;
    font-weight: 300;
    overflow-y: auto;
}
.nav-side-menu .brand{
    background-color: transparent;
    /* line-height: 60px; */
    display: block;
    text-align: center;
    font-size: medium;
    padding-top: .48em;
    padding-bottom: .48em;
}
.nav-side-menu .logoTextSection{
    text-decoration: none!important;
}
.nav-side-menu .logoText{
    padding-top: 10px;
    margin-bottom: 10px;
}
.nav-side-menu .brand .rounded{
    border: 5px solid #E4EDF2;
}
.nav-side-menu .toggle-btn {
    display: none;
}
.feader-navbar{
    display: none;
}
.nav-side-menu ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.nav-side-menu li{
    line-height: 40px;
    cursor: pointer;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
}
.nav-side-menu li.active {
    position: relative;
    border-left: 5px solid #E4EDf2;
    background: rgb(101,141,198);
}
.nav-side-menu li a,
.nav-side-menu li a:link,
.nav-side-menu li a:active,
.nav-side-menu li a:focus,
.nav-side-menu li a:hover,
.nav-side-menu li a:visited{
    color: #FFF !important;
    text-decoration: none !important;
}
.nav-side-menu li.active a{
    font-weight: 700;
}
.nav-side-menu ul .sub-menu li.active:hover,
.nav-side-menu li .sub-menu li.active:hover,
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
    background-color: #84898C;
    border-left: #84898C;
}
.nav-side-menu .sub-menu li.active::after{
    border-left-color: #84898C;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
    color: #FFF;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
    background-color: #082640;
    border-left: 5px solid transparent;
    line-height: 28px;
    margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
    /* background-color: #84898C; */
    border-left: 5px solid #88abc8;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 7px;
    color: #FFF;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: middle;
    float: left;
    padding-right: 7px;
    padding-left: 7px;
}
.nav-side-menu li {
    padding: 0 10px;
    /* border-left: 5px solid #006a9b; */
}
.nav-side-menu li a {
    text-decoration: none;
    color: white;
    display: block;
}
.nav-side-menu li a i {
    padding-left: 10px;
    width: 20px;
    padding-right: 30px;
}
.nav-side-menu li:hover {
    border-left: 5px solid #88abc8;
}

/* Tabs */
.nav-tabs{
    border-bottom: 1px solid #E4EDF2;
}
.nav-tabs .nav-link{
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 3px solid transparent;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active{
    background-color: transparent;
    border-bottom: 3px solid #A58D7F;
    color: #006a9b !important;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover{
    border-bottom: 3px solid #A58D7F;
}
#logoCompany{
    object-fit: contain;
    -o-object-fit: contain;
}

.cursor-pointer{
    cursor: pointer!important;
}

/* Table */
.table{
    border: 0 !important;
    font-weight: 300;
    font-size: medium;
}
.table td,
.table th{
    padding-top: 0.45rem !important;
    padding-bottom: 0.45rem !important;
}
.table thead{
    background-color: #006a9b;
    color: #FFF;
    font-weight: 700;
    font-size: small;
    text-transform: uppercase;
}
table > tbody > tr.odd{
    background-color: #E4EDF2 !important;
}
table > tbody > tr.even{
    background-color: #FFF !important;
}
table th,
table td{
    border: 0 !important;
}
.table-100{
    width: 100%;
}
.pagination .page-link{
    color: #fff!important;
    background-color: #006a9b!important;
    border-color: #006a9b!important;
}

/* Hamburguer */
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
    background-color: #fff !important;
}

/* Buttons */
.btn-primary{
    color: #fff;
    background-color: #006a9b;
    border-color: #006a9b;
}
.btn-primary:focus,
.btn-primary:hover{
    color: #fff !important;
    background-color: #88abc8 !important;
    border-color: #88abc8 !important;
}
.btn-info{
    color: #fff;
    background-color: #88abc8;
    border-color: #88abc8;
}
.btn-info:focus,
.btn-info:hover{
    color: #fff !important;
    background-color: #88abc8 !important;
    border-color: #88abc8 !important;
}

/* Custom checkboxs */
.custom-control-input,
.custom-control-label{
    cursor: pointer !important;
}
.custom-checkbox{
    margin-right: 20px;
}

/* Datepicker */
.datepicker{
    cursor: text !important;
}
.picker__select--month,
.picker__select--year{
    height: calc(1.5em + .75rem + 2px) !important;
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}

/* Time picker */
.picker__input {
    cursor: text!important;
}
.picker__list {
    padding: .75em 0 0.6em!important;
}
.picker--time .picker__button--clear {
    width: 90%!important;
}
.picker--time .picker__button--clear:focus, .picker--time .picker__button--clear:hover{
    background: none!important;
    border-color: transparent!important;
    color: #666!important;
}
.picker--time .picker__button--clear:focus:before, .picker--time .picker__button--clear:hover:before{
    color: #666!important;
    border-color: #666!important;
}

/* Card */ 
.cardConfiguration{
    height: 275px;
    overflow-y: auto;
}
.confDescription{
    margin-bottom: 10px;
}
.cardHeaderAccordion{
    cursor: pointer;
    padding-left: 12px;
    padding-top: 6px;
    padding-right: 12px;
    padding-bottom: 6px;
}
.cardBodyAccordion{
    padding-left: 12px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 0px;
}

/* Custom checkboxs */
.custom-control-input,
.custom-control-label{
    cursor: pointer !important;
}

/* Icons */
i.view,
i.edit,
i.delete,
i.edit-family,
.delete-family{
    cursor: pointer!important;
    color: #212529;
    z-index: 1000;
}

/* Modal */
.modal-header{
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 0;
    color: #212529;
}
.modal-header .close{
    padding: 7px 10px 10px 10px !important;
    margin: -10px -10px -10px auto !important;
}
.modal-content{
    border-top-left-radius: 1rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 1rem;
    -webkit-border-top-left-radius: 1rem;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 1rem;
    -moz-border-top-left-radius: 1rem;
    -moz-border-top-right-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -moz-border-bottom-right-radius: 1rem;
}
.modal-exit{
    color: #658DC6;
}
.modal-footer{
    padding-top: 5px;
    padding-bottom: 5px;
}
.modal .btn-primary.btn-sm::before{
    content: "";
}
.bigModal{
    margin-left: auto !important;
    max-width: 100% !important;
    width: 95%!important;
    margin-right: auto !important;
}

/* Text editor */
.trumbowyg{
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 10px !important;
}

.invalid-trumbowyg-border{
    border-color : #dc3545 !important;
}

/* Textarea */
textarea{
    resize: none;
}

/* Footer */
.headerMessage{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
#headerSection{
    bottom: 31px;
}
#headerSection .alert{
    border-radius: 0;
}
.header-row{
    padding-left: 0px;
    padding-right: 0px;
}

/* List group */
.list-group-item-primary.list-group-item:last-child,
.list-group-item-primary.list-group-item:first-child,
.list-group-item-primary.list-group-item{
    /* border-top-left-radius: 1rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 1rem;
    -webkit-border-top-left-radius: 1rem;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 1rem;
    -moz-border-top-left-radius: 1rem;
    -moz-border-top-right-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -moz-border-bottom-right-radius: 1rem; */
    background-color: #FFF;
    border: 5px solid #006a9b;
    color: #006a9b !important;
    font-size: medium;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none !important;
}
.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #FFF !important;
    background-color: #006a9b !important;
}

/* Table */
.fixedHeader-floating{
    top: 0px!important;
}

hr{
    margin: 0.48rem auto !important;
}

/* Style for select2 */
.select2{
    width:100%!important;
}
.select2-search__field{
    cursor: pointer;
    padding-left: 4px !important;
}

.selection .select2-selection--single{
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem!important;
    transition: border-color .15s!important;
    border-radius: .25rem!important;
    -moz-border-radius: .25rem!important;
    -webkit-border-radius: .25rem!important;
}

/* Style for select2 */
.selection .select2-selection--multiple{
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem!important;
    transition: border-color .15s!important;
    border-radius: .25rem!important;
    -moz-border-radius: .25rem!important;
    -webkit-border-radius: .25rem!important;
}

a{
    color: #006a9b;
}

.align-center-row-checkbox{
    padding-top: 38px;
}

/* Responsive */
@media(max-width: 575.98px){
    .popover{
        max-width: 90%;
    }

    .block-page{
        margin-top: 100px;
    }

    /* PROFILE PHOTO - CREATE USER */
    .no-profile-photo{
        margin-left:0;
        border-radius: 20px;
        max-height: 160px;
        margin-top:2%;
    }

    #footerSection .left{
        margin-bottom: 4px;
    }

    /* Header */
    #headerActions{
        top: 85px;
        margin-right: 15px;
    }
    #headerActions .left{
        width: 50%!important;
    }
    #headerActions .center{
        display: none;
    }
    #headerActions .right{
        width: 50%!important;
    }

    /* Footer */
    header .left,
    header .right,
    footer .left,
    footer .right{
        width: 100% !important;
        text-align: center !important;
    }

    /* Language */
    .info-navbar{
        display: none;
    }

    .summary{
        width: 10%;
    }

    .summary-materials{
        width: 12%;
    }

    .main-content{
        padding-bottom: 70px!important;
    }

    /* Language */
    .info-navbar{
        display: none;
    }

    .summary{
        width: 10%;
    }

    .summary-materials{
        width: 12%;
    }

    .section-regimen{
        position: relative;
        margin-bottom: 10px;
    }

    /* Navbar */
    .nav-side-menu {
        position: fixed;
        overflow: hidden;
    }
    .nav-side-menu #menu-content div.d-flex{
        height: auto;
    }
    .logoText{
        display: inline;
        padding-left: 10px;
    }

    /* Table */
    .fixedHeader-floating{
        top: 0px!important;
    }

    /* Calendar */
    .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr{
        flex-direction: column;
    }

    /*Data Sheet*/
    .block-data-sheet{
        max-width: calc(100% - 1em);
    }

    /*Drinks menu*/
    .blocks-available{
        margin-top: 15px;
    }
}

@media(max-width: 600px){
    .popover{
        max-width: 90%;
    }

    /* Calendar */
    .fc-today-button{
        margin-top: 5px!important;
        margin-bottom: 5px!important;
    }
    .fc-toolbar-title{
        margin-bottom: 0px!important;
    }
    .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr{
        flex-direction: column;
    }

    /*Data Sheet*/
    .block-data-sheet{
        max-width: calc(100% - 1em);
    }

    /* Table */
    .fixedHeader-floating{
        top: 0px!important;
    }
}

@media(max-width: 767.98px){
    /* Navbar */
    .nav-side-menu {
        position: fixed;
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        border-right: 0;
        overflow: hidden;
    }
    .nav-side-menu #menu-content div.d-flex{
        height: auto;
    }
    .nav-side-menu .nav-side-menu-content{
        width: 100%;
        height: auto;
    }
    .nav-side-menu .toggle-btn {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 25px;
        z-index: 10 !important;
        padding: 3px;
        width: 40px;
        text-align: center;
    }
    .feader-navbar{
        display: block;
        cursor: pointer;
        position: absolute;
        right: 80px;
        top: 20px;
        z-index: 10 !important;
        padding: 3px;
        width: 50px;
        text-align: center;
        bottom: 0;
        height: 42px;
    }
    .nav-side-menu .sub-menu {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }
    .nav-side-menu  .sub-menu .toggle-btn {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 10 !important;
        padding: 3px;
        background-color: #ffffff;
        color: #000;
        width: 40px;
        text-align: center;
    }
    .sub-line ul .sub-press li.active,
    .sub-line li .sub-press li.active {
        color: #58aad6;
    }
    .sub-line ul .sub-press li.active a,
    .sub-line li .sub-press li.active a {
        color: #58aad6;
    }
    .sub-line ul .sub-press li,
    .sub-line li .sub-press li {
        background-color: #181c20;
        border: none;
        line-height: 28px;
        border-bottom: 1px solid #23282e;
        margin-left: 0px;
    }
    .sub-line ul .sub-press li:hover,
    .sub-line li .sub-press li:hover {
        background-color: #020203;
    }
    .sub-line ul .sub-press li:before,
    .sub-line li .sub-press li:before {
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        content: "\f105";
        display: inline-block;
        padding-left: 50px;
        padding-right: 10px;
        vertical-align: middle;
    }
    .sub-line li {
        padding-left: 20px;
        border-left: 3px solid #006a9b;
        border-bottom: 1px solid #23282e;
    }
    .sub-line li a {
        text-decoration: none;
        color: #212529;
    }
    .sub-line li a i {
        padding-left: 50px;
        width: 20px;
        padding-right: 20px;
    }
    .sub-line li:hover {
        border-left: 3px solid #58aad6;
        background-color: #58aad6;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
    }
    .sub-line {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }
    .sub-line .toggle-btn {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 10 !important;
        padding: 3px;
        background-color: #ffffff;
        color: #000;
        width: 40px;
        text-align: center;
    }
    
    /* Table */
    .table{
        font-size: small;
    }

    /* General */
    .btnSpace{
        padding-bottom: 5px;
    }
    .brand{
        text-align: left !important;
        font-size: 22px;
        padding-left: 20px;
        line-height: 50px !important;
        /*cursor: pointer;*/
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .toCenter{
        align-items: normal !important;
    }
    .select2-invalid-feedback{
        padding-bottom: 10px;
    }
    .popover{
        max-width: 80%;
    }

    /* Footer */
    footer .left{
        width: 30%;
    }
    footer .right{
        width: 60%;
        text-align: right;
    }

    /* Hamburgers */
    .nav-side-menu li.active::after{
        display: none;
        visibility: hidden;
    }

    .block-page{
        margin-top: 100px;
    }

    /* Header */
    #headerActions{
        top: 85px;
        margin-right: 15px;
    }
    #headerActions .left{
        width: 50%!important;
    }
    #headerActions .center{
        display: none;
    }
    #headerActions .right{
        width: 50%!important;
    }

    /* Footer */
    header .left,
    header .right,
    footer .left,
    footer .right{
        width: 100% !important;
        text-align: center !important;
    }

    .logoText{
        display: inline;
        padding-left: 10px;
    }

    /* Table */
    .fixedHeader-floating{
        top: 0px!important;
    }

    /* Calendar */
    .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr{
        flex-direction: column;
    }
}

@media (min-width: 768px) and (max-width: 991.98px){
    /* Navbar */
    .nav-side-menu .menu-list .menu-content {
        display: block;
    }
    .nav-side-menu{
        height: 100%;
    }

    /* Main content */
    .main-content{
        padding-left: 265px;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 70px!important;
        overflow-x: hidden;
    }
    .popover{
        max-width: 70%;
    }
    
    /* Header */
    #headerSection{
        margin-left: 265px;
        margin-right: 15px;
    }
    #headerActions{
        margin-left: 265px;
        margin-right: 15px;
    }

    /* Footer */
    #footerSection{
        margin-left: 250px;
    }

    /* General */
    .btnSpace{
        padding-bottom: 5px;
    }
    .toCenter{
        align-items: normal !important;
    }
    .input-group-select2{
        flex-wrap: nowrap !important
    }
    .select2-invalid-feedback{
        position: absolute;
        top: 40px;
    }

    #headerActions .center{
        font-size: medium;
        margin: 0 15px;
    }

    /* Calendar */
    .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr{
        flex-direction: column;
    }

    /* Table */
    .fixedHeader-floating{
        top: 0px!important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px){
    /* Navbar */
    .nav-side-menu .menu-list .menu-content {
        display: block;
    }
    .nav-side-menu{
        height: 100%;
    }

    /* Main content */
    .main-content{
        padding-left: 265px;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 70px!important;
        overflow-x: hidden;
    }
    .popover{
        max-width: 60%;
    }

    /* Header */
    #headerSection{
        margin-left: 265px;
        margin-right: 15px;
    }
    #headerActions{
        margin-left: 265px;
        margin-right: 15px;
    }

    /* Footer */
    #footerSection{
        margin-left: 250px;
    }

    /* General */
    .groupBtnSpace{
        padding-bottom: 5px;
    }
    .input-group-select2{
        flex-wrap: nowrap !important
    }
    .select2-invalid-feedback{
        position: absolute;
        top: 40px;
    }

    /* Calendar */
    .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr{
        flex-direction: column;
    }

    /*Data Sheet*/
    .block-data-sheet{
        max-width: calc(50% - 1em);
    }

    /* Table */
    .fixedHeader-floating{
        top: 0px!important;
    }
}

@media (min-width: 1200px){
    /* Navbar */
    .nav-side-menu .menu-list .menu-content{
        display: block;
    }
    .nav-side-menu{
        height: 100%;
    }

    /* Main content */
    .main-content{
        padding-left: 265px;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 70px!important;
        overflow-x: hidden;
    }
    .popover{
        max-width: 50%;
    }

    /* Header */
    #headerSection{
        margin-left: 265px;
        margin-right: 15px;
    }
    #headerActions{
        margin-left: 265px;
        margin-right: 15px;
    }

    /* Footer */
    #footerSection{
        margin-left: 250px;
    }

    /* General */
    .groupBtnSpace{
        padding-bottom: 5px;
    }
    .input-group-select2{
        flex-wrap: nowrap !important
    }
    .select2-invalid-feedback{
        position: absolute;
        top: 40px;
    }

    /* Table */
    .fixedHeader-floating{
        top: 0px!important;
    }
}