/***************************** CHAT PANEL STYLES *****************************/
.chat-panel {
    background-color: transparent !important;
    border-radius: 2px;
}

.chat-panel > .ui-panel-content {
    padding: 1em 1em !important;
    background-color: white !important;
}

.chat-panel > .ui-panel-titlebar {
    border-radius: 0 !important;
}

.chat-panel-right::before {
	top: -2.5px !important;
}

.chat-panel-left::before {
	top: -2.5px !important;
}

.chat-panel-right > .ui-panel-titlebar {
	text-align: right !important;
	background-color: #c2aaa0 !important;
	border: 2px solid #c2aaa0 !important;
}

.chat-panel-left > .ui-panel-titlebar {
	text-align: left !important;
	background-color: #ffc096 !important;
	border: 2px solid #ffc096 !important;
}

.card-chat-left {
	font-size: 0.8em !important;
	position: relative; 
	background: #ffc096;
	border-radius: .4em;
}

.card-chat-right {
	font-size: 0.8em !important;
	position: relative; 
	background: #c2aaa0;
	border-radius: .4em;
	text-align:right;
}

.card.chat-panel > .ui-panel-titlebar {
    font-size: 0.7rem;
    padding: 6px 10px 6px !important;
}

.card.card-chat-right > .ui-panel-titlebar {
	background-color: #ffc096 !important;
}

.card.card-chat-left > .ui-panel-titlebar {
	background-color: #c2aaa0 !important;
}

.card-chat-left:after, .card-chat-right:after {
	content: '';
	position: absolute;
	top: 0;
	width: 4px;
	height: 1px;
	border: 16px solid transparent;
	border-left: 0;
}

.chat-panel-right.card-chat-left:after, .chat-panel-left.card-chat-left:after {
	left: 0;
	margin-left: -20px;
}

.chat-panel-right.card-chat-left:after {
	border-right-color: #c2aaa0;
}

.chat-panel-left.card-chat-left:after {
	border-right-color: #ffc096;
}


.chat-panel-left.card-chat-right:after, .chat-panel-right.card-chat-right:after {
	right: 0;
	margin-right: -20px;
	transform: rotate(180deg);
}

.chat-panel-left.card-chat-right:after {
	border-right-color: #ffc096;
}

.chat-panel-right.card-chat-right:after {
	border-right-color: #c2aaa0;
}

.card.chat-panel .ui-widget-header .ui-panel-title {
	padding-bottom: 0px;
}

.card-chat-right > .ui-panel-titlebar > span.ui-panel-title {
	float:right !important;
}

.chat-panel img {
	vertical-align: middle;
}

/**   END CHAT ***/

.output-multiline {
 white-space:pre-wrap
}

