﻿.opa-0 {
    opacity: 0;
}
#Subscribed-popup {
    padding-right: 15px;
}
div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
    display: none;
}

.gq-select-device .rep-device.active,
.manufacture-device-list ul li.active,
.select-device-model ul li.get_quotes_man.active,
.select-issue-box ul li.get_quotes_man.active {
    border: 3px solid #030154  !important;
}

.sa-button-container {
    display: flex;
    justify-content: center;
}

ul.selecttime li.selected {
    border: 1px solid #e71d36;
    background: #ffe0e4;
    color: #e71d36;
}

.SumoSelect.disabled {
    opacity: 1 !important;
}

.row.repairer-header-button {
    float: right;
    padding: 1%;
}

    .row.repairer-header-button button.btn.btn-primary {
        padding: 7% !important;
    }

.login-page .SumoSelect {
    display: block;
    width: 100%;
}

/*.store-selection select{
    opacity:1;
}
.store-selection .CaptionCont.SelectBox.search, .store-selection .optWrapper {
    opacity: 0;
    display: none;
}
*/

.cstm-sumo-select .SumoSelect label {
    font-size: medium;
}

.skill {
    cursor: pointer;
}

.skill-2 p {
    background: #ff144a;
}

.skill-3 p {
    background: #ff6014;
}

.sa-confirm-button-container .confirm {
    background-color: #030154 !important;
}

.sweet-alert .sa-icon.sa-warning {
    border-color: #030154 !important;
}

    .sweet-alert .sa-icon.sa-warning .sa-body, .sweet-alert .sa-icon.sa-warning .sa-dot {
        background-color: #030154 !important;
    }

.login-page .table.moible-tier-popup tbody tr td:first-child {
    width: 160px !important;
}



#storeDataTable td:nth-child(2) {
    font-weight: bold;
}

img.price-tier-image {
    max-width: 20px !important;
}

.login-page .table.price-tire-mobile tbody tr td:first-child {
    width: 15px !important;
}

.login-page .table.price-tire-mobile tbody tr td:nth-child(2) {
    width: 130px !important;
    text-align: left;
}

/*.manufacture-device-list .get_quotes_man.active:after {
    position: absolute;
    right: 25px;
    top: 10px;
    background-image: url(../assets/images/checked.png);
    width: 24px;
    height: 24px;
    content: '';
}*/


.ui-widget.ui-widget-content {
    height: 350px !important;
    overflow-y: scroll;
    overflow-x: hidden;
}
.quotesubmit i {
    margin: auto;
}

.repairpinkrow .SumoSelect {
    margin-bottom: 20px;
    width: 100%;
}

.shop-location-list ul li.shop-location {
    cursor: pointer;
}

.rating {
    width: 90%;
    float: right;
}

.rating > span {
    display: inline-block;
    position: relative;
    /*width: 1.1em;*/
}

.rating > span:hover,
.rating > span:hover ~ span {
    color: transparent;
}

.rating > span:hover:before,
.rating > span:hover ~ span:before {
    content: "\2605";
    position: absolute;
    left: 0;
    color: gold;
    cursor: pointer;
}

.star.selected {
    color: gold;
}

