/*-------------------------------- General Styles  --------------------------------*/
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;
}

.aui hr {
    margin: 0px;
}

.accordion-panel-open {
  overflow: hidden;
}

.inputfield-date > .ui-inputfield[readOnly] {
    opacity: 1 !important;
    cursor: pointer !important;
    background:  white !important;
}

.inputfield-date > .ui-state-disabled.ui-inputfield[readOnly] {
    opacity: 0.6 !important;
    cursor: pointer !important;
	background:  white !important;
}

.width-4 .ui-inputfield[readonly] {
    opacity: 1 !important;
    cursor: pointer !important;
    background:  white !important;
}

/***************************** CHAT PANEL STYLES *****************************/
.chat-panel {
    background-color: transparent;
    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);
}

 .ui-widget-content  {
    border-style: none;
	background: #ffffff;
    color: #333333;
}

.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 ***/

/*-------------------------------- Ajax loading  --------------------------------*/
/* Displays the ajax-loading in the middle of the screen */
.blockUI {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	left: 50% !important;
	top: 50% !important;
	position: fixed !important;
	transform: translate(-50%, -50%);
	z-index: 1054 !important;
}

/*-------------------------------- Buttons --------------------------------*/
/* Masterdetail buttons */
button.arrow:hover {
    background: #FC6500 !important;
    color: #FFFFFF  !important;
}

button.arrow > span.ui-button-text{
	line-height: 34px;
}

button.arrow-last {
	border-top-right-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
}

button.arrow-first {
	border-top-left-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
}

