@import 'colors.css.scss';


.maintainance-container {

  color: #000;

  .maintainance-container-backdrop {
    background: $gray;
    width: 100%;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
    min-height: 100%;
  }

	.disabled-button{
		pointer-events: none;
		opacity: 0.5;
	}

  .wizards-container {
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 320px;
    //min-height: 100%;
    height: 100%;
    //overflow: scroll;
    overflow-x: hidden;
    overflow-y: scroll;
    border-right: 1px solid #ddd;
    padding-left: 15px;
    padding-right: 15px;

    .underlined {
      border-color: #ddd;
      border-width: 2px;
    }

    .close {
      font-size: 30px;
      margin-top: -8px;
    }
    h3 {
      font-weight: bold;
      margin-bottom: 10px;
    }

    .wizard-header {
      margin-top: 30px;
      margin-bottom: 15px;
    }

    .wizard {

      margin-bottom: 10px;

      h3 {
        margin-top: 10px;
      }
      .support-text {
        margin-top: 30px;
        margin-bottom: 15px;
      }
      p {
        color: $gray;
        font-size: 15px;
        font-family: 'dinot';
      }

      .button {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
      }
      .button {
        width: 260px;
        //border-width: 2px;
      }
      .button:hover {
        color: white;
        border: none;
        //border-width: 2px;
      }
      .first-button {
        border-color: lightcoral;
        color: red;
      }
      .second-spacing {
        margin-top: 25px;
        margin-bottom: 7px;
      }
      .second-button {
        border-color: grey;
      }
      .green-button {
        font-family: "dinot-bold";
        font-size: 16px;
        color: white;
        background-color: #8dc63f;
        border: 1px solid white;
        width: 260px;
        height: 32px;
      }
      .green-button:hover {
        color: black;
        border: 2px solid #8dc63f;
        background-color: white;
      }
    }



  }
}
