﻿#pageContentWrapper {
    min-height: 80vh;
}

.checkbox-left {
   width: auto !important;
   box-shadow: none;
}

.mvc-grid {
    font-size: 12px;
}
input[readonly] {
    background-color: #fff !important;
}

.orange-row td {
    background-color: orange;
}

#DisclosureForm .row {
    margin-bottom: 5px;
}

#appModal {
    display: none;
    z-index: 1041;
}

.modal-xl {
    width: 75% !important;
    max-width: 75% !important;
}

option[value="equals"], option[value="not-equals"], option[value="later-than"], option[value="earlier-than-or-equal"] {
    display: none;
}

@media (min-width: 979px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }
}

.navbar-nav > li > a:hover {
    background-image: linear-gradient(#020202, #101112 40%, #191B1D);
}

.navbar-default .navbar-nav > li > a:focus {
    background-color: #272B2E;
}
/* tab color */
.nav-tabs {
    background-color: #022a43;
}

    .nav-tabs > li > a {
        color: #fff;
        font-size: smaller;
        margin: 0px;
        border: none;
    }
    /* active tab color */
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        color: #000;
        font-weight: bold;
        background-image: -webkit-linear-gradient(top, #fceb27 0%, #d89600 100%);
        background-image: -o-linear-gradient(top, #fceb27 0%, #d89600 100%);
        background-image: linear-gradient(to bottom, #fceb27 0%, #d89600 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceb27', endColorstr='#d89600', GradientType=0);
        border: none;
    }
    /* hover tab color */
    .nav-tabs > li > a:hover {
        color: #000;
        background-image: -webkit-linear-gradient(top, #fceb27 0%, #d89600 100%);
        background-image: -o-linear-gradient(top, #fceb27 0%, #d89600 100%);
        background-image: linear-gradient(to bottom, #fceb27 0%, #d89600 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceb27', endColorstr='#d89600', GradientType=0);
        border: none;
    }


/*social icons */
#social-icons {
    margin-top: 30px;
}

/*Form Styling*/

.formSection {
    padding: 10px;
    margin-bottom: 10px;
    background-color: #f5f8fc;
    border: 1px solid lightgrey;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

label {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #022a43;
    margin-bottom: 0px;
}

h2 {
    color: #022a43;
    font-size: x-large;
}

h4 {
    font-size: large;
    text-transform: uppercase;
    color: #022a43;
}

input[type] {
    position: relative;
    width: 100%;
    height: 33px;
    border-width: 1px;
    border-radius: 0;
    border-color: lightgrey;
    z-index: 1;
}

input[type="checkbox"], input[type="radio"] {
    height: 15px;
}

.form-control{
    padding: 1px 6px;
}

select.form-control {
    height: 50px !important;
    border-width: 1px;
    border-radius: 0;
    border-color: lightgrey;
    z-index: 1;
}

.ui-datepicker {
    z-index: 1151 !important;
}

.modal-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.modal-title {
    color: #8a6d3b;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-neg-5 {
    margin-top: -5px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-8 {
    margin-bottom: 8px;
}

.pl-0 {
    padding-left: 0;
}

.padding-0 {
    padding: 0;
}

.bold-font {
    font-weight: bold;
}

#sidebar {
    margin-top: 20px;
}

    #sidebar a {
        margin-bottom: 7px;
    }

#pageContentWrapper {
    margin-bottom: 15px;
}

#DisclosureForm .form-control {
    height: 30px !important;
    font-size: 12px;
}

#DisclosureForm .control-label {
    font-size: 10px;
}

, #DisclosureForm th, #DisclosureForm p, #DisclosureForm, #DisclosureForm textarea{
    font-size: 12px;
}

#DisclosureForm .form-group, #DisclosureForm .help-block {
    margin-bottom: 0;
}


/* begin loading animation css */
#LoadingAnimation {
    position: fixed;
    /*margin: 5% auto; /* Will not center vertically and won't work in IE6/7. */
    top: 50vh;
    left: 45vw;
    z-index: 1045;
}

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes lds-spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.lds-spinner {
    position: relative;
}

    .lds-spinner div {
        left: 94px;
        top: 48px;
        position: absolute;
        -webkit-animation: lds-spinner linear 1s infinite;
        animation: lds-spinner linear 1s infinite;
        background: #022a43;
        width: 12px;
        height: 24px;
        border-radius: 40%;
        -webkit-transform-origin: 6px 52px;
        transform-origin: 6px 52px;
    }

        .lds-spinner div:nth-child(1) {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-animation-delay: -0.916666666666667s;
            animation-delay: -0.916666666666667s;
        }

        .lds-spinner div:nth-child(2) {
            -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
            -webkit-animation-delay: -0.833333333333333s;
            animation-delay: -0.833333333333333s;
        }

        .lds-spinner div:nth-child(3) {
            -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
            -webkit-animation-delay: -0.75s;
            animation-delay: -0.75s;
        }

        .lds-spinner div:nth-child(4) {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            -webkit-animation-delay: -0.666666666666667s;
            animation-delay: -0.666666666666667s;
        }

        .lds-spinner div:nth-child(5) {
            -webkit-transform: rotate(120deg);
            transform: rotate(120deg);
            -webkit-animation-delay: -0.583333333333333s;
            animation-delay: -0.583333333333333s;
        }

        .lds-spinner div:nth-child(6) {
            -webkit-transform: rotate(150deg);
            transform: rotate(150deg);
            -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s;
        }

        .lds-spinner div:nth-child(7) {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            -webkit-animation-delay: -0.416666666666667s;
            animation-delay: -0.416666666666667s;
        }

        .lds-spinner div:nth-child(8) {
            -webkit-transform: rotate(210deg);
            transform: rotate(210deg);
            -webkit-animation-delay: -0.333333333333333s;
            animation-delay: -0.333333333333333s;
        }

        .lds-spinner div:nth-child(9) {
            -webkit-transform: rotate(240deg);
            transform: rotate(240deg);
            -webkit-animation-delay: -0.25s;
            animation-delay: -0.25s;
        }

        .lds-spinner div:nth-child(10) {
            -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
            -webkit-animation-delay: -0.166666666666667s;
            animation-delay: -0.166666666666667s;
        }

        .lds-spinner div:nth-child(11) {
            -webkit-transform: rotate(300deg);
            transform: rotate(300deg);
            -webkit-animation-delay: -0.083333333333333s;
            animation-delay: -0.083333333333333s;
        }

        .lds-spinner div:nth-child(12) {
            -webkit-transform: rotate(330deg);
            transform: rotate(330deg);
            -webkit-animation-delay: 0s;
            animation-delay: 0s;
        }

.lds-spinner {
    width: 110px !important;
    height: 110px !important;
    -webkit-transform: translate(-55px, -55px) scale(0.55) translate(55px, 55px);
    transform: translate(-55px, -55px) scale(0.55) translate(55px, 55px);
}
/* end loading animation css */


@media (min-width: 768px) {
    #sidebar-vid {
        margin-bottom: 30vh;
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .nav-tabs > li {
        color: #fff;
        float: none;
        border: 1px solid #dddddd;
    }

    .nav-tabs > li.active > a {
        color: #fff;
        border: none;
    }

    .nav > li > a:hover, .nav > li > a:focus,
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        color: #000;
        background: #d89800;
        border: none;
    }
}