.container-login {
  min-height: 100vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
}

.container-login::before {
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.3);
  pointer-events: none;
}

.login-box {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  max-width: 700px;
}

.login-box-partner {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  max-width: 700px;
}

#builder .btn i {
  font-size: 1rem;
  padding-right: 0 !important;
  vertical-align: middle;
  line-height: 0 !important;
  display: inline-flex;
}

.ar {
  width: 100%;
  height: 0;
}

.ar-1-1 {
  padding-bottom: 100%;
}

.ar-16-9 {
  padding-bottom: 56.256%;
}

.ar-9-6 {
  padding-bottom: 66.66%;
}

.ar-9-7 {
  padding-bottom: 77.77%;
}

.ar-10-13 {
  padding-bottom: 130%;
}

.ar-5-1 {
  padding-bottom: 20%;
}

.bg-image {
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

.bg-image.cover {
  background-size: cover;
}

.bg-image.contain {
  background-size: contain;
}

.mw-1100 {
  width: 95%;
  max-width: 1100px;
}

.mw-1200 {
  width: 95%;
  max-width: 1200px;
}

.mw-1000 {
  width: 95%;
  max-width: 1000px;
}

.mw-800 {
  width: 95%;
  max-width: 800px;
}

.mw-600 {
  max-width: 600px;
}

.mw-400 {
  max-width: 400px;
}

.mw-100p {
  max-width: 100px;
}

.mh-100vh {
  min-height: 100vh;
}

.mw-60pc {
  max-width: 60%;
}

.mw-80pc {
  max-width: 80%;
}

.mw-40pc {
  max-width: 40%;
}

.mw-30pc {
  max-width: 30%;
}

.timepicker-picker .table-condensed {
  margin: auto;
}

.dz-image {
  display: flex !important;
  align-items: center;
  justify-content: center;
  border: 1px solid #eee;
  background-color: #eee;
}

.dz-image img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}

.campaign-logo {
  background-position: center;
  background-size: 80%;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
}

.select2-container {
  width: 100% !important;
}

.input-group .select2-container {
  flex-grow: 1;
  width: auto !important;
}

.header-menu-mobile {
  width: unset !important;
}

.w-40 {
  width: 40%;
}

.w-60 {
  width: 60%;
}

.dot {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  display: inline-block;
  margin: 0 0.25rem;
}

.dot.blue {
  background-color: #01a0e2;
}

.dot.orange {
  background-color: #ef7f1b;
}

.dot.green {
  background-color: #92bd3a;
}

.dot.grey {
  background-color: #d9dbda;
}

.dot:first-of-type {
  margin-left: 0;
}

.dot:last-of-type {
  margin-right: 0;
}

.invalid-feedback {
  display: block;
}

[class*=" icon-"],
[class*=" icon-"]:before,
[class^=icon-],
[class^=icon-]:before {
  color: inherit !important;
}

.formcomponent[data-type=button] {
  display: none;
}

.menu-icon {
  color: #00AEEF !important;
}

.form-radio.radio {
  flex-direction: column;
  align-items: start !important;
}

.form-radio.radio .form-check {
  padding-top: 3px;
  padding-bottom: 3px;
}

#preview .btn i {
  padding: 0;
}

.google-icon-button {
  background: #DB4A39;
  border-radius: 10px;
}

.google-icon-button:hover {
  background: #c54233;
}

.facebook-icon-button {
  background: #1877F2;
  border-radius: 10px;
}

.facebook-icon-button:hover {
  background: #156bd9;
}