button.draft {
	width: auto !important;
	color: #FFFFFF !important;
	padding: 1px 3px;
	background: linear-gradient(to top, #7b5c4e 0%, #ab8f82 100%) repeat scroll 0 0 #ab8f82 !important;
	border-color: #ab8f82 !important;
	float:left; 
}

button.draft > .fa {
	height:auto;
	width:auto;
    font-size: 1.25em;
    text-shadow: none;
}

/* Move to web theme fix bug */
.btn-selectone-default > .ui-state-hover > .ui-button-text {
	color: #fff !important;
}

/* Fix some conflicts with liferay 6.1 theme */
button.btn {
	 text-shadow: none !important;
}

button.btn-danger:hover, button.btn-info:hover, button.btn-success:hover, 
button.btn-idiada:hover, button.btn-warning:hover, button.btn-primary:hover {
    border-color: none !important;
    color: #fff !important;
}

button.btn-danger:focus, button.btn-info:focus, button.btn-success:focus, 
button.btn-idiada:focus, button.btn-warning:focus, button.btn-primary:focus {
    border-color: none !important;
    color: #fff !important;
}

button.btn-default:hover {
  background-color: #e6e6e6 !important;
  border:1px solid #adadad !important;
  color: #333 !important;
}

.buttonServices {
	width:90%;	
}

.buttonServices > .ui-button-text{
	text-align:left;
	font-weight:bolder;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #777;
  border-radius: 10px;
}

.btn-primary .badge, .btn-idiada .badge {
  color: #337ab7;
  background-color: #fff;
}

.filterBoxTypeButton > .ui-button{
	width:150px;
}

.navBtn {
    width: 1%;  
}

.navBtn > .arrow {
    width: 89%;
    outline: 0;
    border-radius:0;
}

.navBtn .arrow-first {
    border-top-left-radius: 0.5em !important;
    border-bottom-left-radius: 0.5em !important;
    margin-left: 0px !important;
    width: calc(89% + 10px);
}

.navBtn .arrow-last {
    border-top-right-radius: 0.5em !important;
    border-bottom-right-radius: 0.5em !important;
    margin-right: 0px !important;
    width: calc(89% + 10px);
}

.navBtn .arrow>.fa {
    height: auto;
    width: auto;
    font-size: 2.25em;
    text-shadow: none;
    left: 0.4em;
    margin-top: -10px;
	top: 30% !important;
}

.btn.btn-idiada.btn-next > .fa {
	padding-left: 4.5em;
}

.btn.btn-idiada.btn-next > .ui-button-text {
	padding: 0.3em 2.1em 0.3em 1em;
}

/* Documents icons */
.fa-file-pdf-o {
	color:#FF0055;
}

.fa-file-excel-o {
	color:green;
}

.btn-show {
    border: medium none !important;
    color: #fc6500 !important;
    font-size: 1em !important;
}

.btn-hide {
    border: medium none !important;
    color: #fc6500 !important;
    font-size: 1em !important;
}
/* Some dialogs new Features */
.dialog-md {
	min-width:700px;
}

.ui-dialog {
	border-radius:6px !important;
}

/* Allow to define confirm dialog with any font awesome icon */
.idiada-confirm-dialog .ui-dialog-content > .fa {
    height: 30px !important;
    width: 50px !important;
}

.idiada-confirm-dialog > .ui-dialog-content > .fa::before {
    margin-left: 5px !important;
    margin-top: 5px !important;
}


/*-------------------------------- Tables --------------------------------*/
.idiada-dt-hide-theader > div > table > thead {
	display:none;
}

.idiada-dt-hide-theader > div > table > tbody > tr {
	border-color: orange;
}

.col-xs > div > div {
	width:4.0em !important;
}

.col-md > div > div {
	width:9.0em !important;
}

.col-lg > div > div {
	width:14em !important;
}

.col-xl > div > div {
	width:24em !important;
}

/* Special cases in services list and booking list */
.col-service-state {
	width:16em;
}

.col-service-state > div > div {
	width:15.5em !important;
}

.col-lg > div > div {
	width:14.0em !important;
}

.col-xl > div > div {
	width:25.0em !important;
}

.col-date-time{
	width:9.5em;
}

.col-padding-bottom {
	padding-bottom: 0.6em;
}

/* Set green the first preference */
.datatable-draggable-row {
	cursor: move !important;
}
.ui-datatable-empty-message {
	color: #FC6500 !important;
	font-weight: bold;
}

/* Dissable highlight in non selection datatable */
.datatable-summary .ui-datatable-even:hover {
    background: transparent none repeat scroll 0 0 !important;
    color: #676767 !important;
}

.datatable-summary .ui-datatable-odd:hover {
    background: #edf5ff none repeat scroll 0 0 !important;
    color: #676767 !important;
}

/*-------------------------------- Inputs --------------------------------*/
/*  Group Combo  */
.ui-selectonemenu-item-group, .ui-autocomplete-group {
    background: #ECD8C4;
    text-align: center !important;
}

.ui-chkbox .ui-chkbox-box {
    margin-bottom: 1px;
    margin-top: 3px;
}
.ui-comboStyle {
	width:118.5pt !important;
}
.width-fuel-type-ckb {
	width: 3.6% !important;	
}

.width-fuel-type-label-ckb {
	font-weight: bold;
	width: 36.5%;
}

.width-fuel-type-label {
    width: 20.5%;
}

.width-1 > .ui-inputfield.inputfield-number, .width-2 > .ui-inputfield.inputfield-number, .width-3 > .ui-inputfield.inputfield-number, 
.width-4 > .ui-inputfield.inputfield-number, .width-5 > .ui-inputfield.inputfield-number, .width-6 > .ui-inputfield.inputfield-number, 
.width-7 > .ui-inputfield.inputfield-number, .width-8 > .ui-inputfield.inputfield-number, .width-9 > .ui-inputfield.inputfield-number, 
.width-10 > .ui-inputfield.inputfield-number, .width-11 > .ui-inputfield.inputfield-number, .width-12 > .ui-inputfield.inputfield-number {
  padding-left: 0.3em;
  width: 5em !important; 
  text-align: center !important;
}

.ui-datepicker-unselectable, .ui-button-text-only[disabled] {
	opacity: 0.3 !important;
}

td .inputfield-date input {
	width: 100%;
	text-align: center;
}

.pe-inputNumber {
	max-width: 5em !important;
	text-align: center;
}

.width-1 > span.ui-spinner > .ui-inputfield {
    text-align: center !important;
}

/*-------------------------------- Carrousel --------------------------------*/
.idiada-carousel > .ui-carousel-header > .ui-carousel-button {
    float: right;
    margin-bottom: 0;
    margin-right: 28px;
    margin-top: 6px;
}

.idiada-carousel > .ui-carousel-header {
    height: 20px;
    margin: 0 1px;
    overflow: hidden;
    padding: 0 10px 8px;
}

.idiada-carousel, .idiada-carousel > .ui-carousel-viewport{
	width: 99.5% !important;
}
.idiada-carousel > .ui-carousel-header{
	background: none;
	height: auto !important;
}
.idiada-carousel > .ui-carousel-viewport {
	height: 8em !important;
}

/*-------------------------------- Alerts --------------------------------*/
.alert {
	padding: 5px;
}

.alertText {
	font-size:1.2em;
	font-style: italic;
}

/*-------------------------------- Data list --------------------------------*/
div.datalist-info {
	border: none !important;
	width: 80% !important;
}

div.datalist-info > div{
  color: #31708F;
  background-color: #D9EDF7 !important;
  background: transparent none repeat scroll 0% 0%;
}

div.datalist-info > div > ul{
  color: #31708F;
  background-color: #D9EDF7 !important;
  background: transparent none repeat scroll 0% 0%;
}

.ui-widget-content .ui-datalist-content {
    border: none;   
}

/*-------------------------------- Data Grid --------------------------------*/
/* FIXME: Improve with idiada class style */
.ui-scrollpanel-content > .ui-datagrid > .ui-datagrid-content{
	border: 0px !important;
}

.servDataGrid td{
	width: 100%;
}

/* DataGrid Item */
.dataGridIconItem > .ui-datagrid-content > .ui-grid-row{
	margin-bottom: 19px;
}

.dataGridTitleItem {
    font-family: "Oswald",Tahoma,sans-serif;
    font-size: 1.3em;
    font-weight: 600;
    text-align: left;
    color:#FC6500;
}

.dataGridTitleItem.data-grid-title-item-tf {
    font-size: 1.1em;
}

.data-grid-item-info-panel {
	border-bottom: none;
	border: 1px solid black;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	border: 1px solid #dddddd;
	margin: 5px;
	border-radius:2px;
	background-color: #fff;
	height: 290px;
}

.data-grid-item-buttons-panel {
	border-top: 1px solid #dddddd;
	height: 40px;
	margin-top: 15px;
}

.dataGrid-border-none .ui-datagrid-column {
    width: 25%;
}

.idiada-datagrid-content > .ui-datagrid-content{
	border:none !important;
}

.servDataGrid > .ui-datalist-content > .ui-datalist-data{
	list-style: none;
	text-align: center;
}

.boxTypeAttributesDataGrid > div{
	border-left: none;
	border-right:none;
	border-bottom:none;
}

.dataGrid-border-none > .ui-datagrid-content {
	border:none;
}

.data-grid tr.ui-datagrid-row {
	height: 75px;
	background-color: #fafafa;
}

.dataGridIconItem tr.ui-datagrid-row {
	height: 75px;
	background-color: #fff;
}

/*-------------------------------- Accordion --------------------------------*/
.accordion-container  {
	opacity: 1;
	position: fixed;
	right: 0px;
	top: 0px;
	width: 1px;
	z-index: 500;
	width:auto;
	height: 100%;
	background:transparent;
}

.accordion-display-button-container, .accordion-display-button-container {
	top: 40%;	
	left: -52px;
	position: absolute;
	background: transparent none repeat scroll 0px 0px;	
	cursor: pointer;
}

.accordion-display-button-container:before, .accordion-display-button-container.slide-left:before {
	top: 47%;
	content: "";
	position: absolute; 
	width: 15px;
    height: 15px;
    border-right: 6px solid #E99422;
    border-top: 6px solid #E99422;		
}

.accordion-display-button-container:hover::before { 
	border-right: 6px solid #FC6500;
    border-top: 6px solid #FC6500;	
   
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.2; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.2; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.2; }
    100% { opacity: 1.0; }
}

