﻿
.searchTabsContent {
    margin-top: 0;
    padding-top: .5rem;
}

ul.searchTabs {
    max-width: 100% !important;
}

li.searchTabsTitle {
    width: 100% !important;
    height: 40px;
    float: left !important;
}

    li.searchTabsTitle.hide-for-small-only {
        display: none;
    }

.searchTabsPanel {
    padding-bottom: 1rem;
}

.text-center {
    text-align: center !important;
}

.pagination .current {
    padding: 0.35vw;
    background-color: #2aaaa9;
    opacity: 1 !important;
    cursor: default;
}

.plusIcon {
    width: 1vw;
}

.pagination li:first-child, .pagination li:last-child {
    display: contents;
    opacity: 0.4;
}

@media screen and (max-width: 768px) {
    .small-heading-font-up-to-medium {
        font-size: 16px;
    }

    #PopModal {
    }
}

.card:hover {
    color: white;
    background-color: #2aaaa9;
}

.reveal button.close-button {
    color: #fff;
    background: #f9706a;
    font-size: 1.4em;
    border-radius: 6px;
    width: 30px;
    height: 30px;
    right: 20px;
    top: 10px;
}

.button.hollow:focus, .button.hollow:hover {
    border-color: #228b8b;
    color: white;
    background-color: #2aaaa9;
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.75);
}

.button.hollow {
    border-color: #228b8b;
    color: #2aaaa9;
    background-color: #fff;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.35);
}

.button.primary {
    border-color: #228b8b;
    color: white;
    background-color: #2aaaa9;
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.75);
}

    .button.primary:hover, .button.primary:focus {
        border-color: #228b8b;
        color: #2aaaa9;
        background-color: #fff;
        box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.75);
    }

.editProfileSpan {
    font-size: medium;
    font-weight: 600;
}

.editProfileP {
    font-size: small;
    font-style: italic;
}

.step1Btn {
    border-radius: 25px;
    width: 100%;
}

.callout {
    -webkit-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.66);
    -moz-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.66);
    box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.66);
}

.pagination a, .pagination button {
    display: flex;
    padding: 0.35vw;
    border-radius: 35px;
    font-size: inherit;
    background-color: #2aaaa9;
    opacity: 0.5;
    margin: 10px;
    margin-bottom: 0;
}

#myBar {
    width: 44%;
    height: 30px;
    font-size: inherit;
    background-color: #2aaaa9;
    text-align: center;
    color: white;
    border-radius: 25px;
    border: 2px solid #FFf;
    -webkit-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.39);
    -moz-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.39);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.39);
}

.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
    background-color: #2aaaa9;
    color: #FFF;
}

.tabs-title > a:hover {
    background-color: #2aaaa9;
    color: #FFF;
}

#panel1 {
    border-radius: 7px 0 0 0;
}

.tabs {
    font-size: large;
}

.font-size28 {
    font-size: 28px;
}

.p6 a {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    padding: 0;
    margin: auto 5px;
    text-align: center;
    position: relative;
    background-color: rgba(46, 204, 113, 0.5);
}

.p6 .is-active {
    background-color: #2ecc71;
}


.reveal {
    display: none;
    z-index: 1006;
    border: none;
    background-color: #fff;
    border-radius: 12px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    overflow-y: auto;
    padding: 45px;
    padding-bottom: 10px;
}

#myBar2 {
    width: 90%;
    background-color: #FFF;
    text-align: center;
    color: white;
    border-radius: 25px;
    border: 2px solid #FFf;
    -moz-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.39);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.39);
}
/*Large Styling only*/
@media screen and (min-width: 769px) {

    #PopModal {
        width: 35%;
        display: block;
        top: 10vw;
    }

    .tab-font {
        font-size: medium !important;
        font-weight: 530;
    }

    .envIco {
        color: #2aaaa9;
        border: 2px solid #2aaaa9;
        padding: 8%;
        border-radius: 10px;
        font-size: 28px;
    }
}
/*Tablet Styling only*/
@media screen and (max-width: 768px)and (min-width: 640px) {
    #PopModal {
        width: 75%;
        display: block;
        top: 10vw;
    }

    .reveal {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding: 35px;
        padding-bottom: 10px;
    }

    .pagination a, .pagination button {
        display: flex;
        padding: 2vw;
        border-radius: 35px;
        font-size: inherit;
        background-color: #2aaaa9;
        opacity: 0.5;
        margin: 10px;
        margin-bottom: 0;
    }

    .pagination .current {
        padding: 2vw;
        background-color: #2aaaa9;
        opacity: 1 !important;
        cursor: default;
    }

    .plusIcon {
        width: 3vw;
    }

    .tab-font {
        font-size: medium !important;
        font-weight: 530;
    }

    .tabs-title > a {
        display: block;
        padding: 1rem 1rem;
        line-height: 1;
        font-size: .75rem;
    }
}
/*Mobile Styling*/
@media screen and (max-width: 639px) {
    #PopModal {
        width: 80%;
        display: block;
        top: 10vh;
    }

    .tabs-title > a {
        display: block;
        padding: 1rem 1rem;
        line-height: 1;
        font-size: .75rem;
    }

    .tab-font {
        font-size: small !important;
        font-weight: 530;
    }

    .reveal {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding: 35px;
        padding-bottom: 10px;
        top: 10vh;
    }

    .pagination a, .pagination button {
        display: flex;
        padding: 3vw;
        border-radius: 35px;
        font-size: inherit;
        background-color: #2aaaa9;
        opacity: 0.5;
        margin: 10px;
    }

    .pagination .current {
        padding: 3vw;
        background-color: #2aaaa9;
        opacity: 1 !important;
        cursor: default;
    }

    .plusIcon {
        width: 4vw;
    }
}

