/********************/
/* My custom colors */
/********************/
/********************************/
/*  Bootswatch - Color system   */
/********************************/
/* media HEIGHT */
@media (max-height: 920px) {
  .huge_modal .modal-dialog {
    overflow-y: initial !important; }
  .huge_modal .modal-content {
    overflow: hidden; }
  .huge_modal .modal-body {
    overflow-y: scroll;
    height: calc(100vh - 200px); } }

@media (max-height: 800px) {
  .large_modal .modal-dialog {
    overflow-y: initial !important; }
  .large_modal .modal-content {
    overflow: hidden; }
  .large_modal .modal-body {
    overflow-y: scroll;
    height: calc(100vh - 200px); } }

/* media WIDTH */
@media (max-width: 1366px) {
  .leads .leads_data .leads_column .heading .title {
    font-size: 1.45rem; } }

@media (max-width: 1200px) {
  .leads .leads_data .leads_column .heading .line {
    flex-direction: column; }
    .leads .leads_data .leads_column .heading .line .total_leads {
      margin-left: inherit;
      text-align: left; } }

@media (max-width: 1024px) {
  .leads .bounds {
    padding-left: 0;
    padding-right: 0; }
  .leads .leads_data .leads_column .heading .title {
    font-size: 1.2rem;
    font-weight: 600; }
  .leads .leads_data .leads_column .record-wrapper .record .info {
    width: 100%; }
  .leads .leads_data .leads_column .record-wrapper .record .has-extras {
    display: none; } }

/* fix for search + sources stacking before it goes to mobile */
@media (max-width: 960px) and (min-width: 901px) {
  .leads .controls {
    height: auto;
    margin-bottom: 1rem; }
    .leads .controls .controls-left .search_wrapper {
      flex-direction: column;
      align-items: flex-start; }
      .leads .controls .controls-left .search_wrapper .search-group {
        width: 40rem; }
        .leads .controls .controls-left .search_wrapper .search-group .search_input, .leads .controls .controls-left .search_wrapper .search-group .search_select {
          width: 35%; }
      .leads .controls .controls-left .search_wrapper .source-filter {
        margin-left: 0;
        margin-top: 0.5rem; }
        .leads .controls .controls-left .search_wrapper .source-filter .input-group {
          width: 40rem; }
        .leads .controls .controls-left .search_wrapper .source-filter .input-group-addon, .leads .controls .controls-left .search_wrapper .source-filter .custom-select {
          width: 35%; } }

