/** App */


.full-above, .full-above-fixed{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999999;
  position: absolute
}

.full-above-fixed{position: fixed!important}
.progress.progress-xl{height: 25px}


/*--------------------------------------------------------------
FLEX
--------------------------------------------------------------*/
.flex-vertical, .flex-vertical-between, .flex-vertical-center{
  display: flex;
  align-items: center
}

.flex-vertical-between{justify-content: space-between}
.flex-vertical-center{justify-content: center}


/*--------------------------------------------------------------
PRELOADER PAGE
--------------------------------------------------------------*/
.preloader-page{
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000000
}


.preloader-data{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 0;
  width: 100%;
  height: 100%
}


/*--------------------------------------------------------------
MODAL Box
--------------------------------------------------------------*/
.body-scroll-hidden{overflow: hidden!important}

.custom-modal{
  display: none;
  background: #fff;
  overflow-y: auto;
  z-index: 9999;
  align-items: center;
  justify-content: space-between;
  flex-direction: column
}

.custom-modal-wrapper{
  max-width: 90rem;
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px
}


/* HEADER */
.custom-modal-header{
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  position: fixed;
  z-index: 100;
  box-shadow: 0 0 12px 0 rgba(0,0,0,.05);
  transition: top 0.3s;
  top: 0;
  background: #fff;
  padding: 20px;
  transition: all 0.5s
}

.scrollUp{transform: translateY(-110px)}

.custom-modal-header > div{
  display: flex;
  align-items: center;
  justify-content: space-between
}

.custom-modal-header-logo{height: 60px}

/* CONTENT */
.custom-modal-content{
  top: 110px;
  position: relative;
  transition: top 0.3s;
  padding-top: 40px;
  padding-bottom: 40px
}

/* -ARTICLE */
.view-article-wrapper{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end
}

.view-article{
  border-radius: 3px;
  padding: 5px;
  background: #a1dd70;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.view-article > *{
  color: #fff;
  text-shadow: 0 0 4px rgba(0,0,0,.1);
  cursor: default
}

.view-article i{
  font-size: 15px;
  margin-right: 5px
}

.view-article span{
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 400;
}

.custom-modal-article h1{
  color: #444;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 50px
}

.custom-modal-article-margin {margin: 0 30px}

.custom-modal-title{
  display: flex;
  justify-content: space-between;
  align-items: flex-start
}

.custom-modal-article h4{
  font-weight: 500;
  color: #555;
  text-transform: uppercase;
  margin-top: 50px;
}

.custom-modal-article p{
  font-size: 15px;
  margin: 40px 0;
  color: #444
}

.custom-modal-article h4 + p{
  font-size: 13px;
  margin: 10px 0 0;
  color: #666
}

.custom-modal-article p{font-weight: 400}
.custom-modal-article a:hover{text-decoration: underline!important}

.custom-modal-article img{
  height: auto;
  max-width: 100%;
  margin: 25px auto;
  display: flex
}

.custom-modal-article h4 + p + img{margin-top: 65px}

.custom-modal-article h3{
  color: #444;
  font-weight: 600;
  text-transform: uppercase;
  margin: 40px 0
}

@media screen and (max-width: 680px){
  .custom-modal-article .GetDataDynamic{flex-direction: column}
  .custom-modal-article h1{font-size: 1.6rem}
}




/*--------------------------------------------------------------
ANIMATIONS
--------------------------------------------------------------*/
.ring{
  -webkit-animation: ring 4s .7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s .7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s .7s ease-in-out infinite;
  transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }

  43% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}

