/*
  * rec.reviews
  *
  * @author    Presta-Module.com <support@presta-module.com> - https://www.presta-module.com
  * @copyright Presta-Module - https://www.presta-module.com
  * @license   see file: LICENSE.txt
  *
  *           ____     __  __
  *          |  _ \   |  \/  |
  *          | |_) |  | |\/| |
  *          |  __/   | |  | |
  *          |_|      |_|  |_|
  *
*/
@import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,400;0,700;1,400&display=swap");
#onboardingContainer {
  border-radius: 12px;
  font-family: "Urbanist", sans-serif;
}
#onboardingContainer hr {
  margin: 3rem 10rem;
  border-top: 1px solid #cecece;
}

#onboardingIframe {
  border: 0;
  border-radius: 12px;
  width: 100%;
  padding: 0;
  margin: 0;
}

.psAccountsSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2rem;
}
.psAccountsSection .psAccountsSectionSubmitContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.header {
  display: flex;
  justify-content: space-between;
}

.startUsing {
  color: #000;
  text-align: center;
  font-size: 1.2rem;
  margin: 2rem 0;
}

.onboardingButtonsContainer {
  display: flex;
  justify-content: space-evenly;
}
.onboardingButtonsContainer a {
  padding: 1rem;
  padding: 1rem 1.5rem;
  border-radius: 0.375rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: white;
  font-size: 1.1rem;
}
.onboardingButtonsContainer a:hover {
  color: white;
  text-decoration: none;
}
.onboardingButtonsContainer a.createAccount {
  background: #209dce;
}
.onboardingButtonsContainer a.login {
  background: #e7c316;
}

.header {
  margin: 1rem 0;
}
.header > div {
  flex: 1;
}
.header .headerImageContainer {
  display: flex;
  justify-content: flex-start;
}
.header .headerImageContainer img {
  width: 500px;
}
.header .dashboardLinkContainer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header .dashboardLinkContainer a {
  background: #209dce;
  color: #fff;
}
.header .dashboardLinkContainer a:hover {
  color: #fff;
  background: #197ba2;
}

#module_form h2.subtitle {
  font-size: 1.2rem;
  font-weight: 600;
}
#module_form .btn-info {
  background-color: #209dce;
  border-color: #1d8cb8;
}
#module_form .btn-info:hover {
  background-color: #197ba2;
  border-color: #197ba2;
}
#module_form .btn-danger {
  background-color: #f1054d;
  border-color: #d80445;
}
#module_form .btn-danger:hover {
  background-color: #bf043d;
  border-color: #bf043d;
}
#module_form .pvrSubmit {
  padding: 0.5rem;
  background: #209dce;
  border-radius: 5px;
  color: white;
  border: 1px solid #1d8cb8;
}
#module_form .pvrSubmit:hover {
  background: #197ba2;
  border-color: #197ba2;
}
#module_form #submitRbmDisconnect {
  margin-top: 1rem;
}

#subscription.tab-pane > div.form-group > div.col-lg-12.col-lg-offset-3 {
  margin: 0;
  width: 100%;
  padding: 0;
}