html, body {
	min-height: 100%;
    display: flex;
    flex-direction: column;
    top: 0;
    bottom: 0;
    left:0;
    right:0;
    position: absolute;
}

#page-actions-bar h1, #page-actions-bar h2, #page-actions-bar h3, #page-actions-bar h4 {
	color: white;
}

.complete {
	background-color: green;
	textColor: #fff;
}

.empty {
	background-color: #cd0000;
	textColor: #fff;
}

.cancel {
	background-color: #6969696e;
	textColor: #fff;
	text-decoration: line-through;
	cursor: not-allowed;
	pointer-events: none;
}

.wip {
	background-color: #1482fd8c;
	textColor: #fff;
}

.text-canceled {
	color: grey;
}

.text-complete {
	color: green;
}

.text-empty {
	color: firebrick;
}

.salesrep-event {
	background-color: #3a87ad;
	textColor: #fff;
}

.select-store {
	background-color: #efef1a61;
}

.storecheck-create {
	background-color: #dff0d8;
}

.storecheck-not-create {
	background-color: #fcf8e3;
}

.picture-size {
	height: 450px;
	overflow: hidden;
}

.image-selector {
	float: right;
}

.image-simple-resume {
	font-size: 0.8em;
}

.map-canvas {
	height: 600px;
	width: 100%;
	max-width: none;
	margin-bottom: 10px;
	border: 1px solid #BDC1C4;
}

#main-filter-zone {
	background-image: linear-gradient(45deg, #1485cc 25%, #139BF1 25%, #139BF1 50%, #1485cc 50%, #1485cc 75%, #139BF1 75%, #139BF1 100%);
	padding-left: 32px;
	padding-right: 32px;
	background-size: 5px 5px;
}

.container-fluid-filter {
	padding-top: 10px;
	padding-bottom: 10px;
}

#page-body.no-filter #main-filter-zone {
	display: none;
}

#showFilter {
	display: none;
}

#page-body.no-filter #showFilter {
	display: inline;
}

#main-content-zone {
	background-color: #f5f5f5;
	flex-shrink: 1;
    flex-grow: 1;
    overflow: auto;
}

/* affiche  les filtres par defaut pour les ecrans de largeur >= 992 et change la hauteur de la barre d'action */
@media all and ( min-width: 992px) {
	/*#main-filter-zone {
        display: block;
    }*/
	#page-actions-bar {
		height: 68px;
		background-image: linear-gradient(45deg, #1485cc 25%, #139BF1 25%, #139BF1 50%, #1485cc 50%, #1485cc 75%, #139BF1 75%, #139BF1 100%);
		background-size: 5px 5px;
	}
}

/* N'affiche pas les filtres par defaut pour les ecrans de largeur < 800 */
@media all and (max-width: 991px) {
	/* #main-filter-zone {
        display: none;
    }*/
	#page-actions-bar {
		height: 94px;
		background-image: linear-gradient(45deg, #1485cc 25%, #139BF1 25%, #139BF1 50%, #1485cc 50%, #1485cc 75%, #139BF1 75%, #139BF1 100%);
		background-size: 5px 5px;
	}
}

.top-rows-store-listing {
	margin-top: 20px;
}

.customer-request-event, .customer-request-update-event, .customer-request-delete-event {
	position: relative;
	background-size: 10px 10px;
	color: #000;
}

