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

.invoice-list thead th,
.invoice-list tbody tr:last-child {
    border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.invoice-list tbody th,
.invoice-list tbody td {
    border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
    border-bottom: 1px solid rgba(0,0,0,.05);

}
.invoice-list tbody tr:last-child th,
.invoice-list tbody tr:last-child td {
    border-bottom: 0;
}
.invoice-list tbody tr:nth-child(odd) td,
.invoice-list tbody tr:nth-child(odd) th {
    /*background-color: #e6e6e6; /*#eeeeee; /* non-RGBA fallback  *
    background-color: rgba(0,0,0,.05);*/

    background-color: #d2d2d2; /*#eeeeee; /* non-RGBA fallback  */
    background-color: rgb(210,210,210);
}

.striped-table thead th,
.striped-table tbody tr:last-child {
    border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.striped-table tbody th,
.striped-table tbody td {
    border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
    border-bottom: 1px solid rgba(0,0,0,.05);

}
.striped-table tbody tr:last-child th,
.striped-table tbody tr:last-child td {
    border-bottom: 0;
}
.striped-table tbody tr:nth-child(odd) td,
.striped-table tbody tr:nth-child(odd) th {
    /*background-color: #e6e6e6; /*#eeeeee; /* non-RGBA fallback  *
    background-color: rgba(0,0,0,.05);*/

    background-color: #d2d2d2; /*#eeeeee; /* non-RGBA fallback  */
    background-color: rgb(210,210,210);
}

div.striped-rows > div.row:nth-of-type(odd) th {
    background-color: #d2d2d2; /*#eeeeee; /* non-RGBA fallback  */
    background-color: rgb(210,210,210);
}

.custom-corners .ui-bar {
	-webkit-border-top-left-radius: inherit;
	border-top-left-radius: inherit;
	-webkit-border-top-right-radius: inherit;
	border-top-right-radius: inherit;
}
.custom-corners .ui-body {
	border-top-width: 0;
	-webkit-border-bottom-left-radius: inherit;
	border-bottom-left-radius: inherit;
	-webkit-border-bottom-right-radius: inherit;
	border-bottom-right-radius: inherit;
}

/** mfg results styles **/
.mfgresults thead th,
.mfgresults tbody tr:last-child {
    border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.mfgresults tbody th,
.mfgresults tbody td {
    border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
    border-bottom: 1px solid rgba(0,0,0,.05);
}
.mfgresults tbody tr:last-child th,
.mfgresults tbody tr:last-child td {
    border-bottom: 0;
}
.mfgresults tbody tr:nth-child(odd) td,
.mfgresults tbody tr:nth-child(odd) th {
    /*background-color: #c0c0c0;  /* #eeeeee;  non-RGBA fallback  *
    background-color: rgba(0,0,0,.08);*/

    background-color: #d2d2d2; /*#eeeeee; /* non-RGBA fallback  */
    background-color: rgb(210,210,210);
}

/*** JQM overrides ***/
.ui-btn.is-success, .ui-btn > .is-success {
  background-color: #23d160;
  border-color: transparent;
  color: #ffffff;
}

.ui-content .ui-listview, .ui-panel-inner>.ui-listview {
	margin: 0;
}

.ui-li-static.ui-collapsible > .ui-collapsible-heading {
	margin: 0;
}
.ui-li-static.ui-collapsible {
	padding: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-heading > .ui-btn {
	border-top-width: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-heading.ui-collapsible-heading-collapsed > .ui-btn,
.ui-li-static.ui-collapsible > .ui-collapsible-content {
	border-bottom-width: 0;
}
.mfgresults div.ui-controlgroup-controls,
.mfgresults div.ui-checkbox {
	width: 100%;
}
.ui-checkbox .ui-btn {
	text-align: center;
}
.controlgroup-textinput {
    padding-top:.22em;
    padding-bottom:.22em;
}

/* Start with core styles outside of a media query that apply to mobile and up */
.bold {
	font-weight:bold;
}

/* Global typography and design elements, stacked containers */
input[type="text"]:disabled {
    background-color: #e5e5e5;
    color: #000000;
}
textarea.frog-disabled {
    background-color: #e5e5e5;
    color: #000000;
}
span.required {
	color: red;
	font-weight: bold;
  text-shadow: none;
}

.valid span {
	color:green;
}
label.error {
	background-color:red;
	color: #ffffff;
	margin: 0;
	padding-left: 5px;
	border-radius: 0 0 0 .6em;
}
.error span {
	color:red;
}
.hidden {
	display:none;
}
.valid,
.frogvalid {
	color: green;
}
a.frogvalid {
	background-color: greenyellow;
	color: #333;
}
.froghdrvalid {
	color: green;
	border-color: green;
}
.frogerror {
	color:red;
}

.frogrequired {
	color:red;
	font-weight: bold;
}
.froghdrerror {
	color: red;
	border-color: red;
}
.frogcenter {
	text-align: center;
}
#errorhdr {
	background-color: red;
}

.table-date {
    min-width: 85px;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

/* Stack the two content containers */
.main,
.sidebar { display:block; width:100%; }
.dlgresmain .filmstrip {display:none; }
.filmstripcontainer {display: none;}
#map-page, #map-canvas { width: 100%; height: 100%; padding: 0; }

.rfpage h3 {
	margin-top: 5px;
	margin-bottom: 5px;
}

/** window setup **/
#windowsetup-table .ui-bar-inherit {
	background-color: #e9e9e9;
    border-color: #333;
    color: #333;
    text-shadow: 0 1px 0 #eee;
    font-weight: 700;
}
#windowsetup-table .ui-flipswitch-active {
	background-color: #38c;
    border-color: #38c;
    color: #fff;
    text-shadow: 0 1px 0 #059;
}
.dlgresbold {
	font-weight:bold;
}

#dlgreslocationtoptable {
	width:180px;float:left;
}
#dlgreslocationbottomtable {
	width:180px;margin-left:5px;float:left;
}
#skuinfo {
	margin:0;padding:0;overflow:hidden;
}
#skuinfo .skudata,
#skuinfo #dlgresbuttons {
	width:100%;
	margin-right:3px;
}
#skuinfo .skuimg {
	width:100%;
}
#skuinfo img {
	width:100%;
}
/*
#skuinfo table {
	font-size:smaller;
}
#skuinfo #potable td {
	padding: 5px 5px 5px 5px;
}
*/
#potable .poordered,
#potable .poshipto {
	display: none;
}

