body {
    width: 100%;
    height: 100vh;
    /*font-family: 'Roboto', sans-serif;*/
    font-family: 'Roboto Slab', serif !important;

    background: radial-gradient(black 15%, transparent 16%) 0 0,
    radial-gradient(black 15%, transparent 16%) 8px 8px,
    radial-gradient(rgba(255, 255, 255, .1) 15%, transparent 20%) 0 1px,
    radial-gradient(rgba(255, 255, 255, .1) 15%, transparent 20%) 8px 9px;
    background-color: #282828 !important;
    background-size: 16px 16px;

    color: #bbb5b5 !important;
}

.div-align-center {
    justify-content: center;
    display: flex;
}

td {
    white-space: break-spaces;
}

.sweet-alert .text-muted {
    word-break: break-all;
}

.row .col-sm-4 .card {
    background-color: #e0e0e0;
}

.box-card-widget,
.box-card-widget-header,
.box-card-widget-body {
    display: flex;
    padding: 1.5rem;
    border-radius: 0.5rem;
    background: #082f69;
    align-items: center;
    justify-content: space-between;
    color: #bbb5b5;
    position: relative;
}

.box-card-widget:before,
.box-card-widget-header:before,
.box-card-widget-body:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.63);
    border-radius: 0.5rem;
}

.box-card-widget-header {
    padding: 0.5rem;
    border-radius: 0.5rem 0.5rem 0 0;
}

.box-card-widget-header:before {
    border-radius: 0.5rem 0.5rem 0 0;
}

.box-card-widget-body {
    border-radius: 0 0 0.5rem 0.5rem;
}

.box-card-widget-body:before {
    border-radius: 0 0 0.5rem 0.5rem;
}


.box-card-widget-header h1 {
    margin: 0;
}

.box-card-widget .form-control:disabled {
    background: #bbbdbe;
}

.box-card-widget a:link,
.box-card-widget a:visited,
a.styled-anchor,
a.styled-anchor:link,
a.styled-anchor:visited {
    color: #ffff99;
    text-decoration: underline;
}

.box-card-widget a:hover,
.box-card-widget a:active,
a.styled-anchor:hover,
a.styled-anchor:active {
    color: #bbbdbe;
    text-decoration: underline;
}

.box-card-widget.dashboard-cards {
    color: #282828;
}

.box-card-widget.dashboard-cards ul {
    list-style: none;
}

.box-card-widget.dashboard-cards ul .card-icon {
    width: 20px;
    margin-right: 5px;
}

.login-card-widget {
    background: #072859;
    color: #ffff99;
    opacity: 0.85;
}

.text-darkgrey {
    color: darkgrey !important;
}

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

.text-bright-blue {
    color: #38c1f2 !important;
}

.text-bright-yellow {
    color: #ffff99 !important;
}

.margin-small {
    margin: 0.5rem !important;
}

.bg-grey {
    background-color: rgba(156, 156, 156, 1) !important;
}

.bg-c-light-purple {
    background-color: #c7ace3 !important;
}

.bg-c-light-blue {
    background-color: #bce5ff !important;
}

.bg-c-light-green {
    background-color: #bbdd99 !important;
}

.bg-c-light-red {
    background-color: #d78b8b !important;
}

.bg-c-silver {
    background-color: #A9ACB1 !important;
}

/**
font-family: 'Ephesis', cursive;
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Slab', serif;
font-family: 'Roboto Mono', monospace;
 */

.body-login {

}

.dashboard-user-info, .fishing-activities-panel {
    background: #ede7d7;
}

.dashboard-value, .dashboard-value-timer {
    text-transform: capitalize;
    font-family: 'Roboto Mono', monospace;
    /*font-family: 'Ephesis', cursive;*/
    /*font-family: 'Roboto', sans-serif;*/
    /*font-family: 'Roboto Slab', serif;*/
}

.dashboard-value-timer {
    color: grey;
}

a.form-links-break {
    word-break: break-all;
}

a.tableLinks:link, a.tableLinks:visited {
    color: darkslategrey;
    text-decoration: underline;
}

a.tableLinks:hover, a.tableLinks:active {
    color: black;
    text-decoration: underline;
}

a.tableLinks-2:link, a.tableLinks-2:visited, a.tableLinks-2:hover, a.tableLinks-2:active {
    color: black;
    text-decoration: underline;
}

