/*
 _____  __    __  _____   _____        ___
| ____| \ \  / / |_   _| |  _  \      /   |
| |__    \ \/ /    | |   | |_| |     / /| |
|  __|    }  {     | |   |  _  /    / / | |
| |___   / /\ \    | |   | | \ \   / /  | |
|_____| /_/  \_\   |_|   |_|  \_\ /_/   |_| ESTRUCTURA DE ARCHIVO 4.67

Este archivo es una estructura FIJA que sirve para adaptar el aspecto visual del cliente.
Los cambios exclusivos del proyecto irán al final, debajo del comentario: "ESPECÍFICO PARA EL PROYECTO".

*/

/* Generales */

/* @import... Fuentes */

body {
	background: linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.9)), url("../images/login_img.jpg");
	background-attachment: fixed;
	background-size: cover;	
}

html {
	/* NO PROCEDE */
}

body,
textarea,
input,
button,
select { /* Fuentes */
}

h1 { /* Con important*/
}

h2 { /* Con important*/
}

h3 { /* Con important*/
}

h4 { /* Con important*/
}

h5 { /* Con important*/
}

h6 { /* Con important*/
}

h1,
h1.font-weight-bold,
h2,
h2.font-weight-bold,
h3,
h3.font-weight-bold,
h4,
h4.font-weight-bold,
h5,
h5.font-weight-bold,
h6 
h6.font-weight-bold {
}

body.object_type_50 #content #main { /* Widgets */
	/* NO PROCEDE */
}

a:hover {
    color: #144291;
}

.bg-primary {
	background: #144291 !important;
}

.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-primary h6,
.bg-primary a,
.bg-primary .mdi {
	/**/
}

.bg-secondary {	
	background: #3aaeae !important;
	color: #fff;
}

.bg-secondary h3,
.bg-secondary h4,
.bg-secondary h5,
.bg-secondary h6,
.bg-secondary a,
.bg-secondary .mdi {
	color: #fff !important;
}

.bg-tertiary {
}

.bg-tertiary h3,
.bg-tertiary h4,
.bg-tertiary h5,
.bg-tertiary h6,
.bg-tertiary a,
.bg-tertiary .mdi {
}

.text-primary {
	color: #144291 !important;
}

a.text-primary:focus,
a.text-primary:hover {
	color: #1c4c9e !important
}

.text-secondary {
	color: #3aaeae !important;	
}

a.text-secondary:focus,
a.text-secondary:hover {
	color: #4ab9b9 !important
}

.border-primary {
	border-color: #144291 !important;	
}

.border-secondary {
	border-color: #3aaeae !important;	
}

/* Forms */

.input-group .btn-ico .mdi,
.input-group .btn-ico.mdi {
	color: #144291 !important; /* El mismo que main .mdi */
}

.input-group-text .mdi:before {
}

.form-control:focus,
.form-group .selectize-input.focus,
.custom-file-input:focus ~ .custom-file-label {
  border-color: #b3c9ee;	
  box-shadow: 0 0 0 0.2rem rgba(180, 182, 200, 0.25);	
}

.custom-control-label::before {
	border: 1px solid #b6c4dd;	
}

.custom-control-label::after {
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #144291;
  background-color: #144291;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(177, 181, 207, 0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #b4b5be;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #ced8ee;
  border-color: #b3c9ee;
}

.custom-select:focus {
  border-color: #adb5bd;	
  box-shadow: 0 0 0 0.2rem rgba(159, 167, 187, 0.25);	
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before { /* Esto mejor gris - Disabled */
}

.custom-switch .custom-control-label::after { /* Esto mejor gris - Disabled */
}

.custom-switch .custom-control-label::before { /* Esto mejor gris - Disabled */
}

/* Botones */

button:focus{
/**/
}

.btn.focus,
.btn:focus { /* El mismo que .form-control:focus */
	box-shadow: 0 0 0 0.2rem rgba(181, 200, 196, 0.25);	
}

/**/

.btn-primary {
  background-color: #144291;
  border-color: #144291;
  color: #fff !important;
}

.btn-outline-primary {
  background-color: #fff;
  border-color: #144291;
  color: #144291 !important;
  border-radius: 20px !important;
  padding: 5px 24px !important;
  font-size: 15px;  
}

.btn-primary:hover,
.btn-outline-primary:hover {
  background-color: #1c4c9e;
  border-color: #1c4c9e;
  color: #fff !important;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(42, 87, 165, 0.5);
  background-color: #1c4c9e;
  border-color: #1c4c9e; 
  color: #fff !important;
}

.btn-primary.disabled,
.btn-primary:disabled,
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  background-color: #b3c9ee;
  border-color: #b3c9ee;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  box-shadow: 0 0 0 0.2rem rgba(28, 76, 158, 0.5);
  background-color: #1c4c9e;
  border-color: #1c4c9e; 
  color: #fff !important;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(28, 76, 158, 0.5);
  background-color: #1c4c9e;
  color: #fff;
}