.accordion-display-button-container:before {   
    right: 90%;   
    transform: rotate(225deg);	
    transition: all 2s;
}

.accordion-display-button-container.slide-left:before {
	right: 110%;  
    transform: rotate(45deg);
    transition: all 2s;
}

.accordion-display-button-container.slide-right:before {
	display:none;
}

.tf-accordion-tooltip {
	top: 6%;	
}

.wa-accordion-tooltip {
	top: 30%;	
}

.att-accordion-tooltip {
	top: 60%;	
}
.serv-accordion-tooltip {
	top: 82%;	
}

.tf-accordion-tooltip, .wa-accordion-tooltip, .att-accordion-tooltip, .serv-accordion-tooltip {
	display: none;
	position: absolute;
	margin-left: -170px;
}

.tf-accordion-tooltip-arrow, .wa-accordion-tooltip-arrow, .att-accordion-tooltip-arrow, .serv-accordion-tooltip-arrow {
	position: absolute; 
	top: 30%;  
    border-color: transparent;
    border-style: solid;
    margin-left: 156px;  
    border-width: 5px 5px 5px 0;
    border-right-color: #B1B1B1;
    transform: rotate(180deg);
}

.tf-accordion-tooltip-text, .wa-accordion-tooltip-text, .att-accordion-tooltip-text, .serv-accordion-tooltip-text {
	padding: 3px;
    background-color: #B1B1B1;
    color: #ffffff;
    min-width: 150px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    font-weight: bold;
    font-size: small;
}

