body {
    background: url(../images/gradient_bg.png) no-repeat 0 0 #004C68;
    font-family: 'PT Sans', sans-serif;
    margin: 0px; 
    background-size: cover;    
    background-attachment: fixed;
}

body.home {
    background: url(../images/findlawyers_home_bg.jpg) no-repeat 0 0 #004C68;
    background-size: contain;
}

h1, h2, h3, h4, h5 {
    color: #004C67;
}

.center {
    text-align: center;
}

.snowflake {
    position: absolute;
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 50%;
    filter: drop-shadow(0 0 10px white);
}

a {
    color: #001E42;
    text-decoration: none;
}

.btn {
    background: #484852;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #666666;    
    color: #FFFFFF;
    padding: 5px 10px;
    display: inline-block;
    font-size: 18px;    
    margin: 8px 0px;
    transition: all 0.5s;
}

.btn:hover {
    color: #FFFFFF;
    background: #448788;
}

.crimson {
    background-color: #a0293f;
    box-shadow: unset;
}

.small {
    padding: 2px 6px; 
    font-size: 14px;      
}

.smallbtn {
    padding: 2px;
    font-size: 12px;
}

.inner {
    margin: auto;
    max-width: 1020px;
}

.flex {
    align-items: center;
    display: flex;
    justify-content: space-between;
    max-width: 1120px;
    margin: auto;
}

.hidden {
    display: none !important;
}

