.page-container .page-content {
    background: #FFF;
    padding: 10px;
}

.landing-page-wizard .nav-pills.nav-wizard {
    text-align: center;
  margin: 8px auto 5px;
    padding: 0 10px;
    position: relative;
  margin-left: 7px;
}

.landing-page-wizard .nav-pills.nav-wizard > li:first-child {
    border-left: 0;
}

.landing-page-wizard .nav-pills.nav-wizard > li {
    position: relative;
    overflow: visible;
    border-right: 8px solid #e3e4e7;
    border-left: 15px solid #e3e4e7;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    float: none;
}

.landing-page-wizard .nav-pills.nav-wizard > li:first-child a {
    border-radius: 2px 0 0 2px;
}

.landing-page-wizard .nav-pills.nav-wizard > li.active a {
    background-color: #298483;
    color: #fff;
    box-shadow: 0 2px #116b6a;
}

.landing-page-wizard .nav-pills.nav-wizard > li.done a {
    color: #298483 !important;
}

.landing-page-wizard .nav-pills.nav-wizard > li a {
    border-radius: 0;
    background-color: #F3F3F3;
    color: #949494;
    width: 187px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    display: table-cell;
    padding: 0px;
    box-shadow: 0 2px rgba(0, 0, 0, .07);
    font-size: 12px;
    font-weight: 700;
}

.landing-page-wizard .nav-pills.nav-wizard > li i {
    margin-right: 8px;
}

.landing-page-wizard .nav-pills.nav-wizard > li.active .nav-arrow {
    border-color: transparent transparent transparent #298483;
}

.landing-page-wizard .nav-pills.nav-wizard > li .nav-arrow {
    position: absolute;
    top: 0px;
    right: -15px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent transparent transparent #F3F3F3;
    z-index: 150;
}

.landing-page-wizard .nav-pills.nav-wizard > li .nav-wedge {
    position: absolute;
    top: 0px;
    left: -15px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: #F3F3F3 #F3F3F3 #F3F3F3 transparent;
    z-index: 150;
    box-shadow: 0 2px rgba(0, 0, 0, .07);
}

.landing-page-wizard .nav-pills.nav-wizard > li.active .nav-wedge {
    border-color: #298483 #298483 #298483 transparent;
    box-shadow: 0 2px #116b6a;
}

.landing-page-wizard .progress-bar-info {
    background-color: #288685;
    line-height: 16px;
}

.landing-page-wizard .progress {
    height: 15px !important;
}

.landing-page-wizard .topNavWrapper {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background: #e3e4e8;
    margin: 0 auto;
    width: 1000px;
    padding-bottom: 8px;
    border-bottom: 2px solid #dddddd;
}

.landing-page-wizard .progress {
  margin: 0 289px;
}

#wizard-form {
    height: 92%;
}

.landing-page-wizard .stepContentHolder {
    background: #e9eaee;
    border-bottom: 2px solid #dddddd;
    padding: 10px;
    width: 1000px;
    margin: 0 auto;
    height: 480px;
    text-align: center;
}

.getBannerPage .landing-page-wizard .stepContentHolder {
    height: auto !important;
}

.landing-page-wizard .stepContentHolder.step2 {
  height: 465px;
  padding-bottom: 0px !important;
}
.landing-page-wizard .stepContentHolder.step2 .buttonsHolder{
  background-color: transparent;
}

.landing-page-wizard .stepContentHolder.step2.public-page {
  height: 440px;
}

.landing-page-wizard .stepContentHolder.step1 {
    height: 410px;
    overflow: hidden;
}

.landing-page-wizard .banner-item {
    width: 273px;
    margin: 5px;
    display: inline-block;
    position: relative;
}

.landing-page-wizard .banner-item img {
    width: 273px;
}

.landing-page-wizard .banner-item .skip-btn {
    position: absolute;
    width: 89%;
    height: 49px;
    display: block;
    top: 15px;
    left: 15px;
}

.landing-page-wizard .banner-item .img-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    border: 2px solid transparent;
}

.landing-page-wizard .banner-item.skip-item .img-overlay {
    background-color: rgba(0, 0, 0, 0.9);
}

