.separator {
	margin-bottom: 15px;
}

.separator-sm {
	margin-bottom: 7px;
}

.dark-blue {
	background-color: #00267f;
}

.light-blue {
	background-color: #0077d4;
}

.bold {
	font-weight: 700;
}

.bold-force {
	font-weight: 700 !important;
}

.italic {
	font-style: italic;
}

.normal {
	font-weight: 400;
}

.color-black {
	color: #333333;
}

.color-blue {
	color: #0077d4;
}

.color-green {
	color: #5cb85c;
}

.color-grey {
	color: #4f4f4f;
}

.color-orange {
	color: #ffab40;
}

.color-red {
	color: #d9534f;
}

.color-white {
	color: #ffffff;
}

.full-size {
	height: 100%;
	width: 100%;
}

.open-sans {
	font-family: 'Open Sans', sans-serif;
}

.font-size-1-2 {
	font-size: 1.2em !important;
}

.font-size-1-1 {
	font-size: 1.1em !important;
}

.font-size-1 {
	font-size: 1em !important;
}

.font-size-0-95 {
	font-size: .95em !important;
}

.font-size-0-9 {
	font-size: .9em !important;
}

.font-size-0-85 {
	font-size: .85em !important;
}

.font-size-0-8 {
	font-size: .8em !important;
}

.font-size-0-75 {
	font-size: .75em !important;
}

.font-size-0-7 {
	font-size: .7em !important;
}

.text-align-center {
	text-align: center;
}

.text-align-left {
	text-align: left;
}

.text-align-right {
	text-align: right;
}

.text-align-right-force {
	text-align: right !important;
}

.absolute {
	position: absolute;
}

.relative {
	position: relative;
}

.no-margin {
	margin: 0;
}

.margin-auto {
	margin: 0 auto;
}

.margin-bottom-3-fixed {
	margin-bottom: 3px;
}

.margin-bottom-4-fixed {
	margin-bottom: 4px;
}

.margin-bottom-5-fixed {
	margin-bottom: 5px;
}

.margin-bottom-10-fixed {
	margin-bottom: 10px;
}

.margin-left-3-fixed {
	margin-left: 3px;
}

.margin-left-5-fixed {
	margin-left: 5px;
}

.margin-left-10-fixed {
	margin-left: 10px;
}

.margin-right-1-fixed {
	margin-right: 1px !important;
}

.margin-right-2-fixed {
	margin-right: 2px !important;
}

.margin-right-3-fixed {
	margin-right: 3px !important;
}

.margin-right-4-fixed {
	margin-right: 4px !important;
}

.margin-right-5-fixed {
	margin-right: 5px;
}

.margin-top-2-fixed {
	margin-top: 2px;
}

.margin-top-3-fixed {
	margin-top: 3px;
}

.margin-top-5-fixed {
	margin-top: 5px;
}

.margin-top-7-fixed {
	margin-top: 7px;
}

.margin-top-10-fixed {
	margin-top: 10px;
}

.no-padding {
	padding: 0;
}

.no-padding-left {
	padding-left: 0 !important;
}

.no-padding-right {
	padding-right: 0 !important;
}

.no-padding-top-bottom {
	padding-bottom: 0;
	padding-top: 0;
}

