@import url('https://fonts.googleapis.com/css?family=O:400,700');

/*
.login - stands for Affiliate Login Page
.LPForm - stands for Lost Pass Page (Affiliate & Client)
*/
table.login_form_tbl,
.LPFormText,
.contact_form_tbl {
    width: 100%;
}

/* Removing the first TD from the table where the text was (i.e. Username/Client ID, Password) */
.login_form_title,
.LPFormLabel,
.LPFormTitle,
.LPsmall_text,
.contact_form_label,
.contact_form_text {
    display: none;
} 
/* END */


.login_form_input, 
.wt-password-field, 
.LPFormInputbox,
.lostpass_form_input,
.contact_form_input_box,
.contact_form_textarea,
.contact_form_input_box_error,
.contact_form_textarea_error {
    font-size: 16px !important;
    width: 100% !important;
    padding: 15px 0px 15px 3px !important;
    border: 1px solid #0e6caa !important;
    margin-bottom: 14.5px !important;
    border-radius: 5px !important;
}

/* Visible Placeholder for the fields */
input.login_form_input::-webkit-input-placeholder,
.LPFormInputbox::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
    color: #939393;
}
input.login_form_input::-moz-placeholder,
.LPFormInputbox::-moz-placeholder{ /* Firefox 19+ */
    color: #939393;
}
input.login_form_input:-ms-input-placeholder,
.LPFormInputbox:-ms-input-placeholder{ /* IE 10+ */
    color: #939393;
}
input.login_form_input:-moz-placeholder,
.LPFormInputbox:-moz-placeholder { /* Firefox 18- */
    color: #939393;
}
/* END */


/* Lost Password text */
span.lost_pass {
    display: block;
    text-align: center;
}
span.lost_pass a {
    color: #0e6caa;
    text-decoration: none;
    font-size: 17px;
}
/* END */


span.login_form_btn {
    margin-left: 0px;
}

/* Button styles */
.login_form_submit,
.LPFormButton,
.signupFormButton,
.lostpass_form_submit,
.contact_form_submit_button {
    font-family: "Open Sans"!important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #FFF !important;
    background-color: #0e6caa !important;
    height: 40px;
    border: 2px solid #0e6caa !important;
    border-radius: 5px !important;
    padding: 0em 1em !important;
    margin-top: 10px; 
    cursor: pointer !important;
    width: 100% !important;
    margin-left: 0px !important;
    border-radius: 5px !important;
}

.login_form_submit:hover,
.LPFormButton:hover,
.signupFormButton:hover,
.small_button:hover,
.contact_form_submit_button:hover,
.lostpass_form_submit:hover {
    background: #e25337 !important;
    border-color: #e25337 !important;
    border-radius: 5px !important;
}

.signupFormButton,
.small_button {
    font-weight: normal;
    font-size: 16px;
}

.signupFormStepOn {
    border-bottom: 2px solid #0e6caa;
}

/* ---------------- LOGIN FORM --------------------------- */
.wt_login_input {
    width: 92% !important;
}

form.login_form .lost_pass a {
    color: #0e6caa;
    text-decoration: none;
    font-size: 17px;
}


/* ------------- END ------------- */


/* ---------------- SIGNUP FORM --------------------------- */
.signupFormDropdown {
    font-size: 14px;
    border: 1px solid #0e6caa;
    padding: 10px 4px;
}

.signupFormViewCartBox {
    border: none;
    padding: 6px 10px;
    float: right;
    background-color: #0e6caa;
    color: #FFF;
}

.signupFormViewCartLink {
    color: #FFF;
}

.signupSectionTbl {
    margin: 5px 0px;
}

.signupFormTermsLinks a:hover {
    text-decoration: underline;
}

.text {
    font-size: 14px;
}

.price_column,
.productPriceColumn {
    text-align: left !important;
}

.cartRemoveLink {
    color: #FFF;
}

.switch_plans_btn_box,
.add_ssls_btn_box,
.add_vps_btn_box,
.add_domains_btn_box {
        padding: 15px 10px;
}

.signupFormSectionTitle {
    font-family: "Open Sans";
    font-size: 17px; 
    font-weight: normal;
    background-color: #0e6caa;
    padding: 15px 15px; /* old 10px 15px */
    word-spacing: 5px;
}

