/* CART */
.cart-form {width: 100%;}
.cart-table {border-collapse: collapse; border-spacing: 0; width: 100%;}
.cart-table td {}

.c-t-1 {width: 60%; padding: 2.5% 0px 2.5% 0px; padding-left: 2%;}
.c-t-2 {width: 8%; padding: 2.5% 0px 2.5% 0px;text-align: center;}
.c-t-3 {width: 5%; padding: 2.5% 0px 2.5% 0px; text-align: center;}
.c-t-3 input:hover {cursor: pointer; opacity: 1;}
.c-t-3 input:not(:checked) {opacity: 0.5;}
.c-t-4 {width: 14%; padding: 2.5% 0px 2.5% 0px;text-align: center;}
.c-t-5 {width: 9%; padding: 2.5% 0px 2.5% 0px;text-align: center;}



.cart-table thead {width: 100%;}
.cart-table thead th {font-size: 13px;}
.c-t-h-1 {}

.cart-table tbody {width: 100%;}
.cart-table tbody tr {border-top: 1px solid rgb(219, 219, 219);}
.cart-table tbody tr:last-child td {padding-bottom: 4%;}
.c-t-b-1 {position: relative;}
.c-t-b-1 a {width: 100%; height: 100%; left: 0px; top: 0px; display: block; position: absolute; z-index: 9;}
.c-t-b-1 img {width: 70px; height: 70px; top: 20%; left: 0px; margin: auto; position: absolute;}

.cart-pro-info-form {padding: 0px 0px 0px 60px; position: relative;}

.cart-pro-info-title {color: rgb(5, 74, 94);}
.cart-pro-info-title strong {font-size: 18px; letter-spacing: 0.2px; font-weight: 600;}

