@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

#sliderWrap {
    background: url(../images/bg-sliderWrap.jpg) center center;
    background-size: cover;
    width: 100%;
    height: 600px;
  /*  float: left;*/
    margin: 0;
    position: relative;
}

#slide01, #slide02, #slide03, #slide04, #slide00, #slide001, #slide002-video {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    box-sizing: border-box;
}
.WhoIsIMS {
    visibility: hidden;
    height: 0;
}

.slideTextTop {
    width: 45%;
    height: auto;
    margin: 0;
    padding-right: 25px;
    padding-top: 40px;
    padding-left: 50px;
    color: #FFF;
    font-size: 22px;
    float: left;
    box-sizing: border-box;
}

.slideText {
    width: 45%;
    height: auto;
    margin: 0;
    padding: 5%;
    color: #FFF;
    font-size: 22px;
    float: left;
    box-sizing: border-box;
     top: -50px;
}
}
.slideText_wide {
    width: 80%;
    height: auto;
    /* float: left; */
    margin: auto;
    padding: 5%;
    color: #FFF;
    /* font-size: 22px; */
    text-align: center;
}
#SlideVideo {
    width: 100% !important;
    min-height: 42.1875%;
    min-height: 42.1875vw;
    height: 500px !important;
    vertical-align: middle;
    /* margin: auto; */
    position: relative;
    top: -50px;
}
#slide002 #SlideVideo {
    width: 50%;
    height: 600px;
}
    .slideText h1 {
        font-size: 50px;
        font-weight: 700;
        margin: 0 0 30px;
    }

    .slideText p {
        font-weight: 300;
        margin: 0 0 30px;
    }

    .slideText h2 {
        font-size: 18px;
        font-weight: 500;
        margin: 0;
    }

.slideText_wide h2 {
    text-align: right;
}

img.HCBB-banner {
    width: 100%;
    position: relative;
}
.slideText a, .slideText_wide a {
    display: inline-block;
    background: #61a60e;
    color: #FFF;
    text-decoration: none !important;
    padding: 20px 25px;
    border: 3px solid #61a60e;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

        .slideText a:hover {
            background: transparent;
        }

.slidePic {
    width: 50%;
    height: 600px;
    float: right;
    padding-right: 2vw;
    margin: 0;
    box-sizing: border-box;
}

#slide099 .slidePic, #slide098 .slidePic, #slide097 .slidePic, #slide096 .slidePic, #slide00 .slidePic {
    background-color: rgba(23,23,23,0.5);
    background-image: url('../Images/Covid-19.png');
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
}
#slide01 .slidePic {
    background: url('../Images/BigStock/Orig/bigstock-119903033.jpg') top center;
    background-size: cover;
    background-repeat: no-repeat;
}

#slide002-video .slidePic {
    background: url('../Images/RealPeople.png') center center;
    background-size: contain;
    background-repeat: no-repeat;
}


#slide02 .slidePic {
    background: url('../Images/BigStock/Orig/bigstock-44541598.jpg') top center;
    background-size: cover;
}

#slide03 .slidePic {
    background: url('../Images/BigStock/Orig/bigstock-160696862.jpg') top center;
    background-size: cover;
}
#slide04 .slidePic {
    background: url('../Images/WEST_TEXAS_AMARILLO_RACE_3_Color_Black.jpeg') top center;
    background-size: cover;
}
#slide100 .slidePic {
    background: url('../Images/COVID-hometest.png') top center;
    background-size: cover;
}
#slide00 .slidePic {
    background: url('../Images/HealthcareBLuebook.jpg') top center;
    background-size: cover;
}

#slide001 .slidePic {
    background: url('../Images/Awards/Chamber_Award_2023_3.jpg') top center;
    background-size: cover;
}
.cycle-pager {
    text-align: center;
    width: 45%;
    z-index: 400;
    position: absolute;
    bottom: 20px;
    overflow: hidden;
}

    .cycle-pager span {
        font-family: arial;
        font-size: 50px;
        width: 10px;
        height: 10px;
        display: inline-block;
        background: #61a60e;
        margin: 0 5px;
        cursor: pointer;
        overflow: hidden;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

        .cycle-pager span.cycle-pager-active {
            background: #f5c300;
        }

    .cycle-pager > * {
        cursor: pointer;
    }

#contact {
    background: #006680;
    width: 100%;
    height: 30px;
    position: relative;
/*    float: left;*/
    margin: 0;
    padding: 35px 0px;
    text-align: center;
    color: #FFF;
    font-size: 26px;
    font-weight: 500;
}

    #contact a {
        background: #003764;
        color: #FFF;
        font-size: 18px;
        padding: 20px 60px;
        margin: 0 0 0 40px;
        text-decoration: none;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

        #contact a:hover {
            background: #61a60e;
        }

