/* Hotel stuff */

.HotelRoomStatusAttentionNeeded > *
{
     background-color: #f2dede;
}

.HotelRoomStatusDirty > *
{
     background-color: #fcf8e3;
}

.HotelRoomStatusCleaning > * 
{
     background-color: #d9edf7;
}


.HotelRoomStatusClean > * 
{
     background-color: #dff0d8;
}

.HotelRoom 
{
     float:left;             
}


/* End of hotel stuff */



table .Totals
{
     font-weight:bold;
     background-color: #dddddd;
}

.DirectoryListingHiddenSection
{
     display: none;

}

.DirectoryListingPreviewBox
{
     background-color: white;
     border: 1px black dashed ;
     font-size:24px;
     font-family: proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif ;
     height: 3em;             
     padding: 1em ;            
     text-align:center;
}

.omnityDijitMobileAgentToggle .Yes
{
     background-color: green;
}
.omnityDijitMobileAgentToggle .No, .omnityDijitMobileAgentToggle .Yes, .omnityDijitMobileAgentToggle .Maybe
{
     height: 24px;
     width: 24px;             
}

.omnityDijitMobileAgentToggle .Maybe
{
     background-color: yellow;
}

.omnityDijitMobileAgentToggle .No
{
     background-color: red;
}

.ProvisionLogError
{
     color: red;
}

.ProvisionLogPartial
{
     color: #FFFF00;
}

.ProvisionLogFull
{
     color: #00FF00;
}

/* Bootstrap undos */
label
{
     font-weight: normal;
}

.ClosedCustomer, .ClosedCustomer td
{
     background-color: #FFCCCC !important;
}
.SuspendedCustomer, .SuspendedCustomer td
{
     background-color: #FFFF00 !important;
}

.CriticalCustomer, .CriticalCustomer td
{
     background-color: #CCCCFF !important;
}

/* Number validator */
.NumberValidator .Status .Sent
{
     background-color: yellow;
}

.NumberValidator .Status .Nothing
{
     background-color: blue;
}


.NumberValidator .Status .Requested
{
     background-color: green;
}




/* Dispatcher dashboard */
.DispatcherDashboard .Pane 
{
     width: 40%;
     float:left;
}

.DispatcherDashboard .header 
{
     color: #737373 ;
}

.DispatcherDashboardReplaced
{
     color: red;
}

.DispatcherDashboardAvailable
{
     color: #bb7700;
}

.DispatcherDashboardReplaces, .DispatcherDashboardOnCall
{
     color: green;
}

.DispatcherDashboard .Pane  .Title
{
     font-size: 200%;
}

/* end Dispatcher dashboard */




/* Vaudreuil */

/* Replaced */
.OmniCalendar .CalendarCell .CalendarEventPersonGetReplacersByDay
{
     background-color: #aaFFFF ;
     border-color: #779999;
}

/* Replacing */
.OmniCalendar .CalendarCell .CalendarEventPersonGetReplaceesByDay
{
     background-color: #aaFFaa ;
     border-color: #009900 ;
}

/* Available */
.OmniCalendar .CalendarCell .AvailabilityCalendarEvent
{
     background-color: #FFddFF ;
     border-color: #990099;
}

/* AvailabilityCalendarEvent AssignTeamCalendarEvent */

/* Calendar */

.OmniCalendar .CalendarCell .OmniCalendarSection
{
     min-height: 100px;
}

.OmniCalendar .SortedCell
{
     min-height:125px;
}

.OmniCalendar .CalendarCell .CalendarEvent p ,
.OmniCalendar .CalendarCell .CalendarEvent span
{
     font-weight: bold;
     white-space: pre-wrap;
}

.OmniCalendar .CalendarEvent
{
     border-color: black;
     border-width: 1px;
     border-style: solid;                          
     background-color: #eeeeee;
     padding: 5px;
     margin: 2px;
}

.OmniCalendar .CalendarCell .ScheduledTeamGetByDay .CalendarEvent
{
     background-color: #99ff99;
     padding: 10px 3px;
     margin: 2px;
}

/* Availability Calendar */
.OmniCalendar { 
border: 1px gray solid;
}

.CalendarControls .CurrentLabel
{
     font-size: 250%;
}

.OmniCalendar .CalendarHeader th
{
     text-align:center;
}

.OmniCalendar .CalendarControls .NextLabel, .OmniCalendar .CalendarControls .PreviousLabel
{
     cursor: pointer;
}

.OmniCalendar .CalendarCell .inactive
{
     background-color: #bbbbbb;
     cursor: not-allowed;
     text-color: blue;
}

.OmniCalendar .CalendarCell
{
     cursor: pointer;
     text-color: blue;



}

.OmniCalendar td
{
     padding: 0px;  
}

.OmniCalendar .CalendarCell
{
     width:200px;
     height:75px;

     border: 1px gray solid;            

}

.OmniCalendar .WeekEnd 
{
     background-color: #fcfffc;
}

.OmniCalendar .WeekEnd .CalendarDayTitle, 
.OmniCalendar th.WeekEnd
{
     font-weight: bold;
     background-color: #f5fff5;
}

.OmniCalendar .WeekDay .CalendarDayTitle,
.OmniCalendar th.WeekDay
{
     font-weight: bold;
     background-color: #f5f5f5;
}

.OmniCalendar .Today 
{
     border: 1px blue solid;
     background-color: #f5f5f5 !important;
}

