a,
a:visited {
    color: #758bff;
}

a:hover,
a:visited:hover {
    color: #1a1b1e;
}

.primary-color {
    color: #758bff;
}

.secondary-color {
    color: #1a1b1e;
}

.h4 {
    color: #1a1b1e;
}

.bg-primary {
    background-color: #758bff;
    color: white;
}

.text-orange {
    color: #758bff !important;
}


.no-border {
    border: none !important;
}


/* web components */

webcomponent-button {
    --primary-color: #758bff;
    --primary-color-button-text: #ffffff;
    --light-primary-color: #1a1b1e;
}

wc-aws-cognito {
    --primary-color: #758bff;
    --primary-color-button-text: #ffffff;
    --light-primary-color: #1a1b1e;
    --error-color: #758bff;
    --button-order: 2;
    --error-order: 2;
}

webcomponent-loading {
    --primary-color: #758bff;
    --primary-color-button-text: #ffffff;
    --light-primary-color: #1a1b1e;
}


/* navigation */

.nav-main ul a.active {
    color: #1a1b1e !important;
    font-weight: 600 !important;
}

.nav-main li.open>a.nav-submenu,
.nav-main li>a.nav-submenu {
    font-weight: normal !important;
}

/* buttons */

.btn-primary,
.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary:active.focus,
.btn-primary.active.focus {
    color: #fff;
    background-color: #758bff;
    border-color: #758bff;
}

.btn-primary:hover,
.btn-primary:active:hover,
.btn-primary.active:hover {

    background-color: #1a1b1e;
    border-color: #1a1b1e;
}

.btn-primary,
.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary:active.focus,
.btn-primary.active.focus {
    color: #fff;
    background-color: #758bff;
    border-color: #758bff;
}

.btn-primary:hover,
.btn-primary:active:hover,
.btn-primary.active:hover {

    background-color: #1a1b1e;
    border-color: #1a1b1e;
}

.btn-third,
.btn-third:focus,
.btn-third:active:focus,
.btn-third.active:focus {

    background-color: #ee265f;
    border-color: #ee265f;
    color: white;
}

.btn-third:hover,
.btn-third:active:hover {
    background-color: #1a1b1e;
    border-color: #1a1b1e;
    color: white;
}

/* tabs */

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    background-color: #758bff !important;
    color: white !important;
}

/* scroll */

#custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #5c90d2
}


/* data tables / lists */

table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after {
    padding-top: 5px;
    color: #1a1b1e;
    font-size: 12px;
    content: "\e252";
}

table.dataTable thead .sorting_desc::after {
    padding-top: 5px;
    color: #1a1b1e;
    font-size: 12px;
    content: "\e253";
}

.table>tfoot>tr>th {
    border-top: none !important;
    padding-top: 2px !important;
}


table.dataTable a,
table.dataTable {
    color: #333 !important;
}

.table>thead>tr>td,
.table>tbody>tr>td {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}


.list-btn,
.list-btn:hover {
    background-color: white !important;
    border-color: #e9e9e9 !important;
}

.list-btn-left {
    border-right: none !important;
}

.list-btn-right {
    border-left: none !important;
}

.list-row-selected {
    background-color: #1a1b1e !important;
    color: #e9e9e9 !important;
}

.list-row-selected>td>a {
    color: #e9e9e9 !important;
}

.list-row-selected>td>div>button {
    color: #1a1b1e !important;
}

.list-group-item {
    padding-left: 1px !important;
    padding-bottom: 0px !important;
}