/*
CSS Specific for WooCommerce Pages
*/
/* 
    Created on : Jan 8, 2017, 12:29:38 PM
    Author     : rohit
*/

.whitelabel-site-logo img {
    width: 200px;
    height: auto;
}

.page-template-template-affiliate #post-content {
    max-width: 1100px;
    margin: 25px auto 0px;
}

.page-template-template-affiliate #affwp-affiliate-dashboard h4 {
    margin-left: 0px !important;
}

p.affwp-notice.pending-notice {
    background: #009fe3;
    color: #fff;
    border-color: #009fe3;
    padding: 20px;
}

.page-template-template-affiliate form {
    display: inline-block;
    vertical-align: top;
    width: 	100%;
    padding: 0;
}

#fullwidth-content .woocommerce-message{
    border: 3px solid #3E84F7;
    border-radius: 5px;
    font-size: 15px;
}
#fullwidth-content a.button.wc-forward{
    display: none;
}
#fullwidth-content .woocommerce-info{
    border: 3px solid #FFFFFF;
    border-radius: 5px;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    border-radius: 5px;
	font-size: 15px;
}
.agency_signup_form p{
    position: relative;
}
.agency_signup_form input, #fullwidth-content .woocommerce-billing-fields input, .woocommerce-account-fields input, #fullwidth-content .woocommerce-billing-fields .select2-container--default .select2-selection--single, #addon_package_domain {
    height: 60px;
    font-size: 16px;
    outline: none;
    border: 1px solid #d4d4d4;
    padding-left: 20px;
    line-height: initial;
    padding-top: 32px;
    color: #333;
    border-radius: 5px;
    font-weight: 300 !important;
}
#addon_package_domain{
    padding-top: 0;
}
#fullwidth-content .woocommerce-billing-fields a.select2-choice {
    padding-top: 5px;
}
#fullwidth-content .woocommerce #respond input#submit.alt, #fullwidth-content .woocommerce a.button.alt, #fullwidth-content .woocommerce button.button.alt, #fullwidth-content .woocommerce input.button.alt{
    background: #3E84F7;
    outline: none;
    border: 2px solid #FFF;
    transition: all .5s;
}
#fullwidth-content .woocommerce #respond input#submit.alt:hover, #fullwidth-content .woocommerce a.button.alt:hover, #fullwidth-content .woocommerce button.button.alt:hover, #fullwidth-content .woocommerce input.button.alt:hover{
    background: #FFF;
    color: #3E84F7;
    border: 2px solid #3E84F7;
}
.add-domain-section-wrapper ul.domain-wrapper {
    list-style: none;
    margin-bottom: 20px;
}
.add-domain-section-wrapper ul.domain-wrapper li a i {
    margin-right: 5px;
    color: #FFFFFF;
}
.whitelabel_client_add_domain_form {
    border-top: 2px solid #3E84F7;
    color: #FFFFFF;
    padding: 10px;
}
.whitelabel_client_add_domain_form fieldset {
    border-bottom: 2px solid #f4f4f4;
    padding: 20px 0;
}
.whitelabel_client_add_domain_form fieldset:last-child {
    border-bottom: none;
    padding: 20px 0;
}
.whitelabel_client_add_domain_form button.submit-btn{
    background: #3E84F7;
    color: #FFF;
    display: inline-block;
    padding: 10px 20px;
    font-weight: 600;
    border: 2px solid #3E84F7;
    border-radius: 5px;
    transition: all .5s;
}
.whitelabel_client_add_domain_form button.submit-btn:hover{
    background: #51a300;
    color: #FFF !important;
}
.whitelabel_client_add_domain_form button.submit-btn.skip-domain-details{
    background: #00a9ff;
    margin-left: 15px;
    border: 2px solid #00a9ff;
}
.whitelabel_client_add_domain_form button.submit-btn.skip-domain-details:hover{
    background: #279BD9;
}
.whitelabel_client_add_domain_form fieldset h4 {
    margin-bottom: 20px;
    font-weight: 600;
}
.whitelabel_client_add_domain_form fieldset label {
    width: 30%;
	font-size: 16px;
	display: inline-block;
}
.whitelabel_client_add_domain_form fieldset label span{
    color: #FF0000;
}
.whitelabel_client_add_domain_form fieldset label small {
    width: 100%;
    display: inline-block;
    font-weight: 400;
}
.whitelabel_client_add_domain_form fieldset input {
    width: 40% !important;
    height: 35px;
    padding-left: 7px;
}
.whitelabel_client_add_domain_form fieldset > div{
    position: relative;
    margin-bottom: 20px;
}
.tool-tip-icon{
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(../../images/Pricing-Plan-Icons.png) no-repeat scroll transparent;
    background-size: 30px;
    background-position: 0 -80px;
    position: relative;
    margin-bottom: -7px;
    margin-left: 10px;
}
.tool-tip-content {
    visibility: hidden;
    width: 220px;
    background-color: #f4f4f4;
    color: #000;
    text-align: center;
    border-radius: 5px;
    padding: 0 0 15px;
    position: absolute;
    z-index: 1;
    top: -100px;
    left: 50px;
}
.tool-tip-content h5 {
    background: #3E84F7;
    color: #FFF;
    padding: 10px 0;
    font-size: 17px;
    border-radius: 5px 5px 0 0;
    font-weight: 600;
    margin-bottom: 15px;
}
.tool-tip-content p {
    font-size: 15px;
    padding: 0 15px;
}
.tool-tip-icon:hover .tool-tip-content{
    visibility: visible;
}

