body {
	font-family: 'Segoe UI Normal', 'Segoe UI', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size : 13px;
	overflow:hidden;
	margin :0px;
	height:100%;
	color:#333;
}
body {
	--high-contrast: rgb(31, 31, 31);
	--good-contrast: rgb(102, 102, 102);
	--medium-contrast:rgb(150, 150, 150);
	--low-contrast: white;
	--very-low-contrast: rgb(229, 236, 243);
    --main-color: rgb(255, 220, 42);
	--secondary-color: rgb(255,255, 255);
	--secondary-high-contrast: rgb(255, 255, 255);
	--btn-color: rgb(0, 68, 137);
	--btn-color-faded: rgb(127, 161, 196);
	--paco-title-color: rgb(0, 68, 137);
	--error-color: rgb(248, 56, 47);
	--btn-color-very-faded: rgb(211, 223, 235);
}
input, textarea, select, button {
	text-rendering: auto;
	color: initial;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	text-align: start;
	margin: 0em;
	font-family: 'Segoe UI Normal', 'Segoe UI', sans-serif;
}
	input {
	vertical-align:middle;
	border: 1px solid #ccc;
	border-image: initial;
}

input[type='text'], select {
	font-family: 'Segoe UI Normal', 'Segoe UI', sans-serif;
	padding:2.5px 0px;
	color:#000;
	margin:1px;
	font-size:13px;
}

select {
	height: 25px;
}

table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
td {
	padding:0;
	vertical-align:middle;
}
table.formholder { 
	margin:0px auto;
	max-width:90%;
	border-collapse:collapse;
	border-spacing:0;
	font-size:14px;
}
.formholder tr {
}

.mapboxgl-ctrl-bottom-right {
	display: none;
}
.formholder td {
	padding:7px;
	vertical-align:middle;
	text-align:left;
}
table.listholder {
	table-layout:fixed;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	font-size:14px;
}
.listholder tr.line.padded {
	background:rgba(249, 249, 249, 1);
	border-top:1.5px solid #fff;
	border-bottom:1.5px solid #fff;
}
.listholder tr.line {
	background:rgba(249, 249, 249, 1);
	border-top:1.5px solid #fff;
	border-bottom:1.5px solid #fff;
}
.listholder tr.line:hover {
	background:rgba(245, 245, 247, 1);
} 
.listholder tr.line.selected {
	background:rgba(227, 241, 255, 1);
}
table.listholder td {
	padding:10px 10px;
	vertical-align:middle;
	text-align:left;
}
tr.line.padded td {
	padding:10px 10px;
}
tr.line td:first-child {
	border-left: 3px solid transparent;
}
tr.line.selected td:first-child {
	border-left: 3px solid rgba(0, 68, 137, 1);
}

.toggle2 {
	min-width:60px;
	overflow:hidden;
	height:0px;
	visibility:hidden;
	-webkit-transition: height 0.2s, visibility 0.1s linear;
	-moz-transition: height 0.2s, visibility 0.1s linear;
	-o-transition: height 0.2s, visibility 0.1s linear;
	transition: height 0.2s, visibility 0.1s linear;
}

.listItem {
	min-height:13px;
	padding:2px;
	white-space:nowrap;
	overflow:hidden
}
.listItem:hover {
	background:rgba(222, 222, 222, 0.6);
}
.listItem.selected {
	background:rgba(222, 222, 222, 1);
}
.popupWindowTitlebar.calendarTitle {
	background-color: rgb(0, 68, 137);
	padding:6px 4px;
	white-space: nowrap;
	overflow:hidden;
}
.popupWindow.simplePopup {
	border:0px solid transparent;
	background:#fff;
	box-shadow: rgba(64, 64, 64, 0.8) 0px 0px 10px 0px;
}
.calendarBody {
	width:180px;
	background : rgb(0, 68, 137);
}
.calendarCell {
	padding:2px;
	border-width: 1px;
	border-style: solid;
	color:#111;
	font-weight:normal;
	text-align:right;
	border-color:#ccc;
}
.calendarCell:hover {
	background-color:#eee;
	color:rgb(0, 68, 137);
}
.menuButtonHolder {
	display:inline-block;
	vertical-align:bottom;
}
.menuButton {
	text-align:center;
	vertical-align:middle;
	height:52px;
	display:table-cell;
	padding:0px 10px;
	background:rgba(255,255,255, 0);
	font-size:10px;
	white-space:nowrap;
}
.menuButtonHolder div.bottomLine {
	width:100%;
	height:3px;
	background:rgba(255,255,255, 0);
}

