.mm_scroll, .dash_popup .cont div.ua, .dash_popup .cont ul.print_info, #dash_body_cont #page_body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important; }
  .mm_scroll::-webkit-scrollbar, .dash_popup .cont div.ua::-webkit-scrollbar, .dash_popup .cont ul.print_info::-webkit-scrollbar, #dash_body_cont #page_body::-webkit-scrollbar {
    width: 8px;
    height: 8px; }
  .mm_scroll::-webkit-scrollbar-button, .dash_popup .cont div.ua::-webkit-scrollbar-button, .dash_popup .cont ul.print_info::-webkit-scrollbar-button, #dash_body_cont #page_body::-webkit-scrollbar-button {
    width: 0px;
    height: 0px; }
  .mm_scroll::-webkit-scrollbar-thumb, .dash_popup .cont div.ua::-webkit-scrollbar-thumb, .dash_popup .cont ul.print_info::-webkit-scrollbar-thumb, #dash_body_cont #page_body::-webkit-scrollbar-thumb {
    background: #f0166d;
    background: linear-gradient(165deg, #f0166d 0%, #f0166d 64%);
    border: 0px none rgba(255, 255, 255, 0);
    border-radius: 0px; }
  .mm_scroll::-webkit-scrollbar-thumb:hover, .dash_popup .cont div.ua::-webkit-scrollbar-thumb:hover, .dash_popup .cont ul.print_info::-webkit-scrollbar-thumb:hover, #dash_body_cont #page_body::-webkit-scrollbar-thumb:hover {
    background: #f0166d;
    background: linear-gradient(90deg, #f0166d 0%, #f0166d 64%); }
  .mm_scroll::-webkit-scrollbar-thumb:active, .dash_popup .cont div.ua::-webkit-scrollbar-thumb:active, .dash_popup .cont ul.print_info::-webkit-scrollbar-thumb:active, #dash_body_cont #page_body::-webkit-scrollbar-thumb:active {
    background: #f0166d;
    background: linear-gradient(90deg, #f0166d 0%, #f0166d 64%); }
  .mm_scroll::-webkit-scrollbar-track, .dash_popup .cont div.ua::-webkit-scrollbar-track, .dash_popup .cont ul.print_info::-webkit-scrollbar-track, #dash_body_cont #page_body::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0);
    border: 0px none rgba(255, 255, 255, 0);
    border-radius: 0px; }
  .mm_scroll::-webkit-scrollbar-track:hover, .dash_popup .cont div.ua::-webkit-scrollbar-track:hover, .dash_popup .cont ul.print_info::-webkit-scrollbar-track:hover, #dash_body_cont #page_body::-webkit-scrollbar-track:hover {
    background: rgba(255, 255, 255, 0); }
  .mm_scroll::-webkit-scrollbar-track:active, .dash_popup .cont div.ua::-webkit-scrollbar-track:active, .dash_popup .cont ul.print_info::-webkit-scrollbar-track:active, #dash_body_cont #page_body::-webkit-scrollbar-track:active {
    background: rgba(255, 255, 255, 0); }
  .mm_scroll::-webkit-scrollbar-corner, .dash_popup .cont div.ua::-webkit-scrollbar-corner, .dash_popup .cont ul.print_info::-webkit-scrollbar-corner, #dash_body_cont #page_body::-webkit-scrollbar-corner {
    background: transparent; }

