/* Core CSS */
html
{
    height: 100%;
    width: 100%;
    background-color: #fff;
    -ms-overflow-style: scrollbar;  /* Force standard scroll bars rather than scrollbars which overlay the content in IE10 and IE11*/
}

body
{
    font-size: .85em;
    font-family: Calibri, Arial, Trebuchet MS;
    margin: 0;
    padding: 0;
    color: #696969;    
    background-color: #fff !important;
    background-image: none !important;    
}

@media (max-width: 829px) {
    body {
        padding-top: 50px;
    }
}

a.ui-isotrak-body-anchor
{
	background: none;
	border: 0;
}

a.ui-isotrak-widget-link
{ 
	background: none;
	border: 0;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

/*Div Id*/

#title
{
    float: left;
}

.logoBar {
    height:38px;
    width:100%;
    z-index:99;
    background-color:#ffffff;
}

@media (max-width: 829px) {
    .logoBar {
        display:none;
    }

}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
    border-bottom: 1px solid #ddd;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    background-color: #fff;    
    overflow: hidden;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 0.5em 0;
    padding: 0.5em;
    border: 1px solid #CCC;
}

fieldset p
{
    margin: 2px 12px 10px 10px;
}

legend
{
    padding: 4px 4px 4px 4px;
}

input[type="text"]
{
    width: 200px;
    border: 1px solid #CCC!important;
}

input[type="password"]
{
    width: 200px;
    border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

table
{
    /*border: solid 1px #e8eef4;*/
    border-collapse: collapse;
}

table td
{
    padding: 5px;
    /*border: solid 1px #e8eef4;*/
}

table th
{
    padding: 6px 5px;
    text-align: left;
    /*background-color: #e8eef4;
    border: solid 1px #e8eef4;*/
}

.isotrak-icon td
{
    padding-top:8px !important;
    padding-bottom: 5px !important;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
    height: 0;
    font-size: 0;
}

.error
{
    color: Red;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label, .display-field, .editor-field
{
    margin: 0.5em 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

#main
{
    clear: both;
}

table.fullscreen
{
    width:100%;
}

.buildToggleForeground {
    z-index: 999;
    overflow: hidden;
}


#downgradeCompatWarning {
    color: Red;
    border: 1px solid red;
    margin: 1em;
    padding: 1em;
    display: none;
}

    #downgradeCompatWarning strong {
        display: block;
        padding-bottom: 0.5em;
        text-decoration: underline;
    }

    #downgradeCompatWarning a {
        color: Red;
        font-weight: bold;
        display: block;
        padding-top: 0.5em;
    }

#buildDetails {
    position: fixed;
    bottom: 0;
    left: 0;
    border-top: 1px solid #888;
    border-right: 1px solid #888;
    padding: 0.25em;
    background-color: #ccc;
    overflow: hidden;
    width: auto;
    z-index: 10;
}

    #buildDetails #buildDetailsSummaryLink {
        float: left;
        padding: 0.25em;
    }

        #buildDetails #buildDetailsSummaryLink a {
            text-decoration: none;
            color: #888;
        }

    #buildDetails div#buildDetailsSummary {
        float: left;
        display: none;
    }

        #buildDetails div#buildDetailsSummary dl {
            margin: 0;
            padding: 0.25em;
            overflow: hidden;
        }

            #buildDetails div#buildDetailsSummary dl dd {
                margin: 0;
                float: left;
                margin-right: 0.5em;
            }

                #buildDetails div#buildDetailsSummary dl dd:after {
                    color: #888;
                    content: " | ";
                }

                #buildDetails div#buildDetailsSummary dl dd:last-child:after {
                    content: "";
                }

        #buildDetails div#buildDetailsSummary .expandedBuildListing {
            position: fixed;
            bottom: 2.25em;
            background-color: #ccc;
            border: 1px solid #888;
            overflow-y: scroll;
            max-height: 200px;
        }

            #buildDetails div#buildDetailsSummary .expandedBuildListing ul {
                list-style: none;
                margin: 0;
                padding: 0.25em;
            }

/* Common */

.checkboxList
{
	margin: 0;
	padding: 0 0 10px 0;
	list-style: none;
}

label.disabled {
    color: #aaaaaa;
}

/* Adornments CSS */

.logoContainer
{
	background-repeat: no-repeat;
	height: 36px !important;
	float: left;
    text-indent:-9999px;
    background-size:contain;
    margin-top: 1px;
    margin-left: 1px;
    -webkit-background-size:contain;
    -moz-background-size:contain;
    -o-background-size:contain;
    -ms-background-size:contain;
}

#logindisplay
{
	float: right;
	padding-right: 5px;
	/*width: 500px;*/
}

div#logonAreaActionUserDetails
{
    float: right;
}

div#logonAreaActionButtons
{
    float: right;
    clear: both;
    padding-top: 3px;
}

div#logonAreaActionButtons .actionButtonElement
{
    float: left;
    margin-right: 0.25em;
}

/* MENU */

.tb-navbar-nav .tb-badge-counter.empty {
    padding: 0;
    min-width: 0;
}

/* MENU END */

#toggle-help-text, #anchor-back-button
{
	float: right;
	display: inline-block;
	margin-right: 10px;
}

#toggle-help-text img, #anchor-back-button img
{
	border: 0;
}

.helpText
{
	display: none;
	border: 1px solid #ccc;
	margin: 10px;
	padding: 2px;
}

.helpText p
{
	margin: 2px;
	padding: 0;
	font-size: 12px !important;
}

.searchTerm
{
	color: Red;
}

.loanIndicatorFlag-red
{
	color: Red;
}

