/*@charset "utf-8";*/

/*
 * CUSTOM STYLESHEET FOR INES APP MAIN FRAME
 * V4
 * p.feo@inescrm.com // g.venzail@inescrm.com
 *
 */

/* 
 *
 * INDEX 
 *
 * 1.- GENERAL STYLES AND HELPERS
 * 2.- MULTISELECT PLUGIN OVERRIDES
 * 3.- BREADCRUMS
 * 4.- HORIZONTAL MENU / NAVIGATION
 * 5.- TABS / USER DATA TABLES
 * 6.- FILTRE / MODAL
 * 7.- PIPELINE
 * 8.- CONFIGURATION DU COMPTE / ADMIN
 * 9.- EMAIL PROSPECTION
 *
 *
 *
 *
 *
 * N.- MEDIA QUERIES
 *
 */


/******** 1.- GENERAL STYLES AND HELPERS ********/

:root {
 --main-color: #fff;
 --main-bg-color: #28324e;
 --main-text-color: #333333;
 --secondary-text-color: #777777;
 --ines-blue: #0066ac;
 --ines-blue-hover: #0c5690;
 --ines-dark-blue: #28324e;
 --ines-green: #20b027;
 --ines-green-hover: #1a8d1f;
 --ines-red: #ff5722;
 --ines-red-hover: #ad2a06;
 --ines-orange: #f39300;
 --ines-orange-hover: #c27600;
 --ines-light-gray: #dce2e5;
 --ines-list-hover: #e5eff7;
 --ines-pipeline-red: #ff512f;
}
html, body {
	overflow-x: hidden;
}
body {
	background-color: #f1f1f1;
	font-family: 'Lato', 'Open Sans', Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: var(--main-text-color);
}

/*** scrollbar ***/
html::-webkit-scrollbar {
 width: 10px;
 background-color: #ced8dd;
}
html::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
 background-color: var(--secondary-text-color);
}
html::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
 border-radius: 10px;
 background-color: #ced8dd;
}
/*** end scrollbar ***/

p {
	font-size: 1em;
}
hr {
	margin-top: 10px;
	margin-bottom: 10px;
}
.hr-light-gray {
	border-color: var(--ines-light-gray);
}
/*** boostrap like custom 5 columns layout ***/
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-xs-5ths {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
.col-sm-5ths {
	width: 20%;
	float: left;
}
}

@media (min-width: 992px) {
.col-md-5ths {
	width: 20%;
	float: left;
}
}

@media (min-width: 1200px) {
.col-lg-5ths {
	width: 20%;
	float: left;
}
}
/*** end boostrap like custom 5 columns layout ***/

/*** boostrap modal ***/
.modal-body, #visite>.iframetab {
	padding: 0;
}

/*** end boostrap modal ***/

/*** form elements ***/

select option {
	/* text overflow en options */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

input:focus, :focus, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
	outline: none !important;
}
.checkbox {
	padding-left: 5px;
	margin: 0;
}
.ui-multiselect-checkboxes label concheck /*label[for=checkAll], .checkbox label, label[for^=chk_box_] , label[for^=chkAll_], label[for^=chkRow], label.label-checkbox germain 29_05_2018 https://cinetica.atlassian.net/browse/UIE-538*/   /*,
label[for^=ui-multiselect-3-dossier]*/ {
	display: inline-block;
	position: relative;
	padding: 0;
	margin-left: -10px;
	margin-bottom: 0;
	margin-top: 3px; /*Ale: lo cambiamos con Germain, antes tenia 7px y quedaba muy abajo, 
	con 0px queda muy arriba porque el checkbox es más grande que el texto*/
}

label[for=checkAll], .checkbox label, label[for^=chk_box_] , label[for^=chkAll_], label[for^=chkRow], label.label-checkbox{  /* germain 29_05_2018 https://cinetica.atlassian.net/browse/UIE-538 */
    display: table;
    position: relative;
    padding: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: -15px;	
}

/*Comentado por martin, problema de visualizacion en marketing (18/01/2018)*/
/*label[for^=chk_box_] {
	margin-left: -10px;
}*/

.ui-multiselect-checkboxes label concheck{
	margin-left: 0;	
	margin-top: 0;
	float: left;
	margin-right: 10px;
}


