 
html, body {
	height: 100%;
	font-family: "Open Sans";
		background-color: white !important;
	
}


textarea{
	resize: vertical;
}

#wrapper {
	min-height: 100%;
	height: 100%;
}

.left {
	float: left;
}

.dropdown-menu {
	min-width: 0 !important;
}

.btn-group>button.btn-right {
	margin-right: 3px;
}

.font-bold {
	font-weight: bold;
}

.footer {
	width: 100%;
	text-align: center;
	clear: both;
	color: #002850;
	font-weight: bold;
}

.footer span.glyphicon-copyright-mark {
	margin-right: 3px
}

.pagination>li {
	margin: 0;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
	border-radius: 0;
}

.pagination>li>a, .pagination>li>span {
	border-radius: 0;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-radius: 0;
}

.color-new {
	color: #ddaf58 !important;
}

.color-posterior {
	color: #846e9e !important;
}

.color-anterior {
	color: #8ca754 !important;
}

.color-white {
	color: #FFFFFF !important;
}

.color-success {
	color: #19b698 !important;
}

.color-warning {
	color: #f16e3f !important;
}

.color-danger {
	color: #cd1209 !important;
}

.color-gray {
	color: #AAAAAA !important;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
	{
	outline: none;
}

.layout-fixed .content-page {
	/*top: 0px !important;*/
	min-height: 100% !important;
	/*height: 93%;
}

.content {
	/*padding: 40px 15px 0 !important;*/
	margin-bottom: 0px !important;
}

.content-heigth, .content-heigth .container, .content .container .row:not(.rowGantt ), .content-heigth .container .row:not(.rowGantt ) .portlet,
	.content-heigth .container .row:not(.rowGantt ) .demo-section,
	.content-heigth .container .row:not(.rowGantt ) .demo-section .portlet,
	.content-heigth .container .row:not(.rowGantt ) .demo-section .portlet .portlet-body
	{
	min-height: 100%;
	height: 100%;
}

div.dt-button-collection {
	/*width:100px !important;*/
	
}

.content_main>.container>div:first-child {
	margin-top: 0px !important;
}

.dataTables_info {
	float: left;
}

.dataTables_paginate {
	float: right;
}

@media ( max-width : 768px) {
	.dataTables_info, .dataTables_paginate {
		float: none;
	}
	.modal-dialog {
		/*width: auto !important;*/
	}
}

.modal-dialog {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}

.modal-width {
	width: 75%;
}

.modal {
	padding: 0 !important;
	text-align: center;
	z-index: 10000000;
}

.modal::before {
	content: "";
	display: inline-block;
	height: 100%;
	margin-right: -4px;
	vertical-align: middle;
}

div.DTE_Body:not(.DTE_clear) div.DTE_Body_Content:not(.DTE_clear) div.DTE_Field:not(.DTE_clear) {
	/* width: 50%;*/
	/* padding: 5px 20px;*/
	box-sizing: border-box;
	clear: unset !important; 
}

div.DTE_Body div.DTE_Form_Content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	/* añado */
	text-align:center !important;
	/* Fin añado */
}

.DTE_Form_Info{
	text-align:center !important;

}

div.DTE_Field label {
	text-align: left !important;
}

div.DTE_Form_Buttons, div.DTE_Form_Error {
	text-align: center !important;
	/* añado */
	margin-bottom: 10px !important;
	margin:center !important;
	/* Fin añado */

}

.DTE_Header{
	background-color: #002850 !important;
}


div.dt-button-collection a.dt-button:empty {
	display: none;
}

.slimScrollDiv {
	width: 200px !important;
}

.right {
	float: right !important;
}

.left {
	float: left !important;
}

.bottom {
	bottom: 0;
	right: 0;
	left: 180px;
	position: fixed;
}

.pointer {
	cursor: pointer;
}

.hand_menu {
	display: none;
}

.hide_menu {
	display: inline;
}

@media ( min-width : 992px) {
	.importantdiplaywidth {
		width: 75px !important;
	}
	.importantmargindiplaywidth {
		margin-left: 100px !important;
	}
	.hand_menu {
		display: inline;
	}
	.hide_menu {
		display: none;
	}
}

