/* General look */
html  	  { height: 100%; z-index: 1; }
*         { color: black; font-family: Verdana, Tahoma, Arial; font-size: 8pt; }
body      { color: black; background-color: #E7E7E7; background-image: url('background.png'); height: 100%; margin: 0px; padding: 0px; z-index: 5; }
form      { margin: 0px; }
a         { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover   { text-decoration: underline; }
a:active  { text-decoration: none; }
input     { color: black; }
select    { background: #FFFFFF; color: black; }
option    { background: #FFFFFF; color: black; }
textarea  { background: #FFFFFF; color: black; }
hr        { border-width: 0px; border-top: 1px solid #AAAAAA; height: 1px; }
img { border: 0px; }

input.clFlatTextInput { border: solid 1px #949494; padding-left: 2px; padding-top: 2px; height: 19px; }
input.clFlatTextInputError { border: 1px solid red; padding-left: 2px; padding-top: 2px; height: 19px; }
input.clFlatTextInputWarning { border: 1px solid #FFC000; padding-left: 2px; padding-top: 2px; height: 19px; }
.clTabControl input.clFlatTextInput { border: solid 1px #CECECE; padding-left: 2px; padding-top: 2px; height: 19px; }
textarea.clFlatTextInput { border: solid 1px #949494; padding-left: 2px; padding-top: 2px; }
textarea.clFlatTextInputError { border: 1px solid red; padding-left: 2px; padding-top: 2px; }
textarea.clFlatTextInputWarning { border: 1px solid #FFC000; padding-left: 2px; padding-top: 2px; }
.noborder { border: 0px; }
.clTabControl .border { border: solid 1px #949494; }
.border { border: 1px solid #949494; }

/* Graphic Tab Control */
.clActiveTab    { color: white; font-weight: bold; padding-left: 3px; padding-right: 5px; background-image: url('tabcontrol/activetab_body.png'); }
.clTab          { color: white; cursor: pointer; padding-left: 3px; padding-right: 5px; background-image: url('tabcontrol/tab_body.png'); }
.clActiveTabDisabled { background-image: url(tabcontrol/activetab_body.png); color: #AAAAAA; cursor: default; font-style: italic; padding-left: 3px; padding-right: 5px; }
.clActiveTabDisabled span { color: #AAAAAA; cursor: default; font-style: italic; }
.clTabDisabled { background-image: url(tabcontrol/tab_body.png); color: #AAAAAA; cursor: default; font-style: italic; padding-left: 3px; padding-right: 5px; }
.clTabDisabled span { color: #AAAAAA; cursor: default; font-style: italic; }

.clToolbar              { height: 23px; background: url('toolbar/toolbar.png') white repeat-x top left; }
.clToolbarLeft          { height: 23px; background: url('toolbar/toolbar_Left.png') white no-repeat top left; width: 3px; }
.clToolbarRight         { height: 23px; background: url('toolbar/toolbar_Right.png') white no-repeat top right; width: 3px; }
.clToolbarGradient      { height: 23px; background: url('toolbar/toolbar_Gradient.png') white repeat-x top left; }
.clToolbarGradientLeft  { height: 23px; background: url('toolbar/toolbar_Gradient_Left.png') white no-repeat top left; width: 3px; }
.clToolbarGradientRight { height: 23px; background: url('toolbar/toolbar_Gradient_Right.png') white no-repeat top right; width: 3px; }

.clTabControl * { color: black }
.ActiveTabCaption { font-size: 10pt; font-weight: bold; }
.TabCaption { font-size: 10pt; }
.TabControlPageTitle { border-collapse: collapse; font-size: 12pt; font-weight: bold; margin-bottom: 8px; background-image: url('tabcontrol/main_background.png'); padding: 1px 0px; }
.PageTitle, .PageTitle1 { background-image: url('pagetitle/main_background.png'); border-collapse: collapse; font-size: 12pt; font-weight: bold; margin-bottom: 8px; padding: 1px 0px; }
.PageTitle2 { background-image: url('datatable/header2.png'); border: solid 1px #345487; border-collapse: collapse; padding: 3px; font-weight: bold; margin-bottom: 8px; }
.PageTitle3 { background-image: url('datatable/header3.png'); border: solid 1px #345487; border-collapse: collapse; padding: 3px; color: #FFFFFF; font-weight: bold; margin-bottom: 8px; }

.PoweredBy { text-align: right; margin-top: 10px; }

.ToolbarButtonCaption { color: #3D4D81; }
.ToolbarButtonCaption a:hover { text-decoration: none; }

/* FlatTable and DataGrid */
.clFlatTable                   { border-collapse: collapse; }

.clRowHeader                        { background: #F3F3F3; color: black; font-weight: bold; }
.clRowHeader td                     { color: black; font-weight: bold; }
.clRowHeader a                      { color: navy; text-decoration: none; }
.clRowHeader a:visited              { color: navy; text-decoration: none; }
.clRowHeader a:hover                { color: red; }
.clRowHeader a:active               { color: red; }

.clRowHeaderGradient                { background: url('RowHeader_Gradient_Small.png') white repeat-x bottom left; color: black; font-weight: bold }
.clRowHeaderGradient td             { color: black; font-weight: bold }
.clRowHeaderGradient a              { color: navy; text-decoration: none }
.clRowHeaderGradient a:visited      { color: navy; text-decoration: none }
.clRowHeaderGradient a:hover        { color: red }
.clRowHeaderGradient a:active       { color: red }

.clRowDark                          { background: #F3F3F3; color: black; }
.clRowDark td                       { color: black; }
.clRowDark a                        { color: black; text-decoration: none; }
.clRowDark a:visited                { color: black; text-decoration: none; }
.clRowDark a:hover                  { color: red; }
.clRowDark a:active                 { color: red; }

.clRowDark2                          { background: #F3F3F3; color: black; }
.clRowDark2 td                       { color: black; }
.clRowDark2 a                        { color: black; text-decoration: none; }
.clRowDark2 a:visited                { color: black; text-decoration: none; }
.clRowDark2 a:hover                  { color: red; }
.clRowDark2 a:active                 { color: red; }

.clRowLight                         { background: #FFFFFF; color: black; }
.clRowLight td                      { color: black; }
.clRowLight a                       { color: black; text-decoration: none; }
.clRowLight a:visited               { color: black; text-decoration: none; }
.clRowLight a:hover                 { color: red; }
.clRowLight a:active                { color: red; }

.clRowLight2                         { background: #FFFFFF; color: black; }
.clRowLight2 td                      { color: black; }
.clRowLight2 a                       { color: black; text-decoration: none; }
.clRowLight2 a:visited               { color: black; text-decoration: none; }
.clRowLight2 a:hover                 { color: red; }
.clRowLight2 a:active                { color: red; }

.clRowNormal                        { background: #F3F3F3; color: black; }
.clRowNormal td                     { color: black; }
.clRowNormal a                      { color: navy; text-decoration: none; }
.clRowNormal a:visited              { color: navy; text-decoration: none; }
.clRowNormal a:hover                { color: red; }
.clRowNormal a:active               { color: red; }

.clRowDarkLate                      { background: #F3F3F3; color: black; }
.clRowDarkLate td                   { color: black; }
.clRowDarkLate a                    { color: navy; text-decoration: none; }
.clRowDarkLate a:visited            { color: navy; text-decoration: none; }
.clRowDarkLate a:hover              { color: red; }
.clRowDarkLate a:active             { color: red; }

.clRowLightLate                     { background: #FFFFFF; color: black; }
.clRowLightLate td                  { color: black; }
.clRowLightLate a                   { color: navy; text-decoration: none; }
.clRowLightLate a:visited           { color: navy; text-decoration: none; }
.clRowLightLate a:hover             { color: red; }
.clRowLightLate a:active            { color: red; }

.clDataGridDark                     { background: #F3F3F3; color: black; }
.clDataGridDark td                  { color: black; padding: 0px; }
.clDataGridDark input               { background: #F3F3F3; color: black; margin: 0px; width: 100%; }

.clDataGridLight                    { background: #FFFFFF; color: black; }
.clDataGridLight td                 { color: black; padding: 0px; }
.clDataGridLight input              { background: #FFFFFF; color: black; margin: 0px; width: 100%; }

.clDark *                           { background: #E7E7E7; color: white; }
.clDark td                          { background: #E7E7E7; color: white; }
.clDark a                           { color: navy; text-decoration: none; }
.clDark a:visited                   { color: navy; text-decoration: none; }
.clDark a:hover                     { color: red; }
.clDark a:active                    { color: red; }

.clLight *                          { background: #F3F3F3; color: black; }
.clLight td                         { background: #F3F3F3; color: black; }
.clLight a                          { color: navy; text-decoration: none; }
.clLight a:visited                  { color: navy; text-decoration: none; }
.clLight a:hover                    { color: red; }
.clLight a:active                   { color: red; }

.clNormal *                         { background: #E7E7E7; color: black; }
.clNormal td                        { background: #E7E7E7; color: black; }
.clNormal a                         { color: navy; text-decoration: none; }
.clNormal a:visited                 { color: navy; text-decoration: none; }
.clNormal a:hover                   { color: red; }
.clNormal a:active                  { color: red; }

.noborder { border: 0px; }
.noborder td { border: 0px; }

/* Classes directly linked to elements must be declared after those using inheritance */

td.clRowHeader                      { color: black; font-weight: bold; padding: 2px; }
td.clDataGridDark                   { padding: 0px; }
td.clDataGridLight                  { padding: 0px; }
td.clDataGridNormal                 { padding: 0px; }

.clOverBackground                   { color: black; }
.clOverBackground *                 { color: black; }

*.clSelectable                      { border-color: #E7E7E7; }

.clFieldCaption	                    {  } /* Used for forms fields caption */
.clFieldHint	                    { color: #AAAAAA; }

.clFramedHeader      { border: 1px solid #E3E3E3; padding: 2px; }
.clFramedHeaderInfos { border: 0px; }

.clAmountLight { background-color: #FFFFFF; }
.clAmountDark  { background-color: #F3F3F3; }
.BarGraphLight { background: url('Graph/BarGraph.png') #EFF7FF repeat-y top left; border: 0px; font-size: 0px; width: 22px; }
.BarGraphDark { background: url('Graph/BarGraph.png') #DBEAF5 repeat-y top left; border: 0px; font-size: 0px; width: 22px; }
.BarGraphFloorBegin { background: url('Graph/BarGraph_Floor.png') white repeat-x bottom left; }
.BarGraphFloor { background: url('Graph/BarGraph_Floor.png') white repeat-x bottom left; }
.BarGraphFloorEnd { font-size: 0px; width: 20px; background: url('Graph/BarGraph_FloorEnd.png') white repeat-x bottom left; }
.BarGraphWall { background: url('Graph/BarGraph_Wall.png') white repeat-y bottom right; }
.HorizontalBarChart { border: 1px solid #686868; background-color: #FFFFFF; float: left;  }
.HorizontalBarChart .Progress { border: 1px solid #686868; border-width: 0px 1px 0px 0px; font-size: 8px; }

/* button */
.button { cursor: pointer; }
.button tr td { border: 0px; }
.button tr td.content { background: white url(button/button_main.png) repeat-x; }

/* Progress bar */
.ProgressBody { background:url('main_background.png'); }
.ProgressInfo { }
.Progress { }
.ProgressCounter { }
.ProgressTimeInfos { }
.ProgressLabel { }
.ProgressBarContainer { border: solid 1px #686868; padding: 0px; width: 100%; font-size: 1px; height: 11px; }
.ProgressBar { background: url('ProgressBar/Foreground.png') blue 0% repeat-x fixed; padding: 0px; font-size: 1px; height: 11px; }
.ProgressEndLabel { }

/* xslc:Page Components layout */
.PageBody { height: 100%; white-space: nowrap; width: 100%; z-index: 10; }
.PageToolbar { height: 25px; width: 100%; z-index: 20; padding: 0px; margin: 0px; }
.PageActionMenuLeft { height: 100%; width: 230px; z-index: 15; }
.PageActionMenuRight { height: 100%; width: 230px; z-index: 15; }
.PageContent { height: 100%; width: 100%; z-index: 10; }

/* Dropdown Menu */
.DropdownMenu { border-color: #93BEE2; border-style: solid; border-width: 0px 1px 1px 1px; z-index: 1000; }
.PopupFrame { border: 1px solid #93BEE2;  z-index: 1000; }
a.MenuCaption, a.MenuCaption:visited, a.MenuCaption:active, a.MenuCaption:hover { text-decoration: none; }
a.MenuCaption img { border-width: 0px; }

.Menu { }
.MenuRow { background-color: #FFFFFF; cursor: pointer; vertical-align: middle; }
.MenuRow * { cursor: pointer; vertical-align: middle; }
.MenuRowIcon    { background-color: #EFF7FF; border-color: #EFF7FF; border-style: solid; border-width: 1px 0px 1px 1px; cursor: pointer; padding: 4px; vertical-align: middle; }
.MenuRowCaption { background-color: #FFFFFF; border-color: #FFFFFF; border-style: solid; border-width: 1px 0px 1px 1px; cursor: pointer; padding: 4px; vertical-align: middle; }
.MenuRowRollover { background-color: #DBEAF5; cursor: pointer; vertical-align: middle; }
.MenuRowRollover td { background-color: #DBEAF5 !important; border-color: #93BEE2 !important; cursor: pointer; vertical-align: middle; }
.MenuRowSeparator { background: blue url('ContextMenu/contextmenu_separator.png') fixed repeat-x top left; font-size: 0px; height: 1px; }

input.ComboItem { border-width: 1px 0px 1px 1px; border-color: #949494; border-style: solid; padding-left: 2px; padding-top: 2px; height: 19px; }
.clTabControl input.ComboItem { border-width: 1px 0px 1px 1px; border-color: #CECECE; border-style: solid; padding-left: 2px; padding-top: 2px; height: 19px; }
a.ComboItem { background-color: #ffffff; color: #000000; cursor: default; height: 100%; padding: 2px; text-decoration: none; width: 100%; }
a.ComboItem:hover, a.ComboItem:active { background-color: #0A246A; color: #FFFFFF; cursor: default; height: 100%; padding: 2px; text-decoration: none; width: 100%; }

/* Save as Popup */
.QuickRoots { background-color: #E7E7E7; border: 0px inset white; }
.FolderList { border: 0px inset white; background-color: white; height: 250px; overflow: auto; padding: 1px; }
.SelectedRoot { background-color: #F3F3F3; border: 0px solid #949494; cursor: pointer; }
.HighlightedRoot { background-color: #F3F3F3; border: 0px solid #949494; cursor: pointer; }
.NormalRoot { border: 0px solid #E7E7E7; }

/* Distributed File System */
.dfe_Column { background-color: #F7F7F7; }
.dfe_RowHeader { background: #E8E8E8; color: black; padding: 2px;} /* #E0E0E0 E8E8E8 F0F0F0 */

.dfe_File { color: #000000; cursor: default; text-decoration: none; height: 17px; vertical-align: middle; padding-top: 2px; }
a.dfe_File:hover,
a.dfe_File:visited,
a.dfe_File:active { color: #000000; cursor: default; text-decoration: none; height: 100%; vertical-align: middle; height: 17px; padding-top: 2px; }

.dfe_FileImage img { padding-bottom: 1px; padding-left: 4px; cursor: default; }

.dfe_Highlight { cursor: default; background-color: #0A246A; color: #FFFFFF; text-decoration: none; vertical-align: middle; padding-top: 2px; }
.dfe_HighlightImage { padding-bottom: 1px; cursor: default; }
a.dfe_Highlight:hover,
a.dfe_Highlight:visited,
a.dfe_Highlight:active { cursor: default; background-color: #0A246A; color: #FFFFFF; text-decoration: none; vertical-align: middle; height: 17px; padding-top: 2px; }

.ProhibitedAttachment { color: red; }
.DangerousAttachment { color: red; }

.ExceptionMessage { border: 1px solid red; background-color: #FFCCCC; padding: 2px; }
.WarningMessage { border: 1px solid #FFC000; background-color: #FFFFE1; padding: 2px; }
.InfoMessage { border: 1px solid #93BEE2; background-color: #EFF7FF; padding: 2px; }

.Header1 { background-image: url('datatable/header1.png'); }
.Header2 { background-image: url('datatable/header2.png'); }
.Header3 { background-image: url('datatable/header3.png'); }
.Header1 td { border: 1px solid #345487; border-width: 1px 0px 1px 0px; color: #FFFFFF; font-weight: bold; height: 24px; padding: 2px 2px 2px 4px; }
.Header2 td { border: 1px solid #345487; border-width: 1px 0px 1px 0px; color: #000000; font-weight: bold; height: 24px; padding: 2px 2px 2px 4px; }
.Header3 td { border: 1px solid #345487; border-width: 1px 0px 1px 0px; color: #FFFFFF; font-weight: bold; height: 24px; padding: 2px 2px 2px 4px; }

.HighlightedItem   { background-color: #316AC5; color: white; }
.HighlightedItem * { background-color: #316AC5; color: white; }
.HighlightedItem input { background-color: white; color: black; }

/* LookupComboBox */

.LookupComboBox { border: 1px solid #DBEAF5; height: 17px; vertical-align: middle; }
.clTabControl .LookupComboBox { border: 1px solid #93BEE2; height: 17px; }
.LookupComboBox input { border-width: 0px; padding-left: 2px; height: 15px; }
.LookupComboBox iframe { border: 1px solid #BBBBBB; position: absolute; z-index:1000; }
.LookupComboBoxItem { background-color: #ffffff; border: 1px solid #ffffff; color: #000000; cursor: default; padding: 2px 1px; text-decoration: none; }
.LookupComboBoxItemOver { background-color: #316AC5; border: 1px dotted #000000; color: #FFFFFF; cursor: default; padding: 2px 1px; text-decoration: none; }

/* DelosPlanning */
div.PopCalendar { background-color: #FFF; }
table.clCalTable { border: 1px solid #93BEE2; background: #FFFFFF;}
.clCalTable * { color: #000000; text-align: center;}

.clCalHeader td { border: 1px solid #DBEAF5; background: #DBEAF5; }
.clCalHeader td a { color: navy; }
.clCalHeader td a:visited { color: navy; }
.clCalHeader td a:hover { color: red; }
.clCalHeader td a:active { color: red; }
.clCalLeftHeader { border: 1px solid #EFF7FF; background: #EFF7FF; }
.clCalDayHeader td { border: 1px solid #EFF7FF; background: #EFF7FF; }

.clCalSelectedDay { border: 1px solid #DBEAF5; color: white; }
.clCalSelectedDay td { background: #DBEAF5; border: 1px solid #DBEAF5; color: white; }
.clCalSelectedDay td a { text-decoration: none; }
.clCalSelectedDay td a:visited { text-decoration: none; }
.clCalSelectedDay td a:active { text-decoration: none; }
.clCalSelectedDay td a:hover { text-decoration: none; }

.clCalHeader a { color: navy; }
.clCalHeader a:visited { color: navy; }
.clCalHeader a:active { color: red; }
.clCalHeader a:hover { color: red; }
.clCalLeftHeader a:visited { color: navy; }
.clCalLeftHeader a:active { color: red; }
.clCalLeftHeader a:hover { color: red; }

.clCalSelectedOtherDay td { background: #F4F3EE; border: 1px solid #F4F3EE; }

td.clCalDay {border: 1px solid #FFFFFF; cursor: pointer; text-align: center;}
.clCalDay * {cursor: pointer; font-weight: normal; text-align: center;}
.clCalDay a {font-weight: normal; text-decoration: none;}
.clCalDay a:visited {font-weight: normal; text-decoration: none;}
.clCalDay a:active {font-weight: normal; text-decoration: none;}
.clCalDay a:hover {font-weight: normal; text-decoration: none;}

td.clCalOtherDay {border: 1px solid #FFFFFF; cursor: pointer; font-weight: normal; text-align: center;}
.clCalOtherDay * {cursor: pointer; font-weight: normal; text-align: center;}
.clCalOtherDay a {font-weight: normal; text-decoration: none;}
.clCalOtherDay a:visited {font-weight: normal; text-decoration: none;}
.clCalOtherDay a:active {font-weight: normal; text-decoration: none;}
.clCalOtherDay a:hover {font-weight: normal; text-decoration: none;}

td.clCalToday {border: 1px solid #000000; background: #FFFFE1; cursor: pointer; font-weight: normal; text-align: center; }
.clCalToday * {cursor: pointer; font-weight: normal; text-align: center; }

td.clCalSelToday {border: 1px solid #000000; background: #FFFFE1; text-align: center; }
.clCalSelToday * {text-align: center;}
.clCalSelToday a {font-weight: normal; text-decoration: none;}
.clCalSelToday a:visited {font-weight: normal; text-decoration: none;}
.clCalSelToday a:active {font-weight: normal; text-decoration: none;}
.clCalSelToday a:hover {font-weight: normal; text-decoration: none;}

td.clCalMonth {border: 1px solid #9EBBD3; background: #CCCCCC; color: white;}
.clCalMonth a {text-decoration: none;}
.clCalMonth a:visited {text-decoration: none;}
.clCalMonth a:active {text-decoration: none;}
.clCalMonth a:hover {color: red; text-decoration: none;}

td.clMonthlyCell {background: white; border: 1px solid #9EBBD3;}
td.clCalOtherMonth {background: #DEDEDE; border: 1px solid #9EBBD3;}
td.clCalApt {background: #E3E3E3; border: 1px solid black; }
.clCalApt a {color: black; font-weight: normal; text-decoration: none}
.clCalApt a:visited {color: black; font-weight: normal; text-decoration: none}
.clCalApt a:active {color: black; font-weight: normal; text-decoration: underline}
.clCalApt a:hover {color: black; font-weight: normal; text-decoration: underline}
td.clBusy {background: #DBEAF5;}
td.clWeekEnd {background: #DEDEDE;}
td.clWeekEndBusy {background: #D9E8F2;}

/* Classes adaptation IPad */
.scroll-wrapper {
    display: inline-block;
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
	}
.scroll-wrapper, .scroll-wrapper  {
			width: 100%;
			height: 600px;
		}
/* Classes FileUpload */

.clFileUpload2{
  background: #ffffff;
  text-decoration: none;
}
.clFileUpload{
  line-height:40px;
  background: #ffffff;
  text-decoration: none;
  color: #adadad;
}
.clFileUpload:hover{
  background: #e7e7e7;
  text-decoration: none;
  color: #adadad;
}

/* Classes adaptation Awesome */
/* Boutons awesome */
.btn {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #000000;
  font-size: 12px;
  background: #dddddd;
  padding: 6.5px 7px 6.5px 7px;
  text-decoration: none;
}

.btn:hover {
  background: #5eacff;
  text-decoration: none;
  cursor:pointer;
  color: #ffffff;
}
.colorKind {
  color: #4386D4;
}

.colorKind:hover {
  color: #ffffff;
}
.btnMenu {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #000000;
  font-size: 12px;
  background: #dddddd;
  padding: 5px 7px 5px 7px;
  text-decoration: none;
}

.btnMenu:hover {
  background: #5eacff;
  text-decoration: none;
  cursor:pointer;
  color: #ffffff;
}
.btnMenu {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #000000;
  font-size: 12px;
  background: #dddddd;
  padding: 5px 7px 5px 7px;
  text-decoration: none;
}
.btnGreenMenu {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #4CD964;
  padding: 5px 7px 5px 7px;
  text-decoration: none;
}

.btnGreenMenu:hover {
  background: #02ae7f;
  text-decoration: none;
  cursor:pointer;
  color: #ffffff;
}
.btnAction {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #000000;
  font-size: 12px;
  background: #dddddd;
  padding: 5px 7px 5px 7px;
  text-decoration: none;
}

.btnAction:hover {
  background: #bbbbbb;
  text-decoration: none;
  cursor:pointer;
}
.btnOK {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #4386d4;
  padding: 5px 7px 5px 7px;
  text-decoration: none;
}

.btnOK:hover {
  background: #5eacff;
  text-decoration: none;
  cursor:pointer;
  color: #ffffff;
}
/* couleurs awesome */
.color-bordeau {
  color: #c02a2a;
}
.color-yellow {
  color: #f6cb00;
}
.color-green {
  color: #4CD964;
}

.color-red-pale{
  color: #F65362;
}
.color-red-light{
  color: #FF3B30;
}
.color-red {
  color: #e40503;
}
.color-orange {
  color: #ff7e23;
}
.color-grey {
  color: #7b8695;
}

.color-grey-light {
  color: #adadad;
}
.color-grey-dark {
  color: #444444;
}
.color-grey-cadenas {
  color: #575755;
}
.color-blue {
  color: #4386D4;
}

.color-black{
  color: #000000;
}
.color-white{
  color: #ffffff;
}
.color-bold{
  color: #000000;
}
.color-bold:hover{
  color: #ffffff;
}
.green {
  background-color: #43c35e;
  color: #ffffff;
}
.green:hover {
  background-color: #56c96e;
  color: #ffffff;
}

.blue {
  background-color: #007AFF;
  color: #ffffff;
}

.red {
  background-color: #FF3B30;
  color: #ffffff;
}
.red:hover {
  background-color: #cf3128;
  color: #ffffff;
}

/* alignement awesome */
.fa-lg-top {
  vertical-align: top;
}
.fa-lg-bottom {
  vertical-align: bottom;
}
.fa-plus-top {
  padding-top: 0px;
  padding-left: 0px;
  vertical-align: top;
}
.fa-plus-bottom {
  padding-bottom: 0px;
  padding-left: 0px;
  vertical-align: bottom;
}
/* Dropdown menu awesome */
.btnSelect {
  display: inline-block;
  padding: 5px 7px;
  margin-bottom: 0;
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 5px;
}

.btnSelect:hover{
  color: #333;
  text-decoration: none;
}

.btn-primary {
  color: #000;
  background-color: #dddddd;
}
.btn-primary:hover{
  color: #fff;
  background-color: #5eacff;
}

.btn-primary2{
  color: #000;
  padding: 5.5px 6px;
  background-color: #dddddd;
}
.btn-primary2:hover{
  color: #fff;
  background-color: #5eacff;
}
.btn-primaryMore{
  color: #ffffff;
  padding: 5.5px 6px;
  background-color: #43c35e;
}
.btn-primaryMore:hover{
  color: #ffffff;
  background-color: #56c96e;
}
.btn-search{
  color: #000;
  padding: 3px 3px;
  background-color: #dddddd;
}
.btn-search:hover{
  color: #fff;
  background-color: #5eacff;
}

.btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}

.btn-group > .btnSelect + .dropdown-toggle {
  padding:6px 3px 6px 3px;
}

.btn-group > .btnMenu + .dropdown-toggle2 {
  padding:8px 0px;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 5px;
  margin: 2px 0px 0;
  font-size: 14px;
  font-family: Arial;
  line-height: 1.6666666;
  text-align: left;
  text-decoration: none;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 5px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu > li > a {
  display: block;
  padding: 5px 10px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > form > a {
  display: block;
  padding: 5px 10px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group.open .dropdown-toggle2 {
  outline: 0;
}

/* css autocomplete City */

.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	outline: 0;
	display: block;
	
}
.ui-widget {
	font-size: 10pt;
	font-family: Verdana, Tahoma, Arial;
	border: 1px solid;
	border-color: #C5C5C5;
}
.ui-menu-item {
	font-size: 10pt;
	font-family: Verdana, Tahoma, Arial;
	padding: 2px 1em 2px 0.5em;
}
.ui-state-focus {
	background-color: #407DEB;
	color: #FFFFFF
}
.ui-autocomplete {
	background-color: #FFFFFF;
	position: absolute;
	cursor: pointer;
	z-index: 100;
}
.ui-helper-hidden-accessible {
	display: none;
}