/* Darkgrey */
/* Lightgrey */
/* Grey */
/* White */
/* Red */
/* Green */
/* Black */
/* blue */
:root .otp-theme {
  --loading_icon: url(../images/otp-loading.gif);
}
:root .ggp-theme {
  --loading_icon: url(../images/ggp_loading_100x67.gif);
}
:root .hs-theme {
  --loading_icon: url(../images/hs-loading.gif);
}

#popup_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/fancybox_overlay.png");
  z-index: 9999;
}

#popup_box {
  position: relative;
  opacity: 0;
  width: 560px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  background: #FFFFFF;
  margin: 0 auto;
  padding: 30px;
}
@media screen and (max-width: 991.98px) {
  #popup_box {
    width: 100%;
  }
}
#popup_box a.close {
  display: block;
  width: 20px;
  height: 20px;
  top: 10px;
  right: 10px;
  position: absolute;
  line-height: 18px;
  background: url("../images/icon_close.png") center center no-repeat;
  color: #999;
  text-align: center;
  z-index: 9999999;
  text-indent: 980px;
  overflow: hidden;
}
#popup_box .inner {
  color: #999;
  overflow: hidden;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
}
#popup_box .inner .btn {
  color: #E01C7D;
  font-size: 12px;
  line-height: 34px;
  text-align: center;
  text-decoration: none;
  height: 34px;
  min-width: 120px;
  padding: 0 15px;
  border: 1px solid #E01C7D;
  border-radius: 3px;
  background-color: #FFFFFF;
  text-transform: uppercase;
  cursor: pointer;
  margin: 15px;
}
#popup_box .inner .btn:hover, #popup_box .inner .btn.highlight {
  color: #FFFFFF;
  background-color: #E01C7D;
}
#popup_box .slip-upload {
  color: #000000;
}
#popup_box .slip-upload .fa-exclamation-triangle {
  color: #DE197D;
  vertical-align: middle;
}
#popup_box .slip-upload .first-line {
  display: inline-block;
  height: 32px;
  font-size: 16px;
}
#popup_box .slip-upload .first-line span {
  line-height: 32px;
}
#popup_box .slip-upload .file {
  color: #29B5DC;
  font-weight: bold;
  margin-right: 8px;
}
#popup_box .cancel-order {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
}
#popup_box .cancel-order .title {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
}
#popup_box .cancel-order .success {
  text-align: center;
}
#popup_box .cancel-order .success .fa-check-circle, #popup_box .cancel-order .success .fa-exclamation-triangle {
  font-size: 70px;
}
#popup_box .cancel-order .success .fa-check-circle {
  color: #0DC37F;
}
#popup_box .cancel-order .success .fa-exclamation-triangle {
  color: #f73859;
}
#popup_box .cancel-order .success .title {
  margin: 20px 0;
}
#popup_box .cancel-order .success .btn-ok {
  color: #FFFFFF;
  border-color: #0DC37F;
  background-color: #0DC37F;
  margin-bottom: 0;
  min-width: 70px;
  font-size: 16px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
}
#popup_box .cancel-order .section-button {
  text-align: right;
  text-transform: uppercase;
}
#popup_box .cancel-order .section-button button {
  margin: 0;
}
#popup_box .cancel-order .section-button .disabled {
  pointer-events: none;
}
#popup_box .cancel-order .section-button .btn-next {
  width: 160px;
  color: #FFFFFF;
  background-color: #E01C7D;
}
#popup_box .cancel-order .section-button .btn-next:hover, #popup_box .cancel-order .section-button .btn-next.highlight {
  color: #FFFFFF;
  background-color: #E01C7D;
}
#popup_box .cancel-order .section-button .btn-close {
  color: royalblue;
  background-color: #FFFFFF;
  border: none;
  font-weight: bold;
  text-align: right;
}
#popup_box .cancel-order .section-button .btn-close:hover, #popup_box .cancel-order .section-button .btn-close.highlight, #popup_box .cancel-order .section-button .btn-close:focus {
  box-shadow: none;
}
#popup_box .cancel-order .btn:focus {
  box-shadow: none;
}
#popup_box .cancel-order .inputGroup {
  border-radius: 3px;
  background-color: #FFFFFF;
  display: block;
  margin: 10px 0;
  position: relative;
  border: 1px solid #E0E0E0;
}
#popup_box .cancel-order .inputGroup label {
  margin-bottom: 0;
  padding: 12px 30px;
  width: 100%;
  display: block;
  text-align: left;
  color: #010101;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
}
#popup_box .cancel-order .inputGroup label:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: "";
  background-color: #2ac2e3;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}