.top-border {
    background: linear-gradient(90deg, #FFC400, #E7AF00);
    height: 10px;
}

.top {
    background: #ffffff;
    background-size: cover;
    border-bottom: 8px solid #F0CE8A;
    box-shadow: 0px 0px 10px #787878;    
    color: #AD5712;
    font-size: 24px;
    padding: 5px 0px;
    transition: width 0.5s;    
    top: 0px;
}

.home .top {
    padding: 15px 0px;    
}

.top.sticky {
    position: fixed;
    padding: 0px;
    z-index: 1;
    width: 100%;
    box-shadow: 0px 0px 9px #333333;
}

.top.sticky .slogan {
    display: none;
}

.sticky-navigation ul {
    display: flex;
}

.logo {
    background: url(../images/findlawyers_logo.png) no-repeat 0 0 transparent;
    background-size: contain;
    color: #FFFFFF;
    cursor: pointer;
    height: 60px;
    margin: 10px;
    transition: width 1s;
    width: 296px;
}

.top.sticky .logo {
    height: 50px;
    width: 255px;
}

.slogan {
    margin-bottom:0px !important;
}

.slogan-top {
    font-size: 20px;
    color: #255152;
}

.slogan-top-fade {
    margin-bottom: 3px;    
}

.slogan-top-fade li {
    display: none;
    list-style: none;
    font-size: 22px;
    text-shadow: 1px 1px 2px #ffffff;
}

.slogan-bottom {
    font-size: 18px;
    color: #255152;
}

.top a {
    color: #ad5712;
    font-size: 22px;
    margin-right: 8px;
}

.top.sticky  a {
    font-size: 18px;
}

.top-navigation ul {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.top-navigation ul li a {
    color: #004C6A;
    padding: 5px 13px;
    font-size: 19px;
    transition: 0.2s all;
}

.top-navigation ul li a:hover {
    color: #FFC400;
}

.top-search {
    color: #333333;
    text-align: center;  
    text-shadow: none;
}

.top-search-text {
    
}

.top-search-numbers {
    font-size: 24px;
    padding-bottom: 10px;
}

input.main-search {
    background: #484852;
    color: #FFFFFF;
}

input.main-search::before {
  content: '\f099';
}

.category-search a.btn {
    background: #484852;
    font-size: 18px;
    padding: 4px 20px;
    box-shadow: 1px 1px 3px #666666;
}

.category-search a.btn.gold {
    background: linear-gradient(180deg, #febf2e, #e0a726);
    text-shadow: 0px 0px 2px #634605 !important;    
}

.search_term {
    width: 310px;
}

div#videoBanner {
}

video {
    width: 100%;
    max-height: 100%;
}

.banner {
    background-size: cover;    
    background-position: fixed;
    color: #FFFFFF;
    padding: 4%;
    text-shadow: 1px 1px 5px #333333;
}

.banner-l {
    background: url(../images/mrea_top_connect.png) no-repeat 0 0 transparent;
    background-size: contain;
    color: #FFFFFF;
    padding: 150px;
    text-shadow: 1px 1px 5px #333333;
}

.banner-r {
    max-width: 500px;
}

.banner-r h3 {
    font-size: 32px;
}

.banner-inner {
    background: linear-gradient(45deg, #ececec, transparent);
    border: 2px solid #FFFFFF;
    display: block;
    padding: 4% 2%;
    box-shadow: 0px 0px 20px #000000;
    border-radius: 8px;
}

.slogan {
    color: #0e1e2e;
    padding: 3%;
    font-size: 26px;
    margin-bottom: 3%;
    text-align: center;
    text-shadow: 1px 1px 6px #ffffff;
}

select#top-r-selector-city {
    border: 1px solid #abcade;
    border-radius: 10px;
    font-size: 22px;
    margin: 25px 0px;
    padding: 5px 10px;
}

.middle-container {

}

.middle-container-intro-headline {
    background: #000000c9;
    color: #FFFFFF;
    text-align: center;
    font-size: 36px;
    padding: 25px 0px;
}

.middle-container-intro-headline span {
    color: #FFB300;
}

span.ga-outline {
    color: #FFFFFF;
    background: url(../images/georgia_outline.png) no-repeat 54px center transparent;
    background-size: contain;
    display: inline-block;
    height: 68px;
}

.middle-container-intro-cta-l, .middle-container-intro-cta-r {
    padding: 40px;
}

.middle-container-intro {
    margin-top: 17%;
}

.middle-container-intro.sticky {
    margin-top: 25%;
}

.middle-container-intro-cta-top {
    color: #FFFFFF;
    display: flex;
    font-size: 26px;
    justify-content: center;
}

.middle-container-intro-cta-top div {
    padding: 0px 10px;
}

.middle-container-intro-cta {
    align-items: center;
    display: flex;
    justify-content: center;
}

.middle-container-left {
    background: #FFFFFF;
    border-radius: 5px;
    margin: 5px;
    padding: 5px;
}

.middle-container-right {
    background: #FFFFFF;
    border-radius: 5px;
    margin: 5px; 
    padding: 5px;
}

a.btn.home_cta {
    background: #FFB600;
    color: #004C68;
    font-size: 23px;
}

a.btn.home_cta:hover {
    background: #222222;
    color: #FFFFFF;
    font-size: 23px;
    box-shadow: unset;
}

.middle-container-intro-cta-bottom {
    color: #ffad05;
    font-size: 24px;
}

.middle-container-inner {    
    display: flex;
    margin: auto;
    max-width: 1080px;
}

.middle-container-left {
    max-width: 70%;
    padding: 20px;
}

.middle-container-left {
    
}

.middle-container-right {
    padding-top: 50px;
}

.middle {
    color: #222222;
    padding: 3% 1%;
    margin: auto;
    max-width: 1100px;
    background: #FFFFFF;
    margin-top: 20px;
    border-radius: 5px;
}

.home .middle {
    color: #222222;
    padding: 3% 1%;
    margin: auto;
    max-width: 1020px;
}

.profiles .middle {
    background: transparent;
}

.dashboard .middle {
    background: transparent;
}

.below-middle-inner {
    background: #FFFFFF;
    border-radius: 5px;
    margin: 5px auto;
    padding: 25px;
    max-width: 1074px;
}


#search_box {
    width: 100%;
    min-height: 700px;
}

hr {
    box-shadow: 0px 0px 2px #f6f6f6;
    border: 1px solid #f5f5f5;
    margin: 8% 80px;
}

.above-footer {
    background-color: #333333;
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.footer {
    color: #FFFFFF;
    font-size: 14px;
    padding: 40px 60px;
}

.footer a { 
    color: #FFFFFF;    
}

.footer a:hover {
    color: #6ab3e5;
} 

.category-search {
    text-align: center;
}

.category-search input {
    font-size: 21px;
    padding: 10px;
    border-radius: 5px;
    border: 2px solid #474750;
}

.category-search select {
    font-size: 21px;
    padding: 7px;
    border-radius: 5px;
    border: 2px solid #474750;
}

a.main-search {
    background: #611b00;
    color: #FFFFFF;
    width: 100px;
    display: inline-block;
    padding: 5px 0px;
}

.menu-upper {
    font-size: 12px;
    text-align: right;
}

.menu-upper a {
    color: #333333;
    font-size: 18px;
}

.menu-upper .btn {
    color: #FFFF;
    background: #222222;
    box-shadow: unset;
}

.menu-upper .btn:hover {
    background: #777777
}

ul.news-feed {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
}

ul.news-feed li {
    padding: 5px;
    margin: 10px;
}

span.news-feed-title {
    color: #529ECB;
    font-size: 19px;
    display: block;
}

.category-search-common {
    text-align: center;
    margin: 15px;
}

.category-search-common a {
    color: #ffffff;
    font-size: 22px;
    text-shadow: 0px 0px 2px #333333 !important;
}

.listing-page {
    min-height: 600px;
    max-width: 1020px;
    margin: auto;
    width: 100%;
}



/*** Spotlight ***/

.cc-spotlight {
    align-items: flex-start;
}

.cc-spotlight-r {
    text-align: center;
}

.cc-spotlight-r h3 {
    margin-bottom: 20px;
    text-align: center;
}

.cc-spotlight-featured {
    min-width: 300px;
    padding: 10px;
    text-align: center;
}

.cc-spotlight-all .avatar-full {
    width: 180px;
    padding: 10px;
}

.cc-spotlight-all {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.cc-spotlight-featured ul {
    text-align: left;
}

img.cc-spotlight-featured-logo {
    max-width: 200px;
}

.cc-spotlight-featured-avatar {
    background-size: cover !important;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 100%;
}

.above_footer_ads {
    text-align: center;
    margin: 30px 5px;
}

.middle_ads {
    text-align: center;
    margin: 30px 5px;
}

.middle_ads img {
    max-width: 100%;
}

.copyright {
    display: flex;
    justify-content: space-between; 
    text-align: center;
    max-width: 1200px;
    width: 100%;
}

.footer-border {
    background: linear-gradient(90deg, #FFC400, #E7AF00);
    height: 8px;
}

/*** IDX Specific ***/

#IDX-quicksearch-17324 {
    width: 100% !important;
}

form#IDX-quicksearchForm-17324 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#IDX-quicksearch-17324 {
    border: 0px !important;
    box-shadow: unset !important;
    -webkit-box-shadow: unset !important;
}

label#IDX-qsCityListLabel-17324 {
    display: none;
}

select#IDX-qsCityList-17324 {
    border: 1px solid;
    border-radius: 6px;
    color: #333333;    
    font-size: 24px;
    margin-right: 7px;
}

