:root{--primary-color: #78d4ff;--secondary-color: #003851;--gray-color: #959b9e;--special-color: #25D366;--success-color: #25D366;--primary-faded-color: #00abfb4d;--secondary-faded-color: #728995;--background-color: #d0f0ff;--danger-color: #dc3545;--border-radius: 10px;--danger-radius: 10px}body{padding:1rem}::-webkit-scrollbar-thumb,::-webkit-scrollbar-button{background-color:var(--secondary-color)}header .nav-container{display:flex;justify-content:space-between;background-color:var(--secondary-color);color:#fff;border-radius:var(--border-radius);padding:1rem 3rem}header .logo{height:60px}.nav-container nav{justify-content:flex-end!important}textarea.invalid,input.invalid{outline:none!important;box-shadow:none!important;border-color:var(--danger-color)!important}.modal-dialog .modal-body{max-height:calc(95vh - 140px);overflow-y:auto;background-color:#fff!important}@media (min-width: 768px){.main-container{max-width:60vw}}@media (min-width: 1400px){.main-container{max-width:50vw}}*[data-bs-toggle=tooltip]{position:relative;cursor:pointer}*[data-bs-toggle=tooltip]:before{content:attr(data-title);position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:5px 8px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s;pointer-events:none}*[data-bs-toggle=tooltip]:hover:before{opacity:1;visibility:visible}table .is_connected{min-width:130px}input[type=file],input[type=file]::file-selector-button{cursor:pointer}:root{--table-radius: .5rem}table{border-radius:var(--border-radius)}table thead th{background-color:var(--secondary-color)!important;color:#fff}.dt-info .select-info{display:none}.dt-layout-start .dt-length{display:flex;flex-direction:column-reverse}table tr{cursor:context-menu}table tbody tr.selected .badge,table tbody tr:hover .badge{filter:saturate(1.5)}table tbody tr.selected,table tbody tr:hover{position:relative;background-color:#eee;transition:background-color .2s ease-in-out}table tr td,table tr th{vertical-align:middle}.customers-table tr.selected td:first-of-type:before{content:"";position:absolute;left:-30px;top:50%;transform:translateY(-50%);display:block;width:15px;height:15px;background-color:var(--special-color);border-radius:100%}.datatable-search-container{margin:1rem auto}.datatable-search-container input{transition:all .3s linear}.datatable-search-container input:not(:focus,:active){width:50px;padding-right:0}.datatable-search-container input:is(:focus,:active,:not(:placeholder-shown)){width:25%;box-shadow:none}.datatable-search-container input::placeholder{opacity:.5}@media (max-width:762px){.datatable-search-container input:is(:focus,:active,:not(:placeholder-shown)){width:33%}}@media (max-width:450px){.datatable-search-container input:is(:focus,:active,:not(:placeholder-shown)){width:100%}}.datatable table thead th:first-of-type{border-top-left-radius:var(--table-radius);border-bottom-left-radius:var(--table-radius)}.datatable table thead th:last-of-type{border-top-right-radius:var(--table-radius);border-bottom-right-radius:var(--table-radius)}.datatable .datatable-search-container input{border-radius:var(--table-radius)}.page-header{margin-bottom:2rem}.btn:hover{filter:brightness(.9)}.btn.btn-success{background-color:var(--special-color);border-color:var(--special-color)}.btn.btn-gray{background-color:gray;border-color:gray;color:#fff!important}.modal-dialog{max-height:95vh;overflow:hidden}.search-dropdown .dropdown-menu{height:115px;overflow:hidden auto}.dropdown-toggle:after{display:none}.dropdown-menu{right:0rem}.dropdown-item:active{background-color:var(--secondary-color)}*{margin:0;padding:0}body{overflow-x:hidden}.bg-gray{background-color:var(--gray-color)}*.border-primary{border-color:var(--primary-color)!important}*.border-secondary{border-color:var(--secondary-color)!important}*.btn-outline-primary{border-color:var(--primary-color)!important;color:var(--primary-color)!important}*.btn-outline-primary:hover{background-color:var(--primary-color)!important;color:#fff!important}*.btn-outline-secondary{border-color:var(--secondary-color)!important;color:var(--secondary-color)!important}*.btn-outline-secondary:hover{background-color:var(--secondary-color)!important;color:#fff!important}*.bg-primary,*.btn-primary{background-color:var(--primary-color)!important}*.btn:not([class*=outline]){border:0}*.bg-secondary,*.btn-secondary{background-color:var(--secondary-color)!important}*.bg-special,*.btn-special{background-color:var(--special-color)!important}*.bg-primary-faded,*.btn-primary-faded{background-color:var(--primary-faded-color)!important}*.bg-secondary-faded,*.btn-secondary-faded{background-color:var(--secondary-faded-color)!important}*.bg-background,*.btn-background{background-color:var(--background-color)!important}*.bg-danger,*.btn-danger{background-color:var(--danger-color)!important}*.text-primary{color:var(--primary-color)!important}*.text-secondary{color:var(--secondary-color)!important}*.text-special{color:var(--special-color)!important}*.text-primary-faded{color:var(--primary-faded-color)!important}.shadow-primary{box-shadow:0 .5rem .5rem var(--primary-color)!important}.shadow-secondary{box-shadow:0 .5rem .5rem var(--secondary-color)!important}.shadow-special{box-shadow:0 .5rem .5rem var(--special-color)!important}.shadow-primary-faded{box-shadow:0 .5rem .5rem var(--primary-faded-color)!important}.nav-link{border:1px solid var(--primary-color)!important;border-radius:5px;background-color:transparent;color:var(--primary-color)!important;margin-right:.5rem}.nav-link:hover,.nav-link.active{border:1px solid var(--primary-color)!important;border-radius:5px;background-color:var(--primary-color);color:#fff!important}::selection{background-color:var(--secondary-color);color:#fff}span:not(.box-value),button,label{-webkit-user-select:none;user-select:none}.btn{transition:all .3s linear;scale:1}.btn:active{scale:1.05}.btn:focus,button:focus{outline:none!important;box-shadow:none!important}.page-item.active .page-link{background-color:var(--secondary-color);border-color:var(--secondary-color)}.page-item .page-link{color:var(--secondary-color)}@media (min-width: 768px) and (max-width: 1200px){.container,.container-md,.container-sm{max-width:95%}}