/*
 Theme Name:   Smart Selangor Delivery Platform
 Theme URI:    https://www.blazeclan.com/
 Description:  A consultivo child theme Smart Selangor Delivery Platform(SSDP)
 Author:       Pramod Kharade
 Author URI:   https://www.blazeclan.com/
 Template:     consultivo
 Version:      1.0.0
*/
@import url('css/intlTelInput.css');
/*@import url('css/demo.css'); */
#full_name-error,#myKad_number-error,
#passport_number-error,
#user_address-error,#mobile_phone-error,
#reg_email-error,#ssm_no-error,
#company_name-error,
#company_address-error,
#postcode-error,
#state-error,#username-error,
#password-error,
#userpostcode-error,#reg_password-error,#password_1-error,#password_2-error,
#account_full_name-error,#account_myKad_number-error,#account_passport_number-error,#account_userpostcode-error,
#account_mobile_phone-error,#account_user_address-error,#account_email-error,
#account_state-error,#account_postcode-error,#account_company_address-error,
#oldmyKad_number-error,#user_login-error,#user_code-error,#reset_user_code-error,
#account_company_name-error,#account_ssm_no-error,#account_company_phone-error,#company_mobile_phone-error,#password_current-error{
    color: red;
}
.primary-menu > li.current-menu-ancestor > a,
.primary-menu > li.current-menu-ancestor > a:hover,
.primary-menu .sub-menu li.current_page_item > a,
 .primary-menu .sub-menu li.current-menu-item > a,
 .primary-menu .sub-menu li.current-menu-item > a:hover,
 ul#mastmenu li a:hover,
 .widget_cs_social_widget .cms-social li a{
    color: #1e90ff!important;
}
.woocommerce.woocommerce-account button.button,.scroll-top,#site-header-wrap .cart-count{
    background: #1e90ff!important;
}
i#help {
    padding-right: 4px;
}
div#success-content h4.modal-title p{
    margin-bottom:0px;
font-weight: bold;
}
span#helpspan{ 
    position: relative;
    margin-bottom: 1rem;
    border-radius: .25rem;
    color: darkgrey;
    border-color: #bee5eb;
    padding-left: 4px;
}
#cms-loadding .loading-spin .spinner .bar{
    border: 6px solid #1e90ff;
}
.woocommerce-message {
    border-top-color: #1e90ff;
}
.woocommerce-message::before{
    color: #1e90ff!important;
}
.primary-menu > li.current-menu-ancestor > a,
.primary-menu > li.current-menu-ancestor > a:hover,
.primary-menu .sub-menu li.current_page_item > a,
 .primary-menu .sub-menu li.current-menu-item > a,
 .primary-menu .sub-menu li.current-menu-item > a:hover,
 ul#mastmenu li a:hover,
 .widget_cs_social_widget .cms-social li a{
    color: rgba(44, 130, 201, 1)!important;
}
.woocommerce.woocommerce-account button.button,.scroll-top,#site-header-wrap .cart-count{
    background: rgba(44, 130, 201, 1)!important;
}
#cms-loadding .loading-spin .spinner .bar{
    border: 6px solid rgba(44, 130, 201, 1) !important;
}
.primary-menu > li > a:after {
    background: rgba(44, 130, 201, 1) !important;
}
.tp-caption.rev-btn.rs-hover-ready {
    background-color: rgba(44, 130, 201, 1) !important;
    border-color:  rgba(44, 130, 201, 1) !important;
}
.fr-contact-form-default h3 {
    
}
.cms-heading-tag  {
    color: rgba(44, 130, 201, 1) !important;
}
.fr-video-popup-content .play-video-button .radar:after {
    border: 2px solid rgba(44, 130, 201, 1) !important;
}
.fr-contact-form-default .wpcf7-form .wpcf7-submit:hover {
    background: rgba(44, 130, 201, 1) !important;
}
.tp-caption.rev_layer_in_group.tp-withaction.rs-hover-ready {
    background: rgba(44, 130, 201, 1) !important;
    color:rgba(44, 130, 201, 1) !important;
}