input#IDX-qsSubmit-17324 {
    background: #0e1e2e;
    border-radius: 10px;
    color: #FFFFFF;
    font-size: 21px;
    padding: 3px 14px;
}

#IDX-qsPtWrap-17324, #IDX-qsMinPriceWrap-17324, #IDX-qsMaxPriceWrap-17324, #IDX-qsMinSqFtWrap-17324, #IDX-qsPtWrap-17324, #IDX-qsMinBedWrap-17324, #IDX-qsMaxBedWrap-17324, #IDX-qsMinBathWrap-17324 {
    display: none;
}

#IDX-showcaseGallery-44093 .IDX-showcaseCell div {
    text-align: center;
    background: #243240;
    transition: all 0.3;
}

#IDX-showcaseGallery-44093 .IDX-showcaseCell:hover {
    background: #6ab3e5 !important;
}

.IDX-showcaseCityStateZip, .IDX-showcasePrice {
    width: 95% !important;
}

i {
    font-style: unset;
}

.icon-publish:before {
    font-family: 'FontAwesome';
    font-weight: 900;
    content: "\f06e";
}

.icon-unpublish:before {
    font-family: 'FontAwesome';
    font-weight: 900;
    content: "\f070";
}

.icon-edit:before {
    font-family: 'FontAwesome';
    font-weight: 900;
    content: "\f044";
}

.icon-trash:before {
    font-family: 'FontAwesome';
    font-weight: 900;
    content: "\f00d";
}

.ui-autocomplete {
    position:absolute;
    cursor:default;
    z-index:1001 !important
}

.footer {
    color: #FFFFFF;
    font-size: 14px;
    padding: 10px;
}

