

#dropdown04 {
    display: none;
}
@media screen and (max-width: 600px) {
    #dropdown04 {
        display: block;
    }
}


.pri_con {
    width: 100%;
}
.pri_con table, .pri_con .accordion {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
#select_lga_div {
display: block;
}
.localgov {
display: none;
}
.striped .dashboard-links a {
padding: 10px 10px 10px 20px;
color: #0039e6;
}
.striped .dashboard-links a:hover, .striped .dashboard-links a:nth-child(even):hover {
background-color: #d1e0e0;
transform: scale(1.005);
color: #1f2e2e;
border-radius: 5px;
}
.striped .dashboard-links a:nth-child(even) {
background-color: #e0ebeb;
}

.editing_quick_links .striped a:nth-child(even) {
background-color: lightgrey;
}

@media screen and (max-width: 600px) {



.quick-btn .dashboard-btn a  {
    padding: 12px 60px;
}

.more-about-swiftrole-for-home-new-content {
    width: 100%;
    height: 350px;
}
.more-about-swiftrole-for-home-new-content.second button {
    margin-top: 30px;
}
}
@media screen and (max-width: 700px) {
    .pri_con table, .pri_con .accordion {
        width: 100%;
    }
    .writing-note.wider {
        padding: 0 3px;
        width: 100%;
        margin-top: -40px;
    }
}

.home-category-fast-search {
    width: 100%;
}
.home-category-fast-search a {
    border: 1.5px solid lightgrey;
    padding-top: 10px;
    border-radius: 7px;
    width: 24.5%;
    margin: 0 2px 10px 2px;
}
.home-category-fast-search a:hover {
    background: rgba(242, 242, 242, 0.3);
    transform: scale(1.01);
}
.home-category-fast-search a div p {
    color: grey;
}
.home-category-fast-search a div p:hover {
    color: #000;
}

@media screen and (max-width: 900px) {

    .home-category-fast-search a {
        width: 32.5%;
    }

}
@media screen and (max-width: 700px) {

    .home-category-fast-search a {
        width: 49%;
    }

}
@media screen and (max-width: 440px) {

    .home-category-fast-search a {
        width: 100%;
        margin: 0 auto 10px 10px;
    }

}


.recommended_bus {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px;
  background: #33CC33;
  font-weight: bold;
}

.quick_links_div {
/*    background:  #e6e6e6;*/
    /*box-shadow: inset 0 .5em 1em rgba(0, 0, 0, .1), inset 0 .110em .5em rgba(0, 0, 0, .15);*/
    padding: 15px 15px 0 0;
    background: #fff;
    border-radius: 5px;
}
.quick_links_div ul li {
    line-height: 40px;
    list-style-type: none;
    margin-left: -20px;
}

.quick_links_div ul li a {
    color: blue;
    text-decoration: none;
}
.quick_links_div ul li a i {
    font-size: 30px;
    font-weight: 800;
    margin: 0 15px 0 0;
}
.quick_links_div ul li a:hover {
    padding: 1px;
    color: #04048c;
/*    border-bottom: 1px solid #04048c;*/
/*    text-decoration: underline;*/
}



.alert_box {
display: block;
position: fixed; /* Stay in place */
z-index: 10000; /* Sit on top */
left: 0;
top: 0;
padding: 60px 0 0 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,1); /* Fallback color */
background-color: rgba(0,0,1,0.9); /* Black w/ opacity */
}
.alert_container {
background: #fff;
width: 40%;
margin: 0 auto;
border-radius: 5px;
padding: 10px;
}
.alert_header {
width: 100%;
font-weight: 600;
}
.alert_header span:first-child {
font-size: 20px;
}
/* .alert_header span:last-child {
float: right;
font-size: 30px;
color: #ff0000;
margin-top: -12px;
cursor: pointer;
} */

.close_alert_header {
/* float: right; */
font-size: 30px;
color: #ff0000;
margin-top: -12px;
cursor: pointer;
position: absolute;
right: 490px;
top: 70px;
}

.alert_main span p {
line-height: 25px;
}
.alert_footer form, .alert_footer .action {
position: relative;
left: 390px;
width: 100%;
}
.alert_footer form button, .alert_footer .action span, .alert_footer .action span a {
border: none;
padding: 8px 9px;
margin: 40px 5px 5px 5px;
border-radius: 5px;
font-weight: 400;
letter-spacing: 1.2px;
font-size: 15px;
text-decoration: none;
color: #fff;
}

.alert_main.dashboard_transfer ul {
    list-style-type: none;
    margin-left: -30px;
}
.alert_main.dashboard_transfer ul li {
    line-height: 25px;
    border: 1px solid lightgray;
    border-radius: 5px;
    margin: 10px 0;
    padding: 15px;
    cursor: pointer;
}
.alert_main.dashboard_transfer ul li:hover {
    border: none;
    background: lightgray;
    padding: 18px;
    border-radius: 6px;
}
.alert_main.dashboard_transfer ul li a {
    text-decoration: none;
}



