/* A UTILISER UNIQUEMENT PAR LES DEVELOPPEURS, la CSS BOOSTRAP.CSS sera écrasée à chaque livraison */

/* new background picture */
#body-login {
	background:url(/img/background.svg) center center;
	background-size:cover
}

#body-login h1{
	text-transform: initial;
}

.debug {
	display: flex;
	background-color: #F0F0F0;
	border-bottom: 1px solid #C0C0C0;
}

/* Hide OU on Responsive login page */
@media only screen and (max-width: 767px) and (min-width: 20px) {
	.block-login .colright {
		padding: 0;
		background: none;
	}
}

/* Hide OU on login page */
.block-login .colleft::after {
    content: none;
}

.login_col_left {
	min-height:	190px;
}

.red_center {
	line-height: 1;
	font-size:	20px;
	color:		#d72134;
    text-align: center;
	margin-top: -15px;
	text-transform: uppercase;
}

.msg-error {
	font-size:	12px !important;
	color:		#d72134 !important;
	font-style:	italic;
	padding:	5px;
}

.block-infos p {
    font-size: 12px;
}

.center {
    text-align: center;
}

.transparent {
	opacity: 0;
}

.pad5 {
    padding:	5px;
}

.non-alert {
	color:#555;
}

.progress-bar-low {
	color:#000 !important;
}

.red {
	color:#f00;
}

.orange {
	color:#F79623;
}

.green {
	color:#519839;
}

.border {
	border:1px solid #d72134;
}

.select {
	border-bottom: 1px solid #d72134;
}

.erreur {
	color:#fff;
	background:#d72134;
	border:1px solid #fff;
	text-align:center;
	padding:20px 10px 20px 10px;
	font-size:1.071em;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0 auto;
	margin-bottom:30px
}

.half {
    width:50% !important;
}

.message {
    color: #C00 !important;
}

.nopointer {
	cursor: default !important;
}

.pointer {
    cursor: pointer;
}

/* .list-comptes-sociaux .col1 { */
	/* width: 50% !important; */
/* } */

/* .list-comptes-sociaux .col2 { */
	/* width: 45% !important; */
/* } */

.connect {
	color: #F79623;
}

.connected {
	color: #484;
}

