/*
	Nom 	: css/default.css
	Descr 	: Fichier CSS personnalisé de base
	Projet	: MyUP

	Par		: Jérémie Dupraz 
	Date 	: 30/11/2020
	Version	: 0.6
*/

body { background: #d2d6de; }

sup .label {
	display: inline;
	padding-top: .2em;
	padding-bottom: .2em;
	padding-right: .6em;
	padding-left: .6em;
	font-size: 60%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}

/* Ne pas afficher les message d'erreur dans l'édition des factures pour ne pas deformer la mise en page*/
.invoice-edit .help-block.form-error { display: none; }
.invoice-edit input.error { border-width: 2px; }
.invoice-edit input.error::placeholder { color: #B94A48; }

/* nProgress */
#nprogress .bar {
	background: #dd4b39 !important;
	position: fixed;
	z-index: 2000;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
}
 
/* Login form */
.remember > label {
	font-weight: 400;
}
.remember > input {
	position: relative; 
	top: 2px; 
	margin-left: 10px;
}

.notification-content {
	box-sizing: border-box; display: block; border-bottom: 1px solid #f4f4f4; color: #444444;
					overflow: hidden; text-overflow: ellipsis; padding: 10px;
}
.notification-content > .time {
	color: #999999; font-size: 10px;
}

.form-group .select2, .list-group-item .select2 {
	width: 100% !important;
}

form.inline > .form-control {
	display: inline !important;
	width: auto !important;
}


/* FullCalendar */
.fc-nonbusiness {
    background: #a4a4a4;
}

/* Correction AdminLTE avec Font Awesome 5 */
.sidebar-menu > li > a > .fas,
.sidebar-menu > li > a > .far
{
    width: 20px;
}
.treeview-menu > li > a > .fas, 
.treeview-menu > li > a > .far
{
    width: 20px;
}
.box-header > .fas, 
.box-header > .far,
.box-header > .fab
{
	margin-right: 5px;
}
.nobottommargin {
	margin-bottom: 0px !important;
}
.nopadding { padding:0px !important; }
.nopaddingleft { padding-left: 0px !important; }
.content-header > .breadcrumb > li > a > .fas, 
.content-header > .breadcrumb > li > a > .far
{
    margin-right: 5px;
}
.timeline > li > .fas, 
.timeline > li > .far
{
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    color: #666;
    background: #d2d6de;
	background-color: rgb(210, 214, 222);
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0;
}
.btn-app > .fas,
.btn-app > .far
{
    font-size: 20px;
    display: block;
}
.main-header .sidebar-toggle::before {
	content: "";
}

a > .far:hover, a > .fas:hover, i.pointer:hover {
	opacity: 0.6 !important;
}

.content-patient {
	margin-bottom: 60px;
}
.main-footer {
	padding: 10px;
}
.footer-patient {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 55px;
	line-height: 55px;
	background-color: #f5f5f5;
	z-index: 100;
}
.footer-patient .container { height: 50px; }

.satisfaction_radio {
	padding:25px;
	font-size:18px;
}
.satisfaction_radio > label {
	font-weight: normal !important;
}
.satisfaction_title {
	margin-top:25px;
}

.time-caps {
	padding:5px; 
	text-align:center;
	border-radius: .25em;
	background-color: #d2d6de;
	display:inline-block;
	margin:2px;
}

.cal-icon {
	margin-right: 3px;
}

.nopadding {
	padding-left: 0;
	padding-right: 0;
}
.decal10 {
	margin-left: 10px;
}
.decal20 {
	margin-left: 20px;
}
.decal25 {
	margin-left: 25px;
}
.bold { font-weight: bold; }

.alert a { 
	color: #3c8dbc;
}
.alert-info {
	color: #31708f !important; 
	background-color: #d9edf7 !important; 
	border-color: #bce8f1 !important;
}

.alert-warning {
	color: #8a6d3b !important; 
	background-color: #fcf8e3 !important;
	border-color: #faebcc !important;
}

.alert-success {
	color: #155724 !important; 
	background-color: #d4edda !important; 
	border-color: #c3e6cb !important; 
}

.alert-error {
	color: #a94442 !important;
	background-color: #f2dede !important;
	border-color: #ebccd1 !important;
}

.pointer, .OnClick {
	cursor: pointer;
}

.help {
	cursor: help;
}

.orange {
	color: #f39c12;
}
.text-white { color: white; }
.edit-icon {
	margin-top: 3px;
	padding-left: 5px;
}
.page-loading {
	width: 100%;
	margin-top: 10px;
	text-align: center;
	font-size: 200%;
}
.nodisplay {
	display: none !important;
}
.nomargin { margin: 0 !important; }

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

.timeline > li > .timeline-item .time {
	color: #999;
	float: right;
	padding: 10px;
	font-size: 12px;
}

/* Avatar logo */
form .circle_del {
	position:absolute;
	top:10px;
	left:60%;
}
.office_logo {
	padding: 3px;
	border: 3px solid #d2d6de;
}
form .square_del {
    position: absolute;
    top: -5px;
    right: 10px;
}


/* Mix timeline et box */
.timeline-item.box {
	width: auto;
}
	.timeline-item > .box-body {
		padding-bottom: 0px;
	}
	.timeline-footer {
		padding-top: 10px;
	}

/* Main side bar*/
/* search zone */

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
	z-index: 3;
}
.skin-blue .sidebar-form #search {
	position: absolute;top: 0;left: 0; z-index: 2; background: transparent; color: #b8c7ce;
}
.skin-blue .sidebar-form #suggestion {
	position: absolute; top: 0; left: 0; z-index: 1;
}
#search_form > div {
	position: relative;
}
.privacy {
	margin-top:10px;
}


