352 lines
7.6 KiB
CSS
352 lines
7.6 KiB
CSS
|
||
|
||
.custom-sidebar{width:0;overflow:hidden;padding:0;position:absolute;
|
||
z-index: 1;
|
||
height:100%;
|
||
top:0;
|
||
padding-left:15px;
|
||
right:15px;
|
||
transition: 0.5s;
|
||
|
||
}
|
||
.table-cnt-box{padding-left:15px;padding-right:15px;}
|
||
|
||
#pricing_plan{transition:margin-right.5s;width:auto}
|
||
.slider-content-outerbox{width:100%;position:relative}
|
||
|
||
|
||
|
||
|
||
/*Data Table Color*/
|
||
|
||
|
||
.dedicated_table tr th{background: #191b1e;}
|
||
.dedicated_table tbody tr:hover td{background: #f2f4f7;}
|
||
.dedicated_table tr:hover td:nth-child(odd){color: #1b69ff;}
|
||
.dedicated_table tr:hover td:last-child a{background-color: #1b69ff;box-shadow: 0 0 0 2px #1b69ff inset;}
|
||
.dedicated_table tr td:last-child a{background-color: #fcfcfc;color: #1b69ff;border: 1px solid #1b69ff;}
|
||
|
||
.dedicated_table{width:100%}
|
||
.dedicated_table tr td:first-child,.dedicated_table tr th:first-child{text-align:left;padding-left:30px;border-top-left-radius: 0px;}
|
||
.dedicated_table tr th{color:#fff;padding: 20px 0;text-transform:uppercase;border:none;font-weight:700;font-size: 15px;}
|
||
.dedicated_table tr td{font-size: 14px;line-height:16px;font-weight:400;background:#fff;border:none;padding:25px 0;transition:all ease-in-out 0.5s}
|
||
.dedicated_table td.table_btn{text-align:right;padding-right:25px;}
|
||
.dedicated_table tbody tr{border-top:7px solid #f2f6f8;border-bottom:7px solid #f2f6f8;box-shadow: 0 3px 30px 0 rgba(53,102,200,.09);}
|
||
.dedicated_table tbody tr:last-child{border-bottom:none}
|
||
.dedicated_table tr th:last-child{border-radius: 0 0px 0 0;}
|
||
.dedicated_table tr td:last-child a{padding: 10px 21px;font-size:14px;font-weight:400;}
|
||
.dedicated_table tr:hover td:last-child a{color:#fff;text-decoration:none}
|
||
.dedicated_table tbody tr:hover td{color: #1b69ff;}
|
||
.dedicated_table.small-only{display:none;}
|
||
|
||
@media screen and (max-width:1024px){
|
||
.dedicated_table.small-only{display:table;margin-bottom:0;}
|
||
.dedicated_table.large-only{display:none;}
|
||
.dedicated_table tr th{padding:20px 0}
|
||
.dedicated_table td.table_btn{text-align:left;}
|
||
}
|
||
|
||
@media screen and (max-width:991px){
|
||
.dedicated_table tr th{padding:15px 0!important;padding-left:20px!important;}
|
||
.dedicated_table tr td{padding:20px 0}
|
||
.dedicated_table td.table_btn{text-align:left}
|
||
.dedicated_table tr td:last-child a{display:inline-block}
|
||
}
|
||
@media screen and (max-width:480px) {
|
||
.dedicated_table tr td{padding:15px 0;}
|
||
}
|
||
|
||
.cart-main-svg svg,.cart-main-svg img {
|
||
width: 70%;
|
||
}
|
||
span.agent-price {
|
||
display: block;
|
||
margin-top: 10px;
|
||
}
|
||
|
||
|
||
a.product-group {
|
||
box-shadow: 0px 4px 10px rgba(30,70,117,0.05)!important;
|
||
padding: 15px;
|
||
display: flex;
|
||
margin-bottom: 20px;
|
||
align-items: center;
|
||
text-decoration: none;
|
||
position: relative;
|
||
border: 2px solid transparent;
|
||
flex-wrap: wrap;
|
||
*
|
||
-webkit-backdrop-filter: blur(18px);-webkit-backdrop-filter-webkit-backdrop-filter
|
||
*
|
||
backdrop-filter: blur(18px);backdrop-filterbackdrop-filter
|
||
*
|
||
background-image: linear-gradient(
45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1));background-imagebackground-image
|
||
*
|
||
border: 
1px solid rgba(255, 255, 255, .2);borderborder
|
||
*
|
||
border-radius: 
13px;border-radiusborder-radius
|
||
-webkit-backdrop-filter: blur(18px);-webkit-backdrop-filter
|
||
backdrop-filter: blur(18px);
|
||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1));
|
||
border: 1px solid rgba(255, 255, 255, .2);
|
||
border-radius: 13px;
|
||
justify-content: center;
|
||
text-align: center;
|
||
}
|
||
|
||
a.product-group .right {
|
||
font-weight: 500;
|
||
color: #fff;
|
||
width: 100%;
|
||
margin-top: 10px;
|
||
font-size: 14px;
|
||
}
|
||
|
||
a.product-group .left img {width: 60px;}
|
||
|
||
a.product-group.active:after {
|
||
content: "\F058";
|
||
position: absolute;
|
||
top: 14px;
|
||
right: 20px;
|
||
font-family: Font Awesome\ 5 Pro;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
font-size: 28px;
|
||
color: #1b69ff!important;
|
||
text-align: center;
|
||
}
|
||
|
||
a.product-group.active {
|
||
border: 2px solid #1b69ff!important;
|
||
}
|
||
|
||
a.product-group.active .right {
|
||
color: #1b69ff;
|
||
}
|
||
|
||
|
||
.cart-select-area {
|
||
margin-top: -50px;
|
||
}
|
||
|
||
|
||
.ctg-order-now {
|
||
background-color: #3755fa;
|
||
color: #fff;
|
||
letter-spacing: -.01em;
|
||
font-weight: 500;
|
||
font-size: 16px;
|
||
line-height: 26px;
|
||
padding: 11px 24px;
|
||
min-width: 170px;
|
||
margin-top: 10px;
|
||
}
|
||
|
||
.cloud-cart-image {
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
|
||
@media screen and (max-width:768px) {
|
||
|
||
table.dedicated_table.stacktable.small-only {
|
||
/* margin-bottom: 20px; */
|
||
/* box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05); */
|
||
/* border-radius: 3px; */
|
||
/* background-color: #fff; */
|
||
}
|
||
|
||
.dedicated_table tbody tr {
|
||
border: 0px;
|
||
box-shadow: none;
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
.dedicated_table tr:first-child td {
|
||
background: #191b1e;
|
||
color: #fff;
|
||
}
|
||
|
||
.card-table-card {
|
||
box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05);
|
||
border-radius: 3px;
|
||
background-color: #fff;
|
||
margin-bottom: 20px;
|
||
padding-bottom: 20px;
|
||
}
|
||
|
||
.card-table-card a {
|
||
margin-top: 10px;
|
||
width: 100%;
|
||
}
|
||
|
||
}
|
||
|
||
|
||
@media screen and (min-width: 1024px){
|
||
.card-table-card.small-only {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
.card-table-card a {
|
||
background-color: #3755fa;
|
||
color: #fff;
|
||
font-size: 15px;
|
||
}
|
||
|
||
.card-table-card a i {
|
||
margin-right: 10px;
|
||
}
|
||
|
||
.ctg-cloud-feature {
|
||
padding: 24px;
|
||
border: 1px solid #dfe3e8;
|
||
color: #2b2f33;
|
||
border-radius: 24px;
|
||
margin-bottom: 20px;
|
||
height: calc(100% - 20px);
|
||
}
|
||
|
||
.ctg-cloud-feature svg {
|
||
width: 48px;
|
||
height: 48px;
|
||
fill: #3755fa;
|
||
}
|
||
|
||
.ctg-cloud-feature h3 {
|
||
font-weight: 500;
|
||
font-size: 20px;
|
||
line-height: 24px;
|
||
letter-spacing: -.03em;
|
||
}
|
||
|
||
.ctg-cloud-feature p {
|
||
letter-spacing: -.01em;
|
||
font-weight: 400;
|
||
font-size: 16px;
|
||
line-height: 26px;
|
||
}
|
||
|
||
|
||
|
||
|
||
.cart-view-type {
|
||
display: inline-flex;
|
||
float: right;
|
||
margin-bottom: 10px;
|
||
padding: 10px;
|
||
border-radius: 6px;
|
||
background: #f5f7f8;
|
||
}
|
||
|
||
.cart-view-type a.active {
|
||
color: #36364a;
|
||
background-color: #fff;
|
||
text-decoration: none;
|
||
transition: box-shadow .3s;
|
||
box-shadow: 0 2px 6px #12078f14, 0 1px 2px #0e094814, 0 0 0 1px #0e094814;
|
||
}
|
||
|
||
.cart-view-type a svg {
|
||
width: 24px;
|
||
height: 24px;
|
||
}
|
||
|
||
.cart-view-type a:first-child {
|
||
margin-right: 5px;
|
||
}
|
||
|
||
.cart-view-type a {
|
||
color: #36364a;
|
||
padding: 10px;
|
||
border-radius: 6px;
|
||
}
|
||
|
||
|
||
|
||
.product-wrap-box {
|
||
border-radius: 4px;
|
||
box-shadow: 0px 3px 10px 0px rgb(38 59 94 / 10%);
|
||
transition: ease all 0.35s;
|
||
margin-bottom: 2rem;
|
||
padding: 2.5rem;
|
||
background-color: #FFF;
|
||
}
|
||
.product-wrap-head {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
margin-bottom: 1.5rem;
|
||
flex-wrap: wrap;
|
||
}
|
||
.product-wrap-title {
|
||
font-size: 22px;
|
||
color: #111;
|
||
font-weight: 600;
|
||
width: 100%;
|
||
}
|
||
.product-wrap-price {
|
||
}
|
||
.product-wrap-price .big {
|
||
font-size: 26px;
|
||
}
|
||
.product-wrap-price .won {
|
||
color: #666;
|
||
}
|
||
.product-wrap-desc {
|
||
font-size: 16px;
|
||
margin: 0 0 2rem;
|
||
padding: 1.5rem 0 0;
|
||
list-style: none;
|
||
border-top: 1px solid #EEE;
|
||
}
|
||
.product-wrap-desc li {
|
||
display: flex;
|
||
align-items: center;
|
||
line-height: 30px;
|
||
font-size: 1rem;
|
||
}
|
||
.product-wrap-desc li span {
|
||
color: #666;
|
||
padding-right: 20px;
|
||
min-width: 50%;
|
||
text-align: left;
|
||
}
|
||
.product-wrap-box .btn {
|
||
display: block;
|
||
padding: 0;
|
||
line-height: 38px;
|
||
}
|
||
.product-wrap-box .btn-outofstock {
|
||
/* background-color: #f0f1f3; */
|
||
}
|
||
.page-section {
|
||
padding-top: 60px;
|
||
padding-bottom: 60px;
|
||
position: relative;
|
||
}
|
||
|
||
.product-wrap-desc li strong {
|
||
text-align: right;
|
||
}
|
||
|
||
|
||
.last-child {
|
||
display: block;
|
||
width: 100%;
|
||
padding: 20px;
|
||
}
|
||
|
||
.dedicated_table tr th {
|
||
cursor: pointer;
|
||
}
|
||
|
||
|
||
td.server-price span.agent-price {
|
||
color: #fff;
|
||
} |