.box-router{display:flex}.box-router .body-box,.box-router .side-bar-box{max-height:100vh;overflow-x:hidden;overflow-y:auto;background-color:#fff}.box-router .side-bar-box{transition:all .4s;z-index:1}.box-router .body-box{flex:1 1;background-color:#f7f7f7}.box-router .header-page{display:flex;align-items:center;margin-bottom:20px;font-weight:700;justify-content:flex-start;font-size:34px;color:#08205e}.content-loading{width:100vw}.page-crud .table-crud .icon-control{cursor:pointer;padding:10px;border-radius:999px}.page-crud .table-crud .icon-control:hover{background-color:#ddd}.page-crud .table-crud .icon-control.delete{color:red}.box-body{background-color:#fff;border-radius:8px}.box-body .page-crud{padding:20px}.top{margin-bottom:20px;display:flex;justify-content:flex-end}.content-popover{min-width:150px}.content-popover .action{padding:10px;cursor:pointer}.content-popover .action:hover{background-color:rgba(0,191,166,.2862745098);transition:all .4s}.content-popover .action.edit{color:#64b0dd}.content-popover .action.delete{color:red}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.w-100{width:100%}.ant-message .ant-message-notice .ant-message-notice-content{padding:0}.ant-message .ant-message-notice .ant-message-notice-content .ant-message-custom-content{padding:8px 24px}.ant-message .ant-message-notice .ant-message-notice-content .ant-message-custom-content.ant-message-error{background:#eb5c52;color:#fff}.ant-message .ant-message-notice .ant-message-notice-content .ant-message-custom-content.ant-message-success{background:#12a32a;color:#fff}.ant-message .ant-message-notice .ant-message-notice-content .ant-message-custom-content.ant-message-warning{background:#ffc107;color:#fff}.ant-message .ant-message-notice .ant-message-notice-content .anticon{display:none}.loading{display:inline-block;width:80px;height:80px}.loading:after{content:"";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border-color:#08205e transparent;border-style:solid;border-width:6px;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.content-loading{width:100%;height:100vh;justify-content:center}.content-loading,.popover-custom-default{display:flex;align-items:center}.ant-popover-content{border-radius:9px;overflow:hidden;box-shadow:0 0 5px 3px rgba(0,0,0,.11)}.ant-popover-content .ant-popover-inner{border-radius:6px}.ant-popover-content .ant-popover-inner .ant-popover-inner-content,.ant-popover-content .ant-popover-inner .ant-popover-title{padding:0}.select-custom-default{width:100%;min-height:50px}.select-custom-default .ant-select-selector{height:100%;min-height:50px}.select-custom-default .ant-select-selection-item{display:flex;justify-content:flex-start;align-items:center;color:#495163}.select-custom-default .ant-select-arrow{color:#08205e;transform:rotate(180deg);font-weight:700}.select-custom-default.ant-select-single.ant-select-open .ant-select-selection-item{opacity:1}.select-custom-default:not(.ant-select-customize-input) .ant-select-selector{height:100%;border-radius:5px;border:.75px solid rgba(8,32,94,.3);box-sizing:border-box;color:#08205e}.select-custom-default.ant-select-show-arrow:active .ant-select-selector,.select-custom-default.ant-select-show-arrow:focus .ant-select-selector,.select-custom-default.ant-select-show-arrow:hover .ant-select-selector,.select-custom-default.ant-select-show-arrow:visited .ant-select-selector{opacity:1;border-color:#08205e}.select-custom-default.ant-select-show-arrow::placeholder{color:rgba(8,32,94,.5)}.select-custom-default .ant-select-selector{height:100%!important;border-radius:9px!important}.select-custom-default .ant-select-selector .ant-select-selection-placeholder{color:#08205e;display:flex;align-items:center}.select-custom-default .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input{height:100%!important}.button-custom-default{height:50px;border-radius:5px;border:1px solid #08205e;background:#fff;color:#08205e;text-align:center;min-width:100px}.button-custom-default:active,.button-custom-default:focus,.button-custom-default:hover,.button-custom-default:visited{border:1px solid rgba(8,32,94,.6);color:rgba(8,32,94,.6)}.button-custom-default.ant-btn-basic{background:#e9ecf4;color:#08205e;border:#e9ecf4}.button-custom-default.ant-btn-basic:active,.button-custom-default.ant-btn-basic:focus,.button-custom-default.ant-btn-basic:hover,.button-custom-default.ant-btn-basic:visited{background:rgba(8,32,94,.6)}.button-custom-default.ant-btn-primary{background:#08205e;color:#fff;border:#08205e}.button-custom-default.ant-btn-primary:active,.button-custom-default.ant-btn-primary:focus,.button-custom-default.ant-btn-primary:hover,.button-custom-default.ant-btn-primary:visited{background:#08205e}.ant-btn-basic:hover{color:#fff}.input-custom-default{border-radius:5px}.ant-input-suffix{margin:auto 11px auto 0}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{color:#08205e!important}.modal-custom-default{top:70px;margin:0 auto;width:768px}.modal-custom-default .ant-modal-header .ant-modal-title{color:#08205e;font-weight:700;font-size:18px}.modal-custom-default .ant-modal-content{border-radius:10px!important;overflow:hidden}.modal-custom-default .ant-modal-content .ant-modal-close{color:#000}.modal-custom-default .ant-modal-content .ant-modal-footer{display:none}.ant-modal-close-x{color:#08205e}.box{position:relative;width:100%}.box .label{color:#08205e;font-weight:700}.box .field-content .error-message{text-align:left;font-size:12px;color:red;min-height:18px;height:auto;margin-top:3px;margin-bottom:0}.box.inline{display:flex;align-items:center}.box.inline .label{width:150px;font-weight:600;font-size:15px;margin-bottom:0;letter-spacing:.29px;color:#272727}.box.inline .field-content{flex:1 1;min-width:0}.box.inline .field-content .error-message{height:auto}.modal-change-pass{display:flex;justify-content:center;align-items:center;background-attachment:fixed}.modal-change-pass .ant-modal-content{width:400px}.modal-change-pass .form-change-pass{display:flex;justify-content:center}.modal-change-pass .form-change-pass .content{display:flex;flex-direction:column;border-radius:5px;color:#000;background-color:#fff;width:100%}.modal-change-pass .form-change-pass .content .top{display:flex;justify-content:center;align-items:center;flex-direction:row;margin-bottom:20px}.modal-change-pass .form-change-pass .content .top .logo{width:50px;height:50px}.modal-change-pass .form-change-pass .content .top .name{margin-left:20px;font-weight:700;font-size:26px}.modal-change-pass .form-change-pass .content .title{color:#2196f3;font-size:35px;text-align:center}.modal-change-pass .form-change-pass .content .description{text-align:center;font-size:14px;font-weight:400;margin-bottom:10px}.modal-change-pass .form-change-pass .content .field-change-pass .field{background-color:transparent;border-color:#7f7f7f;width:100%}.modal-change-pass .form-change-pass .content .field-change-pass .remember span:last-child{font-size:1rem;font-weight:400;line-height:1.5}.modal-change-pass .form-change-pass .content .change-pass{display:flex;justify-content:flex-end;margin-top:20px}.modal-change-pass .form-change-pass .content .change-pass .btn-close{outline:none;height:40px;margin-right:20px;width:100px}.modal-change-pass .form-change-pass .content .change-pass .btn-change-pass{color:#fff;width:100px;height:40px}@media only screen and (max-width:767px){.modal-change-pass .form-change-pass,.modal-change-pass .form-change-pass .content{width:100%;padding:20px}.modal-change-pass .form-change-pass .content .field-change-pass{padding:0 100px}}@media only screen and (max-width:575px){.modal-change-pass .form-change-pass,.modal-change-pass .form-change-pass .content{width:100%;padding:20px}.modal-change-pass .form-change-pass .content .field-change-pass{padding:0}}.input-custom-default{height:50px;border-radius:7px!important;border:.75px solid rgba(8,32,94,.3);box-sizing:border-box;color:#08205e}.input-custom-default:active,.input-custom-default:focus,.input-custom-default:hover,.input-custom-default:visited{opacity:1;border-color:#08205e}.input-custom-default::placeholder{color:rgba(8,32,94,.5)}.input-custom-default input{color:#08205e}.input-custom-default input::placeholder{color:#08205e;opacity:.5}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.modal-profile{display:flex;justify-content:center;align-items:center;background-attachment:fixed}.modal-profile .ant-modal-content{width:400px}.modal-profile .form-profile{display:flex;justify-content:center}.modal-profile .form-profile .content{display:flex;flex-direction:column;border-radius:5px;color:#000;background-color:#fff;width:100%}.modal-profile .form-profile .content .top{display:flex;justify-content:center;align-items:center;flex-direction:row;margin-bottom:20px}.modal-profile .form-profile .content .top .logo{width:50px;height:50px}.modal-profile .form-profile .content .top .name{margin-left:20px;font-weight:700;font-size:26px}.modal-profile .form-profile .content .title{color:#2196f3;font-size:35px;text-align:center}.modal-profile .form-profile .content .description{text-align:center;font-size:14px;font-weight:400;margin-bottom:10px}.modal-profile .form-profile .content .field-profile .avatar,.modal-profile .form-profile .content .field-profile .avatar .label{margin-bottom:10px}.modal-profile .form-profile .content .field-profile .avatar .box-avatar{display:flex;justify-content:center}.modal-profile .form-profile .content .field-profile .avatar .box-avatar img{width:100px;height:100px;border-radius:999px;cursor:pointer}.modal-profile .form-profile .content .field-profile .field{background-color:transparent;border-color:#7f7f7f;width:100%}.modal-profile .form-profile .content .field-profile .remember span:last-child{font-size:1rem;font-weight:400;line-height:1.5}.modal-profile .form-profile .content .profile{display:flex;justify-content:flex-end;margin-top:20px}.modal-profile .form-profile .content .profile .btn-close{outline:none;height:40px;margin-right:20px;width:100px}.modal-profile .form-profile .content .profile .btn-profile{color:#fff;width:100px;height:40px}@media only screen and (max-width:767px){.modal-profile .form-profile,.modal-profile .form-profile .content{width:100%;padding:20px}.modal-profile .form-profile .content .field-profile{padding:0 100px}}@media only screen and (max-width:575px){.modal-profile .form-profile,.modal-profile .form-profile .content{width:100%;padding:20px}.modal-profile .form-profile .content .field-profile{padding:0}}.header{height:80px;background:#08205e;justify-content:space-between;padding:0 40px;color:#fff}.header,.header .left{display:flex;align-items:center}.header .left .box-select-center .select-center{height:40px;width:250px}.header .left .box-select-center .select-center .ant-select-selector{height:100%;background-color:hsla(0,0%,100%,.2);border-radius:999px!important;border-color:transparent}.header .left .box-select-center .select-center .ant-select-arrow .anticon-down,.header .left .box-select-center .select-center .ant-select-selector .ant-select-selection-item{color:#fff}.header .left .toggle-menu .icon-toggle{cursor:pointer;padding:10px;font-size:25px;margin-right:20px;border-radius:999px;background-color:#fff;color:#08205e}.header .right{display:flex;align-items:center}.header .right .popover-account{cursor:pointer}.header .right .logo{width:45px;height:45px;border-radius:999px;overflow:hidden}.header .right .logo img{width:100%;height:100%;object-fit:cover;border-radius:999px}.header .right .name{font-size:20px;color:#fff;margin-left:10px}.content-account{padding:10px}.content-account .link{margin-bottom:5px;padding:8px 5px;width:100%;display:block;cursor:pointer;color:#505c67}.content-account .link:hover{background-color:rgba(8,32,94,.1215686275)}.content-account .logout{width:100%}@media(max-width:425px){.header{padding:0}}.side-bar{min-height:100vh;width:280px;margin-left:-350px;opacity:0;transition:all .3s linear}.side-bar.open{margin-left:0;opacity:1}.side-bar .side-open{display:flex;flex-direction:column;width:100%;height:100%}.side-bar .side-open .top-logo{padding:0 30px 20px;height:-moz-fit-content;height:fit-content;border-bottom:1px solid #e4e7ed;margin-bottom:40px}.side-bar .side-open .top-logo .logo{width:100%;display:flex;justify-content:center}.side-bar .side-open .top-logo .logo img{width:200px;height:80px;object-fit:contain}.side-bar .side-open .top-avatar{border-bottom:1px solid #e4e7ed;margin-bottom:40px;height:-moz-fit-content;height:fit-content;text-align:center;padding:0 20px 40px}.side-bar .side-open .top-avatar .name{font-weight:700;margin-bottom:20px;color:#495163;font-size:18px}.side-bar .side-open .top-avatar .avatar{overflow:hidden;border-radius:999px;display:flex;-webkit-display:flex;justify-content:center;-webkit-justify-content:center}.side-bar .side-open .top-avatar .avatar img{width:100px;height:100px;object-fit:cover;border-radius:999px;box-shadow:0 0 2px 0 #d1d1d1}.side-bar .side-open .business{font-weight:700;font-size:17px;padding:20px 0 20px 20px}.side-bar .side-open .body-route{width:100%}.side-bar .side-open .body-route .link{padding:10px 0;border-left:10px solid transparent;display:block}.side-bar .side-open .body-route .link.active{border-color:#08205e;background-color:#ced2df}.side-bar .side-open .body-route .link.active .route-name{color:#08205e}.side-bar .side-open .body-route .link .route-name{margin-left:20px;font-size:16px;color:#495163}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-content .top{display:flex;justify-content:space-between;align-items:flex-start;grid-gap:20px;gap:20px;margin-bottom:20px;flex-wrap:wrap}@media(max-width:768px){.page-content .top{flex-direction:column;align-items:stretch;grid-gap:15px;gap:15px}}.page-content .action-buttons{display:flex;grid-gap:12px;gap:12px;align-items:center;flex-wrap:wrap}.page-content .action-buttons button{margin:0}@media(max-width:480px){.page-content .action-buttons{justify-content:center}}.page-content .export-section-global{margin-left:auto}@media(max-width:768px){.page-content .export-section-global{margin-left:0;width:100%}}.page-with-form .form-section{margin-bottom:20px}.page-with-form .export-section-global{margin:20px 0;width:100%}.box-body .top,.box-student .top,.page-centers .top,.page-crud .top{display:flex;justify-content:space-between;align-items:flex-start;grid-gap:20px;gap:20px;margin-bottom:20px;flex-wrap:wrap}@media(max-width:768px){.box-body .top,.box-student .top,.page-centers .top,.page-crud .top{flex-direction:column;align-items:stretch;grid-gap:15px;gap:15px}}.box-body .action-buttons,.box-student .action-buttons,.page-centers .action-buttons,.page-crud .action-buttons{display:flex;grid-gap:12px;gap:12px;align-items:center;flex-wrap:wrap}.box-body .action-buttons button,.box-student .action-buttons button,.page-centers .action-buttons button,.page-crud .action-buttons button{margin:0}@media(max-width:480px){.box-body .action-buttons,.box-student .action-buttons,.page-centers .action-buttons,.page-crud .action-buttons{justify-content:center}}.box-body .export-section-global,.box-student .export-section-global,.page-centers .export-section-global,.page-crud .export-section-global{margin-left:auto}@media(max-width:768px){.box-body .export-section-global,.box-student .export-section-global,.page-centers .export-section-global,.page-crud .export-section-global{margin-left:0;width:100%}}