/*CURSOR*/
.cursor_p {cursor: pointer!important;}
.cursor_d {cursor: default!important;}
.cursor_not_alowed {cursor: not-allowed!important;}

/*Opacity*/
.op-0 {opacity: 0.0;}
.op-1 {opacity: 0.1;}
.op-2 {opacity: 0.2;}
.op-3 {opacity: 0.3;}
.op-4 {opacity: 0.4;}
.op-5 {opacity: 0.5;}
.op-6 {opacity: 0.6;}
.op-7 {opacity: 0.7;}
.op-8 {opacity: 0.8;}
.op-9 {opacity: 0.9;}


/*Font Size*/
.fs-8 {font-size: 8px !important;}
.fs-9 {font-size: 9px !important;}
.fs-10 {font-size: 10px !important;}
.fs-11 {font-size: 11px !important;}
.fs-12 {font-size: 12px !important;}
.fs-13 {font-size: 13px !important;}
.fs-14 {font-size: 14px !important;}
.fs-15 {font-size: 15px !important;}
.fs-16 {font-size: 16px !important;}
.fs-17 {font-size: 17px !important;}
.fs-18 {font-size: 18px !important;}
.fs-19 {font-size: 19px !important;}
.fs-20 {font-size: 20px !important;}
.fs-21 {font-size: 21px !important;}
.fs-22 {font-size: 22px !important;}
.fs-23 {font-size: 23px !important;}
.fs-24 {font-size: 24px !important;}
.fs-25 {font-size: 25px !important;}
.fs-26 {font-size: 26px !important;}
.fs-27 {font-size: 27px !important;}
.fs-28 {font-size: 28px !important;}



