@charset "UTF-8";
/* prettier-ignore */
/* prettier-ignore */
:root,
[data-bs-theme=light] {
  --tblr-blue: #5E72E1;
  --tblr-indigo: #4263eb;
  --tblr-purple: #ae3ec9;
  --tblr-pink: #d6336c;
  --tblr-red: #d63939;
  --tblr-orange: #f76707;
  --tblr-yellow: #f59f00;
  --tblr-green: #2fb344;
  --tblr-teal: #0ca678;
  --tblr-cyan: #17a2b8;
  --tblr-black: #000000;
  --tblr-white: #ffffff;
  --tblr-gray: #667382;
  --tblr-gray-dark: #182433;
  --tblr-gray-100: #f6f8fb;
  --tblr-gray-200: #eef1f4;
  --tblr-gray-300: #dadfe5;
  --tblr-gray-400: #bbc3cd;
  --tblr-gray-500: #929dab;
  --tblr-gray-600: #667382;
  --tblr-gray-700: #3a4859;
  --tblr-gray-800: #182433;
  --tblr-gray-900: #040a11;
  --tblr-primary: #5E72E1;
  --tblr-secondary: #667382;
  --tblr-success: #2fb344;
  --tblr-info: #4299e1;
  --tblr-warning: #f76707;
  --tblr-danger: #d63939;
  --tblr-light: #fcfdfe;
  --tblr-dark: #182433;
  --tblr-muted: #667382;
  --tblr-blue: #5E72E1;
  --tblr-azure: #4299e1;
  --tblr-indigo: #4263eb;
  --tblr-purple: #ae3ec9;
  --tblr-pink: #d6336c;
  --tblr-red: #d63939;
  --tblr-orange: #f76707;
  --tblr-yellow: #f59f00;
  --tblr-lime: #74b816;
  --tblr-green: #2fb344;
  --tblr-teal: #0ca678;
  --tblr-cyan: #17a2b8;
  --tblr-facebook: #1877f2;
  --tblr-twitter: #1da1f2;
  --tblr-linkedin: #0a66c2;
  --tblr-google: #dc4e41;
  --tblr-youtube: #ff0000;
  --tblr-vimeo: #1ab7ea;
  --tblr-dribbble: #ea4c89;
  --tblr-github: #181717;
  --tblr-instagram: #e4405f;
  --tblr-pinterest: #bd081c;
  --tblr-vk: #6383a8;
  --tblr-rss: #ffa500;
  --tblr-flickr: #0063dc;
  --tblr-bitbucket: #0052cc;
  --tblr-tabler: #5E72E1;
  --tblr-primary-rgb: 94, 114, 225;
  --tblr-secondary-rgb: 102, 115, 130;
  --tblr-success-rgb: 47, 179, 68;
  --tblr-info-rgb: 66, 153, 225;
  --tblr-warning-rgb: 247, 103, 7;
  --tblr-danger-rgb: 214, 57, 57;
  --tblr-light-rgb: 252, 253, 254;
  --tblr-dark-rgb: 24, 36, 51;
  --tblr-muted-rgb: 102, 115, 130;
  --tblr-blue-rgb: 94, 114, 225;
  --tblr-azure-rgb: 66, 153, 225;
  --tblr-indigo-rgb: 66, 99, 235;
  --tblr-purple-rgb: 174, 62, 201;
  --tblr-pink-rgb: 214, 51, 108;
  --tblr-red-rgb: 214, 57, 57;
  --tblr-orange-rgb: 247, 103, 7;
  --tblr-yellow-rgb: 245, 159, 0;
  --tblr-lime-rgb: 116, 184, 22;
  --tblr-green-rgb: 47, 179, 68;
  --tblr-teal-rgb: 12, 166, 120;
  --tblr-cyan-rgb: 23, 162, 184;
  --tblr-facebook-rgb: 24, 119, 242;
  --tblr-twitter-rgb: 29, 161, 242;
  --tblr-linkedin-rgb: 10, 102, 194;
  --tblr-google-rgb: 220, 78, 65;
  --tblr-youtube-rgb: 255, 0, 0;
  --tblr-vimeo-rgb: 26, 183, 234;
  --tblr-dribbble-rgb: 234, 76, 137;
  --tblr-github-rgb: 24, 23, 23;
  --tblr-instagram-rgb: 228, 64, 95;
  --tblr-pinterest-rgb: 189, 8, 28;
  --tblr-vk-rgb: 99, 131, 168;
  --tblr-rss-rgb: 255, 165, 0;
  --tblr-flickr-rgb: 0, 99, 220;
  --tblr-bitbucket-rgb: 0, 82, 204;
  --tblr-tabler-rgb: 94, 114, 225;
  --tblr-primary-text-emphasis: #002242;
  --tblr-secondary-text-emphasis: #292e34;
  --tblr-success-text-emphasis: #13481b;
  --tblr-info-text-emphasis: #1a3d5a;
  --tblr-warning-text-emphasis: #632903;
  --tblr-danger-text-emphasis: #561717;
  --tblr-light-text-emphasis: #3a4859;
  --tblr-dark-text-emphasis: #3a4859;
  --tblr-primary-bg-subtle: #ccdded;
  --tblr-secondary-bg-subtle: #e0e3e6;
  --tblr-success-bg-subtle: #d5f0da;
  --tblr-info-bg-subtle: #d9ebf9;
  --tblr-warning-bg-subtle: #fde1cd;
  --tblr-danger-bg-subtle: #f7d7d7;
  --tblr-light-bg-subtle: #fbfcfd;
  --tblr-dark-bg-subtle: #bbc3cd;
  --tblr-primary-border-subtle: #99bbdb;
  --tblr-secondary-border-subtle: #c2c7cd;
  --tblr-success-border-subtle: #ace1b4;
  --tblr-info-border-subtle: #b3d6f3;
  --tblr-warning-border-subtle: #fcc29c;
  --tblr-danger-border-subtle: #efb0b0;
  --tblr-light-border-subtle: #eef1f4;
  --tblr-dark-border-subtle: #929dab;
  --tblr-white-rgb: 255, 255, 255;
  --tblr-black-rgb: 0, 0, 0;
  --tblr-font-sans-serif:    -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
  --tblr-font-monospace:  Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  --tblr-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --tblr-body-font-family: var(--tblr-font-sans-serif);
  --tblr-body-font-size: 0.875rem;
  --tblr-body-font-weight: 400;
  --tblr-body-line-height: 1.4285714286;
  --tblr-body-color: #182433;
  --tblr-body-color-rgb: 24, 36, 51;
  --tblr-body-bg: #f6f8fb;
  --tblr-body-bg-rgb: 246, 248, 251;
  --tblr-emphasis-color: #182433;
  --tblr-emphasis-color-rgb: 24, 36, 51;
  --tblr-secondary-color: rgba(24, 36, 51, 0.75);
  --tblr-secondary-color-rgb: 24, 36, 51;
  --tblr-secondary-bg: #eef1f4;
  --tblr-secondary-bg-rgb: 238, 241, 244;
  --tblr-tertiary-color: rgba(24, 36, 51, 0.5);
  --tblr-tertiary-color-rgb: 24, 36, 51;
  --tblr-tertiary-bg: #f6f8fb;
  --tblr-tertiary-bg-rgb: 246, 248, 251;
  --tblr-heading-color: inherit;
  --tblr-link-color: #5E72E1;
  --tblr-link-color-rgb: 94, 114, 225;
  --tblr-link-decoration: none;
  --tblr-link-hover-color: #004385;
  --tblr-link-hover-color-rgb: 0, 67, 133;
  --tblr-link-hover-decoration: underline;
  --tblr-code-color: var(--tblr-gray-600);
  --tblr-highlight-bg: #fdeccc;
  --tblr-border-width: 1px;
  --tblr-border-style: solid;
  --tblr-border-color: #dadfe5;
  --tblr-border-color-translucent: rgba(4, 32, 69, 0.14);
  --tblr-border-radius: 4px;
  --tblr-border-radius-sm: 2px;
  --tblr-border-radius-lg: 8px;
  --tblr-border-radius-xl: 1rem;
  --tblr-border-radius-xxl: 2rem;
  --tblr-border-radius-2xl: var(--tblr-border-radius-xxl);
  --tblr-border-radius-pill: 100rem;
  --tblr-box-shadow: rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;
  --tblr-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --tblr-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --tblr-box-shadow-inset: 0 0 transparent;
  --tblr-focus-ring-width: 0.25rem;
  --tblr-focus-ring-opacity: 0.25;
  --tblr-focus-ring-color: rgba(var(--tblr-primary-rgb), 0.25);
  --tblr-form-valid-color: #2fb344;
  --tblr-form-valid-border-color: #2fb344;
  --tblr-form-invalid-color: #d63939;
  --tblr-form-invalid-border-color: #d63939;
}

