/*  Copyright (C) 2020 OhmConnect, Inc. - All Rights Reserved  */

/*
  IE11 patches
*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
   #ohm-modal .ohm-head.ohm-head-1 {
       width: 100%;
   }

    /* general */

    #ohm-modal-well {
        height: 300px;
    }

    div[data-ohm-selector^="help-widget"] {
      height: 25rem;
    }

    .warning-block, .ohm-text.ohm-currency-explain {
      width: 100%
    }

    .ohm-text.ohm-g-center.ohm-center-vertical {
      -ms-flex-direction: inherit;
      flex-direction: inherit;
    }

    .referral-widget-area .ohm-well {
      height: 26rem;
    }

    .w-tab-pane {
      margin-top: 20px;
    }

    div[data-ohm-selector="login-page"] .ohm-well {
      height: 40rem;
    }

    /* Devices */

    #devices-ui2-container .ohm-widget-area {
        width: 100% !important;
    }

    #new-devices-widget {
       min-height: 30rem;
   }

    #devices-ui2-container .add-widget .ohm-widget-middle {
        height: 100%;
    }

    .js-ohm-select-widget .ohm-widget-middle {
        height: 100%;
    }

    .js-ohm-add-generic-widget {
        height: 400px;
    }

    [data-ohm-selector="origin-byod-widget"] #dynamic-device-offer-widget-connect-container,
    [data-ohm-selector="origin-byod-widget"] .ohm-g-text,
    [data-ohm-selector="origin-byod-widget"] #device-participation-app,
    [data-ohm-selector="origin-byod-widget"] .ohm-text-meta {
        width: 100% !important;
    }

    /* Settings Pages */

    #settings-widgets {
      width: 100%
    }

    #settings_phone_verify_well {
        height: 550px;
    }

    [data-ohm-selector="ohm-zero-widget"],
    [data-ohm-widget="challenge_settings"],
    #settings-widgets #mega-promo-widget {
      display: none !important;
    }

    #general-notification-settings {
        height: 35rem;
    }

    #general-notification-settings .ohm-widget-middle {
        -ms-overflow-y: scroll;
        justify-content: flex-start;
    }

    #account_details {
        height: 43rem;
    }

    #account_details_edit {
        height: 1100px;
    }

    #settings_account_details_save_btn {
      margin-top: 40px;
    }

    #account_details_edit .settings-column-group {
        height: 530px;
    }

    #account_details_edit .ohm-widget-middle,
    #account_details_edit .w-form,
    #account_details_edit form {
        height: 100%;
    }

    #account_details_edit .delete-account-link {
        margin-top: 80px;
    }

    .delete-account-confirm-div {
        width: 100%;
    }

    #account_details_edit #account-details {
        height: 66%;
    }

    #account_details_edit .ohm-list-item {
        display: flex;
        justify-content: flex-start;
    }

    #account-details-middle {
        height: 87%;
    }

    #account-info {
        height: 100%;
    }

    #details_password {
        display: none !important;
    }

    #details_password .account-details-head {
        width: 100% !important;
    }

    #utility-details-middle .ohm-text.ohm-flex-expand {
        flex: 1;
    }

    #ohm-hour-detail-container .ohm-widget-area .left-column-widget-area{
        width: 100%;
    }

    #ohm-hour-detail-container .ohm-g-left.ohm-left-horizontal.ohm-g-flex-top.flex-stretch {
        width: 100%;
    }

    #ohm-hour-detail-container .ohm-well.ohm-well-thin.width-48 {
        height: 430px;
    }

    #performance_widget_new {
        min-height: 397px;
    }

    #tier_widget {
        height: 550px;
    }

    #tier_widget .ohm-text {
        width: 100%;
    }

    #tier_widget .ohm-widget-bottom {
        margin-bottom: 0 !important;
    }

    #lifetime_performance_stats {
        width: 140px;
    }

    #ohmhour_forecast_chart .average-line-container {
        left: 0;
    }

    #ohmhour_forecast_chart .ohmhour-forecast-stat {
        left: 17%
    }

    #ohmhour_forecast_chart .ohmhour-current-status-text {
        left: 0;
    }

    #ohmhour_forecast_chart .ohmhour-forecast-upcoming-text {
        margin-bottom: 10px;
    }

    /* Rewards Page*/
    #rewards_widget_area .ohm-well.ohm-well-thin {
        height: 100%;
    }

    /** Main cashout menu **/
    #cashout_menu_page {
        height: 400px;
        margin-bottom: 20px;
    }

    #all_codes_widget {
        height: 292px;
    }

    /** Cashout PayPal **/
    #cashout_paypal_page {
        height: 486px;
    }

    #cashout_paypal_confirm_page {
        height: 362px;
    }

    #cashout_paypal_success_page, #cashout_paypal_success_manual_approval {
        height: 565px;
    }

    /** Cashout Gift Card **/
    #cashout_gift_card_page {
        height: 704px;
    }

    #cashout_gift_card_confirm_page {
        height: 428px;
    }

    #cashout_gift_card_success_page {
        height: 458px;
    }

    /* Detail Page */

    div[id^="ohm-hour-planner"] .four-square-group .ohm-text {
        width: 100%;
    }

    #pledge-success .ohm-text {
        width: 100%;
    }

    /* Referral Pages */
    #referral-panel .ohm-tab-menu.w-tab-menu {
        margin-bottom: 60px;
    }

    #your-referrals {
        height: 650px;
    }

    #your-referrals .ohm-block-matrix {
        height: 300px;
        overflow: scroll;
    }

    #your-referrals .pattern-referral-text-icon {
        width: 200px;
        height: 55px;
    }

    #your-referrals .pattern-referral-user-icon {
        height: 48px;
        width: 48px;
    }

    #email-reminder-widget-area {
        width: 100%;
    }

    #email-reminder-widget-area .ohm-well {
        height: 650px;
    }

    #email-reminder-widget-area #referral-email-list {
        height: 80px;
        overflow-y: scroll;
    }

    #invite-friends-page .ohm-well {
        height: 580px;
    }

    #spike_leaderboard_widget {
        height: 600px;
    }
}

  /*
  *-- Selection Dropdown Styling --
  */

  select.ohm-input-select {
    color: #6a6d7c;
  	background: none;
    border-radius: 2px;
    border: solid 2px #d2d6df;
    text-align: center;
    text-align-last: center;
  }

  @media only screen and (max-width: 473px) {
  	select.ohm-input-select {
		height: 32px;
		padding: 0 12px;
	}
  }

  select.ohm-input-select:hover {
  	border: solid 2px #adb0b6;
  }

  select.ohm-input-select:active {
    border: solid 2px #47c1d2;
  }

  select.ohm-input-select:focus {
    border: solid 2px #47b9d2;
  }

  /*
  * -- Checkbox Styling --
  */

  input[type="checkbox"].ohm-checkbox-box {
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 20px;
    width: 20px;
    min-width: 25px;
    min-height: 25px;
    border-radius: 2px;
    border: solid 2px #d2d6df;
    background-color: #fff;
  }

  input[type="checkbox"].ohm-checkbox-box:checked {
    background-image: url(https://uploads-ssl.webflow.com/5a13271a1048bd0001f4994e/5b7df323bdee08435cbf08ef_checkbox-normal.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 30px 30px;
    background-color: #fff;
    border: solid 2px #47C1D2;
	border-radius: 2px;
  }

  input[type="checkbox"].ohm-checkbox-box:active {
    border: solid 2px #47C1D2;
  }

  input[type="checkbox"].ohm-checkbox-box:hover {
  	border: solid 2px #47C1D2;
  }

   /*
  * -- Radio Styling --
  */

  input[type="radio"].ohm-radio-circle {
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 20px;
    width: 20px;
	min-width: 20px;
    min-height: 20px;
    border-radius: 100px;
    border: solid 2px #d2d6df;
    background-color: rgba(0,0,0,0);
  }

  input[type="radio"].ohm-radio-circle:checked {
    background-image: url(https://uploads-ssl.webflow.com/5a13271a1048bd0001f4994e/5ac66d5f61777fe9288c0f1c_radio-button-check.svg);
    background-repeat: no-repeat;
    background-position: center;
    border: solid 2px #47c1d2;
  }

  input[type="radio"].ohm-radio-circle:active {
    border: solid 2px #47c1d2;
  }

  input[type="radio"].ohm-radio-circle:hover {
    border: solid 2px #47C1D2;
  }

  /* Remove form element highlights */

  input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
	}

  .ohm-block-list {
    overflow-x: hidden !important;
  }