@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&display=swap";nav{background:#fff;box-sizing:border-box;position:fixed;width:100%;height:60px;border:1px solid #CACACA;display:flex;align-items:center;justify-content:space-between;z-index:1000}@media only screen and (min-width: 768px){nav{justify-content:flex-end}}nav .left{cursor:pointer}nav .left svg{fill:#0f3f49;height:40px;width:auto}@media only screen and (min-width: 768px){nav .left{display:none}}nav .right{display:flex;align-items:center;justify-content:center;margin-right:10px;gap:5px}@media only screen and (min-width: 768px){nav .right{margin-right:40px}}nav .right .circle{color:#fff;width:25px;height:25px;background:#1e73be;border-radius:100px;display:flex;align-items:center;justify-content:center}nav .right .circle svg{fill:#fff;height:15px;width:100%}nav .right .name{font-weight:500;font-size:12.5px;color:#000000b3}.sidebar{display:flex;flex-direction:column;justify-content:flex-start;background:#0F3F49;position:fixed;width:100%;height:100vh;left:0px;top:0px;bottom:0px;z-index:1000}.sidebar.hide{display:none}@media only screen and (min-width: 768px){.sidebar{gap:50px;width:245px}.sidebar.hide{display:flex}}.sidebar .closeBtn{cursor:pointer}.sidebar .closeBtn svg{fill:#fff;width:30px;height:auto;float:right;margin:10px 20px}@media only screen and (min-width: 768px){.sidebar .closeBtn{display:none}}.sidebar a{all:unset;cursor:pointer}.sidebar a .logo{width:190px;height:auto;margin:40px auto;display:block}.sidebar .link-list{color:#fff}.sidebar .link-list ul{padding-right:40px}.sidebar .link-list ul li a{all:unset;width:80%;display:block;color:#fff;cursor:pointer;padding:11px 32px;margin:10px auto;font-weight:500}.sidebar .link-list ul li a:hover,.sidebar .link-list ul li a.active{background:#1e73be;border-radius:0 12px 12px 0}.form{flex:1.5;padding:30px;z-index:900}.form .field{display:flex;flex-direction:column;margin:25px auto}.form .field .radio{display:flex;align-items:center;justify-content:flex-start;gap:15px;flex-direction:row}.form .field .radio label{margin-bottom:0}.form .field label{font-weight:700;margin-bottom:10px}.form .field input,.form .field textarea,.form .field select{transition:.1s;background:#fff;font-size:14px;height:40px;border:unset;padding:1px 10px}.form .field input:active,.form .field input:focus,.form .field input:valid,.form .field textarea:active,.form .field textarea:focus,.form .field textarea:valid,.form .field select:active,.form .field select:focus,.form .field select:valid{outline:none;border-bottom:3px solid #0F3F49}.form .field input:invalid,.form .field textarea:invalid,.form .field select:invalid{border-bottom:1px solid rgba(0,0,0,.1)}.form .button-wrapper{transition:.3s;display:flex;gap:15px;flex-wrap:wrap}.form .button-wrapper .button{all:unset;transition:.3s;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 32px;gap:10px;background:#0F3F49;border-radius:4px;color:#fff;font-size:14px;cursor:pointer;border:none;flex-grow:1;flex-shrink:0}.form .button-wrapper .button.selected,.form .button-wrapper .button:hover{background:#1e73be}.form .button-wrapper .button.google{font-weight:700;background:rgba(0,0,0,.5)}.form .button-wrapper .button.google:hover{background:rgba(0,0,0,.8)}.alert{color:#e50101cc;font-weight:600}*{margin:0;padding:0;font-family:DM Sans,sans-serif}html{background:#F5F5F5}.hide{display:none}.main-content-wrapper{position:absolute;width:calc(100% - 20px);top:70px;left:10px}@media only screen and (min-width: 768px){.main-content-wrapper{top:120px;left:380px;width:calc(100% - 380px)}}.regular-content{max-wdith:100%}@media only screen and (min-width: 768px){.regular-content{max-width:calc(100% - 60px);width:calc(100% - 60px)}}.regular-content .title{font-weight:700;font-size:28px;line-height:36px;color:#525461}.regular-content .my-content{position:relative;overflow:hidden;min-width:100%;min-height:400px;background:#FFFFFF;border:1px solid #CACACA;margin:20px auto}.message{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.d-flex{display:flex}.side-image{flex:1;z-index:100}.side-image img{display:block;margin:auto;width:auto;height:200px}@media only screen and (min-width: 768px){.side-image img{height:350px}}.side-image svg{position:absolute;top:0;right:-35%;height:100%;width:100%;z-index:200;display:none}@media only screen and (min-width: 768px){.side-image svg{display:block}}.login-wrapper{flex-direction:column-reverse;padding:25px 15px}@media only screen and (min-width: 768px){.login-wrapper{flex-direction:unset;padding:unset}}.dataTables_wrapper{width:100%;padding:20px}.dataTables_wrapper .row{width:100%;margin:40px 0}.dtable{width:100%;border-collapse:collapse;padding-top:30px}.dtable th,.dtable td{padding:12px 8px;text-align:left;vertical-align:top}.dtable thead{height:50px}.dtable thead th{background-color:#1e73be;color:#fff;vertical-align:middle}.dtable tbody{color:#000c}.dtable tbody tr td{padding:15px 8px}.dtable tbody tr:nth-child(even){background:#F5F5F5}.product-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;flex-grow:1;z-index:200}.product-preview h3{color:#000c}.product-preview h4{color:#000000b3;font-weight:500}.product-preview h5{margin-top:7px;color:#000000b3;font-weight:300}.product-preview div{margin-top:15px;z-index:300}.product-preview div a{all:unset;color:#0f3f49;cursor:pointer;font-weight:700;font-size:11px;text-transform:uppercase;margin-top:12px;-webkit-font-smoothing:antialiased;background:#ccc;padding:7px 10px;border-radius:12px}.card-detail{box-shadow:0 1px 4px #74749b61;padding:10px 20px}.card-detail h4{font-weight:500;color:#1e73be}.text-center{text-align:center!important}.dataTables_paginate{text-align:center;margin-top:20px}.pagination{display:inline-block;padding-left:0;margin:0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.paginate_button .page-item .active:hover,.dataTables_wrapper .dataTables_paginate .paginate_button:hover,.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2!important;color:#fff!important;cursor:default;background-color:#337ab7!important;background:#337ab7!important;border-color:#337ab7}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.basic-detail-user{background-color:#f5f5f5;padding:20px;border-radius:4px;box-shadow:0 2px 4px #0000001a;flex-grow:1;flex:2}.basic-detail-user:nth-child(2){flex:1.5}.basic-detail-user h4{font-weight:500;font-size:20px;margin-bottom:10px;color:#333}.basic-detail-user h3{font-size:18px;margin-bottom:5px;color:#555;font-weight:300}.basic-detail-user h3 strong{font-weight:700;color:#1e73be}.basic-detail-user h3 strong a{all:unset;cursor:pointer}td a{all:unset;color:#1e73be;cursor:pointer;font-weight:500}