/**/
/*      Styles that are used for the Quick Links section        */
/**/


.Quick-Links {
    display: block;
    float: left;
    width: fit-content;
    height: auto;
    margin-bottom: 0px;
    background-color: #BA55D3;
    padding: 0px;
    margin-bottom: 0px;
    border-color: var(--purple);
    border-style: outset;
    border-width: 4px;
    border-radius: 10px;
}

.Quick-Links-Top {
    display: block;
    float: left;
    width: 100%;
    border-style: none none solid none;
    border-width: 0px 0px 1px 0px;
    border-radius: 0px 0px 0px 0px;
    margin: 0px;
    padding: 0px;
}

.Quick-Links-Bottom {
    display: block;
    float: left;
    width: 100%;
    border-style: solid none none none;
    border-width: 1px 0px 0px 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}

.Quick-Links-Left {
    display: block;
    float: left;
    width: 50%;
    border-style: none solid none none;
    border-width: 0px 1px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    margin: 0px;
    padding: 0px;
}

.Quick-Links-Right {
    display: block;
    float: left;
    width: 50%;
    border-style: none none none none;
    border-width: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    margin: 0px;
    padding: 0px;
}

.Quick-Links-Cell {
    width: 100%;
    border-style: none none solid none;
    border-width: 0px 0px 1px 0px;
    border-radius: 0px 0px 0px 0px;
    margin: 0px;
    padding: 0px;
}

.Quick-Links-Cell-End {
    border-style: none none none none;
    border-width: 0px 0px 0px 0px;
}

/* Top section height ... 143px for 3 lines of buttons on right side ... 165px for 4 lines of buttons ... */
.Quick-Links-Cell-Std1 {
    height: fit-content;
}

.Quick-Links-Cell-Std2 {
    height: auto;
}

.Quick-Links-Cell-Inner {
    padding: 5px 5px 5px 5px;
    border-style: none none none none;
    border-width: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}

.Quick-Links-Cell-h2 {
    font-size: 22px;
    color: White;
    padding: 3px 0px 2px 0px;
    margin: 0;
}

.Quick-Links-Split2 {
    display: inline-block;
    float: left;
    width: 50%;
}

.Quick-Links-Cell-h4 {
    font-size: 18px;
    padding: 0;
    margin: 1px;
}

.Quick-Links-Btn0 {
    height: 30px;
    width: auto;
    min-width: 75px;
    max-width: 90%;
    margin: auto;
    padding: 1px;
}

.Quick-Links-Btn1 {
    height: 30px;
    width: auto;
    min-width: 175px;
    max-width: 90%;
    margin: auto;
    padding: 1px;
}

.Quick-Links-Dropdown {
    width: 90%;
    min-width: auto;
    max-width: 90%;
    height: 30px;
    margin-bottom: 3px;
    color: white !important;
}


#Quick_Links-Left1 {
    height: fit-content;
}

#Quick-Links-Left2 {
    height: 110px;
}

#Quick-Links-Left3 {
    display: block;
    height: 95px;
}

#Quick-Links-Left4 {
    display: block;
/*    height: 145px; */
    height:fit-content;
}

#Quick-Links-Left4-A1 {
    color: white !important;
    margin-left: auto;
    margin-right: auto; 
}

#Quick-Links-Left4-img {
    margin-left:auto;
    margin-right:auto;
    max-width:90%;
    height:auto;
    display:block;
    max-height:300px;
}

#Quick-Links-Right1 {
    height: fit-content;
}

#Quick-Links-Right2 {
    height: fit-content;
}

#Quick-Links-Right4-img {
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
    height: auto;
    max-height:185px;
    display: block;
}

@media (min-width:1400){
    .Quick-Links-Cell-Std1 {
        height: auto;
    }

    #Quick-Links-Left2 {
        height: 101px !important;
    }

    #Quick-Links-Left3 {
        height: 90px !important;
    }

    #Quick-Links-Right1 {
        height: 129px !important;
    }

    #Quick-Links-Right2 {
        height: 191px;
    }
}

@media (min-width:1200px) and (max-width:1399px){
    .Quick-Links-Cell-Std1 {
        height: auto;
    }

    #Quick-Links-Left2 {
        height: 101px !important;
    }

    #Quick-Links-Left3 {
        height: 90px !important;
    }

    #Quick-Links-Right1 {
        height: 129px !important;
    }

    #Quick-Links-Right2 {
        height: 191px;
    }

}

@media (min-width:992px) and (max-width:1199px) {
    .Quick-Links-Cell-Std1 {
        height: auto;
    }

    #Quick-Links-Left2 {
        height: 101px !important;
    }

    #Quick-Links-Left3 {
        height: 90px !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .Quick-Links-Cell-Std1 {
        height: auto;
    }

    #Quick-Links-Left2 {
        height: 101px !important;
    }

    #Quick-Links-Left3 {
        height: 142px !important;
    }

    #Quick-Links-Right1 {
        height: 150px !important;
    }

    #Quick-Links-Right2 {
        height: 243px !important;
    }

    .Quick-Links-Split2 {
        width: 100% !important;
    }
}

