:root {
   --black: #000;
   font-size: 100%;
   font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
nav,
ul,
li,
a {
   font-family: inherit;
}

.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;
}

.w2 {
   width: 5% !important
}

.w25 {
   width: 25% !important
}

.w40 {
   width: 40% !important;
}

.w35 {
   width: 35% !important
}

.w45 {
   width: 45% !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;
   }
}


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

.brd10-top-left-right {
   border-radius: 10px 10px 0 0 !important;
}

.brd5-top-left-bottom-right {
   border-radius: 5px 0 0 5px !important;
}

.uk-navbar {
   height: 90px;
}

.uk-navbar-left {
   height: 60px;
}

.uk-navbar-right {
   height: 80px;
}

.brand-logo {
   min-height: 80px;
   margin-right: 10px;
   position: relative;
   z-index: 2;
   left: 0;
   top: 5px;
   padding: 10px;
   border-radius: 0 0 10px 10px !important;
   width: auto;
   display: inline-block;
   background-color: white;
}

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

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

.pd10 {
   padding: 10px;
}

.pd5 {
   text-align: center;
   padding: 5px !important;
}

.pd5 small {
   text-align: center;
   font-size: 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;
}

.gradients_footer {
   background: #012e6f;
   background: linear-gradient(90deg, #012e6f, #013277);
   background: -moz-linear-gradient(90deg, #012e6f, #013277);
   background: -webkit-linear-gradient(90deg, #012e6f, #013277);
   filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#239EAB", endColorstr="#74DEEE", GradientType=1);
}

.gradients {
   background: #fff;
   background: linear-gradient(90deg, #fff, #f0f5fc);
   background: -moz-linear-gradient(90deg, #fff, #f0f5fc);
   background: -webkit-linear-gradient(90deg, #fff, #f0f5fc);
   filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#239EAB", endColorstr="#74DEEE", GradientType=1);
}

.text_line_clamp {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

.uk-dotnav .uk-active a {
   background-color: #012e6f;
}


.wrapper input {
   text-align: center;
   margin-top: 3px;
}

.wrapper input[type="number"] {
   -webkit-appearance: textfield !important;
   -moz-appearance: textfield !important;
   appearance: textfield !important;
}

.wrapper input[type=number]::-webkit-inner-spin-button,
.wrapper input[type=number]::-webkit-outer-spin-button {
   -webkit-appearance: none;
}

.wrapper {
   /* border: 2px #dcd3d3 solid; */
   height: 30%;
   /* padding: 5px; */
   display: flex;
   border-radius: 10px;
}

.plusminus {
   height: 100%;
   width: 30%;
   background: white;
   border: none;
   font-size: 20px;
   color: #5f5fce;
}

.num {
   height: 100%;
   width: 39%;
   border: none;
   font-size: 16px;
}

.sticky_header {
   position: sticky;
   top: 0;
   z-index: 99;
}

.button_primary {
   color: #fff;
   background-color: #013277;
}

.stick_bottom {
   position: sticky;
   top: 5rem;
   bottom: 0;
   z-index: 3;
}

.filter_grey {
   user-select: none;
   filter: grayscale(100%);
   pointer-events: none;
   opacity: 2;
   cursor: not-allowed;
}

.uk-list-materi-dekstop {
   display: inline;
}

.uk-list-materi-mobile {
   display: none;
}
 /* Tablet landscape and bigger */
 @media (min-width: 960px) {
   .uk-list-materi-dekstop\@m {
      display: inline;
   }
 }

 /* Phone landscape and smaller */
 @media (max-width: 959px) {
   .uk-list-materi-dekstop\@m {
      display: none;
   }
 }

  /* Tablet landscape and bigger */
  @media (min-width: 960px) {
   .uk-list-materi-mobile\@m {
      display: none;
   }
 }

 /* Phone landscape and smaller */
 @media (max-width: 959px) {
   .uk-list-materi-mobile\@m {
      display: inline;
   }
 }


.uk-home-dekstop {
   display: inline;
}

.uk-home-mobile {
   display: none;
}
 /* Tablet landscape and bigger */
 @media (min-width: 960px) {
   .uk-home-dekstop\@m {
      display: inline;
   }
 }

 /* Phone landscape and smaller */
 @media (max-width: 959px) {
   .uk-home-dekstop\@m {
      display: none;
   }
 }

  /* Tablet landscape and bigger */
  @media (min-width: 960px) {
   .uk-home-mobile\@m {
      display: none;
   }
 }

 /* Phone landscape and smaller */
 @media (max-width: 959px) {
   .uk-home-mobile\@m {
      display: inline;
   }
 }