.loanIndicatorFlag-orange
{
    color: Orange;
}

.dataTables_info
{
	width: 100%;
}

.dataTables_paginate
{
	width: auto !important;
}

.ragStatusR, .RAGLevel.R, .ui-slider-range-lower, .ui-slider-range-lower-input
{
	background-color: #eb2524 !important;
	color: #fff !important;
}

.ragStatusR a
{
	color: #fff !important;
}

.ragStatusA, .RAGLevel.A, .ui-slider-range-lower.A, .ui-slider-range-middle
{
	background-color: #f8a51b !important;
	color: #fff !important;
}

.ragStatusA a
{
	color: #fff !important;
}

.ragStatusG, .RAGLevel.G, .ui-slider-range-upper, .ui-slider-range-upper-input
{
	background-color: #accf37 !important;
	color: #000 !important;
}

.ragStatusG a
{
	color: #000 !important;
}

.ragStatusB, .RAGLevel.B
{
	background-color: #6378FF !important;
	color: #FFF !important;
}

.ArrivalForecastCell {
    text-align: center;
    font-weight: bold;
}
.ui-slider-range-middle
{
	background-image: none !important;
}

.ragStatusW, .RAGLevel.W
{
	background-color: #FFFFFF !important;
	color: #000000 !important;
}

.kpi-list li, .kpi-list .ragStatusR span
{
	line-height: normal !important;
}

.kpi-list-table-data
{
    padding: 0.25em;
    margin: 0.25em;
}

.ui-autocomplete-loading
{
	background: white url('/resources/images/jquery/ui-anim_basic_16x16.gif') right center no-repeat;
}

.ui-autocomplete
{
	max-height: 300px;
	overflow-y: auto; /* prevent horizontal scrollbar */
	overflow-x: hidden; /* add padding to account for vertical scrollbar */
	padding-right: 20px;
}

.ui-icon-white
{
	background-image: URL(/resources/images/jquery/ui-icons_ffffff_256x240.png) !important;
}

.driver
{
	background: transparent url(/resources/images/CustomIcons/16px/Driver.png) no-repeat left !important;
	padding-left: 20px;
}

.driverActive
{
	background: transparent url(/resources/images/CustomIcons/16px/DriverActive.png) no-repeat left !important;
	padding-left: 20px;
}

.driverSignedOn
{
	background: transparent url(/resources/images/CustomIcons/16px/DriverSignedOn.png) no-repeat left !important;
	padding-left: 20px;
}

.resource
{
	background: transparent url(/resources/images/CustomIcons/16px/Resource.png) no-repeat left !important;
	padding-left: 20px;
}

.resource-tooltip.has-problem
{
    margin-top: 5px;
    border-top: 1px dotted #9ca1a4;
    padding-top: 5px;
    color: #f00;
    font-weight: 700;
	text-align: center;
}

.tractor
{
	background: transparent url(/resources/images/CustomIcons/16px/Tractor.png) no-repeat left !important;
	padding-left: 20px;
}

.resource.tractor.has-problem {
    background: url("/resources/images/CustomIcons/16px/Tractor_Red.png") no-repeat scroll left center transparent !important;
    padding-left: 20px;
}

.trailer
{
	background: transparent url(/resources/images/CustomIcons/16px/Trailer.png) no-repeat left !important;
	padding-left: 20px;
}

.resource.trailer.has-problem {
    background: url("/resources/images/CustomIcons/16px/Trailer_Red.png") no-repeat scroll left center transparent !important;
    padding-left: 20px;
}

.rigid, .drag
{
	background: transparent url(/resources/images/CustomIcons/16px/Resource.png) no-repeat left !important;
	padding-left: 20px;
}

.external
{
	background: transparent url(/resources/images/CustomIcons/16px/External.png) no-repeat left !important;
	padding-left: 20px;
	padding-bottom: 2px;
	border: none !important;
}

.resource.carrier
{
	background: transparent url(/resources/images/CustomIcons/24px/OutsourcedIcon.png) no-repeat left !important;
	padding-left: 20px;
}


.mobile-resource
{
	background: transparent url(/resources/images/CustomIcons/16px/Mobile.png) no-repeat left !important;
	padding-left: 20px;
}

.visit-ref-tooltip
{
	min-width: 180px;
}

.visit-ref-tooltip p
{
	line-height: 0;
	margin-bottom: 10%;
	font-weight: bold;
}

.visit-ref-tooltip ol
{
	padding-left: 0%;
	list-style-position: inside;
}

.visit-ref-tooltip ol li
{
	margin-top: 3%;
}

.visit-ref-indicator
{
	width: 10px;
	height: 10px;
	margin-bottom: 6px;
    margin-left: 4px;
}

.visit-ref-item {
    word-wrap: break-word;
}


.kpi-container
{
	overflow: hidden;
}

ul.kpi-list
{
	list-style: none;
}