.cart-pro-info-text {width: 88%; padding-top: 5px; font-size: 12px; opacity: 0.5; font-weight: 300; color: black; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


.cart-pro-info-stock {opacity: 0.75;}
.cart-pro-info-stock i {width: 16px !important; height: 16px !important; font-size: 16px !important; padding: 0px 5px 0px 0px !important; margin: 2px 0px 0px !important;}
.cart-pro-info-stock span {font-size: 14px; letter-spacing: 0.5px;}
.cart-pro-info-stock-on i {color: rgb(30, 190, 123);}
.cart-pro-info-stock-off {color: rgb(183, 86, 38);}


.cart-stock-alert {padding-top: 20px; opacity: 0.7; display: inline-block;}
.cart-stock-alert-icon {width: 85px; text-align: center; float: left;}
.cart-stock-alert-icon i {font-size: 38px; padding-top: 4px; color: rgb(183, 86, 38);}
.cart-stock-alert-text {font-size: 15px; letter-spacing: 0.5px; float: left;}
.cart-stock-alert-text span {padding-top: 5px; display: block;}



.cart-weight-alert {padding-top: 20px; opacity: 0.7; display: flex; align-items: center;}
.cart-weight-alert-icon {width: 85px; text-align: center;}
.cart-weight-alert-icon i {font-size: 38px; padding-top: 4px; color: rgb(31, 170, 225);}
.cart-weight-alert-text {font-size: 12px; line-height: 18px; color: rgb(123, 123, 123); letter-spacing: 0.5px;}
.cart-weight-alert-text span {font-size: 15px; display: block;}
.cart-weight-alert-text span b {color: rgb(0, 0, 0); font-size: 20px;}




.c-t-b-1 i {font-size: 28px; height: 28px; width: 40px; padding: 0px 1px 6px 0px; margin-right: 20px; margin-left: -7px; margin-top: -5px; margin-bottom: -15px; text-align:center; float: left;}
.c-t-b-1 .fa-barcode {color: rgb(0, 135, 255); margin-top: 0px;}
.c-t-b-1 .fa-gift {font-size: 30px; }

.c-t-b-1 .fa-truck {color: rgb(30, 190, 123); font-size: 28px; margin-top: -5px;}
.c-t-b-1 .fa-envelope-open-dollar {color: rgb(30, 190, 123); font-size: 28px; margin-top: -7px;}

.c-t-e {border: none !important;}
.c-t-e-1 {font-size: 14px; padding: 0px 0px 1% 0px; padding-left: 6.4%;}
.c-t-e-2 {font-size: 14px; padding: 0px 0px 1% 0px;}
.c-t-e-3 {font-size: 14px; padding: 0px 0px 1% 0px;}
.c-t-e-4 {font-size: 13px; padding: 0px 0px 1% 0px;}
.c-t-e-5 {font-size: 13px; padding: 0px 0px 1% 0px;}

.c-t-a {border: none !important;}
.c-t-a-1 {font-size: 14px; padding: 0px 0px 1% 0px; padding-left: 6.4%; opacity: 0.8;}
.c-t-a-1 i {margin-right: 3px; transform: rotate(13deg);}
.c-t-a-1 b {margin-right: 3px;}
.c-t-a-2 {font-size: 14px; padding: 0px 0px 1% 0px; opacity: 0.8;}
.c-t-a-3 {font-size: 14px; padding: 0px 0px 1% 0px; opacity: 0.8;}
.c-t-a-4 {font-size: 13px; padding: 0px 0px 1% 0px; color: rgb(18, 165, 18); font-weight: 600;}
.c-t-a-5 {font-size: 13px; padding: 0px 0px 1% 0px; opacity: 0.8;}

.c-t-b-2 {text-align: center; font-size: 14px;}
.c-t-b-2 input {width: 50%; text-align: right; letter-spacing: 1px; padding: 5px 0px 1px; border: 1px solid rgb(224, 224, 224);}
.cart-pro-unit {padding-top: 5px; display: block; text-align: center;}
.c-t-b-3 {text-align: center;}
.c-t-b-4 {text-align: center; font-size: 14px; font-family: Arial; font-weight: 600;}
.c-t-b-5 {text-align: center; font-size: 13px; font-family: Arial;}

.c-t-b-3 input[type='checkbox'] {opacity: 0.6; transition: all 0.3s; cursor: pointer; box-shadow: 0px 0px 0px 1px rgb(198, 23, 23);}
.c-t-b-3 input[type=checkbox]:checked {opacity: 1; box-shadow: 0px 0px 0px 2px rgb(198, 23, 23);}

.c-t-voucher-info {border-top: none !important;}
.c-t-voucher-info td {padding: 0px 2% 1%;}
.c-t-voucher-info td div {font-size: 13px; opacity: 0.5; margin-top: -15px; font-style: italic;}

.c-t-voucher-item {transform: translateY(-15px); opacity: 0.8;}
.c-t-voucher-item td {font-size: 12px !important; padding-bottom: 0px !important;}
.c-t-voucher-item i {color: rgb(67, 161, 198);}





.cart-table tfoot {width: 100%; background: rgb(235, 235, 235);}
.cart-table tfoot td {}
.c-t-f-1 {letter-spacing: 1px; color: rgb(134, 134, 134);}
.c-t-f-4 {font-size: 18px; font-weight: 600; text-align: center; font-family: Arial;}

.cart-form-btns {margin-top: 20px; width: 100%; display: inline-block;}
.cart-form-btns button {color: #333; font-size: 18px; background: rgb(224, 224, 224); border: none;text-transform: uppercase; padding: 18px 0px; cursor: pointer; letter-spacing: 0.3px; font-weight: 300; font-family: 'Raleway', sans-serif;}
.cart-form-btns button:hover {opacity: 0.8;}
.cart-form-btns button i {font-size: 18px; padding: 0px 10px;}
.cart-form-btns .del {width: 23%;margin-right: 2.5%;color: rgb(150, 54, 54) !important;}
.cart-form-btns .ref {width: 23%;background: rgb(191, 241, 253);}
.cart-form-btns .next {background: rgb(126, 234, 99); float: right; margin-right: 0px;}

.o-f-b, .o-f-n {width: 48%;}

.o-f-b {color: white !important; background: rgb(109, 110, 113) !important; float: left;}
.o-f-n {color: white !important; background: rgb(30, 190, 123) !important; float: right;}
.refresh-ready {background: rgb(0, 124, 203) !important; color: rgb(255, 255, 255) !important; box-shadow: 0px 0px 25px 0px rgb(0, 156, 255);}

.cart-form-voucher {margin-top: 35px; width: 100%; display: inline-block;}
.cart-form-voucher-btn {color: rgb(255, 255, 255); font-size: 15px; background: rgb(65, 64, 66); border: none;text-transform: uppercase; padding: 10px 15px; cursor: pointer; margin-right: 10px; float: left; letter-spacing: 1px;}
.cart-form-voucher-btn:hover {opacity: 0.8;}
.cart-form-voucher-btn i {padding-right: 5px;}

.cart-form-voucher-shadow {display: none; background: rgba(255,255,255,0.9); left: 0px; right: 0px; top: 0px; bottom: 0px; position: fixed; z-index:15; cursor: pointer;}
.cart-form-voucher-form {display: none; width: 444px; top: 30vh; left: 0px; right: 0px; margin: auto; position: fixed; z-index:15; background: white; box-shadow: 0px 0px 30px -20px black;}
.cart-form-voucher-form-head {font-size: 17px;text-transform: uppercase;font-weight: 600;background: rgb(60, 60, 59);padding: 17px 3%;color: rgb(255, 255, 255);text-align: left;}
.cart-form-voucher-form-head i {float: right; font-size: 21px; color: white; cursor: pointer; margin-top: 0px;}
.cart-form-voucher-form-text {padding: 8%;}

.cart-form-voucher-form-text input {width: 96%; padding: 13px 2%;}
.cart-form-voucher-form-text div {color: white; font-size: 16px; background: rgb(30, 190, 123); border: none;text-transform: uppercase; padding: 11px 15px; cursor: pointer; margin-right: 10px; margin-top: 10px; display: inline-block;}
.cart-form-voucher-form-text div:hover {opacity: 0.8;}
.cart-form-voucher-form-text span {width: 100%;display: block;margin-top: 10px;color: red; font-weight: 600;}

.cart-form-empty {width: 100%; text-align: center; background: rgba(0,0,0,0.05); padding: 5% 0%;}
.cart-form-empty i {margin: auto; font-size: 100px; opacity: 0.5;}
.cart-form-empty div {font-size: 20px; margin: 3% auto 2%;}

/* CART GIFS */
.c-t-gift {width: 100% !important;}
.c-gift {width: 96%; border: 1px dashed rgb(0, 73, 150); padding: 2%; margin: 1% auto; position: relative; display: inline-block; background: rgba(0, 73, 150, 0.06);}
.c-gift-add-title {height: 40px; width: 68%; float: left;}
.c-gift-add-title i {width: 35px; font-size: 35px; margin-right: 2%; margin-top: 3px; float: left;}
.c-gift-add-title span {font-size: 20px; line-height: 40px; color: rgb(109, 110, 113); font-weight: 600; letter-spacing: 0.2px;}
.c-gift-add-title span b {color: rgb(236, 0, 140); margin: 0px 7px; font-weight: 700;}

.c-gift-add-select {height: 40px; width: 32%; float: left;}
.c-gift-add-select select {padding: 0px 5px !important; height: 36px !important;width: 90% !important;border: 1px solid rgb(109, 110, 113) !important;border-radius: 0px !important; cursor: pointer;}








/* ORDER - 1 */
.order-1-form {width: 100%; display: inline-block;}
.order-1-form-item {width: 48%; float: left; box-shadow: inset 0px 0px 1px 1px rgb(231, 231, 231);}
.order-1-form-item:nth-child(2) {float: right;}
.order-1-form-item-head {color: rgb(80, 80, 80); font-size: 20px; text-transform: uppercase; font-weight: 600; padding: 2% 5%; background: rgb(231, 231, 231);}
.order-1-form-item-head i{padding-right: 5px;}
.order-1-form-item-in {padding: 4% 5%;}
.order-1-form-item-in-weight {padding: 1%;margin-bottom: 3%;background: whitesmoke;}
.order-1-form-item-in-weight i {padding-right: 5px;}
.order-1-form-item-in-weight span {padding-right: 10px; font-weight:600; float: right;}
.order-1-form-item-in-item {padding: 25px 0px; display: inline-block; width: 100%;}
.order-1-form-item-in-item input {width: 6%; margin: 5px auto 6px; float: left; cursor: pointer;}
.order-1-form-item-in-item label {width: 94%; float: left; cursor: pointer;}
.order-1-form-item-in-item:hover {opacity: 0.9;}

.order-1-form-item-in-item-title {width: 100%; display: table;}
.order-1-form-item-in-item-title-main {font-size: 19px; letter-spacing: 0.5px; float: left;}
.order-1-form-item-in-item-title-price {font-size: 21px; margin-top: -5px; padding-right: 10px; color: rgb(14, 176, 108); font-weight: 700; float: right;}
.order-1-form-item-in-item-title-price span {font-size: 15px; font-weight: 400;}

.order-1-form-item-in-item-hint {font-size: 12px; padding-top: 5px; letter-spacing: 0.5px; opacity: 0.6;}

.doprava-selected , .platba-selected {background: rgba(30, 190, 123, 0.09);}




/* ZASIELKOVNA */
#zasielkovna {width: 90% !important; margin-left: 5.5% !important; padding: 10px 0px 0px !important; display: none; float: left !important; cursor: pointer;}
#zasielkovna select {background: white;padding: 8px 5px;border: 1px solid silver;}
#zasielkovna select:nth-child(1) {width: 100% !important;}
.packetery-info-link {width: 100% !important; margin-left: 0% !important; font-size: 13px !important;}

/* BALIK NA POSTU */
.balik-na-postu {width: 90% !important; margin-left: 5.5% !important; display: none; float: left !important;}

.balik-na-postu-search {}
.balik-na-postu-search-item {position: relative;}

.balik-na-postu-search-item-icon {width: 20px; font-size: 20px; right: 8px; top: 13px; position: absolute; text-align: center;}

#posta-search {width: 96% !important; padding: 10px 2% !important; float: none !important;}
#posta-selected {width: 96% !important; padding: 10px 2% !important; float: none !important; pointer-events: none !important; z-index: -1; position: relative;}
.posta-selected-ok {background: rgba(44, 140, 44, 0.07); border: 1px solid green;}
.posta-selected-nok {background: rgba(140, 44, 44, 0.07); border: 1px solid red;}

.balik-na-postu-search-results {width: 100%; display: table;}
.balik-na-postu-search-result {width: 100%; padding: 5px 0px; border-bottom: 1px solid rgb(227, 227, 227); display: table; text-align: left; cursor:pointer;}
.balik-na-postu-search-result:last-child {border-bottom: none;}
.balik-na-postu-search-result-icon {width: 8%; height: 30px; float: left;}
.balik-na-postu-search-result-icon i {font-size: 25px; color: rgb(138, 138, 138); padding: 3px 0px 0px 6px;}
.balik-na-postu-search-result-title {font-size: 14px; line-height: 15px; width: 92%; float: right;}
.balik-na-postu-search-result-title strong {font-weight: 600;}
.balik-na-postu-search-result-text {font-size: 12px; line-height: 14px; width: 92%; float: right; opacity: 0.6;}
.balik-na-postu-search-result:hover .balik-na-postu-search-result-icon i {color: rgb(46, 141, 44);}



.balik-na-postu-search-result-error {padding: 15px 0px; text-align: center;}
.balik-na-postu-search-result-error i {font-size: 40px; color: silver; display: block;}
.balik-na-postu-search-result-error span {font-size: 14px; opacity: 0.5;}



/* ORDER - 2 */
.order-2-form {width: 100%; display: inline-block;}
.order-2-form-head {width: 100%; display: inline-block; margin-bottom: 2%;}
.order-2-form-head-item {text-transform: uppercase; font-weight: 400; text-align: center; width: 30%; background: rgb(235, 235, 235); float: left; margin-left: 5%;padding: 10px 0px; font-size: 15px;}
.order-2-form-head-item:first-child {margin-left: 0px;}
.order-2-form-head-item i {font-size: 22px;margin-right: 5px;}
.order-2-form-head-item:hover {opacity: 0.8; cursor: pointer;}
.order-2-form-head .active {background: rgb(0, 73, 150); color: white;}
.order-2-form-head .logged {opacity: 0.5; pointer-events: none;}

.order-2-form-box {width: 94%; padding: 3%; min-height: 350px; box-shadow: inset 0px 0px 1px 1px rgb(231, 231, 231); display: none;}
.order-2-form-box-in {width: 100%; display: inline-block;}
.order-2-form-hidden {display: none; visibility: hidden;}
.order-2-form-box-inputs {width: 40%;padding: 2% 5%;float: left;}
.order-2-form-box-inputs-space {width: 100%; height: 1px; display: inline-block;}
.order-2-form-box-inputs-title {text-transform: uppercase;font-weight: 600;border-bottom: 1px solid silver;font-size: 18px;margin-bottom: 15px;}
.order-2-input {width: 100%; display: inline-block; margin-bottom: 15px; position: relative;}
.order-2-form-box-inputs .req:after {font-size: 20px; right: -14px; top: 7px; color: rgb(222, 0, 0); position: absolute; content:"*";}
.order-2-input div {height: 38px; line-height: 38px; font-size: 13px; width: 35%;float: left;}
.order-2-input input {height: 30px;padding: 3px 2%;font-size: 15px;width: 60%;float: right; }
.order-2-input input::placeholder{color: silver;}
.order-2-input select {height: 38px;padding: 0px 2%;font-size: 15px;width: 65%;float: right;cursor: pointer;}

.order-2-form-box-inputs-other {padding: 0px 5%; width: 90%; display: inline-block;}
.order-2-form-box-register-info {font-size: 12px; padding: 0px 5%; width: 90%;display: inline-block;}

.old-user-btn {margin: 30px auto; text-align: center;}
.old-user-btn a {text-transform: uppercase;padding: 11px 30px;cursor: pointer;letter-spacing: 0.3px;color: white;}
.old-user-text {font-size: 17px; line-height: 22px; padding: 50px; background: rgba(0,0,0,0.03);}
.old-user-text ul {opacity: 0.8; font-size: 16px;}
.old-user-text ul li {padding: 5px 5px;}








/* ORDER 2 NEW */
.order-2-new-form {width: 100%; display: inline-block;}

.order-2-new-form-half {width: 48%; margin: 2% 4% 2% 0%; float: left;}
.order-2-new-form-half:nth-child(even) {margin-right: 0px;}

.order-2-new-form-half .product-calendar-form {margin-top: 0px;}

.order-2-new-form-half-input {width: 90%; margin: 0px 5% 45px; display: table; position: relative;}
.order-2-new-form-half-input-icon {width: 10%; float: left; text-align: center;}
.order-2-new-form-half-input-icon i {font-size: 24px; padding: 11px 0px 0px; color: rgb(30, 190, 123); text-align: center;}

.order-2-new-form-half-input-input {width: 88%; border: 1px solid rgb(210, 210, 210); border-right: none; border-top: none; float: left;}
.order-2-new-form-half-input-input select {font-size: 16px; color: rgb(51, 51, 51); width: 95%; margin-left: 5%; padding: 12px 0px; border: none !important; background: white !important; cursor: pointer;}

.show-pass-btn {font-size: 18px; padding: 5px; right: 10px; top: 10px; opacity: 0.4; position: absolute;}
.show-pass-btn:hover {opacity: 1; cursor: pointer;}

.modern-input {position: relative;}
.modern-input input {font-size: 16px; letter-spacing: 1px; width: 95%; height: 42px; padding-left: 5%; border: none; background: transparent; box-sizing: border-box;}
.modern-input input:focus {outline: none;}
.modern-input-placeholder {font-size: 15px; letter-spacing: 0.5px; top: 50%; left: 5%; color: gray; font-weight: 300; transition: all 0.2s; pointer-events: none; position: absolute; transform: translateY(-50%);}
/*
.modern-input input:focus + .modern-input-placeholder, 
.modern-input input:not(:invalid) + .modern-input-placeholder {font-size: 11px; letter-spacing: 1px; color: rgb(100, 100, 100); top: 0%;}
*/
.minput-active .modern-input-placeholder {font-size: 11px; letter-spacing: 1px; color: rgb(100, 100, 100); top: 0%;}

.order-2-new-form-half-hint {width: 90%; margin: 0px 5% 35px; display: table;}
.order-2-new-form-half-hint-icon {width: 10%; float: left; text-align: center;}
.order-2-new-form-half-hint-icon i {font-size: 24px; padding: 5px 0px 0px; color: rgb(170, 170, 170); text-align: center;}
.order-2-new-form-half-hint-text {width: 88%; border-left: 1px solid rgb(210, 210, 210); float: left;}
.order-2-new-form-half-hint-text div {color: rgb(170, 170, 170); font-size: 13.5px; line-height: 18px; letter-spacing: 0.5px; padding-left: 5%; width: 95%;}
.order-2-new-form-half-hint-text div a {color: rgb(30, 192, 131);}

.order-2-new-form-half-group-checkbox {width: 90%; margin: 0px 5% 35px; display: table; cursor: pointer;}
.order-2-new-form-half-group-checkbox-icon {width: 10%; float: left; text-align: center;}
.order-2-new-form-half-group-checkbox-icon i {font-size: 24px; padding: 7px 0px 0px; color: rgb(70,70,70); text-align: center;}
.order-2-new-form-half-group-checkbox-icon .fa-check-square {color: rgb(0, 135, 255);}
.order-2-new-form-half-group-checkbox-text {width: 88%; padding: 10px 0px; border-left: 1px solid rgb(210, 210, 210); float: left;}
.order-2-new-form-half-group-checkbox-text div {color: rgb(50,50,50); font-size: 16px; font-weight: 500; letter-spacing: 0.3px; padding-left: 5%; width: 95%;}

.order-2-new-form-half-user-selector {width: 100%; margin: 0px auto 35px; box-shadow: 0px 0px 1px 1px silver; display: table; position: relative;}
.order-2-new-form-half-user-selector-item {width: 33.33%; height: 44px; line-height: 44px; text-align: center; float: left; position: relative;}
.order-2-new-form-half-user-selector-item:nth-child(2) {box-shadow: 0px 0px 1px 1px rgb(193, 193, 193);}
.order-2-new-form-half-user-selector-item a {color: rgb(85, 85, 85); width: 100%; display: inline-block; cursor: pointer;}
.order-2-new-form-half-user-selector-item a:hover {text-decoration: none; cursor: pointer;}
.o2nfus-active .order-2-new-form-half-user-selector-item a:hover {color: white;}
.order-2-new-form-half-user-selector-item span {font-size: 14px; line-height: 44px; letter-spacing: 1px; text-transform: uppercase; display: inline-block;}
.order-2-new-form-half-user-selector-item span i {font-size: 26px; margin: 7px 8px 0px 0px; float: left;}
.o2nfus-active {color: white; background: rgb(30, 190, 123); pointer-events: none;}
.o2nfus-active a {color: white;}
.order-2-new-form-half-user-selector-item:hover {opacity: 0.7;}


.order-2-new-form-half-group-hidden {width: 100%; display: none;}





/* ORDER 3 */
.cart-checkboxes {margin: 2% auto 0px; font-size: 15px;}
.cart-checkboxes input:hover, .cart-checkboxes label:hover {cursor: pointer;}
.order-cart-sumary-form {width: 100%; display: inline-block; margin: 2% auto;}
.order-cart-sumary-form-item {width: 27%; min-height: 200px; margin-right: 3.5%; padding: 2%; border-top: 5px solid rgb(30, 190, 123); box-shadow: inset 0px 0px 0px 1px rgb(235, 235, 235); float: left;}
.order-cart-sumary-form-item:last-child {margin-right: 0px;}
.order-cart-sumary-form-item-title {font-weight: 600; margin-bottom: 15px;}
.order-cart-sumary-form-item-title i {width: 22px !important; font-size: 22px; margin: -1px 5px 0px 0px; color: rgb(30, 190, 123) !important; float: left;}
.order-cart-sumary-form-item div {font-size: 15px; line-height: 22px;}
.order-cart-sumary-form-item div > i {width: 16px; color: rgb(0, 135, 255); padding-right: 5px; text-align: center;}
.order-cart-sumary-form-item textarea {width: 92%; min-height: 120px; padding: 4%; border: none; box-shadow: inset 0px 0px 1px 1px rgb(224, 224, 224); font-family: Arial;}


/* ORDER 4 */
.order-send-info {margin: 5%; font-size: 18px;}
.order-send-info strong {font-size: 20px;}
.order-send-info-online {text-align: center; font-size: 22px; font-weight: 600; text-transform: uppercase; opacity: 0.8; margin-top: 50px; margin-bottom: -25px;}
.order-send-info-online i {margin-right: 10px;}


/* ONLINE PAY */
.online-pay-form {width: 100%; padding: 5% 0%; text-align: center;}
.online-pay-form-text {font-size: 20px; color: rgb(123, 123, 123);width: 80%; margin: auto; padding: 3% 0px;}
.online-pay-form-text strong {font-size: 22px; color: rgb(84, 84, 84); padding: 0px 5px;}
.online-pay-form-text-hint {font-size: 16px;padding: 2% 0px;opacity: 0.6;}

.online-pay-form i {font-size: 100px;}
.pay-ready {color: blue;}
.pay-ok {color: green;}
.pay-error {color: red;}

.online-pay-form-hide {display: none; visibility: hidden;}
.online-pay-form-btn {font-size: 18px; font-weight: 300; color: white; background: rgb(166, 175, 1); padding: 10px 40px; border: none; text-transform: uppercase; letter-spacing: 1px; cursor: pointer;}
.online-pay-form-btn:hover {opacity: 0.8;}
.online-pay-form-a {font-size: 18px; font-weight: 400; color: white !important; background: rgb(166, 175, 1); padding: 10px 40px; border: none; text-transform: uppercase; letter-spacing: 1px; cursor: pointer;}
.online-pay-form-a:hover {opacity: 0.8; text-decoration: none;}