form.search-service-providers-form {
    padding: 20px;
/*    height:248px;*/
    box-shadow: 0 .125em .5em rgba(0, 0, 0, .35);
/*    min-height:248px;*/
    margin-bottom: 15px;
    width: 50%;
    margin: auto;
}
form.search-service-providers-form .search-form-flex {
    padding: 0;
    width: 100%;
    margin: auto;
}
form.search-service-providers-form .search-form-flex input, form.search-service-providers-form .search-form-flex select, form.search-service-providers-form .search-form-flex button {
    height: 50px; 
/*    color: black;*/
}
form.search-service-providers-form button {
    width: 100%;
}                            



@media screen and (max-width: 1200px) {
.close_alert_header {
    right: 320px;
}
.alert_footer form, .alert_footer .action {
    left: 265px;
}
}
@media screen and (max-width: 960px) {
.close_alert_header {
    right: 320px;
}
.alert_footer form, .alert_footer .action {
    left: 235px;
}
}
@media screen and (max-width: 897px) {
.alert_container {
    width: 50%;
}
.close_alert_header {
    right: 240px;
}
.alert_footer form, .alert_footer .action {
    left: 290px;
}
}
@media screen and (max-width: 769px) {
.alert_container {
    width: 50%;
}
.close_alert_header {
    right: 210px;
}
.alert_footer form, .alert_footer .action {
    left: 230px;
}
}
@media screen and (max-width: 700px) {
.alert_container {
    width: 60%;
}
.close_alert_header {
    right: 160px;
}
.alert_footer form, .alert_footer .action {
    left: 270px;
}
}
@media screen and (max-width: 600px) {
.alert_container {
    width: 60%;
}
.close_alert_header {
    right: 140px;
}
.alert_footer form, .alert_footer .action {
    left: 200px;
}
.categories-for-home-new-container-content {
    margin-left: -10px;
}
form.search-service-providers-form {
    padding: ;
    width: 100%;
}
     
}
@media screen and (max-width: 500px) {
.alert_container {
    width: 80%;
}
.close_alert_header {
    right: 55px;
}
.alert_footer form, .alert_footer .action {
    left: 0;
    margin-left: 195px;
    margin-bottom: 2px;
}
}
@media screen and (max-width: 400px) {
.alert_container {
    width: 90%;
}
.close_alert_header {
    right: 30px;
}
.alert_footer form, .alert_footer .action {
    left: 0;
}
}






.rate {
float: left;
height: 46px;
padding: 0 10px;
margin: -20px 0 15px -10px;
}
.rate:not(:checked) > input {
position:absolute;
top:-9999px;
}
.rate:not(:checked) > label {
float:right;
width:1em;
overflow:hidden;
white-space:nowrap;
cursor:pointer;
font-size:40px;
color:#ccc;
}
.rate:not(:checked) > label:before {
content: '★ ';
}
.rate > input:checked ~ label {
color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
color: #c59b08;
}

.review_form textarea {
resize: vertical;
height: 120px;
}



.more-options {
display: none;
}