/** Edit Sale **/
#editsale {
	padding: 0;
}
#editsale .logo {
	width:100%;
	padding:0px;
}
#editsale .logoimg {
	/*width:100%;*/
	padding: 0;
	margin: 0;
}
#editsale .saleinfo {
	width:100%;
	height:130px;
}
#editsale .savefield {
	display: none;
}
#editsale .smallbar {
	display:block;
	/*padding: 0.5em;*/
}
#editsale .billinginfo, #editsale .shippinginfo {
	width:100%;
	padding: 0.5em;
}
#editsale .itembar {
	width: 100%;
	padding-left: 0.5em;
}
#editsale .itemheader {
	display:none;
	/*
	font-size:large;
	font-weight:bold;
	width:15%;
	padding:2px 0 0 2px;
	float:left;*/
}

#saletable thead {
	display:none;
}


#cartcontainer {
	width:100%;

	margin:0;
	padding:0;
	background-color:#ffffff;

}

#cartcontainer .cartrow {
	border-bottom:1px solid #000000;
	width:100%;
	padding:0;
	margin:0;
}
#cartcontainer .imgbox {

}
#cartcontainer .imgbox img {
	max-width:75px;
	max-height:75px;
}
#cartcontainer .skubox {
	font-size:small;
	padding:10px 10px 10px 10px;
}
#cartcontainer .qtybox {

}
#cartcontainer .xretailbox {
	font-size:large;font-weight:bold;text-align:right;
}
#cartcontainer .deletebox {
	display:none;
	text-align:center;
}
#cartcontainer .skunobox {
	display:none;
}

#itemscrollbox {
	display:none;
}
#editsale .totalsbox {
	float:right;width:220px;overflow:hidden:margin:0;padding:10px 0 0 0;font-size:large;font-weight:bold;
}
/** Scan Window **/
#scanwindow {
	width:100%;
	height:100%;
}
#scanwindow .scanneditem {
	font-size:small;
}
#scanwindow .scannedsku {
	font-size:small;min-width:145px;overflow:hidden;
}
#scanwindow .scannedqty {
	font-size:small;;
}
#scanwindow .scanneddesc {
	font-size:small;min-width:200px;overflow:hidden;
}
#scanwindow .scannedretail {
	font-size:small;
}
#scanwindow thead th,
#scanwindow tbody tr:last-child {
    border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
    border-bottom: 1px solid rgba(0,0,0,.1);
}
#scanwindow tbody th,
#scanwindow tbody td {
    border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
    border-bottom: 1px solid rgba(0,0,0,.05);
}
#scanwindow tbody tr:last-child th,
#scanwindow tbody tr:last-child td {
    border-bottom: 0;
}
#scanwindow tbody tr:nth-child(odd) td,
#scanwindow tbody tr:nth-child(odd) th {
    background-color: #c0c0c0;  /* #eeeeee;  non-RGBA fallback  */
    background-color: rgba(0,0,0,.08);
}

/** Responsive grid classes **/
.ui-grid-c.rwd-grid .ui-block-a,
.ui-grid-c.rwd-grid .ui-block-b,
.ui-grid-c.rwd-grid .ui-block-c,
.ui-grid-c.rwd-grid .ui-block-d {
	width: 100%;
	float: none;
}

/** mfgl gridview ***/
#mfggrid .mfgl-item {
    border: 1px solid #999;
    padding: 1em;
}

#mfggrid .ui-block-a,
#mfggrid .ui-block-b,
#mfggrid .ui-block-c,
#mfggrid .ui-block-d,
#mfggrid .ui-block-e {
	float: none;
	width: 100%;
	border: 1px solid #999;
	height: 415px;
	padding: 1em 1em 1em 1em;
	overflow-y: scroll;
	font-size: smaller;
}
#mfggrid .ui-block-a {
	clear: none;
}
#mfggrid img {
	max-height: 110px;
	max-width: 110px;
}
#mfggrid .mfgimgdiv {
	text-align:center;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	height: 150px;
	font-size:x-small;
	font-weight: bold;
}
/** Customer Entry Window **/
.accountnumber .ui-block-a,
.accountnumber .ui-block-b {
	float: none;
	width: 100%;
}
#cusinfo {
    border: 1px solid #000000;
}
#cusinfo .ui-block-a,
#cusinfo .ui-block-b {
	/*float: none;
	width: 100%;*/
	padding: 0px 20px 20px 20px;
	border-bottom: 1px solid #000000;
}

#customerLookupContent {
	padding: 0 20px 20px 20px;
    min-height: 600px;
}

/* Sales receipt page */
.receipt-content .ui-body {
    text-align: left;
    border-color: #ddd;
}
.receipt-content p {
    color: #777;
    line-height: 140%
}
/* Stack all blocks to start */
.receipt-content .ui-block-a,
.receipt-content .ui-block-b,
.receipt-content .ui-block-c {
    width: 100%;
    float: none;
}
.receipt-content .logoimg {
   	width: 98%;
}
/* Collapsing borders */
.receipt-content > div + div .ui-body {
    border-top-width: 0;
}

/** Alert popup **/
.mobile-alert {
	width: 90%;
}