a.homepageLinks:link, a.homepageLinks:visited {
    color: darkblue;
    text-decoration: underline;
}

a.homepageLinks:hover, a.homepageLinks:active {
    color: black;
    text-decoration: underline;
}

a.loginPageLinks:link, a.loginPageLinks:visited, a.loginPageLinks:hover, a.loginPageLinks:active {
    color: #FCA311;
    text-decoration: underline;
}

.results-table td {
    color: darkslategrey;
}

div.userProfileForm .form-group, div.tornForms .form-group {
    padding-top: 10px !important;
}

.btn-table-button-xs {
    padding: 0.1rem 1rem !important;
}

.dim-background-75 {
    filter: brightness(75%);
}

table.frozen-headers {
    overflow: auto;
    border-collapse: collapse;
    width: 100%;
}

table.frozen-headers thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    white-space: nowrap;
}

table.frozen-headers tbody th {
    position: sticky;
    left: 0;
}

.table-custom-blue,
.table-custom-light-red,
.table-custom-dark-red,
.table-custom-light-green,
.table-custom-dark-green,
.table-custom-light-grey,
.table-custom-silver,
.table-custom-light-orange,
.table-custom-status-green,
.table-custom-status-red,
.table-custom-status-blue {
    border-color: grey;
}

.table-custom-blue td, .table-custom-blue th {
    background-color: #A3B6E1 !important;
}

.table-custom-light-red td, .table-custom-light-red th {
    background-color: #d78b8b !important;
}

.table-custom-dark-red td, .table-custom-dark-red th {
    background-color: #834141 !important;
}

.table-custom-light-green td, .table-custom-light-green th {
    background-color: #bbdd99 !important;
}

.table-custom-dark-green td, .table-custom-dark-green th {
    background-color: #5e7547 !important;
}

.table-custom-light-grey td, .table-custom-light-grey th {
    background-color: #C9CBCF !important;
}

.table-custom-silver td, .table-custom-silver th {
    background-color: #A9ACB1 !important;
}

.table-custom-light-orange td, .table-custom-light-orange th {
    background-color: #dec0a6 !important;
}

.table-custom-status-green td {
    background-color: #79985A !important;
}

.table-custom-status-red td {
    background-color: #c05f40 !important;
}

.table-custom-status-blue td {
    background-color: #7bb9c0 !important;
}


.text-roboto-mono {
    font-family: 'Roboto Mono', monospace;
}


@-webkit-keyframes blink {
    0%, 100% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0%, 100% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
    }
}

@-o-keyframes blink {
    0%, 100% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
    }
}

@keyframes blink {
    0%, 100% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
    }
}

.dot-Running {
    -webkit-animation: blink 2s infinite;
    -moz-animation: blink 2s infinite;
    -o-animation: blink 2s infinite;
    animation: blink 2s infinite;
}

.dot-Running, .dot-green {
    color: green;
}

.dot-red, .dot-Failed {
    color: #bf0040;
}

.dot-New, .dot-Done {
    color: grey;
}

.scrollTopXIcon {
    position: fixed;
    bottom: 50px;
    right: 10px;
    font-size: 2em;
    display: none;
    z-index: 999;
    text-align: center;
    cursor: pointer;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .5);
    color: #000;
    line-height: 40px;
}

.scrollTopXIcon:hover {
    background: rgba(255, 255, 255, .8);
}

div.dbox {
    background-color: wheat;
    width: 100%;
    overflow: hidden;
    text-align: center;
}


.modal-content {
    border-radius: 20px;
}

.modal-header {
    border-bottom: none;
}

.modal {
    z-index: 3;
}

.modal-backdrop {
    z-index: 2;
}

.add-modal .modal-header {
    background-color: #197ce6;
    border-bottom: 0;
}

.edit-modal .modal-header {
    background-color: #ffc107;
}

.modal-body {
    border-bottom-right-radius: .3rem;
    border-bottom-left-radius: .3rem;
}

.add-modal .modal-body {
    background-color: #549eec;
}

.edit-modal .modal-body {
    background-color: #ffdc74;
}

.font-1_5x {
    font-size: 1.5em;
}

img.donator-status {
    width: 30px;
    height: 30px;
    background-color: grey;
    border-radius: 5px;
    padding: 5px;
}