@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap');

*, *::before, *::after{
    box-sizing: none;
    margin: 0;
    padding: 0;
}
html{
  scroll-behavior: smooth;

}

:root {
  --login-bg-color-dark-0: #0e2954;
  --login-bg-color-dark-1: #0a3d8f;

  --bg-color-light: white;
  --bg-color-dark: #0E2954;
  --target-bg-color:var(--bg-color-light);

  --text-color-light:hsl(336, 9%, 11%);
  --text-color-dark:  white;
  --target-text-color:var(--text-color-light);

  --card-bg-color-light: white;
  --card-bg-color-dark: #0a3d8f;
  --target-card-bg-color:var(--card-bg-color-light);

  --card-text-color-dark: white;
  --card-text-color-light: black;
  --target-card-text-color:var(--card-text-color-light);


  --input-bg-color-light: white;
  --input-bg-color-dark: #2f67c0;
  --target-input-bg-color:var(--input-bg-color-light);

  --input-text-color-dark: white;
  --input-text-color-light: black;
  --target-input-text-color:var(--input-text-color-light);

  --nav-bg-light: #396f7d;
  --nav-bg-dark: #130a5b;
  --target-nav-bg: var(--nav-bg-light);


  --login-bg-color-light-0: #246174;
  --login-bg-color-light-1:#05404e;
  --login-bg-color-dark-0: #216eea;
  --login-bg-color-dark-1: #1c3a6b;
  --target-login-bg-color-0:var(--login-bg-color-light-0);
  --target-login-bg-color-1:var(--login-bg-color-light-1);
  --blue-input-bg: #2f5d69;

  --login-icon-color-light: #1ca6a0;
  --login-icon-color-dark: white;
  --target-login-icon-color: var(--login-icon-color-light);


  --message-bg-color-1: #216eea;
  --message-bg-color-2: #474849;

  --target-message-text-color: white;

}



p, h1, h2, h3, h4, h5, span, pre, small, strong{
  font-family: 'Poppins', sans-serif;

}



.select-label{
  position: absolute;
  top:-9px;
  margin: 0;
  left: 8px;
  border-radius: 100%;
  line-height: 1;
  background-color: white;
}


.nav-btn-handler button{
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.5;

}


  .nav-btn-handler{
    position: fixed; top: 8px; right: 30px; z-index: 10000;
  }

.m-form-control{
    padding: 8px;
    border: none;
    background-color: #396f7d;
    color: white;
}
.custom_tooltip{
    position: absolute;
    padding: 5px;
}

.blue-input{
    border: none;
    max-width: 80px;
    border-radius: 5px;
    resize: both !important;
    background-color: var(--mdb-primary);
    color: white;
    padding: 3px;

}


[x-cloak] { display: none !important; }



.toast-primary{
    background: #605591 !important;
    color: white;
}
.toast-info{
    background: #39c0ed !important;
    color: white;
}
.toast-success{
    background: #00b74a !important;
    color: white;
}
.toast-warning{
    background: #ffa900 !important;
    color: white;
}
.toast-danger{
    background: #f93154 !important;
    color: white;
}

tr{
  transition: background-color 0.5s ease;
}

.trancate-text{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50px; /* adjust the max-width to your liking */
}

.hidden{
    display: none;
    position: absolute;
}

.tableFixHead th{
    position: sticky;
    top:0;
    background-color: white;
    opacity: 1;
    z-index: 1000;
}

.force-left{
    text-align: left !important;
}

/* .tableFixedHeightContainer{
} */

.table-minimal-padding th, .table-minimal-padding td{
    padding: 0 !important;
    margin: 0 !important;
}


.only-print{
    visibility: hidden !important;
    position: absolute;
}

@media print {
    .no-print{
        display: none;
        position: absolute;
    }
    .only-print{
        visibility: visible !important;
        position: relative !important;
    }
    *{
        box-shadow: none !important;
    }
    .container{
        padding: 0px !important;
    }
    .card-header{
        border: none;
    }
    
}  

.borderless_input{
  border-radius: 0;
}


@media screen and (max-width : 1280px)
{
  *
  {
    font-size:0.88rem;
  }
}
@media screen and (min-width : 1378px)
{
  *
  {
    font-size:1rem;
  }

}

.logo{
    height: 30px !important;
}

.cards-metrics-container{
    display: grid;
    gap: 35px;
    grid-template-columns: repeat(auto-fit,minmax(300px, 1fr));
    margin-bottom: 25px;
}

td i{
    cursor: pointer;
}


    /* Sidebar */
.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 20px 0 0; /* Height of navbar */
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%), 0 2px 10px 0 rgb(0 0 0 / 5%);
  width: 270px;
  z-index: 600;
  transition: ease-in-out left 250ms;
}

.sidebar.inactive{
  left: -2000px;
}
.main-content{
  margin-left: 0; width: 100%; 
  padding: 15px;
  transition: ease-in-out margin-left 250ms;

}



.sidebar.active{
  left: 0;
  border-radius: 5px;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

@media (min-width: 1200px) {
  .main-content.active{
    margin-left: 290px;
    max-width: calc(100vw - 290px);
    padding: 15px;
  
  }
}



@keyframes ldio-lyrj5wyom8e {
  0% {
    top: 48px;
    left: 48px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 9px;
    left: 9px;
    width: 78px;
    height: 78px;
    opacity: 0;
  }
}.ldio-lyrj5wyom8e div {
  position: absolute;
  border-width: 2px;
  border-style: solid;
  opacity: 1;
  border-radius: 50%;
  animation: ldio-lyrj5wyom8e 1s cubic-bezier(0,0.2,0.8,1) infinite;
}.ldio-lyrj5wyom8e div:nth-child(1) {
  border-color: #605591;
  animation-delay: 0s;
}
.ldio-lyrj5wyom8e div:nth-child(2) {
  border-color: #46dff0;
  animation-delay: -0.5s;
}
.loadingio-spinner-ripple-0bspahxen85a {
  width: 84px;
  height: 84px;
  display: inline-block;
  overflow: hidden;
  background: none;
}
.ldio-lyrj5wyom8e {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(0.84);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-lyrj5wyom8e div { box-sizing: content-box; }
/* generated by https://loading.io/ */


/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: rgba(128, 128, 128, 0.151);
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }

  *::-webkit-scrollbar-track {
    background: var(--mdb-info);
  }

  *::-webkit-scrollbar-thumb {
    border-radius: 10px;
    border: 1px solid var(--mdb-primary);
  }

  div.dataTables_scrollBody{
    border-left: none !important;
}
.dataTables_info{
    display: none;
}

.danger-cursor{
  cursor: not-allowed;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


.form-outline i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.table>:not(caption)>*>*{
  color: var(--mdb-table-color-state, var(--mdb-table-color-type, var(--mdb-table-color)));
  background-color: transparent;
}

.outline-form-c{
  position: relative;
}

.outline-form-c label{
  position: absolute;
  top:-9px;
  margin: 0;
  left: 8px;
  border-radius: 100%;
  line-height: 1;
  background-color: white;
}
[dir="rtl"] .outline-form-c label {
  left: unset;
  right: 8px !important;
}