.mm_scroll_horizontal, #favorites.cont_body ul.date_navigation,
#cameras.cont_body ul.date_navigation {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important; }
  .mm_scroll_horizontal::-webkit-scrollbar, #favorites.cont_body ul.date_navigation::-webkit-scrollbar,
  #cameras.cont_body ul.date_navigation::-webkit-scrollbar {
    width: 8px;
    height: 8px; }
  .mm_scroll_horizontal::-webkit-scrollbar-button, #favorites.cont_body ul.date_navigation::-webkit-scrollbar-button,
  #cameras.cont_body ul.date_navigation::-webkit-scrollbar-button {
    width: 0px;
    height: 0px; }
  .mm_scroll_horizontal::-webkit-scrollbar-thumb, #favorites.cont_body ul.date_navigation::-webkit-scrollbar-thumb,
  #cameras.cont_body ul.date_navigation::-webkit-scrollbar-thumb {
    background: #f0166d;
    background: linear-gradient(165deg, #f0166d 0%, #f0166d 64%);
    border: 0px none rgba(255, 255, 255, 0);
    border-radius: 0px; }
  .mm_scroll_horizontal::-webkit-scrollbar-thumb:hover, #favorites.cont_body ul.date_navigation::-webkit-scrollbar-thumb:hover,
  #cameras.cont_body ul.date_navigation::-webkit-scrollbar-thumb:hover {
    background: #f0166d;
    background: linear-gradient(90deg, #f0166d 0%, #f0166d 64%); }
  .mm_scroll_horizontal::-webkit-scrollbar-thumb:active, #favorites.cont_body ul.date_navigation::-webkit-scrollbar-thumb:active,
  #cameras.cont_body ul.date_navigation::-webkit-scrollbar-thumb:active {
    background: #f0166d;
    background: linear-gradient(90deg, #f0166d 0%, #f0166d 64%); }
  .mm_scroll_horizontal::-webkit-scrollbar-track, #favorites.cont_body ul.date_navigation::-webkit-scrollbar-track,
  #cameras.cont_body ul.date_navigation::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0);
    border: 0px none rgba(255, 255, 255, 0);
    border-radius: 0px; }
  .mm_scroll_horizontal::-webkit-scrollbar-track:hover, #favorites.cont_body ul.date_navigation::-webkit-scrollbar-track:hover,
  #cameras.cont_body ul.date_navigation::-webkit-scrollbar-track:hover {
    background: rgba(255, 255, 255, 0); }
  .mm_scroll_horizontal::-webkit-scrollbar-track:active, #favorites.cont_body ul.date_navigation::-webkit-scrollbar-track:active,
  #cameras.cont_body ul.date_navigation::-webkit-scrollbar-track:active {
    background: rgba(255, 255, 255, 0); }
  .mm_scroll_horizontal::-webkit-scrollbar-corner, #favorites.cont_body ul.date_navigation::-webkit-scrollbar-corner,
  #cameras.cont_body ul.date_navigation::-webkit-scrollbar-corner {
    background: transparent; }

body {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100vh;
  font-family: 'Open Sans', sans-serif;
  overflow: hidden;
  font-size: 1.0rem;
  background: #F9F9F9; }

nav {
  margin: 0; }

ul {
  padding: 0;
  margin: 0; }
  ul li {
    list-style: none;
    padding: 0; }

a {
  color: #f0166d;
  text-decoration: none; }

form textarea,
form input[type=text],
form input[type=date],
form input[type=time],
form select {
  padding: 0 calc(24px/2);
  width: calc(100% - 24px*2);
  height: calc(24px*2);
  border-radius: calc(24px/3);
  border: none; }
form textarea {
  padding: 24px; }

button,
.button {
  background: #f0166d;
  color: white;
  padding: 0 24px;
  height: calc(24px*1.5);
  border-radius: calc(24px/3);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center; }
  button:hover,
  .button:hover {
    background: #4C5270; }
  button:focus,
  .button:focus {
    outline: none !important; }

.motion_ico, #favorites.cont_body ul.log_cont ul.preview_cont li span.motion,
#cameras.cont_body ul.log_cont ul.preview_cont li span.motion, #favorites.cont_body div#log_cont div.preview_cont span.motion,
#cameras.cont_body div#log_cont div.preview_cont span.motion {
  position: absolute;
  top: 0;
  right: 0;
  background: #f0166d;
  width: calc(24px*1.33);
  height: calc(24px*1.33);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%; }
  .motion_ico .fa, #favorites.cont_body ul.log_cont ul.preview_cont li span.motion .fa,
  #cameras.cont_body ul.log_cont ul.preview_cont li span.motion .fa, #favorites.cont_body div#log_cont div.preview_cont span.motion .fa,
  #cameras.cont_body div#log_cont div.preview_cont span.motion .fa {
    color: white; }

