@font-face {
   font-family: Speedee-Bold;
   font-style: normal;
   src: url('fonts/speedee_bd.ttf');
}
@font-face {
   font-family: Speedee-Light;
   font-style: normal;
   src: url('fonts/speedee_lt.ttf');
}
@font-face {
   font-family: Speedee;
   font-style: normal;
   src: url('fonts/speedee_rg.ttf');
}

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: Speedee;                   
}

html, body {
	width: 100%;
	margin: 0;
}

/* width */
::-webkit-scrollbar {
    width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--main_color);
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.v-lazy-image {
  filter: blur(10px);
  transition: filter 0.7s;
}
.v-lazy-image-loaded {
  filter: blur(0);
}

.message {
  margin: 10px 0px;
  padding:12px;
  text-align: left;
  padding-left: 40px;
  font-size: 10pt;
}
  .message.error {
    color: #D8000C !important;
    background: url('/img/error.svg') no-repeat left 10px center #FFD2D2 !important;
    background-size: 20px !important;
  }
  .message.success {
    color: #4F8A10 !important;
    background: url('/img/success.svg') no-repeat left 10px center #DFF2BF !important;
    background-size: 20px !important;
  }

.v-table {

}
  .v-table thead {

  }
    .v-table thead tr:first-child {
      border-bottom: none !important;
    }
    .v-table thead th {
      background-color: var(--main_color) !important;
      font-size: 14px !important;
      text-transform: uppercase !important;
      color: #333 !important;
    }
  .v-table tbody {

  }
    .v-table tbody td {
      text-align: left !important;
    }
    
.v-btn--outline {
  border: 2px solid var(--main_color) !important;
}