/*////////////////////////////////////////////////////////////////////////////
//
//	GLOBALS
//
/////////////////////////////////////////////////////////////////////////////*/
body {
    color: #505050;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 17px;
    line-height: 28px;
    overflow-y: scroll;
}

.text-primary {
    color: #90BF21 !important;
}

.text-success {
    color: #90BF21 !important;
}

.text-danger {
    color: #FF3E1D !important;
}

small {
    color: #A0A0A0;
    font-size: 12px;
    line-height: 18px;
}

header .navbar {
    background-color: #fff;
    border-bottom: 1px solid #f4f4f4;
}

@media (max-width: 576px) {
    header .navbar::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: -1px;
        height: 1px;
        width: 16px;
        background-color: #fff;
    }

    header .navbar::after {
        content: '';
        position: absolute;
        right: 0;
        bottom: -1px;
        height: 1px;
        width: 16px;
        background-color: #fff;
    }
}


header .navbar .navbar-toggler {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.3px;
    color: #505050;
    cursor: pointer !important;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    height: 67px;
    line-height: 67px;
    padding: 0 22px;
    -webkit-transition: opacity 50ms ease-in-out;
    -moz-transition: opacity 50ms ease-in-out;
    -ms-transition: opacity 50ms ease-in-out;
    -o-transition: opacity 50ms ease-in-out;
    transition: opacity 50ms ease-in-out;
}

header .navbar .navbar-toggler > i {
    font-size: 24px;
    position: relative;
    top: 5px;
}

header .navbar .navbar-toggler:hover {
    opacity: 0.9;
    -webkit-transition: opacity 50ms ease-in-out;
    -moz-transition: opacity 50ms ease-in-out;
    -ms-transition: opacity 50ms ease-in-out;
    -o-transition: opacity 50ms ease-in-out;
    transition: opacity 50ms ease-in-out;
}

header .navbar .navbar-nav .nav-item .nav-link {
    color: #505050;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    -webkit-transition: opacity 50ms ease-in-out;
    -moz-transition: opacity 50ms ease-in-out;
    -ms-transition: opacity 50ms ease-in-out;
    -o-transition: opacity 50ms ease-in-out;
    transition: opacity 50ms ease-in-out;
}

header .navbar .navbar-nav .nav-item .nav-link:hover {
    opacity: 0.9;
    -webkit-transition: opacity 50ms ease-in-out;
    -moz-transition: opacity 50ms ease-in-out;
    -ms-transition: opacity 50ms ease-in-out;
    -o-transition: opacity 50ms ease-in-out;
    transition: opacity 50ms ease-in-out;
}

section.body {
    margin-top: 67px;
}

section.body > .container.pt-5:first-child {
    padding-top: 60px !important;
}

footer {
    border-top: 1px solid #f4f4f4;
    position: relative;
}

@media (max-width: 576px) {
    footer::before {
        content: '';
        position: absolute;
        left: 0;
        top: -1px;
        height: 1px;
        width: 16px;
        background-color: #fff;
    }

    footer::after {
        content: '';
        position: absolute;
        right: 0;
        top: -1px;
        height: 1px;
        width: 16px;
        background-color: #fff;
    }
}


footer .footer-nav a {
    color: #FF3E1D;
    font-size: 14px;
    line-height: 22px;
}

footer .footer-nav a {
    display: inline-block;
}

footer .footer-nav a:not(:last-child) {
    margin-right: 49px;
}

footer .social-nav a {
    color: #505050;
    font-size: 20px;
}

.initalHidden {
    display: none;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                     supported by Chrome and Opera */
}

a:not(.btn) {
    -webkit-transition: opacity 50ms ease-in-out;
    -moz-transition: opacity 50ms ease-in-out;
    -ms-transition: opacity 50ms ease-in-out;
    -o-transition: opacity 50ms ease-in-out;
    transition: opacity 50ms ease-in-out;
}