.footer-inner {
    max-width: 1050px;
    margin: auto;
}



@keyframes pulse-attention {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(152, 251, 152, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(152, 251, 152, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(152, 251, 152, 0);
    }
}

.pulse {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    cursor: pointer;
    transform: scale(1);
    animation: pulse-attention 2s infinite;
}

/* General special effects */

@keyframes heartbeat {
    0% {
        transform: scale( .75);
    }
    20% {
        transform: scale( 1);
    }
    40% {
        transform: scale( .75);
    }
    60% {
        transform: scale( 1);
    }
    80% {
        transform: scale( .75);
    }
    100% {
        transform: scale( .75);
    }    
}

.expanded ul, .expanded > .menu-upper {
    height: auto !important;
}

.mobile-menu-icon {
    margin-left: 15px;
    margin-top: -5px;
    color: #0a5774;
    display: none;
}

@media only screen and (max-width: 1000px) {
    .flex {
        display: block;
        padding: 10px;
    }

    .logo {
        display: block;
        margin: auto;
    }
    
    .menu-upper {
        font-size: 12px;
        text-align: center;
    }

}

@media only screen and (max-width: 800px) {
    .logo {
        margin: auto;
    }
    
    .flex {
        display: block;
        padding: 5px;
        text-align: center;
    }
    
    .middle-container-inner {
        display: block;
    }
    
    .middle-container-left, .middle-container-right {
        display: block;
        width: 100%;
        max-width: 90%;
        margin: auto 5%;
    }
    
.menu-upper {
    font-size: 12px;
    text-align: center;
}  

.middle-container-intro-cta-l, .middle-container-intro-cta-r {
    padding: 40px;
    text-align: center;
}

.middle-container-intro-cta {
    display: block;
}

.middle {
    color: #222222;
    padding: 3% 3%;
    margin: auto 3%;
    max-width: 1020px;
    background: #FFFFFF;
    margin-top: 20px;
    border-radius: 5px;
}

}

@media only screen and (max-width: 600px) {
    
body.home {
    background: url(../images/findlawyers_home_bg.jpg) no-repeat 0px 70px #004C68;
    background-size: contain;
}
    
.mobile-menu-icon {
    display: block;
}    

    .top-navigation ul {
        display: block;
        height: 0px;
        overflow: hidden;
    }
    
    .menu-upper {
        height: 0px;
        overflow: hidden;
    } 
    
    .top.sticky {
    background: #ffffff;
    background-size: cover;
    border-bottom: 8px solid #F0CE8A;
    box-shadow: 0px 0px 10px #787878;    
    color: #AD5712;
    font-size: 24px;
    padding: 5px 0px;
    transition: width 0.5s;    
    top: 0px;
    position: relative;
} 

.middle-container-intro-headline {
    background: #00000091;
    color: #FFFFFF;
    text-align: center;
    font-size: 23px;
    padding: 25px 0px;
}

span.ga-outline {
    color: #FFFFFF;
    background: url(../images/georgia_outline.png) no-repeat 14px center transparent;
    background-size: contain;
    display: inline-block;
    height: 49px;
}


.middle-container-intro-cta-top {
    color: #FFFFFF;
    display: flex;
    font-size: 20px;
    justify-content: center;
}

a.btn.home_cta {
    background: #FFB600;
    color: #004C68;
    font-size: 20px;
}

.middle-container-left, .middle-container-right {
    display: block;
    width: 100%;
    max-width: 90%;
    margin: auto 5%;
    text-align: center;
}
    
container-intro-cta-r {
    padding: 20px;
    text-align: center;
}    

    
.col.user-left-col {
    position: absolute;
    background: #fffffff2;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0px 0px 8px #8c8c8c;
}    

ul.user-menu-sub.user-menu-sub-1 a {
    text-align: center;
    color: #074d67;
}

}

/*** Platform ***/

.whitebox {
    background: #FFFFFF;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    margin: 10px 0px;
    padding: 10px;
}

.bluebox {
    background: #b7dbe8;
    border: 1px solid #97d4eb;
    border-radius: 5px;
    margin: 10px 0px;
    padding: 10px;
    box-shadow: 0px 0px 1px #ccc9c9;
    text-align: center;
    padding: 45px 5px;
}

.blue-bg {
    background: #f0f5f6;
}

/*** Global Inner ***/

.flex-grid {
    display: flex;
    margin: 0px 5px;
}

.flex-top {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.flex-grid .col {
    flex: 1;
    /*grow*/
    /*margin-top: 90px;*/
}

.flex-grid .col.collapsed {
    flex: unset;
}

.flex-grid .col h2 {
    color: #074d67;
    font-size: 24px;
}

.flex-grid .col h3 {
    color: #074d67;
    font-size: 18px;
}

.left-col {
    margin-right: 25px;
    max-width: 240px;
}

.col-width-middle {
    margin: 0px 8px 0px 40px;
}

.col-width-end {
    max-width: 22%;
}

.col-links {
    color: #999999;    
    text-align: right;
}

.col-links a {
    color: #999999;
    font-size: 14px;
}

.col-copyright {
    color: #999999;
    font-size: 14px;
    text-align: right;
}

.col.user-left-col {
    max-width: 180px;
}

.user-container.collapsed {
    overflow: hidden;
    width: 0px;
    transition: all 4s;
}

.user-container-menu-toggle {
    background: url(../images/fl_menu_collapse.png) no-repeat 0 0 transparent;
    background-size: contain;
    cursor: pointer;
    height: 30px;
    margin-top: 5px;
    opacity: 0.2;
    position: fixed;
    width: 30px;
    transition: all 0.2s;
    top: 127px;
    left: 16px;
}

.user-container-menu-toggle:hover {
    height: 35px;
    opacity: 1;
    width: 35px;
}

.user-container-menu-toggle.collapsed {
    background: url("../images/fl_menu_collapsed.png") no-repeat 0 0 transparent;
    background-size: contain;
}

.user-container-menu-toggle.collapsed:hover {
    background-size: contain;
    height: 40px;
    width: 40px;
}

.user-container-top {
    margin: 0px 0px;
}

.user-menu-sub {
    height: auto;
    overflow: hidden;
    padding: 10px;
    transition: all 0.2s;
    list-style: none;
}

ul.admin-menu-sub {
    border-radius: 5px;
    border: 1px solid #FFFFFF;
    padding: 10px;
}

ul.user-menu-sub li a {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 30px;
}

user-menu.logged-in-menu h3 {
    color: #FFFFFF !important;
}

.menu-upper-options span {
    font-size: 15px;
    margin-right: 20px;
}

a.user-menu-parent-item {
    font-size: 18px;
    font-weight: bold;
    padding-left: 20px;
}

a.user-menu-parent-item-expander {
    background: url(../images/divvy-dashboard-responsive-sprite-v4.png) no-repeat -11px -461px transparent;
    background-size: 150px;
}

a.user-menu-parent-item-expanded {
    background: url(../images/divvy-dashboard-responsive-sprite-v4.png) no-repeat -11px -482px transparent;
    background-size: 150px;
}

.user-menu-sub-collapsed {
    border: 1px solid #f3f3f3;
    box-shadow: 0px 0px 1px #f3f3f3;
    height: 0px;
    margin: 0px 0px 0px 18px;
    padding: 0px;
}

.user-menu-edit {
    background: rgb(243 243 243 / 64%);
    border-radius: 100%;
    display: none;
    height: 130px;
    padding-top: 0px;
    text-align: center;
}

.user-menu-edit-show { 
    display: block;
}

.user-menu-edit-profile {
    color: #FFFFFF;
    background: rgb(153 120 59 / 60%);
    border-radius: 7px;
    display: block;
    font-size: 13px;
    margin-top: 50px;
    padding: 5px 0px;
    position: absolute;
    text-shadow: 0px 0px 2px #333333;
    width: 130px;
}

.user-menu-edit-profile:hover {
    color: #FFFFFF;    
}

.logoutbtn {
    font-size: 13px;
    margin-top: 10px;
    padding: 2px 3px;
}

#btl-content-registration #recaptcha {
    display: block;
    width: 100%;
}

#bt-login-recaptcha div {
    margin: auto;
}