.ui-multiselect-checkboxes label concheck::before,label[for=checkAll]::before, .checkbox label::before, label[for^=chk_box_]::before,label[for^=chkAll_]::before, label[for^=chkRow]::before , label.label-checkbox::before/*,
label[for^=ui-multiselect-3-dossier]::before*/ {
	visibility: visible !important;
	opacity: 1 !important;
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	width: 15px;
	height: 15px;
	margin-left: 0px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.ui-multiselect-checkboxes label concheck::after,label[for=checkAll]::after,.checkbox label::after, label[for^=chk_box_]::after, label[for^=chkAll_]::after , label[for^=chkRow]::after, label.label-checkbox::after/*,
label[for^=ui-multiselect-3-dossier]::after*/ {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 16px;
	margin-left: 0px;
	padding-left: 3px;
	padding-top: 0px;
	font-size: 10px;
	color: #555555;
}
label[for^=ui-multiselect-3-dossier], label[for^=ui-multiselect-1-visite_stage] {
	margin: 0;
}
.ui-multiselect-checkboxes label input, #checkAll, .checkbox input[type=checkbox], input[id^=chk_box_], input[id^=chkAll_] , input[id^=chkRow],input.label-checkbox/*,
input[id^=ui-multiselect-3-dossier]*/ {
	margin: 0;
	padding: 0;
	opacity: 0;
}
input[id^=ui-multiselect-3-dossier], input[id^=ui-multiselect-1-visite_stage] {
	/*margin: 0 5px;*/
	margin: 2px;
}
.ui-multiselect-checkboxes label input:focus+label::before,#checkAll:focus+label::before, .checkbox input[type="checkbox"]:focus+label::before, input[id^=chk_box_]:focus+label::before,input[id^=chkAll_]:focus+label::before,input[id^=chkRow]:focus+label::before,input.label-checkbox::before /*,
input[id^=ui-multiselect-3-dossier]:focus+label::before*/ {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.ui-multiselect-checkboxes label input:checked+span+concheck::after, #checkAll:checked+label::after, .checkbox input[type="checkbox"]:checked+label::after, input[id^=chk_box_]:checked+label::after,input[id^=chkAll_]:checked+label::after ,input[id^=chkRow]:checked+label::after,input[type=checkbox].label-checkbox:checked+label::after/*,
input[id^=ui-multiselect-3-dossier]:checked+label::after*/ {
	font-family: 'FontAwesome';
	content: "\f00c";
}

.label-checkbox{
	float:left;
}

label.label-radio::before{
	border-radius: 7px;
}

input[type=radio].label-checkbox:checked+label::after{
	font-family: 'FontAwesome';
	content: "\f111";
	padding-left: 4px;
    padding-top: 2px;
    font-size: 8px;
	/*color: #428bca;*/
}

.ui-multiselect-checkboxes label input:disabled+span+concheck, #checkAll:disabled+label, .checkbox input[type="checkbox"]:disabled+label, input[id^=chk_box_]:disabled+label, input[id^=chkAll_]:disabled+label, input[id^=chkRow]:disabled+label,input.label-checkbox:disabled /*,
input[id^=ui-multiselect-3-dossier]:disabled+label*/ {
	opacity: 0.65;
}
.ui-multiselect-checkboxes label input:disabled+span+concheck::before,#checkAll:disabled+label::before, .checkbox input[type="checkbox"]:disabled+label::before, input[id^=chk_box_]:disabled+label::before,input[id^=chkAll_]:disabled+label::before ,input[id^=chkRow]:disabled+label::before,input.label-checkbox:disabled+label::before/*,
input[id^=ui-multiselect-3-dossier]:disabled+label::before*/ {
	background-color: #eeeeee;
	cursor: not-allowed;
}
.checkbox.checkbox-inline {
	margin-top: 0;
}
.ui-multiselect-checkboxes label input:checked+span+concheck::before, #checkAll:checked+label::before, .checkbox-primary input[type="checkbox"]:checked+label::before, input[id^=chk_box_]:checked+label::before, input[id^=chkAll_]:checked+label::before , input[id^=chkRow]:checked+label::before,input.label-checkbox:checked+label::before/*,
input[id^=ui-multiselect-3-dossier]:checked+label::before*/ {
	background-color: #428bca;
	border-color: #428bca;
}
 .ui-multiselect-checkboxes label input:checked+span+concheck::after, #checkAll:checked+label::after, .checkbox-primary input[type="checkbox"]:checked+label::after, input[id^=chk_box_]:checked+label::after, input[id^=chkAll_]:checked+label::after , input[id^=chkRow]:checked+label::after,input.label-checkbox:checked+label::after/*,
input[id^=ui-multiselect-3-dossier]:checked+label::after*/ {
	color: #fff;

}
/*
#checkAll:checked+label::after{
	color: #fff;
	padding-left: 0px;	
}
*/



.checkbox-danger input[type="checkbox"]:checked+label::before {
	background-color: #d9534f;
	border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked+label::after {
	color: #fff;
}
.checkbox-info input[type="checkbox"]:checked+label::before {
	background-color: #5bc0de;
	border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked+label::after {
	color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked+label::before {
	background-color: #f0ad4e;
	border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked+label::after {
	color: #fff;
}
.checkbox-success input[type="checkbox"]:checked+label::before {
	background-color: #5cb85c;
	border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked+label::after {
	color: #fff;
}
.radio {
	padding-left: 20px;
}
.radio label /*,
label[for^=ui-multiselect-2-visite_auteur]*/ {
	display: inline-block;
	position: relative;
	padding-left: 5px;
}
.radio label::before /*,
label[for^=ui-multiselect-2-visite_auteur]::before*/ {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -10px;
	border: 1px solid #cccccc;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out;
	transition: border 0.15s ease-in-out;
}
.radio label::after /*,
label[for^=ui-multiselect-2-visite_auteur]::after*/ {
	display: inline-block;
	position: absolute;
	content: " ";
	width: 11px;
	height: 11px;
	left: 3px;
	top: 3px;
	margin-left: -10px;
	border-radius: 50%;
	background-color: #555555;
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] /*,
input[type="radio"]*/ {
	opacity: 0;
}
.radio input[type="radio"]:focus+label::before /*,
input[type="radio"]:focus+label::before*/ {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.radio input[type="radio"]:checked+label::after /*,
input[type="radio"]:checked+label::after*/ {
	-webkit-transform: scale(0.8, 0.8);
	-ms-transform: scale(0.8, 0.8);
	-o-transform: scale(0.8, 0.8);
	transform: scale(0.8, 0.8);
}
.radio input[type="radio"]:disabled+label /*,
input[type="radio"]:disabled+label*/ {
	opacity: 0.65;
}
.radio input[type="radio"]:disabled+label::before /*,
input[type="radio"]:disabled+label::before*/ {
	cursor: not-allowed;
}
.radio.radio-inline {
	margin-top: 0;
}
.radio-primary input[type="radio"]+label::after /*,
input[type="radio"]+label::after*/ {
	background-color: #428bca;
}
.radio-primary input[type="radio"]:checked+label::before /*,
input[type="radio"]:checked+label::before*/ {
	border-color: #428bca;
}
.radio-primary input[type="radio"]:checked+label::after /*,
input[type="radio"]:checked+label::after*/ {
	background-color: #428bca;
}
.radio-danger input[type="radio"]+label::after {
	background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked+label::before {
	border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked+label::after {
	background-color: #d9534f;
}
.radio-info input[type="radio"]+label::after {
	background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked+label::before {
	border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked+label::after {
	background-color: #5bc0de;
}
.radio-warning input[type="radio"]+label::after {
	background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked+label::before {
	border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked+label::after {
	background-color: #f0ad4e;
}
.radio-success input[type="radio"]+label::after {
	background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked+label::before {
	border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked+label::after {
	background-color: #5cb85c;
}

label:has(input[type="checkbox"]:checked) {
	color: violet;
}
/*input[type="checkbox"][id^=ui-multiselect] {
	visibility: hidden;
}

input[type="checkbox"][id^=ui-multiselect]::checked {
	color:#0C00B1;
	visibility: visible;
}*/
/*** end form elements ***/

/*** helpers ***/

.inline {
	display: inline;
}
.table-helper {
	display: table;
}
.table-cell, .table-cell-helper {
	display: table-cell;
}
.bg-transparent {
	background-color: transparent !important;
}
.x2text {
	font-size: 2em;
}
.success {
	color: var(--ines-green);
}
.attention {
	color: var(--ines-orange);
}
.danger {
	color: var(--ines-red);
}
.bluelify {
	color: var(--ines-blue);
}
/*** end helpers ***/

/******** end 1.- GENERAL STYLES AND HELPERS ********/


/******** 2.- MULTISELECT PLUGIN OVERRIDES  ********/

/* multiselect plugin */
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	/* support: IE8 */
	filter: Alpha(Opacity=0);
}
.ui-front {
	z-index: 100;
}
.ui-widget-content {
	background: #f1f1f1;
}
.field button.ui-multiselect, .fieldCP:not(.fieldCP_group) button.ui-multiselect {
	width: 80% !important;
	color: var(--main-text-color);
}
.controlBox button.ui-multiselect {
	width: 14px;
}
button.ui-multiselect.ui-state-default {
	border-radius: 25px;
	padding: 0px 0px 0px 5px;
	height: 21px;
	font-size: 0.9em;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
button.ui-multiselect.ui-state-hover {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
button.ui-multiselect.ui-state-default > span:not(:first-child) {
	white-space: nowrap;
    display: block;
    padding-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 5px;
}

/*
vemos todo el select haciendo over
button.ui-multiselect.ui-state-default > span:not(:first-child):hover {
	text-overflow: inherit;
	overflow: visible;
}
*/

.ui-multiselect-menu {
	padding: 0;
	z-index: 2000 !important;
	/*para que no quede tapado por otras cosas con mayor z-index*/
	-webkit-box-shadow: 0px 0px 50px 0px rgba(40, 50, 78, 0.25);
	-moz-box-shadow: 0px 0px 50px 0px rgba(40, 50, 78, 0.25);
	box-shadow: 0px 0px 50px 0px rgba(40, 50, 78, 0.25);
/*	display: none; comento 10_09_2019*/
}
.ui-widget-header {
	width: 100%;
	padding: 5px;
	background-color: var(--ines-light-gray);
	border: 1px solid transparent;
	border-radius: 5px 5px 0px 0px;
}
.ui-multiselect-filter {
	width: 100%;
}
.ui-multiselect-filter input {
	width: 100%;
	border-radius: 25px;
	padding: 0px 0px 0px 10px;
	height: 25px;
	font-size: 0.9em;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.ui-multiselect-filter input:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
.ui-multiselect-header .ui-multiselect-close {
	display: none;
}
ul.ui-multiselect-checkboxes {
	border-radius: 0px 0px 5px 5px;
	border: 1px solid transparent;
	background-color: #fff;
	cursor: pointer;
}
ul.ui-multiselect-checkboxes li {
	border-bottom: 1px solid #e9ebec;
	margin-right: 10px;
	padding: 5px;
	cursor: pointer;
}
ul.ui-multiselect-checkboxes li:last-child {
	border: none;
}
ul.ui-multiselect-checkboxes>li:hover {
	background-color: var(--ines-list-hover);/*color: #fff;*/
}
ul.ui-multiselect-checkboxes li label {
	font-weight: normal;
	color: var(--secondary-text-color);
	cursor: pointer;
}
ul.ui-multiselect-checkboxes li label.ui-state-active {
	font-weight: bold;
	color: var(--main-text-color);
}
.ui-multiselect-checkboxes label input {
/* ocultar checkboxes */
    visibility: hidden;
}
 .ui-multiselect-checkboxes.ui-helper-reset::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
 border-radius: 10px;
 background-color: #ced8dd;
}
 .ui-multiselect-checkboxes.ui-helper-reset::-webkit-scrollbar {
 width: 7px;
 background-color: #ced8dd;
}
 .ui-multiselect-checkboxes.ui-helper-reset::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
 background-color: var(--secondary-text-color);
}
.ui-icon-triangle-1-s:before {
	font-family: 'FontAwesome';
	content: "\f078";
	display: inline-block;
	padding-right: 3px;
	vertical-align: middle;
	float: right;
	margin-right: 7px;
	color: var(--main-bg-color);
	visibility: visible;
}
/*
.ui-multiselect-menu {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block !important;
	width: 80%;
}
.ui-multiselect-filter {
	border-radius: 5px 5px 0px 0px;
	background-color: #dce2e5;
	height: 25px;
	padding-top: 2px;
	padding-left: 2px;
}
.ui-multiselect-filter input[type=search] {
	width: 99% !important;
	margin-left: 0 !important;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.ui-multiselect-filter input[type=search]:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
ul.ui-helper-reset>li {
	display: none;
}
ul.ui-multiselect-checkboxes.ui-helper-reset {
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	float: left;
	margin: 0;
	min-width: 160px;
	width: 100%;
	height: 150px;
	padding: 0;
	text-align: left;
	list-style: none;
	background-color: #fff;
	border: none;
	border-radius: 0px 5px 5px 5px;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	overflow-y: scroll;
	overflow-x: hidden;
}
ul.ui-multiselect-checkboxes.ui-helper-reset>li {
	display: table;
	list-style: none;
	width: 300px;
	height: 30px;
	vertical-align: middle;
	border-bottom: 1px solid #e9ebec;
}
ul.ui-multiselect-checkboxes.ui-helper-reset>li:first-child {
	border-radius: 5px 5px 0px 0px;
}
ul.ui-multiselect-checkboxes.ui-helper-reset>li:last-child {
	border-radius: 0px 0px 5px 5px;
	border-bottom: none;
}
ul.ui-multiselect-checkboxes.ui-helper-reset>li:hover,ul.ui-multiselect-checkboxes.ui-helper-reset>li:focus {
	background-color: var(--ines-list-hover);
}
ul.ui-multiselect-checkboxes.ui-helper-reset>li input {
	visibility: hidden;
}
ul.ui-multiselect-checkboxes.ui-helper-reset>li span {
	cursor: pointer;
}
.ui-multiselect-checkboxes.ui-helper-reset::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #ced8dd;
}
.ui-multiselect-checkboxes.ui-helper-reset::-webkit-scrollbar {
	width: 7px;
	background-color: #ced8dd;
}
.ui-multiselect-checkboxes.ui-helper-reset::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: var(--secondary-text-color);
}
.ui-multiselect-menu {
	display: none;
}
*/
/* multiselect plugin */

/******** end 2.- MULTISELECT PLUGIN OVERRIDES  ********/


/******** 3.- BREADCRUMS  ********/

.breadcrumb {
	margin-top: 10px;
	margin-bottom: 10px;
	/*margin-left: 15px;*/
	background-color: transparent;
	border-radius: none;
	font-size: 1.4em; /*germain para agrandar los titulos*/
}
.breadcrumb>li>a {
	color: var(--main-text-color);
	font-weight: bold;
	font-size: 1.4em; /*1.2 germain cambio*/
}
.breadcrumb>li:first-child>a {
	font-size: 1.1em;
	color: #9c9d9e;
}
.breadcrumb>.active {
	color: var(--main-text-color);
	font-weight: 400;
	font-size: 1em;
}
.breadcrumb>li+li:before {
	font-family: 'FontAwesome';
	font-size: 1.3em;
	content: "\f105";
}
/******** end 3.- BREADCRUMS ********/


/******** 4.- HORIZONTAL MENU / NAVIGATION ********/

.wrapper-nav {
	padding: 0 33px;
	margin-right: 4px;
	display: flex;
}
.wrapper-nav-liste {
	padding: 0 30px;
}
.navbar {
	border: none;
}
nav.navbar-ines, div.navbar-ines {
	min-height: 50px;
	background: var(--ines-blue);
	border-color: transparent;
}
ul.ui-tabs-nav {
	float: left;
	display: block;
	background: var(--ines-blue);
	border-color: transparent;
	border-radius: 2px;
	padding-left: 15px;
	padding-right: 15px;
	list-style: none;
	margin: 0 0 0 2px;
}
/*
ul.ui-tabs-nav:before,
ul.ui-tabs-nav:after {
	display: table;
    content: " ";
	}
ul.ui-tabs-nav:after {
	clear:both;
	}		
*/

li.ui-state-default {
	float: left;
	position: relative;
	display: block;
	padding: 0px;
}
li.ui-state-default a {
	/* position: relative; comentado por germain porque si seleccionamos el elemento y sacamos el raton tapa la burbuja*/
	display: inline-block;
	text-decoration: none;
	color: #77add3;
	font-size: 1em;
	font-weight: 400;
	border-style: solid;
	border-width: 0 0 4px 0;
	border-color: transparent;
	padding: 10px 15px;
}
li.ui-state-default a:hover, li.ui-state-default a:focus, li.ui-state-default a:active {
	/* cambiamos posicionamiento para alinear los bullets de alertas */
	position: initial;
	z-index: 1;
	/*********/
	background: var(--ines-blue);
	color: #fff !important;
	font-weight: bold;
}
li.ui-state-default a:hover {
	border-color: #fff;
}
li.ui-state-active>a {
	background: var(--ines-blue);
	color: #fff !important;
	font-weight: bold;
	border-color: #fff;
}
/*
nav.navbar-ines button.navbar-toggle {
  background: var(--ines-blue);
  border-radius: 2px;
}

nav.navbar-ines button.navbar-toggle:hover {
  background: var(--ines-green);
}

nav.navbar-ines button.navbar-toggle>span.icon-bar {
  background: #fff;
}

UNUSEDnav.navbar-ines ul.dropdown-menu {
  border: 0;
  background: #fff;
  border-radius: 4px;
  margin: 4px 0;
  box-shadow: 0 0 4px 0 #ccc;
}

UNUSEDnav.navbar-ines ul.dropdown-menu>li>a {
  color: #444;
}

UNUSEDnav.navbar-ines ul.dropdown-menu>li>a:hover {
  background: #f14444;
  color: #fff;
}
*/

.tip-facture-amount {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 10px;
	background: var(--ines-green);
	font-weight: normal;
	font-size: 0.8em;
    margin-top: -15px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: -15px !important;
}
nav.navbar-ines span.badge {
	background: var(--ines-green);
	font-weight: normal;
	font-size: 0.8em;
	margin: -15px 4px 0px 0px;
}
nav.navbar-ines span.badge.new {
	background: rgba(255, 0, 0, 0.8);
	color: #fff;
}
.ui-tabs .ui-tabs-hide {
	display: none;
}
/******** end 4.- HORIZONTAL MENU / NAVIGATION ********/

/******** 5.- TABS / USER DATA TABLES ********/

/*.ui-tabs-panel {
	margin-top: 10px;
}*/

#loaderDiv {
}
.iframetab {
	min-height: 850px;
	width: 100%;
	/*Gonzalo-- este estilo se tomaba de base.css*/
	border-width: 0px;
	padding: 10px;
}
#visite {
	margin-top: 30px;
}

/*div[id^='tab_'], comentado 4.4.2018*/
.iframe-inner-tab {
	padding: 5px 10px 0 10px;
	/*background-color: white; */
	/*margin: 0 8px 0 10px ; */
	background-color: transparent;
}

.div-inner-tab{
    padding: 15px 35px 15px 35px;
    background-color: transparent;
}

.tab-style {
	padding: 10px 24px;
	background-color: transparent;
}
.tab-style-liste {
	padding: 10px 20px;
	background-color: transparent;
}
label[for="view_liste"] {
	border-radius: 20px 0 0 20px !important;
}
label[for="view_orga"] {
	border-radius: 0 20px 20px 0 !important;
}
label[for="date_type_1"] {
	border-radius: 20px 0 0 20px !important;
}
.btn-grp-blue.btn-grp-tab.ui-checkboxradio-checked.ui-state-active, .btn-grp-blue-white.btn-grp-tab.ui-checkboxradio-checked.ui-state-active {
	background-color: var(--ines-blue);
	color: #fff;
}
#table_liste_historique_wrapper {
/*	padding: 10px; comentado por germain */
}
/******** end 5.- TABS / USER DATA TABLES ********/

/******** 6.- FILTRE / MODAL ********/

#filters ul.ui-multiselect-optgroup, #filters ul.ui-multiselect-checkboxes {
	list-style: none;
}
#filters ul.ui-multiselect-optgroup {
	padding-left: 0;
}
#filters ul.ui-multiselect-checkboxes {
	padding-left: 15px;
}
/*ul.ui-multiselect-optgroup:first-child {
	padding-left: 10px;
	}*/

/******** end 6.- FILTRE / MODAL ********/

/******** 7.- PIPELINE ********/

.pipeline-wrapper {
	background-color: #f1f1f1;
	/* solo para testear */
	margin-left: 210px;
}
.module-item {
	/*display: table;
            width: 100%;*/
	background-color: #fff;
	border-radius: 3px;
	height: 130px;
	min-height: 130px;
	padding: 0;
	text-align: center;
	color: var(--main-text-color);
	box-shadow: 2px 2px var(--ines-light-gray);
	-webkit-box-shadow: 2px 2px var(--ines-light-gray);
}
.module-item-lead {
	background-color: #fff;
	border-radius: 3px;
	height: 100px;
	min-height: 100px;
	padding: 0;
	text-align: center;
	color: var(--main-text-color);
	box-shadow: 2px 2px var(--ines-light-gray);
	-webkit-box-shadow: 2px 2px var(--ines-light-gray);
}
.module-item-header {
	/*display: table-row;*/
	text-align: center;
	border-radius: 3px 3px 0 0;
	background-color: var(--main-bg-color);
	height: 45px;
	padding-top: 5px;
}
.module-item-header span {
	/*display: table-cell;
            vertical-align: middle;*/
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
}
.module-item-body {
	/*display: table-cell;
	vertical-align: middle; */
	text-align: center;
	border-radius: 0 0 3px 3px;
	padding: 6px 15px 5px 15px;
}
.module-item-body.no-header {
	padding-top: 33px;
}
.module-item-title {
	display: inline-block;
	font-size: 1em;
	font-weight: bold;
}
.module-item-body i.fa {
	float: right;
}
.module-item-big-number {
	margin-top: 0px;
	margin-bottom: 0;
	/*font-size: 2em; UIE-529 Comentado por Martin 30/05/2018 */
	font-size: 1.8em;
	font-weight: bold;
}
.module-item-body.no-header>.module-item-big-number {
	margin-top: -10px;
}
.module-item-small-number {
	color: var(--secondary-text-color);
}
.pipeline-image-row {
	border-radius: 2px;
	background-color: var(--ines-light-gray);
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 15px;
	margin-right: 15px;
	height: 185px;
	min-height: 185px;
}
.pipeline-image-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 165px;
}
.pipeline-image-wrapper hr {
	border-top: 1px solid #cdcdcd;
}
.pipeline-image-crop {
	width: 90px;
	height: 90px;
	overflow: hidden;
	border-radius: 5px;
}
.pipeline-image {
	width: 90px;
	height: 90px;
}
/*ul.pipeline-stages {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		li.pipeline-stage {
			position: relative;
			display: inline-block;
			float: left;
			background-color: #fff;
			border-right: 3px solid orange;
			margin-right: 10px;
			min-height: 75px;
			border-radius: 3px;
			text-align: center;
			padding: 20px;
			font-size: 1em;
			font-weight: bold;
			box-shadow: 0px 2px var(--ines-light-gray);
			-webkit-box-shadow: 0px 2px var(--ines-light-gray);
		}*/

ul.pipeline-stages {
	display: table;
	/*width: 100%;*/
	width: 98%;
	table-layout: fixed;
	border-spacing: 10px;
}
li.pipeline-stage {
	position: relative;
	display: table-cell;
	/* float: left; */
	background-color: #fff;
	border-right: 3px solid orange;
	margin-right: 10px;
	min-height: 75px;
	border-radius: 3px;
	text-align: center;
	padding: 20px;
	font-size: 1em;
	font-weight: bold;
	box-shadow: 0px 2px var(--ines-light-gray);
	-webkit-box-shadow: 0px 2px var(--ines-light-gray);
}
li.pipeline-stage:not(:last-child):after {
	content: '';
	position: absolute;
	top: 45%;
	right: -10px;
	width: 0;
	height: 0;
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	border-left: 10px solid var(--ines-orange);
	clear: both;
}
li.pipeline-stage:hover {
	cursor: pointer;
}
/*.pipeline-stage-1st-line {
			min-width: 150px;
		}*/

.pipeline-stage-2nd-line {
	color: var(--ines-orange);
}
/*ul.pipeline-stages-dropdown {
			list-style: none;
			position: absolute;
			left: 0;
			top: 110px;
			width: 100%;
			margin: 0;
			padding: 0;
			text-align: left;
		}
		
		li.pipeline-stage-dropdown {
			background-color: var(--ines-blue);
			color: #fff;
			border-radius: 3px;
			padding: 20px;
			margin-bottom: 7px;
			box-shadow: 2px 2px var(--ines-light-gray);
			-webkit-box-shadow: 2px 2px var(--ines-light-gray);
		}*/

ul.pipeline-stages-dropdown {
	/*visibility: hidden; Comentado por UIE-619 UIE-620*/
	/*display: table;
			table-layout: fixed;*/
	list-style: none;
	position: absolute;
	left: 0;
	/*top: 130px;*/
	top: 110%;
	/*z-index: 999;*//*comentado porque sino no la oportunidad me aparece abajo de la columna a la que estoy moviendo, JIRA IE-1310*/
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
}
li.pipeline-stage:hover>ul.pipeline-stages-dropdown {
	visibility: visible;
}
li.pipeline-stage-dropdown {
	display: list-item;
	background-color: var(--ines-blue);
	color: #fff;
	border-radius: 3px;
	padding: 20px;
	margin-bottom: 7px;
	box-shadow: 2px 2px var(--ines-light-gray);
	-webkit-box-shadow: 2px 2px var(--ines-light-gray);
}
.psd-title {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
}
.psd-subtitle, .psd-extra-line {
	font-size: 0.9em;
	font-weight: 400;
	color: #99c2de;
}
.psd-amount {
	color: #fff;
}

.more-up-campagne{
	position: relative;
	left: 43%;
	bottom: 30px;
	margin-top: 10px;
}

.module-item-campagne {
	background-color: #fff;
	border-radius: 3px;
	height: 135px;
	min-height: 135px;
	padding: 0;
	text-align: center;
	color: var(--main-text-color);
	box-shadow: 2px 2px var(--ines-light-gray);
	-webkit-box-shadow: 2px 2px var(--ines-light-gray);
}
/******** end 7.- PIPELINE ********/

/******** 8.- CONFIGURATION DU COMPTE / ADMIN ********/

.config-compte-wrapper {
	/* solo para testear */
	background-color: transparent;
	/*margin-left: 70px;
	margin-right: 70px;*/
	margin-left: 15px;
	margin-right: 15px;
}
.config-compte-item {
	background-color: #fff;
	border-radius: 3px;
	width: 100%;
	height: 195px;
	max-height: 195px;
	/*height: 210px;
	max-height: 210px;*/
	margin-bottom: 20px;
	padding: 20px;
	color: var(--main-text-color);
	box-shadow: 2px 2px var(--ines-light-gray);
	-webkit-box-shadow: 2px 2px var(--ines-light-gray);
}
.config-compte-icon-wrapper {
	display: inline-block;
	float: left;
	/*width: 13%;*/ /*Comentado por Martin 25/05/2018, se le puso row col a la configuracion de la cuenta */
}
.config-compte-menu-wrapper {
	display: inline-block;
	float: left;
	/*width: 87%;*/ /*Comentado por Martin 25/05/2018, se le puso row col a la configuracion de la cuenta */
	padding-top: 12px;
}
.config-compte-menu-title {
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: var(--main-text-color);
}
ul.config-compte-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 1.6em;
	/*height: 120px;
	max-height: 120px !important;*/
	height: 90px;
	max-height: 90px !important;
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	column-fill: auto;
	-webkit-column-fill: auto;
	-moz-column-fill: auto;
}
.config-compte-menu-item {
	font-size: 1em;
	font-weight: 400;
	color: var(--secondary-text-color);
}
.config-compte-menu-item:hover, .config-compte-menu-title:hover {
	cursor: pointer;
	color: var(--ines-blue);
}
/******** end 8.- CONFIGURATION DU COMPTE / ADMIN ********/

/******** 9.- EMAIL PROSPECTION ********/

.email-prospection-wrapper {
	margin-top: 50px;
	margin-left: 210px;
	margin-right: 30px;
}
.email-prospection-featured, .email-prospection-item {
	background-color: #fff;
//border-radius: 3px;
	padding: 20px;
}
.email-prospection-featured {
	min-height: 60px;
	font-size: 1.2em;
	box-shadow: 2px 2px var(--ines-light-gray);
	-webkit-box-shadow: 2px 2px var(--ines-light-gray);
}
.email-prospection-arrow-box {
	position: relative;
}
.email-prospection-arrow-box:not(:last-child):after {
	content: '';
	position: absolute;
	top: 49px;
	right: -8px;
	width: 0;
	height: 0;
	border-bottom: 20px solid transparent;
	border-top: 20px solid transparent;
	border-left: 25px solid #fff;
	clear: both;
}
.email-prospection-item {
	display: table;
	border-radius: 3px 3px 0px 0px;
	width: 100%;
	padding: 20px;
	text-align: center;
	height: 130px;
}
.epi-main-info-wrapper {
	display: table-cell;
	vertical-align: middle;
}
.epi-main-info-wrapper i.fa-info-circle {
	float: right;
}
.email-prospection-progress-bar {
	background-color: red;
	border-radius: 0px 0px 3px 3px;
	height: 5px;
}
.eppb-percentage {
	background-color: var(--ines-blue);
	border-radius: 0px 0px 0px 3px;
	height: 5px;
}
.email-prospection-dropdown {
	position: relative;
	background-color: #fff;
	min-height: 185px;
	height: auto;
	padding: 20px;
}
ul.epd-list {
	list-style: none;
	padding: 0;
}
li.epd-item {
	width: 100%;
	height: 40px;
}
li.epd-item:not(:last-child) {
	border-bottom: 1px solid var(--ines-light-gray);
}
/*.epd-item-feat-txt,
.epd-item-number,
li.epd-item > .fa {
font-size: 1.1em;
}*/

.epd-item-feat-txt, .epd-item-number {
	margin-right: 10px;
	padding-top: 10px;
	font-size: 1.1em;
}
li.epd-item>.fa {
	float: right;
	margin-left: 10px;
	padding-top: 10px;
	font-size: 1.3em;
}
.email-prospection-dropdown .btn-circle-wrapper {
	display: flex;
	justify-content: center;
}
.email-prospection-dropdown .btn.btn-circle-small {
	position: absolute;
	margin: 0;
}
.email-prospection-roi-wrapper {
	background-color: #fff;
	height: 600px;
	padding: 20px;
}
.eproi-header, .eproi-top-links {
	margin-bottom: 40px;
}
.roi-title {
	font-size: 1.7em;
	text-transform: uppercase;
	font-weight: bold;
}
.eproi-top-links {
}
.eproi-top-links p, .eproi-suscribers p {
	font-weight: bold;
}
.eproi-top-links a {
	display: block;
	color: var(--ines-blue);
}
.eproi-suscribers li {
	color: var(--ines-blue);
}
.eproi-suscribers a {
	display: inline-block;
	color: var(--ines-blue);
}
.eproi-suscribers-number {
	text-align: right;
	float: right;
}
ul.eproi-suscribers-list {
	list-style: none;
	padding: 0;
}
/******** end 9.- EMAIL PROSPECTION ********/

/******** OTROS ********/

/* remarque section */

.rem_container {
	padding: 0 15px 15px 15px;
}
.rem_container .rem_label {
	color: var(--ines-orange);
	font-weight: bold;
	text-align: center;
	float: left;
}
.rem-attention-icon-wrapper {
	width: 25px;
	height: 20px;
	display: inline-block;
	/*margin-right: 10px;*/
	text-align: center;
	vertical-align: middle;
}
.rem_label span {
	font-size: 1.1em;
	vertical-align: middle;
}
.css_cl_rem p, .css_ct_rem p {
	color: var(--secondary-text-color);
	margin-top: 3px;
	margin-bottom: 5px;
}
.rem-close-icon-wrapper {
	width: 25px;
	height: 25px;
	display: inline-block;
	text-align: center;
	float: right;
}
/* end remarque section */

.col {
	min-height: 20px;
	clear: left;
	height: auto;
	padding-right: 15px;
}
.iframetab_small {
	width: 100%;
	border-width: 0px;
	padding: 10px;
}
.vues-listes {
	padding-bottom: 23px;
	padding-top: 23px;
}
/*
.wrapper{
    background-color: white;
    height: 600px;
    margin-left: 20px;
    margin-right: 20px;
}
*/

/******** end OTROS ********/

.box {
/* background-color: #FFF; 
	overflow-x: auto; */

}
.white-box {
	background-color: #FFF;
	padding: 10px;
	border-bottom-color: gainsboro;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

.div-inner-tab{
    padding: 15px 35px;
    background-color: transparent;
}

/******** export buttons**********/
#Calque_svg_csv, #Calque_svg_excel, #Calque_svg_pdf{
	cursor:pointer;
}

.done{ /*style closed tickets*/
	color: rgb(168, 168, 168) !important;
}
/*estilo del rss*/
.video-single-wrapper img {
    width: 100%;
}

.label-color-container{
	padding: 2px 5px;
	border-radius: 5px;
}

/*activities style*/
tr.visite-unread{
	font-weight: bold;
	color: #333333;
}

tr.visite-a-traiter{
	background: #FFFAE6;
}

/* end activities style*/