@media ( max-width : 992px) {
	.logo img {
		display: none;
	}
}

.col-centered {
	/*float: none;*/
	margin: 0 auto;
}

.jstree-proton {
	font-family: "Open Sans" !important;
	font-size: 13px !important;
}

.jstree-clicked, .jstree-hovered {
	background-color: #002850 !important;
	box-shadow: 0 0 1px #002850 inset !important;
}

.modal-body .jstree-padre .jstree-container-ul {
	max-height: 100px !important;
	overflow: auto !important;
}

a.jstree-clicked i, a.jstree-hovered i, a.jstree-hovered span, a.jstree-hovered span,
	a.jstree-clicked span {
	color: #FFFFFF !important;
}

.jstree-rename-input {
	color: #002850 !important;
}

.cursor {
	cursor: pointer;
	/*z-index: 9999;*/
	pointer-events: all;
	/* top: 10px; */
}

form label.error {
	margin-top: 6px !important;
	background-color: #589BC9 !important;
}

form label.error::after {
	border-bottom-color: #589BC9 !important;
}

form label.error {
	z-index: 1000000;
}

form:not(.feedback ) label.error {
	position: absolute !important;
}

form label.error {
	position: relative !important;
	display: inline-block !important;
	margin-top: -2px !important;
	margin-bottom: -8px !important;
	color: #fff !important;
	font-weight: normal !important;
	font-size: 14px !important;
	padding: 5px 8px !important;
	background: #589BC9 !important;
	border-radius: 4px !important;
}

form label.error.valid {
	display: none !important;
}

form label.error:after {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #589BC9;
	border-width: 5px;
	left: 30px;
	margin-left: -5px;
}

.has-feedback label ~ .form-control-feedback {
	top: 0px !important;
}

.btn:hover {
	border: 1px solid #AAAAAA;
}

.popover {
	position: absolute !important;
}

.form-horizontal .has-feedback .form-control-feedback {
	z-index: 4 !important;
	cursor: pointer;
}