.OmniCalendar .Holidays
{
     background-color: #ffd9cc;
}

.OmniCalendar .Holidays .CalendarDayTitle,
.OmniCalendar th.Holidays
{
     font-weight: bold;
     background-color: #ffb399;
}

/* End Availability Calendar */


.SingleNodeSelectorNoType, .SingleNodeSelectorMultiType
{
     width:20em;
}


.Highlight
{
     color: green;
}

.CSS3Columns
{
          -webkit-columns: 100px 6; /* Chrome, Safari, Opera */
          -moz-columns: 100px 6; /* Firefox */
          columns: 100px 6;
}

.FloatingCheckboxContainer > div 
{
     float:left;
     width:250px;
     overflow:hidden;
}

.FloatingCheckboxClear
{
     clear: both;
}

th, td 
{
     text-align:left;
     vertical-align:top;
     padding: 1px;
}

table.form th {

     text-align:left;
     vertical-align:top;
     width: 10em;
     padding-bottom:10px;

}

/* Calendar */
.ClickableDate
{
     font-weight: bold; 
}
.NonClickableDate
{
     font-weight: normal !important; 
}
/* End of Calendar */



.FloatingCheckboxContainer > div 
{
     float:left;
     width:250px;
     overflow:hidden;
}

.FloatingCheckboxClear
{
     clear: both;
}

table.EasyLaunch th
{
     width: 130px;
    vertical-align:top;
     white-space: nowrap;
}
table.EasyLaunch td
{
}

.QuickForm tr td
{
     border-bottom : 1px dashed gray; 

}



/* Notifications wizard */
.WizardNotificationSelectCategory
{
     text-transform: capitalize;
     margin-top:10px;
     border-bottom: 1px solid black;
}

.WizardNotificationList
{
     margin-left: 30px;
}

/* Phones button */

.YealinkPhoneButton
{
     background-color: #add8e6;
}

/* Zone Selector */
/* A lot of hardcoded stuff here. Ideally we would wrap the boxes in a grid. */
.ZoneBox
{
     float:left;
     padding:10px;
     margin:5px;
     width:300px;
     height:60px;
     text-align: center;
     display: inline-block;
     border: 1px dotted gray;
     font-size: 120%;
     font-weight:bold;
     background-color: #e3e3e3 ;
}
.ZoneBox:hover
{
     cursor: pointer;
     cursor: hand;
}



/* Comment formatting */

.TicketUpdate, .TicketUpdate td
{
     background-color: #eeeeff; 
}

.TicketNew, .TicketNew td
{
     background-color: green;
}

.TicketAncient
{
     text-decoration: blink; 
}

.TicketVeryOld, .TicketVeryOld td, .TicketVeryOld a, .TicketVeryOld a:visited
{
     background-color:  #ff0000; 
     color:  white ;
}

.TicketOld, .TicketOld td
{
     background-color:  #ffffcc; 
}

.CommentBoxExample .CommentHeading
{
     background-color: #FFFF00 !important;

}

.CommentBox .CommentText 
{
      white-space: pre-wrap;
     padding: 3px !important; 
}

.CommentBox
{
      border-style: solid;
      padding-top:0px;
      border-width: 1px;

}
.CommentBoxData .CommentHeading
{
     background-color: #fbe21a; 
}

.CommentBoxPrivate .CommentHeading
{
     background-color: #FFDDDD;
}
.CommentBoxPrivate .CommentText
{
     background-color: #cccccc;
}
.CommentBoxPublic .CommentHeading
{
     background-color: #b1d21f; 
}
.CommentBoxMeta .CommentHeading
{
     background-color: #ffFFAA;
}
.CommentBoxImportant .CommentHeading
{
     background-color: #f05A26;
}


.CommentBoxCommunication .CommentHeading
{
     background-color: #66AAFF;
}

.CommentBox 
{
      margin-bottom: 5px !important;
}
 .CommentHeading
{
     font-weight:bold;
     color: black;
       /*     background-color: #777777; */
       background-color:#e3e3e3;
       padding: 3px;
}



/* End Comment formatting */



/*** Cool demo avec Rougui ***/

.ExtensionBox .OngoingCallsBox
{
     /* Task #697368 */ 
     display:none;
}

body.SmallBody
{
     font-size: 10px !important;
}
body.LargeBody
{
     font-size: 24px !important;
}

.PhoneBookTabs .dijitTabPaneWrapper
{
     overflow: auto; /* Scrollbar */
}

.PhoneBookConsole th
{
     text-align:left;
}
.PhoneBookConsole a
{
    color: white ;
}
.PhoneBookConsole
{
     font-size:14px;
}

.PhoneBookConsole .NotSelected
{
     margin-left:7px; 
}
.PhoneBookConsole .Name:hover, .PhoneBookConsole .NotSelected:hover
{
     cursor: pointer; cursor: hand;
}

.PhoneBookConsole .Selected
{
     margin-left:7px; 
     font-weight:bold;
     color:rgb( 255, 127, 0 ); 
     text-decoration:none;
}


.BLFearly .Hold, .BLFearly .Unhold, .BLFterminated .Hold, .BLFterminated .Unhold
{
     display:none;
}

.ParkingSpotImg
{
     display:none;
}


.PhoneBookConsole
{
     min-height:450px;
}

.PhoneBookConsole .ConsoleHeader, 
.SimpleReceptionistConsole .ConsoleHeader
{
     color: white;
}