.social-network.fa {
	color: #FFF;
	height: 15px;
	width: 20px;
	padding: 5px 0 0 0;
	text-align: center;
	vertical-align: baseline;
	background-color:#000;
}
.social-network.fa.fa-instagram { background-color: #333;}
.social-network.fa.fa-google-plus { background-color: #d95232;}
.social-network.fa.fa-facebook  { background-color: #3b5998;}
.social-network.fa.fa-pinterest { background-color: #bd081c;}
.social-network.fa.fa-youtube  { background-color: #cc181e;}
.social-network.fa.fa-twitter  { background-color: #09a1ec;}
.social-network.fa.fa-linkedin  { background-color: #0084bf;}
.social-network.fa.fa-rss  { background-color: #f69c33;}
.social-network.fa.fa-podcast  { background-color: #d99c32;}

/* Registration tunnel */

	.tunnel_cgu {
		height: 500px;
		width: 100%;
	}
/* for PBI details*/
.collapse_details::after {
    font-family: fontAwesome;
    content: "\f0d7";
    margin-left: 7px;
}

.contact_message {
    font-size: 14px;
	text-align: justify;
	/* color: #5680E0; */
	background-color: #F5F5F5;
    font-family: Georgia, "Times New Roman", Times, serif;
    padding: 10px;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	margin: auto;
	min-width: 500px;
	width: 40%;
}

.contact_image {
    padding: 10px;
	max-width: 500px;
	margin: auto;
}

/* Image uploader */
.uploader {
	margin: auto;
}

.input-file-container {
	position: relative;
	width: 115px;
}

.input-file-trigger {
	display: block;
	padding: 10px 0px;
	background: #F79623;
	color: #fff;
	font-size: 0.85em ! important;
	transition: all .6s;
	text-align: center;
	cursor: pointer;
}

.input-file {
	position: absolute;
	top: 0;
	left: 0px;
	opacity: 0;
	width: 110px;
	z-index:-1;
}

.admin-user {
    position: relative;
    transition: all 0.3s ease-out 0s;
    padding: 20px 50px 10px 50px;
    border: 1px solid #e3e3e3;
    margin: 0 0 5px 0;
    background: #fff url(../img/tramage.png) repeat-y 0 0;
}

.admin-user:before, .admin-user:after {
    content: " ";
    display: table;
}

.admin-user:after {
    clear: both;
}

.admin-user div {
	display: inline-grid;
	margin: auto;
}

div.col40 {
	width: 40px;
}

div.col80 {
	width: 80px;
}

div.col100 {
	width: 100px;
}

div.col120 {
	width: 120px;
}

div.col200 {
	width: 200px;
}

div.col300 {
	width: 300px;
}

div.colcontent {
	width: fit-content;
}

.feed-label {
	font-size:	15px;
}

.feed-source {
	font-size:	11px;
	color:	#888;
}
/* Planning Post preview */
table.event-preview td {
	padding:      2px;
}
/* Planning Remove pointer by default */
a span.fc-title {
    cursor: inherit;
}

.post {
	min-height:			95px;
	max-width:			375px;
	background-color:	#FCFCFC;
	border:				1px solid #CCC;
	padding:			5px;
	margin:				auto;
}

.social_account_tip {
	margin: 0 0 20px 0;
}

.social_account_sublist {
	font-size: 20px;
	margin: 20px 0 10px 0;
}

/* Planning preview */
.event-preview h2 {
	margin-bottom: 10px;
}

.smartschedule-publish-on {
	font-weight: bold;
	margin-bottom: 10px;
}

.smartschedule-publish-on .social-media {
	font-weight: normal;
	padding-bottom: 5px;
}

.smartschedule-publish-on .social-media IMG {
	width: 20px;
}


.post .social_account {
	max-width:			55px;
	border:				0px solid #CCC;
	text-align:			center;
	float:				left;
	overflow:			hidden;
}

.post .social_account IMG {
	min-height:			20px;
	border-radius:		5px;
}

.post .preview {
	border:				0px solid #CCC;
	overflow:			hidden;
}

.post .preview .username {
	text-align:			left;
	font-family:		sans-serif;
	font-size:			14px;
	color:				#000;
	font-weight:		bold;
	padding-left:		5px;
	display:			inline-block;
}

.post .preview .post_time {
	font-family:		sans-serif;
	font-size:			12px;
	color:				#777;
	padding-left:		5px;
	display:			inline-block;
}

.post .preview .username IMG {
	width:				18px;
	padding:			2px;
}

.post .preview .text {
	text-align:			justify;
	font-family:		sans-serif;
	font-size:			14px;
	color:				#000;
	padding:			5px;
	display:			inline-flex;
	width: 90%;
}

.post .preview .text-edit {
	display:			inline-flex;
}

.post .preview .image {
	width:				70%;
	margin:				auto;
	margin-top:			10px;
	margin-bottom:		10px;
}

.post .preview .image IMG {
	border-radius:		5px;
}

.post .preview .url {
	font-size:			12px;
	width:				80%;
	margin:				auto;
	margin-top:			10px;
	margin-bottom:		10px;
	border:				1px solid #CCC;
	background-color:	#FFF;
}

.post .preview .url .url_image {
	text-align:			center;
}

.post .preview .url .url_image IMG {
	max-height:			175px;
}

.post .preview .url .url_text {
	padding:			5px;
	text-align:			justify;
	font-weight:		bold;
}

.post .preview .url .url_heading {
	padding:			5px;
	text-align:			justify;
}

/* Home page block col3 image size */
.bt-col3 img {
	height: 190px;
}

/* Home page block col2 hide p for FAQ */
.bt-col2 p span  {
	display: none;
}

.bt-col2 ul  {
	text-align: left;
}

#filter-source {
	width: fit-content;
	margin: auto;
}

#menu-user-high {
	background-color: #7f3f8f;
}

/* INTRO js */
.customTooltipClass {
	border: 2px solid #F79623;
	max-width: 700px !important;
}

.customHighlightClass {
	opacity: 0.5;
}

.introjs-overlay {
	/* opacity: 0.3 !important; */
}

.introjs-tooltiptext {
}

/* pretty dump */
.prettydump_key {
	color: #D00000;
}
.prettydump_key.isarray {
	font-weight: bold;
}

.prettydump_value {
	color: #0000E0;
}
.prettydump_value.isnull {
	color: #000000;
	font-style: italic;
}
.prettydump_array {
	margin-left: 5px;
	padding-left: 5px;
	border-left: 1px solid #D00000;
}
.echodump {
	margin: 10px;
}

.bt_debug{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:15px;line-height:1.2;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.bt_debug:focus,.bt_debug.focus,.bt_debug:active:focus,.bt_debug:active.focus,.bt_debug.active:focus,.bt_debug.active.focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.bt_debug:hover,.bt_debug:focus,.bt_debug.focus{color:#333;text-decoration:none}
.bt_debug:active,.bt_debug.active{outline:0;background-image:none;box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
.bt_debug.disabled,.bt_debug[disabled],fieldset[disabled] .bt_debug{cursor:not-allowed;opacity:0.65;filter:alpha(opacity=65);box-shadow:none}a.bt_debug.disabled,fieldset[disabled] a.bt_debug{pointer-events:none}


.bt_debug-success{color:#fff;background-color:#189e3b;border-color:#158833}
.bt_debug-success:focus,.bt_debug-success.focus{color:#fff;background-color:#11722a;border-color:#041909}
.bt_debug-success:hover{color:#fff;background-color:#11722a;border-color:#0d531f}
.bt_debug-success:active,.bt_debug-success.active,.open>.bt_debug-success.dropdown-toggle{color:#fff;background-color:#11722a;border-color:#0d531f}
.bt_debug-success:active:hover,.bt_debug-success:active:focus,.bt_debug-success:active.focus,.bt_debug-success.active:hover,.bt_debug-success.active:focus,.bt_debug-success.active.focus,.open>.bt_debug-success.dropdown-toggle:hover,.open>.bt_debug-success.dropdown-toggle:focus,.open>.bt_debug-success.dropdown-toggle.focus{color:#fff;background-color:#0d531f;border-color:#041909}
.bt_debug-success:active,.bt_debug-success.active,.open>.bt_debug-success.dropdown-toggle{background-image:none}
.bt_debug-success.disabled:hover,.bt_debug-success.disabled:focus,.bt_debug-success.disabled.focus,.bt_debug-success[disabled]:hover,.bt_debug-success[disabled]:focus,.bt_debug-success[disabled].focus,fieldset[disabled] .bt_debug-success:hover,fieldset[disabled] .bt_debug-success:focus,fieldset[disabled] .bt_debug-success.focus{background-color:#189e3b;border-color:#158833}
.bt_debug-success .badge{color:#189e3b;background-color:#fff}

.table {
	padding: 5px;
}

.table.tracker{
	margin-top: 20px;
}

.line {
    border: 1px solid #e3e3e3;
    background: #fff url(../img/tramage.png) repeat-y 0 0;
    padding: 5px 5px 5px 10px;
    margin: 5px 0 5px 0;
	width: fit-content;
    margin: auto;
	position: relative;
}

.question .line {
	cursor: move;
}

.cell {
	display: inline-block;
	padding: 0px 5px 0px 5px;
	vertical-align: middle;
}

.cell.question-type {
    width: 75px;
}

.cell.question-type .text-bulle{
    margin: auto;
}

.number-bulle {
    display: block;
    z-index: 2;
    border-radius: 50%;
    background-color: #d72134;
    width: 26px;
    height: 26px;
    box-shadow: 0px 2px 1.92px 0.08px rgba(5,18,25,0.35);
    color: #fff;
    padding: 7px 0 0 0;
    text-align: center;
    line-height: 1em;
    font-family: "Nunito",sans-serif;
    font-size: 13px;
    font-weight: 700;
}

.block-center {
    width: fit-content;
    margin: auto;
    text-align: center;
}

.text-bulle {
	display: block;
	position: relative;
	top: 0px;
	z-index: 2;
	border-radius: 10%;
	background-color: rgb(64,64,64,.8);
	width: fit-content;
	height: fit-content;
	box-shadow: 0px 2px 1.92px 0.08px rgba(5,18,25,0.35);
	color: #fff;
	padding: 2px 3px 2px 3px;
	text-align: center;
	font-family: "Nunito",sans-serif;
	font-size: 12px;
}

.question textarea, .tracker textarea {
	background-color: rgb(55,198,179,1);
	box-shadow: 0px 2px 1.92px 0.08px rgba(5,18,25,0.35);
	color: #fff;
	padding: 2px 3px 2px 3px;
	font-family: "Nunito",sans-serif;
}

.question li::before {
	content: none !important;
}

.tracker li::before {
	content: none !important;
}

.question ul, .tracker ul {
	margin: unset !important;
}

.question .option {
	display: flex;
	padding-top: 1px;
}

.question .option .key-N, .question .option .key-U, .question .option .key-M, .question .option .key-D {
	height: 18px;
	width: 18px;
	border-radius: 50%;
	background-color: rgb(55,198,179,1);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 11px;
	color: #fff;
}

.question .option .key-D, .question .option .key-F {
	display: none;
}

.question .option .option-N {
	display: none;
}

.question .option input.option-U, .question .option input.option-M, .question .option .option-D, .question .option .option-F {
	display: flex;
	margin-left: 5px;
	width: 255px;
    border: 1px solid #FFF;
	padding: 0px;
}

.question .option input.option-U:hover, .question .option input.option-U:focus,
.question .option input.option-M:hover, .question .option input.option-M:focus,
.question .option input.option-D:hover, .question .option input.option-D:focus,
.question .option input.option-F:hover, .question .option input.option-F:focus {
    border: 1px solid #BBB;
}

.del-option {
}

.add-option, .del-option {
    display: inherit;
    width: 20px;
    margin: auto;
}

.add-option {
	background: #5680E0;
}

.del-option {
	background: #d72134;
}

.add-option.D, .del-option.D,.add-option.F, .del-option.F {
	display: none;
}

/* css tiny MCE - center textarea */
.content, .recommendation, .card {
	text-align: center;
}

.content .mceLayout, .recommendation .mceLayout {
	margin: auto;
}

.article-content.menu-left {
	position: relative;
    left: 250px;
    width: calc(100% - 250px);
}

.article-recommendation.menu-left {
	position: relative;
    left: 250px;
    width: calc(100% - 250px);
}
/* left menu, set height fit content*/
#mainmenu {
    height: fit-content;
}

.block-notif-tactile {
	position: relative;
	left: 250px;
    width: calc(100% - 250px);
}

.title {
	padding: 15px;
	font-size: 24px;
	color: #d72134;
    text-transform: uppercase;
    font-weight: 300;
}

.card .inline {
    display: flex;
}

.card .inline .cell{
    margin: auto;
}

.raw-data {
	border-bottom: 1px solid #888;
}

.raw-data tr:nth-child(even) {
	background: #CCC
}

.raw-data .date {
	white-space: nowrap;
}