.menuButtonHolder:hover .menuButton{
	background:rgba(255,255,255, 0.07);
}
.menuButtonHolder.selected .menuButton, .menuButtonHolder.selected:hover .menuButton{
	background:rgba(255,255,255, 0.15);
}

.menuButtonHolder:hover div.bottomLine {
	background:rgba(255,255,255, 0.3);
}
.menuButtonHolder.selected div.bottomLine, .menuButtonHolder.selected:hover div.bottomLine {
	background:rgba(255,255,255, 0.7);
}
.tabButton {
	color:#fff;
	background:rgba(255, 255, 255, 0.098);
	display:inline-block;
	text-align:center;
	border-radius:6px;
	font-size:16px;
	font-weight:600;
}
.tabButton:hover {
	color:rgba(255, 255, 255, 0.5);
	background:rgba(255, 255, 255, 0.088);
}
.tabButton.selected {
	color:rgb(0, 68, 137);
	background:#fff;
}
.tabButton.selected:hover {
	color:rgb(0, 68, 137);
	background:#fff;
}
td.filtersCell {
	white-space:nowrap;
	padding:0px 10px;
	text-align:center; 
	vertical-align:middle;
}
td.filtersCell2 {
	white-space:nowrap;
	padding:0px 10px;
	text-align:center; 
	vertical-align:middle;
}
td.filtersCell2:hover {
	background:rgba(255, 255, 255, 0.088);
}
.filterLine:hover {
	background:rgba(230, 230, 230, 1);
}
.filterLine:hover .optionPoint {
	background:#999;
}
.filterLine .optionPoint {
	background:transparent;
}
.filterLine.selected .optionPoint {
	background:rgb(0, 68, 137);
}
.filterLine.selected:hover .optionPoint {
	background:rgb(0, 68, 137);
}

.filterLine img {
	opacity:0.6;
}
.filterLine.selected img {
	opacity:1;
}
.filterLine.selected:hover img {
	opacity:1;
}
.boolFilter {

}
.boolFilter .point {
	background:transparent;
}
.boolFilter:hover .point {
	background:#fff;
}
.boolFilter.selected .point, .boolFilter.selected:hover .point {
	background:#fff;
}
.boolFilter .mask {
	position:absolute; 
	height:36px;
	top:0;
	left:0;
	width:100%;
	background:rgba(0, 68, 137, 0.4);
	display: block;
}

.boolFilter.selected .mask {
	display: none;
}
.boolFilter2:hover {
	background:rgba(255,255,255, 0.09);
}
.boolFilter2 img, .boolFilter2 img:hover {
	opacity:0.4;
}
.boolFilter2.selected img, .boolFilter2.selected img:hover {
	opacity:1;
}
.filterButton {
	height:55px;
	background:rgba(255,255,255, 0);
}

.filterButton:hover {
	background:rgba(255,255,255, 0.07);
}
.popDiv {
	visibility: hidden;
	background:#fff;
	color:#333;
	box-shadow: rgb(34, 34, 34) 0px 0px 20px 0px;
	position:absolute;
	top:0;
	left:0;
}
img.imageLink {
	vertical-align:middle;
	opacity:0.4;
}
img.imageLink:hover {
	opacity:1;
}
.pastilleBis {
	background:#fff;
	white-space:nowrap;
	padding:1px;
	font-size:13px;
	cursor:pointer;
}
.pastilleBis:hover {
	background:#f2f2f2;
}
.voile {
    opacity: 0.1;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 0;
    top: 0px;
    left: 0px;
    background: rgb(255, 255, 255);
}
.scrollable {
	overflow-y:auto;
	overflow-x:hidden;
}
.optionLine {
	padding:5px 10px;
}