/** Truck dispatch styles **/
.stopnumber,
.stopname,
.servicelink,
.rfline {
	width: 42%;
	float: left;
}
.rflinetitle {
    width: 40%;
    float: left;
}
.rflinedata {
    width: 60%;
    float: left;
}

.rfline25 {
	width: 20%;
	float: left;
}
.rflinefull {
    width: 100%;
    float: left;
}
#rfPickContent div.rfpickline:nth-child(odd) {
    background: #d2d2d2;
}
div.rfpickline h3.ui-bar-c {
    background: inherit;
    color: #000000;
}
.pickbinblock {
    width: 45%;
    display: inline-block;
}
#rfpickpopup-popup {
    width: 90%;
}
#rfpickpopup #popupcontent h4:nth-child(odd) {
    background: #d2d2d2;
}
/*.pickbinblock:nth-child(2) {
    margin-left: 12px;
}*/
.binline-pick {
    width: 96%;
    /*display: inline-block;*/
}
.verticle-align-top {
    vertical-align: top;
}
.x-small-font {
    font-size:x-small;
}
.small-font {
    font-size:small;
}
#finalizestop .dispatch-item,
.finalizestop .dispatch-item {
	width: 100%;
}
#finalizestop .selectparent,
.finalizestop .selectparent {
	width: 100%;
}
#finalizestop .ui-dialog-contain,
.finalizestop .ui-dialog-contain
{width: 100%;}
.sigPad input {
	width: 100%;
	background: #ffffff;
}
/*
thead {
	background-color: #b4b4b4;
}*/
.flex-container {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.flex-pad {
  padding: .50em 0 .50em 0
}
/** JQuery Mobile Overrides **/
.ui-content,
.o4w-content,
.o4wpaddedpage .ui-content {
	padding: .75em;
}
.upload-review {
	max-width: 75px;
	max-height: 75px;
}
#mfgresultsmain .ui-content {
	padding: .75em 0 .75em 0;
}

/*
.notifications a.ui-btn {
	margin-top: 0.5em;
}
*/
.notifybox {
	padding-top:1em;
	padding-bottom:1em;
	padding-right:3em;
	margin-bottom:1em;
	display:none;
}
.notifybox a.ui-btn-inline {
	display: block;
}

/** O4W Overrides **/
.o4wpage .ui-content,
.o4wdashboard .ui-content {
	padding: 0;
}
.o4w-nopadding {
	padding: 0;
}

.o4w-dbgraphbox {
	width: 100%;
	height: 200px;
}
.o4w-graph {
	width: 100%;
	margin: 3px;
}
.o4w-graphvariables {
	margin-top: 3px;
}

/** Dashboard Grid **/
.o4wdashboard .ui-block-a,
.o4wdashboard .ui-block-b {
	float: none;
	width: 100%;
	padding: 10px;
}
.o4wdashboard .ui-navbar .ui-block-a,
.o4wdashboard .ui-navbar .ui-block-b {
	float: left;
	width: 49.95%;
	padding: 0;
}

.service-middle {
	background-color: #d2d2d2; /*#eeeeee; /* non-RGBA fallback  */
    background-color: rgb(210,210,210);
}

#frogcall-memo.ui-input-text {
	overflow-y: scroll;
	height: inherit !important;
}

#cardupdate .ui-dialog-contain,
#salesupdate .ui-dialog-contain,
#activityupdate .ui-dialog-contain,
#frogcallupdate .ui-dialog-contain,
#salesentry  .ui-dialog-contain {
	width: 100%;
}

/*#salesupdate .ui-input-text {display: inline-block; width:50%;}*/
/*
#soubottom label {
	width: 40%;
}
*/
/*#soubottom table {*/
#activityupdate .ui-block-a table,
#activityupdate .ui-block-b table,
#activityupdate .ui-block-c table,
#activityupdate .ui-block-d table,
#cardupdate .ui-block-a table,
#cardupdate .ui-block-b table,
#cardupdate .ui-block-c table,
#cardupdate .ui-block-d table,
#salesupdate .ui-block-a table,
#salesupdate .ui-block-b table,
#salesupdate .ui-block-c table,
#salesupdate .ui-block-d table,
#salesentry .ui-block-a table,
#salesentry .ui-block-b table,
#salesentry .ui-block-c table,
#salesentry .ui-block-d table,
#frogcallupdate .ui-block-a table,
#frogcallupdate .ui-block-b table,
#frogcallupdate .ui-block-c table,
#frogcallupdate .ui-block-d table {
	width: 100%;
}
#frogcallupdate .ui-grid-a div[class^=ui-block]:nth-child(odd),
#frogcallupdate .ui-grid-a div[class^=ui-block]:nth-child(odd)  {
    background-color: #d2d2d2; /*#eeeeee; /* non-RGBA fallback  */
    background-color: rgb(210,210,210);
}
#frogcallupdate-middle {
	/*background-color: #e6e6e6; /*#c0c0c0;*/
}
/*#activityupdate table.table-grid td,*/
#cardupdate table.table-grid td,
#salesupdate table.table-grid td,
#salesentry table.table-grid td,
#frogcallupdate table.table-grid td {
	height: 48px;
}

#activityupdate-customerinfo table td:nth-child(2) {
	text-align: right;
}


