/* ========================================================================
 * HEADER
 * ========================================================================
 */

body.page-sidebar-minimize .navbar-minimize,
body.page-sidebar-minimize .navbar-minimize a,
body.page-sidebar-minimize-auto .navbar-minimize,
body.page-sidebar-minimize-auto .navbar-minimize a {
	border: inherit !important;
}

body.page-sidebar-minimize .navbar-dark .navbar-left .navbar-minimize a:hover,
body.page-sidebar-minimize .navbar-dark .navbar-left .navbar-minimize a:focus,
body.page-sidebar-minimize .navbar-dark .navbar-left .navbar-minimize a:active,
body.page-sidebar-minimize-auto .navbar-dark .navbar-left .navbar-minimize a:hover,
body.page-sidebar-minimize-auto .navbar-dark .navbar-left .navbar-minimize a:focus,
body.page-sidebar-minimize-auto .navbar-dark .navbar-left .navbar-minimize a:active {
	background-color: #e64328 !important;
}

#header .navbar-header {
	background: #d71920;
	background: -moz-linear-gradient(left, #d71920 0%, #e64328 50%, #d71920 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #d71920), color-stop(50%, #e64328), color-stop(100%, #d71920));
	background: -webkit-linear-gradient(left, #d71920 0%, #e64328 50%, #d71920 100%);
	background: -o-linear-gradient(left, #d71920 0%, #e64328 50%, #d71920 100%);
	background: -ms-linear-gradient(left, #d71920 0%, #e64328 50%, #d71920 100%);
	background: linear-gradient(to right, #d71920 0%, #e64328 50%, #d71920 100%);
}

.header-left .navbar-header .navbar-brand img{
	margin: 0 auto;
	height: 100%;
}

.header-right .navbar-logo img {
	height: 50px;
}

.navbar-toolbar .navbar-right .navbar-profile .dropdown-menu {
	width: auto !important;
}

.navbar-dark .navbar-left .navbar-minimize a i {
	color: #FFFFFF;
}

/* ========================================================================
 * SIDEBAR
 * ========================================================================
 */

.sidebar-content {
	border-bottom: 1px solid #373737;
}

.sidebar-menu > li.active {
	background: #000000;
}

.sidebar-menu > li:hover:not(.active) {
	background-color: #1d1d1d;
}

.sidebar-menu > li > a {
	border-left: 3px solid transparent;
}

.sidebar-menu > li.active > a {
	border-left-color: #FFF;
}

.sidebar-menu > li.active > a span,
.sidebar-menu > li.active > a > .icon i {
	color: #fff !important;
}

.sidebar-menu > li:not(.active) > a:hover span,
.sidebar-menu > li:not(.active) > a:hover > .icon i {
	color: #d0d0d0;
}

.sidebar-menu > li > a > .icon {
	margin-right: 0;
}

.sidebar-menu > li > a > .icon i {
	font-size: 14px;
}

/* ========================================================================
 * CHOSEN
 * ========================================================================
 */

.chosen-container {
	font-size: 13px;
	margin-bottom: 0 !important;
}

.chosen-container-single .chosen-single {
	color: #495057 !important;
}

.chosen-container.has-error > a {
	border-color: #E9573F !important;
}

.chosen-disabled {
	opacity: .9 !important;
}

.chosen-container-multi .chosen-choices li.search-choice {
	border: 1px solid #DDD;
}

select.input-sm ~ .chosen-container-single .chosen-single {
	height: 30px !important;
	line-height: 28px !important;
}

/* ========================================================================
 * BUTTONS
 * ========================================================================
 */

.dt-button, .btn-danger {
	background-color: #D71920 !important;
	border: 1px solid #D71920 !important;
	color: white !important;
}

.dt-button:hover, .btn-danger:hover {
	background-color: #e64328 !important;
	border-color: transparent !important;
}

.btn-inverse:hover {
	background-color: #434343 !important;
	border-color: transparent !important;
}

.rounded-10 {
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
}

.btn[disabled] {
	opacity: .5;
}

.input-group-btn .btn {
	border-radius: 0 !important;
	height: 30px;
}

.btn-logout {
	min-width: 60px;
}

/* ========================================================================
 * MODAL
 * ========================================================================
 */

.modal .modal-dialog .modal-content {
	-webkit-box-shadow: 0px 4px 14px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 4px 14px -1px rgba(0,0,0,0.3);
	box-shadow: 0px 4px 14px -1px rgba(0,0,0,0.3);
}

.modal .badge {
	padding-left: 10px;
	padding-right: 10px;
}

/* ========================================================================
 * OTROS
 * ========================================================================
 */

.form-control {
	padding: 6px 8px !important;
}

input[disabled],
.chosen-container-multi .chosen-choices li.search-choice {
	background-color: #fff;
	background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));
	background: -webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
	background: -moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
	background: -o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
}

.dropdown-menu {
	font-size: 13px;
}

.row.validacion-lote, .btnValidarOtroLote {
	display: none;
}

.indicator {
	background-color: rgba(255, 255, 255, 0.5);
}

.list-group-item {
	padding: 6px 8px;
}

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

.bootstrap-tagsinput .label {
	font-size: 12px;
	padding: .2em .6em .3em !important;
}

#facturaPanel .mini-stat-type-2,
#reembolsoPanel .mini-stat-type-2 {
	background-color: #fff;
	border: 0.05px solid #e8e8e8;
	text-align: center;
	margin-bottom: 10px;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
}

#facturaPanel .mini-stat-type-2 h6,
#reembolsoPanel .mini-stat-type-2 h6 {
	font-size: 14px;
	font-weight: bold;
	padding: 5px 5px 0;
	margin: 0;
}

