.change-language {
  display: inline-block;
  width: 20px;
  height: 10px;
  margin-right: 6px;
  cursor: pointer;
}

.change-language img {
  transition-property: filter, -webkit-filter;
  transition: 0.3s;
}

.change-language:not(.current-language) img:not(:hover){
  filter: grayscale(80%);
}

label {
    margin-bottom: 0;
}

.btn-block {
    width: 100%;
}

.input-group > .form-control.form-min, .input-group > .form-select.form-min {
    width: 70px;
}

.navbar-brand-box {
    background-color: #ffc107;
    color: #fff;
    font-weight: bold;
}

.navbar-brand-box a {
    color: #fff;
    transition: color 0.5s ease;
}

.navbar-brand-box a:hover {
    color: #000;
}

.navbar-brand-box span span {
    color: #272727;
    transition: color 0.5s ease;
}

.navbar-brand-box:hover {
    color: #272727;
}

.navbar-brand-box:hover span span {
    color: #fff;
}

.vertical-menu .header-item {
    color: #22252f;
}

.auth-logo {
    display: block;
    background-color: #ffc107;
    color: #000;
    padding: 20px;
    font-weight: bold;
    transition: color 0.5s ease;
}

.auth-logo .logo-lg span {
    color: #fff;
    transition: color 0.5s ease;
}

.auth-logo:hover {
    color: #fff;
}

.auth-logo:hover .logo-lg span {
    color: #000;
}

.tree li a {
    color: #22252f;
    position: relative;
    padding: 10px 6px;
    border-color: #333;
    background: #ffc107;
    font-size: 13px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.tree li a i {
    border-radius: 10px;
    width: 20px;
    height: 20px;
    color: #ffc107;
    background: #22252f;
    padding: 0;
    font-size: 12px;
    line-height: 20px;
    display: inline-block;
    text-align: center;
}

.tree li a[data-attr-is_active="False"] {
    opacity: 0.3;
}

.tree li a[data-attr-branch_type="success"] {
    border-color: darkgreen;
    background: darkgreen;
}

.tree li a[data-attr-branch_type="failed"] {
    border-color: orangered;
    background: orangered;
}

.tree li a[data-attr-branch_type="error"] {
    border-color: red;
    background: red;
}

.tree li a[data-attr-branch_type="default"] {
    border-color: dodgerblue;
    background: dodgerblue;
}

.tree li span.node-add, .tree li span.node-remove {
    width: 14px;
    height: 14px;
    line-height: 11px;
    border-radius: 7px;
    background: #ffc107;
    color: #22252f;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.tree li span.node-remove {
    background: darkred;
    color: #fff;
}

.tree li span.node-add:hover, .tree li span.node-remove:hover {
    background: #fff;
    color: #22252f;
}

.tree li.level-0 > span.node-remove {
    display: none;
}

.text-finsales {
    color: #ffc107;
}

#campaigns-chart-canvas {
    height: 397px;
}

.node_type_options {
    display: none;
}

#branch-alert .alert {
    width: 100%;
}

.message-list li .col-mail-1 {
    width: 60px;
}

.message-list li .col-mail-2 {
    left: 60px;
}

.message-list li .col-mail-2 .date {
    padding-left: 20px;
    right: 30px;

}
.message-list li .col-mail-2 button {
    right: 3px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0!important;
}

.badge {
    color: #2b2e3b;
}

.graph {
    width: 100%;
    overflow: hidden;
    padding: 50px 0 200px 0;
    overflow-x: scroll;
}

.graph-container {
    min-width: 3000px;
    width:max-content;
}

.spacer {
    color: inherit;
}

.todo-content-hidden {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 99999;
    background: #2b2e3b;
    padding: 0 15px 15px 15px;
    line-height: initial;
    border-bottom: solid 1px #22252f;
    width: 100%;
}

.message-list li:hover .todo-content-hidden {
    background-color: #343747;
}

#toast-container > div {
    opacity:1;
}

.toast-success {
    border: 2px solid #34c38f!important;
    background-color: rgba(52,195,143,.95)!important;
}

.toast-error {
    background-color: #BD362F!important;
}

.toast-info {
    border: 2px solid #50a5f1!important;
    background-color: rgba(80,165,241,.95)!important;
}

.toast-warning {
    border: 2px solid #f1b44c!important;
    background-color: rgba(241,180,76,.95)!important;
}

.card-indicators h4 {
    font-size:0.9rem;
}

.card-indicators h5, .card-indicators span {
    white-space:nowrap;
}
.card-indicators .legend {
    font-size:0.8rem;
}
.card-indicators .card-body {
    padding:1.25rem 0.8rem;
}
.card-indicators .mt-2 {
    margin-top:0.7rem !important;
}
@media (max-width: 1400px) {
    .card-indicators h4 {
        font-size: 0.8rem;
        text-align:center;
    }
    .card-indicators .card-body {
        padding:1.25rem 0.7rem;
    }
    .card-indicators .float-start {
        float:none !important;
        margin-top:0 !important;
    }
    .card-indicators .float-end {
        float:none !important;
        text-align:center;
    }
}