body {
    font-family: 'Poppins',Helvetica,Arial,Lucinda,sans-serif!important;
}

.navbar {
    border-bottom: 1px solid #ebecf0;
}

#login-form {
    /*border: 4px solid #ebecf0;
    border-radius: 10px;*/
    padding: 20px;
}

.signup-link {
    display: block;
    text-decoration: none;
}

#nav {
    margin-top: 2rem;
    opacity: 0.8;
}

#sidebar {
    border-bottom: 0;
}

#menu-aside {
    color: #e6f2ff;
    font-size: 0.9rem;
    background-image: linear-gradient(80deg,rgb(2,3,129) 1%,rgb(40,116,252) 100%) !important;
}

.navbar-icon {
    text-decoration: none;
    position: relative;
}

#instructions-section ul li table tr th {
    border: 1px solid black;
    max-width: 130px;
    text-align: center;
}

.notification-counter {
    position: absolute;
    top: -7px;
    left: 10px;
    background-color: rgba(212, 19, 13, 1);
    color: #fff;
    border-radius: 13px;
    font: 10px Verdana;
    padding: 1px 3px;
}

.notification-counter-empty {
    position: absolute;
    top: -2px;
    left: 10px;
    background-color: rgba(212, 19, 13, 1);
    color: #fff;
    border-radius: 13px;
    font: 10px Verdana;
    padding: 1px 3px;
    width: 11px;
    height: 11px;
}

.align-center {
    text-align: center;
}

.float-right {
    float: right;
}

.width-100 {
    width: 100%;
}

.table-text {
    font-size: 0.7rem;
    color: #00254d;
    font-weight: 100;
}

div.dataTables_scrollHead {
    overflow: none;
}
div.dataTables_scrollBody {
    overflow: none;
}
div.dataTables_scroll {
    overflow-x: auto;
}

.table-link { text-decoration: none; }

.hidden {display: none}


/* DataTables related styling */
/*table#table tbody tr th {
    font-weight: 300;
    font-size: smaller;
}*/

/*table#table tbody tr th a {
    text-decoration: none;
}*/

table#table td, tfoot, th, thead, tr {
    border-style: none;
}

div#table_wrapper div label {
    font-size: small;
}

div#table_wrapper div label select {
    width: 70px;
    display: inline-block;
    font-size: small;
}

div#table_wrapper > div#table_length {
    display: inline-block;
}

div#table_wrapper > div#table_filter{
    display: inline-block;
    float: right;
}

div#table_wrapper div label input {
    max-width: 75%;
    display: inline-block;
}

table#table thead tr th {
    text-align: center;
    border: none;
    text-transform: uppercase;
}

table#table thead tr th:first-child {
    text-align: start;
}

table#table thead tr:first-child th {
    border-bottom: 1px solid rgb(86, 88, 91);
}

#table_info, #table_paginate {
    font-size: small;
}

table#table thead td {
    padding: 10px;
}

/* DataTables buttons container
.dt-buttons-custom {
    float: right;
    margin-left: 1rem;
    margin-top: 3px;
}*/

#table > thead > tr > th {
    font-weight: 800;
    vertical-align: middle;
}

/*.services-header: {
    white-space: break-spaces !important;
    vertical-align: top;
}*/

.notification a {
    text-decoration: none;
}

thead input {
    width: 100%;
}


/*table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {
    top: 18px;
    right: 0.85em;
}
table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after {
    top: 18px;
}
table#table-container thead th {
    white-space: break-spaces !important;
    font-size: 0.7rem !important;
}*/

#dashboard-kpis {
    margin-left: auto;
    margin-right: auto;
}
/* table formatting */
th {
    white-space: break-spaces !important;
    vertical-align: middle;
    /*width: 80px;*/
}

th input {
    max-width: 100px !important;
}

th select {
    width: 100px !important;
}

table.dataTable .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {
    top: 6px;
}

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

.dataTables_scrollHeadInner, .table{
    width:100%!important
    overflow-x: scroll;
 };

.dataTables_scrollHeadInner > table > thead > tr > th {
    font-weight: 700;
}

.dataTables_scrollHead > div > table > thead > tr > th {
    font-weight: 700;
}

.non-services th {
    white-space: nowrap !important;
}

button:not(.btn-close) {
    color: #ffffff!important;
    border-width: 8px!important;
    border-color: #8b20bb!important;
    letter-spacing: 2px!important;
    font-size: 12px!important;
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 400!important;
    text-transform: uppercase!important;
    background-color: #8b20bb!important;
}

a.btn {
    color: #ffffff!important;
    border-width: 8px!important;
    border-color: #8b20bb!important;
    letter-spacing: 2px!important;
    font-size: 12px!important;
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 400!important;
    text-transform: uppercase!important;
    background-color: #8b20bb!important;
}

button.add-to-cart-button {
    border-width: 0px!important;
}

div.alert button.btn-close {

}

.table > tbody > tr > td {
    white-space: nowrap;
}

.pagination > li > a, .pagination > li > span{color:black}
.pagination > li.active > a, .pagination > li.active > span{
    background-color:#8B20B9 !important;
    border: 1px solid #8B20B9 !important;
}
.pagination li.paginate_button:hover {
    color: #8B20B9;
}


.modal-content {
    width: 1075px;
}

div#filter_table_container {
    overflow: scroll;
}

/* EMPTY PAGES STYLING */
.empty-page-container {
    margin-top: 200px;
    display: block;
}

.empty-page-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    height: 100px;
}

.empty-page-message {
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #495057;
}

.empty-page-subtitle {
    display: block;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    color: #6A7187;
}

.empty-page-button {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
}

.info-tooltip {
    text-transform: lowercase;
    color: #007bff;
    font-weight: bold;
    font-size: 0.8rem;
    margin-left: 5px;
    margin-top: -4px;
    cursor: help;
}

.info-tooltip-services {
    position: absolute;
    margin-top: -5px;
}

.info-tooltip-websites {
    position: absolute;
    margin-top: 6px;
}

aside nav div ul li a.nav-link {
    text-transform: uppercase;
}

.ticket-warning {
    white-space: break-spaces;
}

.nav-link {
    font-size: 0.75rem;
}

.search-box {
    margin-right: 10px;
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif!important;
    font-size: 0.9rem;
}