.ui-widget-header {
	color: white !important;
	border: 1px solid #002850;
	background: #002850;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 12px;
	color: black !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
	.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
	{
	background: #b0b9c2 !important;
	border-radius: 2px !important;
}

.ui-state-hover span, .ui-widget-content .ui-state-hover span,
	.ui-widget-header .ui-state-hover span, .ui-state-focus span,
	.ui-widget-content .ui-state-focus span, .ui-widget-header .ui-state-focus span
	{
	/*background-image: url("../../bower_components/jquery.ui/css/images/ui-icons_222222_256x240_.png");*/
	
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	top: 5px;
}

div.dt-button-collection {
	z-index: 10505 !important;
}

.has-feedback .form-control {
	padding-right: 20.5px;
}

.form-horizontal .has-feedback .form-control-feedback {
	/* top: 10px; */
	right: 0px;
}

.modal-styled .modal-title {
	font-weight: 400 !important;
}

a.confirmado1 span:before{
	font-family: FontAwesome;
	font-size: 1.2em;
	color: #D9D9D9 !important;
	content: "\f058\00a0-\00a0";
}
a.confirmado span:before {
	font-family: FontAwesome;
	font-size: 1.2em;
	color: #9dff9d !important;
	content: "\f058\00a0-\00a0";
}

a.confirmado, a.confirmado1 {
	border-color: green !important;
	border-width: 2px;
}

.fc-event-container {
	cursor: pointer;
}

/*.inTime {
	background-color: #dff0d8 !important;
}

.offTime {
	background-color: #dff0d8 !important;
	color: red !important;
}

.azul {
	background-color: #d9edf7 !important;
}

.amarillo {
	background-color: #fcf8e3 !important;
}

.rojo {
	background-color: #f2dede !important;
}*/

.portlet-body .layout {
	margin-top: -25px !important;
}

.form-group label, .form-group div {
	margin-bottom: 10px !important;
}


.form-group label, .form-group div.form-date {
	margin-bottom: 0px !important;
}

.ui-icheck {
	top: 2px !important;
}

.modal-dialog .checkbox-inline {
	padding-left: 40px;
}

.even-md {
	background-color: #f9f9f9;
	margin-left: 10px;
	margin-right: 10px;
	padding: 5px !important;
}

.odd-md {
	background-color: white;
	margin-left: 10px;
	margin-right: 10px;
	padding: 5px !important;
}

.even-sm {
	background-color: #f9f9f9;
}

.odd-sm {
	background-color: white;
}

@media ( min-width :992px) {
	.even-sm {
		background-color: transparent;
	}
	.odd-sm {
		background-color: transparent;
	}
	.even-md {
		background-color: #f9f9f9 !important;
		/* border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd; */
	}
	.odd-md {
		background-color: white !important;
		/* border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd; */
	}
	.even-md:first-child {
		/* border-top: 1px solid #ddd; */
	}
}

@media ( max-width :480px) {
	.col-xs-7, .col-xs-5 {
		min-height: 35px !important;
	}
	.clear-xs {
		clear: both;
	}
}

@media ( min-width : 1027px) {
	.modal-lg {
		width: 1024px !important;
	}
	.col-md-1_5 {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		float: left;
		width: 11.5%;
	}
	.col-md-1_75 {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		float: left;
		width: 12.5%;
	}
	.col-md-2_5 {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		float: left;
		width: 20%;
	}
	.col-md-2_5 h4 span {
		font-size: 1.3vw;
	}
}

@media ( min-width : 768px) {
	.col-sm-2_5 {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		float: left;
		width: 21.5%;
	}
}

.fade {
	display: none;
}

.fade.in {
	display: block;
}

div.editor-datetime table td.day button:hover {
	background: #002850;
	color: white;
	border-radius: 2px;
}

.mt-0 {
	margin-top: 0 !important;
}
.mb-0 {
	margin-bottom: 0 !important;
}

.ml-1 {
	margin-left: 5px !important;
}

.px-2 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.p-3 {
	padding: 30px !important;
}

.elfinder-cwd-wrapper-list {
	padding: 1px !important;
}

.nopadding {
	padding: 5px;
}

.ui-autocomplete {
	z-index: 9999;
}

.ui-state-focus {
	color: #002850 !important;
	border: 1px solid #002080 !important;
}

.ui-state-focus a {
	color: #002850 !important;
}

.select2-dropdown, .select2-container--default .select2-selection--multiple,
	.select2-container--default.select2-container--focus .select2-selection--multiple
	{
	border: solid #ccc 1px !important;
}

.select2-container {
	width: 100% !important;
}

input.select2-search__field {
	height: 23px !important;
}

.color-primary {
	color: #3a5266;
}

.color-secondary {
	color: #d74b4b;
}

.color-terciary {
	color: #5fba7d;
}

.bold {
	font-weight: bold;
}

.select2-container .select2-selection--single {
	height: 33px !important;
}

.opacity-image {
	opacity: 0.3;
}

.close{
	color:white !important;
}

.modal-body {
	/*overflow:auto;*/
	
}

.disabled  input, .disabled  select, .disabled  textarea , .disabled  i {
	color: gray;
	font-style: italic;
	pointer-events:none;
}


.nav-tabs>li>a {
	border-radius: 4px 4px 0 0;
	border: 1px solid #ddd;
	border-bottom: 0px;
}

.container {
	position: relative;
	height: 100%;
	width: 100%;
}

.jumbotron {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 99%;
	background-color: #FFF;
}

.page-header {
	margin-top:35px !important;
}

.table-striped thead tr th
{
	white-space: nowrap;
}

.fc-day-grid-event .ui-corner-left {
    border-bottom-left-radius: 0px;
}
.fc-day-grid-event .ui-corner-left {
    border-top-left-radius: 0px;
}
.fc-day-grid-event .ui-corner-right {
    border-bottom-right-radius: 0px;
}
.fc-day-grid-event .ui-corner-right {
    border-top-right-radius: 0px;
}

/*Tiles*/
.fd-tile {
  background-color: #fff;
  color: #555;
  margin-bottom: 15px;
}
.fd-tile .row {
  margin: 0;
}
.fd-tile.weather {
  text-align: center;
  padding-top: 20px;
}
.weather h2 {
  margin-top: 10px;
  margin-bottom: 0;
  color: #fff;
  font-weight: 500;
}
.weather h1 {
  font-size: 50px;
  margin-top: 0;
  margin-bottom: 10px;
  color: #fff;
  font-weight: 600;
}
.fd-tile.weather .days {
  background: rgba(255, 255, 255, 0.1);
}
.fd-tile.weather .day {
  padding: 5px;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.fd-tile.weather .day h6 {
  color: #fff;
  font-weight: 400;
}
.fd-tile.tile-green {
  background-color: #19b698;
  color: #fff;
}
.fd-tile.tile-lemon {
  background-color: #2cc36b;
  color: #fff;
}
.fd-tile.tile-red {
  background-color: #ea6153;
  color: #fff;
}
.fd-tile.tile-blue {
  background-color: #4aa3df;
  color: #fff;
}
.fd-tile.tile-orange {
  background-color: #f16e3f;
  color: #fff;
}
.fd-tile.tile-prusia {
  background-color: #3d566d;
  color: #fff;
}
.fd-tile.tile-concrete {
  background-color: #a3b1b2;
  color: #fff;
}
.fd-tile.tile-purple {
  background-color: #002850;
  color: #fff;
}
/*clean tiles*/
.fd-tile.clean .icon i {
  color: #e5e5e5;
}
.fd-tile.clean {
  background-color: #fff;
  color: #888;
}
.fd-tile.clean.tile-green .details {
  background-color: #19b698;
}
.fd-tile.clean.tile-lemon .details {
  background-color: #2cc36b;
}
.fd-tile.clean.tile-red .details {
  background-color: #ea6153;
}
.fd-tile.clean.tile-blue .details {
  background-color: #4aa3df;
}
.fd-tile.clean.tile-orange .details {
  background-color: #f16e3f;
}
.fd-tile.clean.tile-prusia .details {
  background-color: #3d566d;
}
.fd-tile.clean.tile-concrete .details {
  background-color: #a3b1b2;
}
.fd-tile.clean.tile-purple .details {
  background-color: #002850;
}
.fd-tile .header {
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
.fd-tile .header .ico {
  background: rgba(255, 255, 255, 0.1);
  display: inline-block;
  padding: 11px 18px;
  font-size: 20px;
  text-align: center;
  vertical-align: center;
}
.fd-tile .header .title {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  padding: 5px;
  position: absolute;
  text-transform: uppercase;
  top: 7px;
}
.fd-tile .content {
  padding: 10px;
}
.fd-tile.header .content {
  padding: 10px 20px;
  background: transparent;
  padding-right: 10px;
  display: inline-block;
  position: relative;
  z-index: 3;
}
.fd-tile.detail .icon {
  display: block;
  float: right;
  height: 80px;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-top: 10px;
  position: absolute;
  right: 10px;
  top: 0;
  width: 80px;
}
.fd-tile.header .icon img {
  opacity: 0.8;
  display: block;
  float: right;
  height: 80px;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-top: 10px;
  position: absolute;
  right: 10px;
  top: 50px;
  width: 80px;
}
.fd-tile.header {
  position: relative;
  overflow: hidden;
}
.fd-tile.detail {
  position: relative;
  overflow: hidden;
}
.fd-tile.detail .content {
  background: transparent;
  padding: 10px 10px 13px;
  display: inline-block;
  position: relative;
  z-index: 3;
}
.fd-tile.detail .icon {
  display: block;
  float: right;
  height: 80px;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-top: 10px;
  width: 80px;
}
.fd-tile.detail .icon i {
  color: rgba(0, 0, 0, 0.05);
  font-size: 100px;
  line-height: 65px;
}
.fd-tile.detail .details {
  clear: both;
  display: block;
  padding: 5px 10px;
  color: #fff;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.1);
}
.fd-tile.detail .details i {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.4);
}
.fd-tile .content p {
  margin-bottom: 0;
  font-weight: 4  00;
  font-size: 14px;
}
.fd-tile .content h1 {
  margin: 0 0 0;
  font-weight: 300;
  font-size: 40px;
}

.bg-none {

    background: none !important;
    background-color: none !important;

}

    td > .navbar{
        border: 0;
        background-color: transparent;
        color: #2c3e50;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 0;
        position: relative !important;
        min-height: 50px;
        box-shadow:none;
        z-index:0 !important;
        min-height: 178px;
    }
    
    .truncate {
      width: 105px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    
    div.navbar-collapse fieldset legend {
      font-size:12px !important;  
    }
    
    
    .ui-dialog-titlebar-close {
	background-color: #002850;

	/* background-image: url("../../bower_components/jquery.ui/css/images/ui-icons_ffffff_256x240.png") !important; */
    background-position: -96px -128px;
    border: 1px solid #002850;
    color:white;

}

.ellipse:hover{
  width: auto !important;
  max-width: 500px !important;
  border: 2px solid #eee !important;
  box-shadow: 0px 3px 10px 0px black;
  padding:2px;
  white-space: normal !important;
  word-break: break-word;
  z-index:9999999;
  position:absolute;
  background-color: #eee !important;
  border-radius: 5px;
  height: auto;
}

.ellipse:hover > .ellip-line
{
	white-space: normal !important;	
}

table{
	table-layout: fixed !important;
}
.wizard > .content > .body {
	position:relative;
}

 /* The switch - the box around the slider */
 .switch {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 17px;
  }

  .div_check_modal div.bootstrap-switch{
	margin-top: 7px !important;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
	opacity: 0;
	width: 0;
	height: 0;
  }
  
  /* The slider */
  .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  .slider:before {
	position: absolute;
	content: "";
	height: 13px;
	width: 13px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  input:checked + .slider {
	background-color: #002850;
  }
  
  input:focus + .slider {
	box-shadow: 0 0 1px #002850;
  }
  
  input:checked + .slider:before {
	-webkit-transform: translateX(13px);
	-ms-transform: translateX(13px);
	transform: translateX(13px);
  }
  
  /* Rounded sliders */
  .slider.round {
	border-radius: 27px;
  }
  
  .slider.round:before {
	border-radius: 50%;
  } 

  .row_lines .bootstrap-switch
  {
	  clear:both;
	  float:left;
	  margin-bottom:0px !important;
	  margin-top:5px !important;
  }

  .row_lines .bootstrap-switch .bootstrap-switch-container{ 
	margin-bottom:0px !important;
  }

  .icon-stat .fa{
	  padding-top: 7px !important;
  }

  .has-feedback i{
	  top: 10px;
  }

  .input-group .bootstrap-switch{
	  height:22px;
  }

  @media (max-width: 767px) {
	.hidden-xs {
	  display: none !important;
	}
  }

  .ui-menu-divider{
	  display:none;
  }

  li.context-menu-item{
	font-family:"Open Sans" !important;
  }

  .context-menu-item {
    color: #002850 !important;
}
span.apexcharts-legend-text
{
  cursor:pointer;
}

/* Migue */
.no_mostrar{
	pointer-events:none; 
	opacity: 0.6;
}

.c_ocultar{
	display: none;
}

.bordered{
	/* border: 1px    solid black;*/
}

.row{
	margin-top: 20px;;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, 
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, 
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, 
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9
{
	padding-left: 10px;
	padding-right: 10px;
}


.h_info .row
{
	margin-top:0px;
}

.form-control-feedback{
	width: 49px;
}

.ui-autocomplete {
	max-height: 100px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}
/* IE 6 doesn't support max-height
	* we use height instead, but this forces the menu to always be this tall
	*/
* html .ui-autocomplete {
	height: 100px;
}

.select2-dropdown-open [class^="select2-choice"]
{
	border-bottom-left-radius:4px !important;
	border-bottom-right-radius:4px !important;
	
}

.select2-drop,.select2-container{
	z-index:1000000000099 !important;
}

.display_none{
	display:none;
}

.select2-search__field { width: auto !important; }

.select2-container--default .select2-selection--multiple{
	border: 1px solid #ccc;
}

.form-control-feedback {
	width: 20px;
}

.ui-autocomplete {
	max-height: 100px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}
/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
* html .ui-autocomplete {
	height: 100px;
}

.bordered {
	/*  border: 1px solid black;*/

}

.row {
	margin-top: 20px;;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3,
.col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3,
.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3,
.col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3,
.col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-left: 10px;
	padding-right: 10px;
}

.modal-header{
	background: #002850 none repeat scroll 0 0 !important;
	color: #fff !important;
	text-shadow: none !important;
}

.modal-title{
	color: #fff !important;
	text-shadow: none !important;
}

.langButton:hover
{
	text-decoration: underline;
}

#changelanguage:hover{
	border: none;
 }
 
 .langButton_{
	 opacity: 0.5;
 }
 .gruopLanguage span{
	 cursor: pointer;
 }
 
 span.span_restore{
	float: right;
	position: absolute;
	margin-left: -15px;
	z-index: 2;
	margin-top: 9px; 
 }

 .center {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
 }

#form_confirmar_instrumento>div>div.list-group{
	max-height: 537px !important;
	display: block !important;
	overflow-y: scroll !important;
}

.div_search_alta_masiva{
	padding-top: 1%;
	display: block;
	text-align: left;
}

.eliminar_context{
	color: red;
	margin-right: 0.8em;
	padding-bottom: 0.2em;
	cursor: pointer;
	margin-left: -0.2em;
}

.content li{
	margin:0;
	padding:0;
	/* overflow:hidden; */
}
div.DTE_Field .ellipse_data span.select2-container{
	float:left;
}

.ellipse_data label{ 
	text-overflow: ellipsis;
	overflow : hidden;
	display:inline-block;
	white-space: nowrap;
}

.ellipse_data div.tooltip
{
	margin-top:5px;
}
  

.apexcharts-toolbar
{
    background-color: white;
}

table.table-resize_me th
{
	position: relative;
}

.resizer {
    /* Displayed at the right side of column */
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    cursor: col-resize;
    user-select: none;
}

.resizer:hover,
.resizing {
    border-right: 2px solid blue;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 400px !important;
  overflow-y: auto;
}

.select2-results__group
{
	color:#002850;
}

.select2-search__field:focus-visible{
	border:0px solid black;
	outline: none;
}
.select2-search__field {
	width: 100% !important;
  }

.apexcharts-toolbar{
	top:-5px !important;
  }

.apexcharts-subtitle-text
{
	margin-top: 10px;
}


.editor-datetime table{
	display: none;
	}

	

	.swal-button {
		background-color: #7d8995 !important;
		padding: 5px 20px !important; 
	  }
	  .swal-icon--success__ring {
		width: 80px;
		height: 80px;
		border: 4px solid hsla(98.3, 66.7%, 44.7%, 0.4) !important;
	}

	div.dt-datetime{
		z-index: 20450000 !important;
	}
	
	ul.ui-widget-content{
		z-index: 20400005 !important;
	}

	.disabledtr, tr.disabledtr td a{
		color: #bcbcbc !important;
		font-style: italic !important;
		/* font-weight: 666 !important; */
	}
	.goldentr, tr.goldentr td a{
		color: silver;
		font-style: italic !important;
		font-weight: bold !important; 
	}

	.redtr, tr.redtr td a{
		color: #e6d919 ;
		font-style: italic !important;
		font-weight: 666 !important; 
	}

	
	.duetr, tr.duetr td a{
		color: #137406;
		font-style: italic !important;
		font-weight: 666 !important; 
	}
	.bluetr, tr.bluetr td a{
		color: #559bf0;
		font-style: italic !important;
		font-weight: 666 !important; 
	}



	span.edit_plus{font-family: "Font Awesome 5 Free" !important;}
	span.edit_plus:before { content: "\f0d6" !important; }
	.swal-overlay{
		z-index: 10000000000  !important;
	}

	div.DTE_Field_col {
		width: 50% !important;
		padding-left: 0px !important;
		clear: both;
	  }

	  .ellipse_historicos{
		text-overflow: ellipsis;
		overflow : hidden;
		white-space: nowrap;
	  }
	  
	  .ellipse_historicos:hover{
		text-overflow: clip;
		  white-space: pre-wrap;
		  word-break: break-all;
	  }


@media screen and (max-width: 600px) {
		table.mensual {
			width:100%;
		}
		table.mensual thead {
			display: none;
		}
		table.mensual tr:nth-of-type(2n) {
			background-color: inherit;
		}
		table.mensual tr td:first-child {
			background: #f0f0f0;
			font-weight:bold;
			font-size:1.3em;
		}
		table.mensual tbody td {
			display: block;
			text-align:center;
		}
		table.mensual tbody td:before {
			content: attr(data-th)" ";
			font-weight: bold;
			/*display: block*/;
			text-align:center;
		}
		ul.ui-sortable
		{
			margin-left: -35px;
		}
		ul.ui-sortable input
		{
			width: 100%;
		}

		.ellipse_data:active {
			text-overflow: clip !important;
			white-space: normal !important;
			word-break: break-all !important;
		  }
		  .hidden-mobile {
			display: none !important;
		  }
		div.h_info .ellipse_historicos + div, div.h_info div.row + div.row div:first-child{
			clear:both;
		}
		div.h_info .row.odd-md ,div.h_info .row.even-md 
		{
			margin:-10px !important;
			padding:0px !important;
		}
		.modal-width {
			width: 90%;
		}
		div.DTE_Field_col,div.DTE_Field_col div.DTE_Field_no_padding
		{
			width:100% !important;
		}
		div.DTE_Body{
			padding: 52px 0 !important;
		}
		.DTE div.DTE_Header {
			height: auto !important;	
		}
		div.modal-dialog{
			width:90% !important;
		}
 }
 
 .ellipse_data{ 
	text-overflow: ellipsis;
	overflow : hidden;
	white-space: nowrap;
}
 
div.modal-body div.portlet-header.ui-widget-header
{
	display:none;
}
 
div.t_ellipsis
{
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}

#form_maquina span.select2-selection
{
	height: 35px;
	overflow:auto;
}
#res_acrecal_equipo span.select2-container{
	z-index:1 !important;
}
#form_maquina .select2-drop, .select2-container {
	z-index: 1 !important;
	display: flex !important;
  }
  .select2-container span.selection{
	width:100%;
  }

  #formSolicitud .select2-drop, .select2-container {
	z-index: 9999999999 !important;
  }
  #form_maquina  .select2-container {
	z-index: 1 !important;
  }

  #form_maquina  li.select2-search--inline{
	width:auto;
  }

  .boton_cal_adm{
	margin-top: 22%;
	margin-left: -17%;
	width: 25%;
	height: 32% !important;

  }

  .btn-lg{box-shadow: 0px 4px rgba(0, 0, 0, 0.2);	}