.sectionDiv {
    border: 1px solid #0e6caa;
}



.productOn {
    background: #59a425; 
    color: #FFF !important;
    border-bottom: 1px solid #FFF !important; /* when the product is selected */
}

input:focus,
.signupFormDropdown:focus {
    outline: 0;
}

.signupFormButton {
    width: auto !important;
    padding: 1px 6px;
    margin-top: 0px;
}

.signupSectionProductTbl th {
    padding-left: 8px;
}


.SectionTblTdTitle,
.productName {
    color: #000;
}

.show_plans_btn_box {
    padding: 15px;
}

.signupSectionProductTbl .productTd a {
    color: #e25337;
}

/* ------------- Choose Hosting Plan  -------------*/
.signupSectionProductTbl th {
    font-weight: normal;
    border-bottom: 1px solid #0e6caa;
}

.signupSectionProductTbl .productTd {
    border-bottom: 1px solid #8896C1; /* #0e6caa */
    padding: 8px; /* 10px */
}

.signupSectionProductTbl .productName {
    font-family: "Open Sans";
    width: 15%; /* 15% */
    font-size: 15px; /* 17px / 20px */
    font-weight: bold;
}

.productPriceColumn div {
    text-decoration: #e25337 solid line-through !important;
}

.bonusBox {
    font-weight: normal;
    border: 1px solid #0e6caa;
    background: #0e6caa; /* #FFF */
    padding: 8px;
    color: #FFF; /* #000 */
}

.productTd .productName .productOn {
    border-bottom: 1px solid #e25337;
}

.signupDomainSearchButtons span {
    margin-right: 10px;
}

/* ------------- END ------------- */


/* ------------- Choose Domain Name ------------- */
.sectionDiv2 {
    border-bottom: none;
}

.signupSectionTbl .SectionTblTdTitle {
    font-weight: normal;
    font-family: "Open Sans";
    font-size: 16px;
}

.signupFormInputbox {
    width: 50%;
}

.signupFormInputbox,
.SectionTblTd .signupFormDropdown {
    font-size: 14px;
    border: 1px solid #0e6caa;
    padding: 10px 4px;
}

.signupDomainSearchButton {
    margin-top: 1%;
    margin-left: 5.3%;
}

.signupDomainSearchButtonTransfer {
    margin-left: 1%;
}

.signupSectionTbl .SectionTblTd {
    border-bottom: 1px solid #0e6caa;
    padding: 10px;
}
/* ------------- END -------------*/