#facturaPanel .mini-stat-type-2 p,
#reembolsoPanel .mini-stat-type-2 p {
	padding: 0 5px 5px;
	color: #999;
}

#documentListPanel .list-group {
	overflow: auto;
	max-height: 150px;
	padding: 5px;
	background: #fff;
	border: 1px solid #ddd;
}

#documentListPanel a.list-group-item {
	border: 1px solid transparent !important;
	padding: 2px 10px;
}

#documentListPanel a.list-group-item.active {
	background-color: #cae5ff;
	color: #000;
	border-color: #91c4f8 !important;
}

#documentListPanel a.list-group-item:not(.active):hover {
	background-color: #e5f2ff;
}

#documentDisplayPanel .panel-body > div {
	border: 1px solid #ddd;
	height: 500px;
}

#auditoriaPanel {
	background-color: #fff;
}

#auditoriaPanel .panel-heading ul li.active:first-child a {
	border-top-left-radius: 3px;
}

#auditoriaPanel .list-observaciones {
	border: 1px solid #ddd;
}

#comprobantePanel table tr td {
	font-size: 12px;
}

.actividad_informe_medico table.table-lilac {
	border: 1px solid #906094;
}

.actividad_informe_medico table.table-warning {
	border: 1px solid #F6BB42;
}

.actividad_informe_medico table > tbody > tr > td {
	padding: 2px;
}

.actividad_informe_medico table > tbody > tr > td:nth-child(1),
.actividad_informe_medico table > tbody > tr > td:nth-child(2) {
	padding-right: 8px;
	padding-left: 8px;
}

.actividad_informe_medico table > tbody > tr.warning > td {
	background-color: #fdf0d4;
	color: #c88a0a;
	border-top-color: #F6BB42;
}

.actividad_informe_medico table > tbody > tr.lilac > td {
	background-color: #d1bad3;
	color: #543856;
	border-top-color: #906094;
}

#frm-consulta-archivo-excel .input-group .input-icon > i {
	color: #555;
	font-size: 12px;
	margin-top: 8px;
	display: none;
}

#frm-consulta-archivo-excel .input-group .input-icon > input {
	background: #FFF;
	padding-left: 27px !important;
}


#frm-consulta-archivo-excel .input-group .input-group-btn .btn-delete {
	display: none;
}

/* ========================================================================
 * DATATABLE
 * ========================================================================
 */

#datatable .label-circle ~ a {
	color: inherit;
}

#datatable .label-circle ~ a:hover {
	color: #D71920;
}

/* ========================================================================
 * TABLE
 * ========================================================================
 */

.table-responsive.view {
	max-height: 250px;
	border: 1px solid #ddd;
	background-color: #fff;
	padding: 2px 7px;
}

.table-responsive .table tbody tr td {
	vertical-align: middle;
}