ul.kpi-list li
{
	float: left;
	width: 175px;
	text-align: center;
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 5px;
	border: 1px solid #000;
	margin-top: 5px;
	background-image: url(/resources/images/default/kpi-shadow.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

ul.kpi-list li span
{
	display: block;
	font-size: 2em;
}

ul.kpi-list li.fullWidth
{
	width: 580px;
}

.first-kpi
{
	clear: left;
}

.last-kpi
{
	clear: right;
}

.isotrak-ui-dialog-buttonset-checkbox
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    text-indent: -99999px !important;
}

#themePickerDialog
{
	display: none;
	overflow: hidden;
}

#themePickerDialog ul
{
	/*list-style: none;*/
	overflow: hidden;
}

#themePickerDialog ul li
{
	float: left;
	width: 250px;
}

#themeSwitcherListItemThumbnail
{
	position: fixed;
	display: none;
    z-index: 105;
}

#themeSwitcherListItemThumbnail img
{
	width: 90px;
	height: 80px;
}

.page-waitingActive
{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0.75;

}
.page-loading
{
	background-image: url('/resources/images/default/ajax-loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	z-index: 9999;
	min-height: 50px;
}

.table-loading
{
   	background-image: url('/resources/images/default/ajax-loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	z-index: 9999;
	height: 50px;
	/*width: 50px;*/
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top:50%;
}

.ui-widget .filterPreferencesDialogContainer {
    overflow-x: hidden !important;
}

.ui-widget .filterPreferencesDialog {
    padding-bottom: 4px;
}

.ui-widget .filterPreferencesDialog .tb {
    font-size: 0.9em;
    font-family: Arial, 'Lucida Grande', 'Lucida Sans', sans-serif;
}

.ui-widget .filterPreferencesDialog .tb-nav-tabs li a:focus {
    outline: 0;
}

.ui-widget .filterPreferencesDialog .tb-nav-tabs li.activeTab a {
    font-weight: bold;
    color: #FF4500;
}

.ui-widget .filterPreferencesDialog .tb-nav-tabs span.activeFilter {
    font-weight: bold;
    float: right;
    padding: 8px;
    padding-right: 0;
    color: #555555;
    font-size: 0.9em;
}

.ui-widget .filterPreferencesDialog .tb-nav-tabs span.activeFilter span {
    font-weight: normal;
    margin-left: 4px;
}

.ui-widget .filterPreferencesDialog .tabContent {
    padding: 8px 22px;
    border: 1px solid #dddddd;
    margin: 0;
    margin-top: -10px;
    border-top: 0;
    background-color: #ffffff;
}

.ui-widget .filterPreferencesDialog .tileSelector .tiles {
    margin-left: -17px;
    margin-right: -17px;
}

.ui-widget .filterPreferencesDialog .tileSelector .filter .tb-input-group {
    margin-right: -15px;
}

.ui-widget .filterPreferencesDialog .filterRow {
    margin-top: 17px;
    line-height: 14px;
}

.ui-widget .filterPreferencesDialog .filterOnDesc {
    font-weight: bold;
    margin-right: 8px;
}

.ui-widget .filterPreferencesDialog .filterType {
    margin-right: 14px;
}

.ui-widget .filterPreferencesDialog .filterType input {
    vertical-align: middle;
}

.server-validation-error {
    background-color: #d43f3f;
    color: #ffffff;
    padding: 2px 0;
    text-align: center;
    margin: 0;
}

.ui-widget .container.edit .filterPreferencesDialog .server-validation-error {
    margin-top: 4px;
}

.logoBar .username {
    display:block;
    float: left;
    line-height: 38px;
}

.isotrakLogo {
    float:right;
    height:38px;
    width:133px;
    background: url("/resources/images/default/ISO_GREY.png") right 9px no-repeat transparent;
    text-indent:-9999px;
    overflow:hidden;
    margin-right:6px;
}

.carouselBrandLogo
{
	position: fixed;
	top: 0;
	left: 0;
	width: 313px;
	height: 38px;
	background-image: url(/resources/images/default/poweredBy.png);
}

span.gpsWarningIndicator
{
	text-indent: -9999px;
	height: 20px;
	width: 20px;
	display: inline-block;
	background-image: url(/resources/images/CustomIcons/16px/WarningOccurred.png);
	background-repeat: no-repeat;
}

span.connectionWarningIndicator
{
	text-indent: -9999px;
	height: 20px;
	width: 20px;
	display: inline-block;
	background-image: url(/resources/images/CustomIcons/16px/SomethingHappened.png);
	background-repeat: no-repeat;
}

span.gpsWarningIndicatorLarge
{
	height: 24px;
	width: 24px;
	background-image: url(/resources/images/CustomIcons/24px/WarningOccurred.png);
}

span.connectionWarningIndicatorLarge
{
	height: 24px;
	width: 24px;
	background-image: url(/resources/images/CustomIcons/24px/SomethingHappened.png);
}

span#privateMode
{
    display: inline-block;
    padding-left: 10px;
}


#datamartfault
{
   	position: fixed;
	border: 3px double black;
	padding: 2px;
	background-color:red;
	color: White;
	height: 1.5em;
	bottom: 0.25em;
	right: 0;
	font-weight: bold;
	text-decoration: blink
}

#sapWidgetOptions #sapSelection
{
    padding-bottom: 10px;
}

tr.unsortable th, tr.unsortable td
{
    cursor: default !important;
}

/*
    Send Driver Message
*/

#MessageRecipients
{
    border: 1px solid black;
    height: 100px;
    overflow-x: auto;
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
    padding: 10px 10px 5px 10px;
}

#MessageRecipients li
{
    overflow: hidden;
}

#MessageRecipients li:hover
{
    background-color: Silver;
}

#MessageRecipients .recipientType
{
    float: left;
    margin-right: 5px;
}

#MessageRecipients .recipientItem
{
    display: block;
    float: left;
}


#MessageRecipients .recipientRemove
{
    float: right;
    margin-left: 5px;
}

#DriverMessage
{
    display: block;
    width: 418px;
    margin-bottom: 5px;
}

td.group
{
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
    font-weight: bold;
}

td.details
{
    background-color: #d1cfd0;
    border: 2px solid #A19B9E;
}

/* A list whereby the contents are floated so appear kind of like buttons */
.floatedList
{
    margin-left: 0;
	padding-left: 0;
	list-style: none;
	overflow: hidden;
	clear: both;
}
.floatedList li
{
	width: 250px;
	float: left;
	cursor: pointer;
	margin-right: 20px;
	margin-bottom: 3px;
	padding: 3px;
}

.datatableEditorRow label
{
    display: block;
}

.datatableEditorError
{
    color: Red;
    display: none;
}

.dropdownlistEditorError
{
    color: Red;
    display: none;
}

.datatableEditorButtonCell
{
    width: 200px;
    text-align: right;
}


/* Dashboard code to handle alternate row colouring */
/* Overridden in theme zzz css file */
.alternateRow
{
    background-color: #eff5ce;
}

a img
{
    border: 0;
}

/* Used to specify the location of the map scale line */
.olControlScaleLine
{
    bottom: 25px !important;  /* Nudged up a little due to the PTV/Navtec/And copyright message*/
}

.isotrak_MappingTooltip {
    visibility: visible;
    max-width: 350px !important;
}

ul.ui-autocomplete {
    z-index: 6000 !important;
}

.NoCellPadding
{
    padding: 0 0 0 0 !important;
}

.KpiHeaderBox
{
    padding: 4px 0 5px 0;
}
.KpiHeaderText
{
   font-weight:bolder;
}

.kpiLozengerDetail
{
   height:120px;
}

.isMandatory {
    font-weight: bold;
    color: red;
}

.isMandatory:before {
    content: '* ';
}

div.lastUpdatedBy {
    font-weight: normal;
    font-size: 0.6em;
    float: right;
    margin-right: 2em;
}

/*
    Context button menu CSS
*/
.IsotrakActionMenu
{
    display: none;
    list-style-type: none;
    padding: 5px;
    margin: 0;
    border: 1px solid #DCDCDC;
    background-color: #fff;
    position:absolute;
    z-index: 50;
}

.IsotrakActionMenu li
{
    padding: 5px 3px 5px 3px;
    margin: 0;
    width: 150px;
    border: 1px solid #fff;
    color: Black;
    font-weight: normal;
}

.IsotrakActionMenu li:hover
{
    cursor: pointer;
    background-color: #DCDCDC;
}

fieldset.commonInputFieldset div.inputSpacer {
    line-height: 1.2em;
    margin-bottom: 1em;
    margin-top: 0.25em;
}


fieldset.commonInputFieldset div.inputSpacer.inputSpacerInline label {
    display: inline;
}

fieldset.commonInputFieldset input.wideTextBox{
    width: 24em;
}

.searchContainerActionButtonContainer {
    float: right;}

.clear {
    clear: both;
}

.displayDeliveryItems,.addReferencesButton {
    float: right;
    width: 16px;
}

.displayDeliveryItems {
    margin: 0 3px 3px 0;
}

#VisitReferencesPopup {
    display: none;
}

#VisitReferencesPopup table {
    width: 100%;
}

#VisitReferencesPopup input[type='text']
{
    width: 500px;
    padding: 4px;
}

#VisitReferencesPopup input[role='button']
{
    width: 60px;
    float: right;
}

.hoverListItemDialog {
    display: none;
    border: 1px solid #000;
    margin: 5px;
    padding: 5px;
    overflow: auto;
}

.hoverListItemDialog ol {
    padding-left: 0;
    list-style-position: inside;
    margin: 0 30px 0 5px;
    white-space: nowrap;
}

.hoverListItemDialog ol li {
    border-bottom: 1px dotted #696969;
    padding: 5px;
}

.btn-s {
    width: 75px;
}

.btn-m {
    width: 150px;
}

.btn-l {
    width: 200px;
}

.select-m {
    width: 300px;
}

.spacer {
    margin-bottom: 10px;
}

.spacer-m {
    margin-bottom: 20px;
}

.container.edit .buttonContainer,
.tb .buttonContainer,
 .ui-dialog .buttonContainer {
    border-top: 1px solid #aaaaaa;
    margin: 10px 0 -5px;
    padding-top: 10px;
    text-align: right;
}

.tb .buttonContainer {
    padding-top: 5px;
    margin-bottom: -4px;
    margin-left: -12px;
    margin-right: -12px;
}

.topBuffer8 {
    margin-top: 8px;
}

.topBuffer30 {
    margin-top: 30px;
}

#carouselControls button {
    height: 28px;
}