li.hoverline:hover {
    border-bottom: 1px solid #228887;
    -webkit-box-shadow: 1px 1px 4px 1px rgba(34,136,135,0.3);
    -moz-box-shadow: 1px 1px 4px 1px rgba(34,136,135,0.2);
    box-shadow: 1px 1px 4px 1px rgba(34,136,135,0.2);
}

.top-bar {
    background-color: white;
    color: #2aaaa9;
}

.tab-font {
    font-size: medium !important;
    font-weight: 530;
}

.top-bar .dropdown {
    background-color: transparent;
    margin-left: 19vw;
}

#modalS2 {
    display: none;
}

#modalS3 {
    display: none;
}

.LoginDIV_1 {
    padding: 24px;
}

.LoginDIV_2 {
    margin-left: 29vw;
}

.cp-breadcrumbs-row {
    display: none;
}

.LoginDIV_3 {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px 0px;
    font: normal normal 400 normal 14px / 20px BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    padding: 24px;
}

.LoginDIV_179 {
    text-align: left;
}

.LoginH1_183 {
    color:var(--heading-text-color);
    text-align: left;
    /*font: normal normal 700 normal 24px / 32px BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;*/
    /*margin: 0px 0px 8px;*/
}
/*.LoginH1_183*/

.LoginDIV_184 {
    /*margin: 0px 0px 32px;*/
}
/*.LoginDIV_184*/

.LoginP_186 {
    /*font: normal normal 400 normal 14px / 20px BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;*/
}

.LoginDIV_188 {
    /*margin: 0px 0px 16px;*/
}
/*.LoginDIV_188*/


.LoginLABEL_190 {
    color: rgb(56, 56, 56);
    margin: 0px 0px 4px;
}
/*.LoginLABEL_190*/

.LoginDIV_192 {
    display: flex;
    position: relative;
}


.LoginINPUT_193 {
    z-index: 5;
    background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
    font: normal normal 400 normal 14px / 20px BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    padding: 8px;
}


.LoginINPUT_196 {
    height: 25px;
    text-size-adjust: 100%;
    width: 154px;
    word-break: break-word;
    perspective-origin: 77px 12.5px;
    transform-origin: 77px 12.5px;
    font: normal normal 400 normal 14px / 19.6px BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
/*.LoginINPUT_196*/



.LoginBUTTON_198 {
    /*background-color: #24AE25;
    padding: 15px 30px;
    border-radius: 5px;
    transition: box-shadow .2s;
    border-bottom: 4px solid #3b8718;
    width: 100%;
    text-align: center;*/
}

    .LoginBUTTON_198:hover {
        text-decoration: none;
        box-shadow: 0 0 0 0.40883rem rgba(0,0,0,.1);
        border-bottom-color: #437132;
    }

.LoginSPAN_199 {
    color: rgb(255, 255, 255);
    font: normal normal 500 normal 16px / 24px BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}


.LoginDIV_201 {
    display: flex;
    align-items: center;
    margin: 10px 0px;
}
/*.LoginDIV_201*/


.LoginDIV_202, .LoginDIV_204 {
    height: 1px;
    width: 48%;
    background: rgb(222, 222, 222) none repeat scroll 0% 0% / auto padding-box border-box;
}

.LoginSPAN_203 {
    font: normal normal 400 normal 14px / 20px BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    margin: 0px 8px 3px;
}
/*.LoginSPAN_203*/


.LoginDIV_205 {
    display: flex;
    height: 45px;
    justify-content: space-between;
}
/*.LoginDIV_205*/


.LoginDIV_207, .LoginDIV_215 {
    cursor: pointer;
    display: flex;
    width: 45%;
    align-items: center;
    outline: 1px solid blue;
}





.LoginDIV_212, .LoginDIV_223 {
    color: rgb(0, 113, 194);
    font: normal normal 600 normal 13px / 18px BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
/*.LoginDIV_212, .LoginDIV_223*/


.LoginDIV_213, .LoginDIV_224 {
    display: none;
}



.LoginDIV_225 {
    text-align: center;
    text-decoration: none solid rgb(56, 56, 56);
    font: normal normal 400 normal 14px / 20px BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    margin: 24px 0px 0px;
}


.LoginA_226 {
    color: rgb(0, 113, 194);
    font: normal normal 700 normal 14px / 20px BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.LoginDIV_228 {
    text-align: center;
}

.LoginP_229 {
    font: normal normal 400 normal 12px / 20px BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.LoginA_230, .LoginA_231 {
    box-sizing: border-box;
    color: rgb(0, 113, 194);
    text-align: center;
    text-decoration: none solid rgb(0, 113, 194);
    text-size-adjust: 100%;
    touch-action: manipulation;
    border: 0px none rgb(0, 113, 194);
    font: normal normal 500 normal 12px / 20px BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    outline: rgb(0, 113, 194) none 0px;
}