html {
    height: 100%;
}

body {
    height: 100%;
    min-height: 100%;
    /*background: #ded1b8 url(images/Background.jpg) top center repeat-x;*/
    background: #f8fdfa top center repeat-x;
    position: relative;
    font-family: 'Open Sans', sans-serif;
}

/*fixes checkbox alignment*/
input[type=checkbox] {
    margin-top: 0px;
}

.TestSystem .navbar-inverse {
    background-color: #f6b918;
    border-color: #f6b918;
}

.TestSystem .ItemResultsHeader {
    background-color: #f6b918;
}

.TestSystem .IndexHeader {
    background-color: #f6b918;
}

.TestSystem .panel-primary {
    border-color: #f6b918;
}

    .TestSystem .panel-primary > .panel-heading {
        background-color: #f6b918;
        border-color: #f6b918;
        color: #000;
    }

.TestSystem .navbar-inverse .navbar-nav > li > a {
    color: #000;
    transition: .1s linear;
}

/*The gross/ugly brown has been replaced by ADS Blue. If you want it back for some weird reason its #5a3e3a*/

.LiveSystem .navbar-inverse {
    background-color: #233546;
    border-color: #233546;
}

a.home-tile {
    border: 5px solid #4fa8d2;
}

.panel-primary {
    border-color: #233546;
}

    .panel-primary > .panel-heading {
        background-color: #233546;
        border-color: #233546;
    }

h3.panel-title {
    font-family: "Poppins", sans-serif;
}

.body-content {
    background-color: #f8fdfa;
    border-radius: 3px;
    padding-top: 0 !important;
    overflow: auto;
    margin-top: 10px;
    min-height: 100%;
    position: relative;
    padding-bottom: 50px
}

.navbar-brand img {
    margin-top: -15px;
    width: 50px;
}

.shrink .navbar-brand img {
    width: 40px;
}

.lightBrown {
    color: #c4a77e !important
}

h2 {
    border-bottom: 1px solid #dddddd;
}

ul.affix {
    width: auto;
}

.navbar-brand img {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.container-fluid li.logoff {
    margin-right: 25px
}

.navbar-right a.fullscreen-toggle {
    position: fixed;
    right: 5px
}

.navbar-inverse .navbar-nav > li > a {
    color: #81d3f8;
    transition: .1s linear;
}

    .navbar-inverse .navbar-nav > li > a:hover {
        color: #FFFFFF;
        transition: .1s linear;
    }

.body-content #FooterNavBar .glyphicon, .body-content #FooterNavBar .fa {
    color: #FFFFFF;
    transition: .1s linear;
}

#FooterNavBar div ul li.pull-left a {
    padding-bottom: 35px !important;
}

.tablesorter-headerDesc {
    background-image: url('@Url.Content("~/")_ADSStaticWeb/Content/Images/asc.gif');
}

.tablesorter-headerAsc {
    background-image: url('@Url.Content("~/")_ADSStaticWeb/Content/Images/desc.gif');
}

.tablesorter-headerUnSorted {
    background-image: url('@Url.Content("~/")_ADSStaticWeb/Content/Images/bg.gif');
}

.adsReq {
    border-color: orange !important
}

.brand-header-text {
    color: #716658 !important;
}

.btn-PRP {
    background-color: #4fa8d2;
    color: white;
    font-size: 15px;
    padding: 15px 20px;
    width: 200px;
}

.btn-primary {
    background-color: #4fa8d2;
    border-color: #4fa8d2;
    transition: background-color 0.3s;
}

    .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus {
        background-color: #02A7F0;
        border-color: #02A7F0;
        color: #FFFFFF;
    }

.custom-button {
    background-color: #4fa8d2;
    border: none;
    border-radius: 5px;
    color: #FFFFFF; /* Text color */
    width: 220px; /* Fixed width */
    height: 80px; /* Fixed height */
    font-size: 16px; /* Font size */
    cursor: pointer; /* Change cursor to pointer on hover */
    transition: background-color 0.3s;
    margin: 5px;
    text-align: center;
    padding: 10px;
    white-space: normal;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-weight: bold;
    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.5); /* Blue shadow */
}

    .custom-button:focus {
        background-color: #02A7F0;
        color: #FFFFFF;
    }

    .custom-button:hover {
        background-color: #02A7F0;
        color: #FFFFFF;
    }

a.my-class {
    color: #FFFFFF;
}

.custom-spacing {
    margin-top: 80px;
}

.display-only.btn-group {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.65;
}

.btn-group.display-only label.btn {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.65;
}

    .btn-group.display-only label.btn.active {
        opacity: 1;
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    }

