@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../webfonts/pe0qMImSLYBIv1o4X1M8cce9I9tAcVwo.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../webfonts/pe03MImSLYBIv1o4X1M8cc8GBs5tU1ECVZl_.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

:root {
    --xxl-container-width: 1300px;
    --bg-grey: #f8f9fa;
    --bg-planbox: #e9ecef;
    --bg-black: #181818;
    --color-link: #0056b3
}

html {
    scroll-behavior: smooth
}

body {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    font-size: clamp(1rem, 1.6vw, 1.125rem);
    margin-top: 74px
}

.sticky-top {
    top: 74px !important
}

.btn-link, a {
    color: var(--color-link)
}

@media (min-width: 1440px) {
    .container {
        max-width: var(--xxl-container-width) !important
    }

    .h2, h2 {
        font-size: 2.5rem;
        font-weight: 700
    }

    .lead {
        font-size: 1.3rem
    }
}

.bg-black, footer, header {
    background-color: var(--bg-black)
}

header .navbar .nav-link {
    font-size: .875rem
}

header .navbar .navbar-nav .dropdown-menu .container {
    padding: 0
}

header .navbar .navbar-nav .dropdown-menu {
    border: 0;
    background-color: transparent;
    padding: 0
}

header .navbar .navbar-nav .dropdown-menu .dropdown-item {
    padding: .5rem 0;
    color: #fff;
    margin: 0
}

header .navbar .navbar-nav .nav-item.show .nav-link {
    background-color: rgba(0, 0, 0, .5);
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
    border-radius: .25rem
}

@media (min-width: 992px) {
    header .navbar .dropdown:after {
        content: '';
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transition: opacity .2s ease-in-out;
        opacity: 0;
        visibility: hidden;
        background-color: rgba(0, 0, 0, .25);
        pointer-events: none
    }

    header .navbar .dropdown.show .nav-link {
        position: relative;
        z-index: 12
    }

    header .navbar .dropdown.show:after {
        z-index: 1030;
        opacity: 1;
        visibility: visible;
        position: fixed
    }

    header .navbar .navbar-nav .dropdown-menu {
        background-color: #fff;
        z-index: 1035;
        width: 25rem
    }

    header .navbar .navbar-nav .dropdown-menu .container {
        padding: 15px
    }

    header .navbar .navbar-nav .nav-item.show .nav-link {
        background-color: transparent;
        margin-left: inherit;
        margin-right: inherit;
        padding-right: .5rem;
        padding-left: .5rem;
        margin-bottom: inherit;
        border-radius: inherit
    }

    header .navbar .navbar-nav .dropdown-menu .dropdown-item {
        width: 100%;
        white-space: normal;
        color: #212529;
        padding: 15px;
        margin-bottom: 1.5rem;
        border-radius: 15px !important
    }

    header .navbar .navbar-nav .dropdown-menu .dropdown-item:last-child {
        margin-bottom: 0
    }

    header .navbar .navbar-nav .dropdown-menu .dropdown-item:active {
        background-color: var(--bg-grey) !important;
        border-radius: 15px !important
    }

    header .navbar .navbar-nav .dropdown-menu .dropdown-item .icon {
        font-size: 1.5em
    }

    header .navbar .navbar-nav .dropdown-menu .dropdown-item .small {
        font-size: .9em
    }
}

footer hr {
    background: linear-gradient(to right, rgba(255, 255, 255, .1), rgba(255, 255, 255, .5), rgba(255, 255, 255, .1));
    height: 1px
}

section.jumbotron {
    padding: 0;
    margin: 0
}

section.jumbotron .h1 {
    font-size: 2rem;
    font-weight: 700
}

section.jumbotron .lead {
    font-size: 1.25rem;
    font-weight: 400
}

section.jumbotron .hero-polygon {
    clip-path: polygon(1800px 0, 100% 0, 100% 100%, .3% 100%);
    position: absolute;
    top: 0;
    right: 0;
    width: 100%
}

section.jumbotron .hero-trustpilot, section.jumbotron .hero-trustpilot-right {
    min-width: 280px
}

section.jumbotron .hero-trustpilot .trustpilot-logo, section.jumbotron .hero-trustpilot-right .trustpilot-logo {
    max-width: 140px;
    margin-bottom: 8px
}

section.jumbotron .hero-trustpilot .trustpilot-stars, section.jumbotron .hero-trustpilot-right .trustpilot-stars {
    max-width: 240px;
    margin-bottom: 8px
}

section.jumbotron .hero-trustpilot .trustpilot-score, section.jumbotron .hero-trustpilot-right .trustpilot-score {
    font-size: 14px
}

