@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Sans:ital,wght@0,100..800;1,100..800&display=swap');

@font-face {
    font-family: 'CenturyGothic';
    src: url('../fonts/CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    --web-font: "CenturyGothic", arial, sans-serif;
    --web-color: #2677ba;
    --web-color-dark: #174974;
    --web-light: #f5faff;

    --bs-primary: #2677ba;
    --bs-primary-rgb: 38, 119, 186;

    --bs-success: #0da633;
    --bs-success-rgb: 13, 166, 51;

    /* Couleurs dérivées */
    --bs-primary-hover: #1e5f95;
    --bs-primary-active: #174974;
    --bs-primary-light: #e6f0f8;
}

input:not(.form-control) {
    color: #212529;
}

/* Boutons */
.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-primary:hover {
  background-color: var(--bs-primary-hover);
  border-color: var(--bs-primary-hover);
}

.btn-primary:active,
.btn-primary:focus {
  background-color: var(--bs-primary-active) !important;
  border-color: var(--bs-primary-active) !important;
}

a *, button * {pointer-events: none;}

/* Liens */
a {
  color: var(--bs-primary);
}
a:hover {
  color: var(--bs-primary-hover);
}

/* Badges */
.badge.bg-primary {
  background-color: var(--bs-primary) !important;
}

/* Alertes */
.alert-primary {
  background-color: var(--bs-primary-light);
  color: var(--bs-primary);
  border-color: var(--bs-primary);
}

/* Pagination */
.page-link {
  color: var(--bs-primary);
}
.page-link:hover {
  color: var(--bs-primary-hover);
}
.page-item.active .page-link {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

/* Progress bar */
.progress-bar.bg-primary {
  background-color: var(--bs-primary) !important;
}

.alert {border-radius: 0 !important;}
#preloader {display: block; position: fixed; height: 100%; top: 0; left: 0; width: 100%; display: flex; align-items: center; justify-content: center; background-color: var(--web-color); z-index: 9999;}

.loader {
    width: 45px;
    aspect-ratio: 1;
    --c: no-repeat linear-gradient(#fff calc(50% - 10px),#fff0 0 calc(50% + 10px),#fff 0);
    background: 
        var(--c) 0%   100%,
        var(--c) 50%  100%,
        var(--c) 100% 100%;
    background-size: 20% calc(200% + 20px);
    animation:l4 1s infinite linear;
}
@keyframes l4 {
    33%  {background-position: 0% 50%,50% 100%,100% 100%}
    50%  {background-position: 0%  0%,50%  50%,100% 100%}
    66%  {background-position: 0%  0%,50%   0%,100%  50%}
    100% {background-position: 0%  0%,50%   0%,100%   0%}
}

.text-small {font-size: .85rem;}
.text-xs {font-size: 12px;}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear { display: none; }

.alert-dismissible .close{ padding: .45rem 1rem; }

.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg, .modal-backdrop.show, .modal { background: rgba(0,0,0,.65) !important; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); opacity: 1;}

.modal-header .close { font-size: 3rem; font-weight: lighter; line-height: 26px;}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{font-weight: 600; font-size: 18px;}
.jconfirm .jconfirm-box div.jconfirm-title-c{ border-bottom: 1px solid #666; margin-bottom: 20px; }
.jconfirm.jconfirm-supervan .jconfirm-bg { background-color: rgba(0,0,0,0.95) !important; }

.modal-backdrop.show { opacity: .85; }


.error{font-size: 14px; user-select: none; pointer-events: none; display: block; font-weight: bold; margin-top: .4rem; color: #ce2835}
.error:not(:empty)::before {content: "\F63B";font-family: bootstrap-icons!important;vertical-align: middle;margin-right: .25rem;display: inline;font-size: inherit;}

.btn {line-height: 1.25; white-space: nowrap;}

._remotecontent:empty{width: 80%; margin: auto;background-color: transparent !important; min-height: 400px !important; display: block !important;
background-image: var(--ox-icon-empty);
background-position: center !important; background-repeat: no-repeat !important; background-size: 120px !important;}
._remotecontent:empty:before {display: block;content: "Please check your internet connection then refresh this page."; text-align: center; position: relative;top: 280px;opacity: .4; font-size: 1.65rem; /*! text-shadow: 0 0 1px #fff; */ max-width: 400px; margin: auto; line-height: normal;color: #98A0CF;}


.dataTables_empty::before {content: "";width: 200px;height: 100px;display: block;margin: 0 auto 1rem auto;background-image: var(--ox-icon-empty);background-position: center !important;background-repeat: no-repeat !important;background-size: 75px !important;}
.dataTables_empty {font-size: 14px;padding: 4rem 0 !important;}

p {word-break: break-word;}
.flex-btn {display: flex; gap: .5rem; align-items: center; flex-wrap: nowrap;}

th, td {vertical-align: middle;}

.btn-flex {display: flex; gap: .5rem; align-items: center; flex-wrap: nowrap;}

.table-responsive {margin-bottom: 1rem;}

#isloading {display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100% !important; z-index: 9999; backdrop-filter: blur(2px);}

.dt-info { margin: .5rem 0; font-size: 1rem; }

.c-pointer {cursor: pointer;}