a:not(.btn):hover {
    text-decoration: none;
    opacity: 0.8;
    -webkit-transition: opacity 50ms ease-in-out;
    -moz-transition: opacity 50ms ease-in-out;
    -ms-transition: opacity 50ms ease-in-out;
    -o-transition: opacity 50ms ease-in-out;
    transition: opacity 50ms ease-in-out;
}

a.link {
    line-height: 22px;
    color: #A0A0A0;
    text-decoration: underline;
}

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

a.link.small {
    font-size: 14px;
}

.h1 {
    font-size: 24px;
    font-weight: 600;
    line-height: 22px;
}

.h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}

.btn {
    outline: 0;
    box-shadow: none !important;
}

.btn-primary {
    background-color: #90BF21;
    border-color: #90BF21;
}

.btn-primary:focus {
    background-color: #90BF21;
    border-color: #90BF21;
}

.btn-primary:hover {
    background-color: #81bb3e;
    border-color: #81bb3e;
}

.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #81bb3e;
    border-color: #81bb3e;
}


.btn-light {
    background-color: #fff;
    border-color: #90BF21;
    color: #90BF21;
}

.btn-light:focus {
    background-color: #fff;
    border-color: #90BF21;
    color: #90BF21;
}

.btn-light:hover {
    background-color: #FAFAFA;
    border-color: #81bb3e;
    color: #90BF21;
}

.btn-light:not(:disabled):not(.disabled):active {
    background-color: #FAFAFA;
    border-color: #81bb3e;
    color: #90BF21;
}

.btn-lg, .btn-group-lg > .btn {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.4px;
    line-height: 22px;
    padding: 7px 6px;
    border-radius: 10px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 50px #fff inset;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px #D5D5D5 inset; /*your box-shadow*/
}

input:-internal-autofill-selected {
    background-color: #fff !important;
}


:focus {
    outline: none !important;
}


::-webkit-input-placeholder {
    color: #A0A0A0;
}

::-moz-placeholder {
    color: #A0A0A0;
    opacity: 1;
}

::-ms-placeholder {
    color: #A0A0A0;
}

::placeholder {
    color: #A0A0A0;
}

.form-control:focus,
.form-control2:focus {
    box-shadow: none;
}

.input-group {
    position: relative;
}

.form-control {
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #D5D5D5;
    border-radius: 10px !important;
    background-color: #FFFFFF;
    box-sizing: border-box;
    width: 100%;
    height: 36px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    padding: 0 15px;
    -webkit-transition: background-color 50ms ease-in-out;
    -moz-transition: background-color 50ms ease-in-out;
    -ms-transition: background-color 50ms ease-in-out;
    -o-transition: background-color 50ms ease-in-out;
    transition: background-color 50ms ease-in-out;
    -webkit-transition: border 50ms ease-in-out;
    -moz-transition: border 50ms ease-in-out;
    -ms-transition: border 50ms ease-in-out;
    -o-transition: border 50ms ease-in-out;
    transition: border 50ms ease-in-out;
    filter: none;
}

.form-control:focus {
    background-color: #D5D5D5;
    border: 1px solid #90BF21;
    background-image: none;
    -webkit-transition: background-color 50ms ease-in-out;
    -moz-transition: background-color 50ms ease-in-out;
    -ms-transition: background-color 50ms ease-in-out;
    -o-transition: background-color 50ms ease-in-out;
    transition: background-color 50ms ease-in-out;
    -webkit-transition: border 50ms ease-in-out;
    -moz-transition: border 50ms ease-in-out;
    -ms-transition: border 50ms ease-in-out;
    -o-transition: border 50ms ease-in-out;
    transition: border 50ms ease-in-out;
}

.input-group.icon .form-control {
    padding-left: 40px;
}

.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid {
    border: 1px solid #FF3E1D;
    box-shadow: none;
    outline: none;
    background-image: none;
}

.was-validated .input-group .form-control:invalid:not(:focus), .input-group .form-control.is-invalid:not(:focus) {
    background-size: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23FF3E1D' d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' /%3E%3C/svg%3E");
}

