.bg-dark-blue {
    background: #0f172b;
}
.bg-dark-blue-tinted-lighter {
    background: #283e74;
}
.bg-dark-blue-tinted-darker {
    background: #0e1527;
}

.rounded {
    border-radius: 20px!important;
}

.text-dark-blue {
    color: #272D3B;
}

body {
    color: #3F3D56;
}

.bg-green {
    background: #4da261;
}
.bg-green-gradient {
    background: #4da261;
    background: radial-gradient(100% 2840.11% at 0% 0%, rgba(3, 139, 28, 0) 0%, #4AAA0F 100%), radial-gradient(100% 2840.11% at 0% 0%, #028B1B 0%, #95CA02 100%);
}
.text-green {
    color: #4dac0f;
}

.cursored {
    cursor: pointer!important;
}

.bg-light-blue {
    background: #F1F5F9;
}
.bg-light-blue-tinted-lighter {
    background: #CDDCEA;
}

label {
    color: #4DA261;
}
.table-responsive label {
    color: #0f172b;
}

.dataTables_length, .dataTables_filter {
    margin-bottom: 1rem!important;
}

.rounded-less {
    border-radius: 5px;
}

/* TODO: Move to own script */
:root {
    --animation-bg: #cddcea;
    --animation-accent: #A9C3DB;
}
.shine {
    background: var(--animation-bg);
    background-image: linear-gradient(to right, var(--animation-bg) 0%, var(--animation-accent) 40%, var(--animation-accent) 60%, var(--animation-bg) 100%);
    background-repeat: no-repeat;
    background-size: 50vw 100vh; 
    display: inline-block;
    position: relative; 

    width: 100%;
    border-radius: 20px;

    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeholderShimmer;
    -webkit-animation-timing-function: linear;
  }
  @-webkit-keyframes placeholderShimmer {
    0% {
        background-position: -100vw 0;
    }
    
    100% {
        background-position: 100vw 0; 
    }
}

.fs-1dot5 {
    font-size: 1.5rem;
}
a:not(.btn):hover {
    color: inherit!important;
    text-shadow: 0 0 5px white;
}
a:not(.btn) {
    transition: 0.3s;
}

.vertical-menu .btn-sm {
    font-size: 9pt;
    padding: 3px 0px;
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1400px;
    }
}

.text-green {
    color: #1faa49;
}

@media (min-width: 992px) {
    td.d-block.d-lg-cell {
        display: table-cell!important;
    }
    th.d-none.d-lg-cell {
        display: table-cell!important;
    }
}

.dropdown-item {
    cursor: pointer;
}

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

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