/* -- Custom Menus -- */
.menu-link.activated { background-color: #1b1b28; }
.menu-link.activated .menu-title { color: #ffffff !important;  }
.menu-link.activated .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) { transition: fill 0.3s ease; fill: #009EF7 !important; }

.custom_sidebottom_block {
  width: 100%;
  bottom: 0px;
  position: absolute;
}
.file_download_link{
  font-size: 18px;
  color: #000;
  cursor: pointer;
}

#kt_aside_menu_wrapper { height: 97% !important; }

/* -- MyOverFlow -- */
.myoverflow {
  display: none;
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  transition: background-color .5s ease-in;
  background-color: #00000040;
}
/* -- Users -- */
.js_user_toggle { cursor: pointer; }
.js_user_toggle:hover { background-color: #1b1b28; color: #ffffff !important; }
.js_user_toggle:hover .text-muted { color: #ffffff !important;  }

.list_num_circle {
  background-color: #1b1b28;
  margin-left: 10px;
}

.menu-arrow:after {
  content: '';
  transform: rotate(0deg);
  padding: 7px;
  position: absolute;
  right: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' fill='%239899ac'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.93537 4.57889C6.03839 4.77912 6.0191 5.0363 5.87137 5.21403L2.87153 8.82282C2.68598 9.04603 2.36951 9.06026 2.16468 8.8546C1.95985 8.64893 1.94422 8.30126 2.12977 8.07804L4.80594 4.85863L2.15586 1.93583C1.96104 1.72096 1.96165 1.37314 2.15722 1.15895C2.35279 0.944757 2.66927 0.945311 2.86409 1.16018L5.85194 4.45551C5.8859 4.49296 5.91371 4.53459 5.93537 4.57889Z'/%3e%3c/svg%3e");
}
.menu-arrow.show:after {
  content: '';
  transform: rotate(90deg);
}
/* -- Inputs -- */
table th { font-size: 13px !important; }

.js_product_table tbody tr:hover, .js_user_table tr:hover { background-color: #8080801a/*#ecf8ff*/; }

#page_index tr td { text-align: center; }

.cropper-face {
  background-color:inherit !important;
}
.cropper-dashed, .cropper-line {
  display:none !important;
}


input[type=range] {
  height: 45px;
  -webkit-appearance: none;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #dadce0;
  border-radius: 1px;
  border: 0px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #3390ec;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #dadce0;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #dadce0;
  border-radius: 1px;
  border: 0px solid #000000;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #3390ec;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #dadce0;
  border: 0px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #dadce0;
  border: 0px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 0px 0px 0px #000000;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #3390ec;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #dadce0;
}
input[type=range]:focus::-ms-fill-upper {
  background: #dadce0;
}