.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus {
    border: 1px solid #FF3E1D;
    box-shadow: none;
    outline: none;
}

.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid {
    border: 1px solid #D5D5D5;
    box-shadow: none;
    outline: none;
    background-image: none;
}

.was-validated .input-group .form-control:valid:not(:focus), .input-group .form-control.is-valid:not(:focus) {
    background-size: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%2390BF21' d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' /%3E%3C/svg%3E");
}

.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus {
    border: 1px solid #90BF21;
    box-shadow: none;
    outline: none;
}

.input-group.icon > i {
    position: absolute;
    top: 4px;
    left: 8px;
    font-size: 23px;
    z-index: 100;
    line-height: 28px;
}

.input-group > i.reset {
    position: absolute;
    top: 4px;
    right: 9px;
    left: auto;
    font-size: 18px;
    cursor: pointer;
    display: none;
}


.form-control2 {
    width: 100%;
    border: none;
    border-bottom: 1px solid #979797;
    font-size: 14px;
    /*font-weight: 500;*/
    line-height: 22px;
    padding: 5px 5px 5px 5px;
    height: 30px;
    border-radius: 0;
}

select.form-control2 {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23505050' d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 100%;
    -webkit-appearance: none;
    background-color: #ffffff;
}

/* For IE10 */
select.form-control2::-ms-expand {
    display: none;
}

select.form-control2 option {
    color: #505050;
}

select.form-control2.empty,
select.form-control2 option[value=""],
select.form-control2 option:not([value]) {
    color: #A0A0A0;
}

.logo-suffix-seperator {
    position: relative;
    top: 1px;
    color: #AAA;
}

