@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: 1500px;
  --bg-grey: #f4f6f9;
  --bg-planbox: #f4f6f9;
  --bg-black: #181818;
  --color-link: #0056b3;
  --uwh-blue: #003f88;
  --uwh-blue-darker: #002260;
  --uwh-purple: #3a188f;
  --uwh-light: #f4f6f9;
  --uwh-link: #0056B8
}
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)
}
header.sticky-top {
  top: 0 !important;
  z-index: 3000
}
.sticky-top {
  top: 74px !important
}
.btn-link, a {
  color: var(--uwh-link);
  text-decoration: underline
}
a.btn {
  text-decoration: none
}
.bg-midrangeinfo {
  background-color: #20a57f
}
@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: .9rem;
  color: inherit;
  outline: 0;
  box-shadow: none;
  border-color: transparent
}
header .navbar .nav-link:active, header .navbar .nav-link:focus, header .navbar .nav-link:focus-visible, header .navbar .nav-link:hover {
  outline: 0;
  box-shadow: none;
  border-color: transparent
}
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: inherit;
  margin: 0;
  font-size: 1.125rem
}
header .navbar .navbar-nav .dropdown-menu .dropdown-item .small {
  font-size: .95rem
}
header .navbar .navbar-nav .nav-item.show .nav-link {
  background-color: transparent;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
  border-radius: .25rem
}
@media (min-width:1200px) {
  header .navbar .nav-link {
    color: #fff
  }
  header .navbar .dropdown::after {
    content: "";
    top: 74px;
    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 {
    position: fixed;
    z-index: 1020;
    opacity: 1;
    visibility: visible
  }
  header .navbar .navbar-nav .dropdown {
    position: static
  }
  header .navbar .navbar-nav .dropdown-menu {
    position: fixed;
    top: 74px;
    z-index: 2990;
    left: 0;
    right: 0;
    width: 100%;
    display: block;
    margin-top: 0;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, .06);
    box-shadow: 0 20px 44px rgba(16, 24, 40, .14);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    pointer-events: none;
    overflow: hidden;
    will-change: opacity, transform;
    transition: none
  }
  header .navbar .navbar-nav .dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
    transition: opacity .22s ease, transform .3s cubic-bezier(.2, .8, .2, 1), visibility 0s linear 0s
  }
  header .navbar .navbar-nav .dropdown-menu .container {
    padding-left: 15px;
    padding-right: 15px;
    opacity: 0
  }
  header .navbar .navbar-nav .dropdown-menu.show .container {
    opacity: 1
  }
  header.dropdown-switching .navbar .dropdown::after, header.dropdown-switching .navbar .navbar-nav .dropdown-menu {
    transition: none !important;
    transition-delay: 0s !important
  }
  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: transparent !important;
    border-radius: 15px !important
  }
  header .navbar .navbar-nav .dropdown-menu .dropdown-item .icon {
    font-size: 1.5em
  }
}
@media (max-width:1199.98px) {
  header .navbar .navbar-nav {
    margin-top: 0;
    margin-bottom: 0
  }
  header .navbar .navbar-nav.mr-auto {
    margin-right: 0 !important
  }
  header .navbar .navbar-nav.ml-auto {
    margin-top: 0;
    margin-left: 0 !important;
    padding-top: 0
  }
  header .navbar .navbar-nav .nav-item {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
  }
  header .navbar .navbar-nav:nth-of-type(2) .nav-item:last-child {
    border-bottom: 0
  }
  header .navbar .navbar-nav .nav-link {
    padding: 1rem 0
  }
  header .navbar .navbar-nav .nav-item.show .nav-link {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0
  }
  header .navbar .navbar-nav .dropdown-menu {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    overflow: hidden;
    transition: grid-template-rows .42s cubic-bezier(.22, 1, .36, 1), visibility .18s step-end, opacity .18s ease, padding-bottom .42s cubic-bezier(.22, 1, .36, 1)
  }
  header .navbar .navbar-nav .dropdown-menu > .container {
    min-height: 0;
    overflow: hidden
  }
  header .navbar .navbar-nav .dropdown-menu.show {
    grid-template-rows: 1fr;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    padding-bottom: .5rem;
    transition: grid-template-rows .42s cubic-bezier(.22, 1, .36, 1), visibility .18s step-start, opacity .18s ease, padding-bottom .42s cubic-bezier(.22, 1, .36, 1)
  }
  header .navbar .navbar-nav .dropdown-menu .dropdown-item {
    font-size: 1rem;
    padding: .75rem 1rem
  }
  header .navbar .navbar-nav .dropdown-menu .dropdown-item.active, header .navbar .navbar-nav .dropdown-menu .dropdown-item:active, header .navbar .navbar-nav .dropdown-menu .dropdown-item:focus, header .navbar .navbar-nav .dropdown-menu .dropdown-item:hover {
    background-color: transparent !important
  }
  .offcanvas-collapse {
    position: fixed;
    top: 74px;
    bottom: 0;
    left: 100%;
    width: 40%;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #fff;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out
  }
  .offcanvas-collapse.open {
    visibility: visible;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}
@media (max-width:991.98px) {
  .offcanvas-collapse {
    width: 50%
  }
}
@media (max-width:575.98px) {
  .offcanvas-collapse {
    width: 100%
  }
}
header .navbar .dropdown .dropdown-toggle::after {
  transition: transform .25s ease;
  transform-origin: 50% 45%
}
header .navbar .dropdown.show .dropdown-toggle::after {
  transform: rotate(-180deg)
}
header .navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important
}
header .navbar .navbar-toggler {
  border: none !important
}
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: 3.5rem
  }
  section.jumbotron .lead, section.jumbotron li {
    font-size: 1.5rem
  }
}
section.breadcrumbs {
  background-color: #141414
}
.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 .list-group-item {
  font-size: 1rem;
  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.products .product-card {
  transition: all .2s ease-in-out
}
section.products .product-card:hover {
  background-color: var(--uwh-blue);
  transition: all .2s ease-in-out;
  color: #fff !important;
  border-color: var(--uwh-blue) !important
}
section.products .product-card:hover a {
  color: #fff !important;
  transition: all .2s 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
}
.carousel-content .carousel-indicators li.active {
  background: linear-gradient(to right, var(--uwh-blue), var(--uwh-blue-darker)) !important;
  transition: all .3s ease-in-out
}
.carousel-content .carousel-indicators li:hover {
  background: linear-gradient(to right, var(--uwh-blue), var(--uwh-blue-darker)) !important;
  transition: all .3s ease-in-out
}
.carousel-content .carousel-indicators li.active .carousel-tab {
  color: #fff
}
.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
  }
  .carousel-content .carousel-indicators li {
    height: 7px
  }
  .carousel-content .carousel-indicators .carousel-tab {
    top: -40px;
    height: 40px
  }
  .carousel-content .carousel-indicators li.active .carousel-tab {
    color: var(--uwh-blue-darker)
  }
}
.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-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
}
.hero, .uwh-bg-blue {
  background-image: radial-gradient(50% 100% at 50% -.05%, var(--uwh-blue) 0, var(--uwh-blue-darker) 100%)
}
.bg-grey, .bg-light {
  background-color: var(--uwh-light) !important
}
.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
}
.bg-overlay {
  background: rgba(0, 0, 0, .05)
}
.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
}
.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
  }
}
@media (max-width:1199.98px) {
  .scrolling-wrapper {
    flex-wrap: nowrap;
    overflow: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch
  }
  .scrolling-wrapper::-webkit-scrollbar {
    display: none
  }
}
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
}