.additional-plan-option {
    margin: 50px 0;
    border-top: 2px solid #3E84F7;
}
.additional-plan-option p{
    margin-top: 30px;
}
.additional-plan-option a, .add-domain-section-wrapper a.proceed-to-dashboard{
    background: #3E84F7;
    color: #FFF;
    padding: 5px 20px;
    font-weight: 600;
    border: 2px solid #3E84F7;
    border-radius: 5px;
    display: inline-block;
    transition: all .5s;
}
.additional-plan-option a:hover, .add-domain-section-wrapper a.proceed-to-dashboard:hover{
    background: #51a300;
    color: #FFF;
}
div#customer_details {
    border-bottom: 2px solid #3E84F7;
    padding-bottom: 25px;
}
.woocommerce-billing-fields h3, .woocommerce-shipping-fields h3, #order_review_heading {
    margin: 20px 0 20px;
    font-size: 22px;
    font-weight: 400;
}
.woocommerce table.shop_table{
    border: 2px solid #f4f4f4 !important;
}
.woocommerce table.shop_table td, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{
    border-top: 2px solid #f4f4f4 !important;
}
.woocommerce table.shop_table tr.order-total{
    background: #3E84F7;
    color: #FFF;
}
.woocommerce table.shop_table tr.order-total th{
    border-radius: 0 0 0 3px;
}
.woocommerce table.shop_table tr.order-total td{
    border-radius: 0 0 3px 0;
}
p.woocommerce-thankyou-order-received { 
    margin: 20px 0;
    font-size: 18px;
}
#whitelabel-checkout-login label.inline {
    margin-right: 20px;
}
#whitelabel-checkout-login input.button, .add-domain a {
    background: #3E84F7;
    color: #FFF;
    padding: 7px 20px;
    transition: all .5s;
    border: 2px solid #3E84F7;
    border-radius: 5px;
}
#whitelabel-checkout-login input.button:hover, .add-domain a:hover {
    background: #51a300;
    color: #FFF !important;
}
.add-domain a{
    margin-bottom: 20px;
    display: inline-block;
	font-size: 15px;
    color: #fff !important;
}
#whitelabel-checkout-login .lost_password {
    margin-top: 10px;
}
.add-domain {
    border-bottom: 2px solid #3E84F7;
    padding-bottom: 5px;
}
h2.woocommerce-order-details__title {
    margin-bottom: 10px;
    font-size: 25px;
}
.add-domain h3{
    padding-bottom: 20px;
}
#fullwidth-content .woocommerce .checkout_coupon, #whitelabel-checkout-login {
    border: 2px solid #3E84F7;
    display: none;
    overflow: hidden;
    padding: 20px 10px;
}
#fullwidth-content .woocommerce .checkout_coupon{
    margin-bottom: 30px;
}
#fullwidth-content .woocommerce .checkout_coupon .form-row, #whitelabel-checkout-login .form-row {
    position: relative;
}
#fullwidth-content .woocommerce .checkout_coupon .form-row input, #whitelabel-checkout-login .form-row input{
	height: 60px;
    outline: none;
    border: 1px solid #d4d4d4;
    padding-left: 20px;
    line-height: initial;
    padding-top: 32px;
    color: #333;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 300 !important;
}
#fullwidth-content .woocommerce .checkout_coupon input{
    height: 40px;
    border: 1px solid #FFFFFF !important;
    padding-left: 5px;
}
#fullwidth-content .woocommerce .checkout_coupon p {
    margin-bottom: 0 !important;
}
#fullwidth-content .woocommerce .checkout_coupon .button, #whitelabel-checkout-login .button{
    background: #3E84F7;
    color: #FFF;
    padding: 20px;
    transition: all .5s;
    border: 2px solid #3E84F7;
    border-radius: 5px;
    width: 100%;
    display: inline-block;
    text-align: center;
}
#fullwidth-content .woocommerce .checkout_coupon .button:hover, #whitelabel-checkout-login .button:hover{
    background: #FFF;
    color: #3E84F7;
}
#fullwidth-content {
    min-height: 75vh;
}
#fullwidth-content div#payment{
    background: #f4f4f4;
}
#fullwidth-content #payment .payment_box.payment_method_paypal_pro_payflow{
    background: none;
}
#fullwidth-content #payment .payment_box.payment_method_paypal_pro_payflow:before{
    border: none;
}
#fullwidth-content #payment fieldset#wc-paypal_pro_payflow-cc-form input{
    height: 35px;
    box-shadow: none !important;
    border: 1px solid #000 !important;
}
#fullwidth-content .create-account {
    overflow: hidden;
    width: 100%;
}
#fullwidth-content #account_password_field {
    float: left;
    width: 47%;
}
#fullwidth-content .generate-password-wrapper {
    width: 47%;
    float: right;
    margin-right: 2%;
    margin-bottom: 6px;
}
#fullwidth-content .generate-password-wrapper {
    margin-right: 0;
    margin-top: 4px;
}
#fullwidth-content .generate-password-wrapper a {
    background: #3E84F7;
    border: 2px solid #3E84F7;
    color: #FFF;
    padding: 15px 0;
    width: 100%;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    transition: all .5s;
    border-radius: 5px;
}
#fullwidth-content .generate-password-wrapper a:hover{
    background: #51a300;
    color: #FFF !important;
}
#fullwidth-content .password-generator-overlay{
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    z-index: 999;
}
#fullwidth-content .password-generator-container {
    position: fixed;
    left: 0;
    right: 0;
    display: none;
    top: 30%;
    background: #FFF;
    width: 40%;
    z-index: 9999;
    text-align: center;
    padding: 70px;
    margin: 0 auto;
}
#fullwidth-content .password-generator-container span.close-pwd {
    position: absolute;
    right: 0;
    top: 0;
    background: #3E84F7;
    color: #FFF;
    font-weight: 600;
    padding: 4px 10px;
    cursor: pointer;
    font-size: 20px;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{
    background: none;
}
#add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before{
    display: none;
}
#wc-paypal_pro-cc-form input {
    border: 1px solid #000;
    height: 35px;
}
.payment_method_paypal.payment_box p {
    margin-left: 10px;
    margin-top: 15px;
}
.payment_method_paypal_pro.payment_box p, .payment_method_ppec_paypal p {
    margin-left: 16px;
    margin-top: -15px;
    font-size: 16px;
}
#wc-paypal_pro-cc-form p {
    float: left;
    width: 30%;
    margin-right: 3% !important;
}
#payment_method_paypal{
    float: left;
    margin: 15px 20px 0 0 !important;
}
#wc-paypal_pro-cc-form{
    padding-left: 15px !important;
}
.payment_box.payment_method_paypal{
    margin: -20px 0 20px 0 !important;
    padding: 0 20px !important;
}
a.about_paypal{
    margin-left: 20px !important;
}
.whitelabel_form input, .whitelabel_client_special_plan_form select#user_country {
    width: 50% !important;
    height: 35px;
    border: 1px solid #f4f4f4;
    padding-left: 7px;
	font-size: 16px;
}
.whitelabel_form label {
    width: 100%;
}
.whitelabel_form {
    margin-top: 20px;
}
.whitelabel_client_special_plan_form select#user_country {
    padding: 0 0 0 7px;
}
.whitelabel_form p {
    margin-bottom: 20px;
}
.whitelabel_form .submit-btn {
    background: #3E84F7;
    color: #FFF;
    border: none;
    padding: 7px 20px;
    border-radius: 3px;
    transition: all .5s;
    font-weight: 600;
    border: 2px solid #3E84F7;
}
.whitelabel_form .submit-btn:hover {
    background: #FFF;
    color: #3E84F7 !important;
}
.woocommerce form .form-row {
    position: relative;
    margin-bottom: 15px !important;
}
.woocommerce form .form-row label{
    display: none !important;
}
.floating-label {
    position: absolute;
    pointer-events: none;
    left: 20px;
    top: 20px;
    color: #333;
    transition: 0.2s ease all;
    font-weight: 300 !important;
    font-size: 16px;
}
input:focus ~ .floating-label,
input:not(:focus):valid ~ .floating-label{
    top: 10px;
    left: 24px;
    font-size: 12px;
    opacity: 1;
}
#fullwidth-content .woocommerce-billing-fields .select2-container--default .select2-selection--single {
    padding: 15px 8px;
    margin-bottom: 0px !important;
}
#fullwidth-content .woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #333;
    font-size: 16px;
    font-weight: 300 !important;
}
#fullwidth-content .woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 18px;
    color: #333;
    right: 7px;
}
#fullwidth-content .woocommerce-billing-fields .password-generator-container input {
    padding-top: 2px;
}
.woocommerce-error li:before {
    content: none !important;
}
.woocommerce-error {
    padding: 15px 50px !important;
    border-radius: 5px;
}
.woocommerce-error li {
    padding-left: 10px !important;
    margin-bottom: 0;
}
.woocommerce .blockUI.blockOverlay:before,.woocommerce .loader:before {
    height: 5em;
    width: 5em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -2.5em;
    margin-top: -2.5em;
    display: block;
    content: "";
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
    background: url('../../images/loading.gif') center center;
    background-size: cover;
    line-height: 1;
    text-align: center;
    font-size: 2em;
}
.blockUI.blockMsg.blockElement {
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    width: 60% !important;
    top: 45% !important;
    opacity: .7 !important;
    border: 2px solid #279BD9 !important;
    padding: 20px !important;
}
.password-generator-container input {
    padding: 0;
    text-align: center;
}
.whitelabel_client_add_domain_form .fa {
    margin-left: -28px;
    cursor: pointer;
    display: inline-block;
    margin-right: 8px;
	font-size: 14px;
}
#fullwidth-content #whitelabel_reset_password_form .generate-password-wrapper {
    width: 20%;
    float: none;
    margin-bottom: 22px;
}
#fullwidth-content #whitelabel_reset_password_form .generate-password-wrapper a {
    padding: 10px 0;
}
.thankyou-wrapper {
    margin: 70px 0 100px;
}
#wp-domain_tickect_description-wrap input {
    width: auto;
}
.whitelabel_client_add_domain_form h2 {
    font-weight: 700 !important;
    font-size: 23px;
    margin: 40px 0 25px;
}
.headling-less-tooltip p{
    padding-top: 20px;
    margin-bottom: 5px;
}