.PhoneBookConsole .ConsoleHeader img #consoleReload:hover ,
.SimpleReceptionistConsole .ConsoleHeader img #consoleReload:hover
{
     color: white;
}

.SimpleReceptionistConsole .dijitDialogUnderlay,
.PhoneBookConsole .dijitDialogUnderlay
{
     background-color: black; 
}

body.SimpleReceptionistConsole .dijitTabPaneWrapper,
body.PhoneBookConsole    .dijitTabPaneWrapper,

body.SimpleReceptionistConsole , 
body.SimpleReceptionistConsole #content , 
body.SimpleReceptionistConsole #MainBodyContainer,
.SimpleReceptionistConsole .dijitDialogPaneContent,
body.PhoneBookConsole , 
body.PhoneBookConsole #content , 
body.PhoneBookConsole #MainBodyContainer,
.PhoneBookConsole .dijitDialogPaneContent
{
     background-color:#737373 ;
}


.SimpleReceptionistConsole .dijitDialogPaneContent,
.PhoneBookConsole .dijitDialogPaneContent 
{
     color: white;
}

.SimpleReceptionistConsole .dijitDialogPaneContent #myContent table,
.PhoneBookConsole .dijitDialogPaneContent #myContent table 
{
     color: black;
}

.SimpleReceptionistConsole .dijitChecked div
{
     background-color: #b1d21f;
}

.PhoneBookConsole .dijitChecked div
{
     background-color: rgb( 247,241,195 );;
}

.dijitTabListWrapper
{
     font-weight:bold;
     font-size:13px;
}

.SimpleReceptionistConsole .dijitDialogPaneContent #myContent,
.PhoneBookConsole .dijitDialogPaneContent #myContent 
{
     font-size: 14px;
}

.SimpleReceptionistConsole legend, 
.PhoneBookConsole legend
{
color: white;
}

.ExtensionBox
{
     height:35px; 
     float:left; 
     width:110px; 
     margin:2px; 
     padding:2px; 
     overflow:hidden; 
}

.ExtensionBoxExplode
{
     height:100px; 
     float:left; 
     width:205px; 
     border:1px solid #000000; 
     margin:2px; 
     padding:2px; 
     overflow:hidden; 
}

.OngoingCallsBox
{
     font-family: Calibri;
     font-size: 14px;
     border:1px solid #000000; 
     margin:2px; 
     padding:2px; 
     overflow:hidden; 
}

.ExtensionBox .Number
{
     font-weight: bold;
     width:36%; 
     float:left;
     font-size: 13px;
     text-align:left ;
     padding:0px;
}

 .OngoingCallsBox .Number
{
     width:65%; 
     float:left;
     text-align:left ;
     padding:3px;
}

.ExtensionBox .Icons
{
     width:52%; 
     float:right;
     text-align: right;
}

.OngoingCallsBox .Icons
{
     width:25%; 
     float:right;
     text-align: right;
}

.ExtensionBox .Name
{
     white-space:nowrap;
     font-size:11px;
     margin-top:1.75em;
     clear: both;
}

.BLFearly, .BLFearly td {
     /*** background-color: #ffdddd; ***/
     background-color: rgb( 251,226,26 );
}

.BLFunknown, .BLFunknown td{
     /*** background-color: #ddffdd; ***/
     background-color: #b1d21f;
}

.BLFterminated, .BLFterminated td{
     /*** background-color: #ddffdd; ***/
     background-color: #91d21f;
}

.BLFtrying, .BLFtrying td {
     background-color: #ffdddd;
}

.BLFconfirmed, .BLFconfirmed td{
     /*** background-color: #ffdddd; ***/
     background-color: rgb( 255,0,0 ); 
}

.CFatwork{
     background-color: #b1d21f;     
}

.CFalert{
   
}

.CFholiday{
     
}

.CFmoving{
   
}

.CFNPD{
     background-color: #aba8a9; 
     /*** background-color: rgb( 255,0,0 ); ***/
}

.NPDStatus{
     background-color: #aba8a9; 
     /*** background-color: rgb( 255,0,0 ); ***/
}

.ConsoleBox
{
	text-align:center; 
	height:90px;
	float:left;
	width:100px; 
	border:1px solid #000000; 
	margin:5px;
	padding:5px; 
}

.DialogBox
{
	text-align:center; 
	height:60px;
	float:left;
	width:100px; 
	border:1px solid #000000; 
	margin:5px;
	padding:5px; 
}

.DialogBoxImg
{
	width:35px;
	height:35px;
}

.ConsoleHeader
{
	font-family: Calibri;
	font-size: 14px;
	font-weight: bold;
	color: rgb(224,222,210);
}

.NodeCalls
{
	font-family: Calibri;
	width:130px;
	font-size: 14px;
	margin:7%; 
	text-align:center; 
	padding-top:2%; 
	padding-bottom:2%;
}

.ExtensionStatus
{
	font-family: Calibri;
	font-size: 12px;
	text-align:center; 
	height:15px; 
	float:left; 
	width:90px; 
	border:1px solid #000000; 
	margin:5px;
	padding:10px; 
}

.PersonBox .Name
{
     font-weight:bold;
}

.ContactBox, .ClientBox, .PersonBox
{
     background-color:rgb( 247,241,195 );
     width:230px; 
     border:1px solid #000000;
     margin-bottom:3px; 
     padding-left:3px; 
     padding-top:3px;
     padding-bottom:3px;
     overflow:hidden; 
}

