/* Minification failed. Returning unminified contents.
(2575,92): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
*/
/* -----------------------------------------
CSS GENERAL
----------------------------------------- */
body
{
background-color: #f2f3f4 !important;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
/*font-size: 13px;*/
line-height: 18px;
margin: 0;
}
/* -----------------------------------------
HEADER -- BANNIERE
----------------------------------------- */
#Text_Header p {
text-align : right;
color : white;
margin-top : 50px;
margin-right : 25px;
text-transform: uppercase;
font-family: "OpenSansSemiBold";
font-size : 2em;
}
/* -----------------------------------------
MENU PRINCIPAL
----------------------------------------- */
#Menu_Header {
text-align : right;
margin-right : 10px;
padding-top : 3px;
}
#Menu_Header li{
display : inline;
color : white;
line-height : 16px;
}
#Menu_Header li img{
vertical-align : middle;
}
#Menu_Header a {
color : #D2D1D0;
}
#Menu_Header a:hover {
text-decoration : none;
color : #5A98E5;
}
#Menu_Header a > img {
margin-right : 3px;
}
/* -----------------------------------------
SURCLASS MENU BOOTSTRAP
----------------------------------------- */
.nav
{
padding-left:0px;
}
.navbar-inner .menuImg
{
display:list-item;
position:absolute;
float:left;
margin-top:4px;
vertical-align:middle;
}
.navbar
{
padding-left:0px !important;
}
.navbar-inner{
padding-left : 2px;
border-radius : 3px;
}
.navbar .nav > li {
text-align : center;
}
.navbar .nav > li > a {
color : white;
width : 75px;
}
.navbar .nav > li > a:hover {
color : #BEBEBE;
background-color: #222;
}
#Menu .navbar .divider-vertical {
margin: 0 0 0 0;
height:34px !important;
}
#Menu .navbar .nav > li > a {
padding: 10px 20px 11px;
}
#Menu .dropdown-menu {
padding-left: 2px;
background-color: white;
background-color: rgba(255,255,255,0.9);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ddffffff', endColorstr='#ddffffff')"
}
#Menu .dropdown-menu a {
color: black;
border-bottom: 1px solid #E6E6D8;
}
#Menu .search-query {
width : 160px;
height : 16px;
margin-top : 2px;
}
#Menu .dropdown-menu .ulDropDown {
list-style-type: none;
margin: 0 0 0 0;
margin-top : 5px;
}
#Menu .dropdown-menu .ulDropDown li {
background: url("../images/navlist_arrow.png") no-repeat scroll 0 10px transparent;
text-align: left ;
margin: 0 5px 0 5px;
margin-bottom : 5px;
}
#Menu .dropdown-menu .ulDropDown a {
white-space: normal ;
}
#Menu .dropdown-menu .ulDropDown a:hover {
background-color: transparent;
color : #5A98E5;
}
#Menu .dropdown-menu .ulDropDown li.last a {
border-bottom:none ;
margin-bottom : 2px;
}
/* Drop Down Solo Colonne */
#Menu .dropdown-menu li {
background: url("../images/navlist_arrow.png") no-repeat scroll 0 10px transparent;
text-align: left ;
margin: 0 5px 0 5px;
margin-bottom : 5px;
}
/* Drop Down Solo Colonne */
#Menu .dropdown-menu li.first {
margin-top : 5px;
}
/* Drop Down Solo Colonne */
#Menu .dropdown-menu li.last a {
border-bottom : 0px;
margin-bottom : 2px;
}
/* Drop Down Solo Colonne */
#Menu .dropdown-menu a:hover {
background-color: transparent;
color : #5A98E5;
}
/* -----------------------------------------
CSS SLIDER SUR TOUTES LES PAGES SAUF HOME
----------------------------------------- */
.CadreHeader {
width : 940px;
height : 220px;
background: url(../images/bandeau/cadre-img-header-220.png);
position : relative;
margin-bottom :30px;
}
.imageHeader {
width : 910px;
height : 140px;
position : absolute;
left : 15px;
top : 14px;
}
.fil_Arianne {
position : absolute;
bottom : -5px;
left : 20px;
font-size : 0.8em;
}
/* -----------------------------------------
CSS CORPS
----------------------------------------- */
#Content {
background-color : white;
/*min-height : 500px;*/
margin-bottom : 30px;
}
/* -----------------------------------------
Page FOOTER
----------------------------------------- */
#Footer .span2 {
width : 180px;
margin-left : 10px;
}
#Footer .row{
text-align : left;
margin-top : 30px;
margin-bottom : 10px;
}
#Footer .ContentFooter {
margin-left : 20px;
}
#Footer .ContentFooter a{
color : #AFBFD6;
}
#Barre_Transition_Slider {
background-image:url(../images/footer/separation-footer.png);
background-repeat:repeat-x;
width : 100%;
}
#Footer .rowFooterLast {
margin-top : 0px;
}
/* Pour le Logo de Corim dans le Footer */
#Footer .rowFooterLast .span6 .ContentFooter img{
vertical-align : middle;
}
#Footer .rowFooterLast {
margin-bottom : 0px;
padding-bottom : 10px;
}
#Footer .ContentFooter img {
vertical-align : middle;
margin-bottom : 3px;
}
/* CORIM : Layout pour le planning Kendo
----------------------------------------------------------*/
#scheduler
{
/*
margin: 0;
padding: 0;
height: 100%;
border-width: 0;
*/
}
.schedulerSlot
{
}
.schedulerAllDaySlot
{
background-color: #e9e9f3;
}
.horodate
{
border:1px !important;
background-color:white !important;
color:#222222 !important;
}
.nonHorodate
{
border:1px !important;
background-color:white !important;
color:#222222 !important;
}
.k-scheduler-timelineWeekview .nonHorodate,
.k-scheduler-timelineview .nonHorodate
{
background-color: #e9e9f3 !important;
color:#222222 !important;
}
.nonHorodate .k-event-actions:first-child
{
display:none;
}
.nonHorodate div
{
height:100%;
}
.service
{
color:white !important;
}
.ressource
{
}
.corimChevronGauche
{
top: 0%;
height: 100%;
left: 0%;
width: .5em;
position: absolute;
float: left;
}
.corimChevronDroite
{
top: 0%;
height: 100%;
right: 0em;
width: .5em;
position: absolute;
float: left;
}
.corimAvecChevronGauche
{
padding-left: .8em;
}
.corimAvecChevronDroite
{
padding-right: .8em;
}
/*ground */
.planningBody
{
}
/*ground */
.planningAvecNavigationBody
{
/*
margin: 0 400px 0 0px;
height: 100%;
position: relative;
*/
}
/*liste des ressources*/
#listeRessourcesPlanfiees
{
position: relative;
overflow: hidden;
min-height: 100px;
padding: 20px;
margin-top: 24px;
}
#listePersonnesGeolocalisees .overlayFiltrePersonne
{
position: absolute;
top: 0;
left: 0;
margin-bottom: 0;
padding: 20px;
-webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.1);
}
.ressourcesPlanfiees
{
margin-bottom: 0;
}
.ressourcesPlanfiees:hover
{
background-color: #f2f3f4;
}
.ressourcesPlanfiees > input[type=checkbox]
{
vertical-align: top;
}
.ressourcesPlanfiees > div
{
display: inline-block;
}
.ressourcesPlanfiees > .infoCouleur
{
width: 15px;
height: 15px;
border: 1px solid #f2f3f4;
vertical-align: top;
}
.ressourcesPlanfieesLibelle
{
max-width: 180px;
}
/* Compatibilité IE : IE met des bordures à toutes les images... */
img
{
border: 0;
}
a {
color: #007CF8 !important;
}
.fenetreOnglet
{
-webkit-border-radius: 0 6px 6px 0 !important;
-moz-border-radius: 0 6px 6px 0 !important;
border-radius: 0 6px 6px 0 !important;
background-color: #f2f3f4 !important;
border: 1px solid #dadada !important;
border-left: none !important;
border-radius: 0 6px 6px 0 !important;
box-shadow: 10px 10px 20px 1px rgba(128, 128, 128, 0.3) !important;
}
.contentOnglet
{
-webkit-border-radius: 0 6px 6px 0 !important;
-moz-border-radius: 0 6px 6px 0 !important;
border-radius: 0 6px 6px 0 !important;
background: none !important;
padding-top: 2.58% !important; /* les .58% sont natifs au contenu d'une fenêtre kendo, qu'on écrase */
}
.questionButtonSave
{
position: absolute;
right: 24px;
bottom: 24px;
}
.uploadOnglet
{
margin: 0 2%;
}
.titreGroupe
{
border-bottom: 1px solid #6fabe6;
color: #535353;
font-size: 1.15em;
font-weight: bold;
width: 100%;
}
.groupe > .titreGroupe,
.groupe > .corim-detail > .titreGroupe
{
/* les balises "contenu" et consoeurs gèrent le margin quand le titre est un fils d'un élément "groupe" */
padding: 1% 0;
margin: 0 1%;
width: 98%;
}
.contenu > .titreGroupe /* Marges plus petites lorsqu'on est dans une div contenu */
{
margin-bottom: 1%;
padding-bottom: 1%;
}
.contenu2 > .titreGroupe, /* Marges plus grandes dans les div plus petites */
.contenu3 > .titreGroupe,
.contenu60p > .titreGroupe
{
margin-bottom: 2%;
padding-bottom: 2%;
}
.contenu40p > .titreGroupe /* Valeurs spécifiques pour contenu40p pour bien s'aligner avec contenu60p */
{
margin-bottom: 3.11%;
padding-bottom: 3.11%;
}
.groupe
{
width: 96%;
margin: 0 2% 1%;
background-color: #FFF;
clear: both;
overflow: hidden;
border: 1px solid #dadada;
}
.contenu60p
{
width: 56%;
margin: 1% 2%;
float: left;
}
.contenu40p
{
width: 36%;
margin: 1% 2%;
float: left;
}
.contenu70p
{
width: 66%;
margin: 1% 2%;
float: left;
}
.contenu30p
{
width: 26%;
margin: 1% 2%;
float: left;
}
.contenu
{
width: 96%;
margin: 1% 2%;
clear: both;
}
.contenu2
{
width: 46%;
margin: 1% 2%;
float: left;
}
.contenu3
{
width: 29.33%;
margin: 1% 2%;
float: left;
}
/* AVD > Pour ne pas surcharger la marge dans le cas des onglets de groupe avec un contenu2 dans un contenu */
.contenu .contenu,
.contenu .contenu60p,
.contenu .contenu40p,
.contenu .contenu70p,
.contenu .contenu30p,
.contenu .contenu2,
.contenu .contenu3
{
margin-left: 0% !important;
margin-top: 0% !important;
}
.contenu .contenu60p
{
width: 58%;
}
.contenu .contenu40p
{
width: 38%;
}
.contenu .contenu70p
{
width: 68%;
}
.contenu .contenu30p
{
width: 28%;
}
.contenu .contenu2
{
width: 48%;
}
.blocSeparateur
{
clear: both;
overflow: hidden;
width: 100%;
}
/* On enlève la marge supérieures des éléments qui suivent le blocSeparateur */
.blocSeparateur+.contenu,
.blocSeparateur+.contenu2, .blocSeparateur+.contenu2+.contenu2,
.blocSeparateur+.contenu3, .blocSeparateur+.contenu3+.contenu3, .blocSeparateur+.contenu3+.contenu3+.contenu3,
.blocSeparateur+.contenu40p, .blocSeparateur+.contenu40p+.contenu60p,
.blocSeparateur+.contenu60p, .blocSeparateur+.contenu60p+.contenu40p,
.blocSeparateur+.contenu30p, .blocSeparateur+.contenu30p+.contenu70p,
.blocSeparateur+.contenu70p, .blocSeparateur+.contenu70p+.contenu30p
{
margin-top: 0;
}
.separateurContenu
{
/*border-bottom: 1px solid #babbbf;*/
margin: 10% 0;
}
/* Mise en page des contrôles */
.corim-detail .ctrlAvecLabelVide
{
/* Bloc vide censé être de la même taille qu'un bloc contenant un contrôle Kendo pour conserver l'alignement */
border: 1px solid white;
height: 1.65em;
margin-bottom: 1%;
padding: 0.177em 0;
}
.corim-detail .ctrlAvecLabel
{
white-space: nowrap;
width: 100%;
margin-bottom: 1%;
}
.corim-detail .ctrlSansLabel
{
white-space: nowrap;
width: 100%;
margin-bottom: 1%;
}
/*.corim-detail .contenu > .ctrlAvecLabel > label
{
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
vertical-align: middle;
width: 15%;
}*/
.corim-filtre .corim-detail .ctrlAvecLabel > label
{
width: 25%; /* Taille réduite dans les formulaires de filtre */
}
/* Cas de contrôles à afficher sur deux lignes (du... au, entre... et, ...) avec le même label, et potentiellement un autre label associé pour chaque ligne */
.corim-detail .ctrlAvecLabel .inlineCtrl
{
display: inline-block;
}
.corim-detail .ctrlAvecLabel .inlineCtrl > label /* On réduit la taille de potentiels labels dans le contrôle sur deux lignes (ex: du & au) */
{
width: 30%;
}
.corim-detail .ctrlAvecLabel .inlineCtrl + label /* On aligne en haut les labels à côté du contrôle sur deux ligne (sélecteur +) */
{
vertical-align: top;
}
.corim-detail .contenu > .ctrlAvecLabel > label,
.corim-detail .contenu60p > .ctrlAvecLabel > label
{
width: 14.5%; /* Alignement des labels qu'ils soient dans une div contenu ou contenu60p */
}
/* Exception pour les contenus dans les fenêtres Frame */
#frame .corim-detail .contenu > .ctrlAvecLabel > label,
#frame .corim-detail .contenu60p > .ctrlAvecLabel > label
{
width: 45%; /* Alignement des labels qu'ils soient dans une div contenu ou contenu60p */
}
.corim-detail .ctrlAvecLabel > label
{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
/*vertical-align: top;*/
width: 45%;
height: 2.16em;
line-height: 2.16em;
}
.corim-filtre > .corim-detail .ctrlAvecLabel > label
{
vertical-align: top;
}
.corim-detail .ctrlAvecLabel > .corim-libelle
{
display: inline-block;
height: 2.16em;
line-height: 2.16em;
margin-bottom: 0;
}
.corim-detail .ctrlAvecLabel > .corim-libelle > a:not(.imgCMDInlineMini)
{
/*passé de 90 à 85 suite à pb sur parc trop long avec IE (560052)*/
max-width: 85%;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
.ctrlAvecLabel .corim-libelle > label /* le corim-libelle dans un ctrlAvecLabel est affiché comme un input standard */
{
text-overflow: ellipsis;
height: 2.16em;
line-height: 2.16em;
}
.corim-detail .ctrlAvecLabel > .k-widget,
.corim-detail .ctrlAvecLabel > .corim-libelle,
.corim-detail .ctrlAvecLabel > .k-textbox
{
width: 50% !important;
}
.corim-parc.corim-libelle > .k-textbox
{
width: 80% !important;
}
.corim-detail .k-datetimepicker,
.corim-detail .k-datepicker
{
max-width: 12.4em !important;
}
.corim-detail .k-combobox,
.corim-detail .k-dropdown,
.corim-detail .k-textbox
{
max-width: 200px !important;
}
.corim-detail .k-timepicker
{
max-width: 100px !important;
}
.corim-detail .k-numerictextbox
{
max-width: 110px !important;
padding: 0;
}
.corim-detail .ctrlAvecLabel > .k-multiselect
{
display: inline-block !important;
vertical-align: middle;
}
.corim-detail .ctrlAvecLabel > input[type="checkbox"]
{
vertical-align: middle;
height: 2.16em;
margin-top: 0;
margin-bottom: 0;
}
#operationResult.corim-operationResult /* On prend toute la hauteur seulement dans la fenêtre OperationResult (les erreurs peuvent s'afficher ailleurs) */
{
height: 100%;
}
/* Classe spéciale pour le label parc */
.ctrlAvecLabel.corim-parc > label
{
font-size: 1.05em;
font-weight: bold;
width: 20% !important;
}
.ctrlAvecLabel.corim-parc > .corim-libelle
{
width: 79% !important;
}
/* Classe spéciale pour le label objet des messages */
.ctrlAvecLabel.corim-objet > label
{
width: 10% !important;
}
/* Classe spéciale pour la liste des destinataires d'un message sur page Edit */
.ctrlAvecLabel > .corim-destinataires
{
display: inline-block;
min-height: 2.16em;
line-height: 2.16em;
width: 85% !important;
white-space: normal;
}
/* Cas particulier des libellés dans l'écran operationResult. Il peut y avoir des messages d'information plus longs */
.corim-operationResult .ctrlAvecLabel > label {
width: auto !important;
}
.corim-operationResult .groupe
{
height: 99%;
overflow-y: auto;
}
.corim-operationResult .titreErreur
{
color: #5693cf;
font-weight: bold;
margin-bottom: 1%;
}
.corim-operationResult .messageErreur
{
margin-left: 40px;
font-size: 0.97em;
margin-bottom: 2%;
}
/* Style pour le contrôle de select BO ressemblant aux contrôles kendo */
.selectBO
{
display: inline-block;
vertical-align: middle;
width: 12.4em;
max-width: 200px;
white-space: nowrap;
overflow: visible;
border-width: 0 !important;
position: relative;
margin-right: 0.4em;
}
.selectBO .k-input
{
margin: 0;
display: inline;
height: 1.65em;
line-height: 1.65em;
padding: .177em 0;
text-indent: .33em;
font-family: inherit;
border-width: 0 !important;
outline: 0;
width: 100%;
vertical-align: top;
}
.selectBO.corim-filter-attribute .k-picker-wrap { padding-right: 3.8em !important; } /* Sur les SelectBO des attributs de filtre, on agrandit la partie à droite pour intégrer la recherche inversée */
.selectBO.corim-filter-attribute .k-select:last-child
{
right: 1.9em !important; /* On décale le dernier élément .k-select (qui est en relatif) */
}
.selectBO .k-select input[type='checkbox'] { vertical-align: middle; }
/* Style pour les contrôles Checkbox tristate */
.tristate
{
cursor: pointer;
}
.tristate > img
{
vertical-align: middle;
}
/*----------------------------------------------------------
Feuille de style général pour ICorim
----------------------------------------------------------*/
/* CORIM : Layout
----------------------------------------------------------*/
html, body {
height:100%;
margin:0;
padding:0;
font-size: 0.9em;
}
.container
{
height: 100%;
}
.mainBody
{
/*background-color: #f2f3f4;*/
/*background-color: #fff;
position: absolute;
top: 60px;
bottom: 20px;
left: 0px;
width: 100%;
min-width: 1024px;
padding: 0;
clear: both;*/
/*display: block;
height: 100%;
overflow: auto;
width: 58%;
overflow: hidden;
float: left;*/
margin: 0 400px 0 230px;
height: 100%;
position: relative;
}
.mainBodySmall
{
margin: 0 400px 0 0;
height: 100%;
position: relative;
}
.mainBodyFull
{
height: 100%;
width: 100%;
position: relative;
background: transparent url("../Images/fond-accueil.png") top left;
}
header {
background-color: #00417D;
position: absolute;
width: 100%;
height: 60px;
min-width: 1280px;
}
.wrapperHeaderCentre
{
width: 100%;
float: left;
}
.headerMenu
{
width: 230px;
margin-left: -100%;
float: left;
}
.headerCentre
{
margin: 0 400px 0 0;
}
.headerLogin
{
width: 400px;
height: 60px;
position: absolute;
top: 0;
right: 0;
}
footer {
position: absolute;
left: 0px;
bottom: 0px;
clear: both;
width: 100%;
height: 40px;
color: #fff;
background-color: #00417D;
line-height: 40px;
min-width: 1280px;
}
footer a
{
color: #fff;
}
footer a:hover
{
color: #fff;
}
footer span
{
font-size: .8em;
height: 100%;
color: #000000;
line-height: 100%;
vertical-align: middle;
}
.mainFooter
{
float: left;
font-size: 0.85em;
margin-left: 2%;
}
.infosFooter
{
float: right;
font-size: 0.85em;
margin-right: 2%;
}
.wrapperPrincipal
{
position:absolute;
bottom:40px;
top:60px;
width:100%;
min-width: 1280px;
/*overflow:auto;*/
}
.wrapperScroll
{
overflow: auto;
height: 100%;
}
.wrapperBody
{
height: 100%;
/*margin: auto;
position: relative;
max-width:1600px;*/
width: 100%;
float: left;
/*overflow: auto;*/
}
.menuPanel {
position: absolute;
left: 0;
top: 0;
width: 230px;
height: 100%;
background-color: #007CF8;
border-right: 1px solid #fff;
color: #fff;
overflow: hidden;
z-index: 200;
}
.menuPanel:hover
{
overflow-y: auto;
}
.menuPanelSmall
{
position: absolute;
left: 0;
width: 230px;
height: 100%;
z-index: 10000;
background-color: #7f9ab5;
border-right: 1px solid #fff;
color: #fff;
overflow: hidden;
display: none;
}
.menuPanelSmall:hover
{
overflow:auto;
}
.infosPanel
{
overflow: hidden;
float: left;
width: 400px;
margin-left: -400px;
height: 100%;
}
.infosPanelEdit
{
height: auto;
overflow-y: visible;
}
.content
{
/*background-color: #fff;
border-width: 0px !important;
height: 100%;
width: 100%;
overflow-y:auto;
height: 100%;*/
margin: 25px;
}
#mainPanel
{
overflow: hidden !important;
padding: 0px;
}
#fade { /*--Masque opaque gris de fond--*/
display: none;
background: #f2f3f4;
position: fixed;
left: 0;
top: 60px;
bottom: 40px;
width: 100%;
opacity: .80;
/* L'opacité sur IE est gérée dans CORIM-Base.js, méthode onOngletMenuClick (à l'ajout de la div fade) */
z-index: 10;
}
/*--Gérer la position fixed pour IE6--*/
*html #fade {
position: absolute;
}
#fade img
{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
#splitter
{
height: 100%;
margin: 0px;
border-width: 0px !important;
}
.k-splitbar
{
display:none;
}
/* Style communs à tous les liens du site (sauf override) */
a
{
color: #5693cf;
text-decoration: none;
}
a:hover
{
color: #3c7ab6;
/*text-decoration: underline;*/
}
/* Bouton d'ouverture du panneau de filtre dans les listes, se trouvant dans le menu */
/* BUG 22/06/16 - Affichage en float différent entre Chrome & Firefox, sans raison apparente. Modif pour affichage en absolu */
.btnFiltre,
.btnFiltreSelection
{
border-radius: 0 !important;
border-style: solid !important;
border-width: 0 0 0 1px !important;
height: 3em;
line-height: inherit !important;
margin: 0 !important;
padding: 0 0.5em !important;
/*position: relative;
float: right;*/
width: 3em;
position: absolute;
right: 3em;
}
/* Controles KENDO
/*----------------------------------------------------------*/
.k-list
{
white-space:nowrap;
}
/* Override sur les classes kendo pour dimensionner correctement les contrôles */
.k-datetimepicker
{
width: 100% !important;
max-width: 200px;
}
.k-datepicker
{
/*width: 100% !important;*/
max-width: 200px !important;
}
.k-timepicker
{
width: 100% !important;
max-width: 100px !important;
}
.k-numerictextbox
{
width: 100% !important;
max-width: 100px !important;
}
.k-numerictextbox .readonly
{
padding-right : 2px;
}
.k-combobox,
.k-dropdown,
.k-textbox
{
height: 3em !important;
width: 100% !important;
max-width: 300px !important;
}
.k-webkit .k-combobox .k-dropdown-wrap:before, .k-webkit .k-picker-wrap:before, .k-webkit .k-numeric-wrap:before
{
vertical-align:middle !important;
}
.k-list-container.k-split-container
{
max-height: 400px;
overflow-y: auto;
}
/* liste principale*/
/*----------------------------------------------------------*/
.listeContainer
{
overflow: hidden;
}
.liste,
.corimMap
{
/*border-width: 0px !important;
width: 100% !important;*/
margin: 2%;
overflow: hidden;
}
.k-grid-header .k-header
{
background-color: #38383a !important;
color: White !important;
font-weight: bold !important;
overflow:hidden;
white-space: normal;
}
.k-grid-header .k-link
{
overflow:hidden;
}
.k-grid-header .k-header a
{
color: White !important;
font-weight: bold !important;
}
.k-grid td
{
white-space: nowrap;
overflow: hidden;
line-height: 1.2em !important;
}
.k-grid td > label
{
font-size: 0.95em;
font-weight: bold;
display: inline;
}
.k-grid td > span
{
text-align: center;
display: table;
}
.k-grid td > div.smallLeft
{
white-space: nowrap;
overflow: hidden;
float: left;
}
.k-grid td > div.smallRight
{
white-space: nowrap;
overflow: hidden;
float: right;
padding-left: 20px;
}
.k-grid td > table.insideTable
{
white-space: nowrap;
overflow: hidden;
width: auto;
}
.insideTable td
{
border: 0 none !important;
}
.k-grid-content table
{
table-layout: fixed;
/*font-size: 0.85em;*/
}
.k-grid td > dl dt
{
float: left;
font-weight: bold;
margin-right: 10px;
width: 100px;
}
.k-grid td > dl dd
{
}
.listeWindowContainer
{
overflow: hidden;
}
.listeSelection
{
/*border-width: 0px !important;
width: 100% !important;*/
margin: 2%;
overflow: hidden;
}
form[id^="ListSelection"] /* formulaire de la fenêtre de sélection */
{
overflow: hidden;
}
.listeOnglet
{
/*border-width: 0px !important;
width: 100% !important;*/
overflow: hidden;
background-color: #fff !important;
}
.listeOnglet .k-alt
{
background-color: #e3e3e3;
}
.listeOnglet .k-grid-content
{
font-size: 0.85em;
}
.k-window .listeOnglet /* Marges seulement sur les listes onglet qui sont dans un onglet (différence avec CorimGroup) */
{
margin: 0 2%;
}
.infosListeOnglet
{
float: right;
padding: 0 1.333em;
font-size: 0.85em;
}
.lienListeOnglet
{
margin: 0 2% 0 0;
float: right;
}
/* Commandes ajoutées au pager d'une liste-onglet (récupéré de k-pager-refresh) */
.commandeListeOnglet
{
float: right !important;
margin-right: .5em !important;
border-width: 0 !important;
border-radius: 0 !important;
z-index: 10005;
}
/* Affichage différent du lien dans les liste se trouvant dans des groupes */
.groupe .lienListeOnglet {
margin: 1% 0;
}
/* Les libellés des entités dans les listes sont mis en valeur */
.k-grid .libelle
{
color: #5693cf;
font-weight: bold;
}
.k-grid .k-state-hover .libelle,
.k-grid .k-state-selected .libelle,
.k-grid .k-state-hover a,
.k-grid .k-state-selected a,
.k-grid .k-state-hover a:visited,
.k-grid .k-state-selected a:visited
{
color: white;
font-weight: bold;
}
.liste-filtre
{
background-color: transparent !important;
border: medium none !important;
white-space: nowrap;
}
.lienFiltre
{
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
text-decoration: none;
height: 25px;
padding-left: 20px;
line-height: 25px;
}
.lienFiltre:hover
{
background: #8ba6c1;
cursor: pointer;
}
.lienFiltre.k-state-selected
{
background-color: #8ba6c1;
}
.lienFiltre a
{
color: #fff !important;
}
.lienFiltre a:hover
{
color: #fff !important;
text-decoration: none !important;
}
/*
.liste-selection
{
position: relative !important;
bottom: 0px;
width: 100%;
height: 100%;
border-width: 0px !important;
white-space: nowrap;
}
#selection
{
padding-top: 16px !important;
padding-left: 4px !important;
padding-right: 4px !important;
}*/
/*.liste-impression
{
position: relative !important;
bottom: 0px;
width: 100%;
height: 100%;
border-width: 0px !important;
white-space: nowrap;
}
#impression
{
padding-top: 16px !important;
padding-left: 4px !important;
padding-right: 4px !important;
}*/
.listeImpression
{
margin: 2%;
overflow: hidden;
}
#apercuReportWindow
{
overflow:hidden;
}
/* Réprésente les panneaux principaux*/
.k-pane
{
padding: 0px 2px 0px 2px;
}
span.clear
{
clear: both;
display: block;
}
/* dupliquée plus bas
.vignette
{
min-width: 400px;
padding-left: 100px;
vertical-align: top;
}*/
.separateur
{
height: 23px;
margin: 0 5px 0 5px !important;
padding: 0 !important;
}
/* CORIM : DIV GLOBAUX
----------------------------------------------------------*/
.corim-liste
{
height:100%;
overflow: hidden;
}
.corim-detail
{
/*padding: 10px;
height: 100%;*/
}
.corim-filtre,
.corim-filtre-selection
{
position: absolute;
z-index: 20;
overflow-y: auto;
box-shadow: 0px 10px 5px 0px rgba(128, 128, 128, 0.3);
display: none;
margin-bottom: 0;
}
.corim-filtre-rapide
{
padding: 15px;
border-bottom: 1px solid #b6c2cf;
}
.corim-catalogue {
background-color: #5998D7;
border-bottom: 1px solid #b6c2cf;
overflow: hidden;
color: #fff;
font-size: 0.9em;
width: 230px;
}
.corim-catalogue:hover
{
overflow-y: auto;
}
.corim-criteres-filtre
{
background-color: #fff;
border-bottom: 1px solid #b6c2cf;
overflow: hidden;
color: #333333;
font-size: 0.9em;
padding: 10px 0;
width: 230px;
}
.corim-criteres-filtre .labelCritere
{
margin: 5px 30px;
}
.labelCritere img
{
vertical-align: middle;
margin-left: 5px;
}
.corim-criteres-filtre .critere
{
margin: 0 40px 5px 30px;
border: 1px solid #e3e3e3;
background-color: #e3e3e3;
padding: 3px 3px 3px 10px;
border-radius: 8px;
color: #787878;
}
.corim-criteres-filtre .critere.critereActif:hover {
background-color: #38383a;
color: #fff;
}
.corim-criteres-filtre .critere span.k-icon
{
float: right;
margin-right: 5px;
}
.corim-criteres-filtre .critere span.k-icon:hover
{
cursor: pointer;
}
/* filtre qui/quand */
.corim-statut-qui-quand
{
margin: 0 2%;
padding: 0.5%;
border: 1px solid #dadada;
border-radius: 5px;
display: inline-block;
}
.corim-statut-qui-quand .k-widget
{
margin-right: 0.4em;
}
.corim-statut-qui-quand .k-combobox
{
width: 138px !important; /* taille max pour le combobox "kind" pour conserver un affichage sur une ligne en résolution mini */
}
/* radio button large (théoriquement présent dans une div avec classe "contenu") */
.corimRadioGroupLarge
{
border: 1px solid #3682cd;
border-radius: 6px;
padding: 10px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
text-align: center;
}
.corimRadioGroupLarge input,
.corimRadioGroupLarge label
{
vertical-align: middle;
margin-top: 0;
}
/* Recherche toutes zones en en-tête de liste de sélection */
.corim-recherche-rapide
{
}
.corim-multiselect-statut-rapide
{
max-width: 200px !important;
}
.corim-resume
{
position: relative;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
padding: 0 30px 0 10px;
}
/* Selection de statut dans une fiche */
.sliderStatut { text-align: center; margin: 0 auto; /*margin-bottom: 2%;*/ position: relative }
.mainBody .sliderStatut { width: 100%; }
.mainBodySmall .sliderStatut { min-width: 460px }
.elemStatut { display: inline-block; vertical-align: top; text-overflow: ellipsis; overflow: hidden; } /* Chacun des statut est affiché en ligne */
.elemStatut:not(.elemStatutFirst) { margin-left: -4px; } /* Margin gauche négatif pour enlever l'espace vide entre les DIV */
.elemStatut:not(.elemStatutFirst):not(.elemStatutLast) { background: url("../Images/statut_trail.png") repeat-x scroll top center transparent; } /* On affiche le trail en image de fond sur chaque élément sauf les premiers et derniers qui sont gérés autrement*/
.sliderStatut .dot { position: absolute; z-index: 4; pointer-events: none; } /* Le sélecteur est au dessus de tout, en position fixe */
.sliderStatut .remplissage { position: absolute; z-index: 2; height: 24px; background: url("../Images/statut_rempli.png") repeat-x scroll top center transparent; } /* Le remplissage pour les statuts passés */
.sliderStatut .pointilles { position: absolute; z-index: 2; height: 24px; background: url("../Images/statut_pointilles.png") repeat-x scroll top center transparent; } /* Le remplissage pour les statuts passés */
/* Trail spécifique aux premiers et derniers statuts */
.cheminStatutAbsolute
{
width: 50%;
height: 24px;
background: url("../Images/statut_trail.png") repeat-x scroll top center transparent;
position: absolute;
top: 0;
z-index: 1;
}
.elemStatut .imageStatut { width: 24px; margin: 0 auto; margin-bottom: -4px;} /* Images centrées */
.elemStatut .imageStatut img { position: relative; z-index: 3; } /* La position relative est ici nécessaire pour prendre en compte le z-index */
/* Le rond du premier et du dernier n'ont pas le trail en arrière plan */
.elemStatutFirst .imageStatut, .elemStatutLast .imageStatut { background: transparent; }
.elemStatutFirst, .elemStatutLast { position: relative; } /* La position relative est nécessaire que le trail qui est en absolu reste dépendant de la div parente */
.elemStatutFirst .imageStatut img, .elemStatutLast .imageStatut img { z-index: 3; position: relative; } /* La position relative est ici nécessaire pour prendre en compte le z-index et afficher les ronds au dessus du trail en arrière plan */
/* Le premier et dernier statut sont respectivements calés à droite et à gauche */
.elemStatutFirst .cheminStatutAbsolute { right: 0; }
.elemStatutLast .cheminStatutAbsolute { left: 0; }
.elemStatutCourant .libelleStatut { text-decoration: underline; font-weight: bold; }
.elemStatut .popupStatut { position: fixed; text-align: left; background-color: #e8e9eb; z-index: 10; }
.elemStatut .popupStatut .historiqueStatut { }
.elemStatut .popupStatut .listeSousStatut { background-color: white; }
.elemStatut .popupStatut .separateurSousStatut { height: 1em; margin-top: 0.5em; padding: 0.5em 0; border-bottom: 1px solid #e8e9eb; }
.elemStatut .popupStatut .lienSousStatut { width: 100%; text-align: left; display: block; }
.elemStatut .popupStatut .k-callout-n { border-bottom-color: #e8e9eb; }
.elemStatut .imageStatut img { cursor: pointer; }
.elemStatut .libelleStatut { color: #5693cf; white-space: nowrap; font-size: 0.9em; }
.elemStatut .libelleSousStatut { font-style: italic; font-size: 0.9em; position: absolute; margin-left: -4px; }
.elemStatutInactif .imageStatut img { cursor: default; }
.elemStatutInactif, .elemStatutInactif .libelleStatut { color: #cccccc; }
/* CORIM : corim-resume - Panneau de visualisation à droite depuis les listes (resume) & les entités (info)
----------------------------------------------------------*/
.corim-resume .titreResume
{
font-size: 1.3em;
margin-top: 83px;
margin-bottom: 10px;
padding: 0px 10px 0 40px;
display: table;
}
.corim-resume .titreInfo
{
font-size: 1.3em;
position: absolute;
bottom: 2px;
padding: 0px 10px 0 40px;
display: table;
}
.corim-resume .titreResume
{
background: url("../Images/ico_apercu.png") no-repeat scroll left top transparent;
}
.corim-resume .titreInfo
{
background: url("../Images/ico_information.png") no-repeat scroll left top transparent;
}
.titreResume span,
.titreInfo span
{
margin-left: 0 !important;
display: table-cell;
vertical-align: middle;
height: 33px;
}
.corim-resume .cadre
{
background-color: #e8e9eb;
padding: 10px 20px;
color: #545556;
margin-bottom: 30px;
}
.corim-resume .titreCadre,
.corim-resume .sousTitreCadre
{
color: #59a0e6;
margin: 5px 0px 15px 0px !important;
font-size: 1.2em;
}
.corim-resume .sousTitreCadre
{
border-top: 3px solid #f2f3f4;
padding: 10px 20px 0 20px;
margin: 15px -20px !important;
}
/* Liens d'affichage en pleine page */
.corim-resume .titreCadre .k-link,
.corim-resume .sousTitreCadre .k-link
{
margin-left: 0.4em;
}
.corim-resume .titreCadre .k-link:hover,
.corim-resume .sousTitreCadre .k-link:hover
{
background-image: none, linear-gradient(to bottom, #6fabe6 0px, #4b97e3 100%);
}
/* Mise en majuscule pour les titres, les infos concernant les adresse et les infos importantes */
.corim-resume .titreCadre,
.corim-resume .sousTitreCadre,
.corim-resume .adresseVisu,
.corim-resume .important
{
text-transform: uppercase;
}
/* Réduction de la police pour les infos moins importantes avec changement du gris */
.corim-resume .pas-important
{
font-size: 0.9em;
color: #717375;
}
/* Classe spéciale pour mettre le statut en valeur */
.corim-resume span.statut
{
font-size: 1.2em;
font-weight: bold;
}
.statut > .sous-statut
{
font-size: 0.9em;
font-style: italic;
}
.corim-resume .cadre > div
{
margin-bottom: 5px;
}
.corim-resume .cadre > div.texteLong,
.corim-resume .infosMarker > div.texteLong
{
margin-bottom: 10px;
font-style: italic;
color: #727272;
max-height: 100px;
overflow-y: auto;
}
.corim-resume .cadre > div label
{
color: #0f1010;
font-weight: bold;
margin-right: 5px;
font-style: normal;
}
.corim-resume span.italique,
.corim-resume div.italique
{
font-style: italic;
}
.corim-resume div.popup-image
{
cursor: zoom-in;
}
/* Liste des pointages dans la page de géopositionnement */
.corim-resume .cadre.elementGeocode .titreCadre,
.corim-resume .cadre.elementGeocode .sousTitreCadre
{
margin-top: 0 !important;
margin-bottom: 0 !important;
font-size: 1em;
}
.corim-resume .cadre.elementGeocode
{
margin-bottom: 5px !important;
}
.corim-resume .cadre.elementGeocode .infosMarker
{
padding-left: 15px;
font-size: 0.9em;
margin-top: 5px;
margin-bottom: 0;
}
.corim-resume .avancementJournee
{
position: absolute;
left: 0;
width: 10px;
background-color: #6fabe6;
}
.corim-resume .cadre.elementGeocode.selected .titreCadre
{
text-decoration: underline;
}
/* Obsolète */
/*.corim-resume label
{
margin: 3px;
width: auto;
font-weight: bold;
}
.corim-resume span
{
margin-left: 3px;
}
.corim-resume fieldset
{
border: solid 0px #808080;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 2px;
margin: 0px !important;
}
.corim-resume fieldset
{
width: 98%;
}
.corim-resume fieldset legend, .corim-detail fieldset legend
{
color: #00346e;
font-family: Rockwell, Consolas, "Courier New" , Courier, monospace;
}*/
/* CORIM : corim-detail
----------------------------------------------------------*/
.corim-liste .titrePage
{
/*background: url("../Images/ico_intervention.png") no-repeat scroll left center transparent;*/
font-weight: bold;
font-size: 1.5em;
float: left;
height: 33px;
line-height: 33px;
color: #555555;
/*padding-left: 30px;*/
margin: 3% 2% 0.5%;
}
.corim-detail .titrePage
{
/*background: url("../Images/ico_intervention.png") no-repeat scroll left center transparent;*/
font-weight: bold;
font-size: 1.5em;
float: left;
height: 33px;
line-height: 33px;
color: #555555;
/*padding-left: 30px;*/
margin: 3% 2% 0.5%;
}
.corim-detail .titrePage img
{
vertical-align:middle;
}
.corim-detail .detail
{
background-color: #FFF;
}
.detail table
{
margin: 10px;
}
.vignette
{
min-width: 50px;
padding-bottom: 1px;
}
.separateurVignette
{
padding: 10px 0px 10px 0px;
border-bottom: 1px solid #babbbf;
display: block;
margin: 0 !important;
}
/* CORIM : Barre d'outils
----------------------------------------------------------*/
/* en-tête de page à maintenir fixée en haut */
.corim-title
{
overflow: hidden;
position: absolute;
top: 0;
left: 0;
background-color: #f2f3f4;
z-index: 10;
width:97%;
/*width: 1273px;*/ /* La largeur est fixée en javascript */
}
/* Bloc de décalage du contenu */
.corim-title-clear
{
/*height: 118px;*/ /* La hauteur est fixée en javascript */
overflow: hidden;
width: 100%;
display: block;
margin-bottom: -1px; /* Pour rattraper l'épaisseur de la bordure inférieure qui se cumule avec la bordure du groupe suivant */
}
/* Tailles constantes dans le panneau d'informations, mais la hauteur sera mise à jour en JS en fonction de la hauteur du titre principal */
.corim-title-infos, .corim-title-infos-clear
{
width: 360px;
height: 118px;
}
.corim-title-infos
{
overflow: hidden;
position: absolute;
top: auto;
left: auto;
background-color: #f2f3f4;
z-index: 10;
}
.corim-title-infos-clear
{
margin-bottom: 5px;
}
/* Cas des titres dans des kendo window qui nécessitent un décalage à cause du padding qui laisse apparaitre le contenu derrière quand on scroll. La valeur est celle du padding issue de kendo */
.k-window-content .corim-title-clear
{
margin-top: -.59em;
}
.k-window-content .corim-title
{
left: .58em; /* Padding issu de KendoWindow */
}
/* Menu fixe à utiliser dans une div de contenu corim-detail */
.menuSystem
{
float: right;
margin: 3% 2% 0.5%;
/*height: 40px;
line-height: 40px;*/
}
.menuSystem button
{
border: none;
background: none;
padding: 0;
}
.menuSystem button[disabled]
{
cursor: not-allowed;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
filter: grayscale(100%);
opacity: .3;
}
.menuSystem a[disabled], .menuSystem a.disabled, .menuSystem .menuSystem-showItem.disabled img
{
cursor: not-allowed;
pointer-events: none;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
filter: grayscale(100%);
opacity: .3;
}
.menuSystem-image
{
border: none;
}
.menuSystem-separator
{
width:3px !important;
}
.menuSystem-showItem
{
float:left;
margin-left: 15px;
}
.menuSystem-hideItem
{
display: none;
float:left;
}
/* Décalage de la marge du menu-entity s'il n'est pas fils d'une div corim-title */
:not(.corim-title) > .menu-entity
{
margin-bottom: -1px !important;
}
.menu-entity
{
/*border-bottom: 0 none !important;*/
margin: 0 2% !important;
width: 95.4%;
padding-left: 0.6%;
}
.menu-entity-vide
{
/*margin-bottom: 0.5%;*/
}
.menu-entity-title
{
display:none;
}
.menu-separator
{
width:3px !important;
}
.menu-separator > span
{
width:1px !important;
height:16px;
padding-bottom:0px;
margin-bottom:0px;
}
.menu-itemImage
{
width:16px;
height:16px;
border:0px;
}
.menu-subItemImage
{
display:none;
}
.menu-hideItem
{
display: none;
}
.menu-showItem
{
}
.k-list-container .k-separator {
margin: 0 .2em .2em .2em;
line-height: 1.72em;
vertical-align: middle;
border-width: 0 0 1px 0;
border-style: solid;
height: 1px;
}
.k-link > button
{
padding-top:0px !important;
padding-bottom:0px !important;
border:0px !important;
background-color:transparent;
}
.mainBodySmall .menu-entity input[type=text],
.mainBodySmall .corim-multiselect-statut-rapide
{
max-width: 150px!important;
}
.k-button {
/*margin-right: 4px !important;*/
}
/* Nécessaire que pour éléments k-button contenant des liens soient affichés correctement */
.k-button img, button > img
{
vertical-align: text-top;
}
/* Style pour le lien associé au bouton*/
.k-button a:hover
{
/*background-color: transparent;*/
}
/* Style pour le lien associé au bouton*/
.k-button a:link, .k-button a:visited, .k-button a:active, .k-button a:hover
{
color: #333333;
text-decoration: none;
}
/* taille des images pour la barre d'outil*/
.tbLargeButton
{
height: 20px;
}
.tbDisableLargeButton
{
height: 20px;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
filter: grayscale(100%);
}
/* taille des images pour la barre d'outil*/
.tbSmallButton
{
height: 16px;
width: 16px;
}
.tbDisableSmallButton
{
height: 16px;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
filter: grayscale(100%);
}
/* CORIM : Zone de login
----------------------------------------------------------*/
#loginCorim {
background-color: #00417d;
display: table;
height: 100%;
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
color: #FFF;
}
#loginCorim form {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.btnLogin {
width: 150px;
height: 50px;
background-color: #007CF8;
border-radius: 5px;
border: 0;
color: white;
font-size: larger;
}
.btnLogin:hover {
background-color: #5EAEFF;
cursor: pointer;
}
#loginCorim .btnLogin
{
margin-top: 10px;
}
#loginCorim > form > img
{
margin-bottom: 15px;
}
#loginCorim input
{
display: block;
margin-left: auto;
margin-right: auto;
}
#loginCorim input[type=checkbox]
{
margin-bottom: 15px;
margin-right: 10px;
display: inline-block;
}
#loginCorim .validation-summary-errors
{
display: inline-block;
margin-bottom: 15px;
}
#loginCorim .validation-summary-errors ul
{
padding: 0;
margin: 0;
}
#loginCorim .validation-summary-errors li
{
list-style: none;
}
#loginCorim .validation-error
{
display: block;
margin-left: 15px;
}
/************/
#loginCorim a.logout
{
background: none; /*background-color: #d3dce0; margin-left: 10px; margin-right: 3px; padding: 2px 3px;*/
text-decoration: underline;
}
#loginCorim a.username
{
background: none; /*margin: 0; padding: 0;*/
text-decoration: underline;
}
#loginCorim a.disabled
{
color: Gray;
pointer-events: none;
}
#loginCorim .menuSystem-image
{
cursor: pointer;
}
#loginCorim .k-window-content
{
text-align: left;
}
#logoutForm
{
}
#socialLoginForm
{
margin-left: 40px;
float: left;
width: 40%;
}
#socialLoginForm h2
{
margin-bottom: 5px;
}
#socialLoginList button
{
margin-bottom: 12px;
}
#connectedUsers
{
/*font-size: 12px;*/
position: relative;
bottom: 0px;
margin-bottom: 8px;
}
#connectedUsers .chat
{
height: 100px;
overflow: auto;
padding-left: 30px;
}
/* CORIM : Arborescence
----------------------------------------------------------*/
/* Arbo Parc */
.arbo-liste
{
margin: 2%;
overflow: auto;
}
.arbo-selection
{
margin: 0 2%;
overflow: auto;
}
.elemParcArrete
{
background-color: SandyBrown;
display: inline-block;
padding: 0 3px;
margin-left: -3px;
}
.placeholderIllu
{
float: right;
width: 50%;
margin-right: 1%;
}
/* CORIM : Divers
----------------------------------------------------------*/
/* icône utilisée dans les listes pour appeler certaines actions */
.iconeStatutCourant
{
-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
border: 1px solid gray;
}
.iconeEnabled
{
pointer-events: none;
cursor: default;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
width:20px;
height:20px;
padding:2px;
}
.iconeDisabled
{
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
width:20px;
height:20px;
padding:2px;
}
.iconeDisabled:hover
{
filter: none;
-webkit-filter: none;
}
/* -----------------------------------------
INDICATEURS
------------------------------------------*/
.gauge-container {
text-align: center;
background: transparent url(@Url.Content("~/Content/Images/linear-gauge-container.png")) no-repeat top left;
/*padding: 35px 18px 18px;
width: 300px;
height: 80px;
margin: auto;*/
}
.gauge {
width: 100%;
height: 100%;
margin: 0 auto 0;
}
/* -----------------------------------------
HEADER -- BANNIERE
----------------------------------------- */
#banniere_bg
{
background: url("../Images/header_repeat.png") repeat scroll right top black;
width: 100%;
}
#Header
{
/*background: url("../Images/header/header.jpg") no-repeat right;*/
background: url("../Images/header/header.png") no-repeat left;
/*background-color: Black;*/
position: relative;
width: 100%;
height: 60px;
display: inline-block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
padding-right: 0px;
}
#PanelSwitch
{
float:left;
}
#PanelSwitch:hover
{
cursor: pointer;
}
#iconeSwitchMenu,
#existeDataOnglets
{
float: left;
}
#existeDataOnglets
{
margin-left: -50px;
}
#MenuPrincipal
{
float: right;
font-size: 1.3em;
margin-right: 1%;
margin-top: 10px;
position: relative;
z-index: 10000;
}
#MenuPrincipal .k-menu
{
border: none;
}
#MenuPrincipal .k-link:link,
#MenuPrincipal .k-link:visited,
#MenuPrincipal .k-nav-current.k-state-hover .k-link
{
color: #fff !important;
}
#MenuPrincipal .k-menu:after
{
display:none !important;
}
#Logo
{
/*width: 183px;
height: 60px;
float: left;
background-image: url(../Images/header/logo.png);
margin-left: 17px;
margin-top: 2px;*/
float: left;
}
#Title_Header
{
position: absolute;
top: 38px;
left: 240px;
text-indent: 0% !important;
height: 20px;
color: #FFFFFF;
width: 100%;
text-align: left;
font-size: 2em;
font-family: Arial, Helvetica, sans-serif;
}
/* -----------------------------------------
MENU AUTRE
----------------------------------------- */
.boutonMessagerie
{
float: left;
margin-left: 30px;
margin-top: 15px;
font-size: 1.1em;
}
.spanMessagerie {
background-color: #007CF8 !important;
border-color: #007CF8 !important;
}
.spanMessagerie > a {
color: white !important;
}
/* Gère la superposition des contrôles de login sur la bannière */
#menu_login
{
float: left;
margin-left: 30px;
margin-top: 15px;
font-size: 1.1em;
}
#loginMenu, #loginMenu_mn_active {
background-color: #00417d;
}
#loginMenu:hover, #loginMenu_mn_active:hover {
background-color: #00417d;
}
#loginMenu span {
color: #007cf8;
font-weight: bolder;
background-color: #00417d;
}
#footerPush
{
height: 30px;
}
.titre
{
background-color: #c8c8c8;
color: #808080;
width: 100%;
height: 32px;
font-family: Rockwell, Consolas, "Courier New" , Courier, monospace;
font-size: 1.8em;
margin: 0 0 32px 0;
}
.editLayout
{
width: 100%;
white-space: nowrap;
}
.col2_1
{
width: 60%;
max-width: 60%;
text-align: left;
}
.col2_2
{
width: 40%;
max-width: 40%;
text-align: left;
}
.col3_1
{
width: 33%;
max-width: 33%;
text-align: left;
}
.col3_2
{
width: 34%;
max-width: 34%;
text-align: left;
}
.col3_3
{
width: 33%;
max-width: 33%;
text-align: left;
}
/* réprésente une catégorie d'un attribut*/
.corim-attribut-categorie
{
padding: 2px 0px 2px 0px;
height:24px;
font-weight: bold;
}
/* DIVs individuels pour chaque champ */
.corim-small-field, .corim-small-select-bo, .corim-large-field, .corim-large-select-bo, .corim-full-field, .corim-attribut, .corim-full-select-bo
{
overflow: auto;
text-overflow: ellipsis;
white-space: nowrap;
}
.corim-large-select-bo
{
max-width: 1000px;
}
.corim-attribut span, .corim-full-select-bo
{
max-width: 100%;
}
/* Input & Select */
.corim-small-field input, .corim-small-select-bo input, .corim-large-field input, .corim-large-select-bo input, .corim-full-field input, .corim-attribut input
{
padding: 3px;
margin: 3px 0;
}
.corim-small-field input, .corim-small-field select
{
width: 150px;
}
.corim-large-field input, .corim-large-field select, .corim-attribut input, .corim-attribut select
{
width: 100px;
}
.corim-full-field input, .corim-full-field select
{
min-width:400px;
width: 95%;
}
.corim-small-field input[type="checkbox"], .corim-large-field input[type="checkbox"], .corim-attribut input[type="checkbox"], .corim-full-field input[type="checkbox"]
{
width: auto;
}
.corim-full-field select
{
margin-top: 3px;
}
.corim-filtre .corim-small-select-bo input
{
width: 80px;
}
.corim-filtre .corim-large-field select
{
width: auto;
}
.corim-large-select-bo input
{
width: 100px;
}
.corim-detail .corim-large-field select
{
display: block;
width: 150px;
}
.corim-toutes-zones
{
width: 100%;
}
.corim-toutes-zones input
{
width: 100%;
}
.corim-recherche-rapide input
{
}
.corim-recherche-rapide .k-textbox
{
}
/* Classe spéciale pour les libellés des entités (pour avoir un input ou un label plus long) */
.corim-libelle
{
margin-bottom: 2%;
vertical-align: middle;
}
.ctrlAvecLabel.corim-libelle input /* Taille différent du libellé lorsque le label est affiché */
{
width: 69%;
max-width: 400px !important;
}
.corim-libelle:not(.ctrlAvecLabel) input
{
width: 100%;
max-width: 450px !important;
border: none;
margin-left: -5px;
padding-left: 5px;
text-indent: 0 !important;
font-size: 1.05em;
font-weight: bold;
color: #333333 !important;
cursor: pointer;
}
.corim-libelle:not(.ctrlAvecLabel) input:hover
{
border: 1px solid #3682cd;
}
.corim-libelle:not(.ctrlAvecLabel) input:focus
{
max-width: 400px;
border: 1px solid #dadada;
padding: 2px .3em;
text-indent: .33em;
font-size: 1.0em;
font-weight: normal;
color: #787878;
cursor: text;
}
.corim-libelle
{
color: #333333;
}
/* Lien de suppression de la sélection d'un objet BO */
.imgCMDInlineMini
{
display: inline-block;
visibility:hidden;
vertical-align: top;
width: 4%;
margin-left: 1%;
}
.imgCMDInlineMini > img
{
vertical-align: middle;
}
.imgCMDInlineMini.disabled
{
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
filter: grayscale(100%);
opacity: .3;
}
.imgCMDInlineMini.disabled:not(.readonly):hover
{
filter: none; /* IE6-9 */
-webkit-filter: grayscale(0%); /* Chrome 19+ & Safari 6+ */
filter: grayscale(0%);
opacity: 1;
}
.imgCMDInlineMini.readonly
{
pointer-events: none;
cursor: not-allowed;
}
/* Manip pour éviter de gérer la visibilité via javascript */
.corim-libelle:hover > .imgCMDInlineMini
{
visibility:visible;
}
.corim-detail textarea
{
/*display: block;
width: 450px;*/
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
min-width: 100%;
min-height: 100px;
line-height: 1.4em !important;
/*
-moz-appearance: textfield-multiline;
-webkit-appearance: textarea;
overflow: auto;
padding: 2px;
resize: both;
vertical-align:top !important;
*/
}
/* Liste de choix pour l'auto complétion */
.corim-autocomplete-list
{
padding: 2px;
list-style-type: none;
background-color: #fff !important;
}
.corim-autocomplete-list .ui-menu-item
{
border-width: 1px;
border-style: solid;
border-color: transparent;
padding: 0 4px;
line-height: 1.8em;
min-height: 1.8em;
font-size: 0.9em !important;
}
.corim-autocomplete-list .ui-state-focus,
.corim-autocomplete-list .ui-state-selected
{
color: #ffffff;
background: #3682cd linear-gradient(to bottom, #6fabe6 0px, #4b97e3 100%) no-repeat left top;
}
/* Label */
.corim-detail label:not(.k-checkbox-label)
{
color: #333333;
display: inline-block;
}
.corim-small-field label, .corim-small-select-bo label, .corim-large-field label, .corim-large-select-bo label, .corim-attribut label
{
display: inline-block;
padding: 3px;
margin: 3px 0;
width: auto;
}
.corim-attribut label
{
font-weight: normal;
}
.corim-label-checkbox
{
width: auto !important;
}
/* Span */
.corim-small-field span, .corim-small-select-bo span .corim-large-field span, .corim-large-select-bo span
{
display: inline-block; /*width: 250px; */
overflow: hidden;
}
.corim-detail fieldset
{
border: solid 0px #808080;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 2px;
margin: 0px !important;
}
.corim-detail fieldset
{
width: 98%;
}
.corim-detail td
{
/*min-width:100px;
padding: 5px;
vertical-align: top;*/
}
.corim-detail fieldset legend
{
color: #00346e;
font-family: Rockwell, Consolas, "Courier New" , Courier, monospace;
}
/* Form */
.corim-filtre-rapide label
{
display: inline-block;
}
.corim-filtre-rapide .k-textbox
{
margin-bottom: 1%;
}
/* Boutons */
.corim-btn-select-bo
{
margin: 6px;
vertical-align:middle;
}
/**************************************/
/**************************************/
.indicateur-wrapper
{
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.07) 100%) repeat scroll 0 0 transparent;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
height: 300px;
margin: 15px auto;
padding: 10px;
position: relative;
width: 95%;
text-align: center;
}
.indicateur-wrapper .k-chart
{
height: 300px;
}
.indicateur-filtre-wrapper
{
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.07) 100%) repeat scroll 0 0 transparent;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
margin: 15px auto;
padding: 10px;
position: relative;
width: 180px;
}
.indicateur-filtre-wrapper > .indicateur-titre
{
text-align: center;
margin-bottom: 2%;
}
.indicateur-filtre-wrapper .k-chart
{
height: 100px;
}
.indicateur-radio
{
margin: 4px auto;
padding: 4px 4px;
width: 200px;
}
.indicateur-radio label
{
display: inline;
padding: 3px;
margin: 3px 0;
}
.indicateur-radio input
{
width: 5%;
margin: 0px;
vertical-align: middle;
}
/**************************************/
/**************************************/
.editor
{
}
.editor-label
{
vertical-align: top;
width: 140px;
min-width: 140px;
display: table-cell;
}
.editor-label input
{
border: 1px solid #e2e2e2;
background: #fff;
color: #333;
margin: 5px 0 6px 0;
padding: 5px;
width: auto;
}
.editor-header
{
vertical-align: top;
width: 140px;
min-width: 140px;
}
.editor-field
{
width: 80%;
vertical-align: top;
display: table-cell;
}
.editor-field input
{
border: 1px solid #e2e2e2;
background: #fff;
color: #333;
margin: 5px 0 6px 0;
padding: 5px;
width: auto;
}
/* Classe spéciale pour les libellés BO */
.editor_text
{
border: none;
background: transparent;
color: #333;
margin: 5px 0 6px 0;
padding: 5px;
width: auto;
display: inline;
}
/* CORIM : Controles de selections
----------------------------------------------------------*/
/* select.option*/
.statut
{
/*font-size:12px;*/
}
.sousStatut
{
/*font-size:12px;*/
padding-left: 16px;
font-style: italic;
}
.codeLibelle
{
/*font-size:12px;*/
}
.sousCodeLibelle
{
font-size:12px;
padding-left: 16px;
font-style: italic;
}
.bo
{
/*font-size:12px;*/
padding-left: 16px;
font-style: italic;
}
/* CORIM : Liste
----------------------------------------------------------*/
.header
{
background-color: #E8E8E8;
font-weight: bold;
color: #FFF;
}
.alt
{
background-color: #E8E8E8;
color: #000;
}
.clickable
{
cursor: pointer;
background: #ffff99;
}
/* CORIM : Dashboard & Porlets
----------------------------------------------------------*/
/* Affichage de la grille lors de l'édition du layout du dashboard */
.editDashboard
{
position: fixed;
bottom: 65px;
right: 45px;
z-index: 20000;
}
.dashboardGridActive
{
background: url("../Images/grille_dashboard.png");
}
.portlets .k-window
{
background-color: #fff;
border-radius: 3px;
border: 1px solid #e7e7e7;
/*position: relative;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
overflow: auto;
z-index: 100;
background-color: #f2f3f4;*/
/*font-size: 14px !important;*/
}
.portlets .k-window:hover {
border-color: #cccccc;
}
.portlets .k-window-titlebar
{
background: none;
text-transform: uppercase;
font-weight: bold;
color: #666666 !important;
font-size: 0.9em;
border-bottom: 1px solid #e7e7e7;
height: 1.5em;
}
.portlets .k-window-title {
left: 10px;
}
.portlets .k-window-content
{
cursor: pointer;
background-color: #fff;
border: none;
border-radius: 0 0 3px 3px;
}
/* Surcharge de la croix pour fermer la fenêtre (définit dans kendo.metro.corim.css car les fenêtres ont habituellement un titre avec fond noir) */
.portlets .k-i-close
{
background-position: -32px -16px !important;
}
.portlet .title
{
/*background-color: rgb(169,169,169);
color: #FFFFFF;
box-shadow: 2px 2px 5px #776980;
font-family: Arial;
font-weight: bold;
text-align: center;
vertical-align: middle;
height: 20px;
margin-bottom: 4px;*/
padding: 5px 10px;
text-transform: uppercase;
border-bottom: 1px solid #e7e7e7;
font-weight: bold;
color: #666666 !important;
font-size: 0.9em;
}
.portlet .loading
{
text-align: center;
height: 100%;
width: 100%;
}
.portlet a
{
color: #5693cf !important;
text-decoration: none !important;
}
.portlet a:hover {
/*color: #3c7ab6 !important;*/
text-decoration: underline !important;
background-color: transparent !important;
}
.portlet .content
{
color: Black;
margin: 0px;
padding: 0px;
overflow: auto;
height: 100%;
}
.portlet .enAlerte
{
color: #ed4d2e !important;
}
/* Redéfinition des tailles de police selon le type de portlet */
.portlet.RECAP .content,
.portlet.MESSAGE .content,
.portlet.DOCUMENT .content
{
font-size: 1.1em;
}
/* Portlet TUILE et ACCESRAPIDE*/
.portlet.TUILE,
.portlet.ACCESRAPIDE {
padding: 0;
overflow: hidden;
}
.portlet.ACCESRAPIDE .accesRapide {
overflow: hidden;
height: 100%;
width: 100%;
vertical-align: middle;
text-align: center
}
.portlet.ACCESRAPIDE .accesRapides {
overflow: hidden;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.portlet.ACCESRAPIDE .accesRapides .raccourci {
height: auto !important;
width: auto !important;
}
.portlet .content #tuileContent {
height: 100%;
width: 100%;
overflow: hidden !important;
background: white;
font-size: 1.2em;
border-top: none;
border-bottom: none;
border-right: none;
}
.portlet .content #tuileContent table {
height: 100%;
width: 100%;
}
/* Type LOGOSITE & LOGOSITEDEFAUT (quand pas de logo) */
.portlet.LOGOSITE
{
overflow: hidden;
}
.portlet.LOGOSITE .content {
align-items: center;
justify-content: center;
display: flex;
width: 100%;
height: 100%;
}
.portlet.LOGOSITE img {
max-height: 95%;
max-width: 95%;
flex-shrink: 0;
}
.portlet.LOGOSITEDEFAUT
{
padding: 10px 0;
background-color: #646468;
border: none;
border-radius: 0;
}
.portlet.LOGOSITEDEFAUT .content,
.portlet.LOGOSITEDEFAUT .title
{
display: inline-block;
vertical-align: middle;
color: White !important;
padding: 0;
margin-left: 30px;
}
.portlet.LOGOSITEDEFAUT .content
{
overflow: hidden;
}
.portlet.LOGOSITEDEFAUT .title
{
text-transform: none;
border: none;
font-size: 1.5em;
font-weight: normal;
}
/* Type RECAP */
.portlet.RECAP .content h2
{
color: #666666 !important;
}
.portlet.RECAP .content ul
{
margin-bottom: 30px !important;
}
.portlet.RECAP .content li
{
color: #5693cf !important;
}
/* Type MESSAGE */
.portlet.MESSAGE .content table > tbody > tr > td
{
vertical-align: top;
}
/* Centrer les images contenues dans une table */
.portlet .content td > a > img
{
vertical-align: middle;
}
/* CORIM : Gestion de la validation
----------------------------------------------------------*/
.ui-state-error {
font-size: 0.7em;
}
.hidden
{
display: none !important;
}
.input-validation-error
{
border: 1px solid #e80c4d !important;
}
input[type="checkbox"].input-validation-error
{
border: 0 none;
}
.k-widget.input-validation-error input.input-validation-error /* Cas de la classe input-validation-error qui se met à la fois dans l'input et dans son wrapper kendo */
{
border: 0 none !important;
}
.validation-summary-errors
{
background-color: #D9FFB2;
border: 1px solid #5CBA30;
width: 400px;
color: #000;
}
span.validation-summary-errors
{
border-bottom-color: #D9FFB2;
display: block;
}
ul.validation-summary-errors
{
margin: 0;
padding: 0;
border-top: none;
}
.validation-summary-valid
{
display: none;
}
/* CORIM : Layout liste
----------------------------------------------------------*/
#userPanel
{
background-color: #DDDDDD;
}
#userPanel + div
{
display: block !important;
background-color:#DDDDDD;
border-color: #DDDDDD;
}
/* style pour l'écran de visualisation */
#panelEntiteVisuHTML
{
overflow: auto;
display: block;
}
/* style pour les onglets externes*/
#panelEntiteOnglets
{
position: absolute;
bottom: 0px;
display: block;
height: auto;
/*font-size: 12px;*/
font-weight: bold;
}
/*
* Présentation des onglets externes obsoletes
#panelEntiteOnglets
{
position: absolute;
bottom: 0px;
display: block;
height: auto;
font-size: 11px;
font-weight: bold;
background: transparent url(../Images/bgOFF1.gif) repeat-x bottom left;
font-family: Arial,Verdana,Helvitica,sans-serif;
border-top: 4px solid #AAAAAA;
}
#panelEntiteOnglets ul
{
margin: 0;
padding: 0;
list-style-type: none;
width: auto;
}
#panelEntiteOnglets ul li
{
display: block;
float: left;
margin: 0;
height: 40px;
}
#panelEntiteOnglets ul li a
{
display: block;
float: left;
color: #666;
text-decoration: none;
padding: 11px 20px 0 20px;
height: 23px;
background: transparent url(../Images/bgDIVIDER1.gif) no-repeat top right;
}
#panelEntiteOnglets ul li a:hover, #panelEntiteOnglets ul li a.current
{
color: #B30000;
background: #fff url(../Images/bgON1.gif) no-repeat top right;
}
*/
#panelFiltre
{
background-color: White;
}
/* CORIM : Layout pour les onglets
----------------------------------------------------------*/
/* représente le bureau qui contient les liens externes */
.bureauExterne-title
{
font-weight: bold;
text-decoration: underline;
font-size: large;
}
.bureauExterne
{
}
/* représente le bureau qui contient les onglets de type liste*/
.bureau
{
border:0px !important;
margin: 0 auto;
padding-right:24px; /* pour la scrollbar */
}
.ongletPanel
{
width: 230px;
height: 50px;
border-bottom: 1px solid #b6c2cf;
font-weight: bold;
text-transform: uppercase;
display: table;
}
.ongletPanelSelected
{
background-color: #f2f3f4;
color: #6d8cab;
}
.ongletPanel a { color: #fff; }
.ongletPanelSelected a { color: #6d8cab; }
.ongletPanel div
{
display: table-cell;
vertical-align: middle;
padding-left: 10%;
}
.ongletPanel img
{
float: right;
margin-right: 30px;
}
.ongletPanel:hover
{
background-color: #f2f3f4;
color: #6d8cab;
cursor: pointer;
}
.ongletPanelInactif
{
color: #606060;
}
.ongletPanelInactif:hover
{
cursor: no-drop;
}
/* Div pour le bouton qui affiche tous les onglets */
#ongletsSwitch {
border-bottom: medium none;
background: url("../Images/showAllOnglets.png") no-repeat scroll center center transparent;
height: 50px;
width: 50px;
margin-left: 170px;
}
#ongletsSwitch:hover {
background: url("../Images/showAllOnglets_hover.png") no-repeat scroll center center transparent;
cursor: pointer;
}
.ongletLoading img
{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.k-loading .k-complete
{
border-top:0px !important;
}
.k-tabstrip-items .bureau
{
padding:0px !important;
}
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item,
.k-tabstrip-items .k-link:not(.k-pager-nav)
{
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
/*page pour une liste*/
.k-pager-info
{
font-size: 0.85em;
}
.k-pager-wrap
{
height:22px !important;
line-height:22px !important;
}
.k-pager-wrap > .k-link
{
line-height:20px !important;
height:20px !important;
}
.k-pager-numbers
{
height:20px !important;
line-height:20px !important;
}
.k-pager-numbers .k-link
{
height:20px !important;
line-height:20px !important;
}
.k-pager-nav
{
height:20px !important;
line-height:20px !important;
}
.k-pager-nav .k-icon
{
height:20px !important;
line-height:20px !important;
}
/* Geolocalisation */
.dateCourantePlanification,
.granularitePlanification
{
display:inline-block;
}
.dateCourantePlanification .k-button:focus:not(:hover),
.granularitePlanification .k-button:focus
{
color: #787878;
border-color: #dadada;
background-color: #ffffff;
background-image: none;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.dateCourantePlanification div.k-button,
.dateCourantePlanification .k-datepicker
{
margin-left: 0!important;
margin-right: -5px !important;
}
.dateCourantePlanification .k-datepicker
{
width: 200px;
}
.granularitePlanification
{
position: absolute; /* La toolbar est en relatif */
right: 1%;
}
.granularitePlanification #labelGranularite
{
vertical-align: middle;
}
.btnMiniFiltreGeoloc
{
position: absolute;
right: 10px;
top: 10px;
z-index: 10;
cursor: pointer;
}
.btnValiderMiniFiltreGeoloc
{
position: absolute;
bottom: 20px;
right: 20px;
}
#listePersonnesGeolocalisees
{
position: relative;
overflow: hidden;
min-height: 100px;
padding: 10px 20px;
margin-top: 79px;
}
.cadre .overlayFiltre
{
position: absolute;
top: 0;
left: 0;
margin-bottom: 0;
padding: 20px;
-webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.1);
}
.personneGeolocalisee
{
margin-bottom: 0;
}
.personneGeolocalisee:hover
{
background-color: #f2f3f4;
}
.personneGeolocalisee > input[type=checkbox]
{
vertical-align: top;
}
.personneGeolocalisee > div
{
display: inline-block;
}
.personneGeolocalisee > .infoCouleur
{
width: 15px;
height: 15px;
border: 1px solid #f2f3f4;
vertical-align: top;
}
.personneGeolocaliseeLibelle
{
max-width: 180px;
}
.personneDisponibilite
{
position: absolute;
right: 30px;
}
.personneGeolocalisee .k-icon
{
margin: 0 !important;
}
#listePersonnesGeolocalisees .listeInterventionsPersonne
{
display: none;
}
/* Changement de l'affichage quand on Drag&Drop une intervention à planifier */
#listePersonnesGeolocalisees.dragging .personneGeolocalisee {
border: 1px dashed #6fabe6;
padding: 5px 0;
}
#listePersonnesGeolocalisees.dragging .personneGeolocalisee.hovering {
border-color: #ed4d2e;
background-color: #f2f3f4;
}
/* Cadre de mise en page de l'élément en cours de drag & drop */
.elementGeolocaliseDragging
{
text-transform: uppercase;
color: #59a0e6;
font-size: 1.0em;
min-height: 30px;
display: table;
max-width: 300px;
}
.elementGeolocaliseDragging .titreCadre > div
{
display: table-cell;
vertical-align: top;
}
/* Boutons apparaissant lors du drag pour annuler le drag/supprimer l'élement */
.personneGeolocalisee.cmd
{
width: 48%;
text-align: center;
display: none;
}
.personneGeolocalisee.annulerDrag
{
float: left;
}
.personneGeolocalisee.suppression
{
float: right;
}
#listePersonnesGeolocalisees.dragging .personneGeolocalisee.cmd {
display: block;
}
/**/
.markerCadreConteneur
{
height: 30px;
width: 31px;
}
.markerCadre {
background-position: 0 30px;
width: 21px;
height: 30px;
cursor: pointer;
-webkit-background-clip: border-box;
background-clip: border-box;
background-size: 100%;
margin: 0 auto;
}
#showAllItvsAPlanifier
{
position: absolute;
top: 15px;
left: 10px;
}
.divCheckboxShowItem {
width: 20px;
text-align: center;
}
.divCheckboxShowItem > img {
vertical-align: middle;
}
.elementGeocode,
.itvAPlanifier
{
font-size: 0.8em;
}
.elementGeocode > .titreCadre,
.itvAPlanifier > .titreCadre
{
min-height: 30px;
display: table;
margin-bottom: 5px !important;
}
.elementGeocode.opened > .titreCadre,
.itvAPlanifier.opened > .titreCadre
{
text-decoration: underline;
}
.elementGeocode .titreCadre > div,
.itvAPlanifier .titreCadre > div
{
display: table-cell;
vertical-align: top;
}
.elementGeocode.selected .k-marker,
.elementGeocode.opened .k-marker,
.itvAPlanifier.selected .k-marker,
.itvAPlanifier.opened .k-marker
{
background-position: 0 0;
}
.elementGeocode .infosMarker > .titreCadre,
.itvAPlanifier .infosMarker > .titreCadre
{
margin: 0 !important;
}
.elementGeocode .infosMarker > .texteLong,
.itvAPlanifier .infosMarker > .texteLong
{
font-size: 1.15em;
}
.k-marker.corim-MarkerVide-rouge
{
background-image: url("../Images/MarkersMaps/MarkerVide_rouge.png") !important;
}
.k-marker.corim-MarkerCorrectif-rouge
{
background-image: url("../Images/MarkersMaps/MarkerCorrectif_rouge.png") !important;
}
.k-marker.corim-MarkerPreventif-rouge
{
background-image: url("../Images/MarkersMaps/MarkerPreventif_rouge.png") !important;
}
.k-marker.corim-MarkerEtablissement-rouge
{
background-image: url("../Images/MarkersMaps/MarkerEtablissement_rouge.png") !important;
}
.k-marker.corim-MarkerVide-cyan
{
background-image: url("../Images/MarkersMaps/MarkerVide_cyan.png") !important;
}
.k-marker.corim-MarkerCorrectif-cyan
{
background-image: url("../Images/MarkersMaps/MarkerCorrectif_cyan.png") !important;
}
.k-marker.corim-MarkerPreventif-cyan
{
background-image: url("../Images/MarkersMaps/MarkerPreventif_cyan.png") !important;
}
.k-marker.corim-MarkerEtablissement-cyan
{
background-image: url("../Images/MarkersMaps/MarkerEtablissement_cyan.png") !important;
}
.k-marker.corim-MarkerVide-bleu
{
background-image: url("../Images/MarkersMaps/MarkerVide_bleu.png") !important;
}
.k-marker.corim-MarkerCorrectif-bleu
{
background-image: url("../Images/MarkersMaps/MarkerCorrectif_bleu.png") !important;
}
.k-marker.corim-MarkerPreventif-bleu
{
background-image: url("../Images/MarkersMaps/MarkerPreventif_bleu.png") !important;
}
.k-marker.corim-MarkerEtablissement-bleu
{
background-image: url("../Images/MarkersMaps/MarkerEtablissement_bleu.png") !important;
}
.k-marker.corim-MarkerVide-jaune
{
background-image: url("../Images/MarkersMaps/MarkerVide_jaune.png") !important;
}
.k-marker.corim-MarkerCorrectif-jaune
{
background-image: url("../Images/MarkersMaps/MarkerCorrectif_jaune.png") !important;
}
.k-marker.corim-MarkerPreventif-jaune
{
background-image: url("../Images/MarkersMaps/MarkerPreventif_jaune.png") !important;
}
.k-marker.corim-MarkerEtablissement-jaune
{
background-image: url("../Images/MarkersMaps/MarkerEtablissement_jaune.png") !important;
}
.k-marker.corim-MarkerVide-orange
{
background-image: url("../Images/MarkersMaps/MarkerVide_orange.png") !important;
}
.k-marker.corim-MarkerCorrectif-orange
{
background-image: url("../Images/MarkersMaps/MarkerCorrectif_orange.png") !important;
}
.k-marker.corim-MarkerPreventif-orange
{
background-image: url("../Images/MarkersMaps/MarkerPreventif_orange.png") !important;
}
.k-marker.corim-MarkerEtablissement-orange
{
background-image: url("../Images/MarkersMaps/MarkerEtablissement_orange.png") !important;
}
.k-marker.corim-MarkerVide-rose
{
background-image: url("../Images/MarkersMaps/MarkerVide_rose.png") !important;
}
.k-marker.corim-MarkerCorrectif-rose
{
background-image: url("../Images/MarkersMaps/MarkerCorrectif_rose.png") !important;
}
.k-marker.corim-MarkerPreventif-rose
{
background-image: url("../Images/MarkersMaps/MarkerPreventif_rose.png") !important;
}
.k-marker.corim-MarkerEtablissement-rose
{
background-image: url("../Images/MarkersMaps/MarkerEtablissement_rose.png") !important;
}
.k-marker.corim-MarkerVide-vert
{
background-image: url("../Images/MarkersMaps/MarkerVide_vert.png") !important;
}
.k-marker.corim-MarkerCorrectif-vert
{
background-image: url("../Images/MarkersMaps/MarkerCorrectif_vert.png") !important;
}
.k-marker.corim-MarkerPreventif-vert
{
background-image: url("../Images/MarkersMaps/MarkerPreventif_vert.png") !important;
}
.k-marker.corim-MarkerEtablissement-vert
{
background-image: url("../Images/MarkersMaps/MarkerEtablissement_vert.png") !important;
}
.k-marker.corim-MarkerVide-vertpomme
{
background-image: url("../Images/MarkersMaps/MarkerVide_vertpomme.png") !important;
}
.k-marker.corim-MarkerCorrectif-vertpomme
{
background-image: url("../Images/MarkersMaps/MarkerCorrectif_vertpomme.png") !important;
}
.k-marker.corim-MarkerPreventif-vertpomme
{
background-image: url("../Images/MarkersMaps/MarkerPreventif_vertpomme.png") !important;
}
.k-marker.corim-MarkerEtablissement-vertpomme
{
background-image: url("../Images/MarkersMaps/MarkerEtablissement_vertpomme.png") !important;
}
.k-marker.corim-MarkerVide-violet
{
background-image: url("../Images/MarkersMaps/MarkerVide_violet.png") !important;
}
.k-marker.corim-MarkerCorrectif-violet
{
background-image: url("../Images/MarkersMaps/MarkerCorrectif_violet.png") !important;
}
.k-marker.corim-MarkerPreventif-violet
{
background-image: url("../Images/MarkersMaps/MarkerPreventif_violet.png") !important;
}
.k-marker.corim-MarkerEtablissement-violet
{
background-image: url("../Images/MarkersMaps/MarkerEtablissement_violet.png") !important;
}
/* PORTAIL CLIENT */
/* Portlet Suivi Tickets*/
#toolbarSuiviTickets.menu-entity {
white-space: normal; /* Nécessaire pour corriger une différence de prise en compte du float entre chrome & firefox, sinon les éléments de la toolbar apparaissent sur deux lignes */
}
.wrapperSuiviTickets {
position: absolute;
margin: 2% 0 0 2%;
overflow: auto;
}
.ligneSuiviTickets {
width: 100%;
height: 86px;
margin-bottom: 10px;
font-size: 0px; /* Mise à 0 pour éviter les espaces entre les DIV inline-block */
white-space: nowrap;
}
.ligneSuiviTickets > div {
font-size: 11px;
line-height: 11px;
}
.elemSuiviTickets {
display: inline-block;
border: 1px solid #dadada;
border-radius: 3px;
background-color: white;
width: 150px;
height: 84px; /* 86px (.ligneSuiviTickets) - 2px de bordure inf & sup */
vertical-align: top;
padding-left: 7px;
overflow: hidden;
}
.elemSuiviTickets .cartouche {
width: 5px;
height: 84px;
border-radius: 3px 0 0 3px;
float: left;
margin-left: -7px; /* Rattrapage du padding de .elemSuiviTickets */
}
.elemSuiviTickets.etendu .cartouche {
border-radius: 3px 0 0 0;
}
.elemSuiviTickets.DemandeIntervention .cartouche { background-color: #EF214A; }
.elemSuiviTickets.Intervention .cartouche { background-color: #F4AA40; }
.elemSuiviTickets.Devis .cartouche { background-color: #3EA242; }
.elemSuiviTickets.CommandeVente .cartouche { background-color: #1F9BC9; }
.elemSuiviTickets.FactureVente .cartouche { background-color: #146C8D; }
.elemSuiviTickets .identifiant {
font-size: 1.05em;
font-weight: bold;
text-transform: uppercase;
margin: 5px 0;
white-space: normal;
}
.elemSuiviTickets.DemandeIntervention .identifiant { color: #EF214A; }
.elemSuiviTickets.Intervention .identifiant { color: #F4AA40; }
.elemSuiviTickets.Devis .identifiant { color: #3EA242; }
.elemSuiviTickets.CommandeVente .identifiant { color: #1F9BC9; }
.elemSuiviTickets.FactureVente .identifiant { color: #146C8D; }
.elemSuiviTickets .titreElemSuiviTickets {
font-size: 1.05em;
line-height: 1.05em;
margin: 5px 0;
}
.elemSuiviTickets .fullLine {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.elemSuiviTickets .identifiant,
.elemSuiviTickets .titreElemSuiviTickets,
.elemSuiviTickets .statutElemSuiviTickets,
.elemSuiviTickets .dateElemSuiviTickets {
text-align: center;
}
.elemSuiviTickets .contenuReduit,
.elemSuiviTickets .contenuEtendu {
margin-left: 5px;
}
.elemSuiviTickets .contenuEtendu {
display: none;
}
.elemSuiviTickets.etendu .contenuEtendu {
display: block;
}
.elemSuiviTickets.etendu {
position: fixed;
z-index: 1000;
overflow: hidden; /* Remplacé par auto en JS une fois l'animation d'ouverture terminée */
}
.separateurSuiviTickets {
display: inline-block;
width: 40px;
height: 96px; /* 86px + 10px, correspond à "hauteur .ligneSuiviTickets" + "margin-bottom .ligneSuiviTickets" */
background: transparent url("../Images/separateurPortletSuiviTickets.png") no-repeat top left;
overflow: hidden;
margin-top: -10px; /* Correspond à la marge entre chaque .ligneSuiviTickets */
}
.separateurSuiviTickets.separateurT {
width: 150px;
background: transparent url("../Images/separateurTPortletSuiviTickets.png") no-repeat top left;
margin-left: 8px; /* 7 pixels pour rattraper le padding-left de .elemSuiviTickets, + 1 pour la bordure*/
}
.separateurSuiviTickets.separateurAngle {
width: 150px;
background: transparent url("../Images/separateurAnglePortletSuiviTickets.png") no-repeat top left;
margin-left: 8px; /* 7 pixels pour rattraper le padding-left de .elemSuiviTickets, + 1 pour la bordure*/
}
.elemSuiviTickets textarea {
height: 150px;
width: 100%;
}
/* Portlet listes */
.corim-liste-portlet {
height: 100%;
overflow: auto;
font-size: 0.95em;
}
.corim-liste-portlet-item {
border-bottom: 1px #dadada solid;
position: relative;
}
.corim-liste-portlet-item.ouvert {
border-bottom: none;
}
.corim-liste-portlet-item > div:not(.corim-liste-portlet-sous-lignes):not(.btn-lignes) {
display: inline-block;
height: 100%;
}
.corim-liste-portlet-item .col-principale {
width: 66%;
margin: 2% 0 2% 4%;
}
.corim-liste-portlet-item .col-statut {
width: 27%;
text-align: center;
vertical-align: top;
overflow: hidden;
margin: 2% 0;
}
.corim-liste-portlet-item .col-couleur-statut {
width: 2%;
position: absolute;
right: 0;
}
.corim-liste-portlet-item .fullLine {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.btn-lignes {
position: absolute;
bottom: 0;
right: 2%;
height: 20px;
width: 20px;
padding: 2px 2px!important;
border: none !important;
}
.btn-lignes:hover .k-icon,
.btn-lignes.k-state-selected .k-icon {
background-position: -268px -272px !important;
}
.btn-lignes .k-icon {
height: 16px;
width: 16px;
background-position: -244px -272px;
vertical-align: top;
text-align: left;
}
.corim-liste-portlet-sous-lignes {
border-bottom: 1px #dadada solid;
background-color: #f2f3f4;
padding: 5px 0;
}
.corim-liste-portlet-sous-lignes .col-principale {
width: 61%;
margin-left: 9%;
}