[data-bs-theme=dark], body[data-bs-theme=dark] [data-bs-theme=light] {
  color-scheme: dark;
  --tblr-body-color: #fcfdfe;
  --tblr-body-color-rgb: 252, 253, 254;
  --tblr-body-bg: #262b36;
  --tblr-body-bg-rgb: 4, 10, 17;
  --tblr-emphasis-color: #ffffff;
  --tblr-emphasis-color-rgb: 255, 255, 255;
  --tblr-secondary-color: rgba(252, 253, 254, 0.75);
  --tblr-secondary-color-rgb: 252, 253, 254;
  --tblr-secondary-bg: #182433;
  --tblr-secondary-bg-rgb: 24, 36, 51;
  --tblr-tertiary-color: rgba(252, 253, 254, 0.5);
  --tblr-tertiary-color-rgb: 252, 253, 254;
  --tblr-tertiary-bg: #0e1722;
  --tblr-tertiary-bg-rgb: 14, 23, 34;
  --tblr-primary-text-emphasis: #6698ca;
  --tblr-secondary-text-emphasis: #a3abb4;
  --tblr-success-text-emphasis: #82d18f;
  --tblr-info-text-emphasis: #8ec2ed;
  --tblr-warning-text-emphasis: #faa46a;
  --tblr-danger-text-emphasis: #e68888;
  --tblr-light-text-emphasis: #f6f8fb;
  --tblr-dark-text-emphasis: #dadfe5;
  --tblr-primary-bg-subtle: #001121;
  --tblr-secondary-bg-subtle: #14171a;
  --tblr-success-bg-subtle: #09240e;
  --tblr-info-bg-subtle: #0d1f2d;
  --tblr-warning-bg-subtle: #311501;
  --tblr-danger-bg-subtle: #2b0b0b;
  --tblr-light-bg-subtle: #182433;
  --tblr-dark-bg-subtle: #0c121a;
  --tblr-primary-border-subtle: #003264;
  --tblr-secondary-border-subtle: #3d454e;
  --tblr-success-border-subtle: #1c6b29;
  --tblr-info-border-subtle: #285c87;
  --tblr-warning-border-subtle: #943e04;
  --tblr-danger-border-subtle: #802222;
  --tblr-light-border-subtle: #3a4859;
  --tblr-dark-border-subtle: #182433;
  --tblr-heading-color: inherit;
  --tblr-link-color: #6698ca;
  --tblr-link-hover-color: #85add5;
  --tblr-link-color-rgb: 102, 152, 202;
  --tblr-link-hover-color-rgb: 133, 173, 213;
  --tblr-code-color: var(--tblr-gray-300);
  --tblr-border-color: #1f2e41;
  --tblr-border-color-translucent: rgba(72, 110, 149, 0.14);
  --tblr-form-valid-color: #82d18f;
  --tblr-form-valid-border-color: #82d18f;
  --tblr-form-invalid-color: #e68888;
  --tblr-form-invalid-border-color: #e68888;
}

