/* ALTERAÇÕES DE LAYOUT PARA O PROBLIND*/

:root {
    --hub-background-color-dark: #495058;
    /* #1A1A1A */
    --hub-nav-tab-background-color: #6D7379;
    /* #474747 */
    --hub-nav-menu-background-color: #D46110;
    /* #474747 */
    --hub-background-color-menu-sidebar: black;
}

.input-white {
    background-color: #ffffff;
}

.card-black {
    background-color: #000000;
    border: 1px solid #191919;
}

.card-white {
    background-color: #ffffff;
    border: 1px solid #191919;
}

.icon-white {
    color: #ffffff;
}

.icon-black {
    color: #000000;
}

.check-white {
    background-color: #ffffff;
}

.card-login {
    width: 500px;
}

a.link-white {
    color: #ffffff;
}

a.link-gray {
    color: #495058;
}

li.nav-item.active>a.nav-link.hub-menu--active-color {
    text-decoration: none !important;
    background-color: var(--hub-nav-menu-background-color) !important;
}

.btn.btn-default,
.btn.btn-success,
.btn.btn-danger,
.btn-default:hover,
.btn-success:hover,
.btn-danger:hover {
    background-color: var(--hub-background-color-dark) !important;
    border-color: var(--hub-background-color-dark) !important;
    box-shadow: none !important;
}

.card .card-header-default:not(.card-header-icon):not(.card-header-text) {
    background-color: var(--hub-background-color-dark) !important;
}

.nav-tabs .nav-item .nav-link.active {
    background-color: var(--hub-nav-tab-background-color) !important;
}

.dropdown-menu a:hover {
    background-color: var(--hub-background-color-dark) !important;
}

.pagination>.page-item.active>a {
    background-color: var(--hub-background-color-dark) !important;
    box-shadow: none;
}

/*Redefinição nav Pill*/
.nav-pills.nav-pills-default .nav-item .nav-link.active,
.nav-pills.nav-pills-default .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-default .nav-item .nav-link.active:hover {
    background-color: var(--hub-background-color-dark) !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(6, 6, 6, 0.4);
    color: #fff;
}

.bg-info {
    background-color: var(--hub-background-color-dark) !important;
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: var(--hub-background-color-dark) !important;
}

.border-info {
    background-color: var(--hub-background-color-dark) !important;
}

.sidebar .sidebar-wrapper {
    height: calc(100vh - 252px);
}

.sidebar {
    background-color: var(--hub-background-color-menu-sidebar) !important;
}

.card .card-header-success .card-icon,
/*.card .card-header-success:not(.card-header-icon):not(.card-header-text),*/
.card.bg-success,
.card.card-rotate.bg-success .front,
.card.card-rotate.bg-success .back {
    background: var(--hub-background-color-dark) !important;
    box-shadow: none;
}

.card .card-header-danger .card-icon,
.card .card-header-danger:not(.card-header-icon):not(.card-header-text),
.card.bg-danger,
.card.card-rotate.bg-danger .front,
.card.card-rotate.bg-danger .back {
    background: var(--hub-background-color-dark) !important;
    box-shadow: none;
}

.card-wizard[data-color="blue"] .moving-tab {
    background-color: var(--hub-background-color-dark) !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(6, 6, 6, 0.4);
    color: #fff;
}

.btn-wd {
    background: var(--hub-background-color-dark) !important;
    box-shadow: none;
}

.input-white>.is-focused {
    background: #fff !important;
}

.input-white:focus {
    background: #fff !important;
}