.woocommerce-billing-fields input, .woocommerce-billing-fields select, .woocommerce-billing-fields textarea {
    font-size: 16px !important;
}

/* .select2-container--default .select2-selection--single {
    border: 1px solid #f6f6f7 !important;
    font-family: 'Heebo', sans-serif;
    font-size: 1.6em;
    line-height: 1.5em;
    color: #111324;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    padding: 12px 17px;
    margin: 2px 0 11px;
} */

.shop_table th {
    font-size: 18px;
    font-weight: 500 !important;
}

.shop_table td {
    font-size: 18px;
    font-weight: normal !important;
}

.woocommerce-info {
    font-size: 15px;
}

.woocommerce-checkout #payment ul.payment_methods {
	padding: 2em;
}

.woocommerce-checkout #payment ul.payment_methods li {
	list-style: none;
}

.woocommerce-checkout-payment label {
    display: inline-block;
    color: #111324;
}

.select2-results__option {
	font-size: 16px;
    font-weight: 300 !important;
}

.woocommerce-error::before {
    font-size: 15px;
}

.woocommerce-error li {
    margin: 0px !important;
}


.affwp-form p {
    position: relative;
    margin-bottom: 15px;
}

.affwp-form input[type=text], .affwp-form input[type=password], .affwp-form input[type=email], .affwp-form input[type=url], .affwp-form textarea {
    -moz-box-sizing: border-box;
    height: 60px;
    border: 1px solid #d4d4d4;
    padding-left: 24px;
    line-height: initial;
    padding-top: 32px;
    color: #333;
    outline: none;
    border-radius: 5px;
    width: 100% !important;
	font-size: 16px;
    color: #333333 !important;
    font-weight: 300;
}