a.badge {
  color: var(--tblr-bg-surface);
  max-width:250px;
  /* background-color: var(--tblr-yellow); */
}


.editable:hover .penn {
  display: inline !important;
} 


/* -------- HB --------- */

.img-gradient {
  position: relative;
  display: inline-block;
}


.img-gradient:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  border-radius: 1rem;
  background: -webkit-linear-gradient(top, rgba(131, 138, 142, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);

}

.img-gradient img {
  display: block;
  border-radius: 1rem;
}

.textonimg {
  position: relative;
}

.textonimg .onimg {
  z-index: 10;
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%, -25%);
  margin: 0;
  padding: 0;
  color: white;
  font-size: 1em;
  font-family: Quicksand, sans-serif;
}

.card1 .content {
  display: flex;
  justify-content: center;
  align-items: center;
}


.card1 {
  border-radius: 1rem;
  min-height: 250px;
  max-height: 350px;
  position: relative;
  box-shadow: 0 0 15px rgba(0, 0, 0, .2);
  margin: 20px 0 0;
  width: 100%;
  flex: auto;
}

@media screen and (max-width: 700px) {
  .card1 {
      width: 45%;
  }
}

@media screen and (max-width: 500px) {
  .card1 {
      width: 90%;
  }
}

.card1 .elms-animation,
.card1 .content {
  border-radius: 1rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}


.card1 .content {
  z-index: 6;
  visibility: hidden;
}

.card1:hover .content {
  animation: show 0s 0s linear forwards;
  background: #182433a0;
  height: fit-content;
  border-radius: 1rem;
}

.card1 .content .cardbtn {
  align-self: self-start;
  padding: .6rem 1.3rem;
  color: #FFF;
  font-size: 1rem;
  outline: none;
  cursor: pointer;
  transition: background .3s ease;
}