.optionLine.selected{
	background:#ddd;
}
.optionLine:hover{
	background:rgb(242,242,242);
}
.optionLine.selected:hover{
	background:#ddd;
}

.optionLineNoMargin {
/*    text-align: center
        
	padding:6px 5px;
	margin:1px 0px;
*/
}
.mapboxgl-ctrl-logo {
	display : none !important;
}

.optionLineNoMargin.selected{
	background:#ddd;
}
.optionLineNoMargin:hover{
	background:#eee;
        opacity:1;
}
.optionLineNoMargin.selected:hover{
	background:#ddd;
        opacity:1;
        border-radius: 13px;
}

.parcoursFilterButton {
	/*display:inline-block;*/
	/*border:1px solid transparent;*/
	background:transparent;
	/*border-radius:3px;*/
}
.parcoursFilterButton:hover {
	/*border:1px solid transparent;*/
	background:rgba(0, 68, 137, 0.1);
}
.parcoursFilterButton.selected {
	background:rgb(0, 68, 137, 0.1);
}

.toggle {
	overflow:hidden;
	width:0px;
	position:absolute;
	visibility:hidden;
	-webkit-transition: width 0.2s ease-in-out, visibility 0.4s linear;
	-moz-transition: width 0.2s ease-in-out, visibility 0.4s linear;
	-o-transition: width 0.2s ease-in-out, visibility 0.4s linear;
	transition: width 0.2s ease-in-out, visibility 0.4s linear;
}
input.rounded {
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius:15px;
	border:1px solid #ccc;
	padding:6px 10px;
}

input.rounded:focus {
	outline: none;
}
input.asp {
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	border: 0px;
	margin: 0px;
	outline:none;
}

.timeInput {
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	border:none;
	padding:2.5px 0px;
	text-align:center;
	margin-left : 3px;
	margin-right : 3px;
	width : 26px;
	background:transparent;
}
td.routeCell {
	padding:1.5px;
}

td.routeCell div {
	width:46px;
	height:33px;
	line-height:33px;
	color:#fff;
	text-align:center;
	background: rgba(179, 58, 0, 0.6);
}

td.routeCell:hover div {
	background: rgba(179, 58, 0, 0.5);
}
td.routeCell.selected div {
	background: rgba(179, 58, 0, 0.9);
}
.imageInCircle {
	border:1px solid transparent;
}
.imageInCircle:hover {
	border:1px solid #004489;
}
.imageInCircleGrey {
	background-color: white;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	box-shadow: 0px 0px 3px 0px grey;
	width: 30px;
	height: 30px;
	border-radius: 30px;
}
.imageInCircleGrey:hover {
	background-color: rgb(232, 233, 232);
}
.clickable {
	background:#fff;
}
.clickable:hover, .clickable.selected:hover {
	background:rgb(224,231,238);
}
.clickable.selected {
	background:rgb(224,231,238);
}
.triButton {
	background:#fff;
	border:1px solid rgb(228, 228, 228);
	border-radius:15px;
	padding: 1px 20px;
	margin: 0px 7px;
}
.selectableBlock {
	background:#f5f5f5;
}
.selectableBlock:hover {
	background:#ccc;
}
.roundedDisplay {
	background:rgba(246, 246, 246, 1);
	border-radius:18px;
}
.roundedDisplay:hover {
	background:rgba(228, 228, 228, 1);
}

img.actionIcon {
	opacity:0.5;
	vertical-align:middle;
}
img.actionIcon:hover {
	opacity:1;
}
.blueButton {
	vertical-align:middle;
	display:inline-block;
	cursor:pointer;
	background-color: rgba(0, 68, 137, 1);
	color:#fff;
	padding:4px 12px;
	border-radius:20px;
	overflow:hidden;
	text-transform:uppercase;
}

.blueButton:hover {
	background-color: rgba(0, 87, 174, 1);
}
.blueButton.disabled, .blueButton.disabled:hover {
	background-color: rgba(0, 68, 137, 0.5);
}

.whiteButton {
	vertical-align:middle;
	display:inline-block;
	cursor:pointer;
	background-color: #fff;
	color:rgba(0, 87, 174, 1);
	padding:4px 12px;
	border-radius:20px;
	overflow:hidden;
	text-transform:uppercase;
}

