@import './layout-theme1.css';

legend {
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

    legend.scheduler-border {
        width: inherit; /* Or auto */
        padding: 0 10px; /* To give a bit of padding on the left and right */
        border-bottom: none;
    }

fieldset {
    border: solid rgba(0, 0, 0, 0.5);
}

.div-radius {
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
}

.b-divider {
    flex-shrink: 0;
    width: 1.5rem;
    height: 100vh;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.bi {
    vertical-align: -.125em;
    pointer-events: none;
    fill: currentColor;
}

.dropdown-toggle {
    outline: 0;
}

.nav-flush .nav-link {
    border-radius: 0;
}

.btn-toggle {
    display: inline-flex;
    align-items: center;
    padding: .25rem .5rem;
    font-weight: 600;
    color: rgba(0, 0, 0, .65);
    background-color: transparent;
    border: 0;
}

    .btn-toggle:hover,
    .btn-toggle:focus {
        color: rgba(0, 0, 0, .85);
        background-color: #023C5B;
    }

    .btn-toggle::before {
        width: 1.25em;
        line-height: 0;
        content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
        transition: transform .35s ease;
        transform-origin: .5em 50%;
    }

    .btn-toggle[aria-expanded="true"] {
        color: rgba(0, 0, 0, .85);
    }

        .btn-toggle[aria-expanded="true"]::before {
            transform: rotate(90deg);
        }

.btn-toggle-nav a {
    display: inline-flex;
    padding: .1875rem .5rem;
    margin-top: .125rem;
    margin-left: 1.25rem;
    text-decoration: none;
}

    .btn-toggle-nav a:hover,
    .btn-toggle-nav a:focus {
        background-color: #d2f4ea;
    }

.scrollarea {
    overflow-y: auto;
}

.fw-semibold {
    font-weight: 600;
}

.lh-tight {
    line-height: 1.25;
}

a {
    color: #023C5B;
    cursor: pointer;
}

rectanguleActive {
    width: 100%;
    height: 100%;
    fill: #023C5B;
}

rectanguleInactive {
    width: 100%;
    height: 100%;
    fill: gray;
}


/*Nav bar*/
/*.menu-vertical {
    background-color: #DDD4D0;
    padding-left: 0px;
    padding-right: 0px
}

.menu-vertical__nav {
    padding: 0;
    font-family: font-family: Verdana, Geneva, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-top: 0;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
}

    .menu-vertical__nav ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .menu-vertical__nav li a {
        display: block;
        text-decoration: none;
        padding: .5em 1em;
        border-bottom: 1px solid #D4C9C4;
    }

        .menu-vertical__nav li a:hover {
            background: rgb(0,152,212);
            background: linear-gradient(90deg, rgba(0,152,212,1) 0%, rgba(0,151,164,1) 52%, rgba(65,70,89,1) 100%);
            color: white;
            font-size: 16px;
        }*/

/*¨Footer*/
:root {
    --color-dark: #212529;
    --color-gray: #15212F;
    --color-blue: #25374f;
    --color-brown: #AF8C55;
    --color-brown-bone: #E5DAC8;
    --color-brown-khaki: #D1BE9E;
    --color-yellow: #f0a71c;
    --color-ghostwhite: #f7f7f7;
    --color-old-lace: #FFF8EB;
    --color-beige: #F2F2CF;
}
.bg-footer {
    background-color: var(--color-ghostwhite);
}

.unique-color-brown {
    background-color: var(--color-brown);
}

.unique-color-dark {
    background-color: var(--color-blue);
}

.unique-background {
    background-color: var(--color-brown-khaki);
}

.unique-background-section {
    background-color: var(--color-brown-bone);
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}


/* MENU*/
/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/

.vertical-nav {
    min-width: 17rem;
    width: 15rem;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.4s;
}

.page-content {
    width: calc(100% - 17rem);
    margin-left: 17rem;
    transition: all 0.4s;
}

/* for toggle behavior */

#sidebar .nav-vertical .nav-item .active {
    /*margin-left: -17rem;*/
    background-color: #86AC96;
    color: white !important;
}

vertical-nav .active {
    background-color: #86AC96;
    color: white !important;
}

#sidebar.active {
    margin-left: -17rem;
}

#content.active {
    width: 100%;
    margin: 0;
}


/*
.active {
    background-color: #86AC96;
    color: white !important;
}*/

.page-content.active {
  background-color: var(--color-light-brown);
}

.nav-item li:hover {
    background-color: var(--color-gold);
    color: white;
}


@media (max-width: 768px) {
    #sidebar {
        margin-left: -17rem;
    }

        #sidebar.active {
            margin-left: 0;
        }

    #content {
        width: 100%;
        margin: 0;
    }

        #content.active {
            margin-left: 17rem;
            width: calc(100% - 17rem);
        }
}

/*
*
* ==========================================
* FOR DEMO PURPOSE
* ==========================================
*
*/

.nav-vertical {
    font-size:16px;
}
.body-layout {
    background: #599fd9;
    background: -webkit-linear-gradient(to right, #599fd9, #c2e59c);
    background: linear-gradient(to right, #DBD0CA,#F7FAFC);
    min-height: 100vh;
    overflow-x: hidden;
}

.separator {
    margin: 3rem 0;
    border-bottom: 1px dashed #fff;
}

.text-uppercase {
    letter-spacing: 0.1em;
}

.text-gray {
    color: #aaa;
}


/*NAV TAB AVISO*/

.nav-aviso {
    background-color:;
}
.nav-aviso .nav-link.active {
    color:gray !important;
}

#nav-tabContent .tab-pane.fade {
    background-color: white !important;
}