.card1 .content button:hover {
  background: #FFF;
  color: #333;
}

@keyframes show {
  to {
      visibility: visible;
  }
}

.btn-card {
  color: white;
  border: none;
  background-color: transparent;
}

.btn-card:hover {
  color: white;
  border: none;
  background-color: #182433;
}

.bg-grey {
  background-color: #f8f8f8;
}

.h-max {
  min-height: 500px;
}

.btn-white {
  background-color: white;
  color: #333;
  border: 1px solid #333;
}

.border-left1 {
  border-left: 1px solid #dadcde;
}

input[type="time"]::-webkit-calendar-picker-indicator {
  background: none;
}

.without_ampm::-webkit-datetime-edit-ampm-field {
  display: none !important;
}

.without_ampm {
  font-size: larger;
  border: none;
}

input[type=time]::-webkit-clear-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  margin: -10px;
}

.border-1 {
  border: 1px solid #333;
  border-radius: 1rem;
}

.fill-cont {
  width: -webkit-fill-available;
}

.img-resize2 {
  height: 50px;
  width: auto;
}

.rounded1 {
  border-radius: 1rem;
}

.w-45 {
  width: 49% !important;
}

.w-13 {
  width: 13.1% !important;
}

.w-14 {
  width: 14% !important;
}

@media (max-width:575.98px) {
  .w-14 {
      width: 10.1% !important;
  }
}

@media (max-width:575.98px) {
  .marge0 {
      margin: 0 !important;
  }
}

@media (max-width:575.98px) {
  .pade0 {
      padding: 0 !important;
  }
}

input[type='time']::-webkit-calendar-picker-indicator {
  opacity: 0;
  position: absolute;
  width: 50%;

}

.border-none {
  border: none !important;
}

.editable-cell {
  transition: .3s all linear;
}

.editable-field {
  display: flex;
  justify-content: space-between
}

.editable-input {
  border: none;
  font-size: inherit;
  background: inherit;
  color: inherit;
  transition: .3s all linear;
}

&:focus {
  outline: none;
  background: white;
  color: #545454
}


.edit-button {
  cursor: pointer;
  position: relative;
}

.hide {
  visibility: hidden !important;
}

.editing {
  background: #E9F5FA;
  color: #f1f1f1;
  box-shadow: -2px 0px 0px #0081C6;
}  /* hamed for tags */
.bootstrap-tagsinput {
  margin: 0;
  width: 100%;
  padding: 0.5rem 0.75rem 0;
  font-size: 1rem;
  line-height: 1.25;
  transition: border-color 0.15s ease-in-out;
  
  &.has-focus {
    background-color: #fff;
    border-color: #5cb3fd;
  }
  
.label-info {
    display: inline-block;
    background-color: #636c72;
    padding: 0 .4em .15em;
    border-radius: .25rem;
    margin-bottom: 0.4em;
  }
  
input {
    margin-bottom: 0.5em;
  }
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: '\00d7';
}







/* layout */

.zone{
  background-color: #dadfe5;
  border: 1px solid white;
}


.zone2{
  background-color: #dadfe5;
  border: 1px solid white;
}

.zone span{
  font-size: 12px;
  position: relative;
  top: -6px;
}

.zone:hover {
  background-color: #3a4859;
  cursor: pointer;
}

.zone:hover span {
  color: white;
}


.zone.active {
  background-color: #3a4859;
}

.zone.active span {
  color: white;
}



.table-item:active, .table-item:focus, .table-item:hover {
  background-color: rgba(var(--tblr-text-secondary-rgb), 0.04);
  cursor: pointer;
}




.my-btn-check:checked + .btn{
  color: white !important;
  background-color :#5E72E1 !important;
  border-color :white !important;
}

.my-btn-check + .btn{
  color: white !important;
  background-color: #667382 !important;
  border-color: white !important;
}

/* tree view */
.treeview .list-group-item {
  cursor: pointer;
  
  padding-top: 10px;
  padding-bottom: 10px;
}


.treeview span.indent {
  margin-left: 10px;
  margin-right: 10px
}

.treeview span.icon {
  width: 12px;
  margin-right: 5px
}

.treeview .node-disabled {
  color: #040a11;
  cursor: not-allowed
}

.node-treeview1 {
}

.node-treeview1:not(.node-disabled):hover {
      background-color: #040a11 !important;
}
/* tree viewe end */



.errorlist{
  font-weight: bold;
  list-style-type: none;
  padding-left: 0px;
}

.tabler-custom-icon {
  width: 64px;
  height: 64px;
}