:root {
  --bg-planet-bright: #F2C94C;
  --bg-planet-shadow: #828894;
  --bg-planet-lightshadow: #D7D7D820;
  --dot-size: 0.25rem;
}
  :root.bg-dark {
    --bg-color: #2C3144;
  }
nav.main-header ul.navbar-nav li.nav-item {
    max-height: 40px;
}
#darkmode_btn {
        transform: scale(0.55);
        margin-top: -0.75rem;
      cursor: pointer;
      padding: 1rem;
      position: relative;

      /* To make outline on mobile invisible */
      -webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
    }

#darkmode_btn input[type="checkbox"] {
          height: 0;
          width: 0;
          visibility: hidden;
          position: absolute;
      }

#darkmode_btn .planet {
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        overflow: hidden;
        background:
          radial-gradient(3.75em, 99%, transparent 100%);
        background-color: var(--bg-planet-bright);
        background-repeat: no-repeat;
        position: relative;
        will-change: background;
        transition: all 400ms ease;

        /* Safari transition issue */
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        transform: translate3d(0, 0, 0);
      }

#darkmode_btn .planet::after {
          content: "";
          background-color: var(--bg-planet-shadow);
          width: 2rem;
          height: 2rem;
          position: absolute;
          border-radius: 50%;
          will-change: opacity, transform, background-color;
          opacity: 0;
          transform: translate(2em, -2em);
          transition: opacity 400ms ease, transform 400ms ease, background-color 400ms ease;
        }

#darkmode_btn .elements {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transition: transform 400ms ease;
      }

#darkmode_btn .elements svg {
          position: absolute;
          width: 7px;
          height: 7px;
          opacity: 1;
          transition: transform 400ms ease, opacity 200ms ease, width 200ms ease, height 200ms ease;
        }

#darkmode_btn .elements svg circle {
            fill: var(--bg-planet-bright);
            transition: fill 400ms ease;
          }

#darkmode_btn .elements svg:first-child {
            transform: translate(1.8em, 0.35em);
          }

#darkmode_btn .elements svg:nth-child(2) {
            transform: translate(2.8em, 0.7em);
          }

#darkmode_btn .elements svg:nth-child(3) {
            transform: translate(3.2em, 1.8em);
          }

#darkmode_btn .elements svg:nth-child(4) {
            transform: translate(2.8em, 2.8em);
          }

#darkmode_btn .elements svg:nth-child(5) {
            transform: translate(1.8em, 3.2em);
          }

#darkmode_btn .elements svg:nth-child(6) {
            transform: translate(0.7em, 2.8em);
          }

#darkmode_btn .elements svg:nth-child(7) {
            transform: translate(0.35em, 1.8em);
          }

#darkmode_btn .elements svg:nth-child(8) {
            transform: translate(0.7em, 0.7em);
          }


#darkmode_btn input:checked+.planet {
        --bg-planet-bright: #D7D7D8;
      }

#darkmode_btn input:checked+.planet::after {
          opacity: 1;
          transform: translate(0.6em, -0.5em);
        }

#darkmode_btn input:checked~.elements {
        transform: rotate(180deg);
      }

#darkmode_btn input:checked~.elements svg:first-child {
            transform: translate(2em, 1em);
            opacity: 0;
          }

#darkmode_btn input:checked~.elements svg:nth-child(2) {
            transform: translate(3em, 1.5em);
            opacity: 0;
          }

#darkmode_btn input:checked~.elements svg:nth-child(3) {
            transform: translate(3em, 2em);
            opacity: 0;
          }

#darkmode_btn input:checked~.elements svg:nth-child(4) {
            transform: translate(3em, 2em);
            opacity: 0;
          }

#darkmode_btn input:checked~.elements svg:nth-child(5) {
            transform: translate(1.9em, 2.6em);
            width: 0.3em;
            height: 0.3em;
          }

#darkmode_btn input:checked~.elements svg:nth-child(5) circle {
              fill: var(--bg-planet-lightshadow);
            }

#darkmode_btn input:checked~.elements svg:nth-child(6) {
            transform: translate(1.4em, 2.5em);
            width: 0.3em;
            height: 0.3em;
          }

#darkmode_btn input:checked~.elements svg:nth-child(6) circle {
              fill: var(--bg-planet-lightshadow);
            }

#darkmode_btn input:checked~.elements svg:nth-child(7) {
            transform: translate(1.1em, 1.6em);
            width: 0.7em;
            height: 0.7em;
          }

#darkmode_btn input:checked~.elements svg:nth-child(7) circle {
              fill: var(--bg-planet-lightshadow);
            }

#darkmode_btn input:checked~.elements svg:nth-child(8) {
            width: 0.45em;
            height: 0.45em;
            transform: translate(1.7em, 2.1em);
          }