.whiteButton.transparent {
	background-color: transparent;
}
.whiteButton:hover, .whiteButton.transparent:hover {
	background-color: #eee;
}
.whiteButton.disabled, .whiteButton.disabled:hover {
	background-color: #fff;
}

img.turnRight, div.turnRigth {
	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	transform: rotate(-90deg);

}
img.turnLeft, div.turnLeft {
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
	transform: rotate(90deg);

}
img.turn, div.turn {
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);

}
img.upturn, div.upturn {
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	transform: rotate(-45deg);

}
div.rotate90, img.rotate90 {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
}
div.rotate180, img.rotate180 {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
div.rotate270, img.rotate270 {
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
}
.rotateButton {
	vertical-align:middle;
	border-radius:6px;
}
.rotateButton:hover {
	background-color:rgba(250,250,250,0.2);
}

td.noDepeches {
	background-image: url(../images/stripped.png);
	background-position: left top;
	background-repeat: repeat;
	background-attachment: scroll;
	background-size: 8px 8px;
}

a.blueLink {
	color: rgb(0, 68, 137);
	text-decoration:none;
}

a.blueLink:hover {
	text-decoration:underline;
}
.min900mob {
	display:inline-block;
} 
@media screen and (max-width: 1200px){
	.max1200{
		display:none;
	} 
}
@media screen and (max-width: 900px){
	.max900{
		display:none;
	} 
}
@media screen and (min-width: 900px){
	.min900mob {
		display:none;
	} 
}
@media screen and (max-width: 600px){
	.max600{
		display:none;
	} 
}
@media screen and (max-width: 400px){
	.max400{
		display:none;
	} 
}
@media print {
	.noPrint{
		 display: none !important;
	} 
}
.opt-mess-topic {
	width: 38px;
    border-right: 2px solid rgb(235, 235, 235);
	background-size: 30px;
	background-position: left top;
    background-repeat: no-repeat;
}

.opt-mess-title {
	padding: 5px 0px;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 1px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.opt-mess-radio-field {
	transition: .5s;
    border-radius: 10px;
	font-size: 14px;
	padding: 5px 12px 5px 20px;
	background-size: 14px;
	background-position: center left;
	background-repeat: no-repeat;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.opt-mess-topic.disabled,
.opt-mess-title.disabled,
.opt-mess-radio-field.disabled {
	background-color: none !important;
	opacity: 0.2;
}

.opt-mess-radio-field:hover {
    background-color: rgb(250,250,250);
}

.opt-mess-radio-field.selected {
    background-color: rgb(245,245,245);
}
.opt-mess-field-ctn {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 5px 10px;
}

::-webkit-scrollbar {
	border-radius: 5px;
    width: 5px;
    height: 5px;
	background: rgba(255, 255, 255, 0.2);
}

::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.6);
}
::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, 0.5);
}

[contenteditable] {
  -webkit-appearance: textfield;
  appearance: textfield
}

.tweet-input {
	outline: none;
	overflow: auto;
	color: transparent;
	caret-color: rgb(51, 51, 51);
	flex: 1;
}

.tweet-input,
.tweet-output {
	padding: 5px;
	position: absolute;
	width: calc(100% - 10px);
/* 	flex-wrap: wrap; */
/* 	display: flex; */
/* 	align-content: flex-start; */
	height: calc(100% - 10px);
	overflow: auto;
}
.tweet-output::-webkit-scrollbar {
  display: none;
}

.tweet-output {
  -ms-overflow-style: none;
}

/* [contentEditable=true]:empty:not(:focus):before{ */
[contentEditable=true]:empty:before{
	content:attr(data-text);
	color: #8a8a8a;
}

.tweet-output .blue-link {
	color: rgb(29, 161, 242);
}

.app-input .tweet-output,
input.app-input {
	outline: none;
	padding: 5px !important;
	border-radius: 5px;
	font-family: 'Segoe UI Normal', 'Segoe UI', sans-serif;
	font-size: 13px;
	background-color: rgb(247, 251, 255);
	border: 1px solid rgb(200, 200, 200);
}

.app-input .tweet-input {
	border: 1px solid transparent;
}

