@import "../fonts/DINPro.font.min.css";
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
*{}
html,body
{
    font-weight: 400 !important;
    font-family: 'Fira Sans', sans-serif; !important;
    background: #f4f7f6 !important;
}
.font-Shadows
{
    font-family: 'Shadows Into Light', sans-serif !important;
}
.font-DINPro
{
    font-family: DINPro-Medium, serif !important;
    letter-spacing: 0.5px;
}
.toggle-wrapper svg
{
    vertical-align: middle;
    fill:#a4152b
}
.toggle-wrapper span.cart
{
    font-size: 16px;
    vertical-align:sub !important;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.page-loader-wrapper {text-align: center;z-index: 99999999;position: fixed;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;overflow: hidden;background: #f4f4f5;display: flex;}
.page-loader-wrapper .loader {position: relative;top: calc(40% - 30px);justify-content: center;width: 100%}
.page-loader-wrapper img {width: 38px;height: 38px}
@keyframes loader { from {transform: rotate(0deg)} to {transform: rotate(360deg)} }
.loader {height: 2.8rem;width: 2.5rem;color: #770a1b;display: block;position: relative}
.loader:before, .loader:after {width: 2.5rem;height: 2.5rem;margin: -1.25rem 0 0 -1.25rem;position: absolute;content: '';top: 50%;left: 50%}
.loader:before {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border: 3px solid currentColor;opacity: .15}
.loader:after {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;animation: loader .6s linear;animation-iteration-count: infinite;border: 3px solid;border-color: transparent;border-top-color: currentColor;box-shadow: 0 0 0 1px transparent}
.color-bar {background: linear-gradient(90deg,#f5c31e 40%,#e4002b 40%,#e4002b 49%,#f4704b 49%,#f4704b 66%,#2785cd 66%,#2785cd 83%,#f5c31e 83%);height:0.5vh;}
.side-nav .nav-logo .mobile-close {
    font-size: 1.5rem;
    cursor: pointer;
    color: #ffffff !important;
}
h1.counters
{
    font-size: 38px !important;
    font-family: 'Bricolage Grotesque', cursive;
}
h1.counters > sup
{
    font-size: 19px !important;
    top: -.34em !important;
}
.auth-full-height {height: 99.5vh !important;}
p, h1, h2, h3, h4, h5, h6
{
    font-family: 'Fira Sans', sans-serif !important;
}
.ui.basic.button, .ui.basic.buttons .button {
    background: transparent none;
    color: #000;
    font-weight: 400;
    text-transform: none;
    text-shadow: none !important;
    box-shadow: 0 0 0 1px rgba(34,36,38,.15) inset;
}
@media only screen and (min-width: 769px)
{
    .vertical-layout .content .main {
        padding: 1.3625rem 3.5rem;
        background: #f4f7f6 !important;
    }
}
.header-nav {
    background: #fff;
    border-bottom: 1px solid #dbdee5;
}
.page-title.level-1 {font-family: 'Shadows Into Light',sans-serif !important;font-size: 30px !important;}
.page-title.level-2 {font-family: 'Shadows Into Light',sans-serif !important;font-size: 24px !important;}
.card-title
{
    color:rgb(0, 23, 76);
}

.table th {
    color: #9aa0ac;
    font-size: .875rem;
    font-weight: 400;
    text-transform: uppercase;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #a26262;
    border-color: #a26262;
}
.page-link
{
    border: 1px solid #a26262;
    color: #a26262;
}
.page-item.disabled .page-link {
    color: #a26262;
    background-color: #fff;
    border-color: #a26262;
}
.page-link:hover {
    z-index: 2;
    color: #fff;
    background-color: #661d27;
    border-color: #661d27;
}
.text-orange {
    color: #fd9644 !important;
}
.text-danger {
    color: #a4152b !important
}
.font-Bricolage
{
    font-family: 'Fira Sans', sans-serif !important;
}
.side-nav .nav-logo .logo img {
    height: 43.99px;
}
.side-nav.nav-menu-dark {
    background:/*#770a1b !important;*//*#1a1819*/#0f0909 !important;
    border-right: 1px solid #dbdee5;
}
.side-nav {
    background: #FFF;
    border-right: 1px solid #dbdee5;
}
.nav-group-title {
    margin-top: 1.2rem;
    margin-bottom: 0.25rem;
    font-size:1.5rem !important;
    color:#cb7a85 /*#ff8057*/;
    text-transform:none;
    font-weight: 500;
}
.nav-menu-item {
    font-size: .985rem !important;
    color: #00174c;
    transition: color .3s;
}
.pr-25 {
    padding-right: 25px;
}
.pl-25 {
    padding-left: 25px;
}
.side-nav.nav-menu-dark .nav-menu-item a
{
    color:#fff;
}
.side-nav.nav-menu-dark .nav-logo {
    padding: 0 1.25rem;
    height: 4.375rem;
    align-items: center;
    display: flex;
    background-color:/*#770a1b !important;*//*#1a1819*/#fff !important;
    border-bottom: /*1px solid #A04652;*/1px solid #403C3E;
    /*background-color: #fff !important;
    border-bottom: 1px solid #dbdee5;*/
}
.nav-tabs .nav-link, .page-title, .card-title, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .ui.breadcrumb .active.section,.ui.divider,.card-category
{
    font-weight: 300;
}
.ui.dimmer{z-index: 1030 !important;}
.ui.modal > .close {
    top: 1.0535rem;
    right: 1rem;
    color: rgba(0,0,0,.87);
    font-size: 0.89em;
}
.page-title{font-size: 17px;}
.ui.message .header,.ui.header, .ui.accordion .title:not(.ui)
{
    font-family: 'Fira Sans', sans-serif;
    font-weight: 300;
}
.ui.styled.accordion, .ui.styled.accordion .accordion
{
    border-radius:0;
}
.ui.message, .ui.button, .ui.segment,.ui.input > input
{
    border-radius:0;
}
.daterangepicker,.ui.list .list > .item .header, .ui.list > .item .header,.ui.button, .ui.input > input, .ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"],.ui.modal > .header
{
    font-family: 'Fira Sans';
}
.ui.message .header, .ui.cards > .card > .content > .header, .ui.horizontal.divider.header {
    box-shadow: none;
    font-weight: 300;
}
.daterangepicker .ranges li.active, .daterangepicker td.active {
    background-color: #ec6473;
    color: #fff;
}
.row-deck > .col, .row-deck > [class*="col-"] {
    display: flex;
}
.desaturate{filter: grayscale(0%);transition: .2s ease-in;}
.desaturate:hover {filter: grayscale(100%);}

.zoom
{
    transition: transform .2s; /* Animation */
}
.zoom:hover {
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.card .card {
    box-shadow: none;
}
.card:not(.card-group .card) {
    border: 1px solid rgba(91,105,135,.22);
    box-shadow: none;
}

.card:not(.card-group .card) > card-header .bg-dark {
    border: 1px solid #343a40 !important;
    box-shadow: none;
}
.card-group > .card:not(:nth-child()) {
    border: 1px solid #000;
}
.card-header {
    border-bottom: 1px solid #dbdee5;
}
.card-header {
    padding: .85rem 1.5rem;
    margin-bottom: 0;
    background-color: #dbdee526;
}
.card-footer {
    padding: .75rem 1.5rem;
    background-color: rgba(0,0,0,0);
    border-top: 1px solid #dbdee5;
}
.footer .footer-content {
    display: flex;
    padding: 10px 0;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #dbdee5;
}

.ui.header, .ui.accordion .title:not(.ui)
{
    font-family: 'Fira Sans', sans-serif;
    font-weight: 300;
}
.ui.styled.accordion, .ui.styled.accordion .accordion
{
    border-radius:0;
}
.ui.message, .ui.button, .ui.segment,.ui.input > input
{
    border-radius:0;
}
.ui.attached.message
{
    border-radius:0;
}
.ui.input > input, .ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.selection.dropdown, .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"],.ui.button
{
    border-radius:0;
}
.ui.input > input:focus, .ui.form input:not([type]):focus, .ui.form input[type="date"]:focus, .ui.form input[type="datetime-local"]:focus, .ui.form input[type="email"]:focus, .ui.form input[type="file"]:focus, .ui.form input[type="number"]:focus, .ui.form input[type="password"]:focus, .ui.form input[type="search"]:focus, .ui.form input[type="tel"]:focus, .ui.form input[type="text"]:focus, .ui.form input[type="time"]:focus, .ui.form input[type="url"]:focus
{
    border-radius: 0;
}
.ui.action.input:not([class*="left action"]) > .button:last-child, .ui.action.input:not([class*="left action"]) > .buttons:last-child > .button, .ui.action.input:not([class*="left action"]) > .dropdown:last-child
{
    border-radius: 0;
}
.ui.upward.selection.dropdown.visible {

    border-radius: 0 !important;
}
.ui.segment, .ui.card, .ui.cards > .card
{
    border-radius: 0 !important;
}
.bg-cpanel {
    background: #ff6c2c none repeat scroll 0% 0%;
}
.widgets {
    display: flex;
    justify-content: space-between;
}
.widgets h2
{
    font-size: 2.3rem;
    font-weight: 300;
    margin-bottom: 20px;
    margin-top: 18px;
}
.widgets .icon {
    font-size: 37px;
}
.pull-right {
    float: right;
}
.text-muted .red
{
    color: #b3031d !important;
}
.cp-filemanager
{
    background-image:url('icons/file_manager.png');
    width:48px;
    height:48px;
    margin:auto;
    margin-bottom: 8px;
}
.cp-email
{
    background-image:url('icons/accounts.png');
    width:48px;
    height:48px;
    margin:auto;
    margin-bottom: 8px;
}
.cp-autoresponders
{
    background-image:url('icons/autoresponders.png');
    width:48px;
    height:48px;
    margin:auto;
    margin-bottom: 8px;
}
.cp-subdomains
{
    background-image:url('icons/subdomains.png');
    width:48px;
    height:48px;
    margin:auto;
    margin-bottom: 8px;
}
.cp-cronjobs
{
    background-image:url('icons/cron_jobs.png');
    width:48px;
    height:48px;
    margin:auto;
    margin-bottom: 8px;
}
.cp-whm
{
    background-image:url('icons/web_host_manager.png');
    width:48px;
    height:48px;
    margin:auto;
}
.cp-mysldatabases
{
    background-image:url('icons/mysql_databases.png');
    width:48px;
    height:48px;
    margin:auto;
}
.cp-phpmyadmin
{
    background-image:url('icons/php_my_admin.png');
    width:48px;
    height:48px;
    margin:auto;
    margin-bottom: 8px;
}
.cp-awstats
{
    background-image:url('icons/awstats.png');
    width:48px;
    height:48px;
    margin:auto;
    margin-bottom: 8px;
}
.cp-backups
{
    background-image:url('icons/backup.png');
    width:48px;
    height:48px;
    margin:auto;
    margin-bottom: 8px;
}
.cp-changepassword
{
    background-image:url('icons/change_password.png');
    width:48px;
    height:48px;
    margin:auto;
    margin-bottom: 8px;
}
.cp-pgdatatabases
{
    background-image:url('icons/postgresql_databases.png');
    width:48px;
    height:48px;
    margin:auto;
    margin-bottom: 8px;
}
.cp-emailforwarders
{
    background-image:url('icons/forwarders.png');
    width:48px;
    height:48px;
    margin:auto;
    margin-bottom: 8px;
}
.cp-cpanel
{
    background-image:url('icons/cpanel.png');
    width:48px;
    height:48px;
    margin:auto;
    margin-bottom: 8px;
}
.cp-contactinfo
{
    background-image:url('icons/contact_information.png');
    width:48px;
    height:48px;
    margin:auto;
    margin-bottom: 8px;
}
.icon-addon_domains, .icon-address_importer, .icon-aliases, .icon-analog_stats, .icon-anonymous_ftp, .icon-apache_handlers, .icon-apache_spam_assassin, .icon-api_shell, .icon-api_tokens, .icon-application_manager, .icon-archive, .icon-autoresponders, .icon-awstats, .icon-backup, .icon-backup_wizard, .icon-bandwidth, .icon-boxtrapper, .icon-calendar_and_contacts, .icon-canary, .icon-change_language, .icon-change_password, .icon-change_style, .icon-clam_av, .icon-contact_information, .icon-cpanel-site-monitor, .icon-cpanel-wordpress-instance-manager, .icon-cpu_and_concurrent_connection_usage, .icon-cron_jobs, .icon-default_address, .icon-directory_privacy, .icon-disk_usage, .icon-domains, .icon-dynamic_dns, .icon-email_accounts, .icon-email_deliverability, .icon-email_disk_usage, .icon-email_filters, .icon-email_routing, .icon-encryption, .icon-error_pages, .icon-errors, .icon-feature, .icon-file_and_directory_restoration, .icon-file_manager, .icon-forwarders, .icon-ftp_accounts, .icon-ftp_connections, .icon-global_email_filters, .icon-greylisting, .icon-group, .icon-group_advanced, .icon-group_databases, .icon-group_domains, .icon-group_email, .icon-group_files, .icon-group_metrics, .icon-group_preferences, .icon-group_security, .icon-group_software, .icon-hotlink_protection, .icon-images, .icon-indexes, .icon-ip_blocker, .icon-leech_protection, .icon-lvewpos, .icon-mailing_lists, .icon-manage_calendar_access, .icon-metrics_editor, .icon-mime_types, .icon-mod_security, .icon-multiphp_configuration, .icon-multiphp_ini_editor, .icon-multiphp_manager, .icon-mx_entry, .icon-mysql_database_wizard, .icon-mysql_databases, .icon-mysql_manager, .icon-optimize_website, .icon-perl_modules, .icon-php, .icon-php_my_admin, .icon-php_pear_packages, .icon-php_pg_admin, .icon-postgresql_database_wizard, .icon-postgresql_databases, .icon-raw_access, .icon-redirects, .icon-remote_mysql, .icon-ruby_gems, .icon-ruby_on_rails, .icon-security_policy, .icon-site_publisher, .icon-site_software, .icon-solr_search_index, .icon-ssh_access, .icon-ssl_tls, .icon-subdomains, .icon-terminal, .icon-tls_status, .icon-tls_wizard, .icon-track_delivery, .icon-track_dns, .icon-two_factor_authentication, .icon-user_manager, .icon-version_control, .icon-visitors, .icon-web_disk, .icon-web_host_manager, .icon-webalizer, .icon-webalizer_ftp, .icon-wp-toolkit, .icon-zone_editor,.cp-cpanel {
    background-image: url(cpanel-icons/icon-spritemap-102.svg?1443ca2ca9855413f67f1ced8238c0b2c9dfd7fc016172f7cdcae21cca9eb2fc_4.0);
    background-repeat: no-repeat;
    margin: auto;
    margin-bottom: 8px !important;
}
.icon-file_manager {
    background-size: 5771px 48px;
    background-position: -2279px 0;
    width: 48px;
    height: 48px;
}
.icon-email_accounts {
    background-size: 5771px 48px;
    background-position: -1749px 0;
    width: 48px;
    height: 48px;
}
.icon-forwarders {
    background-size: 5771px 48px;
    background-position: -2332px 0;
    width: 48px;
    height: 48px;
}
.icon-subdomains {
    background-size: 5771px 48px;
    background-position: -4928px 0;
    width: 48px;
    height: 48px;
}
.icon-file_and_directory_restoration {
    background-size: 5771px 48px;
    background-position: -742px 0;
    width: 48px;
    height: 48px;
}
.icon-mysql_databases {
    background-size: 5771px 48px;
    background-position: -3815px 0;
    width: 48px;
    height: 48px;
}
.icon-php_my_admin {
    background-size: 5771px 48px;
    background-position: -4080px 0;
    width: 48px;
    height: 48px;
}
.icon-mysql_database_wizard {
    background-size: 5771px 48px;
    background-position: -3762px 0;
    width: 48px;
    height: 48px;
}
.icon-metrics_editor {
    background-size: 5771px 48px;
    background-position: -159px 0;
    width: 48px;
    height: 48px;
}
.icon-cron_jobs {
    background-size: 5771px 48px;
    background-position: -1431px 0;
    width: 48px;
    height: 48px;
}
.icon-contact_information {
    background-size: 5771px 48px;
    background-position: -1219px 0;
    width: 48px;
    height: 48px;
}
.icon-change_password {
    background-size: 5771px 48px;
    background-position: -1060px 0;
    width: 48px;
    height: 48px;
}
.icon-web_host_manager {
    background-size: 5771px 48px;
    background-position: -5511px 0;
    width: 48px;
    height: 48px;

}.cp-cpanel {
     background-size: 5771px 48px;
     background-position: -4663px 0;
     width: 48px;
     height: 48px;
 }
#cPass {
    display: inline;
    font-weight: bold;
}
.ctrlPanelPassword {
    border: none !important;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-color: transparent !important;
    background: transparent !important;
}

#revealPass{margin-left: -1.65rem;}

@media (max-width: 576px) {
    .border-sm-top {
        border-top: 1px solid #edf4f9 !important;
    }
    .border-sm-right {
        border-right: 1px solid #edf4f9 !important;
    }
    .border-sm-bottom {
        border-bottom: 1px solid #edf4f9 !important;
    }
    .border-sm-left {
        border-left: 1px solid #edf4f9 !important;
    }
    .border-sm-top-0 {
        border-top: 0 !important;
    }
    .border-sm-right-0 {
        border-right: 0 !important;
    }
    .border-sm-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-sm-left-0 {
        border-left: 0 !important;
    }
    .border-sm-x {
        border-left: 1px solid #edf4f9 !important;
        border-right: 1px solid #edf4f9 !important;
    }
    .border-sm-y {
        border-top: 1px solid #edf4f9 !important;
        border-bottom: 1px solid #edf4f9 !important;
    }
    .border-sm {
        border-top: 1px solid #edf4f9 !important;
        border-bottom: 1px solid #edf4f9 !important;
        border-left: 1px solid #edf4f9 !important;
        border-right: 1px solid #edf4f9 !important;
    }
    .border-sm-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

@media (min-width: 768px) {
    .border-md-top {
        border-top: 1px solid #edf4f9 !important;
    }
    .border-md-right {
        border-right: 1px solid #edf4f9 !important;
    }
    .border-md-bottom {
        border-bottom: 1px solid #edf4f9 !important;
    }
    .border-md-left {
        border-left: 1px solid #edf4f9 !important;
    }
    .border-md-top-0 {
        border-top: 0 !important;
    }
    .border-md-right-0 {
        border-right: 0 !important;
    }
    .border-md-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-md-left-0 {
        border-left: 0 !important;
    }
    .border-md-x {
        border-left: 1px solid #edf4f9 !important;
        border-right: 1px solid #edf4f9 !important;
    }
    .border-md-y {
        border-top: 1px solid #edf4f9 !important;
        border-bottom: 1px solid #edf4f9 !important;
    }
    .border-md {
        border-top: 1px solid #edf4f9 !important;
        border-bottom: 1px solid #edf4f9 !important;
        border-left: 1px solid #edf4f9 !important;
        border-right: 1px solid #edf4f9 !important;
    }
    .border-md-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

@media (min-width: 992px) {
    .border-lg-top {
        border-top: 1px solid #edf4f9 !important;
    }
    .border-lg-right {
        border-right: 1px solid #edf4f9 !important;
    }
    .border-lg-bottom {
        border-bottom: 1px solid #edf4f9 !important;
    }
    .border-lg-left {
        border-left: 1px solid #edf4f9 !important;
    }
    .border-lg-top-0 {
        border-top: 0 !important;
    }
    .border-lg-right-0 {
        border-right: 0 !important;
    }
    .border-lg-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-lg-left-0 {
        border-left: 0 !important;
    }
    .border-lg-x {
        border-left: 1px solid #edf4f9 !important;
        border-right: 1px solid #edf4f9 !important;
    }
    .border-lg-y {
        border-top: 1px solid #edf4f9 !important;
        border-bottom: 1px solid #edf4f9 !important;
    }
    .border-lg {
        border-top: 1px solid #edf4f9 !important;
        border-bottom: 1px solid #edf4f9 !important;
        border-left: 1px solid #edf4f9 !important;
        border-right: 1px solid #edf4f9 !important;
    }
    .border-lg-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

@media (min-width: 1200px) {
    .border-xl-top {
        border-top: 1px solid #edf4f9 !important;
    }
    .border-xl-right {
        border-right: 1px solid #edf4f9 !important;
    }
    .border-xl-bottom {
        border-bottom: 1px solid #edf4f9 !important;
    }
    .border-xl-left {
        border-left: 1px solid #edf4f9 !important;
    }
    .border-xl-top-0 {
        border-top: 0 !important;
    }
    .border-xl-right-0 {
        border-right: 0 !important;
    }
    .border-xl-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-xl-left-0 {
        border-left: 0 !important;
    }
    .border-xl-x {
        border-left: 1px solid #edf4f9 !important;
        border-right: 1px solid #edf4f9 !important;
    }
    .border-xl-y {
        border-top: 1px solid #edf4f9 !important;
        border-bottom: 1px solid #edf4f9 !important;
    }
    .border-xl {
        border-top: 1px solid #edf4f9 !important;
        border-bottom: 1px solid #edf4f9 !important;
        border-left: 1px solid #edf4f9 !important;
        border-right: 1px solid #edf4f9 !important;
    }
    .border-xl-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}
.bg-indigo {
    background-color: #6574cd !important;
}
.bg-grey {
    background-color:#dbdee5 !important;
}
.bg-plesk {
    background: #384859 none repeat scroll 0% 0%;
}
.bg-plesk-shortcuts {
    background: #717e83 none repeat scroll 0% 0%;
}
.dimmer > .content, .ui.ordered.steps .step > .content
{
    margin-top:0 !important;
    margin-left:0 !important;
    width: auto !important;
}
.disabledDiv{
    pointer-events: none;
    opacity: 0.4;
}
.bg-directAdmin-header {background:#073648 none repeat scroll 0% 0%;}
.bg-directAdmin-shortcuts {background:#0083b4 none repeat scroll 0% 0%;}
.bg-directAdmin-shortcuts > .card-options a:not(.btn):not(.dataTables_wrapper .dataTables_paginate .paginate_button), .card-options a:not(.btn):not(.dataTables_wrapper .dataTables_paginate .paginate_button):hover {color: #FFF;}
.icons-grid-category-entry-icon {width: 48px;height: 48px;margin: .5rem;}
.list-inline-dots .list-inline-item + .list-inline-item::before {
    content: '· ';
    margin-left: -2px;
    margin-right: 3px;
}
.usageStats {display: flex;justify-content: space-between;padding-top: 5px;}
.usageStats h2{font-size: 2.3rem; !important;font-family: DINPro-Medium, serif !important;letter-spacing: 0.5px;}
.usageStats .icon{font-size:38px !important;}

button#prepaid {
    width: 80%;
    height: 40px;
    background: linear-gradient(to bottom, #4F7942 0%,#355E3B 100%); /* W3C */
    border: none;
    border-radius: 5px;
    position: relative;
    border-bottom: 4px solid #355E3B;
    color: #fff;


    font-size: 15px;
    text-align: center;
    text-indent: 5px;
    box-shadow: 0px 3px 0px 0px rgba(0,0,0,.2);
    cursor: pointer;

    /* Just for presentation */
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}
button#prepaid:active {
    box-shadow: 0px 2px 0px 0px rgba(0,0,0,.2);
    top: 1px;
}

button#prepaid:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-top: 20px solid #96DED1;
    border-bottom: 20px solid #96DED1;
    border-left: 16px solid transparent;
    border-right: 20px solid #96DED1;
    position: absolute;
    opacity: 0.6;
    right: 0;
    top: 0;
    border-radius: 0 5px 5px 0;
}

/* Button pointing left */

button#prepaid.back {
    text-align: right;
    padding-right: 12px;
    box-sizing: border-box;
}
button#prepaid.back:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-top: 20px solid #187dbc;
    border-bottom: 20px solid #187dbc;
    border-right: 16px solid transparent;
    border-left: 20px solid #187dbc;
    position: absolute;
    opacity: 0.6;
    left: 0;
    top: 0;
    border-radius: 5px 0 0 5px;
}
button#prepaid.site {
    width: 40px;
    text-align: center;
    text-indent: 0;
}
button#prepaid.site:after{
    display: none;
}