#soubottom table td:nth-child(2),
#soebottom table td:nth-child(2) {
	text-align: right;
	width: 60%;

}
#soubottom table td:nth-child(2) input,
#soebottom table td:nth-child(2) input {
	max-width: 114px;

}
#soe-item-section .ui-table td,
.item-section .ui-table td {
	vertical-align:middle;
}
#soe-item-section .ui-table .img-column,
.item-section .ui-table .img-column {
	display: none;
	/*padding: 8px 0 0 0;*/
}
#soe-item-section .soeitemhdr,
.item-section .itemhdr{
	margin-bottom: 0;
}
#soe-item-section .soe-sku-column,
.item-section .sku-column{
	min-width: 210px;
}
#soe-item-section .soe-loc-column,
.item-section .loc-column{

}
#soe-item-section .soe-qty-column,
.item-section .qty-column{
	text-align: right;
}
#soe-item-section .soe-qty-column.soe-edit-mode,
.item-section .qty-column.item-edit-mode{
	width: 100%;
}
#soe-item-section .soe-qty-column.soe-edit-mode .soe-qty,
.item-section .qty-column.item-edit-mode .item-qty {
	width: 33px;
}
#soe-item-section .soe-qty-column.soe-edit-mode .soe-retail,
.item-section .qty-column.item-edit-mode .item-retail {
	width: 53px;
}
#soe-item-section .soe-qty-column.soe-edit-mode div,
.item-section .qty-column.item-edit-mode div {
	float: left;
}
#soe-item-section .soe-retail-column,
.item-section .retail-column {
	text-align: right;
}
#soe-item-section .soe-image,
.item-section .image {
	height: 60px;
}
.soe-multiplier,
.item-multiplier {
	min-height: 24px;
	margin-top:5px;
	padding: 4px 3px 0 3px;
}
.soe-sku,
.item-sku {
	font-weight: bold;
}
.soe-desc,
.item-desc {
	font-size: smaller;
	line-height: 10%;
}
.soe-edit-mode,
.item-edit-mode {
	font-size: 10px;
}
input.soe-qty,
input.item-qty {
	width: 33px;
}
input.soe-qty.soe-edit-mode,
input.item-qty.item-edit-mode{
	width: 75px;
}
input.soe-retail,
input.item-retail {
	width: 75px;
}

#customer-bottom-table label {
	font-weight:bold;
	font-size:smaller;
}
/*
#customer-bottom-table {
	width: 100%;
}
#customer-bottom-table td.title-col {
	display: none;
}
#customer-bottom-table td.data-col {
	width: 100%;
	padding: 0 10px 0 10px;
}*/


/*
#soubottom .ui-input-text {
	width: 70px;
}
*/
/* Basic styles for grids */
#salesupdate .ui-body,
#salesentry .ui-body {
	text-align: left;
	border-color: #ddd;
}
#salesupdate p,
#salesentry p {
	color: #777;
	line-height: 140%
}
#menulogout .ui-block-a,
#menulogout .ui-block-b,
#menulogout .ui-block-c,
#menucenter .ui-block-a,
#menucenter .ui-block-b {
	width: 100%;
	float: none;
}
#activityupdate .ui-block-a,
#activityupdate .ui-block-b,
#activityupdate .ui-block-c,
#cardupdate .ui-block-a,
#cardupdate .ui-block-b,
#cardupdate .ui-block-c,
#salesupdate .ui-block-a,
#salesupdate .ui-block-b,
#salesupdate .ui-block-c,
#salesentry .ui-block-a,
#salesentry .ui-block-b,
#salesentry .ui-block-c,
#frogcallupdate .ui-block-a,
#frogcallupdate .ui-block-b,
#frogcallupdate .ui-block-c,
.item-section .ui-block-a,
.item-section  .ui-block-b,
.item-section  .ui-block-c{
	width: 100%;
	float: none;
	padding: .5em .5em;
}
#soetotalsgrid .ui-block-a {
	text-align: left;
	float: left;
    width: 49.95%;
}
#soetotalsgrid .ui-block-b {
	text-align: right;
	float: left;
    width: 49.95%;
}
#busphoneaddbox.ui-grid-a > .ui-block-a {
	width: 70%;
	float: left;
	padding: 0;
}
#busphoneaddbox.ui-grid-a > .ui-block-b {
	width: 25%;
	float: left;
	padding: 0;
}


/*#salesentry #soe-tabs .ui-block-a,
#salesentry #soe-tabs .ui-block-b,
#salesentry #soe-tabs .ui-block-c {
	width: 100%;
	float: none;
}*/
/* Stack all blocks to start *
#salesupdate .ui-grid-a > .ui-block-a,
#salesupdate .ui-grid-a > .ui-block-b,
#salesupdate .ui-grid-b > .ui-block-a,
#salesupdate .ui-grid-b > .ui-block-b,
#salesupdate .ui-grid-b > .ui-block-c {
	width: 100%;
	float: none;
}
*/
/*
#state-zip-block .ui-field-contain {
	width: 50%;
	float: left;
}
*/
/* Collapsing borders */
#activityupdate > div + div .ui-body,
#salesupdate > div + div .ui-body,
#salesentry > div + div .ui-body {
	border-top-width: 0;
}

#activitypopup,
#customerPagepopup,
#cardpopup,
#o4w_sales_update_popup,
#o4w_sales_entry_deldate_popup,
#soeitempopup {
	width: 100%;
}
#soecontent {
	min-height: 500px;
}
#soeitempopupcontent {
	max-height: 400px;
	overflow-y: scroll;
}
#activity-general {
	max-height: 500px;
	overflow:auto;
}

.date-column {
	min-width: 60px;
}

#deldate-table td span {
	padding: .6em .5em;
}
#deldate-table a,
#deldate-table a:hover,
#deldate-table a:visited {
	color: #ffffff; /*#00ff00;*/
}
.hover-clickable {
	cursor:hand;
}
.td-side-header {
	font-weight:bold;
}
#activitypopup #popup-table {
	width: 100%;
}
#activitypopup #popup-table td {
	height: 32px;
}
/*** Tool tip styles ***/
.ui-btn.my-tooltip-btn,
.ui-btn.my-tooltip-btn:hover,
.ui-btn.my-tooltip-btn:active {
    background: none;
    border: 0;
}
.menupanel .ui-panel-inner,
.submenupanel .ui-panel-inner {
	padding: 0;
}

