/* @import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
@import url("https://fonts.googleapis.com/css?family=Nunito:400,600,700"); */

:root {
    --primary: #0D99FF;
    --secondary: #2C2C2C;
    --secondary-dark: #131313;
    --primary-hover: #007ed9;
    --primary-dark: #004373;
    --rgba-primary-1: rgba(13, 153, 255, 0.1);
    --rgba-primary-2: rgba(13, 153, 255, 0.2);
    --rgba-primary-3: rgba(13, 153, 255, 0.3);
    --rgba-primary-4: rgba(13, 153, 255, 0.4);
    --rgba-primary-5: rgba(13, 153, 255, 0.5);
    --rgba-primary-6: rgba(13, 153, 255, 0.6);
    --rgba-primary-7: rgba(13, 153, 255, 0.7);
    --rgba-primary-8: rgba(13, 153, 255, 0.8);
    --rgba-primary-9: rgba(13, 153, 255, 0.9);
    --rgba-secondary-1: rgba(44, 44, 44, 0.1);
    --rgba-secondary-2: rgba(44, 44, 44, 0.2);
    --rgba-secondary-3: rgba(44, 44, 44, 0.3);
    --rgba-secondary-4: rgba(44, 44, 44, 0.4);
    --rgba-secondary-5: rgba(44, 44, 44, 0.5);
    --rgba-secondary-6: rgba(44, 44, 44, 0.6);
    --rgba-secondary-7: rgba(44, 44, 44, 0.7);
    --rgba-secondary-8: rgba(44, 44, 44, 0.8);
    --rgba-secondary-9: rgba(44, 44, 44, 0.9);
    --font-family-base: poppins, sans-serif, sans-serif;
    --font-family-title: poppins, sans-serif, sans-serif;
    --title: #374557;
}

:root,
[data-bs-theme="light"] {
    --bs-blue: #5e72e4;
    --bs-indigo: #6610f2;
    --bs-purple: #BB6BD9;
    --bs-pink: #e83e8c;
    --bs-red: #EE3232;
    --bs-orange: #ff9900;
    --bs-yellow: #FFFA6F;
    --bs-green: #297F00;
    --bs-teal: #20c997;
    --bs-cyan: #3065D0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0D99FF;
    --bs-secondary: #2C2C2C;
    --bs-success: #3AC977;
    --bs-info: #58bad7;
    --bs-warning: #FF9F00;
    --bs-danger: #FF5E5E;
    --bs-light: #dfdfdf;
    --bs-dark: #6e6e6e;
    --bs-primary-rgb: 13, 153, 255;
    --bs-secondary-rgb: 44, 44, 44;
    --bs-success-rgb: 58, 201, 119;
    --bs-info-rgb: 88, 186, 215;
    --bs-warning-rgb: 255, 159, 0;
    --bs-danger-rgb: 255, 94, 94;
    --bs-light-rgb: 223, 223, 223;
    --bs-dark-rgb: 110, 110, 110;
    --bs-primary-text-emphasis: #053d66;
    --bs-secondary-text-emphasis: #121212;
    --bs-success-text-emphasis: #175030;
    --bs-info-text-emphasis: #234a56;
    --bs-warning-text-emphasis: #664000;
    --bs-danger-text-emphasis: #662626;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfebff;
    --bs-secondary-bg-subtle: #d5d5d5;
    --bs-success-bg-subtle: #d8f4e4;
    --bs-info-bg-subtle: #def1f7;
    --bs-warning-bg-subtle: #ffeccc;
    --bs-danger-bg-subtle: #ffdfdf;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ed6ff;
    --bs-secondary-border-subtle: #ababab;
    --bs-success-border-subtle: #b0e9c9;
    --bs-info-border-subtle: #bce3ef;
    --bs-warning-border-subtle: #ffd999;
    --bs-danger-border-subtle: #ffbfbf;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: "poppins", sans-serif, sans-serif;
    --bs-body-font-size: 0.875rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #888888;
    --bs-body-color-rgb: 136, 136, 136;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(136, 136, 136, 0.75);
    --bs-secondary-color-rgb: 136, 136, 136;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(136, 136, 136, 0.5);
    --bs-tertiary-color-rgb: 136, 136, 136;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: #374557;
    --bs-link-color: #0D99FF;
    --bs-link-color-rgb: 13, 153, 255;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a7acc;
    --bs-link-hover-color-rgb: 10, 122, 204;
    --bs-code-color: #e83e8c;
    --bs-highlight-bg: #fffee2;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #CCCCCC;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 153, 255, 0.25);
    --bs-form-valid-color: #3AC977;
    --bs-form-valid-border-color: #3AC977;
    --bs-form-invalid-color: #FF5E5E;
    --bs-form-invalid-border-color: #FF5E5E;
} 