/**/

.btn-secondary {
  background-color: #3aaeae;
  border-color: #3aaeae;
  color: #fff !important;
}

.btn-outline-secondary {
  background-color: #3aaeae;
  border-color: #3aaeae;
  color: #91cfcf !important;
}

.btn-secondary:hover,
.btn-outline-secondary:hover {
  background-color: #4ab9b9;
  border-color: #4ab9b9;
  color: #fff !important;
}

.btn-secondary:focus,
.btn-secondary.focus,
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(74, 185, 185, 0.5);
  background-color: #4ab9b9;
  border-color: #4ab9b9;  
  color: #fff !important;  
}

.btn-secondary.disabled,
.btn-secondary:disabled,
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  background-color: #c6dcdc;
  border-color: #c6dcdc;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  background-color: #4ab9b9;
  border-color: #4ab9b9;  
  color: #fff !important;  
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(74, 185, 185, 0.5);
  color: #fff;      
}

/**/

#content .mdi,  /* Iconos del contenido central. No menú. */
main .container .mdi, /* Distribuciones Bootstrap */
.popup .mdi { /* Widgets, que se llaman popup extrañamente */
	color: #144291; /* Que no sea important, por que sobreescribe otros MDI */
}

#content .mdi:hover,
main .container .mdi:hover,
.popup .mdi:hover {
	color: #144291; /* Que no sea important, por que sobreescribe otros MDI */
}

.ui-datepicker-trigger:hover > .mdi {
	color: #144291;
}

main .mdi.info,
main .mdi.info:hover {
	color: #144291;
}

/* Login (cuidado con el zoom) */

#login_contenedor {
	background: transparent url('../images/login_img.jpg') no-repeat 0 0;
	background: linear-gradient(rgba(5,59,167,.3), rgba(5,59,167,.3)), url("../images/login_img.jpg");
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 100%;
}

#login_contenedor #caja {	
	border: 0;
	right: 0;	
	margin-left: 0;
	width: 500px;
	background: none;
	box-shadow: none;
	margin-top: 0;	
	top: 0;
	left: auto;
    position: absolute;
    transform: none;	
    transform: translateY(-50%);
	top: 45%;
}

#login_contenedor #caja .campos {
	padding: 6.5rem 5rem 2.5rem 5rem;
}

#login_contenedor #caja .campos p.session {
	/* NO PROCEDE */
}

#login_contenedor #caja .campos p.error {
	/* NO PROCEDE */
}

#login_contenedor #caja .campos form input,
#login_contenedor #caja .campos form select {
	/* NO PROCEDE */
}

#login_contenedor #caja:after {
	/* NO PROCEDE */
}

#login_contenedor #footer {
	float: left;
	width: 400px;
	background: none;
	position: absolute;
	right: 0;
	background: #144291;
}

#login_contenedor #footer p.version{
	/**/
}

#login_contenedor .input-group-text { /* OJO: Suele quedar mal */
	background: #144291;
	border: 0 !important;
}

#login_contenedor .input-group-text .mdi:before { /* OJO: Suele quedar mal */
	color: #fff;
}

/* Esquema principal */

/* Cabecera */

/* Navegador */

#header {
/**/
}

#header #logo {
	margin: 0;
}

#header_container {
	background: #fff;	
}

#header #info,
#header #info .user a,
#header #info .user .mdi:hover {
	color: #144291;
}

#header #info .mdi {
	color: #144291;
}

#header #info .mdi:hover {
	color: #1c4c9e;
}

#header #info .mdi-account-circle {
	color: #144291;
}

#header #info #FavoriteButton.click .mdi:before,
#header #info #HistoryButton.click .mdi:before,
#header #info #UTNButton.click .mdi:before,
#header #info #NotesButton.click .mdi:before,
#header #info #BellButton.click .mdi:before {
	color: #ddd;
}

