body {
	margin-top: 65px;
	overflow-y: scroll;
}

.main-container {
	margin-bottom: 24px;
}

.btn-action i {
	width: 15px;
}

.table-valign tr td {
	vertical-align: middle !important;
}

.expand-input {
	min-width: 300px;
}

.big-number {
	font-size: 2em;
}

input[data-toggle] {
	min-width: 25px;
	min-height: 25px;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

div.awesomplete {
    display: block;
}

div.hr {
	border-bottom: 1px solid #CCC;
	height: 0;
	margin: 5px 0 18px 0;
}

div.hr-full {
	border-bottom: 1px solid #CCC;
	height: 0;
	margin: 18px 0 18px 0;
}

li.list-group-item:hover {
	background-color: #f5f5f5;
}

.kbd-shortcut {
	margin-top: 8px;
}

.icon-space {
	display: inline-block;
	margin-right: 12px;
	margin-left: 2px;
}

h2.repname {
	margin: 18px 0 0 0;
	padding: 0;
	font-size: 1.7em;
}

span.reptitle {
	font-size: 0.9em;
	margin-bottom: 18px;
	display: block;
}

.action-buttons-block {
	margin-top: 18px;
}

.kilometers {
	font-weight: bold;
	font-size: 3em;
	line-height: 0.95em;
}

.kilometers-update {
	margin-top: 8px;
	font-size: 0.7em;
}

.modal-lg-max {
	width: 80%;
}

.well-active {
	background: #dff0d8;
	border: 1px solid #b0db9d;
}

.text-pale {
	color: #CCC;
}

.td-emphasis {
	background-color: #000;
}

.total-list {
	font-weight: bold;
}

/* Spinner */

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 99999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
	display: none;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media print {
	@page {
		size: portrait
	}
	.noprint{
		display: none;
	}
}

.markedForDeletion{
	display: none;
}

body{
    --color-cfblack: #000000;
    --color-cfblack-text: #ffffff;
    --color-cfblue: #2980bA;
    --color-cfyellow:#f9b626;
    --color-cfred: #d53646;
    --color-cfgreen: #007651;
    --bright-btnhover: 110%;
}

/*//#region yasmina */
body.CIE_YA{
    --color-cfblack: #f8a82d;
    --color-cfblack-text: #ffffff;
    --color-cfblue: #a56882;
    --color-cfyellow: #7A7A7A;
    --color-cfred: #da3f81;
    --color-cfgreen:#93c046;
}
/*//#endregion */

/*//#region accès floral */
body.CIE_AF{
    --color-cfblack: #501F48;
    --color-cfblack-text: #ffffff;
    --color-cfblue: #501F48;
    --color-cfyellow: #b8c43e;
    --color-cfred: #B53838;
    --color-cfgreen:#2c7043;
}
/*//#endregion */

.navbar{
    background-color: var(--color-cfblack);
}

.panel-primary > .panel-heading{
    background-color: var(--color-cfblue);
    border-color: grey;
}

.pagination > .active > a{
    background-color: var(--color-cfblue);
    border-color: var(--color-cfblue);
}
.pagination > .active > a:hover{
    background-color: var(--color-cfblue);
    border-color: grey;
    filter: brightness(var(--bright-btnhover));
}
.navbar .navbar-brand{
    color: var(--color-cfblack-text);
}
#navbar > ul > li > a{
    color: var(--color-cfblack-text);
}
#navbar li.active > a{
    background-color: var(--color-cfblue);
}
#navbar li.open > a{
    background-color: var(--color-cfblue);
}

.btn{
    border-color: grey;
}

.btn.btn-primary{
    background-color: var(--color-cfblue);
}
    .btn.btn-primary:hover,
    .btn.btn-primary:focus,
    .btn.btn-primary:active{
        background-color: var(--color-cfblue);
        filter: brightness(var(--bright-btnhover));
        border-color: white;
    }
.btn.btn-info{
    background-color: var(--color-cfblue);
}
    .btn.btn-info:hover,
    .btn.btn-info:focus,
    .btn.btn-info:active{
        background-color: var(--color-cfblue);
        filter: brightness(var(--bright-btnhover));
        border-color: white;
    }
.btn.btn-warning{
    background-color: var(--color-cfyellow);
}
    .btn.btn-warning:hover,
    .btn.btn-warning:focus,
    .btn.btn-warning:active{
        background-color: var(--color-cfyellow);
        filter: brightness(var(--bright-btnhover));
        border-color: white;
    }


.btn.btn-danger{
    background-color: var(--color-cfred);
}
    .btn.btn-danger:hover,
    .btn.btn-danger:focus,
    .btn.btn-danger:active{
        background-color: var(--color-cfred);
        filter: brightness(var(--bright-btnhover));
        border-color: white;
    }
.btn.btn-success{
    background-color: var(--color-cfgreen);
}
    .btn.btn-success:hover,
    .btn.btn-success:focus,
    .btn.btn-success:active{
        background-color: var(--color-cfgreen);
        filter: brightness(var(--bright-btnhover));
        border-color: white;
    }

/* JQUERY UI TABS */
.ui-tabs .ui-state-active,
.ui-tabs .ui-widget-content .ui-state-active,
.ui-tabs .ui-widget-header .ui-state-active,
.ui-tabs a.ui-button:active,
.ui-tabs .ui-button:active,
.ui-tabs .ui-button.ui-state-active:hover,
.ui-tabs .ui-icon-background,
.ui-tabs .ui-state-active .ui-icon-background{
    border-color: var(--color-cfblue);
    background-color: var(--color-cfblue);
}

.cf-black{
	color: var(--color-cfblack);
}

.cf-blue{
	color:var(--color-cfblue);
}

.cf-yellow{
	color: var(--color-cfyellow);
}

.cf-red{
	color: var(--color-cfred);
}

.cf-green{
	color: var(--color-cfgreen);
}

.cf-black-bg{
	background-color:var(--color-cfblack);
	color: white;
}
.cf-blue-bg{
	background-color:var(--color-cfblue);
	color: white;
}
.cf-blue-bg-important{
	background-color:var(--color-cfblue) !important;
	color: white !important;
}

.cf-yellow-bg{
	background-color: var(--color-cfyellow);
	color: white;
}
.cf-yellow-bg-important{
	background-color: var(--color-cfyellow) !important;
	color: white !important;
}

.cf-red-bg{
	background-color: var(--color-cfred);
	color: white;
}
.cf-red-bg-important{
	background-color: var(--color-cfred) !important;
	color: white !important;
}

.cf-green-bg{
	background-color: var(--color-cfgreen);
	color: white;
}
.cf-green-bg-important{
	background-color: var(--color-cfgreen) !important;
	color: white !important;
}

.form-control {
  min-width: 50px;
}

.input-sm {
  padding: 3px !important;
  min-width: 50px;
}

/* li du menu plus large pour faire de la place à l'icône de messsages non lus */
.dropdown-menu > li > a{
	padding: 3px 40px;
}