:root {
    --kit-color-primary: #1b55e3;
    --kit-font-family: 'Source Sans Pro', sans-serif;
}

html {
    font-size: 15px;
}

@media (max-width: 575px) {
    html {
        font-size: 14px;
    }
}

body {
    font-family: var(--kit-font-family);
}

[data-kit-theme='dark'] body {
    background: #12112c;
}

.air__layout {
    display: flex;
    flex-direction: column;
    flex: auto;
    min-height: 100vh;
    min-width: 0;
    /* SETTINGS */
}

.air__layout--hasSider {
    flex-direction: row;
}

.air__layout__content {
    flex: auto;
    min-height: 0;
}

.air__layout__footer {
    flex: 0 0 auto;
}

.air__layout__header {
    flex: 0 0 auto;
}

.air__layout__header {
    background: #fff !important;
}

.air__layout--grayBackground {
    background: #f2f4f8;
}

.air__layout--contentMaxWidth .air__utils__content,
.air__layout--contentMaxWidth .air__footer {
    max-width: 85.33rem;
    margin: 0 auto;
}

.air__layout--appMaxWidth {
    max-width: 1420px;
    margin: 0 auto;
}

.air__layout--squaredBorders .card {
    border-radius: 0 !important;
}

.air__layout--cardsShadow .card {
    box-shadow: 0 4px 10px 0 rgba(20, 19, 34, 0.03), 0 0 10px 0 rgba(20, 19, 34, 0.02);
}

.air__layout--cardsShadow .card .card {
    box-shadow: none;
}

.air__layout--borderless .card {
    border: none !important;
}

[data-kit-theme='dark'] .air__layout__grayBackground, [data-kit-theme='dark'] .air__layout__headerGray {
    background: transparent !important;
}

.air__utils__content {
    padding: 2rem;
    margin: 0 auto;
}

@media (max-width: 575px) {
    .air__utils__content {
        padding: 2rem 1.06rem;
    }
}

.kit__utils__heading, .air__utils__heading {
    color: #161537;
    padding-bottom: 0.66rem;
    border-bottom: 1px solid #e4e9f0;
    position: relative;
    margin-bottom: 2.66rem;
}

.kit__utils__heading:after, .air__utils__heading:after {
    position: absolute;
    display: block;
    content: '';
    left: 0;
    bottom: -3px;
    height: 7px;
    width: 35px;
    border-radius: 7px;
    background: var(--kit-color-primary);
}

.air__utils__shadow {
    box-shadow: 0 10px 35px -5px rgba(0, 0, 0, 0.15);
}

[data-kit-theme='dark'] .air__utils__heading, [data-kit-theme='dark'] .kit__utils__heading {
    color: #aeaee0;
    border-color: #2a274d;
}