.pre-break {
  white-space: pre-wrap;
  /* Since CSS 2.1 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}

.swal-800px-height {
  height: 80vh;
}

.swal-800px-height #swal2-content {
  max-height: unset;
}

.swal-650px-height {
  height: 60vh;
}

.swal-650px-height #swal2-content {
  max-height: unset;
}

.btn-custom-red {
  background-color: rgba(255, 75, 85, 0.2);
  color: #FF4B55;
}

.btn-custom-red:hover {
  background-color: #FF4B55;
  color: #fff;
}

.btn-custom-green {
  background-color: rgba(73, 159, 104, 0.2);
  color: #499F68;
}

.btn-custom-green:hover {
  background-color: #499F68;
  color: #fff;
}

.btn-custom-yellow {
  background-color: rgba(212, 195, 36, 0.2);
  color: #d4c324;
}

.btn-custom-yellow:hover {
  background-color: #d4c324;
  color: #fff;
}

.ribbon-custom-green {
  background-color: #43AA8B !important;
}

.ribbon-custom-yellow {
  background-color: #d4c324 !important;
}

.map-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.bg-card-inwork {
  background-color: #91BB2B33;
}

.bg-card-contact {
  background-color: #00AEEF33;
}

.text-blue {
  color: #00AEEF;
}

.question-dot {
  height: 200px;
  width: 200px;
  background-color: #00AEEF4D;
  border-radius: 50%;
  display: inline-block;
}

.question-dot-mark {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}

.border-dashed {
  border: 1px dashed black;
}

.dataTables_wrapper {
  overflow-x: auto;
}

.swal2-custom-radio {
  align-items: center;
  justify-content: center;
  background: #fff;
  color: inherit;
}

.swal2-custom-radio label {
  margin: 0 0.6em;
  font-size: 1.125em;
}

.swal2-custom-radio input {
  margin: 0 0.4em;
}

.partner-background {
  background-color: #EEF1F5;
}

.marker-position {
  bottom: 12px;
  left: 0;
  position: relative;
  background-color: #000;
  opacity: 0.8;
  padding: 2px;
  border-radius: 4px;
}

.tutorial {
  padding-bottom: 100px;
}

.tutorial video {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 90%;
}

.header-landing-links a {
  color: #000;
  font-size: 1rem;
  font-weight: 600;
}

.header-landing-links a:hover {
  color: #00AEEF;
}

.landing-badge {
  background: #FFFFFF;
  box-shadow: 0px 0px 30px rgba(62, 14, 136, 0.12);
  border-radius: 9px;
}

.landing-info-text {
  color: #808192;
}

.landing-hex .hex:before {
  content: " ";
  width: 0;
  height: 0;
  border-bottom: 22px solid #00AEEF;
  border-left: 38px solid transparent;
  border-right: 38px solid transparent;
  position: absolute;
  top: -22px;
}

.landing-hex .hex {
  opacity: 0.15;
  margin-top: 30px;
  width: 76px;
  height: 44px;
  background-color: #00AEEF;
  position: relative;
}

.landing-hex .hex:after {
  content: "";
  width: 0;
  position: absolute;
  bottom: -22px;
  border-top: 22px solid #00AEEF;
  border-left: 38px solid transparent;
  border-right: 38px solid transparent;
}

.landing-hex .hex-icon {
  top: 25px;
  left: 19px;
}

.text-decoration-none {
  text-decoration: none;
}

.footer-area-background {
  background-color: #00aeef;
  opacity: 0.75;
}

.footer-area-background a {
  text-decoration: underline;
  color: white;
}

.copyright-area-background {
  background-color: #2F3044;
}

.landing-globe {
  z-index: -1;
  top: 10%;
}

@media (max-width: 992px) {
  .landing-globe {
    bottom: 0px;
    top: unset;
  }
}

.filter-post-process label {
  display: inline-block;
  background-color: #E1F0FF;
  color: #3699FF;
  border-radius: 8px;
  white-space: nowrap;
  margin: 3px 6px;
  padding: 8px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: all 0.2s;
}

.filter-post-process input[type=radio] {
  position: absolute;
  opacity: 0;
}

.filter-post-process input[type=radio]:checked + label {
  background-color: #3699FF;
  color: #fff;
  transition: all 0.2s;
}

.select2-dropdown {
  z-index: 10000;
}

.my-position-area-background {
  background-color: #2F3044;
}

.active-partner-position-results thead tr {
  background-color: #2F3044;
  color: #fff;
  font-weight: 600;
}

.active-partner-position-results td {
  padding: 10px;
  font-size: 1.2rem;
}

.active-partner-position-results tbody tr:nth-child(even) {
  background-color: #EEF1F5;
}

.fs-5 {
  font-size: 1.25rem;
}

.fs-6 {
  font-size: 1rem;
}