body {
}
/*.fancybox-iframe {width:100%;height:100%;}*/

.table-striped th {
	text-align:center;
}
.table-striped th[align=left] {
	text-align:left;
}

.table-striped.text-small th,
.table-striped.text-small td { padding:5px; }

.table-striped.row-clickable tr { cursor:pointer; }
.table-striped.row-clickable tr:first-child { cursor:default; }

.table-striped.row-clickable tr:hover,
.table-striped.row-clickable tr:nth-of-type(odd):hover { background:#fdd; }
.table-striped.row-clickable tr:first-child:hover { background:#f9f9f9; }

.table-striped.row-clickable tr:last-child:hover,
.table-striped.row-clickable tr:last-child { background:#fff; }
.table td {
	word-break: break-word;
	overflow-wrap: break-word;
}

tr.muted td { color:#ccc;}

.controlCol{padding:8px 2px 8px 2px !important;}

.paging table { margin:auto; }
.paging table td {
	font-size:16px;
	color:#666;
	padding:4px;
	margin:2px;
	border:1px solid #ccc;
}
.paging table td a {
	font-size:16px;
	color:#666;
	text-decoration: underline;
}

.navbar-default .navbar-nav > li > .btn {margin:5px;}
.navbar-default .navbar-nav > li > .btn-primary,
.navbar-default .navbar-nav > li > .btn-success,
.navbar-default .navbar-nav > li > .btn-info,
.navbar-default .navbar-nav > li > .btn-warning,
.navbar-default .navbar-nav > li > .btn-danger
{color:#fff;}
.navbar-default .navbar-nav > li > .btn-primary:hover,
.navbar-default .navbar-nav > li > .btn-success:hover,
.navbar-default .navbar-nav > li > .btn-info:hover,
.navbar-default .navbar-nav > li > .btn-warning:hover,
.navbar-default .navbar-nav > li > .btn-danger:hover
{color:#333;}
.navbar-nav > li input {margin-top:5px; margin-bottom:5px;}
.navbar-nav > li .form-group {margin-bottom:0;}
.navbar-nav > li > .btn {padding-top:5px; padding-bottom:5px;}

@media (max-width: 768px) {
.navbar-nav { margin:7.5px 0px; }
.navbar-nav > li .form-control {width:90%;}
.nav-toolbar .nav > li { float:left; }
.nav-toolbar .nav > li > a{ display:inline-block; }*/
}

.page-header { margin-top:0; padding-bottom:0; }
.page-header h1 { margin-top:0; }
#footer{padding:20px 0px 5px 0px; text-align:center; color:#999;}

.site-address select {padding:2px;font-size:1.4em;}
.site-address select option {padding:2px;}
.site-address select option.invalid {color:#f00;}
.site-address select option.billing {color:#00f;}

.site-address select option.unsaved:before {content:'*';}
.site-address select option.unsaved {color:#9d00de;}

.site-address select option.removed {color:#ccc;}

.label-pill { border-radius: 1em; padding: 3px 7px; }
.list-group-item > .label-pill { float: right; }
.list-group-item > .label-pill + .label-pill { margin-right: 5px; }

.thumbnail h3 { word-break: break-word; }

/* timeline */

.timeline { width:100%; position: relative;}
    .timeline:before { content: ''; position: absolute; display: block; width: 1px; background:  #e0e0e0; left: 30px; top: 0px; z-index: 0; height: 100%; margin-top: 5px;}
    
	.timeline-year { border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; margin:10px 10px 10px 30px; text-align:right; font-size:20px; }

    .timeline .timeline-date{width: 60px; height: 60px; float: left; border: 1px solid  #e0e0e0; border-radius: 50%; padding: 5px; z-index: 1; position: absolute; top: -10px; left: 0px; background: #FFF;}
        .timeline .timeline-date > div{width: 48px; height: 48px; padding: 10px; background: #191818; border-radius: 50%; color: #FFF; font-size: 10px; text-align: center; line-height: 15px;}
            .timeline .timeline-date > div > span{font-size: 15px; font-weight: bold; display: block;}
    
    .timeline .timeline-event{float: left; width: 100%; margin-top: 2px; padding-left: 16px; min-height: 50px; position: relative;}
        .timeline .timeline-event .timeline-event-icon{width: 30px; height: 30px; border: 1px solid  #e0e0e0; border-radius: 50%; background: #FFF; line-height: 30px; font-size: 16px; text-align: center; color: #AAA; float: left; position: relative;}
            .timeline .timeline-event .timeline-event-icon:before{position: absolute; width: 10px; height: 1px; background:  #e0e0e0; top: 15px; right: -10px; content: '';}
        .timeline .timeline-event .timeline-event-content{margin-left: 40px; margin-right:10px; padding: 8px 10px; background: #FFF; border: 1px solid  #e0e0e0; border-radius: 5px; position: relative;}
            .timeline .timeline-event .event-date{font-size: 10px; color: #999; float:right;}
            
        .timeline .timeline-event:hover .timeline-event-icon{border-color: #009AD7; color: #009AD7;}
            .timeline .timeline-event:hover .timeline-event-content{border-color: #009AD7;}
            .timeline .timeline-event:hover .timeline-event-content:before{border-right-color: #009AD7;}
            .timeline .timeline-event:hover .timeline-event-icon:before{background: #009AD7;}
            .timeline .timeline-event:hover .event-date{color: #009AD7;}
        
    .timeline .timeline-event .timeline-event-content:before,
    .timeline .timeline-event .timeline-event-content:after{right: 100%; top: 15px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
    .timeline .timeline-event .timeline-event-content:after{border-color: rgba(255, 255, 255, 0);border-right-color: #FFF;border-width: 5px;margin-top: -5px;}
    .timeline .timeline-event .timeline-event-content:before{border-color: rgba(229, 229, 229, 0);border-right-color:  #e0e0e0;border-width: 6px;margin-top: -6px;}

/*** jobs colours ***/

	.bg-Unallocated{background-color:#c00;}
	.Unallocated .glyphicon:before{content:"\e006"}
	.Unallocated .glyphicon{color:#c00;}
	.Unallocated {  border:1px solid #999;color:#999; }
	.Unallocated .title {color:#333;font-weight:normal;}


	.bg-Allocated{background-color:#333;}
	.Allocated .glyphicon:before{content:"\e013"}
	.Allocated .glyphicon{color:#333;}
	.Allocated { background-color:#eee; border-color:#999;color:#cccccc; }
	.Allocated .title {color:#fff;background-color:#999;}

	.bg-Acknowledged{background-color:#369;}
	.Acknowledged .glyphicon:before{content:"\e013"}
	.Acknowledged .glyphicon{color:#369;}
	.Acknowledged { background-color:#99ccff; border-color:#669966;color:#6699cc; }
	.Acknowledged .title {color:#fff;background-color:#6699cc;}

	.bg-OnRoute{background-color:#399;}
	.OnRoute .glyphicon:before{content:"\e024"}
	.OnRoute .glyphicon{color:#399;}
	.OnRoute { background-color:#9ff; border-color:#999966;color:#66cccc; }
	.OnRoute .title {color:#fff;background-color:#66cccc; }

	.bg-OnSite{background-color:#393;}
	.OnSite .glyphicon:before{content:"\e021"}
	.OnSite .glyphicon{color:#393;}
	.OnSite {background-color:#99ff99;border-color:#669999;color:#66cc66; }
	.OnSite .title {color:#fff;background-color:#66cc66;}

	.bg-InProgress{background-color:#993;}
	.InProgress .glyphicon:before{content:"\e065"}
	.InProgress .glyphicon{color:#993;}
	.InProgress { background-color:#ffff99; border-color:#666699;color:#cccc66; }
	.InProgress .title {color:#fff;background-color:#cccc66;}

	.bg-Completed{background-color:#933;}
	.Completed .glyphicon:before{content:"\e013"}
	.Completed .glyphicon{color:#933;}
	.Completed { background-color:#ff9999; border-color:#996699;color:#cc6666; }
	.Completed .title {color:#fff;background-color:#cc6666;font-weight:normal;}

	.bg-ToBeBookedIn{background-color:#333;}
	.ToBeBookedIn .glyphicon:before{content:"\e085"}
	.ToBeBookedIn .glyphicon{color:#333;}
	.ToBeBookedIn {  border-color:#999;color:#999; }
	.ToBeBookedIn .title {color:#fff;font-weight:normal;}

	.bg-Warning{background-color:#ffdd66;}
	.Warning .glyphicon:before{content:"\e209"}
	.Warning .glyphicon{color:#ffdd66;}
	.Warning { background-color:#99ccff; border-color:#669966;color:#6699cc; }
	.Warning .title {color:#fff;background-color:#6699cc;}

	.bg-AwaitingCustomer{background-color:#933;}
	.AwaitingCustomer .glyphicon:before{content:"\e008"}

	.bg-Completed{color:#fff;}
	.Completed.ToBeBookedIn .glyphicon:before{content:"\e013"}
	.Completed.ToBeBookedIn .glyphicon{color:#933;}
	.Completed.ToBeBookedIn { background-color:#ff9999; border-color:#996699;color:#cc6666; }
	.Completed.ToBeBookedIn .title {color:#ff9999;background-color:#cc6666;font-weight:normal;}

	.Completed.AwaitingInvoice .glyphicon:before{content:"\e013"}
	.Completed.AwaitingInvoice .glyphicon{color:#900;}
	.Completed.AwaitingInvoice { background-color:#ff6666; border-color:#996699;color:#993333; }
	.Completed.AwaitingInvoice .title {color:#ff6666;background-color:#993333;font-weight:normal;}

	.Completed.AwaitingOrder .glyphicon:before{content:"\e013"}
	.Completed.AwaitingOrder .glyphicon{color:#339;}
	.Completed.AwaitingOrder { background-color:#9999ff; border-color:#666699;color:#6666cc; }
	.Completed.AwaitingOrder .title {color:#9999ff;background-color:#6666cc;font-weight:normal;}

	.Completed.Aborted .glyphicon:before{content:"\e083"}
	.Completed.Aborted .glyphicon{color:#fff;}
	.Completed.Aborted { background-color:#333; border-color:#000;color:#fff; }
	.Completed.Aborted .title {color:#fff;background-color:#000;font-weight:normal;}

	.Completed.Alert .glyphicon:before{content:"\e101"}
	.Completed.Alert .glyphicon{color:#f66;}



//OFFLINE
.offline-ui, .offline-ui *, .offline-ui:before, .offline-ui:after, .offline-ui *:before, .offline-ui *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.offline-ui { display: none; position: fixed; background: white; z-index: 2000; display: inline-block; }
.offline-ui.offline-ui-retry{ display: none; }
.offline-ui.offline-ui-up{ display: block; }
.offline-ui.offline-ui-down{ display: block; }

.offline-ui { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; font-family: "Helvetica Neue", sans-serif; padding: 0.1em 0.5em; max-width: 100%; bottom: 0; left: 1em; }
.offline-ui.offline-ui-up { background: #d6e9c6; color: #468847; }
.offline-ui.offline-ui-down { background: #ec8787; color: #551313; }
.offline-ui.offline-ui-reconnecting { background: #e77d23; color: #fff; }

.offline-ui.offline-ui-up .offline-ui-content:before { content: "Online"; }
.offline-ui.offline-ui-down .offline-ui-content:before { content: "Offline"; }
.offline-ui.offline-ui-reconnecting .offline-ui-content:before { content: "Reconnecting"; }

//SYNC
.sync-message {  background: white;  }
.sync-message.sync-message-hide { display: none; }
.sync-message.sync-message-unsynced { display: block; }
.sync-message.sync-message-synced { display: block; }
.sync-message.sync-message-syncing { display: block; }

.sync-message {
	z-index: 2001;
	position: fixed;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-ms-border-radius: 4px 4px 0 0;
	-o-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	font-family: "Helvetica Neue", sans-serif;
	padding: 0.1em 0.5em;
	max-width: 100%;
	bottom: 0;
	right: 1em;
}
.sync-message.sync-message-unsynced { background: #ec8787; color: #551313; }
.sync-message.sync-message-synced { background: #d6e9c6; color: #468847; }
.sync-message.sync-message-syncing { background: #e77d23; color: #fff;  }

.sync-message.sync-message-unsynced .sync-message-content:before { content: "Unsyced"; }
.sync-message.sync-message-synced .sync-message-content:before { content: "Synced"; }
.sync-message.sync-message-syncing .sync-message-content:before { content: "Syncing"; }

.sync-message .sync-progress { background: #f00; height: 3px; width:0; }
.sync-message.sync-message-synced .sync-progress { display:none; }
.sync-message.sync-message-syncing .sync-progress { display:block; }


/* helpers */
.text-small { font-size:80%; }
.required { border-right:2px solid #c00; }
.borderless { border:none !important;}
.row-no-gutters { margin-right: 0; margin-left: 0; }
.row-no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }

.gly-spin {
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
	0% {
	-moz-transform: rotate(0deg);
	}
	100% {
	-moz-transform: rotate(359deg);
	}
}
@-webkit-keyframes spin {
	0% {
	-webkit-transform: rotate(0deg);
	}
	100% {
	-webkit-transform: rotate(359deg);
	}
}
@-o-keyframes spin {
	0% {
	-o-transform: rotate(0deg);
	}
	100% {
	-o-transform: rotate(359deg);
	}
}
@keyframes spin {
	0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	}
	100% {
	-webkit-transform: rotate(359deg);
	transform: rotate(359deg);
	}
}


.glow-highlight {
	/*outline: solid 1px rgba(255, 216, 0, 0);*/
	-webkit-box-shadow: 0px 0px 10px 0px rgba(252,218,0,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(252,218,0,1);
	box-shadow: 0px 0px 10px 0px rgba(252,218,0,1);
    
	-moz-animation-name: glowShadow;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-duration: 3s;

    -webkit-animation-name: glowShadow;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-duration: 3s;

    animation-name: glowShadow;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-duration: 3s;
}

@-moz-keyframes glowShadow {
    0% { -moz-box-shadow: 0px 0px 0px 0px rgba(252,218,0,1); }
    50% { -moz-box-shadow: 0px 0px 20px 0px rgba(252,218,0,1); }
    100% { -moz-box-shadow: 0px 0px 0px 0px rgba(252,218,0,1); }
}
@-webkit-keyframes glowShadow {
    0% {-webkit-box-shadow: 0px 0px 0px 0px rgba(252,218,0,1); }
    50% { -webkit-box-shadow: 0px 0px 20px 0px rgba(252,218,0,1); }
    100% { -webkit-box-shadow: 0px 0px 0px 0px rgba(252,218,0,1); }
}
@keyframes glowShadow {
    0% { box-shadow: 0px 0px 0px 0px rgba(252,218,0,1); }
    50% { box-shadow: 0px 0px 20px 0px rgba(252,218,0,1); }
    100% { box-shadow: 0px 0px 0px 0px rgba(252,218,0,1); }
}
/*
@-moz-keyframes glowShadow {
    0% { outline: solid 1px rgba(255, 216, 0, 0); }
    50% { outline: solid 5px rgba(255, 216, 0, 1); }
    100% { outline: solid 15px rgba(255, 216, 0, 0); }
}
@-webkit-keyframes glowShadow {
    0% { outline: solid 1px rgba(255, 216, 0, 0); }
    50% { outline: solid 5px rgba(255, 216, 0, 1); }
    100% { outline: solid 15px rgba(255, 216, 0, 0); }
}
@keyframes glowShadow {
    0% { outline: solid 1px rgba(255, 216, 0, 0); }
    50% { outline: solid 5px rgba(255, 216, 0, 1); }
    100% { outline: solid 15px rgba(255, 216, 0, 0); }
}
*/