@keyframes wpc-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes wpc-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes wpcot-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes wpcot-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
.wpcot-tips .wpcot-tip {
padding: 10px 0;
}
.wpcot-tips .wpcot-tip .wpcot-tip-name {
font-weight: 700;
}
.wpcot-tips .wpcot-tip .wpcot-tip-values {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px;
}
.wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value, .wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value-custom {
line-height: 1;
margin: 5px;
border: 1px solid #dddddd;
padding: 2px;
cursor: pointer;
}
.wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value > span, .wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value-custom > span {
display: inline-block;
height: 32px;
line-height: 32px;
padding: 0 10px;
background-color: #eeeeee;
}
.wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value:hover, .wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value.active, .wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value-custom:hover, .wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value-custom.active {
border-color: #458746;
}
.wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value:hover > span, .wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value.active > span, .wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value-custom:hover > span, .wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value-custom.active > span {
color: #ffffff;
background-color: #458746;
}
.wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value.loading, .wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value-custom.loading {
position: relative;
}
.wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value.loading:before, .wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value-custom.loading:before {
width: 20px;
height: 20px;
display: block;
margin-top: -10px;
margin-left: -10px;
content: "";
background-image: url(//rapture911.com/wp-content/plugins/wpc-order-tip/assets/images/curve.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
position: absolute;
top: 50%;
left: 50%;
z-index: 8;
-webkit-animation: wpcot-spinner 1s linear infinite;
-moz-animation: wpcot-spinner 1s linear infinite;
-ms-animation: wpcot-spinner 1s linear infinite;
-o-animation: wpcot-spinner 1s linear infinite;
animation: wpcot-spinner 1s linear infinite;
}
.wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value.loading > span, .wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value-custom.loading > span {
opacity: 0.3;
}
.wpcot-tips .wpcot-tip .wpcot-tip-custom {
display: none;
}
.wpcot-tips .wpcot-tip .wpcot-tip-custom .wpcot-tip-custom-form {
display: flex;
align-items: center;
}
.wpcot-tips .wpcot-tip .wpcot-tip-custom .wpcot-tip-custom-form .wpcot-tip-custom-form-inner {
line-height: 1;
border: 1px solid #dddddd;
padding: 2px;
display: flex;
align-items: center;
}
.wpcot-tips .wpcot-tip .wpcot-tip-custom .wpcot-tip-custom-form input {
height: 32px;
line-height: 32px;
padding: 0 10px;
border: none;
background-color: #eeeeee;
border-radius: 0;
font-weight: normal;
outline: none;
}
.wpcot-tips .wpcot-tip .wpcot-tip-custom .wpcot-tip-custom-form input[type=button] {
margin-left: 2px;
}
.wpcot-tips .wpcot-tip .wpcot-tip-custom .wpcot-tip-custom-form input[type=button]:hover {
color: #ffffff;
background-color: #458746;
}
.wpcot-tips .wpcot-tip .wpcot-tip-custom .wpcot-tip-custom-form.disabled {
pointer-events: none;
}
.wpcot-tips.wpcot-btn-rounded .wpcot-tip-value, .wpcot-tips.wpcot-btn-rounded .wpcot-tip-value-custom, .wpcot-tips.wpcot-btn-rounded .wpcot-tip-custom-form-inner {
border-radius: 100px !important;
}
.wpcot-tips.wpcot-btn-rounded .wpcot-tip-value > span, .wpcot-tips.wpcot-btn-rounded .wpcot-tip-value input, .wpcot-tips.wpcot-btn-rounded .wpcot-tip-value-custom > span, .wpcot-tips.wpcot-btn-rounded .wpcot-tip-value-custom input, .wpcot-tips.wpcot-btn-rounded .wpcot-tip-custom-form-inner > span, .wpcot-tips.wpcot-btn-rounded .wpcot-tip-custom-form-inner input {
padding: 0 15px !important;
border-radius: 100px !important;
}