#teaserWrap {
    width: 88%;
    width: calc(90vw - 12px);
    height: 400px;
    position: relative;
/*    float: left;*/
    margin: 0;
    padding: 90px 5% 70px;
    padding: 90px 5vw 70px;
    color: #003764;
    font-size: 16px;
}

    #teaserWrap h1 {
        font-size: 36px;
        font-weight: 700;
        margin: 0 0 20px;
        text-align: center;
    }

#tease01, #tease02 {
    width: 40%;
    width: 40vw;
    height: auto;
    float: left;
    margin: 0 2%;
    margin: 0 2vw;
    box-sizing: border-box;
    text-align: justify;
}

#video_en {
    width: 75%;
    height: 47.81%;
    width: 75vw;
    height: 47.81vw;
    margin: 0;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

#video_es {
    background-size: cover;
    width: 75%;
    height: 42.1875%;
    width: 75vw;
    height: 42.1875vw;
    float: left;
    margin: 0;
    position: relative;
    overflow: hidden;
}

:lang(en) #video_es {
    display: none;
}

:lang(es) #video_en {
    display: none;
}

#video {
    display: block;
    width: 100% !important;
    min-height: 42.1875%;
    min-height: 42.1875vw;
    height: auto !important;
}

.WMGreeting {
    font-size: 20px;
    padding-bottom: 10px;
}

.WMbody {
    font-size: 30px;
    font-weight: bold;
    padding: 5% 0;
}

.WMupdate {
    padding-top: 15px;
    font-size: 15px;
}

#IMSLetter {
    width: 100%;
    color: #003764;
    position: relative;
    top: -15px;
    /*min-height: 20vw;*/
    height: auto;
    /*padding-bottom: 15px;*/
    line-height: 1.5em;
}

#WeatherMessage {
    width: 90%;
    margin-left: 5%;
    /*padding-top: 130px;*/
    position: relative;
}

    #WeatherMessage hr {
        border-color: rgba(255,255,255,.3);
    }

    #WeatherMessage blockquote {
        border-left: none;
    }

#WeatherTitle {
    text-align: left;
    width: 45%;
    left: 5%;
    font-size: 35px;
    top: 100px;
    position: absolute;
    display: block;
    height: 40px;
}

#Clock {
    /*text-align: right;
    width: 45%;
    top: 100px;
    position: absolute;
    left: 50%;
    display: block;
    font-size: 35px;
    height: 40px;*/
}

#Forecast {
    text-align: left;
    margin-left: 55px;
    min-height: 360px;
    height: auto;
    padding-bottom: 50px;
    position: relative;
}

#Current {
    left: 2.5%;
    width: 15%;
    position: relative;
    border-right: solid 1px #ccc;
}

    #Current a {
        text-decoration: none;
        display: block;
    }

    #Current ul {
        list-style: none;
        margin-top: 0;
        display: block !important;
        padding-left: 0px;
    }

    #Current h4 {
        margin: 0;
    }

#outlook h4 {
    margin: 0;
    padding: 5px;
}

#outlook {
    width: 75%;
    top: 0;
    left: 20%;
    position: absolute;
    height: 400px;
    overflow-y: scroll;
    padding-right: 40px;
}

#ContactTop {
    /* background: url(../images/contact-phone.jpg) right bottom no-repeat;
   background-size: cover;*/
    background-color: white;
    width: 90%;
    width: 90vw;
    height: 740px;
    min-height: 25vw;
    position: relative;
    /*padding-top: 100px;*/
    top: -30px;
}

#ContactPanel {
    border-radius: 25px;
    background-color: #003764;
    background: url(../images/bg-sliderWrap.jpg) center center;
    padding: 20px;
    color: white;
    border: 3px solid #61a60e;
    position: absolute;
    top: 20px;
    /*left: 5%;*/
    width: 300px;
    height: 615px;
}

#ContactTop div strong {
    padding: 20px 5px;
    font-size: 25px;
    display: inline-block;
}

#ContactTop div abbr {
    font-weight: bold;
    width: 200px;
    display: inline;
}

