html {position: relative; min-height: 100%;}
body {background: #ffffff;}
a {outline: none;}
.height-auto {height:auto !important; overflow: inherit !important;}
.clr {clear: both;}
.mr0 {margin-right: 0px !important;}
input, .corp-contact .col-md-6 .form-control {border:#cacaca 1px solid; color: #707070; font-size: 15px;-webkit-border-radius: 6px !important;-moz-border-radius: 6px !important;border-radius: 6px !important; padding: 13px 12px 14px 19px;}
.w290 {width:290px !important;}
.w110 {width:110px !important;}
.mt21 {margin-top:21px;}
.gry-btn {padding: 8px 31px 11px 29px; border: 0px; background: #919191; color: #ffffff; font-weight: 400; font-size: 18px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.pl45 {padding-left:45px !important;}
.error {color: #ff5050; display: block; width: 100%; text-align: left; font-size: 13px; font-weight: 600; padding: 0 0 10px; margin: -10px 0 0;}
input::placeholder, textarea::placeholder {color: #b0b0b0;}
.pt186 {padding-top: 130px;}
.page-loader { background: rgba(0, 0, 0, 0.9);height: 100%;left: 0;position: fixed;text-align: center;top: 0;width: 100%;z-index: 99999;}
.page-loader img {width: auto; padding-top: 20%;}
.popup-control .modal-sm, .popup-control .modal-md {width: auto;}
.popup-control .modal-content {background: none; border: 0px; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
button.disabled, button[disabled], input[disabled] {cursor: not-allowed; opacity: 0.65;}
.custom-mask {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 1; margin: 0px !important; padding: 0px !important;}
.corp-static-login {float: right; margin: 6px 0 0;}
.corp-static-login a {color: #ffffff; font-size: 16px; font-weight: 600; border: #ffffff 1px solid; padding: 5px 15px; display: block;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.carousel-inner {height: 236px;}
.carousel-item {background: no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
.carousel-control-prev {position: absolute; top: 43%; left: 10px; text-align: center; line-height: 32px; width: 35px; height: 35px; background: rgba(0,0,0,0.5);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.carousel-control-next {position: absolute; top: 43%; right: 10px; text-align: center; line-height: 32px; width: 35px; height: 35px; background: rgba(0,0,0,0.5);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.carousel-control-prev img, .carousel-control-next img {width: auto;}
#myCarousel .sr-only {width: auto; height: auto; clip: auto;}
#myCarousel {margin-top: 37px;height: 236px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border: #e1234c 1px solid; overflow: hidden;}
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {background-color: transparent !important;}
.custom-value input[type=number]::-webkit-inner-spin-button, .custom-value input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; }
.custom-value input[type=number] {-moz-appearance:textfield;}
/***************** Calendar ***************************/
.uib-datepicker-popup.dropdown-menu {padding: 0px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border: 0px; width: 100%;}
.uib-datepicker-popup.dropdown-menu table {width: 100%;}
.uib-datepicker-popup.dropdown-menu table thead tr th button.uib-left {border:0px;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; background: #555555; color: #ffffff; padding: 8px 0; border-bottom: #3f3f3f 2px solid;-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);}
.uib-datepicker-popup.dropdown-menu table thead tr th button.uib-title {border:0px;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; background: #555555; color: #ffffff; padding: 8px 0; border-bottom: #3f3f3f 2px solid;-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);}
.uib-datepicker-popup.dropdown-menu table thead tr th button.uib-right {border:0px;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; background: #555555; color: #ffffff; padding: 8px 0; border-bottom: #3f3f3f 2px solid;-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);}
/*.uib-datepicker-popup.dropdown-menu table tbody tr td button.btn.disabled, .uib-datepicker-popup.dropdown-menu table tbody tr td button.btn[disabled] {background: #eeeeee; color: #b5b5b5; font-weight: 600; opacity: 1;}*/
.uib-datepicker-popup.dropdown-menu table tbody tr td button.btn.disabled span.text-muted, .uib-datepicker-popup.dropdown-menu table tbody tr td button.btn[disabled] span.text-muted { color: #d3d3d3;}
.uib-day.text-center span {font-size: 12px; padding: 0px; float: none; text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);}
.uib-day.text-center span.text-info {color: #b459d9;}
.uib-day.text-center .btn-info.active {background: #e1234c; border-top: #ba1035 1px solid; text-align: center; -webkit-box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,0.4);-moz-box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,0.4);box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,0.4);}
.uib-day.text-center .btn-info.active span {color: #ffffff; float: none;}
.uib-datepicker-popup.dropdown-menu table tbody tr td button.btn {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; text-align: center; padding: 5px; border: 0px; border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; background: #f3f3f3; color: #747474; font-weight: 600; border-top: #fafafa 1px solid;}
.uib-daypicker table tr th small {text-align: center; padding: 2px 14px; background: #999999; color: #ffffff; font-size: 12px;}
.uib-button-bar {display: inline-block; width: 100%; padding: 10px 10px 5px;}
.uib-button-bar span {display: none;}
.uib-datepicker-popup .uib-button-bar span {padding: 0px; float: none;}
.uib-datepicker-popup .uib-button-bar span button.uib-datepicker-current {padding: 5px 0; margin: 0px; border: 0px; background: #31c9a0; width: 65px;-webkit-border-radius: 3px !important;-moz-border-radius: 3px !important;border-radius: 3px !important; font-weight: 700; font-size: 12px;}
.uib-datepicker-popup .uib-button-bar span button.uib-clear {padding: 5px 0; margin: 0px 10px; border: 0px; background: #C0392B; width: 65px;-webkit-border-radius: 3px !important;-moz-border-radius: 3px !important;border-radius: 3px !important; font-weight: 700; font-size: 12px;}
.uib-datepicker-popup .uib-button-bar button.uib-close {padding: 5px 0; margin: 0px; border: 0px; background: #ABB7B7; width: 65px;-webkit-border-radius: 3px !important;-moz-border-radius: 3px !important;border-radius: 3px !important; font-weight: 700; font-size: 12px;}
/***************** Popups *****************************/
.corporate-credit {background: #ffffff;padding: 23px; border: #f4f4f4 1px solid; width:385px; text-align: center; margin: 10% auto 0; position: relative;}
.corporate-credit a.popup-close, .scheduled-success a.popup-close {position: absolute; top: -30px; right: -30px; outline: none;}
.corporate-credit a.popup-close img {width: auto;}
.corporate-credit h1 {color: #e00039; font-weight: 600; margin: 0px 0 34px; font-size:27px; text-align: center;}
.corporate-credit p {color:#6b6b6b; font-weight: 300; text-align: center; margin: 0px 0 34px; font-size: 16px;}
.corporate-credit input {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; width: 100%;}
.corporate-credit button, .corporate-credit input.save {border:0px; background: #919191; color: #ffffff; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; width: 167px; height: 45px; line-height: 45px; padding: 0px; font-size: 18px; margin: 25px 0 0;}
.corporate-credit input.save {float: right;}
.corporate-credit button.cancel {float: left; background: none; color: #919191;}
.corporate-credit .otp-errormsg {color:#ff4342; font-weight: 400; font-size: 13px; width: 100%; text-align: left; margin: 10px 0 0;}
.corporate-credit span.sending-req {display: block; text-align: left; margin: 10px 0 0;}
.change-pass h1 {margin-bottom: 19px;}
.change-pass small {color:#797979; display: block; padding-bottom: 21px;}
.change-pass p {margin: 10px 0 0; color: #ff4343; text-align: left; font-size: 13px;}
.changed-success p {color: #6b6b6b;}
.crop-popup h3 {margin:0px; text-align: center; font-weight: 600;}
.crop-popup .upload-sec label {color: #e00039;font-size: 18px;font-weight: 400;margin: 0 0 20px 5px;}
.croped-gift-caption {color: #e00039;font-size: 18px;font-weight: 400;margin: 0 0 20px 0; display: block; text-align: center;}
.crop-popup .upload-sec .fa.fa-camera {color: #e00039;font-size: 19px;}
.crop-popup .upload-sec input[type="file"] {cursor: pointer;display: inline;text-align: center; width: 53%;}
.crop-popup .btn-sec .cancel { background: #8d8d8d;border: 0 none;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;font-size: 20px;eight: 50px;line-height: 50px;padding: 0 20px; margin: 0 10px;}
.crop-popup .btn-sec .crop {background: #e00039;border: 0 none;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;font-size: 20px; height: 50px;line-height: 50px;margin: 0 10px; padding: 0 20px;}
/***************** Request Submitted Popup ******************/
.request-submitted {background: #ffffff;padding: 23px; border: #f4f4f4 1px solid; width:385px; text-align: center; margin: 10% auto 0;}
.request-submitted .col-md-6 {padding-left: 0px; padding-right: 0px; width: 44%;}
.request-submitted span.divdr {float: left; background: #d4d4d4; width: 1px; height: 182px; margin: 80px 30px 0;}
.request-submitted h1 {color: #e00039; font-weight: 600; margin: 0px 0 56px; font-size:22px; text-align: center;}
.request-submitted p {margin:0px 0 23px; color: #6b6b6b; font-size: 17px; line-height: 21px; font-weight: 300;}
.request-submitted p span {display: block; color: #e00039; font-weight: 400;}
.request-submitted label {font-weight: 300; font-size: 18px; color: #6b6b6b; margin: 0px; line-height:21px;}
.request-submitted p a {color: #e00039; text-decoration: underline;}
/***************** Confirmation for Progress Lost ******************/
.progress-lost-conf {background: #ffffff; overflow: hidden; width:490px; text-align: center; margin: 10% auto 0;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
.progress-lost-conf h2 {color:#707070; font-size: 22px; font-weight: normal; line-height: 28px; margin: 24px 0 30px;}
.progress-lost-conf button.prog-continue {background: #e1234c; color: #ffffff; border: 0px; font-size: 16px; font-weight: 600;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; height: 35px; padding: 0 10px; margin-right: 3px;}
.progress-lost-conf button.prog-cancel {background: none; border: #707070 1px solid;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; height: 35px; padding: 0 10px; font-size: 16px; font-weight: 600; margin-left: 3px;}
.progress-lost-conf p {margin: 30px 0 0 0; background: #b4b4b4; font-size: 16px; font-weight: 600; color: #ffffff; height: 40px; line-height: 37px;}
/***************** Corporate Preview ******************/
.corp-gift-preview {width:704px; margin: 0 auto;}
.corp-gift-preview .preview-container {background: #ffffff;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; overflow: hidden;height: 660px;}
.preview-container .gift-preview-container {position: relative;}
.gift-preview-container img.corp-gift-cover {width: 704px; height: 470px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.gift-preview-container h1 {margin: 0 auto; color: #ffffff; font-size: 50px; font-weight: 400; width: 90%; position: absolute; left: 0px; right: 0px; top: 115px; text-align: center;}
.gift-preview-container .gift-recipient {margin: 20px 0 0; font-weight: normal; font-size: 25px; color: #ffffff; text-align: center;}
.gift-preview-container .gift-sender {position: absolute; bottom: 20px; left: 20px; color: #ffffff; font-size: 15px; line-height: 21px;}
.gift-preview-container .gift-sender label {font-size: 18px; margin: 0px;}
.gift-preview-container .brand-cover {position: absolute; right: 20px; bottom: -119px; width: 358px; height: 236px; }
.brand-cover .content-cover {overflow: hidden; height: 236px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.brand-cover .brand-image {width: 358px;}
.brand-cover .brand-logo {position: absolute; top: 35px; left: 0px; right: 0px; margin: 0 auto; width: 246px;}
.brand-cover .gift-value {position: absolute; bottom: 10px; right: 20px; color: #ffffff; text-align: right;font-size: 11px;line-height: 28px;}
.brand-cover .gift-value label {margin: 0px;font-size: 32px;font-weight: normal;}
.brand-cover span.mask {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.5);border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.brand-cover img.top-ribbon {position: absolute;top: -5px;right: -5px;width: auto;z-index: 1;}
.brand-cover img.bottom-ribbon {position: absolute;width: auto;left: -5px;bottom: -5px;z-index: 1;}
.preview-container .custom-message {padding: 20px; width: 320px; height: 170px; overflow-x: auto; word-wrap: break-word; font-size: 12px;}
.preview-close {background: #f8f8f8 url(../images/preview-close.png) no-repeat 7px 8px; color: #707070; font-size: 14px; border: 0px; float: right; padding: 0px 0 0 19px; width:78px; height: 30px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;margin-top: 20px;}
.preview-close:hover {background-color: #ededed;}
/***************** Scheduled Successfully *******************/
.scheduled-success {background: #ffffff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); width:704px; margin: 20px auto; position:relative;}
.scheduled-success .gray-strip {background: #666666; padding: 0 25px 0 25px; color: #ffffff; font-size:16px; height: 58px; line-height: 54px;}
.scheduled-success .gray-strip small {float:right; text-align: right; color: #ffffff; font-size: 12px; padding-top:10px;}
.scheduled-success table tr th {text-transform:uppercase; font-weight:600; font-size: 16px; border: 0px; padding: 24px 20px 19px 0;}
.scheduled-success table tr th:first-child {padding-left:20px;}
.scheduled-success table tr td:first-child {padding-left:20px; width:111px;}
.scheduled-success table tr td {padding:0px 30px 18px 0; border-top: 0px;}
.scheduled-success table tr td img {width:111px;}
.scheduled-success table tr td span {color:#e00039; display: block; font-size: 17px;}
.scheduled-success table tr td small {color:#717171; font-size: 12px;}
.scheduled-success table tr td a.view {border: #cacaca 2px solid;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; color: #707070; font-weight: 300; font-size: 13px; display: block; text-align: center; padding: 2px 13px 3px 13px; dispaly: none;}
p.scheduled-success-footer {margin: 0px; position: absolute; width: 100%;bottom: 0;text-align: center;color: #595959;background: #dddddd;font-size: 12px;padding: 10px; z-index: 1;}
/***************** 404 Error Page ***************************/
.page-not-found {padding-bottom: 50px; text-align: center;}
.page-not-found h1.title-hero {font-family: Pacifico; color: #e00039; font-size: 130px; font-weight: 600; margin: 0px;}
.page-not-found h1.page-content {color: #707070; font-family: Pacifico; margin: 20px 0 50px;}
.page-not-found h3 {color: #707070; font-size: 18px; margin: 0 auto 40px; width: 60%;}
.page-not-found .btn.btn-primary.btn-mega {background: #e00039; border: 0px; font-size: 20px; height: 50px; line-height: 50px; padding: 0 30px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
/***************** Select Theme Slider **********************/
.select-theme-slider {background: #f0f0f0; text-align: center; padding: 30px 0 47px; overflow: hidden; position: relative;}
.select-theme-slider img.sts-close {position: absolute; top: 20px; right: 20px; width: 25px; cursor: pointer;}
.select-theme-slider h4 {margin:0px 0 30px; font-weight: 600; color: #707070; font-size: 23px;}
.select-theme-slider .btn-customize {background:#f0f0f0; border: #8f8f8f 2px solid;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; padding: 5px 55px 6px; font-weight: 400; font-size: 20px;letter-spacing: 1px; margin-left: 20px;}
.select-theme-slider span.or {color:#707070; font-size:17px;}
.select-theme-slider p {color: #707070 !important; font-size: 15px !important; margin: 15px 0 0 !important; padding: 0px !important;}
.select-theme {display: inline-block; width: 100%; margin-bottom: 15px;}
.select-theme .col-md-4 {padding: 0px; position: relative;}
.select-theme .active .col-md-4 {opacity: 1;}
.select-theme .col-md-4 div.custom-theme-name {position: absolute; width: 100%; text-aling: center; top: 23%; color: #ffffff; font-size: 45px; z-index: 1; line-height: 40px; cursor: pointer;}
.select-theme .col-md-4 div.custom-theme-name p {margin: 4px 0 0 !important;color: #ffffff !important;font-size: 27px !important;}
.select-theme .col-md-4 a {border: #f0f0f0 10px solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: block; position: relative;}
.select-theme .col-md-4 a button {background: none; border: 2px solid #ffffff; bottom: 10px; color: #ffffff; font-weight: 600; left: 0; margin: 0 auto; padding: 5px 0; position: absolute; right: 0; width: 80px; z-index: 1;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.select-theme .active a {border: #e1003a 10px solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: block;}
.carousel .carousel-control {background: rgba(0,0,0,0.3); width: 40px; height: 120px; line-height: 120px; font-size: 35px; top: 35%; opacity: 1;}
.left.carousel-control {left: 10px; z-index: 1;}
.right.carousel-control {right: 10px; z-index: 1;}
/***************** Custom Select Box ************************/
.styled-select {height: 51px; width: 236px; float:right; position: relative;}
.styled-select select {background: transparent; border: none; font-size: 16px; height: 48px; padding: 5px 5px 5px 8px; width: 252px;color: #b0b0b0;}
.styled-select input {width: 100%;}
/***************** Custom Scrollbar *************************/
.scrollbar {overflow-y: scroll;margin-bottom: 25px; height: 520px;}
.force-overflow {padding:0 10px;}
#style-1::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color: #F5F5F5;}
#style-1::-webkit-scrollbar {width: 12px;background-color: #F5F5F5;}
#style-1::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #555;}
/***************** Navigation *******************************/
.add-credit {position: fixed; right: 10px;}
.add-credit label {float: right; color: #ffffff; font-size: 29px; margin: 4px 11px 0 0;}
.add-credit button {float: right; background: #a8a8a8; border: none; color: #ffffff; font-weight: 400; width: 84px; padding: 7px 0; text-align: center; font-size: 13px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; margin: 9px 0 0;}
.user {position: absolute; top: 0px; right: 0px; padding: 12px 16px 12px 16px; width:226px;}
.user:hover {background: #aaaaaa;}
.user span {color: #000; cursor: pointer; float: left; font-size: 16px; font-weight: 600; margin: 10px 0 0 14px; width: 69%;}
.user span b {float: right; margin-left: 20px;}
.user span b img {width: auto;}
.user-icon {float: left; width: 46px; height: 46px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; overflow: hidden; position: relative; display: inline-block; background: #717171;}
.user-icon img {width: auto; height: auto; position: absolute; margin: auto; max-width: 100%; max-height: 100%; top: 0; right: 0; bottom: 0; left: 0;}
.user .dropdown-menu {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; top: 68px; border: 0px; width: 225px; padding: 0px; overflow: hidden;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #e5e5e5;}
.user .dropdown-menu > li > a {padding: 15px 15px 15px 30px; font-weight: 400; color: #4d4d4d; font-size: 15px;}
.user .dropdown-menu > li > a:hover, .user .dropdown-menu > li > a:focus, .user .dropdown-menu > li.active > a {background: #ffffff; color:#4d4d4d;}
.user .dropdown-menu > li > a small {font-weight:600; font-size: 13px; color: #4d4d4d;}
/***************** Main Banner Section **********************/
.main-banner {width:100%; position: relative; height: 500px; overflow: hidden; padding-top: 70px;}
.main-banner img {width: 100%; height: auto;}
.main-banner-2 {width:100%; position: relative; height: 359px; overflow: hidden;}
.main-banner-2 img {width: 100%; height: auto;}
.corporate-banner-header {position: absolute; top: 40%; left: 0px; right: 0px;}
.corporate-banner-header h1 {color: #ffffff; margin: 0px; font-size: 64px; text-align: right; font-weight: 400;}
.corporate-banner-header h4 {color: #ffffff; margin: 0px; font-size: 33px; text-align: right; font-weight: 400;}
.main-banner-2 .corporate-banner-header {position: absolute; top: 35%; left: 0px; right: 0px;}
.main-banner-2 .corporate-banner-header h1 {color: #ffffff; margin: 0px; font-size: 35px; font-weight: 400; text-align: center;}
.main-banner-2 .corporate-banner-header h1 small {display:block; width: 100%; color: #ffffff; font-weight: 400; padding-top:3px; padding-bottom: 24px;}
.main-banner-2 input {background: #ffffff url(../images/transaction-search.png) no-repeat 16px 12px; padding: 0 0 0 48px; border: #dbdbdb 1px solid; font-size:15px; width: 388px; height: auto; display: inline-block; height: 44px; line-height: 44px;}
.main-banner-2 .col-md-12 .col-lg-9 {width: auto; padding: 0px; float: none;}
.main-banner-2 .col-md-12 form {margin: 0px; display: inline-block; position: relative;}
.main-banner-2 .col-md-12 form button {position: absolute;top: 20px;right: 0px;border-radius: 0 5px 5px 0;height: 44px;background: #e00039;border: 0px;color: #ffffff;width: 45px;font-size: 17px;font-weight: 600;}
.giftcard-type {color: #b5b5b5; font-size: 25px; font-weight: 400; margin: 20px 0 30px;}
/***************** Select Gift Option **********************/
.giftcard-option {border: #e4e4e4 3px solid; text-align: center;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; padding: 20px 0 0; overflow: hidden;}
.giftcard-option a {outline: none; text-decoration: none;}
.giftcard-option img {width:auto;}
.giftcard-option h3 {margin: 20px 0 30px; color: #707070; font-size: 25px; line-height: 23px; font-weight: 400;}
.giftcard-option h3 small {color: #707070; font-size: 17px; font-weight: 400;}
/**************** Pending Item ****************************/
.pending-item {background: #f7f7f7; margin: 21px 0 14px; padding: 15px 0 10px;}
.pending-item label {font-weight: normal; color: #707070; font-size: 25px; line-height: 23px; padding: 6px 0 0;}
.pending-item label span {font-size: 16px; font-weight: 400;}
.pending-item label small {font-size: 23px;color: #e00039; font-weight: 400;}
.pending-item label label {color: #e00039; font-size: 16px; font-weight: 400; padding: 0px;}
.checkoutnow {text-align: right;}
.checkoutnow button {background: #e00039; color: #ffffff;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; height: 48px; line-height: 47px;
font-size: 16px; font-weight: 600; border: none; padding: 0 11px;}
.checkoutnow small {width: 100%; display: block; font-size: 12px; color: #707070; padding: 4px 0 0;}
/************************** Pending Product List **************************/
.product-list {margin-bottom: 0;}
.product-list .table > thead > tr > th {border-color: #e5e5e5; font-weight: 600; font-size: 16px;}
.product-list .table > thead > tr > th {padding:0px 0 15px 0;}
.product-list .table > thead > tr > th a {color:#707070; text-decoration: underline;}
.product-list .table tbody tr:hover {background: #f9f9f9;}
.product-list .table tbody tr td {padding:20px 0 12px 0; border-bottom: #e5e5e5 2px solid;}
.product-list .table tbody tr td:first-child p.dashboard-brand-list {width: 155px; height: 103px; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow: hidden; -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.6); -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.6); box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.6); text-align: center; margin: 0px;}
.product-list .table tbody tr td:first-child p.dashboard-brand-list span {background: rgba(0,0,0,0.4); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.product-list .table tbody tr td:first-child p.dashboard-brand-list img.brand-list-logo {position: absolute; top: 10%; left: 0px; right: 0px; margin: 0 auto; width: 100%;}
.product-list .table tbody tr:last-child td {border: none;}
.product-list .table tr td img {width: 100%;}
.product-list .table tr td span {font-size: 13px; color: #707070; font-weight: 600; display: block; color: #505050; padding: 12px 0 0;}
.product-list .table tr td span.corp-out-of-stock {color: #fffb00;font-size: 16px;padding: 0;text-align: center;position: absolute;top: 20px;left: 0px;width: 155px;height: 102px;line-height: 180px;background: rgba(0,0,0,0.3);}
.product-list .brand-value {font-size: 21px; font-weight: 600; line-height: 9px; padding: 14px 0 0;}
.product-list .brand-value label {display: block; color: #e00039; font-weight: 400; margin: 0px 0 6px; line-height: normal; font-size: 20px;}
.product-list .brand-value small {display: block; margin: 8px 0 30px; font-weight: 400; font-size: 14px;}
.product-list .brand-value a {color: #515151; text-decoration: underline; font-size: 15px;}
.product-list .schedule, .product-list .recipient {line-height: 23px; padding: 31px 0 0;}
.product-list .schedule label.error{ color: #e00039; padding-bottom: 0px;}
.product-list .schedule label, .product-list .recipient label {font-weight: 400; display: block; margin: 0px; font-size: 21px;}
.product-list .recipient label {color: #e00039;}
.product-list .schedule small, .product-list .recipient small {font-weight: 400; display: block; margin: 0px; font-size: 14px;}
.product-list .remove {font-weight: 400; display: block; width: 100%; font-size: 13px; margin: 75px 0 0;}
.product-list .remove a {color: #707070;}
/***************************** Checkbox Style *********************************/
.control {position: relative; margin-left: -31px; margin-top: 24px; cursor: pointer; font-size: 18px;}
.control input {position: absolute; z-index: -1; opacity: 0;}
.control__indicator {position: absolute; top: 2px; left: 0; height: 30px; width: 30px; background: #ffffff; border: #8d8d8d 2px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.control input:checked ~ .control__indicator {background: #e00039; border: #e00039 2px solid;}
.control input:disabled ~ .control__indicator {background: #e6e6e6; opacity: 0.6; pointer-events: none;}
.control__indicator:after { content: ''; position: absolute; display: none;}
.control input:checked ~ .control__indicator:after { display: block;}
.control--checkbox .control__indicator:after { left: 8px; top: 0px; width: 10px; height: 19px; border: solid #fff; border-width: 0 3px 3px 0; transform: rotate(45deg);}
.control strong {display: block;}
.control strong a {color: #707070; font-weight: normal; font-size: 12px;}
/****************************** Selected Theme *****************************/
.custom-theme-select {background: #fafafa; padding-bottom: 15px;}
.selected-giftcard {margin:3px 0 0;}
.selected-theme {background: #f7f7f7; margin: 120px 0 0; text-align: center; position: fixed; z-index: 2; width: 100%;}
.selected-theme p {margin:0px 0px 0px; color: #e00039; font-size: 32px; line-height: 26px; padding: 14px 0 27px;}
.selected-theme p span {font-size: 18px; font-weight: 600; color: #707070; display: block;}
.selected-theme label {width:100%; position: absolute; bottom: -23px; left: 0px; text-align: center; margin: 0px;}
.selected-theme label img {width:auto; cursor: pointer;}
.custom-selected-gift {margin: 0 0 0;}
.custom-selected-gift p {margin:0px;}
.custom-selected-gift p img {-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.27); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.27); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.27);}
.custom-selected-gift label {display:block; margin:0 0 8px; font-size: 20px; font-weight: 400; text-align: center;}
.giftcard-brand textarea {width: 100%; resize: none; font-size: 15px; border: #e3e3e3 1px solid;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 4px 0 0 9px; margin: 0px; height: 113px;}
.giftcard-brand .character-contrl {position: relative;}
.giftcard-brand .character-contrl small {position: absolute; bottom: -15px; right: 5px; font-size: 11px;}
.schedule-delivery {margin: 10px 0 0; display: none;}
.schedule-delivery span {float: right; font-size: 21px; padding: 8px 20px 0 0;}
.schedule-delivery span.input-group-btn {float: none !important; padding: 0px; position: absolute; top: 8px; right: 11px; width: 35px; height: 35px; z-index: 0;}
.schedule-delivery span.input-group-btn button {background: url(../images/calendar-icn.png) no-repeat 0 0 transparent; border: 0px; width: 35px; height: 35px;}
.schedule-delivery small {color: #ff5050; display: block; width: 100%; text-align: right; font-size: 13px; font-weight: 600; padding: 12px 0 0;}
.giftcard-brand {margin: 0 0 0;}
.giftcard-brand label {display: block; width: 100%; font-size: 22px; text-align: center; font-weight: normal; margin-bottom: 10px;}
.recipient-details input {border:#e3e3e3 1px solid; color: #707070; font-size: 15px;-webkit-border-radius: 3px !important;-moz-border-radius: 3px !important;border-radius: 3px !important; padding: 8px 12px 9px 9px;}
.giftcared-preview {background: #5fba50; border: 0px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; color: #ffffff; padding: 0px; font-size: 18px; font-weight: 600; height: 40px; width: 100px; margin: 10px auto 0;}
.selected-giftcard #myCarousel .carousel-inner span {position: absolute; top: 0px; left: 0px; bottom: 0; right: 0px; font-size: 22px; color: #ffffff; font-weight: 600; margin: auto; width: 80%; height: 30%;}
/***************** Brand Select Box *************************/
.brand-select-box {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; padding: 0px; margin-bottom: 0px; position: relative;}
.brand-select-box p {margin: 0; position: absolute; top: 3px; width:40px; height: 37px; overflow: hidden;}
.brand-select-box p img.brand-logo {height: 15px; left: 0; position: absolute; top: 35%; z-index: 1; width: auto !important; right: 0; margin: 0 auto;}
.brand-select-box span {display: block; padding:0 0 0 49px; color: #707070;}
.brand-select-box a {display: block; width: 100%; color: #ffffff; font-size: 19px;}
.brand-select-box a img {width: auto; float: left;}
.brand-select-box a span {float: left; margin: 7px 0 0 13px;}
.brand-select-box a i {float: right; margin: 17px 20px 0 0;}
ul.brand-select-list {padding: 0px; margin: 10px 0 0; list-style: none; background: #ffffff; border: #cacaca 1px solid;}
ul.brand-select-list a {color: #434343; padding: 10px 0 10px 0; display: inline-block; width: 100%;}
ul.brand-select-list li:hover, ul.brand-select-list li.active {background: #efefef;}
ul.brand-select-list li:first-child span {padding-top: 9px;}
ul.brand-select-list a img {width: auto; float: left; margin-left: 22px;}
ul.brand-select-list a span {float: left; font-size: 19px; line-height: 13px; padding-left: 23px; padding-top: 13px;}
ul.brand-select-list a span small {display: block; color: #434343; font-size: 11px;}
.select-value {margin:0 0 0;}
.select-value button {background: #ffffff; border: #e3e3e3 1px solid;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; width: 110px; height: 40px; text-align: center; line-height: 38px; font-size: 18px; margin: 0 5px 10px; float: left; font-weight: 600;}
.select-value button:hover, .select-value button.active {background: #e1234c; border: #e1234c 1px solid; color: #ffffff;}
.custom-value {display: inline-block; width: 100%; margin-top: -9px;}
.custom-value span {display: block; width: 100%; text-align: center; font-size: 18px; font-weight: 600; color: #707070;padding-top: 0;}
.custom-value input {float:left;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.corp-custom-val {float: left; margin-bottom: 0px;}
.corp-custom-val lable, .quantity-v lable {font-size: 16px; display: block; padding-bottom: 5px;}
.corp-custom-val input {height: 40px !important;-webkit-border-radius: 3px !important;-moz-border-radius: 3px !important;border-radius: 3px !important; border: #e3e3e3 1px solid !important;}
.corp-custom-val small {color: #e00039;}
.custom-value .quality {float:left; border: #cacaca 1px solid;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; font-size:15px; color: #b0b0b0; padding: 10px 0 16px 13px; margin-left: 13px; width: 117px; position: relative;}
.custom-value .quality img {position:absolute; top: 21px; right: 12px; width: auto;}
.selected-value {color: #e00039; background: #f0f0f0; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size:18px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; margin: 2px 0 0; font-weight: 600;}
.recipient-details {margin: 37px 0 0;}
.recipient-details label {text-align: left;}
.recipient-details input {width:100%; margin: 0 0 10px 0;}
.recipient-details input.error {border: #e1234c 1px solid;-webkit-box-shadow: 0px 0px 5px 0px rgba(255,0,0,0.15);-moz-box-shadow: 0px 0px 5px 0px rgba(255,0,0,0.15);box-shadow: 0px 0px 5px 0px rgba(255,0,0,0.15);}
.recipient-details input[readonly] {background: #ebebeb; cursor: not-allowed;}
.recipient-details small.recipient-error {color: #ff5050; display: block; width: 100%; text-align: left; font-size: 13px; font-weight: 600; padding: 0 0 10px; margin: -10px 0 0;}
.datepicker-contrl {position: relative;}
.datepicker-contrl button.calendar-btn {background: none; border: 0px; padding: 0px; position: absolute; top:8px; right: 10px;}
.add-another-recipient {background: #f7f7f7; text-align: right; padding: 10px 0; margin: 30px 0 0;}
.add-another-recipient .add-recipient {background: #ffffff; border: #e3e3e3 1px solid;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; font-size: 18px; font-weight: normal; width: 240px; height: 40px; line-height: 37px; margin-right: 10px;}
.add-another-recipient .red-recipient {background: #e00039; color: #ffffff; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; font-size: 18px; font-weight: normal; width: 94px; border: 0px; height: 40px; line-height: 40px; margin-right: 16px; padding: 0px;}
/****************************** Created Gift Card **************************/
.created-giftcard {background: rgba(0,0,0,0.5); position: fixed; width: 100%; height: 100%; top: 0; left: 0px; z-index: 2;}
.create-GC-panel {width: auto; height: 100%; background: #ededed; -webkit-box-shadow: 6px 0px 8px 0px rgba(0,0,0,0.13); -moz-box-shadow: 6px 0px 8px 0px rgba(0,0,0,0.13);box-shadow: 6px 0px 8px 0px rgba(0,0,0,0.13); position: relative; text-align: center; float: left; top:120px;}
a.expand-col-GC-open { margin: auto; position: fixed; z-index: 1; top: 5%; bottom: 0; left: 0; height: 188px; width: 23px; background: url(../images/created-GC-arw.png) no-repeat -33px 0;}
a.expand-col-GC.active {background: url(../images/created-GC-arw.png) no-repeat 0px 0; position: absolute; top: 112px; bottom: 0; right: -23px; height: 188px; width: 23px;}
a.expand-col-GC-open span, .expand-col-GC span {position: absolute; top: 4px; right: -18px; width: 30px; height: 30px; background: #e00039;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; font-size: 18px; color: #ffffff; line-height: 29px; text-align: center;}
.create-GC-panel h1 { background: #f4f4f4; color: #717171; text-transform: uppercase; font-weight: 600; font-size: 20px; text-align: center; padding: 15px 0; margin: 0 0 10px;}
.create-GC-panel h1 small {text-transform:none; display: block; font-weight: 600; padding-top: 3px;font-size: 13px;}
.create-GC-panel .add-gift {width: 205px; background: #f9f9f9; display: block; margin: 0 auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; color: #838383; padding: 38px 0 29px; -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);}
.create-GC-panel .add-gift img {width:auto;}
.create-GC-panel .add-gift span {display:block; font-size: 20px; line-height: 14px; margin: 21px 0 0;}
.create-GC-panel .add-gift span small {display: block; width: 100%; font-size: 15px;}
.create-GC-panel ul {padding:0px; margin: 10px 0 0; list-style: none;}
.create-GC-panel ul li {width:209px; height: 202px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;margin: 0 auto 1px; padding: 10px 0 0; position: relative;}
.create-GC-panel ul li a.delete-SGC {position: absolute; top: -2px; right: -4px; z-index: 1;}
.create-GC-panel ul li a.delete-SGC img {width: auto;}
.create-GC-panel ul li:hover, .create-GC-panel ul li.active {background: #e00039;}
.create-GC-panel ul li:hover div p, .create-GC-panel ul li:hover div p span, .create-GC-panel ul li.active div p, .create-GC-panel ul li.active div p span {color:#ffffff;}
.create-GC-panel ul li div {width:190px; margin: 0 auto;}
.create-GC-panel ul li div span {width:100%; height:126px; display: table; position: relative; overflow: hidden;}
.create-GC-panel ul li div span label {font-family: 'Open Sans', Arial, helvetica, sans-serif; color: #ffffff; display: table-cell; vertical-align: middle; margin: 0px; width: 100%; font-size: 21px; font-weight: normal; line-height: 28px; cursor: pointer; z-index: 1; position: relative;}
.create-GC-panel ul li div p {margin: 6px 0 0; text-align: center; color: #e00039; font-size: 16px; font-weight: 600; line-height: 17px;}
.create-GC-panel ul li div p span {height:auto; font-size:14px; color: #717171; white-space: nowrap; font-weight: normal;}
/****************************** Order Details ******************************/
.checkout-container {background: #f5f5f5;}
.order-details-panel { /*margin:170px 0 20px; */ }
.order-details-panel .order-details {background: #fff;}
.order-details-panel .order-details .table {margin-bottom: 0px;}
.order-details-panel .order-details h3, .order-details-panel .checkout h3 {color: #e00039; font-size: 25px; font-weight: 600; margin: 0 0 0 26px; padding-top: 18px; padding-bottom: 21px;}
.order-details-panel .order-details .table tr:hover {background: #f9f9f9;}
.order-details-panel .order-details .table > thead > tr > th {background: #f1f1f1; border: 0px; font-weight: 600; font-size: 15px; padding: 0px 0 0 30px; height: 40px; line-height: 40px;}
.order-details-panel .order-details .table tr td {padding:30px 20px 30px 30px; margin:0px; border-top:0px; border-bottom: #e8e8e8 2px solid;}
.order-details-panel .order-details .table tr td img {width: 100%;}
.order-details-panel .order-details .table tr td div.detail span {font-weight: 600; color: #303030; font-size: 16px;}
.order-details-panel .order-details .table tr td div.detail span small {display: block; font-weight: normal; line-height: 16px; font-size: 13px; padding-bottom: 0;}
.order-details-panel .order-details .table tr td div.detail span a {color:#4f4f4f; text-decoration: underline; font-weight: normal; font-size: 13px; display: block; margin-top: 18px;}
.order-details-panel .order-details .table tr td div.action a.edit {float: right; color: #7d7d7d; text-decoration: none; border: #cecece 2px solid; font-weight: 600; width: 71px; text-align: center; height: 34px; line-height: 30px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.order-details-panel .order-details .table tr td div.action a.close {float:right; margin-top: 49px; opacity: 1; margin-right: 10px;}
.checkout {background:#ffffff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.23); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.23);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.23);}
.checkout-detail {background: #f1f1f1; display: inline-block; width: 100%; padding: 0 20px; height: 40px; line-height: 40px;}
.checkout-detail span {float:left; font-size: 14px; font-weight: 400;}
.checkout-detail label {float:right; margin: 0px; font-size: 14px; font-weight: 400;}
.checkout ul {padding:0px; margin:26px 0 0; list-style: none;}
.checkout ul li {display: inline-block; width: 100%; padding: 0 20px 10px 20px;}
.checkout ul li span {float:left; color: #303030; font-size: 19px; line-height: 19px; font-weight: 600;}
.checkout ul li span small {display: block; font-size: 12px; color: #717171;}
.checkout ul li label {float:right; color: #303030; font-size: 19px; font-weight: 600; margin: 0px;}
.checkout ul li.grand-total {border-top:#e8e8e8 2px solid; border-bottom: #e8e8e8 2px solid; padding: 8px 0 3px 0; margin: 0 20px; width: auto; display: block;}
.checkout ul li.grand-total span {color: #4e4e4e; padding-top:8px;}
.checkout ul li.grand-total label {font-weight: normal; font-size: 25px; color: #4e4e4e;}
.checkout .available-credit {padding: 0 20px 0 20px; margin: 0 20px 0 20px; border-bottom: #e8e8e8 2px solid;}
.checkout .available-credit span {color: #ff3434; font-size:19px; font-weight: 600; float:left; padding-top: 19px;}
.checkout .available-credit label {float:right; color: #ff3434; font-size: 26px; font-weight: 400; margin: 16px 0 -4px; line-height: normal;}
.checkout .available-credit small {display:inline-block; width: 100%; text-align: right; color: #ff3434;}
.checkout button.more-credit {border:0px; background: #919191;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color: #ffffff; font-weight: normal; font-size: 16px; width: 226px; height: 45px; line-height: 45px; margin: 18px auto;}
.checkout p.credit-trems {text-align: center;padding: 0 20px; font-size: 11px; color: #6b6b6b; margin: 0px; padding-bottom: 18px;}
.checkout p.credit-trems a {color: #6b6b6b; text-decoration: underline; font-weight: 600;}
.checkout .available-credit-green {margin: 0 20px 0 20px; border-bottom: #e8e8e8 2px solid;}
.checkout .available-credit-green span {float:left; font-size: 19px; color: #55c652; padding:13px 0 0; font-weight: 600;}
.checkout .available-credit-green label {float:right; font-size: 26px; color: #55c652; font-weight: normal; padding: 9px 0 6px;}
.checkout button.buy-now {border:0px; background: #e00039;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color: #ffffff; font-weight: normal; font-size: 16px; width: 226px; height: 45px; line-height: 45px; margin: 18px auto;}
/****************************** Giftcards Summary **************************/
.giftcard-summary {margin:180px 0 0;}
.giftcard-summary h1 {margin:0 0 0; text-align: center; color: #707070; font-weight: 400; font-size: 32px;}
.giftcard-summary .table-responsive {margin:70px 0 0; padding-top:21px;}
.giftcard-summary table tr td:first-child {padding:30px 0 30px; position: relative; width: 274px;}
.giftcard-summary table tr td:first-child a {position:absolute; top: -10px; right: -15px; display: block; width: 25px; height: 25px; z-index: 2;}
.giftcard-summary table tr td:first-child a img {width: 25px; height: 25px; opacity: 1;}
.giftcard-summary table tr td {border-top:0px; padding: 0 0 0 60px; border-bottom: #cccccc 1px solid;}
.giftcard-summary table tr td span {position: relative; display: table; height: 183px; width: 100%;}
.giftcard-summary table tr td span h1 {display: table-cell; vertical-align: middle; font-family: 'Open Sans', Arial, helvetica, sans-serif; color: #ffffff; position: relative; width:100%; z-index:1; line-height: 46px; font-size: 43px; margin-bottom: 0px;}
.giftcard-summary table tr td span h1 label {font-family: 'Open Sans', Arial, helvetica, sans-serif; color: #ffffff; margin: 0px; font-size: 19px;}
.giftcard-summary table tr td img {width:100%;}
.giftcard-summary table tr td label {color: #535353; font-size: 18px; margin: 54px 0 9px; display: block; font-weight: 600;}
.giftcard-summary table tr td p {margin: 0px 0 -2px; color: #e00039; font-size: 23px; font-size:24px;}
.giftcard-summary table tr td small {color: #717171; font-size: 15px;}
.giftcard-summary table tr td a.edit {float: right; color: #7d7d7d; text-decoration: none; border: #cecece 2px solid; font-weight: normal; width: 97px; text-align: center; height: 34px; line-height: 30px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; font-size: 16px; margin-top: 30px;}
.giftcard-summary table tr td a.remove {float: right;color: #707070;font-size: 12px; margin-right: 22px;}
/****************************** Transaction Table **************************/
.transaction-list { /*margin-top:56px; */}
.transaction-nav { margin-top:56px; }
.transaction-nav ul { background: #ededed;height:65px;list-style: none; width: 100%; display: block; overflow: hidden; *-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0; margin-bottom: 0px; padding: 0px;}
.transaction-nav ul li{ height:65px;width: 25%; padding: 0px; display: table-cell; float: left; text-align: center;}
.transaction-nav ul li a{ padding-top:5%;color: #0a0a0a; font-weight: 600; display: block;}
/*.transaction-nav ul li.active { border-bottom: #e00039 solid 5px;}*!*/
.transaction-nav ul li.active { height:65px; background: white;}
.transaction-nav ul li:first-child{*-webkit-border-radius: 10px 0 0 0;-moz-border-radius: 10px 0 0 0;border-radius: 10px 0 0 0;}
.transaction-nav ul li:last-child {*-webkit-border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0; width: 25%; }
.transaction-list table {background:#ffffff; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.transaction-list table tr th {text-transform:uppercase; font-weight: 600; border: 0px; background: #e3e3e3; padding: 19px 0 19px 0; color:#353535;}
.transaction-list table tr th:first-child {padding-left:20px; /*-webkit-border-radius: 10px 0 0 0;-moz-border-radius: 10px 0 0 0;border-radius: 10px 0 0 0; */}
.transaction-list table tr th:last-child {/*-webkit-border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0; */}
.transaction-list table tr td {padding:30px 10px 30px 0; color: #353535; font-size: 15px; line-height: 18px; border-bottom: #e5e5e5 1px solid;}
.transaction-list table tr td:first-child {padding-left:20px;}
.transaction-list table tr td a.download {background:#ffffff; border: #a1a1a1 2px solid;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; font-size: 11px; padding:5px 2px 7px;; color:#6e6e6e; font-weight: 600; line-height: 12px; margin-top:12px; display: inline-block; text-align: center;}
.transaction-list table tr td b {font-weight:600; display: block;}
.transaction-list table tr td a {color: #363636; display: block;}
.transaction-list table tr td a.disable {color:#bbbbbb;}
.transaction-list table tr td span.orange {color:#f05500;}
.transaction-list table tr td span.green {color:#2cca81;}
.transaction-list table tr td.trans-delivered {
color: #2ecc71;
}
.transaction-list table tr td.trans-under-process {
color: #f39c12;
}
.transaction-list table tr td a {color: #157df2; text-decoration: underline}
.transaction-list table tr:last-child td {border: 0px;}
.table-responsive { background: #ffffff;}
/****************************** Invoice Table ******************************/
.invoice-list b {color:#e00039; font-size:21px;}
.invoice-list strong {font-weight: 600;}
.invoice-list button.gray-btn {font-weight: 600; border: 0px; background:#bbbbbb;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color:#ffffff; font-size: 11px; padding:5px 26px 6px; margin: -6px 0 0;}
.invoice-list a.gray-btn {font-weight: 600; border: 0px; background:#bbbbbb;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color:#ffffff; font-size: 11px; padding:6px 26px 0; margin: -6px 0 0; display: inline-block; height: 36px; line-height: 12px;}
/****************************** My Profile *********************************/
.corp-my-account {margin-top: 70px;}
.my-profile, .terms {background:#ffffff; padding:75px 0 50px;}
.my-profile img {width:auto;}
.my-profile h1 {margin:4px 0 72px; color: #e00039; font-size: 28px;}
.my-profile p {margin:0px 0 51px; font-size: 22px; color: #686868;}
.my-profile p span {display:block; font-size: 18px;}
.my-profile p span button {border:0px; background: #a8a8a8; width:84px; height:31px; color: #ffffff; font-size:12px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding: 0px; margin-left:20px;}
.my-profile label {margin:100px 0 0; font-size: 13px; font-weight: 400; color: #686868;}
.my-profile label a {color: #e00039;}
/****************************** Terms and Conditions ***********************/
.terms p {color:#484848; margin: 0px 0 20px;}
.terms span {text-transform:uppercase; display: block; color: #db0d3b; font-weight: 600; font-size: 16px;}
.terms ul {padding:0 0 0 13px; margin: 0px 0 18px; color: #484848;}
.corp-terms {padding-top: 70px;}
/****************************** Login **************************************/
.login {background: url(../images/bestdenki-login-banner.jpg) no-repeat 0 0; background-attachment: fixed; background-size: cover;}
.login-panel {background: rgba(255,255,255,0.85); text-align: center; padding: 165px 30px 135px;}
.login .col-md-12, .login .container-fluid, .login .col-md-4 {padding:0px;}
.login .logo {margin:15px 0 0;}
.login-panel {background: rgb(228 59 39 / 62%); text-align: center; padding: 165px 50px 135px; position: relative;height: 100vh}
a.corp-to-moom {position: absolute; top: 20px; right: 20px; font-size: 18px; font-weight: 600; color: #e00039;}
.login-panel h1 {margin:0px 0 80px; color: #fff; font-size: 43px; font-weight: 400;}
.login-panel h1 span {display: block; font-size: 23px;}
.login-panel h1 small {display: block; font-weight: 400; color: #565454; font-size: 20px; line-height: 30px; padding-top: 10px;}
.login-panel input {border:0px; font-size:18px; width: 100%; padding: 15px 22px; margin-bottom: 15px;}
.login-panel p.error {color:#ffffff !important; margin:0px; text-align: left; font-size: 15px;}
.login-panel .login-red, .login-panel a.login-red, .contact-red {border:0px; background: #8d8d8d; color:#ffffff; float: right; font-size: 17px; font-weight: 600;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; padding: 0px; height: 48px; line-height: 48px; width: 126px; text-align: center;}
.login-panel a.login-red {float: none !important; display: inline-block;}
.login-panel .cancel-gray {border:0px; background: #8d8d8d; color:#ffffff; float: left; font-size: 17px; font-weight: 600;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; padding: 0px; height: 48px; line-height: 48px; width: 126px; text-align: center;}
.login-panel a.forgot-pass {float:right; color: #fff; text-decoration: underline; font-size: 15px; margin: 34px 0 0;}
.email-sent .cancel-gray {float:none;}
.email-sent label {color:#fff; margin: 0px 0 70px; font-size:30px; font-weight: 400;}
.reset-success p {margin:0px 0 59px; color: #555354; font-size: 17px;}
.reset-success .login-red {float:none;}
/****************************** Contact ************************************/
.corp-contact {padding-top: 60px;}
.corp-contact blockquote {margin-bottom: 40px;}
.corp-contact .col-md-6 .form-control:focus {border:#cacaca 1px solid;}
.corp-contact .col-md-6 .form-control {height: auto;}
/****************************** Corporate Phase 4 **************************/
button.corp-change-orientation {border: #bdbdbd 2px solid; background: #f0f0f0; color: #707070; padding: 0px 15px; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; float: left; font-size: 15px; height: 45px; line-height: 42px; margin-top: -11px;}
.recipient-details .control input {left:0px;}
.recipient-details span {float: left; color: #3f3f3f; font-size: 18px; padding: 2px 0 0 49px; line-height: 20px;}
.recipient-details span small {display: block; font-size: 11px;}
.recipient-details .control__indicator {border: #cacaca 1px solid; width: 36px; height: 36px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.recipient-details .control--checkbox .control__indicator:after {left: 12px; top: 4px;}
.recipient-details .control--checkbox {margin: 0px;}
.custom-selected-gift p span {position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,0.3); width: 100%; height: 100%;}
.custom-selected-gift .corp-customize-gift, .custom-selected-gift .corp-certificate-excell {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; text-align: center; padding: 10px 35px 0;}
.custom-selected-gift .corp-customize-gift img.corp-brand-logo, .custom-selected-gift .corp-certificate-excell img.corp-brand-logo {width: auto;}
.custom-selected-gift .corp-customize-gift .corp-file-upload {position: absolute; top: 10px; right: 10px; background: url(../images/upload-file-icon.png) no-repeat 17px 6px; color: #d2d3d5; border: #96969b 3px dashed; height: 38px; line-height: 30px; padding: 0 22px 0 51px; cursor: pointer;}
.custom-selected-gift .corp-customize-gift input {border: #96969b 3px dashed; padding: 0px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: none; width: 100%; text-align: center; color: #ffffff; font-size: 22px; height: 30px;}
.custom-selected-gift .corp-customize-gift input.add-text {height: 70px;}
.corp-gift-code {position: absolute; bottom: 67px; left: 0px; width: 100%; background: rgba(0,0,0,0.5); padding: 15px;}
.corp-gift-code img {width: auto; float: right;}
.corp-gift-code .corp-gift-section {float: left; width: 70%; line-height: 16px;}
.corp-gift-code .corp-gift-section label {float: left; font-weight: 600; color: #ffffff; margin: 0px; font-size: 15px;}
.corp-gift-code .corp-gift-section u {float: left; font-weight: 700; color: #ffffff; margin: -3px 0 0 20px; font-size: 19px;}
.corp-gift-code .corp-gift-section small {display: inline-block; width: 100%; color: #ffffff; font-size: 11px; text-align: left;}
.corp-update ul {padding: 0px; margin: 0px; list-style: none;}
.corp-update ul li {float: left; width: 50%; text-align: center; padding: 25px 0 0;}
.corp-update ul li div {width: 133px; margin: 0 auto;}
.corp-update ul li div h6 {color: #ffffff; font-weight: 600; border-top: #b8b5b1 1px solid; margin: 0px; padding: 5px 0 0;}
.corp-update ul li div h6 small {display: block; color: #ffffff;}
.custom-selected-gift .corp-certificate-excell h3 {margin: 0px; color: #ffffff; font-weight: 600; font-size: 32px;}
.custom-selected-gift .corp-certificate-excell h4 {margin: 12px 0; color: #ffffff; font-size: 32px; font-weight: 400;}
.custom-selected-gift .corp-certificate-excell h4 label {margin: 0px; font-size: 17px; letter-spacing: 3px;}
.custom-selected-gift .corp-certificate-excell h4 small {margin: 0px; font-size: 14px; color: #ffffff; display: block; font-weight: 400;}
/****************************** Custom Portrait ****************************/
.corp-portrait .corp-customize-gift, .corp-portrait .corp-certificate-excell {padding-top: 55px;}
.corp-portrait .corp-customize-gift input {height: 50px; margin-top: 40px;}
.corp-portrait .corp-customize-gift input.add-text {height: 160px; margin-top: 20px;}
.corp-portrait .corp-update ul li {padding: 100px 0 0;}
.corp-portrait .corp-update ul li div {width: 75%;}
.corp-portrait .corp-update ul li div h6 {font-size: 18px; color: #c2c3c5;}
.corp-portrait .corp-update ul li div h6 small {color: #c2c3c5;}
.corp-portrait .corp-certificate-excell h3 {font-size: 39px;}
.corp-portrait .corp-certificate-excell h4 {font-size: 44px; line-height: 53px; margin: 50px 0 0;}
.corp-portrait .corp-certificate-excell h4 label {font-size: 20px;}
.corp-portrait .corp-certificate-excell h4 small {font-size: 19px; line-height: 25px; padding: 10px 27px 0;}
/****************************** Giftcards Summary **************************/
.corp-certificate-summary {margin:113px 0 0;}
.corp-certificate-summary h1 {margin:0 0 0; text-align: center; color: #707070; font-weight: 400; font-size: 32px;}
.corp-certificate-summary .table-responsive {margin:90px 0 0; padding-top:0;}
.corp-certificate-summary table tr td:first-child {padding:30px 0 30px; position: relative; width: 274px;}
.corp-certificate-summary table tr td:first-child span a.close {position:absolute; top: -15px; right: -15px; display: block; width: 25px; height: 25px;}
.corp-certificate-summary table tr td:first-child span a.close img {width: 25px; height: 25px;}
.corp-certificate-summary table tr td {border-top:0px; padding: 0 0 0 60px; border-bottom: #cccccc 1px solid;}
.corp-certificate-summary table tr td span {position: relative; display: table; width: 100%; height: 100%;}
.corp-certificate-summary table tr td.corp-portrait span {width: 80%; margin: 0 auto;}
.corp-certificate-summary table tr td span img.brand-logo-58 {position: absolute; width: 58px; top: 10px; margin: 0 auto; left: 0px; right: 0px;}
.corp-certificate-summary table tr td span img {width:100%;}
.corp-certificate-summary table tr td span label {margin: 0px; text-align: center; font-family: 'Open Sans', Arial, helvetica, sans-serif; color: #ffffff; position: absolute; top: 32%; left: 0px; width: 100%; font-size: 40px; font-weight: normal; line-height: 40px;}
.corp-certificate-summary table tr td label {color: #535353; font-size: 18px; margin: 54px 0 9px; display: block; font-weight: 400;}
.corp-certificate-summary table tr td p {margin: 0px 0 -2px; color: #e00039; font-size: 23px; font-size:600;}
.corp-certificate-summary table tr td small {color: #717171; font-size: 15px;}
.corp-certificate-summary table tr td a.edit {float: right; color: #7d7d7d; text-decoration: none; border: #cecece 2px solid; font-weight: normal; width: 97px; text-align: center; height: 34px; line-height: 30px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; font-size: 16px; margin-bottom: 30px;}
/****************************** Gift Certificate Checkout ******************/
.corp-certificate-checkout .table tr td:first-child span {position: relative; display: table; width: 174px; height: 104px;}
.corp-certificate-checkout .table tr td span img.brand-logo-38 {position: absolute; width: 38px; top: 11px; left: 0px; right: 0px; margin: 0 auto;}
.corp-certificate-checkout .table tr td span label {margin: 0px; text-align: center; font-family: 'Open Sans', Arial, helvetica, sans-serif; color: #ffffff; left: 0px; margin: 0px; width: 100%; font-size: 25px; font-weight: normal; line-height: 21px; padding: 0 10px; display: table-cell; vertical-align: middle; position: relative; z-index: 1;}
.corp-certificate-checkout .table tr td span label span {height: auto !important;}
.corp-certificate-checkout .table tr td.corp-portrait span {text-align: center;}
.corp-certificate-checkout .table tr td.corp-portrait span label {font-size: 23px; line-height: 23px;}
/****************************** Gift Certificate Successfully **************/
.corp-certifi-success .corp-add-credit {position: absolute; top: -46px; right: 15px; color: #ffffff; width: 100%;}
.corp-certifi-success .corp-add-credit small {float: right; font-size: 12px; padding: 6px 6px 0 0;}
.corp-certifi-success .corp-add-credit span {float: right; font-size: 28px; line-height: 30px; padding-right: 13px;}
.corp-certifi-success .corp-add-credit button {float: right; line-height: normal; background: none; border: 2px solid #ffffff; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; font-size: 13px; font-weight: 600; padding: 3px 11px 6px;}
.corp-certifi-success .corp-total-credit { text-align: center; line-height: 25px;}
.corp-certifi-success .corp-total-credit p {margin: 0px; color: #717171; line-height: normal; font-weight: 300; font-size: 14px;}
.corp-certifi-success .corp-total-credit span {color: #e00039; font-weight: 600; font-size: 27px;}
.corp-certifi-success .table-responsive, .scheduled-success .table-responsive {height: 328px; overflow-y: auto;}
.corp-certifi-success table tr th {padding-bottom: 0px; vertical-align: middle;}
.corp-certifi-success table tr td {vertical-align: middle; border-bottom: #e8e8e8 1px solid; padding-top: 15px;}
.corp-certifi-success table tr td span.img-contrl {position: relative; text-align: center; display: table; width: 111px; height: 67px; background: #666666;}
.corp-certifi-success table tr td span.img-contrl img.brand-logo-22 {position: absolute; top: 5px; left: 0px; right: 0px; width: 22px; margin: 0 auto;}
.corp-certifi-success table tr td span.img-contrl label {margin: 0px; text-align: center; font-family: 'Open Sans', Arial, helvetica, sans-serif; color: #ffffff; position: relative; width: 100%; font-size: 17px; font-weight: normal; line-height: 17px; display: table-cell; vertical-align: middle; z-index:1;}
.corp-certifi-success table tr td.port span.img-contrl label {}
.corp-certifi-success table tr td a.view {width: 96px;}
.corp-certifi-success table tr td:last-child, .corp-certifi-success table tr th:last-child {padding-right: 10px;}
/****************************** Footer Link ********************************/
/*.footer-link {padding: 0px; margin: 0px 0 0 42px; list-style: none;}
.footer-link li {float: left; padding-right: 80px;}
.footer-link li span {font-size: 11px; color: #ffffff; display: block; padding-bottom: 15px;}
.footer-link li a {display: block; font-size: 11px !important;}
footer.main p.short-des {text-align: right; font-size: 9px; padding-left: 134px;}
footer.main p.copyrights {padding: 10px 0 0 16px; display: inline-block; width: 100%;}
.footer-section-support {color: white;font-size: 12px;margin-top: 20px;text-align: right;}*/
/* footer styles */
.brand-img {width: 204px;}
.nopadding {padding-left: 0; padding-right: 0;}
.main-footer {background-color: #8d8d8d; padding-bottom: 20px; }
.sub-footer { background-color: #a1a1a1; }
.footer-news { margin-top: 40px; text-align: left; color: white; float: right; }
.footer-news-heading { font-family: 'Comfortaa'; font-size: 24px; }
.footer-news-subheading { font-family: 'Open Sans'; font-weight: 400; font-size: 12px; color: white; margin-top: -3px; }
.footer-logo { padding-top: 74px; }
.footer-logo-text { color: white; font-size: 10px; font-family: 'Open Sans'; margin-left: 54px; }
.cpy-right-text { margin-top: 30px; margin-bottom: 24px; font-family: 'Open Sans';
font-weight: 300; font-size: 12px; color: white; }
.moom-seo-txt { color: white; font-size: 9px; font-family: 'Open Sans'; margin-top: 15px; text-align: right; }
.footer-news-subscribe input[type="text"]:focus, .footer-news-subscribe input[type="email"]:focus {border: 0px;}
.footer-section { color: white; font-size: 10px; margin-top: 50px; }
.footer-section-support { color: white; font-size: 12px; margin-top: 20px; text-align: center; font-family: 'Open Sans'; }
.footer-section-ullist { list-style-type: none; padding: 0px; margin: 0px; }
.footer-section-ullist li { font-family: 'Open Sans'; }
.footer-section-heading { font-size: 11px; }
.footer-section-list { margin-top: 15px; }
.footer-section-list a { margin-top: 15px; font-size: 10px; color: white; text-decoration: none; }
.footer-section-item a { font-size: 10px; color: white; text-decoration: none; }
.footer-news-subscribe { margin-top: 10px; font-size: 12px; font-family: 'Open Sans'; }
.footer-news-subscribe input[type=text] {border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;-ms-border-radius: 5px; -o-border-radius: 5px; height: 28px; width: 175px; padding-left: 10px; border-style: none; font-size: 12px;}
.footer-news-subscribe input[type=text] { font-family: 'Open Sans'; color: #484848; }
.footer-news-subscribe input[type=text] ::-webkit-input-placeholder { color: #9a9a9a; }
.footer-news-subscribe input[type=text] ::-moz-placeholder { color: #9a9a9a; }
.footer-news-subscribe input[type=text] :-ms-input-placeholder { color: #9a9a9a; }
.footer-news-subscribe input[type=submit]:disabled.btn {background: #ff4168 !important; border: #ff4168 !important; }
.footer-news-subscribe .form-control { display: inline; }
.footer-news-subscribe .btn-sm {border-radius: 9px; -webkit-border-radius: 9px;-moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; }
.footer-news-subscribe .btn-danger { background-color: #ff4168; border-color: #ff4168; }
.subscribe-btn { display: inline-block; margin-left: 0px; }
.subscribe-btn .btn { width: 67px; }
.btn-group-sm>.btn, .btn-sm { padding-left: 5px; }
.foot-email { position: relative; }
.foot-email .error-msg { position: absolute; top: 30px; left: 2px; color: white !important; }
.foot-email .success-msg { position: absolute; top: 30px; left: 2px; color: white!important; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer-news { margin-left: 35px; }
.moom-seo-txt { margin-top: 10px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.main-footer .container { padding-left: 0px; padding-right: 0px; }
.main-footer .row { margin-left: 0px; margin-right: 0px; }
.footer-news { margin-left: 0px; }
.footer-news-subscribe input[type=text] { width: 150px; padding-left: 4px; padding-right: 4px;}
.subscribe-btn .btn { width: 60px; font-size: 11px; }
.footer-logo { padding-top: 55px; }
.footer-section { margin-top: 45px; }
.footer-section-support { margin-top: 10px; }
}
@media (max-width: 767px) {
.footer { height: 240px; background-size: 100% 100%; }
.footer-news { text-align: center; margin-left: 0px; margin-top: 10px; }
.footer-section-ullist { text-align: left; margin-left: 0px; }
.footer-section-ullist li { margin-right: 0px;}
.footer-section-ullist li a { font-size: 13px;margin-left: 20px; }
.fotr-logo-center-xs-sm { text-align: center; margin-top: 15px;}
.footer-section { margin-top: 30px; }
.foooter-logo { padding-top: 20px; }
.footer-section-support { margin-top: 10px; }
.footer-logo { padding-top: 0px; }
.footer-section { margin-top: 0px; }
.links-xs { padding-top: 20px; padding-left: 5%; }
.moom-seo-txt { margin-top: 20px; text-align: center; }
.cpy-right-text { text-align: center; margin-top: 0px; margin-bottom: 0px; }
.sub-footer {padding-bottom: 15px;}
}
@media only screen and (min-width: 401px)and (max-width: 500px) {
.links-xs { padding-top: 20px; padding-left: 10%; }
}
@media (max-width: 767px){.links-xs{ padding-top: 20px; padding-left: 10%; }}
@media only screen and (min-width: 500px) and (max-width: 767px){
.footer-section-ullist {text-align: left; margin-left: 20px;}
}
@media only screen and (min-width: 401px) and (max-width: 500px) {
.footer-section-support { margin-top: 20px; }
}
@media only screen and (min-width: 301px) and (max-width: 400px) {
.footer-section-support { margin-top: 10px; font-size: 10px; }
.footer-section-ullist li a { margin-left: 10px; }
}
/****************************** Customization Widget **********************/
.moom-gift-wish {position: relative; height: 370px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.27); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.27); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.27);}
.theme-photo-container {background-color: #a1a1a1; position: relative;}
.theme-photo-container h1.selected-theme-name {color: #ffffff; font-size: 48px; font-weight: 400; margin: 0; position: absolute; text-align: center; top: 25%; width: 100%; z-index: 1;}
.border-dotted { border: 2px dashed #ababab; }
.moom-gift-upload {position: absolute; bottom: 19px; right: 20px; width: 176px; height: 38px; line-height: 30px; border: 3px dashed rgba(255,255,255,0.48); cursor: pointer; color: #ffffff; font-size: 15px; z-index: 1;}
.moom-gift-upload img {width: 25px; height: 19px; float: left; margin: 6px 10px 0 17px;}
.moom-gift-wish input {position: absolute; top: 18%; left: 0px; right: 0px; width: 80%; margin: 0 auto; background: none; border: rgba(237,237,237,0.48) 3px dashed; text-align: center; height: auto; font-size: 37px; padding: 7px 0 10px; -webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;border-radius: 0 !important; color: #ffffff; font-weight: 300; z-index: 1;}
.moom-gift-wish input.form-control:focus {border: rgba(237,237,237,0.48) 3px dashed;}
.moom-gift-wish input.form-control::placeholder {color: #ffffff !important;}
.moom-gift-wish input.form-control:-ms-input-placeholder {color: #ffffff !important;}
.moom-gift-wish small {position: absolute; top: 5%; left: 0px; text-align: center; color: #e00039; font-weight: 600; width: 100%; font-size: 15px; z-index: 1;}
/* Image crop styles start */
.ng-image-crop {
text-align: center; margin: 0 auto; position: relative;
-webkit-user-select: none; -moz-user-select: none;
-ms-user-select: none; -o-user-select: none; user-select: none;
}
/* Each of the 3 steps in the process are contained within sections */
.ng-image-crop > section { background: #ccc; }
/* The cropping button */
.ng-image-crop button { margin-top: 10px; }
/* The dashed cropping guideline */
.ng-image-crop .cropping-guide {
display: block; background: rgba(255, 255, 255, .3);
border: 2px dashed white; position: absolute; pointer-events: none;
}
/* The circular themed cropping guideline */
.ng-image-crop--circle .cropping-guide {
border-radius: 50%; -webkit-border-radius: 50%;
-moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
}
/* The canvas where the user positions the image via dragging and zooming */
.ng-image-crop .cropping-canvas {
background: rgba(255, 255, 255, .3); margin: 0 auto; cursor: move;
}
/* The overlayed draggable zoom handle in the corner of the module */
.ng-image-crop .zoom-handle {
display: block; position: absolute;
bottom: 1px; left: 1px; background: rgba(255,255,255,0.7);
width: 80px; height: 80px; cursor: move; border-radius: 200px 50px;
}
/* The text within the zoom handle */
.ng-image-crop .zoom-handle > span {
color: rgba(0, 0, 0, 0.5);
-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);
display: block; position: relative; top: 32px;
}
.customization .block-two .image-view-sec { width: 100%; }
/* Image crop styles end */
/**************************** Favorite Denomination *************************/
.favorite-denomination {text-align: center; padding: 10px 0;}
.favorite-denomination a {color: #0984e3; font-size: 15px; font-weight: 600;text-decoration: underline;}
/* Chrome, Safari, Edge, Opera */
.denomi-content input::-webkit-outer-spin-button,
.denomi-content input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
/* Firefox */
.denomi-content input[type=number] {-moz-appearance: textfield;}
.denomi-content input {
border: #e3e3e3 1px solid;
color: #707070;
font-size: 15px;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
padding: 8px 12px 9px 9px;
height: auto;
}
.denomi-content .deno-add {
background: #00c0ef;
font-size: 15px;
font-weight: 600;
border: 0px;
width: 100px;
padding: 7px 0;
}
.deno-delete {
position: absolute;
top: 0px;
right: 0px;
cursor: pointer;
border-left: #e3e3e3 1px solid;
padding: 10px 15px;
}
.deno-delete i {
font-size: 20px;
cursor: pointer;
}
table.deno-list {
margin-top: 20px;
}
table.deno-list tr td {
text-align: left;
width: 33.3%;
position: relative;
padding: 5px 0;
}
table.deno-list td:nth-child(2) {
text-align: center;
}
table.deno-list td:nth-child(3) {
text-align: center;
}
table.deno-list tr td input {
text-indent: 35px !important;
}
table.deno-list tr td span.dollar-position {
background: #e3e3e3;
border-radius: 3px 0 0 3px;
position: absolute;
top: 6px;
left: 0px;
padding: 12px;
}
table.deno-list tr td a.deno-edit {
background: #c8d6e5;
font-size: 15px;
font-weight: 600;
border: 0px;
width: 100px;
padding: 7px 0;
color: #8395a7;
text-align: center;
text-decoration: none;
display: inline-block;
border-radius: 3px;
}
table.deno-list tr td a.deno-delete1 {
background: #ff6b6b;
font-size: 15px;
font-weight: 600;
border: 0px;
width: 100px;
padding: 7px 0;
color: #ffffff;
text-align: center;
text-decoration: none;
display: inline-block;
border-radius: 3px;
}
.deno-confirm {
background: #1dd1a1;
font-size: 15px;
font-weight: 600;
border: 0px;
width: 100px;
padding: 7px 0;
color: #ffffff;
text-align: center;
text-decoration: none;
display: inline-block;
border-radius: 3px;
}
/**************************** Media Query ***********************************/
@media (min-width: 801px) and (max-width: 991px) {
.flexnav > li > a {padding:0 15px;}
}
@media (max-width: 1199px) {
.product-list .table tr td img {width: 100%;}
.product-list .table > thead > tr > th, .product-list .table > thead > tr > td {padding-left: 10px;}
.product-list .table > thead > tr > th:first-child, .product-list .table > thead > tr > th:last-child, .product-list .table > thead > tr > td:first-child, .product-list .table > thead > tr > td:last-child {padding-left: 0px;}
.giftcard-summary {margin:165px 0 0;}
.giftcard-summary .table-responsive {margin: 40px 0 0;}
.product-list .table tbody tr td:first-child p.dashboard-brand-list {height: 102px;}
}
@media (max-width: 991px) {
.pending-item label {font-size: 22px; text-align: center;}
.pending-item label label {font-size: 15px;}
.pending-item label small {font-size: 20px;}
.checkoutnow button {font-size: 15px; height: 35px; line-height: 35px;}
.checkoutnow {float: none; text-align: center;}
.giftcard-type {margin:30px 0; font-size: 20px;}
.giftcard-option {padding: 30px 0 0;}
.giftcard-option h3 {font-size: 26px; margin: 30px 0 45px;}
.pending-item {margin: 50px 0 45px;}
.main-banner, .main-banner img {height: auto;}
.footer-top-area .logo {width: 100%;}
.product-list .table tr td img {width: 100%;}
.product-list .table > thead > tr > th {font-size: 14px;}
.product-list .brand-value {font-size: 13px; padding: 0px;}
.product-list .schedule, .product-list .recipient {padding: 2px 0 0;}
.product-list .brand-value label {font-size:12px;}
.product-list .brand-value small {font-size: 12px;}
.product-list .schedule label, .product-list .recipient label {font-size: 12px;}
.product-list .schedule small, .product-list .recipient small {font-size: 12px;}
.transaction-list .table-responsive {width: 100%; margin-bottom: 15px; overflow-y: hidden; overflow-x: scroll;-ms-overflow-style: -ms-autohiding-scrollbar; border:0px;-webkit-overflow-scrolling: touch;}
.my-profile .col-md-4 {float:left; width: 30%;}
.my-profile p span {font-size:15px;}
.my-profile p {font-size:17px;}
.product-list .schedule, .product-list .recipient {line-height: 14px;}
.custom-selected-gift label {margin: 15px 0 8px;}
}
@media (max-width: 800px) {
.flexnav-menu-button {margin: 0 0 0 0; padding:14px 15px 15px; font-size: 15px; font-weight: 600; background: rgba(224,0,57,0.8);}
.corporate-banner-header h1 {font-size: 50px;}
.corporate-banner-header h4 {font-size:26px;}
.table-responsive {border:none;}
.menu-device-contrl {position: absolute; width: 100%;}
}
@media (min-width: 768px) and (max-width: 991px) {
.selected-giftcard .col-md-6 {width:50%; float: left;}
.giftcard-brand {width:100%; margin: 0px;}
.select-value button {font-size: 18px; margin-right: 0px;}
.custom-value .quality {width:106px;}
.styled-select {width:194px;}
.styled-select select {font-size:14px;}
.schedule-delivery span {font-size:16px; padding-top:12px;}
.giftcard-summary table tr td {padding-left:20px;}
.giftcard-summary table tr td label {font-size: 13px;}
.giftcard-summary table tr td p {font-size:17px;}
.giftcard-summary table tr td:first-child {width:200px;}
.giftcard-summary table tr td:first-child img {width:200px;}
.giftcard-summary table tr td small {font-size:12px;}
.request-submitted .col-md-6 {float:left; width:45%;}
.login .col-md-6 {float:left; width: 50%;}
.login-panel {padding:50px 30px;}
.login-panel h1 {font-size:39px; margin: 0px 0 50px;}
.login-panel h1 span {font-size:20px;}
.login-panel p.error {text-align:center; margin-bottom: 20px;}
.login-panel .login-red {float:none;}
.login-panel a.forgot-pass {float:none; display: block; margin-top: 15px;}
.forgot-panel .login-red {float:right;}
.forget-panel{
min-height: 100vh;
}
.select-theme .col-md-4 {float: left; width: 33.3%;}
.select-theme .col-md-4 div.custom-theme-name {font-size: 24px;}
.carousel .carousel-control {width: 30px; height: 70px; line-height: 70px; font-size: 22px; top: 41%;}
.moom-gift-wish {height: 300px;}
.checkout {margin-top: 20px;}
.product-list .table tbody tr td:first-child p.dashboard-brand-list {width: 120px; height: 79px;}
.theme-photo-container h1.selected-theme-name {font-size: 42px; top: 25%;}
.corp-custom-val {width: 191px;}
.select-value {float: left; width: 50%;}
.custom-value {float: right; width: 50%; margin: 0px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.checkout .available-credit-green span, .checkout .available-credit span {font-size: 17px;}
.checkout .available-credit-green label, .checkout .available-credit label, .checkout ul li.grand-total label {font-size: 24px;}
.giftcard-summary table tr td {padding-left:30px;}
.giftcard-summary table tr td label {font-size: 15px;}
.giftcard-summary table tr td p {font-size:19px;}
.giftcard-summary table tr td:first-child {width:200px;}
.giftcard-summary table tr td:first-child img {width:200px;}
.giftcard-summary table tr td small {font-size:14px;}
.select-theme .col-md-4 div.custom-theme-name {font-size: 33px;}
.carousel .carousel-control {width: 30px; height: 70px; line-height: 70px; font-size: 22px; top: 41%;}
.product-list .brand-value label {font-size:16px;}
.product-list .brand-value, .product-list .schedule label, .product-list .recipient label {font-size: 17px;}
.product-list .brand-value small, .product-list .brand-value a {font-size: 13px;}
.select-value button {width: 87px;}
}
@media (max-width: 767px) {
.device767 {display: none;}
.device-addcre {background:#363636; padding-left: 20px; padding-right: 20px;}
.giftcard-brand {width:auto; margin: 0px;}
.schedule-delivery small {padding-bottom:15px;}
.add-another-recipient {text-align:center;}
.add-another-recipient .red-recipient {float:none;}
.giftcard-summary table tr td:first-child {width:200px; padding-left: 15px;}
.giftcard-summary table tr td:first-child img {width:200px;}
.giftcard-summary table tr td {padding-left:20px; padding-right:15px;}
.giftcard-summary table tr td label {font-size: 15px;}
.giftcard-summary table tr td p {font-size:19px;}
.giftcard-summary table tr td small {font-size:14px;}
.request-submitted {width:90%; margin: 0 auto;}
.request-submitted label {margin-bottom:30px;}
.scheduled-success {width:90%; margin: 0 auto;}
.scheduled-success .gray-strip {height: auto; line-height: normal; text-align: center; padding: 10px;}
.scheduled-success .gray-strip small {float:none; display: block; width: 100%; text-align: center;}
.main-banner-2 {height:auto;}
.my-profile .col-md-4 {float:none; width: 100%; text-align: center;}
.my-profile h1 {margin:30px 0 30px}
.my-profile p {margin-bottom:30px;}
.my-profile label {margin:0px;}
.login .logo {float:none; display: block; text-align: center; margin-bottom: 15px;}
.login-panel {padding: 50px 30px;}
.login-panel h1 {margin-bottom:50px;}
.login-panel p.error {text-align: center; margin-bottom: 15px;}
.login-panel .login-red {float:none;}
.login-panel a.forgot-pass {float:none; display: block; margin-top: 15px;}
.forgot-panel .login-red {float:right;}
.email-sent label {font-size: 20px;}
.select-theme .col-md-4 {float: left; width: 33.3%;}
.select-theme .col-md-4 div.custom-theme-name {font-size: 19px;}
.carousel .carousel-control {height: 30px; line-height: 30px; font-size: 17px; top: auto; bottom: 10px;}
.select-theme .col-md-4 a {border: #f0f0f0 5px solid;}
.select-theme .active a {border: #e1003a 2px solid; overflow: hidden;}
.selected-giftcard .col-md-4 {padding: 0 35px;}
.giftcard-brand {margin: 40px 0 0;}
.corp-certificate-checkout .table tr td span label {white-space: normal; font-size: 20px; line-height: 24px;}
.product-list .table tbody tr td:first-child p.dashboard-brand-list {width: 110px; height: 73px;}
.product-list .table tbody tr td:first-child {padding-left: 0px;}
.product-list .table tbody tr td {padding-left: 10px;}
}
@media (min-width: 600px) and (max-width: 767px) {
.select-value {float: left; width: 50%; margin: 36px 0 0;}
.select-value button {width: 30%; font-size:17px;}
.custom-value {float: left; width: 50%; margin: 0px;}
.custom-value span {float: none; padding: 0 0 13px 0; display: block; text-align: center; font-size: 15px;}
.custom-value input {width:100%;}
.custom-value .quality {width:100%; margin: 13px 0 0;}
.request-submitted .col-md-6 {width: 43%; float: left;}
.selectize-control {width: 100% !important; margin: 0px 0 0;}
.selectize-control.single .selectize-input {margin: 0px !important; width: 100%;}
.select-value button {margin: 0 8px 15px 0;}
.corp-custom-val {width: 100%;}
}
@media (max-width: 599px) {
.custom-value .quality {width:100%; margin: 13px 0 0;}
.selectize-control {width: 100% !important; margin: 0px 0 0;}
.selectize-control.single .selectize-input {margin: 0px !important; width: 100%;}
.carousel .carousel-control {width: 20px; height: 20px; line-height: 20px; font-size: 12px;}
.select-theme-slider {padding: 20px 0;}
.select-theme-slider h4 {font-size: 18px; margin: 0 0 20px;}
.select-theme-slider .btn-customize {padding: 4px 27px 7px; font-size: 17px;}
.request-submitted .col-md-6 {width: 100%;}
.request-submitted span.divdr {margin: 0px 0 30px; width: 100%; float: none; display: block; height: 1px;}
.request-submitted h1 {margin-bottom:30px;}
.select-theme .col-md-4 div.custom-theme-name {line-height: 18px;}
.corp-custom-val {width: 100%;}
}
@media (min-width: 401px) and (max-width: 599px) {
.select-value {text-align:center;;}
.select-value button {width:31%; font-size:18px; margin-right: 0px;}
.custom-value span {float:none; display: block; text-align: center; font-size:15px; padding-bottom:13px;}
.custom-value input {width:100%;}
.custom-value .quality {width:100%; margin: 13px 0 0;}
}
@media (min-width: 768px) {
.device-addcre {display: none !important;}
}
@media (max-width: 700px) {
.corporate-banner-header {top: auto; bottom: 0px; background: rgba(0,0,0,0.3); padding: 5px 0 8px;}
.corporate-banner-header h1, .corporate-banner-header h4 {text-align: center;}
.corporate-banner-header h1 {font-size: 30px;}
.corporate-banner-header h4 {font-size: 17px;}
.main-banner-2 .corporate-banner-header {top: auto; bottom: 0px; background: rgba(0,0,0,0.3); padding: 5px 0 8px;}
.main-banner-2 .corporate-banner-header h1 {font-size: 25px;}
.main-banner-2 .corporate-banner-header h1 small {padding-bottom:5px;}
.footer-top-area .col-xs-3, .footer-top-area .col-xs-9, .footer-copyright .col-xs-3, .footer-copyright .col-xs-9 {width:100%; text-align: center;}
footer.main p.short-des {text-align:center; padding: 15px 0 0;}
.footer-top-area .logo {width: auto; float: none;}
.footer-link {margin:0px;}
.footer-link li {padding: 0px 0 15px;; float: none;}
.schedule-delivery span {font-size:18px; padding-top:12px;}
.main-banner-2 img {width: auto;}
}
@media (max-width: 500px) {
.device500 {display: none !important;}
.top-main-area .logo {float:none; display: block; text-align: center;}
.flexnav-menu-button {width: 50%;}
.user {padding:9px 16px 10px 16px; width: 50%;}
.user .user-icon {width: 30px; height: 30px;}
.user span {font-size:14px; margin: 6px 0 0 7px;}
.user span b {margin-left: 8px;}
.user span b img {width:12px;}
.user ul.dropdown-menu {top:47px; min-width: 168px; width: auto;}
.user .dropdown-menu > li > a {font-size: 12px; padding: 7px 20px;}
.schedule-delivery span {display:block; width:100%; padding: 0 0 15px 0; text-align: center;}
.styled-select {width:100%;}
.styled-select select {width:510px;}
.schedule-delivery small {text-align:center;}
.login-panel h1 {font-size:30px;}
.login-panel h1 span {font-size:18px;}
.forgot-panel .login-red {float:none; width: 100%;}
.forgot-panel .cancel-gray {float:none; width: 100%; margin-top: 15px;}
.login-panel p.mb40 {margin-bottom:20px !important;}
.giftcard-option {padding: 20px 0 0;}
.giftcard-option img, .giftcard-option img {width: 120px;}
.giftcard-option h3 {font-size: 21px; margin: 20px 0 20px; line-height: 22px;}
.corp-static-login {float: none; width: 100px; text-align: center; margin: 15px auto 0;}
}
@media (min-width: 501px) {
.web501 {display: none;}
}
@media (max-width: 480px) {
.main-banner {overflow:inherit;}
.add-another-recipient .add-recipient {width:90%; margin: 0px;}
.add-another-recipient .red-recipient {width:90%; margin: 0px 0 10px;}
.corporate-credit {width:80%; margin: 15% auto 0;}
.main-banner-2 input {width:90%; padding: 5px 0 6px 30px;background: #ffffff url(../images/transaction-search-icon.jpg) no-repeat 8px 7px; font-size:13px;}
.main-banner-2 .corporate-banner-header h1 {font-size:17px;}
.main-banner-2 .corporate-banner-header h1 small {font-size:14px;}
.email-sent label {font-size: 15px;}
.corporate-credit button.cancel, .corporate-credit button.save {float:none;}
.select-theme .col-md-4 div.custom-theme-name {font-size: 15px;}
.select2-results .select2-result-label {padding: 10px 0 5px 15px;}
.select2-results .select2-result-label div {padding: 8px 0 0 44px; font-size: 13px;}
.select2-results .select2-result-label small {padding: 0 0 0 11px; font-size: 11px;}
.select2-container .select2-choice > .select2-chosen {padding-left: 8px;}
.select2-chosen .brand-select-box img {padding: 8px 0px 0 0; width: 40px;}
.select2-container .select2-choice {font-size: 13px;}
.select2-results .select2-result-label {padding: 5px 0 0 5px;}
.select2-results .select2-result-label img {width: 35px; height: 35px;}
.select2-container .select2-choice .select2-arrow {right: 7px;}
.theme-photo-container h1.selected-theme-name {font-size: 38px; top: 22%;}
}
@media (max-width: 400px) {
.select-value {text-align:center;}
.select-value button {font-size:18px; width: 30%;}
.custom-value span {float:none; display: block; text-align: center; font-size:15px; padding-bottom:13px;}
.custom-value input {width:100%;}
.custom-value .quality {width:100%; margin: 13px 0 0;}
.force-overflow {padding:0 20px;}
.select-value button {width:30%; font-size:17px; margin-right: 0px;}
.selected-value {font-size: 21px;}
.moom-gift-wish {height: 250px;}
.moom-gift-wish input {font-size: 25px;}
.checkout ul li span, .checkout ul li label {font-size: 17px;}
.checkout .available-credit span {font-size: 18px;}
.checkout .available-credit label {font-size: 22px;}
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
/**************** Create URL & Report *********************/
.url-report {padding: 0px;}
.url-report ul {padding: 0px; margin: 0px; list-style: none;}
.url-report ul li {float: left; width: 50%; padding: 49px 0 55px; border-right: #e4e4e4 2px solid;}
.url-report ul li.inactive {background: #f1f1f1;}
.url-report ul li.inactive img {opacity: 0.5;}
.url-report ul li.inactive a {cursor: not-allowed;}
.url-report ul li a {display: block;}
.url-report ul li a p {font-size: 22px; color: #707070; margin: 13px 0 0; line-height: 26px;}
/**************** Campaign Report *************************/
section.report {padding-top: 92px;}
.campaign-report h1 {margin: 0px 0 20px; color: #707070; font-size: 30px; text-align: center; font-weight: 500;}
.campaign-report-table {border: #e5e5e5 1px solid; border-collapse: separate;border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0;-webkit-border-radius: 15px 15px 0 0; overflow: hidden;}
.campaign-report-table tr th {text-align: center; font-size: 13px; font-weight: 600; color: #ffffff; line-height: 16px; padding: 5px 2px 6px; word-wrap: break-word;}
.campaign-report-table tr td {font-size: 13px; color: #353535; text-align: center; line-height: 16px; padding: 5px; border-bottom: #e5e5e5 1px solid; word-wrap: break-word;}
.campaign-report-table tr:last-child td {border-bottom: 0px;}
.campaign-report-table tr td.campaign-name {font-size: 15px; font-weight: 600; padding: 12px 0;}
.campaign-report-table tr td a {color: #e00039; text-decoration: underline;}
.campaign-report-table tr td span {font-weight: 600;color: #e00039; font-size: 14px;}
.campaign-report-table .url-types {
font-weight: 400;font-size: 13px;color: #353535;
padding-left: 10px;
}
.campaign-report-table .double {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 10px;
padding-bottom: 10px;
}
.campaign-report .extend-btn {border: 0px;background: #919191;color: #ffffff;border-radius: 5px; width: 130px; height: 45px; line-height: 45px;padding: 0px; font-size: 18px; margin: 0px 0 10px;float: right}
.report-percentage-info {color: #ffffff !important; font-weight: 600; line-height: 18px;background: #8b8b8b; font-size: 15px !important; padding: 6px 0 !important; margin: 0px; text-align: center; border-radius: 0 0 15px 15px; -moz-border-radius: 0 0 15px 15px;-webkit-border-radius: 0 0 15px 15px;}
/**************** Status *********************************/
.view-status tr th, .view-status tr td {padding: 13px 0;}
.view-status tr.odd td {border-bottom: #d0d0d0 1px solid;}
.view-status tr td strong.yet-to-be-acted-upon {color: #fe7e00;}
.view-status tr td strong.fully-redeemed {color: #32b000;}
.view-status tr td strong.redeemed {color: #32b000;}
.view-status tr td strong.to-be-redeemed-fully {color: #2a8fbd;}
.view-status tr td strong.yet-to-redeem {color: #2a8fbd;}
.view-status tr td strong.yet-to-be-redeemed {color: #00adfe;}
.report-search {position: relative; padding-bottom: 20px;}
.report-search input {border: #d3d3d3 1px solid;-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;border-radius: 0 !important; width: 93%; padding: 10px 20px;}
.report-search button {position: absolute; top: 1px; right: 81px; width: 50px; height: 41px; border: 0px; background: #e00039;}
.report-search button img {width: auto;}
.report-search .report-search-reset {position: absolute;top: 1px; right: 0; background: #e00039; color: #ffffff; font-size: 14px;font-weight: 600; height: 41px; line-height: 40px; width: 69px;}
.report-pagination {padding: 0px; margin: 20px 0; list-style: none; float: right;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background: #f5f5f5;}
.report-pagination li {text-align: center; float: left;}
.report-pagination li a {color: #676767; font-size: 16px; font-weight: 600; text-decoration: none; display: block; height: 40px; line-height: 40px; padding: 0 15px 0 16px;}
.report-pagination li a:hover, .report-pagination li a.active {background: #e00039; color: #ffffff;}
.report-pagination li a img {width: auto;}
.report-pagination li.preview {background: #d5d5d5;-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px; overflow: hidden; margin-right: 1px;}
.report-pagination li.next {background: #d5d5d5;-webkit-border-radius: 0 3px 3px 0;-moz-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0; overflow: hidden; margin-left: 1px;}
.report-pagination li a.disabled{cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}
/*for angular pagination */
.report-ng-pagination {padding: 0px; margin: 20px 0; list-style: none; float: right;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background: #f5f5f5;}
.report-ng-pagination li {text-align: center; float: left;}
.report-ng-pagination li a {color: #676767; font-size: 16px; font-weight: 600; text-decoration: none; display: block; height: 40px; line-height: 40px; padding: 0 15px 0 16px;}
.report-ng-pagination li a:hover, .report-ng-pagination li.active {background: #e00039; color: #ffffff;}
.report-ng-pagination li.active a {color: #ffffff;}
.report-ng-pagination li a img {width: auto;}
.report-ng-pagination li.preview {background: #d5d5d5;-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px; overflow: hidden; margin-right: 1px;}
.report-ng-pagination li.next {background: #d5d5d5;-webkit-border-radius: 0 3px 3px 0;-moz-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0; overflow: hidden; margin-left: 1px;}
/*end for angular pagination */
.report-view-status-nav {background: #e00039; font-size: 13px; font-weight: 600; display: inline; padding: 5px 10px; color: #ffffff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.report-view-status-nav:hover {color: #ffffff;}
div.tableContainer {clear: both;height: 323px;overflow: auto;}
html>body div.tableContainer {overflow: hidden;}
div.tableContainer table {float: left;}
thead.fixedHeader tr {position: relative;}
html>body tbody.scrollContent {display: block;height: 262px;overflow: auto;width: 100%}
html>body thead.fixedHeader {display: table;overflow: auto;width: 100%}
/**************** Campaign detail *************************/
.campaign-detail { margin-top: 10px;}
.campaign-detail tr th {padding: 13px 0 13px 20px; font-size: 20px;}
.campaign-detail tr th span {font-size: 25px;}
.campaign-detail tr td h3 {font-weight: 600; font-size: 20px; color: #353535; margin: 0px; line-height: 20px;}
.campaign-detail tr td h3 label {font-size: 13px; margin: 0px; line-height: 14px;}
.campaign-detail tr td h4 {color: #787878; font-size: 20px; font-weight: 600; margin: 0px;}
.campaign-detail tr td p {color: #353535; font-size: 16px; font-weight: 600; margin: 0px; line-height: 20px;}
.campaign-detail tr td p label {font-size: 11px; display: block; margin: 0px;line-height: 12px;}
.campaign-detail tr td p strong {color: #353535; font-size: 20px; font-weight: 600; display: block;}
.campaign-detail tr td a {font-size: 12px; font-weight: 600;}
/**************** View more Brand *************************/
.more-brand {width: 100%; margin: 0 auto;border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px; overflow: hidden; background: #ffffff;}
.more-brand .auto-s croll {max-height: 378px; overflow-x: hidden; overflow-y: auto;}
.more-brand tr th {background: #353535; text-align: center; color: #ffffff; font-weight: 600; font-size: 13px; padding: 13px 0;}
.more-brand tr td {color: #353535; font-size: 13px; text-align: center; padding: 13px 0; border-right:#d5d5d5 1px solid; border-bottom:#d5d5d5 1px solid; font-weight: 600;}
.more-brand tr td:last-child {border-right:0px;}
.more-brand tr td.gift-category {background: #f1f1f1; padding: 5px 0;}
.more-brand table {border:#d5d5d5 1px solid;}
.termsandcondition h2 {color: #707070; font-weight: 600; margin: 0px; margin-left: 5%; font-size: 20px; padding: 15px 0; position: relative;}
.termsandcondition h2 a {position: absolute; top: -14px; right: -10px;}
/**************** Savings *********************************/
.savings {margin-bottom: 10px;}
.savings tr td.info {padding: 5px 0 3px;}
.savings tr td.info label {font-size: 12px;}
.savings tr td.info label span {font-size: 12px;}
.savings tr td {font-size: 16px; font-weight: 600;}
.savings tr td.total {padding: 17px 0;}
.savings tr td.total:last-child {font-size: 20px;}
.savings tr td.total:last-child span {font-size: 24px;}
/**************** Campaign Url Info ************************/
.campaing-url-info {
width: 700px;
margin: 10% auto 0;
position: relative;
}
.campaing-url-info a.popup-close {
position: absolute;
top: -25px;
right: -25px;
outline: none;
}
.url-info{
width: 100%;
margin: 0 au to;
overflow: hidden;
border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px;
}
.url-info tr th {
background: #666666;
text-align: center;
color: #ffffff;
font-weight: 600;
font-size: 13px;
padding: 13px 0;
}
.url-info tr td {
word-wrap: break-word;
}
.campaign-report a.legend {
border: 0px;
color: #0a0a0a;
float: right;
text-decoration: underline;
line-height: 45px;
margin-right: 10px;
}
.campaign-report-legend{ width: 500px; margin: 10% auto 0; position: relative; background-color: #ffffff;}
.campaign-report-legend a.popup-close { position: absolute; top: -25px; right: -25px; outline: none; }
.campaign-report-legend h1 { text-align:center; padding: 25px; font-weight: 500; font-size: 25px; }
.campaign-report-legend .scroll{height: 300px; overflow: auto; }
.campaign-report-legend .scroll ul { list-style: none; }
.campaign-report-legend .scroll ul>li { margin-bottom: 15px; }
.campaign-report-legend .scroll ul>li>h3 { font-weight: 400; font-size: 20px; }
.campaign-report-legend .scroll ul>li>p { padding: 0px 20px 0px 0px; }
.campaign-report .download-btn {
background: #e00039;
color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 45px;
line-height: 45px;
font-size: 18px;
border: none;
float: right;
margin: 0px 0 10px 5px;
padding: 0px;
min-width: 100px;
}
.campaign-report .download-status-btn {
background: #5fba50;
color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 45px;
line-height: 45px;
font-size: 18px;
border: none;
float: right;
margin: 0px 0 10px 5px;
padding: 0px;
min-width: 150px;
}
.download-pdf-btn
{
background: #e00039;
color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 50px;
line-height: 50px;
font-size: 18px;
border: none;
margin: 0px 0 10px 5px;
padding: 0px 10px;
min-width: 120px;
}
.download-csv-btn
{
background: #5fba50;
color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 50px;
line-height: 50px;
font-size: 18px;
border: none;
margin: 0px 0 10px 5px;
padding: 0px 10px;
min-width: 120px;
}
.send-egiftcard {
padding: 0px;
}
.send-egiftcard ul {
padding: 0px;
margin: 0px;
list-style: none;
}
.send-egiftcard ul li {
float: left;
width: 50%;
padding: 49px 0 25px;
}
.send-egiftcard ul li:first-child {
border-right: #e4e4e4 2px solid;
}
.send-egiftcard ul li a p {
font-size: 22px;
color: #707070;
margin: 13px 0 0;
line-height: 26px;
}
.send-egiftcard ul li a small {
font-size: 18px;
}
.download-code-url-form {
margin-bottom: 50px;
}
.download-code-url-form label {
font-weight: normal;
color: #707070;
font-size: 16px;
width: 100%;
margin: 0px;
}
.download-code-url-form label select {
width: 100%;
font-size: 15px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: #e3e3e3 1px solid;
padding: 8px 12px 9px 9px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(../images/select-arw.png) no-repeat right center;
margin: 5px 0 0;
height: 45px;
}
.download-code-url-form label a.about-brand {
color: #e1234c;
font-size: 12px;
text-decoration: underline;
float: right;
}
.download-code-url-form div.down-quantity
{
/*margin-top: -22px;*/
margin-bottom: 10px;
}
.download-code-url-form div.down-quantity button {
background: none;
border: #e3e3e3 1px solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 40px;
height: 40px;
text-align: center;
padding: 0px;
}
.download-code-url-form div.down-quantity button img {
width: auto;
}
.download-code-url-form div.down-quantity input {
border: #e3e3e3 1px solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 50px;
height: 43px;
padding: 0;
text-align: center;
-moz-box-shadow: 0px 3px 2px rgba(0,0,0,0.1) inset;
-webkit-box-shadow: 0px 3px 2px rgba(0,0,0,0.1) inset;
box-shadow: 0px 3px 2px rgba(0,0,0,0.1) inset;
}
.download-code-url-form div.down-quantity button, .download-code-url-form label.down-quantity input {
margin: 5px 0 0;
}
.download-code-url-form div.down-quantity small {
color: #b73c3c;
font-size: 12px;
display: block;
}
.download-code-url-form label.qty-label {
font-weight: normal;
color: #707070;
font-size: 16px;
width: 100%;
margin: 0px;
}
.download-code-url-form label.expiry-date {
position: relative;
}
.download-code-url-form label.expiry-date input[type="text"] {
border: #e3e3e3 1px solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0 20px;
height: 45px;
width: 100%;
background: #ebebeb;
font-weight: 600;
margin-top: 5px;}
.download-code-url-form label.down-field input[type="text"] {
border: #e3e3e3 1px solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0 10px;
height: 45px;
width: 100%;
margin: 5px 0 0;
}
.download-code-url-form label.down-field small {
color: #b73c3c;
font-size: 12px;
padding-top: 5px;
}
.download-code-url-form label.expiry-date img {
width: 29px;
height: 29px;
position: absolute;
top: 36px;
right: 20px;
cursor: pointer;
}
.download-code-url-form label.expiry-date small {
font-size: 12px;
display: block;
color: #b73c3c;
padding: 15px 0px;
line-height: 14px;
}
.download-code-url-form button.down-btn-gray {
background: #919191;
font-size: 17px;
color: #ffffff;
border: 0px;
width: 165px;
height: 45px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 0 10px;
padding: 0px;
}
.download-code-url-form button.down-btn-green {
background: #1dd1a1;
font-size: 17px;
color: #ffffff;
border: 0px;
width: 165px;
height: 45px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 0 10px;
padding: 0px;
}
.down-trans-resend {
border: #e3e3e3 2px solid !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
font-size: 13px !important;
color: #707070;
font-weight: 600;
width: 140px;
height: 50px;
margin: 0px !important;
}
.down-trans-resend-not-allowed {
border: 0px !important;
color: #b1b1b1 !important;
background: #f6f6f6 !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
font-size: 13px !important;
color: #707070;
font-weight: 600;
width: 140px;
height: 50px;
margin: 0px !important;
cursor: not-allowed;
}
/**************************** Tabbed ****************************************/
.down-tabbed {background: #ffffff; width: 750px; margin: 0 auto!important; height: 600px; padding: 0px !important;}
.down-tabbed main {
min-width: 320px;
max-width: 800px;
margin: 0 auto;
}
.down-tabbed section {
display: none;
padding: 20px 42px;
}
.down-tabbed input {
display: none;
}
.down-tabbed label {
display: inline-block;
margin: 0 0 -1px;
padding: 12px 0;
text-align: center;
color: #bbb;
border: 1px solid transparent;
font-weight: normal;
width: 32.97%;
background: #f5f5f5;font-size: 15px;
}
.down-tabbed label:hover {
color: #888;
cursor: pointer;
}
.down-tabbed input:checked + label {
color: #707070;
border-bottom: 5px solid #ff4167;
}
.down-tabbed #tab1:checked ~ #content1, .down-tabbed #tab2:checked ~ #content2, .down-tabbed #tab3:checked ~ #content3, .down-tabbed #tab4:checked ~ #content4 {
display: block;
}
.down-tabbed ul {padding: 0px; margin: 0px; padding: 10px 0px 0px 30px; list-style: disc; }
.down-tabbed ul li {padding-bottom: 5px;}
.down-tabbed ul li a {color: #ff4167;}
.down-pop-panl {background: #ffffff; position: relative; padding: 25px; text-align: center;}
.down-pop-panl h5 {color: #1dd1a1; font-size: 27px; font-weight: 600; margin-bottom: 25px;}
.down-pop-panl p {font-size: 16px; margin: 0px;}
.down-pop-panl p a {color: #e00039;}
.down-pop-panl a.popup-close {position: absolute;top: -30px;right: -30px;outline: none;}
.process-end-noti button {border: 0px; height: 40px;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; padding: 0 25px; margin: 0 10px; color: #ffffff; font-size: 18px;}
.corporate-credit input[type="text"] {height: 45px;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; text-indent: 50px;}
.corporate-credit span.sending-req {
display: block;
text-align: left;
margin: 10px 0 0;
}
ul.down-brand-list {width: 500px; background: #ffffff; list-style: none; padding: 0px; margin: 0px auto;-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px; border: #d5d5d5 1px solid; border-top: 0px; border-bottom: 0px; overflow-x: hidden; overflow-y: scroll;}
ul.down-brand-list li {border-bottom: #eeeeee 1px solid;}
ul.down-brand-list li a {display: block; height: 42px; line-height: 42px; padding: 0 20px; color: #707070;}
ul.down-brand-list li a:hover {background: #f5f5f5;}
ul.down-brand-list li.custm-vlu {position: relative;}
ul.down-brand-list li.custm-vlu input {border: 0px; height: 42px; width: 100%; text-indent: 42px;}
ul.down-brand-list li.custm-vlu span {position: absolute;
top: 0;
left: 0;
width: 47px;
height: 42px;
background: #f5f5f5;
text-align: center;
line-height: 42px;
font-size: 16px;
font-weight: 600;}
.credit-req-dlr-cnt {position: relative;}
.credit-req-dlr-cnt span {position: absolute; top: 1px; left: 1px; padding: 10px 20px; background: #f5f5f5;-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px; font-size: 16px; font-weight: 600;}
/**************************** Media Query ***********************************/
@media (min-width: 801px) and (max-width: 991px) {
.flexnav > li > a {
padding: 0 15px;
}
}
@media (max-width: 1199px) {
.product-list .table tr td img {
width: 130px;
}
.product-list .table > thead > tr > th, .product-list .table > thead > tr > td {
padding-left: 10px;
}
.product-list .table > thead > tr > th:first-child, .product-list .table > thead > tr > th:last-child, .product-list .table > thead > tr > td:first-child, .product-list .table > thead > tr > td:last-child {
padding-left: 0px;
}
.add-another-recipient .red-recipient {
margin-right: 60px;
}
.giftcard-summary {
margin: 80px 0 0;
}
.giftcard-summary .table-responsive {
margin: 40px 0 0;
}
.corp-certificate-summary {
margin: 80px 0 0;
}
.corp-certificate-summary .table-responsive {
margin: 40px 0 0;
}
}
@media (max-width: 991px) {
.pending-item label {
font-size: 22px;
text-align: center;
}
.pending-item label label {
font-size: 15px;
}
.pending-item label small {
font-size: 20px;
}
.checkoutnow button {
font-size: 15px;
height: 35px;
line-height: 35px;
}
.checkoutnow {
float: none;
text-align: center;
}
.giftcard-type {
margin: 30px 0;
font-size: 20px;
}
.giftcard-option {
padding: 30px 0 0;
}
.giftcard-option h3 {
font-size: 26px;
margin: 30px 0 45px;
}
.pending-item {
margin: 50px 0 45px;
}
.main-banner, .main-banner img {
height: auto;
}
.footer-top-area .logo {
width: 100%;
}
.product-list .table tr td img {
width: 120px;
}
.product-list .table > thead > tr > th {
font-size: 14px;
}
.product-list .brand-value {
font-size: 15px;
padding: 0px;
}
.product-list .schedule, .product-list .recipient {
padding: 2px 0 0;
}
.product-list .brand-value label {
font-size: 14px;
}
.product-list .brand-value small {
font-size: 12px;
}
.product-list .schedule label, .product-list .recipient label {
font-size: 14px;
}
.product-list .schedule small, .product-list .recipient small {
font-size: 12px;
}
.transaction-list .table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
overflow-x: scroll;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 0px;
-webkit-overflow-scrolling: touch;
}
.my-profile .col-md-4 {
float: left;
width: 30%;
}
.my-profile p span {
font-size: 15px;
}
.my-profile p {
font-size: 17px;
}
}
@media (max-width: 800px) {
.flexnav-menu-button {
margin: 0 0 0 0;
padding: 14px 15px;
font-size: 15px;
font-weight: 600;
background: #e00039;
}
.corporate-banner-header h1 {
font-size: 50px;
}
.corporate-banner-header h4 {
font-size: 26px;
}
.table-responsive {
border: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.selected-giftcard .col-md-6 {
width: 50%;
float: left;
}
.giftcard-brand {
width: 100%;
margin: 0px;
}
.add-another-recipient .red-recipient {
margin-right: 0px;
}
.select-value button {
width: 106px;
font-size: 20px;
}
.custom-value input {
width: 202px;
}
.custom-value .quality {
width: 106px;
}
.styled-select {
width: 194px;
}
.styled-select select {
font-size: 14px;
}
.schedule-delivery span {
font-size: 16px;
padding-top: 12px;
}
.giftcard-summary table tr td {
padding-left: 20px;
}
.giftcard-summary table tr td label {
font-size: 13px;
}
.giftcard-summary table tr td p {
font-size: 17px;
}
.giftcard-summary table tr td:first-child {
width: 200px;
}
.giftcard-summary table tr td:first-child img {
width: 200px;
}
.giftcard-summary table tr td small {
font-size: 12px;
}
.corp-certificate-summary table tr td {
padding-left: 20px;
}
.corp-certificate-summary table tr td label {
font-size: 13px;
}
.corp-certificate-summary table tr td p {
font-size: 17px;
}
.corp-certificate-summary table tr td:first-child {
width: 200px;
}
.corp-certificate-summary table tr td:first-child img {
width: 200px;
}
.corp-certificate-summary table tr td small {
font-size: 12px;
}
.corp-certificate-summary table tr td span label {
font-size: 27px;
line-height: 27px;
top: 40%;
}
.corp-certificate-summary table tr td label {
margin-top: 27px;
}
.request-submitted .col-md-6 {
float: left;
width: 45%;
}
.login .col-md-6 {
float: left;
width: 50%;
}
.login-panel {
padding: 50px 30px;
}
.login-panel h1 {
font-size: 39px;
margin: 0px 0 50px;
}
.login-panel h1 span {
font-size: 20px;
}
.login-panel p.error {
text-align: center;
margin-bottom: 20px;
}
.login-panel .login-red {
float: none;
}
.login-panel a.forgot-pass {
float: none;
display: block;
margin-top: 15px;
}
.forgot-panel .login-red {
float: right;
}
.custom-selected-gift .corp-customize-gift .corp-file-upload {
font-size: 12px;
background: url(../images/upload-file-icon.png) no-repeat 5px 6px;
padding: 0 3px 0 35px;
}
.custom-selected-gift .corp-customize-gift img.corp-brand-logo {
float: left;
width: 70px;
}
.corp-gift-code .corp-gift-section label {
font-size: 10px;
}
.corp-gift-code .corp-gift-section u {
font-size: 12px;
margin: 0px 0 0 10px;
}
.corp-gift-code .corp-gift-section {
width: 68%;
}
.corp-gift-code {
padding: 5px;
}
.custom-selected-gift .corp-customize-gift {
padding: 10px 15px 0;
}
.custom-selected-gift .corp-customize-gift input {
font-size: 14px;
height: 25px;
border: #96969b 1px dashed;
}
.custom-selected-gift .corp-customize-gift input.add-text {
height: 25px;
}
.corp-gift-code .corp-gift-section small {
font-size: 9px;
}
.corp-gift-code img {
width: 90px;
}
.corp-update ul li div h6 {
font-size: 10px;
}
.corp-update ul li {
padding: 10px 0 0;
}
.custom-selected-gift .corp-certificate-excell img.corp-brand-logo {
width: 70px;
}
.custom-selected-gift .corp-certificate-excell h3 {
font-size: 17px;
}
.custom-selected-gift .corp-certificate-excell h4 {
line-height: 13px;
font-size: 17px;
margin: 2px 0;
}
.custom-selected-gift .corp-certificate-excell h4 label {
font-size: 12px;
}
.custom-selected-gift .corp-certificate-excell h4 small {
font-size: 10px;
}
.corp-portrait .corp-update ul li div h6 {
font-size: 15px;
}
.corp-portrait .corp-customize-gift input.add-text {
height: 130px;
}
.corp-portrait .corp-update ul li {
padding: 80px 0 0;
}
.corp-portrait .corp-certificate-excell h3 {
font-size: 19px;
margin-top: 10px;
}
.corp-portrait .corp-certificate-excell h4 {
line-height: normal;
margin: 40px 0 0
}
.corp-portrait .corp-certificate-excell h4 small {
line-height: normal;
padding-top: 0px;
}
.corp-portrait .corp-update ul li div h6 {
font-size: 12px;
}
.corp-landscape input {
font-size: 13px;
height: 25px;
border: 1px dashed #96969b;
margin-top: 5px;
}
.corp-landscape input.add-text {
height: 30px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.checkout .available-credit-green span, .checkout .available-credit span {
font-size: 17px;
}
.checkout .available-credit-green label, .checkout .available-credit label, .checkout ul li.grand-total label {
font-size: 24px;
}
.giftcard-summary table tr td {
padding-left: 30px;
}
.giftcard-summary table tr td label {
font-size: 15px;
}
.giftcard-summary table tr td p {
font-size: 19px;
}
.giftcard-summary table tr td:first-child {
width: 200px;
}
.giftcard-summary table tr td:first-child img {
width: 200px;
}
.giftcard-summary table tr td small {
font-size: 14px;
}
.corp-certificate-summary table tr td {
padding-left: 30px;
}
.corp-certificate-summary table tr td label {
font-size: 15px;
}
.corp-certificate-summary table tr td p {
font-size: 19px;
}
.corp-certificate-summary table tr td:first-child {
width: 200px;
}
.corp-certificate-summary table tr td:first-child img {
width: 200px;
}
.corp-certificate-summary table tr td small {
font-size: 14px;
}
.corp-certificate-summary table tr td span label {
font-size: 27px;
line-height: 27px;
top: 40%;
}
.corp-certificate-summary table tr td label {
margin-top: 40px;
}
.corp-gift-code .corp-gift-section {
width: 69%;
}
.corp-gift-code .corp-gift-section label {
font-size: 13px;
}
.corp-gift-code .corp-gift-section u {
font-size: 15px;
}
.corp-gift-code {
padding: 5px 15px;
}
.custom-selected-gift .corp-customize-gift input {
font-size: 16px;
}
.custom-selected-gift .corp-customize-gift input.add-text {
height: 50px;
}
.corp-update ul li {
padding: 10px 0 0;
}
.custom-selected-gift .corp-certificate-excell h3 {
font-size: 26px;
}
.custom-selected-gift .corp-certificate-excell h4 {
font-size: 24px;
margin: 6px 0;
}
.custom-selected-gift .corp-certificate-excell h4 label {
font-size: 15px;
}
.custom-selected-gift .corp-certificate-excell h4 small {
font-size: 12px;
line-height: normal;
padding-top: 0px;
}
.corp-portrait .corp-customize-gift input.add-text {
height: 150px;
}
.corp-portrait .corp-update ul li {
padding: 50px 0 0;
}
.corp-portrait .corp-certificate-excell img.corp-brand-logo {
width: 160px;
}
.corp-portrait .corp-update ul li div h6 {
font-size: 16px;
}
.corp-portrait .corp-certificate-excell h4 {
line-height: normal;
margin: 50px 0 0;
}
.custom-selected-gift .corp-customize-gift img.corp-brand-logo {
width: 120px;
}
.custom-selected-gift.corp-landscape img.corp-brand-logo {
width: 80px;
}
.corp-landscape input.add-text {
height: 50px;
}
.corp-landscape .corp-update ul li {
padding: 25px 0 0;
}
}
@media (max-width: 767px) {
.device767 {
display: none;
}
.device-addcre {
background: #363636;
padding-left: 20px;
padding-right: 20px;
}
.giftcard-brand {
width: auto;
margin: 0px;
}
.schedule-delivery small {
padding-bottom: 15px;
}
.add-another-recipient {
text-align: center;
}
.add-another-recipient .red-recipient {
float: none;
margin-right: 0px;
}
.giftcard-summary table tr td:first-child {
width: 200px;
padding-left: 15px;
}
.giftcard-summary table tr td:first-child img {
width: 200px;
}
.giftcard-summary table tr td {
padding-left: 20px;
padding-right: 15px;
}
.giftcard-summary table tr td label {
font-size: 15px;
}
.giftcard-summary table tr td p {
font-size: 19px;
}
.giftcard-summary table tr td small {
font-size: 14px;
}
.corp-certificate-summary table tr td:first-child {
width: 200px;
padding-left: 15px;
}
.corp-certificate-summary table tr td:first-child img {
width: 200px;
}
.corp-certificate-summary table tr td {
padding-left: 20px;
padding-right: 15px;
}
.corp-certificate-summary table tr td label {
font-size: 15px;
}
.corp-certificate-summary table tr td p {
font-size: 19px;
}
.corp-certificate-summary table tr td small {
font-size: 14px;
}
.corp-certificate-summary table tr td span label {
font-size: 23px;
top: 40%;
}
.request-submitted {
width: 90%;
margin: 0 auto;
}
.request-submitted label {
margin-bottom: 30px;
}
.scheduled-success {
width: 90%;
margin: 0 auto;
}
.scheduled-success .gray-strip {
height: auto;
line-height: normal;
text-align: center;
padding: 10px;
}
.scheduled-success .gray-strip small {
float: none;
display: block;
width: 100%;
text-align: center;
}
.main-banner-2 {
height: auto;
}
.my-profile .col-md-4 {
float: none;
width: 100%;
text-align: center;
}
.my-profile h1 {
margin: 30px 0 30px
}
.my-profile p {
margin-bottom: 30px;
}
.my-profile label {
margin: 0px;
}
.login .logo {
float: none;
display: block;
text-align: center;
margin-bottom: 15px;
}
.login-panel {
padding: 50px 30px;
}
.login-panel h1 {
margin-bottom: 50px;
}
.login-panel p.error {
text-align: center;
margin-bottom: 15px;
}
.login-panel .login-red {
float: none;
}
.login-panel a.forgot-pass {
float: none;
display: block;
margin-top: 15px;
}
.forgot-panel .login-red {
float: right;
}
.email-sent label {
font-size: 20px;
}
.corp-certifi-success .corp-add-credit small {
float: right;
width: auto;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.select-value {
float: left;
width: 50%;
margin: 36px 0 0;
}
.select-value button {
width: 30%;
font-size: 17px;
}
.custom-value {
float: left;
width: 50%;
margin: 0px;
}
.custom-value span {
float: none;
padding: 0 0 13px 0;
display: block;
text-align: center;
font-size: 15px;
}
.custom-value input {
width: 100%;
}
.custom-value .quality {
width: 100%;
margin: 13px 0 0;
}
.request-submitted .col-md-6 {
width: 43%;
float: left;
}
.corp-landscape input {
height: 50px;
}
}
@media (min-width: 401px) and (max-width: 599px) {
.select-value {
text-align: center;
;
}
.select-value button {
width: 31%;
font-size: 18px;
}
.custom-value span {
float: none;
display: block;
text-align: center;
font-size: 15px;
padding-bottom: 13px;
}
.custom-value input {
width: 100%;
}
.custom-value .quality {
width: 100%;
margin: 13px 0 0;
}
.custom-selected-gift .corp-customize-gift {
padding: 10px 10px 0;
}
.custom-selected-gift .corp-customize-gift .corp-file-upload {
border: #96969b 1px dashed;
font-size: 11px;
background: url(../images/upload-file-icon.png) no-repeat 5px 6px;
height: 33px;
padding: 0 5px 0 38px;
}
.custom-selected-gift .corp-customize-gift img.corp-brand-logo {
float: left;
width: 80px;
}
.custom-selected-gift .corp-customize-gift input, .custom-selected-gift .corp-customize-gift input.add-text {
border: #96969b 1px dashed;
font-size: 11px;
height: 20px;
}
.corp-gift-code {
padding: 5px;
}
.corp-gift-code img {
width: 90px;
}
.corp-gift-code .corp-gift-section {
line-height: 10px;
}
.corp-gift-code .corp-gift-section label {
font-size: 11px;
}
.corp-gift-code .corp-gift-section u {
font-size: 12px;
margin: 0px 0 0 10px;
}
.corp-gift-code .corp-gift-section small {
font-size: 10px;
}
.corp-update ul li {
padding: 15px 0 0;
}
.custom-selected-gift .corp-certificate-excell img.corp-brand-logo {
width: 70px;
}
.custom-selected-gift .corp-certificate-excell h3 {
font-size: 18px;
}
.custom-selected-gift .corp-certificate-excell h4 {
font-size: 18px;
margin: 5px 0;
}
.custom-selected-gift .corp-certificate-excell h4 label {
font-size: 12px;
}
.custom-selected-gift .corp-certificate-excell h4 small {
font-size: 10px;
}
.corp-portrait .corp-update ul li div h6 {
font-size: 15px;
}
.corp-portrait .corp-customize-gift input.add-text {
height: 130px;
}
.corp-portrait .corp-certificate-excell h3 {
font-size: 20px;
margin-top: 10px;
}
.corp-portrait .corp-certificate-excell h4 {
line-height: normal;
margin: 50px 0 0;
}
.corp-portrait .corp-certificate-excell h4 small {
line-height: normal;
padding-top: 0px;
}
.corp-portrait .corp-update ul li div h6 {
font-size: 12px;
}
}
@media (min-width: 768px) {
.device-addcre {
display: none !important;
}
}
@media (max-width: 700px) {
.corporate-banner-header {
top: auto;
bottom: 0px;
background: rgba(0,0,0,0.3);
padding: 5px 0 8px;
}
.corporate-banner-header h1, .corporate-banner-header h4 {
text-align: center;
}
.corporate-banner-header h1 {
font-size: 30px;
}
.corporate-banner-header h4 {
font-size: 17px;
}
.main-banner-2 .corporate-banner-header {
top: auto;
bottom: 0px;
background: rgba(0,0,0,0.3);
padding: 5px 0 8px;
}
.main-banner-2 .corporate-banner-header h1 {
font-size: 25px;
}
.main-banner-2 .corporate-banner-header h1 small {
padding-bottom: 5px;
}
.footer-top-area .col-xs-3, .footer-top-area .col-xs-9, .footer-copyright .col-xs-3, .footer-copyright .col-xs-9 {
width: 100%;
text-align: center;
}
footer.main p.short-des {
text-align: center;
padding: 15px 0 0;
}
.footer-top-area .logo {
width: auto;
float: none;
}
.footer-link {
margin: 0px;
}
.footer-link li {
padding: 0px 0 15px;
;
float: none;
}
.schedule-delivery span {
font-size: 18px;
padding-top: 12px;
}
}
@media (max-width: 599px) {
.request-submitted .col-md-6 {
width: 100%;
}
.request-submitted span.divdr {
margin: 0px 0 30px;
width: 100%;
float: none;
display: block;
height: 1px;
}
.request-submitted h1 {
margin-bottom: 30px;
}
}
@media (max-width: 500px) {
.device500 {
display: none !important;
}
.top-main-area .logo {
float: none;
display: block;
text-align: center;
}
.flexnav-menu-button {
width: 50%;
}
.user {
padding: 9px 16px 10px 16px;
}
.user .user-icon {
width: 30px;
height: 30px;
}
.user span {
font-size: 14px;
margin: 6px 0 0 7px;
}
.user span b {
margin-left: 8px;
}
.user span b img {
width: 12px;
}
.user ul.dropdown-menu {
top: 47px;
min-width: 168px;
width: auto;
}
.user .dropdown-menu > li > a {
font-size: 12px;
padding: 7px 20px;
}
.schedule-delivery span {
display: block;
width: 100%;
padding: 0 0 15px 0;
text-align: center;
}
.styled-select {
width: 100%;
}
.styled-select select {
width: 510px;
}
.schedule-delivery small {
text-align: center;
}
.login-panel h1 {
font-size: 30px;
}
.login-panel h1 span {
font-size: 18px;
}
.forgot-panel .login-red {
float: none;
width: 100%;
}
.forgot-panel .cancel-gray {
float: none;
width: 100%;
margin-top: 15px;
}
.login-panel p.mb40 {
margin-bottom: 20px !important;
}
}
@media (min-width: 501px) {
.web501 {
display: none;
}
}
@media (max-width: 480px) {
.main-banner {
overflow: inherit;
}
.add-another-recipient .add-recipient {
width: 90%;
}
.add-another-recipient .red-recipient {
width: 90%;
margin: 15px 0 0;
}
.corporate-credit {
width: 90%;
margin: 0 auto;
}
.main-banner-2 input {
width: 90%;
padding: 5px 0 6px 30px;
background: #ffffff url(../images/transaction-search-icon.jpg) no-repeat 8px 7px;
font-size: 13px;
}
.main-banner-2 .corporate-banner-header h1 {
font-size: 17px;
}
.main-banner-2 .corporate-banner-header h1 small {
font-size: 14px;
}
.email-sent label {
font-size: 15px;
}
.corporate-credit button.cancel, .corporate-credit button.save {
float: none;
}
.corp-certifi-success .corp-add-credit {
position: relative;
top: 0px;
right: 0px;
margin: 0 0 10px;
text-align: center;
width: 100%;
}
.corp-certifi-success .corp-add-credit button {
float: none;
}
.corp-certifi-success .corp-add-credit span {
float: none;
display: block;
margin: 5px 0;
}
.corp-certifi-success .corp-add-credit small {
float: none;
padding: 0px;
}
.corp-landscape input {
font-size: 12px;
border: 1px dashed #96969b;
margin-top: 5px;
height: 20px;
}
.corp-landscape input.add-text {
height: 25px;
}
}
@media (max-width: 400px) {
.select-value {
text-align: center;
}
.select-value button {
font-size: 18px;
width: 30%;
}
.custom-value span {
float: none;
display: block;
text-align: center;
font-size: 15px;
padding-bottom: 13px;
}
.custom-value input {
width: 100%;
}
.custom-value .quality {
width: 100%;
margin: 13px 0 0;
}
.custom-selected-gift .corp-customize-gift {
padding: 5px 5px 0;
}
.custom-selected-gift .corp-customize-gift img.corp-brand-logo {
float: left;
width: 55px;
}
.custom-selected-gift .corp-customize-gift .corp-file-upload {
border: #96969b 1px dashed;
font-size: 10px;
background: url(../images/upload-file-icon.png) no-repeat 5px 6px;
padding: 0 5px 0 35px;
height: 31px;
}
.custom-selected-gift .corp-customize-gift input, .custom-selected-gift .corp-customize-gift input.add-text {
font-size: 10px;
border: #96969b 1px dashed;
height: 15px;
}
.corp-gift-code {
padding: 5px;
}
.corp-gift-code img {
width: 70px;
}
.corp-gift-code .corp-gift-section {
width: 75%;
line-height: 8px;
}
.corp-gift-code .corp-gift-section label {
font-size: 10px;
}
.corp-gift-code .corp-gift-section small {
font-size: 8px;
}
.corp-gift-code .corp-gift-section u {
margin: 0px 0 0 10px;
font-size: 11px;
}
.corp-update ul li {
padding: 15px 0 0;
}
.corp-update ul li div h6 {
font-size: 10px;
}
.custom-selected-gift .corp-certificate-excell {
padding: 10px 10px 0;
}
.custom-selected-gift .corp-certificate-excell img.corp-brand-logo {
width: 55px;
}
.custom-selected-gift .corp-certificate-excell h3 {
font-size: 14px;
}
.custom-selected-gift .corp-certificate-excell h4 {
font-size: 14px;
margin: 0px;
}
.custom-selected-gift .corp-certificate-excell h4 label {
font-size: 12px;
}
.custom-selected-gift .corp-certificate-excell h4 small {
font-size: 9px;
}
.corp-portrait .corp-update ul li div h6 {
font-size: 13px;
}
.corp-portrait .corp-customize-gift input.add-text {
height: 100px;
}
.corp-portrait .corp-certificate-excell h3 {
margin-top: 10px;
}
.corp-portrait .corp-certificate-excell h4 {
line-height: normal;
margin: 50px 0 0;
}
.corp-portrait .corp-certificate-excell h4 small {
line-height: normal;
padding-top: 0px;
}
.corp-portrait .corp-update ul li div h6 {
font-size: 12px;
}
.selected-theme p {
font-size: 25px;
}
}
.send-egiftcard ul li.inactive {
background: #f1f1f1;
}
.send-egiftcard ul li.inactive img {
opacity: 0.5;
}
.send-egiftcard ul li.inactive a {
cursor: not-allowed;
}
.download-code-url-form .custom-denomination{
width: 49% !important;
float: left;
}
.download-code-url-form button.down-btn {
background: #1dd1a1;
font-size: 17px;
color: #ffffff;
border: 0px;
width: 165px;
height: 45px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 0 10px;
padding: 0px;
}
.download-code-url-form button.down-btn:disabled{
background: #919191;
}
.down-tabbed a.popup-close {position: absolute; top: -30px; right: -30px; outline: none;}
.download-code-url-form label.custom-denomination input[type="number"] {
border: #e3e3e3 1px solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0 20px;
height: 45px;
width: 100%;
margin: 5px 0 0;
}
.download-code-url-form label.custom-denomination small {
color: #b73c3c;
font-size: 12px;
display: block;
}
.download-code-url-form label.has-error input[type="number"]{ border-color: #a94442 !important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); }
.download-code-url-form div.has-error input[type="number"]{ border-color: #a94442 !important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); }
/***************** Promoter List ****************************/
.promoter{ margin-top: 80px;}
.promoter h1{margin: 0px 0 20px; color: #707070; font-size: 30px; text-align: center; font-weight: 500;}
.promoter-list {margin-top:10px;}
.promoter-list table {background:#ffffff; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.promoter-list table tr th {text-transform:uppercase; font-weight: 600; border: 0px; background: #e3e3e3; padding: 19px 0 19px 0; color:#353535;}
.promoter-list table tr th:first-child {padding-left:20px; -webkit-border-radius: 10px 0 0 0;-moz-border-radius: 10px 0 0 0;border-radius: 10px 0 0 0;}
.promoter-list table tr th:last-child {-webkit-border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;}
.promoter-list table tr td {padding:30px 10px 30px 0; color: #353535; font-size: 15px; line-height: 18px; border-bottom: #e5e5e5 1px solid;}
.promoter-list table tr td:first-child {padding-left:20px;}
.promoter-list table tr td a.download {background:#ffffff; border: #a1a1a1 2px solid;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; font-size: 11px; padding:5px 2px 7px;; color:#6e6e6e; font-weight: 600; line-height: 12px; margin-top:12px; display: inline-block; text-align: center;}
.promoter-list table tr td b {font-weight:600; display: block;}
.promoter-list table tr td a {color: #363636; display: block;}
.promoter-list table tr td a.disable {color:#bbbbbb;}
.promoter-list table tr td span.orange {color:#f05500;}
.promoter-list table tr td span.green {color:#2cca81;}
.promoter-list table tr:last-child td {border: 0px;}
/*************** End Promoter List **************************/
/*************** Popup Defaults *******************************/
.my-popup{ background: #ffffff; padding: 23px; border: #f4f4f4 1px solid; margin: 10% auto 0; position: relative; }
.my-popup input[type="text"] {height: 45px;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-indent: 10px;}
.my-popup .green-btn { background: #5fba50; color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 45px;line-height: 45px;font-size: 18px;border: none; margin: 0px 0 10px 5px;padding: 0px; min-width: 150px;}
.my-popup .grey-btn {border: 0px; background: #919191; color: #ffffff; border-radius: 5px; width: 130px; height: 45px; line-height: 45px; padding: 0px; font-size: 18px; margin: 0px 0 10px; }
.my-popup a.close-icon {position: absolute; top: -30px; right: -30px; outline: none; }
/*************** End Popup Defaults *******************************/
/*************** Add Promoter *************************************/
.add-promoter{ width: 550px; }
.text-center { text-align: center !important;}
/*************** End Add Promoter *************************************/
.pl5{ padding-left: 5px !important;}
.mg-tp{margin-top: 5% !important;}
.mt10{ margin-top: 10px !important;}
.green-btn {
background: #5fba50;
color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 45px;
line-height: 45px;
font-size: 14px;
border: none;
float: right;
min-width: 150px;
}
.br0{ border-right: 0px !important;}
.mb20{ margin-bottom: 20px;}
/************ Transaction Search Form *********************************/
.transacrion-form { padding-bottom: 30px;}
.transacrion-form input {
/*background: #ffffff url(../images/transaction-search.png) no-repeat 16px 12px;*/
/*padding: 0 0 0 48px;*/
border: #dbdbdb 1px solid;
font-size: 15px;
border-radius: 6px 0px 0px 6px !important;
height: auto;
display: inline-block;
height: 44px;
line-height: 44px;
}
.transacrion-form input:disabled{ background: #ebebeb;}
.transacrion-form div.searchKey{
padding: 10px 20px 0 30px;
}
.transacrion-form label{ font-weight: normal; color: grey; font-size: 16px; }
.transacrion-form div.searchKey .help-block{
float: right;
cursor: pointer;
color: grey;
text-decoration: underline;
}
.transacrion-form span.search-addon{ background: #e00039; border: 0px; padding: 0 15px; font-size: 18px; border-radius: 0 6px 6px 0; cursor: pointer; }
.transacrion-form span.search-addon img, .transacrion-form span.calender-addon img{
width: 24px;
}
.transacrion-form button.green-btn{ margin-top: 10px; padding: 0px 20px; font-size: 15px; background: #5ed1a2; }
.full-width{ width: 100%;}
.filter-action{margin-top: 30px;}
.filter-action li>a{ text-decoration: underline; color: grey; font-weight: 500;}
.filter-action li>a:hover, .filter-action li>a:focus, .filter-action li>a:active{ border: none; background: none;}
.transacrion-form .datepicker-img {
width: 29px;
height: 29px;
position: absolute;
top: 36px;
right: 20px;
cursor: pointer;
}
.transacrion-form span.calender-addon{
cursor: pointer;
border: 0px;
background: #ebebeb;
}
.transacrion-form .full-width small {
font-size: 12px;
display: block;
color: #b73c3c;
padding: 15px 0px;
line-height: 14px;
}
.transacrion-form .uib-day.text-center span.text-info{ color: #e1234c;}
.transacrion-form div.ui-select-container { min-height: 44px; border-radius: 6px !important;}
.transacrion-form div.ui-select-container input { height: 37px !important; padding-top: 10px; border-radius: 6px !important;}
.transacrion-form .select2-container-multi .select2-choices .select2-search-field input{ background: #ffffff !important; }
.transacrion-form .select2-container-multi .select2-choices { border-radius: 6px; background: #ffffff; border: solid 1px #dbdbdb;}
.transacrion-form .select2-container-multi .select2-choices .select2-search-field{ background: #ffffff;}
.transacrion-form .select2-search-choice-close { background: url(my-select2.png) right top no-repeat !important; }
/************ End Transaction Search Form *********************************/
.search-input-corporate-area{
width:92%;
height: 40px;
border-bottom-right-radius: 0px!important;
border-top-right-radius: 0px!important;
margin-top: -2px;
}
.search-bttn{
background: #e13a39;
border: 0px;
padding: 10px 15px;
margin-left: -3px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.white-container{
background: white;
width:1136px!important;
}
.big-button{
padding: 38px 14px;
}
.hash-btn{
padding: 12px 15px;
background: #888888;
color: white;
border-radius: 8px;
}
.bd-right{border-right: 1px solid #d8d3d3;}
.pb54{ padding-bottom: 50px !important;}
.btn-extend {border:0px; background: #919191; color: #ffffff; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; width: 167px; height: 45px; line-height: 45px; padding: 0px; font-size: 18px; margin: 25px 0 0;}
.extend-expiry-popup {background: #ffffff;padding: 23px; border: #f4f4f4 1px solid; width:350px; text-align: center; margin: 10% auto 0; position: relative; min-height: 310px;}
.extend-expiry-popup table{table-layout: fixed;}
.extend-expiry-popup a.popup-close, .scheduled-success a.popup-close {position: absolute; top: -30px; right: -30px; outline: none;}
.extend-expiry-popup a.popup-close img {width: auto;}
.extend-expiry-popup .uib-datepicker-popup.dropdown-menu{ width: 100%;}
.extend-expiry-popup span.calender-addon{ cursor: pointer; border: 0px; background: #ebebeb;}
.extend-expiry-popup span.calender-addon img{ width: 24px;}
.extend-expiry-popup thead{ background: #999999;}
.extend-expiry-popup .uib-daypicker table tr th small { padding: 2px 10px;}
.extend-expiry-popup p { text-align: justify; font-style: italic; padding: 15px;font-size: 13px; color: #ec1717;}
.customise-each-phone{}
.customise-each-phone .ui-select-container{ width: 30% !important; margin-right: 10px; float: left; }
.customise-each-phone input{ width: 67% !important; }
.customise-each-phone .select2-container .select2-choice > .select2-chosen { color: #707070; font-size: 15px !important; margin: 0 0 10px 0; padding: 8px 12px 9px 9px;}
.customise-each-phone .select2-container .select2-choice > .select2-chosen span { font-size: 15px; padding: 0px; }
.customise-each-phone .select2-container .select2-choice > .select2-chosen span.flag { font-size: 10px; padding: 0px !important;}
.customise-each-phone .select2-container .select2-choice { line-height: 38px !important; height: 40px !important; }
.customise-each-phone .select2-container .select2-choice .select2-arrow { top: 14px; right: 17px;}
.customise-each-phone .select2-results .select2-result-label {height: 35px !important;}
.customise-each-phone .select2-results .select2-result-label span { padding: 0px; }
.customise-each-phone .select2-results .select2-result-label small { padding: 0 0 0 42px; font-size: 15px; }
.customise-each-phone .select2-container.select2-container-disabled .select2-choice { background-color: #ebebeb; border: 1px solid #ebebeb; }
.customise-each-phone .select2-container.select2-container-disabled .select2-choice .select2-arrow {background: none; }
/* Adjust report table after hiding sone fields */
@media (min-width: 1200px) {
.hidefields {
width: 780px !important;
}
}
@media (min-width: 768px) {
.hidefields {
width: 750px !important;
}
}
/* End Adjust report table after hiding sone fields */
.report-popup .modal-dialog{
width: 780px;
}
/** client search **/
.client-search select {
-webkit-appearance: none;
-moz-appearance : none;
border: #d3d3d3 1px solid;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
width: 100%;
padding: 10px 20px;
color: #707070;
font-size: 15px;
height: 44px;
background: #fff;
}
.client-search input {
border: #d3d3d3 1px solid;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
width: 91%;
padding: 10px 20px;
}
.client-search button img {
width: auto;
}
.client-search .client-search-reset {
position: absolute;
top: 1px;
right: 0;
background: #e00039;
color: #ffffff;
font-size: 14px;
font-weight: 600;
height: 41px;
line-height: 40px;
width: 69px;
}
.client-search button {
position: absolute;
top: 1px;
right: 81px;
width: 50px;
height: 41px;
border: 0px;
background: #e00039;
}
/** client search **/