﻿/* Font */
@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700');
/* @import url('droid-sans.css'); */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

html {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

body {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.main-container {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    min-height: 100%;
}

.main {
    padding-bottom: 160px;
}

.main-search {
    background-color: #80276c;
    padding: 9.86px 29.76px 9.86px 29.76px;
}

a {
    color: #0033cc;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Top Links */
.left-top-links {
    margin-top: 10px;
    margin-bottom: 15px;
}

    .left-top-links a {
        color: white;
        font-size: 15.8px;
    }

        .left-top-links a:visited {
            color: white;
        }

.branding {
    margin-top: 15px;
    margin-bottom: 15px;
}

/* Search form */
#main-search-form input[type="submit"] {
    background-color: #6d6d6d;
    border-color: #6d6d6d;
    color: white;
    font-size: 14.2px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 8px;
    padding-bottom: 8px;
}

#main-search-form input[type="text"] {
    border: none;
    background-color: white;
    font-size: 13px;
}

/*#main-search-form .input-group {
    max-width: 25em;
}*/

#main-search-form .input-group-addon {
    background-color: white;
    border-color: white;
    border-right: none;
    color: rgb(153, 153, 153);
}

/* Footer */
footer {
    background-color: black;
    color: white;
    margin-top: -160px;
    position: relative;
    clear: both;
    margin-bottom: 0;
    box-sizing: border-box;
}

    footer .main-footer {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 35px;
        padding-bottom: 35px;
    }

        footer .main-footer address {
            font-size: 17px;
            font-weight: 700;
        }

.bottom-links a {
    font-size: 16px;
    color: white;
}

    .bottom-links a:visited, .bottom-links a:hover {
        color: #b9b9b9;
    }


/* heading */
.main-page-heading {
    padding-left: 1.6em;
    padding-right: 1.6em;
}

    .main-page-heading h1 {
        margin-top: 1em;
        margin-bottom: 0px;
        padding-bottom: 8px;
    }

/*    .main-page-heading .breadcrumb {
        padding-left: 0px;
        font-size: 13.8px;
        color: black;
    }*/

        /* \009b */
        .main-page-heading .breadcrumb > li + li:before {
            content: "\276f \00a0";
            padding: 0 5px;
            /* color: #000000;
            font-weight: bolder;
            font-size: 0.9em;
            font-family: sans-serif;*/
        }

    .main-page-heading .breadcrumb-section {
        min-height: 2em;
    }


/* Content */
.main-content {
    padding-left: 1.9em;
    padding-right: 1.6em;
    padding-bottom: 2em;
    width: 80%;
    float: right;
    line-height: 30px;
}

/* List Group */
.active.list-group-item a {
    color: white;
}

    .active.list-group-item a:visited {
        color: white;
    }

/* Left Menu */
.left-links {
    padding: 0px;
    padding-left: 1.6em;
    float: left;
    width: 20%;
}

    .left-links ul {
        list-style: none;
        padding-left: 0px;
    }

        .left-links ul > li {
            line-height: 27px;
            font-size: 16px;
        }

            .left-links ul > li > a {
                display: block;
            }


/* Phone Media Query*/
@media screen and (max-width: 768px) {
    .left-links {
        position: relative;
        width: 100%;
        padding: 15px;
        float: none;
    }

    .left-top-links a {
        font-size: 13px;
    }

    .branding img {
        height: 65px;
    }

    .main-search {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .main-content {
        float: none;
        margin-left: 0px;
        width: 100%;
    }



}

/*@media only screen and (min-width: 768px) {
    #main-search-form .input-group {
        max-width: 25em;
    }
}*/

/* Validation */
.input-validation-error {
    border: 1px solid red !important;
}

.form-control.input-validation-error:focus {
    border-color: #FF0000 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6) !important;
}

.field-validation-error {
    display: block;
    color: Red;
}

.field-validation-valid {
    display: none;
}

.validation-summary-valid {
    display: none;
}

/* Useful Classes */

/* Margin Classes */
.margin-bottom-05 {
    margin-bottom: 0.5em;
}

.margin-bottom-10 {
    margin-bottom: 1em;
}

.margin-bottom-15 {
    margin-bottom: 1.5em;
}

.margin-bottom-20 {
    margin-bottom: 2em;
}

/* Tables */
.table-no-row-padding tbody > tr > td,
.table-no-row-padding tbody > tr > th,
.table-no-row-padding thead > tr > td,
.table-no-row-padding thead > tr > th,
.table-no-row-padding tfoot > tr > td,
.table-no-row-padding tfoot > tr > th {
    padding-top: 0px;
    padding-left: 0px;
}

/* Site CSS */


@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 700;
    color: inherit
}

h1, .h1 {
    font-size: 1.6666666667rem;
}

h2, .h2 {
    font-size: 1.4444444444rem;
}

h3, .h3 {
    font-size: 1.4rem;
}

h4, .h4 {
    font-size: 1.3rem;
}

h5, .h5 {
    font-size: 1.2rem;
}

.btn-primary {
    color: #fff;
    background-color: #80276c;
    border-color: #6c215c
}

    .btn-primary.focus, .btn-primary:focus {
        color: #fff;
        background-color: #591b4b;
        border-color: #0b0309
    }

    .btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #591b4b;
        border-color: #3e1334
    }

        .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
            color: #fff;
            background-color: #3e1334;
            border-color: #0b0309
        }

    .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
        background-color: #80276c;
        border-color: #6c215c
    }

    .btn-primary .badge {
        color: #80276c;
        background-color: #fff
    }

.main-content a {
    text-decoration: none;
}

    .main-content a:hover {
        text-decoration: underline;
    }

input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']), select.form-select, select.form-select-lg, select.form-select-sm, select.form-control, textarea.form-control {
    border-color: #5c5a5a;
}

.col-form-label {
    font-weight: 500
}