@media (min-width: 768px) {
    section.jumbotron .h1 {
        font-size: 2.5rem;
        font-weight: 700
    }

    section.jumbotron li {
        font-size: 1.15rem
    }

    section.jumbotron .btn-lg {
        font-size: 1.2rem;
        padding: .9rem
    }

    section.jumbotron .hero-polygon {
        clip-path: polygon(2500px 0, 100% 0, 100% 100%, .3% 100%);
        position: absolute;
        top: 0;
        right: 0;
        width: 100%
    }

    section.jumbotron .hero-trustpilot {
        bottom: 0;
        left: -30px;
        z-index: 10;
        transform: scale(.8, .8)
    }

    section.jumbotron .hero-trustpilot-right {
        bottom: 0;
        right: 0;
        z-index: 10;
        transform: scale(.8, .8)
    }
}

@media (min-width: 992px) {
    section.jumbotron .hero-polygon {
        clip-path: polygon(310px 0, 100% 0, 100% 100%, .3% 100%);
        position: absolute;
        top: 0;
        right: 0;
        width: 33%
    }

    section.jumbotron .h1 {
        font-size: 2.5rem
    }

    section.jumbotron .lead {
        font-size: 1.4rem
    }

    section.jumbotron .hero-trustpilot {
        bottom: 20px;
        left: -15px;
        z-index: 10;
        transform: scale(1, 1)
    }

    section.jumbotron .hero-trustpilot-right {
        bottom: -30px;
        right: 0;
        z-index: 10;
        transform: scale(.8, .8)
    }
}

@media (min-width: 1200px) {
    section.jumbotron .h1 {
        font-size: 3rem
    }

    section.jumbotron .lead, section.jumbotron li {
        font-size: 1.25rem
    }

    section.jumbotron .hero-trustpilot {
        bottom: 1rem;
        left: 0;
        z-index: 10;
        transform: scale(1, 1)
    }

    section.jumbotron .hero-trustpilot-right {
        bottom: 0;
        right: 30px;
        z-index: 10;
        transform: scale(1, 1)
    }
}

section.breadcrumbs {
    background-color: #141414
}

section.products .card .card-body .btn-group > .btn-group:not(:last-child) > .btn, section.products .card .card-body .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

section.products .card .card-body .btn-group > .btn-group:not(:first-child) > .btn, section.products .card .card-body .btn-group > .btn:not(:first-child) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.price, section.products .card .card-body big.price {
    font-size: 3rem;
    line-height: 3rem;
    font-weight: 700
}

.price-sm {
    font-size: 2.25rem;
    line-height: 2.25rem;
    font-weight: 700
}

section.products .card .card-top-border, section.products .table-top-border {
    border-radius: 5px 5px 0 0;
    height: 7px
}

section.products .card .price-banner {
    font-size: .95rem
}

section.products .card .list-group-item {
    font-size: 1rem;
    background: 0 0;
    padding: 0
}

section.products .card-hover {
    transition: all .5s ease-in-out
}

section.products .card-hover:hover {
    margin-top: -10px;
    transition: all .5s ease-in-out
}

section.features .feature img, section.features .feature:hover > img {
    transition: all .5s ease-in-out
}

section.features .feature:hover > img {
    opacity: .8
}

section.features .card {
    border-width: 4px
}

@media (min-width: 992px) {
    section.features .card {
        border-width: 0 !important
    }
}

section.apps .card, section.blog .card, section.products .card, section.products .domain-checker {
    transition: all .2s ease-in-out
}

section.apps .card:hover, section.blog .card:hover, section.products .card:hover, section.products .domain-checker:hover {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    transition: all .2s ease-in-out
}

.btn-custom {
    border: 1px solid rgba(0, 0, 0, .05) !important;
    border-bottom: 3px solid rgba(0, 0, 0, .05) !important;
    background-origin: border-box !important;
    transition: all .2s ease-in-out
}

.btn-custom:hover {
    transition: all .2s ease-in-out
}

.stretched-link-block {
    transform: rotate(0)
}

.carousel-indicators li {
    background-color: #6c757d !important
}

.carousel-content {
    top: 0
}

.carousel-content .carousel-indicators li {
    background-color: #dee2e6 !important;
    height: 7px;
    opacity: 1;
    text-indent: 0
}

