* {
	accent-color: #2b9ad9;
}

body.env-dev {
	background-image: url(theme/test.png);
}

body.env-production {
	background-image: url(theme/Worn-Dots-White-Seamless-Pattern.jpg);
}

body.theme-1 {
    filter: hue-rotate(-30deg);
}

body.theme-2 {
    filter: hue-rotate(30deg);
}

input:disabled::placeholder {
	color: transparent;
}

input[type=text]:invalid:not(:placeholder-shown) {
	outline-style: solid;
	outline-width: medium;
	outline-color: red;
}

.introjs-tooltiptext {
	font-size: small;
}

.table-danger, .table-danger > td, .table-danger > th {
    background-color: #f2dede;
}
.table-warning, .table-warning > td, .table-warning > th {
    background-color: #fcf8e3;
}

.table-calendrier > tbody > tr > td {
	padding: 0 5px !important;
}
pre.export-preview {
	word-wrap: normal;
}

td.color0 {
    background-color: #FFD1D1; /* T=0 */
}

td.color1 {
    background-color: #FFECD1; /* T=36 */
}

td.color2 {
    background-color: #F5FFD1; /* T=72 */
}

td.color3 {
    background-color: #DAFFD1; /* T=108 */
}

td.color4 {
    background-color: #D1FFE3; /* T=144 */
}

td.color5 {
    background-color: #D1FFFF; /* T=180 */
}

td.color6 {
    background-color: #D1E3FF; /* T=216 */
}

td.color7 {
    background-color: #DAD1FF; /* T=252 */
}

td.color8 {
    background-color: #F5D1FF; /* T=288 */
}

td.color9 {
    background-color: #FFD1EC; /* T=324 */
}

th.col-xs {
	width: 90px;
}

.calendrier {
	max-height: 480px;
	overflow: auto;
}

.label-cp {
	background-color: #df0088;
}

.label-rtt {
	background-color: #d5df00;
}

.previous-exports {
	max-height: 500px;
	overflow: auto;
}

.input-group, .form-control {
	max-width: 300px !important;
}

textarea.form-control {
	max-width: 100% !important;
}

input.form-control {
	min-width: 45px !important;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}

.input-group input.form-control { /* Bootstrap hack */
	padding: 0 4px;
}

#top-message {
	position: fixed;
	width: 95%;
	max-width: 1098px;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1001;
	animation: fadein .5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@media print {
  a[href]:after {
    content: none !important;
  }
  
  .container {
	  width: 100% !important;
  }
  
}