div.interrupt-dialog {
    z-index: 1000 !important;
    border: 10px solid #D43F3F;
    outline: #000 solid 1px;
}

h1.interrupt-alert-header {
    color: #FFF;
    text-align: center;
    margin: 10px 0;
    padding: 10px;
    background: #d43f3f;
    background: -webkit-linear-gradient(#d43f3f, #f00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d43f3f, #f00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d43f3f, #f00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d43f3f, #f00); /* Standard syntax (must be last) */
    border: 1px solid #000;
    text-transform: uppercase;
}

div.interrupt-alert-message-wrapper {
    border: 1px solid #9ca1a4;
    height: 200px;
    overflow: auto;
    background: #FFF;
}

h1.interrupt-alert-header,small.interrupt-timestamp {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}

p.interrupt-alert-message, small.interrupt-timestamp {
    display: block;
    padding: 10px;
}

small.interrupt-timestamp, h1.interrupt-alert-header, div.interrupt-alert-message-wrapper {
    -webkit-box-shadow: 0 1px 1px 0 #000;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: 0 1px 1px 0 #000;
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.75);
    box-shadow: 0 1px 1px 0 #000;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.75);
}

small.interrupt-timestamp {
    font-weight: bold;
    color: #FEFEFE;
    background: #9CA1A4;
}
.error-link {
    background-color: transparent;
    color: white !important;
}