#header #info #userNotesDiv li.new_note .left a {
	background: #144291;
}

#header #info #userNotesDiv li.new_note .left a:hover {
	background: #144291;
}

/* Navbar vieja */

#navbar {
	color: #144291;
}

#navbar .mdi {
	color: #144291;
}

#navbar ul.iconsLeft .mdi {
	color: #144291;	
}

#navbar ul.iconsRight .mdi {
	color: #144291;	
}

#navbar .mdi:hover {
	color: #1a4fc1;
}

#navbar ul.breadCrumbs li:not(:last-child)::after {
	color: #144291;
}

/* Navbar nueva */

.navbar {	
	/* NO PROCEDE */
}

.navbar a {	
	/* NO PROCEDE */
}

.navbar a:hover {	
	/* NO PROCEDE */
}

/* Menú */

.ztree .mdi {
	/* NO PROCEDE */
}

.ztree :not(.level0) .mdi.mdi-plus-circle-outline {
	color: #2755a2 !important; /* IMPORTANT Obligatorio */
}

.ztree li a.level0.curSelectedNode span {
	/* NO PROCEDE */
}

/* Menú opción seleccionada */

.ztree li a.level0.curSelectedNodeActive,
.ztree li a.level0.curSelectedNodeActive:hover {
	background: #144291 !important;
}

.ztree li a.level0.curSelectedNode.curSelectedNodeActive .mdi,
.ztree li a.level0.curSelectedNode.curSelectedNodeActive .mdi:hover,
.ztree li a.level0.curSelectedNodeActive.curSelectedNode span {
	color: #fff !important;
}

.ztree li a.level0.curSelectedNodeActive span.button.center_open::before,
.ztree li a.level0.curSelectedNodeActive span.button.roots_open::before,
.ztree li a.level0.curSelectedNodeActive span.button.bottom_open::before,
.ztree li a.level0.curSelectedNodeActive span.button.center_close::before,
.ztree li a.level0.curSelectedNodeActive span.button.roots_close::before,
.ztree li a.level0.curSelectedNodeActive span.button.bottom_close::before {
	color: #fff !important;
}

.ztree li a.level0.curSelectedNodeActive a,
.ztree li a.level0.curSelectedNodeActive {
	color: #fff !important;
}

/* Menú opción seleccionada -> texto */

.ztree li a.level1.curSelectedNodeActive a,
.ztree li a.level1.curSelectedNodeActive,
.ztree li a.level2.curSelectedNodeActive a {
	color: #144291 !important;
}

/* Menú opción investigación */

.ztree li a.level0.curSelectedNode,
.ztree li a.level0.curSelectedNode:hover {
	background: #144291;
	color: #fff;
}

.ztree li a.level0.curSelectedNode .mdi,
.ztree li a.level0.curSelectedNode .mdi:hover {
	color: #fff !important;
}

.ztree li a.level0.curSelectedNode span.button.center_open::before,
.ztree li a.level0.curSelectedNode span.button.roots_open::before,
.ztree li a.level0.curSelectedNode span.button.bottom_open::before,
.ztree li a.level0.curSelectedNode span.button.center_close::before,
.ztree li a.level0.curSelectedNode span.button.roots_close::before,
.ztree li a.level0.curSelectedNode span.button.bottom_close::before {
	color: #fff;
}

.ztree li a.level0.curSelectedNode span {
	color: #4f4f4f !important;
}

/* Menú Hover */

.ztree li a.level0:hover {
	background: #e9eff9;
}

/* Contenido */

main h2 {
	/* NO PROCEDE */
}

#menu_tabs {
	background: #144291;
}

#menu_tabs a {
	color: #fff;
}

#menu_tabs .tabs li:hover a {
	color: #fff;
}

#menu_tabs .seleccionado,
#menu_tabs .seleccionado:hover {
	background: #fff;
}

#menu_tabs .seleccionado p {
	/* NO PROCEDE */
}

#menu_tabs .disabled a,
#menu_tabs .disabled:hover a {
	color: #848484;
}

#header_object {
	background: #fff;
	border-color: #bbb;
}

#header_object .controles .mdi,
#menu_tabs .controles .mdi {
	color: #fff;
}