#ContactTop div span {
    text-align: right;
    width: 120px;
    float: right;
}

#ContactTop div hr {
    border: 1px solid #61a60e;
    width: 80%;
}

#ContactEmail-info {
    width: 75%;
    width: calc(80% - 475px);
    width: calc(80vw - 475px);
    max-width: 800px;
    min-width: 575px;
    position: relative;
    top: 20px;
    left: calc(5vw + 375px);
    left: 425px;
    background: url(../images/bg-sliderWrap.jpg) center center;
    background-size: cover;
    padding: 20px;
    color: white;
    border: 3px solid #61a60e;
    height: 615px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

#ContactEmail {
    width: 70%;
    width: calc(80vw - 475px);
    max-width: 800px;
    min-width: 575px;
    position: relative;
    top: 20px;
    left: calc(5vw + 375px);
    left: 425px;
    background: url(../images/bg-sliderWrap.jpg) center center;
    background-size: cover;
    padding: 20px;
    color: white;
    border: 3px solid #61a60e;
    height: AUTO;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

    #ContactEmail-info blockquote, #ContactEmail blockquote {
        width: 80%;
        text-align: center;
    }

    #ContactEmail-info span, #ContactEmail span {
        width: 230px !important;
    }

    #ContactEmail-info form div, #ContactEmail form div {
        display: inline-block;
        position: relative;
        top: 0px;
        width: 100%;
    }

#ContactTop-Email {
    /*background: url(../images/contact-phone.jpg) right bottom no-repeat;*/
    background-color: white;
    width: 90%;
    width: 90vw;
    min-height: 780px;
    height: auto;
    max-height: 900px;
    position: relative;
    /* padding-top: 100px; */
    margin-bottom: 75px;
    top: -30px;
}

    #ContactTop-Email div strong {
        padding: 20px 5px;
        font-size: 25px;
        display: inline-block;
    }

    #ContactTop-Email div abbr {
        font-weight: bold;
        width: 200px;
        display: inline;
    }

    #ContactTop-Email div span {
        text-align: right;
        width: 120px;
        float: right;
    }

    #ContactTop-Email div hr {
        border: 1px solid #61a60e;
        width: 80%;
    }

.Email-lbl {
    display: inline-block;
    /*text-align:right;*/
    padding-right: 10px;
    padding-left: 5%;
    width: 37.5%;
    line-height: 3em;
}

.Email-textarea {
    width: 90%;
    height: 25vh;
    min-height: 200px;
    margin-left: 4%;
}
.g-recaptcha-message {
        display: inline-block;
    font-size: 20px;
    margin: 20px 0;
    padding: 20px;
    /* border: 1px solid #D3D3D3; */
    position: relative;
    top: -30px;
    width: 50% !important;
    float: none;
    text-align:left !important;
    margin-left: 25px;
}
.g-recaptcha {
    width: 40% !important;
    display: inline-block;
    position: relative;
    left: 2vw;
}


.nice {
    border: none;
    display: block;
    width: 100%;
    /*max-width: 360px;*/
    margin-top: .8em;
    left: 5%;
}

    .nice .NFI-filename {
        display: block;
        width: 54.5%;
        font-size: 17px;
        border: none;
        border: 1px solid #61a60e;
        border-radius: 10px;
        padding: 5px !important;
        transition: box-shadow 0.3s, border 0.3s;
    }

    .nice .NFI-button {
        font-size: 17px;
        background: #369;
        color: #fff;
        width: 30% !important;
        border: 1px solid #61a60e;
        border-radius: 10px;
        padding: 5px;
        transition: box-shadow 0.3s, border 0.3s;
        margin-right: 25px;
    }

        .nice .NFI-button:hover {
            background: transparent;
            box-shadow: 0 0 5px 1px #61a60e;
        }

.p-center {
    left: 5%;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.Email-Submit {
    float: right;
    margin-right: 5%;
}

.Email-Reset {
    margin-left: 5%;
}

.about {
    background: url(../images/bg-sliderWrap.jpg) center center;
    background-size: cover;
}

#aboutUS {
    position: relative;
    padding-top: 60px;
    padding-bottom: 50px;
}

    #aboutUS section h3, #aboutUS section h2 {
        padding-bottom: 10px;
        border-bottom: 1px solid black;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }

.text-center {
    text-align: center;
    font-style: italic;
}

 