@media (min-width:441px) AND (max-width:767px) {

    #Quick-Links {
        margin-left: -25px !important;
        margin-right: 0px !important;
        margin-bottom: 5px !important;
        width: 110% !important;
        min-width: 100% !important;
        max-width: 110% !important;
        height: max-content !important;
    }

    .Quick-Links-Left {
        width: 100%;
        border-style: none none none none;
        border-width: 0px 0px 0px 0px;
    }

    .Quick-Links-Right {
        width: 100%;
    }

    .Quick-Links-Btn0, .Quick-Links-Btn1, .Quick-Links-Btn2 {
        width: 90% !important;
        min-width: auto !important;
        max-width: 90% !important;
    }

    .Quick-Links-Dropdown {
        width: 90% !important;
        min-width: auto !important;
        max-width: 90% !important;
    }

    .Quick-Links-Cell-End {
        border-style: none none solid none;
        border-width: 0px 0px 1px 0px;
    }

        .Quick-Links-Cell-Std1 {
            height: auto !important;
        }

    #Quick-Links-Left1 {
        height: fit-content !important;
    }

    #Quick-Links-Left2 {
        height: fit-content !important;
    }

    #Quick-Links-Left3 {
        height: 175px !important;
    }

    #Quick-Links-Left4 {
        height: fit-content !important;
    }

    #Quick-Links-Right2 {
        height: fit-content !important;
    }

    Quick-Links-Right3{
        height:fit-content !important;
    }

    .Quick-Links-Split2 {
        width: 100% !important;
    }
}


@media (min-width:392px) and (max-width: 440px) {

    #Quick-Links {
        margin-left: -27px !important;
        margin-right: auto !important;
        margin-bottom: 5px !important;
        width: 115% !important;
        min-width: auto !important;
        max-width: 115% !important;
        height: max-content !important;
    }

    .Quick-Links-Left {
        width: 100%;
        border-style: none none none none;
        border-width: 0px 0px 0px 0px;
    }

    .Quick-Links-Right {
        width: 100%;
    }

    .Quick-Links-Btn0, .Quick-Links-Btn1, .Quick-Links-Btn2 {
        width: 90% !important;
        min-width: auto !important;
        max-width: 90% !important;
    }

    .Quick-Links-Dropdown {
        width: 90% !important;
        min-width: auto !important;
        max-width: 90% !important;
    }

    .Quick-Links-Cell-End {
        border-style: none none solid none;
        border-width: 0px 0px 1px 0px;
    }

    .Quick-Links-Cell-Std1 {
        height: auto !important;
    }


    #Quick-Links-Left1 {
        height: fit-content !important;
    }

    #Quick-Links-Left2 {
        height: fit-content !important;
    }

    #Quick-Links-Left3 {
        height: 175px !important;
    }

    #Quick-Links-Left4 {
        height: 325px !important;
    }

    .Quick-Links-Split2 {
        width: 100% !important;
    }
}

@media (min-width:390px) AND (max-width: 391px) {

    .Quick-Links-Cell-h2, .h2 {
        font-size: 14px;
    }

    #Quick-Links {
        margin-left: -26px !important;
        margin-right: auto !important;
        margin-bottom: 5px !important;
        width: 115% !important;
        min-width: auto !important;
        max-width: 115% !important;
        height: max-content !important;
    }

    .Quick-Links-Left {
        width: 100%;
        border-style: none none none none;
        border-width: 0px 0px 0px 0px;
    }

    .Quick-Links-Right {
        width: 100%;
    }

    .Quick-Links-Btn0, .Quick-Links-Btn1, .Quick-Links-Btn2 {
        width: 90% !important;
        min-width: auto !important;
        max-width: 90% !important;
        padding-top: 3px;
    }

    .Quick-Links-Dropdown {
        width: 90% !important;
        min-width: auto !important;
        max-width: 90% !important;
    }

    .Quick-Links-Cell-End {
        border-style: none none solid none;
        border-width: 0px 0px 1px 0px;
    }

    .Quick-Links-Cell-Std1 {
        height: auto !important;
    }

    #Quick-Links-Left1 {
        height: fit-content !important;
    }

    #Quick-Links-Left2 {
        height: fit-content !important;
    }

    #Quick-Links-Left3 {
        height: 165px !important;
    }

    #Quick-Links-Left4 {
        height: 327px !important;
    }

    .Quick-Links-Split2 {
        width: 100% !important;
    }
}

