* {
	word-wrap: break-word;
}
/*Temporal fix to the unexpected horizontal scroll*/

body {
	overflow-x: hidden;
}

/* font overrides */
body,
.panel-title,
.form-control,
.widget-stats .stats-title,
.widget-stats .stats-info h4 {
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
}

/*Margin and Padding helpers*/
/*none*/
.p-0 { padding: 0px; }
.p-x-0 { padding: 0px; }
.p-y-0 { padding: 0px; }
.p-t-0 { padding-top: 0px; }
.p-r-0 { padding-right: 0px; }
.p-b-0 { padding-bottom: 0px; }
.p-l-0 { padding-left: 0px; }
.m-0 { margin: 0px; }
.m-x-0 { margin: 0px; }
.m-y-0 { margin: 0px 0 ; }
.m-r-0 { margin-right: 0px; }
.m-l-0 { margin-left: 0px; }
.m-t-0 { margin-top: 0px; }
.m-b-0 { margin-bottom: 0px; }

.p-xs { padding: .25em; }
.p-x-xs { padding: 0 .25em; }
.p-y-xs { padding: .25em 0 ; }
.p-t-xs { padding-top: .25em; }
.p-r-xs { padding-right: .25em; }
.p-b-xs { padding-bottom: .25em; }
.p-l-xs { padding-left: .25em; }
.m-xs { margin: .25em; }
.m-x-xs { margin: 0 .25em; }
.m-y-xs { margin: .25em 0 ; }
.m-r-xs { margin-right: .25em; }
.m-l-xs { margin-left: .25em; }
.m-t-xs { margin-top: .25em; }
.m-b-xs { margin-bottom: .25em; }
/*sm*/
@media (min-width:768px) {
	/*sm*/
	.p-sm { padding: .5em; }
	.p-x-sm { padding: 0 .5em; }
	.p-y-sm { padding: .5em 0 ; }
	.p-t-sm { padding-top: .5em; }
	.p-r-sm { padding-right: .5em; }
	.p-b-sm { padding-bottom: .5em; }
	.p-l-sm { padding-left: .5em; }
	.m-sm { margin: .5em; }
	.m-x-sm { margin: 0 .5em; }
	.m-y-sm { margin: .5em 0 ; }
	.m-t-sm { margin-top: .5em; }
	.m-r-sm { margin-right: .5em; }
	.m-b-sm { margin-bottom: .5em; }
	.m-l-sm { margin-left: .5em; }
}

/*md*/
@media (min-width: 992px){
	.p-md { padding: 1em; }
	.p-x-md { padding: 0 1em; }
	.p-y-md { padding: 1em 0; }
	.p-t-md { padding-top: 1em; }
	.p-r-md { padding-right: 1em; }
	.p-b-md { padding-bottom: 1em; }
	.p-l-md { padding-left: 1em; }
	.m-md { margin: 1em; }
	.m-x-md { margin: 0 1em; }
	.m-y-md { margin: 1em 0 ; }
	.m-t-md { margin-top: 1em; }
	.m-r-md { margin-right: 1em; }
	.m-b-md { margin-bottom: 1em; }
	.m-l-md { margin-left: 1em; }
}

/*lg*/
@media (min-width: 1200px) {
	.p-lg { padding: 1.5em; }
	.p-x-lg { padding: 0 1.5em; }
	.p-y-lg { padding: 1.5em 0; }
	.p-t-lg { padding-top: 1.5em; }
	.p-r-lg { padding-right: 1.5em; }
	.p-b-lg { padding-bottom: 1.5em; }
	.p-l-lg { padding-left: 1.5em; }
	.m-lg { margin: 1.5em; }
	.m-x-lg { margin: 0 1.5em; }
	.m-y-lg { margin: 1.5em 0; }
	.m-t-lg { margin-top: 1.5em; }
	.m-r-lg { margin-right: 1.5em; }
	.m-b-lg { margin-bottom: 1.5em; }
	.m-l-lg { margin-left: 1.5em; }
}

/*xl*/
.p-xl { padding: 3em; }
.p-x-xl { padding: 0 3em; }
.p-y-xl { padding: 3em 0 ; }
.p-t-xl { padding-top: 3em; }
.p-r-xl { padding-right: 3em; }
.p-b-xl { padding-bottom: 3em; }
.p-l-xl { padding-left: 3em; }
.m-xl { margin: 3em; }
.m-x-xl { margin: 0 3em; }
.m-y-xl { margin: 3em 0; }
.m-t-xl { margin-top: 3em; }
.m-r-xl { margin-right: 3em; }
.m-b-xl { margin-bottom: 3em; }
.m-l-xl { margin-left: 3em; }

/* CUSTOM NUV CLASSES */
.printout-background {
	background-color: #eee !important;
}

.printout-background-bold {
	background-color: #ddd !important;
}

.remove-li-format {
	padding-left: 0px !important;
}

.remove-li-format>li {
	list-style: none;
}

/* minified menu scroll fix */
.page-sidebar-minified .sidebar {
	position: fixed !important;
}

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

.fixed-size-input {
	width: 200px;
	min-width: 200px;
	max-width: 200px;
}

.logos-row {
	padding: 0px;
	padding-top: 100px;
	margin: 0px;
	margin-bottom: 20px;
}

.margin-top {
	margin: 0px;
	margin-top: 20px;
}

.margin-bottom {
	margin: 0px;
	margin-bottom: 20px;
}

.login {
	margin-top: 0px;
}

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

.less-padding {
	padding: 5px !important;
	margin: 0 !important;
}

