@font-face {
    font-family: 'Changa';
    src: url('../fonts/Changa.ttf') format('truetype');
    font-weight: 200;
    font-weight: 800;
    font-style :normal;
}
body {
    font-family: Changa !important;
}

.text-left-not-xs,
.text-left-not-sm,
.text-left-not-md,
.text-left-not-lg {
    text-align: left;
}

.text-center-not-xs,
.text-center-not-sm,
.text-center-not-md,
.text-center-not-lg {
    text-align: center;
}

.text-right-not-xs,
.text-right-not-sm,
.text-right-not-md,
.text-right-not-lg {
    text-align: right;
}

.text-justify-not-xs,
.text-justify-not-sm,
.text-justify-not-md,
.text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs,
    .text-center-not-xs,
    .text-right-not-xs,
    .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm,
    .text-center-not-sm,
    .text-right-not-sm,
    .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md,
    .text-center-not-md,
    .text-right-not-md,
    .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}

@media (min-width: 1200px) {
    .text-left-not-lg,
    .text-center-not-lg,
    .text-right-not-lg,
    .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}

img#system-logo {
    width: 3em;
    height: 3em;
    object-fit: cover;
    object-position: center center;
    border-width: 2px;
}

.topbar {
    height: 3.5rem;
    background: linear-gradient(to left, #3b61d1 0%, #2143a5 100%);
}

#wrapper #content-wrapper {
    background-color: #e9e9e9;
}

img.img-profile.rounded-circle {
    object-fit: cover;
    object-position: center center;
    border-width: 3px !important;
}

.bg-gradient-light {
    background-image: linear-gradient(180deg, #f8f9fc 10%, #dddddd 100%) !important;
}
.my-card {
    border: 0.5px dashed;
}
.punch-hours {
  background-color: #F9F9F9;
  border: 5px solid #E2E4E6;
  font-size: 18px;
  height: 120px;
  width: 120px;
  margin: 0 auto;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin-top: 60px;
}
.res-activity-list {
  height: 218px;
  list-style-type: none;
  overflow-y: auto;
  position: relative;
  margin: 0;
  padding: 0 0 0 30px;
}
.res-activity-list:after {
  content: "";
  border: 1px solid #E9E9EA;
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0;
}
.res-activity-list li {
  margin: 0 0 15px;
  position: relative;
}
.res-activity-list li:before {
  content: "";
  width: 10px;
  height: 10px;
  border: 2px solid #FF902F;
  z-index: 2;
  background: #FFF;
  border-radius: 100%;
  margin: 0 0 0 15px;
  position: absolute;
  top: 0;
  left: -39px;
}
.res-activity-list p {
  font-size: 15px;
  margin: 0;
}
.res-activity-time {
  color: #BCBEBF;
  font-size: 12px;
}
.hidden {
    display: none;
}
.v-link {
    color: #858796!important;
}
.v-link:hover {
    text-decoration: none;
}
.l-link:hover {
    text-decoration: none;
}
.align-center {
    display: grid;
    justify-content: center;
}
.topbar .img-profile {
    height: 2rem;
    width: 2rem;
}
.border-left-primary {
    border-left: 1.0rem solid #4e73df!important
}
.border-left-info {
    border-left: 1.0rem solid #36b9cc!important
}
.border-left-success {
    border-left: 1.0rem solid #1cc88a!important
}
.border-left-danger {
    border-left: 1.0rem solid #e74a3b!important
}
.border-left-warning {
    border-left: 1.0rem solid #f6c23e!important
}
.donmezprimary {
    background-color: rgb(66 113 239 / 23%) !important
}
.donmezinfo {
    background-color: rgb(120 193 233 / 30%) !important
}
.donmezsuccess {
    background-color: rgb(66 239 77 / 20%) !important
}
.donmezdanger {
    background-color: rgb(239 66 66 / 20%) !important
}
.donmezwarning {
    background-color: rgb(239 224 66 / 20%) !important
}

.dash-widget-icon {
    background-color: rgba(255, 155, 68, 0.2);
    color: #FF902F;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    margin-left: -6px;
    text-align: center;
    width: 60px;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    .btn {
        width: max-content!important;
        margin-top: 12px!important;
    }
}