.app-input-2 {
	flex: unset !important;
	height: 130px;	
}

.app-input-2 .tweet-output {
	padding: 5px !important;
	border-radius: 5px;
	font-family: 'Segoe UI Normal', 'Segoe UI', sans-serif;
	font-size: 13px;
	background-color: rgb(252, 252, 252);
	border: 1px solid rgb(248, 248, 248);
}

.app-input-2.editing .tweet-input {
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.19) inset;
}

.app-input-2.editing .tweet-output {
	border: 1px solid transparent;
}

.app-input-2 .tweet-input,
.app-input-2 .tweet-output {
	transition: 0.3s;
}

input.app-input,
.app-input .tweet-input {
	transition: 0.3s box-shadow;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

 input.app-input:focus
.app-input .tweet-input:focus {
	box-shadow: 0px 0px 5px 2px rgb(141, 171, 227);
}

.app-input.disabled .tweet-input,
.app-input.disabled .tweet-output,
input.app-input.disabled {
	font-size: 13px;
	padding: 0px !important;
	background-color: transparent;
	box-shadow: none;
	border: none;
}

.emoji-button {
	display: flex;
	align-items: center;
	position: absolute;
	padding: 2px 10px;
	transition: 0.3s;
	background-color: rgba(0, 0, 0, 0);
}

.emoji-button:hover {
	background-color: rgba(0, 0, 0, 0.1);
}

.emoji-container {
	display: none;
	width: 90px;
	background-color: white;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	flex-wrap: wrap;
	padding: 5px;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%)
}

.emoji-container:hover,	
.emoji-button:hover .emoji-container {
	display: flex;
}

.tweet-item {
	background-color: rgba(249, 249, 249, 1);
	color: rgb(51, 51, 51);
	padding: 10px;
	transition: 0.3s;
	margin: 10px 5px 5px 5px;
	display: flex;
}

.tweet-item.clickable:hover {
	background-color: rgba(239, 239, 239, 1);
}

.remove-btn {
	transition: 0.3s;
	background-color: rgba(229, 229, 229, 0);
}

.remove-btn:hover {
	background-color: rgba(229, 229, 229, 1);
}

.remove-btn > img {
	transition: 0.3s;
	opacity: 0.5;
}

.remove-btn:hover > img {
	opacity: 1;
}

.btn-blue-secondary {
	background-color: rgba(0, 68, 137, 0);
	padding: 7px 20px;
	transition: 0.3s;
	text-transform: uppercase;
	border-radius: 15px;
	font-family: 'Segoe UI Normal', 'Segoe UI';
	font-weight: 400;
	font-size: 13px;
	color: rgb(0, 68, 137);
	margin: 0px 5px;
}

.btn-blue-secondary:hover {
	background-color: rgba(0, 68, 137, 0.07);
}

.btn-blue {
	background-color: rgba(0, 68, 137, 1);
	padding: 7px 20px;
	transition: 0.3s;
	text-transform: uppercase;
	border-radius: 15px;
	font-family: 'Segoe UI Normal', 'Segoe UI';
	font-weight: 400;
	font-size: 13px;
	color: rgba(255, 255, 255, 1);
	margin: 0px 5px;
}

.btn-blue:hover {
	background-color: rgba(0, 68, 137, 0.8);
}

.icon-action-tweet {
	opacity: 0.5;
	transition: 0.3s;
}

.icon-action-tweet:hover {
	opacity: 1;
}

.on-off-button {
	cursor: pointer;
	transition: .3s;
	background-color: rgba(247, 247, 247, 1);
	padding: 5px 10px;
	border: 1px solid rgba(228, 228, 228, 1);
	align-items: center;
	justify-content: center;
	font-family: 'Segoe UI Gras', 'Segoe UI Normal', 'Segoe UI', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 9px;
	color: rgba(51, 51, 51, 0.5)
}

.on-off-button.checkbox {
	background-image: url(../images/checkbox.svg);
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 12px;
	padding: 5px 10px 5px 27px;
}

.on-off-button.checkbox.selected {
	background-image: url(../images/checkbox-checked.svg);
}

.on-off-button:hover {
	color: rgba(51, 51, 51, 0.8)
}

