:root{--primary-color: #3E67B2;--secondary-color: #211F2D;--gray-100: #F7F7F7;--gray-200: #D1D2D4;--gray-400: #797D83;--gray-500: #4E535A;--gray-600: #222831;--white: #FFFFFF;--black: #000000;--peach-color: #FAEEE9;--lavender-color: #E5E9F2;--mintCream-color: #F5F7EA;--danger-color: #FF1C1C;--pink-color: #FFF5F5;--bg-color: #fafafa;--border-color: #F2F2F2;--line-height120: 120%;--line-height150: 150%;--border-radius4: 4px;--border-radius8: 8px;--border-radius12: 12px;--border-radius16: 16px}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}button,input,textarea,a{cursor:pointer;outline:none;background:unset;text-decoration:none}button:focus,input:focus,textarea:focus,a:focus{outline:none}a{text-decoration:none;color:inherit}html{scroll-behavior:smooth;font-size:100%}ul,li{list-style:none;padding:0;margin:0}body{margin:0;padding:0;font-family:Roboto;overflow-x:hidden!important}.ant-picker-dropdown{left:76%!important}.ant-spin .ant-spin-dot-item{background-color:var(--primary-color)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--primary-color)}::-webkit-scrollbar-thumb{background:var(--gray-200)}::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.ant-card-body:before,.ant-card-body:after{content:unset!important}.ant-form-item-row{flex-direction:column;align-items:flex-start}.ant-form-item-label>label{color:var(--gray-500)!important;font-weight:400;line-height:var(--line-height150);text-transform:capitalize;margin-block-end:.25rem;font-size:1rem!important}.ant-form-item .ant-form-item-control{width:100%;min-height:auto}.ant-checkbox .ant-checkbox-inner,.ant-checkbox .ant-checkbox-inner:hover,.ant-checkbox-wrapper:hover .ant-checkbox-inner{border:1px solid var(--gray-400)!important;background-color:var(--white)!important}.ant-checkbox .ant-checkbox-inner:after{border:2px solid var(--gray-400);border-top:0;border-inline-start:0}.ant-modal{width:50%!important}.modalBox{padding:2rem 1.5rem;border-radius:var(--border-radius8);background-color:var(--pink-color);display:flex;align-items:center;justify-content:flex-start;margin-block:1.5rem;position:relative;color:var(--gray-400)}.modalBox:before{position:absolute;content:"";left:0;top:0;height:100%;width:5px;background-color:var(--danger-color);border-top-left-radius:var(--border-radius12);border-bottom-left-radius:var(--border-radius12)}.modalBox>img{margin-inline-end:1rem}.modal--btns{display:flex;align-items:center;justify-content:flex-end}.modal--btns>button:first-child{margin-inline-end:1rem}.modal--signature{width:100%;height:250px;border-radius:5px;border:1px dashed var(--gray-400);background:var(--bg-color);margin-block:2rem;position:relative}.modal--signature div.signature-wrapper{position:relative;width:600px;height:200px;border-bottom:1px solid var(--gray-200);margin-inline:auto}.modal--signature div .signature{position:absolute;width:100%;height:100%}.modal--signature button{position:absolute;right:.5rem;bottom:.5rem;color:var(--gray-400)!important}.modal--signature button:hover{background-color:transparent!important}.signature--color{display:flex;align-items:center;justify-content:space-between}.signature--color>div,.signature--color>div .colors{display:flex;align-items:center}.signature--color button{width:30px;height:30px;border-radius:50%;border:none;margin-inline-start:.75rem}.signature--color button:first-child{background-color:var(--secondary-color);margin-inline-start:1.25rem}.signature--color button:nth-child(2){background-color:#1dc053}.signature--color button:last-child{background-color:var(--primary-color)}.modal--entrance .ant-modal-body{width:80%;margin-inline:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.modal--entrance .ant-modal-body>h1{color:var(--primary-color);margin-block:1.5rem 1rem}.modal--entrance .ant-modal-body>span{color:var(--gray-600);font-size:22px;font-weight:500}.modal--entrance .ant-modal-body>p{color:var(--gray-600);margin-block:1.25rem;display:flex;align-items:center;font-size:18px}.modal--entrance .ant-modal-body .numberVerify{display:flex;flex-direction:column;align-items:center}.modal--entrance .ant-modal-body .numberVerify ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.modal--entrance .ant-modal-body .numberVerify ul li{margin:10px;flex-basis:calc(20% - 20px)}.modal--entrance .ant-modal-body .numberVerify ul li>div{margin-bottom:0}.modal--entrance .ant-modal-body .numberVerify ul li input{text-align:center;height:70px;font-size:25px;font-weight:600;color:var(--primary-color)}.modal--entrance .ant-modal-body .numberVerify .time p{margin-block:.5rem 1rem;text-align:center;display:flex;align-items:center;justify-content:center;font-size:20px}.modal--entrance .ant-modal-body .numberVerify .time p>button{padding-inline:.5rem;text-decoration:underline;font-size:18px;color:var(--primary-color)}ul.ant-pagination{margin-top:2rem}ul.ant-pagination li{border:1px solid var(--gray-200)!important;border-radius:2px!important;background-color:var(--white)!important}.ant-pagination .ant-pagination-item-active{border-color:var(--primary-color)!important}.ant-pagination .ant-pagination-item-active a{color:var(--primary-color)!important}ul.ant-pagination .ant-pagination-next .ant-pagination-item-link,ul.ant-pagination .ant-pagination-prev .ant-pagination-item-link{border-radius:2px!important}.notification--container .ant-popover-arrow{display:none}.ant-popover-inner{height:300px;overflow-y:auto;background-color:var(--gray-100)!important}.notification--header,.notification--subHeader,.notification--container ul li:not(:last-child){padding-block:.5rem;border-bottom:1px solid var(--gray-200)}.notification--subHeader{display:flex;align-items:center;justify-content:space-between}.notification--subHeader button{color:var(--primary-color)}.notification--container ul li{padding-block:.75rem;display:flex;align-items:flex-start;justify-content:space-between}.notification--container ul li div{width:90%;display:flex;align-items:flex-start}.notification--container ul li p{margin-inline:.25rem}.notification--container ul li.read{opacity:.5}@media screen and (max-width: 992px){.ant-modal{width:80%!important}.modal--signature div.signature-wrapper{width:auto}}@media screen and (max-width: 768px){.signature--color{flex-direction:column}}@media screen and (max-width: 425px){.ant-modal{width:95%!important}.ant-popover-content{left:15%;width:250px}.notification--header h3{font-size:14px}.notification--subHeader button,.notification--subHeader>div,.notification--container ul li p{font-size:12px}.notification--container ul li>img{width:18px}}