@font-face {
    font-family: Agrandir;
    src: url("/fonts/agrandir-black.ttf") format("truetype");
}

@font-face {
    font-family: Agrandir-light;
    src: url("/fonts/Agrandir-Regular.otf");
}


/* TYPEFACE */
.sidebar .brand .mark,
.-sidebar .heading,
.workspace > .heading,
.workspace > .workspace-header > .heading {
    font-family: Agrandir, sans-serif;
}




/* THEMES */
.theme {
    
}

.theme .brand .logo-wrapper {
    background: #f26845;
}

.theme .theme-white {
}
.theme .theme-black {
}
.theme .theme-extra-dark {
}
.theme .theme-dark {
}
.theme .theme-medium {
}
.theme .theme-extra-light {
}
.theme .theme-input {
}
/*.theme a, .theme a:visited {
    color: #F6941C;
}
.theme a:hover {
    color: #F26845;
}*/

.theme .theme-dark .heading {
    /* border-bottom: 1px solid; */
}


.theme .theme-extra-dark .card {
    
}
.theme .theme-extra-dark .card .btn {
    
}







.theme.theme-green {
    
}
.theme.theme-green .theme-white {
    background: #E6F0EA;
    color: #021A0B;
}
.theme.theme-green .theme-black {
    background: #021A0B;
    color: #E6F0EA;
}
.theme.theme-green .theme-extra-dark {
    background: #04491F;
    color: #E6F0EA;
}
.theme.theme-green .theme-dark {
    /* background: #06682D; */
    background: #055E29;
    color: #E6F0EA;
}
.theme.theme-green .theme-medium {
    background: #388657;
    color: #E6F0EA;
}
.theme.theme-green .theme-light {
    background: #A8CAB6;
    color: #021A0B;
}
.theme.theme-green .theme-extra-light {
    /* background: #A8CAB6; */
    background: #DAE8E0;
    color: #021A0B;
}
.theme.theme-green .theme-input {
    
}





.theme.theme-blue .theme-dark .heading {
    border-bottom: 1px #A8CAB6;
}
.theme.theme-blue .theme-dark .footing {
    border-top: 1px #A8CAB6;   
}








    color: #5771D5;
    background: #EEF1FB;

.theme.theme-blue {
    
}
.theme.theme-blue .theme-white {
    background: #EEF1FB;
    color: #3D4F95;
}
.theme.theme-blue .theme-black {
    background: #161C35;
    color: #C4CDF0;
}
.theme.theme-blue .theme-extra-dark {
    background: #3D4F95;
    color: #EEF1FB;
}
.theme.theme-blue .theme-dark {
    background: #5771D5;
    color: #EEF1FB;
}
.theme.theme-blue .theme-medium {
    background: #798DDD;
    color: #EEF1FB;
}
.theme.theme-blue .theme-light {
    background: #C4CDF0;
    color: #161C35;
}
.theme.theme-blue .theme-extra-light {
    background: #f5f4ef;
    color: #161C35;
}
.theme.theme-blue .theme-input {
}

.theme.theme-blue .border-bottom {

}

.theme.theme-blue .theme-dark .heading {
    border-bottom: 1px #C4CDF0;
}
.theme.theme-blue .theme-dark .footing {
    border-top: 1px #C4CDF0;
}


.text-capitalize {
    text-transform: capitalize;
}
.text-uppercase {
    text-transform: uppercase;
}





.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 20px;
}
.lds-ellipsis div {
  position: absolute;
  top: 7px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.card .lds-ellipsis {
    position: absolute;
    right: 10px;
    left: unset;
    width: 25%;
    bottom: 17px;
}
.card .lds-ellipsis div {
    background-color: #3D4F95;
}
.card .content-ellipsis .lds-ellipsis div {
    background-color: #FFF;
}
.card .content-ellipsis .lds-ellipsis {
    position: relative;
    right: unset;
}
.card .content-ellipsis {
    width: 100%;
}



.btn:hover {
    background-color: #FFF6;
}
.btn.theme-extra-light:hover {
    background-color: #FFFA;
}




.theme.theme-melon {
    
}
.theme.theme-melon .theme-white {
    background: #FEF0ED;
    color: #3D1A12;
}
.theme.theme-melon .theme-black {
    background: #3D1A12;
    color: #FEF0ED;
}
.theme.theme-melon .theme-extra-dark {
    background: #A94931;
    color: #FEF0ED;
}
.theme.theme-melon .theme-dark {
    background: #F26846;
    color: #FEF0ED;
}
.theme.theme-melon .theme-medium {
    background: #F5866B;
    color: #FEF0ED;
}
.theme.theme-melon .theme-light {
    background: #FACABE;
    color: #3D1A12;
}
.theme.theme-melon .theme-extra-light {
    background: #FCE1DA;
    color: #3D1A12;
}





.notification {
  background-color: whitesmoke;
  border-radius: 15px;
  padding: 0.25rem 2.5rem;
  position: relative;
  margin: 20px 0;
  text-align: center;
  font-size: 14px;
}

.notification p {
    margin-block: 5px;
}


.notification a:not(.button):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}

.notification strong {
  color: currentColor;
}

.notification code,
.notification pre {
  background: white;
}

.notification pre code {
  background: transparent;
}

.notification > .delete {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}

.notification .title,
.notification .subtitle,
.notification .content {
  color: currentColor;
}

.notification.is-white {
  background-color: white;
  color: #0a0a0a;
}

.notification.is-black {
  background-color: #0a0a0a;
  color: white;
}

.notification.is-light {
  background-color: whitesmoke;
  color: #363636;
}

.notification.is-dark {
  background-color: #363636;
  color: whitesmoke;
}

.notification.is-primary {
  background-color: #00d1b2;
  color: #fff;
}

.notification.is-link {
  background-color: #3273dc;
  color: #fff;
}

.notification.is-info {
  background-color: #209cee;
  color: #fff;
}

.notification.is-info {
    background-color: #adf;
    color: rgba(0, 0, 0, 0.8);
}

.notification.is-success {
  background-color: #73e79c;
  color: rgba(0, 0, 0, 0.8);
}

.notification.is-warning {
  background-color: #ffe993;
  color: rgba(0, 0, 0, 0.8);
}

.notification.is-danger {
  background-color: #ff3860;
  color: #fff;
}




.theme.theme-toky .theme-extra-light {
    background: #4d4d4d;
    /*color: #f0eade;
    --background-color: #f0eade;*/
    color: #fff;
    --background-color: #fff;
    --foreground-color: #4d4d4d;
    --action-color: #ff7444;
    --alert-color: #c3e761;
}
.theme.theme-toky .theme-black {
    /*
    background: #4d4d4d;
    */
    background: #343434;
    /*color: #f0eade;*/
    color: #fff;

    --background-color: #4d4d4d;
    /* --foreground-color: #f0eade; */
    --foreground-color: #fff;
}


.strip-classes img {
    display: none;
}
.strip-classes video {
    display: none;
}


@media only screen and (orientation: portrait) and (max-width: 767.98px) {
    .card.card-small .header .content img {
        display: none;
    }
    .card.card-medium .header .content img {
        max-height: 50px!important;
    }
}

.no-select {
  user-select: none; /* Prevents text selection */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  pointer-events: auto; /* Ensures clicks still work */
}
