﻿/*
.ui-content {
    position : absolute;
    top      : 20px;
    right    : 0;
    bottom   : 30px;
    left     : 0;
}*/

.SmallText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.TotalAmt {
	float: right;
    color:#000000;
}
.OutstandingAmt {
	float: right;
    color:#ff0000;
}

.Error_Message
{ 
	color:#FF0000;
}

div.ui-input-text.input_error {
  border: 1px solid red  !important;
  background-color: #FBE3E4 !important;
}

div.ui-input-text.input_error input[type=text] {
  background-color: #FBE3E4 !important;
  position: static;
}


.ui-checkbox .ui-input-text .OverriddenPrice, .ui-radio .ui-input-text .OverriddenPrice{
	margin: 0 !important;
    padding: 0;
    left: 0;
    top: 0;
}
.cat_error_show
{
	display:block;
	color:Red;
	font-weight:bold;
	border: thin solid;
}

.image_link_list a.ui-btn, .image_link_list div.ui-btn {
	text-align:left;
}

label.lblPaymentMethod img {
	float:left;
	position:relative;
	left:0px;
}

div.ui-btn-text img.nofloat {
	float:none;
	vertical-align:top;
}

div.ui-btn-inner{
	padding: 0.6em 10px;
}

span.ui-btn-text span {
	display:inline;
}

.RemoveItem{
	padding-left:10px;
}

.ItemActions {
	float:left;
	left:0px;
}

.ServiceImage, .CatalogImage{
	float:left;
	/* position:absolute; jQM 1.4.5*/
	left:0;
}

div.ItemDescriptionRightMargin{
	margin-right:45px;
}

div.ItemDescriptionRemoveItemLeftMargin{
	margin-left:110px;
}

div.ItemDescriptionLeftMargin{
	margin-left:50px;
}

div.ItemDescriptionEDRightMargin{
	margin-right:8px;
}

div.ItemDescriptionEDLeftMargin{
	margin-left:7px;
}

.ItemPrice{
	position:Absolute;
	right:0px ;
	top:0px ;
}

.ItemPrice div.ui-input-text  {
    margin: 0px;
}

.tbItemPrice .ui-input-text {
	position:Absolute;
    padding:0!important;
	right:0px;
	top:0px;
    width:4em;
    height: 1.6em;
}

.ItemWrapper{
	position:relative;
	min-height:40px;
}

.ItemOption{
	position:relative;
}

.ServiceLink{
	min-height: 40px;
}

.CustomItemWrapper{
	position:relative;
	min-height:62px;
}

div.ItemActions img {
	float:none;
	position:default;
	left:0px;
}

span.ItemQuantity {
	display:inline;
	vertical-align: 18px;
	padding:2px;
}

.ItemName, .ServiceDescription, .ServiceName, .DateName, .TimeName, .CategoryName, label.Error_Message, .StartOrderText {
	white-space:normal;
}

.HeaderTitle {
	text-align: Center;
	font-size: 17px;
}

.public-header {
	height: 45px;
}

.OpenOrdersCells{
	padding:10px;
	vertical-align:top;
	/*border:1px solid black;*/
}

.OpenOrdersTable{
	border-collapse: collapse;
}

.ui-navbar .ui-btn-text{
	font-size: 10.5px;
}

li.order_state_inactive {color:gray;font-size:0.75em;}
li.supplier_site_late {color:red;}

.Background-Transparency{
	display: block !important;
	z-index: 0;
}

.ServiceDescription {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}
.CutOffTimeMessage{
	color: #BCBCBC;
}

img.menu_customisable_icon{
    background-image:url(default/images/ico_menu_small.gif);
    position: relative;
    width:18px;
    height:15px;
    left:5px;
    top:2px;
}

.ModifyItemButton{
	border-radius: 1em 1em 1em 1em;
	left: 17px;
}

.Price{
	float:right;
}

.textMargin{
	margin-left: 15px;
	margin-right:15px;
}

.horizontal_widgets *
{
	display:inline-block;
	height:100%;
}

.horizontal_widgets div.ui-input-text.ui-body-c
{
	width:12em;
}

.horizontal_widgets div.ui-input-text.ui-body-a
{
	width:3em;
}

#IndepSpendLimit div.ui-input-text
{
	width:10em;
}
#IndepSpendLimit span
{
	display:inline-block;
	margin-right:3px;
}

.horizontal_widgets .left_bracket
{
	margin-right:3px;
}

.horizontal_widgets .right_bracket
{
	margin-left:3px;
}

.LinkedAccount .ui-btn-inner, .CurrentOrderLinkedAccount .ui-btn-inner, .SupplierServiceDate .ui-btn-inner, .SupplierServiceTime .ui-btn-inner, .RecurringPaymentPrompt, .OrderDetails, .PopupMenuText
{
	white-space:normal !important;
}

.orgSearchResult 
{
	padding:5px;
	cursor:pointer;
}

.orgSearchResult .Name {
	display:block;	
}

.orgSearchResult .Address, div.SI_Display div {
	font-size:0.8em;
	font-weight:normal;
}

.OrderTotalIncCreditCardFees {
	font-weight:bold;
	border-bottom: #000000 3px double;
}

.LinkedAccountUserTable {
	padding: 14px 15px;
}

.StartOrderText {
	padding-left: 10px;
	text-align: center;
}

.StartOrderWrapper {
	position:relative;
	min-height:60px;
}
/*Had to introduce UserOption class to override borders being placed within the UserOption button resulting in a double border*/
.StartOrderControlBar {
	position:relative;
	min-height:20px;
}

div.ViewOpenOrders, div.OptionsContainer {
    margin-left: 6px;
    margin-right: 6px;
}
.smallOptionsButton{
	height:77px;
}