.no-padding-sides {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.padding-bottom-5-fixed {
	padding-bottom: 5px;
}

.padding-bottom-10-fixed {
	padding-bottom: 10px;
}

.padding-left-5-fixed {
	padding-left: 5px;
}

.padding-left-10-fixed {
	padding-left: 10px;
}

.padding-right-10-fixed {
	padding-right: 10px;
}

.padding-right-15-fixed {
	padding-right: 15px;
}

.padding-right-20-fixed {
	padding-right: 20px;
}

.padding-sides-10-fixed {
	padding-left: 10px;
	padding-right: 10px;
}

.padding-sides-20-fixed {
	padding-left: 20px;
	padding-right: 20px;
}

.padding-top-4-fixed {
	padding-top: 4px;
}

.padding-top-5-fixed {
	padding-top: 5px;
}

.min-width-0 {
	min-width: 0 !important;
}

.width-100 {
	width: 100%;
}

.width-90 {
	width: 90%;
}

.width-95 {
	width: 95%;
}

.width-80 {
	width: 80%;
}

.width-70 {
	width: 70%;
}

.width-65 {
	width: 65%;
}

.width-69 {
	width: 69%;
}

.width-60 {
	width: 60%;
}

.width-50 {
	width: 50%;
}

.width-40 {
	width: 40%;
}

.width-35 {
	width: 35%;
}

.width-30 {
	width: 30%;
}

.width-20 {
	width: 20%;
}

.width-10 {
	width: 10%;
}

.width-20-fixed {
	width: 20px;
}

.width-45-fixed {
	width: 45px;
}

.width-50-fixed {
	width: 50px;
}

.width-100-fixed {
	width: 100px;
}

.width-125-fixed {
	width: 125px;
}

.width-150-fixed {
	width: 150px;
}

.min-width-150-fixed {
	min-width: 150px;
}

.width-175-fixed {
	width: 175px;
}

.offset-right-20 {
	margin-right: 20%;
}

.table-collapse {
	border-collapse: collapse;
}

.border-box {
	box-sizing: border-box;
}

.block {
	display: block;
}

.inline-block {
	display: inline-block;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.vertical-align-top {
	vertical-align: top;
}

.title {
	border-bottom: 1px solid #333;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	margin-top: -10px;
}

.title-dialog {
	border-bottom: 1px solid #333;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	font-weight: normal;
	margin-top: 0;
}

.subtitle {
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 0;
}

.subtitle-underline {
	border-bottom: 1px solid #333;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	margin-top: 0;
}

.dialog-no-heaader .ui-dialog-titlebar {
	display: none;
}

.table-link {
	text-decoration: none;
}

.table-link:hover {
	text-decoration: underline;
}

.table-collapse {
	border-collapse: collapse;
}

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

.ellipsis-white {
	color: #ffffff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

a.white-link {
	color: #ffffff !important;
}

.help-message {
	background: #90caf9;
}

.warning-message {
	background: #ffab40;
}

.key-enter {
	background: url("/ordenes-trabajo/faces/javax.faces.resource/images/keyboard-enter.png");
	display: inline-block;
	height: 16px;
	width: 16px;
}

.hidden {
	opacity: 0;
}

.opacity-50 {
	opacity: .5;
}

.opacity-75 {
	opacity: .75;
}

.no-decoration {
	text-decoration: none;
}

@media (max-width: 1200px) {
	.responsive-no-pull {
		float: none;
	}
}

.id-text-max-width {
	max-width: 156px;
}

.select-responsible .ui-selectonemenu-label {
    width: 100%;
    max-width: 210px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.min-width-190 {
	min-width: 190px !important;
}

.min-width-400 {
	min-width: 400px !important;
}

.min-width-383 {
	min-width: 383px !important;
}

.min-width-173 {
	min-width: 173px !important;
}

.min-width-173 .ui-inputfield {
	min-width: 173px !important;
}

.min-width-75 {
	min-width: 75px;
}

.max-width-100 {
	max-width: 100%;
}

.max-height-100 {
	max-height: 100%;
	overflow: auto;
}

.width-75 {
	width: 75%;
}

.width-15 {
	width: 15%;
}

.ui-reflow-label {
	display: none !important;
}

.ui-reflow-dropdown {
	font-size: 14px !important;
}

/* .search-button-fix { */
/* 	top: -1px; */
/* } */

.filter-button-fix {
	top: 1px;
}

.filter-button-fix .ui-button-icon {
	margin-top: 6px !important;
}

.clear-left {
	clear: left;
}

.data-exporter {
	position: absolute;
	right: 25px;
}

.mail-create-textarea {
	max-height: 500px;
	overflow: auto;
	font-size: 13px !important;
}

.mail-textarea {
	height: 260px !important;
	overflow: auto !important;
	margin-top: 1px;
	font-size: 13px !important;
}

.max-height-450-fixed {
	max-height: 450px;
}

.max-width-300-fixed {
	max-width: 300px;
}

.min-width-105-fixed {
	min-width: 105px;
}

.delete-mail-attachment {
	padding-left: 3px;
    padding-right: 3px;
}

.mail-input-subject {
	width: calc(100% - 115px);
	border-left: none !important;
    border-top-left-radius: unset !important;
    border-bottom-left-radius: unset !important;
}

.mail-input-subject-code {
	width: 115px;
    border-right: none !important;
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
}

.new-mail-button {
	width: 111px;
	padding: 6px !important;
	margin-right: 8px !important;
}

.menu-font-size {
	font-weight: initial;
}

.mail-content-limit {
	display: block;
	overflow: hidden;
	max-height: 90px;
}

.signature-textarea {
	width: 75em;
	height: 280px !important;
	overflow: auto !important;
}

.mail-uploader .ui-fileupload-content {
	display: none;
}

.preformatted {
    white-space: pre-wrap;
}

.margin-right-10 {
	margin-right: 10px;
}

.title-less-botton-margin {
	margin-bottom: -20px;
}

.tab-horizontal-scroll ul {
	overflow-x: auto;
	overflow-y: hidden;
    white-space: nowrap;
}

.button-service-icon {
    background-image: url("/ordenes-trabajo/faces/javax.faces.resource/images/service.png") !important;
    background-repeat: no-repeat !important;
    background-position: 178px !important;
 }

.overflow-y-auto {
 	overflow-y: auto;
 }

.ticket-view {
 	max-height: 600px !important;
 	overflow-y: auto;
 }

.margin-bottom-zero {
	margin-bottom: 0;
}

.width-65-fixed {
	width: 65px;
}

.font-size-075 {
	font-size: 0.75em !important;
}

.edit-form-panel {
	font-size: 1em !important;
}

.margin-panelGrid_5_0_0_85 {
	margin: 5px 0px 0px 85px;
}

.margin-panelGrid_5_0_0_25 {
	margin: 5px 0px 0px 25px;
}

.float-initial {
	float: initial !important;
}

.width-100-important {
	width: 100% !important;
}

@media (min-width: 1520px) {
	.padding-7-fixed {
		padding: 7px;
	}
}

@media (min-width: 800px) {
	.width-126-135-responsive {
		width: 126px;
	}
}

@media (max-width: 811px) {
	.width-126-135-responsive {
		width: 135px;
	}
}

@media (max-width: 1400px) {
	.input-special-width {
		width: 100.5%;
	}
}

@media (max-width: 1280px) {
	.input-special-width {
		width: 99.5%;
	}
	.table-materiales {
		width: 101%;
	}
}

@media (max-width: 1080px) {
	.input-special-width {
		width: 100.5%;
	}
}

@media (max-width: 920px) {
	.input-special-width {
		width: 101%;
	}
}

@media (max-width: 780px) {
	.input-special-width {
		width: 99.5%;
	}
}

.no-padding-right {
	padding-right: 0;
}

.padding-left-1-fixed {
	padding-left: 1px;
}

@media (max-width: 1550px) {
	.padding-top-4-fixed2 {
		padding-top: 4px !important;
	}

	.padding-bottom-2-fixed {
		padding-bottom: 2px !important;
	}

	.padding-top-7-fixed {
		padding-top: 7px !important;
	}

	.input-no-padding, .input-no-padding input {
		padding-right: 0;
	}
	.padding-bottom-2-fixed-response {
		padding-bottom: 2px !important;
	}
}

@media (min-width: 1550px) {
	.padding-top-3-fixed {
		padding-top: 3px;
	}
	.padding-bottom-2-fixed-response {
		padding-bottom: 2px !important;
	}
}

.padding-bottom-0 {
	padding-bottom: 0 !important;
}

@media (min-width: 1025px) {
	.border-collapse {
		border-collapse: collapse;
	}
}

@media (max-width: 880px) {
	.border-collapse {
		border-collapse: collapse;
	}
}

@media (max-width: 1550px) {
	.padding-left-0 {
		padding-left:0;
	}
}

.padding-left-4-fixed {
	padding-left: 4px;
}

.min-width-335-fixed {
	min-width: 335px !important;
}

.margin-bottom-3-fixed {
	margin-bottom: 3px;
}

.margin-panelGrid-main {
	margin: 0px 0px 0px 0px !important;
}

.margin-bottom-4 {
	margin-bottom: 4px !important;
}

.margin-top--3 {
	margin-top: -3px !important;
}

.width-79 {
	width: 79%;
}

.width-50 {
	width: 50%;
}

.ui-datepicker-trigger {
	height: 28px;
    padding-top: 0px !important;
}

@media (min-width: 1550px) {
	.input-max-width-120-fixed input {
		max-width: 137px;
	}
}

.history-title {
	margin-bottom: -10px;
    margin-left: 10px;
}

.padding-0 {
	padding: 0;
}

.invisible {
	display: none !important;
}

@media (min-height: 1280px) {
	.edit-max-height {
		max-height: 1280px;
	    overflow-y: auto;
	}
}

@media (max-width: 1380px) {
	.datepicker-button button {
		margin-left: -36px;
	}

	.padding-bottom-0-asignado-responsive {
		padding-bottom: 0 !important;
	}

	.padding-top-0-fecha-responsive {
		padding-top: 0 !important;
	}

	.margin-top-8-negative-responsive {
		margin-top: -8px;
	}

	.asignado-min-width {
		min-width: 270px !important;
	}

}

@media (max-width: 500px) {
	.asignado-min-width {
		min-width: 230px !important;
	}
}

@media (min-width: 1550px) {
	.datepicker-button input {
		width: 58% !important;
		margin-right: 4px !important;
	}
}

@media (min-width: 1380px) and (max-width: 1550px) {
	.datepicker-button input {
		width: 91% !important;
		margin-right: 4px !important;
	}
}

@media (max-width: 940px) {
	.datepicker-button input {
		width: 86% !important;
		margin-right: 38px !important;
	}
}

@media (max-width: 550px) {
	.datepicker-button input {
		width: 83% !important;
		margin-right: 38px !important;
	}
}

@media (max-width: 450px) {
	.datepicker-button input {
		width: 75% !important;
		margin-right: 39px !important;
	}
}


.no-padding-top {
	padding-top: 0;
}

.no-padding-top-bottom {
	padding-top: 0;
	padding-bottom: 0;
}

.floating-buttons {
	position: fixed;
    bottom: 2em;
    right: 1em;
}

@media (min-width: 1550px) {
	.padding-left-responsive {
		padding-left: 4px;
	}

	.padding-id-responsive {
		padding-left: 17px;
	}

	.asignado-max-width {
		max-width: 270px;
	}

	.width-94-fixed-responsive {
		width: 93.5%;
	}
}

.max-width-156-fixed {
	max-width: 156px;
}

@media (max-width: 1280px) {
	.padding-top-7-fixed-responsive {
		padding-top: 7px;
	}
}

.border-spacing-table-0-3 {
	border-spacing: 0px 3px;
	border-collapse: separate;
}

.padding-right-5-fixed {
	padding-right: 5px;
}

.title-less-bottom-margin {
	margin-bottom: 0;
}

.padding-left-2-fixed {
	padding-left: 2px;
}

.color-blue {
	color: #0077d4 !important;
}

.toggler-button {
	margin-top: -50px;
}

.notifications-scroller div {
	overflow: hidden !important;
}

.ancho_pestana {
	width: 905px;
}

.margin_button_department {
	margin-right: -180px !important;
}

.ancho_ruta_destino {
	width: 402px;
}

.destino-td-1 {
	width: 125px;
}

.destino-td-2 {
	width: 100px;
}

.destino-td-3 {
	width: 65px;
}

.destino-td-4 {
	width: 40vw;
}

.ui-state-highlight {
	border: 1px solid #0077d4 !important;
    font-weight: bold !important;
}

.magin-alert {
	margin: 4px 4px 0px 0px !important;
}

@media (min-width: 1850px) {
	.margin-id-fecha-limite {
		margin: 0px 0px 0px -14px !important;
	}
}

.width-130-fixed {
	width: 130px;
}

.checks-ingestas {
    font-size: 13.4px !important;
    margin: 3px 0px 0px 4px;
}

.checks-export {
    font-size: 13.4px !important;
    margin: 3px 0px 0px -7px;
}

.orden-rechazado {
	background-color: #ff4f4f;
}


.orden-aceptado {
	background-color: #ffff80;
}

.orden-aprobado {
	background-color: #80ff80;
}

.orden-nuevo {
	
}

@media (min-width: 1700px) {
	.combo-select-fix {
		min-width: 189px !important;
	}
	.combo-drch-select-fix {
		width: 190px !important;
	}
}

@media (min-width: 1380px) and (max-width: 1700px) {
	.combo-select-fix {
		min-width: 189px !important;
	}
	.combo-drch-select-fix {
		width: 190px !important;
	}
}

@media (max-width: 940px) {
	.combo-select-fix {
		min-width: 189px !important;
	}
	.combo-drch-select-fix {
		width: 190px !important;
	}
}

@media (max-width: 550px) {
	.combo-select-fix {
		min-width: 189px !important;
	}
	.combo-drch-select-fix {
		width: 190px !important;
	}
}

@media (max-width: 450px) {
	.combo-select-fix {
		min-width: 132px !important;
	}
	.combo-drch-select-fix {
		width: 190px !important;
	}
}

.calendar-input-width input {
		width: 78% !important;
	}


.input-horas-fixed {
	width: 130px !important;
}

.input-horas-drch-fixed {
	width: 58px !important;
}

@media (min-width: 1901px) {
	.datepicker-exceso input {
		width: 7.2% !important;
		margin-right: 4px !important;
	}
	.datepicker-horas input {
		width: 31.5% !important;
		margin-right: 4px !important;
	}
	.datepicker-horas-drch input {
		width: 16.5% !important;
		margin-right: 4px !important;
	}
}

@media (max-width: 1900px) {
	.datepicker-exceso input {
		width: 49% !important;
		margin-right: 4px !important;
	}
	.datepicker-horas input {
		width: 49% !important;
		margin-right: 4px !important;
	}
	.datepicker-horas-drch input {
		width: 16.5% !important;
		margin-right: 4px !important;
	}
}

.wrap-motivoSolicitud {
	 width: 71px !important;
	 display: inline-block !important;
	 white-space: nowrap;
	 text-overflow: ellipsis;
	 overflow: hidden;
}

@media (min-width: 768px) and (max-width: 1550px) {
	.vistaTablet{
	width: 475px !important;
}
}
@media (min-width: 768px) and (max-width: 1570px) {
.ocultarColumna{
	display:none !important;
}
}

.word-wrap{
	word-wrap: anywhere;
}

.mes-select-fix {
	min-width: 50px !important;
}

.anio-select-fix {
	min-width: 100px !important;
}
.anchoSelectOneMes{
	width: 70px !important;
}

.anchoSelectOne{
	width: 90px !important;
}

.ui-selectonemenu-filter-container {
    width: 94% !important;
}
#form-filter .query-elements li.ui-orderlist-item {
  background: #ffffff;
  border: 1px solid #aaaaaa;
  border-radius: 2px;
  font-size: .8em;
  margin-bottom: 0px;
  margin-right: 5px;
  padding: 0px 7px;
}




#form-filter .trash-area {
  background: #f5f5f5;
  border: 1px solid #aaaaaa;
  display: block;
  height: 54px;
  opacity: .5;
}




#form-filter .query-elements.ui-orderlist {
  background: #f5f5f5;
  border: 1px solid #aaaaaa;
  border-radius: 2px;
  min-height: 55px;
  height: 55px;
}