#aboutUS section {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 20px;
    position: relative;
    background-color: white;
    /*border: 3px solid #61a60e;*/
    margin-bottom: 35px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    width: 80vw;
    font-size: 17px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#who-we-are-img {
    background: url(../images/pic-tease01.png) center center;
    border: 3px solid #61a60e;
    background-size: cover;
    height: 300px;
    width: 300px;
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    position: absolute;
    top: 20px;
    right: 1%;
    right: 1vw;
}

#who-we-are-info {
    width: 75%;
    width: calc(79% - 310px);
    width: calc(79vw - 310px);
}

#aboutUS section p {
    padding-left: 20px;
    padding-right: 20px;
    text-align: justify;
}

#aboutUS section h3 {
    font-size: 30px;
    margin-top: 0;
    text-align: center;
}

#aboutUS section h5 {
    font-size: 18px;
    margin: 0;
}

#contentBox ul {
    list-style: none;
    padding-left: 20px;
    line-height: 1.5em;
    font-size: 17px;
    width: 60%;
}

#help-container {
    position: relative;
    width: 80%;
    width: 80vw;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

    #help-container p {
        padding-left: 2.5vw;
    }
    
#help-img, #Employment-img, #Forms-img, #Products-img, #Request-img, #Benny-img,  #Secure-img, #Vault-img, #Reform-img, #Prescript-img, #RBP-img, #Vault-img, #imsFST-img {
    width: 40%;
    height: 350px;
    height: 45vh;
    /*padding-left: 5%;*/
    position: absolute;
    right: 0px;
    top: 87px;
}

#Employment-img {
    background: url(../images/employment-application.jpg) center center;
    background-size: cover;
}

#Forms-img {
    background: url(../images/paperwork.jpg) center center;
    background-size: cover;
}

#Products-img {
    background: url(../images/IMS-products-and-services.jpg) center center;
    background-size: cover;
}

#Request-img {
    background: url(../images/RequestAProvider-2.jpg) center center;
    background-size: cover;
}

#help-img {
    background: url('../Images/BigStock/Orig/bigstock-67528870.jpg') center center;
    background-size: cover;
}
#WEX-right {

    width: 50vw;
    right: 0px;
    line-height: 1.5em;
}
#WEX-right ul
{    margin-left: 10%;}
#Benny-img {
    background: url(../images/Benny.jpg) center top no-repeat;
    background-size: contain;
    width:25vw;
}
#WEX-img {
    background: url(../images/WEX_Benefit_Card.png) center top no-repeat;
    width:25vw;
    background-size: contain;

    height: 350px;
    height: 45vh;
    /*padding-left: 5%;*/
    position: relative;
    
    top: 15px;
}

#Secure-img {
    /*background: url('../Images/secure-email.jpg') center center;*/
    background: url('../Images/BigStock/Orig/bigstock-150954236.jpg') center center;
    background-size: cover;
}

#Reform-img {
    /*background: url(../images/HealthcareReform-3.jpg) right top no-repeat;*/
    background: url('../Images/HC-Reform.jpg') center center no-repeat;
    background-size: contain;
}

#Prescript-img {
    background: url('../Images/pharmacy.jpg') center center;
    background-size: cover;
}

#RBP-img {
    background: url('../Images/sKey.jpg') center center;
    background-size: cover;
}

#Vault-img {
    background: url('../Images/privacy-key.jpg') right top no-repeat;
    background-size: contain;
}

#imsFST-img {
    background: url('../Images/Design/ims_FS.png') center top no-repeat;
    background-size: contain;
}

#locker-img {
    width: 25%;
    height: 200px;
    height: 30vh;
    /*padding-left: 5%;*/
    position: absolute;
    right: 0px;
    top: 87px;
}

#locker-left {
    position: relative;
    top: -20px;
    width: 70%;
    /*height: 45vh;
   padding-left: 5%;*/
    line-height: 1.5em;
}

#Employment-left, #Forms-left, #Products-left, #Request-left, #Secure-Left, #Benny-left, #Reform-left, #Prescript-container, #RBPKey, #help-left, #Search-left, #imsFST-left {
    position: relative;
    top: -20px;
    width: 50%;
    /*height: 45vh;
   padding-left: 5%;*/
    line-height: 1.5em;
}

#mainLogin {
    position: relative;
    top: 10px;
    width: 60%;
    line-height: 1.5em;
}

#Reform-left {
    width: 65%;
}

#Employment-left ul {
    list-style: none;
}

#Forms-left p {
    margin: 0;
}