#popup_box .cancel-order .inputGroup label:after {
  width: 18px;
  height: 18px;
  content: "";
  border: 2px solid #E0E0E0;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}
#popup_box .cancel-order .inputGroup input:checked ~ label {
  color: #FFFFFF;
}
#popup_box .cancel-order .inputGroup input:checked ~ label:before {
  transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
#popup_box .cancel-order .inputGroup input:checked ~ label:after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='4 4 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%232ac2e3' fill-rule='nonzero'/%3E%3C/svg%3E ");
}
#popup_box .cancel-order .inputGroup input {
  width: 18px;
  height: 18px;
  order: 1;
  z-index: 2;
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}

#custom-format-box {
  position: relative;
  opacity: 0;
  width: 400px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  margin: 0 auto;
}
@media screen and (max-width: 767.98px) {
  #custom-format-box {
    width: 98%;
  }
}
#custom-format-box h3 {
  color: #FFFFFF;
  margin-bottom: 0 !important;
}
#custom-format-box .btn {
  color: #E01C7D;
  font-size: 12px;
  line-height: 34px;
  text-align: center;
  text-decoration: none;
  height: 34px;
  min-width: 120px;
  padding: 0 15px;
  border: 1px solid #E01C7D;
  border-radius: 3px;
  background-color: #FFFFFF;
  text-transform: uppercase;
  cursor: pointer;
}
#custom-format-box .btn:hover, #custom-format-box .btn.highlight {
  color: #FFFFFF;
  background-color: #E01C7D;
}
#custom-format-box small, #custom-format-box .sub-title, #custom-format-box .dropdown-item, #custom-format-box div {
  font-weight: 400;
}
#custom-format-box .form-text {
  margin-bottom: 8px;
}
#custom-format-box .reset {
  opacity: 1;
  display: block;
  width: 100%;
}
#custom-format-box .sub-title {
  font-size: 14px !important;
  line-height: 19px;
}
#custom-format-box .dd {
  position: relative;
}
#custom-format-box .dd .btn {
  height: 31px;
  margin: 0;
  padding: 0 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  text-transform: capitalize;
}
#custom-format-box .dd .btn-outline-secondary:focus, #custom-format-box .dd .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
#custom-format-box .dd .btn-outline-secondary {
  color: #495057;
  background-color: transparent;
  background-image: none;
  border-color: #ced4da;
}
#custom-format-box .dd .dropdown-menu {
  width: 100%;
  padding: 0.25rem 0;
}
#custom-format-box .dd .dropdown-item {
  padding-left: 8px;
  font-size: 14px;
  color: #495057;
}
#custom-format-box .dd .dropdown-toggle {
  text-transform: none;
}
#custom-format-box .dd .dropdown-toggle::after {
  float: right;
  margin-top: 8px;
}

.close-custom-format {
  color: #FFFFFF;
  width: 24px;
  height: 24px;
  text-align: center;
  background-color: #E01C7D;
  z-index: 10;
  border: 2px solid #FFFFFF;
  border-radius: 30px;
  float: right;
  text-decoration: none !important;
}
.close-custom-format:hover {
  color: #FFFFFF;
}

/*# sourceMappingURL=ggp_popup.css.map */