/* GENERATED from custom.src.css (CSS nesting flattened for older browsers). Edit custom.src.css, then regenerate. */
:root { --cpguard-pink: #c72350; --cpguard-pink-dark: #d62857; --cpguard-pink-light: #FAE1E9; --light: #9b9b9b; --lighter: #F8F8F8; --dark: #424242; --darker: #080808; --black: #080808; --white: #ffffff; --gray-100: #efefef; --gray-200: #e6e6e6; --gray-300: #d9d9d9; --gray-400: #C0C0C0; --gray-500: #A9A9A9; --gray-600: #808080; --gray-700: #696969; --gray-800: #585858; --gray-900: #303030; --purple: #7056f5; --blue-400: #3b89ff; --blue-600: #0055d4; --max-width: 1320px; --padding-inline: 1rem; --main-font: 'Montserrat', sans-serif; --secondary-font: 'Noto Sans', sans-serif; }
body,
html { font-size: 1rem; }
h1,
h2,
h3 { letter-spacing: -1px; font-weight: 600; }
.pe-none { pointer-events: none !important; }
@media (min-width: 1200px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl { max-width: var(--max-width); }
}
.btn { border-radius: 10px !important; }
.staff-as-btn { position: absolute; background: rgb(23, 162, 184); padding: 0.4rem 1rem; right: 20px; top: 0px; border-radius: 0px 0px 11px 10px; }
.staff-as-btn a { text-decoration: none; color: white !important; }
#main-menu { border-bottom: .5px solid var(--gray-300); background: var(--white); height: 70px; padding: 1rem 0px !important; }
#main-menu .container { display: flex; align-content: center; }
@media (max-width: 425px) {
#main-menu .container { justify-content: center; }
}
@media (max-width: 425px) {
#main-menu .container .navbar-toggler { margin-bottom: 0.7rem; }
}
@media (max-width: 768px) {
#main-menu .container { justify-content: space-between; }
}
@media (max-width: 768px) {
#main-menu .container .navbar-toggler { margin-bottom: 0.7rem; }
}
#main-menu .navbar-brand { object-fit: contain; min-width: 216px; }
@media (max-width: 425px) {
#main-menu .navbar-brand { margin-left: 10px; }
}
@media (max-width: 425px) {
#main-menu .navbar-brand img { margin-top: 0px; height: 40px !important; }
}
@media (max-width: 768px) {
#main-menu .navbar-brand img { margin-top: 0px; height: 40px !important; }
}
#main-menu .navbar-toggler svg { height: 35px; width: 30px; }
@media (max-width: 425px) {
#main-menu .navbar-toggler svg { height: 26px; }
}
#main-menu .navbar-collapse { background-color: var(--white); gap: 15px; }
@media (max-width: 425px) {
#main-menu .navbar-collapse { padding: 1rem; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; }
}
@media (max-width: 768px) {
#main-menu .navbar-collapse { padding: 1rem; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; }
}
#main-menu .navbar-collapse.show { z-index: 9; }
#main-menu .navbar-collapse .navbar-nav { width: 100%; justify-content: flex-end; gap: 1rem; }
#main-menu .navbar-collapse .navbar-nav .nav-item .dropdown-toggle::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E"); width: 6px; height: 5px; }
#main-menu .navbar-collapse .navbar-nav .nav-item .nav-link { font-size: 1.1rem; font-weight: 500; font-family: var(--main-font) !important; color: var(--black) !important; }
#main-menu .navbar-collapse .navbar-nav .nav-item.active .nav-link { color: var(--cpguard-pink-dark) !important; }
#main-menu .nav-actions { display: flex; align-items: center; justify-content: flex-end; padding: 0px; gap: 1rem; min-width: max-content; }
@media (max-width: 425px) {
#main-menu .nav-actions { margin-top: 1rem; justify-content: flex-start; align-items: start; flex-direction: column; }
}
@media (min-width: 426px) and (max-width: 768px) {
#main-menu .nav-actions { margin-top: 1rem; justify-content: flex-start; align-items: start; flex-direction: column; }
}
#main-menu .nav-actions .btn-app-login { display: flex; align-items: center; justify-content: center; background: var(--cpguard-pink-dark); transition: 0.3s ease-in-out; height: 40px !important; border-radius: 8px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
#main-menu .nav-actions .btn-app-login .nav-link { padding: 0.5rem; }
#main-menu .nav-actions .btn-app-login a { color: var(--white) !important; }
#main-menu .nav-actions .btn-app-login:hover { background: rgb(253, 48, 104) !important; }
#main-menu .nav-actions .btn-login { display: flex; align-items: center; justify-content: center; background: var(--cpguard-pink); height: 45px !important; color: var(--white) !important; border-radius: 8px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
#main-menu .nav-actions .btn-login a { color: var(--white) !important; }
#main-menu .nav-actions .btn-login:hover { background: var(--cpguard-pink-dark) !important; }
#main-menu .nav-actions .btn-login:hover a { color: var(--white) !important; }
#main-menu .nav-actions .btn-outline-secondary { display: flex; align-items: center; justify-content: center; height: 45px !important; border-radius: 8px !important; padding: 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
#main-menu .nav-actions .btn-outline-secondary .dropdown-menu { border-radius: 10px; }
#main-menu .nav-actions .btn-outline-secondary a { padding: 1rem 0px !important; }
#main-menu .nav-actions .btn-outline-secondary:hover { background: var(--white) !important; }
#main-menu .nav-actions .btn-outline-secondary:hover a { color: var(--cpguard-pink-dark) !important; }
#main-menu .nav-actions .btn-outline-secondary:hover .dropdown-item { color: var(--black) !important; }
#main-menu .nav-actions .btn-outline-secondary .show { padding: 0.2rem; }
#main-menu .nav-actions .btn-outline-secondary .show.dropdown-menu .dropdown-item { padding: 0.5rem 1rem !important; }
#main-menu .nav-actions #profilePic { height: 30px; width: 30px; margin-right: 6px; background-color: rgb(230, 230, 230); border-radius: 50% !important; }
#main-menu .nav-actions .nav-link { display: flex; align-items: center; font-size: 1.03rem; font-weight: 500; max-width: 20ch; gap: 4px; font-family: var(--main-font) !important; color: var(--black) !important; }
#main-menu .nav-actions .nav-link p { margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0px; }
.main-content { padding-top: 4rem !important; }
.notifyjs-corner { top: 90px !important; }
.cart-edit-btn { background: rgb(203, 224, 255); color: rgb(8, 78, 183); padding: 0px 6px; border-radius: 4px; border: 1px solid; text-decoration: none !important; }
.hero-index .content { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; gap: 2rem; padding: 10rem 0px 6rem; }
@media (max-width: 425px) {
.hero-index .content { padding-top: 8rem; }
}
.hero-index .content svg { width: 170px; height: 94px; }
@media (max-width: 425px) {
.hero-index .content svg { width: 130px; height: 70px; }
}
.hero-index .content h1 { font-family: var(--main-font); font-size: 4rem; color: var(--black); font-weight: 600; letter-spacing: -1px; }
@media (max-width: 425px) {
.hero-index .content h1 { font-size: 2rem; }
}
.hero-index .content button { padding: 0px 2rem; display: flex; align-items: center; justify-content: center; background: var(--cpguard-pink); height: 45px !important; color: var(--white) !important; border-radius: 8px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.hero-index .content button a { color: var(--white) !important; }
.hero-index .content button:hover { background: var(--cpguard-pink-dark) !important; }
.hero-index .content button:hover a { color: var(--white) !important; }
.thanks { padding: 1rem 0px; margin-bottom: 2rem; }
.thanks blockquote { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.thanks blockquote h3 { text-align: center; font-family: var(--main-font); font-size: 3rem; color: var(--black); font-weight: 600; padding-bottom: 3rem; }
@media (max-width: 425px) {
.thanks blockquote h3 { font-size: 1.5rem; }
}
.thanks blockquote p { text-align: center; font-family: var(--main-font); font-size: 20px; }
@media (max-width: 425px) {
.thanks blockquote p { font-size: 16px; }
}
.portal-box .card { min-height: 250px; padding: 1rem; }
.portal-box .card .card-body { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; }
.portal-box .card .card-body .icon.portal { height: 76px; }
.portal-box .card .card-body .icon.portal::after { display: flex; align-items: center; justify-content: flex-start; content: ""; margin-top: 20px; background-image: url("https://www.opsshield.com/images/cpguard-logo.svg"); background-repeat: no-repeat; width: 120px; height: 65px; }
.portal-box .card .card-body img { height: 66px; margin-bottom: 10px; filter: brightness(0.5) saturate(0.5); }
.portal-box .card .card-body h4 { margin-bottom: 3rem; color: var(--black); }
.portal-box .card .card-body p { text-align: start; }
.portal-box:last-child { padding-bottom: 4rem; }
.footer { background: var(--black); padding: 4rem; min-height: 10rem; color: var(--white); }
@media (max-width: 425px) {
.footer { padding: 4rem 1rem; }
}
.footer .brand { display: flex; justify-content: space-between; flex-direction: column; gap: 2rem; min-height: 190px; }
@media (max-width: 425px) {
.footer .brand { min-height: auto !important; }
}
.footer .brand p { line-height: 1.5; margin-bottom: 1rem; letter-spacing: -0.2px; font-size: 1rem; }
.footer .brand .logo { width: 200px; height: auto; margin: 0px !important; }
.footer .social { margin-top: 2rem; display: flex; align-items: center; gap: 20px; }
@media (max-width: 425px) {
.footer .social { margin-bottom: 2rem; }
}
.footer .social a svg { fill: var(--white); }
.footer .links ul { list-style: none; padding-left: 0px; margin-top: 1.7rem; margin-bottom: 2.5rem; }
.footer .links ul li { margin-bottom: 1rem; }
.footer .links ul li a { font-size: 1rem; color: var(--white) !important; }
#review-order .card-header { padding-bottom: 4rem; }
#review-order .btn-success { margin-left: 12px; }
#review-order table { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
#review-order table.table-striped thead tr th { padding: 1rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: rgb(245, 245, 245); font-size: medium; color: rgb(31, 47, 95); }
#review-order table.table-striped thead tr th:first-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
#review-order table.table-striped thead tr th:last-child { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
#review-order table.table-striped tbody tr td { padding: 1.5rem 1rem; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-bottom: 1px solid var(--gray-300); text-align: justify; vertical-align: middle; border-radius: 0px !important; }
#review-order table.table-striped tbody tr td .btn-group { gap: 8px; transition: 1.5s ease-in-out; }
#review-order table.table-striped tbody tr td .btn-group .btn.btn-danger { border-radius: 2px; padding: 6px 8px; }
#review-order table.table-striped tbody tr td .btn-group .btn.btn-light { border-radius: 2px; padding: 6px 8px; border-color: var(--cpguard-pink-dark); color: var(--cpguard-pink-dark); }
#review-order table.table-striped tbody tr td .btn-group .btn.btn-light:hover { color: var(--cpguard-pink-dark) !important; background: var(--cpguard-pink-light) !important; }
#review-order table.table-striped tbody tr td .btn-group .btn.btn-danger { border-radius: 2px; padding: 6px 8px; background: var(--cpguard-pink-light) !important; color: var(--cpguard-pink-dark) !important; }
#review-order table.table-striped tbody tr td .btn-group .btn.btn-danger:hover { color: var(--white) !important; background: var(--cpguard-pink-dark) !important; }
#review-order table.table-curved { border-left-width: medium !important; border-left-style: none !important; border-left-color: currentcolor !important; border-radius: 0px !important; }
#affiliates { margin-top: 2rem; }
#affiliates.card { border: 1px solid var(--gray-400) !important; border-radius: 6px !important; padding: 1rem !important; }
#affiliates.card .card-header { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
#affiliates.card .btn-success { margin-top: 1.5rem !important; }
#myTab .nav-item { padding: 1rem 0px 0px; }
#myTab .nav-item .nav-link { padding: 1rem 2rem; width: 100%; filter: grayscale(1); transition: 0.5s ease-in-out; display: flex; align-items: center; justify-content: start; gap: 10px; font-size: 1.1rem; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
#myTab .nav-item .nav-link:hover { filter: none !important; color: var(--blue-600) !important; }
#myTab .nav-item .nav-link.active { border-bottom: 2px solid var(--blue-400) !important; color: var(--blue-600) !important; filter: none !important; }
@media (min-width: 320px) and (max-width: 425px) {
#myTab .nav-item .nav-link svg { display: none; }
}
@media (min-width: 320px) and (max-width: 425px) {
#myTabContent .affiliate_boxes { gap: 10px; }
}
#myTabContent .affiliate_boxes > div:first-child { padding-left: 0px !important; }
#myTabContent .affiliate_boxes > div:last-child { padding-right: 0px !important; }
@media (min-width: 320px) and (max-width: 425px) {
#myTabContent .affiliate_boxes > div { padding: 0px; }
}
#myTabContent .affiliate_boxes > div .card { min-height: 150px; padding: 20px; background-color: var(--white) !important; border-radius: 10px !important; border-color: var(--gray-300) !important; }
#myTabContent .affiliate_boxes > div .card h2 { font-size: 3rem; color: var(--black); }
#myTabContent .affiliate_boxes > div .card p:first-child { font-size: 1rem; font-weight: 500; color: var(--black); }
#myTabContent .affiliate_boxes > div .card p:last-child { text-align: end; color: var(--black); }
#myTabContent .affiliate-content { border: 1px solid var(--gray-300); padding: 30px 20px; border-radius: 10px; }
@media (min-width: 320px) and (max-width: 425px) {
#myTabContent .affiliate-content { flex-direction: column; gap: 30px; }
}
#myTabContent .affiliate-content h4 { margin-bottom: 2rem; color: var(--black) !important; }
#myTabContent .affiliate-content .border-right { padding-right: 2rem; border-width: 1px !important; border-color: var(--gray-300) !important; }
@media (min-width: 320px) and (max-width: 425px) {
#myTabContent .affiliate-content .border-right { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
}
#myTabContent .affiliate-content .link_area_right .card { padding: 1rem 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; background-color: var(--white) !important; }
#myTabContent .affiliate-content .link_area_right .card input { border-radius: 0px !important; background-color: var(--white) !important; }
#myTabContent .affiliate-content .link_area_right .card .martop10 { margin-top: 1rem !important; }
#myTabContent .affiliate-content .table-responsive table { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
#myTabContent .affiliate-content .table-responsive table tr td { padding: 5px 10px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.table { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.table thead tr th { padding: 0.5rem 1rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: rgb(245, 245, 245); color: rgb(31, 47, 95); font-size: 1rem; }
.table thead tr th a { font-size: 1rem; text-decoration: none; }
.table thead tr th a:hover { text-decoration: none !important; }
.table thead tr th:first-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.table thead tr th:last-child { border-top-right-radius: 8px; border-bottom-right-radius: 8px; position: sticky; right: 0px; }
@media (min-width: 320px) and (max-width: 425px) {
.table thead tr th:last-child { min-width: 100px; max-width: 100px; }
}
.table tbody tr { position: relative; }
.table tbody tr:nth-of-type(2n+1) { background-color: var(--white) !important; }
.table tbody tr.expand-in td:last-child { position: sticky; right: 0px; gap: 10px; min-width: auto; height: 100%; background-color: var(--white); border-bottom: 1px solid var(--gray-300); border-right-width: medium !important; border-right-style: none !important; border-right-color: currentcolor !important; }
@media (min-width: 320px) and (max-width: 425px) {
.table tbody tr.expand-in td:last-child { max-height: 60px; }
}
.table tbody tr.expand td:last-child { position: sticky; right: 0px; gap: 10px; min-width: auto; background-color: var(--white); border-bottom: 1px solid var(--gray-300); display: flex; justify-content: flex-end; align-items: center; height: auto; min-height: 5rem; border-right-width: medium !important; border-right-style: none !important; border-right-color: currentcolor !important; }
@media (min-width: 320px) and (max-width: 425px) {
.table tbody tr.expand td:last-child { max-height: 60px; }
}
.table tbody tr td { padding: 14px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-bottom: 1px solid var(--gray-300); height: 100%; text-align: justify; vertical-align: middle; border-radius: 0px !important; }
.table tbody tr td .service-ips { text-decoration: none; cursor: pointer; color: inherit; display: flex; align-items: center; justify-content: flex-start; gap: 2px; min-width: 278px; }
.table tbody tr td .service-ips:hover::after { display: flex; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z'%3E%3C/path%3E%3C/svg%3E"); width: 12px; height: 12px; }
.table tbody tr td .license-key { text-decoration: none; cursor: pointer; color: inherit; display: flex; align-items: center; justify-content: flex-start; gap: 2px; min-width: 278px; }
.table tbody tr td .license-key:hover::after { display: flex; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(108,117,125,1)'%3E%3Cpath d='M6.9998 6V3C6.9998 2.44772 7.44752 2 7.9998 2H19.9998C20.5521 2 20.9998 2.44772 20.9998 3V17C20.9998 17.5523 20.5521 18 19.9998 18H16.9998V20.9991C16.9998 21.5519 16.5499 22 15.993 22H4.00666C3.45059 22 3 21.5554 3 20.9991L3.0026 7.00087C3.0027 6.44811 3.45264 6 4.00942 6H6.9998ZM5.00242 8L5.00019 20H14.9998V8H5.00242ZM8.9998 6H16.9998V16H18.9998V4H8.9998V6Z'%3E%3C/path%3E%3C/svg%3E"); width: 12px; height: 12px; }
.table tbody tr td:first-child { border-left-width: medium !important; border-left-style: none !important; border-left-color: currentcolor !important; }
.table tbody tr td h4 { margin-top: 15px; padding-bottom: 5px !important; }
.table tbody tr td .btn-group { gap: 8px; transition: 1.5s ease-in-out; }
@media (min-width: 320px) and (max-width: 425px) {
.table tbody tr td .btn-group span { display: none; }
}
.table tbody tr td .btn-group .btn.btn-light { background-color: rgba(223, 223, 223, 0.46); border-radius: 8px; padding: 4px 3px; border-color: rgb(237, 237, 237); color: var(--black); display: flex; align-items: center; font-size: 14px; }
.table tbody tr td .btn-group .btn.btn-light i { padding: 2px; font-size: 14px; }
.table tbody tr td .btn-group .btn.btn-light:hover { color: var(--cpguard-pink-dark) !important; border-color: var(--cpguard-pink-dark) !important; }
.table tbody tr td .btn-group .btn.btn-danger { background: rgb(255, 224, 224); color: rgb(220, 53, 69); border-radius: 8px; padding: 4px 3px; display: flex; align-items: center; font-size: 14px; border: 1px solid rgb(255, 224, 224); }
.table tbody tr td .btn-group .btn.btn-danger i { padding: 2px; font-size: 14px; }
.table tbody tr td .btn-group .btn.btn-danger:hover { color: rgb(255, 255, 255); background: rgb(220, 53, 69); border-color: rgb(255, 255, 255); }
.table tbody tr .badge { font-size: 0.9em; padding: 0.3rem 0.4rem; font-weight: 500; }
.table.table-curved { border-left-width: medium !important; border-left-style: none !important; border-left-color: currentcolor !important; border-radius: 0px !important; }
.title h3 { margin: 0px; }
.info-card { position: sticky; top: 106px; border-radius: 10px; padding: 2px; display: flex !important; align-items: flex-start !important; flex-direction: column !important; border: 1px solid var(--gray-200) !important; }
@media (min-width: 320px) and (max-width: 425px) {
.info-card { display: none !important; }
}
.info-card .card { width: 100%; padding: 2rem 1rem 0px !important; gap: 8px !important; color: var(--black) !important; }
.info-card .card:last-child { padding: 1rem !important; }
@media (min-width: 426px) and (max-width: 768px) {
.info-card .card { padding: 4px !important; }
}
@media (min-width: 426px) and (max-width: 768px) {
.info-card .card:last-child { font-size: small; padding: 0.2rem !important; }
}
@media (min-width: 426px) and (max-width: 768px) {
.info-card .card .btn { margin: 0px; padding: 0px; width: 16px; }
}
.info-card .card .card-header { display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; padding: 0px !important; margin-bottom: 14px !important; }
.info-card .card .card-header strong { font-size: medium; font-weight: 600; }
.info-card .card .card-header img { width: 7rem; height: 7rem; border-radius: 50%; margin-bottom: 20px; background-color: rgb(245, 245, 245); }
@media (min-width: 426px) and (max-width: 768px) {
.info-card .card .card-header { font-size: 1.3rem !important; }
}
@media (min-width: 426px) and (max-width: 768px) {
.info-card .card .card-header strong { font-size: small; }
}
@media (min-width: 426px) and (max-width: 768px) {
.info-card .card .card-header img { width: 4rem; height: 4rem; margin-bottom: 10px; }
}
.info-card .card .card-body { padding: 0px !important; }
.info-card .card .card-body address { text-align: center; font-size: 1.1rem; }
.info-card .card .card-body address strong { display: block; height: 10px; }
@media (min-width: 426px) and (max-width: 768px) {
.info-card .card .card-body address { font-size: 0.9rem; }
}
.info-card .card .list-group .alert-info { color: var(--black) !important; background-color: var(--white) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; padding: 0px !important; }
.info-card .card #amounts ul { align-items: center; justify-content: space-between; display: flex !important; flex-direction: row-reverse !important; }
@media (min-width: 426px) and (max-width: 768px) {
.info-card .card #amounts ul { flex-direction: column-reverse !important; }
}
.info-card .card #amounts ul li:last-child { padding: 0px !important; }
@media (min-width: 426px) and (max-width: 768px) {
.info-card .card #amounts ul li:first-child { width: 100%; display: flex; align-items: center; justify-content: center; }
}
@media (min-width: 426px) and (max-width: 768px) {
.info-card .card #amounts ul li:first-child .btn { width: 50%; }
}
.info-card .card #amounts .list-group-item { margin-top: 1rem; padding: 0.4rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.info-card .card #amounts .bg-light { background: rgb(255, 255, 255) !important; }
#client_ticket_reply { gap: 15px; }
#client_ticket_reply .main-head { margin-bottom: 20px; }
#client_ticket_reply .main-head.h2 { color: var(--black) !important; font-weight: 600; }
#client_ticket_reply form .btn-group { gap: 10px; }
.md-editor { border-radius: 0.25rem; }
.md-editor .md-header { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; background: white; padding: 10px; }
.md-editor .md-header .btn-group button { border-radius: 0.25rem !important; }
.md-editor textarea { padding: 10px; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; min-height: 200px; background: white !important; resize: vertical !important; }
.md-editor .md-preview { padding: 10px; border-top-width: medium !important; border-top-style: none !important; border-top-color: currentcolor !important; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; }
.md-editor .md-preview p { padding: inherit; object-fit: contain; }
.md-editor .md-preview p code { background-color: rgb(47, 47, 47); color: white; padding: 10px; border-radius: 4px; }
.md-editor .md-preview p img { max-width: 100%; }
.md-editor .md-preview h3 { color: rgb(0, 0, 0); font-size: 1.5rem; }
.md-editor .md-preview ul { padding-inline-start: 20px !important; }
.md-editor .md-preview ol { padding-inline-start: 20px !important; }
.dz-message { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 20px; cursor: pointer; border: 1px dashed var(--gray-400) !important; color: var(--gray-600) !important; }
.clearfix { margin-bottom: 2rem; }
.ticket-reply { border-top: 1px solid var(--gray-200); padding: 2rem 10px !important; }
.ticket-reply .header { display: flex; align-items: center; justify-content: space-between; }
@media (min-width: 320px) and (max-width: 425px) {
.ticket-reply .header { flex-direction: column-reverse; align-items: flex-start; }
}
.ticket-reply .header .profile { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.ticket-reply .header .profile img { border-radius: 50%; background-color: rgb(230, 230, 230); width: 2.5rem !important; height: 2.5rem !important; padding: 0px !important; }
.ticket-reply .header .profile p { display: flex; align-items: self-start; justify-content: flex-start; flex-direction: column; font-weight: 600; margin-bottom: 0px !important; }
.ticket-reply .top-bar { display: flex; flex-direction: row; align-items: center; gap: 6px; padding: 0px; border-radius: 0px; background-color: rgb(255, 255, 255) !important; margin-bottom: 0px !important; }
.ticket-reply .replier { display: flex; align-items: center; justify-content: center; flex-direction: column; border-right-width: medium !important; border-right-style: none !important; border-right-color: currentcolor !important; }
.ticket-reply .replier img { border-radius: 50%; width: 5rem !important; height: 5rem !important; padding: 0px !important; }
.ticket-reply .replier p { text-align: left !important; }
.ticket-reply .response { padding-left: 0px !important; padding-right: 0px !important; }
.ticket-reply .response p { object-fit: contain; }
.ticket-reply .response p img { max-width: 100%; }
.ticket-reply .response h3 { color: rgb(0, 0, 0); font-size: 1.5rem; }
.ticket-reply .response ul { padding-inline-start: 20px !important; }
.ticket-reply .response ol { padding-inline-start: 20px !important; }
.ticket-reply .response pre { background-color: rgb(47, 47, 47); color: white; padding: 10px; border-radius: 4px; }
.staff-reply { padding: 0px; border-radius: 0px; margin-bottom: 1rem; background-color: rgb(255, 255, 255) !important; }
.support_manager_modal .support_manager_close { top: 85px !important; }
.marbot10 { padding: 0px !important; font-style: italic !important; }
.marbot10 .alert { padding: 1.2rem 5px 0.8rem !important; }
.marbot10 .alert.alert-info { color: rgb(18, 89, 0); background: rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); border-image: none; border-left: 3px solid rgb(255, 255, 255); border-top: 1px solid var(--gray-200); margin-top: 20px; border-radius: 0px; }
.card-ticket-reply { display: flex; align-items: start; justify-content: flex-start; gap: 20px; position: sticky; top: 139px; border-radius: 10px; }
.card-ticket-reply div { display: flex; align-items: start; justify-content: flex-start; flex-direction: column; }
#myHome .nav-item .nav-link { display: flex; align-items: center; justify-content: flex-start; }
@media (max-width: 425px) {
#myHome .nav-item .nav-link { justify-content: center; }
}
#myHome .nav-item .nav-link svg { height: 30px; width: 40px; }
@media (max-width: 425px) {
#myHome .nav-item .nav-link svg { display: none; }
}
#myHome .nav-item .nav-link.active { border-bottom: 2px solid var(--mdb-nav-tabs-link-active-border-color) !important; }
#myHome .nav-item .nav-link.active .info-counts { background: rgb(203, 224, 255); color: rgb(8, 78, 183); }
#myHome .nav-item .nav-link .info-counts { background: rgb(239, 239, 239); border-radius: 4px; color: rgb(167, 167, 167); padding: 4px; }
.card-blesta .card-header { letter-spacing: -1px; background-color: var(--white) !important; color: var(--black) !important; font-size: 2.3rem !important; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; font-weight: 600 !important; padding-top: 0px !important; }
.card-nav { margin-bottom: 2rem; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; }
.card-nav .float-left .card-links { display: flex; gap: 0px; border: 1px solid; border-radius: 8px; padding: 0px; overflow: hidden; }
@media (min-width: 320px) and (max-width: 425px) {
.card-nav .float-left .card-links { flex-direction: column; }
}
.card-nav .float-left .card-links li { padding: 6px 12px 6px 8px; border-right: 1px solid var(--gray-400); margin-right: 0px !important; }
.card-nav .float-left .card-links li:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.card-nav .float-left .card-links li a { color: var(--gray-600) !important; }
.card-nav .float-left .card-links li .badge { color: var(--gray-600) !important; }
.card-nav .float-left .card-links li.active { opacity: 1; background-color: rgb(31, 47, 95) !important; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; }
.card-nav .float-left .card-links li.active a { color: var(--white) !important; }
.card-nav .float-left .card-links li.active .badge { color: var(--white) !important; }
.card-nav .float-right .filter-toggle { border-radius: 10px; }
@media (max-width: 425px) {
.right_content { padding: 0.5rem !important; }
}
.right_content .alert.alert-warning { color: rgb(31, 35, 40); background: rgb(255, 248, 197); border-width: 1px 1px 1px 3px; border-style: solid; border-color: rgba(212, 167, 44, 0.4); border-image: none; }
.right_content .alert.alert-warning div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
@media (min-width: 320px) and (max-width: 425px) {
.right_content .alert.alert-warning div { flex-direction: column; }
}
.right_content .alert.alert-warning div p { word-break: break-word; overflow-wrap: break-word; }
.right_content .alert.alert-warning div a { margin-top: 0px !important; min-width: 154px; }
.right_content .alert.alert-success { border-left: 3px solid rgb(60, 118, 61); }
.right_content .alert.alert-info { border-left: 3px solid rgb(58, 135, 173); }
.right_content .alert.alert-danger { border-left: 3px solid rgb(185, 74, 72); }
.right_content .alert .btn-success,
.right_content .alert .btn-danger,
.right_content .alert .btn-info,
.right_content .alert .btn-warning { color: rgb(4, 4, 4); }
.right_content .alert button.close { color: rgb(0, 0, 0); }
.right_content .alert h5 { font-size: 1.5rem; padding: 0.5rem 0px 0.4rem; }
.tab-pane { padding: 0px !important; }
.card-blesta .card-body { padding: 0px !important; }
.card-blesta .card-header { padding: 1rem 0px !important; }
.tab-content { padding: 0px !important; }
#client-contact-form .form-control { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px 0px; }
#client-contact-form .submit-button { background-color: rgb(236, 30, 101); color: rgb(255, 255, 255); }
#client-contact-form .form-group label { color: rgb(1, 73, 101); font-size: 14.5px; }
#client-contact-form .form-group .btn-group button { color: rgb(255, 22, 84); border-color: rgb(255, 22, 84); }
#client-contact-form .nav-tabs li a.nav-link.active { border-width: medium medium 0.5px; border-style: none none solid; border-color: currentcolor currentcolor rgb(0, 151, 232); border-image: none; color: rgb(0, 151, 232) !important; }
#client-contact-form .nav .nav-item .nav-link { color: rgb(1, 73, 101) !important; }
#client-contact-form .nav-tabs li a:hover { border-width: medium medium 0.3px; border-style: none none solid; border-color: currentcolor currentcolor rgba(183, 183, 183, 0.17); border-image: none; }
#client-form .nav-tabs li a.nav-link.active { border-width: medium medium 0.5px; border-style: none none solid; border-color: currentcolor currentcolor rgb(0, 151, 232); border-image: none; color: rgb(0, 151, 232) !important; }
#client-form .nav .nav-item .nav-link { color: rgb(1, 73, 101) !important; }
#client-form .nav-tabs li a:hover { border-width: medium medium 0.5px; border-style: none none solid; border-color: currentcolor currentcolor rgba(0, 0, 0, 0.125); border-image: none; }
#client-form .submit-button { background-color: rgb(236, 30, 101); color: rgb(255, 255, 255); }
#client-form .form-group label { color: rgb(1, 73, 101); font-size: 14.5px; }
#client-form .form-group .btn-group button { color: rgb(255, 22, 84); border-color: rgb(255, 22, 84); }
#client-form .form-group .form-control { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px 0px; }
#client-form .form-group .form-control ::placeholder { color: rgb(168, 168, 168); opacity: 1; }
.card-footer:last-child,
.panel .panel-footer:last-child { border-radius: 0px 0px calc(-1px + 0.25rem) calc(-1px + 0.25rem); background: rgb(255, 255, 255); }
#main-menu nav.navbar { background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.1); padding: 0.5rem; }
.title { background: rgb(255, 255, 255); }
#my-info .card-blesta > .card-header { background: rgb(255, 255, 255); color: rgb(1, 73, 101); font-weight: 700; }
.card-blesta { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
#package-tabs .page-title { padding: 0px !important; }
#package-tabs a.nav-link { display: flex; align-items: center; justify-content: flex-start; }
@media (min-width: 320px) and (max-width: 425px) {
#package-tabs a.nav-link { justify-content: center; }
}
@media (min-width: 320px) and (max-width: 425px) {
#package-tabs a.nav-link svg { width: 80px; }
}
#packages .bootstrap-select .dropdown-toggle .filter-option-inner-inner { margin-right: 5px; }
#packages.tab-content .content_section { background: rgb(255, 255, 255); }
@media (min-width: 320px) and (max-width: 425px) {
#packages.tab-content .float-right { margin-top: 1rem; }
}
#packages.tab-content strong { display: block; font-weight: 700; margin-bottom: 1rem; color: rgb(0, 0, 0); font-size: 24px !important; }
#packages.tab-content h4 { line-height: 2rem; border: 0px; font-size: 1rem; margin-top: -2rem; float: right; text-align: right; max-width: 300px; }
@media (max-width: 425px) {
#packages.tab-content h4 { display: none; }
}
@media (min-width: 769px) and (max-width: 1024px) {
#packages.tab-content h4 { display: none; }
}
#packages.tab-content .pkg-description { font-size: 16px !important; text-align: left !important; }
#packages.tab-content .pkg-description p { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; gap: 6px; padding: 7px; }
#packages.tab-content .pkg-description p::before { display: block; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(1,177,18,1)'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11.0026 16L6.75999 11.7574L8.17421 10.3431L11.0026 13.1716L16.6595 7.51472L18.0737 8.92893L11.0026 16Z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; height: 16px; width: 16px; }
#packages.tab-content hr { margin-bottom: 2rem; margin-top: 2rem; }
#packages.tab-content form { display: flex; align-items: center; justify-content: space-between; gap: 0px; }
#packages.tab-content form .form-control { outline: none; }
#packages.tab-content form button.submit { background-color: rgb(255, 55, 108); color: rgb(255, 255, 255); border-color: rgb(255, 55, 108); }
.cards .nav-tabs .nav-link { --mdb-nav-tabs-link-font-weight: 500; --mdb-nav-tabs-link-font-size: 12px; --mdb-nav-tabs-link-color: rgba(var(--mdb-emphasis-color-rgb), 0.55); --mdb-nav-tabs-link-padding-top: 17px; --mdb-nav-tabs-link-padding-bottom: 16px; --mdb-nav-tabs-link-padding-x: 29px; --mdb-nav-tabs-link-hover-bgc: var(--mdb-highlight-bg-color); --mdb-nav-tabs-link-border-bottom-width: 2px; --mdb-nav-tabs-link-active-color: #3b71ca; --mdb-nav-tabs-link-active-border-color: #3b71ca; border-width: 0px 0px 1px; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, 0); border-radius: 0px; line-height: 1; font-weight: var(--mdb-nav-tabs-link-font-weight); font-size: var(--mdb-nav-tabs-link-font-size); color: var(--mdb-nav-tabs-link-color); padding: var(--mdb-nav-tabs-link-padding-top) var(--mdb-nav-tabs-link-padding-x) var(--mdb-nav-tabs-link-padding-bottom) var(--mdb-nav-tabs-link-padding-x); }
.cards .nav-tabs { width: 100%; }
.cards .nav-tabs .nav-link,
.nav-tabs li a { font-size: 16px; }
.cards .nav-tabs .nav-link > span,
.nav-tabs li a > span { font-size: 14px; margin-left: 0.5rem; }
.cards .nav-tabs .nav-link.active,
.cards .nav-tabs .nav-item.show .nav-link { border-color: var(--mdb-nav-tabs-link-active-border-color); color: var(--mdb-nav-tabs-link-active-color) !important; }
.cards { padding: 0px; margin: 0px; }
.cards .nav-tabs .nav-link { min-height: 77px !important; }
.cards .nav-tabs .nav-link.active { border-color: var(--mdb-nav-tabs-link-active-border-color); color: var(--mdb-nav-tabs-link-active-color) !important; }
#myHomeContent .card { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.contact-info { display: grid; align-items: center; }
.card-footer,
.panel .panel-footer { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
span.d-sm-block { float: right; padding-left: 3px; padding-right: 3px; }
.card-content .card-header,
.panel .card-blesta > .panel-heading { background: rgb(255, 255, 255); color: rgb(1, 73, 101); font-size: 24px; font-weight: 500; }
#client_invoices .card-nav .float-right:last-child { float: left; }
#invoice,
#services { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
@media (max-width: 1024px) {
.table-curved th:last-child { min-width: 110px; }
}
@media (max-width: 1024px) {
tr.expand td:last-of-type { padding-right: 22px; position: absolute; right: 10px; }
}
@media (max-width: 1024px) {
.table-curved th:last-child { position: absolute; right: 10px; }
}
.card-nav { border-bottom: 1px solid rgb(230, 230, 230); }
.card-links { padding: 0px; }
.card-links > li + li::before { content: ""; padding: 0px; }
.card-links li { margin-right: 1rem; padding-top: 12px; padding-bottom: 7px; }
.card-links li a { text-decoration: none; }
.card-links li a .badge { color: rgb(23, 162, 184); background-color: transparent; }
.card-links li a:hover { color: rgb(18, 121, 245); }
.card-links li.active { border-bottom: 2px solid rgb(18, 121, 245); }
.card-links li.active a { color: rgb(18, 121, 245); }
.card-links li.active .badge { color: rgb(18, 121, 245); }
#order-complete button.btn-light { color: rgb(255, 22, 84); border-color: rgb(255, 22, 84); }
#add-payment-account button.btn-light { color: rgb(255, 22, 84); border-color: rgb(255, 22, 84); }
#add-payment-account .form-control { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px 0px; }
#open-ticket .form-control { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px 0px; }
#open-ticket textarea { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px 0px; background: rgb(255, 255, 255); }
#open-ticket button.btn-light { color: rgb(255, 22, 84); border-color: rgb(255, 22, 84); }
#open-ticket label { color: rgb(1, 73, 101); font-size: 14.5px; }
#open-ticket .dropzone .dz-message { color: rgba(108, 117, 125, 0.44); border-color: rgba(108, 117, 125, 0.44); }
#open-ticket .submit-button { background-color: rgb(236, 30, 101); color: rgb(255, 255, 255); }
#package-tabs { padding-right: 1rem; }
@media (min-width: 320px) and (max-width: 425px) {
#package-tabs { padding: 10px; }
}
#package-tabs p.page-sub-title { font-size: 18px; margin-bottom: 2rem; }
#summary_section td.on-top { vertical-align: top; }
#summary_section.cart-box { border-radius: 10px; padding: 15px; height: fit-content; position: sticky; top: 106px; border: 1px solid var(--gray-200) !important; }
#summary_section.cart-box .btn-success { padding: 0.5rem 1rem; font-size: large; }
#summary_section .cart-summary table.cart-list tbody tr { white-space: normal; border-bottom: 0.5px solid rgb(222, 226, 230); margin-bottom: 10px; }
#summary_section .cart-summary { font-size: 14px; }
#summary_section .cart-summary table.cart-list tbody tr:last-child { margin-bottom: 0px; }
#summary_section .checkout-section { padding-top: 1rem; }
#summary_section .cart-summary .cart-list td { padding: 1rem 0rem 1rem 0px; }
#summary_section .cart-currency .currency-selector select.form-control { font-size: 1.1rem !important; }
#summary_section .cart-currency { width: 100%; margin-bottom: 1.4rem; position: relative; border-bottom: 1px solid var(--gray-200); padding-bottom: 1rem; }
#summary_section .cart-currency div:first-child { font-size: 2.1rem !important; }
#summary_section .cart-currency div form { width: 100%; }
#summary_section .cart-currency div form .currency-selector { float: right; margin: 0px; width: max-content; cursor: pointer; }
#summary_section .cart-currency div form .currency-selector .form-control { font-size: small; font-weight: 600; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; padding: 0.25rem 0rem !important; }
#summary_section .cart-currency div form .currency-selector .form-control:disabled { background-color: white !important; }
#summary_section .totals tbody tr td { padding: 6px 0px; border-width: medium; border-style: none; border-color: currentcolor; text-align: justify; vertical-align: middle; border-radius: 0px !important; max-height: 74px !important; min-height: 74px !important; }
#summary_section #login_section .form-control { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px 0px; }
#summary_section #login_section .submit-button { background-color: rgb(236, 30, 101); color: rgb(255, 255, 255); }
#summary_section button { background: rgb(1, 73, 101); color: rgb(255, 255, 255); border-color: rgb(1, 73, 101); }
.panel-login .panel-heading { font-size: 2.5rem; background: rgb(255, 255, 255); font-weight: 500; color: rgb(1, 73, 101); }
.login-container { display: flex; flex-wrap: wrap; position: absolute; top: 0px; left: 0px; width: 100vw; height: 100vh; }
.login-container .align-items-center { margin-top: 5vh; }
@media (min-width: 992px) {
.login-container .align-items-center { height: 100vh; margin-top: 0px; }
}
.login-left { background-color: rgb(212, 224, 243); background-image: url("../images/login-bg.png"); background-size: cover; color: rgb(235, 21, 83); }
.login-right { background-color: rgb(255, 255, 255); }
.panel .panel-footer { padding: 0.5rem 1rem; }
.panel-login { max-width: 500px; }
.panel .panel-body { padding: 19px; }
.panel-login .panel-heading { background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.panel-login .panel-footer { background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.login-right .btn-block { width: auto; background-color: rgb(235, 21, 83) !important; border-color: rgb(235, 21, 83) !important; }
.checkbox { padding: 10px 0px; }
input[type="checkbox"]::before { transform-origin: left bottom; clip-path: polygon(14% 44%, 0px 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); }
.a-link { color: rgb(1, 73, 101); }
.reset-button { margin-bottom: 2rem; }
#register-or-log-in .form-control { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px 0px; }
#register-or-log-in textarea { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px 0px; background: rgb(255, 255, 255); }
#register-or-log-in button.btn-light { color: rgb(255, 22, 84); border-color: rgb(255, 22, 84); }
#register-or-log-in label { color: rgb(1, 73, 101); font-size: 14.5px; }
#myHome .nav-link svg { margin-right: 4px; filter: grayscale(100%); }
#myHome .nav-link.active svg { filter: grayscale(0); }
#myHome .nav-link.active { color: var(--mdb-nav-tabs-link-active-color) !important; }
#myOrder .nav-link { min-height: 77px; }
#myOrder li h4 { margin-bottom: 0px; padding-top: 10px; font-size: 1.4rem; }
.order_view { box-shadow: rgba(47, 47, 47, 0.15) 0px 1px 5px 0px; padding: 2rem; }
#client_pay button.btn-light { color: rgb(255, 22, 84); border-color: rgb(255, 22, 84); }
#edit-my-information .tab-content { margin-top: 2rem; }
#client_services_manage .btn-light { color: rgb(255, 22, 84); border-color: rgb(255, 22, 84); }
#client_services_manage label { color: rgb(1, 73, 101); font-size: 14.5px; }
#pay-out .form-control { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px 0px; }
#pay-out textarea { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px 0px; background: rgb(255, 255, 255); }
#pay-out button.btn-light { color: rgb(255, 22, 84); border-color: rgb(255, 22, 84); }
#pay-out label { color: rgb(1, 73, 101); font-size: 14.5px; }
#affiliates_overview #myTabContent.tab-content { margin-top: 3rem; }
.cart-currency #coupon { border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; }
.cart-currency .input-group-append .btn { border-radius: 0px 10px 10px 0px !important; }
#myHomeContent > .tab-pane { padding: 0px; }
#myHomeContent .dashboard-content > .dashboard-section { width: 100%; }
#myHomeContent .dashboard-content > .dashboard-section > .col-md-12 { padding: 0px; }
#license-copy-status { min-height: 1.5em; }
@media (max-width: 767.98px) {
.login-container { position: relative; min-height: 100vh; height: auto; }
}
@media (max-width: 767.98px) {
.login-left { min-height: 160px; }
}
@media (max-width: 767.98px) {
.login-right { min-height: 420px; padding-bottom: 2rem; }
}
@media (max-width: 767.98px) {
.login-container { width: 100%; margin-left: 0px; margin-right: 0px; }
}
@media (max-width: 767.98px) {
#myHome .nav-item { min-width: 0px; max-width: 100%; }
}
@media (max-width: 767.98px) {
#myHome .nav-link { overflow-wrap: anywhere; }
}
.card-blesta > .card-header { line-height: 1.4; letter-spacing: normal; background: rgb(255, 255, 255) !important; color: rgb(37, 55, 70) !important; font-size: 1.35rem !important; font-weight: 600 !important; padding: 1rem !important; }
.content_section > .card-content > .card-body { padding: 1rem !important; }
.content_section > .card-nav { padding: 0px 1rem; margin-bottom: 1rem; }
.content_section .card-body h4 { color: rgb(53, 69, 84); }
#client_services_manage .card-body h4 { font-size: 1rem; }
#affiliates_overview .affiliate_boxes .card { padding: 1rem; margin-bottom: 1rem; color: rgb(53, 69, 84); border-width: 3px 1px 1px; border-style: solid; border-color: rgb(117, 150, 166) rgb(222, 226, 230) rgb(222, 226, 230); border-image: none; background: rgb(255, 255, 255) !important; }
#affiliates_overview .affiliate_boxes p { margin-bottom: 0.5rem; color: rgb(53, 69, 84); }
#affiliates_overview .affiliate_boxes p:last-child { margin-bottom: 0px; }
#affiliates_overview .affiliate_boxes h2 { color: rgb(37, 55, 70); }
@media (max-width: 767px) {
#affiliates_overview .affiliate-content { flex-direction: column; gap: 1rem; }
}
@media (max-width: 767px) {
#affiliates_overview .affiliate-content > .col-md-6 { border-right: 0px !important; }
}
@media (max-width: 767px) {
.card-blesta > .card-header { font-size: 1.2rem !important; }
}