#driver-break-due-widget {
    font-size: 0.90em !important;
}


#back-of-store-tabs .tb-tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px;
}
#back-of-store-tabs .tb label {
    font-weight: normal;
}
#back-of-store-tabs .tb label.bold {
    font-weight: bold;
}
#back-of-store-tabs .tb-nav-tabs {
    margin-bottom: 0;
}
#back-of-store-tabs .tb-active a {
    font-weight: bold;
    color: orangered !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
#back-of-store-tabs .tb-tab-content {
    border-bottom: 1px solid #ddd;
}
#back-of-store-tabs p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
.breadcrumbsContainer {
    margin-top: 43px;    
    height: 23px;
}

@media (max-width: 829px) {
    .breadcrumbsContainer {
        margin-top: 1px;
    }
}

.breadcrumbs {    
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 4px;
    color: #696969;
    float: left;    
}

.breadcrumbs span, .breadcrumbs a {
    line-height: 14px;
}

.breadcrumbs > .divider {
    font-size: 8px;
    top: 0;
}

.tb .breadcrumbs > a,
.tb .breadcrumbs > a:hover,
.tb .breadcrumbs > a:focus {
    color: #696969;
    text-decoration: underline;
}

.breadcrumbs > .pageTitle {
    font-weight: bold;
}

.breadcrumbs > .pageTitle.large {
    font-size: 1.4em;
}

div#carouselControls
{
	float: right;
    margin-right: 1px;
    display: none;
}

div#carouselControls > button {
    margin-left: 1px;
    margin-right: 0;
}

div#carouselControls > button > .ui-button-text {
    padding: 2px;
}

#buttons-Dashboard
{
	padding-right: 10px;
	/*width: auto;*/
	float: left;
	overflow: hidden;
}

div#carouselControls button
{
	float: left;
}
.fcbklist
{
	border-color: #C1C1C1;
	border-style: none solid solid;
	border-width: medium 1px 1px;
	height: 300px;
	list-style-type: none;
	margin: 0pt;
	overflow: auto;
	padding: 0pt;
	z-index: 1;
}

#fcbklistFilters
{
	border-bottom: 0;
	padding: 4px 0pt 0pt;
	zoom: 1;
}

#fcbklistFilters .selections
{
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0;
}

#fcbklistFilters .selections li
{
	/*border: 1px solid #D8DFEA;*/
	border: 1px solid #ccc;
	float: left;
	padding: 0;
	height: 20px;
	margin-right: 3px;
}

/*
#fcbklistFilters .selections li.view_on
{
	background: transparent url(/resources/images/fcbklist/multi_selector_bg.gif) repeat-x scroll center top;
}
*/
#fcbklistFooter
{
	padding: 4px 0pt 4px;
	zoom: 1;
}

#fcbklistFooter ul
{
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 3px;
}

#fcbklistFooter ul li
{
	float: left;
	padding: 0;
	height: 20px;
	margin-right: 3px;
}

#fcbklistFooter .selections li a
{
	text-align: center;
	width: 100px;
	padding: 4px 7px;
	/*color: #3B5998;*/
	text-decoration: none;
	line-height: 1em;
	display: block;
}

.fcbklist li
{
	background-color: #F7F7F7;
	border: 1px solid #D8DFEA;
	display: block;
	float: left;
	list-style-image: none;
	list-style-type: none;
	margin: 2px;
	padding: 2px;
	

	font-size: 8pt;
}

#fcbklistFilters .selections li a
{
	text-align: center;
	min-width: 100px;
	padding: 4px 7px;
	text-decoration: none;
	line-height: 1em;
	display: block;
}

