Viewing File: /usr/local/cpanel/base/frontend/jupiter/email_accounts/index.less

@import (reference) "css/base.less";
@import "css/ux-styles.less";

.externalLink:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f35d";
    display: inline-block;
    padding: 0 3px 0 3px;
    vertical-align: middle;
}

.optional-settings-header {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 5px 0 5px 0;
}

.optional-settings-text {
    line-height: 1.5;
}

.optional-settings-content {
    padding-left: 15px;

    html[dir="rtl"] & {
        padding-left: 0px;
        padding-right: 15px;
    }
}

html[dir="rtl"] {
    .radio,
    .checkbox {
        float: right;
        clear: right;
    }
}

.separator {
    clear: both;
}

.create-email-checkbox {
    margin-top: 0px;
    margin-bottom: 0px;
}

.send-email-checkbox > label {
    font-weight: 600;
}

.domain-text {
    max-width: 200px;
}

.bytes-input {
    max-width: 180px;
}

.email dt {
    font-weight: 600;
}

.email dd {
    margin-top: 3px;
    margin-bottom: 15px;
}

.storageDisplay {
    max-width: 200px;
}

.section-highlight {
    background-color: transparent;
    padding: 0 10px 50px 10px;
    margin: 0 0 0 0;
    -webkit-animation-name: highlight-changes; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 10s; /* Safari 4.0 - 8.0 */
    animation-name: highlight-changes;
    animation-duration: 10s;
}

.restriction-section-highlight {
    background-color: transparent;
    padding: 15px 15px 50px 15px;
    margin: -20px -15px -16px -15px;
    -webkit-animation-name: highlight-changes; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 10s; /* Safari 4.0 - 8.0 */
    animation-name: highlight-changes;
    animation-duration: 10s;
}

.missing-domain-link {
    vertical-align: top;
}

html[dir="rtl"] .missing-domain-link {
    float: right;
}

html[dir="rtl"] .missing-domain-link {
    float: left;
}
.invite-password-section {
    margin-bottom: 10px;
}

.hide-stats {
    opacity: 0;
}

.animate-stats {
    -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 5s; /* Firefox < 16 */
    -ms-animation: fadein 5s; /* Internet Explorer */
    -o-animation: fadein 5s; /* Opera < 12.1 */
    animation: fadein 5s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}