.cpr-submited, .CPR_STATUS_SUBMITED {
	background-image: linear-gradient(45deg, #f7f7f7 25%, #edf7ff 25%, #edf7ff 50%, #f7f7f7 50%, #f7f7f7 75%, #edf7ff 75%, #edf7ff 100%);
}

.cpr-validated, .CPR_STATUS_VALIDATED {
	background-image: linear-gradient(45deg, #f7f7f7 25%, #fcffed 25%, #fcffed 50%, #f7f7f7 50%, #f7f7f7 75%, #fcffed 75%, #fcffed 100%);
}

.cpr-pending, .CPR_STATUS_PENDING {
	background-image: linear-gradient(45deg, #f7f7f7 25%, #fff7e2 25%, #fff7e2 50%, #f7f7f7 50%, #f7f7f7 75%, #fff7e2 75%, #fff7e2 100%);
}

.cpr-rejected, .CPR_STATUS_REJECTED {
	background-image: linear-gradient(45deg, #f7f7f7 25%, #ffe5e2 25%, #ffe5e2 50%, #f7f7f7 50%, #f7f7f7 75%, #ffe5e2 75%, #ffe5e2 100%);
}

.cpr-cancelation_pending, .CPR_STATUS_CANCELATION_PENDING {
	background-image: linear-gradient(45deg, #f7f7f7 25%, #ffe7D7 25%, #ffe7D7 50%, #f7f7f7 50%, #f7f7f7 75%, #ffe7D7 75%, #ffe7D7 100%);
}

.cpr-canceled, .CPR_STATUS_CANCELED {
	background-image: linear-gradient(45deg, #f7f7f7 25%, #ffe5e2 25%, #ffe5e2 50%, #f7f7f7 50%, #f7f7f7 75%, #ffe5e2 75%, #ffe5e2 100%);
}

.CPR_STATUS {
	background-size: 10px 10px;
	border-bottom: 1px dotted #BBB;
}

.cpr-title, .CPR_STATUS {
	text-align: center;
	color: #1485cc;
}

.customer-request-update-event:before {
	content: "\f071";
	font-family: FontAwesome;
	float: left;
	padding: 0.2em;
	color: #f17e00;
}

.customer-request-delete-event:before {
	content: "\f014";
	font-family: FontAwesome;
	float: left;
	padding: 0.2em;
	color: #f17e00;
}

.customer-request-delete-event:before {
	content: "\f014";
	font-family: FontAwesome;
	float: left;
	padding: 0.2em;
	color: #f17e00;
}

.mytooltip {
	width: 220px;
	font-family: sans-serif;
	background-color: #1384cb;
	font-size: 1.5em;
	color: white;
	padding: 1em;
}

.p-no-margin {
	margin: 0;
	text-align: center;
}

.event-item .content {
	min-height: 10px;
}

.workhours {
	font-family: sans-serif;
	font-size: 0.8em;
	margin-left: 12px;
}

.qcm-border {
	border: 1px solid;
}

/*
.mytooltip ul {
    margin-left: -15px;
}

.mytooltip ul li {
    list-style-type: none;
    margin-bottom: 35px;
    font-size: 20px;
    display: flex;
}

.mytooltip ul li i {
    margin-right: 10px;
}

.mytooltip ul li p {
    margin: 0;
}*/
.panel-default>.panel-heading-planning-day {
	background: #1485cc;
	color: #fff;
}

.salesrep-menu {
	padding: 3px;
	background-color: lightgray;
	text-align: center;
	font-size: 0.95em;
}

.salesrep-actions-menu {
	padding: 3px;
	background-color: lightgray;
	text-align: right;
}

.actions-item {
	cursor: pointer;
}

.span-vertical-align {
	vertical-align: middle;
}

/*
.nav-salesrep {
	background-color: yellow;
	list-style-type: none;
	text-align: center;
	margin: 0;
	padding: 0;
}

.nav-salesrep li {
	display: inline-block;
	font-size: 20px;
	padding: 20px;
}
*/
span.b {
	display: inline-block;
	width: 100px;
	height: 100px;
	padding: 5px;
	border: 1px solid blue;
	background-color: yellow;
}

.planned-salesrep-hours {
	background: #eee !important;
}

.check-in-ok {
	background: seagreen !important;
}

.check-in-ko {
	background: indianred !important;
}

#store-selector-bar{
}

#selection-stores {
	overflow: scroll;
	padding: 0;
	background: linear-gradient(180deg, #6ca6c2 0%, #6ca6c2 98%, rgba(23,126,195,1) 100%);
}

#external-events {
	height: 800px;
	overflow-y: auto;
}

.store-search-header {
	position: sticky;
	z-index: 999;
	width: 100%;
	top: 0;
	padding: 1em;
	background-color: #4289ab;
}


.store-search-footer {
	z-index: 999;
	padding: 0.5em;
}


.store-search-header > input{
	width: 100%;
}

.store-search-matches{
	padding: 0.5em;
	padding-left: 1.5em;
}

#external-events .fc-event {
	margin: 1em 0;
	cursor: move;
}

.form-control {
	font-size: 12px;
}

.form-group {
	margin-bottom: 5px;
}

/*
.draggable-store > img,
	.draggable-store > span {
		display: inline-block;
}
 */
 
.draggable-store {
	height: 46px;
	border-radius: 0.5em;
	display: flex;
	align-items: center;
	border: 1px solid white;
}

.draggable-store .store-select-avatar {
	float: left;
	object-fit: cover;
	border-radius: 50%;
	margin-left: -1em;
	border: 2px solid #3a87ad;
}

.draggable-store .store-select-label {
	padding: 0.2em;
}

.drag-store-name{
	
}

.drag-store-over{
	display: none;
}

.draggable-store:hover{
	min-height: 160px;
}
.draggable-store:hover .drag-store-name{
	font-weight: bold;
}
.draggable-store:hover .drag-store-over{
	display: block;
}

.drag-store-info-badge{
}

.ui-combobox {
	position: relative;
	display: inline-block;
}

.ui-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
	/* support: IE7 */
	*height: 1.7em;
	*top: 0.1em;
}

.ui-combobox-input {
	margin: 0;
	padding: 0.3em;
}

.ui-column-remove-storecheck {
	float: left;
	width: 20%;
}

.checkboxes label {
	display: block;
	padding-right: 10px;
	padding-left: 22px;
	text-indent: -22px;
}

.checkboxes input {
	vertical-align: middle;
}

.checkboxes label span {
	vertical-align: middle;
}

.ts-container {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-gap: 10px;
}

.ts-item {
	background-color: #f2f2f2;
	padding: 20px;
	text-align: center;
}

.ts-timesheet {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 10px;
}

.ts-row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px;
	border: 1px solid black;
	padding: 10px;
}

.ts-col {
	padding: 5px;
	text-align: center;
}

.ts-header {
	font-weight: bold;
}

@media ( max-width : 600px) {
	.ts-timesheet {
		grid-template-columns: repeat(1, 1fr);
	}
}

.ts-border {
	border: 1px solid #b39c9c;
}

/** timer reporting banner styling **/

.calendar-and-planning{
	padding-top: 0px;
}


.stat-banner{
	padding: 0px;
}

.planned-working-hours{
}

.effective-working-hours{
	
}

.planning-stat-kpi-box-container{
	padding-bottom: 0.3em;
}


.planning-stat-kpi-box{
	padding: 0em;
	margin: 0em;
	height: 40px;
	font-family: "Source Sans Pro";
	display: flex;
	align-items:center;
}


.planning-stat-label{
	color: white;
	padding-left: 0.8em;
	font-size: 1.0em;
	flex-grow: 1;
}

.planning-stat-value-label-wrapper{
	background-color: rgba(0,0,0,.1);
	height: 40px;
	width: 79px;
	display: flex;
	flex-direction:column;
	align-items:center;
	justify-content: center;
}

.planning-stat-value-label{
	font-size: 1.0em;
	font-weight: bold;
}

.planned-working-hours .planning-stat-kpi-box{
	background-color: #c83030;
}

.planned-working-hours .planning-stat-value-label-wrapper{
	border:1px solid #c83030;
	background-color: white;
}

.effective-working-hours .planning-stat-kpi-box{
	background-color: #189114;
}

.effective-working-hours .planning-stat-value-label-wrapper{
	border:1px solid #189114;
	background-color: white;
}

.planned-working-hours-light .planning-stat-kpi-box{
	height: 35px;
	border-radius: 0.8em;
	background-color: #6ca6c2;
}

.planned-working-hours-light .planning-stat-value-label-wrapper{
	border-color: #6ca6c2;
}
.planned-working-hours-light .planning-stat-value-label-wrapper{
	height: 35px;
}



/** planning events styles **/


.event-content-container{
	padding: 0.5em;
}
.event-content-container-head{
	background-color: #20202059;
	margin:-0.5em;
	padding:0.5em;
}

.event-content-container-store{
	font-weight: bold;
}

.event-container-planned-objectives{
	background-color: #0000002b;
	margin:-0.5em;
	margin-top:0.5em;
	padding:0.5em;
	border-top: 1px solid #ffffff66;
}
.event-container-planned-objectives-title{
	font-weight: bold;
	display: none;
}

.event-container-planned-objectives ul{
	margin: 0;
	padding-left: 1em;
}

.event-container-pearls-events{
	padding: 0.5em;
}

.event-container-pearls-events-description{
	font-weight: bold;
}
.event-container-pearls-events-header{
	background-color: #20202059;
	margin:-0.5em;
	padding:0.5em;
}

.event-container-planned-objective-none-img{
	width: 15px;
	padding-right: 0.5em;
}

.event-container-pearls-events-worker-name{
}

.fc-content .fc-time{
	line-height: 2.2em;
	background-color: #00000099;
	font-size: 1.0em;
	padding-left: 0.5em;
}

.fc-time-grid .fc-event:hover{
	min-height: 100px;
	z-index: 9999!important;
	border-left: 5px solid yellow;
}

/** travel time styling on outook calendar **/
.salesrep-travel-time .fc-content .fc-time{
	display: none;
}

.salesrep-travel-time{
	border-radius: 0px;
	border: 0px solid white;
	background-color: #abadae;
}

.salesrep-travel-time .fc-content{
	text-align: center;
	padding: 0.5em;
}

.salesrep-travel-time.fc-event:hover{
	min-height: 25px;
	z-index: 9999!important;
}

/** sales rep calendar view as list **/
.fc-list-item-title .event-content-container{
	color: white;
}

.fc-list-item-title .event-content-container-head{
	background-color: transparent;
	margin: 0px;
	padding: 0px;
}
.fc-list-item-title .event-container-planned-objectives{
	display: none;
}

#calendar .fc-list-item:hover td{
	background-color: #FFFFFF59;
}

/** travel time from/to home styling on outook calendar **/
.salesrep-travel-time-ft-home .fc-content .fc-time{
	display: none;
}

.salesrep-travel-time-ft-home{
	border-radius: 0px;
	border: 0px solid white;
	background-color: #918878;
}

.salesrep-travel-time-ft-home .fc-content{
	text-align: center;
	padding: 0.5em;
}

.salesrep-travel-time-ft-home.fc-event:hover{
	min-height: 25px;
	z-index: 9999!important;
}