/* Choose Domain register/transfer second view */
.signupFormDomainResults .available {
    background: url(http://atspace.sportsontheweb.net/wp-content/uploads/2017/05/yes-icon-1.png) left no-repeat;
}

.signupFormDomainResults .not-available {
    background: url(http://atspace.sportsontheweb.net/wp-content/uploads/2017/05/no-icon.png) left no-repeat;
}

.signupFormDomainResultsRegisterTitle,
.signupFormDomainResultsTransferTitle {
    font-size: 13px;
    font-weight: normal;
    padding-left: 10px;
    padding-bottom: 5px;
}

.signupFormDomainResults {
    border-top: 1px solid #0e6caa;
    border-bottom: 1px solid #0e6caa;
    padding: 0px;
}

.signupFormDomainResultsTitle {
    font-weight: normal;
    font-size: 15px;
    padding: 15px 10px;
}

.signupFormDomainResultsTbl td {
    padding: 15px 10px;
}

.available-domain-name {
    color: #FFF;
}

.productOn .available,
.productOn a {
    color: #FFF;
}

.signupFormDomainResultsRegisteredInfo,
.signupFormDomainResultsTransferInfo{
    border: 1px solid #5f5f5f;
    background: #FFFFEC;
    padding: 2px;
    margin: 2px;
}

div.tld_tip_text {
    color: #000;
    width: 300px;
    padding: 10px;
}

.tld_tip_text a {
    color: #0e6caa;
}

.add_domains_again_btn_box {
    
}
/* ------------- END ------------- */


/* ------------- Choose SSL Certificate ------------- */
.small_button {
    width: auto;
    margin-top: 0px;
    font-family: "Open Sans"!important;
    font-size: 16px !important;
    font-weight: bold;
    color: #FFF !important;
    background-color: #0e6caa !important;
    height: 40px;
    border: 2px solid #0e6caa !important;
    border-radius: 2px !important;
    padding: 0em 1em !important;
    cursor: pointer !important;
    margin-left: 0px !important;
    border-radius: 5px !important;
}

.sslDetailsBox {
    font-weight: normal;
    color: #000;
    background-color: #FFF;
}
/* END */

/* Error boxes*/
.signupFormErrorBox {
    background-image: url(http://atspace.sportsontheweb.net/wp-content/uploads/2017/08/important.png);
    padding-left: 25px;
    font-size: 15px;
}

.signupFormErrorBox ul {
    list-style-type: none;
}

.signupFormDomainResults {
    padding: 10px;
}

.signupFormDomainResults .signupFormDomainResultsError {
    padding-left: 25px;
    background: url(http://atspace.sportsontheweb.net/wp-content/uploads/2017/08/important.png) left no-repeat;
    font-size: 15px;
}
/* ------------- END ------------- */


/* ------------- 2. Account Information ------------- */
.CartTotalPrice {
    font-size: 14px;
}

#client_type_new .signupSectionTbl .signupFormInputbox {
    margin-left: 10px;
}
#client_type_new tr:nth-child(1) td {
    padding-left: 10px;
}

#client_type_new .signupFormTitle {
    padding-left: 10px;
}

.signupSectionTbl .contactsInputbox3 {
    width: 73px;
}
/* Promo Codes */
form[name=promo_code_form] .signupFormTitle {
    padding-left: 10px
}
/* end */

/* New Client */
.signupFormButtonClickHere {
    text-decoration: none;
    background: none;
    color: #000;
    border: none !important;
    padding: 0 !important;
    text-transform: none;
}

.signupFormRequirementsTd {
    text-align: left;
    padding-left: 85%;
}

.signupFormTitle {
    padding-bottom: 2px;
    padding-top: 10px;
}

#client_type_new .contactsInputbox3 {
    margin-left: 0px;
}
#client_type_new .contactsDropdown {
    width: 278px;
}
#client_type_new .signupFormDropdown,
.contactsDropdown {
    font-size: 14px;
    border: 1px solid #0e6caa;
    padding: 10px 0;
    margin-left: 10px;
}
/* end */
/* Invoice Details*/
#invoice_details_section tr:nth-child(1) td {
    padding-left: 10px;
}
/* end */
/* ------------- END ------------- */


/* ------------- 3. Overview & Checkout ------------- */
/* Account Details */

/* Shopping Cart */
.sectionDivAccDetails,
.sectionDivPaymentMethods {
    border-bottom: none;
}
.sectionDivAccDetails .signupSectionTbl,
.signupFormSectionTitlePaymentMethods .signupSectionTbl {
    padding: 0px;
}
.note_vps,
.note_ssls,
.vat_note,
.signupFormDomainResultsRegisteredInfo,
.signupFormDomainResultsTransferInfo {
    padding: 5px;
}
/* ------------- END ------------- */

/* ---------------- AFIILIATE SIGNUP FORM --------------------------- */
form[name=order_info] .signupSectionTbl .signupFormInputbox {
    margin-left: 10px;
}

form[name=order_info] .contactsInputbox3 {
    width: 58px;
}
.contactsDropdown {
    width: 232px;
}
/* ------------- END ------------- */


/* ---------------- OLD SYSTEM LOST PASS FORM --------------------------- */
/*#lost-pass-old {
    max-width: 85%;
    margin: 0 34.1px;
}*/
.lostpass_form_tbl {
    width: 450px;        
}
.lostpass_form_title,
.lostpass_form_title {
    display: none;
}

.lostpass_form_input {
    width: 83% !important;
    border-radius: 5px !important;
}

.lostpass_form_submit {
    width: 84% !important;
    margin-left: 0px !important;
}
/*
.LPFormInputbox {
    width: 100% !important;   
}*/



/* ------------- END ------------- */


/* ---------------- CONTACT FORM --------------------------- */
.contact_form_input_box,
.contact_form_textarea {
    width: 92% !important;
}

.contact_form_inputs_td {
    font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif !important;
    font-size: 16px !important;
}

input[type="checkbox"] {
    border: 1px solid #0e6caa !important;
    background-color: #Fff !important;
}