.fcbklist .fcbklist_item
{
	background-color: #FFFFFF;
	clear: both;
	position: relative;
	height: 50px;
	overflow: hidden;
}
.fcbklist .itemover
{
	background-color: #F7F7F7 !important;
	cursor: pointer;
}
.fcbklist .liselected
{
	border: 1px solid #149525 !important;
	background-color: #D7F8AC !important;
}
.fcbklist .itemselected
{
	background-color: #D7F8AC !important;
	background-image: url(/resources/images/fcbklist/checked.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.fcbklist strong
{
	color: #222222;
	font-size: 8pt;
	margin-top: 0;
	width: 65px;
}
.clearer
{
	clear: both;
	height: 0;
	font-size: 0;
}

.fcbklistLoading
{
	background-image: url('/resources/images/default/ajax-loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	z-index: 999;
}

/*styles for jquery ui daterangepicker plugin */

.ui-daterangepickercontain
{
	position: absolute;
	z-index: 999;
}
.ui-daterangepickercontain .ui-daterangepicker
{
	float: left;
	padding: 5px !important;
	width: auto;
	display: inline;
	background-image: none !important;
	clear: left;
}
.ui-daterangepicker ul, .ui-daterangepicker .ranges, .ui-daterangepicker .range-start, .ui-daterangepicker .range-end
{
	float: left;
	padding: 0;
	margin: 0;
}
.ui-daterangepicker .ranges
{
	width: auto;
	position: relative;
	padding: 5px 5px 40px 0;
	margin-left: 10px;
}
.ui-daterangepicker .range-start, .ui-daterangepicker .range-end
{
	margin-left: 5px;
}
.ui-daterangepicker button.btnDone
{
	margin: 0 5px 5px 0;
	position: absolute;
	bottom: 0;
	right: 0;
	clear: both;
	cursor: pointer;
	font-size: 1.1em;
}
.ui-daterangepicker ul
{
	width: 17.6em;
	background: none;
	border: 0;
}
.ui-daterangepicker li
{
	list-style: none;
	padding: 1px;
	cursor: pointer;
	margin: 1px 0;
}
.ui-daterangepicker li.ui-state-hover, .ui-daterangepicker li.ui-state-active
{
	padding: 0;
}
.ui-daterangepicker li.preset_0
{
	margin-top: 1.5em !important;
}
.ui-daterangepicker .ui-widget-content a
{
	text-decoration: none !important;
}
.ui-daterangepicker li a
{
	font-weight: normal;
	margin: .3em .5em;
	display: block;
}
.ui-daterangepicker li span
{
	float: right;
	margin: .3em .2em;
}
.ui-daterangepicker .title-start, .ui-daterangepicker .title-end
{
	display: block;
	margin: 0 0 .2em;
	font-size: 1em;
	padding: 0 4px 2px;
}
.ui-daterangepicker .ui-datepicker-inline
{
	font-size: 1em;
}
.ui-daterangepicker-arrows
{
	padding: 2px;
	width: 204px;
	position: relative;
}
.ui-daterangepicker-arrows input.ui-rangepicker-input
{
	width: 158px;
	margin: 0 2px 0 20px;
	padding: 2px;
	height: 1.1em;
}
.ui-daterangepicker-arrows .ui-daterangepicker-prev, .ui-daterangepicker-arrows .ui-daterangepicker-next
{
	position: absolute;
	top: 2px;
	padding: 1px;
}
.ui-daterangepicker-arrows .ui-daterangepicker-prev
{
	left: 2px;
}
.ui-daterangepicker-arrows .ui-daterangepicker-next
{
	right: 2px;
}
.ui-daterangepicker-arrows .ui-daterangepicker-prev:hover, .ui-daterangepicker-arrows .ui-daterangepicker-next:hover, .ui-daterangepicker-arrows .ui-daterangepicker-prev:focus, .ui-daterangepicker-arrows .ui-daterangepicker-next:focus
{
	padding: 0;
}

.ui-multiselect
{
	padding: 2px 0 2px 4px;
	text-align: left;
}
.ui-multiselect span.ui-icon
{
	float: right;
}
.ui-multiselect-single .ui-multiselect-checkboxes input
{
	position: absolute !important;
	top: auto !important;
	left: -9999px;
}
.ui-multiselect-single .ui-multiselect-checkboxes label
{
	padding: 5px !important;
	word-break:break-all;
}

.ui-multiselect-header
{
	margin-bottom: 3px;
	padding: 3px 0 3px 4px;
}
.ui-multiselect-header ul
{
	font-size: 0.9em;
}
.ui-multiselect-header ul li
{
	float: left;
	padding: 0 10px 0 0;
}
.ui-multiselect-header a
{
	text-decoration: none;
}
.ui-multiselect-header a:hover
{
	text-decoration: underline;
}
.ui-multiselect-header span.ui-icon
{
	float: left;
}
.ui-multiselect-header li.ui-multiselect-close
{
	float: right;
	text-align: right;
	padding-right: 0;
}

.ui-multiselect-menu
{
	display: none;
	padding: 3px;
	position: absolute;
	z-index: 10000;
}
.ui-multiselect-checkboxes
{
	position: relative /* fixes bug in IE6/7 */;
	overflow-y: scroll;
}
.ui-multiselect-checkboxes label
{
	cursor: default;
	display: block;
	border: 1px solid transparent;
	padding: 3px 1px;
}
.ui-multiselect-checkboxes label input
{
	position: relative;
	top: 1px;
}
.ui-multiselect-checkboxes li
{
	clear: both;
	font-size: 0.9em;
	padding-right: 3px;
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label
{
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid;
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a
{
	display: block;
	padding: 3px;
	margin: 1px 0;
	text-decoration: none;
}

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label
{
	border: none;
}

.ui-multiselect-hasfilter ul
{
	position: relative;
	top: 2px;
}
.ui-multiselect-filter
{
	float: left;
	margin-right: 10px;
	font-size: 11px;
}
.ui-multiselect-filter input
{
	width: 100px;
	font-size: 10px;
	margin-left: 5px;
	height: 15px;
	padding: 2px;
	border: 1px solid #292929;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
}

/* the norm */
#gritter-notice-wrapper
{
	position: fixed;
	top: 20px;
	right: 20px;
	width: 301px;
	z-index: 9999;
}
#gritter-notice-wrapper.top-left
{
	left: 20px;
	right: auto;
}
#gritter-notice-wrapper.bottom-right
{
	top: auto;
	left: auto;
	bottom: 20px;
	right: 20px;
}
#gritter-notice-wrapper.bottom-left
{
	top: auto;
	right: auto;
	bottom: 20px;
	left: 20px;
}
.gritter-item-wrapper
{
	position: relative;
	margin: 0 0 10px 0;
	background: url('/resources/images/default/ie-spacer.gif'); /* ie7/8 fix */
	overflow: hidden;
}
.gritter-top
{
	background: url(/resources/images/default/gritter.png) no-repeat left -30px;
	height: 10px;
}
.hover .gritter-top
{
	background-position: right -30px;
}
.gritter-bottom
{
	background: url(/resources/images/default/gritter.png) no-repeat left bottom;
	height: 8px;
	margin: 0;
}
.hover .gritter-bottom
{
	background-position: bottom right;
}
.gritter-item
{
	display: block;
	background: url(/resources/images/default/gritter.png) no-repeat left -40px;
	color: #eee;
	padding: 2px 11px 8px 11px;
	font-size: 11px;
	font-family: verdana;
	overflow: hidden;
}
.hover .gritter-item
{
	background-position: right -40px;
}
.gritter-item p
{
	padding: 0;
	margin: 0;
}
.gritter-close
{
	position: absolute;
	top: 5px;
	left: 3px;
	background: url(/resources/images/default/gritter.png) no-repeat left top;
	cursor: pointer;
	width: 30px;
	height: 30px;
}
.gritter-title
{
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 7px 0;
	display: block;
	text-shadow: 1px 1px #000; /* Not supported by IE :( */
}
.gritter-image
{
	width: 48px;
	height: 48px;
	float: left;
}
.gritter-with-image, .gritter-without-image
{
	padding: 0 0 5px 0;
	overflow: auto;
}
.gritter-with-image
{
	width: 220px;
	float: right;
}

.custom-checkbox, .custom-radio
{
	position: relative;
}

.custom-checkbox input, .custom-radio input
{
	position: absolute;
	left: -9999px;
	/*left: 200px;*/
}

.custom-checkbox label, .custom-radio label
{
	display: block;
	position: relative;
	padding: .5em 0 .5em 30px;
	margin: 0 0 .3em;
	cursor: pointer;
}

.custom-checkbox label
{
	background: url(/resources/images/checkbox.png) no-repeat;
	background-position: -10px -14px;
}

.custom-radio label
{
	background: url(/resources/images/radiobutton.png) no-repeat;
	background-position: -10px -14px;
}

.custom-checkbox label.hover, .custom-checkbox label.focus, .custom-radio label.hover, .custom-radio label.focus
{
	background-position: -10px -114px;
}

.custom-checkbox label.checked, .custom-radio label.checked
{
	background-position: -10px -214px;
}

.custom-checkbox label.checkedHover, .custom-checkbox label.checkedFocus
{
	background-position: -10px -314px;
}

.ui-dialog-buttonpane .custom-checkbox
{
	display: inline-block;
}


.custom-checkbox label.focus, .custom-radio label.focus
{
	outline: 1px dotted #ccc;
}
input.isotrakPasswordField
{
    display: inline-block;
}

div.passwordComplexityWrapper
{
}

div.passwordComplexityChecker
{
}

span.passwordComplexityCheckerToggleButton
{
    display: inline-block;
    cursor: pointer;
}

div.passwordComplexityCheckerStrengthIndicator
{
    margin-top: 0.1em;
}

div.passwordComplexityCheckerStrengthDetails
{
    margin-top: 0.25em;
    display: none;
}

div.passwordComplexityCheckerStrengthIndicator div.passwordResult
{
    padding: 0.25em;
}

div.passwordComplexityCheckerStrengthIndicator div.passwordResult_weak
{
    background-color: Red;
    color: White;
    font-weight: bold;
}

div.passwordComplexityCheckerStrengthIndicator div.passwordResult_medium
{
    background-color: Orange;
    color: White;
    font-weight: bold;
}

div.passwordComplexityCheckerStrengthIndicator div.passwordResult_strong
{
    background-color: green;
    color: White;
    font-weight: bold;
}

div.passwordComplexityCheckerStrengthIndicator div.passwordResult_veryStrong
{
    background-color: blue;
    color: White;
    font-weight: bold;
}

div.passwordComplexityCheckerStrengthIndicator div.passwordResult_Invalid
{
    background-color: Red;
    color: White;
    font-weight: bold;
}

div.passwordComplexityCheckerStrengthDetails ul
{
}

div.passwordComplexityCheckerStrengthDetails ul li
{
}

div.passwordComplexityCheckerStrengthDetails ul li.isFailureMessage
{
    /*color: Red;*/
}


td.passwordHistorySeperator {
    
     padding-top: 1em;
     padding-bottom: 1em;
}

label.checkboxLabelMargin 
{
    margin-right: 10px;
}
.ui-dialog .ui-dialog-titlebar-customIconWrapper {
    position: absolute;
    right: 0.3em;
    height: 18px;
    width: 200px;
}

.ui-dialog .ui-dialog-titlebar-customIconWrapper .ui-dialog-titlebar-close {
    right: 0;
}

.ui-dialog .ui-dialog-titlebar-customIconWrapper .ui-dialog-titlebar-customIconWrapperInner {
    right: 22px;
    position: absolute;
    height: 18px;
    overflow: hidden;
    min-width: 140px;
}

.ui-dialog .ui-dialog-titlebar-customIconWrapper .ui-dialog-titlebar-customIcon
{
    float: right;
    right: auto;
    position: relative;
    overflow: hidden;
}

.ui-dialog .custom-dialog-portlet {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.ui-dialog iframe.errorFrame {
    width: 100%;
    height:300px;
    border: 0;
}
/* This is the CSS used to style the iso.messages toasters. This is mostly the standard toastr.css file supplied with the plugin, but has been altered to isotraks needs. */

.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.6em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  filter: alpha(opacity=90);
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  height: auto;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
.toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/

}
.toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.toast-container > div {
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  filter: alpha(opacity=90);
}
.toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
.toast-container > .toast-info {
  background-image: url("/resources/images/messageIcons/info.png") !important;
}
.toast-container > .toast-error {
  background-image: url("/resources/images/messageIcons/error.png") !important;
}
.toast-container > .toast-success {
  background-image: url("/resources/images/messageIcons/success.png") !important;
}
.toast-container > .toast-warning {
  background-image: url("/resources/images/messageIcons/warning.png") !important;
}
.toast-container > .toast-dirtyData {
  background-image: url("/resources/images/messageIcons/save.png") !important;
}
.toast-container.toast-top-full-width > div,
.toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
.toast-dirtyData {
    background-color: #8b99ab;
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  .toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/* This style sheet can be used for all standard waiting styles, e.g. the blocker, the submit spinner... etc... basically whenever we show some sort of wait feedback to the user
   while things are going on */

/* Loading Place Holder content for jQuery.blockUI - START */

div.blockUI.blockOverlay {
    background-color: #fafafa;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    cursor: wait;
}

div.blockUI.blockMsg {
    border: 1px solid #aaaaaa;
    font-size: 0;
    background: url("/resources/images/large-ajax-loader.gif") no-repeat center center #ffffff;
    width: 64px;
    height: 64px;
    margin: 0 auto;
    padding: 4px;
    cursor: wait;
}

/* Loading Place Holder content for jQuery.blockUI - END */

/* Spinner shown when a dialog is submitting - START */

.submitSpinner {
    background: url("/resources/images/small-ajax-loader.gif") no-repeat 0 3px transparent;
    display: inline-block;
    height: 26px;
    width: 30px;
    vertical-align: top;
    *display: inline;
    zoom: 1;
}

/* Spinner shown when a dialog is submitting - END */
.container {
    margin-bottom: 8px;
}

.container .row {
    border-bottom: 1px dotted #cccccc;
    line-height: 25px;
    padding: 2px 10px 1px;
    clear: left;
    zoom: 1;
}

.ui-dialog .row {
    padding: 2px 0 1px;
}

.container .row.first {
    border-top: 1px dotted #cccccc;
}

.container .row.last {
    border-bottom: 0;
}

.container .row.buttons {
    padding-top: 10px;
    padding-left: 0;
}

.container.edit .row {
    border-top: 0;
    border-bottom: 0;
}

.container.edit .row.error {
    color: #47484B;
    background-color: #FFEEEE;
    margin-bottom: 3px;
    padding-bottom: 1px;
}

.tb-form-group.tb-has-error {
    background-color: #FFEEEE;
}

.container .row .label {
    width: 200px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

.container .row .longlabel {
    width: 400px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

.container.edit .row .label {
    text-align: right;
    margin-right: 15px;
    padding-left: 0;
    width: 160px;
    vertical-align: top;
}

.container.edit .AlignLeft {
    text-align: left!important
}

.container.edit .LongWidth {
    width: 350px!important
}

.container .row .label label {
    font-weight: bold;
}

.container .row .labelbold  {
    font-weight: bold;
}

.container.edit .row .label label {
    font-weight: normal;
}

.container .row .data {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.container .row .data textarea {
    width: 254px;
    -moz-resize: none;
    -ms-resize: none;
    -o-resize: none;
    resize: none;
}

.container .row .data input[type="text"],
.container .row .data select {
    width: 330px;
}

.container .row .data input[type="text"].small,
.container .row .data select.small {
    width: 68px;
}

.container .row .data input[type="text"].x-small {
    width: 40px;
    padding: 4px;
}

.container.edit .row .data .required {
    color: #888888;
    font-style: italic;
    font-size: 10px;
    margin-left: 4px;
    line-height: 1.2em;
    vertical-align: text-top;
}

.tb-form-group .required {
    font-size: 10px;
    font-family: Arial, Lucida Grande, Lucida Sans, sans-serif;
    font-style: italic;
    color: #888;
    line-height: 22px;
    vertical-align: middle;
    margin-left: 4px;
}

div.remote-val-loader {
    display: none;
    background: url("/resources/images/small-ajax-loader.gif") no-repeat transparent;
    width: 22px;
    height: 22px;
    vertical-align: text-top;
    margin-left: 4px;
    margin-top:-5px
}

.tb-form-group .remote-val-loader {
    margin-top: 0;
    vertical-align: bottom;
}

div.remote-val-loader.loading {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.container.edit .row .data .field-validation-error {
    color: #ff0000;
    display: block;
    line-height: 16px;
}

.container.edit .server-validation-error {
    display: none;
    background-color: #d43f3f;
    color: #ffffff;
    padding: 2px 0;
    text-align: center;
    margin: 0;
}

.container.edit .server-validation-error.displayed {
    display:block;
}

.container .row p {
    margin: 0;
}

.ui-tabs-nav li.hasError {
    background-color: #E37D7D;
    background-image: none;
}

.ui-tabs-nav li.ui-tabs-active.hasError {
    background-color: #C02929;
    border-color: #C02929;
}

.ui-tabs-nav li.ui-tabs-active.hasError a {
    color: #ffffff;
}

.buttonContainer .statusBarMessage {
    float: left;
    margin-top: 6px;
    font-size: 0.7em;
    font-style: italic;
    color: #888888;
}

.lltWarning {
    color: #C02929;
    font-style: italic;
    font-weight: 600;
    font-size: 0.9em;
}

.tb-input-group.date {
    width: 100px;
    display: inline-table;
    margin-right: 22px;
}

.tb-input-group.date input.tb-form-control {
    height: 23px;
    width: 75px;
    margin-right: -15px;
}

.container .row .data .tb-input-group.date input[type="text"].tb-form-control {
    width: 75px;
    margin-right: 0;
}

.container .row .data .tb-input-group.date .tb-input-group-btn .tb-btn {
    height: 29px;
}

.tb-form-control.ng-invalid,
.tb-input-group.ng-invalid .tb-form-control {
    background-color: #EACACA;
}

.tb-form-control.ng-invalid,
.tb-input-group.ng-invalid .tb-form-control,
.tb-input-group.ng-invalid button {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tb-form-control.ng-invalid:focus,
.tb-input-group.ng-invalid .tb-form-control:focus,
.tb-input-group.ng-invalid button:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}