#header_object .controles .mdi:hover,
#menu_tabs .controles .mdi:hover {
	color: #eee;
}

#content form #header_object {
	background: #fff;
}

#header_object p {
	color: #144291;
}

#header_object .icons .mdi {
	/* NO PROCEDE */
}

#header_object .icons .mdi:hover {
	color: #144291;
}

#header_object .icons li a.on:hover .mdi {
	color: #144291;
}

#header_object .icons li a.off .mdi,
#header_object .icons li a.off .mdi:hover {
	/* NO PROCEDE */
}

#content #header_object .icons .mdi {
	color: #144291;	
}

#sidebar .icons li a.off .mdi {
	/* NO PROCEDE */
}

#sidebar .icons li .mdi {
	/* NO PROCEDE */
}

#sidebar .icons li .mdi:hover {
	color: #144291;
}

#sidebar .header {
	background: #144291;
}

#sidebar .header.empty .openUp .mdi,
#sidebar .header.empty:hover .openUp .mdi {
	color: #144291;
}

#sidebar .header.empty .plus_icon .mdi {
	color: #144291;
}

#sidebar .header.empty .plus_icon .mdi:hover {
	color: #1247ba;
}

#sidebar .header .plus_icon .mdi {
	color: #fff;
}

#sidebar .header .plus_icon .mdi:hover {
	color: #eee;
}

main .tit.bg1 {
	background: #d0d8e9;
	color: #fff;
}

main fieldset.bg1 {
	background: #f2f4fd;
}

main .tit.bg1 .mdi {
	color: #fff !important;
}

main .tit.bg1:hover .mdi,
main .tit.bg1:hover span {
	color: #eee !important;
}

#content #header_object .ico > div {
	background: #144291;
}

#sidebar .header.empty {
	/* NO PROCEDE */
}

#sidebar .header.empty .on .mdi {
	color: #777;
}

#sidebar .header.empty .on .mdi:hover {
	color: #144291;
}

main fieldset.locator .bumensaje {
	color: #144291;
}

.table thead.bg-primary tr th {
	background-color: #144291 !important;
}

.table thead.bg-secondary tr th {
	background-color: #144291 !important;
}

main fieldset.ico .separe {
	border-color: #2755a2;
}

main fieldset.ico > .mdi,
main fieldset.ico > .mdi:hover { /* Esto solo afecta al icono del lateral, no a los interiores del fieldset */
	color: #2755a2;
}

/* Vista integral */

main .integral_view .tabContent.tab_summary .left .mdi {
	color: #939292;
}

main .integral_view .tabContent.tab_summary .right {
	/* NO PROCEDE */
}

main .integral_view ul.tabs li {
	/* NO PROCEDE */
}

main .integral_view ul.tabs li.active {
	/* NO PROCEDE */
}

main ul.tabs li a:hover {
    /* NO PROCEDE */
}

#header #info #userNotesDiv li.nueva .izquierda a {
	background: #144291;
}

#header #info #userNotesDiv li.nueva .izquierda a:hover {
	background: #144291;
}

/* JMesa */

.jmesa .header td {
	background: #144291;
}

.jmesa .even {
	/* NO PROCEDE */
}

.jmesa table.table tbody tr.highlight {
	background: #dfe5ee !important;
}

.jmesa .highlight + tr[id*="extraRow"] * {
	background-color: #dfe5ee;
	border-color: #dfe5ee;
}

.jmesa tr[id*="extraRow"]:hover {
	background-color: #dfe5ee;
}

.jmesa tr[id*="extraRow"]:hover td {
	border-color: #dfe5ee;
}

/* Tooltips */

.tooltip-inner {
    background-color: #eee;
	color: #000;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #eee !important;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: #eee !important;
}
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
    border-left-color: #eee !important;
}
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    border-right-color: #eee !important;
}

/* CKEditor */

a.cke_dialog_ui_button_ok {
	background: #888 !important;
	border: 1px solid #888 !important;
}

a.cke_dialog_ui_button_ok:hover {
	background: #999 !important;
	border: 1px solid #999 !important;
}

/* Multiselect widget (no el multiselect_next) */

.ui-multiselect-menu .ui-widget-header {
	background: #144291 !important;
}

.ui-multiselect-menu .ui-widget-header a {
	color: #fff;
}

/* Steps / Cronología / Timeline */

