.loading-animation {filter: drop-shadow(0px 0px 20px #222) saturate(70) !important;}
@media only screen and (max-width: 768px)  {
	#left
{   background-color: #1C2E46 !important;
    color: #fff !important;
}
}
.modal-dialog, .modal-content{
    background-color: #1C2E46 !important;
    color: #fff !important;
}
body,
#main, #left
{   background-color: #1C2E46 !important;
    color: #fff !important;
}
.card{border: none; border-radius: 0;background: transparent;}
.card-body{background-color:#515F72 !important;border-radius: 10px;}
#bottom a, #bottom{color:#fff;}
#bottom a:hover{color:#ccc;}
#right{background-color:#515F72 !important;}
.close{color: #fff !important;transition: .8s all;}
.close:hover{color: #c2c2c2 !important;transition: .8s all;}
.btn-outline-secondary{background-color:#0082BB; color:#fff;border: none; box-shadow: 0 0 5px #ccc; transition: .5s all;}
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover
{color:#fff !important;}
.bg-light{background-color: #0082BB !important;color:#fff !important;}
.switch-wrapper,
.table td, .table th
{color:#fff;}
.table-striped tbody tr:nth-of-type(odd){background-color:#515F72 !important;}
.navbar-brand img{content: url('/logo-dark.svg') !important; height:106px;}

hr {
    background-color: #dee2e6;
}

.navbar-brand a:before {
	width: 177px;
display: inline-block;
}

.btn-link {
    color: white;
    text-decoration: underline;
}

.btn-link:hover {
    color: white;
}

span.page-title{color:#fff !important;}
.navbar-brand:hover{
    /*
    animation: shake 0.5s;
    animation-iteration-count: infinite;
*/
}
@keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}

input.form-control-plaintext {
    color: white;
}

tr.status-active td, tr.status-disabled td {
    color: #888;
}

table.didgroups tfoot tr {
    background-color: #213f66!important;
    height: 49px;
}

table.didgroups tfoot td {
    color: #CCC!important;
}

tr.status-active {
    background-color: #163944!important;
}

tr.status-disabled {
    background-color: #3e2a44!important;
}

div.nav-item.static {
    color: white!important;
}

span.balance span {
    color: white;
    font-weight: bold;
}

.negative {
    color: #ff7058!important;
}