@font-face {
  font-family: supermarket;
  src: url(../fonts/supermarket.ttf) format('truetype');
}
@font-face {
  font-family: nano;
  src: url(../fonts/nano.ttf) format('truetype');
}
.usefont
{
  font-family: nano !important;
}

.buttonLogin{
  width:100%;

  background: #ff5c41 !important;
  color:white !important;
  transition: 0.3s !important;
}
.buttonLogin:hover{
  background: #d8863c !important;
}
.swal2-popup {
  font-family: nano !important;
}
.buttonshake
{
  animation: shakelittle 0.82s cubic-bezier(.36, .07, .19, .97) both infinite;
}
html {
  padding: 0px;
  -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

body {
  padding: 0px;
  margin: 0px;
}

.scrollbar {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.fake-content {
  height: 100%;
  width: 100%;
}

.scrollbar--dark {
  scrollbar-color: #606060 #393939;
  scrollbar-width: thin;
  background: rgba(28, 28, 28, 0.7);
}

.scrollbar--dark::-webkit-scrollbar {
  height: 10px;
  width: 10px;
  background-color: red;
}

.scrollbar--dark::-webkit-scrollbar-corner {
  background: #393939;
}

.scrollbar--dark::-webkit-scrollbar-thumb {
  background: #606060;
  border: 1px solid #393939;
}

.scrollbar--dark::-webkit-scrollbar-thumb:hover {
  background: #868686;
}

.scrollbar--dark::-webkit-scrollbar-track {
  border: 1px solid #393939;
  background-color: #393939;
}

.scrollbar--light {
  scrollbar-color: #eaeaea #d4d4d4;
  scrollbar-width: thin;
}

.scrollbar--light::-webkit-scrollbar {
  height: 10px;
  width: 10px;
  background-color: red;
}

.scrollbar--light::-webkit-scrollbar-corner {
  background: #d4d4d4;
}

.scrollbar--light::-webkit-scrollbar-thumb {
  background: #0b0f19 !important;
  border: 1px solid #d4d4d4;
}

.scrollbar--light::-webkit-scrollbar-thumb:hover {
  background: #848484;
}

.scrollbar--light::-webkit-scrollbar-track {
  border: 1px solid #d4d4d4;
  background-color: #d4d4d4;
}

.scrollbar--light-reversed {
  scrollbar-color: #d4d4d4 #eaeaea;
  scrollbar-width: thin;
}

.scrollbar--light-reversed::-webkit-scrollbar {
  height: 10px;
  width: 10px;
  background-color: red;
}

.scrollbar--light-reversed::-webkit-scrollbar-corner {
  background: #eaeaea;
}

.scrollbar--light-reversed::-webkit-scrollbar-thumb {
  background: #d4d4d4;
  border: 1px solid #eaeaea;
}

.scrollbar--light-reversed::-webkit-scrollbar-thumb:hover {
  background: #6e6e6e;
}

.scrollbar--light-reversed::-webkit-scrollbar-track {
  border: 1px solid #eaeaea;
  background-color: #eaeaea;
}

.scrollbar--seafoam {
  scrollbar-color: #def1ee #bcd7d2;
  scrollbar-width: thin;
}

.scrollbar--seafoam::-webkit-scrollbar {
  height: 10px;
  width: 10px;
  background-color: red;
}

.scrollbar--seafoam::-webkit-scrollbar-corner {
  background: #bcd7d2;
}

.scrollbar--seafoam::-webkit-scrollbar-thumb {
  background: #def1ee;
  border: 1px solid #bcd7d2;
}

.scrollbar--seafoam::-webkit-scrollbar-thumb:hover {
  background: #689b93;
}

.scrollbar--seafoam::-webkit-scrollbar-track {
  border: 1px solid #bcd7d2;
  background-color: #bcd7d2;
}

.scrollbar--extreme {
  scrollbar-color: gold crimson;
}

.scrollbar--extreme::-webkit-scrollbar {
  height: 40px;
  width: 40px;
  background-color: red;
}

.scrollbar--extreme::-webkit-scrollbar-corner {
  background: crimson;
}

.scrollbar--extreme::-webkit-scrollbar-thumb {
  background: gold;
  border: 1px solid crimson;
}

.scrollbar--extreme::-webkit-scrollbar-thumb:hover {
  background: #ffe34d;
}

.scrollbar--extreme::-webkit-scrollbar-track {
  border: 1px solid crimson;
  background-color: crimson;
}
#iconshowinfo{
  cursor: pointer;
}
.cf::before, .cf::after{
  display: table;
  content: '';
}

.cf::after{
  clear:both;
}

@media(max-width: 1000px){
  #cardshowprogram
  {
    width: 49% !important;
  }
}

.neonText {
  color: #fff;
  text-shadow:
      0 0 7px #d8863c,
      0 0 10px #d8863c,
      0 0 21px #d8863c,
      0 0 42px #ff5c41,
      0 0 82px #ff5c41,
      0 0 92px #ff5c41,
      0 0 102px #ff5c41,
      0 0 151px #ff5c41;
}


@keyframes shakelittle{
  0%{
    transform: translateX(0)
  }
  25%{
    transform: translateX(5px);
  }
    
  50%{
    transform: translateX(-5px);
  }
  100%{
    transform: translateX(0px);
  }
}
@keyframes shake{
  0%{
    transform: translateX(0)
  }
  25%{
    transform: translateX(25px);
  }
    
  50%{
    transform: translateX(-25px);
  }
  100%{
    transform: translateX(0px);
  }
}

.cardwink::after{
  content: "";
  background: url(../image/text.gif); 
  opacity: 0.07;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}


/* Spinner Wrapper */
.loader {
  width: 100vw;
  height: 100vh;
  background-image: radial-gradient(#021027, #000000);
  position: fixed;
  top: 0;
  left: 0;
}

.loader-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


/* Spinner */
.lds-roller {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #333;
  margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
}
@keyframes lds-roller {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}

.select {
  position: relative;
  min-width: 200px;
}
.select svg {
  position: absolute;
  right: 12px;
  top: calc(50% - 3px);
  width: 10px;
  height: 6px;
  stroke-width: 2px;
  stroke: #9098a9;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
.select select {
  -webkit-appearance: none;
  padding: 7px 40px 7px 12px;
  width: 100%;
  border: 1px solid #e8eaed;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 1px 3px -2px #9098a9;
  cursor: pointer;
  font-family: inherit;
  font-size: 16px;
  transition: all 150ms ease;
}
.select select:required:invalid {
  color: #5a667f;
}
.select select option {
  color: #223254;
}
.select select option[value=""][disabled] {
  display: none;
}
.select select:focus {
  outline: none;
  border-color: #07f;
  box-shadow: 0 0 0 2px rgba(0,119,255,0.2);
}
.select select:hover + svg {
  stroke: #07f;
}
.sprites {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
  user-select: none;
}



/*
body::-webkit-scrollbar       {background-color:#fff;width:16px}
body::-webkit-scrollbar-track {background-color:#fff}
body::-webkit-scrollbar-thumb {background-color:#babac0;border-radius:16px;border:4px solid #fff}*/