.SmallBody .PhoneBookContactBox, .SmallBody .PhoneBookClientBox, .SmallBody .PhoneBookPersonBox
{
     width:130px; 
     height:50px;
}

.LargeBody .PhoneBookContactBox, .LargeBody .PhoneBookClientBox, .LargeBody .PhoneBookPersonBox
{
     width:320px; 
     height:120px;
}


.PhoneBookContactBox, .PhoneBookClientBox, .PhoneBookPersonBox
{
     background-color:rgb( 247,241,195 );
     width:230px; 
     height:90px;
     float:left;
     border:1px solid #000000;
     margin:3px; 
     padding-left:3px; 
     padding-top:3px;
     padding-bottom:3px;
     overflow:hidden; 
}

.ConsolePhoneBookPersonBox, .ConsolePhoneBookClientBox, .ConsolePhoneBookPersonBox
{
     background-color:rgb( 247,241,195 );
     width:220px; 
     height:90px;
     float:left;
     border:1px solid #000000;
     margin:3px; 
     padding-left:3px; 
     padding-top:3px;
     padding-bottom:3px;
     overflow:hidden; 
}

.ContactBox .Name, .ClientBox .Name
{
     font-weight: bold;
}

.Contacts div a
{
     text-decoration:underline;
     margin-left:1px;
     color:rgb( 247,241,195 );
}

.PhoneBookFilter
{
    /** margin:5px; **/
}

/*** Cool demo avec Rougui ***/


body {
     margin:0px;
     padding:0px;
}

.YesNo_Yes, .YesNo_No {
     background-repeat: no-repeat;
     background-position:center;
}
.YesNo_No {
     background-image: url(https://upton.omnivigil.com/public/img/notapply.png) ;
}
.YesNo_Yes{
     background-image: url(https://upton.omnivigil.com/public/img/apply.png) ;
}

.Development 
{
     background-color: #ffddcc !important;
     background-repeat:no-repeat !important ;
     padding: 10px;
}

.PrintBlock { display: none;}
.PrintInline { display: none; }
.Print { display: none; }

#header { clear : both ; }
#menu1 { clear : both ; }

.bar a {
     font-weight:normal;
}
.bar span span span  {
     font-weight:bold;
}

.bigger {
     font-size : 200%; 
     line-height: 200%;
}


#the_top_right 
{
     text-align: right;
}

body.login {
background: white ;
}


.login h1 { 
     font-size: 24px;

}
.error_ok { color: green;
     font-weight:bold ;
}

.SeriousError
{
padding:10px;
     background-color: #ffaaaa; 
     color: black;
       font-weight:bold ;
       font-size:110%;
}
.warning { color: orange;
     font-weight:bold ;
}
.ok { color: green;
}
.error { color: red;
     font-weight:bold ;
}

/* Tables */
/* @note: This might have to be reviewed once we have the full Bootstrap framework integrated */
.list_other td { background-color : rgb(120,221,210) !important ; }
.list_odd:hover, .list_even:hover { background-color: rgb(255,170,109 ) !important ; }
.list_link:hover { cursor: pointer; }
.list_footer .title { text-align:right; }
.list_highlight { background-color: rgb(255,221,0); }
.unread { font-weight: bold; } 

.LNPStatusRejected
{
color: red;
}

.LNPStatusWaiting
{
color: red;
}

.LNPStatusCanceled
{
color: yellow;
}
.LNPStatusCompleted
{
color: green;
}

.LNPTable .qh td, 
.LNPTable .qh td p 
{
padding:0px;
margin:0px;
border-width:0px;

}

.WizardFormTextWrapper
{
     margin-left:1%;
     margin-right:1%;
}

.WizardButtons
{
     margin-left:1%;
     margin-right:1%;
}



.login #header {
     margin-bottom:5px;
}


.LoggedUser.NotPopup div#MainBodyContainer {
background-color: white;
min-height:505px;
}


/* Header */

#header input.search {
color:white ;
margin: 15px 0px;
}
#header input {
font-size:0.9em;
font-size:12px;
margin-right:3px;
}

#header .inptsbmt {
}

#header input.searchbutton {
color:#FFF;
font-size:0.9em;
background-color:#737373;
border:none;
font-size:12px;
margin-right:3px;
}

#header i {
     padding-left: 10px;
}

#header img {
          padding-left:5px;
}


/* End header */

/* Menu */

/**
 * Controls empty div to keep space after we convert menu to absolute position
 */
.menurow
{
     height:30px;
}
/**
  * Rollover links are white
 */
.NavMenuItemLinkHover
{
     color : white !important;
}
.NavMenuItemHover
{
     cursor:pointer;
}

.nav .NavMenuRootUL
{
width: 250px;
}
.nav .NavMenuRootUL .NavMenuRootUL
{
left: 250px;
}

/**
 * Default settings for links in menu 
 */
.nav .NavMenuRootUL .NavMenuRootUL a, .nav, .nav a {
/*     text-transform: uppercase; */
}
/**
 * Don't transform any text before the first level
 */
.nav li li a
{ 
     text-transform : none ;
}
/**
 * Submenu
 */
.nav li ul
{ 
     background-color: #fdfdfd;
     border: 1px solid #606060;
}

.nav div
{
padding: 5px 5px;
}
.nav ul li
{
padding:2px 10px;
}

/**
 * Highlight on rollover
 */
.NavMenuItemHover
{
     background-color: #606060 ;
}

