:root {
    --ibicus-color-1: #1661da;
    --ibicus-color-2: #0072ff;
    --ibicus-color-3: #0035bb;
    --ibicus-color-4: #021b5f;
    --ibicus-color-5: #2afa70;
    --ibicus-color-6: #04a844;

    --ibicus-white-1: #ffffff;
    --ibicus-white-2: #e1e1e1;
    --ibicus-blue-dark-1: #2f4050;
    --ibicus-blue-dark-2: #293846;
    --ibicus-green-sidebar: #19aa8d;
    --ibicus-black: #000;

    --ibicus-palette-1:#4cc9f0;
    --ibicus-palette-2:#4895ef;
    --ibicus-palette-3:#4361ee;
    --ibicus-palette-4:#3f37c9;
    --ibicus-palette-5:#3a0ca3;
    --ibicus-palette-6:#480ca8;
    --ibicus-palette-7:#560bad;
    --ibicus-palette-8:#7209b7;
    --ibicus-palette-9:#b5179e;
    --ibicus-palette-10:#f72585;

    --ibicus-p-1:#082df6;
    --ibicus-p-2:#1fe3cf;

    --ibicus-content:   var(--ibicus-palette-2);
    --ibicus-playlist:  var(--ibicus-palette-3);
    --ibicus-channel:   var(--ibicus-palette-4);
    --ibicus-layout:    var(--ibicus-palette-8);
    --ibicus-group:     var(--ibicus-palette-4);
    --ibicus-device:    var(--ibicus-palette-5);

}

.ibicus-box-shadow
{
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.btn-primary{
    background-color:var(--ibicus-color-1);
    border-color: white;
    color: white;
}

.btn-green{
    background-color:var(--ibicus-color-5);
    border-color: white;
    color: black;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.active:focus {
    background-color:var(--ibicus-color-2);
    border-color: white;
    color: white;
}

.btn-primary-ibicus{
    background-color:var(--ibicus-color-1);
    color: white;
}
/* Colores de fondo */
.bg-primary{
    background-color:var(--ibicus-color-1);
    color: white;
}

.bg-white{
    background-color:white;
}

.bg-content{
    background-color:var(--ibicus-content);
    color: white;
}

.bg-playlist{
    background-color:var(--ibicus-playlist);
    color: white;
}

.bg-channel{
    background-color:var(--ibicus-channel);
    color: white;
}

.bg-layout{
    background-color:var(--ibicus-layout);
    color: white;
}

.bg-group{
    background-color:var(--ibicus-group);
    color: white;
}

.bg-device{
    background-color:var(--ibicus-device);
    color: white;
}
/* Colores de texto */
.text-primary{
    background-color:var(--ibicus-color-1);
    color: white;
}

.text-content{
    color: var(--ibicus-content);
}

.text-playlist{
    color: var(--ibicus-playlist);
}

.text-channel{
    color: var(--ibicus-channel);
}

.text-layout{
    color: var(--ibicus-layout);
}

.text-group{
    color: var(--ibicus-group);
}

.text-device{
    color: var(--ibicus-device);
}

.btn-primary-ibicus:hover{
    background-color:var(--ibicus-color-2);
    color: white;
}

.nav > li > a {
    color: var(--ibicus-white-1);
}

.nav > li.active {
    border-left: 4px solid var(--ibicus-color-5);
    background: var(--ibicus-color-5);
}

.navbar-default .nav > li > a:hover {
    background-color: var(--ibicus-color-5);
    color: black;
}

.navbar-default .nav > li > a:focus{
    background-color: var(--ibicus-color-5);
    color: black;
}

.navbar-default .nav > li.active > a{
    background-color: var(--ibicus-color-5);
    color: black;
}

a:focus, a:hover {
    color: var(--ibicus-color-6);
}

body.mini-navbar .nav-header {
    padding: 0;
    background-color: var(--ibicus-color-1);
}

.nav-header {
    padding: 33px 25px;
    background-color: var(--ibicus-color-1);
    /*border-bottom: 2px solid var(--ibicus-blue-dark-1);*/
    background-image:none; /*url(patterns/header-profile.png);*/
}

.nav-header .text-muted {
    color: var(--ibicus-white-2);
}

ul.nav-second-level {
    background: var(--ibicus-color-2);
}

body {
    background-color: var(--ibicus-color-1);
    /*background: linear-gradient(180deg, var(--ibicus-color-1) 0%, var(--ibicus-color-3) 35%,var(--ibicus-color-4) 100%);*/
}

.bg-login {
    background-color: var(--ibicus-color-4);
}

.layout-bg
{
    background-color: #9d11a5;
    color: #fff;
}

.group-bg
{
    background-color: #2f4050;
    color: #fff;
}

.channel-bg
{
    background-color:#e68215;
    color: #fff;
}

.reduceText
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bar-timeline {
    height: 4px;
    background: #dcdcdc;
    width: calc(100%-30px);
    position: relative;
    top: 25px;
    left: 0;
    margin-left: 30px;
    z-index:10;
}

.btn-dark, .btn-dark:hover
{
    background-color:#343A41;
    color: white;
}
.btn-dark-light, .btn-dark-light:hover
{
    background-color:#4d5661;
    color: white;
}
.btn-primary-light, btn-primary-light:hover
{
    background-color:#27e0bb;
    color: white;
}

/* Fix icon in toastr message */
#toast-container>.toast-success::before {
    font-family: 'Font Awesome 5 Free';
    content: "\f25b";
    font-weight: 900;
}

/* Tables */
table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc {
    background-color: var(--ibicus-color-3);
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background-color: var(--ibicus-color-1);
}

table.dataTable thead {
    background-color: var(--ibicus-color-1);
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    background-color: var(--ibicus-color-1);
}

.label-ibicus-subtitle-media{
    font-size: 15px!important;
}