/*  Project: Night Mode 
 *   Author: Hamid Roohani
 *   License: MIT License
 *   Copyright (c) 2018 - Fenix
 */
/* FILE : night-mode.css */
div.aras-g-p-main-night-mode {
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 20001;
  justify-content: center; }
  div.aras-g-p-main-night-mode > div.aras-g-p-bg-n-m {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 20002;
    background-color: #0009; }
  div.aras-g-p-main-night-mode > div.aras-g-p-content-night-mode {
    width: 350px;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 10px;
    position: relative;
    z-index: 30000; }
    div.aras-g-p-main-night-mode > div.aras-g-p-content-night-mode p {
      font-size: 13px; }
    div.aras-g-p-main-night-mode > div.aras-g-p-content-night-mode > div.aras-g-p-head-n-m {
      display: flex;
      flex-direction: column;
      align-items: center;
      background: #67c3ec;
      border-radius: 10px 10px 0 0;
      font-size: 13px;
      color: #FFFFFF; }
      div.aras-g-p-main-night-mode > div.aras-g-p-content-night-mode > div.aras-g-p-head-n-m > i {
        font-size: 48px;
        color: #FFFFFF;
        margin-top: 5px; }
    div.aras-g-p-main-night-mode > div.aras-g-p-content-night-mode > div.aras-g-p-body-n-m {
      display: flex;
      flex-direction: column;
      margin-top: 15px;
      align-items: center; }
      div.aras-g-p-main-night-mode > div.aras-g-p-content-night-mode > div.aras-g-p-body-n-m > p {
        margin-bottom: 5px;
        color: #000 !important; }
      div.aras-g-p-main-night-mode > div.aras-g-p-content-night-mode > div.aras-g-p-body-n-m > div.aras-g-p-butt-n-m {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 85%; }
        div.aras-g-p-main-night-mode > div.aras-g-p-content-night-mode > div.aras-g-p-body-n-m > div.aras-g-p-butt-n-m > i {
          color: #7e8c9f; }
        div.aras-g-p-main-night-mode > div.aras-g-p-content-night-mode > div.aras-g-p-body-n-m > div.aras-g-p-butt-n-m > div {
          flex: 1;
          margin: 0 20px;
          direction: ltr; }
        div.aras-g-p-main-night-mode > div.aras-g-p-content-night-mode > div.aras-g-p-body-n-m > div.aras-g-p-butt-n-m > div input[type=range].aras-g-p-n-m-slider {
          height: 38px;
          -webkit-appearance: none;
          margin: 10px 0;
          width: 100%; }
        div.aras-g-p-main-night-mode > div.aras-g-p-content-night-mode > div.aras-g-p-body-n-m > div.aras-g-p-butt-n-m > div input[type=range].aras-g-p-n-m-slider:focus {
          outline: none; }
        div.aras-g-p-main-night-mode > div.aras-g-p-content-night-mode > div.aras-g-p-body-n-m > div.aras-g-p-butt-n-m > div input[type=range].aras-g-p-n-m-slider::-webkit-slider-runnable-track {
          width: 100%;
          height: 10px;
          cursor: pointer;
          animate: 0.2s;
          box-shadow: 1px 1px 1px #000000;
          background: #3071A9;
          border-radius: 5px;
          border: 1px solid #000000; }
        div.aras-g-p-main-night-mode > div.aras-g-p-content-night-mode > div.aras-g-p-body-n-m > div.aras-g-p-butt-n-m > div input[type=range].aras-g-p-n-m-slider::-webkit-slider-thumb {
          box-shadow: 1px 1px 1px #000000;
          border: 1px solid #000000;
          height: 30px;
          width: 15px;
          border-radius: 5px;
          background: #FFFFFF;
          cursor: pointer;
          -webkit-appearance: none;
          margin-top: -11px; }
        div.aras-g-p-main-night-mode > div.aras-g-p-content-night-mode > div.aras-g-p-body-n-m > div.aras-g-p-butt-n-m > div input[type=range].aras-g-p-n-m-slider:focus::-webkit-slider-runnable-track {
          background: #3071A9; }
        div.aras-g-p-main-night-mode > div.aras-g-p-content-night-mode > div.aras-g-p-body-n-m > div.aras-g-p-butt-n-m > div input[type=range].aras-g-p-n-m-slider::-moz-range-track {
          width: 100%;
          height: 10px;
          cursor: pointer;
          animate: 0.2s;
          box-shadow: 1px 1px 1px #000000;
          background: #3071A9;
          border-radius: 5px;
          border: 1px solid #000000; }
        div.aras-g-p-main-night-mode > div.aras-g-p-content-night-mode > div.aras-g-p-body-n-m > div.aras-g-p-butt-n-m > div input[type=range].aras-g-p-n-m-slider::-moz-range-thumb {
          box-shadow: 1px 1px 1px #000000;
          border: 1px solid #000000;
          height: 30px;
          width: 15px;
          border-radius: 5px;
          background: #FFFFFF;
          cursor: pointer; }
        div.aras-g-p-main-night-mode > div.aras-g-p-content-night-mode > div.aras-g-p-body-n-m > div.aras-g-p-butt-n-m > div input[type=range].aras-g-p-n-m-slider::-ms-track {
          width: 100%;
          height: 10px;
          cursor: pointer;
          animate: 0.2s;
          background: transparent;
          border-color: transparent;
          color: transparent; }
        div.aras-g-p-main-night-mode > div.aras-g-p-content-night-mode > div.aras-g-p-body-n-m > div.aras-g-p-butt-n-m > div input[type=range].aras-g-p-n-m-slider::-ms-fill-lower {
          background: #3071A9;
          border: 1px solid #000000;
          border-radius: 10px;
          box-shadow: 1px 1px 1px #000000; }
        div.aras-g-p-main-night-mode > div.aras-g-p-content-night-mode > div.aras-g-p-body-n-m > div.aras-g-p-butt-n-m > div input[type=range].aras-g-p-n-m-slider::-ms-fill-upper {
          background: #3071A9;
          border: 1px solid #000000;
          border-radius: 10px;
          box-shadow: 1px 1px 1px #000000; }
        div.aras-g-p-main-night-mode > div.aras-g-p-content-night-mode > div.aras-g-p-body-n-m > div.aras-g-p-butt-n-m > div input[type=range].aras-g-p-n-m-slider::-ms-thumb {
          margin-top: 1px;
          box-shadow: 1px 1px 1px #000000;
          border: 1px solid #000000;
          height: 30px;
          width: 15px;
          border-radius: 5px;
          background: #FFFFFF;
          cursor: pointer; }
        div.aras-g-p-main-night-mode > div.aras-g-p-content-night-mode > div.aras-g-p-body-n-m > div.aras-g-p-butt-n-m > div input[type=range].aras-g-p-n-m-slider:focus::-ms-fill-lower {
          background: #3071A9; }
        div.aras-g-p-main-night-mode > div.aras-g-p-content-night-mode > div.aras-g-p-body-n-m > div.aras-g-p-butt-n-m > div input[type=range].aras-g-p-n-m-slider:focus::-ms-fill-upper {
          background: #3071A9; }
        div.aras-g-p-main-night-mode > div.aras-g-p-content-night-mode > div.aras-g-p-body-n-m > div.aras-g-p-butt-n-m > span#n-m-per-val {
          color: #7e8c9f; }
      div.aras-g-p-main-night-mode > div.aras-g-p-content-night-mode > div.aras-g-p-body-n-m > button.aras-g-p-btn-n-m {
        background: #67c3ec !important;
        color: #FFFFFF;
        margin-top: 5px;
        margin-bottom: 10px;
        font-size: 14px;
        padding: 7px 20px;
        line-height: 1px !important;
        border: none;
        border-radius: 5px;
        height: 35px;
        display: flex;
        justify-content: center;
        align-items: center; }

.aras-g-p-icon-night-mode-spinner {
  display: block;
  font-size: 46px;
  color: #002d4c;
  animation-name: spin;
  animation-duration: 5000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  /* transform: rotate(3deg); */
  /* transform: rotate(0.3rad);/ */
  /* transform: rotate(3grad); */
  /* transform: rotate(.03turn);  */ }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
.aras-g-p-night-mode-trigger {
  position: fixed !important;
  right: 0;
  border-radius: 5px 0 0 5px;
  top: 65px !important;
  z-index: 1000000000000000;
  opacity: 1 !important;
  padding: 10px 10px !important;
  line-height: 1px !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 18px !important;
  cursor: pointer;
  background: #000000 !important;
  color: white; }

.aras-g-p-top-left {
  top: 65px !important;
  left: 0 !important;
  border-radius: 0 5px 5px 0 !important; }

.aras-g-p-bottom-right {
  top: unset !important;
  bottom: 65px !important;
  right: 0 !important;
  border-radius: 5px 0 0 5px !important; }

.aras-g-p-bottom-left {
  top: unset !important;
  bottom: 65px !important;
  right: unset !important;
  left: 0 !important;
  border-radius: 0 5px 5px 0 !important; }

.aras-g-p-n-m-img-op img {
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  /* For IE8 and earlier */ }

#aras-g-p-n-m-per-val {
  color: #67c3ec; }

/*# sourceMappingURL=night-mode.css.map */