/*https://dequeuniversity.com/color-contrast**/
/*this is the quick view button style in loggedin index*/
.qv_button {
    min-width: 100px;
    max-width: 200px;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    height: 1.5rem;
    width: 1.5rem;
}

/*this is the usda customized style in theme css folder, */
.usda-alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.usda-alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.usda-alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.usda-alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.usda-alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.usda-alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.usda-alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}
.usda-alert-dark {
    color: red;
    font-size: 1.5em;
}


.surveytitle
{
    margin-top: 15px;
    font-size: 1.8rem;
    font-weight: 600;
}

.surveyquestionlabel
{
    font-size: 1.3rem;
    color:#000;
    font-weight: bold;
    margin: 10px 10px;
}




.tabs>ul>li>a:hover{
    text-decoration: none;
}

@media all and (max-width: 1023px) {
    .surveytitle {
        font-size: 1.6rem;
        margin-top: 0;
    }

    .surveyquestionlabel
    {
        font-size: 1.4rem;
    }
}

@media all and (max-width: 480px) {
    .surveytitle {
        font-size: 1.3rem;
    }

    .surveyquestionlabel
    {
        font-size: 1.5rem;
    }
}


.listing_info {
    display: flex;
}

.listing_info .status {
    margin-left: 30px;
}

@media all and (max-width: 1024px){
    .listing_info {
        display: block;
    }

    .listing_info .status {
        margin-left: 0;
        display: flex;
        margin-top: 10px;
    }

}


/*quickview style*/
label[hidden] {
    display: none !important;
}
.quickview, .quickview.is-active {
    transition: none !important;
}


/*high contrast color*/
/*https://dequeuniversity.com/color-contrast**/
.my-has-text-danger {
    /*7.19 : 1*/
    color: #B30000;
}

.my-is-primary {
    /*4.561:1*/
    background-color: #0A8570 !important;
    color:#ffffff !important;
}
.my-is-primary :hover {
    color: #0A8570  !important;
    background-color:#ffffff  !important;
    border: 1px solid  #0A8570  !important;
}

.my-is-primary-outline {
    color:  #0A8570  !important;
    background-color: #fff  !important;
    border: 2px solid #0A8570  !important;
}
.my-is-primary-outline:hover {
    background-color:  #0A8570  !important;
    color: #fff  !important;
    border: 2px solid #0A8570  !important;
}

.my-is-info {
    /* 5.71 : 1*/
    background-color:#1257AB !important;
    color:#ffffff  !important;
}

.my-is-info:hover {
    /* 5.71 : 1*/
    color:#1257AB !important;
    background-color:#ffffff  !important;
    border: 2px solid #1257AB  !important;
}

.my-is-success {
    /*5.48 : 1*/
    background-color: #008272 !important;
    color:#ffffff !important;
}
.my-is-success:hover {
    /* 5.71 : 1*/
    color:#008272 !important;
    background-color:#ffffff  !important;
    border: 2px solid #008272 !important;
}

.my-is-danger {
    /*7.19 : 1*/
    background-color: #B30000 !important;
    color:#ffffff !important;
}
.my-is-danger:hover {
    /* 5.71 : 1*/
    color:#B30000  !important;
    background-color:#ffffff  !important;
    border: 2px solid #B30000  !important;
}

.my-is-warning {
    /*4.67 : 1*/
    background-color:#7B5E00 !important;
}
.my-is-danger:hover {
    /*4.67 : 1*/
    color:#7B5E00  !important;
    background-color:#ffffff  !important;
    border: 2px solid #7B5E00  !important;
}

.clearbutton:hover {
    background-color:#ffffff  !important;
    color:#000  !important;
    border: 2px solid #000  !important;
}
.clearbutton:focus {
    background-color:#ffffff  !important;
    color:#000  !important;
    border: 2px solid #000  !important;
}
.my-title {
    font-weight:700;
    font-size:1.2rem;
}
@media all and (max-width: 500px) {
    .my-title {
        font-weight:700;
        font-size:1rem;
    }
}
.my-no-break {
    break-inside: avoid;
}

/*map icon style*/
.ol-zoom-in {
    background-color:#1257AB !important;
    color:#ffffff  !important;
}
.ol-zoom-out {
    background-color:#1257AB !important;
    color:#ffffff  !important;
}

.ol-mycontrol {
    background-color: #1257AB !important;
    border-radius: 4px;
    padding: 1px;
    position: absolute;
    /*width:400px;*/
    top: 85px;
    left:10px;
}
.ol-control button{
    height:32px !important;
    width:30px !important;
}
.ol-control button:hover{
    background-color: rgba(40, 40, 40, 1) !important;
}

.ol-full-screen-false {
    background-color:#1257AB !important;
    color:#ffffff  !important;
}
.ol-zoomslider-thumb {
    background-color:#1257AB !important;
    color:#ffffff  !important;
}
/*bulma alert style*/
.my-bulma-alert-button-pulled-right {
    margin-left:auto;
}

.my-twitter-button {
    background-color: #1DA1F2 !important;
    color: #ffffff !important;
}
.my-twitter-button:hover {
    color: #1DA1F2  !important;
    background-color: #ffffff  !important;
    border: 2px solid #1DA1F2 !important;
}

.my-facebook-button {
    background-color: #4267B2 !important;
    color: #ffffff !important;
}
.my-facebook-button:hover {
    color: #4267B2  !important;
    background-color: #ffffff  !important;
    border: 2px solid #4267B2 !important;
}