.contact_form_input_box_error,
.contact_form_textarea_error {
    width: 93% !important;
    background-color: #FFF;
    font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif !important;
}

/* ------------- END ------------- */

/* ---------------- ERROR MESSAGES BOX --------------------------- */
.login_error_msg,
.lostpass_error_box,
.login_form_error_msg, 
.LP_error_box,
.contact_form_error {
    font-family: "Open Sans";
    font-size: 12px;
    background: #f7f7f7;
    border: 1px solid #818181;
    color: #CC0000;
    padding: 10px 5px 10px 30px;
    margin-bottom: 15px;
}
/* ------------- END ------------- */


/* ------ Responsive part ----------*/
.contactsInputboxPromoCode{box-sizing: border-box;width: 100% !important;}
.contactsInputbox1 {width: 100% !important; box-sizing: border-box;}
.contactsInputbox2 {width: 100% !important; box-sizing: border-box;}
.contactsInputbox3 {width: 100% !important; box-sizing: border-box;}
.contactsDropdown {width: 100% !important; box-sizing: border-box;}
.signupFormDropdownAddDet{width: 100% !important; box-sizing: border-box;}
.signupFormInputboxAddDet{width: 100% !important; box-sizing: border-box;}
.signupSectionProductTblView1 tr {grid-template-columns: 2.5em 15em auto 8em 7em 5em;}
.signupFormDomainResultsTbl tr {grid-template-columns: 2.5em auto 13em 8em 8em;}
.signupSectionProductTblDomains tr {grid-template-columns: 2.5em 15em auto 7em 8em 8em 5em;}
.signupSectionProductTblView2 tr {grid-template-columns: 2.5em 15em auto 8em 8em;}
.signupSectionProductTblCartView tr {grid-template-columns: 15em auto 7em 7em 9em;}
.signupSectionProductTblCart tr {grid-template-columns: 15em auto 8em 8em 8em 5em;}
#client_type_new .signupSectionTbl .signupFormInputbox {margin-left: unset;}
#client_type_new .signupFormDropdown, .contactsDropdown {margin-left: unset;}
.signupFormButtonClickHere{padding: 0px 10px !important;}
.signupFormRequirementsTd {text-align: right !important; padding-left:unset;}
.price_column, .productPriceColumn {text-align: right !important;}
.signupFormTermsSimple{padding:5px;}
.signupFormInputbox {width: unset;}
.signupSectionTbl {margin: 0px 0px;}
@media (max-width:768px) {
    .text {font-size: 13px;}
    .signupFormSectionTitle {height:unset; font-size:16px; }
    .signupFormButton{font-size: 15px !important;}
    .small_button{font-size: 15px !important;}
    .signupSectionProductTblView1 tr {grid-template-columns: 2.5em auto 8em 7em 5em;}
    .signupFormDomainResultsTbl tr {grid-template-columns: 2.5em auto 9em 8em;}
    .signupSectionProductTblDomains tr {grid-template-columns: 2.5em auto 8em 8em 7em 5em;}
    .signupSectionProductTblView2 tr {grid-template-columns: 2.5em auto 8em 8em;}
    .signupSectionProductTblCartView tr {grid-template-columns: auto 7em 7em 7em;}
    .signupSectionProductTblCart tr {grid-template-columns: auto 8em 9em 7em 5em;}
}

@media (max-width:600px) {
    .text {font-size: 12px;}
    .signupFormSectionTitle {height:unset; font-size:13px;word-spacing: unset;}
    .signupFormButton{font-size: 13px !important;padding: 0em 9px !important;}
    .small_button{font-size: 13px !important;}
    .show_plans_btn_box {padding: 12px;}
    div.tld_tip_text {width: 200px;}
    .signupSectionProductTblView1 tr {grid-template-columns: 2.5em 7em auto 5em;}
    .signupFormDomainResultsTbl tr {grid-template-columns: 2.5em auto 8em;}
    .signupSectionProductTblDomains tr {grid-template-columns: 2.5em 8em auto 7em;}
    .signupSectionProductTblView2 tr {grid-template-columns: 2.5em 8em auto;}
    .signupSectionProductTblCartView tr {grid-template-columns: 8em auto 7em;}
    .signupSectionProductTblCart tr {grid-template-columns: 8em auto 7em;}
}