:root {
        --color-primary_1: #2B3674;
        --color-primary_2: #4318FF;
        --color-primary_3: #FFFFFF;
        --color-primary_4: #A3AED0;

        --color-red: #ed1441;
        --color-darkgrey: #A3AED0;
        --color-grey: #E0E5F2;
        --color-lightgrey: #F4F7FE;
    }

    *{font-family:'DM Sans', sans-serif; box-sizing: border-box; color:#333333;}
    html{margin:0; padding:0; width:100%; height:100%; min-height:100%; }
    body{margin:0; padding:0; width:100%; height:100%; min-height:100%; }
    #mallua_page{margin:0; padding:0; width:100%; height:100%; min-height:100%;}

    div{display:flex; flex-direction:row; align-items:center; justify-content:center;}
    p{margin:0; padding:0;}
    a{text-decoration:none;}
    a:hover{text-decoration:underline;}

    .hidden{display:none;}

    .mt0{margin-top:0 !important;}
    .mt5{margin-top:5px !important;}
    .mt10{margin-top:10px !important;}
    .mt20{margin-top:20px !important;}
    .mt30{margin-top:30px !important;}
    .mt40{margin-top:40px !important;}
    .mt50{margin-top:50px !important;}
    .mt60{margin-top:60px !important;}
    .mt70{margin-top:70px !important;}

    .ml0{margin-left:0 !important;}
    .ml5{margin-left:5px !important;}
    .ml10{margin-left:10px !important;}
    .ml20{margin-left:20px !important;}
    .ml30{margin-left:30px !important;}
    .ml40{margin-left:40px !important;}
    .ml50{margin-left:50px !important;}
    .ml60{margin-left:60px !important;}
    .ml70{margin-left:70px !important;}

    .ptb5{padding-top:5px !important; padding-bottom:5px !important;}
    .ptb10{padding-top:10px !important; padding-bottom:10px !important;}
    .ptb20{padding-top:20px !important; padding-bottom:20px !important;}
    .ptb30{padding-top:30px !important; padding-bottom:30px !important;}
    .ptb40{padding-top:40px !important; padding-bottom:40px !important;}
    .ptb50{padding-top:50px !important; padding-bottom:50px !important;}

    .pb5{padding-bottom:5px !important;}

    .red{color:var(--color-red) !important;}

    .content_global__menu_path{flex:0 0 290px; height:100%; flex-direction:column; align-items: center; justify-content: flex-start; background:var(--color-primary_3);}
        .content_global__menu_path__logo_path{flex:0 0 auto; width:100%; margin:60px 0 52px 0; align-items:flex-start; justify-content:flex-start; }
            .content_global__menu_path__logo_text{font-size: 18px; color:var(--color-primary_1); font-weight:700; margin:0 0 0 54px;}
        .content_global__menu_path__add_path{flex:0 0 80px; width:100%; margin:0; border:1px solid var(--color-grey); border-width:1px 0 1px 0;}
            .content_global__menu_path__add_order{flex:0 0 80%; height:35px; border-radius:12px; background: var(--color-lightgrey); }
        .content_global__menu_path__list_path{flex:0 0 auto; width:100%; margin:20px 0 0 0; flex-direction:column; align-items:flex-start; }
            .content_global__menu_path__row{width:100%; flex:0 0 35px; margin:10px 0 0 0; justify-content:flex-start; }
            .content_global__menu_path__row.act{border-right:4px solid var(--color-primary_2);}
                .content_global__menu_path__row__icon{width:24px; height:24px; margin:0 0 0 10%;}
                .content_global__menu_path__row__text{height:24px; text-align: left; margin:0 0 0 10px;}


    #content_auth{margin:0; padding:0; width:100%; height:100%; min-height:100%;}

        .content_auth__left_path{flex:0 0 50%; height:100%;}
            .content_auth__left_path{flex:0 0 50%; justify-content:flex-end; height:100%;}
                .content_auth__left_content{position:relative; display:flex; flex:0 0 420px; height:100%; margin-right:30%; flex-direction: column;}
                .content_auth__left_path_pusher{flex:1 1 40%}
                    .content_auth__form{position:relative; width:100%; height:300px; flex-direction:row; align-items:flex-start; justify-content:flex-start; overflow:hidden;}
                        .content_auth__form__container_1{flex:0 0 100%; height:300px; flex-direction:column; justify-content:flex-start; overflow:hidden;}
                        .content_auth__form__container_2{flex:0 0 100%; height:300px; flex-direction:column; justify-content:flex-start; overflow:hidden;}
                        .content_auth__form__control_path{flex:0 0 auto; width:100%; flex-direction:row;}
                    .content_auth__error_path{position:relative; width:100%; flex-direction:column; height:100px;}
                        .content_auth__error_content{display:none; width:100%; height:100%; border:1px solid #ffacac; border-radius:16px; font-size:14px; text-align: center; }

        .content_auth__right_path{flex:0 0 50%; justify-content:flex-start; height:100%; background:var(--color-primary_2); border-radius:0 0 0 200px;}
            .content_auth__right_content{position:relative; flex:1 1 100%; max-width: 1000px; flex-direction: column; height:100%;}
                .content_auth__bottom_path{position:absolute; display:flex; bottom:0; width:100%; height:180px;}
                    .content_auth__bottom_pusher{flex:1 1 40%}
                    .content_auth__bottom_a,.content_auth__bottom_a:hover{flex:0 0 auto; padding:0 40px; font-size:14px; text-align:center; color:var(--color-primary_3) !important; text-decoration:none;}

        .content_auth__title{flex:0 0 100%; display:flex; justify-content: center; align-items: center; width:100%; font-size:144px; font-weight: 700; color:var(--color-primary_3); }
        .content_auth__title_2{flex:0 0 auto; width:100%; font-size:36px; font-weight: 700; color:var(--color-primary_1); }
        .content_auth__label{width:100%;}
        .content_auth__label2{width:100%; font-size:12px; color:var(--color-darkgrey);}
        .content_auth__input__email{width:100%; height:50px; border:1px solid #E0E5F2; border-radius:16px; padding:10px 25px; font-size: 14px;}
        .content_auth__input__submit{width:100%; height:50px; background:var(--color-primary_2); border:0; border-radius:16px; padding:7px 12px; font-size: 14px; text-align:center; color:var(--color-primary_3); cursor:pointer; }
        .content_auth__input__otp{width:100%; height:50px; border:1px solid #E0E5F2; border-radius:16px; padding:10px 25px; font-size: 14px;}
        .content_auth__input__pass{width:100%; height:50px; border:1px solid #E0E5F2; border-radius:16px; padding:10px 25px; font-size: 14px;}
        .content_auth__input__check_otp{flex:70%; height:50px; margin:0 0 0 5%; background:var(--color-primary_2); border:0; border-radius:16px; padding:7px 12px; font-size: 14px; text-align:center; color:var(--color-primary_3); cursor:pointer; }
        .content_auth__input__check_pass{flex:70%; height:50px; margin:0 0 0 5%; background:var(--color-primary_2); border:0; border-radius:16px; padding:7px 12px; font-size: 14px; text-align:center; color:var(--color-primary_3); cursor:pointer; }
        .content_auth__input__back{flex:25%; height:50px; background:var(--color-primary_2); border:0; border-radius:16px; padding:7px 12px; font-size: 14px; text-align:center; color:var(--color-primary_3); cursor:pointer; }

    #content_orders{margin:0; padding:0; width:100%; height:100%; min-height:100%; background:var(--color-grey); align-items:flex-start; }
        .content_orders__path{flex:1 1 100%; height:100%; overflow:auto; flex-direction:column; justify-content: flex-start;}
            .content_orders__title_path{width:94%; height:40px; margin:60px 0 0 0; flex-direction:row; justify-content:flex-start;}
                .content_orders__path__title{flex:0 0 300px; text-align: left; justify-content: flex-start; align-items: flex-start; font-size:34px; color:var(--color-primary_1); font-weight:700;)}
                .content_orders__path__title_pusher{flex:1 1 100%;}

    @keyframes loadingAnimation {
        0% {left:0; width:0%;}
        50% {left:35%; width:50%;}
        100% {left:100%; width:100%;}
    }

    .loading-bar{display:none; position:absolute; top:0; left:0; width:100%; height:5px; overflow:hidden; background:#00000044}
    .loading-bar::before{content: ""; position:absolute; height:100%; background-color: #e25a1e; animation:loadingAnimation 5s infinite linear;}