.NavMenuSelectedRoot
{
     /*
     background-color: rgb(240,90,38);
     color : white !important ;
     */
}
.NavMenuSelectedRoot a
{
     /*
     color : white !important ;
     */
}
     
.NavMenuRootHover
{
     background-image: url(https://upton.omnivigil.com/public/img/menu/menu2-hover.gif);
}

.buttons li:before {
     padding-right:10px;
     vertical-align:-100%;
}

.buttons li:after {
     padding-left:10px;
     vertical-align:-100%;
}



.tabs li:before {
        padding-right:10px;
        vertical-align:-100%;
}

.tabs li:after {
        padding-left:10px;
        vertical-align:-100%;
}



.buttons a,.buttons  a:visited, .buttons  a:active,
.tabs a, .tabs  a:visited, .tabs  a:active,
.nav a
{
       text-decoration:none;
}



.NavMenuRootLinkHover a
{
}

/**
  * Add border to the bottom of submenu items
 */
.nav li li {
     border-bottom: 1px solid #ededed ;
}

/* End Menu */

/* Buttons/Actions bar */
.buttons {
overflow:hidden ;
margin:0px;
padding:0px;
width:100%;
      font-family:Verdana, Geneva, sans-serif;
      font-size:10px;
}

.buttons ul {
margin:0px;
padding:0px;
        list-style:none;
display:table;
}

.buttons li {

height:30px;
margin:0px;
padding:0px;
float: left; 
       text-align:center;

}

/* End of Buttons/Actions bar */

/* Tabs */
.tabs {
overflow:hidden;
/* height:25px;  Disabling this allows more tabs*/
margin:0px;
padding:0px;
width:100%;
      font-family:Verdana, Geneva, sans-serif;
      font-size:10px;
}

.tabs ul {
margin:0px;
padding:0px;
        list-style:none;
display:table;
}

.tabs li {

height:33px; 
margin:0px;
padding:0px;
float: left; 
       text-align:center;

}

/* End of Tabs */


#rightcolumn ul
{
padding:0px;
}

#rightcolumn li {
     list-style-position:outside;
     margin-left:20px;
}



/* End Right Column */

#header h1 {
display:none;
}

.login #MainBodyContainer, .special #MainBodyContainer {
width: 450px;
margin-left: auto;
margin-right: auto;
}

.special #pane {
margin-left: auto;
margin-right: auto;

}

.login #content {
    min-height:305px;
        height:305px;
     margin:5px;
     padding:10px;
}



.contentfull {
     margin-right: 5px !important ;
}
.contentleft {
         margin-right:300px;
}

#content .body {
padding: 0px 10px 10px 10px;
}
#content, .pane {
        background-color:white;
}

fieldset {
     padding:5px;
     border : 1px #dadada solid ;
     line-height: 1.2;
}

fieldset legend {

     font-weight: bold;
     font-size: 13px;

     padding-left: 4px;
     padding-right: 4px;
     margin-bottom: auto;
}

legend {
     border: none;
     width: auto;
}

div.divList { 
     width: 410px;
     float:left;
}
div.divList .title{ 
     width: 75px;
     float:left;
}
.floatReset {
clear : both;
}
div.divList .value{ 
     width: 325px;
     font-weight:bold;
     float:left;
}
div.divNoColList .value { 
     font-weight : bold ; 
}

.importantMessage 
{
     font-weight: bold;
     color: red;
     font-size: 120%;
     text-align:center;

}

td.img {
     text-align:center;
}



/* End Colums */

/* Content */

.attributeName 
{
     vertical-align:top;
}


/* End Content */



/* End Footer */