/*** User Related ***/

.user-avatar-container {
    color: #14bdee;
    display: inline-block;
    margin-right: 20px;
    text-align: center;
    vertical-align: middle;
}

span.user_online_icon {
    background: green;
    border-radius: 100%;
    display: inline-block;
    padding: 3px 3px;    
    margin-right: 2px;    
    vertical-align: middle;
}

span.user_online_text {
    color: green;
    font-size: 10px;
}

.user-username {
    color: #14bdee;
    font-size: 14px;
    margin: 2px 0px;
}

.user-badges-container {
    display: inline-block;
    vertical-align: middle;
    max-width: 150px;
}

.badge-container {
    text-align: center;   
}

.badge-container img {
    max-width: 80px;
}

.user-badges-container ul li {
    display: inline-block;
}

.user-badges-container img {
    width: 25px;
}

ul.ea-breakdown li {
    padding: 4px;
}

ul.ea-breakdown li:nth-of-type(odd) {
    background: #f9f9f9;
}

.avatar-full {
    text-align: center;
}

.user-avatar {
    border-radius: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 3px #AAAAAA;
    height: 130px;
    margin: 5px 0px;
    width: 130px;
}

.user-avatar-small {
    height: 40px;
    width: 40px;
}

.lp-avatar-small {
    border-radius: 5px;
    height: 40px;
    width: 40px;
}