.timeline .timeline-ico .mdi {
	color: #2755a2 !important;
}

.timeline .timeline-block::before {
    background-image: linear-gradient(#2755a2 100%, rgba(255, 255, 255, 0) 0%);
}

.timeline .timeline-ico {
    color: #2755a2;
}

.timeline .timeline-ico span {
    border: 2px solid #2755a2;		
}

.timeline .timeline-block.not_passed .timeline-ico span {
	border: 2px solid #2755a2;
}

.timeline .timeline-block.not_passed .timeline-ico .mdi:before {
	color: #2755a2;
}

.timeline .timeline-block.not_passed:before {
	background: linear-gradient(to bottom,  #2755a2 70%,#ccc 70%,#ccc 50%,#ccc 50%);
}

/* Notificaciones */

#column #services .notifications .notibox p {
	background: #1746ab;
}

#column #services .notifications .notibox span em.eminfo a i {
	color: #144291;
}

#column #services .notifications .notibox span[id^='info'] ul li:before {
	color: #1746ab;
}

#column #services .notifications .transferbox .mdi {
    color: #144291;
}

#column #services .notifications .countdown b {
	background: #1746ab;
}

/* Full Calendar */

.fc-state-hover {
	background: #1746ab !important;
}

.fc-state-down, .fc-state-active {
	background-color: #1746ab !important;
}

.fc-day-header {
	border-color: #144291 !important;
	background-color: #1746ab !important;
}

.fc-state-default {
	background-color: #144291;
}

.fc-unthemed .fc-today {
	background: #adb5bd !important;
}

.fc-highlight {
	background: #adb5bd !important;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header {	
	background: #144291 !important;
}

/* Contador */

#countdown_dashboard .dash .digit {
	background: #144291 !important;
}

/* Comparador */

.compare-selector .separa_documentos {
   background: #1746ab !important;
}

.compare-selector .separa_documentos .mdi:before {
   color: #fff;
}

.compare-selector .separa_documentos:hover {
  background: #1746ab !important;
}

#documentos .separa_documentos .mdi::before {
	color: #1746ab !important;
}

/* Chat popup y chat de interacciones */

body .ico_chat {
  background: #144291;
}

#customChat #chat_channel .title1,
#customChat #chat_channel .title2 {
  background: #144291;
}

.right-chat p,
.right-chat .mdi,
.right-chat .mdi:hover {
  background-color: #1746ab !important;
}

.right-chat::before {
  border-top-color: #1746ab !important;
}

#customChat .mdi.info,
#customChat .mdi.info:hover {
  color: #1746ab;
}

/* Switch*/

.switch input:checked + .slider {
  background-color: #144291;
}

.switch input:checked + .slider:hover {
  background-color: #144291;
}

/* Histórico de subinteracciones */

main .user2 {
  background: #dfe5ee;
}

/* Navegador de bootstrap */

.page-item.active .page-link {
    background: #dfe5ee !important;
    border: 1px solid #dfe5ee;
}

.page-link:hover {
    color: #144291;
}

.page-link:focus-within {
    box-shadow: 0 0 0 0.2rem rgba(159, 167, 187, 0.5);
}

/* Navegación */

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	background: #144291;
}

/* Datatables */

table.dataTable.stripe tbody > tr.selected,
table.dataTable.stripe tbody > tr,
table.dataTable.display tbody > tr.selected,
table.dataTable.display tbody > tr > .selected {
	background: #d7d2d5 !important;
}

table.dataTable thead > tr:nth-child(n) > th { /* Background primario */
    background: #4d74b6 !important;	
}

table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc {
    background: #1c4c9e !important; /* Background primario oscuro */
}

table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:after {
	/* Este lo dejamos blanco si el fondo es oscuro */
}

table.dataTable thead > tr > th[class*="sorting"] {
	background: #1c4c9e;
	color: #fff;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
	background-color: #1a4fc1;
}

table.dataTable.table-striped tbody tr:hover{
    background-color: #b3c9ee;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before { /* Modo responsive */
	background-color: #1a4fc1 !important;	
}

/* Page links */

.page-item.active .page-link {
	background: #1c4c9e !important;
	border-color: #1c4c9e;	
}

.page-link:hover {
	color: #000;
}

/* Gestión de proyectos */

.projects fieldset .total {
		background: #adb5bd;
}

/* Widgets */

.lobipanel {
}