.accordion-panel-container {
	background: white;
	width: 800px;
	height: 100% !important;
	display: block;
	overflow: auto;
	/*border-left: 2px solid #f0ad4e;*/
	display: none;
	box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.5) !important;
}

.accordion-display-button-container .btn.btn-warning {
	height: 200px;
	width: 30px;
    padding-left: 5px !important;
    padding-top: 5px !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.5) !important;
}

.accordion-display-button-container .btn.btn-warning  div.btn-slide-text{
	left: -27px;
    position: relative;
    top: 114px;
    transform: rotate(-90deg);
}

.accordion-display-button-container .btn.btn-warning  div.btn-slide-icon{
     padding-bottom: 25px;
}

.accordion-display-button-container .btn.btn-warning  div.btn-slide-icon > i {
	width: 15px;
}

.badge-orange {
    background-color: #fc6500 !important;
    border-radius: 10px!important;
    color: #fff!important;
    display: inline-block!important;
    font-size: 12px!important;
    font-weight: 700!important;
    line-height: 1!important;
    min-width: 10px!important;
    padding: 2px 4px 2px 3px !important;
    text-align: center!important;
    vertical-align: middle!important;
    white-space: nowrap!important;
    left: 5px;
    top: 6px !important;
}

.badge-grey {
    background-color: #ccc !important;
    border-radius: 10px!important;
    color: #fff!important;
    display: inline-block!important;
    font-size: 12px!important;
    font-weight: 700!important;
    line-height: 1!important;
    min-width: 10px!important;
    padding: 2px 4px 2px 3px !important;
    text-align: center!important;
    vertical-align: middle!important;
    white-space: nowrap!important;
    left: 5px;
    top: 6px !important;
}

.accordion-tab-header-tf, .accordion-tab-header-wa, .accordion-tab-header-att, .accordion-tab-header-serv {
	text-align: left;
	font-size: 1em !important;
	background: #DACBC1;
}

.accordion-tab-header-tf.ui-state-active, .accordion-tab-header-wa.ui-state-active, .accordion-tab-header-att.ui-state-active, .accordion-tab-header-serv.ui-state-active {
	text-align: left;
	color: white;
	background: #EB833D;
	font-size: 1em !important;
}

#newBookingForm\:availableServicesPanel>div>div>div.ui-state-active,
#newBookingForm\:bookingDetailsAccordion>div>div>div.ui-state-active,
#newBookingForm\:pgAccordion>div>div>div.ui-state-active,
#newBookingForm\:servicesAccordion>div>div>div.ui-state-active,
#newBookingForm\:workAreasAccordion>div>div>div.ui-state-active,
#newBookingForm\:attendeesAccordion>div>div>div.ui-state-active
{
	background-color: #f2f2f3;
	color: #333;
	padding: 8px 14px;
	font-weight: 700;
	position: static;
	border: 1px solid #e3e3e4;
}

#newBookingForm\:availableServicesPanel>div>div>div.ui-state-active>span,
#newBookingForm\:bookingDetailsAccordion>div>div>div.ui-state-active>span,
#newBookingForm\:pgAccordion>div>div>div.ui-state-active>span,
#newBookingForm\:servicesAccordion>div>div>div.ui-state-active>span,
#newBookingForm\:workAreasAccordion>div>div>div.ui-state-active>span,
#newBookingForm\:attendeesAccordion>div>div>div.ui-state-active>span
{
	color: #848484;
}

