.wrapper {
	display: flex;
}
 .wrapper #outer-container {
	 width: 100%;
	 overflow-x: hidden;
}
 .main-container, .container {
	 width: 1180px;
	 margin: 0 auto;
	 padding-right: 15px;
	 padding-left: 15px;
	 margin-right: auto;
	 margin-left: auto;
}
.main {
  height: 100vh !important;
  overflow-y: scroll;
	padding: 20px 40px 0px 40px;
}

.heading-wrapper {
  margin: 30px 0px;
}

.content-wrapper {
  overflow-x: hidden;
}

.title {
  margin-bottom: 30px;
}
::-webkit-scrollbar-thumb:hover {
  background: #00BCFF;
}
.organisation-color,
a:hover,
.button.organisation-plain:hover,
.burger-menu-wrapper .burger-menu-header button i:hover,
.breathing-completed-icon:before {
  color: #00BCFF;
}
.button.organisation {
  background: #00BCFF;
  color: #ffffff;
  border: 1px solid #00BCFF;
}
.button.organisation:hover {
  color: #00BCFF;
  background: #ffffff;
}
.button.organisation.actionable {
  color: #00BCFF;
  background: transparent;
}
.button.organisation.actionable:hover {
  background: #00BCFF;
  color: #ffffff;
}
.button {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 outline: none;
	 box-shadow: none;
	 border-radius: 20px;
	 display: block;
	 line-height: 0;
}
 .button:hover {
	 -webkit-transition: all 0.4s ease !important;
	 transition: all 0.4s ease !important;
}
 .button.organisation {
	 padding: 20px 30px;
}
 .button.leave-early {
	 position: absolute;
	 bottom: 100px;
}
 .button.tile-button {
	 flex-direction: column;
	 background: #fff;
	 font-size: 20px;
	 font-weight: 600;
	 padding: 50px 70px;
	 line-height: 1.5em;
}
 .button.tile-button i {
	 font-size: 50px;
}
 .button.tile-button:hover {
	 -webkit-box-shadow: 0px 5px 5px 0px rgba(230, 230, 230, 1);
	 -moz-box-shadow: 0px 5px 5px 0px rgba(230, 230, 230, 1);
	 box-shadow: 0px 5px 5px 0px rgba(230, 230, 230, 1);
}
 .button.awaris {
	 background: #354a9a;
	 color: #fff;
	 border: 1px solid #354a9a;
	 padding: 10px 30px;
}
 .button.awaris i {
	 margin-left: 20px;
}
 .button.awaris:hover {
	 color: #354a9a;
	 background: #fff;
}
 .button.previous-step {
	 width: 100%;
}
 .button.previous-step i {
	 margin-right: 10px;
}
 .button.reset-password {
	 width: 100%;
	 margin-top: 40px;
}
 .button.plain {
	 background-color: transparent;
	 border: none;
	 font-size: 15px;
	 font-weight: normal;
	 letter-spacing: 0;
	 text-transform: none;
	 line-height: 0;
}
 .button.plain:hover {
	 background: transparent;
	 border: none;
}
@media only screen and (max-width: 767px) {
  .main-container, .container {
    width: 100% !important;
 }
}
@media only screen and (min-width: 768px) {
  .main-container, .container {
    width: 100% !important;
 }
}
@media only screen and (min-width: 992px) {
  .main-container, .container {
    width: 100% !important;
 }
}
@media only screen and (min-width: 1200px) {
  .main-container, .container {
    width: 1180px !important;
 }
}
@media only screen and (min-width: 1400px) {
  .main-container, .container {
    width: 1180px !important;
 }
}