#Adobe-link {
    /*width: 75%;*/
    text-align: justify;
}

    #Adobe-link img {
        position: absolute;
        top: 0px;
        /* left: 71vw; */
        right: 0px;
        height: 30px;
    }

#Request-left {
    line-height: 1.5em;
    font-size: 17px;
}

    #Request-left p {
        margin: 0;
    }

#showIMG {
    display: none;
}

#Search-img {
    width: 350px;
    height: auto;
    height: 45vh;
    position: absolute;
    right: 0px;
    top: 75px;
}
/*#Search-left{
    width: 55%;
    top: -20px;
    height: 45vh;
    padding-left: 5%;
    position: relative;
}*/
#Search-left p {
    margin: 0;
}

.panel {
    min-height: 470px;
}

.panel-info {
    padding-bottom: 20px;
}

.span-not-member {
    padding-right: 10%;
    float: right;
}

.search-submit-div {
    left: 5%;
    position: relative;
}

.divhr {
    overflow: hidden;
    text-align: center;
}

.h1 {
    font-size: 15px;
    display: inline-block;
    padding: 0 20px;
    position: relative;
}

    .h1:before {
        right: 100%;
    }

    .h1:before, .h1:after {
        background: #ddd;
        content: "";
        display: block;
        height: 1px;
        position: absolute;
        top: 50%;
        width: 80%;
        width: 80vw;
        margin-left: 40px;
    }

.search-radio {
    padding: 0px 20px 20px 20px;
}

#MemberID {
    top: -20px;
    position: relative;
    min-height: 125px;
}

#contentBox {
    height: auto;
    padding-bottom: 25px;
    position: relative;
    top: 10px;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    width: 95%;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
            color: #fff;
            background-color: #61a60e;
            border-color: #232323;
        }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: #232323;
            background-color: #fff;
            border: 1px solid #232323;
            margin-left: -1px;
        }

    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        z-index: 2;
        color: #61a60e;
        background-color: #232323;
        border-color: #232323;
        cursor: default;
    }

#search-pg-count {
    height: 50px;
    position: relative;
    top: 15px;
    margin-bottom: 20px;
}

#pg-count {
    width: 130px;
    position: relative;
    top: 10px;
    padding-left: 1%;
    padding-left: 1vw;
}

#search-pg-count ul {
    position: relative;
    /* left: 150px; */
    top: -40px;
    margin-left: auto;
    margin-right: auto;
    width: 350px;
    display: block;
}

 

.search-mymap {
    position: relative;
    width: 45%;
    width: 45vw;
    height: 200px;
    height: 55vh;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}

#SavePDF {
    position: absolute;
    /* float: right; */
    /* padding-right: 45vw; */
    top: 0px;
    right: 1%;
    right: 1vw;
}

#SearchPage {
}

.visible {
    display: none !important;
}

#Benny-left ul {
    margin-left: 10%;
}

#MC-img {
    width: 285px;
    position: absolute;
    right: 0px;
    top: 87px;
}

#MC-logo {
    position: absolute;
    bottom: 10px;
}

#MC-Left {
    width: 80%;
    width: calc(100% - 325px);
    top: -20px;
    position: relative;
    height: 800px;
    text-align: justify;
}

    #MC-Left p {
        line-height: 1.2em !important;
        padding: 0 !important;
    }

.PasswordForgot, .PasswordClose {
    display: inline-block;
}

.PasswordForgot {
    padding-left: 12%;
    padding-left: calc( 10% + 150px);
}

.PasswordClose {
    padding-left: 12%;
    padding-left: calc( 10% + 50px);
}

#loginBox, #folderView {
    width: calc(100% - 285px);
}

#folderView {
    display: inline-block;
}

#UserBannner, #UserBannnerlg {
    font-size: 17px;
    font-weight: 400;
    top: 5px;
    z-index: 10;
}

#logOut {
    padding-left: 25px;
}

.Report-lbl {
    display: inline-block;
    padding-right: 5%;
    line-height: 2.7em;
    width: 200px;
    padding-left: 5%;
}