.fa_spin {
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }
  .fa_spin.large {
    font-size: 2.0rem; }
  .fa_spin.red {
    color: #f0166d; }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
.dash_msg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(24px*3);
  background: #f0166d;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center; }
  .dash_msg.black {
    background: #333; }
  .dash_msg.red {
    background: #f0166d; }
  .dash_msg.green {
    background: green; }
  .dash_msg div.cont {
    width: 100%;
    display: flex;
    align-items: center; }
    .dash_msg div.cont h1 {
      font-size: 0.92rem;
      margin: 0;
      padding-left: 24px;
      height: calc(24px*3);
      display: flex;
      align-items: center; }
    .dash_msg div.cont.alert_mode {
      justify-content: center; }
    .dash_msg div.cont.bulk_mode button {
      margin-left: auto;
      background: rgba(0, 0, 0, 0);
      height: calc(24px*3);
      padding: 0 24px 0 0;
      width: calc(24px*2);
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .dash_msg div.cont.bulk_mode button:focus {
        background: rgba(0, 0, 0, 0); }
    .dash_msg div.cont.error_mode, .dash_msg div.cont.search_mode {
      width: 100%;
      display: grid;
      grid-gap: 0;
      grid-template-columns: 1fr calc(24px*2); }
      .dash_msg div.cont.error_mode button, .dash_msg div.cont.search_mode button {
        border-radius: 0;
        padding: 0;
        height: calc(24px*3);
        width: calc(24px*2);
        display: flex;
        align-items: center;
        justify-content: center; }
      .dash_msg div.cont.error_mode button.close_search_logs, .dash_msg div.cont.search_mode button.close_search_logs {
        background: #4C5270; }
      .dash_msg div.cont.error_mode form, .dash_msg div.cont.search_mode form {
        display: grid;
        grid-template-columns: 1fr calc(24px*2); }
        .dash_msg div.cont.error_mode form #section_1 label span.form_label, .dash_msg div.cont.search_mode form #section_1 label span.form_label {
          display: none; }
        .dash_msg div.cont.error_mode form #section_1 label input, .dash_msg div.cont.search_mode form #section_1 label input {
          background: #d2115e;
          width: 100%;
          height: 100%;
          border-radius: 0;
          color: white; }
          .dash_msg div.cont.error_mode form #section_1 label input::placeholder, .dash_msg div.cont.search_mode form #section_1 label input::placeholder {
            color: white; }
    .dash_msg div.cont.error_mode {
      display: flex;
      align-items: center;
      justify-content: center; }
      .dash_msg div.cont.error_mode strong {
        padding-right: 4px; }

.dash_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999999;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  align-items: center;
  justify-content: center; }
  .dash_popup.white {
    background: rgba(255, 255, 255, 0.96); }
    .dash_popup.white .cont {
      color: #333; }
      .dash_popup.white .cont form#add_note_form {
        display: grid;
        grid-gap: calc(24px/2); }
        .dash_popup.white .cont form#add_note_form #section_1 {
          display: grid;
          grid-gap: calc(24px/2); }
          .dash_popup.white .cont form#add_note_form #section_1 h1 {
            font-size: 1.2rem;
            margin: 0;
            display: flex;
            align-items: center;
            justify-content: center; }
          .dash_popup.white .cont form#add_note_form #section_1 label {
            display: grid;
            grid-gap: calc(24px/3); }
            .dash_popup.white .cont form#add_note_form #section_1 label span.form_label {
              display: none; }
            .dash_popup.white .cont form#add_note_form #section_1 label textarea {
              border: solid 1px rgba(0, 0, 0, 0.05); }
    .dash_popup.white button.close_popup {
      color: #333; }
  .dash_popup .cont.view_local_error_log {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 300px; }
    .dash_popup .cont.view_local_error_log div.error_cont {
      display: grid;
      grid-gap: 24px; }
      .dash_popup .cont.view_local_error_log div.error_cont h1,
      .dash_popup .cont.view_local_error_log div.error_cont p {
        margin: 0;
        text-align: center; }
      .dash_popup .cont.view_local_error_log div.error_cont h1 {
        font-size: 1.2rem; }
      .dash_popup .cont.view_local_error_log div.error_cont p {
        font-size: 0.96rem; }
  .dash_popup .cont div.ua {
    border: solid 1px rgba(0, 0, 0, 0.06);
    border-radius: calc(24px/3);
    padding: 24px;
    height: 200px; }
  .dash_popup button.close_popup {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0);
    padding: 0;
    width: calc(24px*2);
    height: calc(24px*2);
    display: flex;
    align-items: center;
    justify-content: center; }
  .dash_popup .cont {
    color: white; }
    .dash_popup .cont video {
      width: 300px; }
    .dash_popup .cont #filter_date_range {
      display: grid;
      grid-gap: calc(24px/2);
      max-width: 300px; }
      .dash_popup .cont #filter_date_range #section_1 {
        display: grid;
        grid-gap: calc(24px/2);
        grid-template-columns: repeat(2, 1fr); }
        .dash_popup .cont #filter_date_range #section_1 h1 {
          margin: 0;
          font-size: 1.0rem;
          display: flex;
          align-items: center;
          justify-content: center;
          grid-column: span 2; }
        .dash_popup .cont #filter_date_range #section_1 label {
          display: grid;
          grid-gap: 4px; }
          .dash_popup .cont #filter_date_range #section_1 label span.form_label {
            font-size: 0.82rem;
            display: flex;
            align-items: center;
            justify-content: center; }
    .dash_popup .cont ul.print_info {
      padding-left: 24px;
      max-width: calc(100% - 24px*2);
      display: grid;
      grid-gap: calc(24px/3); }

