/*-----------------------------------------------LOGIN PAGE CSS---------------------------------------------*/

/******************Login Page Background Color**********************/
#login_bg
{
    background: linear-gradient(-90deg,#738ba8,#173e6e,#8b9eb6)!important;
}

#login_bg .first-section
{
    background: linear-gradient(-90deg,#738ba8,#173e6e,#8b9eb6)!important;
}

/******************Login Page Middle Section Color**********************/

.input-field .prefix.active
{
    color: #173e6e!important;
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #173e6e!important;
    -webkit-box-shadow: 0 1px 0 0 #173e6e!important;
    box-shadow: 0 1px 0 0 #173e6e!important;
}

/******************Login Page Main Heading Color**********************/

#login_bg .first-section h3
{
    color: #fff!important;
}

/******************Login Page Button Color**********************/

#login_bg .ghost-btn.filled
{
    background-color: #173e6e!important;
    border-color: #173e6e!important;
}

#login_bg .ghost-btn
{
    -webkit-box-shadow: 2.16px 2.17px 3.31px #28a5ad;
    box-shadow: 2.16px 2.17px 3.31px #28a5ad;
}

/******************Login Page Forgot Password Link Color**********************/

#login_bg #forgot_pswd
{
    color: #fff!important;
}

/******************Login Page Top Section Bottom**********************/

#login_bg .row:first-child
{
    margin-bottom: 0!important;
}

/******************Login Page Top Section Background Color**********************/

#login_bg header.main-topheader
{
    /*background-color: rgba(255, 255, 255, 0.25);*/
}

/******************Statement Checklist Page Proceed Button**********************/

.first-section .ghost-btn.filled {
    border-color: #173e6e!important;
    background-color: #173e6e!important;
    -webkit-box-shadow: 2.16px 2.17px 3.31px #28a5ad!important;
    box-shadow: 2.16px 2.17px 3.31px #28a5ad!important;
    color: #fff;
}


/******************Login Page Middle Box Section**********************/

.first-section p
{
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    background-color: #fff!important;
}

/*-----------------------------------------------WELCOME PAGE CSS---------------------------------------------*/

.slide_caption, .slide_caption2
{
    background: #173e6e!important;
}

#logo
{
    width: 175px!important;
}

.et_pb_button
{
    background-color: #173e6e!important;
    border-color: #173e6e!important;
    box-shadow: 2.16px 2.17px 3.31px #28a5ad!important;
}

/*-----------------------------------------------THANKYOU PAGE CSS---------------------------------------------*/

.first-section h3
{
    padding-bottom: 0!important;
    color: #173e6e!important;
}
.first-section p
{
    padding-bottom: 0!important;
    /*color: #173e6e!important;*/
}

.materialicons_cls
{
    color: #173e6e!important;
}

.para_cls
{
    color: #173e6e!important;
}

/*-----------------------------------------------COMMON PAGE CSS---------------------------------------------*/

/*********************Top Logo Width*********************************/

.main_logo
{
    width: 175px!important;
}

.main-logo img
{
    width: 175px!important;
}

.topbar-profile-image
{
    background-color: #173e6e;
    border-radius: 50px;
    padding: 1px;
}

form#myformname .first-section .pricing-info#reg_id .collapsible-body .form-group > .col.s12:first-child label::after,
form#myformname .first-section .pricing-info#corr_id .collapsible-body .form-group > .col.s12:first-child label::after
{
    background-color: #173e6e!important;
}

/*********************Label Color*********************************/

input:not([type]):focus:not([readonly]) + label, input[type=text]:not(.browser-default):focus:not([readonly]) + label, input[type=password]:not(.browser-default):focus:not([readonly]) + label, input[type=email]:not(.browser-default):focus:not([readonly]) + label, input[type=url]:not(.browser-default):focus:not([readonly]) + label, input[type=time]:not(.browser-default):focus:not([readonly]) + label, input[type=date]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label, input[type=tel]:not(.browser-default):focus:not([readonly]) + label, input[type=number]:not(.browser-default):focus:not([readonly]) + label, input[type=search]:not(.browser-default):focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label
{
    color: #173e6e!important;
}

input:not([type]).validate + label, input[type=text]:not(.browser-default).validate + label, input[type=password]:not(.browser-default).validate + label, input[type=email]:not(.browser-default).validate + label, input[type=url]:not(.browser-default).validate + label, input[type=time]:not(.browser-default).validate + label, input[type=date]:not(.browser-default).validate + label, input[type=datetime]:not(.browser-default).validate + label, input[type=datetime-local]:not(.browser-default).validate + label, input[type=tel]:not(.browser-default).validate + label, input[type=number]:not(.browser-default).validate + label, input[type=search]:not(.browser-default).validate + label, textarea.materialize-textarea.validate + label
{
    color: #5d5757;
}


/****************************Button Color***********************************/

form#myformname + .col-md-12.text-center::before, form#myformname + .col-md-12.text-center::after
{
    background-color: #173e6e;
}

form#myformname + .col-md-12.text-center
{
    background-color: #173e6e !important;
}


.main-topheader.colorize .top-nav .ghost-btn.filled
{
    background-color: #173e6e!important;
    border-color: #173e6e!important;
    -webkit-box-shadow: 2.16px 2.17px 3.31px #28a5ad!important;
    box-shadow: 2.16px 2.17px 3.31px #28a5ad!important;
}

#user_btn_mobile
{
    background-color: #173e6e!important;
    border-color: #173e6e!important;
    -webkit-box-shadow: 2.16px 2.17px 3.31px #28a5ad!important;
    box-shadow: 2.16px 2.17px 3.31px #28a5ad!important;
}

.ghost-btn.filled
{
    background-color: #173e6e!important;
    border-color: #173e6e!important;
    /*-webkit-box-shadow: 0 2px 3px 0 rgba(67, 198, 171, 0.6);
    box-shadow: 0 2px 3px 0 rgba(67, 198, 171, 0.6);*/
}

#btn_director_ok, #btn_dir1_ok, #btn_dir2_ok, #btn_dir3_ok, #btn_dir4_ok
{
    background-color: #6d6d6d!important;
    border-color: #6d6d6d!important;
    -webkit-box-shadow: 2.16px 2.17px 3.31px #c5c4c4;
    box-shadow: 2.16px 2.17px 3.31px #c5c4c4;
}

[type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked + label:after {
    border: 2px solid #173e6e!important;
}

[type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:after {
    background-color: #173e6e!important;
}

[type="checkbox"]:checked + label:before
{
    border-right: 2px solid #173e6e!important;
    border-bottom: 2px solid #173e6e!important;
}

#sub {
    /*background-color: #173e6e!important;
    border-color: #173e6e!important;
    box-shadow: rgba(67, 198, 172, 0.58) 2.16px 2.17px 3.31px;*/
}

#save {
    /*background-color: #173e6e!important;
    border-color: #173e6e!important;
    box-shadow: rgba(67, 198, 172, 0.58) 2.16px 2.17px 3.31px;*/
}

.ghost-btn
{
    /*-webkit-box-shadow: 2.16px 2.17px 3.31px #28a5ad!important;
    box-shadow: 2.16px 2.17px 3.31px #28a5ad!important;*/
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #173e6e!important;
    -webkit-box-shadow: 0 1px 0 0 #173e6e!important;
    box-shadow: 0 1px 0 0 #173e6e!important;
}

/****************************SignUp Button Color*************************/

.signupbtn.col-md-12.text-center {
    background-color: #173e6e !important;
}

.signupbtn.col-md-12.text-center::before, .signupbtn.col-md-12.text-center::after {
    background-color: #173e6e;
}

/****************************Questions Heading************************/

.first-section h1
{
    color: #173e6e!important;
    font-family: inherit!important;
}

/****************************Info Color***************************/

#info_id
{
    color: #173e6e!important;
}

.info_popup
{
    color: #173e6e!important;
}

.info_popup:hover
{
    color: #28a5ad!important;
}

/*****************************Page Links**************************/

.page_links
{
    color: #173e6e!important;
}

.page_links:hover
{
    color: #28a5ad!important;
}

.main-topheader.colorize .top-nav a:hover
{
    color: #bbbbbb!important;
}

/*****************************Popup Color**************************/

.modal-header
{
    background-color: #173e6e!important;
}

.modal-footer
{
    background-color: #173e6e!important;
}

#h3_idinfo button
{
    background-color: #6d6d6d!important;
    border-color: #6d6d6d!important;
    -webkit-box-shadow: 2.16px 2.17px 3.31px #c5c4c4;
    box-shadow: 2.16px 2.17px 3.31px #c5c4c4;
}

/********************Cookies Popup Css WL************************/

h4.section-title
{
    color: #173e6e!important;
}

#gdpr-cookie-message a
{
    color: #173e6e!important;
}

#gdpr-cookie-message a:hover
{
    color: #ffffff!important;
}

#gdpr-cookie-message button
{
    background-color:#173e6e!important;
    color: #ffffff!important;
}

#gdpr-cookie-message button:hover
{
    background-color: #ffffff!important;
    color: #173e6e!important;
}

/**************************Dropdown World Icon*****************************/

form#myformname .first-section .pricing-info#reg_id .collapsible-body .form-group > .col.s12:first-child label::after,
form#myformname .first-section .pricing-info#corr_id .collapsible-body .form-group > .col.s12:first-child label::after
{
    background-color: #173e6e!important;
}

form#myformname .first-section #child5 .pricing-info .collapsible-body .form-group > .col.s10:first-child label::after
{
    background-color: #173e6e!important;
}
/**************************** Default DropDown color ******************************/
.select-dropdown.dropdown-content li > span{
    color: #173e6e !important;
}
.select-dropdown.dropdown-content li:hover{
    background-color: #173e6e!important;
    color: #fff !important;
}

.select-dropdown.dropdown-content li > span:hover{
    color: #fff !important;
}

/**************************KYC Button Color*****************************/


.btn, .btn-large
{
    background-color: #173e6e!important;
}

.btn:hover, .btn-large:hover
{
    background-color: #28a5ad!important;
}

/****************************Date Picker*******************************/

form#myformname .first-section .picker__date-display
{
    background-color: #173e6e!important;
}

form#myformname .first-section .picker__day--selected, form#myformname .first-section .picker__day--selected:hover, form#myformname .first-section .picker--focused .picker__day--selected
{
    background-color: #173e6e!important;
}

form#myformname .first-section .picker__close, form#myformname .first-section .picker__today
{
    color : #173e6e!important;
}


/************************** Table *****************************************/
#mytabletr td:first-child{
    background-color: #173e6e !important;
    color: #fff !important;
}
#feeConfiguration td{
    background-color: #173e6e !important;
    color: #fff !important;
}


/****************************Background Image*****************************/

@media (min-width: 768px) {
    body {
        background: #f5f5f5 url(/merchant/images/form-bg.jpg) no-repeat top center/cover!important;
        background-attachment: fixed!important;
    }

    /*body.et_cover_background {
        background: #f5f5f5 url(/merchant/images/form-bg.jpg) no-repeat top center/cover!important;
        background-attachment: fixed!important;
    }*/
}
.progress-bar {
    background-color: #173e6e !important;

}

.first-section .pricing-info {
    color: #5d5757!important;
}

.input-field label {
    color: #5d5757;
}

/*b4b header*/
.main-topheader.colorize {
    background-color: #173e6e!important;
}

#websiterequirements {
    background-color: #597494!important;
    box-shadow: none !important;
    font-weight: 500;
    font-size: 14px;
}

#user_name_main {
    color: #000
}