/* APPLICATION STYLES */

/* THEME */

.login-overlay {
    background-color: #2b2f83
}

.btn-primary {
    background-color:#9B9B9B;
    border-color: #777
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary.focus
.btn-primary:active:focus{
    background-color: #2b2f83 !important;
    border:solid 1px #2c2c33 !important;
}
/* HEADER ---------------------------------------------------*/
#header {
    background-color: #2b2f83;
}
#header_bar {
    color:#D0D0D0
}
#toggle {
    color:#D0D0D0;
}
#logout {
    color:#D0D0D0;
}
#logout:hover {
    color:#FFF;
}

/* MENU ---------------------------------------------------*/
#menu {
    background-color:#F7F7F7;
}
#menu.open {
    border-right:solid 1px #888;
}
.menu-category {
    background-color: #C0C0C0;
    color:#FFF;
    border-top:solid 1px #999;
}
.menu-item {
    color:#676767;
}
.menu-item:hover{
    color:#1e5289;
}

.menu-item.active {
    background-color: #bcc8d6;
    color:#444;
}

/* VIEW WIDGETS ------------------------------------------*/
.widget-header,.widget-footer {
    background-color:#C0C0C0;
    border-top:solid 1px #969696;
    color:#FFF;
}

/* VIEW LIST ------------------------------------------------*/
.list-headers {
    box-shadow: 2px 0 2px rgba(0,0,0,.2);
    background-color:#F6F6F6;
}
.list-header {
    border-bottom:solid 1px #CCC;
}
.list-data td {
    border-bottom:solid 1px #CCC;
}
.list-row-buttons button {
    color:#2b2f83;
}

.filter-panel {
    color:#333;
}

/* VIEW RECORD*/
.tab-row {
    border-bottom:solid 3px #2b2f83;
}
.tab-item {
    border:solid 1px #DDD;
    background-color:#EEE;
    color:#444;
}
.tab-item.active {
    background-color:#2b2f83;
    border:solid 1px #27272e;
    color:#FFF;
}
.tab-content {
    border:solid 1px #2b2f83;
}
.tab-menu-dropdown-item:hover {
    background-color:#F0F0F0;
}
.section-collapse .section-header {
    background-color:#2b2f83;
    border:solid 1px #27272e;
}
.section-collapse .section-header h3 {
    color:#FFF;
}
.section-collapse .row-border {
    border:solid 1px #CCC;
}

/* FIELD BOOLEAN ---------------------------------------*/
.Boolean i.fa-circle {
    color:#3c763d;
}
.Boolean .fa-circle-o {
    color:#CCC;
}

/* APP */
.list-chats_respuestas  .list-header[data-field="color"],
.list-chats_respuestas  .list-cell[data-field="color"],
.list-cell.chats_respuestas-color{
    display:none;
}
.list-cell[data-field='respuesta'] div {
display:inline-block;
}
.semaforo {
    display:inline-block;
    width:14px;
    height:14px;
    position:relative;
    top:2px;
    border-radius:100%;
    margin-right:7px;
}