﻿/*This file is for adding bootstrap changes that are not overwritten if the core bootstrap version is updated via nuget.*/




@media (min-width: 1600px) {
    .container {
        max-width: 1440px;
    }
}

@media (min-width: 1600px) {
    .col-xxl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xxl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-xxl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xxl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xxl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xxl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xxl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xxl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xxl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xxl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xxl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xxl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xxl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xxl-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xxl-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-xxl-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-xxl-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xxl-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xxl-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xxl-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xxl-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xxl-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xxl-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xxl-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xxl-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xxl-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xxl-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xxl-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-xxl-0 {
        margin-left: 0;
    }

    .offset-xxl-1 {
        margin-left: 8.333333%;
    }

    .offset-xxl-2 {
        margin-left: 16.666667%;
    }

    .offset-xxl-3 {
        margin-left: 25%;
    }

    .offset-xxl-4 {
        margin-left: 33.333333%;
    }

    .offset-xxl-5 {
        margin-left: 41.666667%;
    }

    .offset-xxl-6 {
        margin-left: 50%;
    }

    .offset-xxl-7 {
        margin-left: 58.333333%;
    }

    .offset-xxl-8 {
        margin-left: 66.666667%;
    }

    .offset-xxl-9 {
        margin-left: 75%;
    }

    .offset-xxl-10 {
        margin-left: 83.333333%;
    }

    .offset-xxl-11 {
        margin-left: 91.666667%;
    }
}


@media (max-width: 1599.98px) {
    .table-responsive-xxl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

        .table-responsive-xxl > .table-bordered {
            border: 0;
        }
}


@media (max-width: 1599.98px) {
    .navbar-expand-xxl > .container,
    .navbar-expand-xxl > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1600px) {
    .navbar-expand-xxl {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .navbar-expand-xxl .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .navbar-expand-xxl .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-xxl .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-xxl > .container,
        .navbar-expand-xxl > .container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

        .navbar-expand-xxl .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }

        .navbar-expand-xxl .navbar-toggler {
            display: none;
        }
}




@media (min-width: 1200px) {
    .flex-xxl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-xxl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-xxl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-xxl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-xxl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-xxl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-xxl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-xxl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-xxl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-xxl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-xxl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-xxl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-xxl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-xxl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-xxl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-xxl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-xxl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-xxl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-xxl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-xxl-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-xxl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-xxl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-xxl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-xxl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-xxl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-xxl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-xxl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-xxl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-xxl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-xxl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-xxl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-xxl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-xxl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-xxl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}


html {
    position: relative;
    min-height: 100%;
}

body {
    background-color: #fcfcff;
    font-size: 18px;
    /*margin-bottom: 370px;*/
}

h1, h2, h3 {
    color: #3d3b3b;
    margin-bottom: .75rem;
}


/*-----------------------------Inputs-----------------------------------------*/

input#SearchAgain:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="datetime"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus,
textarea.form-control:focus {
    background-color: #f3e490;
    color: #444;
    border: 2px solid #736e6e !important;
    border-radius: 0;
}

input[type="checkbox"]:focus,
input[type="radio"]:focus {
    outline: 3px solid #ffbf47;
    border-radius: 50%;
}

input[type=checkbox] ~ label,
input[type=radio] ~ label {
    padding: 2px 5px;
}

input[type=checkbox]:checked ~ label,
input[type=radio]:checked ~ label {
    color: #444;
    background: #f3e490;
}

input[type=checkbox],
input[type=radio] {
    height: 20px;
    width: 20px;
    vertical-align: text-bottom;
}

input[type="checkbox"] {
    margin: 4px 2px 0;
}

.form-control {
    border: 1px solid #b9b6b6;
    border-radius: 0;
    height: 45px;
}

textarea.form-control{
    height: 100px;
}

.form-group.required label:after {
    content: " *";
    color: red;
}

label {
    font-weight: 600;
}


/*------------------Carousel-------------------*/

.carousel-control-next-icon, 
.carousel-control-prev-icon{
    height: 45px;
    width: 45px;
}

.carousel-indicators li{
    height: 5px;
    width: 35px;
}

.carousel-caption{
    background: #fff;
    color: #000;
    opacity: .5

}


/*-----------------------Navbar-----------------------*/
.navbar {
    z-index: 100;
}

    .navbar a:focus,
    .navbar-dark .navbar-toggler:focus {
        outline-color: #fff;
    }


.dropdown-menu {
    background-color: #343a40;
    border-color:  #343a40;
}

.dropdown-menu.show{
    border-bottom-color: darkgray;
    padding-left: 15px;
}


@media (max-width: 992px) {
    .navbar {
        position: fixed;
        right: 0;
        left: 0;
        border-radius: 0;
        top: 0;
    }
}





/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------(COL-MD)------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media (min-width: 768px) {

    .carousel-caption {
        bottom: 45px
    }

}



    /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
    /*----------------------------------------------------------------------------(COL-LG)------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/

    @media (min-width: 992px) {

        .navbar.bg-dark {
            background-color: #d4d0a3 !important;
        }

        .navbar-dark .navbar-nav .nav-link {
            color: #5C5747;
            font-size: 1.0625rem;
            font-weight: 600;
        }

            .navbar-dark .navbar-nav .nav-link:hover {
                color: #000;
                text-decoration: underline;
            }

            .navbar-dark .navbar-nav .nav-link:focus,
            .navbar-dark .navbar-nav .nav-link:hover {
                color: #000;
            }

        .navbar a:focus,
        .navbar-dark .navbar-toggler:focus {
            outline: 2px solid #000;
        }


        ul.dropdown-menu.show a.nav-link{
            color: #fff;
            font-size: 1rem;
            font-weight: 400;
        }


        .navbar-dark .navbar-nav .dropdown-menu.show .nav-link:focus,
        .navbar-dark .navbar-nav .dropdown-menu.show .nav-link:hover {
            color: #d4d0a3;
        }

        navbar-dark .navbar-nav .show > .nav-link {
            color: #343a40;
        }

        .dropdown-toggle::after{
            margin-left: 0;
        }

        /*------------------Carousel LG-------------------*/
        .carousel-control-next-icon,
        .carousel-control-prev-icon {
            height: 55px;
            width: 55px;
        }


        .carousel-indicators li {
            height: 8px;
            width: 40px;
        }
    }





    /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
    /*----------------------------------------------------------------------------(COL-XL)-----------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/

    @media (min-width: 1200px) {

        /*------------Navbar (COL-XL)-----------*/

        .navbar-dark .navbar-nav .nav-link {
            font-size: 1.3rem;
        }
    }




    /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
    /*----------------------------------------------------------------------------(COL-XXL)-----------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/

    @media (min-width: 1600px) {

        /*------------Navbar-----------*/

        .navbar-dark .navbar-nav .nav-link {
            font-size: 1.5rem;
        }

        ul.dropdown-menu.show a.nav-link {
            font-size: 1.125rem;
        }

        .dropdown-menu{
            min-width: 11rem;
        }

        .carousel-indicators li {
            height: 10px;
            width: 45px;
        }



    }