.messages-avatar-compose.lp-avatar-small {
    padding: 3px !important;
    margin-right: 5px;
}

.messages-avatar-compose.lp-avatar-small.ui-state-active {
    padding: 3px !important;
    margin-right: 5px;
}

.default-avatar {
    background: url(../images/profile-default-avatar.png) no-repeat center center transparent;
    background-size: contain;
}

.user-avatar-featured {
    background: url(../images/divvy-dashboard-responsive-sprite-v4.png) no-repeat -1px -15px transparent;
    background-size: 150px;
    height: 33px;
    margin-top: 65px;
    position: absolute;
    width: 90px;
}

.user-avatar-featured-large {
    background: url(../images/divvy-dashboard-responsive-sprite-v4.png) no-repeat 0px -12px transparent;
    background-size: 277px;
    height: 85px;
    margin-top: 112px;
    position: absolute;
    width: 168px;
}

.alert.soft {
    background: #FFF1CA;
    font-size: 14px;
    text-align: center;
    padding: 10px; 
    border-radius: 5px;
}

.alert.notice.pink {
    background: pink;
    border: 1px solid #e89b9b;
}

.admin-notice {
    background: #d3eaf3;
}

/*** Profile Specific ***/

#edit-profile {
}

.profile-cols-main {
    display: flex;
    align-items: flex-start;
}

.profile-col-l {
    align-items: center;
}

.profile-col-l-flex {
    align-items: center;
    display: flex;
}

.profile-col-l .user-avatar {
    margin-right: 15px;
}

.profile-business-info {
    font-size: 24px;
    color: #074d67;
}

.profile-business-logo img {
    max-width: 175px;
}

.profile-bio {
    width: 100%;
    padding: 20px;
    margin-top: 30px;
}

