/* Css vars definition */
:root {
	--wh-timeline-border-color: rgba(0,0,0,.3);
}

/*
 * Form toggle display
 */

.form-toggle-target[data-display="0"]{
    display: none;
}

.form-toggle-target[data-display="1"] .select2-container{
    min-width: 200px; /* fix for micro with */
}


/*
DASH BOARDS
 */

.webhost-dashbord-alert-container{
	margin-bottom: 20px;
}

.fa.fa-dol-webhost:before{
	content: "\f233";
	color: #7e7772;
}
.fa.fa-dol-webinstance:before{
	content: "\f7a2";
	color: #7e7772;
}
.fa.fa-dol-webmodule:before{
	content: "\f12e";
	color: #7e7772;
}

.bg-infoxbox-webhost, .bg-infoxbox-webinstance{
	color: #675f58 !important;
}

.info-box-instance .radial-info-box, .info-box-host .radial-info-box{
	margin: 2px 0px 0px 2px;
}

.info-box-instance .info-box-icon{
	background-color: #f7f7f7 !important;
}

.info-box-host .info-box-icon{
	background-color: #dcdcdc !important;
}

.info-box-instance .info-box-number, .info-box-host .info-box-number{
	font-size: 1em;
}

.info-box-icon.--offline{
	background-color: #a21600 !important;
	color : #fff;
}

.info-box-online-status{
	margin: 0;
	display: block;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
}

.info-box-online-status .time{
	font-weight: normal;
	color: #666;
}


/* Forms */
.form-text-error{
	display: block;
	font-size: 0.8em;
	color: #82060f;
	font-weight: bold;
}

/*
* SEARCH
*/

.global-search-container{
	min-width: 70%;
	margin: 2em 0 1em 0;
	text-align: center;
}

.global-search-input {
	width: 100%;
	padding: 10px 35px 10px 20px;

	background-color: transparent;
	font-size: 14px;
	line-height: 16px;
	box-sizing: border-box;


	color: #575756;
	background-color: transparent;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: 95% center;
	background-position: calc(100% - 16px) center;
	border-radius: 50px;
	border: 1px solid #c4c4c2 !important;
	transition: all 250ms ease-in-out;
	backface-visibility: hidden;
	transform-style: preserve-3d;
	font-style: oblique;
	max-width: 600px;

}

.global-search-input::placeholder {
	color: #575756;
	letter-spacing: 1.5px;
}


.module-update-process-container{
	margin-bottom: 10px;
}


/* Time line */
/*
" version-is="20-07-1990">';
$out.= '<strong class="module-version-procedure-title">'.htmlentities($webModuleVersion->module_version).' '.$webModuleVersion->getLibStatut(3).'</strong>';
$out.= '<div class="module-version-procedure-body*/

.module-version-procedure-item {
	padding: 3em 2em 2em;
	position: relative;
	color: rgba(0,0,0, .7);
	border-left: 2px solid var(--wh-timeline-border-color);
	margin-left: 7px;
}

.module-version-procedure-item::before {
	 content: attr(version-is);
	 position: absolute;
	 left: 2em;
	 font-weight: bold;
	 top: 1em;
	 display: block;
	 font-family: 'Roboto', sans-serif;
	 font-weight: 700;
	 font-size: .785rem;
 }

.module-version-procedure-item::after {
	 width: 10px;
	 height: 10px;
	 display: block;
	 top: 1em;
	 position: absolute;
	 left: -7px;
	 border-radius: 10px;
	 content: '';
	 border: 2px solid var(--wh-timeline-border-color);
	 background: white;
 }

.module-version-procedure-item:last-child {
	 border-image: linear-gradient(
	 to bottom,
	 var(--wh-timeline-border-color) 60%,
	 rgba(0,0,0, 0)) 1 100%;
}



#dialogforUpdateProcess::-webkit-scrollbar {
	width: 8px;
}
#dialogforUpdateProcess::-webkit-scrollbar-thumb {
	-webkit-border-radius: 0;
	border-radius: 0;
	background: #d31b11;
}
#dialogforUpdateProcess::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-border-radius: 0;
	border-radius: 0;
}


.toggle-show-more-btn-container{
	clear: both;
	margin-top: 10px;
	font-size: 0.8em;
}

.toggle-show-more-btn{
	cursor: pointer;
	padding: 5px;
	border: 1px solid #ededed;
}

.toggle-show-more-bloc__content{
	clear: both;
	padding-top: 10px;
}

.appli-content-to-input{
	cursor: pointer;
}

tr.webpassword-quick-access-separator > th {
	padding-top: 18px;
}

table.webhost-compare-table{
	border-collapse: collapse !important;
}
.webhost-compare-table th, .webhost-compare-table td{
	border: 1px solid rgba(0,0,0,0.1);
}

.webhost-compare-table td.col-not-equiv{
	background-color: rgba(255, 128, 0, 0.4);
}

.webhost-compare-table td.col-equiv{
	background-color: rgba(112, 182, 0, 0.4);
}


/* Table */

table.liste tr.--error td{
	background-color: rgba(255, 0, 0, 0.28);
}

table.liste tr.--warning td{
	background-color: rgba(255, 184, 0, 0.28);
}


table.liste tr.oddeven.--error:hover td{
	background-color: rgba(255, 0, 0, 0.8);
}

table.liste tr.oddeven.--warning:hover td{
	background-color: rgba(255, 248, 0, 0.93);
}