.spin{
  -webkit-animation:spin 4s linear infinite;
  -moz-animation:spin 4s linear infinite;
  animation:spin 4s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


.arrow-jump{
  -webkit-animation: arrow-jump 1s infinite; /* Safari 4+ */
  -moz-animation:    arrow-jump 1s infinite; /* Fx 5+ */
  animation:         arrow-jump 1s infinite; /* IE 10+, Fx 29+ */
}

@keyframes arrow-jump {
  0%   { opacity: 0;}
  100% { opacity: 1; 
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@-webkit-keyframes arrow-jump {
  0%   { opacity: 0;}
  100% { opacity: 1; 
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        transform: translateX(10px);
    }
}

.shadow-pulse{
  -webkit-animation: shadow-pulse 1s infinite; /* Safari 4+ */
  -moz-animation:    shadow-pulse 1s infinite; /* Fx 5+ */
  animation:         shadow-pulse 1s infinite; /* IE 10+, Fx 29+ */
}

@keyframes shadow-pulse
{
  0% {
      box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
      box-shadow: 0 0 0 25px rgba(0, 0, 0, 0);
  }
}

@-webkit-keyframes shadow-pulse
{
  0% {
      box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
      box-shadow: 0 0 0 25px rgba(0, 0, 0, 0);
  }
}


/*--------------------------------------------------------------
Bootbox
--------------------------------------------------------------*/
.bootbox-size-sm{ max-width: 400px }
.bootbox-size-md{ max-width: 600px }
.bootbox-size-lg{ max-width: 800px }
.bootbox-size-xl{ max-width: 1200px }

.bootbox{z-index: 1200}
.modal-backdrop{z-index: 1190}


/*--------------------------------------------------------------
TOAST
--------------------------------------------------------------*/
.toast-info .toast-title{ color: #fff!important }

@media (max-width: 480px) and (min-width: 241px) {
  #toast-container > div {
    width: 100%!important;
    padding: 15px 15px 15px 60px
  }
}


/*--------------------------------------------------------------
CUSTOM GRID
--------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
  .col-lg-custom-1{
    flex: 0 0 100%!important;
    max-width: 100%!important
  }
}

@media screen and (max-width: 1080px) {
  .col-lg-custom-2{
    flex: 0 0 100%!important;
    max-width: 100%!important
  }
}


/*--------------------------------------------------------------
CUSTOM CHAT
--------------------------------------------------------------*/
#chat_modal{z-index: 10001}

.custom-chat-modal-cover{
  background: rgba(0,0,0,.6);
  z-index: 10000;
  display: none
}

.custom-chat-message-cover{
  background: rgba(255,255,255,.6);
  z-index: 10;
  display: none
}

.custom-chat-message-cover .close-cover-chat{
  position: absolute;
  top: 15px;
  right: 25px
}

#chat_modal .kt-chat .kt-chat__messages .kt-chat__message .kt-chat__text{font-size: 0.95rem!important}
#chat_modal .kt-chat .kt-chat__messages .kt-chat__message .kt-chat__user .kt-chat__datetime{font-size: 0.75rem!important}


/*--------------------------------------------------------------
CUSTOM CHECKBOX
--------------------------------------------------------------*/
.kt-custom-checkbox{width: fit-content}
.kt-custom-checkbox input{display: none}

.kt-custom-checkbox input + label{
  display: block;
  border: 1px solid #e5e5e5;
  padding: 12px 15px;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  text-align: left;
  width: 100%;
  font-weight: 600;
  transition: 0.5s;
  min-width: 150px;
  text-transform: uppercase;
  color: #444
}

.kt-custom-checkbox input + label:not(:nth-child(2)){margin-top: 15px}

.kt-custom-checkbox input:checked + label, .kt-custom-checkbox label:hover{
  background: #8E78FF;
  border-color: #8E78FF;
  color: #fff;
  text-shadow: 0 0 4px rgba(0,0,0,.05)
}

.kt-custom-checkbox input:checked + label{
  -webkit-animation: shadow-pulse-checkbox 1s infinite; /* Safari 4+ */
  -moz-animation:    shadow-pulse-checkbox 1s infinite; /* Fx 5+ */
  animation:         shadow-pulse-checkbox 1s infinite; /* IE 10+, Fx 29+ */
}

@keyframes shadow-pulse-checkbox
{
  0% {
      box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
      box-shadow: 0 0 0 12px rgba(0, 0, 0, 0);
  }
}

@-webkit-keyframes shadow-pulse-checkbox
{
  0% {
      box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
      box-shadow: 0 0 0 12px rgba(0, 0, 0, 0);
  }
}




/*--------------------------------------------------------------
NEW COLORS
--------------------------------------------------------------*/

/* BGs */
.kt-bg-gradient, .kt-btn-gradinet{ background-image: linear-gradient(to right, #09DC7F 0%, #04B397 100%)!important }
.kt-bg-violet, .kt-btn-violet, .kt-outline-btn-violet:hover{ background: #7863AC!important }
.kt-bg-slate, .kt-btn-slate, .kt-outline-btn-slate:hover{ background: #8E78FF!important }
.kt-bg-mehta, .kt-btn-mehta, .kt-outline-btn-mehta:hover{ background: #2B244D!important }
.kt-bg-muzli, .kt-btn-muzli, .kt-outline-btn-muzli:hover{ background: #392E55!important }
.kt-bg-speech, .kt-btn-speech, .kt-outline-btn-speech:hover{ background: #ed3833!important }
.kt-bg-chirag, .kt-btn-chirog, .kt-outline-btn-chirog:hover{ background: #04B397!important }
.kt-bg-pantone, .kt-btn-pantone, .kt-outline-btn-pantone:hover{ background: #6AB9FF!important }
.kt-bg-supernova, .kt-btn-supernova, .kt-outline-btn-supernova:hover{ background: #FBB03B!important }
.kt-bg-striped, .kt-btn-striped, .kt-outline-btn-striped:hover{ background: #C578FF!important }
.kt-bg-angel, .kt-btn-angel, .kt-outline-btn-angel:hover{ background: #a1dd70!important }
.kt-bg-snow{ background: #fafafa!important }


/* Font colors */
.kt-font-violet, .kt-outline-btn-violet, .kt-label-btn-violet{ color: #7863AC!important }
.kt-font-slate, .kt-outline-btn-slate, .kt-label-btn-slate{ color: #8E78FF!important }
.kt-font-mehta, .kt-outline-btn-mehta, .kt-label-btn-mehta{ color: #2B244D!important }
.kt-font-muzli, .kt-outline-btn-muzli, .kt-label-btn-muzli{ color: #392E55!important }
.kt-font-speech, .kt-outline-btn-speech, .kt-label-btn-speech{ color: #ed3833!important }
.kt-font-chirag, .kt-outline-btn-chirog, .kt-label-btn-chirog{ color: #04B397!important }
.kt-font-pantone, .kt-outline-btn-pantone, .kt-label-btn-pantone{ color: #6AB9FF!important }
.kt-font-supernova, .kt-outline-btn-supernova, .kt-label-btn-supernova{ color: #FBB03B!important }
.kt-font-striped, .kt-outline-btn-striped, .kt-label-btn-striped{ color: #C578FF!important }
.kt-font-angel, .kt-label-btn-angel, .kt-label-btn-angel{ color: #a1dd70!important }
.kt-font-secondary{ color: #e5e5e5!important }

.kt-font-white, [class*='kt-btn-'], [class*='kt-outline-btn-']:hover{color:#fff!important}
[class*='kt-btn-']{border: 1px solid transparent!important}


/* SVG Fill */
.kt-fill-violet{ fill:#7863AC!important }
.kt-fill-slate{ fill: #8E78FF!important }
.kt-fill-mehta{ fill: #2B244D!important }
.kt-fill-muzli{ fill: #392E55!important }
.kt-fill-speech{ fill: #ed3833!important }
.kt-fill-chirag{ fill: #04B397!important }
.kt-fill-pantone{ fill: #6AB9FF!important }
.kt-fill-supernova{ fill: #FBB03B!important }
.kt-fill-striped{ fill: #C578FF!important }
.kt-fill-angel{ fill: #a1dd70!important }


/* Outline */
.kt-outline-btn-violet, .kt-btn-violet{ border-color: #7863AC!important }
.kt-outline-btn-slate, .kt-btn-slate{ border-color: #8E78FF!important}
.kt-outline-btn-mehta, .kt-btn-mehta{ border-color: #2B244D!important }
.kt-outline-btn-muzli, .kt-btn-muzli{ border-color: #392E55!important }
.kt-outline-btn-speech, .kt-btn-speech{ border-color: #ed3833!important }
.kt-outline-btn-chirog, .kt-btn-chirog{ border-color: #04B397!important }
.kt-outline-btn-pantone, .kt-btn-pantone{ border-color: #6AB9FF!important }
.kt-outline-btn-supernova, .kt-btn-supernova{ border-color: #FBB03B!important }
.kt-outline-btn-striped, .kt-btn-striped{ border-color: #C578FF!important }
.kt-outline-btn-angel, .kt-btn-angel{ border-color: #a1dd70!important }

.kt-btn-slate-hover:hover{ background: #8E78FF!important }
.kt-btn-violet-hover:hover{ background: #7863AC!important }
.kt-btn-supernova-hover:hover{ background: #FBB03B!important }


/* Label */
.kt-label-btn-violet{ background: rgba(120, 99, 172, 0.1)!important }
.kt-label-btn-slate{ background: rgba(142, 120, 255, 0.1)!important }
.kt-label-btn-mehta{ background: rgba(43, 36, 77, 0.1)!important }
.kt-label-btn-muzli{ background: rgba(57, 46, 85, 0.1)!important }
.kt-label-btn-speech{ background: rgba(237, 56, 51, 0.1)!important }
.kt-label-btn-chirog{ background: rgba(4, 179, 151, 0.1)!important }
.kt-label-btn-pantone{ background: rgba(106, 185, 255, 0.1)!important }
.kt-label-btn-supernova{ background: rgba(251, 176, 59, 0.1)!important }
.kt-label-btn-striped{ background: rgba(197, 120, 255, 0.1)!important }
.kt-label-btn-angel{ background: rgba(161, 221, 112, 0.1)!important }


/*--------------------------------------------------------------
SWAL
--------------------------------------------------------------*/
.swal2-container{z-index: 99999!important}