.profile-business-address {
    border-bottom: 1px dashed #074d67;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

span.accepting {
    background: green;
    color: #FFFFFF;
    padding: 3px 6px;
    border-radius: 5px;
    font-size: 12px;
}

span.accepting.not {
    background: crimson;
}

.profile-cols-main-l {
    width: 100%;
    margin-right: 3px;
}

.profile-cols-main-l-flex {
    display: flex;
    align-items: center;
    padding: 10px;
}

.profile-cols-main-r {
    text-align: center;
    margin-left: auto;
    border-left: 1px dashed #074d67;
}

.profile-col-r {
    margin-left: auto;
    min-width: 200px;
    text-align: center;
}

img.profile-business-avatar-img {
    max-width: 180px;
}

.profile-practice-cats span {
    color: #074d67;
    font-weight: bold;
    margin: 5px 10px;
}

.profile-practice-cats i {
    color: #B8B8B8;
}

.profile-accepting-status {
    margin-bottom: 20px;
}

.profile-areas-served {
    margin-bottom: 20px;
}

.profile-areas-served span:after {
    content: ", ";
}

.profile-areas-served span:last-child:after {
    content: "";
}

.profile-courts {
    margin-bottom: 20px;
}

.profile-courts span:after {
    content: ", ";
}

.profile-courts span:last-child:after {
    content: "";
}

ul.cats-list li,ul.areas-list li,ul.court-list li {
    list-style: none;
    background: aliceblue;
    display: inline-flex;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #074d67;
}

.user-block {
    max-width: 200px;
    text-align: center;
}

/*** Leads ***/

.client-leads {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.client-lead-package {
    background: linear-gradient(321deg, #d5f5ff, #fbfeff);
    padding: 10px;
    width: 100%;
    max-width: 240px;
    border: 1px solid #9cc3d5;
    border-radius: 5px;
    margin: 15px;
    box-shadow: 0px 0px 5px #e3d3d3;
}

.client-lead-package h5 {
    background: #004C67;
    color: #FFFFFF;
    padding: 3px;
    text-align: center;
    border-radius: 3px;
}

span.new {
    background: #e12e50;
    color: #FFFFFF;
    padding: 0px 5px;
    height: 10px !important;
    font-size: 12px;
    border-radius: 2px;
}

.link-code-display span {
    display: block;
    color: #106d10;
    margin: 5px;
    font-weight: bold;
}

.spacer-or {
    font-size: 19px;
    margin: 10px;
}

figure.left.item-image img {
    max-width: 100% !important;
    height: unset !important;
}

.article-rounded {
    border-radius: 5px;
    box-shadow: 0px 0px 1px #AAAAAA;
}

button#after_introNext {
    max-width: 100px;
    box-shadow: unset;
    border: unset;
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
    margin: 40px auto;
    max-width: 300px;
}

.rsform {
    padding: 20px;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
}

.rsform button {
    background: #333333 !important;
    border: 0px !important;
    font-size: 21px !important;
    display: inline-block !important;
    padding: 15px 40px !important;
    margin: 20px;
}

input#intro_agree0 {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

textarea#legal_desc {
    width: 90%;
}

label#intro_agree0-lbl {
    font-size: 24px;
}

.case-files {
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px;
    align-items: center;
}

.case-file-item {
    text-align: center;
    padding: 3px;
    border: 1px solid #d8d8d8;
    margin: 6px;
}

.file-del {
    position: absolute;
    margin-left: 7px;
}

.file-del a {
    color: #dcd8d8;
}

.file-del-image a {
    color: #dcd8d8;
    text-shadow: 0px 0px 8px #000000;
}

.file-del a:hover {
    color: #FFFFFF;
    text-shadow: 0px 0px 14px #000000;
}

img.leadpackageimgthumb {
    max-width: 180px;
}























/* Style the form */
#clientForm {
  background-color: #ffffff;
  margin: 100px auto;
  padding: 40px;
  width: 70%;
  min-width: 300px;
}

/* Style the input fields */
#clientForm input {
  padding: 10px;
  width: 100%;
  font-size: 17px;
  font-family: Raleway;
  border: 1px solid #aaaaaa;
}

/* Mark input boxes that gets an error on validation: */
.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
.tab {
  display: none;
  text-align: center;
}

/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

/* Mark the active step: */
.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #04AA6D;
}

textarea#case_match_description {
    border: 2px solid #074d67;
    border-radius: 3px;
    width: 100%;
    min-height: 200px;
    padding: 20px;
}

#clientForm select {
    margin-bottom: 20px;
    padding: 2px 10px;
}

.client-form-ty.green, .green h3 {
    color: #147714;
    font-weight: bold;
}

.client-form-ty.green {
    margin-bottom: 20px;
}

.client-form-ty em {
    font-size: 12px;
}

time {
    font-size: 24px;
}


@media only screen and (max-width: 900px) {
    .article-rounded {
        border-radius: 5px;
        width: 100%;
        height: unset;
    }
    .profile-cols-main {
        display: block;
    }
    .profile-cols-main-r {
        border-left: none;
    }
    .profile-cta {
        text-align: center;
    }
}


@media only screen and (max-width: 600px) {
    .article-rounded {
        border-radius: 5px;
        width: 100%;
        height: unset;
    }
    
    #myChart {
        display: none !important;
    }
    
    .col-width-middle {
        margin: 0px;
    }    
    .profile-cols-main-l-flex {
        display: block;
    }
    .profile-practice-cats {
        display: block;
        text-align: center;
    }
    .profile-bio {
        margin-top: 5px;
    }
}

@media print {
    .top, .above_footer_ads, .col.user-left-col { 
        display: none; 
    }
    
    .middle {
        max-width: unset;
    }
}