/*Color change on hover*/
.hvr-color {color: #757575;}
.hvr-color.hvr-gray:hover {color: #757575 !important;}
.hvr-color.hvr-primary:hover {color: #007bff !important;}
.hvr-color.hvr-secondary:hover {color: #6c757d !important;}
.hvr-color.hvr-success:hover {color: #2dce89 !important;}
.hvr-color.hvr-danger:hover {color: #f5365c !important;}
.hvr-color.hvr-warning:hover {color: #fb6340 !important;}
.hvr-color.hvr-info:hover {color: #f8f9fa !important;}
.hvr-color.hvr-light:hover {color: #f8f9fa !important;}
.hvr-color.hvr-dark:hover {color: #343a40 !important;}

/* Border radius */
.b-rad-5{border-radius: 5px !important;}
.b-rad-10{border-radius: 10px !important;}
.b-rad-25{border-radius: 25px !important;}
.b-rad-50{border-radius: 50px !important;}

/*Text Style*/
.ws-normal {
  white-space: normal;
}


/*Animation*/
.anim_elem {
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  --webkit-transition: all 0.5s ease-in-out;
}

@keyframes rotate-shake {
  0% {
    transform: rotate(0deg);
  }
  2% {
    transform: rotate(30deg);
  }
  4% {
    transform: rotate(-30deg);
  }
  6% {
    transform: rotate(30deg);
  }
  8% {
    transform: rotate(-30deg);
  }
  10% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.shake-rotation {
  animation: rotate-shake 4.0s ease-in-out infinite, pause 3s ease-in-out infinite;
}

/* Pause de 3 secondes avant de recommencer */
@keyframes pause {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}




/* Other Things */

.bg-gWg {
  background-image: linear-gradient(135deg, rgba(244, 244, 244,0.07) 0%, rgba(244, 244, 244,0.07) 12.5%,rgba(211, 211, 211,0.07) 12.5%, rgba(211, 211, 211,0.07) 25%,rgba(178, 178, 178,0.07) 25%, rgba(178, 178, 178,0.07) 37.5%,rgba(145, 145, 145,0.07) 37.5%, rgba(145, 145, 145,0.07) 50%,rgba(113, 113, 113,0.07) 50%, rgba(113, 113, 113,0.07) 62.5%,rgba(80, 80, 80,0.07) 62.5%, rgba(80, 80, 80,0.07) 75%,rgba(47, 47, 47,0.07) 75%, rgba(47, 47, 47,0.07) 87.5%,rgba(14, 14, 14,0.07) 87.5%, rgba(14, 14, 14,0.07) 100%),linear-gradient(45deg, rgba(236, 236, 236,0.07) 0%, rgba(236, 236, 236,0.07) 12.5%,rgba(210, 210, 210,0.07) 12.5%, rgba(210, 210, 210,0.07) 25%,rgba(183, 183, 183,0.07) 25%, rgba(183, 183, 183,0.07) 37.5%,rgba(157, 157, 157,0.07) 37.5%, rgba(157, 157, 157,0.07) 50%,rgba(130, 130, 130,0.07) 50%, rgba(130, 130, 130,0.07) 62.5%,rgba(104, 104, 104,0.07) 62.5%, rgba(104, 104, 104,0.07) 75%,rgba(77, 77, 77,0.07) 75%, rgba(77, 77, 77,0.07) 87.5%,rgba(51, 51, 51,0.07) 87.5%, rgba(51, 51, 51,0.07) 100%),linear-gradient(90deg, #ffffff,#ffffff);
}
.no_select {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  user-select: none;
}



.ovfl-X-hid {overflow-x: hidden}





.bg_styled, .page-wrap {
  background-color: #f0f0f0 !important;
  opacity: 1 !important;
  min-height: 300px;
  background: linear-gradient(22.5deg, rgba(66, 66, 66, 0.02) 0%, rgba(66, 66, 66, 0.02) 11%, rgba(135, 135, 135, 0.02) 11%, rgba(135, 135, 135, 0.02) 24%, rgba(29, 29, 29, 0.02) 24%, rgba(29, 29, 29, 0.02) 38%, rgba(15, 15, 15, 0.02) 38%, rgba(15, 15, 15, 0.02) 50%, rgba(180, 180, 180, 0.02) 50%, rgba(180, 180, 180, 0.02) 77%, rgba(205, 205, 205, 0.02) 77%, rgba(205, 205, 205, 0.02) 100%), linear-gradient(67.5deg, rgba(10, 10, 10, 0.02) 0%, rgba(10, 10, 10, 0.02) 22%, rgba(52, 52, 52, 0.02) 22%, rgba(52, 52, 52, 0.02) 29%, rgba(203, 203, 203, 0.02) 29%, rgba(203, 203, 203, 0.02) 30%, rgba(69, 69, 69, 0.02) 30%, rgba(69, 69, 69, 0.02) 75%, rgba(231, 231, 231, 0.02) 75%, rgba(231, 231, 231, 0.02) 95%, rgba(138, 138, 138, 0.02) 95%, rgba(138, 138, 138, 0.02) 100%), linear-gradient(112.5deg, rgba(221, 221, 221, 0.02) 0%, rgba(221, 221, 221, 0.02) 17%, rgba(190, 190, 190, 0.02) 17%, rgba(190, 190, 190, 0.02) 39%, rgba(186, 186, 186, 0.02) 39%, rgba(186, 186, 186, 0.02) 66%, rgba(191, 191, 191, 0.02) 66%, rgba(191, 191, 191, 0.02) 68%, rgba(16, 16, 16, 0.02) 68%, rgba(16, 16, 16, 0.02) 70%, rgba(94, 94, 94, 0.02) 70%, rgba(94, 94, 94, 0.02) 100%), linear-gradient(90deg, #FFF, #FFF);
}


#scrollToTopBtn {
  position: fixed; bottom: 12px; right: 15px; opacity: 1; display: none;
}

#scrollToTopBtn i {
  position: relative;top:-2px;
}

@media (max-width: 992px) {
  .overflow-x-md-scroll {
    overflow-x: scroll;
  }

}


/* Timeout modal */
#session-timeout-dialog .modal-header {display: block;text-align: center}
#session-timeout-dialog .modal-header .close {display: none;}
#session-timeout-dialog .modal-body p {font-size: 20px; margin-top: 1rem;text-align: center}