input.form-control {
    position: relative;
}

ol,
ul {
    padding-left: 0rem;
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}

body {
    -ms-overflow-style: none;
    scrollbar-width: none;
    background-color: #F5F5F5;
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
}

.row {
    --bs-gutter-x: 25px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}

.vh-100 {
    height: 100vh !important;
}

.h-100 {
    height: 100% !important;
}

.pages-left {
    background-color: #fff;
}


a {
    color: #888888;
    text-decoration: none;
}

.login-form .btn-facebook,
.login-form .btn-google-plus {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-block;
    text-align: center;
    line-height: 2.5rem;
    border-radius: 100%;
}

.btn-facebook {
    background: #3b5998;
    border-color: #3b5998;
    color: #fff;
}

.btn-facebook:active,
.btn-facebook:focus,
.btn-facebook:hover {
    background: #2d4373;
    color: #fff;
    border-color: #2d4373;
}

.btn-google-plus {
    background: #db4439;
    border-color: #db4439;
    color: #fff;
}

.btn-google-plus:active,
.btn-google-plus:focus,
.btn-google-plus:hover {
    background: #be2d23;
    color: #fff;
    border-color: #be2d23;
}

li {
    list-style: none;
}


.login-form {
    padding: 0 50px;
    max-width: 600px;
    margin: 0 auto;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.align-self-center {
    align-self: center !important;
}

/* Từ ở đây */

.authincation {
    display: flex;
    min-height: 100vh;
}

.authincation .login-aside {
    background: #fff;
    padding-top: 80px;
    max-width: 560px;
    width: 100%;
    z-index: 1;
    position: relative;
}

.authincation .login-aside:after {
    content: "";
    clip-path: polygon(0% 100%, 100% 0%, 0% 0%);
    width: 140px;
    height: 100%;
    position: absolute;
    right: -140px;
    z-index: -1;
    top: 0;
    background: #fff;
    box-shadow: 2px 0px 30px rgba(0, 0, 0, 0.15);
}

.authincation .login-aside .aside-image {
    min-height: 450px;
    margin: auto 0;
    min-width: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.auth-form {
    padding: 50px 50px;
}


.auth-form .btn {
    height: 50px;
    font-weight: 700;
}

.auth-form .page-back {
    display: inline-block;
    margin-bottom: 15px;
}

.pages-left {
    background-color: #fff;
}

.login-media {
    margin-top: 80px;
}

.login-media img {
    width: 70%;
}


.login-content {
    padding-left: 70px;
    padding-top: 70px;
    text-align: center;
}

.login-content p {
    font-size: 20px;
    color: #000;
    line-height: 1.5;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
}

.login-form {
    padding: 0 50px;
    max-width: 600px;
    margin: 0 auto;
}

.login-form .login-title {
    text-align: center;
    position: relative;
    margin-bottom: 48px;
    z-index: 1;
    display: flex;
    align-items: center;
}

.login-form .login-title:before,
.login-form .login-title:after {
    content: "";
    height: 1px;
    flex: 1 1;
    left: 0;
    background-color: #E1E1F0;
    margin: 0;
    padding: 0;
}

.logo-light {
    display: none;
}

.login-form .forget-pass {
    display: block;
    margin-top: 20px;
    text-align: center;
}

[data-theme-version="dark"] .login-form {
    background-color: #1E1E1E;
}

[data-theme-version="dark"] .login-form .login-title:before,
[data-theme-version="dark"] .login-form .login-title:after {
    background-color: #444444;
}

[data-theme-version="dark"] .login-form {
    background-color: #1E1E1E;
}

.text-center {
    text-align: center !important;
}

h1,
.h1,
.h1,
h2,
.h2,
.h2,
h3,
.h3,
.h3,
h4,
.h4,
.h4,
h5,
.h5,
.h5,
h6,
.h6,
.h6 {
    line-height: 1.5;
    font-weight: 500;
    color: var(--secondary);
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

label {
    margin-bottom: 0.5rem;
}

label {
    font-size: 13px;
    font-weight: 500;
}

.logo-dark {
    width: 20%;
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.position-relative {
    position: relative !important;
}

.show-pass {
    border-radius: 0 0.5rem 0.5rem 0 !important;
}

.show-pass {
    cursor: pointer;
}

.show-pass .fa-eye {
    display: none;
}

.show-pass.active .fa-eye-slash {
    display: none;
}

.show-pass.active .fa-eye {
    display: inline-block;
}

.eye {
    position: absolute;
    right: 20px;
    bottom: 10px;
}

.d-flex {
    display: flex !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.form-check-label {
    margin-left: 0.3125rem;
    margin-top: 0.4rem;
}

.form-check-inline .form-check-input {
    margin-right: 0.625rem;
}

.form-check-input {
    top: 0.125rem;
    border-width: 1px;
    width: 1.25rem;
    height: 1.25rem;
    border-color: #e7e7e7;
}


.form-check-input {
    --bs-form-check-bg: var(--bs-body-bg);
    vertical-align: top;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    appearance: none;
    print-color-adjust: exact;
}

.form-check-input[type="checkbox"] {
    border-radius: 0.25em;
}

.form-check-input[type="radio"] {
    border-radius: 50%;
}

.form-check-input:active {
    filter: brightness(90%);
}

.form-check-input:focus {
    border-color: #86ccff;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 153, 255, 0.25);
}

.form-check-input:checked {
    background-color: #0D99FF;
    border-color: #0D99FF;
}

.form-check-input:checked[type="checkbox"] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type="radio"] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input[type="checkbox"]:indeterminate {
    background-color: #0D99FF;
    border-color: #0D99FF;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
}

.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
    cursor: default;
    opacity: 0.5;
}

.form-check-label::before {
    background-color: transparent;
    border-color: #dfdfdf;
    border-width: 0.125rem;
    border-radius: 0.125rem !important;
}

[data-theme-version="dark"] .form-check-label::before {
    background-color: transparent;
    border-color: #444444;
}

.btn.btn-success,
.btn.btn-secondary,
.btn.btn-warning,
.btn.btn-primary,
.btn.btn-danger,
.btn.btn-info {
    color: #fff;
}

.btn-block {
    display: block;
    width: 100%;
}

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

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

.btn-primary:focus {
    box-shadow: 0 0 0 0.25rem var(--rgba-primary-5);
}

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

.btn-link {
    color: var(--primary);
    text-decoration: none;
}

.btn-link svg circle {
    fill: var(--primary);
}

.btn-link:hover {
    color: var(--primary-hover);
}

.btn {
    padding: 0.719rem 1.563rem;
    border-radius: 0.375rem;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
    outline: 0 !important;
    box-shadow: none !important;
}


.btn.btn-success,
.btn.btn-secondary,
.btn.btn-warning,
.btn.btn-primary,
.btn.btn-danger,
.btn.btn-info {
    color: #fff;
}

.btn-transparent {
    background-color: transparent;
}

.swal2-popup .swal2-styled:focus {
    box-shadow: none;
}

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

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

.btn-primary:focus {
    box-shadow: 0 0 0 0.25rem var(--rgba-primary-5);
}

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

.btn-link {
    color: var(--primary);
    text-decoration: none;
}

.btn-link svg circle {
    fill: var(--primary);
}

.btn-link:hover {
    color: var(--primary-hover);
}

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

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

.form-control {
    background: #fff;
    color: #6e6e6e;
    line-height: 1.5;
    font-size: 13px;
    height: 2.813rem;
    border-radius: 0.375rem;
    border-color: #CCCCCC;
    padding: .375rem .75rem !important;

}
@media (min-width: 1200px) {
    h3, .h3 {
        font-size: 1.5rem;
    }
}


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

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.66667%;
    }

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

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333%;
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66667%;
    }

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

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66667%;
    }

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

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333%;
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66667%;
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333%;
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66667%;
    }

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


}

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

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.66667%;
    }

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

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333%;
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66667%;
    }

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

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66667%;
    }

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

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333%;
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66667%;
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333%;
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66667%;
    }

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

}

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

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.66667%;
    }

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

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333%;
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66667%;
    }

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

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66667%;
    }

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

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333%;
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66667%;
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333%;
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66667%;
    }

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

    .offset-lg-0 {
        margin-left: 0;
    }

}

@media only screen and (max-width: 87.5rem) {
    .authincation .login-aside {
        max-width: 360px;
    }
}

@media only screen and (max-width: 74.9375rem) {
    .login-content p {
        font-size: 20px;
    }
}


@media only screen and (max-width: 61.9375rem) {
    .login-form {
        padding: 25px 25px;
    }

    .login-content {
        padding-left: 51px;
        padding-top: 40px;
    }

    .login-media img {
        width: 60%;
    }

    .authincation .login-aside {
        max-width: 100%;
        padding-top: 0;
    }

    .authincation .login-aside:after {
        content: none;
    }
}

@media only screen and (max-width: 35.9375rem) {
    .authincation .login-aside .aside-image {
        min-height: 300px;
    }

    .auth-form {
        padding: 30px;
    }

    .login-form {
        padding: 14px 14px;
    }

    .login-content {
        padding-left: 14px;
        padding-top: 14px;
    }

    .login-content p {
        font-size: 1rem;
    }

    .login-media {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 87.5rem) {
    .btn {
        padding: 0.625rem 1rem;
        font-size: 0.813rem;
    }
}