html * {
    font-family: Arial, sans-serif;
}

li.active {
    background-color: #00A0DF;
    height:32px;
    line-height:1.25;
}

li.active a {
    color:white;
    font-weight: bold;
    font-size:18pt;
    padding-left:2rem;
}

.disabled-link {
    color:white;
    font-weight: bold;
    font-size:17pt;
    padding-left:2rem;
}

.active-grey {
    background-color: #777777;
}

a {
    color: #00A0DF;
}

li.nav-item a {
    color: #707270;
    font-weight: bold;
    font-size:18pt;
    padding-left:2rem;

}

li:hover.nav-item {
    background-color: rgba(0, 160, 223, 0.1);
}

li.nav-item a:hover {
    text-decoration: none;
}

li.nav-item-alt {
    height:32px;
}

li.nav-item-alt a {
    color: #00A0DF;
    font-weight: bold;
    font-size:17pt;
    padding-left:2rem;
    line-height:1.2;

}

li:hover.nav-item-alt {
    background-color: rgba(0, 160, 223, 0.1);
}

li.nav-item-alt a:hover {
    text-decoration: none;
}




.nav-link {
    display: block;
    padding: 0rem 0rem; !important

}

h1 {
    font-weight: bold;
    font-size:27pt;
}

h2 {
    font-weight: bold;
    font-size:36pt;
}

h3 {
    font-weight: bold;
    font-size:32pt;
}

h4 {
    font-weight: bold;
    font-size:24pt;
}

h5 {
    font-weight: bold;
    font-size:21pt;
}

h6 {
    font-weight: bold;
    font-size:18pt;
}

h7 {
    font-size:17pt;
}

h8 {
    font-size:14pt;
}

h9 {
    font-weight: bold;
    font-size:14pt;
}

h10 {
    font-size:14pt;
}

h11 {
    font-weight: bold;
    font-size:12pt;
}

h5.nav-link-detail {

    display: table-cell;
    vertical-align: middle;
    font-size:18pt;

}


h5.nav-text-green {
    color:white;
    background-color:#007755;
    height:30px;
    width:350px;
    display: table-cell;
    vertical-align: middle;
    padding-left:20px;
    padding-right:20px;
    line-height:1.25;
}

h1.header-grey {
    font-weight:normal;
    font-size: 46pt;
    color:#898989;
}


li:hover.nav-item {
    background-color: rgba(0, 160, 223, 0.1);
}

li.nav-item a:hover {
    text-decoration: none;
}


a.nav-home-link {

    color:white;
    font-size:21pt;
    font-weight: bold;
}




.card {
    width: 100%;
    #max-height: 270px;
    min-height: 280px;
    font-size:13pt;
}




.col-cards {
    width: 100%;
    margin-right: 15px;
}


.pagesection {
    max-width:350px;
}

.header-white {
    color:white;
    font-size: 18pt;
    font-weight:bold;
    text-align:center;
    line-height:37px;
}

.body-row {
    margin-left:-30px;
}
.col-cards{ margin-bottom: 25px;}
.ticker-row {
    margin-bottom: 25px;
    margin-left: 0px;
    justify-content:flex-start;
    max-width:95%;
}

.text-box-column-left {
    min-width:450px;
    padding-left:0px;
    padding-right:15px;
}

.text-box-column-right {
    min-width:450px;
    padding-left:15px;
    padding-right:0px;
}

.text-box-column-single {
    min-width:450px;
    padding-left:0px;
    padding-right:0px;
}


.row-dashboard {
    margin-bottom: 25px;
    margin-left: -25px;
    justify-content:flex-start;

}



.social-media-custom {
    margin-right: 0px;
}

.social-media-table {

}

.social-media-table td {
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
}

.container-fluid {
    width:100%;
    margin-left:0px;
}

.col-md-left-nav {
    -webkit-box-flex: 0;
    -ms-flex: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    min-width: 100%;
}

h5.nav-text {
    color: white;
    background-color: #777777;
    height: 32px;
    width: 100%;
    margin-bottom:0px;
    font-size:18pt;
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 20px;
}

.lob-images {
    width:200px;
}


.lob-custom-col {
    max-width:330px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .social-media-custom {
        margin-right: 115px;
    }

}

.hamburger-icon {
    display:inline;
}

@media (min-width: 550px) {

    .hamburger-icon {
        display:none;
    }

    .index-buttons a {
        font-size:20pt;

    }


    .lob-images {
        width:200px;
    }

    .lob-text {
        max-width:130px;
    }


    .row-dashboard {
        margin-bottom: 25px;
        margin-left: -25px;
        justify-content:flex-start;

    }


    h5.nav-text {
        color:white;
        background-color:#777777;
        height:30px;
        width:350px;
        display: table-cell;
        vertical-align: middle;
        padding-left:20px;
        padding-right:20px;
    }

    .container-fluid {
        width:100%;
        margin-left:auto;
    }

    .col-md-left-nav {
        -webkit-box-flex: 0;
        -ms-flex: 310px;
        flex: 0 0 310px;
        max-width: 310px;
        min-width: 310px;
    }

    .social-media-custom {
        margin-right: 10px;
    }



    .body-row {
        margin-left:-15px;

    }

    .body-content {
        max-width: 1110px;
        padding-left:30px;
        padding-right:60px
    }


    .pagesection {
        max-width:100%;
    }


    .col-cards {
        margin-left:  25px;
    }


}