/* Documents en thumbnail */
	/* Cadre gris qui contient les tb */
.doc-container {
	float: left;
	border: 1px solid #ddd; 
	border-radius: 3px;
	width: 145px; 
	height: 100px; 
	position:relative;
}
	.doc-container .tb-doc { 
		width: 145px; 
		height: 98px; 
		overflow: hidden; 
		border-radius: 3px;
		background: black; 
	}
		.doc-container .tb-doc i {
			position: absolute; top: 35px;left: 59px;opacity:0;
			transition: all .25s;
			color: #fff; z-index:150;
		}		
		.doc-container .tb-doc img {
			max-width: 145px; 
			max-height: 100px;
		}
		.doc-container .tb-doc:hover i, .doc-container .tb-doc:focus i, .doc-container .tb-doc:active i {
			/*display: inline;*/
			transform:scale(1) rotate(0);  
			opacity: 0.6; 
		}
		.doc-container .tb-doc:hover img, .doc-container .tb-doc:focus img, .doc-container .tb-doc:active img {
			opacity: 0.6;
		}
	.doc-container > .tb-tools {
		position:absolute;
		right:-10px;
		top:-10px;
		z-index:150;
	}

/* Control sidebar */
.control-sidebar-bg, .control-sidebar {
	width: 280px;
	right: -280px;
}

/* divider dans le menu */
li.divider {
	height: 1px;
	overflow: hidden;
	background-color: #222d32;
}


.module-cart {
	border: 1px solid rgb(221, 221, 221); 
	background-color: rgb(244, 244, 244);
	color: rgb(0, 0, 0); 
	border-radius: 5px; 
	padding: 5px;
	text-align: left;
	margin-bottom: 5px;
}
.ext-event.template {
	position: relative; z-index: auto; left: 0px; top: 0px;
	
	margin-top: 0px;
	
}

.highlight {
    /*border: 1px solid yellow;*/
	border-radius: 3px;
    background-color: #ecf0f5;
}

.closon {
	position: absolute;
	top: -2px;
	right: 0;
	cursor: pointer;
	background-color: #FFF
}


/* Position */
.position-list > div {
	margin-top: 5px;
	padding: 0px;
}
.position-list input {
	width:100%;
	margin-top:5px;
	float:right;
}
.position-container {
	/*display: block;*/
	background-color: #3c8dbc;
	border: 1px solid #367fa9;
	border-radius: 4px;
	padding: 1px 10px;
	color: #fff;
	cursor: default;
	margin-top: 5px;
	white-space: nowrap;
	overflow: hidden;
	/*width: 100%;*/
}
.position-container > select { color: black; }
.position-container.error {
	background-color: #dd4b39;
	border: 1px solid #dd4b39;
}
.position-container .fas {
	margin-right:5px;
}
.position-list > div > i {
	margin-top:10px;
}




.error-page {
	width: 700px !important;
}
/* Upload form */
.filedrag:not(img) { 
	cursor: pointer; 
	border: 2px dashed #00a65a;
	/*border: 2px dashed #3c8dbc; */
	border-radius: 5px; 
	background: white;
	padding: 10px;
}
.filedrag:hover {
	background: #f4f4f4;
}
	.filedrag h4 { color: #00a65a; }

/* Business hour configuration */
.datepicker.time {
	display: inline;
	width: 60px !important;
}

/* RESPONSIVE */
@media only screen and (max-width: 990px) {
	.nomobile { display:none; }
}
/*@media only screen and (min-width: 767px) {
	.nodesktop { display:none; }
}*/