@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,600,700');
.wpcm-wrapper {
color: #333;
font-family: 'Poppins', sans-serif;
font-size: 15px;
}
.wpcm-wrapper.wpcm-settings-wrapper {
padding-top: 41px;
}
.wpcm-wrapper.wpcm-settings-wrapper .wpcm-container {
margin-left: 0;
}
.wpcm-wrapper a,
.wpcm-wrapper a:hover,
.wpcm-wrapper a:focus {
text-decoration: none;
}
.wpcm-wrapper ul {
padding: 0;
margin: 0;
list-style: none;
}
.wpcm-wrapper h1,
.wpcm-wrapper h2,
.wpcm-wrapper h3,
.wpcm-wrapper h4,
.wpcm-wrapper h5,
.wpcm-wrapper h6 {
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
.wpcm-wrapper p {
color: #666;
font-size: 13px;
line-height: 22px;
margin-top: 0;
}
.wpcm-wrapper ::placeholder { color: #999;
opacity: 1; }
.wpcm-wrapper :-ms-input-placeholder { color: #999;
}
.wpcm-wrapper ::-ms-input-placeholder { color: #999;
}
.wpcm-custom-select2 .vs__dropdown-toggle:hover, .wpcm-wrapper  input[type="number"]:hover,
.wpcm-wrapper  input[type="number"]:focus,
.wpcm-wrapper select:focus,
.wpcm-wrapper select:hover,
.wpcm-wrapper input[type="text"]:hover,
.wpcm-wrapper input[type="text"]:focus {
border-color: #7470d2;
outline: 0;
}  .wpcm-wrapper .wpcm-field-input input:hover,
.wpcm-wrapper .wpcm-field-input input:focus {
border-color: #7470d2;
outline: 0;
}
.wpcm-wrapper { width: 100%;
line-height: 1.6;
}
.wpcm-sec-mrg {
margin: 100px 0;
}
.wpcm-wrapper .wpcm-primary-colr {
color: #7672d6;
}
.wpcm-wrapper .wpcm-primary-bgcolr {
background-color: #7672d6;
}
.wpcm-wrapper .wpcm-gray-colr {
color: #999;
}
.wpcm-wrapper .wpcm-secondary-colr {
background-color: #b32727;
}
.wpcm-wrapper .wpcm-sec {
margin-bottom: 40px;
}
.wpcm-wrapper .wpcm-mt-0.wpcm-field-label {
margin-top: 0;
}
.wpcm-wrapper .wpcm-mb-15.wpcm-field-label {
margin-bottom: 15px;
}
.wpcm-wrapper .wpcm-btn {
padding: 14px 30px;
position: relative;
text-transform: uppercase;
color: #fff;
font-size: 14px;
font-weight: 600;
border-radius: 5px;
display: inline-block;
text-align: center;
height: auto;
border: medium none;
transition: all 0.45s;
-webkit-transition: all 0.45s;
-moz-transition: all 0.45s;
}
.wpcm-wrapper .button.wpcm-btn:hover,
.wpcm-wrapper .wpcm-btn {
background: #8e88de; background: -moz-linear-gradient(top, #8e88de 0%, #8c86dc 10%, #827ddb 31%, #7e78d8 37%, #7e78da 39%, #7a76d5 44%, #736ed5 59%, #6561cf 81%, #5f5ccd 100%); background: -webkit-linear-gradient(top, #8e88de 0%,#8c86dc 10%,#827ddb 31%,#7e78d8 37%,#7e78da 39%,#7a76d5 44%,#736ed5 59%,#6561cf 81%,#5f5ccd 100%); background: linear-gradient(to bottom, #8e88de 0%,#8c86dc 10%,#827ddb 31%,#7e78d8 37%,#7e78da 39%,#7a76d5 44%,#736ed5 59%,#6561cf 81%,#5f5ccd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e88de', endColorstr='#5f5ccd',GradientType=0 ); }
.wpcm-wrapper .button.wpcm-btn {
padding: 7px 21px;
}
.wpcm-wrapper .button.wpcm-btn:hover,
.wpcm-wrapper .wpcm-btn:hover {
color: #fff;
opacity: 0.9;
}
.wpcm-wrapper .wpcm-sec-titlebar {
padding: 18px 30px;
position: relative;
background: #8e88de; background: -moz-linear-gradient(top, #8e88de 0%, #8c86dc 10%, #827ddb 31%, #7e78d8 37%, #7e78da 39%, #7a76d5 44%, #736ed5 59%, #6561cf 81%, #5f5ccd 100%); background: -webkit-linear-gradient(top, #8e88de 0%,#8c86dc 10%,#827ddb 31%,#7e78d8 37%,#7e78da 39%,#7a76d5 44%,#736ed5 59%,#6561cf 81%,#5f5ccd 100%); background: linear-gradient(to bottom, #8e88de 0%,#8c86dc 10%,#827ddb 31%,#7e78d8 37%,#7e78da 39%,#7a76d5 44%,#736ed5 59%,#6561cf 81%,#5f5ccd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e88de', endColorstr='#5f5ccd',GradientType=0 ); }
.wpcm-wrapper .wpcm-sec-titlebar h4 {
color: #fff;
font-size: 16px;
margin: 0;
}
.wpcm-wrapper .wpcm-close-btn{
line-height: 55px;
width: 58px;
text-align: center;
color: #fff;
position: absolute;
right: 0;
top: 0;
background: #635fcd; background: -moz-linear-gradient(top, #635fcd 0%, #5d59c8 25%, #4f4abe 61%, #4340b5 100%); background: -webkit-linear-gradient(top, #635fcd 0%,#5d59c8 25%,#4f4abe 61%,#4340b5 100%); background: linear-gradient(to bottom, #635fcd 0%,#5d59c8 25%,#4f4abe 61%,#4340b5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#635fcd', endColorstr='#4340b5',GradientType=0 ); }
.wpcm-wrapper .wpcm-close-btn:hover {
color: #fff;
}
.wpcm-wrapper .wpcm-date {
display: inline-block;
vertical-align: middle;
}
.wpcm-wrapper .wpcm-note-date span{
font-size: 13px;
display: block;
}
.wpcm-wrapper .wpcm-note-date span.wpcm-gray-colr {
display: block;
}
.wpcm-wrapper .wpcm-note-date > a {
height: 30px;
width: 30px;
border-radius: 50%;
line-height: 30px;
font-size: 13px;
display: inline-block;
text-align: center;
color: #fff;
float: right;
}
.wpcm-wrapper .wpcm-note-date {
border-bottom: 1px solid #e9e9e9;
padding-bottom: 15px;
margin-bottom: 15px;
}
.wpcm-wrapper .wpcm-note-list {
padding: 35px 33px;
background-color: #f9f9f9;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #d5d5d3;
border-right: 1px solid #d5d5d3;
}
.wpcm-wrapper .wpcm-note-list .wpcm-row {
margin-right: -7px;
margin-left: -7px;
}
.wpcm-wrapper .wpcm-note-list .wpcm-row > div {
padding-left: 7px;
padding-right: 7px;
}
.wpcm-wrapper .wpcm-note-box {
padding: 25px 20px;
position: relative;
}
.wpcm-wrapper .wpcm-note-box:nth-child(2n+1) {
background-color: #fff;
}
.wpcm-wrapper .wpcm-note-box:nth-child(2n) {
background-color: #f8f8fc;
}
.wpcm-wrapper .wpcm-note-box p {
padding: 0 12px;
}
.wpcm-wrapper .wpcm-note-box::after {
content: "";
position: absolute;
left: -20px;
bottom: -20px;
border-bottom: 20px solid transparent;
border-right: 20px solid #d5d5d5;
border-left: 20px solid transparent;
}
.wpcm-wrapper .wpcm-note-title span {
font-weight: 500;
margin-right: 15px;
flex: 0 0 auto;
}
.wpcm-wrapper .wpcm-note-title a {
font-size: 9px;
color: #fff;
height: 17px;
width: 18px;
line-height: 18px;
border-radius: 50%;
display: inline-block;
text-align: center;
margin-top: 3px;
}
.wpcm-wrapper .wpcm-add-note {
background-color: #fff;
padding: 30px 40px;
border: 1px solid #cdcdcb;
border-top: none;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.wpcm-wrapper .wpcm-note-form .wpcm-row {
margin-right: -12px;
margin-left: -12px;
}
.wpcm-wrapper .wpcm-note-form .wpcm-row > div {
padding-right: 4px;
padding-left: 4px;
}
.wpcm-wrapper  input[type="number"],
body .wpcm-datetime-view input,
.wpcm-wrapper .wpcm-form-input {
border: 1px solid #e7e7e7;
border-radius: 4px;
padding: 15px 20px;
font-size: 14px;
color: #999;
background-color: #fff;
line-height: 1.6;
height: auto;
outline: 0;
-webkit-transition: all 0.45s;
-moz-transition: all 0.45s;
transition: all 0.45s;
}
.wpcm-wrapper .wpcm-custom-select {
position: relative;
}
.wpcm-custom-select2 .vs__actions::before,
.wpcm-wrapper .wpcm-custom-select::before {
content: "";
background-color: #f8f8f8;
border: 1px solid #ebebeb;
border-radius: 5px;
height: 37px;
width: 32px;
position: absolute;
top: 50%;
right: 6px;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
pointer-events: none;
}
.wpcm-wrapper .wpcm-custom-select::after {
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #69696a;
border-radius: 5px;
position: absolute;
top: 50%;
right: 18px;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
pointer-events: none;
}
.wpcm-wrapper .wpcm-custom-select select {
-moz-appearance: none;
width: 100%;
}
.wpcm-wrapper .wpcm-note-area > a {
display: block;
margin-top: 10px;
}
.wpcm-wrapper .wpcm-note-content textarea {
height: 112px;
width: 100%;
outline: 0;
}
.wpcm-wrapper .wpcm-order-sec .wpcm-sec-titlebar h4 {
display: inline-block;
}
.wpcm-wrapper .wpcm-sec-infobar {
float: right;
display: inline-block;
}
.wpcm-wrapper .wpcm-sec-infobar span {
color: #fff;
}
.wpcm-wrapper .wpcm-sec-infobar span.wpcm-info-ip {
font-weight: 500;
padding: 5px 10px;
background-color: #3c3a70;
border-radius: 5px;
margin-left: 15px;
}
.wpcm-wrapper .wpcm-order-sec .wpcm-sec-content {
padding: 30px 40px 50px 40px;
}
.wpcm-wrapper .wpcm-order-sec .wpcm-sec-content .wpcm-row {
margin-left: -10px;
margin-right: -10px;
}
.wpcm-wrapper .wpcm-order-sec .wpcm-sec-content .wpcm-row > div {
padding-right: 10px;
padding-left: 10px;
}
.wpcm-wrapper .wpcm-order-detailbox {
background-color: #fafafa;
border: 1px solid #e7e7e7;
margin-bottom: 20px;
}
.wpcm-wrapper .wpcm-order-detail-header {
font-size: 17px;
background-color: #e9e8fa;
padding: 18px 33px;
margin: 0;
}
.wpcm-wrapper .wpcm-order-general-box .wpcm-form-group label {
font-weight: 500;
font-size: 15px;
display: inline-block;
width: 24%;
}
.wpcm-wrapper .wpcm-order-general-box .wpcm-form-group .wpcm-custom-select {
display: inline-block;
width: 75%;
padding-left: 20px;
}
.wpcm-wrapper .wpcm-order-general-box .wpcm-form-group {
margin-bottom: 15px;
position: relative;
}
.wpcm-wrapper .wpcm-order-detail-content {
padding: 25px 18px;
}
.wpcm-wrapper .wpcm-datetime-view {
position: relative;
display: inline-block;
padding-left: 20px;
width: 75%;
}
.wpcm-wrapper .wpcm-datetime-view .wpcm-form-input{
width: 100%;
}
.wpcm-wrapper .wpcm-action-btns {
text-align: right;
margin-top: 10px;
}
.wpcm-wrapper .wpcm-del-btn {
height: 34px;
width: 35px;
color: #fff;
display: inline-block;
text-align: center;
line-height: 34px;
border-radius: 3px;
margin-right: 15px;
}
.wpcm-wrapper .wpcm-billing-btns {
margin-bottom: 15px;
}
.wpcm-wrapper .wpcm-billing-btns > a {
font-size: 13px;
border: 1px solid #e6e6e6;
background-color: #f6f6f6;
padding: 10px 20px;
font-weight: 500;
border-radius: 3px;
margin-right: 8px;
display: inline-block;
}
.wpcm-wrapper .wpcm-billing-btns > a i {
margin-right: 10px;
}
.wpcm-wrapper .wpcm-billing-info {
background-color: #fff;
border: 1px solid #ececec;
padding-bottom: 15px;
}
.wpcm-wrapper .wpcm-biling-group {
border-bottom: 1px solid #ececec;
padding: 7px 7px 7px 25px;
}
.wpcm-wrapper .wpcm-biling-group > a {
height: 32px;
width: 28px;
border-radius: 5px;
background-color: #f8f8f8;
border: 1px solid #ededed;
color: #69696a;
display: inline-block;
text-align: center;
line-height: 32px;
vertical-align: top;
}
.wpcm-wrapper .wpcm-biling-group > .wpcm-form-input {
display: block;
margin-bottom: 10px;
}
.wpcm-wrapper .wpcm-biling-group > .wpcm-form-input + a {
display: block;
}
.wpcm-wrapper .wpcm-biling-group label,
.wpcm-wrapper .wpcm-shiping-group label {
font-size: 14px;
color: #666666;
display: inline-block;
width: 28%;
vertical-align: top;
padding: 6px 0;
margin-bottom: 0;
}
.wpcm-wrapper .wpcm-biling-group > span {
font-size: 14px;
font-weight: 500;
display: inline-block;
vertical-align: middle;
width: 63%;
padding: 6px 0;
transition: all 0.45s;
-webkit-transition: all 0.45s;
-moz-transition: all 0.45s;
}
.wpcm-wrapper .wpcm-biling-group > span:hover {
color: #7672d6;
}
.wpcm-wrapper .wpcm-biling-group:last-child{
border-bottom: none;
}
.wpcm-wrapper .wpcm-shiping-group a {
height: 28px;
width: 22px;
border-radius: 5px;
color: #fff;
display: inline-block;
font-size: 12px;
line-height: 28px;
text-align: center;
margin-left: 8px;
}
.wpcm-wrapper .wpcm-shiping-info {
background-color: #f3f2fd;
border: 1px solid #ececec;
padding-bottom: 15px;
}
.wpcm-wrapper .wpcm-shiping-group {
border-bottom: 1px solid #ececec;
padding: 15px 15px 15px 40px;
}
.wpcm-wrapper .wpcm-shiping-group:last-child {
border-bottom: none;
}
.wpcm-wrapper .wpcm-shiping-group input {
width: 62%;
padding: 15px 20px;
border: 1px solid #e0dfe9;
}
.wpcm-wrapper .wpcm-shiping-group .wpcm-custom-select {
width: 62%;
display: inline-block;
vertical-align: middle;
}
.wpcm-wrapper .wpcm-shiping-group > label {
padding: 15px 0;
}
.wpcm-wrapper .wpcm-shiping-adres {
margin-bottom: 10px;
}
.wpcm-wrapper .wpcm-order-sec-content {
background-color: #fafafa;
}
.wpcm-wrapper .wpcm-cart-heading th {
color: #fff;
font-size: 16px;
font-weight: 600;
padding: 18px 30px;
}
.wpcm-wrapper .wpcm-cart-heading ul li {
color: #fff;
font-size: 16px;
font-weight: 600;
}
.wpcm-wrapper .wpcm-item-title span > a {
font-size: 16px;
color: #333;
}
.wpcm-wrapper .wpcm-cart-item .wpcm-cart-img {
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 25px;
max-width: 59px;
}
.wpcm-wrapper .wpcm-item-title {
display: inline-block;
vertical-align: middle;
width: 70%;
}
.wpcm-wrapper .wpcm-cart-img img {
border-radius: 3px;
border: 3px solid #fff;
max-width: 100%;
}
.wpcm-wrapper .wpcm-cart-table table td {
padding: 30px 40px;
border-top: none;
vertical-align: middle;
text-align: center;
}
.wpcm-wrapper .wpcm-cart-table thead th:first-child,
.wpcm-wrapper .wpcm-cart-table table td:first-child {
text-align: left;
}
.wpcm-wrapper .wpcm-cart-table thead th {
border-bottom: none;
text-align: center;
}
.wpcm-wrapper .wpcm-cart-table table tbody td.wpcm-col2 {
padding: 42px 40px;
}
.wpcm-wrapper .wpcm-cart-table table tbody td:nth-child(2n+1) {
background-color: #f7f7f7;
}
.wpcm-wrapper .wpcm-cart-table table tbody td:nth-child(2) {
background-color: #edecfd;
}
.wpcm-wrapper .wpcm-cart-table tr.wpcm-cart-item {
border-bottom: 1px solid #e3e3e3;
}
.wpcm-wrapper .wpcm-cart-item .wpcm-col1 {
display: inline-block;
width: 64%;
vertical-align: middle;
}
.wpcm-wrapper .wpcm-cart-item .wpcm-col2 {
display: inline-block;
width: 17%;
text-align: center;
vertical-align: middle;
}
.wpcm-wrapper .wpcm-cart-item .wpcm-col3 {
display: inline-block;
width: 9%;
text-align: center;
vertical-align: middle;
padding: 35px 25px;
}
.wpcm-wrapper .wpcm-cart-bottom .wpcm-col1 {
display: inline-block;
width: 49%;
vertical-align: middle;
padding: 42px 0 42px 38px;
-webkit-box-shadow: -4px 7px 8px 0px rgba(0,0,0,0.03);
-moz-box-shadow: -4px 7px 8px 0px rgba(0,0,0,0.03);
-ms-box-shadow: -4px 7px 8px 0px rgba(0,0,0,0.03);
-o-box-shadow: -4px 7px 8px 0px rgba(0,0,0,0.03);
box-shadow: -4px 7px 8px 0px rgba(0,0,0,0.03);
}
.wpcm-wrapper .wpcm-cart-bottom .wpcm-col2 {
display: inline-block;
width: 14.5%;
vertical-align: middle;
padding: 38px 35px;
border-right: 1px solid #8f8cdf;
}
.wpcm-wrapper .wpcm-cart-bottom .wpcm-col3 {
display: inline-block;
width: 22%;
vertical-align: middle;
padding: 35px 38px;
}
.wpcm-wrapper .wpcm-cart-items {
float: left;
width: 100%;
border-bottom: 1px solid #e3e3e3;
}
.wpcm-wrapper .wpcm-cart-item .wpcm-cart-img a {
border-radius: 50%;
line-height: 17px;
width: 16px;
display: inline-block;
color: #fff;
text-align: center;
height: 16px;
font-size: 8px;
position: absolute;
left: -6px;
top: -5px;
}
.wpcm-wrapper .wpcm-update-cart {
height: 37px;
width: 32px;
line-height: 37px;
background-color: #f8f8f8;
border: 1px solid #e5e5e5;
color: #424242;
border-radius: 3px;
display: inline-block;
text-align: center;
}
.wpcm-wrapper .wpcm-cart-item .wpcm-price,
.wpcm-wrapper .wpcm-cart-item .wpcm-qty,
.wpcm-wrapper .wpcm-cart-item .wpcm-price-total {
font-size: 16px;
font-weight: 600;
}
.wpcm-wrapper .wpcm-cart-bottom .wpcm-cart-msg > span {
font-size: 14px;
font-weight: 500;
}
.wpcm-wrapper .wpcm-tooltip-area {
display: inline-block;
}
.wpcm-wrapper .wpcm-tooltip-area > a {
height: 18px;
width: 18px;
line-height: 18px;
border-radius: 50%;
color: #fff;
text-align: center;
display: inline-block;
font-size: 9px;
margin-right: 10px;
}
.wpcm-wrapper .wpcm-cart-btns {
display: inline-block;
vertical-align: middle;
}
.wpcm-wrapper .wpcm-cart-btns > a {
font-weight: 600;
color: #222;
font-size: 14px;
padding: 12px 25px;
border: 1px solid #ebebeb;
border-radius: 5px;
margin-right: 6px;
white-space: nowrap;
transition: all 0.33s;
-webkit-transition: all 0.33s;
-moz-transition: all 0.33s;
display: inline-block;
background: #fcfcfc; background: -moz-linear-gradient(top, #fcfcfc 0%, #f9f9f9 9%, #fafafa 16%, #f4f4f4 81%, #f4f4f4 93%, #fafafa 100%); background: -webkit-linear-gradient(top, #fcfcfc 0%,#f9f9f9 9%,#fafafa 16%,#f4f4f4 81%,#f4f4f4 93%,#fafafa 100%); background: linear-gradient(to bottom, #fcfcfc 0%,#f9f9f9 9%,#fafafa 16%,#f4f4f4 81%,#f4f4f4 93%,#fafafa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fafafa',GradientType=0 ); }
.wpcm-wrapper .wpcm-shiping-charges strong,
.wpcm-wrapper .wpcm-cart-total strong {
font-weight: 700;
font-size: 14px;
color: #fff;
text-transform: uppercase;
}
.wpcm-wrapper .wpcm-shiping-charges span.wpcm-per-itme {
font-size: 14px;
color: #fff;
display: block;
margin-top: 4px;
}
.wpcm-wrapper .wpcm-cart-total span.wpcm-total-amount {
font-size: 28px;
font-weight: 700;
color: #fff;
display: block;
}
.wpcm-wrapper .wpcm-tooltip-area .wpcm-tootip {
background: #6e6e6e; background: -moz-linear-gradient(top, #6e6e6e 0%, #6d6d6d 11%, #515151 73%, #4a4a4a 100%); background: -webkit-linear-gradient(top, #6e6e6e 0%,#6d6d6d 11%,#515151 73%,#4a4a4a 100%); background: linear-gradient(to bottom, #6e6e6e 0%,#6d6d6d 11%,#515151 73%,#4a4a4a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e6e6e', endColorstr='#4a4a4a',GradientType=0 ); position: absolute;
padding: 15px 15px;
width: 78%;
top: -85px;
left: 8px;
visibility: hidden;
opacity: 0;
transition: all 0.45s;
-webkit-transition: all 0.45s;
-moz-transition: all 0.45s;
}
.wpcm-wrapper .wpcm-tooltip-area .wpcm-tootip::after {
border-bottom: 15px solid transparent;
border-right: 15px solid transparent;
border-left: 15px solid #4b4b4b;
position: absolute;
bottom: -15px;
left: 0;
content: "";
}
.wpcm-wrapper .wpcm-cart-msg .wpcm-tootip > span {
color: #fff;
font-size: 12px;
font-weight: 500;
}
.wpcm-wrapper .wpcm-tooltip-area:hover .wpcm-tootip {
opacity: 1;
visibility: visible;
}
.wpcm-wrapper .wpcm-cart-msg {
position: relative;
display: inline-block;
vertical-align: middle;
padding-right: 12px;
} .wpcm-wrapper .wpcm-dashboard-tabs {
position: relative;
float: left;
width: 100%;
}
.wpcm-my-account-wrapper .wpcm-dashboard-tabs::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 260px;
height: 100%;
z-index: -1;
-webkit-box-shadow: 15px 11px 59px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 15px 11px 59px 4px rgba(0,0,0,0.2);
-ms-box-shadow: 15px 11px 59px 4px rgba(0,0,0,0.2);
-o-box-shadow: 15px 11px 59px 4px rgba(0,0,0,0.2);
box-shadow: 15px 11px 59px 4px rgba(0,0,0,0.2);
}
.wpcm-wrapper .wpcm-my-account-wrapper .wpcm-tabs-group {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.wpcm-wrapper .wpcm-tabs-group {
min-height: 550px;
}
.wpcm-wrapper .wpcm-tabs-group {
width: 260px;
float: left;
-webkit-box-shadow: 15px 11px 59px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 15px 11px 59px 4px rgba(0,0,0,0.2);
-ms-box-shadow: 15px 11px 59px 4px rgba(0,0,0,0.2);
-o-box-shadow: 15px 11px 59px 4px rgba(0,0,0,0.2);
box-shadow: 15px 11px 59px 4px rgba(0,0,0,0.2);
}
.wpcm-wrapper .wpcm-tabs-main {
float: left;
background-color: #fafafa;
width: calc(100% - 260px);
border: 0;
}
.wpcm-wrapper .wpcm-tabs-group > li {
background-color: #1c1e3d;
margin-bottom: 0;
transition: all 0.45s;
-webkit-transition: all 0.45s;
-moz-transition: all 0.45s;
}
.wpcm-wrapper .wpcm-tabs-group > li:nth-last-child(2) a{
border-bottom: none;
}
.wpcm-wrapper .wpcm-tabs-group > li > a {
font-size: 14px;
color: #f1f1f1;
letter-spacing: 0.1px;
padding: 20px 10px;
border-bottom: 1px solid #2e304a;
display: block;
transition: all 0.45s;
-webkit-transition: all 0.45s;
-moz-transition: all 0.45s;
margin: 0 25px;
}
.wpcm-wrapper .wpcm-tabs-group > li:hover,
.wpcm-wrapper .wpcm-tabs-group > li.active {
background-color: #7672d6;
}
.wpcm-wrapper .wpcm-tabs-group > li:hover > a,
.wpcm-wrapper .wpcm-tabs-group > li.active > a {
color: #ffffff;
border-bottom-color: transparent;
}
.wpcm-wrapper .wpcm-tabs-group > li a:focus {
box-shadow: none;
outline: 0;
}
.wpcm-wrapper .wpcm-tabs-group > li.wpcm-settingbtn-list {
padding-top: 25px;
padding-bottom: 22px;
}
.wpcm-wrapper .wpcm-tabs-group > li.wpcm-settingbtn-list:hover {
background-color: #1c1e3d;
}
.wpcm-wrapper .wpcm-tabs-group > li > a i {
color: #787b95;
margin-right: 10px;
transition: all 0.45s;
-webkit-transition: all 0.45s;
-moz-transition: all 0.45s;
}
.wpcm-wrapper .wpcm-tabs-group > li:hover > a i,
.wpcm-wrapper .wpcm-tabs-group > li.active > a i {
color: #ffffff;
}
.wpcm-wrapper .wpcm-subtabs-group > li > a {
font-size: 13px;
color: #c9c9c9;
position: relative;
padding-left: 17px;
transition: all 0.45s;
-webkit-transition: all 0.45s;
-moz-transition: all 0.45s;
}
.wpcm-wrapper .wpcm-subtabs-group > li > a::before {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
content: "";
background-color: #464963;
border-radius: 50%;
height: 5px;
width: 5px;
transition: all 0.45s;
-webkit-transition: all 0.45s;
-moz-transition: all 0.45s;
}
.wpcm-wrapper .wpcm-subtabs-group {
background-color: #141631;
padding: 25px 0 25px 40px;
border-bottom: 1px solid #2e304a;
display: none;
}
.wpcm-wrapper .wpcm-subtabs-group.active {
display: block;
}
.wpcm-wrapper .wpcm-subtabs-group > li {
padding: 5px 0;
transition: all 0.45s;
-webkit-transition: all 0.45s;
-moz-transition: all 0.45s;
}
.wpcm-wrapper .wpcm-subtabs-group > li:hover a{
color: #7672d6;
}
.wpcm-wrapper .wpcm-subtabs-group > li:hover a::before {
background-color: #7672d6;
}
.wpcm-wrapper .wpcm-tab-heading {
position: relative;
background-color: #e9e8fa;
}
.wpcm-wrapper .wpcm-tab-heading > h2 {
font-size: 16px;
color: #333;
padding: 19px 30px;
margin: 0;
}
.wpcm-wrapper .wpcm-field-label > span {
color: #666666;
font-weight: 500;
}
.wpcm-wrapper .wpcm-option-row {
padding: 30px;
border-bottom: 1px solid #ececec;
}
.wpcm-option-row .image {
margin-bottom: 11px;
} 
.wpcm-wrapper.wpcm-settings-wrapper .wpcm-option-row .bg-danger {
cursor: pointer;
color: #fff;
border: none;
}
.wpcm-wrapper.wpcm-settings-wrapper .wpcm-option-row .wpcm-multi-text .form-control.wpcm-form-input {
width: 1%;
}
.wpcm-wrapper > div:last-child > div > .wpcm-option-row,
.wpcm-wrapper .wpcm-tab-area > div > div:last-child > .wpcm-option-row {
border-bottom: none;
}
.wpcm-wrapper .wpcm-field-info {
color: #bbbbbb;
font-style: italic;
font-size: 13px;
padding-top: 8px;
display: block;
}
.wpcm-wrapper .wpcm-field-label {
margin-top: 16px;
}
.wpcm-wrapper .wpcm-field-label > a {
margin-left: 8px;
}
.wpcm-wrapper .wpcm-field-label > a:hover {
color: #7672d6;
}
.wpcm-wrapper .wpcm-bottom-area {
background-color: #fff;
padding: 25px 60px 30px 60px;
-webkit-box-shadow: 0px 0px 24px -18px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0px 0px 24px -18px rgba(0, 0, 0, 0.8);
-ms-box-shadow: 0px 0px 24px -18px rgba(0, 0, 0, 0.8);
-o-box-shadow: 0px 0px 24px -18px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 24px -18px rgba(0, 0, 0, 0.8);
}
.wpcm-wrapper .wpcm-tab-area {
padding: 40px 60px 10px 60px;
}
.wpcm-wrapper .wpcm-general-tab .wpcm-option-row input {
width: 100%;
}
.wpcm-wrapper .wpcm-switch {
position: relative;
display: inline-block;
width: 91px;
height: 40px;
}
.wpcm-wrapper .wpcm-option-row  .wpcm-switch input {
opacity: 0;
z-index: 2;
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.wpcm-wrapper .wpcm-switch-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fafafa; 
background-image: linear-gradient(to bottom, rgba(249,249,249,0.8) , rgba(248,248,248,0.8));
-webkit-transition: all 0.45s;
transition: all 0.45s;
border-radius: 34px;
border: 1px solid #e3e3e3;
opacity: 0.8;
-webkit-box-shadow: 1px 1px 24px rgba(0,0,0,0.08);
-moz-box-shadow: 1px 1px 24px rgba(0,0,0,0.08);
-ms-box-shadow: 1px 1px 24px rgba(0,0,0,0.08);
-o-box-shadow: 1px 1px 24px rgba(0,0,0,0.08);
box-shadow: 1px 1px 24px rgba(0,0,0,0.08);
}
.wpcm-wrapper .wpcm-switch-slider:before {
position: absolute;
content: "";
height: 34px;
width: 34.84px;
left: 2px;
bottom: 2px;
background-color: #fff;
-webkit-transition: .4s;
transition: .4s;
border-radius: 50%;
border: 1px solid #e3e3e3;
}
.wpcm-wrapper .wpcm-switch input:checked + .wpcm-switch-slider {
background: #8e88de; background: -moz-linear-gradient(top, #8e88de 0%, #8c86dc 10%, #827ddb 31%, #7e78d8 37%, #7e78da 39%, #7a76d5 44%, #736ed5 59%, #6561cf 81%, #5f5ccd 100%); background: -webkit-linear-gradient(top, #8e88de 0%,#8c86dc 10%,#827ddb 31%,#7e78d8 37%,#7e78da 39%,#7a76d5 44%,#736ed5 59%,#6561cf 81%,#5f5ccd 100%); background: linear-gradient(to bottom, #8e88de 0%,#8c86dc 10%,#827ddb 31%,#7e78d8 37%,#7e78da 39%,#7a76d5 44%,#736ed5 59%,#6561cf 81%,#5f5ccd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e88de', endColorstr='#5f5ccd',GradientType=0 ); border-color: #8e88de;
}
.wpcm-wrapper .wpcm-switch input:checked + .wpcm-switch-slider:before {
-webkit-transform: translateX(49px);
-ms-transform: translateX(49px);
transform: translateX(49px);
}
.wpcm-wrapper .wpcm-switch label span {
color: #333;
font-size: 13px;
position: absolute;
top: 50%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.wpcm-wrapper .wpcm-switch label span.wpcm-switch-off {
right: 20px;
}
.wpcm-wrapper .wpcm-switch label span.wpcm-switch-on {
left: 20px;
visibility: hidden;
color: #f9f9f9;
}
.wpcm-wrapper .wpcm-switch input:checked ~ label span.wpcm-switch-off {
visibility: hidden;
}
.wpcm-wrapper .wpcm-switch input:checked ~ label span.wpcm-switch-on {
visibility: visible;
}
.wpcm-wrapper .wpcm-tab-area .wpcm-row > div {
padding-right: 10px;
padding-left: 10px;
}
.wpcm-wrapper .wpcm-field-input .fr-toolbar {
border-top: none;
}
.wpcm-wrapper  input:focus,
.wpcm-wrapper  input,
.wpcm-datetime-view input:focus,
.wpcm-datetime-view input,
.wpcm-wrapper .wpcm-form-input,
.wpcm-wrapper .wpcm-note-box,
.wpcm-wrapper .wpcm-field-input .fr-box {
-webkit-box-shadow: 0 0 24px rgba(0,0,0,0.08);
-moz-box-shadow: 0 0 24px rgba(0,0,0,0.08);
-ms-box-shadow: 0 0 24px rgba(0,0,0,0.08);
-o-box-shadow: 0 0 24px rgba(0,0,0,0.08);
box-shadow: 0 0 24px rgba(0,0,0,0.08);
}
.wpcm-wrapper .wpcm-field-input .fr-toolbar.fr-top {
background-color: #e3e2fb;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.wpcm-wrapper .wpcm-field-input .fr-toolbar .fr-command.fr-btn, 
.wpcm-wrapper .wpcm-field-input .fr-popup .fr-command.fr-btn {
color: #555d66;
}
.wpcm-wrapper .wpcm-field-input .fr-toolbar .fr-command.fr-btn.fr-dropdown::after, 
.wpcm-wrapper .wpcm-field-input .fr-popup .fr-command.fr-btn.fr-dropdown::after {
border-top: 4px solid #555d66;
}
.wpcm-wrapper .wpcm-field-input .fr-desktop .fr-command:hover {
background-color: transparent;
}
.wpcm-wrapper .wpcm-payment-gateways-area .wpcm-option-row {
padding: 30px 0;
}
.wpcm-wrapper .wpcm-option-row .wpcm-form-input {
width: 100%;
}
.wpcm-wrapper .wpcm-payment-gateways-area .wpcm-field-input input{
width: 100%;
}
.wpcm-wrapper .wpcm-field-input .fr-toolbar {
border-color: transparent;
box-shadow: none;
}
.wpcm-wrapper .wpcm-field-input .fr-box.fr-basic.fr-top .fr-wrapper {
border: 1px solid #ebebeb;
box-shadow: none;
border-radius: 4px;
}
.wpcm-wrapper .wpcm-payment-gateways-list {
background-color: #e9e8fa;
padding: 35px 18px;
}
.wpcm-wrapper .wpcm-payment-gateways-list > span {
font-weight: 500;
}
.wpcm-wrapper a.wpcm-payment-btn {
font-size: 13px;
width: 160px;
text-transform: capitalize;
padding: 15px 20px;
background-color: #fbfbfb;
background-image: linear-gradient(#fbfbfb, #f3f3f3);
color: #666666;
border-radius: 5px;
display: inline-block;
transition: all 0.45s;
-webkit-transition: all 0.45s;
-moz-transition: all 0.45s;
border: 1px solid #d8d7e4;
vertical-align: middle;
margin-left: 30px;
}
.wpcm-wrapper a.wpcm-payment-btn:hover,
.wpcm-wrapper .wpcm-payment-gateways-list ul li.active a.wpcm-payment-btn {
border-color: #8e88de;
color: #fff;
background: #8e88de;
background: -webkit-linear-gradient(#8e88de 0%, #8c86dc 10%, #827ddb 31%, #7e78d8 37%, #7e78da 39%, #7a76d5 44%, #736ed5 59%, #6561cf 81%, #5f5ccd 100%);
background: -o-linear-gradient(#8e88de 0%, #8c86dc 10%, #827ddb 31%, #7e78d8 37%, #7e78da 39%, #7a76d5 44%, #736ed5 59%, #6561cf 81%, #5f5ccd 100%);
background: linear-gradient(#8e88de 0%, #8c86dc 10%, #827ddb 31%, #7e78d8 37%, #7e78da 39%, #7a76d5 44%, #736ed5 59%, #6561cf 81%, #5f5ccd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e88de', endColorstr='#5f5ccd',GradientType=0 );
}
.wpcm-wrapper .wpcm-custom-checkbox {
display: block;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-bottom: 0;
}
.wpcm-wrapper .wpcm-custom-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.wpcm-wrapper .wpcm-checkmark {
position: absolute;
top: 0;
left: 0;
height: 17px;
width: 17px;
background-color: #ffffff;
border: 2px solid #c6c6c6;
border-radius: 3px;
}
.wpcm-wrapper .wpcm-profile-meta li:hover .wpcm-checkmark,
.wpcm-wrapper .wpcm-custom-checkbox:hover input ~ .wpcm-checkmark {
border-color: #8c86dc;
background: #8e88de;
background: -webkit-linear-gradient(#8e88de 0%, #8c86dc 10%, #827ddb 31%, #7e78d8 37%, #7e78da 39%, #7a76d5 44%, #736ed5 59%, #6561cf 81%, #5f5ccd 100%);
background: -o-linear-gradient(#8e88de 0%, #8c86dc 10%, #827ddb 31%, #7e78d8 37%, #7e78da 39%, #7a76d5 44%, #736ed5 59%, #6561cf 81%, #5f5ccd 100%);
background: linear-gradient(#8e88de 0%, #8c86dc 10%, #827ddb 31%, #7e78d8 37%, #7e78da 39%, #7a76d5 44%, #736ed5 59%, #6561cf 81%, #5f5ccd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e88de', endColorstr='#5f5ccd',GradientType=0 );
}
.wpcm-wrapper .wpcm-custom-checkbox input:checked ~ .wpcm-checkmark {
border-color: #8c86dc;
background: #8e88de;
background: -webkit-linear-gradient(#8e88de 0%, #8c86dc 10%, #827ddb 31%, #7e78d8 37%, #7e78da 39%, #7a76d5 44%, #736ed5 59%, #6561cf 81%, #5f5ccd 100%);
background: -o-linear-gradient(#8e88de 0%, #8c86dc 10%, #827ddb 31%, #7e78d8 37%, #7e78da 39%, #7a76d5 44%, #736ed5 59%, #6561cf 81%, #5f5ccd 100%);
background: linear-gradient(#8e88de 0%, #8c86dc 10%, #827ddb 31%, #7e78d8 37%, #7e78da 39%, #7a76d5 44%, #736ed5 59%, #6561cf 81%, #5f5ccd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e88de', endColorstr='#5f5ccd',GradientType=0 );
}
.wpcm-wrapper .wpcm-checkmark:after {
content: "";
position: absolute;
display: none;
}
.wpcm-wrapper .wpcm-custom-checkbox input:checked ~ .wpcm-checkmark:after {
display: block;
}
.wpcm-wrapper .wpcm-custom-checkbox .wpcm-checkmark:after {
left: 5px;
left: 4px;
top: 2px;
width: 4.5px;
height: 7.5px;
border: solid #fff;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.wpcm-wrapper .wpcm-payment-gateways-list ul {
margin-top: 20px;
}
.wpcm-wrapper .wpcm-payment-gateways-list ul li {
display: block;
margin-bottom: 5px;
}
.wpcm-wrapper .wpcm-check-payment {
display: inline-block;
vertical-align: top;
margin-top: 16px;
}
.wpcm-wrapper .wpcm-payment-gateways-area .tab-pane > div:first-child .wpcm-option-row {
padding-top: 0;
}
.wpcm-wrapper .wpcm-payment-gateways-area {
padding-left: 25px;
border: 0;
}
.wpcm-wrapper .wpcm-settings-btn > a {
padding: 18px 30px;
position: relative;
text-transform: capitalize;
color: #222222;
font-size: 14px;
font-weight: 600;
border-radius: 4px;
display: block;
background-color: #fbfbfb;
background-image: linear-gradient(#fbfbfb, #f3f3f3);
text-align: center;
transition: all 0.45s;
-webkit-transition: all 0.45s;
-moz-transition: all 0.45s;
margin: 0 18px 5px 18px;
background-blend-mode: overlay;
}
.wpcm-wrapper .wpcm-settings-btn > a i {
display: none;
}
.wpcm-wrapper .wpcm-settings-btn > a:hover {
color: #fff;
background: #8e88de; background: -moz-linear-gradient(top, #8e88de 0%, #8c86dc 10%, #827ddb 31%, #7e78d8 37%, #7e78da 39%, #7a76d5 44%, #736ed5 59%, #6561cf 81%, #5f5ccd 100%); background: -webkit-linear-gradient(top, #8e88de 0%,#8c86dc 10%,#827ddb 31%,#7e78d8 37%,#7e78da 39%,#7a76d5 44%,#736ed5 59%,#6561cf 81%,#5f5ccd 100%); background: linear-gradient(to bottom, #8e88de 0%,#8c86dc 10%,#827ddb 31%,#7e78d8 37%,#7e78da 39%,#7a76d5 44%,#736ed5 59%,#6561cf 81%,#5f5ccd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e88de', endColorstr='#5f5ccd',GradientType=0 ); } .wpcm-wrapper .wpcm-billing-area {
background-color: #fff;
-webkit-box-shadow: 0 0 68px 0 rgba(0,0,0,0.03);
-moz-box-shadow: 0 0 68px 0 rgba(0,0,0,0.03);
-ms-box-shadow: 0 0 68px 0 rgba(0,0,0,0.03);
-o-box-shadow: 0 0 68px 0 rgba(0,0,0,0.03);
box-shadow: 0 0 68px 0 rgba(0,0,0,0.03);
background-blend-mode: multiply;
padding: 60px 60px 45px;
float: left;
width: 100%;
}
.wpcm-wrapper .wpcm-coupon-form {
float: left;
width: 100%;
padding: 25px 30px;
background: rgb(33,36,71); background: -moz-linear-gradient(top, rgba(33,36,71,1) 0%, rgba(31,34,69,1) 6%, rgba(33,33,69,1) 24%, rgba(31,31,65,1) 25%, rgba(30,30,64,1) 40%, rgba(29,30,61,1) 41%, rgba(26,27,57,1) 65%, rgba(24,26,51,1) 74%, rgba(21,23,46,1) 100%); background: -webkit-linear-gradient(top, rgba(33,36,71,1) 0%,rgba(31,34,69,1) 6%,rgba(33,33,69,1) 24%,rgba(31,31,65,1) 25%,rgba(30,30,64,1) 40%,rgba(29,30,61,1) 41%,rgba(26,27,57,1) 65%,rgba(24,26,51,1) 74%,rgba(21,23,46,1) 100%); background: linear-gradient(to bottom, rgba(33,36,71,1) 0%,rgba(31,34,69,1) 6%,rgba(33,33,69,1) 24%,rgba(31,31,65,1) 25%,rgba(30,30,64,1) 40%,rgba(29,30,61,1) 41%,rgba(26,27,57,1) 65%,rgba(24,26,51,1) 74%,rgba(21,23,46,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212447', endColorstr='#15172e',GradientType=0 ); }
.wpcm-wrapper .wpcm-coupon-form > span {
color: #fff;
font-size: 15px;
font-weight: 500;
float: left;
margin: 14px 0;
}
.wpcm-wrapper .wpcm-coupon-form > span i {
padding-right: 10px;
}
.wpcm-wrapper .wpcm-coupon-form form {
float: right;
}
.wpcm-wrapper .wpcm-coupon-form .wpcm-btn {
padding: 16px 30px;
text-transform: capitalize;
margin-left: 6px;
}
.wpcm-wrapper .wpcm-checkout-biling {
float: left;
width: 100%;
border: 1px solid #ebebeb;
margin-top: 20px;
margin-bottom: 20px;
}
.wpcm-wrapper .wpcm-checkout-biling-form {
float: left;
width: 100%;
padding: 22px 30px;
}
.wpcm-wrapper .wpcm-checkout-biling-group {
float: left;
width: 100%;
}
.wpcm-wrapper .wpcm-checkout-biling-group label {
width: 100%;
display: inline-block;
padding: 15px 0;
margin-bottom: 0;
}
.wpcm-wrapper .wpcm-checkout-biling-group input {
float: right;
display: inline-block;
width: 100%;
margin-bottom: 15px;
}
.wpcm-wrapper .wpcm-checkout-biling-group .wpcm-custom-select {
width: 100%;
display: inline-block;
float: right;
margin-bottom: 15px;
}
.wpcm-wrapper .wpcm-checkout-biling-group.wpcm-name-field input {
display: inline-block;
width: 49%;
margin-right: 6px;
float: none;
}
.wpcm-wrapper .wpcm-checkout-biling-group.wpcm-name-field input:last-child {
margin-right: 0;
float: right;
}
.wpcm-wrapper .wpcm-ship-diff {
background-color: #e9e8fa;
padding: 18px 33px;
float: left;
width: 100%;
}
.wpcm-wrapper .wpcm-ship-diff > span {
font-weight: 600;
padding-left: 35px;
}
.wpcm-wrapper .wpcm-order-review {
float: left;
width: 100%;
background-color: #7672d6;
-webkit-box-shadow: 0 0 0 68px 59px rgba(0,0,0,0.05);
-moz-box-shadow: 0 0 0 68px 59px rgba(0,0,0,0.05);
-ms-box-shadow: 0 0 0 68px 59px rgba(0,0,0,0.05);
-o-box-shadow: 0 0 0 68px 59px rgba(0,0,0,0.05);
box-shadow: 0 0 0 68px 59px rgba(0,0,0,0.05);
border-radius: 4px;
padding: 20px 15px 35px;
}
.wpcm-wrapper .wpcm-edit-order {
float: left;
width: 100%;
}
.wpcm-wrapper .wpcm-edit-order h4 {
color: #fff;
font-size: 17px;
font-weight: 600;
float: left;
}
.wpcm-wrapper .wpcm-edit-order a {
font-size: 12px;
font-weight: 600;
color: #363636;
background-color: #f6f6f6;
padding: 8px 15px;
border-radius: 2px;
float: right;
display: inline-block;
}
.wpcm-wrapper .wpcm-order-review-table {
background-color: #fff;
border-radius: 4px;
float: left;
width: 100%;
margin-top: 15px;
margin-bottom: 30px;
}
.wpcm-wrapper .wpcm-order-review-table .wpcm-table-head {
background-color: #1f2143;
color: #fff;
font-weight: 700;
font-size: 13px;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.wpcm-wrapper .wpcm-order-review-table .wpcm-cart-item,
.wpcm-wrapper .wpcm-order-review-table .wpcm-cart-subtotal {
color: #333;
font-size: 13px;
}
.wpcm-wrapper .wpcm-product-price,
.wpcm-wrapper .wpcm-shipping-method {
font-weight: 500;
}
.wpcm-wrapper .wpcm-order-review-table li.wpcm-tbl-list:nth-child(2n) {
background-color: #ffffff;
}
.wpcm-wrapper .wpcm-order-review-table li.wpcm-tbl-list:nth-child(2n + 1) {
background-color: #fafafa;
}
.wpcm-wrapper .wpcm-order-review-table .wpcm-order-total {
color: #333333;
font-weight: 700;
text-align: center;
padding: 30px 0;
}
.wpcm-wrapper .wpcm-order-review-table li span {
padding: 18px 15px;
}
.wpcm-wrapper .wpcm-order-review-table .wpcm-order-total span.wpcm-primary-colr {
font-size: 28px;
}
.wpcm-wrapper .wpcm-tbl-col1 {
display: inline-block;
vertical-align: middle;
width: 60%;
border-right: 1px solid #ececec;
}
.wpcm-wrapper .wpcm-tbl-col2 {
display: inline-block;
vertical-align: middle;
width: 39%;
}
.wpcm-wrapper .wpcm-order-review-table .wpcm-table-head .wpcm-tbl-col1 {
border-right: none;
}
.wpcm-wrapper .wpcm-order-review-table li.wpcm-order-total span {
display: block;
text-align: center;
padding: 0;
}
.wpcm-wrapper .wpcm-checkout-payment {
float: left;
width: 100%;
}
.wpcm-wrapper .wpcm-payment-box {
background-color: #5c58b9;
position: relative;
padding: 25px 20px;
display: none;
margin-left: 5px;
margin-bottom: 15px;
}
.wpcm-wrapper .wpcm-payment-box::before {
content: "";
border-right: 13px solid transparent;
border-top: 13px solid transparent;
border-left: 13px solid #5c58b9;
position: absolute;
left: 0;
top: -13px;
}
.wpcm-wrapper .wpcm-payment-box p{
font-weight: 500;
font-size: 12px;
color: #fff;
margin-bottom: 0;
}
.wpcm-wrapper .wpcm-payment-methods li {
margin-bottom: 10px;
}
.wpcm-wrapper .wpcm-place-order a{
display: inline-block;
padding: 15px 30px;
font-size: 14px;
font-weight: 600;
color: #fff;
width: 100%;
text-align: center;
background-color: #000000;
border-radius: 4px;
margin-top: 30px;
}
.wpcm-wrapper .wpcm-custom-radio {
display: block;
position: relative;
padding-left: 32px;
margin-bottom: 12px;
cursor: pointer;
font-size: 13px;
font-weight: 700;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fff;
}
.wpcm-wrapper .wpcm-custom-radio input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.wpcm-wrapper .wpcm-radiomark {
position: absolute;
top: 0;
left: 0;
height: 17px;
width: 17px;
border-radius: 50%;
border-radius: 50%;
border: 2px solid #c6c6c6;
}
.wpcm-wrapper .wpcm-custom-radio:hover input ~ .wpcm-radiomark  {
background-color: #000;
}
.wpcm-wrapper .wpcm-custom-radio input:checked ~ .wpcm-radiomark  {
background-color: #000;
border-color: #000;
}
.wpcm-wrapper .wpcm-radiomark:after {
content: "";
position: absolute;
display: none;
}
.wpcm-wrapper .wpcm-custom-radio input:checked ~ .wpcm-radiomark:after {
display: block;
}
.wpcm-wrapper .wpcm-custom-radio .wpcm-radiomark:after {
top: 4px;
left: 4px;
width: 5px;
height: 5px;
border-radius: 50%;
background: white;
}
.wpcm-wrapper .wpcm-col1.wpcm-coupon-form {
padding: 42px 35px 42px 40px;
width: 51%;
}
.wpcm-wrapper .wpcm-whit-bg {
background-color: #fff;
}
.wpcm-wrapper .qty.form-control {
height: 50px;
border: 1px solid #e6e6e6;
width: 101px;
text-align: center;
}
.wpcm-wrapper .input-group-btn {
position: absolute;
top: 50%;
left: -13px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
z-index: 1;
}
.wpcm-wrapper .input-group-btn .btn.btn-primary {
background-color: #f6f6f6;
border: 1px solid #ebebeb;
border-radius: 4px;
height: 30px;
width: 26px;
color: #69696a;
padding: 0;
}
.wpcm-wrapper .input-group-btn:last-child {
right: -13px;
left: auto;
}
.wpcm-wrapper .wpcm-checkout .wpcm-cart-table table tbody td:nth-child(4) {
background-color: #edecfd;
}
.wpcm-wrapper .wpcm-checkout .wpcm-cart-item .wpcm-col2 {
width: 20%;
}
.wpcm-wrapper .wpcm-checkout .wpcm-cart-bottom .wpcm-col1 {
width: 49.7%;
}
.wpcm-wrapper .wpcm-checkout .wpcm-cart-sec {
margin-top: 60px;
}
.wpcm-wrapper .wpcm-cart-btns > a:hover {
border-color: #8e88de;
color: #fff;
background: #8e88de;
background: -moz-linear-gradient(top, #8e88de 0%, #8c86dc 10%, #827ddb 31%, #7e78d8 37%, #7e78da 39%, #7a76d5 44%, #736ed5 59%, #6561cf 81%, #5f5ccd 100%);
background: -webkit-linear-gradient(top, #8e88de 0%,#8c86dc 10%,#827ddb 31%,#7e78d8 37%,#7e78da 39%,#7a76d5 44%,#736ed5 59%,#6561cf 81%,#5f5ccd 100%);
background: linear-gradient(to bottom, #8e88de 0%,#8c86dc 10%,#827ddb 31%,#7e78d8 37%,#7e78da 39%,#7a76d5 44%,#736ed5 59%,#6561cf 81%,#5f5ccd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e88de', endColorstr='#5f5ccd',GradientType=0 );
}
.wpcm-wrapper .wpcm-payment-btn:focus,
.wpcm-wrapper .wpcm-btn:focus,
.wpcm-wrapper .wpcm-cart-btns > a:focus {
box-shadow: none;
outline: 0;
} .wpcm-wrapper .wpcm-close-open {
display: table;
position: absolute;
top: 0;
right: 0;
width: 55px;
height: 100%;
text-align: center;
line-height: 57px;
color: #fff;
background: #8e88de; background: -moz-linear-gradient(top, #8e88de 0%, #8c86dc 10%, #827ddb 31%, #7e78d8 37%, #7e78da 39%, #7a76d5 44%, #736ed5 59%, #6561cf 81%, #5f5ccd 100%); background: -webkit-linear-gradient(top, #8e88de 0%,#8c86dc 10%,#827ddb 31%,#7e78d8 37%,#7e78da 39%,#7a76d5 44%,#736ed5 59%,#6561cf 81%,#5f5ccd 100%); background: linear-gradient(to bottom, #8e88de 0%,#8c86dc 10%,#827ddb 31%,#7e78d8 37%,#7e78da 39%,#7a76d5 44%,#736ed5 59%,#6561cf 81%,#5f5ccd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e88de', endColorstr='#5f5ccd',GradientType=0 ); }
.wpcm-wrapper .wpcm-close-open:hover {
color: #ffffff;
}
.wpcm-wrapper .wpcm-personal-tab .wpcm-option-row textarea,
.wpcm-wrapper .wpcm-personal-tab .wpcm-option-row input {
width: 100%;
}
.wpcm-wrapper .wpcm-street-name .wpcm-field-input span:nth-child(2) {
margin-bottom: 8px;
}
.wpcm-wrapper .wpcm-profile-img {
text-align: right;
}
.wpcm-wrapper .wpcm-profile-img i {
text-align: right;
}
.wpcm-wrapper .wpcm-profile-img span {
width: 111px;
height: 112px;
border-radius: 50%;
border: 9px solid #ffffff;
display: inline-block;
margin-right: 13px;
}
.wpcm-wrapper .wpcm-profile-img img {
max-width: 100%;
height: auto;
border-radius: 50%;
}
.wpcm-wrapper .wpcm-profile-img .wpcm-btn {
text-transform: capitalize;
}
.wpcm-wrapper .wpcm-profile-img i {
margin-right: 9px;
}
.wpcm-wrapper .wpcm-cover-img {
border: 9px solid #fff;
border-radius: 9px;
text-align: center;
position: relative;
}
.wpcm-wrapper .wpcm-cover-img img {
max-width: 100%;
height: auto;
border-radius: 5px;
}
.wpcm-wrapper .wpcm-cover-img .wpcm-btn {
display: table;
position: absolute;
margin: 0 auto;
left: 50%;
top: 50%;
white-space: nowrap;
text-transform: capitalize;
transform: translate(-50%,-50%);
}
.wpcm-wrapper .wpcm-cover-img .wpcm-btn i {
margin-right: 9px;
}
.wpcm-wrapper .wpcm-cover-img input,
.wpcm-wrapper .wpcm-profile-img input {
display: none;
}
.wpcm-my-account-wrapper .wpcm-tabs-group {
margin-top: 0;
}
.wpcm-tab-gap {
margin-bottom: 31px;
} .wpcm-wrapper .wpcm-soc-profile span > i {
width: 20px;
margin-right: 17px;
}
.wpcm-wrapper .wpcm-profile-meta li {
margin-bottom: 27px;
}
.wpcm-wrapper .wpcm-profile-meta li:last-child {
margin-bottom: 0px;
}
.wpcm-wrapper .wpcm-profile-meta .wpcm-checkmark {
top: 5px;
height: 21px;
width: 21px;
}
.wpcm-wrapper .wpcm-profile-meta .wpcm-checkmark::after {
left: 6px;
top: 3px;
}
.wpcm-wrapper .wpcm-profile-meta .wpcm-custom-checkbox input {
height: 27px;
width: 21px;
z-index: 1;
}
.wpcm-wrapper .wpcm-profile-metadata {
display: inline-block;
padding-left: 41px;
}
.wpcm-wrapper .wpcm-profile-metadata label {
margin-bottom: 0;
cursor: pointer;
}
.wpcm-wrapper .wpcm-profile-metadata label > span {
font-size: 16px;
font-weight: 600;
color: #333333;
}
.wpcm-wrapper .wpcm-profile-metadata p {
font-style: normal;
color: #666666;
} .wpcm-wrapper .wpcm-order-sort {
margin-bottom: 35px;
}
.wpcm-wrapper .wpcm-order-sort .wpcm-row div:last-child {
text-align: right;
}
.wpcm-wrapper .wpcm-order-sort .wpcm-row {
margin-left: -5px;
margin-right: -5px;
}
.wpcm-wrapper .wpcm-order-sort .wpcm-row > div {
padding-right: 5px;
padding-left: 5px;
}
.wpcm-wrapper .wpcm-order-sort input {
width: 100%;
}
.wpcm-wrapper .wpcm-order-sort .wpcm-field-input {
position: relative;
}
.wpcm-wrapper .wpcm-order-sort .wpcm-field-input i {
position: absolute;
right: 23px;
top: 50%;
color: #cecccc;
transform: translateY(-50%);
}
.wpcm-wrapper .wpcm-order-sort .wpcm-btn {
padding: 16px 30px;
}
.wpcm-wrapper .wpcm-order-table {
margin-bottom: 63px;
}
.wpcm-wrapper .wpcm-order-table .table {
margin-bottom: 0;
}
.wpcm-wrapper .wpcm-order-table .table th {
border-bottom: 0;
}
.wpcm-wrapper .wpcm-order-item {
display: table;
width: 100%;
}
.wpcm-wrapper .wpcm-order-item span {
display: table-cell;
vertical-align: middle;
width: 58px;
}
.wpcm-wrapper .wpcm-order-table .wpcm-cart-img {
border-radius: 3px;
-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.12);
-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.12);
-ms-box-shadow: 0 0 20px 0 rgba(0,0,0,0.12);
-o-box-shadow: 0 0 20px 0 rgba(0,0,0,0.12);
box-shadow: 0 0 20px 0 rgba(0,0,0,0.12);
}
.wpcm-wrapper .wpcm-order-table .wpcm-cart-img img {
border-radius: 3px;
margin-right: 0;
border: 3px solid #fff;
}
.wpcm-wrapper .wpcm-order-table .wpcm-item-title {
display: table-cell;
vertical-align: middle;
padding-left: 14px;
text-align: left;
width: auto;
}
.wpcm-wrapper .wpcm-order-table .wpcm-item-title h4 {
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
}
.wpcm-wrapper .wpcm-order-table .wpcm-item-title span {
color: #7c78d8;
text-transform: uppercase;
font-size: 15px;
font-weight: 300;
}
.wpcm-wrapper .wpcm-order-table tbody tr {
background: #fff;
border: 0;
border-bottom: 1px solid #e3e3e3;
}
.wpcm-wrapper .wpcm-order-table td {
padding: 40px 30px;
vertical-align: middle;
text-align: center;
color: #5b5b5b;
border: 0;
}
.wpcm-wrapper .wpcm-order-table td:nth-child(2n) {
background: #edecfd;
}
.wpcm-wrapper .wpcm-order-table td:last-child {
background: #1e2142;
cursor: pointer;
padding-left: 15px;
padding-right: 15px;
}
.wpcm-wrapper .wpcm-order-info {
color: #ddd;
margin: 0;
display: inline-block;
line-height: 5px;
}
.wpcm-wrapper .wpcm-order-info i {
width: 100%;
text-align: center;
font-size: 6px;
}
.wpcm-wrapper .wpcm-order-type {
font-size: 16px;
color: #18a826;
}
.wpcm-wrapper .wpcm-order-table .wpcm-price-total {
color: #635efb;
font-size: 16px;
font-weight: 500;
} .wpcm-modal .wpcm-model-content {
background: #ffffff;
overflow-x: hidden;
}
.wpcm-model-close {
position: absolute;
right: -62px;
top: -12px;
width: 42px;
height: 42px;
background: #e60f29;
color: #fff;
text-align: center;
line-height: 42px;
border-radius: 50%;
cursor: pointer;
z-index: 1;
}
.wpcm-modal tr:nth-child(2n+1) {
background: #edecfd;
}
.wpcm-modal tr:nth-child(2n) {
background: #f7f6ff;
}
.wpcm-modal .wpcm-table td {
border: 0;
padding: 18px 33px;
font-size: 14px;
color: #414141;
}
.wpcm-modal .wpcm-table td:last-child {
font-weight: 600;
color: #635efb;
}
.wpcm-modal .wpcm-table tr td:first-child {
border-right: 1px solid #e2e1e3;
max-width: 181px;
} .wpcm-comment {
float: left;
width: 100%;
padding: 21px 13px;
}
.wpcm-comment h4 {
margin-bottom: 21px;
font-size: 19px;
}
.wpcm-comment-msg .note-txt {
min-width: 0;
display: inline-block;
padding: 17px 25px;
background: #f9f9f9;
border-radius: 10px;
font-size: 15px;
margin-bottom: 15px;
color: #666;
}
.wpcm-comment-msg.wpcm-comment-reply {
text-align: right;
}
.wpcm-comment-msg.wpcm-comment-reply .note-txt {
text-align: right;
background: #635efb;
color: #fff;
} .wpcm-comment-form {
margin-top: 11px;
}
.wpcm-comment-form .wpcm-field-input {
position: relative;
}
.wpcm-comment-form textarea {
width: 100%;
min-height: 150px;
}
.wpcm-comment-form .wpcm-send-comt {
position: absolute;
right: 9px;
width: 33px;
height: 33px;
line-height: 33px;
background: #f39002;
text-align: center;
border-radius: 50%;
color: #fff;
bottom: 7px;
cursor: pointer;
} .post-type-orders #post-body.columns-2 #postbox-container-1 {
display: none;
}
.post-type-orders #poststuff #post-body.columns-2 {
margin-right: 0;
} body .wpcm-datetime-view .datetime-picker.wpcm-datetime-picker {
width: 100% !important;
}
body  .wpcm-datetime-view .calender-div {
top: 55px;
}
body .wpcm-datetime-view .year-month-wrapper {
background-color: #6a66d1;
}
body .wpcm-datetime-view .nav-l, 
body .wpcm-datetime-view .nav-r {
background-color: #6763d0;
}
body .wpcm-datetime-view .nav-l:hover, 
body .wpcm-datetime-view .nav-r:hover {
background-color: #ffffff;
color: #000;
}
body .wpcm-datetime-view .days {
color: #6964d0;
}
body .wpcm-datetime-view .port:hover {
color: #6f6bd3;
}
body .wpcm-datetime-view .activePort, 
body .wpcm-datetime-view .activePort:hover {
background-color: #7874d5;
color: white;
}
body .wpcm-datetime-view .okButton {
color: #807ad9;
}
body .wpcm-datetime-view > .datetime-picker > div {
position: relative;
} .wpcm-wrapper select {
line-height: 1.6;
height: auto;
}
.wpcm-wrapper .wpcm-order-general-box .wpcm-form-group .wpcm-custom-select2 {
display: inline-block;
width: 75%;
padding-left: 20px;
}
.wpcm-custom-select2 > .v-select {
background: #fff;
box-shadow: 0 0 24px rgba(0,0,0,0.08);
}
.wpcm-custom-select2 .vs--single .vs__selected {
background: #fff;
border: none;
box-shadow: none;
padding: 13px 20px;
color: #999;
font-size: 14px;
}
.wpcm-custom-select2 .vs__dropdown-toggle {
border: 1px solid #e7e7e7;
-webkit-transition: all 0.45s;
-moz-transition: all 0.45s;
transition: all 0.45s;
}
.wpcm-custom-select2 .vs__search, 
.wpcm-custom-select2 .vs__search:focus {
border: none;
box-shadow: none;
padding: 13px 9px;
}
.wpcm-custom-select2 .vs__actions svg,
.wpcm-custom-select2 .vs__clear {
margin-right: 8px;
} .wpcm-vue-number-input input[type=number]::-webkit-inner-spin-button, 
.wpcm-vue-number-input input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none !important; 
margin: 0 !important; 
}
.wpcm-wrapper input[type=number],
.wpcm-vue-number-input input[type="number"] {
-moz-appearance: textfield;
}
body .wpcm-vue-number-input .number-input {
overflow: visible;
}
.wpcm-wrapper input[type=number] {
height: 50px;
}
body .wpcm-vue-number-input .number-input__button {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
z-index: 1;
background-color: #f6f6f6;
border: 1px solid #ebebeb;
border-radius: 4px;
height: 30px;
width: 26px;
color: #69696a;
padding: 0;
cursor: pointer;
}
body .wpcm-vue-number-input .number-input__button--minus {
left: -13px;
}
body .wpcm-vue-number-input .number-input__button--plus {
right: -13px;
} .wpcm-login {
width: 90%;
background: #f2f2f2;
padding: 26px;
}
.wpcm-register {
background: #f1f1f1;
padding: 26px;
width: 90%;
}
.wpcm-wrapper .wpcm-register .wpcm-option-row,
.wpcm-wrapper .wpcm-login .wpcm-option-row {
padding: 0;
border: 0;
padding-bottom: 11px;
}
.wpcm-checkout-payment .col-md-offset-2.col-md-8 {
margin: 0;
width: 100%;
} .payment-gateway {
position: relative;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
margin-bottom: 16px;
}
.payment-gateway figure {
margin-bottom: 0;
}
.payment-gateway figure img {
width: 100%;
}
.purchase-txt {
position: absolute;
top: 0;
left: 0;
height: 100%;
text-align: center;
width: 100%;
opacity: 0;
visibility: hidden;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
}
.purchase-txt span {
font-size: 14px;
color: #333333;
font-weight: 500;
display: block;
}
.purchase-txt strong {
font-size: 35px;
color: #333333;
font-weight: 700;
}
.gateway-price {
background-color: #fff;
padding: 18px 0;
}
.purchase-txt > a {
background-color:#7672d6;
color:#fff;
display: block;
padding: 10px;
width: 100%;
}
.purchase-txt > a:hover {
color: #fff;
background-color: #000;
}
.purchase-txt > a i {
margin-right: 5px;
}
.payment-gateway:hover .purchase-txt {
opacity: 1;
visibility: visible;
}
.payment-gateway:hover {
border: 1px solid #7672d6;
box-shadow: 0 0 28px rgba(0,0,0,0.16);
}
.wpcm-wrapper .el-row {
display: flex;
flex-wrap: wrap;
}
.wpcm-wrapper [class*=el-col-] {
float: none;
}
.wpcm-wrapper .el-col-12 {
max-width: 50%;
flex: 0 0 50%;
}
.wpcm-wrapper .el-col-6 {
max-width: 25%;
flex: 0 0 25%;
}
.settings-tab-content .el-tabs.el-tabs--top {
width: 100%;
}
.wpcm-wrapper .el-form .el-form-item .el-input--prefix input {
padding-left: 30px !important;
}
.wpcm-wrapper .el-form .el-form-item .el-input--suffix input {
padding-right: 30px !important;
}
body:not(.wp-admin) .wpcm-wrapper {
font-family: var(--ldp-font-family);
}
body:not(.wp-admin) .wpcm-wrapper .fa, 
body:not(.wp-admin) .wpcm-wrapper .far, 
body:not(.wp-admin) .wpcm-wrapper .fas {
font-family: "Font Awesome 5 Free";
}
}
body:not(.wp-admin) .wpcm-wrapper h1,
body:not(.wp-admin) .wpcm-wrapper h2,
body:not(.wp-admin) .wpcm-wrapper h3,
body:not(.wp-admin) .wpcm-wrapper h4,
body:not(.wp-admin) .wpcm-wrapper h5,
body:not(.wp-admin) .wpcm-wrapper h6 {
font-family: var(--ldp-heading-font-family);
} body:not(.wp-admin) .wpcm-wrapper .wpcm-sec-titlebar,
body:not(.wp-admin) .wpcm-wrapper .button.wpcm-btn:hover,
body:not(.wp-admin) .wpcm-wrapper .wpcm-btn,
body:not(.wp-admin) .wpcm-wrapper .wpcm-tabs-group > li:hover,
body:not(.wp-admin) .wpcm-wrapper .wpcm-tabs-group > li.active {
background-color: var(--ldp-primary-color);
background: var(--ldp-primary-color);
}
body:not(.wp-admin) .donation-figures li a:hover, 
body:not(.wp-admin) .donation-figures li a:focus, 
body:not(.wp-admin) .el-select input[type="text"]:hover, 
body:not(.wp-admin) .el-select input[type="text"]:focus, 
body:not(.wp-admin) .textfield input[type="text"]:hover, 
body:not(.wp-admin) .textfield input[type="text"]:focus, 
body:not(.wp-admin) .textfield input[type="email"]:hover, 
body:not(.wp-admin) .textfield input[type="email"]:focus, 
body:not(.wp-admin) .textfield textarea:hover, 
body:not(.wp-admin) .textfield textarea:focus,
body:not(.wp-admin) .wpcm-custom-select2 .vs__dropdown-toggle:hover, 
body:not(.wp-admin) .wpcm-wrapper input[type="number"]:hover, 
body:not(.wp-admin) .wpcm-wrapper input[type="number"]:focus,
body:not(.wp-admin) .wpcm-wrapper input[type="password"]:hover, 
body:not(.wp-admin) .wpcm-wrapper input[type="password"]:focus, 
body:not(.wp-admin) .wpcm-wrapper select:focus, 
body:not(.wp-admin) .wpcm-wrapper select:hover,
body:not(.wp-admin) .wpcm-wrapper textarea:focus, 
body:not(.wp-admin) .wpcm-wrapper textarea:hover, 
body:not(.wp-admin) .wpcm-wrapper input[type="text"]:hover, 
body:not(.wp-admin) .wpcm-wrapper input[type="text"]:focus {
border-color: var(--ldp-primary-color);
}