.landing-page-wizard .banner-item:hover .img-overlay {
    display: block;
    border: 2px solid #ffa800;
    text-align: center;
}

.landing-page-wizard .banner-item .select-button {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    color: #fff;
    background-color: #ffa800;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 15px;
    border: none;
    border-radius: 2px;
    outline: none;
    margin-left: -59.5px;
    margin-top: -13.5px;
}

.landing-page-wizard .banner-item.active .img-overlay {
    display: block;
    border: 2px solid #3dd37c;
}

.landing-page-wizard .banner-item.active .select-button {
    background-color: #3dd37c;
    margin-left: -51px;
}

.landing-page-wizard .buttonsHolder {
    width: 1000px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background: #e3e4e8;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 9px;
    position: relative;
}

.landing-page-wizard .vidoe-next-btn {
    height: 45px;
    line-height: 45px;
    padding: 0px !important;
    border-radius: 5px !important;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 20px !important;
    font-weight: 700 !important;
    border: none !important;
    width: 100%;
    color: #fff;
    box-shadow: 0 2px #be6600;
    background: #ff9214; /* Old browsers */
    background: -moz-linear-gradient(top, #ff9214 0%, #f28201 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff9214 0%, #f28201 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff9214 0%, #f28201 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 10px;
}

.landing-page-wizard .vidoe-next-btn i {
    font-size: 20px !important;
    position: relative !important;
    top: 1px !important;
}

.landing-page-wizard .buttonsHolder .btn {
    height: 45px;
    line-height: 45px;
    padding: 0px !important;
    border-radius: 5px !important;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 20px !important;
    font-weight: 700 !important;
    border: none !important;
}

.landing-page-wizard .buttonsHolder .btn i {
    font-size: 20px !important;
    position: relative !important;
    top: 1px !important;
}

.landing-page-wizard .buttonsHolder .btn.next-btn i {
    margin-left: 5px !important;
}

.landing-page-wizard .buttonsHolder .btn.back-btn {
    width: 115px;
    color: #818181;
    background: #fffffe; /* Old browsers */
    background: -moz-linear-gradient(top, #fffffe 0%, #d4d4d7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fffffe 0%, #d4d4d7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fffffe 0%, #d4d4d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    box-shadow: 0 2px #b6b7bb;
}

.landing-page-wizard .buttonsHolder .btn.next-btn {
  width: 310px;
    color: #fff;
    box-shadow: 0 2px #be6600;
    background: #ff9214; /* Old browsers */
    background: -moz-linear-gradient(top, #ff9214 0%, #f28201 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff9214 0%, #f28201 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff9214 0%, #f28201 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.landing-page-wizard .buttonsHolder .back-btn-container {
    position: absolute;
    top: 7px;
    left: 10px;
}

.landing-page-wizard .disabled-link {
    cursor: not-allowed;
}

.landing-page-wizard .stepContentHolder .StepInstructions {
    display: block;
    text-align: center;
    color: #277372;
    font-weight: bold;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 5px;
}

.landing-page-wizard .stepContentHolder .titles {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #1f4e79;
}

.landing-page-wizard .titleHolder {
    position: relative;
    text-align: left;
    margin-bottom: 5px;
    margin-top: 3px;
}

.step2 .titleHolder {
    margin-bottom: 10px;
    margin-top: 10px;
}
.select-form-control{
  line-height: 18px;
  box-shadow: none;
  background: #FDFDFD;
  height: 34px;
  font-size: 14px;
  border: 1px solid #d5d5d5;
  border-radius: 2px;
  display: block;
  width: 100%;
  padding: 6px 12px;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.select-form-control[disabled], fieldset[disabled] .select-form-control {
    cursor: not-allowed;
}
.landing-page-wizard .titleHolder:first-child {
    margin-top: 0;
}

.landing-page-wizard .group-title {
    color: #1f4e79;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    border-bottom: 1px solid #d9d9dc;
    z-index: 99;
    height: 0.7em;
}

.landing-page-wizard .titleHolder .help-icon {
    cursor: pointer;
    position: absolute;
    top: 1px;
    right: 0;
    color: #c8c8c8;
    z-index: 100;
    font-size: 14px;
    background: #e9eaee;
}

.landing-page-wizard .group-title span {
    background: #e9eaee;
    padding: 0 25px 0 0;
}

.landing-page-wizard .form-group {
    margin-bottom: 0;
}

.landing-page-wizard .form-group label {
    line-height: 34px;
    text-align: right;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

.landing-page-wizard .sp-replacer {
    margin-top: 6px;
    width: 53px;
    margin-left: 0px;
}

.landing-page-wizard .spectrum-control-ver .sp-replacer {
    margin-top: -5px !important;
    margin-left: 5px !important;
}

.landing-page-wizard .branding-label {
    line-height: 14px !important;
}

.landing-page-wizard .step2 .cover-type-label {
    line-height: 44px;
}

.landing-page-wizard .step2 .form-group .btn-group.img-txt-group {
    margin-top: 0px;
    width: 100%;
}

.landing-page-wizard .step2 .form-group .btn-group.img-txt-group label {
    font-size: 13px;
    font-weight: 700;
    color: #666;
    padding: 0 !important;
    text-transform: capitalize !important;
    border: none;
    background: #fff !important;
    box-shadow: 0 2px #c9ccd6;
    border-radius: 2px !important;
    height: 44px;
    line-height: 18px;
    width: 97px;
    margin-right: 15px;
    text-align: center;
}

.bannerDetailsPage .popover {
    max-width: none !important;
}

.bannerDetailsPage .popover img {
    max-width: 300px !important;
}

.landing-page-wizard .step2 .form-group .btn-group.img-txt-group label i {
    margin-top: 8px;
    width: 100%;
    display: block;
    font-size: 14px !important;
}

.landing-page-wizard .step2 .form-group .btn-group.img-txt-group label:last-child {
    margin-right: 0px;
}

.landing-page-wizard .step2 .form-group .btn-group.img-txt-group label.active {
    color: #fff;
    background: #2f8c8b !important;
    box-shadow: 0 2px #116b6a;
}

.landing-page-wizard .step2 .form-group .btn-group.img-txt-group label.active.disabled-link {
    background: #fff !important;
    box-shadow: 0 2px #c9ccd6 !important;
    color: #666 !important;
}

.landing-page-wizard .bootstrap-select.businessType {
    background: none !important;
}

.landing-page-wizard .businessType .btn {
    text-transform: none !important;
    font-weight: normal !important;
    box-shadow: none !important;
    background: #FFF !important;
    color: #898989 !important;
    font-size: 11px !important;
    line-height: 18px !important;
}

.landing-page-wizard .bannerType {
    line-height: 30px;
    display: block;
    text-align: center;
    padding: 0px;
    background: #fdfcfd;
    margin: 0;
    color: #969696;
    font-weight: 600;
    font-size: 11px;
    width: 90px;
    cursor: pointer;
    box-shadow: 0 2px rgba(0, 0, 0, 0.1);
    float: left;
}

.landing-page-wizard .bannerType.active {
    background: #2a5985;
    color: #FFF;
}

.landing-page-wizard .bannerType i {
    display: none;
    padding-right: 3px;
    font-size: 18px;
    vertical-align: middle;
}

.landing-page-wizard .bannerType.active i {
    display: inline-block;
}

.landing-page-wizard .bannerType.left {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.landing-page-wizard .bannerType.right {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.sp-picker-container, .sp-palette-container {
    padding-bottom: 320px;
}

.landing-page-wizard .bannerPreview {
    margin-top: 10px;
}

.landing-page-wizard .form-group label.error {
    text-align: left;
    line-height: 1em;
    margin-bottom: 5px;
    margin-top: 3px;
}

.errorBootStrapSelect {
    border: 1px solid #d20000 !important;
}

.landing-page-wizard .successIcon {
    display: inline-block;
}

.landing-page-wizard .successIcon .img-container {
    position: relative;
    max-width: 41px;
    max-height: 41px;
    top: 8px;
}

.landing-page-wizard #video-container-col div.edit-shadow .img-overlay {
    display: block;
}

.landing-page-wizard .successIcon .img-container:hover .img-overlay {
    display: block;
}

.landing-page-wizard .video-col .embed-responsive.edit-shadow .img-overlay,
.landing-page-wizard .videoHolder.edit-shadow .embed-responsive .img-overlay {
    display: block;
}

.landing-page-wizard .successIcon .img-overlay,
.landing-page-wizard .embed-responsive .img-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    display: none;
}

.landing-page-wizard .successIcon .img-overlay h3 {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    padding: 10px 0px;
}

input[type=file] {
    display: none;
}

.landing-page-wizard .embed-responsive:hover .img-overlay {
    display: block;
}

.landing-page-wizard .successIcon .img-container:hover .img-overlay a {
    font-size: 10px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    padding: 1px 3px;
    background-color: #3498db;
    border-radius: 2px;
    text-decoration: none;
    margin-top: 10px;
    display: block;
}

.landing-page-wizard .embed-responsive .img-overlay a {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    padding: 9px 5px;
    background-color: #3498db;
    border-radius: 2px;
    text-decoration: none;
    margin-top: 10px;
    width: 27%;
    margin: auto;
    margin-top: 64px;
    display: block;
}

.landing-page-wizard .successIcon img {
    position: relative;
    width: 100%;
}

.landing-page-wizard .successTitle {
    color: #277372;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    display: inline-block;
}

.landing-page-wizard .successText {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #333333;
    margin: 10px 0;
    margin-top: 0px;
}

.landing-page-wizard .stepNumber {
    text-align: center;
}

.bannerDetailsPage .landing-page-wizard .stepNumber {
    padding-top: 10px;
    padding-bottom: 10px;
}

.landing-page-wizard .stepNumber span {
    display: block;
}

.landing-page-wizard .stepNumber .headline {
    font-size: 25px;
    color: #277372;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 25px;
}

.landing-page-wizard .stepNumber .subheadline {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 19px;
    margin-bottom: 15px;
}

.titles-col {
    padding-top: 15px;
}

.video-col {
    padding: 0px;
    text-align: center;
    padding-top: 15px;
    padding-left: 23px;
}

.margin-auto {
    margin: auto !important;
    float: none;
}

.blur {
    filter: blur(6px) grayscale(80%);
    -webkit-filter: blur(6px) grayscale(80%);
    -moz-filter: blur(6px) grayscale(80%);
    -o-filter: blur(6px) grayscale(80%);
    -ms-filter: blur(6px) grayscale(80%);
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    opacity: 0.3;
}

.layer-div {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    z-index: 100;
}

.stepNumber {
    width: 1000px;
    margin: 0 auto;
    padding: 0px;
    text-align: center;
    font-size: 15px;
    color: #277372;
    font-weight: bold;
    background: #e9eaee;
    line-height: 1em;
    border: none !important;
}

.bannerDetailsPage .stepNumber {
  font-size: 26px;
    font-weight: 700;
}

.landing-page-wizard .more-customer-button {
    display: inline-block;
    width: 49%;
    height: 40px;
    border-radius: 2px;
    line-height: 40px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    padding: 0px;
    box-shadow: none;
    margin-top: 10px;
    color: #666;
    background: -moz-linear-gradient(top, #dcdcdc 0%, #c3c3c3 100%);
    background: -webkit-linear-gradient(top, #dcdcdc 0%, #c3c3c3 100%);
    background: linear-gradient(to bottom, #dcdcdc 0%, #c3c3c3 100%);
    box-shadow: 0 2px #9b9c9e;
    border: none;
}

.landing-page-wizard .more-customer-button h5 {
    line-height: 40px;
    font-size: 13px;
    font-weight: 700;
    color: #666666;
    text-transform: uppercase;
    margin: 0px;
}

.landing-page-wizard .cke_focus {
    border: 0px solid #89d0e2 !important;
    box-shadow: 0px 0px 1px 1px #3498db !important;
}

.landing-page-wizard .more-customer-button.orange-btn {
    color: #fff;
    margin-left: 6px;
    color: #fff;
    box-shadow: 0 2px #be6600;
    border: none;
    background: #ff9214;
    background: -moz-linear-gradient(top, #ff9214 0%, #f28201 100%);
    background: -webkit-linear-gradient(top, #ff9214 0%, #f28201 100%);
    background: linear-gradient(to bottom, #ff9214 0%, #f28201 100%);
}

.landing-page-wizard .more-customer-button.orange-btn h5 {
    color: #fff;
}

.landing-page-wizard .footer-sub-text {
    font-size: 14px;
    font-weight: 600;
    color: #333333;
    line-height: 18px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.edit-shadow {
    border: 0px solid #89d0e2 !important;
    box-shadow: 0px 0px 1px 1px #3498db !important;
}

#edit-media-popup .col-sm-12 {
    padding: 0px !important;
}

#edit-media-popup .image-video-contnet ul.nav-tabs {
    margin-top: 0px !important;
}

#edit-media-popup .image-video-contnet {
    height: 474px !important;
}

.adtype-container {
    padding-left: 0px !important;
    padding-top: 5px !important;
}

.brand-color-container {
    padding-top: 5px !important;
    margin-bottom: 10px;
}

.intl-tel-input {
    display: block;
}

.intl-tel-input .country-list .country {
    text-align: left;
}

.intl-tel-input .selected-flag {
    height: 30px;
}

.btnControlsWrapper {
    position: relative;
    width: 49%;
    display: inline;
}

.btnControlsWrapper:hover .button-controls {
    display: block;
}

.button-controls {
    z-index: 999;
}

.btnControlsWrapper .button-controls ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.btnControlsWrapper .button-controls ul li {
    display: inline-block;
    line-height: 14px;
    margin: 0 auto;
    padding: 5px;
    border-right: 1px solid #87e4ae;
    cursor: pointer;
}

.btnControlsWrapper .button-controls ul li:last-child {
    border-right: 0;
}

.btnControlsWrapper button {
    border: 1px solid transparent;
}

.btnControlsWrapper .tooltipControls {
    display: block;
    width: 120px;
    font-size: 11px;
    font-weight: bold;
    color: #656565;
    text-align: center;
}

.btnControlsWrapper .btnControls {
    border-color: none;
}

/*button controls end*/
.btnControlsWrapper .button-controls ul li {
    position: relative;
}

.btnControlsWrapper .button-controls .dropdownMenu {
    text-align: left;
    width: auto;
    left: -44px;
    font-size: 11px;
    min-width: 180px;
    top: 34px;
    border-radius: 3px;
    display: none;
    position: absolute;
    background: #3dd37c;
    padding: 5px 0;
    z-index: 999;
}

.btnControlsWrapper .button-controls .dropdownMenu > li {
    border: none;
    width: 100%;
    line-height: 10px;
    color: #fff !important;
    text-decoration: none;
    font-size: 12px !important;
    padding: 3px 12px;
}

.btnControlsWrapper .button-controls .dropdownMenu > li .fa {
    margin-top: 2px;
}

.btnControlsWrapper .button-controls .dropdownMenu > li > a {
    color: #fff;
    text-decoration: none;
    border: none !important;
}

.btnControlsWrapper .button-controls .dropdownMenu.active {
    display: block;
}

.btnControlsWrapper .strokeBase {
    display: inline-block !important;
    width: 12px;
    background: #999;
    color: #999;
}

.btnControlsWrapper .stroke1px {
    height: 1px;
}

.btnControlsWrapper .stroke2px {
    height: 2px;
}

.btnControlsWrapper .stroke3px {
    height: 3px;
}

.btnControlsWrapper .stroke4px {
    height: 4px;
}

.btnControlsWrapper .stroke5px {
    height: 5px;
}

.btnControlsWrapper .bootstrap-select.btn-group .dropdown-menu li {
    border: 0 !important;
}

.btnControlsWrapper .bootstrap-select.btn-group .dropdown-menu li a:focus {
    outline: 0;
    background: none;
}

.btnControlsWrapper .bootstrap-select .btn.dropdown-toggle,
.btnControlsWrapper .bootstrap-select .btn.dropdown-toggle:hover,
.btnControlsWrapper .bootstrap-select .btn.dropdown-toggle:focus {
    font-size: 11px !important;
    background: #FFF !important;
    border-radius: 2px !important;
    height: 25px !important;
    line-height: 25px !important;
    box-shadow: none !important;
    padding: 0 4px !important;
    font-weight: bold !important;
    color: #999 !important;
    border: 0 !important;
    outline: 0 !important;
}

.btnControlsWrapper .bootstrap-select.btn-group .dropdown-toggle .caret {
    right: 5px !important;
}

.btnControlsWrapper .dropdownMenu .bootstrap-select {
    margin-left: 10px;
    z-index: 9999999;
}

.btnControlsWrapper .dropdownMenu:after {
    content: '';
    height: 0;
    width: 0;
    display: block;
    border-style: solid;
    border-color: #3dd37c transparent;
    border-width: 0 6px 6px 6px;
    position: absolute;
    top: -6px;
    left: 36%;
    margin-left: -14px;
    z-index: 1;
}

.edit-list .list-group-item a:focus {
    outline: 0 !important;
}

.btnControlsWrapper .bootstrap-select.btn-group.bs-container .dropdown-menu {
    z-index: 999999;
}

.button-controls {
    display: none;
    position: absolute;
    background: #3dd37c;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    top: -37px;
    left: 5px;
}

.btnControlsWrapper button.edit-shadow {
    border: 0px solid #3dd37c !important;
    box-shadow: 0px 0px 1px 1px #3dd37c !important;
}

.left-addon .fa {
    left: 0px;
}

.inner-addon .fa {
    position: absolute;
    pointer-events: none;
    color: #cbced8;
    top: 10px;
    font-size: 14px;
    left: 18px;
}

.inner-addon input.form-control {
    padding-left: 29px;
}

.step2 .sp-preview {
    height: 22px;
}

.step2 .form-control {
    height: 34px;
    font-size: 14px;
    border: 1px solid #d5d5d5;
    border-radius: 2px;
}

.items-container {
    height: 380px;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
}

.step2 input::-webkit-input-placeholder {
    color: #666;
}

.step2 input:-moz-placeholder {
    color: #666;
}

/* Firefox 18- */
.step2 input::-moz-placeholder {
    color: #666;
}

/* Firefox 19+ */
.step2 input:-ms-input-placeholder {
    color: #666;
}

.step2 input:focus::-webkit-input-placeholder {
    color: transparent;
}

.step2 input:focus:-moz-placeholder {
    color: transparent;
}

/* Firefox 18- */
.step2 input:focus::-moz-placeholder {
    color: transparent;
}

/* Firefox 19+ */
.step2 input:focus:-ms-input-placeholder {
    color: transparent;
}

input:disabled {
    background: #fff !important;
}

@media (max-width: 999px) {
    .landing-page-wizard .topNavWrapper,
    .landing-page-wizard .stepContentHolder,
    .landing-page-wizard .buttonsHolder,
    .landing-page-wizard .stepNumber {
        width: 100%;
    }

    .landing-page-wizard .progress {
        margin: 0 70px;
    }

    .landing-page-wizard .form-group label {
        line-height: 30px;
        font-size: 13px;
        padding-left: 0px;
    }

    .landing-page-wizard .step2 .form-group .btn-group.img-txt-group label {
        width: 72px;
    }

    .step2 .branding-lbl-mobile {
        text-align: left !important;
        font-size: 12px !important;
        padding-left: 10px !important;
    }

    .landing-page-wizard .branding-label {
        padding-left: 0px !important;
    }
}

@media (max-width: 768px) {
    .landing-page-wizard .stepContentHolder {
        height: auto;
    }

    .spectrumCol {
        text-align: center !important;
    }

    .bannerTypeCol {
        text-align: center !important;
    }

    .bannerType {
        float: none !important;
        display: inline-block !important;
    }

    .no-padding-left-xs {
        padding-left: 0px !important;
    }

    .step2 .brand-color-container {
        margin-bottom: 0px;
    }

    span.xs-custom-label {
        text-align: left;
        display: block;
        width: 100%;
        font-size: 12px;
        font-weight: 700;
        color: #3e3e3e;
        text-transform: capitalize;
        padding-bottom: 7px;
    }
}

@media (max-width: 480px) {
    .landing-page-wizard .nav-pills.nav-wizard > li i {
        font-size: 10px;
        display: block;
        position: relative;
        top: 5px;
    }

    .landing-page-wizard .nav-pills.nav-wizard > li a {
        font-size: 10px;
        text-transform: capitalize;
        line-height: 29px;
        max-height: 36px !important;
        width: 79px;
    }

    .landing-page-wizard .nav-pills.nav-wizard > li .nav-arrow {
        right: -18px;
        border-width: 18px 0 18px 18px;
    }

    .landing-page-wizard .nav-pills.nav-wizard > li .nav-wedge {
        left: -18px;
        border-width: 18px 0 18px 18px;
    }

    .landing-page-wizard .nav-pills.nav-wizard {
        padding: 0px;
        margin-left: 0px;
        margin-bottom: 0px;
    }

    .landing-page-wizard .nav-pills.nav-wizard > li {
        border-right: 3px solid #e3e4e7;
    }

    .landing-page-wizard .progress {
        height: 10px !important;
        width: 100%;
        margin: auto !important;
        border-radius: 2px;
    }

    .progress-bar {
        font-size: 10px;
        line-height: 10px !important;
    }

    .pills-col {
        padding-left: 5px !important;
        padding-right: 5px !important;
        margin-bottom: 3px !important;
    }

    .no-margin-xs {
        margin: 0px !important;
    }

    .landing-page-wizard .topNavWrapper {
        padding-bottom: 5px;
    }

    .landing-page-wizard .stepNumber .headline {
        font-size: 15px;
        margin-bottom: 5px;
        line-height: 17px;
    }

    .titles-col {
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 0px;
    }

    .landing-page-wizard .stepNumber .subheadline {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 5px;
    }

    .landing-page-wizard .banner-item {
        margin: 1px;
        width: 134px;
    }

    .landing-page-wizard .stepContentHolder.step1 {
        height: 325px;
        min-height: 315px;
    }

    .landing-page-wizard .next-btn-container {
        width: 100%;
        margin-bottom: 5px;
    }

    .landing-page-wizard .back-btn-container {
        width: 50%;
        margin-bottom: 5px;
        padding-right: 5px;
    }

    .landing-page-wizard .buttonsHolder .btn {
        width: 100% !important;
        font-size: 15px !important;
    }

    .landing-page-wizard .buttonsHolder .btn .fa {
        font-size: 15px !important;
        margin-left: 5px;
    }

    .bannerDetailsPage .landing-page-wizard .stepNumber {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 15px;
    }

    .bannerDetailsPage .landing-page-wizard .group-title {
        font-size: 14px;
    }

    .step2 .titleHolder {
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .step2 .form-control {
        font-size: 12px;
        height: 26px;
        padding-left: 20px !important;
    }

    .landing-page-wizard .step2 .form-group .btn-group.img-txt-group label {
        font-size: 11px !important;
        height: 40px;
        line-height: 18px;
        width: 57px;
        margin-right: 8px;
        margin-bottom: 0px;
    }

    .inner-addon .fa {
        top: 8px;
        font-size: 11px;
    }

    .landing-page-wizard .stepContentHolder {
        padding: 0px
    }

    .nopadding-xs {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .zeroPadding-xs {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .landing-page-wizard .bannerType {
        line-height: 25px;
        font-weight: 600;
        font-size: 10px;
        width: 66px;
    }

    .landing-page-wizard .bannerType i {
        display: none;
        padding-right: 3px;
        font-size: 12px;
    }

    .landing-page-wizard .sp-replacer {
        float: left;
    }

    .landing-page-wizard .stepContentHolder.step2 {
    height: 442px;
    }

    .landing-page-wizard .successIcon {
        width: 24px;
    }

    .landing-page-wizard .disabled-link {
        opacity: 0.6;
    }

    .landing-page-wizard .form-group label {
        font-size: 10px;
    }

    .landing-page-wizard .successTitle {
        font-size: 30px;
    }

    .landing-page-wizard .successText {
        font-size: 16px;
    }

    .landing-page-wizard .more-customer-button {
        width: 100%;;
    }

    .landing-page-wizard .more-customer-button.orange-btn {
        margin-left: 0px;
    }

    .landing-page-wizard .successIcon .img-container {
        top: 3px;
    }

    .items-container {
        height: 311px;
    }
}