.logo-suffix {
    position: relative;
    top: 2px;
    margin-left: 5px;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .container {
        max-width: 798px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .container {
        max-width: 798px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .container {
        max-width: 798px;
    }
}

/*////////////////////////////////////////////////////////////////////////////
//
//	MODAL
//
/////////////////////////////////////////////////////////////////////////////*/

.modal-content {
    border-radius: 16px !important;
    border: none;
}

.modal-header {
    border-bottom: none;
}

.modal-header .close {
    position: absolute;
    top: 26px;
    right: 16px;
    padding: 0;
    height: 60px;
    width: 60px;
    font-size: 20px;
}

.modal-body {
    font-size: 14px;
    line-height: 22px;
}

/*////////////////////////////////////////////////////////////////////////////
//
//	RADIO
//
/////////////////////////////////////////////////////////////////////////////*/

label.radio {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}

label.radio > input[type="radio"] {
    background-image: url('/img/common/radio-button-unchecked.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none !important;
    border: none !important;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 3px;
    border-radius: 0;
}

label.radio > input[type="radio"]:checked {
    background-image: url('/img/common/radio-button-checked.svg');
}

/*////////////////////////////////////////////////////////////////////////////
//
//	CHECKBOXES
//
/////////////////////////////////////////////////////////////////////////////*/

label.checkbox {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}

label.checkbox > input[type="checkbox"] {
    background-image: url('/img/common/checkbox-unchecked.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none !important;
    border: none !important;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 3px;
    border-radius: 0;
}

label.checkbox > input[type="checkbox"]:checked {
    background-image: url('/img/common/checkbox-checked.svg');
}


/*////////////////////////////////////////////////////////////////////////////
//
//	NOTIFY
//
/////////////////////////////////////////////////////////////////////////////*/

.notifyjs-bootstrap-base {
    font-size: 12px;
}

.notifyjs-bootstrap-success,
.notifyjs-bootstrap-error,
.notifyjs-bootstrap-warn,
.notifyjs-bootstrap-info {
    background-position: 4px 4px !important;
    line-height: 13px;
}

/*////////////////////////////////////////////////////////////////////////////
//
//	ACCORDION
//
/////////////////////////////////////////////////////////////////////////////*/
.accordion > .card .card-header {
    background-color: transparent;
    border: none;
    padding: 0 0 9px 0;
    color: #2C3F58;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    cursor: pointer;
}

.accordion > .card .card-header::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23505050' d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' /%3E%3C/svg%3E");
    content: '';
    height: 24px;
    width: 24px;
    position: absolute;
    top: 6px;
    right: 6px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.accordion > .card .card-header[aria-expanded="true"]::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23505050' d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z' /%3E%3C/svg%3E");
}

.accordion > .card .card-body {
    padding: 0 0 9px 0;
    color: #2C3F58;
    font-size: 12px;
    letter-spacing: -0.2px;
    line-height: 18px;
}

.accordion > .card {
    border: none;
    border-radius: 8px !important;
    padding: 9px 30px 0px 10px;
}

.accordion > .card:not(:last-child) {
    margin-bottom: 10px;
}

.accordion > .card:nth-child(2n-1) {
    background-color: #FAFAFA;
}

.accordion-form > .card {
    border: none;
}

.accordion-form > .card.filled .card-header > i.mdi-plus-circle {
    display: none;
}

.accordion-form > .card:not(.filled) .card-header > i.mdi-check-circle,
.accordion-form > .card:not(.filled) .card-header > i.mdi-pencil {
    display: none;
}

.accordion-form > .card .card-header {
    line-height: 22px;
    font-weight: 600;
    font-size: 14px;
    padding: 15px 70px 15px 0;
    border-bottom: 1px solid #D5D5D5;
    background-color: #fff;
    cursor: pointer;
}

.accordion-form > .card .card-header[aria-expanded="true"] {
    border-bottom: 1px solid transparent;
}

.accordion-form > .card .card-header[aria-expanded="true"] > i.mdi-check-circle,
.accordion-form > .card .card-header[aria-expanded="true"] > i.mdi-plus-circle,
.accordion-form > .card .card-header[aria-expanded="true"] > i.mdi-pencil {
    display: none;
}

.accordion-form > .card .card-header[aria-expanded="false"] > i.mdi-close-circle {
    display: none;
}

.accordion-form > .card .card-header > i {
    font-size: 20px;
}

.accordion-form > .card .card-header > i.mdi-plus-circle,
.accordion-form > .card .card-header > i.mdi-close-circle,
.accordion-form > .card .card-header > i.mdi-pencil {
    opacity: 1;
    -webkit-transition: opacity 50ms ease-in-out;
    -moz-transition: opacity 50ms ease-in-out;
    -ms-transition: opacity 50ms ease-in-out;
    -o-transition: opacity 50ms ease-in-out;
    transition: opacity 50ms ease-in-out;
}

.accordion-form > .card .card-header > i.mdi-plus-circle:hover,
.accordion-form > .card .card-header > i.mdi-close-circle:hover,
.accordion-form > .card .card-header > i.mdi-pencil:hover {
    opacity: 0.8;
    -webkit-transition: opacity 50ms ease-in-out;
    -moz-transition: opacity 50ms ease-in-out;
    -ms-transition: opacity 50ms ease-in-out;
    -o-transition: opacity 50ms ease-in-out;
    transition: opacity 50ms ease-in-out;
}

.accordion-form > .card .card-header > i.mdi-check-circle,
.accordion-form > .card .card-header > i.mdi-plus-circle,
.accordion-form > .card .card-header > i.mdi-close-circle {
    position: absolute;
    right: 10px;
    top: 16px;
}

.accordion-form > .card .card-header > i.mdi-pencil {
    position: absolute;
    right: 40px;
    top: 16px;
}

.accordion-form > .card .card-body {
    padding: 15px 0;
}


/*////////////////////////////////////////////////////////////////////////////
//
//	SELECT2
//
/////////////////////////////////////////////////////////////////////////////*/
.input-group.icon .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 40px;
}

.select2-container--default .select2-selection--single {
    height: 36px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #D5D5D5;
    display: flex;
    align-items: center;
}

.select2-container--default .select2-selection--single[aria-expanded="true"] {
    border-color: #90BF21;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    position: absolute;
    right: 22px;
    visibility: hidden;
    width: 40px;
    height: 100%;
    top: 0;
}

.select2-container--default .select2-selection--single .select2-selection__clear::after {
    visibility: visible;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23505050' d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' /%3E%3C/svg%3E");
    fill: blue !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 100%;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    visibility: hidden;
    top: 0;
    right: 9px;
    width: 20px;
    height: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__arrow::after {
    visibility: visible;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23505050' d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' /%3E%3C/svg%3E");
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 100%;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.select2-container {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
}

.select2-dropdown {
    border: 1px solid #90BF21;
}

.select2-container--open.select2-container--above .select2-selection {
    border-top: 1px solid transparent !important;
}

.select2-container--open:not(.select2-container--above) .select2-selection {
    border-bottom: 1px solid transparent !important;
}

/*////////////////////////////////////////////////////////////////////////////
//
//	SWAL
//
/////////////////////////////////////////////////////////////////////////////*/

.swal2-container.swal2-center {
    -webkit-box-align: center;
    align-items: center;
}

.swal2-container.swal2-backdrop-show {
    background: rgba(0, 0, 0, .4);
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent;
}

.swal2-container {
    display: -webkit-box;
    display: flex;
    position: fixed;
    z-index: 1060;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: .625em;
    overflow-x: hidden;
    -webkit-transition: background-color .1s;
    transition: background-color .1s;
    -webkit-overflow-scrolling: touch;
}

.swal2-container.small .swal2-popup {
    max-width: 300px;
}

.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
    margin: auto;
}

.swal2-popup {
    display: none;
    position: relative;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    padding: 16px;
    border: none;
    border-radius: 16px !important;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
}

.swal2-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    border: 0;
    background: transparent;
    text-align: center;
    display: block !important;
    font-size: 20px;
}

.swal2-close > i {
    opacity: 0.5;
    color: #000;
    -webkit-transition: opacity 50ms ease-in-out;
    -moz-transition: opacity 50ms ease-in-out;
    -ms-transition: opacity 50ms ease-in-out;
    -o-transition: opacity 50ms ease-in-out;
    transition: opacity 50ms ease-in-out;
    position: relative;
    top: 10px;
}

.swal2-close > i:hover {
    opacity: 1;
    -webkit-transition: opacity 50ms ease-in-out;
    -moz-transition: opacity 50ms ease-in-out;
    -ms-transition: opacity 50ms ease-in-out;
    -o-transition: opacity 50ms ease-in-out;
    transition: opacity 50ms ease-in-out;
}

.swal2-title {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    display: block !important;
}

.swal2-header {
    margin-top: 50px;
}

.swal2-content {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
}

.swal2-actions {
    margin-top: 20px;
    margin-bottom: 15px;
}

/*////////////////////////////////////////////////////////////////////////////
//
//	PAGES
//
/////////////////////////////////////////////////////////////////////////////*/

section.body > .container.login .forgot-password {
    line-height: 18px;
    font-size: 12px;
    color: #A0A0A0;
}

section.body > .container.login .big-link {
    color: #505050;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
}

section.body > .container.login a.link.small {
    color: #FF3E1D;
}

section.body > .container.login .big-link > i {
    font-size: 24px;
    position: relative;
    top: 4px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

section.body > .container.login .big-link:hover > i {
    margin-left: 5px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

section.body > .container.create-password .checks {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}

section.body > .container.create-password .checks i.mdi-check-circle {
    color: #90BF21;
}

section.body > .container.create-password .checks i.mdi-close-circle {
    color: #FF3E1D;
}

section.body > .container.create-password .checks i {
    font-size: 20px;
    position: relative;
    top: 3px;
}

section.body > .container.create-password .ssl {
    color: #A0A0A0;
    font-size: 12px;
    line-height: 18px;
}

section.body > .container.modules .checkbox {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
}

section.body > .container.confirmation #game-field {
    margin: 0 auto;
    border-collapse: collapse;
    border-style: hidden;
}

section.body > .container.confirmation #game-field td {
    padding: 25px;
    border: 6px solid #505050;
    position: relative;
}

section.body > .container.confirmation #game-field td > div {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

section.body > .container.confirmation #game-field td.o > div::after {
    content: 'O';
    font-size: 40px;
    line-height: 46px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

section.body > .container.confirmation #game-field td.x > div::after {
    content: 'X';
    font-size: 40px;
    line-height: 46px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

section.body > .container.confirmation #game-field td:not(.o):not(.x) > div {
    cursor: pointer;
}

section.body > .container.register-user-ident .checkbox {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
}

section.body > .container.register-user-profile.on-edit .disable-on-edit:not([aria-expanded="true"]) {
    cursor: default !important;
    pointer-events: none;
    opacity: 0.3;
}

section.body > .container.register-user-attachments .link {
    color: #505050
}

section.body > .container.register-user-attachments .dz-remove,
section.body > .container.ebon-change-logo .dz-remove {
    color: #505050;
    text-decoration: underline;
}

section.body > .container.ebon-dashboard .clipboard {
    font-size: 23px;
    cursor: pointer;
}

/*////////////////////////////////////////////////////////////////////////////
//
//	Register Breadcrumb
//
/////////////////////////////////////////////////////////////////////////////*/
ul.signup-breadcrumb {
    padding: 10px 10px 10px 0px;
    list-style: none;
}

ul.signup-breadcrumb li {
    display: inline;
    font-size: 10px;
}

ul.signup-breadcrumb li + li:before {
    padding: 3px;
    color: black;
    content: "/\00a0";
}

ul.signup-breadcrumb li a {
    color: #515050;
    text-decoration: none;
}

ul.signup-breadcrumb li span.active {
    color: #90BF21;
    cursor: default;
}

@media (max-width: 800px) and (min-width: 750px) {
    .register-breadcrumb-slash {
        font-size: 13px;
        margin-right: 4px;
        margin-left: 4px;
    }

    .register-crumb {
        font-size: 13px;
    }
}

@media (max-width: 465px) {
    .register-breadcrumb-slash {
        font-size: 13px;
        margin-right: 2px;
        margin-left: 2px;
    }

    .register-crumb {
        font-size: 13px;
    }
}

@media (max-width: 360px) {
    .register-breadcrumb-slash {
        font-size: 12px;
    }

    .register-crumb {
        font-size: 12px;
    }
}

@media (max-width: 345px) {
    .register-breadcrumb-slash {
        font-size: 11px;
    }

    .register-crumb {
        font-size: 11px;
    }
}


@media (max-width: 315px) {
    .register-breadcrumb-slash {
        font-size: 9px;
        margin-right: 2px;
        margin-left: 2px;
    }

    .register-crumb {
        font-size: 9px;
    }
}

.management-customers-store a.disabled {
    cursor: none;
}

.module-image {
    max-height: 180px;
    min-height: 180px;
}


.checkout-breadcrumb {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.checkout-step-number {
    position: relative;
    width: 30px;
    margin-right: 5px;
    margin-left: 10px;
    height: 30px;
}

.outer-circle {
    position: absolute;
    background-color: #505050;
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

.inner-circle.active {
    background-color: #91C023;
}

.inner-circle.progressed {
    background-color: #b5df53;
}

.inner-circle {
    color: #505050;
    top: 1px;
    left: 1px;
    position: absolute;
    background-color: white;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.step {
    display: flex;
    align-items: center;
}

.step-text {
    color: #505050;
}

.disabled-step {
    display: flex;
    align-items: center;
}

.step:hover {
    cursor: pointer;
}

.payment-type-row {
    line-height: 80px;
}

.payment-type-row.active {
    background-color: #f9fafd;
}

.payment-type-row:hover {
    background-color: #f9fafd;
    cursor: pointer;
}

.checkout-overview-separator {
    border-bottom: 1px #edf2f9 solid;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

@media (max-width: 740px) {
    .step-text {
        display: none;
    }
}

.adyen-error {
    color: #C12424;
}