/*
Template Name: Hyper - Responsive Bootstrap 4 Admin Dashboard
Version: 3.4.0
Author: CoderThemes
Email: support@coderthemes.com
File: Main Css File
*/

[data-toggle=modal] {
  cursor: pointer;
}

.text-black {
  color: #000;
}

.text-gray {
  color: #4a4d50;
}

.big {
  font-size: 1.125em;
}

.leading-3 {
  line-height: 0.75rem;
}

/* 12px */

.leading-4 {
  line-height: 1rem;
}

/* 16px */

.leading-5 {
  line-height: 1.25rem;
}

/* 20px */

.leading-6 {
  line-height: 1.5rem;
}

/* 24px */

.leading-7 {
  line-height: 1.75rem;
}

/* 28px */

.leading-8 {
  line-height: 2rem;
}

/* 32px */

.leading-9 {
  line-height: 2.25rem;
}

/* 36px */

.leading-10 {
  line-height: 2.5rem;
}

/* 40px */

.leading-none {
  line-height: 1;
}

.leading-tight {
  line-height: 1.25;
}

.leading-snug {
  line-height: 1.375;
}

.leading-normal {
  line-height: 1.5;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-loose {
  line-height: 2;
}

.border-form {
  border-color: #dee2e6 !important;
}

.w-1em {
  width: 1em;
}

.w-2em {
  width: 2em;
}

.w-3em {
  width: 3em;
}

.w-4em {
  width: 4em;
}

.w-5em {
  width: 5em;
}

.w-6em {
  width: 6em;
}

.w-7em {
  width: 7em;
}

.w-8em {
  width: 8em;
}

.w-9em {
  width: 9em;
}

.w-10em {
  width: 10em;
}

.minw-1em {
  min-width: 1em;
}

.minw-2em {
  min-width: 2em;
}

.minw-3em {
  min-width: 3em;
}

.minw-4em {
  min-width: 4em;
}

.minw-5em {
  min-width: 5em;
}

.minw-6em {
  min-width: 6em;
}

.minw-7em {
  min-width: 7em;
}

.minw-8em {
  min-width: 8em;
}

.minw-9em {
  min-width: 9em;
}

.minw-10em {
  min-width: 10em;
}

.h-1em {
  height: 1em;
}

.h-2em {
  height: 2em;
}

.h-3em {
  height: 3em;
}

.h-4em {
  height: 4em;
}

.h-5em {
  height: 5em;
}

.h-6em {
  height: 6em;
}

.h-7em {
  height: 7em;
}

.h-8em {
  height: 8em;
}

.h-9em {
  height: 9em;
}

.h-10em {
  height: 10em;
}

.minh-1em {
  min-height: 1em;
}

.minh-2em {
  min-height: 2em;
}

.minh-3em {
  min-height: 3em;
}

.minh-4em {
  min-height: 4em;
}

.minh-5em {
  min-height: 5em;
}

.minh-6em {
  min-height: 6em;
}

.minh-7em {
  min-height: 7em;
}

.minh-8em {
  min-height: 8em;
}

.minh-9em {
  min-height: 9em;
}

.minh-10em {
  min-height: 10em;
}

.minh-100 {
  min-height: 100px;
}

.minh-200 {
  min-height: 200px;
}


.opacity-30 {
  opacity: 30%;
}

.opacity-40 {
  opacity: 40%;
}

.opacity-50 {
  opacity: 50%;
}

.opacity-60 {
  opacity: 60%;
}

.opacity-70 {
  opacity: 70%;
}

.opacity-80 {
  opacity: 80%;
}

.opacity-90 {
  opacity: 90%;
}

.cursor-pointer {
  cursor: pointer;
}

.hover-opacity:hover {
  opacity: 70%;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.truncate-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.truncate-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.select-arrow{
  background: #fff url(../images/select-arrow.svg) no-repeat right 0.6rem center;
  background-size: 8px 10px;
  padding-right: 1.6rem;
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.title-gap{
  border-bottom: 1px solid #eee;
  height: 12px;
}

.title-gap span{
  display: inline-block;
  padding: 0 10px;
  background: #fff;
}

.avater{
  display: block;
  position: relative;
  overflow: hidden;
  text-align: left;
  border-radius: 100%;
  padding-top: 100%;
}
.avater img{position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.class_color01{
  border-color: #f6a3c2 !important;
  background-color: #fff3f7 !important;
}

.class_color02{
  border-color: #98b7ea!important;
  background-color: #dfebff !important;
}

.class_color03{
  border-color: #f1d291 !important;
  background-color: #fff4de !important;
}

.class_color04{
  border-color: #FFA26D !important;
  background-color: #ffdecb !important;
}

.class_color05{
  border-color: #f0cabd !important;
  background-color: #fff6e9 !important;
}

.class_color06{
  border-color: #77b7bf!important;
  background-color: #d5faff !important;
}

.class_color07{
  border-color: #b48aff!important;
  background-color: #efe6ff !important;
}

.class_color08{
  border-color: #00c853 !important;
  background-color: #e4ffef !important;
}

table {table-layout: fixed;}
.maxh-class{ max-height: 500px;}
.invisible-scrollbar::-webkit-scrollbar { display: none;}

@media (max-width: 767.98px) {
  .container-fluid{ padding-right: 0px; padding-left: 0px;}
  .sceollx{ overflow-x: scroll;}
  .d-md-show{ display: none; }
  .card-body{padding: 0.7rem;}
  .modal-body{padding: 0.5rem 1rem;}
  .w-50{ width: 100% !important }
  .maxh-class{ max-height: 300px !important;}
  .d-mb-md-2{margin-bottom: 0.75rem !important;}
}