.download-button {
    background-color: #4fa8d2;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

    .download-button:hover, .download-button:active, .download-button:focus, .download-button:active:focus {
        background-color: #02A7F0;
        color: white;
    }

    .download-button > .glyphicon {
        color: white;
    }

/*    #MealsListData table {
        width: 75%;
        text-align: center;
    }*/

.ajax-button {
    background-color: #027db4;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    width: 300px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 20px;
    transition: background-color 0.3s;
}

    .ajax-button:hover, .ajax-button:active, .ajax-button:focus, .ajax-button:active:focus {
        background-color: #02A7F0;
        color: white;
    }

    .ajax-button > .glyphicon {
        color: white;
    }

.text-center {
    text-align: center;
    text-align: -webkit-center; /*Yes, it's valid; required for Chrome, Edge, Safari, etc.*/
}

.nunatsiavut-header {
    font-family: "Poppins", sans-serif;
    color: #716658 !important;
}

h3.portal-page-header {
    color: #027db4;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    padding: 0;
    margin: 10px 0;
}

.sectionSubHeading {
    padding-left: 20px;
}

.instructions {
    white-space: pre-line;
    text-align: left;
    font-weight: bold;
}

.login-card {
    -webkit-box-shadow: 0 2px 25px -18px #000;
    box-shadow: 0 2px 25px -18px #000;
    padding: 1em;
    border-radius: 6px;
    background-color: #fff
}

.box {
    -webkit-box-shadow: 0 2px 25px -18px #000;
    box-shadow: 0 2px 25px -18px #000;
    padding: 1em;
    border-radius: 6px;
    background-color: #fff
}

.validation-summary-errors {
    margin: 1.5%;
}

.nunaWarning {
    color: #F6B918;
}

.nunaInfo {
    color: #00a6a7;
}

.table-responsive {
    border: none;
}

table.table.table-responsive.table-bordered.nosort {
    border: 1px solid #ddd;
}

@media only screen and (max-width : 539px) {
    /*makes AJAX edit panels fit div on mobile devices*/
    td > div > form > .panel {
        max-width: fit-content;
    }

    .ajax-button {
        width: 100%;
    }
}

@media only screen and (max-width : 370px) {
    h1.nunatsiavut-header {
        letter-spacing: 5px;
    }
}

@media only screen and (max-width : 767px) {
    .container .jumbotron {
        text-align: center;
    }

    .ng-logo {
        width: 50%;
    }
}

@media only screen and (min-width : 371px) {
    h1.heading.nunatsiavut-header {
        letter-spacing: 9px;
    }
}

@media only screen and (min-width : 768px) {

    .modal-dialog {
        max-width: 40%;
    }

    .ng-logo {
        width: 60%;
    }
}


/*Font stuff*/
.poppins-thin {
    font-family: "Poppins", serif;
    font-weight: 100;
    font-style: normal;
}

.poppins-extralight {
    font-family: "Poppins", serif;
    font-weight: 200;
    font-style: normal;
}

.poppins-light {
    font-family: "Poppins", serif;
    font-weight: 300;
    font-style: normal;
}

.poppins-regular {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-medium {
    font-family: "Poppins", serif;
    font-weight: 500;
    font-style: normal;
}

.poppins-semibold {
    font-family: "Poppins", serif;
    font-weight: 600;
    font-style: normal;
}

.poppins-bold {
    font-family: "Poppins", serif;
    font-weight: 700;
    font-style: normal;
}

.poppins-extrabold {
    font-family: "Poppins", serif;
    font-weight: 800;
    font-style: normal;
}

.poppins-black {
    font-family: "Poppins", serif;
    font-weight: 900;
    font-style: normal;
}

.poppins-thin-italic {
    font-family: "Poppins", serif;
    font-weight: 100;
    font-style: italic;
}

.poppins-extralight-italic {
    font-family: "Poppins", serif;
    font-weight: 200;
    font-style: italic;
}

.poppins-light-italic {
    font-family: "Poppins", serif;
    font-weight: 300;
    font-style: italic;
}

.poppins-regular-italic {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-style: italic;
}

.poppins-medium-italic {
    font-family: "Poppins", serif;
    font-weight: 500;
    font-style: italic;
}

.poppins-semibold-italic {
    font-family: "Poppins", serif;
    font-weight: 600;
    font-style: italic;
}

.poppins-bold-italic {
    font-family: "Poppins", serif;
    font-weight: 700;
    font-style: italic;
}

.poppins-extrabold-italic {
    font-family: "Poppins", serif;
    font-weight: 800;
    font-style: italic;
}

.poppins-black-italic {
    font-family: "Poppins", serif;
    font-weight: 900;
    font-style: italic;
}