.table-responsive .table tbody tr td .btn-circle {
	width: 30px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.table-responsive .table tbody tr td .btn-circle i {
	font-size: 14px;
}

.table-responsive .table tbody tr td .label-circle, #datatable .label-circle {
	height: 10px;
	width: 10px;
	display: inline-block;
	margin-right: 5px;
	padding: 0;
}

.table-responsive .table tbody tr td .label-valid, #datatable .label-valid {
	background: #5DFF00;
}

.table-responsive .table tbody tr td .label-circle ~ span.error {
	cursor: pointer;
}

.table-responsive .table tbody tr td .glyphicon-ok-sign {
	font-size: 20px;
}

.table-responsive.view .table tbody tr td {
	padding: 3px 0;
	border: none;
}

.table-responsive.view .table tbody tr td a {
	color: inherit;
	text-decoration: none;
}

.table-responsive.view .table tbody tr td a:hover,
.table-responsive.view .table tbody tr td a:hover i {
	color: #D71920 !important;
}

/* ========================================================================
 * TABLE DOCUMENTOS ADJUNTOS
 * ========================================================================
 */

#tblDocumentosAdjuntos tbody tr td i.fa-file {
	color: #666;
	font-size: 12px;
}

#tblDocumentosAdjuntos tbody tr td i.fa-file ~ span{
	vertical-align: middle;
}

#tblDocumentosAdjuntos .file.base,
#tblDocumentosAdjuntos .file.new {
	display: none;
}

/* ========================================================================
 * TIMELINE
 * ========================================================================
 */

.timeline .timeline-item .panel-heading {
	padding: 0 !important;
	-webkit-border-radius: 5px 5px 0 0 !important;
	-moz-border-radius: 5px 5px 0 0 !important;
	border-radius: 5px 5px 0 0 !important;
}

.timeline .timeline-item .panel-heading .panel-title {
	padding: 0 8px 1px 8px;
}

.timeline .timeline-item .panel-heading .panel-title span,
.timeline .timeline-item .panel-body span {
	font-family: monospace;
	font-size: 11px;
}

.timeline .timeline-item .panel-heading .arrow,
.timeline .timeline-item .panel-heading .arrow-alt {
	top: 8px;
}

.timeline .timeline-item .timeline-desk .panel-danger .panel-heading .arrow {
	border-right: 8px solid #D71920 !important;
}

.timeline .timeline-item .timeline-desk .panel-danger .panel-heading .arrow-alt {
	border-left: 8px solid #D71920 !important;
}

.timeline .timeline-item .panel-heading .timeline-icon {
	top: 1px;
	left: -59px;
}

.timeline .timeline-item.alt .panel-heading .timeline-icon {
	right: -61px;
	left: auto;
}

.timeline .timeline-item .panel-heading .timeline-date {
	top: 5px;
	color: #333;
	font-weight: bold;
}

.timeline .timeline-item.alt .panel-heading .timeline-date {
	right: -218px;
	display: inherit;
}

.timeline .timeline-item .panel-body {
	margin-bottom: 10px;
	padding: 0;
	-webkit-border-radius: 0 0 5px 5px !important;
	-moz-border-radius: 0 0 5px 5px !important;
	border-radius: 0 0 5px 5px !important;
}

.timeline .timeline-item .panel-body.danger {
	background: #f9cfc8;
	color: #D71920;
}

.timeline .timeline-item .panel-body.teal {
	background: #bff6e8;;
	color: #105f4c;
}

.timeline .timeline-item .panel-body.inverse {
	background: #ccc;
	color: #000;
}

.timeline .timeline-item .panel-body span {
	display: block;
	display: block;
	border-bottom: 0.5px solid #FBFBFB;
	padding: 4px 9px;
	line-height: 1.3;
}

.timeline .timeline-item .time-show {
	margin-top: 10px;
	margin-bottom: 20px;
}

.timeline .timeline-item .time-show a {
	cursor: default;
	font-weight: bold;
}

.timeline .timeline-icon i {
	margin-top: 8px;
}

.timeline-desk .panel {
	background: transparent;
}

/* ========================================================================
 * ========================================================================
 */

@media (min-width: 768px) {
	.bs-modal-secundario .modal-dialog {
		width: 600px;
	}
}

@media (min-width: 992px) {
	.bs-modal-principal .modal-md {
		width: 800px !important;
	}
}