#darkmode_btn input:checked~.elements svg:nth-child(8) circle {
              fill: var(--bg-planet-lightshadow);
            }

.input.adminlte_radio > label {
    display: block;
}


.btn.quick {
	border-bottom-left-radius : 0;
	border-bottom-right-radius : 0;
}
.config .card-header {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.config-fixed-btn {
    right: 0;
    bottom: 30px;
    margin-top: -20px;
    z-index: 999;
    position: fixed;
    padding: 5px 22% 5px 3%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    transition: all 0.5s;
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
}
.top-sticky-btns {
    top: 65px;
    position: sticky;
    z-index: 999;
}
.bottom-sticky-btns {
    bottom: 65px;
    position: sticky;
    z-index: 999;
}
.ms-container .btn {
    margin-bottom: 5px;
}
.btn.btn-pill-right {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.btn.btn-pill-left {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
.ms-container {
  width: inherit;
}

.bootstrap-switch {
    float: right;
    margin-left: 5px;
}
.checkbox  label { 
    width: 100%;
 }

div:not('.cke_dialog') .select2-container {
    width: 100% !important;
}
.select2-container.select2-container--default.select2-container--open {
    z-index: 10010;
}


.table-vertical-middle th,
.table-vertical-middle td {
    vertical-align: middle;
}

.comment > ul {
    list-style: none;
    padding-left: 0;
}

.comment > ul > li {
    display: inline;
    margin-right: 5px;
}

ul.post-meta {
    list-style: none;
    padding-left: 0;
}

ul.post-meta li {
    display: inline;
    margin-right: 5px;
}

.dd3-content > div > a {
    margin-top: -2.8px;
}

.dd3-handle {
    background: #ddd;
    /*border-color: #ccc;*/
}
.dd3-content {
    background: #fafafa;
    border-color: #dfdfdf;
}


.dark-mode .ms-container .ms-selectable,
.dark-mode .ms-container .ms-selection {
    background: none;
}
.dark-mode .ms-container .ms-selectable li.ms-elem-selectable,
.dark-mode .ms-container .ms-selection li.ms-elem-selction  {
    color: #eee;
}

.select2-container
{
    display: block;
    width: auto !important;
}





div.img_preview {
    background: #f0f0f0;
    /*padding-bottom:5px;*/
    /*height:155px;*/
    /*line-height:150px;*/
}
div.img_preview > a > img {
    margin: 3px;
}

input.plate_title {width:100%;padding:0px;border:none;resize:none;}
textarea.plate_sms {width:100%;height:100px;padding:0px;border:none;resize:none;}
textarea.plate_lms {width:100%;height:400px;padding:0px;border:none;resize:none;}
textarea.plate_mms {width:100%;height:100px;padding:0px;border:none;resize:none;}

.block.block-bordered {
  border: 1px solid #e9e9e9;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.block.block-bordered > .block-header {
  border-bottom: 1px solid #e9e9e9;
}
.block.block-rounded {
  border-radius: 4px;
}
.block.block-rounded > .block-header {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.block.block-rounded > .block-content:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.block.block-rounded > .block-content:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.block.block-themed > .block-header {
  border-bottom: none;
}
.block.block-themed > .block-header > .block-title {
  color: #fff;
}
.block.block-themed > .block-header > .block-title small {
  color: rgba(255, 255, 255, 0.75);
}
.block.block-transparent {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

div.row.plates .btn-group {    width: calc(100% - 17px);
    margin-left: 17px;
    margin-top: -60px;}
div.row.plates .btn-group > .btn {padding: 7px 0px;}

    
    .block.block-rounded {
    border-radius: 4px;
}
.block.block-bordered {
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.block-content p, .block-content .push, .block-content .block, .block-content .items-push > div {
    margin-bottom: 20px;
}
    .block.block-rounded > .block-content:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    }
    .block-content.block-content-full {
        padding-bottom: 20px;
    }
    .bg-default {
    background-color: -webkit-gradient(linear, left top, right top, from(#58acfe), to(#7697fe));
    background-image: -webkit-linear-gradient(left, #58acfe, #7697fe);
    background-image: -moz-linear-gradient(left, #58acfe, #7697fe);
    background-image: -o-linear-gradient(left, #58acfe, #7697fe);
    background-image: linear-gradient(to right, #58acfe, #7697fe);
    background-repeat: repeat-x
    }
    .img-container {
        position: relative;
        overflow: hidden;
        z-index: 0;
        display: block;
    }
    .block.block-rounded > .block-content:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.block-content.block-content-full {
    padding-bottom: 20px;
}
.block-content {
    margin: 0 auto;
    padding: 20px 20px 1px;
    max-width: 100%;
    overflow-x: visible;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

.datepicker {z-index: 9999 !important;}