.btn3d, .btn3d:focus {
    position:relative;
    top: -6px;
    border:0;
    -moz-outline-style:none;
         outline:medium none;
     transition: all 0.04s linear;
     margin-top:10px;
     margin-bottom:10px;
     margin-left:2px;
     margin-right:2px;
}
.btn3d:active, .btn3d.active {
    top:2px;
}
.btn3d.btn-white {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 0 8px 0 0 #f5f5f5, 0 8px 8px 1px rgba(0,0,0,.2);
    background-color:#fff;
}
.btn3d.btn-white:active, .btn3d.btn-white.active {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,.1);
    background-color:#fff;
}
.btn3d.btn-default {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 0 8px 0 0 #BEBEBE, 0 8px 8px 1px rgba(0,0,0,.2);
    background-color:#f9f9f9;
}
.btn3d.btn-default:active, .btn3d.btn-default.active {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,.1);
    background-color:#f9f9f9;
}
.btn3d.btn-primary {
    box-shadow:0 0 0 1px #417fbd inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #4D5BBE, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#4274D7;
}
.btn3d.btn-primary:active, .btn3d.btn-primary.active {
    box-shadow:0 0 0 1px #417fbd inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color:#4274D7;
}
.btn3d.btn-success {
    box-shadow:0 0 0 1px #31c300 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #5eb924, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#78d739;
}
.btn3d.btn-success:active, .btn3d.btn-success.active {
    box-shadow:0 0 0 1px #30cd00 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #78d739;
}
.btn3d.btn-info {
    box-shadow:0 0 0 1px #00a5c3 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #348FD2, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#39B3D7;
}
.btn3d.btn-info:active, .btn3d.btn-info.active {
    box-shadow:0 0 0 1px #00a5c3 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #39B3D7;
}
.btn3d.btn-warning {
    box-shadow:0 0 0 1px #d79a47 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #D79A34, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#FEAF20;
}
.btn3d.btn-warning:active, .btn3d.btn-warning.active {
    box-shadow:0 0 0 1px #d79a47 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #FEAF20;
}
.btn3d.btn-danger {
    box-shadow:0 0 0 1px #b93802 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #AA0000, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#D73814;
}
.btn3d.btn-danger:active, .btn3d.btn-danger.active {
    box-shadow:0 0 0 1px #b93802 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #D73814;
}
.btn3d.btn-magick {
    color: #fff;
    box-shadow:0 0 0 1px #9a00cd inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #9823d5, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#bb39d7;
}
.btn3d.btn-magick:active, .btn3d.btn-magick.active {
    box-shadow:0 0 0 1px #9a00cd inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #bb39d7;
}
.mtop{
margin-top: 10%;
}
.txtr{
height:67px;
font-size:44px;
text-align:right;
margin-bottom:20px;
box-shadow:inset 3px 3px rgba(0, 0, 0, 0.2);
}
.mbottom{marginBottom: '10px';}
.calculadoraBase{
    display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #666666;
  box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 0 8px 0 0 #BEBEBE, 0 8px 8px 1px rgba(0,0,0,.2);
  background-color: #f9f9f9;
    position: relative;
  top: -6px;
  border: 0;
  -moz-outline-style: none;
  outline: medium none;
  transition: all 0.04s linear;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 2px;
  margin-right: 2px;

}

  div.border_shadow{
	/*-webkit-box-shadow:8px 6px 5px rgba(73, 235, 9, 0.72);
  	-moz-box-shadow: 8px 6px 5px rgba(73, 235, 9, 0.72);
  	box-shadow: 8px 6px 5px rgba(73, 235, 9, 0.72);*/
	  -webkit-box-shadow: -1px 1px 5px 5px rgba(73, 235, 9, 0.72);
	  -moz-box-shadow: -1px 1px 5px 5px rgba(73, 235, 9, 0.72);
	  box-shadow: -1px 1px 5px 5px rgba(73, 235, 9, 0.72);
	/*
	-webkit-box-shadow:8px 6px 5px rgba(12, 231, 220, 0.72);
  	-moz-box-shadow: 8px 6px 5px rgba(12, 231, 220, 0.72);
  	box-shadow: 8px 6px 5px rgba(12, 231, 220, 0.72);*/
  }

  .fc-more-popover{
	max-height: 200px;
	overflow-y: scroll;
}

div.chart-content div.summary {
	display: block !important;
  }

  @media (max-width: 767px) {
	.hidden-xs {
	  display: none !important;
	}
  }

  .colorSquare {
	width: 20px;
	height: 20px;
	margin:auto;
	border: 1px solid rgba(0, 0, 0, .2);
	z-index: 1000000000000;
  }
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
text-align: center;
}

.sp-preview {
    width: 94%; /* Cambia el ancho según lo desees */
} 

.sp-replacer {
    width: 90% !important;
	margin-top: 1% !important;
}

.tooltip-inner {
	background-color: #FFFFFF !important;
	color:black !important;
}

.background-saica{
	background-color: #002850 !important;
	color:white !important;
}

.form-control-fecha{
	display: inline !important;
	width: 39% !important;
}

.form-control-cliente{
	display: inline !important;
	width: 25% !important;
}