/*-------------------------------- Fieldsets --------------------------------*/
fieldset {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ui-fieldset-box {
	height: 74px;
    max-width: 149px;
}

/*-------------------------------- Dynaforms --------------------------------*/
.idiada-dynaform-table{
  width: 100%;
}

.dynaformOutputInfo{
 	font-weight: bold;
 	color:#797979;
 	padding-bottom: 5px;
}

.pe-dynaform-cell > input, .pe-dynaform-cell > span > input, .pe-dynaform-cell > textarea, .pe-dynaform-cell > hr{
  width: 75%;
}

.pe-dynaform-label {
  width: 20%;
}
td.pe-dynaform-cell > span.pe-timepicker > .pe-timepicker-input{
  width: 100%;
}

td.pe-dynaform-cell > span.pe-timepicker {
	width: 40%;
}

/* Display dynaform labels in bold */
.pe-dynaform-label {
	font-weight: bold;
}

/*-------------------------------- Affix --------------------------------*/
/* Only Compatible with Firefox */
.affixTopMenu {
    background-color: #fff !important;
    padding-right: 20px;
    top: 31px;
    z-index: 100;
	width: 99%;
}

.affixRightAccordionPanel {
    background: white none repeat scroll 0 0;
    border: 1px solid #fa9f50 !important;
    display: block;
    height: 100%;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 800px;
    z-index: 1004;
}


.affixRightAccordionPanel > div.ui-panel-titlebar{
	background:none;
	background-color: white;
	color: #FC6500;
	border-bottom: 1px solid #DADADA;
	border-top: none;
	border-left: none;
	border-right: none;
}

/*-------------------------------- Containers --------------------------------*/
.panel-container {
	border:none;
}

.invisible-panel {
	border: medium none;
    margin: 0 !important;
    padding: 0;
}

.ui-panel .ui-panel-titlebar-custom-icon {
	cursor: pointer;
	float: right;
}

.data-grid-item-info-panel .ui-widget, .data-grid-item-info-panel .ui-widget{
    margin-bottom: 1px;
    margin-top: 1px;
}

.send-message-panel {
	width: 90%;
	margin: 0 auto;
	border: 2px dashed #eee;
	padding: 30px;
	text-align:center;
}

.send-message-panel > hr {
	width:25%;
	margin: 0 auto !important;
	margin-top:40px !important;
	margin-bottom:35px !important;
}

/*-------------------------------- Icons --------------------------------*/
.iconImage {
	box-shadow: 2px 2px 2px #ccc;
}

.img-location {
	border: 1px solid #ccc !important;
    border-radius: 10px;
    background-color:  #ccc;
}

.img-location:hover {
	border: 1px solid #FC6500 !important;
	background-color:  #FC6500;
}

/*-------------------------------- Overwrites --------------------------------*/

.idiada-fieldset-nobackground > .ui-fieldset-legend {
	background-color: #fff !important;
}

/*-------------------------------- Responsive features --------------------------------*/
@media (max-width: 767px) {
  
	button.arrow::after, button.arrow::before {
	    border: none;

	}
  
  	button.arrow > .ui-button-text {
    	color: transparent ;
  	}
  	
  	.data-grid-item-info-panel {
  		width: 99% !important;
  	}
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-size: 12px !important;
}

/*-------------------------------- growl --------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {

	background-image: -moz-linear-gradient(top, #e78b52, #e7783d) !important;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e78b52), to(#e7783d)) !important;
	background-image: -webkit-linear-gradient(top, #e78b52, #e7783d) !important;
	background-image: -o-linear-gradient(top, #e78b52, #e7783d) !important;
	background-image: linear-gradient(to bottom, #e78b52, #e7783d) !important;
}


body {
	width: 98% !important;
	padding-left: 1% !important;
	background-color: #FFFFFF;
}

/*-------------------------------- overwrite fixes --------------------------------*/

body .ui-datatable .ui-paginator.ui-paginator-top {
	width: 100% !important;
}


body .ui-panel .ui-panel-content {
	border: none !important;
	background-color: #fff;
	color: #333;
	padding: 8px 14px;
	line-height: 1.5;
	width: 98% !important;
}


/*-------------------------------- nav button fixes --------------------------------*/

body .ui-button.ui-button-text-icon-left .ui-button-text {
	padding: 6px 14px 7px 28px; !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
}