#bulk_select_toolbar {
  height: calc(24px*4);
  width: 100%;
  background: #333;
  position: fixed;
  z-index: 999999;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center; }

#dash_body_cont {
  display: grid;
  grid-template-rows: calc(24px*3) 1fr 0;
  grid-template-areas: "header" "body" "navigation"; }
  #dash_body_cont #dash_fly_navigation {
    grid-area: header;
    background: #f0166d; }
    #dash_body_cont #dash_fly_navigation ul {
      width: 100%;
      display: grid;
      grid-template-columns: calc(24px*2) 1fr calc(24px*2);
      height: 100%; }
      #dash_body_cont #dash_fly_navigation ul li {
        position: relative;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white; }
        #dash_body_cont #dash_fly_navigation ul li.title {
          font-weight: 600;
          font-size: 1.0rem;
          text-transform: capitalize; }
        #dash_body_cont #dash_fly_navigation ul li button.open_fly_menu,
        #dash_body_cont #dash_fly_navigation ul li a {
          height: 100%;
          color: white;
          display: flex;
          align-items: center;
          justify-content: center;
          width: calc(24px*2);
          padding: 0; }
          #dash_body_cont #dash_fly_navigation ul li button.open_fly_menu:hover, #dash_body_cont #dash_fly_navigation ul li button.open_fly_menu:focus,
          #dash_body_cont #dash_fly_navigation ul li a:hover,
          #dash_body_cont #dash_fly_navigation ul li a:focus {
            background: #f0166d;
            outline: none; }
        #dash_body_cont #dash_fly_navigation ul li nav.sub_menu {
          display: none;
          position: absolute;
          z-index: 99999;
          top: calc(24px*3);
          right: 0;
          width: 100vw;
          background: #333; }
          #dash_body_cont #dash_fly_navigation ul li nav.sub_menu ul {
            grid-template-columns: 1fr; }
            #dash_body_cont #dash_fly_navigation ul li nav.sub_menu ul li:last-child button {
              border-bottom: none; }
            #dash_body_cont #dash_fly_navigation ul li nav.sub_menu ul li button {
              padding: 0;
              width: 100%;
              height: calc(24px*3);
              display: flex;
              align-items: center;
              justify-content: center;
              border-bottom: solid 1px rgba(255, 255, 255, 0.2);
              background: #333;
              border-radius: 0; }
  #dash_body_cont #page_body {
    grid-area: body;
    position: relative;
    height: calc(100vh - calc(24px*6)); }
    #dash_body_cont #page_body div.cont_body {
      padding: 24px 24px calc(24px*4) 24px; }
  #dash_body_cont #dash_navigation {
    grid-area: navigation;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(24px*4);
    background: #333; }
    #dash_body_cont #dash_navigation ul {
      position: relative;
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      grid-gap: calc(24px/2);
      height: 100%; }
      #dash_body_cont #dash_navigation ul li {
        height: 100%; }
        #dash_body_cont #dash_navigation ul li a {
          height: 100%;
          color: white;
          display: flex;
          align-items: center;
          justify-content: center; }
          #dash_body_cont #dash_navigation ul li a.selected {
            color: #f0166d; }

#dashboard.cont_body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: calc(24px/2); }
  #dashboard.cont_body div.cont {
    background: white;
    border: solid 1px rgba(0, 0, 0, 0.05);
    padding: 24px;
    border-radius: calc(24px/3);
    display: grid;
    grid-gap: calc(24px/4); }
    #dashboard.cont_body div.cont h2 {
      margin: 0;
      font-size: 1.0rem; }
    #dashboard.cont_body div.cont.size_0 {
      grid-column: span 2; }