.affwp-form label {
    display: none;
}

.floating-label {
    position: absolute;
    pointer-events: none;
    left: 20px;
    top: 20px;
    color: #333;
    font-weight: 300;
    transition: 0.2s ease all;
}
input:focus ~ .floating-label,
input:disabled ~ .floating-label,
input:not(:focus):valid ~ .floating-label{
    top: 8px;
    left: 24px;
    font-size: 12px;
    opacity: 1;
}

#affwp-affiliate-dashboard .floating-label, #affwp-login-form .floating-label{
    position: absolute;
    pointer-events: none;
    left: 20px;
    top: 20px;
    color: #333;
    font-weight: 300;
    transition: 0.2s ease all;
    font-weight: 300 !important;
    font-size: 16px;
}

#affwp-affiliate-dashboard input:focus ~ .floating-label,
#affwp-login-form input:focus ~ .floating-label
{
    top: 8px;
    left: 24px;
    font-size: 12px;
    opacity: 1;
}

.affwp-form input[type=email]:disabled ~ .floating-label {
	top: 8px;
    left: 24px;
    font-size: 12px;
    opacity: 1;
}

.affwp-form .affwp-wrap {
    margin-bottom: 20px;
    position: relative;
}

.affwp-form input[type=email]:focus ~ .floating-label, .affwp-form input[type=email]:not(:focus):valid ~ .floating-label {
	top: 8px;
    left: 24px;
    font-size: 12px;
    opacity: 1;
}

