.theme-settings .bm-indented-section {
    margin-bottom: 22px;
    margin-left: 26px;
}

.theme-settings .bm-indented-section > h2 {
    margin-left: -26px;
}

.theme-settings .bm-indented-section .bm-message {
    float: none;
}

.theme-settings .bm-standard-fieldset .field-row {
    margin-bottom: 6px;
}

.theme-settings .bm-standard-fieldset > div {
    margin-bottom: 8px;
    display: inline-block;
    width: 100%;
    line-height: 1.4;
}

.theme-settings .bm-standard-fieldset > div input {
    width: 100px;
}

.theme-settings .bm-standard-fieldset > div a {
    margin: 0 10px;
}

.theme-settings .bm-standard-fieldset .bm-button-bar {
    margin-left: 30px;
}

.theme-settings .bm-standard-fieldset .bm-button-bar button {
    color: #ffffff;
}

.theme-settings .bm-standard-fieldset .bm-message {
    margin-left: 10px;
    text-align: center;
    padding: 3px 15px;
}

.theme-settings .test-color-group {
    display: inline-block;
    width: 250px;
}

.theme-settings .test-color-group > div {
    display: inline-block;
}

.theme-settings .hidden-input {
    opacity: 0;
    padding: 0;
    pointer-events: none;
}

.theme-settings .bm-standard-fieldset > div.logo-preview,
.theme-settings .bm-standard-fieldset > div.favicon-preview,
.theme-settings .bm-standard-fieldset > div.top-logo-preview,
.theme-settings .bm-standard-fieldset > div.top-background-preview {
    margin-bottom: 25px;
}

.theme-settings .bm-standard-fieldset > div.logo-preview a,
.theme-settings .bm-standard-fieldset > div.favicon-preview a,
.theme-settings .bm-standard-fieldset > div.top-logo-preview a,
.theme-settings .bm-standard-fieldset > div.top-background-preview a {
    margin-left: 0;
}

.theme-settings .logo-preview img,
.theme-settings .favicon-preview img,
.theme-settings .top-logo-preview img,
.theme-settings .top-background-preview img {
    display: block;
    padding: 5px;
    border: 1px solid;
    border-color: rgb(220, 220, 220); /*grayColor20*/
    margin-top: 10px;
}

.theme-settings .logo-preview img,
.theme-settings .top-logo-preview img,
.theme-settings .top-background-preview img {
    max-width: 200px;
}

.theme-settings .favicon-preview img {
    max-width: 26px;
}

.customers .bm-standard-fieldset,
.partners .bm-standard-fieldset,
.modules .bm-standard-fieldset {
    margin-bottom: 20px;
}

.customers .bm-div-table,
.partners .bm-div-table,
.modules .bm-div-table,
.translations .bm-div-table {
    width: calc(100% - 2px);
}

.customers .module-table,
.partners .module-table,
.modules .module-table {
    margin-bottom: 20px;
}

body.login-page {
    overflow: hidden;
}

.login-partners-page,
.login-admins-page {
    display: table;
    height: inherit;
    width: inherit;
    background-image: radial-gradient(circle at top center, #3aadfa, #0e296b);
}

.login-form-wrapper {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.login-footer {
    display: table-footer-group;
    vertical-align: bottom;
    height: 100px;
}

.login-footer > div:first-child {
    margin: 30px;
    float: left;
    color: #fff;
}

.login-footer > div:last-child {
    margin: 30px;
    float: right;
    color: #fff;
}

.login-footer a {
    color: #fff;
}

.login-footer img {
    height: 30px;
    width: auto;
}

.login-form {
    background-color: #fff;
    display: inline-block;
    min-height: inherit;
    min-width: inherit;
    text-align: left;
    width: 350px;
    height: 250px;
    border-radius: 4px;
}

.login-form form {
    margin: 20px;
    text-align: center;
}

.login-form form > h1 {
    margin-bottom: 30px;
}

.login-form form > div {
    margin: 10px;
}

.login-form .error-message {
    color: red;
    margin: 20px;
}

.login-form input:not([type=checkbox]):not([type=radio]) {
    height: 35px;
}

.login-form button.primary {
    width: 300px;
    height: 35px;
}

.bm-page-heading .bm-drop-down {
    margin-right: 10px;
}

.translations .colors-div-table > div:not(:first-child):hover > div {
    background-color: inherit !important;
    border-top-color: #ccc; /*grayColor20*/
}

.translations .colors-div-table textarea:focus {
    border-color: #6BA6F1; /*primaryColor*/
}

.translations .actions {
    width: 16px;
    float: left;
}

.translations .actions > span {
    cursor: pointer;
}

.translations .actions.edit > span.icon-edit-12,
.translations .actions:not(.edit) > span.icon-check-12,
.translations .actions:not(.edit) > span.icon-close-12,
.translations .actions:not(.edit) > span.icon-search-12 {
    display: none;
}

.translations .actions > span.icon-check-12 {
    color: #6BA6F1; /*primaryColor*/
}

.translations .actions:not(.edit) + textarea,
.translations .actions.edit ~ div {
    display: none;
}

.translations .bm-div-table > div > div.buttons {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
    text-align: right;
}

.bm-column-50 {
    float: left;
    width: 50%;
}

.large-translation .actions {
    float: left;
}

.large-translation .actions > div:first-child {
    background-color: #6BA6F1; /*primaryColor*/
}

.large-translation .actions > div {
    cursor: pointer;
    background-color: #000;
    border-radius: 3px;
    padding: 2px 5px;
    margin: 5px;
}

.large-translation .actions > div > span.icon-check-12,
.large-translation .actions > div > span.icon-close-12,
.large-translation .actions > div > span.icon-search-12 {
    color: #fff;
}

.large-translation h2 {
    font-weight: bold;
}

.large-translation .bm-standard-fieldset > div {
    width: 100%;
}

.large-translation .bm-standard-fieldset > div > div:not(.actions) {
    margin-left: 10px;
    width: 95%;
}

.large-translation textarea {
    height: 200px;
    resize: vertical;
    width: 100%;
}

.large-translation .bm-column-50 div {
    padding: 0 30px;
}

@media all and (max-width: 799px) {
    .translations .bm-div-table > div > div {
        min-width: 150px;
        max-width: 180px;
    }

    .translations .actions.edit + textarea {
        resize: none;
        width: 130px;
        height: 110px;
    }
}

@media all and (min-width: 800px) and (max-width: 1119px) {
    .translations .bm-div-table > div > div {
        min-width: 170px;
        max-width: 200px;
    }

    .translations .actions.edit + textarea {
        resize: none;
        width: 150px;
        height: 110px;
    }
}

@media all and (min-width: 1120px) {
    .translations .bm-div-table > div > div {
        min-width: 240px;
        max-width: 240px;
    }

    .translations .actions.edit + textarea {
        resize: none;
        width: 220px;
        height: 110px;
    }
}