.on-off-button.selected {
	color: rgba(51, 51, 51, 1)
}

.on-off-button > * {
	transition: .3s;
}

.on-off-button > img {
	opacity: 0.5;
}

.on-off-button:hover > img {
	opacity: 0.8;
}

.on-off-button.selected > img {
	opacity: 1;
}

.on-off-button > div {
	display: flex;
	align-content: center;
	text-align: center;
	justify-content: center;
}

.on-off-button:hover {
	background-color: rgba(239, 239, 239, 1);
}

.on-off-button.selected:hover {
	background-color: rgba(233, 233, 233, 1);
}

.on-off-button.selected {
	background-color: rgba(228, 228, 228, 1);
}

.tweet-opt-group-title {
	align-items: center;
	text-transform: uppercase;
	font-family: 'Segoe UI Gras', 'Segoe UI Normal', 'Segoe UI', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 9px;
	color: rgb(51, 51, 51);
	padding: 5px 10px;
}

.tweet-opt-group-title > img {
	opacity: 0.5;
	height: 28px;
	margin-right: 5px;
}
.popup-carto .mapboxgl-popup-content {
	border-radius: 6px;
	padding: 15px;
	background: #fff;
	box-shadow: rgba(64, 64, 64, 0.8) 0px 0px 10px 0px;
}

.btn-edit, .btn-add {
	width: 30px;
	height: 30px;
	border-radius: 30px;
	transition: .3s;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/images/plus_blue.png);
}

.btn-add {
	background-image: url(/images/plus_blue.png);
}

.btn-edit {
	opacity: 0.3;
	background-image: url(/images/edit.png);
}

.btn-add:hover {
	background-color: rgba(241, 241, 241, 1);
}

.btn-edit:hover {
	background-color: rgba(205, 205, 205, 1);
}

.row-recap {
	border-top: 1px solid rgb(238, 238, 238);
	display: flex;
	min-height: 50px;
}

.row-recap > .text-row-recap {
    padding: 20px 0px;
    width: 140px;
    text-transform: capitalize;
}

.row-recap > .icon-row-recap {
	width: 50px;
	background-repeat: no-repeat;
	background-position: center top 10px; 
	background-size: 30px;
	opacity: 0.2;
}

.row-recap div {
	overflow: hidden
}

.btn-cancel, .btn-save {
	transition: 0.3s;
	padding: 10px 25px;
	border-radius: 25px;
	text-transform: uppercase;
}

.btn-cancel {
	color: rgba(0, 68, 137, 1);	
	background-color: white;
}

.btn-cancel:hover {
	color: rgba(0, 68, 137, 0.8);	
	background-color: rgb(238, 238, 238);
}

.btn-save {
	color: white;
	background-color: rgba(0, 68, 137, 1);	
}

.btn-save:hover {
	color: rgba(255, 255, 255, 0.8);
	background-color: rgba(0, 68, 137, 0.8);	
}

.twd-header-checkbox {
	width: 12px;
	height: 12px;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center;
	background-image: url(/images/checkbox.svg);
}

.toggle-with-details.expanded .twd-header-checkbox {
	background-image: url(/images/checkbox-checked.svg);
}

.textarea-autoresized-and-transparent {
	height: 32px;
	padding: 5px;
	border: none;
    background-color: transparent;
	box-sizing: border-box;
	resize: none;
	overflow: hidden;
}

.toggle-with-details.expanded .twd-header {
	margin-bottom: 10px;
}

.hide-details.toggle-with-details.expanded .twd-header {
	margin-bottom: 0px;
}

.twd-textarea {
	background-color: white;
	border: 1px solid rgba(128, 128, 128, 0.3)
}

.twd-textarea::placeholder {
	
}

.toggle-with-details {
	background-color: rgba(250, 247, 247, 1);
	color: rgb(51 51 51);
}

.input-heure.invalid,
.input-pr.invalid {
	border-color: red;
	font-weight: bold;
	color: red;
}

.horizontal-margin {
	flex: 1;
	margin: 0px 2.5px;
}

.vertical-margin {
	margin: 2.5px 0px;
}

.no-transform:hover {
	transform: rotate(0deg) !important;
}