@media(min-width: 1158px) {
    .col-cards {
        margin-left:  25px;
        min-width: 350px;
        max-width: 45%;
    }

    .card {
        max-width: 100%;
        min-width: 350px;
        font-size:13pt;
    }
}




/* past 1440 you lose a lot of small laptop screens*/
@media (min-width: 1417px) {


    .lob-text {
        max-width:100%;
    }

    .lob-images {
        width:200px;
    }

    .lob-link {
        font-size:21pt;
    }

    .header-green-layout {
        height:37px;
    }


    .container-fluid {
        max-width:100%;
        width:100%;
        margin-left:auto;
    }


    .col-cards {
        margin-left:  25px;
        max-width: 485px;
        width:100%;
    }

    .card {
        max-width: 485px;
        min-width: 450px;
        font-size:13pt;
    }

    .pagesection {
        max-width:100%;
    }

    .row-dashboard {
        justify-content: space-between;
    }

    .body-row {
       width:1420px;
    }


}


.card-title {
    color:#898989;
    margin-top:10px;
    margin-left: 10px;
    font-size:18pt;
    line-height:.5;
}


.detail-txt{
    margin-left:2rem;
}

.collapse {

}

[data-toggle="collapse"].collapsed .if-not-collapsed {
    display: none;
}
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
    display: none;
}

.grid-max {
    max-width:1390px;
}

.small-col-padding {
    padding:5px;
}

.tiny-wight {
    font-size:11pt;
    color:#FFFFFF;
}

.white-link {
    color:white;
    text-decoration: underline;
}

ul {
    list-style-type: none;
    margin-bottom:0px;
}




.tick-title {
    font-size: 21pt;
    color:#777777;
}

.ticker-content {
    background-color:#EAF5F2;

}



.ticker-inner-div {
    position:relative;
    height:40px;
    overflow:hidden;
    font-size:17pt;
    padding-top:10px;


}


.btn-secondary {
    border-radius:0rem;
    background-color:#dddddd;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    border-bottom: 2px solid #777777;
    font-size:21pt;
    color:#00A0DF;
    font-weight:bold;
}

/*div[class="row"] {*/
    /*outline: 1px dotted rgba(0, 0, 0, 0.25);*/
/*}*/

/*div[class^="col-"] {*/
    /*background-color: rgba(255, 0, 0, 0.2);*/
    /*outline: 1px dotted rgba(0, 0, 0, 0.5);*/
/*}*/



.odd td {
    border-bottom:1pt solid black;
    padding:10px;
    border-color:#DDDDDD;
    font-size:13pt;
}

.even td {
    border-bottom:1pt solid black;
    padding:10px;
    border-color:#DDDDDD;
    font-size:13pt;
}

.viewall {
    text-align:right;
    padding-right:10px;
}

.margin-container {
    margin-left: auto;
    margin-right: auto;
    max-width:1450px;
}

.warningText {
    color:red;
}

.odd {
    font-size:13pt;
    text-align:center;
}

.even {
    font-size:13pt;
    text-align:center;
}

.section-box {
    font-size:12pt;
    padding: 20px;
    #min-width: 480px;

}

.index-buttons {
    min-width:350px;

}

.spacing-txt-blocks {
    line-height: 1;
    margin-bottom:0px;
}

.uw_name {
    font-weight:bold;
}


.fa-home {
    color: white;
}

.divider-hr {
    margin-bottm:0px;
    margin-top:0px;
}

.span-float {
    position:relative;
    line-height:1.25;
}

.span-float span{
    position: absolute;
    top:18px;
    left: 310px;
    font-size:10pt;
}

.span-float span a {
    font-weight:normal;
    font-size:12pt;
}

.tooltip > .tooltip-inner {background-color: #00A0DF;}

.fa-home-at-home {
    color:grey;
    opacity: .60;
}

.static-screen-layout-row {
    margin-left:0px;
    margin-right:0px;
    margin-top:10px;
    width:100%;
    justify-content: space-between;
}

.button {
    background-color: #007755;
    border: solid;
    border-width:3px;
    border-color: #007755;
    color: white;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
}

.button:hover {
    background-color:#95C659;
    border-color:#95C659;
}

.button-secondary {
    background-color: #FFFFFF;
    border: solid;
    border-width:3px;
    border-color: #007755;
    color: #007755;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;

    cursor: pointer;
}

.button-secondary:hover {
    background-color: #E5F1ED;
}

.table-header {
    color:#000000;
    font-weight:bold;
    border-bottom:1pt solid #777777;
    border-top:2pt solid #777777;
}

.table-header td {
    padding:10px;
}

.table-header a {
    color:black;
}

.input-group > .form-control {
    width:95px;
    font-size:12pt;
    padding: 0px 5px;
}

.userform_div input {
    float:right;
    clear:both;
}

.n{
    color:#ff0000;
    font-weight:bold;
    font-size:9pt;
}