@media (max-width: 900px) {
  .non-mobile {
    display: none; }
  .leads .bounds {
    padding-left: 0;
    padding-right: 0;
    max-width: inherit; }
  .leads .navbar {
    position: fixed;
    z-index: 999; }
    .leads .navbar.navbar-dark {
      background: #2c2f39; }
    .leads .navbar .nav-right {
      display: flex;
      justify-content: center;
      align-items: center; }
    .leads .navbar .dropdown {
      display: none; }
    .leads .navbar .burger {
      display: block; }
      .leads .navbar .burger .btn-mobile-menu {
        font-size: 1rem; }
  .leads .leads_wrapper {
    margin-top: 4rem;
    /* nav height */ }
  .leads .leads_data {
    max-width: inherit; }
    .leads .leads_data .leads_column {
      width: 100%;
      margin: 0; }
      .leads .leads_data .leads_column .heading .title {
        font-size: 1.6rem;
        font-weight: 100; }
      .leads .leads_data .leads_column .records {
        overflow: visible;
        max-height: inherit;
        padding: 0; }
    .leads .leads_data .leads_row {
      flex-direction: column;
      min-height: inherit;
      padding-top: inherit;
      border-top: 0 none; }
    .leads .leads_data .lead_row1 .leads_column {
      width: 100%;
      padding-top: 0;
      border-top: 0 none; }
  .leads .total-leads {
    font-size: 1.75rem; }
  .leads .controls {
    display: flex;
    flex-direction: column;
    height: auto; }
    .leads .controls.non-mobile {
      display: none; }
    .leads .controls .controls-left {
      width: 100%;
      margin-right: inherit; }
      .leads .controls .controls-left .search_wrapper {
        flex-direction: column; }
        .leads .controls .controls-left .search_wrapper .search-group .search_input,
        .leads .controls .controls-left .search_wrapper .search-group .search_select,
        .leads .controls .controls-left .search_wrapper .source-filter .input-group-addon,
        .leads .controls .controls-left .search_wrapper .source-filter .custom-select {
          width: 50%; }
        .leads .controls .controls-left .search_wrapper .source-filter .input-group {
          width: 100%; }
      .leads .controls .controls-left .search_select {
        max-width: inherit; }
      .leads .controls .controls-left .source-filter {
        margin-left: inherit;
        width: 100%;
        margin-top: 1rem; }
        .leads .controls .controls-left .source-filter .inline-form {
          display: block; }
          .leads .controls .controls-left .source-filter .inline-form .input-group-addon {
            width: 50%; }
          .leads .controls .controls-left .source-filter .inline-form .custom-select {
            width: 50%; }
    .leads .controls .controls-right {
      width: 100%;
      text-align: center;
      margin-top: 0.5rem; }
      .leads .controls .controls-right .btn-group {
        display: flex;
        justify-content: space-between; }
        .leads .controls .controls-right .btn-group .btn {
          margin-left: inherit !important;
          width: 45%; }
  .leads .custom-modal2 .modal-dialog,
  .leads .custom-modal3 .modal-dialog,
  .leads .custom-modal4 .modal-dialog {
    min-width: 100%; }
  /* end of .leads */
  .calendar_wrapper {
    margin-top: 70px; }
  .big-badges-label {
    font-size: 1.6rem;
    font-weight: 600; }
  .small-badges-label {
    font-size: 1.6rem;
    font-weight: 600;
    margin-top: 1rem; }
  .badges.big {
    display: flex;
    flex-direction: column; }
  .badges.small {
    display: flex;
    flex-direction: column; }
  .footer {
    margin-top: 2rem; }
    .footer .footer_wrapper {
      flex-direction: column;
      font-size: 1rem; }
      .footer .footer_wrapper .footer_left {
        width: 100%;
        margin-right: inherit;
        justify-content: center;
        display: none; }
      .footer .footer_wrapper .footer_center {
        width: 100%; }
        .footer .footer_wrapper .footer_center .phone {
          display: block;
          /* this goes to new line on mobile */ }
      .footer .footer_wrapper .footer_right {
        width: 100%;
        margin-left: inherit;
        justify-content: center; } }

@media (max-width: 600px) {
  .leads .navbar .navbar-brand {
    font-size: 1rem; }
  .leads .custom-modal .modal-dialog,
  .leads .custom-modal2 .modal-dialog,
  .leads .custom-modal4 .modal-dialog {
    overflow-x: hidden;
    max-width: 100%; }
  .leads .custom-modal .modal-history {
    white-space: inherit;
    width: 80vw; }
  .leads .password-modal .modal-dialog {
    width: 100%;
    min-width: inherit; }
  .modal-dialog {
    margin: 50px auto; } }

@media (max-width: 500px) {
  .leads .total-leads {
    font-size: 1.4rem; }
  .leads .navbar .navbar-brand {
    margin-right: 0; }
    .leads .navbar .navbar-brand .logo_text {
      display: none; }
  .calendar .event-detail-container .month-events-label {
    font-size: 13px; }
  .calendar .status-info-wrapper .status-info .status-block,
  .calendar .event-detail .event-status {
    width: 15px; }
  .calendar .monthview-eventdetail-timecolumn {
    width: 120px; }
  .calendar .monthview-eventdetail-timecolumn,
  .calendar .event-detail {
    font-size: 12px; }
  .calendar .week_table .week_row .week_col.week_col_header .day_wrapper .day_number {
    font-size: 1.3rem; }
  .calendar .calendar-event .calendar-event-inner {
    font-size: 10px; }
  .calendar .calendar-modal1 .modal-header,
  .calendar .calendar-modal1 .modal-body,
  .calendar .calendar-modal1 .modal-footer {
    padding: 7px 15px; }
  .calendar .calendar_modal {
    margin-bottom: 10px;
    min-height: 40px; }
  .leads .custom-modal,
  .leads .calendar-modal1 {
    background: #2c2f39; }
  .leads .modal-dialog {
    margin: 20px auto; } }

@media (max-width: 360px) {
  .leads .navbar .burger .mobile-menu .mobile-seperator {
    display: none; }
  .leads .navbar .burger .mobile-menu .menu-columns {
    margin-bottom: 0.4rem; }
  .leads .navbar .burger .mobile-menu .mobile-menu .btn {
    padding: 0.3rem 0.5rem; }
  .leads .controls {
    margin-top: 0.5rem;
    margin-bottom: 0.3rem; }
  .leads .controls .controls-left .source-filter .inline-form .custom-select,
  .leads .controls .controls-left .search_select {
    font-size: 0.8rem; }
  .calendar .btn-toolbar {
    flex-direction: column; }
    .calendar .btn-toolbar .btn-group-left,
    .calendar .btn-toolbar .btn-group-right {
      align-self: flex-start; }
    .calendar .btn-toolbar .btn-group-left {
      margin-bottom: 10px; }
  .footer .footer_wrapper .footer_content {
    margin-right: auto; } }