#favorites.cont_body,
#cameras.cont_body {
  display: grid;
  grid-gap: 24px;
  position: relative;
  /*## Single Log ##*/ }
  #favorites.cont_body ul.date_navigation,
  #cameras.cont_body ul.date_navigation {
    width: 100%;
    display: flex;
    gap: calc(24px/4);
    direction: rtl; }
    #favorites.cont_body ul.date_navigation li button,
    #cameras.cont_body ul.date_navigation li button {
      padding: calc(24px/2);
      display: grid;
      grid-gap: 8px;
      height: auto;
      width: 64px;
      background: white;
      border: 1px solid #f0166d;
      color: #f0166d; }
      #favorites.cont_body ul.date_navigation li button.not_selected,
      #cameras.cont_body ul.date_navigation li button.not_selected {
        background: white;
        color: #333;
        border: 1px solid rgba(0, 0, 0, 0.05); }
        #favorites.cont_body ul.date_navigation li button.not_selected i,
        #cameras.cont_body ul.date_navigation li button.not_selected i {
          color: rgba(0, 0, 0, 0.05); }
      #favorites.cont_body ul.date_navigation li button span:first-child,
      #cameras.cont_body ul.date_navigation li button span:first-child {
        font-weight: 600; }
      #favorites.cont_body ul.date_navigation li button i,
      #cameras.cont_body ul.date_navigation li button i {
        font-size: 0.6rem; }
  #favorites.cont_body div.filter_results,
  #cameras.cont_body div.filter_results {
    display: grid;
    grid-template-columns: 1fr calc(24px*2);
    grid-gap: calc(24px/3);
    background: white;
    border: solid 1px rgba(0, 0, 0, 0.05);
    padding: calc(24px/2);
    border-radius: calc(24px/3); }
    #favorites.cont_body div.filter_results div.search_term,
    #cameras.cont_body div.filter_results div.search_term {
      font-weight: 800;
      font-size: 0.8rem;
      display: flex;
      align-items: center;
      color: #f0166d; }
      #favorites.cont_body div.filter_results div.search_term span,
      #cameras.cont_body div.filter_results div.search_term span {
        color: #333;
        padding-right: 4px; }
    #favorites.cont_body div.filter_results button,
    #cameras.cont_body div.filter_results button {
      width: calc(24px*2);
      height: calc(24px*2);
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #333; }
  #favorites.cont_body ul.log_cont div.log_preview_cont,
  #cameras.cont_body ul.log_cont div.log_preview_cont {
    display: none; }
  #favorites.cont_body ul.log_cont li:nth-child(odd) h2 button,
  #cameras.cont_body ul.log_cont li:nth-child(odd) h2 button {
    background: rgba(0, 0, 0, 0.05); }
  #favorites.cont_body ul.log_cont li h2,
  #cameras.cont_body ul.log_cont li h2 {
    margin: 0;
    display: flex;
    align-items: center; }
    #favorites.cont_body ul.log_cont li h2.active_block button,
    #cameras.cont_body ul.log_cont li h2.active_block button {
      background: #333;
      color: white;
      border-radius: calc(24px/3); }
      #favorites.cont_body ul.log_cont li h2.active_block button .fa,
      #cameras.cont_body ul.log_cont li h2.active_block button .fa {
        transform: rotate(90deg); }
    #favorites.cont_body ul.log_cont li h2 button,
    #cameras.cont_body ul.log_cont li h2 button {
      background: rgba(0, 0, 0, 0);
      border-radius: 0;
      width: 100%;
      height: calc(24px*3);
      justify-content: flex-start;
      border-bottom: solid 1px rgba(0, 0, 0, 0.05);
      color: #333;
      font-weight: 600; }
      #favorites.cont_body ul.log_cont li h2 button .fa,
      #cameras.cont_body ul.log_cont li h2 button .fa {
        margin-left: auto; }
  #favorites.cont_body ul.log_cont ul.preview_cont,
  #cameras.cont_body ul.log_cont ul.preview_cont {
    margin-top: calc(24px/2);
    display: grid;
    grid-gap: calc(24px/2); }
    #favorites.cont_body ul.log_cont ul.preview_cont li,
    #cameras.cont_body ul.log_cont ul.preview_cont li {
      position: relative;
      background: white;
      border-radius: calc(24px/3);
      padding: calc(24px/2); }
      #favorites.cont_body ul.log_cont ul.preview_cont li.bulk_selected,
      #cameras.cont_body ul.log_cont ul.preview_cont li.bulk_selected {
        background: #f0166d; }
      #favorites.cont_body ul.log_cont ul.preview_cont li img,
      #cameras.cont_body ul.log_cont ul.preview_cont li img {
        width: 100%;
        height: auto;
        object-fit: contain;
        margin: auto;
        border-radius: calc(24px/3); }
      #favorites.cont_body ul.log_cont ul.preview_cont li h3,
      #cameras.cont_body ul.log_cont ul.preview_cont li h3 {
        position: absolute;
        margin: 0;
        top: 50%;
        width: calc(100% - 24px);
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 0.96rem; }
        #favorites.cont_body ul.log_cont ul.preview_cont li h3 div,
        #cameras.cont_body ul.log_cont ul.preview_cont li h3 div {
          display: grid;
          grid-gap: 1px; }
          #favorites.cont_body ul.log_cont ul.preview_cont li h3 div span,
          #cameras.cont_body ul.log_cont ul.preview_cont li h3 div span {
            display: flex;
            align-items: center;
            justify-content: center;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.68); }
            #favorites.cont_body ul.log_cont ul.preview_cont li h3 div span.time,
            #cameras.cont_body ul.log_cont ul.preview_cont li h3 div span.time {
              font-size: 0.9rem; }
  #favorites.cont_body div.pink_spacer,
  #cameras.cont_body div.pink_spacer {
    background: #f0166d;
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    height: 200px;
    pointer-events: none; }
  #favorites.cont_body div#log_cont,
  #cameras.cont_body div#log_cont {
    position: relative;
    top: calc(24px - (24px*2));
    display: grid;
    grid-gap: calc(24px/2); }
    #favorites.cont_body div#log_cont div.preview_cont img,
    #cameras.cont_body div#log_cont div.preview_cont img {
      width: 100%;
      height: auto;
      margin: auto;
      object-fit: contain;
      border-radius: calc(24px/3); }
    #favorites.cont_body div#log_cont div.preview_cont span.motion,
    #cameras.cont_body div#log_cont div.preview_cont span.motion {
      background: none; }
    #favorites.cont_body div#log_cont div.obj_cont,
    #cameras.cont_body div#log_cont div.obj_cont {
      background: white;
      padding: 24px;
      border-radius: calc(24px/3); }
      #favorites.cont_body div#log_cont div.obj_cont h2,
      #cameras.cont_body div#log_cont div.obj_cont h2 {
        position: relative;
        display: flex;
        align-items: center;
        text-transform: uppercase;
        font-size: 0.9rem;
        font-weight: 600;
        margin: 0;
        padding: 0; }
        #favorites.cont_body div#log_cont div.obj_cont h2::before,
        #cameras.cont_body div#log_cont div.obj_cont h2::before {
          content: "";
          display: inline-block;
          width: 3px;
          height: calc(24px/1.8);
          background: #f0166d;
          margin-right: 4px; }
    #favorites.cont_body div#log_cont div.info_cont,
    #cameras.cont_body div#log_cont div.info_cont {
      display: grid;
      grid-template-columns: 1fr calc(24px*2);
      grid-gap: calc(24px/2); }
      #favorites.cont_body div#log_cont div.info_cont span.log_name,
      #cameras.cont_body div#log_cont div.info_cont span.log_name {
        display: grid;
        grid-gap: 0px; }
        #favorites.cont_body div#log_cont div.info_cont span.log_name span,
        #cameras.cont_body div#log_cont div.info_cont span.log_name span {
          font-weight: 600; }
          #favorites.cont_body div#log_cont div.info_cont span.log_name span.camera_name,
          #cameras.cont_body div#log_cont div.info_cont span.log_name span.camera_name {
            font-size: 0.92rem; }
          #favorites.cont_body div#log_cont div.info_cont span.log_name span.camera_time,
          #cameras.cont_body div#log_cont div.info_cont span.log_name span.camera_time {
            font-size: 0.8rem;
            color: #f0166d;
            display: flex;
            align-items: center; }
            #favorites.cont_body div#log_cont div.info_cont span.log_name span.camera_time div,
            #cameras.cont_body div#log_cont div.info_cont span.log_name span.camera_time div {
              color: #333; }
      #favorites.cont_body div#log_cont div.info_cont button,
      #cameras.cont_body div#log_cont div.info_cont button {
        background: white;
        color: #f0166d;
        padding: 0;
        justify-content: flex-end; }
    #favorites.cont_body div#log_cont div.log_notes_cont,
    #cameras.cont_body div#log_cont div.log_notes_cont {
      display: grid;
      grid-gap: 8px; }
      #favorites.cont_body div#log_cont div.log_notes_cont ul,
      #cameras.cont_body div#log_cont div.log_notes_cont ul {
        display: grid;
        grid-gap: 6px;
        margin-bottom: calc(24px/2); }
        #favorites.cont_body div#log_cont div.log_notes_cont ul.log_notes_list,
        #cameras.cont_body div#log_cont div.log_notes_cont ul.log_notes_list {
          grid-gap: calc(24px); }
          #favorites.cont_body div#log_cont div.log_notes_cont ul.log_notes_list li,
          #cameras.cont_body div#log_cont div.log_notes_cont ul.log_notes_list li {
            border-bottom: none;
            padding-bottom: 0; }
        #favorites.cont_body div#log_cont div.log_notes_cont ul li,
        #cameras.cont_body div#log_cont div.log_notes_cont ul li {
          display: grid;
          grid-gap: 6px;
          border-bottom: dashed 1px #4C5270;
          padding-bottom: calc(24px/2); }
          #favorites.cont_body div#log_cont div.log_notes_cont ul li:last-child,
          #cameras.cont_body div#log_cont div.log_notes_cont ul li:last-child {
            border-bottom: none; }
          #favorites.cont_body div#log_cont div.log_notes_cont ul li div.log_header,
          #cameras.cont_body div#log_cont div.log_notes_cont ul li div.log_header {
            display: flex;
            align-items: center;
            height: calc(24px*1.5);
            border-bottom: solid 1px rgba(0, 0, 0, 0.05); }
            #favorites.cont_body div#log_cont div.log_notes_cont ul li div.log_header span,
            #cameras.cont_body div#log_cont div.log_notes_cont ul li div.log_header span {
              font-size: 0.8rem;
              font-weight: 600; }
              #favorites.cont_body div#log_cont div.log_notes_cont ul li div.log_header span.user,
              #cameras.cont_body div#log_cont div.log_notes_cont ul li div.log_header span.user {
                color: #f0166d; }
              #favorites.cont_body div#log_cont div.log_notes_cont ul li div.log_header span.note_date,
              #cameras.cont_body div#log_cont div.log_notes_cont ul li div.log_header span.note_date {
                margin-left: auto; }
          #favorites.cont_body div#log_cont div.log_notes_cont ul li div.note,
          #cameras.cont_body div#log_cont div.log_notes_cont ul li div.note {
            font-size: 0.9rem; }
  #favorites.cont_body div.options_cont,
  #cameras.cont_body div.options_cont {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 4px;
    padding: 0 !important; }
    #favorites.cont_body div.options_cont button,
    #cameras.cont_body div.options_cont button {
      background: white;
      color: #f0166d;
      font-size: 1.0rem;
      padding: 0;
      height: calc(24px*2.4); }
  #favorites.cont_body div.motion_cont div.tags_cont,
  #cameras.cont_body div.motion_cont div.tags_cont {
    display: grid;
    grid-template-columns: 1fr calc(24px*2);
    grid-gap: calc(24px/2); }
    #favorites.cont_body div.motion_cont div.tags_cont button,
    #cameras.cont_body div.motion_cont div.tags_cont button {
      background: white;
      color: #f0166d;
      justify-content: flex-end;
      padding: 0 0 0 24px;
      font-size: 1.2rem; }
      #favorites.cont_body div.motion_cont div.tags_cont button:active .fa,
      #cameras.cont_body div.motion_cont div.tags_cont button:active .fa {
        transform: rotate(90deg); }
  #favorites.cont_body div.motion_cont div.events_cont,
  #cameras.cont_body div.motion_cont div.events_cont {
    display: none; }
  #favorites.cont_body div.motion_cont ul.motion_tags,
  #cameras.cont_body div.motion_cont ul.motion_tags {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 4px; }
    #favorites.cont_body div.motion_cont ul.motion_tags li,
    #cameras.cont_body div.motion_cont ul.motion_tags li {
      background: #4C5270;
      color: white;
      border-radius: calc(24px/3);
      padding: 0 calc(24px/2);
      height: calc(24px*1.5);
      display: flex;
      align-items: center;
      justify-content: center; }
  #favorites.cont_body div.motion_cont ul.motion_events,
  #cameras.cont_body div.motion_cont ul.motion_events {
    margin-top: 24px; }
    #favorites.cont_body div.motion_cont ul.motion_events li,
    #cameras.cont_body div.motion_cont ul.motion_events li {
      display: flex;
      align-items: center;
      height: calc(24px*1.5);
      padding: 0;
      border-bottom: dashed 1px #4C5270;
      font-size: 0.84rem;
      font-weight: 600; }
      #favorites.cont_body div.motion_cont ul.motion_events li:last-child,
      #cameras.cont_body div.motion_cont ul.motion_events li:last-child {
        border-bottom: none; }
      #favorites.cont_body div.motion_cont ul.motion_events li span:last-child,
      #cameras.cont_body div.motion_cont ul.motion_events li span:last-child {
        margin-left: auto; }
      #favorites.cont_body div.motion_cont ul.motion_events li span.probability span,
      #cameras.cont_body div.motion_cont ul.motion_events li span.probability span {
        color: #f0166d;
        padding-left: 4px; }