input#affwp-login-user-login:focus ~ .floating-label {
	top: 8px;
    left: 24px;
    font-size: 12px;
    opacity: 1;
}

#affwp-login-form span.floating-label {
    top: 8px;
}

.affwp-form legend {
    font-size: 120%;
    margin-bottom: 1em;
    margin: 20px 0 20px;
    font-size: 22px;
    font-weight: 400;
}

.affwp-form input.button, #affwp-graphs-filter input#submit {
    background: #3E84F7;
    font-weight: 600;
    color: #FFF;
    padding: 5px 15px;
    border: 3px solid #3E84F7;
    transition: all .5s;
    border-radius: 5px;
	font-size: 18px;
}

.affwp-form input.button:Hover, #affwp-graphs-filter input#submit:Hover {
    background: #fff;
    border: 3px solid #3E84F7;
	color: #3E84F7;
}

.affwp-lost-password a {
    color: #3E84F7 !important;
}

.affwp-lost-password a:Hover {
    color: #3E84F7 !important;
}

.affwp-form .affwp-wrap {
    position: relative;
}

#affwp-affiliate-dashboard-url-generator .affwp-form input.button {
    font-size: 18px !important;
}

#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li a:Hover {
    background: #009fe3;
    color: #fff !important;
}

#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li a {
    border: 2px solid #009fe3;
    padding: 6px 15px;
    border-radius: 5px;
    font-size: 16px;
}