@media (min-width:365px) AND (max-width: 389px) {

    .Quick-Links-Cell-h2, .h2 {
        font-size: 14px;
    }

    #Quick-Links {
        margin-left: -26px !important;
        margin-right: auto !important;
        margin-bottom: 5px !important;
        width: auto !important;
        min-width: auto !important;
        max-width: 120% !important;
        height: max-content !important;
    }

    .Quick-Links-Left {
        width: 100%;
        border-style: none none none none;
        border-width: 0px 0px 0px 0px;
    }

    .Quick-Links-Right {
        width: 100%;
    }

    .Quick-Links-Btn0, .Quick-Links-Btn1, .Quick-Links-Btn2 {
        width: 90% !important;
        min-width: auto !important;
        max-width: 90% !important;
        padding-top: 3px;
    }

    .Quick-Links-Dropdown {
        width: 90% !important;
        min-width: auto !important;
        max-width: 90% !important;
    }

    .Quick-Links-Cell-End {
        border-style: none none solid none;
        border-width: 0px 0px 1px 0px;
    }

    .Quick-Links-Cell-Std1 {
        height: auto !important;
    }

    #Quick-Links-Left1 {
        height: fit-content !important;
    }

    #Quick-Links-Left2 {
        height: fit-content !important;
    }

    #Quick-Links-Left3 {
        height: 165px !important;
    }

    #Quick-Links-Left4 {
        height: 326px !important;
    }

    .Quick-Links-Split2 {
        width: 100% !important;
    }
}


@media (min-width:301px) AND (max-width:364px) {

    .Quick-Links-Cell-h2, .h2 {
        font-size: 14px;
    }

    .Quick-Links-Cell-h4, .h4 {
        font-size: 14px;
    }

    #Quick-Links {
        margin-left: -28px !important;
        margin-right: auto !important;
        margin-bottom: 5px !important;
        width: 119% !important;
        min-width: auto !important;
        max-width: 119% !important;
        height: max-content !important;
    }

    .Quick-Links-Left {
        width: 100%;
        border-style: none none none none;
        border-width: 0px 0px 0px 0px;
    }

    .Quick-Links-Left4 {
        height: 88px !important;
    }

    .Quick-Links-Right {
        width: 100%;
    }

    .Quick-Links-Btn0, .Quick-Links-Btn1 , .Quick-Links-Btn2 {
        width: 90% !important;
        min-width: auto !important;
        max-width: 90% !important;
        padding-top: 3px;
    }

    .Quick-Links-Dropdown {
        width: 90% !important;
        min-width: auto !important;
        max-width: 90% !important;
    }

    .Quick-Links-Cell-End {
        border-style: none none solid none;
        border-width: 0px 0px 1px 0px;
    }

    .Quick-Links-Cell-Std1 {
        height: auto !important;
    }

    #Quick-Links-Left1 {
        height: fit-content !important;
    }

    #Quick-Links-Left2 {
        height: fit-content !important;
    }

    #Quick-Links-Left3 {
        height: 156px !important;
    }

    #Quick-Links-Left4 {
        height: 326px !important;
    }

    .Quick-Links-Split2 {
        width: 100% !important;
    }
}


@media (max-width:300px) {

    .Quick-Links-Cell-h2, .h2 {
        font-size: 14px;
    }

    .Quick-Links-Cell-h4, .h4 {
        font-size: 14px;
    }

    #Quick-Links {
        margin-left: -28px !important;
        margin-right: auto !important;
        margin-bottom: 5px !important;
        width: 126% !important;
        min-width: auto !important;
        max-width: 126% !important;
        height: max-content !important;
    }

    .Quick-Links-Left {
        width: 100%;
        border-style: none none none none;
        border-width: 0px 0px 0px 0px;
    }

    .Quick-Links-Right {
        width: 100%;
    }

    .Quick-Links-Btn0, .Quick-Links-Btn1, .Quick-Links-Btn2 {
        width: 90% !important;
        min-width: auto !important;
        max-width: 90% !important;
        padding-top: 3px !important;
    }

    .Quick-Links-Dropdown {
        width: 90% !important;
        min-width: auto !important;
        max-width: 90% !important;
    }

    .Quick-Links-Cell-End {
        border-style: none none solid none;
        border-width: 0px 0px 1px 0px;
    }

    .Quick-Links-Cell-Std1 {
        height: auto !important;
    }

    #Quick-Links-Left1 {
        height: fit-content !important;
    }

    #Quick-Links-Left2 {
        height: fit-content !important;
    }

    #Quick-Links-Left3 {
        height: 125px !important;
    }

    #Quick-Links-Left4 {
        height: 350px !important;
    }

    .Quick-Links-Split2 {
        width: 100% !important;
    }
}


/*
@media (max-width: 391px) {

    #Quick-Links {
        margin-left: -15px !important;
        margin-right: -15px !important;
        width: 100% !important;
        min-width:100% !important;
        max-width:100% !important;
        height: fit-content !important;
        margin-bottom: 5px !important;
    }

    /*        #Quick-Links.Container.Quick-Links{
            width:100%;
        }
    */ /*
    .Quick-Links {
        border-width: 2px;
    }

    .Quick-Links-Cell-Std1 {
        height: auto !important;
    }

    .Quick-Links-Cell-Std2 {
        height: auto !important;
    }

    #Quick-Links-Left {
        width: 100% !important;
    }

    #Quick-Links-left1 {
        height: 190px !important;
    }

    #Quick-Links-left2 {
        height: 73px !important;
    }

    #Quick-Links-left3 {
        height: 190px !important;
    }

    #Quick-Links-Right {
        width: 100% !important;
    }

    a.btn.btn-lg.Quick-Links-Btn1 {
        width: 150px !important;
        min-width: 150px !important;
    }

}

}
*/