.fr-video-popup-content .play-video-button .fa {
    background: rgba(44, 130, 201, 1) !important; 
}
.fr-video-popup-content .play-video-button .fa:after {
    border: 2px solid rgba(44, 130, 201, 1) !important; ;
}
.btn, button, .button, input[type="submit"]{
    background: rgba(44, 130, 201, 1) !important;
}
.wpb_column :nth-child(even) .fr-price-content {
    background: rgba(44, 130, 201, 1) !important;
}
.overlay-primary {
    background: rgba(44, 130, 201, 1) !important;   
}
.vc_row.wpb_row.vc_row-fluid.vc_row-has-fill.vc_custom_1537002979174 {
    background: rgba(44, 130, 201, 1) !important;   
}
.site-footer .bottom-footer a:hover {
    color:rgba(44, 130, 201, 1) !important;
}
.fr-contact-form-default h3 {
    background: rgba(44, 130, 201, 1) !important;  
}
#site-header-wrap.header-layout1 .site-header-main .action-menu li.button-link a:hover {
    border-color: rgba(44, 130, 201, 1) !important;  
    color: rgba(44, 130, 201, 1) !important;  
}
.fr-case-studies-grid .grid-item-inner .item-holder .cat a, .fr-case-studies-carousel .grid-item-inner .item-holder .cat a {
    color:rgba(44, 130, 201, 1) !important;
}
.tp-caption.rev-btn.rs-hover-ready {
    color:rgba(44, 130, 201, 1) !important;
}
.intl-tel-input {
    position: relative;
    display: inline-block;
    width: 100%!important;
}
#formcontainer{
    left: 15%;
    position: relative;
    margin-top: -100px!important;
    width: 70%;
}
#cardFooter{
    padding: 0rem 0rem!important;
}
.card-header,.card-footer{
    border:none;
    background: #fff!important;
}
.card-header>h5{
    font-weight: bold;
}
#register-btn{
    margin-left: 40%;
}
p.woocommerce-LostPassword.register-link {
    margin-left: -450px;
    font-size: 18px;
}
p.woocommerce-LostPassword.lost_password {
    margin-left: -375px;
    font-size: 18px;
}
button#active-account,button#custom_lost_reset_password_form_submit{
    color: #fff;
}

#active_user_status_form {
    width: 50%;
    margin: 0 auto;
}
.alert-dismissible .close{
    padding: 3px 3px!important;
    color: #FFF;
    background-color: #1e90ff!important;
    margin-top: 3px!important;
}
.woocommerce-error{

    border-top-color: #1e90ff;
}
.woocommerce-error::before{
    color: #1e90ff;
}
li.cart-desktop > a.open-cart,li.search-desktop > a.open-search{
    display: none;
}
.tp-caption.rev-btn.rs-hover-ready{
    color: #fff!important;
}
#mastmenu > li a:not(:hover) {
    color: #fff!important;
}
select#state {
    color: #222!important;
}
.site-footer .top-footer .widget_nav_menu ul.menu li a:hover,ul#privacy-menu li a:hover{
    color: #1e90ff;
}
#address-icon{
    color: #1e90ff;
    margin-left: -23px;
    font-size: 14px; 
}
ul#privacy-menu li a{
    color: inherit;
}
ul#privacy-menu {
    margin-top: 168px;
}
span#span-icon {
    margin-top: 2px!important;
    margin-right: 4px!important;
}
section#media_image-1 {
    margin-left: 10px!important;
    margin-top: -35px!important;
}
#privacy-close{
    color: #fff!important;
}
ul.action-menu.primary-menu > li.button-link>a{
    display: none!important;
}
.modal{
     /* I added this to see the modal, you don't need this */
}