/**** Image preview testing ****/
.img-preview-wrap {
   overflow: hidden;
   margin: 5px;
}
.img-preview-box {
   float: left;
   position: relative;
   width: 100%;
   padding-bottom: 100%;
}
.img-preview-boxInner {
   position: absolute;
   left: 10px;
   right: 10px;
   top: 10px;
   bottom: 10px;
   overflow: hidden;
   /*
   border: 5px solid #d2d2d2;
	  -webkit-box-shadow: 3px 3px 3px #777;
	     -moz-box-shadow: 3px 3px 3px #777;
	          box-shadow: 3px 3px 3px #777;*/
}
.img-preview-boxInner img {
   width: 100%;


}
.img-preview-boxInner .titleBox {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin-bottom: -50px;
   background: #000;
   background: rgba(0, 0, 0, 0.5);
   color: #FFF;
   padding: 10px;
   text-align: center;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}

.multiple-borders {
  -webkit-box-shadow:
            0px 0px 0px 2px rgba(0,0,0,0.6),
                0px 0px 0px 2px #fff,
                0px 0px 0px 4px rgba(0,0,0,0.2),
                6px 6px 8px 3px #555;

     -moz-box-shadow:
            0px 0px 0px 2px rgba(0,0,0,0.6),
                0px 0px 0px 2px #fff,
                0px 0px 0px 4px rgba(0,0,0,0.2),
                6px 6px 8px 3px #555;

          box-shadow:
            0px 0px 0px 2px rgba(0,0,0,0.6),
                0px 0px 0px 2px #fff,
                0px 0px 0px 4px rgba(0,0,0,0.2),
                6px 6px 8px 3px #555;
}


/**** Image Preview End ****/

/***** Galleria ****/
.galleria { min-width: 335px; min-height: 300px; background: #000 }
#o4w-attached-images { width: 325px; height: 300px; background: #000 }
/***** Galleria ****/

.block-height-min60 {
	min-height: 60px;
	padding: 0 20px 0 20px;
}
.block-height-60 {
	height: 60px;
}
.font-blue {
    color: blue;
}
.font-xlarge {
	font-size:x-large;
}
.font-xxlarge {
	font-size:xx-large;
}

#ups-table tr {
    border-bottom: 1px solid #000000;
}

.maincontent {
	padding: .75rem;
}
/** Bulma card overrides **/
.card-dashboard {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
  /*margin-top: 1rem;*/
}

.card-dashboard .card-content {
  padding: 0.5rem;
}

.card-dashboard .card-footer {
	margin-top:auto;
}