.sweet-alert.showSweetAlert{
    z-index:99999999999 !important;
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header, .dtp div.dtp-date, .dtp div.dtp-time {
    background: #030154 !important;
}
.dtp-btn-ok, .dtp-btn-cancel {
    display: none;
}

.getquote-heading i {
    font-size: 25px !important;
}

.skill > p > b {
    font-size: 22px;
}
/*.quote-form textarea.form-control {
    height: 110px;
    margin-bottom: 20px
}*/
.issue-answer b {
    font-size: 25px;
}

.modal {
    z-index: 999999 !important;
}
.dtp {
    z-index: 999999 !important;
}

.congratulation--tag span {display: block;font-size: 27px;color: #030154;font-weight: 600;padding-bottom: 21px;}
.icon--image img {width: 176px;}
p.congratulation--tag {margin: 0;}
#popupMessageOnLoad .modal-footer.button--footer {border: 0;align-items: center;justify-content: center;padding-top: 0;padding: 0;padding-bottom: 26px;}
#popupMessageOnLoad .btn.btn-secondary {padding: 0;font-weight: 400 !important;height: 39px;line-height: 33px;padding-left: 19px;padding-right: 19px;font-size: 15px;}
#popupMessageOnLoad button.btn.btn-secondary {background: transparent !important;color: #030154;}
#popupMessageOnLoad .modal-header {padding: 0;border: 0;}
#popupMessageOnLoad .modal-header .close {opacity: 1;color: #030154;margin: 0;position: absolute;right: 6px;background: #14edff;border-radius: 100%;padding: 0;font-size: 18px;width: 30px;height: 30px;line-height: 20px;top: 6px;z-index: 9;}
#popupMessageOnLoad .modal-header .close span {display: block;position: relative;top: -1px;}
#popupMessageOnLoad .modal-open .modal .modal-content {border-radius: 13px;}
#popupMessageOnLoad .p--hi {opacity: 0;}
.select-device-model ul li .modelplaceholder img {
    height: 200px;
}
.customer-footer .row:first-child {
    top: 50px;
    position: relative;
}

.customer-footer .copyright {
    margin-top: 56px;
}

.quote-form .form-control {
    margin-bottom: 0 !important;
}

#welcomComplete{max-width:650px !important;}
#welcomComplete .icon--image img {width: 350px !important;}
    #welcomComplete p.congratulation--tag {
        margin: 4%;
        font-size: 18px;
    }
    #welcomComplete .congratulation--tag span {
        display: block;
        background: #030154; font-size: 27px;
        color: #fff;
        font-weight: 600;
        padding: 2%;
}



.overlay-menu.overlay {
    z-index: 999999 !important;
}
#newOrder.overlay-menu.overlay {
    z-index: 99999 !important;
}
#gmap_canvas {
    height: 400px;
    width: 100%;
}

#whatsAppChange-needHelp {
    padding: 30px 0;
}
#load-more-notification{
    cursor:pointer;
}


#full-stars-example-two {
    /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
    /* make hover effect work properly in IE */
    /* hide radio inputs */
    /* hide 'none' input from screenreaders */
    /* set icon padding and size */
    /* set default star color */
    /* if any input is checked, make its following siblings grey */
    /* make all stars orange on rating group hover */
    /* make hovered input's following siblings grey on hover */
    display: contents;
}

    #full-stars-example-two .rating-group {
        display: inline-flex;
    }

    #full-stars-example-two .rating__icon {
        pointer-events: none;
    }

    #full-stars-example-two .rating__input {
        position: absolute !important;
        left: -9999px !important;
    }

    #full-stars-example-two .rating__input--none {
        display: none;
    }

    #full-stars-example-two .rating__label {
        cursor: pointer;
        padding: 0 0.1em;
        font-size: 2rem;
    }

    #full-stars-example-two .rating__icon--star {
        color: orange;
    }

    #full-stars-example-two .rating__input:checked ~ .rating__label .rating__icon--star {
        color: #ddd;
    }

    #full-stars-example-two .rating-group:hover .rating__label .rating__icon--star {
        color: orange;
    }

    #full-stars-example-two .rating__input:hover ~ .rating__label .rating__icon--star {
        color: #ddd;
    }

.cursor-pointer {
    cursor:pointer !important;
}

@media only screen and (max-width: 600px) {
    #get_quotes_main .yourjob-section {
        display: none;
    }
}

.partner-page .header-logo hr {
    width: 16%;
    margin: 0;
    margin-bottom: 7%;
    border: 2px solid #13E0FB;
    background: #13f0fb bottom !important;
}