#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li {
    margin-bottom: 30px;
}

#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li.active a {
    background: #009fe3;
    color: #fff;
}

.affwp-table tr {font-size: 15px;}

.affwp-table tr th {
    background: #3E84F7;
    padding: 10px 15px;
    color: #fff;
}

.affwp-table tr td {
    padding: 10px 15px;
    font-size: 15px !important;
    border: 1px solid #3E84F7;
}

.affwp-send-notifications-wrap label {
    display: inline-block;
    font-size: 15px;
    padding-left: 10px;
}


.page-template-template-affiliate form.affwp-form {
    width: 100%;
    padding: 0;
}

#affwp-generate-ref-url .floating-label, #affwp-affiliate-dashboard-profile-form .floating-label {
    top: 12px !important;
    font-size: 14px !important;
}

.page-template-template-add-domain div#main-wrapper {
    background: #FFF;
    height: auto;
}

.page-template-template-add-domain footer#login-footer-wrapper {
    position: relative;
}

.page-template-template-add-domain .footer-login-links p a, .page-template-template-add-domain p.copyright-text {
    color: #FFFFFF;
}
.page-template-template-full-width header#header-login-wrapper {
    padding: 20px 0;
    text-align: center;
    position: relative;
}header#header-login-wrapper {}

.page-template-template-full-width section#content-wrapper {
    padding: 0;
}

.page-template-template-full-width p.copyright-text {
    text-align: center;
    font-size: 13px;
    color: #FFF;
}

.page-template-template-full-width .footer-login-links p {
    display: inline-block;
    text-align: center;
    margin: 0 15px 15px;
}

.page-template-template-full-width .footer-login-links {
    text-align: center;
}

/* Media Queries */
@media screen and (max-width: 1200px){
    .whitelabel_client_add_domain_form fieldset label {
        width: 40%;
    }
}
@media screen and (max-width: 993px){
    .whitelabel_client_add_domain_form fieldset input {
        width: 50%;
    }
}
@media screen and (max-width: 767px){
    .header-wrapper.alternate.sticky-header {
        height: 160px;
    }
    #fullwidth-content .password-generator-container{
        width: 75%;
    }
    #wc-paypal_pro-cc-form p {
        width: 100%;
    }
    .whitelabel_client_add_domain_form button.submit-btn.skip-domain-details {
        margin: 20px 0 0 0;
        padding: 15px 15px;
    }
}
@media screen and (max-width: 600px){
    .header-wrapper.alternate {
        background: none !important;
    }
    .whitelabel_client_add_domain_form fieldset label {
        width: 100%;
    }
    .whitelabel_client_add_domain_form fieldset input {
        width: 90%;
    }
    .woocommerce form .form-row {
        width: 100% !important;
    }
    #fullwidth-content .generate-password-wrapper {
        width: 50%;
        float: left;
    }
}
@media screen and (max-width: 420px){
    #fullwidth-content .page-fullwidth-content {
        padding: 0 30px;
    }
}