/*Wisdom Specific stylesheet
*/

.navbar-light {
    background-image: linear-gradient(to bottom, #947C4E 0px, #947C4E 100%) !important;
    background-repeat: repeat-x !important;
    background-color: #947C4E !important;
    border-color: none !important;
    margin-bottom: 10px;
}

.page-item.active .page-link {
    color: white !important;
    background-color: #947C4E !important;
}


.page-item {
    color: #947C4E !important;
}

.page-link {
    color: #947C4E !important;
    border-color: #947C4E !important;
}

.page-link:hover {
    color: #947C4E !important;
}


.navbar-light .navbar-nav .nav-link {
    color: #d1d2d4 !important;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: white !important;
}

a {
    color: #947C4E !important;
    text-decoration: none !important;
}

a:hover {
    color: #947C4E !important;
    text-decoration: underline !important;
}

a:not([href]):not([tabindex]) {
    color: #947C4E;
}

.page-heading {
    height: 93px;
    border-top: 5px solid #342618;
    background-image: url(../images/wisdom-logo.png);
    background-repeat: no-repeat;
    background-position: 36px 14px;
    background-color: #152638;
}

.btn-primary {
    color: #fff !important;
    background-color: #947C4E !important;
    border-color: #947C4E !important;
    background-image: linear-gradient(to bottom,#b7a177 0,#947C4E 100%);
    text-shadow: none;
    border-color: #ccc;
}

.btn-danger {
    color: #fff !important;
    background-color: #bd2130 !important;
    border-color: #bd2130 !important;
    background-image: linear-gradient(to bottom,#e04b59 0,#bd2130 100%);
    text-shadow: none;
    border-color: #ccc;
}

.btn-info {
    color: #000 !important;
    background-color: #947C4E !important;
    border-color: #947C4E !important;
    background-image: none !important;
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    text-shadow: none;
    border-color: #ccc;
}

.btn-info:active {
    border-color: #947C4E !important;
    box-shadow: none !important;
}

.btn-info.focus, .btn-info:focus {
    box-shadow: none !important;
}

hr {
    border-top: 1px solid #947C4E !important;
}

/* Small devices (tablets, 730px and up) */
@media (min-width: 730px) {

    .supervisor-notes {
        width: 690px;
        resize: none;
    }
}

/*This is for showing / hiding the days Elapsed and the lagging based on screen size: this one for smartphones up to tablets*/
@media (max-width: 729px) and (min-width: 420px) {

    .supervisor-notes {
        width: 630px;
        resize: none;
    }
}

/*This is for showing / hiding the days Elapsed and the lagging based on screen size: this one for smartphones */
@media (max-width: 419px) {
    .supervisor-notes {
        width: 350px;
        resize: none;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    /*This is for showing / hiding the days Elapsed and the lagging based on screen size:This is for laptop and small desktop */

    .supervisor-notes {
        width: 925px;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    /*This is for showing / hiding the days Elapsed and the lagging based on screen size: Large Desktop screens*/

    .supervisor-notes {
        width: 1110px !important;
    }
}