@import url(https://fonts.googleapis.com/css?family=Open+Sans:400);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css?family=Work+Sans:400,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Inconsolata:400,600,);

:root {
    --color-primary: #1a78ca;
    --color-primary-lighten: #2e8fe4;
    --color-primary-lightest: #88bff0;
    --color-primary-darken: #1665aa;
    --color-primary-background: rgba(26, 120, 202, 0.3);
    --color-secondary: #0391af;
    --color-secondary-lighten: #04b6dc;
    --color-secondary-lighten-t: #4addfc;
    --color-secondary-darken: #0385a0;
    --color-secondary-background: rgba(3, 145, 175, 0.3);
    --color-tertiary: #2e9a9a;
    --color-tertiary-lighten: #39bdbd;
    --color-tertiary-darken: #2a8e8e;
    --color-quaternary: #2f4057;
    --color-quaternary-lighten: #415878;
    --color-quaternary-lightest: #6e8bb1;
    --color-quaternary-darken: #263446;
    --color-success: #138a45;
    --color-success-lighten: #1ccd67;
    --color-success-lightest: #bff6d6;
    --color-success-darken: #0f6b35;
    --color-success-background: rgba(19, 138, 69, 0.3);
    --color-error: #c43131;
    --color-error-lighten: #d35050;
    --color-error-lightest: #e8a1a1;
    --color-error-darken: #b82e2e;
    --color-error-background: rgba(196, 49, 49, 0.3);
    --color-warning: #ffd055;
    --color-warning-lighten: #ffecbb;
    --color-warning-lightest: #ffefc5;
    --color-warning-darken: #eeac00;
    --color-warning-background: rgba(255, 208, 85, 0.3);
    --color-info: #39afd1;
    --color-info-lighten: #8cd0e4;
    --color-info-lightest: #b5e1ee;
    --color-info-darken: #2994b3;
    --color-info-background: rgba(57, 175, 209, 0.3);
    --color-light: #9dc8e4;
    --color-light-lighten: #edf5fa;
    --color-light-darken: #91c1e1;
    --color-dark: #090910;
    --color-dark-lighten: #404072;
    --color-dark-lightest: #6c6cac;
    --color-text: #676a6c;
    --color-text-light: #fafafa;
    --color-text-t: #676a6c55;
    --color-text-darken: #4e5052;
    --color-text-lighten: #9a9d9f;
    --color-text-muted: #999c9e;
    --color-text-muted-secondary: #cdcfd0;
    --color-border: #cbd1d5;
    --color-border-lighten: #dde1e4;
    --color-border-darken: #929fa8;
    --color-th: #eeeeee;
    --color-tr-1: #fff;
    --color-tr-1-darken: #fafafa;
    --color-tr-2: #f3f3f3;
    --color-tr-2-darken: #eeeeee;
    --color-box-shadow: rgba(154, 161, 171, 0.2);
    --color-box-shadow-light: rgba(255, 255, 255, 0.85);
    --color-box-shadow-dark: rgba(57, 57, 57, 0.3);
    --scroll-1: #ccc;
    --scroll-2: #b3b3b3;
    --scroll-3: #999999;
    --scroll-4: #d4d4d4;
    --scroll-5: #e1e1e1;
    --color-tritonix: #0C4A86;
    --c-border-radius: 2.5px;
    --white: #fff;
    --black: #262626;
    --black-t: rgba(38, 38, 38, 0.5);
    --black-2-t: rgba(38, 38, 38, 0.8);
    --gray: #fafbfe;
    --light-gray: #d1dade;
    --label-badge-color: #5e5e5e;
    --light-blue: #f3f6fb;
    --color-caret: #e3e3e3;
    --bg-disabled: #ececec;
    --table-header: #e5e6e7;
    --nav-bg: #2F4057;
    --nav-bg-lightest: #4a6589;
    --nav-active: #263446;
    --nav-second-level: #293846;
    --nav-text-color: #a7b1c2;
    --dark-border: #2F4050;
    --color-secondary-foreground: #fbfbfb;
    --color-tertiary-foreground: #e2e2e2;
    --color-tertiary-foreground-darken: #bbbbbb;
    --color-secondary-foreground-darken: #c8c8c8;
    --color-main-background: #fafbfe;
    --color-secondary-background: rgba(3, 145, 175, 0.3);
    --color-white: #fff;
    --color-white-darken: #f2f2f2;
    --color-gray: #5e6fa5;
    --color-gray-100: #f8f9fa;
    --color-gray-200: #e9ecef;
    --color-gray-300: #dee2e6;
    --color-gray-400: #ced4da;
    --color-gray-500: #adb5bd;
    --color-gray-600: #6c757d;
    --color-gray-700: #495057;
    --color-gray-800: #343a40;
    --color-gray-900: #212529;
    --code-container-bg: #f6f6f6;
    --link-nav: #a7b1c2;
    --link-nav-darken: #8391a9;
    --color-tittles: #1a78ca;
    --navy: #1a78ca;
    --dark-gray: #5e6fa5;
    --blue: #1a78ca;
    --lazur: #0391af;
    --yellow: #ffd055;
    --red: #c43131;
    --input-bg: #fff;
    --input-disabled-bg: #ececec;
    --spin-color: #1a78ca;
    --spin-margin: 0 auto;
    --border-color: #e7eaec;
    --ibox-title-bg: #ffffff;
    --ibox-content-bg: #ffffff;
    --sidebar-width: 220px;
    --boxed-width: 1200px;
    --btn-border-radius: 3px;
    --text-muted: #999c9e;
    --c-transition-time: 200ms
}

:root {
    font-size: 13px;
    --fh-1: 'Poppins';
    --ft-1: 'Work Sans';
    --fc-1: 'Inconsolata'
}

body {
    font-family: var(--ft-1), "Open Sans", sans-serif !important;
    font-face: var(--ft-1) !important
}

.logo-element, h1, h2, h3, h4, h5, h6 {
    font-family: var(--fh-1), "Open Sans", sans-serif !important;
    font-face: var(--fh-1) !important;
    text-transform: uppercase !important;
    line-height: 1
}

*, ::after, ::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(38, 38, 38, 0)
}

