:root {
   --black: #000;
}

.skeleton .square {
   height: 80px;
   /* border-radius: 5px; */
   background: rgba(130, 130, 130, 0.2);
   background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
   background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
   background-size: 800px 100px;
   animation: wave-squares 2s infinite ease-out;
}

.skeleton .line {
   height: 12px;
   margin-bottom: 6px;
   border-radius: 2px;
   background: rgba(130, 130, 130, 0.2);
   background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
   background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
   background-size: 800px 100px;
   animation: wave-lines 2s infinite ease-out;
}

.skeleton-right {
   flex: 1;
}

.skeleton-left {
   flex: 2;
   padding-right: 15px;
}

.flex1 {
   flex: 1;
}

.flex2 {
   flex: 2;
}

.skeleton .line:last-child {
   margin-bottom: 0;
}

.h8 {
   height: 8px !important;
}

.h10 {
   height: 10px !important;
}

.h12 {
   height: 12px !important;
}

.h15 {
   height: 15px !important;
}

.h17 {
   height: 17px !important;
}

.h20 {
   height: 20px !important;
}

.h25 {
   height: 25px !important;
}

.w25 {
   width: 25% !important
}

.w40 {
   width: 40% !important;
}

.w50 {
   width: 50% !important
}

.w75 {
   width: 75% !important
}

.m10 {
   margin-bottom: 10px !important;
}

.circle {
   border-radius: 50% !important;
   height: 80px !important;
   width: 80px;
}

@keyframes wave-lines {
   0% {
      background-position: -468px 0;
   }

   100% {
      background-position: 468px 0;
   }
}

@keyframes wave-squares {
   0% {
      background-position: -468px 0;
   }

   100% {
      background-position: 468px 0;
   }
}

.t-l-brd10 {
   border-top-left-radius: 10px;
}

.t-r-brd10 {
   border-top-right-radius: 10px;
}


.t-l-brd20 {
   border-top-left-radius: 20px;
}

.t-r-brd20 {
   border-top-right-radius: 20px;
}

.brd10 {
   border-radius: 10px !important;
}

.brd20 {
   border-radius: 20px !important;
}

.brd20 {
   border-radius: 30px !important;
}

.pd20-top {
   padding-top: 20px !important;
}


.pd10 {
   padding: 10px;
}

.pd10-top {
   padding-top: 10px !important;
}

.pd10-bottom {
   padding-bottom: 10px !important;
}

.pd10-left {
   padding-left: 10px !important;
}

.pd10-right {
   padding-right: 10px !important;
}

.pd10-vertical {
   padding: 10px 0 !important;
}

.pd10-horizontal {
   padding: 0 10px !important;
}

.uk-search-small {
   width: 100%;
}

.uk-search-small .uk-search-icon {
   width: 20px;
}

.uk-search-small .uk-search-input {
   padding-left: 25px;
}


.text-white {
   color: white !important;
}

.text-gold {
   color: rgb(255, 200, 0) !important;
}

.bgc {
   background: linear-gradient(107deg, rgb(255, 67, 5) 11.1%, rgb(245, 135, 0) 95.3%);
}

.circles-bg {
   background-image: linear-gradient(to bottom, #ff4305, #fd4a03, #fc5002, #fa5602, #f85b02, #f85f02, #f86402, #f86802, #fa6d01, #fc7101, #fd7600, #ff7a00);
}

.circles {
   border-radius: 50%;
   width: 100px;
   height: 100px;
   /* width and height can be anything, as long as they're equal */
}

.circles70 {
   border-radius: 50%;
   width: 70px;
   height: 70px;
   /* width and height can be anything, as long as they're equal */
}

.circles p {
   font-size: 10px;
   margin: 0px;
}

.bgc li {
   color: white;
}

.bgc .uk-icon {
   color: white;
}

.bgc li a.m-h-link {
   min-height: 50px;
}

.navslide li a {
   min-height: 70px;
   max-width: 70px;
}

.navslide li a small {
   font-size: 9px;
   font-weight: 600;
   color: white;
}

.bgc .uk-navbar-left a {
   min-height: 50px;
   font-size: 15px;
}


div.online-indicator {
   display: inline-block;
   width: 15px;
   height: 15px;
   margin-right: 10px;

   background-color: #0fcc45;
   border-radius: 50%;

   position: relative;
}

span.blink {
   display: block;
   width: 15px;
   height: 15px;

   background-color: #0fcc45;
   opacity: 0.7;
   border-radius: 50%;

   animation: blink 1s linear infinite;
}

div.offline-indicator {
   display: inline-block;
   width: 15px;
   height: 15px;
   margin-right: 0px;

   background-color: #cc0f0f;
   border-radius: 50%;

   position: relative;
}

span.ofblink {
   display: block;
   width: 15px;
   height: 15px;

   background-color: #cc0f0f;
   opacity: 0.7;
   border-radius: 50%;

   animation: blink 1s linear infinite;
}

/*Animations*/

@keyframes blink {
   100% {
      transform: scale(2, 2);
      opacity: 0;
   }
}

/* Style the uk-navbar-right ul */
.uk-navbar-right ul {
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
}

/* Style the uk-navbar-right li items */
.uk-navbar-right li {
   margin-right: 15px;
}

/* Set the default text color to white */
.uk-navbar-right li>a {
   color: white;
   text-decoration: none;
}

/* Change text color to gray on hover */
.uk-navbar-right li>a:hover {
   color: rgb(255, 200, 0);
}

.uk-navbar-nav>li.uk-active>a {
   color: rgb(255, 200, 0);
}

/* Add underscore line to active link */
.uk-navbar-right .uk-active a {
   border-bottom: 2px solid rgb(255, 200, 0);
}

.uk-navbar-left li>a:hover {
   color: rgb(255, 200, 0);
}

.uk-navbar-left li>a {
   color: white;
   text-decoration: none;
}

.highcharts-credits {
   display: none !important;
}