/**
 * @author BoldizArt <boldizar.santo@gmail.com>
 * @copyright 2020 BoldizArt Dark Mode module
 * @license darkmode/LICENCE.txt
 * If you did not receive a copy of the license, please send an email
 * to boldizar.santo@gmail.com so we can send you a copy immediately.
 * Do not edit or add to this file.
 */
/**
 * @file _variables.scss
 * Contains variables.
 */
/**
 * @file _breakpoints.scss
 * Use bootstraps breakpoints.
 */
/**
 * @file _functions.scss
 * Contains style functions - mixins.
 */
/**
 * @file _form.scss
 * Contains form style.
 */

.darkmode-form-container .card.info {
  color: #6c868e; }

.darkmode-form-container .card-block {
  padding: 25px 20px; }
  .darkmode-form-container .card-block.darkmode-form-section {
    background-color: #fff; }
    @media screen and (min-width: 576px) {
      .darkmode-form-container .card-block.darkmode-form-section .form-rows {
        padding-right: 15px; } }
    .darkmode-form-container .card-block.darkmode-form-section .form-rows .form-group {
      padding: 1px;
      display: block;
      width: 100%; }
      .darkmode-form-container .card-block.darkmode-form-section .form-rows .form-group .col-sm-10,
      .darkmode-form-container .card-block.darkmode-form-section .form-rows .form-group .col-sm-2 {
        display: block;
        max-width: 100%; }
        @media screen and (min-width: 576px) {
          .darkmode-form-container .card-block.darkmode-form-section .form-rows .form-group .col-sm-10,
          .darkmode-form-container .card-block.darkmode-form-section .form-rows .form-group .col-sm-2 {
            padding-left: 0px; } }
      .darkmode-form-container .card-block.darkmode-form-section .form-rows .form-group .ps-switch label {
        padding: 5px 10px; }
      .darkmode-form-container .card-block.darkmode-form-section .form-rows .form-group .hidden {
        display: none; }
    .darkmode-form-container .card-block.darkmode-form-section .form-rows .icon-input .form-group {
      margin-bottom: 0; }
    .darkmode-form-container .card-block.darkmode-form-section .form-rows .icon-input .icon-container {
      margin-bottom: 1rem; }
      .darkmode-form-container .card-block.darkmode-form-section .form-rows .icon-input .icon-container .icon {
        padding-right: 0.5rem;
        color: #919aa1;
        cursor: pointer; }
        .darkmode-form-container .card-block.darkmode-form-section .form-rows .icon-input .icon-container .icon.active, .darkmode-form-container .card-block.darkmode-form-section .form-rows .icon-input .icon-container .icon:hover {
          color: #1F9BCF; }
    .darkmode-form-container .card-block.darkmode-form-section .form-rows .transparent {
      opacity: 0.25; }
    .darkmode-form-container .card-block.darkmode-form-section .form-rows .darkmode-upload {
      padding: 0.51rem 2rem;
      background: #F1F3F7;
      color: #39374E;
      cursor: pointer; }
      .darkmode-form-container .card-block.darkmode-form-section .form-rows .darkmode-upload:hover {
        opacity: 0.85; }
      .darkmode-form-container .card-block.darkmode-form-section .form-rows .darkmode-upload.uploaded {
        background: #1F9BCF;
        color: #fff; }
    .darkmode-form-container .card-block.darkmode-form-section .form-rows .darkmode-clean {
      padding: 0.5rem 1rem;
      background: #d9534f;
      cursor: pointer;
      color: #fff; }
      .darkmode-form-container .card-block.darkmode-form-section .form-rows .darkmode-clean:hover {
        opacity: 0.85; }

/**
 * @file _switcher.scss
 * Contains the theme switcher style.
 */
.darkmode-switcher {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1rem; }
  .darkmode-switcher .darkmode-button {
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    color: #55595c; }
    .darkmode-switcher .darkmode-button:hover {
      cursor: pointer;
      color: #1a1a1a; }
    .darkmode-switcher .darkmode-button:focus {
      outline: none; }
  .darkmode-switcher.mobile-only {
    display: none; }

@media screen and (max-width: 767.98px) {
  .darkmode-switcher.mobile-only {
    display: block;
    position: absolute;
    top: 78px;
    right: 20px;
    z-index: 9999; } }