body {
    margin: 0;
    font-family: "Work Sans", "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #676a6c;
    text-align: left;
    background-color: #fafbfe
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

a {
    color: #1a78ca;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #1665aa;
    text-decoration: underline
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, input {
    overflow: visible
}

button, select {
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1, h1 {
    font-size: 2.15rem
}

@media (max-width: 1200px) {
    .h1, h1 {
        font-size: calc(1.34rem + 1.08vw)
    }
}

.h2, h2 {
    font-size: 1.8rem
}

@media (max-width: 1200px) {
    .h2, h2 {
        font-size: calc(1.305rem + .66vw)
    }
}

.h3, h3 {
    font-size: 1.55rem
}

@media (max-width: 1200px) {
    .h3, h3 {
        font-size: calc(1.28rem + .36vw)
    }
}

.h4, h4 {
    font-size: 1.35rem
}

@media (max-width: 1200px) {
    .h4, h4 {
        font-size: calc(1.26rem + .12vw)
    }
}

.h5, h5 {
    font-size: 1.2rem
}

.h6, h6 {
    font-size: 1rem
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters > .col, .no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.form-control, select {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: inherit;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    background-image: none;
    border-radius: 2.5px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border-radius: 2.5px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control, select {
        transition: none
    }
}

.form-control::-ms-expand, select::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:-moz-focusring, select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.form-control:focus, select:focus {
    color: #495057;
    background-color: #fff;
    border-color: #76b6ed;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(26, 120, 202, .25)
}

.form-control::placeholder, select::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled, .form-control[readonly], select:disabled, select[readonly] {
    background-color: #ececec;
    opacity: 1
}

button, button:active, button:focus {
    outline: 0 !important
}

a.btn.disabled {
    pointer-events: none
}

.btn {
    display: inline-block;
    color: #fbfbfb;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 2.5px;
    height: 30px;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 3px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    text-decoration: none
}

.btn:focus {
    outline-offset: -2px !important;
    outline: 0 !important;
    box-shadow: none !important
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

.btn-sm span, .btn.btn-xs span {
    vertical-align: middle
}

.btn-outline-primary {
    border-color: var(--color-primary);
    color: var(--color-primary)
}

.btn-primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary)
}

.btn-primary.active, .btn-primary.btn-toggle-checkbox.active {
    border-color: var(--color-primary);
    background-color: var(--color-primary-darken)
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):hover {
    border-color: var(--color-primary-darken);
    background-color: var(--color-primary-darken)
}

.form-control, input, select {
    font-size: .9rem
}

.form-control, .form-control:focus, .has-error .form-control:focus, .has-error select:focus, .has-success .form-control:focus, .has-success select:focus, .has-warning .form-control:focus, .has-warning select:focus, .navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus, .navbar-form-custom .form-control:hover, .navbar-form-custom select:focus, .navbar-form-custom select:hover, .open .btn.dropdown-toggle, .panel, .popover, .progress, .progress-bar, input, select, select:focus {
    box-shadow: none !important;
    color: var(--color-text)
}

.form-control, select {
    background-color: #fff;
    background-image: none;
    border: thin solid var(--color-border);
    border-radius: 2.5px;
    color: var(--color-text-darken);
    display: block;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%
}

.form-control:focus, select:focus {
    background-color: #fff
}

.form-control::placeholder, select::placeholder {
    color: var(--color-text-lighten);
    padding-bottom: 0;
    margin-bottom: 0;
    font-style: italic;
    content: ''
}

.ilabel {
    display: inline;
    position: relative;
    padding-left: 1.7rem;
    margin-bottom: 12px;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ilabel .checkmark:after {
    content: "";
    position: absolute;
    left: 50%;
    display: none
}

.ilabel:hover input ~ .checkmark {
    border: 3px solid var(--color-primary)
}

.ilabel:hover input:disabled ~ .checkmark {
    border: 3px solid var(--color-text-muted)
}

.ilabel input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.ilabel input ~ .checkmark {
    position: absolute;
    margin-top: auto;
    margin-bottom: auto;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: var(--color-main-background);
    border: thin solid var(--color-border);
    will-change: border;
    transition: 250ms
}

.ilabel input:checked ~ .checkmark {
    background-color: var(--color-primary);
    border: 3px solid var(--color-primary)
}

.ilabel input:checked ~ .checkmark:after {
    display: block
}

.ilabel input:disabled ~ span {
    cursor: default !important
}

.ilabel input ~ span {
    cursor: pointer !important
}

.ilabel input:disabled ~ .checkmark {
    background-color: var(--color-text-muted);
    border: 3px solid var(--color-text-muted);
    cursor: default
}

.ilabel input[type=checkbox] ~ .checkmark:after {
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -3.3px;
    margin-top: -6.803px;
    width: 6px;
    height: 10px;
    border: solid var(--color-white);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ilabel input[type=radio] ~ .checkmark {
    position: absolute;
    margin-top: auto;
    margin-bottom: auto;
    height: 20px;
    width: 20px;
    background-color: var(--color-main-background);
    border: thin solid var(--color-border);
    border-radius: 50%;
    transition: 350ms
}

.ilabel input[type=radio]:checked ~ .checkmark {
    border: 7px solid var(--color-primary);
    background-color: var(--color-secondary-foreground)
}

.ilabel input[type=radio]:disabled ~ .checkmark {
    border: thin solid var(--color-text-muted);
    background-color: var(--color-text-muted)
}

.form-control:disabled, .form-control[readonly], select:disabled, select[readonly] {
    background-color: var(--bg-disabled);
    border-color: var(--color-border);
    opacity: 1
}

select {
    word-wrap: normal
}

select.form-control[multiple], select.form-control[size], select[multiple], select[size] {
    height: 30px
}

select.form-control:not([size]):not([multiple]), select:not([size]):not([multiple]) {
    height: 30px
}

button, select {
    text-transform: none
}

.has-success .form-control, .has-success .form-control:focus, .has-success select, .has-success select:focus {
    border-color: var(--color-success)
}

.has-warning .form-control, .has-warning .form-control:focus, .has-warning select, .has-warning select:focus {
    border-color: var(--color-warning)
}

.form-control.error, .has-error .form-control, .has-error .form-control:focus, .has-error select, .has-error select:focus, select.error {
    border-color: var(--color-error)
}

.form-control option[selected], select option[selected] {
    background-color: var(--color-error)
}

label.error {
    color: var(--color-error)
}

label {
    display: block
}

.form-control, select {
    height: 30px
}

.form-control:focus, select:focus {
    border-color: var(--color-primary)
}

.form-group, .form-group label {
    margin-bottom: 5px;
    margin-top: 8px
}

.ibox, .ibox-content, .ibox-footer, .ibox-title {
    border: thin solid var(--color-border-lighten)
}

.ibox-content, .ibox-footer, .ibox-title {
    box-shadow: 0 0 35px 0 var(--color-box-shadow)
}

.dark-theme .ibox-content, .dark-theme .ibox-footer, .dark-theme .ibox-title {
    box-shadow: 0 0 0 0 var(--color-box-shadow)
}

.ibox {
    border-width: 0;
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0
}

.ibox h2 {
    margin-top: .65rem !important
}

.ibox-title {
    border-bottom-width: 0;
    background-color: var(--color-secondary-foreground);
    color: inherit;
    margin-bottom: 0;
    padding: 15px 15px 8px;
    min-height: 48px;
    position: relative;
    clear: both;
    -webkit-border-radius: 2.5px 2.5px 0 0;
    -moz-border-radius: 2.5px 2.5px 0 0;
    border-radius: 2.5px 2.5px 0 0;
    justify-content: center;
    align-items: center
}

.ibox-title .col-sm-6:nth-of-type(2) {
    text-align: right
}

.ibox-title ~ .ibox-content {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.ibox-title h5 {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: none;
    font-weight: 600 !important
}

.ibox-title .pull-right {
    position: static
}

.ibox-content {
    border-radius: 2.5px;
    clear: both;
    background-color: var(--color-secondary-foreground);
    color: inherit;
    padding: 15px 20px 20px
}

.c-login {
    overflow: hidden;
    background-color: var(--nav-bg) !important
}

.c-login .ibox-content > .row {
    width: 100%;
    margin: 0
}

.c-login .c-title-span {
    color: var(--color-quaternary-lighten);
    text-shadow: 0 0 9px var(--color-box-shadow-dark)
}

.c-login > .particles-container {
    height: 100vh;
    width: 100vw;
    position: absolute
}

.c-login > .particles-container #particles-js canvas {
    display: block;
    vertical-align: bottom;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: opacity .8s, -webkit-transform 1.4s;
    transition: opacity .8s, transform 1.4s
}

.c-login > .particles-container #particles-js {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -10;
    top: 0;
    left: 0
}

.c-login header {
    display: flex;
    justify-content: flex-end;
    vertical-align: top
}

.c-login .half {
    height: 47vh;
    width: 100vw;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--color-main-background)
}

.c-login .foreground {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center
}

.c-login form .form-group {
    margin-bottom: 1rem
}

.c-login .ibox {
    width: 57vw;
    box-shadow: 0 0 25px 5px var(--color-box-shadow)
}

.c-login .ibox .ilabel .text {
    top: 2px;
    position: relative;
    margin-left: 4px
}

.c-login .forget-link {
    font-size: 64px
}

.c-login .col-sm-6:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.c-login .col-sm-6:nth-child(2) h4, .c-login .col-sm-6:nth-child(2) p {
    align-self: flex-start;
    justify-self: flex-start
}

.c-login .col-sm-6:nth-child(2) a {
    color: var(--color-primary) !important
}

.c-title-span {
    font-size: 10vw;
    font-family: Poppins, "work sans", "Open Sans", sans-serif !important;
    font-weight: 700
}

@media (max-width: 992px) {
    .c-login .ibox {
        width: 80%
    }
}

@media (max-width: 768px) {
    .col-md-6:nth-child(1) {
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: 1px dashed var(--color-border)
    }

    .c-login .c-title-span {
        font-size: 10rem;
        margin: 0
    }

    .b-r {
        border-right-color: transparent !important
    }
}

.float-right {
    float: right !important
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center
}

.form-group label.error {
    margin-top: 0
}

.login-error {
    margin-top: 1.5rem
}

/*# sourceMappingURL=c-login.min.css.map */