.timeline-event-red {
 color:red
}
.timeline-event-yellow {
 color:yellow !important
}
.timeline-event-blue {
 color:blue
}
.timeline-event-hidden {
 visibility:hidden
}
div.aqua {
 background:cyan none !important
}
div.light-steel-blue {
 background:#B0C4DE none !important
}
.timeline-event.timeline-event-range {
 border-radius:0px !important
}
.timeline-content {
 height:inherit !important
}
.timeline-event-content {
 margin:0px !important;
 padding:0px !important
}
.tfRestrictionPlanner .timeline-event-content {
 margin:0px !important;
 padding:3px !important
}
.tfRestrictionPlanner .timeline-event {
 border:none !important;
 border-radius:4px !important;
 font-size:smaller !important
}
.ui-state-active>.timeline-event-content {
 color:#FFFFFF !important;
 background-color:#F56A0B !important;
 opacity:0.5
}
.timeline-event.ui-state-default,
.tfRestrictionPlanner .timeline-event.ui-state-default {
 background:none
}
.timeline-event {
 padding:2px 5px 2px 0;
 margin-left:0px !important
}
.timeline-event.striped-background {
 border-color:#ffc096 !important;
 background-size:1em auto !important;
 background-image:linear-gradient(to left top, transparent 40%, #ffc096 50%, #ffc096 50%, transparent 55%) !important;
 background-color:transparent !important;
 color:#963c00  !important
}
.timeline-event.workAreaEvent-background {
 color:#85020D !important;
 background:linear-gradient(135deg, #fff 25%, transparent 25%) -20px 0,linear-gradient(225deg, #fff 25%, transparent 25%) -20px 0,linear-gradient(315deg, #fff 25%, transparent 25%),linear-gradient(45deg, #fff 25%, transparent 25%);
 background-size:8px 8px;
 background-color:#97CCB7
}
.timeline-event.workAreaEventPrioritary-background {
 color:#85020D !important;
 background:linear-gradient(135deg, #fff 25%, transparent 25%) -20px 0,linear-gradient(225deg, #fff 25%, transparent 25%) -20px 0,linear-gradient(315deg, #fff 25%, transparent 25%),linear-gradient(45deg, #fff 25%, transparent 25%);
 background-size:8px 8px;
 background-color:#ff8040
}
div.sharingGreenEvent {
 padding:5px 0 5px 0;
 text-shadow:none;
 background:#1AA11A none !important;
 border-color:#136e13 !important
}
div.sharingGreenEvent.timeline-event {
 color:white !important;
 border-radius:5px !important;
 margin-left:0px
}
div.sharingOrangeEvent {
 padding:5px 0 5px 0;
 text-shadow:none;
 background:#FFA500 none !important;
 border-color:#cc8100 !important
}
div.sharingOrangeEvent.timeline-event {
 color:white !important;
 border-radius:5px !important;
 margin-left:0px
}

.darkorange,
.darkorange td,
.aui .darkorange {
 background-color:#df8a13 !important
}

.white {
 color:#777;
 border:1px solid #DDD;
 background:#FFF
}
.statusHotel.red {
 text-decoration:line-through
}
.pull-left {
 margin-left:1em
}


.background-red,
table tbody .background-red-cell {
 background:#F0644D !important;
 color:#FFF !important
}
.color-text-red-cell,
.color-text-red-cell a {
 color:#F0644D;
 font-weight:bold
}



.exporter .ui-menuitem:hover a {
 color:white;
 font-weight:bold
}
.accessCalendarSchedule .fc-event-container {
 font-size:1.3em !important;
 cursor:pointer
}
.accessCalendarSchedule .fc-day {
 cursor:pointer
}
.safetyBriefingSessionSchedule .fc-event-container {
 cursor:pointer;
 font-size:1.3em !important
}
.safetyBriefingSessionSchedule .fc-day-grid-event>.fc-content {
 white-space:normal !important
}
.ui-pgm-notifications tr td {
 width:50%;
 text-align:center;
 vertical-align:top
}
.ui-pgm-downtime {
 color:white;
 padding:8px 15px;
 text-align:center;
 font-weight:bold;
 font-family:arial
}
.product-outOfDatesRange {
 color:blue;
 font-style:italic
}
.product-autoInclude {
 font-weight:bold
}
hr.dashed-separator {
 border-top:4px dotted #dddddd !important;
 border-bottom:none !important;
 border-right:none !important;
 border-left:none !important
}
.badge {
 background-color:#fff;
 border-radius:10px;
 color:#000;
 display:inline-block;
 font-size:9px;
 font-weight:bold;
 line-height:1;
 margin-left:10px;
 min-width:0;
 padding:3px 7px;
 text-align:center;
 vertical-align:baseline;
 white-space:nowrap
}

.bookingStatusTaskTitle {
 font-size:1.2em !important;
 font-weight:bold
}

.workArea-available>.timeline-event-content {
 color:red !important
}
.contactClockingInputSwitch {
 margin-left:1em;
 margin-bottom:-1.3em;
 width:340px !important;
 height:30px !important
}
.contactClockingInputSwitch .ui-inputswitch-off {
 width:170px !important;
 height:30px !important;
 background:#87695B
}
.contactClockingInputSwitch .ui-inputswitch-off span {
 width:170px !important;
 color:white;
 font-size:large !important;
 letter-spacing:2px !important
}
.contactClockingInputSwitch .ui-inputswitch-on {
 width:170px !important;
 height:30px !important;
 background:#85D0E7
}
.contactClockingInputSwitch .ui-inputswitch-on span {
 width:170px !important;
 color:#4F5C6A;
 font-size:large !important;
 letter-spacing:2px !important
}
.contactClockingInputSwitch .ui-inputswitch-handle {
 width:173px !important;
 height:30px
}
.ui-uppercase {
 text-transform:uppercase
}
.input-purple input {
 background-color:#A87BD1 !important;
 color:white !important
}
.input-orange input {
 background-color:#fc6500 !important;
 color:white !important
}
.input-green input {
 background-color:#59B86E !important;
 color:white !important
}
.header-title-purple span {
 color:#A87BD1 !important
}
.header-title-orange span {
 color:#fc6500 !important
}
.header-title-green span {
 color:#59B86E !important
}
.header-title-brown span {
 color:#ab8f82 !important
}
.header-title-pink span {
 color:#E82386 !important
}
.link-orange-bold {
 color:#FC6500 !important;
 font-weight:bold !important
}
.link-orange {
 color:#FC6500 !important
}
.ui-dialog .ui-dialog-title {

    float: left !important;
    margin: .3em 16px .1em 0;

}

.dataTableRowBackground {
 background:#e2efe2 !important;

}

.breadcrumb-form {
	float: right;
}

.col-xxl {

    width: 35.5em;
    min-width: 3.5em;

}
	.pe-blockui, .ui-blockui-content, .ui-dialog.blockUI .ui-dialog-content, .ui-dialog.blockUI .ui-dialog-titlebar, .ui-dialog.blockUI {
		border: none !important;
		background: transparent !important;
		box-shadow: none !important;
	}
	
	.fc-event, .fc-event:hover, .ui-widget .fc-event{
		color:black !important;
		text-decoration: none !important;
		align-content: center !important;
	}
	
	#topbar-profile-menu-button-location {
				float: right;
				top: 0;
				padding: 7px 8px 0 12px;
			}

			#topbar-profile-menu-button-location {
			position:absolute;
			right:300px;
			float:right;
			top:0;
			padding:7px 8px 0 12px
			}
		
			#topbar-profile-menu-button-location span {
			display:inline-block;
			vertical-align:middle;
			font-size:14px;
			text-align:left;
			margin-left:4px;
			color:#fff
			}
			#topbar-profile-menu-button-location:hover {
			
			}

			#topbar-profile-menu-button-location .ui-selectonemenu .ui-selectonemenu-label {
				width: 100%;
				border: none;
				display: block;
				cursor: pointer;
				text-align: left;
				overflow: hidden;
				margin-bottom: 0px;
				white-space: nowrap;
				font-weight: normal;   
				color:white !important; 
				background-color: transparent !important;
}
			#topbar-profile-menu-button-location .ui-selectonemenu .ui-selectonemenu-label {
							width: 100%;
							border: none;
							display: block;
							cursor: pointer;
							text-align: left;
							overflow: hidden;
							margin-bottom: 0px;
							white-space: nowrap;
							font-weight: normal;   
							color:white !important; 
							background-color: transparent !important;
			}

			#topbar-profile-menu-button-location .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield.ui-corner-all {
				text-overflow: ellipsis;
			}
			#topbar-profile-menu-button-location .ui-selectonemenu .ui-selectonemenu-trigger{
				background-color: transparent !important;
			}
			
			.bookingVigente{
				background-color:  #b8ecaa  !important;
			}
			
			.bookingNoVigente{
				background-color:  #ecaaaa  !important;
			}

			.alert-info-lendings{
			    color: #fff;
			    background-color: #8bc67f;
			}
			.logo-container {
			    background-color: transparent !Important;
			}

			.myButton {
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	background-color:#ffc477;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}
.myButton:hover {
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	background-color:#fb9e25;
}
.myButton:active {
	position:relative;
	top:1px;
}
	
			
			label {
	white-space: normal !important;
}


.statusConfirmed {
	background-color: #606060 !important;
}

.statusPending{
	background-color: #ff8000 !important;
}

.statusPartialExclusive{
	background-color: #A9A9A9 !important;
}
.statusSharedFilming{
	background-color: #4db8ff !important;
}

.statusTransparent{
	background-color: transparent !important;
	border-style: none;
}