.lobipanel > .card-header {
	background: #144291;
}

.lobipanel > .card-header h4  {
	color: #fff;
}

.lobipanel > .card-header .mdi:before {
	color: #fff;
}

#lobiWidgets .lobipanel.widget1:before,
#lobiWidgets .lobipanel.widget2:before {
	background: #1247ba; /* Color de fondo de los widgets preconfigurados */	
}

/* Calendario */

.flatpickr-day.today,
.flatpickr-day.today:hover,
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #144291 !important;
  border-color: #144291 !important;
  color: #fff;
}

/* Card */

.card .card-header.bg-primary .mdi:first-child::before {
}

.card .card-header.bg-secondary .mdi:first-child::before {
	color: #fff !important;
}

.card .card-header.bg-tertiary .mdi:first-child::before {
}

/* Dialog */

.modal-header.bg-primary {
    background-color: #144291;
}

.modal-header.bg-primary .mdi:before { /* Puede ser que haya un icono a la izq. */
	color: #fff;
}

.modal-header.bg-primary h3,
.modal-header.bg-primary h4,
.modal-header.bg-primary h5,
.modal-header.bg-primary h6 {
	color: #fff;
}

.modal-header.bg-primary .close {
	color: #fff;
}

.modal-footer.bg-primary a,
.modal-footer.bg-primary a:link,
.modal-footer.bg-primary a:visited,
.modal-footer.bg-primary a:active {
	color: #fff;	
}

.modal-header.bg-secondary {
    background-color: #00c3b4;
}

.modal-header.bg-secondary .mdi:before { /* Puede ser que haya un icono a la izq. */
	color: #fff;
}

.modal-header.bg-secondary h3,
.modal-header.bg-secondary h4,
.modal-header.bg-secondary h5,
.modal-header.bg-secondary h6 {
	color: #fff;
}

.modal-header.bg-secondary .close {
	color: #fff;
}

.modal-footer.bg-secondary a,
.modal-footer.bg-secondary a:link,
.modal-footer.bg-secondary a:visited,
.modal-footer.bg-secondary a:active {
	color: #fff;	
}

/* Badges */

.badge-primary {
    color: #fff;
    background-color: #144291 !important; /* IMPORTANT IMPORTANTE*/
}

.badge-secondary {
    color: #fff;
    background-color: #3aaeae !important; /* IMPORTANT IMPORTANTE*/
}

/* Upload */

.imgproduct label:hover .mdi-cloud-upload {
	color: #1247ba !important;
}

/* Errores */

div.error {
	background: url('../../images/error_sdw.png') 100% 100% no-repeat, linear-gradient(#194ab2, #144291);
}

/* ESPECÍFICO PARA EL PROYECTO */

body.widgets #content {
	background: transparent;
}

.treestatebuttons strong {
	color: #2755a2;
}

/* Widget 600px */

.widget600px {
	width: 100%;
	height: 600px;
	margin: 0px 0 0px -1px;
	border: 1px solid #d9d8d8;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1);
}


.widget600px iframe {
	width: 100%;
	height: 535px; /* TOTAL -30px */
	border: 0;
}

.widget600px .widgetTitle {
	background: #fff;
	border: 0;
	border-bottom: 1px solid #d0cfcf;
	cursor: move;
	color: #5b5b5b;
	width: 96%;
}


#login_contenedor #footer,
#login_contenedor #footer p.version {
	text-align: center;
	color: #fff;
	width: 500px;
}

#login_contenedor:before {
	content: '';
	height: 100%;
	top: 0;
	right: 0;
	position: absolute;
	width: 500px;
	background-color:rgba(255,255,255,0.5);
	-webkit-box-shadow: 15px 1px 29px -18px rgba(0,0,0,0.75);
	-moz-box-shadow: 15px 1px 29px -18px rgba(0,0,0,0.75);
	box-shadow: 15px 1px 29px -18px rgba(0,0,0,0.75);	
}

#login_contenedor .form-group {
	margin-bottom: 20px;
}

@media (max-width: 767px) {
	#login_contenedor:before,
	#login_contenedor #footer,
	#login_contenedor #footer p.version	{
		width: 100%;
		text-align: center;	
	}
	#login_contenedor #caja {
        width: 100%;
	}	
}
	
#content #header_object .ico .mdi {
	background: #c0c0c0 !important;
}