Edit File by line
/home/zeestwma/richards.../wp-conte.../plugins/chaty/admin/assets/css
File: pricing-table.css
#wpbody-content * {
[0] Fix | Delete
-webkit-box-sizing: border-box;
[1] Fix | Delete
-moz-box-sizing: border-box;
[2] Fix | Delete
box-sizing: border-box
[3] Fix | Delete
}
[4] Fix | Delete
[5] Fix | Delete
.nice-select, .pricing-table table tr td:nth-child(2), .pricing-table table tr td:nth-child(4) {
[6] Fix | Delete
white-space: nowrap
[7] Fix | Delete
}
[8] Fix | Delete
[9] Fix | Delete
.faq-lists .faq-list, .key-table *, .price-container, .slick-slider, .table-tooltip-text {
[10] Fix | Delete
box-sizing: border-box
[11] Fix | Delete
}
[12] Fix | Delete
[13] Fix | Delete
.nice-select, .slick-slider {
[14] Fix | Delete
-webkit-tap-highlight-color: transparent
[15] Fix | Delete
}
[16] Fix | Delete
[17] Fix | Delete
.client-testimonial-slide a, .go-back-button, .pricing-table a {
[18] Fix | Delete
text-decoration: none
[19] Fix | Delete
}
[20] Fix | Delete
[21] Fix | Delete
.nice-select, .nice-select .list {
[22] Fix | Delete
background-color: #fff;
[23] Fix | Delete
box-sizing: border-box
[24] Fix | Delete
}
[25] Fix | Delete
[26] Fix | Delete
.nice-select .list, .nice-select:after {
[27] Fix | Delete
pointer-events: none;
[28] Fix | Delete
position: absolute
[29] Fix | Delete
}
[30] Fix | Delete
[31] Fix | Delete
.nice-select, .nice-select .option {
[32] Fix | Delete
cursor: pointer;
[33] Fix | Delete
font-weight: 400;
[34] Fix | Delete
outline: 0
[35] Fix | Delete
}
[36] Fix | Delete
[37] Fix | Delete
.plan-name, .plan-price span, .plan-type, .pricing-header-top .plan-row:nth-child(2), .pricing-header-top .plan-row:nth-child(2) .current {
[38] Fix | Delete
font-weight: 600
[39] Fix | Delete
}
[40] Fix | Delete
[41] Fix | Delete
.fill-width, .mobile-plan .plan-button a, .nice-select, .no-csspointerevents .nice-select.open .list, .pricing-table .has-tooltip .table-tooltip:hover .table-tooltip-text, .slick-initialized .slick-slide, .slick-slide img {
[42] Fix | Delete
display: block
[43] Fix | Delete
}
[44] Fix | Delete
[45] Fix | Delete
.nice-select {
[46] Fix | Delete
border-radius: 5px;
[47] Fix | Delete
border: 1px solid #605de3;
[48] Fix | Delete
clear: both;
[49] Fix | Delete
float: none;
[50] Fix | Delete
font-family: inherit;
[51] Fix | Delete
font-size: 14px;
[52] Fix | Delete
height: 30px;
[53] Fix | Delete
line-height: 30px;
[54] Fix | Delete
padding-left: 12px;
[55] Fix | Delete
padding-right: 30px;
[56] Fix | Delete
position: relative;
[57] Fix | Delete
text-align: left !important;
[58] Fix | Delete
-webkit-transition: .2s ease-in-out;
[59] Fix | Delete
transition: .2s ease-in-out;
[60] Fix | Delete
-webkit-user-select: none;
[61] Fix | Delete
-moz-user-select: none;
[62] Fix | Delete
-ms-user-select: none;
[63] Fix | Delete
user-select: none;
[64] Fix | Delete
width: 100%
[65] Fix | Delete
}
[66] Fix | Delete
[67] Fix | Delete
.nice-select .current, .plan-details-bottom .plan-option.active .plan-desc, .plan-details-bottom .plan-option.active .plan-title {
[68] Fix | Delete
color: #6641e5
[69] Fix | Delete
}
[70] Fix | Delete
[71] Fix | Delete
.nice-select:hover {
[72] Fix | Delete
border-color: #605de3
[73] Fix | Delete
}
[74] Fix | Delete
[75] Fix | Delete
.nice-select:after {
[76] Fix | Delete
border-bottom: 2px solid #6641e5;
[77] Fix | Delete
border-right: 2px solid #6641e5;
[78] Fix | Delete
content: "";
[79] Fix | Delete
display: block;
[80] Fix | Delete
height: 5px;
[81] Fix | Delete
margin-top: -4px;
[82] Fix | Delete
right: 12px;
[83] Fix | Delete
top: 50%;
[84] Fix | Delete
-webkit-transform-origin: 66% 66%;
[85] Fix | Delete
-ms-transform-origin: 66% 66%;
[86] Fix | Delete
transform-origin: 66% 66%;
[87] Fix | Delete
-webkit-transform: rotate(45deg);
[88] Fix | Delete
-ms-transform: rotate(45deg);
[89] Fix | Delete
transform: rotate(45deg);
[90] Fix | Delete
-webkit-transition: .15s ease-in-out;
[91] Fix | Delete
transition: .15s ease-in-out;
[92] Fix | Delete
width: 5px
[93] Fix | Delete
}
[94] Fix | Delete
[95] Fix | Delete
.nice-select.open:after {
[96] Fix | Delete
-webkit-transform: rotate(-135deg);
[97] Fix | Delete
-ms-transform: rotate(-135deg);
[98] Fix | Delete
transform: rotate(-135deg)
[99] Fix | Delete
}
[100] Fix | Delete
[101] Fix | Delete
.nice-select.open .list {
[102] Fix | Delete
opacity: 1;
[103] Fix | Delete
pointer-events: auto;
[104] Fix | Delete
-webkit-transform: scale(1) translateY(0);
[105] Fix | Delete
-ms-transform: scale(1) translateY(0);
[106] Fix | Delete
transform: scale(1) translateY(0)
[107] Fix | Delete
}
[108] Fix | Delete
[109] Fix | Delete
.nice-select.disabled {
[110] Fix | Delete
border-color: #ededed;
[111] Fix | Delete
color: #999;
[112] Fix | Delete
pointer-events: none
[113] Fix | Delete
}
[114] Fix | Delete
[115] Fix | Delete
.nice-select.disabled:after {
[116] Fix | Delete
border-color: #ccc
[117] Fix | Delete
}
[118] Fix | Delete
[119] Fix | Delete
.nice-select.wide, .plan-details {
[120] Fix | Delete
width: 100%
[121] Fix | Delete
}
[122] Fix | Delete
[123] Fix | Delete
.nice-select.wide .list {
[124] Fix | Delete
left: 0 !important;
[125] Fix | Delete
right: 0 !important
[126] Fix | Delete
}
[127] Fix | Delete
[128] Fix | Delete
.nice-select.right, [dir=rtl] .slick-slide {
[129] Fix | Delete
float: right
[130] Fix | Delete
}
[131] Fix | Delete
[132] Fix | Delete
.nice-select.right .list {
[133] Fix | Delete
left: auto;
[134] Fix | Delete
right: 0
[135] Fix | Delete
}
[136] Fix | Delete
[137] Fix | Delete
.nice-select.small {
[138] Fix | Delete
font-size: 12px;
[139] Fix | Delete
height: 36px;
[140] Fix | Delete
line-height: 34px
[141] Fix | Delete
}
[142] Fix | Delete
[143] Fix | Delete
.nice-select.small:after {
[144] Fix | Delete
height: 4px;
[145] Fix | Delete
width: 4px
[146] Fix | Delete
}
[147] Fix | Delete
[148] Fix | Delete
.nice-select.small .option {
[149] Fix | Delete
line-height: 34px;
[150] Fix | Delete
min-height: 34px
[151] Fix | Delete
}
[152] Fix | Delete
[153] Fix | Delete
.nice-select .list {
[154] Fix | Delete
border-radius: 5px;
[155] Fix | Delete
box-shadow: 0 0 0 1px rgb(102 65 229 / 15%);
[156] Fix | Delete
margin-top: 4px;
[157] Fix | Delete
opacity: 0;
[158] Fix | Delete
overflow: hidden;
[159] Fix | Delete
padding: 0;
[160] Fix | Delete
top: 100%;
[161] Fix | Delete
left: 0;
[162] Fix | Delete
-webkit-transform-origin: 50% 0;
[163] Fix | Delete
-ms-transform-origin: 50% 0;
[164] Fix | Delete
transform-origin: 50% 0;
[165] Fix | Delete
-webkit-transform: scale(.75) translateY(-21px);
[166] Fix | Delete
-ms-transform: scale(.75) translateY(-21px);
[167] Fix | Delete
transform: scale(.75) translateY(-21px);
[168] Fix | Delete
-webkit-transition: .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
[169] Fix | Delete
transition: .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
[170] Fix | Delete
z-index: 9;
[171] Fix | Delete
width: 100%
[172] Fix | Delete
}
[173] Fix | Delete
[174] Fix | Delete
.nice-select .list:hover .option:not(:hover) {
[175] Fix | Delete
background-color: transparent !important
[176] Fix | Delete
}
[177] Fix | Delete
[178] Fix | Delete
.nice-select .option {
[179] Fix | Delete
line-height: 30px;
[180] Fix | Delete
list-style: none;
[181] Fix | Delete
min-height: 30px;
[182] Fix | Delete
padding-left: 18px;
[183] Fix | Delete
padding-right: 29px;
[184] Fix | Delete
text-align: left;
[185] Fix | Delete
-webkit-transition: .2s;
[186] Fix | Delete
transition: .2s;
[187] Fix | Delete
margin: 0
[188] Fix | Delete
}
[189] Fix | Delete
[190] Fix | Delete
.nice-select .option + .option, .plan-row + .plan-row {
[191] Fix | Delete
border-top: 1px solid #d8d5ec
[192] Fix | Delete
}
[193] Fix | Delete
[194] Fix | Delete
.nice-select .option.focus, .nice-select .option.selected.focus, .nice-select .option:hover {
[195] Fix | Delete
background-color: #f7f5fe;
[196] Fix | Delete
color: #6641e5
[197] Fix | Delete
}
[198] Fix | Delete
[199] Fix | Delete
.nice-select .option.disabled {
[200] Fix | Delete
background-color: transparent;
[201] Fix | Delete
color: #999;
[202] Fix | Delete
cursor: default
[203] Fix | Delete
}
[204] Fix | Delete
[205] Fix | Delete
.desktop-table.sticky-table .best-value, .desktop-table.sticky-table .plan-name, .desktop-table.sticky-table .plan-renew, .desktop-table.sticky-table .plan-type, .desktop-table.sticky-table-hide-col .plan-name, .desktop-table.sticky-table-hide-col .plan-renew, .desktop-table.sticky-table-hide-col .plan-type, .mobile-table, .no-csspointerevents .nice-select .list, .slick-arrow.slick-hidden, .slick-slide.slick-loading img {
[206] Fix | Delete
display: none
[207] Fix | Delete
}
[208] Fix | Delete
[209] Fix | Delete
.pricing-top {
[210] Fix | Delete
background: #fff;
[211] Fix | Delete
padding: 50px 0 0
[212] Fix | Delete
}
[213] Fix | Delete
[214] Fix | Delete
.pricing-top .price-container {
[215] Fix | Delete
padding: 50px 20px 0
[216] Fix | Delete
}
[217] Fix | Delete
[218] Fix | Delete
.pricing-top .price-container.pricing-top-container {
[219] Fix | Delete
background: linear-gradient(92.24deg, #1c095b -17.78%, #4215a5 104%);
[220] Fix | Delete
padding: 0;
[221] Fix | Delete
width: 960px;
[222] Fix | Delete
border-radius: 10px
[223] Fix | Delete
}
[224] Fix | Delete
[225] Fix | Delete
.pricing-top .price-container.pricing-top-container .unlock-features.text-center {
[226] Fix | Delete
padding: 50px 0
[227] Fix | Delete
}
[228] Fix | Delete
[229] Fix | Delete
.pricing-top .price-container.pricing-top-container .plan-details {
[230] Fix | Delete
color: #fff;
[231] Fix | Delete
background: url("../images/wave-bg-image.png") center bottom/cover
[232] Fix | Delete
}
[233] Fix | Delete
[234] Fix | Delete
.wrap {
[235] Fix | Delete
margin: 0
[236] Fix | Delete
}
[237] Fix | Delete
[238] Fix | Delete
#wpwrap {
[239] Fix | Delete
background: 0 0
[240] Fix | Delete
}
[241] Fix | Delete
[242] Fix | Delete
#wpcontent {
[243] Fix | Delete
padding: 0
[244] Fix | Delete
}
[245] Fix | Delete
[246] Fix | Delete
.price-container {
[247] Fix | Delete
max-width: 100%;
[248] Fix | Delete
width: 1000px;
[249] Fix | Delete
margin: 0 auto;
[250] Fix | Delete
font-family: Poppins, sans-serif;
[251] Fix | Delete
padding: 0 20px
[252] Fix | Delete
}
[253] Fix | Delete
[254] Fix | Delete
.plan-details-top {
[255] Fix | Delete
padding: 0;
[256] Fix | Delete
font-size: 14px;
[257] Fix | Delete
line-height: 140%;
[258] Fix | Delete
align-items: center;
[259] Fix | Delete
color: #0c1d36;
[260] Fix | Delete
margin: 0 auto 50px;
[261] Fix | Delete
background: #fff;
[262] Fix | Delete
box-shadow: 0 4px 24px rgba(0, 0, 0, .06);
[263] Fix | Delete
border-radius: 8px
[264] Fix | Delete
}
[265] Fix | Delete
[266] Fix | Delete
.plan-details-bottom {
[267] Fix | Delete
box-shadow: 0 0 24px rgb(0 0 0 / 8%);
[268] Fix | Delete
border-radius: 16px 16px 0 0;
[269] Fix | Delete
min-height: 80px;
[270] Fix | Delete
background: #f2f2f2
[271] Fix | Delete
}
[272] Fix | Delete
[273] Fix | Delete
.plan-options {
[274] Fix | Delete
display: flex;
[275] Fix | Delete
text-align: center;
[276] Fix | Delete
align-items: center;
[277] Fix | Delete
align-content: center
[278] Fix | Delete
}
[279] Fix | Delete
[280] Fix | Delete
.plan-details-bottom .plan-option {
[281] Fix | Delete
flex: 1;
[282] Fix | Delete
padding: 25px;
[283] Fix | Delete
position: relative;
[284] Fix | Delete
cursor: pointer
[285] Fix | Delete
}
[286] Fix | Delete
[287] Fix | Delete
.plan-details-bottom .plan-option:first-child {
[288] Fix | Delete
-webkit-border-top-left-radius: 10px;
[289] Fix | Delete
-moz-border-radius-topleft: 10px;
[290] Fix | Delete
border-top-left-radius: 10px
[291] Fix | Delete
}
[292] Fix | Delete
[293] Fix | Delete
.plan-details-bottom .plan-option:last-child {
[294] Fix | Delete
-webkit-border-top-right-radius: 10px;
[295] Fix | Delete
-moz-border-radius-topright: 10px;
[296] Fix | Delete
border-top-right-radius: 10px
[297] Fix | Delete
}
[298] Fix | Delete
[299] Fix | Delete
.plan-option + .plan-option {
[300] Fix | Delete
border-left: 1px solid #e3e3e3
[301] Fix | Delete
}
[302] Fix | Delete
[303] Fix | Delete
.plan-details-bottom .plan-option.active, .plan-details-bottom .plan-option:hover {
[304] Fix | Delete
background: #fff
[305] Fix | Delete
}
[306] Fix | Delete
[307] Fix | Delete
.plan-option .plan-title {
[308] Fix | Delete
font-weight: 600;
[309] Fix | Delete
font-size: 18px;
[310] Fix | Delete
line-height: 140%;
[311] Fix | Delete
color: #000
[312] Fix | Delete
}
[313] Fix | Delete
[314] Fix | Delete
.plan-option .plan-desc, .plan-option .plan-title span {
[315] Fix | Delete
font-weight: 400;
[316] Fix | Delete
font-size: 14px;
[317] Fix | Delete
line-height: 140%
[318] Fix | Delete
}
[319] Fix | Delete
[320] Fix | Delete
.plan-option .plan-desc {
[321] Fix | Delete
color: #5a6185
[322] Fix | Delete
}
[323] Fix | Delete
[324] Fix | Delete
.pricing-bottom {
[325] Fix | Delete
padding: 50px 0 0;
[326] Fix | Delete
background-color: #fff
[327] Fix | Delete
}
[328] Fix | Delete
[329] Fix | Delete
span.table-text {
[330] Fix | Delete
flex: 1;
[331] Fix | Delete
padding-right: 4px
[332] Fix | Delete
}
[333] Fix | Delete
[334] Fix | Delete
span.table-tooltip {
[335] Fix | Delete
padding: 5px 10px 0 15px;
[336] Fix | Delete
height: 22px
[337] Fix | Delete
}
[338] Fix | Delete
[339] Fix | Delete
.pricing-table a {
[340] Fix | Delete
outline: 0;
[341] Fix | Delete
box-shadow: none
[342] Fix | Delete
}
[343] Fix | Delete
[344] Fix | Delete
.pricing-table .has-tooltip, .pricing-table .has-tooltip:focus, .pricing-table .has-tooltip:hover {
[345] Fix | Delete
display: flex;
[346] Fix | Delete
position: relative;
[347] Fix | Delete
color: #5a6185;
[348] Fix | Delete
line-height: 20px;
[349] Fix | Delete
outline: 0;
[350] Fix | Delete
box-shadow: none;
[351] Fix | Delete
text-decoration: none;
[352] Fix | Delete
width: 100%;
[353] Fix | Delete
align-items: center
[354] Fix | Delete
}
[355] Fix | Delete
[356] Fix | Delete
.pricing-body .plan-row .plan-col.first-row>.has-tooltip {
[357] Fix | Delete
padding: 16px 10px 0 20px;
[358] Fix | Delete
}
[359] Fix | Delete
[360] Fix | Delete
.pricing-body .plan-row .plan-col.first-row>.has-tooltip span.table-tooltip {
[361] Fix | Delete
padding-top: 0;
[362] Fix | Delete
height: auto;
[363] Fix | Delete
display: inline-flex;
[364] Fix | Delete
}
[365] Fix | Delete
[366] Fix | Delete
.plan-renew, .plan-type, .pricing-header-top .plan-row {
[367] Fix | Delete
align-items: center
[368] Fix | Delete
}
[369] Fix | Delete
[370] Fix | Delete
.table-tooltip-text {
[371] Fix | Delete
position: absolute;
[372] Fix | Delete
width: calc(100% - 30px);
[373] Fix | Delete
max-width: calc(100% - 30px);
[374] Fix | Delete
right: 10px;
[375] Fix | Delete
bottom: 100%;
[376] Fix | Delete
padding: 8px 15px;
[377] Fix | Delete
background: #fff;
[378] Fix | Delete
border-radius: 8px;
[379] Fix | Delete
transform: translateY(12px);
[380] Fix | Delete
border: 1px solid #f7f8fc;
[381] Fix | Delete
box-shadow: 0 2px 18px 5px rgb(73 104 126 / 20%);
[382] Fix | Delete
font-size: 12px;
[383] Fix | Delete
line-height: 18px;
[384] Fix | Delete
display: none;
[385] Fix | Delete
z-index: 11111
[386] Fix | Delete
}
[387] Fix | Delete
[388] Fix | Delete
.desktop-table.sticky-table .pricing-header-top .plan-price span, .plan-name {
[389] Fix | Delete
font-size: 24px
[390] Fix | Delete
}
[391] Fix | Delete
[392] Fix | Delete
.table-tooltip-text:after {
[393] Fix | Delete
content: "";
[394] Fix | Delete
top: 100%;
[395] Fix | Delete
height: 0;
[396] Fix | Delete
width: 0;
[397] Fix | Delete
border-width: 8px 5px 0;
[398] Fix | Delete
border-style: solid;
[399] Fix | Delete
border-color: #fff transparent transparent;
[400] Fix | Delete
z-index: 1;
[401] Fix | Delete
position: absolute;
[402] Fix | Delete
pointer-events: none;
[403] Fix | Delete
right: 12px;
[404] Fix | Delete
transform: translateY(-2px)
[405] Fix | Delete
}
[406] Fix | Delete
[407] Fix | Delete
.table-tooltip-text img {
[408] Fix | Delete
height: auto;
[409] Fix | Delete
margin: 10px auto 8px;
[410] Fix | Delete
max-height: 300px;
[411] Fix | Delete
max-width: 100%;
[412] Fix | Delete
display: block;
[413] Fix | Delete
border: 1px solid #efefef
[414] Fix | Delete
}
[415] Fix | Delete
[416] Fix | Delete
.head-logo {
[417] Fix | Delete
text-align: center !important
[418] Fix | Delete
}
[419] Fix | Delete
[420] Fix | Delete
.head-logo span:not(.fill-width) {
[421] Fix | Delete
font-size: 14px;
[422] Fix | Delete
line-height: 140%;
[423] Fix | Delete
color: #5a6185;
[424] Fix | Delete
max-width: 160px;
[425] Fix | Delete
display: inline-block;
[426] Fix | Delete
padding: 10px 0 0
[427] Fix | Delete
}
[428] Fix | Delete
[429] Fix | Delete
.plan-name {
[430] Fix | Delete
display: block;
[431] Fix | Delete
line-height: 24px;
[432] Fix | Delete
color: #000;
[433] Fix | Delete
padding: 8px 0 20px
[434] Fix | Delete
}
[435] Fix | Delete
[436] Fix | Delete
.plan-type {
[437] Fix | Delete
font-size: 13px;
[438] Fix | Delete
line-height: 140%;
[439] Fix | Delete
color: #5a6185;
[440] Fix | Delete
display: block;
[441] Fix | Delete
padding: 5px 0
[442] Fix | Delete
}
[443] Fix | Delete
[444] Fix | Delete
.plan-monthly, .plan-price {
[445] Fix | Delete
line-height: 140%;
[446] Fix | Delete
align-items: center
[447] Fix | Delete
}
[448] Fix | Delete
[449] Fix | Delete
.pricing-table table tr td.plan-info {
[450] Fix | Delete
padding: 25px 15px
[451] Fix | Delete
}
[452] Fix | Delete
[453] Fix | Delete
.plan-price {
[454] Fix | Delete
display: block;
[455] Fix | Delete
padding: 0;
[456] Fix | Delete
font-size: 16px;
[457] Fix | Delete
color: #5a6185
[458] Fix | Delete
}
[459] Fix | Delete
[460] Fix | Delete
.plan-monthly, .update-support {
[461] Fix | Delete
font-size: 12px;
[462] Fix | Delete
color: #5a6185;
[463] Fix | Delete
text-align: center
[464] Fix | Delete
}
[465] Fix | Delete
[466] Fix | Delete
.plan-price span {
[467] Fix | Delete
font-size: 32px;
[468] Fix | Delete
line-height: 140%;
[469] Fix | Delete
color: #0c1d36;
[470] Fix | Delete
transition: .2s linear
[471] Fix | Delete
}
[472] Fix | Delete
[473] Fix | Delete
.plan-monthly {
[474] Fix | Delete
background: #eceefc;
[475] Fix | Delete
border-radius: 32px;
[476] Fix | Delete
display: inline-block;
[477] Fix | Delete
padding: 5px 15px;
[478] Fix | Delete
margin: 0 0 30px
[479] Fix | Delete
}
[480] Fix | Delete
[481] Fix | Delete
.update-support {
[482] Fix | Delete
font-weight: 500;
[483] Fix | Delete
line-height: 140%;
[484] Fix | Delete
text-transform: uppercase;
[485] Fix | Delete
display: block;
[486] Fix | Delete
margin: 0 0 4px
[487] Fix | Delete
}
[488] Fix | Delete
[489] Fix | Delete
.current-plan-name, .plan-button a {
[490] Fix | Delete
font-size: 14px;
[491] Fix | Delete
font-weight: 600;
[492] Fix | Delete
line-height: 140%
[493] Fix | Delete
}
[494] Fix | Delete
[495] Fix | Delete
.plan-button {
[496] Fix | Delete
display: block;
[497] Fix | Delete
padding: 0
[498] Fix | Delete
}
[499] Fix | Delete
It is recommended that you Edit text format, this type of Fix handles quite a lot in one request
Function