@media screen and (max-width:  600px){

.more-about-swiftrole-for-home-new-content {
    margin-bottom: -20px;
}

.more-about-swiftrole-for-home-new-content.first {
    height: 300px;
}
.more-about-swiftrole-for-home-new-content.second button {
    margin-top: 10px;
}


.more-options {
/*		display: block;*/
    position: fixed;
    bottom: 60px;
    right: 0;
    z-index: 1000;
    background: #f2f2f2;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 0 30px 0 10px;
    animation: floatIn 500ms forwards;
}

@keyframes floatIn {
0% {
transform: translateY(100%);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}

.more-options ul {
    list-style-type: none;
}
.more-options ul li {
    margin-left: -20px;
    line-height: 40px;
}
.more-options ul li:last-child {
    border-top: 1px solid grey;
    text-align: center;
    margin-top: 5px;
}
.more-options ul li a {
    text-decoration: none;
    color: purple;
    font-size: 18px;
}
.more-options ul li a:hover {
    color: blue;
}

}







.more_bus_cate_to_see ul li a {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
  }
  .more_bus_cate_to_see ul {
    list-style-type: none;
    max-height: 600px;
    overflow-y: auto;
  }
  .more_bus_cate_to_see ul li {
    margin: 2px 0 0 0;
  }
  .more_bus_cate_to_see ul li a {
    display: flex;
        padding: 5px 0;
        margin: 5px 0 0 -15px;
  }
  .more_bus_cate_to_see ul li a .more_t_s_img {
    height: 35px;
        width: 35px;
        margin: 0 10px 0 0;
  }
  .more_bus_cate_to_see ul li a .more_t_s_img img {
        height: 100%;
        width: 100%;
        border-radius: 50px;
  }
  .more_bus_cate_to_see ul li a .more_t_s_text .more_t_s_name {

    display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        max-width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #010119;
        font-size: 16px;
  }
  .more_bus_cate_to_see ul li a .more_t_s_text .more_t_s_cat {
    font-size: 12px;
        color: grey;
        margin-top: -4px;
  }


.dashboard_links_container {
    width: 100%;
}
.dashboard_links_content {
    display: flex;
    width: 100%;
    margin: 25px 0 0 10px;
    padding: 0 0 20px 0;
}
.dashboard_links_content .content {
    width: 50%;
    display: flex;
}
.dashboard_links_content .content:first-child {
    margin-right: 35px;
}
.dashboard_links_content .content:last-child {
    margin-left: 35px;
}
.dashboard_links_content .content.sixty:first-child {
    margin-right: 70px;
}
.dashboard_links_content .content.forty:last-child {
    margin-left: 70px;
}
.dashboard_links_content .content.sixty {
    width: 60%;
    margin-right: 120px;
}
.dashboard_links_content .content.fourty {
    width: 40%;
}
.dashboard_links_content .content a:first-child {
    margin-left: 0;
}
.dashboard_links_content .content a:last-child {
    margin-right: 20px;
}
.dashboard_links_content a {
    text-decoration: none;
    color: grey;
    margin: auto;
    justify-content: center;
    justify-items: center;
    justify-self: center;
    align-content: center;
    align-self: center;
    align-items: center;
    text-align: center;
}
.dashboard_links_content a .img {
    width: 55px;
    height: 55px;
/*  margin: auto;*/
}
.dashboard_links_content a .img img {
    width: 100%;
    height: 100%;
    border-radius: 50px;
}
/*.dashboard_links_content a .text {
    text-align: center;
}*/






        @media screen and (max-width: 500px) {
        .businesses_sidebar_hidden_mobile {
            display: none;
        }

            .tab-links ul li a span {
                display: none;
            }
            .tab-links ul li a i {
                display: block;
                font-size: 25px;
                margin-top: -5px;
            }


            .dashboard_links_content {
                display: block;
                width: 100%;
                margin: 25px 0 0 10px;
                padding: 0 5px 5px 0;
            }
            .dashboard_links_content:nth-child(2) {
                margin: -10px 0 0 10px;
            }
            .dashboard_links_content .content {
                width: 100%;
/*              display: flex;*/
                margin: 25px 0;
            }
            .dashboard_links_content .content:first-child {
                margin-right: 0;
            }
            .dashboard_links_content .content:last-child {
                margin-left: 0;
            }
            .dashboard_links_content .content a:first-child {
                margin-left: 0;
            }
            .dashboard_links_content .content a:last-child {
                margin-right: 0;
            }
            .dashboard_links_content .content.sixty:first-child {
                margin-right: 0;
            }
            .dashboard_links_content .content.forty:last-child {
                margin-left: 0;
            }

            .dashboard_links_content .content.sixty {
                width: 100%;
                margin-right: 0;
            }
            .dashboard_links_content .content.fourty {
                width: 60%;
            }



        }


        


/* STYLING FOR THE BROWSE CATEGORY SECTION ON THE SEARCH PAGE STARTS HERE */


.search_categories {

    background: #f2f2f2;
    margin-top: 10px;
    border-radius: 5px;
    margin-bottom: 30px;
}
.search_categories_topic {
    border-bottom: 1px solid grey;
    background: #e6e6e6;
    font-weight: bold;
    padding: 15px;
    margin-bottom: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.search_categories_info {
    padding: 30px 15px;
    color: grey;
    display: block;
}

.search_categories_topic span {
    float: right;
    font-size: 30px;
    cursor: pointer;
}
.search_categories_topic span:hover {
    padding: 2px;
}
.search_categories_topic span#plus {
    margin: -10px 0 0 0;
    display: block;
}
.search_categories_topic span div#minus {
    display: none;
    margin: 10px 0 0 0;
    background: black;
    height: 3px;
    width: 17px;
}
.search_categories-text {
    margin: 0 0 10px 0;
    padding: 15px;
    font-size: 14px;
    display: none;
}
.search_categories-text ul {
    list-style-type: none;
}
.search_categories-text ul.search_categories_text_header ul.search_categories_text_link {
    line-height: 30px;
    margin-left: -20px;
}
.search_categories-text ul.search_categories_text_header ul.search_categories_text_link li a {
    text-decoration: none;
    color: grey;
}
.search_categories-text ul.search_categories_text_header ul.search_categories_text_link li a:hover {
    color: black;
    padding: 2px;
    border-bottom: 0.5px solid black;
}

/* STYLING FOR THE BROWSE CATEGORY SECTION ON THE SEARCH PAGE ENDS HERE */