
#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: 13px 0 8px 10px;
}
.quick_links_div ul li {
    line-height: 35px;
}
.quick_links_div ul li a {
    color: blue;
    text-decoration: none;
}
.quick_links_div ul li a:hover {
    transition: scaleX(1.03);
    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: 420px;
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;
}

@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;
}
}
@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;
}

}