@import url("../icons/material-design-icon/css/materialdesignicons.min.css");
/*--begin PACE Custom--*/
.pace .pace-progress {
    background: linear-gradient(132deg, #ff9100, #ffd400);
    height: 5px;
}
.pace .pace-progress-inner {
    box-shadow: 0 0 10px #ffd400, 0 0 5px #ffd400;
}
.pace .pace-activity {
    top: 17px;
    right: 17px;
    width: 17px;
    height: 17px;
    border-top-color: #ffd400;
    border-left-color: #ffd400;
}
/*--end PACE Custom--*/
/*--begin Animated Login Custom--*/
.loginAnimated-fadeInRight {
    animation: login_fadeInRight 1s ease-in-out;
    -webkit-animation: login_fadeInRight 1s ease-in-out;
}
@keyframes login_fadeInRight {
    from {
        opacity: 0;
        transform: translateX(5px);
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -ms-transform: translateX(5px);
        -o-transform: translateX(5px);
} to {
        opacity: 1;
    }
}
/*--end Animated Login Custom--*/
/*--begin Bg. Gradient Custom--*/
.bg-gradient-warning {
    background: #ffc700  ;
    background: -moz-linear-gradient(top, #ffc700   0%, #ff9900  100%);
    background: -webkit-linear-gradient(top, #ffc700   0%, #ff9900  100%);
    background: linear-gradient(to bottom, #ffc700   0%, #ff9900  100%);
}
.bg-gradient-success {
    background: #00843E;
    background: -moz-linear-gradient(top, #00843E 0%, #59F187 100%);
    background: -webkit-linear-gradient(top, #00843E 0%, #59F187 100%);
    background: linear-gradient(to bottom, #00843E 0%, #59F187 100%);
}
.bg-gradient-info {
    background: #7239ea;
    background: -moz-linear-gradient(top, #7239ea 0%, #1600b7 100%);
    background: -webkit-linear-gradient(top, #7239ea 0%, #1600b7 100%);
    background: linear-gradient(to bottom, #7239ea 0%, #1600b7 100%);
}
.bg-gradient-primary {
    background: #009ef7;
    background: -moz-linear-gradient(top, #009ef7 0%, #0079eb 100%);
    background: -webkit-linear-gradient(top, #009ef7 0%, #0079eb 100%);
    background: linear-gradient(to bottom, #009ef7 0%, #0079eb 100%);
}
.bg-gradient-danger {
    background: #f1416c;
    background: -moz-linear-gradient(top, #f1416c 0%, #b70000 100%);
    background: -webkit-linear-gradient(top, #f1416c 0%, #b70000 100%);
    background: linear-gradient(to bottom, #f1416c 0%, #b70000 100%);
}
.bg-gradient-dark {
    background: #181c32;
    background: -moz-linear-gradient(top, #181c32 0%, #5c6bc0 100%);
    background: -webkit-linear-gradient(top, #181c32 0%, #5c6bc0 100%);
    background: linear-gradient(to bottom, #181c32 0%, #5c6bc0 100%);
}
/*--end Bg. Gradient Custom--*/
/*--start Input, Button Custom--*/
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle:hover,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: none!important;
    outline-offset: 0;
}
/*--end Input, Button Custom--*/
/*--start Dropify Custom--*/
.dropify-wrapper {
    border-radius: .475rem!important;
}
.dropify-custom-dark .dropify-preview {
    background-color: #1a1a27;
}
.dropify-custom-dark .dropify-preview .dropify-render img {
    background-color: #1a1a27;
}
/*--end Dropify Custom--*/
/*--start Summernote Custom--*/
.note-editor .dropdown-toggle::after {
    all: unset;
}
.note-editor .note-dropdown-menu {
    box-sizing: content-box;
}
.note-editor .note-modal-footer {
    box-sizing: content-box;
}
.note-editor .note-modal-body .checkbox input {
    margin-right: 5px;
}
.note-toolbar .note-btn-group .note-btn i {
    color: #181c32;
}
/*--end Summernote Custom--*/
/*--start Reminder Alert Custom--*/
.reminder-bottom-alert {
    position: fixed;
    bottom: 3%;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 75%;
    z-index: 999;
}
.reminder-bottom-alert .reminder-bottom-alert-close button {
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
    font-weight: 600;
    position: absolute;
    top: 5px;
    right: 5px;
}
/*--end Reminder Alert Custom--*/
/*--begin Placeholder Bootstrap 5 Custom--*/
.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentColor;
    opacity: 0.5;
  }
  .placeholder.btn::before {
    display: inline-block;
    content: "";
  }
  .placeholder-xs {
    min-height: 0.6em;
  }
  .placeholder-sm {
    min-height: 0.8em;
  }
  .placeholder-lg {
    min-height: 1.2em;
  }
  .placeholder-glow .placeholder {
    -webkit-animation: placeholder-glow 2s ease-in-out infinite;
    animation: placeholder-glow 2s ease-in-out infinite;
  }
  @-webkit-keyframes placeholder-glow {
    50% {
      opacity: 0.2;
    }
  }
  @keyframes placeholder-glow {
    50% {
      opacity: 0.2;
    }
  }
  .placeholder-wave {
    -webkit-mask-image: linear-gradient(
      130deg,
      #000 55%,
      rgba(0, 0, 0, 0.8) 75%,
      #000 95%
    );
    mask-image: linear-gradient(
      130deg,
      #000 55%,
      rgba(0, 0, 0, 0.8) 75%,
      #000 95%
    );
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    -webkit-animation: placeholder-wave 2s linear infinite;
    animation: placeholder-wave 2s linear infinite;
  }
  @-webkit-keyframes placeholder-wave {
    100% {
      -webkit-mask-position: -200% 0%;
      mask-position: -200% 0%;
    }
  }
  @keyframes placeholder-wave {
    100% {
      -webkit-mask-position: -200% 0%;
      mask-position: -200% 0%;
    }
  }
/*--end Placeholder Bootstrap 5 Custom--*/
/*--start Message Chat Custom--*/
.message-text-in {
  border-top-right-radius: 18px;
  border-bottom-left-radius: 18px;
  border-top-left-radius: 0;
  border-bottom-right-radius: 18px;
}
.message-text-in p{
  margin: auto;
}
.message-text-out {
  border-top-right-radius: 18px;
  border-bottom-left-radius: 18px;
  border-top-left-radius: 18px;
  border-bottom-right-radius: 0;
}
.message-text-out p{
  margin: auto;
}
/*--end Message Chat Custom--*/
/*--start Magnific-popup Custom--*/
.mfp-bg{
	z-index: 99999;
}
.mfp-wrap{
	z-index: 99999;
}
/*--end Magnific-popup Custom--*/
/*--start footer Custom--*/
.copyRight a {
  color: #9e0404;
}
.copyRight a:hover, .copyRight a:focus, .copyRight a:active {
  color: #b70000;
}
/*--end footer Custom--*/
/*--start Value Select2 Custom--*/
.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
  color: #181c32;
}
/*--end Value Select2 Custom--*/