/* Important part */
.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    height: 600px;
    overflow-y: auto;
}
#user-body{
    height:auto!important; 
}
#usermodal-button:hover{
    border-color: #1e90ff;
    color: #fff;
}
.btn .btn-danger:hover{
    border-color: #fff!important;
}
i.zmdi.zmdi-linkedin{
    display: none!important;
}
#username,#password{
    height: 4.3em!important;
    margin-bottom: 0.82353rem!important;
    width: 100%;
    display: block;
}
#login-button{
    width: 100%;
    display: block;
}
.woocommerce form.login{
 border: none!important;
}
.intl-tel-input .selected-flag{
    height: 70%!important;
}
p.woocommerce-LostPassword.lost_password a:hover,p.woocommerce-LostPassword.register-link a:hover{
    color: #1e90ff!important;
    font-weight: bold;
}
p.woocommerce-LostPassword.lost_password a,p.woocommerce-LostPassword.register-link a{
    color: #1e90ff!important;
}
div#silder-button {
    background-color: #1e90ff!important;
    border: 1px solid #ffffff !important;
}
/***NewSide bar color****/
.widget-content ul li a:hover{
    background-color: #1e90ff!important;
}
div.data h2.entry-title a:hover,div.item-content h3.item-title a:hover,.fr-fancybox-content a:hover,.item-holder a:hover{
   color: #1e90ff!important; 
}
.comment-form .form-submit .submit{
    background-color: #1e90ff!important; 
}
textarea#comment:focus,input:focus{
    border-color: #1e90ff!important;
}
ul#recentcomments li span a:hover, ul#recentcomments li a:hover {
    background-color: #1e90ff!important;
    color: #333!important;
}
div.item-content h3.item-title a:not(:hover) {
    color: #333!important;
}
ul#menu-company li a:not(:hover),#menu-services li a:not(:hover) {
    color: inherit!important;
}
/***Privacy Content***/
div#privacy-wapper {
    text-align: justify;
}
div#termsConditionModal {
    text-align: justify;
}
.woocommerce-MyAccount-navigation ul li.is-active a{
    color: #1e90ff!important;
}
.woocommerce-MyAccount-navigation ul li.is-active a:hover,.woocommerce-MyAccount-navigation ul li a:hover,.woocommerce-MyAccount-navigation ul li:hover{
    color: #1e90ff!important;
}
.cms-footer-item:nth-child(2) .widget_nav_menu{
    padding-left: 10px!important;
}
#user-message-info{
    border-top-color:#1e85be;
    background-color:#fff;
    text-align: justify;
    padding-left: 66px;
}
p#user-message-info:before {
    content: '';
    font-family: WooCommerce;
    background: url('https://www.smartselangor.com.my/ssdpPortal/wp-content/themes/ssdp/assets/images/checkmark.gif') no-repeat;
    display: inline-block;
    position: absolute;
    top: 1em;
    left: -0.5em;
    height: 50px;
    width: 50px;
    border-radius: 50%;
}
div#success-content{
    top:100px;
    min-width: 600px;
}
/* Small devices (phones, 324px and up) */
@media only screen and (min-width: 324px) and (max-width:767px) {  
    #site-header-wrap a.search-mobile, #site-header-wrap a.cart-mobile{
        display: none!important;
    }
    #site-navigation ul#mastmenu li a{
    color: #333!important;
    }
    .woocommerce-MyAccount-navigation ul li.is-active a{
        color: #1e90ff!important;
    }
    .woocommerce-MyAccount-navigation ul li.is-active a:hover,.woocommerce-MyAccount-navigation ul li a:hover,.woocommerce-MyAccount-navigation ul li:hover{
        color: #1e90ff!important;
    }
    #site-navigation ul#mastmenu > li a:hover {
        color: #1e90ff!important;
    }
    .col-xl-3{
        padding-right: 15px;
        padding-left: 28px;
    }
    p.woocommerce-LostPassword.lost_password{
        margin-left: -155px;
    }
    p.woocommerce-LostPassword.register-link{
        margin-left: -258px;
    }
    ul#privacy-menu {
        margin-top: 0px;
    }
    .iti-flag {
        background-image: url('css/img/flags.png');
        background-repeat: no-repeat;
        background-size: 5651px 15px;
    }
    #formcontainer {
        left: 0%;
        position: relative;
        margin-top: -100px!important;
        width: 100%;
    }
    #register-btn {
        margin-left: 60px;
    }
    #active_user_status_form {
        width: 90%;
        margin: 0 auto;
    }
    button#active-account{
        color: #fff;
        margin-left: 20%;
    }
    button#edit-profile-button {
        margin-left: 21%;
    }
    button#save_account_details-button {
        margin-left: 20%;
    }
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media only screen and (min-width: 768px) and (max-width:991px) {  
    #site-header-wrap a.search-mobile, #site-header-wrap a.cart-mobile{
        display: none!important;
    }
    #site-navigation ul#mastmenu li a{
        color: #333!important;
    } 
    .woocommerce-MyAccount-navigation ul li.is-active a{
        color: #1e90ff!important;
    }
    .woocommerce-MyAccount-navigation ul li.is-active a:hover,.woocommerce-MyAccount-navigation ul li a:hover,.woocommerce-MyAccount-navigation ul li:hover{
        color: #1e90ff!important;
    } 
    #site-navigation ul#mastmenu > li a:hover {
        color: #1e90ff!important;
    }
    #formcontainer {
        left: 15%;
        position: relative;
        margin-top: -100px!important;
        width: 100%;
    }
    .iti-flag {
        background-image: url('css/img/flags.png');
        background-repeat: no-repeat;
        background-size: 5653px 15px;
        
    }
    .col-xl-3{
        padding-right: 15px;
        padding-left: 28px;
    }
    #register-btn {
        margin-left: 30%;
    }
    .iti-mobile .intl-tel-input.iti-container {
        top: 20%;
        bottom: 30px;
        left: 40%;
        right: 30px;
        position: fixed;
    }
}
 
/* Large devices (desktops, 992px and up) */
@media(min-width: 992px) and (max-width:1199px){ 
    #site-header-wrap a.search-mobile, #site-header-wrap a.cart-mobile{
        display: none!important;
    }
    #site-navigation ul#mastmenu li a{
        color: #fff!important;
        }
    .woocommerce-MyAccount-navigation ul li.is-active a{
        color: #1e90ff!important;
    }
    .woocommerce-MyAccount-navigation ul li.is-active a:hover,.woocommerce-MyAccount-navigation ul li a:hover,.woocommerce-MyAccount-navigation ul li:hover{
        color: #1e90ff!important;
    }
    #site-navigation ul#mastmenu li a:hover {
        color: #1e90ff!important;
    }
    .iti-flag {
        background-image: url('css/img/flags.png');
        background-repeat: no-repeat;
        background-size: 5651px 15px;
    }
    #register-btn {
        margin-left: 40%;
    }
    #formcontainer {
        left: 25%;
        position: relative;
        margin-top: -100px!important;
        width: 100%;
    }
    
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {  
    #site-header-wrap a.search-mobile, #site-header-wrap a.cart-mobile{
        display: none!important;
    }
}