#dash_config {
  display: grid;
  grid-gap: calc(24px/2); }
  #dash_config div.config_cont {
    display: grid;
    grid-gap: calc(24px/2);
    background: white;
    border-radius: calc(24px/3);
    padding: 24px; }
    #dash_config div.config_cont h2 {
      font-size: 1.0rem;
      margin: 0; }
    #dash_config div.config_cont ul.camera_settings.system_control_settings li form #section_1 label span.form_label {
      display: flex;
      align-items: center; }
      #dash_config div.config_cont ul.camera_settings.system_control_settings li form #section_1 label span.form_label span {
        margin-left: auto;
        color: #f0166d; }
    #dash_config div.config_cont ul.camera_settings.system_control_settings li form #section_1 label input {
      -webkit-appearance: none;
      /* Override default CSS styles */
      appearance: none;
      width: 100%;
      /* Full-width */
      height: 25px;
      /* Specified height */
      background: rgba(0, 0, 0, 0.05);
      /* Grey background */
      outline: none;
      /* Remove outline */
      opacity: 0.7;
      /* Set transparency (for mouse-over effects on hover) */
      -webkit-transition: .2s;
      /* 0.2 seconds transition on hover */
      transition: opacity .2s;
      /* Mouse-over effects */
      /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ }
      #dash_config div.config_cont ul.camera_settings.system_control_settings li form #section_1 label input:hover {
        opacity: 1;
        /* Fully shown on mouse-over */ }
      #dash_config div.config_cont ul.camera_settings.system_control_settings li form #section_1 label input::-webkit-slider-thumb {
        -webkit-appearance: none;
        /* Override default look */
        appearance: none;
        width: 25px;
        /* Set a specific slider handle width */
        height: 25px;
        /* Slider handle height */
        background: #4C5270;
        /* Green background */
        cursor: pointer;
        /* Cursor on hover */ }
      #dash_config div.config_cont ul.camera_settings.system_control_settings li form #section_1 label input::-moz-range-thumb {
        width: 25px;
        /* Set a specific slider handle width */
        height: 25px;
        /* Slider handle height */
        background: #04AA6D;
        /* Green background */
        cursor: pointer;
        /* Cursor on hover */ }
    #dash_config div.config_cont ul.camera_settings.config_camera_settings li {
      border-bottom: solid 1px rgba(0, 0, 0, 0.05); }
      #dash_config div.config_cont ul.camera_settings.config_camera_settings li button.config_camera_setting {
        background: white;
        border: none;
        border-radius: 0px;
        color: #333;
        padding: 0;
        width: 100%;
        height: calc(24px*2);
        display: flex;
        align-items: center;
        justify-content: left; }
        #dash_config div.config_cont ul.camera_settings.config_camera_settings li button.config_camera_setting i {
          margin-left: auto; }
    #dash_config div.config_cont ul.camera_settings li form {
      display: grid;
      grid-gap: calc(24px/2); }
      #dash_config div.config_cont ul.camera_settings li form #section_1 {
        display: grid;
        grid-gap: calc(24px/2); }
        #dash_config div.config_cont ul.camera_settings li form #section_1 label {
          display: grid;
          grid-gap: calc(24px/3); }
          #dash_config div.config_cont ul.camera_settings li form #section_1 label span.form_label {
            text-transform: capitalize;
            font-size: 0.72rem;
            font-weight: 600; }

/*# sourceMappingURL=styles.css.map */