.carousel-content .carousel-indicators li:first-child {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.carousel-content .carousel-indicators li:last-child {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.hosting-carousel.carousel-content .carousel-indicators li.active {
    background: linear-gradient(to right, rgba(46, 49, 146, 1), rgba(27, 255, 255, 1)) !important;
    transition: all .3s ease-in-out
}

.hosting-carousel.carousel-content .carousel-indicators li:hover {
    background: linear-gradient(to right, rgba(46, 49, 146, 1), rgba(27, 255, 255, 1)) !important;
    transition: all .3s ease-in-out
}

.hosting-carousel.carousel-content .carousel-indicators li.active .carousel-tab {
    color: rgba(46, 49, 146, 1)
}

.wordpress-carousel.carousel-content .carousel-indicators li.active {
    background: linear-gradient(to right, rgba(0, 160, 210, 1), rgba(0, 113, 186, 1)) !important;
    transition: all .3s ease-in-out
}

.wordpress-carousel.carousel-content .carousel-indicators li:hover {
    background: linear-gradient(to right, rgba(0, 160, 210, 1), rgba(0, 113, 186, 1)) !important;
    transition: all .3s ease-in-out
}

.wordpress-carousel.carousel-content .carousel-indicators li.active .carousel-tab {
    color: #00a0d2
}

.reseller-carousel.carousel-content .carousel-indicators li.active {
    background: linear-gradient(to right, rgba(102, 45, 140, 1), rgba(237, 30, 121, 1)) !important;
    transition: all .3s ease-in-out
}

.reseller-carousel.carousel-content .carousel-indicators li:hover {
    background: linear-gradient(to right, rgba(102, 45, 140, .3), rgba(237, 30, 121, .3)) !important;
    transition: all .3s ease-in-out
}

.reseller-carousel.carousel-content .carousel-indicators li.active .carousel-tab {
    color: #fff
}

.wordpress-carousel.carousel-content .carousel-indicators li.active {
    background: linear-gradient(to right, rgba(0, 160, 210, 1), rgba(0, 113, 186, 1)) !important;
    transition: all .3s ease-in-out
}

.wordpress-carousel.carousel-content .carousel-indicators li:hover {
    background: linear-gradient(to right, rgba(0, 160, 210, .3), rgba(0, 113, 186, .3)) !important;
    transition: all .3s ease-in-out
}

.wordpress-carousel.carousel-content .carousel-indicators li.active .carousel-tab {
    color: rgba(0, 113, 186, 1)
}

.vps-carousel.carousel-content .carousel-indicators li.active {
    background: linear-gradient(to right, rgba(49, 42, 108, 1), rgba(133, 45, 145, 1)) !important;
    transition: all .3s ease-in-out
}

.vps-carousel.carousel-content .carousel-indicators li:hover {
    background: linear-gradient(to right, rgba(49, 42, 108, 1), rgba(133, 45, 145, 1)) !important;
    transition: all .3s ease-in-out
}

.vps-carousel.carousel-content .carousel-indicators li.active .carousel-tab {
    color: #312a6c
}

.ssl-carousel.carousel-content .carousel-indicators li.active {
    background: linear-gradient(to right, rgba(51, 102, 153, 1), rgba(102, 51, 153, 1)) !important;
    transition: all .3s ease-in-out
}

.ssl-carousel.carousel-content .carousel-indicators li:hover {
    background: linear-gradient(to right, rgba(51, 102, 153, 1), rgba(102, 51, 153, 1)) !important;
    transition: all .3s ease-in-out
}

.ssl-carousel.carousel-content .carousel-indicators li.active .carousel-tab {
    color: #639
}

.carousel-content .carousel-indicators li {
    height: 40px;
    margin-bottom: 16px !important;
    border-radius: .25rem !important
}

.carousel-content .carousel-indicators .carousel-tab {
    top: 0;
    height: 40px
}

@media (min-width: 768px) {
    .carousel-content {
        top: 40px
    }

    .reseller-carousel.carousel-content .carousel-indicators li.active .carousel-tab {
        color: #662d8c
    }

    .carousel-content .carousel-indicators li {
        height: 7px
    }

    .carousel-content .carousel-indicators .carousel-tab {
        top: -40px;
        height: 40px
    }
}

.badge {
    line-height: .8rem;
    font-size: .8rem
}

.bg-herotrans {
    background: rgba(0, 0, 0, .075)
}

.bg-offer {
    background: rgba(255, 255, 255, .25)
}

.bg-lighterblue {
    background: #008cca
}

.bg-oceanblue2 {
    background: linear-gradient(to right, #003f88, #00509d), #003f88 !important
}

.bg-oceanblue {
    background: linear-gradient(to right, rgba(46, 49, 146, 1), rgba(27, 255, 255, .75)), #2e3192 !important;
    background-color: #2e3192;
    background-size: 200% 100%
}

.bg-victoriapurple {
    background: linear-gradient(to right, rgba(49, 42, 108, 1), rgba(133, 45, 145, 1)) !important;
    background-color: #312a6c;
    background-size: 150% 100%
}

.text-victoriapurple {
    background: linear-gradient(to right, rgba(49, 42, 108, 1), rgba(133, 45, 145, 1));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block
}

.bg-purplelake {
    background: linear-gradient(to right, rgba(102, 45, 140, 1), rgba(237, 30, 121, 1)) !important;
    background-color: #662d8c;
    background-size: 200% 100%;
    background-position: center center
}

.bg-wordpress {
    background: linear-gradient(to right, rgba(0, 160, 210, 1), rgba(0, 113, 186, 1)) !important;
    background-color: #00a0d2;
    background-size: 150% 100%
}

.bg-domains {
    background: linear-gradient(to right, rgba(14, 92, 173, 1), rgba(121, 241, 164, 1)) !important;
    background-color: #0e5cad;
    background-size: 150% 100%
}

.bg-dedicloud {
    background: linear-gradient(to right, rgba(3, 79, 135, 1), rgba(0, 184, 214, 1)) !important;
    background-color: #0e5cad;
    background-size: 150% 100%
}

.bg-ssl {
    background: linear-gradient(to right, rgba(51, 102, 153, 1), rgba(102, 51, 153, 1)) !important;
    background-color: #639;
    background-size: 150% 100%
}

.bg-pleskhosting {
    background: linear-gradient(to right, rgba(19, 126, 160, 1), rgba(83, 188, 230, 1)) !important;
    background-color: #53bce6;
    background-size: 150% 100%
}

.bg-green-web-hosting {
    background: linear-gradient(to bottom right, #00795b, #054534);
    background-size: 150% 100%
}

.bg-green-web-hosting-solid {
    background-color: #054534
}

.bg-grey {
    background-color: var(--bg-grey)
}

.bg-planbox {
    background-color: var(--bg-planbox) !important
}

.bg-green {
    background-color: #82b80f
}

.bg-cpanel {
    background-color: #ff6c2c
}

.bg-plesk {
    background-color: #53bce6
}

.bg-red {
    background-color: #e02130
}

.bg-highlight {
    background-color: #e8faec
}

.icon, .tld {
    display: inline-flex;
    align-self: center;
    font-size: 1em
}

.icon img, .icon svg {
    height: 1em;
    width: 1em;
    fill: currentColor;
    top: .125em;
    position: relative
}

.tld img {
    height: 1rem;
    top: .125em;
    margin-bottom: .5rem;
    position: relative
}

.products .icon svg {
    top: auto !important
}

.icon-2x {
    font-size: 2em
}

.icon-3x {
    font-size: 3em
}

.icon-4x {
    font-size: 4em
}

.icon-5x {
    font-size: 5em
}

.feature-nav .nav-link {
    border: 1px solid #000
}

.sticky-top {
    top: -1px
}

.sticky-nav {
    font-size: .95rem
}

.sticky-nav .nav-pills .nav-link {
    border-radius: 15px
}

.sticky-nav .nav-pills .nav-link.active {
    color: #fff !important;
    background-color: var(--bg-black) !important
}

.sticky-nav .nav-pills .nav-link:hover {
    background-color: var(--bg-grey);
    color: inherit
}

.accordion > .card:not(:first-of-type), .accordion > .card:not(:last-of-type) {
    border-radius: 15px !important
}

.nav-pills .nav-link:hover {
    text-decoration: underline
}

.feature-nav .nav-link.active, .nav-hosting.nav-pills .nav-link.active, .nav-oceanblue.nav-pills .nav-link.active {
    background: linear-gradient(to right, rgba(46, 49, 146, 1), rgba(27, 255, 255, 1));
    background-color: #2e3192;
    background-size: 150% 100%;
    border-width: 0 !important;
    color: rgba(255, 255, 255, 1) !important
}

.nav-hosting.nav-pills .nav-link.active .text-muted {
    color: rgba(255, 255, 255, .5) !important
}

.nav-plesk.nav-pills .nav-link.active {
    background: linear-gradient(to right, rgba(19, 126, 160, 1), rgba(83, 188, 230, 1));
    background-color: #53bce6;
    background-size: 150% 100%;
    color: rgba(255, 255, 255, 1) !important
}

.nav-victoriapurple.nav-pills .nav-link.active, .nav-vps.nav-pills .nav-link.active {
    background: linear-gradient(to right, rgba(49, 42, 108, 1), rgba(133, 45, 145, 1));
    background-color: #312a6c;
    background-size: 150% 100%;
    color: rgba(255, 255, 255, 1) !important
}

.nav-purplelake.nav-pills .nav-link.active, .nav-reseller.nav-pills .nav-link.active {
    background: linear-gradient(to right, rgba(102, 45, 140, 1), rgba(237, 30, 121, 1));
    background-color: #662d8c;
    background-size: 150% 100%;
    color: rgba(255, 255, 255, 1) !important
}

.nav-wordpress.nav-pills .nav-link.active {
    background: linear-gradient(to right, rgba(0, 160, 210, 1), rgba(0, 113, 186, 1));
    background-color: #00a0d2;
    background-size: 150% 100%;
    color: rgba(255, 255, 255, 1) !important
}

.nav-domains.nav-pills .nav-link.active {
    background: linear-gradient(to right, rgba(14, 92, 173, 1), rgba(121, 241, 164, 1));
    background-color: #0e5cad;
    background-size: 150% 100%;
    color: rgba(255, 255, 255, 1) !important
}

.nav-dedicloud.nav-pills .nav-link.active {
    background: linear-gradient(to right, rgba(3, 79, 135, 1), rgba(0, 184, 214, 1));
    background-color: #0e5cad;
    background-size: 150% 100%;
    color: rgba(255, 255, 255, 1) !important
}

.nav-ssl.nav-pills .nav-link.active {
    background: linear-gradient(to right, rgba(51, 102, 153, 1), rgba(102, 51, 153, 1));
    background-color: #639;
    background-size: 150% 100%;
    color: rgba(255, 255, 255, 1) !important
}

.packages .card, .rounded-xxl {
    border-radius: 15px
}

.rounded-left-xxl {
    border-top-left-radius: 15px !important;
    border-bottom-left-radius: 15px !important
}

.rounded-right-xxl {
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important
}

.rounded-top-xxl {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important
}

.rounded-bottom-xxl {
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important
}

.domain-pricetable .table thead th {
    border-top: 0 !important
}

@media (min-width: 992px) {
    .domain-pricetable, .domain-pricetable .table thead th {
        font-size: 1.2rem !important
    }

    .domain-pricetable .table th {
        font-size: 2rem
    }
}

table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: separate !important;
    border-spacing: 0
}

table.dataTable td, table.dataTable th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {
    text-align: center
}

table.dataTable.nowrap td, table.dataTable.nowrap th {
    white-space: nowrap
}

div.dataTables_wrapper div.dataTables_length label {
    font-weight: 400;
    text-align: left;
    white-space: nowrap
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right
}

div.dataTables_wrapper div.dataTables_filter label {
    font-weight: 400;
    white-space: nowrap;
    text-align: left
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: .5em;
    display: inline-block;
    width: auto
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: .85em;
    white-space: nowrap
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: flex-end
}

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0
}

table.dataTable thead > tr > td.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc {
    padding-right: 30px
}

table.dataTable thead > tr > td:active, table.dataTable thead > tr > th:active {
    outline: 0
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:after, table.dataTable thead .sorting_desc_disabled:before {
    position: absolute;
    bottom: .9em;
    display: block;
    opacity: .3
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:before {
    right: 1em;
    content: "\2191"
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc_disabled:after {
    right: .5em;
    content: "\2193"
}

table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {
    opacity: 1
}

table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    opacity: 0
}

div.dataTables_scrollHead table.dataTable {
    margin-bottom: 0 !important
}

div.dataTables_scrollBody table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting:before, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_asc:before, div.dataTables_scrollBody table thead .sorting_desc:after, div.dataTables_scrollBody table thead .sorting_desc:before {
    display: none
}

div.dataTables_scrollBody table tbody tr:first-child td, div.dataTables_scrollBody table tbody tr:first-child th {
    border-top: none
}

div.dataTables_scrollFoot > .dataTables_scrollFootInner {
    box-sizing: content-box
}

div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
    margin-top: 0 !important;
    border-top: none
}

@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_paginate {
        text-align: center
    }
}

table.dataTable.table-sm > thead > tr > th {
    padding-right: 20px
}

table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {
    top: 5px;
    right: .85em
}

table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after {
    top: 5px
}

table.table-bordered.dataTable td, table.table-bordered.dataTable th {
    border-left-width: 0
}

table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable th:last-child {
    border-right-width: 0
}

table.table-bordered.dataTable tbody td, table.table-bordered.dataTable tbody th {
    border-bottom-width: 0
}

div.dataTables_scrollHead table.table-bordered {
    border-bottom-width: 0
}

div.table-responsive > div.dataTables_wrapper > div.row {
    margin: 0
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
    padding-left: 0
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
    padding-right: 0
}