.block_loader {
        width: 100%;
        height: 100%;
        margin: auto;
        position: fixed;
        z-index: 1051;
        display: flex;
        background: #55a03b;
    }

    /* .loader {
        width: 55px;
        height: 55px;
        margin: auto;
        position: relative;
    }

    .loader:before {
        content: '';
        width: 55px;
        height: 5px;
        background: #000;
        opacity: 0.25;
        position: absolute;
        top: 60px;
        left: 0;
        border-radius: 50%;
        animation: shadow 0.5s linear infinite;
    }

    .loader:after {
        content: '';
        width: 100%;
        height: 100%;
        background: #fff;
        animation: bxSpin 0.5s linear infinite;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 4px;
    }

    @keyframes bxSpin {
        17% {
            border-bottom-right-radius: 3px;
        }

        25% {
            transform: translateY(9px) rotate(22.5deg);
        }

        50% {
            transform: translateY(18px) scale(1, .9) rotate(45deg);
            border-bottom-right-radius: 40px;
        }

        75% {
            transform: translateY(9px) rotate(67.5deg);
        }

        100% {
            transform: translateY(0) rotate(90deg);
        }
    }

    @keyframes shadow {

        0%,
        100% {
            transform: scale(1, 1);
        }

        50% {
            transform: scale(1.2, 1);
        }
    } */
    .loader_new {
        /* gap: 20px; */
        display: flex;
        margin: auto;
        position: relative;
    }

    .item {
        margin: 0 10px;
        width: 60px;
        height: 60px;
        background-size: cover;
        /* กระโดด */
        /* animation: jump 0.6s ease-in-out infinite; */
        /* หมุน */
        animation: spin 2s linear infinite;
    }

    .item:nth-child(1) {
        background-image: url('../../images/icon/loading/1.svg');
        /* แครอท */
        animation-delay: 0s;
    }

    .item:nth-child(2) {
        background-image: url('../../images/icon/loading/2.svg');
        /* แอปเปิ้ล */
        animation-delay: 0.4s;
    }

    .item:nth-child(3) {
        background-image: url('../../images/icon/loading/3.svg');
        /* มะเขือเทศ */
        animation-delay: 0.8s;
    }

    .item:nth-child(4) {
        background-image: url('../../images/icon/loading/4.svg');
        /* มะเขือเทศ */
        animation-delay: 0.12s;
    }

    /* หมุน */
    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    /* width */
    ::-webkit-scrollbar {
        width: 7px;
        height: 7px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
        background: #FFF;
        border-radius: 15px;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #D9D9D9;
        border-radius: 15px;
    }

    body {
        font-family: "Prompt", sans-serif;
        font-weight: 500;
        color: #000;
        line-height: 1.5;
        background-color: #FFF;
    }

    body,
    .form-control,
    .dropdown-menu,
    .btn,
    .page-link,
    #listDataTable_info {
        font-size: 14px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 18px;
    }

    @media (min-width: 768px) {

        body,
        .form-control,
        .dropdown-menu,
        .btn,
        .page-link,
        #listDataTable_info {
            font-size: 16px;
        }

        h4 {
            font-size: calc(1.275rem + .3vw);
        }

        h5 {
            font-size: 1.25rem;
        }
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.5;
        font-weight: 500;
    }

    b {
        font-weight: 600;
    }

    a {
        text-decoration: none;
        color: #000;
        cursor: pointer;
    }

    .error,
    .text-red {
        color: #ff0000;
        padding-top: 2px;
    }

    .text-green {
        color: #44AA00;
    }

    .text-brown {
        color: #6E501A;
    }

    .bg_gray {
        background-color: #F0F0F0;
    }

    .one-lines {
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .three-lines {
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .form-group {
        margin-bottom: 1rem !important
    }

    input[type="checkbox"] {
        width: 18px;
        height: 18px;
        vertical-align: middle;
        accent-color: #5640FF;
        cursor: pointer;
    }

    /* .form-control
    .btn */
    #modal_login .form-control,
    #modal_login .btn,
    #modal_condition .btn {
        border-radius: 30px;
        font-size: 14px;
        border-color: #8A8B8A;
        padding: .75rem 1.5rem;
        font-weight: 100;
        /* color: #8A8B8A; */
    }

    @media (min-width: 768px) {

        #modal_login .form-control,
        #modal_login .btn,
        #modal_condition .btn {
            font-size: 16px;
        }
    }

    .dropdown-item.active,
    .dropdown-item:active {
        background-color: #44AA00;
        border-radius: 0;
    }

    .navbar-toggler-icon {
        width: 1em;
        height: 1em;
    }

    .navbar-light .navbar-nav .nav-link,
    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(0, 0, 0, 1);
        padding: 3px 12px;
        border-radius: 20px;
    }

    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        background-color: #eeeeee;
        border-radius: 20px;
    }

    .navbar-light .navbar-nav .nav-link.dropdown-toggle {
        /* color: rgba(0, 0, 0, .5); */
        color: #000;
    }

    .navbar-light .navbar-nav .nav-item.info .nav-link.dropdown-toggle {
        color: #000;
    }

    .navbar-light .navbar-nav .nav-link.dropdown-toggle::after {
        border-top: .5em solid;
        border-right: .4em solid transparent;
        border-left: .4em solid transparent;
        vertical-align: baseline;
    }

    /* header */
    header .navbar .logo {
        height: 50px;
    }

    header .box_menu {
        width: 100%;
        display: inline-flex;
        align-items: center;
    }

    header .box_menu:first-child .navbar-nav {
        border-bottom: 1px solid #D9D9D9;
        margin-bottom: 7px;
        padding-bottom: 7px;
        white-space: nowrap;
    }

    header .input_search {
        background-color: #D9D9D9;
        border-radius: 20px;
        padding: 3px 10px;
    }

    header .box_line,
    header .box_menu .text {
        display: none;
    }

    .navbar-expand-xl .navbar-nav {
        width: 100%;
    }

    /* เมนูเก่า แบ่งเป็น 2 column */
    /* .box_menu .text.info .dropdown ul {
        width: 500px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .box_menu .text.info .dropdown ul li {
        width: 50%;
    }

    .box_menu .text.info .dropdown ul li:nth-child(odd) {
        border-right: 1px dashed #D9D9D9;
    } */

    .box_menu .text.info .dropdown ul {
        width: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .box_menu .text.info .dropdown ul li {
        max-width: 650px;
        width: 100%;
    }

    /* application */
    .box_application {
        text-align: center;
        font-weight: 100;
        padding-top: 30px;
    }

    .box_application .box_text .topic {
        font-size: 28px;
        line-height: 1.1;
    }

    .box_application .box_app_lookie img {
        padding-top: 10px;
        width: 50%;
    }

    .box_application .box_app img {
        padding-top: 10px;
        width: 75%;
    }

    footer {
        background-image: url('../../images/banner/footer-01-opa.png');
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: 90%;
    }

    footer .bd_dashed {
        border-top: 1px dashed #000;
        margin-top: 30px;
        padding: 30px 0;
    }

    footer .contact .bd_dashed,
    footer .agency .bd_dashed {
        border-top: 1px dashed #000;
        padding: 0;
        margin: 0.25rem 0 0.5rem 0;
    }

    footer .contact h5 {
        font-weight: 600;
        margin-bottom: 0;
    }

    footer .contact .social {
        background: #FFCB0A;
        border-radius: 100%;
        width: 40px;
        height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-top: 15px;
        margin-right: 5px;
    }

    footer .contact .social svg {
        width: 30px;
        height: 30px;
    }

    footer .agency {
        margin-left: 0;
        margin-top: 15px;
    }

    footer .agency ul {
        line-height: 1.8;
    }

    .select2-container--default .select2-selection--single {
        background-color: #fff;
        border: 1px solid #dee2e6;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #dee2e6;
        border-right-color: #dee2e6;
        border-bottom-color: #dee2e6;
        border-left-color: #dee2e6;
        border-image-source: initial;
        border-image-slice: initial;
        border-image-width: initial;
        border-image-outset: initial;
        border-image-repeat: initial;
        border-radius: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .select2-container .select2-selection--single {
        height: 35px;
    }

    .select2-container--default .select2-selection--multiple {
        display: block;
        float: none;
        background: #fff;
        width: 100%;
        padding: 0px;
        color: #2b2f33;
        border: #dfe8f1 solid 1px;
        -webkit-box-shadow: inset 1px 1px 3px #f6f6f6;
        -moz-box-shadow: inset 1px 1px 3px #f6f6f6;
        box-shadow: inset 1px 1px 3px #f6f6f6;
    }

    .select2-container--default.select2-container--focus .select2-selection--multiple {
        color: #333;
        border-color: #3da6ff;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 30px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 35px;
    }

    .select2-container--default.select2-container--disabled .select2-selection--single {
        background-color: #e9ecef;
    }

    .a_custom {
        color: #6F00FF;
        text-decoration-line: underline;
    }

    /* table ของหน้า ข้อมูลการจัดการ */
    .box_content #listDataTable_wrapper {
        margin-bottom: 30px;
    }

    .box_content .table>:not(:first-child) {
        border-top: 0;
    }

    .box_content table thead tr th {
        background-color: #44AA00 !important;
        color: #FFF;
        font-weight: 400;
        white-space: nowrap;
    }

    .box_content .table>tbody>tr:nth-of-type(odd)>* {
        background-color: #EBF2FF !important;
    }

    .box_content .row.justify-content-between:first-child,
    .box_content .dt-paging nav ul li.dt-paging-button:first-child,
    .box_content .dt-paging nav ul li.dt-paging-button:last-child {
        display: none;
    }

    .box_content_row .box_data_row {
        padding: 0;
        text-align: center;
        margin-bottom: 0;
    }

    .box_content_row .box_data_row .border {
        border: 1px solid #CFCFCF;
        padding: 20px 20px 25px;
    }

    .box_content_row .box_data_row .border .data_summary .bd-right {
        margin-bottom: 20px;
    }

    .box_content_row .box_data_row .border h5 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .box_content_row .box_data_row .border small {
        font-size: 12px;
        font-weight: 400;
    }

    .box_content_row .box_data_row .border .data_summary .bd-right {
        text-align: center;
        margin-top: 10px;
    }

    .box_content_row .box_data_row .border .data_summary .manage_food {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: left;
        margin-top: 35px;
    }

    .box_content_row .box_data_row .border .data_summary .manage_food .text {
        margin-left: 20px;
    }

    .box_content_row .box_data_row .border .data_summary .manage_food .text h1 {
        margin-bottom: 0;
    }

    /* breadcrumb */
    .box_breadcrumb,
    .block_content {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
    }

    .box_breadcrumb h4 {
        border-bottom: 1px dashed #8A8B8A;
        padding-bottom: 7px;
        margin-bottom: 9px;
    }

    .breadcrumb {
        font-size: 12px;
    }

    .breadcrumb .breadcrumb-item a,
    .text_gray {
        color: #8A8B8A;
    }

    .breadcrumb .breadcrumb-item.active {
        color: #000;
    }

    .breadcrumb-item+.breadcrumb-item::before {
        content: '\25BA';
        font-size: 10px;
        padding-right: 5px;
        padding-top: 2px;
    }

    .breadcrumb-item+.breadcrumb-item {
        padding-left: 5px;
    }

    /* search */
    .box_content .box_search {
        padding: 0 7px;
    }

    .box_content .box_search .row>* {
        padding: 0 5px 10px;
    }

    /* .box_content .box_search .button {
        padding: 0 5px 10px;
    } */

    .box_content .box_search .button label {
        display: none;
    }

    .box_content .box_search .button .btn {
        border-color: #C6C6C6;
        background: #FFF;
        font-size: 14px;
    }

    .box_content .table>:not(caption)>*>* {
        padding: .8rem .5rem;
    }

    /* datepicker */
    .datepicker table {
        font-size: 0.8rem;
        text-align: center;
    }

    .datepicker .datepicker-days {
        padding: 0px 5px;
    }

    .datepicker td,
    .datepicker th {
        padding: 3px 5px;
    }

    /* home, manage_overview */
    .box_content {
        padding: 0 15px;
    }

    .box_content .border {
        border: 1px solid #CFCFCF;
        border-radius: 10px;
        padding: 15px 20px 10px;
        margin-bottom: calc(var(--bs-gutter-x));
    }

    .box_content .border .data_text .text-center {
        padding-bottom: 15px;
    }

    .box_content .border h5,
    .box_content .box_data .data_summary .left h5 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .box_content .box_data .data_summary .left {
        margin-top: 35px;
        padding-right: 0;
    }

    .box_content .box_data .data_summary .left h1 {
        display: inline-block;
        font-size: 2rem;
        line-height: 1;
    }

    .box_content .box_data .data_summary .left h5 {
        margin-bottom: 0;
        color: #808080;
    }

    .box_content .box_data .data_summary .left.data_text {
        margin-top: 25px;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }

    .box_content .box_data .data_summary .left.data_text h1 {
        margin-top: .5rem;
    }

    .box_content .box_data .data_summary .right {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }

    .box_content .box_data .data_summary .right img {
        display: none;
    }

    @media (min-width: 375px) {

        /* application */
        .box_application .box_app_lookie img {
            padding-top: 10px;
            width: 40%;
        }

        .box_application .box_app img {
            padding-top: 10px;
            width: 60%;
        }
    }

    @media (min-width: 425px) {

        /* application */
        .box_application .box_app_lookie img {
            padding-top: 10px;
            width: 35%;
        }

        .box_application .box_app img {
            padding-top: 10px;
            width: 50%;
        }
    }

    @media (min-width: 576px) {

        /* application */
        .box_application .box_app_lookie img {
            padding-top: 10px;
            width: 30%;
        }

        .box_application .box_app img {
            padding-top: 10px;
            width: 45%;
        }

        .box_content_row .box_data_row {
            padding-right: 27px;
            padding-left: 27px;
            margin-bottom: 15px;
        }

        .box_content_row .box_data_row .border {
            border-radius: 10px;
        }
    }

    @media (min-width: 768px) {
        header .navbar .logo {
            height: 60px;
        }

        .navbar-toggler-icon {
            width: 1.5em;
            height: 1.5em;
        }

        .box_content .border {
            padding: 15px 20px;
        }

        .box_content .border .data_text .text-center {
            padding-bottom: 10px;
        }

        .box_content .border h5,
        .box_content .box_data .data_summary .left h5 {
            font-size: 18px;
        }

        .box_content .box_data .data_summary .left h1 {
            font-size: 3rem;
        }

        .box_content .box_data .data_summary .right {
            height: 140px;
        }

        .box_content .box_data .data_summary .right img {
            display: block;
            max-height: 140px;
        }

        /* .box_content .box_search .button {
            padding: 10px 5px 10px;
        } */

        .box_content .box_search .button label {
            display: block;
        }

        .box_content_row .box_data_row .border h5 {
            font-size: 18px;
        }

        .box_content_row .box_data_row .border .data_summary,
        .box_content_row .box_data_row .border .data_summary .manage_food {
            margin-top: 15px;
        }

        /* application */
        .box_application {
            display: flex;
            flex-wrap: wrap;
        }

        .box_application .box_text {
            width: 100%;
            padding-bottom: 10px;
        }

        .box_application .box_app_lookie {
            width: 50%;
            text-align: right;
            padding-right: 10px;
        }

        .box_application .box_app_lookie img {
            padding-top: 10px;
            width: 40%;
        }

        .box_application .box_app {
            width: 50%;
            text-align: left;
            padding-left: 10px;
        }

        .box_application .box_app img {
            width: 50%;
        }

        footer .agency {
            margin-left: 1.5rem;
            margin-top: 0;
        }
    }

    .navbar-nav .dropdown-menu li a.one-lines {
        display: inline-block !important;
        white-space: normal;
    }

    @media (min-width: 992px) {
        header .navbar .logo {
            height: 80px;
        }

        .navbar-nav .dropdown-menu li a.one-lines {
            display: -webkit-box !important;
            white-space: nowrap;
        }

        /* application */
        .box_application {
            display: flex;
            align-items: center;
            text-align: left;
        }

        .box_application .box_text {
            width: 57%;
        }

        .box_application .box_text .topic {
            font-size: 2.4rem;
        }

        .box_application .box_app_lookie {
            width: 18%;
            padding-right: 0;
            text-align: center;
        }

        .box_application .box_app_lookie img {
            width: 80%;
        }

        .box_application .box_app {
            width: 25%;
            padding-left: 0;
            text-align: center;
        }

        .box_application .box_app img {
            width: 80%;
        }

        /* .box_content .box_search .button {
            padding: 25px 5px 0;
        } */

        .box_content_row .box_data_row {
            text-align: left;
        }

        .box_content_row .box_data_row .border .data_summary .bd-right {
            border-right: 1px dashed #B3A5A5;
            margin-bottom: 0;
        }

        footer {
            background-image: url('../../images/banner/footer-01-opa.png'), url('../../images/banner/footer-02.png');
            background-position: left bottom, right bottom;
            background-repeat: no-repeat, no-repeat;
            background-size: 60%, 60%;
        }
    }

    @media (min-width: 1200px) {

        /* header */
        header .box_line {
            display: block;
            position: relative;
            margin: 0 0 5px;
        }

        header .box_line .dot {
            width: 16px;
            height: 16px;
            background: #D9D9D9;
            border-radius: 100%;
            position: absolute;
            top: -8px;
        }

        header .box_line .dot.left {
            left: 0;
        }

        header .box_line .dot.right {
            right: 0
        }

        header .box_line .line {
            width: 100%;
            height: 1px;
            background-color: #D9D9D9;
        }

        header .box_menu:first-child .navbar-nav {
            border-bottom: 1px solid #FFF;
        }

        header .box_menu .text {
            display: block;
            padding-left: 1.5rem;
            padding-right: 1.5rem;
            display: flex;
            align-items: baseline;
        }

        header .box_menu .text.info:first-child {
            padding-left: 33px;
        }

        header .box_menu .text.info a:not(.dropdown-item) {
            padding: 3px 12px;
            color: #000;
            /* color: #8E8E93; */
        }

        header .box_menu .text.info a:not(.dropdown-item):focus,
        header .box_menu .text.info a:not(.dropdown-item):hover {
            background-color: #eeeeee;
            border-radius: 20px;
        }

        .navbar-expand-xl .navbar-nav {
            width: auto;
        }

        .navbar-nav .nav-item.info {
            display: none;
        }

        /* application */
        .box_application .box_text .topic {
            font-size: 2.9rem;
        }

        .box_application .box_text .desc {
            font-size: 18px;
        }

        footer {
            background-size: 50%, 45%;
        }

        footer .bd_dashed {
            margin-top: 40px;
        }
    }

    @media (min-width: 1400px) {
        .box_application .box_text .topic {
            font-size: 3.4rem;
        }

        .box_application .box_text .desc {
            font-size: 20px;
        }
    }

    /* modal */
    .modal {
        font-weight: 100;
    }

    .modal .modal-content {
        border-radius: 17px;
    }

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

    .modal .modal-header .btn-close {
        --bs-btn-close-bg: none;
        padding: 0;
        font-size: 26px;
    }

    .modal .bd_dashed {
        border-top: 1px dashed #000;
        margin-top: 15px;
    }

    .modal .btn_submit {
        background-color: #068ECC;
        color: #fff;
    }

    .modal .form-control {
        border-radius: 5px;
        font-size: 16px;
        border-color: #b0b0b0;
        padding: .375rem .75rem;
        font-weight: 100;
        color: #000;
    }

    #modal_login.modal a,
    #modal_form_register.modal a {
        color: #978EFF;
        text-decoration: underline;
    }

    #modal_login.modal .link-forgot-help {
        display: flex;
        justify-content: space-between;
        padding-top: 10px;
    }

    #modal_login.modal .link-forgot-help .help {
        color: #8C8C8C;
    }

    #modal_login.modal small.text-social {
        display: block;
        padding-top: 10px;
        color: #5B5B5B;
    }

    #modal_login.modal .box-social {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 15px;
    }

    #modal_login.modal .box-social img {
        max-height: 50px;
    }

    #modal_login.modal small.text-regis {
        padding-top: 15px;
        display: block;
    }

    #modal_condition.modal .modal-body {
        padding: 25px 30px 45px;
    }

    @media (min-width: 425px) {
        #modal_condition.modal .modal-body {
            padding: 25px 45px 45px;
        }
    }

    #modal_condition.modal .modal-body .topic_detail {
        margin-bottom: 1rem;
        text-indent: 30px;
        padding-left: 20px;
    }

    #modal_condition.modal .modal-body .topic_footer {
        margin-bottom: 1rem;
        padding-left: 20px;
    }

    #modal_condition.modal .modal-body ol {
        padding-left: 0;
        list-style: none;
        margin-bottom: 0;
    }

    #modal_condition.modal .modal-body ol li.topic {
        margin-bottom: .5rem;
        display: flex;
        font-weight: 600;
    }

    #modal_condition.modal .modal-body ol li.topic .number {
        min-width: 37px;
        padding-left: 20px;
    }

    #modal_condition.modal .modal-body ol ol li.topic {
        display: flex;
        font-weight: normal;
    }

    #modal_condition.modal .modal-body ol ol li.topic .number {
        min-width: 65px;
        padding-left: 37px;
    }

    #modal_condition.modal .modal-body ol ol li.topic .number_sub {
        min-width: 85px;
        padding-left: 65px;
    }

    #modal_condition.modal .modal-footer,
    #modal_form_register.modal .modal-footer {
        justify-content: center;
        border-top: 0;
        padding-top: 25px;
        padding-bottom: 25px;
    }

    #modal_condition.modal .modal-footer .btn_submit,
    #modal_form_register.modal .btn_submit {
        padding: .5rem 2.5rem;
    }

    #modal_form_register.modal .modal-body {
        padding: 0 45px 30px;
    }

    #modal_form_register.modal .modal-body h6 {
        font-size: 1.1rem;
        border-bottom: 1px dashed #8A8B8A;
        padding-bottom: 7px;
        margin-bottom: 25px;
    }

    #modal_form_register.modal .btn_submit {
        background-color: #4E7BC9;
    }

    #modal_register_success.modal .modal-body {
        padding: 25px 45px 50px;
        text-align: center;
    }

    #modal_form_register.modal .modal-body .col-lg-8 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    #modal_form_register.modal .modal-body .col-lg-4 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        order: 1;
        padding-bottom: 1.5rem;
    }

    @media (min-width: 992px) {
        #modal_form_register.modal .modal-body .col-lg-8 {
            -webkit-box-ordinal-group: 1;
            -ms-flex-order: 1;
            order: 1;
        }

        #modal_form_register.modal .modal-body .col-lg-4 {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 2;
            order: 2;
            padding-bottom: 0;
        }
    }