.no-vertical-padding {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.padding-xs {
	padding: 2px !important;
	margin: 0 !important;
}

.padding-sm {
	padding: 3px !important;
	margin: 0 !important;
}

.padding-md {
	padding: 8px !important;
	margin: 0 !important;
}

.padding-lg {
	padding: 11px !important;
	margin: 0 !important;
}

.padding-xl {
	padding: 14px !important;
	margin: 0 !important;
}

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

.row {
	margin: 0 -10px !important;
}

.small-br {
	height: 10px;
	font-size: 10px;
}

span.select2-container {
	width: 100% !important;
}

.button-group {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

.form-control-min {
	min-width: 100px;
}

.center-vertical {
	vertical-align: middle !important;
}

.form-control-min-lg {
	min-width: 250px;
}

.btn-inline {
	margin-top: 2px;
	margin-bottom: 2px;
}

.calendar {
	width: 100;
	display: block;
	position: relative;
}

@media (max-width: 420px) {
	.fc th span {
		margin-left: -10px;
		text-align: center;
		display: block;
		font-size: 1rem !important;
	}
}

.fc-list-empty {
	padding: 20px 0;
	font-size: 2em;
}

.fc-list-empty-wrap2 {
	position: relative !important;
}

.fc-event-container {
	padding: 2.5px !important;
}

.fc-content{
	font-size: 14px !important;
	padding: 1px !important;
}

.fc-day-number {
	font-size: 1.1em !important;
}

.muted {
	opacity: 0.5;
}

.full-opacity {
	opacity: 1 !important;
}

.pt-15 {
	padding-top: 15px;
}

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

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


/* set another color to the timeline body */

div.timeline-body::before {
	border-right-color: #ececec !important;
}

.timeline-body {
	background-color: #ececec !important;
}

@media (max-width: 767px) {
	div.timeline-body:before {
		border-bottom-color: #ececec !important;
		border-right-color: transparent !important;
	}
}

.centered {
	text-align: center;
}

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

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

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


/**
FIX TO OVERFLOW TEXT ON BUTTONS OF THE TANK INVENTORY
**/

@media (min-width: 1200px) and (max-width: 1500px) {
	.searchIcon {
		display: none;
	}
	.resetIcon {
		display: none;
	}
}

a.disabled-link,
a.disabled-link:visited,
a.disabled-link:active,
a.disabled-link:hover {
	background-color: #ffffff !important;
	color: #aaa !important;
	cursor: default;
}

.input-help {
	font-size: 12px;
	margin-top: 5px;
	margin-left: 2px;
	color: gray;
}

.data-table {
	padding-bottom: 5px !important;
	margin-bottom: 7px !important;
}


/**
UTILITY CLASS TO FIX ISSUES WITH THE CSS
**/

.width-auto {
	width: auto !important;
}

.d-inline {
	display: inline !important;
}

.generic-card {
	background-color: #F0F3F5;
	border: 1px solid #e2e7eb;
	margin-bottom: 0px;
	margin-top: 10px;
}

.service-card {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 14px;
	padding-right: 14px;
	background-color: #F0F3F5;
	border: 1px solid #e2e7eb;
}

.service-card hr {
	border-top: 1px solid #c6c6c6;
}

.line-item-card {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 14px;
	padding-right: 14px;
	background-color: #F0F3F5;
	border: 1px solid #e2e7eb;
}

.line-item-card hr {
	border-top: 1px solid #c6c6c6;
}

.reduced-line-height {
	line-height: 85%;
}

textarea {
	resize: none;
}


/** MAPQUEST **/

.locationShowMap {
	cursor: pointer;
	background-image: url("../img/mapquest/mapquest.jpg");
	background-position: center;
	background-repeat: no-repeat;
}

.locationShowMap:after {
	color: #FFFFFF;
	content: "Show map";
	background-color: #348FE2;
	border-radius: 5px;
	display: block;
	font-size: 2rem;
	height: 35px;
	left: 50%;
	line-height: 32px;
	margin-top: -47px;
	margin-left: -60px;
	padding: 0 10px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 120px;
}

a.red:link {
	color: #cc0000;
}

a.red:visited {
	color: #cc0000;
}

a.red:hover {
	color: #cc0000;
}

a.red:active {
	color: #cc0000;
}

a.blueish-link:link {
	color: #758c99;
}

a.blueish-link:visited {
	color: #758c99;
}

a.blueish-link:hover {
	color: #758c99;
	text-decoration: none;
}

a.blueish-link:active {
	color: #758c99;
}

.module-card {
	font-size: 16px;
	padding: 6px;
	margin: 4px;
	height: 75px;
	text-align: center;
	vertical-align: middle;
	line-height: 60px;
	border: 1px solid #c6c6c6;
	border-radius: 6px;
	background-color: #f4f4f4;
}

.trace-table {
	height: 350px;
	overflow-x: hidden;
	overflow-y: auto;
}

body .big-modal {
	/* new custom width */
	width: 900px;
}

@media (max-width: 767px) {
	.login.login-v2 {
		margin: 20px auto;
		width: 90%;
	}
	.logos-row {
		padding-top: 25px;
	}
	body .big-modal {
		/* new custom width */
		width: auto;
		background: red;
	}
	.page-header-fixed {
		padding-top: 50px;
	}
	.pace-progress {
		top: 55px;
	}
	.pace .pace-activity {
		top: 70px
	}
}

/* --- Set height of chart container --- */
.chart-container-small {
	height: 300px !important;
	position: relative;
}

.chart-container-medium {
	height: 400px !important;
	position: relative;
}

.chart-container-large{
	height: 500px !important;
	position: relative;
}
/* --- --- --- --- --- --- --- --- --- --- --- --- */

.label-filter {
	margin: 0px;
	margin-right: 3px;
	padding: 9px;
	margin-top: 3px;
	font-size: 13px;
	font-weight: normal;
	cursor: pointer;
	display: inline-block;
	border-radius: 3px;
	color: white;
	background: #a9acb2;
}

/* --- --- Set transport schedule layout  --- --- */

@media (max-width: 992px) {

	.transportschedule-calendar-buttons-container{
		text-align: center;
	}

}

@media (min-width: 992px) {

	.transportschedule-calendar-buttons-container{
		text-align: right;
	}

}

/* btn-independent-pickup class */

.btn-independent-pickup {
	color: #fff;
	background-color: #B22222;
	border-color: #B22222;
}

.btn-independent-pickup:hover, .btn-independent-pickup:focus {
	color: #fff;
	box-shadow: inset 0 0 0 20rem #9d1e1e;
}

.btn-independent-pickup:active {
	color: #fff;
	box-shadow: inset 0 0 0 20rem #871a1a,
		inset 0 3px 4px 0 #871a1a,
		0 0 1px #871a1a;
}

.btn-independent-pickup:disabled,
.btn-independent-pickup.is-disabled {
	color: #fff;
	opacity: .5;
}

.btn-green {
	color: #fff;
	background-color: #3CB371;
	border-color: #3CB371;
}

.text-green {
	color: #3CB371;
}

.btn-no-margin {
	margin: 0
}

.table-no-wrap td {
	white-space: nowrap;
}

.table-no-wrap th {
	white-space: nowrap;
}

/* btn-ITR class */

.btn-ITR {
	color: #fff;
	background-color: #3CB371;
	border-color: #3CB371;
}

.btn-ITR:hover, .btn-ITR:focus {
	color: #fff;
	box-shadow: inset 0 0 0 20rem #36a065;
}

.btn-ITR:active {
	color: #fff;
	box-shadow: inset 0 0 0 20rem #2f8d59,
	inset 0 3px 4px 0 #297a4d,
	0 0 1px #2f8d59;
}

.btn-ITR:disabled,
.btn-ITR.is-disabled {
	color: #fff;
	opacity: .5;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- */

.table-less-padding th {
	padding: 10px !important;
}

.table-less-padding td {
	padding: 10px !important;
}

.black-text td {
	color: #000 !important;
}

/* --- --- Blending and Products rules --- --- ---*/

.card-header .fa {
  transition: .3s transform ease-in-out;
}
.card-header .collapsed .fa {
  transform: rotate(90deg);
}

.product-card {
	background: #ececec;
}

.product-card hr {
	border-top: 1px solid #c6c6c6;
}

.entries-card {
	background: #f0f3f5;
}

.entries-card hr {
	border-top: 1px solid #c6c6c6;
}

.gray-card {
	background: #f0f3f5;
}

.gray-card hr {
	border-top: 1px solid #c6c6c6;
}

.component-card {
	background: #d1d1d1;
}

.component-card hr {
	border-top: 1px solid #cccccc;
}

.recipe-card {
	background: #ececec;
}

.recipe-card hr {
	border-top: 1px solid #c6c6c6;
}

.highlightRow {
	background-color: #f9ff99 !important;
}

.highlightTR:hover td {
	background-color: #f9ff99 !important;
}

.list-item {
	margin: 0px;
	padding: 5px;
	cursor: pointer;
	display: block;
}

.datalist-totals {
	background-color: white;
	margin: 0px !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	margin-bottom: 5px !important;
}

.matrixRouteDetails:hover {
	box-shadow: inset 0 0 0 1px #000;
}

hr {
	border-color: #c6c6c6 !important;
}

.sidebar .nav > li > a i {
	margin-right: 13px !important;
}

.nav-pills-primary>li.active>a, .nav-pills-primary>li.active>a:focus, .nav-pills-primary>li.active>a:hover {
	background-color: #337ab7 !important;
}

/* calendar colors*/
/* <gray> */
.pretty .state.p-gray-o label:before {
  border-color: #DEDEDE !important;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-gray-o label:after {
  background-color: #DEDEDE !important;
}
/* </gray> */

/* <red> */
.pretty .state.p-red-o label:before {
  border-color: #FF7575 !important;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-red-o label:after {
  background-color: #FF7575 !important;
}
/* </red> */

/* <green> */
.pretty .state.p-green-o label:before {
  border-color: #8BCB98 !important;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-green-o label:after {
  background-color: #8BCB98 !important;
}
/* </green> */

/* <blue> */
.pretty .state.p-blue-o label:before {
  border-color: #73BAFF !important;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-blue-o label:after {
  background-color: #73BAFF !important;
}
/* </blue> */

/* <orange> */
.pretty .state.p-orange-o label:before {
  border-color: #FFAC75 !important;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-orange-o label:after {
  background-color: #FFAC75 !important;
}
/* </orange> */

/* <yellow> */
.pretty .state.p-yellow-o label:before {
  border-color: #FFFF75 !important;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-yellow-o label:after {
  background-color: #FFFF75 !important;
}
/* </yellow> */

/* <purple> */
.pretty .state.p-purple-o label:before {
	border-color: #FF70FF !important;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-purple-o label:after {
	background-color: #FF70FF !important;
}
/* </purple> */
/* --calendar colors-- */

@media (max-width: 768px) {
  .xs-centered {
	text-align: center;
  }
}

@media (max-width: 992px) {
  .sm-centered {
	text-align: center;
  }
}

@media (min-width: 1024px) {
	.calendars-container{
		height: 270px;
	}
}

@media (min-width: 1500px) {
	.calendars-container{
		height: 430px;
	}
}

.no-info-card {
	background-color: #F0F3F5;
	border: 1px solid #e2e7eb;
	border-radius: 5px;
}

.no-info-card-content {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	align-items: center;
}

.tank-card {
	/*padding: 10px;*/
	background: #F0F3F5;
	border: 1px solid #e2e7eb;
	/*border-radius: 5px;*/
	/*margin-bottom: 15px;*/
}

.table-striped tbody tr.highlight td {
	background-color: #3692df;
	color: white;
}

.driver-sensor-card {
	margin-left: 3px;
	margin-right: 3px;
	padding: 5px;
	background: #ececec;
	border: 1px solid #c6c6c6;
	border-radius: 5px;
	margin-bottom: 6px;
}

.driver-sensor-card-empty {
	margin-left: 3px;
	margin-right: 3px;
	padding: 5px;
	border: 1px solid #c6c6c6;
	border-radius: 5px;
	margin-bottom: 6px;
}

.driver-sensor-list-container {
	padding: 10px;
	height: 250px;
	overflow-y: auto;
	border: 1px solid #c6c6c6;
	border-radius: 5px;
}

.ui-autocomplete {
	z-index:2147483647;
}

.tank-feedback-card {
	margin-left: 3px;
	margin-right: 3px;
	padding: 5px;
	background: #ececec;
	border: 1px solid #c6c6c6;
	border-radius: 5px;
	margin-bottom: 6px;
}

.tank-feedback-content {
	padding: 5px;
}

.tank-feedback-image {
	padding: 5px;
	border: 1px solid #c6c6c6;
}

.tank-feedback-container {
	padding: 10px;
	height: 400px;
	overflow-y: auto;
	border: 1px solid #c6c6c6;
	border-radius: 5px;
}

.fc {
	overflow:auto;
}

.blocked-time-month {
	width: auto;
	height: auto;
	background-image: repeating-linear-gradient(140deg, #e8c907 37%, #e8c907 39.6%, rgba(0,0,0,0) 42%, rgba(0,0,0,0) 42.5%, rgba(0,0,0,0) 46%, #e8c907 48.9%, #e8c907 50.4%);
}

.blocked-time-basicWeek {
	width: auto;
	height: auto;
	background-image: repeating-linear-gradient(140deg, #e8c907 37%, #e8c907 39.6%, rgba(0,0,0,0) 42%, rgba(0,0,0,0) 42.5%, rgba(0,0,0,0) 46%, #e8c907 48.9%, #e8c907 50.4%);
}

.blocked-time-basicDay {
	width: auto;
	height: auto;
	background-image: repeating-linear-gradient(140deg, #e8c907 29.8%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 32%, #e8c907 32.2%, #e8c907 33.5%);
}

.blocked-time-agendaDay {
	opacity:1 !important;
	width: auto;
	height: auto;
	background-image: repeating-linear-gradient(140deg, #e8c907 29.8%, #a3a7a8 30%, #a3a7a8 32%, #e8c907 32.2%, #e8c907 33.5%) !important;
}

.filters-div {
	padding: 10px;
	background: #F0F3F5;
	border: 1px solid #e2e7eb;
	border-radius: 5px;
	margin-bottom: 10px;
}

.bordered-datalist {
	border: 1px solid #e2e7eb;
	border-radius: 5px;
}

.fc-more-popover{
   max-height: 200px;
   overflow-y: scroll;
}

.format-card {
	font-size: 18px;
	padding: 10px;
	margin: 10px;
	height: 100px;
	padding-top: 37px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #c6c6c6;
	border-radius: 8px;
	background-color: #f4f4f4;
}

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

.sm-legend {
	font-size: 16px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.cursor-pointer {
	cursor: pointer;
}

.cursor-grab  {
	cursor: move; /* fallback if grab cursor is unsupported */
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

 /* (Optional) Apply a "closed-hand" cursor during drag operation. */
.cursor-grab:active {
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}

.slimScrollBar {
	width: 8px !important;
	right: 0 !important;
	background: #b5bbc3 !important;
	opacity: 1 !important;
}

.list-group-flush:first-child .list-group-item:first-child {
	border-top: 0;
}

.list-group-flush .list-group-item {
	border-right: 0;
	border-left: 0;
	border-radius: 0;
}

@keyframes badgeSlideIn{
	to{
		margin-left: 6px;
	}
	from{
		margin-left: -70px;
	}
}

@keyframes badgeSlideOut{
	to{
		margin-left: -70px;
	}
	from{
		margin-left: 6px;
	}
}

.warning-message {
	/*
	color: white;
	font-size: 14px;
	background-color: #FF5B57;
	border-radius: 5px;
  	border: 1px solid #dd4e4b;
  	*/
	padding: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 4px;
	margin-right: 4px;
  	display:inline-block;
}

.info-message {
	padding: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 4px;
	margin-right: 4px;
  	display:inline-block;
}

.control-menu-bar {
	position: absolute !important;
	right: 0%;
	bottom: 0%;
}

.control-menu-bar > a {
	margin: 0 !important;
}

.control-menu-bar .up-and-down-control {
	display: none;
	float: left;
	margin-right: 0px;
	margin-left: 5px;
	width: 16px
}

.bg-danger {
	background-color: #f2dede !important;
}

.bg-dark {
	background-color: #343a40 !important;
}

.border-danger {
	border-color: red !important;
}

.transport-schedule-pentagon:before {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  top: -14px;
  left: -2px;
  border-width: 0 7px 7px;
  border-style: solid;
  border-color: transparent transparent #d57aff;
  border-radius: 0px;
}

.select2-container .select2-selection--single, .select2-container--default .select2-selection--multiple {
	border-color: #ccd0d4 !important;
}

.tickets-container {
	height: calc(100vh - 270px);
	display: grid;
	grid-template-rows: 40px 50px 1fr;
	color: #eee;
	padding-top: 10px;
	/*background-color: #d4d4d4;*/
}

.ticket-lists {
	display: flex;
	overflow-x: auto;
	height: calc(100vh - 270px);
}

.ticket-lists > * {
	flex: 0 0 auto;
	margin-right: 10px;
}

.ticket-lists::after {
	content: '';
	flex: 0 0 10px;
}

.ticket-list {
	width: 315px;
	height: calc(100% - 10px - 17px);
}

.ticket-list > * {
	background-color: #2D343C;
	color: #333;
	padding: 0 10px;
}

.ticket-list header {
	line-height: 36px;
	font-size: 16px;
	font-weight: bold;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: white;
}

.ticket-list footer {
	line-height: 36px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #888;
}

.ticket-list ul {
	list-style: none;
	margin: 0;
	max-height: calc(100% - 36px - 36px);
	overflow-y: auto;
	min-height: 50px;
}

.ticket-list ul li {
	background-color: #fff;
	padding: 10px;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.ticket-list ul li:not(:last-child) {
	margin-bottom: 10px;
}

.ticket-list ul li img {
	display: block;
	width: calc(100% + 2 * 10px);
	margin: -10px 0 10px -10px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.greenButton {
	background-color: #28a745 !Important;
	border-color: #28a745 !Important ;
}

.highlightRowText td, .highlightRowText td *, .highlightText  {
	color: blue !important;
}

.highlightRowTextDanger td, .highlightRowTextDanger td *, .highlightTextDanger  {
	color: red !important;
}

.attachment-card {
	border: 1px solid #E3E3E3;
	border-radius: 4px;
	padding: 5px;
	margin-bottom: 10px;
	min-height: 130px;
}

.attachment-card table td {
	padding:5px;
	border-spacing:5px;
}

.attachment-icon {
	padding: 5px;
}

.clickable {
	cursor: pointer;
}

/** minimized section animation maintenance shop **/
.minimized-tag-card {
	float: left;
	margin: 0 10px 10px 0px !important;
	width: 315px;
	transition: 1s;
}

.minimized-tag-card header {
	border-radius: 5px;
	padding: 10px;
}

.d-none {
	display: none;
}

/*File manager rules*/
.clicked-element {
	background-color: #f4f5f9 !important;
}

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#file-manager-breadcrumb {
	z-index: 14;
    position: absolute;
    padding: 5px 0 0 13px;
}
#file-manager-breadcrumb > span {
	color: black;
}

.fm-menu, .fm-container-menu, .fm-folder-menu, .fm-file-menu{
	padding: 0 0 1px 0 !important;
	width: auto;
	height: auto;
	background-color: #FFFFFF;
	color: #333;
	border: 1px solid #aaa;
	box-shadow: 2px 2px 2px #999;
	border-radius: 0.2rem;
	list-style: none;
	position: fixed;
}

.fm-menu.off {
	top: -200%;
	left: -200%;
}

.fm-menu-item,
.fm-container-menu-item,
.fm-folder-menu-item,
.fm-file-menu-item {
	line-height: 31px;
	font-size: 14px;
	width:160px;
	padding:0 6px 0 6px;
	cursor: pointer;
	width: auto;
	height: auto;
	color: #475466;
}

.fm-menu-item:hover,
.fm-menu-item:active,
.fm-menu-item:hover,
.fm-menu-item:active,
.fm-container-menu-item:hover,
.fm-container-menu-item:active,
.fm-folder-menu-item:hover,
.fm-folder-menu-item:active,
.fm-file-menu-item:hover,
.fm-file-menu-item:active {
	background-color: #edeff5;
	color: #000;
}

.fm-hidden {
	display: none !important;
}

.fm-menu-item-disabled {
	cursor: auto;
    pointer-events: none !important;
    color: rgba(0, 0, 0, 0.38);
    opacity: 1;
}

.fm-item-action-cut {
	border: 2px dashed black;
    opacity: 0.8;
}

.file-manager-breadcrumb-link {
	color: black;
}

.fm-division-lines {
    margin: 0px;
    border: 0;
    opacity: 0.5;
    height: 1px;
    background: #ccc;
}

.fm-context-menu-icon {
	margin-right:5px ;
}

.fm-breadcrumb-active {
	color: #777 !important;
}

.no-wrap {
	white-space: nowrap;
}

.fm-grid-container {
	display: grid;
    grid-template-columns: repeat(5, 0.1fr);
    grid-row-gap: 30px;
    grid-column-gap: 30px;
    grid-auto-rows: 193px;
}

.fm-grids {
    height: 195px;
    text-align: center;
    overflow: hidden;
    background-color: rgba(0,0,0,0.1);
    border: 1px solid #ece5e5;
    border-radius: 9px;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
	margin-bottom: 15px;
}

.fm-preview-grid {
	height: 150px;
	padding: 60px 0 0px 0px;
}

.fm-gridded-image {
	transform: scale(1.5);
}

.fm-gridded-button {
	border: 0px;
    width: 100%;
    height: 45px;
    padding: 0 13px;
    text-align: left;
    position: relative;
    outline: none;
}

.fm-grid-cards-container {
    display: grid;
    grid-template-columns: repeat(1, 100%) !important;
    grid-auto-rows: 140px;
    grid-gap: 15px;
}

.fm-grids-cards{
    height: 140px;
    overflow: hidden;
    background-color: rgba(0,0,0,0.1);
    border: 1px solid #ece5e5;
    border-radius: 9px;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
    display: grid;
    grid-template-columns: 205px 2fr;
    grid-column-gap: 20px;
    margin-bottom: 17px;
}

.fm-gridded-cards-image {
    transform: scale(1.3);
    position: relative;
    top: 7px;
    left: 2.2px;
}

.fm-preview-grid-cards {
	padding: 4px 0px 0px 30px;
}

.fm-grid-icon-cards{
	font-size: 2em;
}
.fm-container-cards-gridded-image {
    font-size: 20px;
    text-align: center;
    transform: scale(1.4);
    position: relative;
    left: 11px;
    top: 25px;
    width: 130px;
    padding: 20px 5px 0 0;
    height: 80px;
    overflow: hidden;
    border-radius: 5px;
    background-color: #c4c4c478;
}

.fm-manager-container-cards-name-label{
    font-size: 14px;
    position: relative;
    top: 17px;
    display: grid;
    grid-template-rows: 25px 25px 25px;
}

.fm-header-box {
	display: grid;
	grid-template-columns: 65px 2fr 1fr;
	border-bottom: 1px solid #0000001c;
}

.fm-navigation-buttons{
	width: 62px;
}

.fm-header-box > .input-group-btn{
	display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  margin: 2px 0 0 0;
  width: max-content;
}

.fm-header-box > .input-group-btn > button{
	margin: 0 !important;
	border-radius: 4px !important;
	height: 30px;
}

.fm-header-box > div {
	padding: 10px 5px 5px 5px;
}

.fm-progress-bar > div {
	margin: 2px 0 0 0 !important;
	height: 30px;
}

.fm-box {
	padding: 15px;
	overflow: auto;
	height: 700px;
}

.bg-success {
	background-color: #c1e2b3 !important;
}

@media (max-width: 900px) {

	.fm-header-box{
		grid-template-columns: 65px 1fr !important;
		grid-template-areas: 'a b'
												 'c c';
	}

	.fm-navigation-buttons{
		grid-area: a;
	}

	.fm-progress-bar{
		grid-area: b;
	}
	.fm-header-box > .input-group-btn{
		grid-area: c;
		width: 100%;
		grid-gap: 1%;
	}
}
@media (max-width: 290px) {

	.fm-header-box > .input-group-btn{
		width: 100%;
		grid-gap: 1%;
		padding: 0 0 0 4px;
		grid-template-areas: 'a b'
												 'c c';
	}

	.fm-header-box > .input-group-btn > button:nth-child(0){
		grid-area: a;
	}

	.fm-header-box > .input-group-btn > button:nth-child(1){
		grid-area: b;
	}

	.fm-header-box > .input-group-btn > button:nth-child(2){
		grid-area: c;
	}

}




.inactive-appt-month {
	width: auto;
	height: auto;
	background-image: repeating-linear-gradient(140deg, #e8c907 37%, #e8c907 39.6%, rgba(0,0,0,0) 42%, rgba(0,0,0,0) 42.5%, rgba(0,0,0,0) 46%, #e8c907 48.9%, #e8c907 50.4%);
}

.inactive-appt-agendaWeek {
	width: auto;
	height: auto;
	background-image: repeating-linear-gradient(140deg, #e8c907 37%, #e8c907 39.6%, rgba(0,0,0,0) 42%, rgba(0,0,0,0) 42.5%, rgba(0,0,0,0) 46%, #e8c907 48.9%, #e8c907 50.4%);
}

.inactive-appt-listDay {
	background-image: repeating-linear-gradient(140deg, #e8c907 29%, rgba(0,0,0,0) 35%, rgba(0,0,0,0) 40%, #E8C908 47%, #e8c907 43%);
}

.inactive-appt-agendaDay {
	width: auto;
	height: auto;
	background-image: repeating-linear-gradient(140deg, #e8c907 29.8%, #d7d7d7 30%, #d7d7d7 32%, #e8c907 32.2%, #e8c907 33.5%) !important;
}

.gl-legend1  {
	position: relative;
	z-index: 9;
	background: #50c878;
	width:30px;
	height:30px;
	float: left;
	margin-right: 10px;
}

.gl-legend1:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 50%;
	right: 0;
	bottom: 0;
	left: 0;
	background: #ff5856;
}

.gl-legend2  {
	position: relative;
	z-index: 9;
	background: #199141;
	width:30px;
	height:30px;
	float: left;
	margin-right: 10px;
}

.gl-legend2:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 50%;
	right: 0;
	bottom: 0;
	left: 0;
	background: #bf2c2a;
}

.no-li-bullet {
	list-style-type: none;
}

.notification-message-active {
	background-color: rgba(29, 161, 242, 0.1)
}

#appMessageInboxContainer{
	min-width: 200px;
    overflow: hidden;
}

.app-message-inbox {
	min-width: 600px;
	height: 600px;
	background-color: #f6f6f669;
	display: grid;
	grid-template-columns: 310px 1fr;
}

.preview-app-message {
	position: relative;
	overflow: auto;
	height: 600px;
	background-color: #f5f5f5;
}

.app-inbox-list-message,
.app-inbox-list-no-message {
	overflow: hidden;
	outline: none;
	width: 100%;
	height: 80px;
	cursor: pointer;
	background-color: whitesmoke;
	border: 1px solid #d9d9d98c;
	padding: 15px;
}

.app-inbox-list-message:hover {
	background-color: #efefef;
}

.app-inbox-list-active-message,
.app-inbox-list-message:active,
.app-inbox-list-message:focus {
	background-color: #dbdbdb;
}

.app-inbox-list-new-message {
	background-color: #f2ead0d4;
}

.app-message-list-header {
	display: grid;
	text-overflow: ellipsis;
	grid-template-columns: 1fr 1fr;
}

.app-message-inbox-viewer-subject-info {
	display: grid;
	grid-template-columns: 3fr 1fr;
	grid-gap: 20px;

}

.app-message-inbox-viewer-ack-btn-container {
	text-align: right;
	margin: 7px 0 0 0;
}

.app-message-list-date {
	color: #939090eb;
	font-size: 11px;
	text-align: right;
	margin: 0 0 0 -1px;
}

.app-message-list-title {
	text-align: left;
}

.app-inbox-list-new-message >
.app-inbox-list-message-grid >
.app-message-list-btn-header>
.app-message-list-header >
.app-message-list-title {
	font-weight: bold;
}

.app-inbox-list-new-message >
.app-inbox-list-message-grid >
.app-message-list-btn-header>
.app-message-text-preview {
	font-weight: bold;
	color: #348fe2;
}

.app-message-inbox-viewer {
	width: 100%;
	height: 100%;
	overflow-y: auto;
}

.app-message-inbox-viewer-bar {
	width: 100%;
	background-color: #edecec;
}

.app-message-text-preview {
	height: 20px;
	overflow: hidden;
	margin: 10px 0 0 0;
	text-align: left;
}

.app-message-inbox-viewer-elements {
	padding: 15px;
}

.app-message-inbox-viewer-details {
	padding: 15px;
	min-height: 533px;
	background-color: white;
}

.app-message-inbox-viewer-text {
	font-size: 16px;
	min-height: 22px;
	overflow: hidden;
	margin: 10px 0 0 0;
	font-weight: 600;
}

.recorder-section-container {
	width: 60px;
	display: grid;
	grid-template-columns:  60px 110px;
	overflow: hidden;
	height: 30px;
	font-family: 'Montserrat', sans-serif;
	float: right;
	margin: 4px 0 0 0 ;
}

.recording-div {
	font-size: 10px;
	width: 99%;
	overflow: hidden;
}

.recording-container{
	width: 115px;
}

.recording-red-circle {
	width: 17px;
	height: 17px;
	border-radius: 20px;
	position: relative;
	top: -6px;
	left: 73px;
	transform: scale(1);
	animation: expandRecorderBtn 2s infinite;
}

.recording-timer{
	position: relative;
	left: 23px;
	top: 4px;
}

.recording-label{
	position: relative;
	top: 15px;
	left: -15px;
}

.recorder-buttons-container{
	width: 27px;
	border-radius: 21px;
	display: grid;
    grid-template-columns: 29px 29px 3px;
	margin: 0px -5px 0 0px;
}

.recorder-buttons {
	height: 25px;
	border: 0;
	border-radius: 40px;
	font-size: 15px;
	outline: none !important;
	position: relative;
	cursor: pointer;
	top: 2px;
	left: 1.5px;
}

.recorder-play-stop-button {
	width: 91%;
	padding: 0.1px 0px 0px 0px;
}

.recorder-cancel-button {
	border-radius: 17px  !important;
	width: 25px !important;
	transform: scale(0.8);
	padding: 0 0px 1px 0.8px;
	position: relative;
	left: 30px;
}

@keyframes slideRecorder{
	from{
		width: 60px;
	}
	to{
		width: 145px;
	}
}

@keyframes slideInvertRecorder{
	from{
		width: 145px;
	}
	to{
		width: 60px;
	}
}

@keyframes slideCanceledRecorder{
	from{
		left: 30px;
	}
	to{
		left: 4px;
	}
}

@keyframes slideCanceledInvertRecorder{
	from{
		left: 4px;
	}
	to{
		left: 30px;
	}
}

@keyframes expandRecorderBtn{
	0%{
		transform: scale(1);
		opacity: 0.9;
	}
	50%{
		transform: scale(1.1);
		opacity: 0.4;

	}
	100%{
		transform: scale(1);
		opacity: 0.9;
	}
}

.inbox-back-to-message-btn{
	display: none;
	height: 45px;
	color: #a9a9a969 !important;
	background-color: #ffffff00 !important;
	border: 0px;
	padding: 0px 3px 0px 0px;
	position: absolute;
	top: 249px;
	font-size: 30px;
	left: 13px;
	text-align: right;
	border-radius: 0 5px 5px 0;
	z-index: 1;
	outline: none;
}


@media (max-width : 850px)  {
	.app-message-inbox{
		min-width: 200px;
		overflow: hidden;
		display: block;
	}
	.preview-app-message{
		overflow-x: hidden;
		z-index: 10;
	}
	.app-message-inbox-viewer{
		margin: -600px 0 0 0;
	}
	.app-message-list-header{
		grid-template-columns: 0.8fr 1fr
	}
}

.min-characters-length {
	min-width: 100px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.td-min-characters-length {
	max-width: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

th[data-sort] {
	cursor: pointer !important;
}

.haz-waste-bottom-margin {
	margin-bottom: 20px !important;
}

.red-point {
	background-color: red;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	display: inline-block;
}

#transaction-services-grid > thead > tr > th,
#transaction-services-grid > tbody > tr > th,
#transaction-services-grid > tfoot > tr > th,
#transaction-services-grid > thead > tr > td,
#transaction-services-grid > tbody > tr > td,
#transaction-services-grid > tfoot > tr > td{
    padding: 7px;
}

.flipped {
	transform: scaleX(-1) !important;
}

.danger-color {
	color: #f1c641;
}

a.danger-color:active,
a.danger-color:hover {
	color: #efdd6b !important;
	cursor: default;
}

.grid-images-container-pi {
	display: grid;
	grid-template-areas:'a a a';
	grid-template-columns: 1fr;
	grid-template-rows: 250px;
	grid-column-gap: 10px;
	grid-row-gap: 10px;
}

.grid-image-container-pi {
	border: 1px solid #ccd0d4;
  overflow: hidden;
  padding: 10px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #e5e9ed;
  display: grid;
  grid-template-columns: 1px minmax(27px, 5fr) 1px;
  grid-template-rows: 228px;
}

.grid-image-container-pi:hover{
	opacity: 0.8;
}

.grid-image-container-pi > * {
	grid-column-start: 2;
  grid-row-start: 1;
}

.grid-image-tools{
	text-align: center;
  cursor: pointer;
  font-size: 1.8vw;
  color: black;
  display: none;
  height: 25px;
  width: 100%;
  margin: 15px 0px 0 0;
}

.tree-container {
	display: grid;
	max-height: 500px;
	max-width: 100%;
}

.tree-content {
	display: grid;
	max-height: 400px;
	max-width: 100%;
	height: auto;
	overflow: auto;
}

.tree-ul {
	padding-left: 0px;
}

.tree-trunk {
	list-style-type: none;
	border-left: none;
	padding-left: 10px;
}

.tree-branch {
	list-style-type: none;
	border-left: 2px dotted #000;
}

.tree-branch li{
	line-height: 30px;
	margin: 3px 0 3px 3px;
}

.tree-caret-down {
	margin-left: -5px;
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none;
}

.tree-caret-down::before {
	content: "\25B6";
	color: black;
	display: inline-block;
	margin-right: 6px;
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Safari */
	transform: rotate(90deg);
}

.tree-caret::before {
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Safari */
	transform: rotate(0deg);
}

.nested {
	display: none;
}

.tree-ul-active {
	display: block;
}

.tree-selected-row {
	font-weight: bold !important;
}

.tree-item {
	cursor: pointer;
	border-radius: 4px;
	padding-left: 10px;
	margin: 3px 0 0 0;
}

.tree-item:hover {
	background-color: #f1f1f1;
}

.btn-group-custom button {
	color: #242a30;
	border-color: #bfbfbf !important;
	white-space: nowrap;
}

.tree-multiple-selected-row {
	background-color: #8fec96;
	font-weight: bold !important;
}

.tree-multiple-selected-row:hover{
	background-color: #8fec96 !important;
}

.tree-multiple-dismissed-row {
	background-color: #f87c7c;
	font-weight: bold !important;
}

.tree-multiple-dismissed-row:hover{
	background-color: #f87c7c !important;
}

.tree-container-legend {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	/*grid-template-rows: 50px auto;*/
}

.tree-multiple-move-row,
.tree-multiple-move-row:hover{
	background-color: #f8f27c !important;
}

.tree-item-drag-over {
	background-color: #f1f1f1;
}

/* Fix error with select2 allow clear option */
.select2-selection__clear {
	width: 20px;
	position: relative;
}

/*   tree view styles   */
.tree-view-container{
	  display: grid;
    max-height: 400px;
    max-width: 100%;
    height: auto;
    overflow: auto;
}

.tv-item-container{
	margin: 5px 0px 0px 0;
	display: grid;
	min-height: 30px;
	grid-template-areas: "a a"
											 "c b";
	grid-template-columns: 17px auto;
	grid-template-rows: 30px auto;
}

.tv-item{
  z-index: 1;
  padding: 5px;
  grid-area: a;
	display: grid;
 	cursor: pointer;
  text-align: center;
	background-color: #eaeaea;
	border-radius: 3px 0 0 3px;
 	grid-template-columns: 20px 1fr;
}

.tv-item:hover{
	background-color: #f5efb28a;
}

.tv-item > *{
	margin: 0;
	padding: 0;
}

.tv-item > p{
	text-align: left;
  white-space: nowrap;
}

.tv-item > i{
	margin: 0;
  padding: 2px 0 0 0;
}

.tv-item-children{
	grid-area: b;
	display: none;
	padding: 0 0 0 16px;
}

.tv-container-trails-vertical{
    width: 100%;
    height: 0;
    display: grid;
    grid-area: c;
    grid-template-rows: 1fr minmax(0, 15px);
}
.tv-item-trails-vertical{
	width: 100%;
	height: auto;
	grid-column-start: auto;
}

.tv-item-trails-vertical-dotted{
	border-right: 2px dotted grey !important;
}

.tv-item-trails-vertical-dashed{
	border-right: 2px dashed grey !important;
}

.tv-item-trails-vertical-line{
	border-right: 2px solid grey !important;
}

.tv-item-trails-horizontal{
    margin: 8px 0px 0 -19px;
    display: block;
    position: relative;
}

.tv-item-trails-horizontal-dotted{
	border-top: 2px dotted grey !important;
}

.tv-item-trails-horizontal-dashed{
	width: 14px !important;
	border-top: 2px dashed grey !important;
}

.tv-item-trails-horizontal-line{
	border-top: 2px solid grey !important;
}

.tv-item-children > .tv-item-container > .tv-item {
	grid-template-columns: 5px 20px 1fr;
}
.tv-no-items{
  padding: 5px;
	display: block;
	height: 30px;
  margin: 5px 0 0 0;
  text-align: center;
	background-color: #eaeaea;
}
.tv-loading-items{
  padding: 5px;
	display: block;
	height: 30px;
  margin: 5px 0 0 0;
  text-align: center;
	background-color: #eaeaea;
}
.tv-centered-loading-items{
		margin: 0 !important;
		float: none !important;
}
.tv-container-loading{
    padding: 0 0 0 15px;
    margin: -10px 0 0 0;
    position: relative;
    float: left;
}
.tv-container-loading > div{
    width: 8px;
    height: 8px;
    color: #707478;
    font-size: 120px;
    border-radius: 15px;
    display: inline-block;

}
.tv-circle-loading{
    position: relative;
    animation: tv-loading 1s infinite;
}
.tv-circle-loading:nth-child(2) {
  animation-delay: 0.1s;
}
.tv-circle-loading:nth-child(3) {
  animation-delay: 0.2s;
}

@keyframes tv-loading {
    0%{ top: 0px;background-color: white;}
    20%{top: -4px;}
    40%{top: 0px;background-color: lightgray;}
    60%{top: -4px;}
    100%{top: 0px;background-color: white;}
}

.tv-multiple-item-selected {
	background-color: #a5eea0;
	font-weight: bold !important;
}

.tv-multiple-item-selected:hover {
	background-color: #cfffca;
}

.tv-multiple-item-dismissed {
	background-color: #f5ada3;
	font-weight: bold !important;
}
.tv-multiple-item-dismissed:hover {
	background-color: #ffbfb0;
}

.demurrage-red-days {
	background-color: #FF5B57 !important;
	color: #dbdbdb !important;
}

.demurrage-orange-days {
	background-color: #EAB374 !important;
	color: #000000 !important;
}

.demurrage-green-days {
	background-color: #B8F496 !important;
	color: #000000 !important;
}

.has-error .select2-selection--multiple, .has-error .select2-container--default {
	border-color: #ff5b57 !important;
}

.label-error {
	color: #ff5b57 !important;
}

.th-datasort-disabled {
	color: #dbdbdb;
}

.coaApproved > td {
	background-color: #50C878 !important;
	color: black !important;
}

.coaApproved > td  a{
	color: black !important;
	text-decoration: underline;
}

.coaFailed > td {
	background-color: #FF5856 !important;
	color: black !important;
}

.coaFailed > td a {
	color: black ;
	text-decoration: underline;
}

.coaNotFinished > td {
	background-color: #f0f3f5 !important;
	color: black !important;
}

.coaNotFinished > td a {
	color: black ;
	text-decoration: underline;
}

.well-grey {
	background: #ececec;
}

a.disabled-module-button {
	color: #c5c5c5 !important;
    background-color: #ebe7e7 !important;
	pointer-events: none;
	cursor: default;
}

.refinery-schedule-order-due-past {
    background-color: #ff0000 !important;
    color: #ffff00 !important;
}

.refinery-schedule-order-to-be-due {
    background-color: #ffff00 !important;
    color: #000000 !important;
}

.well-grey {
	background: #ececec;
}

a.disabled-module-button {
	color: #c5c5c5 !important;
    background-color: #ebe7e7 !important;
	pointer-events: none;
	cursor: default;
}

.refinery-schedule-order-due-past {
    background-color: #ff0000 !important;
    color: #ffff00 !important;
}

.refinery-schedule-order-to-be-due {
    background-color: #ffff00 !important;
    color: #000000 !important;
}

.pre-line {
	white-space: pre-line;
}

a.disabled-module-button {
	color: #c5c5c5 !important;
    background-color: #ebe7e7 !important;
	pointer-events: none;
	cursor: default;
}

.refinery-schedule-order-due-past {
    background-color: #ff0000 !important;
    color: #ffff00 !important;
}

.refinery-schedule-order-to-be-due {
    background-color: #ffff00 !important;
    color: #000000 !important;
}

#workflowDiv .btn[disabled] {
	opacity: 0.2
}

.transport-switch-container {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.transport-switch-container label {
	margin-right: 10px;
}

.btn-flexible {
	margin-bottom:10px !important;
	white-space: normal !important;
}

.nav > li > a {
    color: #e3e3e3;
}

.table-striped-double > tbody > tr:nth-child(4n+1) > td,
.table-striped-double > tbody > tr:nth-child(4n+2) > td {
    background-color: #f0f3f5;
}

.table-striped-double > tbody > tr:nth-child(4n+3) > td,
.table-striped-double > tbody > tr:nth-child(4n+4) > td {
    background-color: #ffffff;
}

.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}

.free-time-slot-agendaDay {
	opacity:1 !important;
	width: auto;
	height: auto;
	background-image: repeating-linear-gradient(140deg, #ffffff 29.8%, #ffffff 30%, #ffffff 32%, #ffffff 32.2%, #ffffff 33.5%) !important;
}

.grid-image-cb {
	height: 120px !important;
	border: 1px solid #ccd0d4;
  overflow: hidden;
  padding: 10px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #e5e9ed;
  display: grid;
  grid-template-columns: 1px minmax(27px, 5fr) 1px;
  grid-template-rows: 228px;
}
.grid-image-cb > * {
	grid-column-start: 2;
  grid-row-start: 1;
}

.highlight-cc-audit-txn-card {
    box-shadow: 0 0 15px rgba(255, 193, 7, 0.8) !important;
    border: 2px solid #ffc107 !important;
    transition: all 0.3s ease;
}

.cc-audit-txn-card {
    transition: all 0.3s ease; /* Agregar esta línea para transición suave al remover la clase */
}

.button-checked {
	box-shadow: inset 0 4px 12px rgba(0, 0, 0, 0.35);
	background-color: #e0e0e0;
	border-color: #888;
	color: #222;
	transition: all 0.2s ease;
}

.yellow-row {
  background-color: yellow !important;
}