.partner-page .row.header-logo.backbelt ul img {
    display: inline-block;
    margin-right: 6px;
    vertical-align: top;
    margin-top: 4px;
}

.partner-page .row.header-logo.backbelt ul p {
    display: inline-block;
    font-size: 15px;
    line-height: 27px;
    color: #030154;
    width: calc(100% - 40px);
    vertical-align: top;
}

.partner-page .row.header-logo.backbelt ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .partner-page .row.header-logo.backbelt ul li {
        margin-bottom: 3%;
    }

    .partner-page .row.header-logo.backbelt .center-partner {
        border-radius: 50%;
        display: inline-block;
        background: #030154;
        height: 100%;
        color: #fff !important;
        padding: 15px;
        width: 100%;
        height: 100%;
        margin-left: -20px;
        max-width: 200px;
        max-height: 200px;
    }

    .partner-page .row.header-logo.backbelt .center-partner p {
        color: #fff !important;
        margin-top: 21% !important;
    }


.partner-page .row.header-logo.backbelt .footer-text {
    display: inline-block;
    background: #030154;
    border-radius: 50%;
    height: 191px;
    width: 191px;
    color: #fff;
}
 .partner-page .row.header-logo.backbelt .footer-text h5, .partner-page .row.header-logo.backbelt .footer-text h1 {
        color: #fff;
        margin-left: 21%;
    }
#styled-fotter-backbelt {
    list-style-type: disc;
    margin: 5%;
}

.repair-phone-list div.product, .repair-phone-list div.product:hover {
    cursor: pointer !important;
}
.repair-phone-list a:hover {
    text-decoration: none;
    cursor: pointer;
}
/* .inner-banner-section.blog-header {
    background: #fff;
} */
    /* .inner-banner-section.blog-header h2, .inner-banner-section.blog-header ul li {
        color: #030154 !important;
    }
    .inner-banner-section.blog-header .slider-container ul > li:not(:last-child):before {
        background: #030154 !important;
    } */
.blog-header.inner-banner-section {
    height: auto;
    padding: 60px 0 150px;
}

.partner-page .row.header-logo.backbelt ul.bolt-list li{
    font-size: 24px
}

.blog-inner.blog-inner-image{
    text-align:center;
}


#already-subscribed #submit-content {
    background-position: left !important;
    background: none;
    background-color: #fff;
}

#cstmNamMenu {
    left: -299px !important;
    max-width: 350px !important;
    width: 350px !important;
}

.chat-userImage.status-bar {
    width: 16px;
    height: 16px;
    position: relative;
    background: #A9B3B9;
    border: 3px solid #F9F9F9;
    border-radius: 100%;
    display: inline-block;
    top: 25px !important;
    right: 22px !important;
}

.chat-userImage.status-bar.useractive {
    background: #3FDE3C !important;
    /*border-color: #3FDE3C !important;*/
}

#newCustomerMsg a {
    text-transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0;
}

.chat-notification-badge {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 10px;
    right: 24px;
    font-size: 0;
    background: green;
}

.message-right .is-typing {
    background: transparent;
    position: relative;
    margin: 30px 90px;
}

@media (max-width: 1599px) {
    .message-right .is-typing {
        margin: 0 30px;
        height: 35px;
    }
}
a.white--button {
    cursor: pointer;
}

.pac-container.pac-logo.hdpi {
    z-index: 99999999 !important;
}

#PostCode:-webkit-autofill {
    background-color: white !important;
}

.box--col.full--row {
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
}

.box--col.space--between {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    border-top: 2px solid rgb(37 195 216);
    padding-top: 7px;
}

.box--col label {
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
}

.box--col span {
    font-size: 13px;
    line-height: 1.2;
}

.dashboard-layout .add-new .SumoSelect{
    display: flex;
    flex-direction: column-reverse;
}

.dashboard-layout .add-new .SumoSelect label.error{
    margin-bottom:0;
    color: #dc3545;
}