.my-inner {
    color: initial;
    border: 1px solid #232323;
    width: 275px;
    border-radius: 25px;
    text-align: center;
    padding-bottom: 15px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

    .my-inner:hover, .my-inner:focus {
        -webkit-box-shadow: 0 10px 10px 0 rgba(99, 167, 10, 0.8), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -moz-box-shadow: 0 10px 10px 0 rgba(99, 167, 10, 0.8), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        box-shadow: 0 10px 10px 0 rgba(99, 167, 10, 0.8), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

.link-card {
    width: 275px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 25px;
}

.container-fluid {
    width: 78%;
    width: 78vw;
    margin-left: auto;
    margin-right: auto;
}

.card-multi {
    padding: 25px 10px 25px 10px;
    margin: 0;
    display: inline-block;
}

.link-card img {
    height: 60px;
}

.RBP-cbo {
    width: 360px !IMPORTANT;
}

.rbp-btn {
    padding-top: 25px;
}

#Vid-Div {
    width: 70%;
    width: 70vw;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

    #Vid-Div video {
        width: 70%;
        width: 70vw;
    }

#RBP-Vid-Div {
    width: 70%;
    width: 75vw;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.RBP-Video {
    width: 75%;
    width: 75vw;
    height: 47.81%;
    height: 47.81vw;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.sticky-footer {
    /*position: absolute;*/
    bottom: 0;
    width: 100%;
    width: 100vw;
    box-sizing: border-box;
    margin-top: 17px;
}

#editPassword {
    top: 15px;
    position: relative;
}

#Zip-Panel, #Provider-Results, #Provider-Result {
    min-height: 250px;
    height: auto;
}

#locker-left .table-bordered {
    width: 100%;
    border: 0;
    border-collapse: separate;
    border-spacing: 0 5px;
}

    #locker-left .table-bordered thead th {
        font-size: 20px;
        border-bottom: 1px solid #003764;
        border-collapse: separate;
        border-spacing: 5px 5px;
        text-align: center;
    }

#locker-left th.col1 {
    width: 60%;
}

#locker-left th.col2 {
    width: 15%;
}

#locker-left .table-bordered tfoot th {
    border-top: 1px solid #003764;
    border-collapse: separate;
    border-spacing: 5px 5px;
    text-align: left;
    font-weight: normal;
}

#locker-img img {
    object-fit: contain;
    overflow: hidden;
    width: 100%;
}

#locker-left .table-bordered tbody .body_col1 {
    text-align: left;
}

#locker-left .table-bordered tbody .body_col2 {
    text-align: Right;
}

#locker-left .table-bordered tbody .body_col3 {
    text-align: center;
}

#locker-left .table-bordered tbody tr:nth-child(even) td {
    background: #EAF4E2;
}

.Delwarn {
    color: red;
    font-weight: bold;
    padding-left: 20px;
}

#locker-left a:hover {
    color: #003764;
    text-decoration: none;
}

.FSTsubmit {
    border: 1px solid #61a60e;
    background-color: #003764;
    color: white;
    font-size: 20px;
    padding: 5px 10px;
    border-radius: 10px;
    margin-top: 12px;
    width: 30%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

    .FSTsubmit:hover {
        border: 1px solid #61a60e;
        background-color: white;
        color: #003764;
        font-size: 20px;
        padding: 5px 10px;
        border-radius: 10px;
        margin-top: 12px;
        width: 30%;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    .DelDate{
            text-align: right !important;
    }

#facebook_link {
        display: block;
    width: 300px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 1vh;
}

    a.facebook-link {
    display: block;
 
}
.facebook-img {
    background-image: url('../Images/facebook.png');
    height: 100px;
   background-size: contain;
    border-radius: 10px;
}
.facebook-img:hover{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}


.flex-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
@media screen and (max-width: 1024px) {
    .flex-row {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    div#Forms {
        display: flex;
        flex-direction: column !IMPORTANT;
        align-content: center;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .form-item {
        width: 100% !IMPORTANT;
        display: flex;
        flex-direction: column;
        margin: 10px 2vw !IMPORTANT;
        padding: 1vh 2vw !IMPORTANT;
    }
}
section.detail {
    width: 90vw;
    margin: 0 auto;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.detail h2 {
    font-size: 32px;
    text-align: center;
    border-bottom: 1px solid rgba(0,55,101,0.75);
    margin: 10px 20px;
    padding: 10px;
    color: rgb(0,55,101);
}


section.teaser-badge {
    display: flex;
    align-items: center;
}

img.teaser {
    height: 175px;
}

.teaser-badge p {
    font-size: 18px;
    padding: 10px 25px;
    text-align: justify;
}

iframe.video-sm {
    width: 40vw;
    height: calc(40vw / 1.78);
    margin: 0 auto;
}