@font-face {
    font-family: 'baloo', 'Baloo 2';
    src: url('fonts/baloo.ttf');
}
.company-icon,
.configuration-icon {
    width: 48px;
    height: 48px;
    display: inline-block;
    background-size: cover;
}
.company-icon {
    background-image: url(../images/Icon-Company.svg);
}
.configuration-icon {
    background-image: url(../images/Icon-Configuration.svg);
}
.active .company-icon {
    background-image: url(../images/Icon-Company-Active.svg);
}
.active .configuration-icon {
    background-image: url(../images/Icon-Configuration-Active.svg);
}
.icon {
    display: inline-block;
    background-size: cover;
}
.icon-facebook {
    background-image: url(../images/facebook.svg);
}
.icon-twitter {
    background-image: url(../images/twitter.svg);
}
.icon-google-plus {
    background-image: url(../images/google-plus.svg);
}
.icon-instagram {
    background-image: url(../images/instagram.svg);
}
.icon-linkedin {
    background-image: url(../images/linkedin.svg);
}
html {
    font-family: 'Baloo 2' !important;
}
::-moz-placeholder {
    font-family: 'Baloo 2' !important;
}
:-ms-input-placeholder {
    font-family: 'Baloo 2' !important;
}
::placeholder {
    font-family: 'Baloo 2' !important;
}
.mt-30 {
    margin-top: 30px;
}
.mt-60 {
    margin-top: 60px;
}
.mt-90 {
    margin-top: 90px;
}
body {
    background-color: #ecf0f5;
}
body.super-section {
    background-color: #222d32;
}
.btn.btn-primary {
    background: #7854f7;
}
.btn.btn-secondary {
    background: #ffffff;
    border: 0.5px solid #7854f7;
    color: #7854f7;
}
.btn.btn-disabled {
    background: #ffffff;
    border: 1px solid #8f8a8a;
    color: #8f8a8a;
}
.super-admin-login .form-container {
    width: 420px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    background-color: #ecf0f5;
    text-align: left;
    margin-top: 100px;
    border: 1px solid #c7c7c7;
    box-shadow: 1px 1px 1px #c7c7c7;
}
.super-admin-login .form-container .logo {
    align-content: center;
    justify-content: center;
    margin-bottom: 30px;
}
.super-admin-login .form-container .sign-in button {
    margin-left: calc(50% - 45px);
}
.super-admin-login .form-container .forgot-password button,
.super-admin-login .form-container .reset-password button {
    margin-left: calc(39% - 90px);
}
.agent-area .content-wrapper,
.agent-area .content .page-header {
    background-color: #ecf0f5;
}
.agent-area .content .page-content .grid-dropdown-header {
    background-color: #fff;
}
.form-container .brand-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.form-container .step-one button,
.form-container .step-three button,
.form-container .step-two button {
    width: 150px;
    margin-left: calc(50% - 75px);
}
.registration .control-group .control {
    width: 100%;
}
.step-navigator {
    margin-top: 30px;
    margin-bottom: 15px;
    width: 100%;
}
.step-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.step-list .step-item {
    cursor: pointer;
    height: 64px;
    width: 64px;
    border: 1px solid #c7c7c7;
    border-radius: 50%;
    text-align: center;
    padding-top: 24px;
}
.step-list .step-item.active {
    border: 1px solid #00f;
}
.content {
    padding: 25px 0 25px 25px;
}
.content-container .content-wrapper {
    padding: 25px;
    margin-left: 250px;
}
.content-container .content {
    margin-top: unset;
}
.customer-options {
    height: auto !important;
}

/* super/companies/tenants */
.super-admin .content-wrapper {
    padding: 0 15px 0px 15px !important;
}
.super-admin .content {
    padding: 0px !important;
}
.content-container .super-admin .content .page-header {
    top: 62px !important;
}
.pagination span.total-items{
    display: inline-flex;
}
.show-modal-button{
    display: none !important;
}
.store-index td:nth-last-child(3) {
    width: 12em;
}

/* super/companies/tenants/create */
.super-admin form {
    background: white;
    border-radius: 10px;
    width: inherit;
    padding: 20px;
}

/* super/companies/tenants/view */
td {
    padding: 0 10px;
}
form#mass-action-form {
    padding: 0px;
}

/* Theme Colors */
::selection {
    background: #6941c6 !important;
}
::-moz-selection {
    background: #6941c6 !important;
}