/* First breakpoint at 480px */
/* Inherits mobile styles, but floats containers to make columns */
@media all and (min-width: 30em){
	.main { float: left; width:60%; }
	.sidebar { float: left; width:40%; }

	#skuinfo .skudata {
		float:left;
		width:400px;
		margin-right:3px;
	}
	#skuinfo .skuimg {
		float:left;
		min-width:430px;
	}
	#skuinfo img {
		max-width:420px;
	}

	#skuinfo .dlgreslocations {
		margin-right:0px;
		padding:0;
		width:100%;
	}
	#skuinfo .dlgrespos {
		width:100%;
	}

	/** mfgl gridview ***/
	#mfggrid .ui-block-a,
	#mfggrid .ui-block-b,
	#mfggrid .ui-block-c,
	#mfggrid .ui-block-d,
	#mfggrid .ui-block-e {
		float: left;
		width: 49.95%;
	}

	/** Edit Sale **/
	#editsale .savefield {
		display:block;
		position:relative;
		overflow:hidden;
	}
	#editsale .smallbar {
		display:none;
	}
	#editsale .billinginfo, #editsale .shippinginfo {
		float:left;
		width:40%;
		overflow:hidden;
	}
	#editsale .billingheader {
		float:left;font-size:large;font-weight:bold;
		width:40%;padding:10px 0 0 10px;
	}
	#editsale .shippingheader {
		float:left;font-size:large;font-weight:bold;width:40%;padding:10px 0 0 0;
	}
	/*#editsale .itemheader {
		float:left;font-size:large;font-weight:bold;width:405px;padding:10px 0 0 10px;
	}*/

	/** Customer Entry Window **/
	.accountnumber .ui-block-a {
		float: left;
		width: 74.875%;
	}
	.accountnumber .ui-block-b {
		float: left;
		width: 24.925%;
		padding-top: 0.5em;
	}

	/** sales receipt page **/
	.receipt-content {
        overflow: hidden; /* Use this or a "clearfix" to give the container height */
    }
    .receipt-content .ui-body {
       /*min-height: 14em;*/
    }
    #menucenter .ui-block-a,
	#menucenter .ui-block-b,
    .receipt-content .ui-block-a,
    .receipt-content .ui-block-b  {
      float: left;
      width: 49.95%;
    }
    #cusinfo .ui-block-a,
	#cusinfo .ui-block-b  {
      /*float: left;
      width: 49.95%;*/
      border-bottom: none;
    }
    #menulogout.ui-grid-b > .ui-block-a,
	#menulogout.ui-grid-b > .ui-block-b,
	#menulogout.ui-grid-b > .ui-block-c {
		float: left;
		width: 33.33%
	}
    .receipt-content .ui-block-a p,
    .receipt-content .ui-block-b p {
      font-size: .8em;
    }
    .receipt-content > div + div .ui-body {
        border-top-width: 1px;
    }
    .receipt-content > div:first-child .ui-body {
        border-bottom-width: 0;
    }
    .receipt-content > div:last-child .ui-body {
        border-left-width: 0;
    }


	/** Alert popup **/
	.mobile-alert {
		width: 325px;
	}
	#finalizestop .ui-dialog-contain,
	.finalizestop .ui-dialog-contain {
		width: 92.5%;
		max-width: 700px;
	}
	/*.notifications a.ui-btn {
		margin:-0.75em 0 -0.75em 0;
	}*/
	.notifybox a.ui-btn-inline {
		display: inline-block;
	}

	.img-preview-box {
          width: 50%;
          padding-bottom: 50%;
       }
	#potable .poordered,
	#potable .poshipto {
		display:table-cell;
	}
	/***** Galleria ****/
	.galleria { min-width: 335px; min-height: 320px; background: #000 }
	#o4w-attached-images { width: 475px; height: 350px; background: #000 }
	/***** Galleria ****/
}
/* breakpoint at 608px */
@media all and (min-width: 38em){
	.main { float: left; width:60%; }
	.sidebar { float: left; width:40%; }


	#skuinfo .skudata {
		float:left;
		width:400px;
		margin-right:3px;
	}
	#skuinfo .skuimg {
		float:left;
		width:430px;
	}
	#skuinfo img {
		max-width:420px;
	}
	#skuinfo #dlgresbuttons {
		width: 430px;
	}
	#skuinfo .dlgreslocations {
		margin-right:10px;
		padding:0;
		float:left;
		width:440px;
	}
	#skuinfo .dlgrespos {
		float:left;
		width:380px;
	}

	#cartcontainer .skunobox {
		display:inline;
	}

	/** JQuery Mobile Overrides **/
	.ui-content {
		/*padding: .25em*/
	}


	/** O4W Overrides **
	.o4w-dbgraphbox {
		width: 48%;
		height: 400px;
	}
	.o4w-graph {
		width: 100%;
		padding: 0;
	}*/
	.o4w-nopadding {
		padding: 0;
	}
	#frogcallupdate .ui-grid-a div[class^=ui-block]:nth-child(odd) ,
	#frogcallupdate .ui-grid-a div[class^=ui-block]:nth-child(odd)  {
	    background-color: inherit;
	    background-color: inherit;
	}
	#frogcallupdate-middle {
		background-color:  #d2d2d2; /*#c0c0c0;*/
	}

	#soubottom fieldset,
	#soebottom fieldset {
		padding-right: 1em;
	}

	#activityupdate,
	#salesupdate,
	#salesentry,
	#frogcallupdate {
		overflow: hidden; /* Use this or a "clearfix" to give the container height */
	}
	#salesupdate .ui-body {
	   min-height: 14em;
	}

	/** Responsive grid classes **/
	.ui-grid-a.rwd-grid > .ui-block-a,
	.ui-grid-a.rwd-grid > .ui-block-b {
		float: left;
		width: 50%;
	}
	.ui-grid-b.rwd-grid > .ui-block-a,
	.ui-grid-b.rwd-grid > .ui-block-b,
	.ui-grid-b.rwd-grid > .ui-block-c {
		float: left;
		width: 33%;
	}
	.ui-grid-c.rwd-grid > .ui-block-a,
	.ui-grid-c.rwd-grid > .ui-block-b,
	.ui-grid-c.rwd-grid > .ui-block-c,
	.ui-grid-c.rwd-grid > .ui-block-d {
		float: left;
		width: 25%;
	}
	.ui-grid-d.rwd-grid > .ui-block-a,
	.ui-grid-d.rwd-grid > .ui-block-b,
	.ui-grid-d.rwd-grid > .ui-block-c,
	.ui-grid-d.rwd-grid > .ui-block-d,
	.ui-grid-d.rwd-grid > .ui-block-e {
		float: left;
		width: 20;
	}

	#activityupdate .ui-grid-a > .ui-block-a,
	#activityupdate .ui-grid-a > .ui-block-b,
	#salesupdate .ui-grid-a > .ui-block-a,
	#salesupdate .ui-grid-a > .ui-block-b,
	#salesentry .ui-grid-a > .ui-block-a,
	#salesentry .ui-grid-a > .ui-block-b,
	#frogcallupdate .ui-grid-a > .ui-block-a,
	#frogcallupdate .ui-grid-a > .ui-block-b {
	  float: left;
	  width: 49.95%;
	}
	#salesupdate .ui-grid-a > .ui-block-a p,
	#salesupdate .ui-grid-a > .ui-block-b p,
	#salesentry .ui-grid-a > .ui-block-a p,
	#salesentry .ui-grid-a > .ui-block-b p {
	  font-size: .8em;
	}

	#activityupdate .ui-grid-b > .ui-block-a,
	#activityupdate .ui-grid-b > .ui-block-b,
	#activityupdate .ui-grid-b > .ui-block-c,
	#salesupdate .ui-grid-b > .ui-block-a,
	#salesupdate .ui-grid-b > .ui-block-b,
	#salesupdate .ui-grid-b > .ui-block-c,
	#salesentry .ui-grid-b > .ui-block-a,
	#salesentry .ui-grid-b > .ui-block-b,
	#salesentry .ui-grid-b > .ui-block-c,
	#frogcallupdate .ui-grid-b > .ui-block-a,
	#frogcallupdate .ui-grid-b > .ui-block-b,
	#frogcallupdate .ui-grid-b > .ui-block-c {
	  float: left;
	  width: 33.333%;
	}
	#salesupdate .ui-grid-b > .ui-block-a p,
	#salesupdate .ui-grid-b > .ui-block-b p,
	#salesupdate .ui-grid-b > .ui-block-c p,
	#salesentry .ui-grid-b > .ui-block-a p,
	#salesentry .ui-grid-b > .ui-block-b p,
	#salesentry .ui-grid-b > .ui-block-c p {
	  font-size: .8em;
	}

	#busphoneaddbox.ui-grid-a > .ui-block-a {
		width: 74.875%;
	}
	#busphoneaddbox.ui-grid-a > .ui-block-b {
		width: 24.925%;
	}


	#activityupdate > div + div .ui-body,
	#salesentry > div + div .ui-body,
	#salesupdate > div + div .ui-body {
		border-top-width: 1px;
	}
	#activityupdate > div:first-child .ui-body,
	#salesentry > div:first-child .ui-body,
	#salesupdate > div:first-child .ui-body {
		border-bottom-width: 0;
	}
	#activityupdate > div:last-child .ui-body,
	#salesentry > div:last-child .ui-body,
	#salesupdate > div:last-child .ui-body {
		border-left-width: 0;
	}
	#activitypopup,
    #customerPagepopup,
	#o4w_sales_update_popup,
  #o4w_sales_entry_deldate_popup {
		width: 500px;
	}
	#soeitempopup {
		width: 95%;
	}
	#finalizestop .dispatch-item,
	.finalizestop .dispatch-item  {
		float:left;
		width:350px;
	}
	#finalizestop .selectparent,
	.finalizestop .selectparent {
		float:left;
		min-width:300px;
		max-width:350px;
	}
	.finalizestop .comments {
		max-width: 700px;
        border: 1px solid red;
	}
    .emailreceipt {
        max-width: 500px;
    }
	.img-preview-box {
          width: 33.3%;
          padding-bottom: 33.3%;
       }
	/*#customer-bottom-table td.title-col {
		display:table-cell;
		width: 33%;
		padding: 0 10px 0 10px;
		font-weight: bold;
	}
	#customer-bottom-table td.data-col {
		width: 66%;
		padding: 0 10px 0 10px;
	}*/
}