/* .inpt { background-color:#ddddff;}  */
.inptreq { background-color:#ffdddd; }
.inptmissing { background-color: #ffaaaa; }


/* QH */

table.qh, table.qh td {
     border :1px solid black;
     padding: 5px;
     border-collapse: separate;
     border-spacing: 2px;

}

table.qh tr.element:hover {
          background-color: gray;
}

table.qh th {
border: 0 solid black;
}

table.qh {
          background-color: #eeeeee; 
}

.login a { 
color : rgb(170,207,50);
}


* html .login #footer {
height:5px; 
}

.login h1 { 
     font-size: 24px;

}

* html div#MainBodyContainer { height:507px; }

/*
@media screen and (-webkit-min-device-pixel-ratio:0)  {

#content {
     margin-right:5px;
}
}
*//* This is not an error, see media screen higher up */


/* Wizard */
.WizardProgress td, .WizardProgress th {
margin:0px;
padding: 5px;

         text-align:center;
color:white;
}
     .WizardProgress td a, .WizardProgess th a {
color : white;
     }

.WizardProgress td {
background: rgb( 170, 207, 50 );

}    

.WizardProgress th {
     background-color: rgb(240,90,38);
color:white;
}    


table.WizardProgress {
     width: 100%;
}
table.WizardProgress, .WizardProgress td, .WizardProgress th {

     border-collapse: collapse;
border: 1px white solid;
}

/* Forms */

.columnsEndRow {
clear:both;
}
.columns .fieldContainer {
padding: 5px 5px 5px 0px;
float:left;
}

.attributeName 
{
     font-weight :bold ;
}
.largeTitle .attributeField .attributeName, .largeTitle .attributeField .attributeName span {
     font-size: 18px;
     font-weight:bold;
}
.requiredAttributeName span {
     font-weight: bold ;
}

.requiredAttributeField input.inpt, .requiredAttributeField textarea.inpt, .requiredAttributeField select.inpt 
{
}

.HTMLFormGenericError {
     font-weight: bold;
     display: block;
     border : black 1px solid;
     padding: 5px;
     margin: 10px;
}

.attributeField input.inpt, .attributeField textarea.inpt, .attributeField select.inpt 
{
}




.Test {
     color: red;
     text-transform: uppercase;
     font-weight: bold;
     text-decoration:blink;
}

/* Profile Results */

.profiles .left {
width: 110px;
height: 110px;
overflow: hidden;
float:left;
}
.profiles .right {
height: 90px;
overflow: hidden;
float:left;
padding:10px;
border-left: 1px dashed #3f3f3f; 
}
.profile_seperator {
clear:both;
height:15px;
}

/* Node selector */

.dijitGlassButtonInner { 
background: url("https://upton.omnivigil.com/public/img/search_black.png") no-repeat !important;

}

dl dt {
     font-weight: bold;
}


fieldset.captcha {
     width:500px;
     margin-left: auto ;
     margin-right: auto ;
}


.inlineHelp {
     color: #777777;
     font-style : italic;
}

/* journal notifications */

.journal_detail{
	width:90%;
}

.journal_detail td{
	padding-left:5px;
}

.journal_detail .text_bold{
	font-weight:bold;
}

.paginate{
	width:50%;
	margin:1% 2% 3% 0; 
}

.legende{
	margin-bottom:2%;
}

.legende td { 
	padding:5px; 
	text-align:center; 
}

.legende_title{
	margin-bottom:0;
}

.journal_event{
	width:100%;
}

.journal_event td{
	white-space:nowrap;
	padding-left:5px;
	text-align:center;
	vertical-align:middle;
}

.journal_event th{
	padding-left:-12px;
	border:1px solid #CCCCCC;
	text-align:center;
	vertical-align:middle;
}

.journal_event .non_actif{
	background:green;
	color:#FFFFFF;
}

.StatusConfirm{
 	background-color:rgb(0,255,0);
}

.StatusComplete{
	background-color:rgb(255,255,0);
}


.StatusReQueue{
	background-color:rgb(255,153,0);
}

.StatusError{
	background-color:rgb(255,0,0);
	color:white;
}

.StatusQueue{
	background-color:rgb(192,192,192);
}

.journal_person{
	width:100%;
	margin-bottom:2%;
}

.journal_person td, .journal_person th{
	white-space:nowrap;
	padding-left:5px;
	border:0.5px solid #CCCCCC;
	text-align:left;
	vertical-align:middle;
}

/* journal notification Fin */


/* Dashboard */
/** premier tableau notifications*/
.dashboard_notif{
	width:86%;
	border:0.5px solid #CCCCCC;
	margin-bottom:5%;
}

.dashboard_notif tr{
	border:0.5px solid #CCCCCC;
}

.dashboard_notif td{
	border:0.5px solid #CCCCCC;
}

/** 2e tableau Ressources*/
.dashboard_res{
	width:86%;
	border:0.5px solid #CCCCCC;
	margin-bottom:5%;
}

.dashboard_res tr{
	border:0.5px solid #CCCCCC;
}

.dashboard_res td{
	text-align:center;
	border:0.5px solid #CCCCCC;
}

/** Bloc de tableaux notification en cours*/
.notification_encours{
	width:90%;
	border:1px solid #CCCCCC;
}

.dashboard_notif_encours{
	width:100%;
	border:1px solid #CCCCCC;
	margin-bottom:5%;
}

.dashboard_notif_encours tr{
	border:1px solid #CCCCCC;
}

.dashboard_notif_encours td{
	width:200px;
	border:1px solid #CCCCCC;
}

.dashboard_notif_encours table{
	width:200px;
	border:0.5px solid #CCCCCC;
}

.dashboard_notif_encours table tr, .dashboard_notif_encours table td{
	border:0.5px solid #CCCCCC;
}

/** 4e tableau destinataires*/

.dashboard_dest{
	width:20%;
	margin-bottom:5%;
}

.dashboard_dest tr{
	border:0.5px solid #CCCCCC;
}

.dashboard_dest td{
	border:0.5px solid #CCCCCC;
	text-align:center;
	vertical-align:middle;
}

/** 5e tableau Autres*/

.dashboard_autres{
	width:86%;
	border:0.5px solid #CCCCCC;
}

.dashboard_autres tr{
	border:0.5px solid #CCCCCC;
}

.dashboard_autres td{
	border:0.5px solid #CCCCCC;
}

/** styles communs */

.dashboard_notif td.td_left, .dashboard_res td.td_left, .dashboard_notif_encours td.td_left, .dashboard_dest td.td_left, .dashboard_autres td.td_left{
	text-align:left;
}

.dashboard_notif td.td_right, .dashboard_res td.td_right, .dashboard_notif_encours td.td_right, .dashboard_dest td.td_right, .dashboard_autres td.td_right{
	text-align:right;
}

.dashboard_notif td.td_center, .dashboard_res td.td_center, .dashboard_notif_encours td.td_center, .dashboard_dest td.td_center, .dashboard_autres td.td_center{
	text-align:center;
}

.dashboard_notif td.td_height, .dashboard_res td.td_height, .dashboard_autres td.td_height{
	height:50px;
}

.dashboard_notif td.td_width, .dashboard_res td.td_width, .dashboard_autres td.td_width{
	width:200px;
}

.dashboard_notif td.td_padding, .dashboard_res td.td_padding, .dashboard_autres td.td_padding{
	padding-left:2%;
}

.dashboard_dest td.vertfonce{
	background:#006600;
	color:#FFFFFF;
	text-align:center;
}

.dashboard_dest .td_radius{
	-moz-border-radius: 10px 10px 0 0; 
  	 -webkit-bordeborder:1px solid #000000;
  	 border-radius: 10px 10px 0 0; 
	 height:60px;
}

.dashboard_dest .bottomCell{
	width:100%;
	margin-top:3%;
}

.dashboard_notif td.vert, .dashboard_res td.vert{
	background:#35E859;
}

.notification_encours h3.orang{
	background:#E88835;
}

.dashboard_autres td.jaune{
	background:#FFFF00;
	text-align:center;
}

.dashboard_dest td.td_gray{
	 background:#EFEFEF;
}

.dashboard_dest td.td_white{
	 background:#FFFFFF;
}

.dashboard_dest td.td_dark_gray{
	height:50px;
	background:#CCCCCC;
}


.BecancourSignup
{
     margin:0px 100px;
}

/* */


/* Notification Progress bar */
.onNotificationTrying
{
          background-color: #ffff00;
}
.onNotificationBusy
{
          background-color: #aaffff;
}
.onNotificationGiveUp
{
          background-color: #aaff00;
}
.onNotificationHelp
{
          background-color: #aa00ff;
}
.queue
{
          background-color: #cccccc;
}
.onNotificationRequeue
{
          background-color: #ff0000;
}
.onNotificationConfirm
{
          background-color: #0000ff;
}
.onNotificationDelivered
{
          background-color: #00ff00;
}
/* End Notification progress Bar */


.VoIPMenuItem
{
     border: 1px black solid;
     margin : 1px;
     padding:5px;
     background-color: #ddffdd ;
     background-color : #d9f0a2 ;
}

.VoIPMenu
{
     border : 1px black dashed ;
     padding : 5px ;              
     background-color : rgb(240,241,230) ;
}

.data td, .data th
{
     padding:5px;
}

.NoWrap {
     white-space: nowrap;
}

.Date {
     white-space: nowrap;
}

.Money, .money {
     text-align:right;
     white-space: nowrap;
}

/* Grid in dashboard */
.omnidatacell
{
     text-align:center !important ;
}

/* Module Layout */
.ModuleLayout th
{
     padding:0px;
}
.ModuleLayout td
{
     padding:5px;
}

/* Login */
div.Login {
width: 450px;
       margin-left: auto;
       margin-right: auto;
border: 1px gray solid;
}

.Login table
{
     margin-left:auto;
     margin-right:auto;
}

.SmallTitle
{
     font-weight:bold;
     padding: 5px 0px;
}

.DateTime
{
display:block; 
}

.WebBox
{
     border: 1px #dadada solid;
     margin: 3px;
}

.WebBoxBody
{
     padding: 5px;
}


.LoginPane .inpt
{
     width:12em;
}
.LoginPane .inptsbmt
{
     width:8em;
}

table.VoIPCallForwarding td, table.CallForwarding td
{
border-bottom: 1px #dadada solid;
}

.InactiveRow
{
     background-color: #ffcccc !important;
}

.ActiveRow
{
     background-color: #ccffcc !important;
}




.CallForwardGUI table
{
width:100%;
}



.Subtotal
{
     font-weight: bold;
     text-align:right;
}

.ShoppingCartGUI th
{
     white-space: nowrap;
}

.Duration
{
     text-align:right;
}

.QueueConsole .header , .DispatcherDashboard .header 
{
     color: #737373 ;
}

.qh
{
width: 100%; 
}

/*
.PersonalDashboard h1
{
     font-family: arial, sans-serif;
     font-size:24pt;
     font-weight:bold;

}
*/
.PersonalDashboard .WebBoxTitle img
{
     margin-right: 10px;
}

.CatalogItem .Title
{
height: 75px;
overflow:hidden;
}
.CatalogItem h3
{
color: black;
       text-align:center;
}

.CatalogItem
{
     border-color: #a5d033; 
     border-style: solid; 
	width: 260px;
	height: 300px;
	float:left;
      margin-bottom: 20px;
      border-width: 1px 0px 1px 0px;
}
.CatalogItem2, .CatalogItem5, .CatalogueItem8
{
     background-color: #e2e2e2;
}
.CatalogItem1, .CatalogItem4, .CatalogItem7, .CatalogItemFirst
{
     border-left-width: 1px;
}

.CatalogItem3, .CatalogItem6, .CatalogItem9, .CatalogItemLast
{
     border-right-width: 1px;
}

.WebPriceBox
{
color: #808080;
}
.WebPriceBox .Dollar
{
          line-height: 70px;
          font-size: 78px;
          font-weight: bold ;
          width: 50%;
          text-align:right;

}
.WebPriceBox .Cents
{
          width: 50%;
                             font-size: 36px;
                                         font-weight: bold;
}
.WebPriceBox .Units
{
          width: 50%;
                      color: black;
                                    text-transform: lowercase;
}

.CatalogItem .WebCommander , .CatalogItem .WebCommander .Button
{
          text-align:center;
}

.WebProductOptions li
{
          width: 50%;
                      float:left;
}
.Services .CatalogItem
{
          margin-right: 20px;
}
.Services .CatalogItem
{
          overflow:hidden;
}
.Services
{
          padding-right: 10px;
}
.Services .Description
{
          padding-top: 10px; 
}

.Number
{
          text-align:center;
}
.WebProductVolumePricing .Money
{
color: black;

}

.ColumnRight .WebBox
{
     background-color: rgb( 168, 203, 59 ); 
}

.WebCommander .Button
{
height: 40px;
font: 'arial black';             
      font-size: 13pt;
}

.WebCommander 
{
     text-align:center; 
}
.ProductItem .WebCommander .Button
{
width: 140px;
}
.CatalogItem .WebCommander .Button
{
width: 200px;
}

.Path
{
     font-size: 70%;
}

.FullMenu .Menu, .ProductsManagement .Menu
{

     /*border: 1px rgb(218, 218, 218)  solid; */
     min-height:450px;
padding: 0px 0px;
}

.FullMenu .Content, .ProductsManagement .Content
{
     /*     border: 1px rgb(218, 218, 218)  solid; */
     min-height:450px;
padding: 0px 5px;
}
#content .Menu .Active a
{
color: black !important ; 
}

.FullMenu .Menu ul , .ProductsManagement .Menu ul
{
margin:0px;
       padding-top:0px;
       padding-left:5px;
}

.FullMenu .Menu ul ul, .ProductsManagement .Menu ul ul
{
     padding-left:15px;
}
.FullMenu .Menu li, .ProductsManagement .Menu li
{
     margin-left: 0px;
     list-style-type: none;
}
.ServiceItem
{
border: 1px rgb(218, 218, 218) solid; 
padding: 10px; 
overflow:hidden ;
}

.ProductItem
{
float: left; 
height:320px; 
width: 184px; 
border: 1px rgb(218, 218, 218) solid; 
padding: 10px; 
overflow:hidden ;
}

.ProductItem h5
{
height: 20px;
overflow:hidden;
}
.ProductItem .Description
{
height: 100px;
overflow: hidden;

}

.ServiceItem img, .ServiceItem .Button
{
     text-align:right;
}
.ProductItem img
{
height: 100px;
        text-align:center;
}

.ProductItem .Button 
{
     text-align:center;
}

.ServiceItem .Price, .Service .Price
{
color: black;
       font-weight:bold;

}
.Product button, .ProductItem button, .Service button, .ServiceItem button, .ShoppingCartGUI .Update, .WebCommander .Button
{
color: white;
border: 1px rgb(230, 89, 25) outset;
        background-color: rgb( 230, 89, 25 );
}

.AlphabetLink a
{
color: rgb( 230, 89, 25 );
       font-weight: bold;
}

.HTMLFormActions
{
     text-align: right;
     padding-bottom : 2em; 
}

/* Notification Dashboard */
.NotificationDashboard .Status
{
     width: 25%;
     float:left;
}

.NotificationDashboard .History
{
     width: 73%;
     float:right;
}
.NotificationDashboard .GActions
{
     width: 25%; 
     float:left;

}


.NotificationDashboard .Info
{
     width: 450px;
     float:left;

}

.NotificationDashboard .Errors
{
     width: 200px;
     float:left;

}

.NotificationDashboard .NActions
{
     width: 350px;
     float:right;

}

.NotificationDashboard .Results
{
     width: 40%;
     float:left;

}

.NotificationDashboard .PerformanceData
{
     width: 73%;
     float:right;

}

.NotificationDashboard .Statistics
{
     width: 57%;
            min-height:250px;
     float:right;
}





.PeriodQueueReportSummary td,
.PeriodQueueReportSummary .hours th,
.PeriodQueueReportSummary th.Total
{
     text-align:center;
}


div.CriticalCustomer
{
     background-color: red;
     color:  white;
             font-weight: bold;
padding:5px;
}



.table-striped>tbody>tr:nth-child(odd)>td, 
     .table-striped>tbody>tr:nth-child(odd)>th {
          /* f9f9f9 is too pale */
     background-color: #f5f5f5;
              }

/* so the google place autocomplete is visible in a modal */
.pac-container, .dijitComboBoxMenuPopup {
     z-index:1051!important;
}

/* so the modal adapt to the form width */
@media (min-width: 768px) {
     .modal-dialog-form {
          display: table; /* This is important */
          overflow-y: auto;
          overflow-x: auto;
     }

     .queueBarBigScreen
     {
          position: fixed;
          bottom: 0;
          left: 0;
          right: 0;
          height: 80px;
     }
}

.callCenterPanel{
     margin-bottom: 0 !important;
     margin-top: 5px !important;
}

.callCenterNoBottom
{
     margin-bottom: 0 !important;
}

.dataTables_processing {
     top: 0 !important;
     left: 0 !important;
     width: 100% !important;
     min-height: 7em;
     height: 100% !important;
     justify-content: center !important;
     align-items: center !important;
     margin: 0 !important;
     background-color: rgba(76, 68, 68, 0.3);
}

div.dataTables_filter
{
     display : inline-block !important;
     float : left !important;
}

.dt-buttons
{
     float:inherit !important;
}

.undecorated
{
     font-size: inherit !important;
     font-weight: bold !important;
     border:none !important;
     background : inherit !important;
}

.undecorated > span > .fa-search
{
     line-height : 17px !important;
     font-size : 18px ;
}



/* Fix tabs visibility caused by BS4 show class */

body[data-template='Omnivigil'] .tab-content .tab-pane:not(.active) {
     display:none !important;
}