.mediumOptionsButton{
	height: 58px;
}

.CurrentOrderPrice {
	padding: 2px 5px !important;
	background-color: #F1A2A6; 
	background-repeat: repeat-x;
	color: #FFFFFF;	
	border: 2px solid #FFFFFF !important;
	text-shadow:none;
	position: absolute;
	/*left:10%;*/
	bottom:27px;
	/* Safari 4-5, Chrome 1-9 */background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F1A2A6), to(#DA0812)); 
	/* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #F1A2A6, #DA0812); 
	/* Firefox 3.6+ */ background: -moz-linear-gradient(top, #F1A2A6, #DA0812); 
	/* IE 10 */ background: -ms-linear-gradient(top, #F1A2A6, #DA0812); 
	/* Opera 11.10+ */ background: -o-linear-gradient(top, #F1A2A6, #DA0812);
    z-index: 1;
}

.CurrentOrderPriceShadowOverlay {
	border: 1px solid #AAAAAA;
	border-radius: 0.6em 0.6em 0.6em 0.6em;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}

div#RecurringOrderCreditCardImage img{
	float:none;
}

.ViewOpenOrders {
	margin-bottom: 0 !important;
    margin-top: 0 !important;
/*	width:94%; jQM 1.4*/

}

.OpenOrdersList {
	margin: 0 auto !important;
	/*width: 93.8%; jQM 1.4*/
	box-shadow: none !important;
	top:-1px;
	border-radius: 0 0 0.6em 0.6em;
}

.NoOpenOrderList {
	margin: 0 auto !important;
	
	box-shadow: none !important;
	border-radius: 0 0 0.6em 0.6em;
}

.ShowOpenOrdersList {
	margin-top:4px;
}

.LinkedAccountFirstName {
	font-weight: bold !important;
	font-size: 36px !important;
	margin:-2px !important;
	/*color: #FFFFFF;*/
	text-shadow: none;
}

.LinkedAccountLastName {
	font-size: 16px !important;
	white-space: normal !important;
	margin:0 !important;
	/*color: #FFFFFF;*/
	text-shadow: none;
}

.LinkedAccountLocation {
	font-size: 14px !important;
	margin:0 !important;
	/*color: #FFFFFF;*/
	text-shadow: none;
}

.LinkedAccountDiscription {
	width:70%;
	float:left;
}

.LinkedAccountStartOrder, .LinkedAccountContinueOrder {
	margin-top: -31px;
    position: absolute;
    right: 40px;
    text-align: right;
    top: 50%;
}

.LinkedAccountStartOrder {	
    width: 73px;
}

.LinkedAccountContinueOrder {
	width: 102px;
}

.LinkedAccountWrapper {
	border-radius: 0.6em 0.6em 0.6em 0.6em !important;
}

.LinkedAccountStartOrderText {
    /*color: #FFFFFF;*/
    font-size: 25px !important;
    font-weight: bold !important;
    margin: 0 !important;
    white-space: normal !important;
}

.LinkedAccountOptions {
    text-align: left;
}

.PopupMenu {
	border-radius: 0.6em 0.6em 0.6em 0.6em;
}
/*.PopupHeader {
	color: #FFFFFF !important;
}*/

.ui-popup {padding:5px;}

.CategoryName {
	font-size:18px; 
	font-weight:strong;
}

.ItemListHeaderDescription p {
	margin-top:3px; 
	margin-bottom:5px;
}

.ItemRating {
	float: none !important;
}

.ui-checkbox .ui-input-text input, .ui-radio .ui-input-text input {
	position:inherit;
}

a.mobilehide {
	display:none;
}
li.PopupHeader {
    background-color: #76BC4C;
    background-image: none;
}
a.PopupMenuText {
	background-color: #ffffff;
}

.ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset)>li>a.CurrentOrderListItem {
    background-color: #ffffff;
    background-image: none;
    text-shadow: 0 0 0 #eeeeee;
}

a.PopupMenuText.ui-btn.ui-btn-icon-right.ui-icon-carat-r  {
    background-color: #ffffff;
    background-image: none;
    text-shadow: 0 0 0 #eeeeee;
    border-width: 1px 1px 1px;
}
div.LinkedAccountUserTable.ui-listview>.ui-li-static, div.LinkedAccountUserTable.ui-listview>.ui-li-divider,
div.LinkedAccountUserTable .ui-listview>li.ui-last-child>a.ui-btn,
li.PopupHeader.ui-first-child  {
    border-width: 1px 1px 1px;
    border-style: solid;
}
.ui-navbar li:last-child a.NavBarLastBtn {
    border-right-width: 1px;
    margin-right: 0;
}

.OrderRatingsSummary {
    min-height: 126px;
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.OrderRatingsSummaryChart {
    flex: 0 0 65%;
    min-width: 400px;
}

.OrderRatingsSummaryMessage {    
    text-align: center;
    min-width: 200px;
    flex: 1;
    flex-shrink: 1;
}

.OrderRatingsSummaryMessage p {
    margin: 0;
    margin-top: 5px;
}

.RatingsInfoCard {
    background: white;
    padding: 7px;
}

.RatingInfoItem {
    display: flex;
    padding: 5px;
    font-size: smaller;
}
.RatingInfoItemName {
    padding-left: 5px;
}

.RatingInfoHelpBtn {
    display: flex;
    justify-content: flex-end;
}
.RatingInfoHelpBtn img {
    margin-top: -5px
}

.itemlabel {
    height: 30px;
    width: 30px
}

.loader {
    opacity: 0.3 !important;
}

a.ItemAdd img, a.ItemRemove img {
    width: 40px;
    height: 40px;
}

a.ItemAdd img {
    background-image: url(default/images/plus.png);
}

a.ItemRemove img {
	background-image: url(default/images/minus.png);
}