@import 'setup';

/* -------------------------- MY PROFILE PAGE -------------------------- */

#email_notifications_form {

    ul {
        margin:0px;
    }

    .checkbox {
        margin-top: 0px;
        float: left;
        margin-bottom: 0px;
    }

}

ul.accountSettingsCheck {

    li {
        background-color: #F4F4F4;
    }

    li.selected,
    ul.accountForm 
    li.selected {
        background-color: #DEF0FE;
    }

    li.disabled,
    ul.accountForm 
    li.disabled {
        background-color: #EFEFEF;
    }

}

ul.pageForm {

    &.accountSettingsCheck {

        li {
            padding: 15px;
            margin: 0 0 4px;
        }

        input {
            width:14px;
            float: left;
        } 

    }

}


/* -------------------------- Create New Subaccount Form -------------------------- */
#editlabel_form {

    label.smalltext {
        display: block;
        margin-top: 4px;
        width: 100%;
        clear: both;
    }

    #label-commission {

        span.smalltext {
            margin-right: 8px;
            float: left;
            line-height: 40px;
        }

        label.smalltext {
            margin-top: 10px;
        }

        input[type="text"] {
            text-align: center;
        }

    }

}

#credit_card_form {
    
    .form-control {
        margin-top: 3px;
    }
    
}

/* -------------------------- VENDOR LOGO -------------------------- */

/*WR-3: TO DO - Remove file-fake-input and its nested styles after Redesign3 Flag teardown*/
.file-fake-input {

    input[type="file"] {
        cursor: pointer;
        font-size: 25px;
        opacity: 0.01;
        position: absolute;
        right: 0;
        top: 0;
    }

    .upload-vendor-logo {
        cursor: pointer;
        display: inline-block;
        text-align: center;
        margin-bottom: 8px;
        padding: 4px 18px;
        width: 100%;
    }

}

.vendor-upload-container {
    margin-bottom: 30px;

    img {
        max-width: 100%;
    }

    .vendor-display-grid {
        border: 2px dashed $gray;
        padding: 10px;
        margin-top: 10px;

        .vendor-upload-btn {
            position: relative;
            margin: 20px 0;
            text-align: center;

            .update-company-imagelink {
                color: $blue-medium;
            }

            .upload-button-img {
                background: $btn-default-bg url('/images/redesign/upload-icon.svg') no-repeat 15px;
                padding-left: 50px;
                color: $blue-deep;
            }

            input[type="file"] {
                width: 0.1px;
                height: 0.1px;
                opacity: 0;
                overflow: hidden;
                position: absolute;
                z-index: -1;
            }

        }

        .vendor-title {
            font-size: 14px;
            font-weight: bold;
            margin: 0 0 7px;
        }

        .file-requirement-details {
            padding-left: 17px;
            
            li {
                list-style: disc;
                line-height: 20px;
            }

        }

        .remove-img-link {
            margin: 10px 0;
            display: block;
            text-transform: uppercase;
        }

    }

}

.revenueTooltip  {

    .tooltip-right-position {
        display: block;
        left: 170px;
        top: -15px;
        width: 300px;
    }

}

.two-thirds-content {
    width: 66%;
}

.settings-label {
    width: 50%;
}

.form-sublabel {
    font-size: 11px;
    font-weight: 400;
    margin-right: 100px;
    margin-top: 5px;
    text-transform: none;
}

.form-message-group {
    flex-direction: column;
    width: 100%;
}

.button-form-group {
    margin-bottom: 25px;
}

.flex-form-button {
    width: 30%;
}