/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body {font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif; margin: 0; padding: 0; color: #696969; background-color:#EEEEEE;}
header,footer,nav,section {display: block;}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {font-size: 1.5em; color: #555555;}
h1 {font-size: 2em; padding-bottom: 0; margin-bottom: 0;}
h2 { padding: 0 0 10px 0; color: #888888;}
h3 { font-size: 1.2em;}
h4 { font-size: 1.1em;}
h5, h6 {font-size: 1em;}

a { color: #696969;}


/* this rule styles <h2> tags that are the first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {margin-top: 0;}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
/* you can specify a greater or lesser percentage for the page width. Or, you can specify an exact pixel width. */
.page { width: 995px; margin-left: auto; margin-right: auto;}
.ajax-page { margin-left: auto; margin-right: auto; background-color:#FFFFFF;}
.pdf-page { margin-left: auto; margin-right: auto; background-color:#FFFFFF;}

header, #header { position: relative; margin-bottom: 0px; color: #000; padding: 0;}
header h1, #header h1 {font-weight: bold; padding: 5px 0; margin: 0; color: #fff; border: none; line-height: 2em; font-size: 32px !important;}
siteHeader {text-align:center; width: 100%;}
#main {background: #fff; padding: 30px 30px 15px 30px; margin-bottom: 30px;  _height: 1px; /* only IE6 applies CSS properties starting with an underscore */}
footer, #footer {color: #999; padding: 10px 0;text-align: center; line-height: normal; margin: 0;  font-size: .9em;}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset { border:1px solid #ddd; padding:0 1.4em 1.4em 1.4em;  margin:0 0 1.5em 0;}
legend {font-size:1.2em; font-weight: bold;}
input[type="text"] { width: 200px; border: 1px solid #CCC;}
input[type="password"] { width: 200px; border: 1px solid #CCC;}


/* MISC  
----------------------------------------------------------*/
.clear{ clear: both;}
.error{color:Red;}

div#title{display:block;text-align:left;}
#logindisplay{font-size:1.1em; display:block; text-align:right; margin:10px; color:White;}
#logindisplay a:link{color: white; text-decoration: underline;}
#logindisplay a:visited{color: white; text-decoration: underline;}
#logindisplay a:hover{color: white; text-decoration: none;}


#overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 1000000;
  background: url('/content/ui-images/semitransparent.png');
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error{color: #ff0000;}
.field-validation-valid{display: none;}
.input-validation-error{border: 1px solid #ff0000; background-color: #ffeeee;}
.validation-summary-errors{font-weight: bold; color: #ff0000;}
.validation-summary-valid{display: none;}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label{margin: 1em 0 0 0;}
.display-field, .editor-field {margin:0.5em 0 0 0;}
.text-box{ width: 30em;}
.text-box.multi-line{ height: 6.5em;}
.tri-state{width: 6em;}

ul.breadcrumb {list-style:none; float:left; white-space:nowrap; padding:5px 0 5px; overflow:hidden;}
.breadcrumb li{background: url(/content/ui-images/bullet2.gif) left center no-repeat; display:inline; float:left; margin:0px; padding-left:12px; white-space:nowrap;}
.siteNavigation {color:#A6A8AB; font-size:10pt; font-weight:bold; margin:-10px 0; overflow:hidden; float:left;}
.siteNavigation a {background: url(/content/ui-images/buttonBg.jpg) #E9E9E9 repeat-x left center; color: #949793; font-size: 9pt; margin: 0 5px 0 0; text-decoration:none; padding: 2px 5px 2px 5px; border-radius: 3px; border: solid 1px #E9E9E9;}
.siteNavigation a:hover {background: url(/content/ui-images/buttonBg-ovr.jpg) #E9E9E9 repeat-x left center; color: #949793; font-size: 9pt; text-decoration:none; padding: 2px 5px 2px 5px; border-radius: 3px; border: solid 1px #E9E9E9;}

.userDesktopInfosField{font-size:10pt; vertical-align:top}
.userDesktopFullname{font-size:20pt; font-weight:bold; }

/* Humano Evaluations and Admin
----------------------------------------------------------*/

.threeSixtyCompetency{color:#A6A8AB;font-size:14pt; font-weight:bold; }

.questionnaireLinkZone{background-color:#EEEEEE;font-size:8pt; padding:4px; margin:4px; color:#222222;}
.desktopTitle{ color : #4785b6; font-size: 12pt; font-weight:bold; border-bottom-style:dotted; border-bottom-width:1px; border-bottom-color: #4785b6;}
.desktopLink{font-size: 10pt; font-weight:normal;}
.competencyBehaviorCell{background-color:#EEEEEE; border: 1px dotted #4785b6; vertical-align:top; text-align:left;}

.competencyBehaviorCellSmall{background-color:#EEEEEE; border: 1px dotted #4785b6; vertical-align:top; text-align:left; font-size:9pt;}
.competencyBehaviorResult{background-color:#EEEEEE; border: 1px dotted #4785b6; vertical-align:top; text-align:center; font-size:9pt;}
.competencyTitle{background-color:#4785b6; color:#FFFFFF; border: 2px dotted #FFFFFF; vertical-align:middle; width:70%;}
.desktopEvalPerfItem{font-size: 10pt; font-weight:normal; border-bottom:dotted 1px #999999; padding:5px;}

.reportCompetenciesFullName{font-size: 10pt; background-color:#EEEEEE;padding:5px; width:200px;}
.competencyEvalScaleZone{background-color:#FFFFFF; color:#4785b6; border: 1px dotted #4785b6; vertical-align:middle; text-align:center;}
.competencyEvalScaleZoneTitle{background-color:#4785b6; color:#FFFFFF; border: 2px dotted #FFFFFF; vertical-align:middle; text-align:center;}

.adminLinkZoneContainer{width: 960px;float: left;}
.adminLinkZone{background-color:#EEEEEE;font-size:8pt; padding:10px; margin:4px; color:#222222; border:1px solid #999999;width: 400px;float: left;}

.largeTextareas textarea {width:700px; height:75px;}
.mediumTextareas textarea {width:450px; height:75px;}

.formationTabTitle {color:#696969; font-weight:bold;}
#formationTabInternalZone{width:450px; height:400px; border: 1px solid #CECECE; position:relative; padding:5px;}
#formationTabExternalZone{width:450px; height:400px; background-color : #EEEEEE; position:relative; padding:5px;}


/* Session calendar  section */
#calendarBackground {width: 654px; margin: 30px auto; padding: 69px 0 0 11px;}
#calendar {width: 550px;}
#calendar .k-state-focused {background: transparent; border-color: transparent;color: #fff;}

.searchUserComposantStyle{overflow:auto; width:440px; max-height:200px; background-color:#EEEEEE; padding:3px;}

.formationSession{ width: 100%; height: 25px; padding: 3px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 10%; background-color: #70c114; color:#FFFFFF;   text-align:right;} 
.singleFormationSessionAsText{padding:5px; background-color:#EEEEEE; }
.formationActivityCostReport div {background-color:#CCCCCC;}
.formationCostReportTextCell {background-color:#FFFFFF;  text-align:left; padding:3px;}
.formationCostReportHourCell {background-color:#DDDDDD;  text-align:center; padding:3px;}
.formationCostReportMoneyCell {background-color:#555555;  color:#FFFFFF; text-align:right; padding:3px;}
.formationCostReportHeaderCell {background-color:#EEEEEE; vertical-align:top; font-size:10pt;}
.formationContractZone{background-color:#EEEEEE; vertical-align:top; padding:3px; font-size:10pt; border:2px solid #ddd; width:95%}
.atttestationUserCell{background-color:#EEEEEE; padding:4px;}
.atttestationCertificatCell{background-color:#EEEEEE; padding:4px; vertical-align:top;}
.break{page-break-before: always; }

.customAssessmentTitleCell{background-color:#4785b6; color:#FFFFFF; padding:4px;font-size:11pt;}
.customAssessmentCOmpTitleCell{background-color:#4785b6; color:#FFFFFF; padding:4px;font-size:16pt;}
.customAssessmentContentCell{background-color:#dee9f1; color:#222222; padding:4px;}
.customAssessmentEvalCell{background-color:#b8cce4; color:#222222; padding:4px; font-size:11pt;}
.customAssessmentCompetenciesSelection{background-color:#EEEEEE; color:#222222; padding:4px; font-size:11pt; width:600px; height:500px; overflow:scroll;}
.customAssessmentEvalAspectLabel {background-color:#b8cce4; color:#222222; padding:1px; font-size:8pt;}

.userKnowledgeSelection{font-size:11pt; }
.userCareerAcquisitionSelection{font-size:11pt; }
.userOtherKnowledgeSelection{padding:4px; background-color:#EEEEEE; height:300px; position:relative; overflow-y: scroll;}
.userOtherCareerAcquisitionSelection{padding:4px; background-color:#EEEEEE; height:300px; position:relative; overflow-y: scroll;}
.History{padding:4px; background-color:#EEEEEE; height:300px; position:relative; overflow-y: scroll;}

.TEMPTODEL_threeSixtyJustifyText{text-align:justify;}

TEMPTODEL_table.threeSixtyDirectivesTitle {width:100%;}
TEMPTODEL_table.threeSixtyDirectivesTitle th {text-align:center;background-color:#dbe5f1; width:100%; color:#333333;font-size:26pt;font-weight:bold;}
TEMPTODEL_table.threeSixtyDirectivesTitle tr {background-color:#376091; color:#FFFFFF;}
TEMPTODEL_table.threeSixtyDirectivesTitle td {padding:3px;}

.TEMPTODEL_coverPageTitle{border-radius: 10px; padding:30px; background-color: #376091; font-size:26pt; color:#FFFFFF; width:400px;}
.TEMPTODEL_coverPageGreenLine{background-color: #00a864; height:5px;}
.TEMPTODEL_coverPageBlueLine{background-color: #376091; height:10px;}

span.threeSixtyReportCompetencyName {text-transform:lowercase; display: block;}
span.threeSixtyReportCompetencyName:first-letter {text-transform:uppercase;}

/* Used for kendo grid */
.kendoGridSmallFont td, th {font: 11px Arial, Helvetica, sans-serif;}
.listRowHeader{background-color : #3f3f3f; color:#FFFFFF;}
.listRow1{background-color : #DDDDDD; color:#333333;}
.listRow2{background-color : #EEEEEE; color:#333333;}

.professional_profil_bloc{width:450px;background-color: #EEEEEE; padding:3px;vertical-align :top;}
h2.profilMainTitle {color:#4785b6;}
.profilSubTitle {font-weight:bold; font-size:10pt;}

.ProfessionalProfileCompetencyLabel{background-color:#CCCCCC; color:#222222; padding:1px; font-size:13pt;}

/* Project module */
.projectListCell {color:#555555;background-color: #FFFFFF;font-size: 9pt;padding:5px; border-bottom: 1px solid #DDDDDD;}
.projectListCellHeader {background-color: #4785b6;color:#FFFFFF;padding:4px;}
.projectEditCell {background-color: #EEEEEE;color:#222222;padding:4px;border: 1px solid #888888;}
.projectEditMainCell{background-color: #4785b6;color:#EEEEEE;padding:4px; border: 2px solid #777777;}
.projectEditLabel{font-size: 9pt;font-weight: bold; color:#333333;}
.projectDataInfoLabel{font-size: 9pt;font-weight: normal; color:#333333;}
.stepCell{font-size: 14pt;    font-weight: bold; color:#666666; }
.mainTaskCell{font-size: 9pt; font-weight: normal; color:#555555; background-color:#DDDDDD; }
.subTaskCell{font-size: 9pt; font-weight: normal; color:#333333; background-color:#FFFFFF;}
.projectStepLabel{font-size: 9pt;font-weight: normal;color:#333333;}
.detailsTasksZone{background-color: #EEEEEE;color:#222222;padding:4px; border: 1px solid #888888;}
.projectTaskColumHeader{font-size: 9pt; font-weight: normal; color:#FFFFFF; background-color:#4785b6;}
a.projectLink { color: #4785b6; font-weight:bold; font-size: 7pt;}
a.desktopEvalPerfLink { color: #4785b6; font-weight:bold; font-size: 8pt;}


/* Performance Evaluation  */
.PerfEvalReport_objectiveTitle{background-color:#4785b6; color:#FFFFFF; border: 1px dotted #4785b6; vertical-align:middle; padding:3px; font-size:10pt;}
.PerfEvalReport_objectiveContent{background-color:#EEEEEE; border-bottom: 1px solid #FFFFFF; padding:10px; border-radius:5px;}
div.PerfEvalReport_objectiveDescZone {width: 95%; overflow: none; border: 1px solid #AAAAAA; color: #000000; padding: 8px; font-size:8pt;}
.addObjective{color: #FFFFFF;  background-color:#3f3f3f; font-size: 12pt;}
.objWeight{color: #FFFFFF;  background-color:#4785b6; font-size: 10pt; border: 1px solid #4785b6;}
.addObjectiveLink,a.addObjectiveLink {color:#FFFFFF; text-decoration: none; font-size:12pt; font-weight:bold;}
a.addObjectiveLink:active { color : #DDDDDD; text-decoration: underline; font-size:12pt; font-weight:bold;}
a.addObjectiveLink:hover { color : #000000; text-decoration: underline; font-size:12pt; font-weight:bold;}

.competencyFullCell{background-color:#EEEEEE; border: 1px dotted #4785b6; vertical-align:top; text-align:left; padding:10px; font-size:10pt;}
.competencyTitleCell{background-color:#4785b6; color:#FFFFFF; border: 2px dotted #FFFFFF; vertical-align:middle; padding:5px;}
.evalPerfCompetencyTitle{font-size:15pt; font-weight:bold;}
.competenciesBehaviorsText{color:#444444; width:50%;}
.competencyEvaluationTitle{color:#FFFFFF; background-color:#4785b6; padding:4px;}
.competencyEvaluationZone{background-color:#FFFFFF; border: 1px dotted #4785b6; color:#969696; padding:10px;}
.competencyEvaluationDetails{background-color:#FFFFFF; border: 1px dotted #4785b6; padding:4px; font-size:10pt;}
.competencyEvaluationDetailsTitle{color:#4785b6; font-size:8pt;}

.competencyActivityCategoryTitle{color:#777777; font-weight:bold; font-size:10pt;}
.competencyActivityTitle{color:#000000; font-size:10pt;}
.competencyActivityDescription{color:#666666; font-style:italic; font-size:9pt;}

.observedDifficultiesZone{background-color:#DDDDDD; border: 1px dotted #4785b6; vertical-align:top; padding:5px;}
.observedDifficultiesTitle{color:#777777; font-weight:bold;}
li.KeyActionsText{color:#444444;}
li.observedDifficultiesText{color:#444444;}
.keyActionsText{color:#777777;}


div.devPlanActivityZone{background-color:#EEEEEE;}
div.devPlanCompetencyTitle{cursor: pointer; background-color:#4785b6; color:#FFFFFF; width:100%; border: 2px dotted #FFFFFF; vertical-align:top; padding:4px; border-radius:4px;}
div.devPlanCompetencyContent{background-color : #DDDDDD; border: 0px dotted #4785b6; vertical-align:top; font-size:9pt;}
td.devPlanCompetencyContentDetails{background-color : #FFFFFF; color:#777777; border: 1px dotted #4785b6; vertical-align:top; padding:4px; height:100%;}
.devPlanCompetencyDetailTitle{background-color:#4785b6; color:#FFFFFF; font-weight:bold; border:1px solid #FFFFFF; padding:4px;}


.devPlanActivitiesCell{background-color:#FFFFFF; font-size:8pt; padding:5px;}
.devPlanActivitiesRowHeader{background-color:#EFEFEF; color:#777777; font-weight:bold; border:1px solid #4785b6; padding:4px; font-size:9pt;}


.desktopPerfEvalFirstLevelSubZone{background-color:#FFFFFF; padding:15px; position:absolute; z-index:100; box-shadow: 10px 10px 5px #888888; border:solid 1px #888888; border-radius: 5px;}
.desktopPerfEvalSecondLevelSubZone{background-color:#FFFFFF; padding-left:35px;}

.perfEvalNav,a.perfEvalNav {color : #4785b6; text-decoration: none; font-weight:bold; font-size : 11pt;}
a.perfEvalNav:active { color : #000000; text-decoration: underline; font-weight:bold;}
a.perfEvalNav:hover { color : #000000; text-decoration: underline; font-weight:bold;}

.scaleLegend{color : #888888; font-size : 8pt; border: 1px dotted #4785b6;background-color:#DDDDDD; padding:5px;}
.cyclePictoStepName{font-size:8pt; text-align:center;}


.formSectionTitle{color : #3f3f3f; border-bottom-style:dotted; border-bottom-width:1px;border-bottom-color: #3f3f3f; font-size: 13pt; font-weight: bold;}
.appreciationSubTitleText{color: #000000;}

.evalFollowUpItem{background-color:#FFFFFF; border: 1px dotted #DDDDDD; font-size:9pt;}

.perEvalFormLabelTitle {color: #666666;font-weight:bold; font-size:10pt; }