/* Second breakpoint at 768px */
@media all and (min-width: 48em){
	.main { width:70%; }
	.sidebar { width:30%; }

	/** JQuery Mobile Overrides **/
	.ui-content {
		/*padding: .25em*/
	}

	/* You can also tweak any other styles in a breakpoint */
	.dlgresmain .filmstrip {display:block; }
	#skuinfo .skudata {
		float:left;
		width:400px;
		margin-right:10px;
	}
	#skuinfo .skuimg {
		float:left;
		width:430px;
	}
	#skuinfo img {
		max-width:420px;
	}
	#skuinfo .dlgreslocations {
		margin-right:10px;
		padding:0;
		float:left;
		width:440px;
	}
	#skuinfo .dlgrespos {
		float:left;
		width:380px;
	}
	/** window setup **/
	#windowsetup-table td {
		width: 25%;
		vertical-align: middle;
	}

	/** mfgl gridview ***/
	#mfggrid .ui-block-a,
	#mfggrid .ui-block-b,
	#mfggrid .ui-block-c,
	#mfggrid .ui-block-d,
	#mfggrid .ui-block-e {
		float: left;
		width: 25%;
	}

	#salesentry .ui-table .img-column {
		display: table-cell;
		padding: 8px 0 0 0;
	}
	#soe-item-section .soe-qty-column.soe-edit-mode,
    .item-section .qty-column.item-edit-mode {
		width: 135px;
	}

	/** Edit Sale **/
	#editsale .logo {
		float:left;width:525px;overflow:hidden;padding-top:10px;height:120px;
	}
	#editsale .logo img {
		max-height:110px;max-width:505px;
	}
	#editsale .saleinfo {
		float:right;width:230px;height:130px;overflow:hidden;
	}
	#editsale .savefield {
		display:block;
		position:relative;
		overflow:hidden;
	}
	#editsale .billingheader {
		float:left;font-size:large;font-weight:bold;width:340px;padding:10px 0 0 10px;
	}
	#editsale .shippingheader {
		float:left;font-size:large;font-weight:bold;width:300px;padding:10px 0 0 0;
	}
	#editsale .smallbar {
		display:none;
	}
	#editsale .billinginfo, #editsale .shippinginfo {
		float:left;width:350px;overflow:hidden;
	}
	#editsale .itembar {
		position:relative;overflow:hidden
	}
	#editsale .itemheader {
		display:block;
		float:left;font-size:large;font-weight:bold;width:405px;padding:10px 0 0 10px;
	}

	#cartcontainer {
		width:738px;
		height:228px;
		overflow-y:auto;
		margin:0;
		padding:0;
		background-color:#ffffff;
		float:left;
	}
	#cartcontainer .cartrow {
		border-bottom:1px solid #000000;
		overflow:hidden;
		width:738px;
		height:80px;
		padding:0;
		margin:0;
		float:left;
	}
	#cartcontainer .imgbox {
		float:left;
		overflow:hidden;
		height:75px;
		width:75px;
		padding: 0;
	}
	#cartcontainer .imgbox img {
		max-width:75px;
		max-height:75px;
	}
	#cartcontainer .skubox {
		float:left;overflow:hidden;height:70px;width:375px;font-size:small;
		padding:5px 5px 5px 5px;
	}
	#cartcontainer .qtybox {
		float:left;height:70px;width:105px;
		padding: 0;
		padding-top:25px;
	}
	#cartcontainer .xretailtd {
		width: 170px;
		padding: 0;
	}
	#cartcontainer .xretailbox {
		float:left;height:55px;width:160px;
		padding: 25px 5px 0 0;
		font-size:large;font-weight:bold;text-align:right;
	}
	#cartcontainer .deletebox {
		display:none;float:left;
		height:75px;
		width:70px;
		padding:0px;
		text-align:center;
	}
	#cartcontainer .delete {
		color: red;
	}
	#itemscrollbox {
		float:left;width:36px;overflow:hidden;
	}
	/** Scan Window **/
	#scanwindow .ui-dialog-contain {
		width: 92.5%;
		max-width: 700px;
		margin: 10% auto 15px auto;
		padding: 0;
		position: relative;
		top: -15px;
	}

	#cardupdate .ui-dialog-contain,
	#salesupdate .ui-dialog-contain,
	#salesentry .ui-dialog-contain,
	#activityupdate .ui-dialog-contain,
	#frogcallupdate .ui-dialog-contain {
		width: 92.5%;
		max-width: 700px;
		margin: 10% auto 15px auto;
		padding: 0;
		position: relative;
		top: -15px;
	}

	#salesupdate .ui-body {
	 /*  min-height: 18em;*/
	}
	#activityupdate .ui-grid-a > .ui-block-a,
	#activityupdate .ui-grid-a > .ui-block-b,
	#cardupdate .ui-grid-a > .ui-block-a,
	#cardupdate .ui-grid-a > .ui-block-b,
	#salesupdate .ui-grid-a > .ui-block-a,
	#salesupdate .ui-grid-a > .ui-block-b,
	#salesentry .ui-grid-a > .ui-block-a,
	#salesentry .ui-grid-a > .ui-block-b,
	#frogcallupdate .ui-grid-a > .ui-block-a,
	#frogcallupdate .ui-grid-a > .ui-block-b {
	  float: left;
	  width: 49.95%;
	}

	#activityupdate .ui-grid-b > .ui-block-a,
	#activityupdate .ui-grid-b > .ui-block-b,
	#activityupdate .ui-grid-b > .ui-block-c,
	#salesupdate .ui-grid-b > .ui-block-a,
	#salesupdate .ui-grid-b > .ui-block-b,
	#salesupdate .ui-grid-b > .ui-block-c,
	#salesentry .ui-grid-b > .ui-block-a,
	#salesentry .ui-grid-b > .ui-block-b,
	#salesentry .ui-grid-b > .ui-block-c,
	#frogcallupdate .ui-grid-b > .ui-block-a,
	#frogcallupdate .ui-grid-b > .ui-block-b,
	#frogcallupdate .ui-grid-b > .ui-block-c {
	  float: left;
	  width: 33.333%;
	}



	#busphoneaddbox.ui-grid-a > .ui-block-a {
		width: 74.875%;
	}
	#busphoneaddbox.ui-grid-a > .ui-block-b {
		width: 24.925%;
	}

	#activityupdate > div:first-child .ui-body,
	#salesentry > div:first-child .ui-body,
	#salesupdate > div:first-child .ui-body {
		border-bottom-width: 1px;
	}
	#activityupdate > div + div .ui-body,
	#salesentry > div + div .ui-body,
	#salesupdate > div + div .ui-body {
		border-left-width: 0;
	}


	/* Medium desktop: 4 tiles */
       .img-preview-box {
          width: 25%;
          padding-bottom: 25%;
       }

    .polaroid2 {
	  position: relative;
	  width: 220px;
	}

	.polaroid2 img {
	  border: 10px solid #fff;
	  /*border-bottom: 45px solid #fff;*/
	  -webkit-box-shadow: 3px 3px 3px #777;
	     -moz-box-shadow: 3px 3px 3px #777;
	          box-shadow: 3px 3px 3px #777;
	}

	.polaroid2 p {
	  position: absolute;
	  text-align: center;
	  width: 100%;
	  bottom: 0px;
	  font: 400 18px/1 'Kaushan Script', cursive;
	  color: #888;
	}

	#frogmainmenu .ui-grid-a > .ui-block-a,
	#frogmainmenu .ui-grid-a > .ui-block-b {
		float: left;
		width: 6.666%;
	}
	#frogmainmenu .ui-grid-duo .ui-block-a {
		clear:none;
	}

	/***** Galleria ****
	.galleria{ width: 700px; height: 400px; background: #000 }
	/***** Galleria ****/

	/** O4W Overrides **/

}
/* Third breakpoint at 992px */
/* Adjusts column proportions, tweaks base H1 */
@media all and (min-width: 62em) {
    .dlgresmain .filmstrip {display:block; }
	.filmstripcontainer {
		display: block;
		float:right;height:700px;width:126px;overflow:hidden;margin-top:20px;
	}
	.filmstripparent {
		float:right;height:620px;width:120px;overflow-y:scroll;overflow-x:hidden;padding:0;
		margin:0;text-align:center;font-size:small;background-color:#000000;
		border:3px solid #000000;position:relative;
	}
	.filmstripchild {
		width:120px;padding:0;margin:0;position:absolute;top:-5px;
	}
	.filmstripimgwrap {
		height:150px;width:120px;margin-top:5px;float:left;background-color:#ffffff;
	}
	.filmstripimg {
		max-width:110px;max-height:110px;
	}

	#skuinfo #dlgresbuttons {
		width: 840px;
	}
	/** O4W Overrides **/
	.o4w-dbgraphbox {
		width: 48%;
		height: 400px;
	}
	.o4w-graph {
		width: 100%;
		height: 275px;
		margin: 5px;
	}

	.o4w-graphvariables {
		margin-top:10px;
	}

	/** Dashboard Grid **/
	.o4wdashboard .ui-block-a,
	.o4wdashboard .ui-block-b {
		float: left;
		width: 49.95%;
		padding: 10px:
	}
	.o4wdashboard .ui-navbar .ui-block-a,
	.o4wdashboard .ui-navbar .ui-block-b {
		float: left;
		width: 49.95%;
		padding: 0;
	}

	/** mfgl gridview ***/
	#mfggrid .ui-block-a,
	#mfggrid .ui-block-b,
	#mfggrid .ui-block-c,
	#mfggrid .ui-block-d,
	#mfggrid .ui-block-e {
		float: left;
		width: 20%;
	}
	#mfggrid .ui-block-a {
		clear: left;
	}

	#soe-item-section .ui-block-a,
    .item-section .ui-block-a {
		float: left;
		width: 70.875%
	}
	#soe-item-section .ui-block-b,
    .item-section .ui-block-b {
		float: left;
		width: 24.925%
	}
}