@charset "UTF-8";*{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#132b3c}.topbar{height:50px;display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:.5rem 0;border-bottom:1px solid #e2e8f0;position:fixed;width:100%;z-index:99}.topbar__logo{font-size:1.25rem;font-weight:600;color:#2d3748}.topbar .topbar__logo{text-align:center;padding:20px;display:flex;align-items:center;gap:20px}.topbar .topbar__logo img{width:150px;height:50px}.topbar .topbar__logo svg{height:30px;width:30px;display:none;cursor:pointer}.topbar__search{flex-grow:1;max-width:400px;margin:0 1rem}.topbar__search .search-input{width:100%;padding:.5rem 1rem;background-color:#f9fafb;border:1px solid #e2e8f0;border-radius:.375rem;font-size:1rem;color:#2d3748}.topbar__right{display:flex;align-items:center;gap:10px}.topbar .notification-button-group{position:relative;margin-right:1rem}.topbar .notification-button-group .notification-button{border:none;cursor:pointer;height:35px;width:35px;display:flex;background:none}.topbar .notification-button-group .notification-button svg{height:35px;width:35px}.topbar .notification-button-group .notification-count{position:absolute;top:10px;right:-.5rem;background-color:#e53e3e;color:#fff;padding:.4rem .6rem;border-radius:50%;font-size:.6rem}.topbar .user-info{position:relative;margin-right:10px}.topbar .user-info .hidden{display:none}.topbar .user-info .user-button{display:flex;align-items:center;padding:.5rem;background-color:#edf2f7;border-radius:50%;cursor:pointer}.topbar .user-info .user-badge{display:inline-block;width:2rem;height:2rem;border-radius:50%;background-color:#4a5568;color:#fff;text-align:center;line-height:2rem;font-weight:600}.topbar .user-info .user-dropdown{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;box-shadow:0 1px 3px #0000001a;width:180px;z-index:10}.topbar .user-info .user-dropdown .user-dropdown__item{padding:.75rem 1rem;cursor:pointer;color:#4a5568;font-size:.875rem;text-decoration:none;display:block}.topbar .user-info .user-dropdown .user-dropdown__item:hover{background-color:#f7fafc}.topbar .user-info .user-dropdown .user-dropdown__item:first-child{border-bottom:1px solid #e2e8f0}.topbar .admin-button{height:25px;width:25px;border:none;display:flex;background:none}.topbar .admin-button svg{height:25px;width:25px}.topbar .hidden{display:none!important}.sidebar{width:220px;height:100vh;background-color:#fff;box-shadow:2px 0 5px #0000001a;display:flex;flex-direction:column;justify-content:space-between;position:fixed;z-index:120}.sidebar__logo{text-align:center;padding:20px;display:flex;align-items:center;gap:10px}.sidebar__logo img{width:150px;height:50px;flex:1}.sidebar__logo svg{width:30px;height:30px;flex:1;display:none;cursor:pointer}.sidebar__menu{flex-grow:1;padding:20px}.sidebar__menu ul{list-style:none;padding:0}.sidebar__menu li{margin:15px 0}.sidebar__menu a{display:flex;align-items:center;color:#4a5568;text-decoration:none;font-size:1rem;padding:10px 15px;border-radius:.375rem;transition:background-color .3s ease}.sidebar__menu a:hover,.sidebar__menu .active a{background-color:#4a5568;color:#c48f00}.sidebar__settings{padding:20px;text-align:center}.sidebar__settings a{display:block;color:#4a5568;font-size:1rem;padding:10px;border-radius:.375rem;transition:background-color .3s ease}.sidebar__settings a:hover{background-color:#f7fafc}.odc-input-group{display:flex;flex-direction:column;gap:10px;position:relative}.odc-input-group .odc-input{background-color:#f9fafb;padding:10px;font-size:16px;border:1px solid #e2e8f0;border-radius:.375rem}.odc-input-group span{color:#c48f00}.odc-input-group p{font-size:15px}.odc-input-group .viewpassword{position:absolute;bottom:2px;right:10px;cursor:pointer}.odc-input-group .viewpassword svg{height:30px;width:30px}.odc-input-group .invalid-feedback{font-size:12px;color:#e53e3e}.odc-btn-default{border:1px solid black;background-color:#f9fafb;border:1px solid #e2e8f0;padding:10px;width:200px;font-size:12px;border-radius:.375rem;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;display:flex;justify-content:center;gap:10px;align-items:center}.odc-btn-default svg{width:17px;height:17px;align-self:center}.odc-btn-default-active{background-color:#4a5568;color:#fff}.odc-btn-link{font-size:13px;text-decoration:none;transition:all .3s ease-in-out;display:flex;align-items:center;gap:5px;color:#c48f00}.odc-btn-link:hover{text-decoration:underline}.odc-btn-link svg{height:13px}.odc-btn-primary{border:1px solid black;background-color:#c48f00;border:1px solid #e2e8f0;padding:10px;width:200px;font-size:12px;border-radius:.375rem;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;display:flex;justify-content:center;gap:10px;align-items:center}.odc-btn-primary svg{width:17px;height:17px;align-self:center}.odc-btn-primary-md{border:1px solid black;background-color:#f9fafb;border:1px solid #e2e8f0;width:120px;height:40px;font-size:12px;border-radius:.375rem;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;display:flex;justify-content:center;gap:10px;align-items:center}.odc-btn-primary-md svg{width:17px;height:17px;align-self:center}.odc-btn-primary-sm{border:1px solid black;background-color:#f9fafb;border:1px solid #e2e8f0;width:100px;height:30px;font-size:10px;border-radius:.375rem;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;display:flex;justify-content:center;gap:10px;align-items:center}.odc-btn-primary-sm svg{width:17px;height:17px;align-self:center}.odc-btn-danger{background-color:#f9fafb;border:1px solid #e53e3e;padding:10px;width:200px;font-size:12px;border-radius:.375rem;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;display:flex;justify-content:center;gap:10px;align-items:center;color:#e53e3e}.odc-btn-danger svg{width:17px;height:17px;align-self:center}.odc-btn-danger-md{background-color:#f9fafb;border:1px solid #e53e3e;width:120px;height:40px;font-size:12px;border-radius:.375rem;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;display:flex;justify-content:center;gap:10px;align-items:center;color:#770000cd}.odc-btn-danger-md svg{width:17px;height:17px;align-self:center}.odc-btn-danger-sm{border:1px solid black;background-color:#f9fafb;border:1px solid #e2e8f0;width:100px;height:30px;font-size:10px;border-radius:.375rem;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;display:flex;justify-content:center;gap:10px;align-items:center}.odc-btn-danger-sm svg{width:17px;height:17px;align-self:center}.odc-table{border-collapse:collapse;border-radius:5px;width:100%}.odc-table th{background-color:#f9fafb;text-align:left;padding:10px;border:1px solid #e2e8f0;font-size:12px}.odc-table tbody tr{background-color:#fff}.odc-table tbody tr td{text-align:left;padding:10px;border:1px solid #e2e8f0;font-size:12px}.odc-table tbody tr td a,.odc-table tbody tr td button{border:1px solid black;background-color:#f9fafb;border:1px solid #e2e8f0;padding:10px;font-size:12px;border-radius:.375rem;font-weight:600;text-decoration:none;text-align:center;cursor:pointer}.odc-table tbody tr td:nth-last-child(3) p{white-space:nowrap;width:150px;overflow:hidden;text-overflow:ellipsis}.odc-table tbody tr td:nth-last-child(2) p{white-space:nowrap;width:150px;overflow:hidden;text-overflow:ellipsis}.odc-table tbody tr td:nth-last-child(1){padding:20px;flex-wrap:wrap;gap:10px}.td-50px{width:50px}.odc-table-hoverable tbody tr{transition:.3s ease-in-out;cursor:pointer}.odc-table-hoverable tbody tr:hover{background-color:#f9fafb}.odc-input-group{display:flex;flex-direction:column;gap:10px}.odc-input-group .odc-select{background-color:#f9fafb;padding:10px;font-size:16px;border:1px solid #e2e8f0;border-radius:.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.odc-toggle-group{position:relative;display:inline-block;width:60px;height:34px}.odc-toggle-group input{opacity:1;width:20px;height:20px}.odc-toggle-group input:checked+.slider{background-color:#2196f3}.odc-toggle-group input:focus+.slider{box-shadow:0 0 1px #2196f3}.odc-toggle-group input:checked+.slider:before{transform:translate(26px)}.odc-toggle-group input:checked+.slider-green{background-color:#2196f3}.odc-toggle-group input:focus+.slider-green{box-shadow:0 0 1px #2196f3}.odc-toggle-group input:checked+.slider-green:before{transform:translate(26px)}.odc-toggle-group .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.odc-toggle-group .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}.odc-toggle-group .slider-green{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:green;transition:.4s}.odc-toggle-group .slider-green:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}.odc-check-group{display:flex;flex-direction:row;gap:10px;align-items:center;font-size:15px}.odc-check-group .odc-input{background-color:#f9fafb;padding:10px;font-size:16px;border:1px solid #e2e8f0;border-radius:.375rem}.odc-dropdownsearch{position:relative;width:100%}.odc-dropdownsearch .odc-dropdown-menu{width:98%;position:absolute;background-color:#f9fafb;border-bottom:1px solid #e2e8f0;border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;gap:10px;z-index:999;padding-inline-start:50px;margin-block-start:0;padding:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.odc-dropdownsearch .odc-dropdown-menu li{list-style:none;padding:10px;transition:all .3s ease-in-out;cursor:pointer}.odc-dropdownsearch .odc-dropdown-menu li:hover{background-color:#e2e8f0}.odc-tooltip{position:relative;display:flex;justify-content:center}.odc-tooltip svg{width:20px;height:20px}.odc-tooltip .tooltiptext{visibility:hidden;width:500px;background-color:#555;color:#fff;text-align:left;border-radius:6px;padding:10px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s;white-space:pre-wrap;font-size:12px}.odc-tooltip .tooltiptext:after{content:"";position:absolute;top:100%;left:20%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent}.odc-tooltip:hover .tooltiptext{visibility:visible;opacity:1}.odc-checkbutton-group{position:relative;display:flex;justify-content:center;padding:20px;font-size:13px;height:20px;border-radius:10px;gap:10px;background-color:#f7fafc}.odc-checkbutton-group input{width:20px;height:20px;display:none}.odc-checkbutton-group input:checked+.check{border-color:#4a5568}.odc-checkbutton-group input:focus+.check{border-color:#4a5568}.odc-checkbutton-group input:checked+.check:before{transform:translate(26px)}.odc-checkbutton-group .check{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;border:2px solid transparent;border-radius:10px;transition:.4s}.alert{padding:10px 20px;border-radius:10px;margin:20px 0}.alert-success{background-color:#99d2609a;text-align:center}.alert-danger{background-color:#e913009a;color:#fff;text-align:center}.badge{padding:3px 8px;font-size:10px;border-radius:10px;margin:3px;display:flex;gap:5px;width:-moz-fit-content;width:fit-content;cursor:pointer}.badge svg{height:10px;width:10px;align-self:center}.badge-default{background-color:#ddd}.badge-completed{background-color:#016ec19a}.badge-approved,.badge-paid{background-color:#99d2609a}.badge-pending{background-color:#edad229a;color:#4f4600}.badge-declined{background-color:#d701019a;color:#fefefe}.odc-radio-group{display:flex;flex-direction:column;gap:10px;padding:10px}.odc-radio-group.horizontal{flex-direction:row;gap:1rem}.odc-radio-group .odc-radio{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odc-radio-group .odc-radio label{font-size:15px;font-weight:400}.odc-radio-group .odc-radio input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.odc-radio-group .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;border-radius:50%;display:flex;justify-content:center;align-items:center}.odc-radio-group .odc-radio:hover input~.checkmark{background-color:#c48f00}.odc-radio-group .odc-radio input:checked~.checkmark{background-color:#c48f00}.odc-radio-group .checkmark:after{content:"";opacity:0;transition:all .3s ease;transform:scale(.8)}.odc-radio-group .odc-radio input:checked~.checkmark:after{display:block;opacity:1;transform:scale(1)}.odc-radio-group .odc-radio .checkmark:after{width:9px;height:9px;border:4px solid white;border-radius:50%}.odc-radio-group label{font-size:18px;font-weight:700}.odc-checkbox-group{display:flex;flex-direction:column;gap:.5rem;padding:10px}.odc-checkbox-group.horizontal{flex-direction:row;gap:1rem}.odc-checkbox-group .odc-checkbox{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odc-checkbox-group .odc-checkbox label{font-size:15px;font-weight:400}.odc-checkbox-group .odc-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.odc-checkbox-group .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee}.odc-checkbox-group .odc-checkbox:hover input~.checkmark{background-color:#c48f00}.odc-checkbox-group .odc-checkbox input:checked~.checkmark{background-color:#c48f00}.odc-checkbox-group .checkmark:after{content:"";position:absolute;opacity:0;transition:all .3s ease-in-out}.odc-checkbox-group .odc-checkbox input:checked~.checkmark:after{opacity:1}.odc-checkbox-group .odc-checkbox .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.odc-checkbox-group label{font-size:18px;font-weight:700}.odc-range{display:flex;flex-direction:column;gap:10px;padding:10px}.odc-range input[type=range].styled-range{-webkit-appearance:none;width:100%;height:15px;background:#e0e0e0;border-radius:5px;outline:none;transition:background .3s}.odc-range input[type=range].styled-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;height:25px;background:#fff;border:3px solid #c48f00;border-radius:50%;cursor:pointer;-webkit-transition:background .3s;transition:background .3s}.odc-range input[type=range].styled-range:hover{background:#d6d6d6}.odc-range input[type=range].styled-range::-webkit-slider-thumb:hover{background:#a67c00}.odc-range .range-labels{display:flex;justify-content:space-between;margin-top:5px;font-size:13px;color:#333;padding-inline-start:5px}.odc-range .range-labels span{flex:1;text-align:center}.odc-range label{font-size:18px;font-weight:700}.rating{float:left}.rating:not(:checked)>input{position:absolute;top:-9999px;clip:rect(0,0,0,0)}.rating:not(:checked)>label{float:right;width:1em;padding:0 .1em;overflow:hidden;white-space:nowrap;cursor:pointer;font-size:200%;line-height:1.2;color:#ddd}.rating:not(:checked)>label:before{content:"★ "}.rating>input:checked~label{color:#c48f00;text-shadow:1px 1px #c48f00,2px 2px #c48f00,.1em .1em .2em rgba(0,0,0,.5)}.rating:not(:checked)>label:hover,.rating:not(:checked)>label:hover~label{color:#c48f00;text-shadow:1px 1px #c48f00,2px 2px #c48f00,.1em .1em .2em rgba(0,0,0,.5)}.rating>input:checked+label:hover,.rating>input:checked+label:hover~label,.rating>input:checked~label:hover,.rating>input:checked~label:hover~label,.rating>label:hover~input:checked~label{color:#c48f00;text-shadow:1px 1px #c48f00,2px 2px #c48f00 .1em .1em .2em rgba(0,0,0,.5)}.rating>label:active{position:relative;top:2px;left:2px}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}#status,button{margin:20px 0}.odc-card{background-color:#4a5568;height:100px;width:200px;display:flex;flex-direction:column;justify-content:center;padding:15px;border:1px solid #4a5568;border-radius:15px}.odc-card .title{font-size:12px;color:#fff}.odc-card .value{font-size:23px;color:#c48f00;font-weight:700}.web-cards{gap:20px!important;display:flex;flex-direction:column;height:-moz-fit-content!important;height:fit-content!important}.web-cards .scope{list-style-type:none;margin-inline-start:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:20px}.web-cards .scope li{font-size:15px;display:flex;justify-content:start;gap:10px}.web-cards .scope li strong{color:#c48f00}.web-cards .scope li svg{height:25px;width:25px}.web-cards .addons{margin-top:20px;list-style-type:none;margin-inline-start:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:5px}.web-cards .addons li{font-size:13px}.odc-panel{display:flex;flex-direction:column;gap:20px}.odc-column{display:flex;flex-direction:column;width:100%;gap:10px}.odc-column .odc-icon-container{width:70px;height:70px;display:flex;justify-content:center;margin:auto;background-color:#eef2ff;border-radius:100%}.odc-column .odc-icon-container svg{margin:auto;width:50px;height:50px}.odc-row{display:flex;flex-direction:row;width:100%;gap:20px}.odc-row .form-row-section{border:1px solid #e2e8f0;padding:10px}.odc-service-cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:start}.odc-service-cards .odc-sol-card{background-color:#c48f00;border-radius:10px;padding:20px;display:flex;justify-content:center;border:2px solid transparent;text-decoration:none;cursor:pointer}.odc-service-cards .odc-sol-card .title{font-size:18px;text-align:center;align-self:center;color:#111827}.odc-service-cards .odc-sol-card .description{display:none}.odc-service-cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:start;margin:20px 0}.odc-service-cards .odc-service-card{background-color:#f7fafc;border-radius:10px;padding:10px 20px;display:flex;justify-content:center;cursor:pointer}.odc-service-cards .odc-service-card .title{font-size:15px;text-align:center;align-self:center}.odc-service-cards .odc-service-card .description{display:none}.odc-service-cards .active{border:2px solid #4a5568}.odc-scope-cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:start}.odc-scope-cards .odc-scope-card{background-color:#f7fafc;border-radius:10px;width:20%;padding:10px 20px;height:100px;display:flex;justify-content:center;cursor:pointer}.odc-scope-cards .odc-scope-card .title{font-size:20px;text-align:center;align-self:center}.odc-scope-cards .odc-scope-card .description{display:none}.odc-complex-cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:start}.odc-complex-cards .odc-complex-card{background-color:#f7fafc;border-radius:10px;flex:1;padding:10px 20px;display:flex;cursor:pointer;flex-direction:column;position:relative}.odc-complex-cards .odc-complex-card .title{text-align:center;align-self:center}.odc-complex-cards .odc-complex-card .description{display:none}.odc-complex-cards .odc-complex-card .odc-scopes{display:flex;flex-direction:column}.odc-complex-cards .odc-complex-card .odc-scopes .items{margin:10px 0;display:flex;flex-direction:row;gap:10px}.odc-complex-cards .odc-complex-card .odc-scopes .items p:nth-child(1){justify-content:start;display:flex;font-size:15px}.odc-complex-cards .odc-complex-card .odc-scopes .items p:nth-child(2){margin:5px 0;font-size:13px;color:#4a5568}.odc-complex-cards .odc-complex-card .remove{opacity:0;display:flex;position:absolute;top:-10px;right:-10px;background-color:#4a5568;width:18px;height:18px;pointer-events:none;justify-content:center;color:#fff;font-size:10px;line-height:16px;border-radius:100%;transition:all .3s ease-in-out;cursor:pointer}.odc-complex-cards .odc-complex-card .remove:hover{transform:scale(1.2);font-size:12px}.odc-complex-cards .odc-scopes{display:flex;flex-direction:column}.odc-complex-cards .odc-scopes .items{margin:10px 0;display:flex;flex-direction:row;gap:10px}.odc-complex-cards .odc-scopes .items p:nth-child(1){justify-content:start;display:flex;font-size:15px}.odc-complex-cards .odc-scopes .items p:nth-child(2){margin:5px 0;font-size:13px;color:#4a5568}.odc-complex-cards .active{pointer-events:auto!important;opacity:1!important;border:2px solid #4a5568}.remove-complexity{background-color:#e53e3e;color:#fff;padding:5px 10px;font-size:10px;line-height:10px;border-radius:20px;align-items:center;cursor:pointer;display:flex;gap:10px}.remove-complexity svg{height:12px;fill:#fff;color:#fff;stroke:#fff}.odc-section{margin:30px auto 0;border-radius:10px;padding:20px;background-color:#fff}.odc-main-container{background-color:#f7fafc}.odc-notif-contianer{max-height:350px;width:350px;position:absolute;z-index:300;background-color:#fff;top:30px;left:-320px;box-shadow:5px 10px 20px .1px #2a2a2a3c;border-radius:10px;padding:10px}.odc-notif-contianer .notif-details{max-height:320px;width:100%;overflow-y:auto}.odc-notif-contianer .notif-details ul{list-style:none;padding-inline-start:0}.odc-notif-contianer .notif-details ul li{padding:10px;gap:2px;display:flex;flex-direction:column;border-bottom:1px solid #e2e8f0;cursor:pointer}.odc-notif-contianer .notif-details ul li:hover{background-color:#f9fafb}.odc-notif-contianer .notif-details ul li .title{font-size:14px;line-height:22px}.odc-notif-contianer .notif-details ul li .message{font-size:10px}.odc-notif-contianer .notif-details ul li .time{font-size:10px;align-self:flex-end}.odc-badge-container{max-height:700px;background-color:#f7fafc;margin-top:10px;border-radius:10px;box-shadow:inset 1px 1px 3px 1px #0000003a;padding:15px 10px;display:flex;gap:15px;flex-wrap:wrap}.odc-badge-container .odc-badge{background-color:#ddd;padding:5px 20px;border-radius:50px;position:relative;font-size:14px;transition:all .3s ease-in-out;align-items:center;height:20px;display:flex;gap:5px;cursor:pointer}.odc-badge-container .odc-badge .body{display:flex;gap:5px}.odc-badge-container .odc-badge:hover{transform:scale(1.1);z-index:1}.odc-badge-container .odc-badge:hover .remove{display:flex;opacity:1}.odc-badge-container .odc-badge svg{align-self:center;height:15px;width:15px}.odc-badge-container .odc-badge .remove{opacity:0;display:flex;position:absolute;top:-5px;right:-7px;background-color:#4a5568;width:18px;height:18px;justify-content:center;color:#fff;font-size:10px;line-height:16px;border-radius:100%;transition:all .3s ease-in-out;cursor:pointer}.odc-badge-container .odc-badge .remove:hover{transform:scale(1.1)}.odc-backdrop{height:100vh;width:100vw;position:absolute;background-color:#00000027;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:150;position:fixed;overflow:scroll}.odc-backdrop .odc-modal{min-width:700px;max-width:900px;max-height:700px;background-color:#f9fafb;border-radius:10px;box-shadow:5px 10px 10px #8888882e;padding:30px;gap:20px;display:flex;flex-direction:column;overflow-y:auto}.odc-backdrop .odc-modal .odc-close-icon{width:20px;height:20px;cursor:pointer;transition:all .3s ease-in-out}.odc-backdrop .odc-modal .odc-close-icon:hover{transform:scale(1.1)}.odc-paginationcontrol{display:flex;margin:.5rem 0;font-size:.8rem;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%}.odc-paginatesection{display:flex;justify-content:space-between;align-items:center;font-size:12px}.odc-paginationcontainer .odc-pagination{display:flex;justify-content:center;list-style-type:none;gap:.5rem}.odc-paginationcontainer .odc-pagination li{border-radius:5px;padding:.5rem 1rem;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:12px}.odc-paginationcontainer .odc-pagination .odc-pageelememt{display:flex;gap:.5rem}.odc-paginationcontainer .odc-pagination .odc-pageelememt li{background-color:#fff}.odc-paginationcontainer .odc-pagination .odc-pageelememt .odc-stringpage{box-shadow:none}.odc-paginationcontainer .odc-pagination .odc-pageelememt .odc-active{background-color:#e2e8f0}.odc-paginationcontainer .odc-pagination .odc-pageelememt .odc-enabled{background-color:#fff}.odc-paginationcontainer .odc-pagination .odc-pageelememt .odc-enabled:hover{background-color:#e2e8f0}.odc-paginationcontainer .odc-pagination .odc-disabled,.odc-paginationcontainer .odc-pagination .odc-enabled{background-color:#fff}.odc-paginationcontainer .odc-pagination .odc-enabled:hover{background-color:#e2e8f0;color:#3182ce}@media only screen and (max-width: 1200px){.odc-paginationcontainer .odc-pagination{font-size:.8rem}.odc-paginationcontainer .odc-pagination li{border-radius:5px;padding:.4rem .7rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.odc-paginationcontainer .odc-pagination .odc-pageelememt{width:50%;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.odc-paginationcontainer .odc-pagination .odc-pageelememt::-webkit-scrollbar{display:none}}@media only screen and (max-width: 900px){.odc-paginationcontrol{gap:.5rem}.odc-paginationcontrol p:nth-child(1){width:100%}.odc-paginationcontrol div:nth-child(2){width:100%;display:flex;justify-content:flex-start;align-items:center;gap:1rem}}.odc-element-selector{background-color:#f7fafc;width:200px;height:750px;overflow:auto;padding:20px 10px;border:1px solid #e2e8f0;gap:10px;display:flex;flex-direction:column}.odc-element-selector .element-card{background-color:#fff;border:1px solid #e2e8f0;padding:10px 5px;text-align:center}.droppable-section{width:100%;height:700;position:relative;max-height:800px;overflow:auto}.droppable-section .add-row-button-wrapper{position:absolute;bottom:10px;text-align:center;width:100%;justify-content:center;display:flex}.droppable-section .droppable-row{height:120px;border:1px dashed #e2e8f0;margin-top:5px;display:flex;flex-wrap:wrap;padding:10px;position:relative;width:100%}.droppable-section .droppable-row .droppable-column{height:100%;width:100%;border:1px dashed green}.drop-placeholder{transition:all .2s ease}.form-container{display:flex;flex-direction:column;width:95%;max-height:800px;align-items:center}.form-container .form-btn{background-color:#f9fafb;width:100%;border:1px solid #e2e8f0;align-self:center;align-items:center;font-size:15px;padding:10px 0;cursor:pointer}.form-container .form-btn:hover{background-color:#f3f1f1}.form-container .form-btn:active{background-color:#f8f4f4}.form-section{width:100%;position:relative;max-height:800px;min-height:120px;overflow:auto;padding:10px;display:block}.form-section .form-row{min-height:120px;border:1px dashed red;margin-top:5px;display:flex;flex-wrap:wrap;position:relative;padding:10px;width:95%}.form-section .form-row .form-col{min-height:120px;flex:1;border:1px dashed green;display:flex;flex-direction:column;position:relative;z-index:10;cursor:pointer}.form-section .form-row .form-col:hover:not(:has(.form-element:hover)){background-color:#f7fafc}.form-section .form-row .form-col .form-element{width:200px;padding:10px;margin:10px;display:flex;flex-direction:column;gap:5px;border:1px solid black;position:relative;z-index:20;transition:all .3s ease-in-out}.form-section .form-row .form-col .form-element:hover{transform:scale(1.03)}.form-section .form-row .form-col .form-element .element-title{font-weight:700}.form-section .form-row .form-col .form-element .element-id{font-weight:700;font-size:12px;color:gray}.form-section .form-row .form-col .form-element .element-overlay{height:100%;width:100%;position:absolute;top:0;left:0;z-index:30}.odc-form-backdrop{height:100vh;width:100vw;position:absolute;background-color:#00000027;display:none;top:0;left:0;justify-content:start;align-items:center;z-index:150;position:fixed}.odc-form-backdrop .odc-modal{min-width:230px;max-width:200px;height:100vh;background-color:#f9fafb;box-shadow:5px 10px 10px #8888882e;gap:20px;display:flex;flex-direction:column}.odc-form-backdrop .odc-modal .element-card{background-color:#fff;border:1px solid #e2e8f0;padding:10px 5px;text-align:center;margin:10px 5px 0}.odc-form-backdrop .odc-modal .odc-close-icon{width:20px;height:20px;cursor:pointer;transition:all .3s ease-in-out}.odc-form-backdrop .odc-modal .odc-close-icon:hover{transform:scale(1.1)}.odc-form-backdrop .odc-right-modal{min-width:500px;max-width:500px;min-height:100vh;overflow:auto;max-height:100vh;background-color:#f9fafb;box-shadow:5px 10px 10px #8888882e;gap:20px;display:flex;flex-direction:column;right:0;position:absolute}.odc-form-backdrop .odc-right-modal label{display:flex;margin:20px;gap:10px;align-items:center}.odc-form-backdrop .odc-right-modal .elementEditField{display:flex;flex-direction:column;margin:5px 15px 5px 20px;gap:10px;text-transform:uppercase}.odc-form-backdrop .odc-right-modal .elementEditField span{font-size:15px}.odc-form-backdrop .odc-right-modal .elementEditField input{font-size:12px;padding:5px 10px;border:2px solid #e2e8f0;background-color:transparent}.odc-form-backdrop .odc-right-modal .elementEditField input:focus{outline:none;border:2px solid #e2e8f0}.odc-form-backdrop .odc-right-modal .options-container{display:flex;flex-direction:column;margin:20px 15px 20px 20px;gap:10px;text-transform:uppercase;background-color:#eee}.odc-form-backdrop .odc-right-modal .options-container .option{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:5px 0;padding:5px;border-radius:5px;gap:5px;flex-wrap:wrap}.odc-form-backdrop .odc-right-modal .options-container .option label{display:flex;font-size:12px;width:100%;gap:5px}.odc-form-backdrop .odc-right-modal .options-container .option input{font-size:12px;padding:5px 10px;border:2px solid rgb(216,216,216);width:100%;background-color:transparent}.odc-form-backdrop .odc-right-modal .options-container .option input:focus{outline:none;border:2px solid #e2e8f0}.odc-form-backdrop .odc-right-modal .options-container .option .remove-option{width:100px;cursor:pointer;border:1px solid #e2e8f0;background-color:#f7fafc;padding:8px 20px;transition:all .3s ease-in-out}.odc-form-backdrop .odc-right-modal .options-container .option .remove-option:hover{transform:scale(1.1)}.odc-form-backdrop .odc-right-modal .options-container .option .add-option{width:100px;cursor:pointer;border:1px solid #e2e8f0;background-color:#f7fafc;padding:8px 20px;transition:all .3s ease-in-out}.odc-form-backdrop .odc-right-modal .options-container .option .add-option:hover{transform:scale(1.1)}.odc-form-backdrop .odc-right-modal .options-container .option .elementEditField{display:flex;flex-direction:column;margin:5px 20px;gap:10px;text-transform:uppercase;width:100%;position:relative}.odc-form-backdrop .odc-right-modal .options-container .option .elementEditField span{font-size:12px;color:#000}.odc-form-backdrop .odc-right-modal .options-container .option .elementEditField input{font-size:12px;padding:5px 10px;border:2px solid rgb(216,216,216);background-color:transparent}.odc-form-backdrop .odc-right-modal .options-container .option .elementEditField input:focus{outline:none;border:2px solid #e2e8f0}.odc-form-backdrop .odc-right-modal .options-container .option .option-value{font-size:15px;padding:5px 10px;width:100%;border:none;background-color:transparent}.odc-form-backdrop .odc-right-modal .options-container .option .option-value:focus{outline:none}.odc-form-backdrop .odc-right-modal .hidden-container{margin:5px 20px;width:100%;position:relative}.odc-form-backdrop .odc-right-modal .hidden-container .option{display:flex;flex-direction:row;gap:5px}.odc-form-backdrop .odc-right-modal .hidden-container .option input{font-size:12px;padding:5px 10px;border:2px solid rgb(216,216,216);width:120px;background-color:transparent}.odc-form-backdrop .odc-right-modal .hidden-container .option input:focus{outline:none;border:2px solid #e2e8f0}.odc-form-backdrop .odc-right-modal .hidden-container .option select{font-size:12px;padding:5px 10px;border:2px solid rgb(216,216,216);width:100px;background-color:transparent}.odc-form-backdrop .odc-right-modal .btnSave{margin:5px 20px;padding:10px 5px;font-size:12px;width:90%;border:none;border:1px solid #e2e8f0;background-color:#f7fafc;align-items:center;align-self:center;cursor:pointer}.odc-form-backdrop .odc-right-modal .btnSave:hover{background-color:#e2e8f0}.odc-form-backdrop .odc-right-modal .btnSave:active{background-color:#f7fafc}.odc-form-backdrop .odc-right-modal .btnClose{margin:5px 20px;padding:10px 5px;font-size:12px;width:90%;border:none;color:#e53e3e;align-items:center;align-self:center;background-color:transparent;cursor:pointer}.odc-form-backdrop .odc-right-modal .btnClose:hover{background-color:#e2e8f0}.odc-form-backdrop .odc-right-modal .btnClose:active{background-color:#f7fafc}.odc-form-backdrop .odc-right-modal .btnDelete{margin:5px 20px;padding:10px 5px;font-size:12px;width:90%;border:none;color:#e53e3e;align-items:center;align-self:center;background-color:transparent;cursor:pointer}.odc-form-backdrop .odc-right-modal .btnDelete:hover{background-color:#e2e8f0}.odc-form-backdrop .odc-right-modal .btnDelete:active{background-color:#f7fafc}.odc-form-backdrop .odc-right-modal .odc-close-icon{width:20px;height:20px;cursor:pointer;transition:all .3s ease-in-out}.odc-form-backdrop .odc-right-modal .odc-close-icon:hover{transform:scale(1.1)}.odc-form-backdrop .odc-preview-modal{min-width:80vw;max-width:100vw;height:100px;min-height:80vh;overflow:auto;max-height:100vh;background-color:#f9fafb;box-shadow:5px 10px 10px #8888882e;gap:20px;display:flex;flex-direction:column;right:0;position:absolute;padding:50px 20px}.odc-form-backdrop .odc-preview-modal .odc-close-icon{width:20px;height:20px;cursor:pointer;transition:all .3s ease-in-out}.odc-form-backdrop .odc-preview-modal .odc-close-icon:hover{transform:scale(1.1)}.odc-form-backdrop .odc-preview-modal .elementEditField{display:flex;flex-direction:column;margin:5px 15px 5px 20px;gap:10px;text-transform:uppercase}.odc-form-backdrop .odc-preview-modal .elementEditField span{font-size:15px}.odc-form-backdrop .odc-preview-modal .elementEditField input{font-size:12px;padding:5px 10px;border:2px solid #e2e8f0;background-color:transparent}.odc-form-backdrop .odc-preview-modal .elementEditField input:focus{outline:none;border:2px solid #e2e8f0}body{overflow:none!important}body{margin:0;background-color:#f7fafc}.width-auto{width:auto}.text-center{text-align:center}.font-color-primary{color:#c48f00!important}.padding-20{padding:20px}.padding-50{padding:50px}.padding-30{padding:30px}.flex{display:flex}.relative{position:relative}.align-center{align-items:center}.absolute{position:absolute}.margin-bottom-10{margin-bottom:10px}.padding-bottom-50{padding-bottom:50px}.flex-1{flex:1}.flex-grow-1{flex-grow:1}.flex-grow-2{flex-grow:2}.flex-grow-3{flex-grow:3}.top-margin-30{margin-top:30px}.odc-flex-row{flex-direction:row!important}.witdh-500{max-width:500px;min-width:300px}.flex-shrink{flex-shrink:1}.wrap-content{width:-moz-fit-content;width:fit-content;align-items:center}.flex-end{align-self:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-revert{flex-direction:revert}.width-200px{width:200px}.width-120px{width:120px}.width-150px{width:150px}.width-100{width:100%}.width-50{width:50%}.width-70{width:70%}.width-30{width:30%}.flex-wrap{flex-wrap:wrap}.margin-auto{margin:auto}.margin-top-20{margin-top:20px}.gap-10{gap:10}.font-bold{font-weight:600}.font-normal{font-weight:400!important}.font-size-13-italic{font-size:12px;font-style:italic}.font-size-12{font-size:12px!important}.font-size-10{font-size:10px!important}.font-size-15{font-size:15px}.layout{display:flex;height:100vh}.text-right{text-align:right!important}.invalid-feedback{font-size:12px;color:#e53e3e}.main-content{flex-grow:1;display:flex;flex-direction:column}.max-width-850{max-width:850px}.min-width-700,.min-width-500{min-width:700px}.height-fit-content{height:-moz-fit-content;height:fit-content}.content{margin-left:250px;margin-right:30px;border-radius:10px;margin-top:80px;padding:20px;background-color:#fff}.margin-left{margin-left:30px!important}.odc-ext-content{width:90%;margin:80px auto 0;border-radius:10px;padding:20px}.odc-header{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.odc-header img{margin:auto;width:230px;height:80px}.odc-scrollable{max-height:500px;overflow:auto}.hidden{display:none}.fix-panel{background-color:#fff;position:fixed;padding:20px;margin-top:30px;margin-right:20px;width:320px;border-radius:10px;top:50px}.absolute-panel{background-color:#fff;position:absolute;padding:20px;margin-top:30px;margin-right:20px;width:320px;border-radius:10px}@media screen and (max-width: 992px){.odc-row{flex-wrap:wrap;gap:5px}.odc-column{flex-wrap:wrap;gap:0}.min-width-700{min-width:300px!important}.responsive-width{width:100%}.responsive-row{flex-direction:column;min-width:700px}.sidebar .sidebar__logo svg{display:flex}.topbar .topbar__logo img{display:none}.topbar .topbar__logo svg{display:flex}.fix-panel{position:relative;width:100%}.content{margin-left:30px;margin-right:30px;border-radius:10px;margin-top:80px;padding:20px;background-color:#fff}.sidebar{display:none}.odc-input-group input{font-size:12px!important}.odc-btn-primary{font-size:15px}.odc-panel{overflow-x:auto;position:relative}.responsive-table th{font-size:10px!important}.responsive-table th:nth-last-child(4){display:none}.responsive-table th:nth-child(1){display:none}.responsive-table tr td{font-size:10px!important}.responsive-table tr td:nth-last-child(4){display:none}.responsive-table tr td:nth-child(1){display:none}.responsive-table tr td svg{height:10px;width:10px}.responsive-table tr td a{font-size:10px}}