@charset "UTF-8";
/*
@font-face {
	font-family: "Roboto";
	src: url("fonts/Roboto-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
*/
/******************** ICON FONTS ****************************/
@font-face {
  font-family: "Robotics";
  src: url("fonts/TradeGothic.ttf") format("truetype"), url("fonts/TradeGothic.otf") format("opentype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: "Flaticon";
  src: url("fonts/flaticon.eot");
  src: url("fonts/flaticon.eot#iefix") format("embedded-opentype"), url("fonts/flaticon.ttf") format("truetype"), url("fonts/flaticon.svg") format("svg"), url("fonts/flaticon.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot");
  src: url("fonts/icomoon.eot") format("embedded-opentype"), url("fonts/icomoon.ttf") format("truetype"), url("fonts/icomoon.woff") format("woff"), url("fonts/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-size: 20px;
  font-style: normal;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-cogs1:before {
  content: "\e995"; }

.icon-printer:before {
  content: "\e954"; }

.icon-bullhorn:before {
  content: "\e91a"; }

.icon-cogs:before {
  content: "\e995"; }

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
  font-family: Flaticon;
  font-size: 20px;
  font-style: normal;
  /*margin-left: 20px;*/ }

.flaticon-left:before {
  content: "\e000"; }

.flaticon-down:before {
  content: "\e001"; }

.flaticon-right:before {
  content: "\e002"; }

.flaticon-up:before {
  content: "\e003"; }

.flaticon-arrow483:before {
  content: "\e004"; }

.flaticon-chevron18:before {
  content: "\e005"; }

.flaticon-chevron20:before {
  content: "\e006"; }

.flaticon-chevron22:before {
  content: "\e007"; }

.flaticon-cogs3:before {
  content: "\e008"; }

.flaticon-correct8:before {
  content: "\e009"; }

.flaticon-up2:before {
  content: "\e00a"; }

.flaticon-left2:before {
  content: "\e00b"; }

.flaticon-right2:before {
  content: "\e00c"; }

.flaticon-error6:before {
  content: "\e00d"; }

.flaticon-history6:before {
  content: "\e00e"; }

.flaticon-navigate2:before {
  content: "\e00f"; }

.flaticon-navigate3:before {
  content: "\e010"; }

.flaticon-navigate6:before {
  content: "\e011"; }

.flaticon-play15:before {
  content: "\e012"; }

.flaticon-simple1:before {
  content: "\e013"; }

.flaticon-down2:before {
  content: "\e014"; }

.flaticon-undo5:before {
  content: "\e015"; }

.flaticon-warning18:before {
  content: "\e016"; }

.flaticon-zoom:before {
  content: "\e017"; }

.flaticon-zoom-:before {
  content: "\e018"; }

.flaticon-zoom71:before {
  content: "\e019"; }

.flaticon-zoom72:before {
  content: "\e01a"; }

/************************************************/
.onlyPadding {
  padding-top: 5px; }

.collapsePanel {
  background-color: #ffffff; }

.collapsePanelHeader {
  width: 100%;
  height: 30px;
  color: #ffffff;
  font-weight: bold;
  background: #82b3e8;
  background: -moz-linear-gradient(top, #82b3e8 0%, #165ea9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82b3e8), color-stop(100%, #165ea9));
  background: -webkit-linear-gradient(top, #82b3e8 0%, #165ea9 100%);
  background: -o-linear-gradient(top, #82b3e8 0%, #165ea9 100%);
  background: -ms-linear-gradient(top, #82b3e8 0%, #165ea9 100%);
  background: linear-gradient(to bottom, #82b3e8 0%, #165ea9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82b3e8', endColorstr='#165ea9',GradientType=0 ); }

#master_content .collapsePanelHeader a {
  color: #ffffff; }
  #master_content .collapsePanelHeader a:hover {
    text-decoration: none;
    background: none; }

.ContextMenuPanel {
  border: 1px solid #868686;
  z-index: 1000;
  cursor: default;
  padding: 1px 1px 0px 1px;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px;
  display: none;
  background-color: #ffffff; }

.ContextMenuBreak {
  margin: 1px 1px 1px 32px;
  padding: 0;
  height: 1px;
  overflow: hidden;
  display: block;
  border-top: 1px solid #C5C5C5; }

.ContextMenuItem {
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin: 1px 0 1px 0;
  display: block;
  color: #003399;
  text-decoration: none;
  cursor: pointer;
  padding: 4px 19px 4px 33px;
  white-space: nowrap;
  text-align: left; }

a.ContextMenuItem {
  margin: 1px 0 1px 0;
  display: block;
  color: #003399;
  text-decoration: none;
  cursor: pointer;
  padding: 4px 19px 4px 33px;
  white-space: nowrap; }

.ContextMenuItem-Selected, a.ContextMenuItem-Selected {
  font-weight: bold; }

.ContextMenuItem:hover {
  background-color: #FFE6A0;
  color: #003399;
  border: 1px solid #D2B47A;
  padding: 2px 18px 2px 31px; }

a.ContextMenuItem:hover {
  background-color: #FFE6A0;
  color: #003399;
  border: 1px solid #D2B47A;
  padding: 3px 18px 3px 32px; }

.DropDownPanel {
  border: 1px solid #8D98AD;
  z-index: 1000;
  background: url(../Images/DropDown/menu-bg.gif) repeat-y 0 0;
  background-color: #ffffff;
  cursor: default;
  padding: 1px 1px 0px 1px;
  margin-left: -3px;
  color: #2D4155; }

.DropDownSelector {
  display: block;
  cursor: pointer;
  padding: 2px 18px 2px 5px;
  vertical-align: middle;
  background-image: url(../Images/DropDown/down.png);
  background-position: right center;
  background-color: #ffffff;
  background-repeat: no-repeat;
  border: solid 1px #818D99;
  color: #2D4155;
  width: 200px;
  height: 18px; }
  .DropDownSelector:hover {
    display: block;
    cursor: pointer;
    padding: 2px 18px 2px 5px;
    vertical-align: middle;
    background-image: url(../Images/DropDown/down.png);
    background-position: right center;
    background-color: #ffffff;
    background-repeat: no-repeat;
    border: solid 1px #818D99;
    color: #2D4155;
    width: 200px;
    height: 18px; }

.DropDownBreak {
  margin: 1px 1px 1px 1px;
  padding: 0;
  height: 1px;
  overflow: hidden;
  display: block;
  border-top: 1px solid #C5C5C5; }

.DropDownItem {
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin: 1px 0 1px 0;
  display: block;
  color: #2D4155;
  text-decoration: none;
  cursor: pointer;
  padding: 4px 19px 4px 33px;
  white-space: nowrap;
  text-align: left; }

a.DropDownItem {
  margin: 1px 0 1px 0;
  display: block;
  color: #2D4155;
  text-decoration: none;
  cursor: pointer;
  padding: 4px 19px 4px 33px;
  white-space: nowrap; }

.DropDownItem-Selected, a.DropDownItem-Selected {
  font-weight: bold; }

.DropDownItem:hover {
  background-color: #ffffff;
  color: #2D4155;
  border: 1px solid #A2A9B3;
  padding: 2px 18px 2px 31px; }

a.DropDownItem:hover {
  background-color: #ffffff;
  color: #2D4155;
  border: 1px solid #A2A9B3;
  padding: 3px 18px 3px 32px; }

#EmployeeInfoPanel TABLE, #AccrualsPanel TABLE {
  border: #060F40 2px solid;
  color: #060F40;
  background: #ffffcc; }

.GridView tr th, .GridView tr td {
  padding: 4px; }

.HeaderStyle {
  color: Black;
  font-weight: bold;
  padding: 4px;
  font-size: smaller;
  background-image: url(../Images/Grid/Header.JPG);
  background-repeat: repeat-x;
  border-right: #507cd1 1px solid;
  border-top: #507cd1 1px solid;
  border-left: #507cd1 1px solid;
  border-bottom: #507cd1 1px solid; }
  .HeaderStyle:hover {
    color: Black;
    font-weight: bold;
    padding: 4px;
    font-size: smaller;
    background-image: url(../Images/Grid/Header_hover.JPG);
    background-repeat: repeat-x;
    border-right: #507cd1 1px solid;
    border-top: #507cd1 1px solid;
    border-left: #507cd1 1px solid;
    border-bottom: #507cd1 1px solid; }

.SortASCHeaderStyle {
  color: Black;
  font-weight: bold;
  padding: 4px;
  font-size: smaller;
  background-image: url(../Images/Grid/SortASC.gif);
  background-color: #8dbdd8;
  background-repeat: no-repeat;
  background-position: center left;
  border-right: #507cd1 1px solid;
  border-top: #507cd1 1px solid;
  border-left: #507cd1 1px solid;
  border-bottom: #507cd1 1px solid; }

.SortDESCHeaderStyle {
  color: Black;
  font-weight: bold;
  padding: 4px;
  font-size: smaller;
  background-image: url(../Images/Grid/SortDESC.gif);
  background-color: #8dbdd8;
  background-repeat: no-repeat;
  background-position: center left;
  border-right: #507cd1 1px solid;
  border-top: #507cd1 1px solid;
  border-left: #507cd1 1px solid;
  border-bottom: #507cd1 1px solid; }

.FooterStyle {
  background-color: #507CD1;
  color: White;
  font-weight: bold;
  text-align: right; }

.RowStyle {
  background-color: #EFF3FB;
  padding: 4px; }

.AlternatingRowStyle {
  background-color: White;
  color: Black;
  padding: 4px; }

.SelectedRowStyle {
  background-color: #D1DDF1;
  color: #333333;
  font-weight: bold;
  padding: 4px; }

.EditRowStyle {
  background-color: #2461BF; }

.PagerStyle {
  background-color: #2461BF;
  color: White;
  text-align: center; }

.AccountGrid {
  border: solid 1px #f5f5f5;
  color: Black; }
  .AccountGrid td {
    border: solid 1px #f5f5f5;
    margin: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
    font-size: 10px; }

.AccountGridHeader {
  background-color: #C2C3C5;
  color: #111111;
  text-align: center;
  font-weight: bold; }
  .AccountGridHeader td {
    background-color: #C2C3C5;
    color: #111111;
    text-align: center;
    font-weight: bold; }
  .AccountGridHeader a {
    text-decoration: none;
    padding: 0px 5px 0px 5px; }
    .AccountGridHeader a:hover {
      text-decoration: underline; }

.GridItem .griddetail td {
  border: 0px;
  padding: 0px;
  text-align: left; }

.GridAltItem .griddetail td {
  border: 0px;
  padding: 0px;
  margin: 0px; }

.GridHeader {
  display: block;
  background-color: transparent;
  color: #f1f1f1;
  text-align: center;
  font-weight: bold;
  background-image: url(Images/ButtonCancel_16.gif);
  background-repeat: repeat-x; }
  .GridHeader td {
    display: block;
    background-color: transparent;
    color: #f1f1f1;
    text-align: center;
    font-weight: bold;
    background-image: url(Images/ButtonCancel_16.gif);
    background-repeat: repeat-x; }
  .GridHeader:hover {
    background-color: lime;
    color: #f1f1f1;
    text-align: center;
    font-weight: bold; }
  .GridHeader a {
    text-decoration: none;
    padding: 0px 5px 0px 5px; }
    .GridHeader a:hover {
      text-decoration: underline; }

.GridItem a, .GridAltItem a, .GridItem a:visited, .GridAltItem a:visited {
  text-decoration: none;
  font-weight: bold;
  color: #194574; }

.GridItem a:hover, .GridAltItem a:hover {
  text-decoration: underline;
  font-weight: bold;
  color: #990033; }

.GridItem {
  background-color: #f1f1f1; }

.GridAltItem {
  background-color: #ffffff; }

.GridItem a .preview, .GridAltItem a .preview {
  text-decoration: none;
  font-weight: bold;
  background: url(i/preview.gif) 3px no-repeat;
  padding-left: 15px;
  color: #174DA2; }

.GridItem a:visited .preview, .GridAltItem a:visited .preview {
  text-decoration: none;
  font-weight: bold;
  background: url(i/preview.gif) 3px no-repeat;
  padding-left: 15px;
  color: #194574; }

.GridItem a:hover .preview, .GridAltItem a:hover .preview {
  text-decoration: underline;
  font-weight: bold;
  background: url(i/preview.gif) 3px no-repeat;
  color: #990033; }

html, body {
  margin: 0;
  height: 100%;
  width: 100%; }

FORM {
  margin: 0;
  width: 100%;
  height: 100%; }

.LoadingDiv {
  background-color: #ffffff;
  opacity: 0.9 !important;
  font-weight: bolder;
  z-index: 99999999 !important;
  border-radius: 5px;
  border: 0px;
  box-shadow: 0px 0px 8px #535353 !important; }

.dxlpLoadingDiv {
  z-index: 99999998 !important; }

.MainPanel {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px; }

.ContextMenu {
  padding-left: 60px; }

.ContextMenu_Button {
  color: #808080; }

.ContextMenu_Button_Hover {
  color: #0099ff; }

.ContextMenu_SmallButton {
  width: 60px; }

.MainTitle_Left {
  background-image: url(../Images/Main/Button_MarginLeft.Gif);
  background-repeat: no-repeat;
  width: 24px; }

.MainTitle_Mid {
  background-image: url(../Images/Main/Button_Mid.Gif);
  background-repeat: repeat-x;
  vertical-align: text-top;
  font-weight: bold;
  font-size: 25px;
  color: #ffffff;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  margin-top: 5px; }

.MainTitle_Right {
  background-image: url(../images/Main/Button_MarginRight.Gif);
  background-repeat: no-repeat;
  width: 16px; }

.MainMenu {
  background-image: url(../Images/Main/BackgroundBlue.gif);
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 12px;
  width: 310px; }

.MainTittle_Mid {
  background-image: url(../images/Main/Button_Midx20.Gif);
  background-repeat: repeat-x;
  vertical-align: text-top;
  font-weight: bold;
  font-size: 20px;
  color: #ffffff;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  margin-top: 5px; }

.MainButton_Mid {
  background-image: url(../images/Main/Button_Mid.Gif);
  background-repeat: repeat-x;
  vertical-align: text-top;
  font-weight: bold;
  font-size: 18px;
  color: #ffffff;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  margin-top: 5px;
  vertical-align: middle; }

.GenericButton {
  background-color: Transparent;
  border: none;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 12px;
  color: black; }
  .GenericButton:hover {
    background-image: url(../Images/Main/Button_Mid2.Gif);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    border: none;
    font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
    font-size: 12px;
    color: black; }

.mainMenuButton {
  background-image: url(../Images/Main/Logo_Dark.ico);
  background-repeat: repeat;
  background-position: 0px 0px;
  border: none;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 12px;
  color: black;
  width: 48px;
  height: 48px; }
  .mainMenuButton:hover {
    background-image: url(../Images/Main/Logo_Light.gif);
    background-repeat: repeat;
    background-position: 0px 0px;
    border: none;
    font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
    font-size: 12px;
    color: white;
    width: 48px;
    height: 48px; }

.rotate {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }

.MaskedEditFocus {
  background-color: #ffffcc;
  color: #000000; }

.MaskedEditMessage {
  color: #ff0000;
  font-weight: bold; }

.MaskedEditError {
  background-color: #ffcccc; }

.MaskedEditFocusNegative {
  background-color: #ffffcc;
  color: #ff0000; }

.MaskedEditBlurNegative {
  color: #ff0000; }

.OptionButton {
  background-image: url(../Images/MessageFrame/SPHERE_48.GIF);
  background-repeat: repeat;
  background-position: 0px 0px;
  border: none;
  width: 48px;
  height: 48px; }
  .OptionButton:hover {
    background-image: url(../Images/MessageFrame/SPHERE_48_SELECTED.GIF);
    background-repeat: repeat;
    background-position: 0px 0px;
    border: none;
    width: 48px;
    height: 48px; }

.cPanel {
  padding: 5px;
  border: solid 1px black;
  background-color: #ffffff; }
  .cPanel:hover {
    cursor: pointer;
    background-color: silver; }

.OptionPanelTextStyle {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px;
  color: #000;
  text-decoration: none;
  font-weight: bold; }

.contenedor {
  background: -moz-linear-gradient(top, #FFFFFF, #2c2c2c);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#2c2c2c));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#2c2c2c'); }

.contenedorRed {
  background: -moz-linear-gradient(top, #FFFFFF, #FF0000);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#FF0000));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FF0000'); }

.labelInfoBig {
  font-family: Arial,Verdana,Sans-Serif;
  color: #2D4155;
  margin-bottom: 20px;
  width: 80%; }

.labelInfoSmall {
  font-family: Arial,Verdana,Sans-Serif;
  color: #2D4155;
  width: 95%;
  padding-bottom: 10px;
  padding-left: 10px; }

.editTextFormat {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  color: #2D4155;
  border-radius: 5px; }

.SectionDescription {
  color: #76859F;
  font-weight: bold;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important; }

.OptionPanelDescStyle {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px;
  color: #f2b07e;
  text-decoration: none;
  font-weight: bold;
  padding-left: 15px;
  display: block;
  font-weight: normal; }

.OptionPanelTextStyle:hover, .OptionPanelTextStyle:visited {
  color: #000;
  text-decoration: none; }

.OptionPanelImageStyle {
  border: 0;
  margin: 2px;
  height: 32px;
  width: 32px; }

.OptionPanelRadioStyle, .OptionPanelCheckBoxStyle {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px;
  color: #000;
  text-decoration: none;
  font-weight: bold; }

.icoClose {
  display: block;
  height: 16px;
  width: 16px;
  background-image: url(../Images/txtFilter/up.png);
  background-repeat: no-repeat;
  background-position: center center;
  color: #666666;
  text-decoration: none;
  padding-left: 22px;
  padding-top: 2px; }

.panHeaderXL {
  display: block;
  background-image: url(../Images/gBox/bDecoration.png);
  background-repeat: no-repeat;
  background-position: 6px 10px;
  color: #2D4155;
  font-weight: bold;
  width: 99%;
  height: 33px;
  background-color: #efefef;
  border: solid 1px #cdcdcd;
  vertical-align: top;
  margin-top: 3px; }

.PopUpFrame_Center, .bodyPopup {
  background-color: #ffffff;
  border: 0;
  border-spacing: 0px;
  border-collapse: collapse; }

.PopupFrame_Margin {
  margin: 10px; }

.PopUpFrame_Center td.labeltext {
  color: #2D4155;
  text-align: left;
  padding-left: 50px; }

.popupBreakLine {
  clear: both;
  padding-top: 5px; }

.blackRibbonTitle {
  height: 90px;
  background-color: #e8f0f3;
  border-radius: 5px;
  /* font-size: 20px; */
  /* margin: 5px; */
  margin: auto;
  padding-bottom: 10px;
  /*margin-top: 9px;
  margin-bottom: 9px;*/
  color: #525252;
  /* text-shadow: 0 -1px rgba(0,0,0,0.6); */
  box-shadow: 0 0 5px rgba(52, 52, 52, 0.5); }

.dx-popup-title.dx-toolbar {
  color: #fff;
  background-color: #e87722 !important;
  border-radius: 5px 5px 0px 0px; }

.dx-popup-title.dx-toolbar .dx-toolbar-items-container {
  height: 20px;
  overflow: visible;
  font-weight: 600; }

.dx-popup-title .dx-closebutton .dx-icon {
  color: white; }

.naUser {
  color: #c4c4c4; }

.taskDone {
  color: #c4c4c4;
  font-size: 12px; }

.taskNotDone {
  font-size: 12px; }

.employeeListPhoto {
  position: relative; }

.employeeListPhoto::before,
.employeeListPhoto::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  border-color: transparent;
  border-style: solid; }

.panHeaderListOptional {
  padding: 5px 15px;
  font-weight: 600;
  font-size: 12px;
  -moz-box-shadow: -4px 0 0 0 #000;
  background-color: #e87722ad;
  border-radius: 5px;
  color: #fff;
  box-shadow: 0 0 5px rgba(52, 52, 52, 0.5); }

.panHeaderListOptionalGenius {
  padding: 5px 15px;
  font-weight: 300;
  font-size: 12px;
  border-radius: 5px;
  color: #000; }

.employeeListPhoto::after {
  border-width: 0.6em;
  background: #0c0;
  height: 2px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  width: 2px;
  margin-bottom: 2px;
  margin-right: 2px; }

.employeeListPhotoOut {
  position: relative; }

.employeeListPhotoOut::before,
.employeeListPhotoOut::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  border-color: transparent;
  border-style: solid; }

.employeeListPhotoOut::after {
  border-width: 0.6em;
  background: #eb0d18;
  height: 2px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  width: 2px;
  margin-bottom: 2px;
  margin-right: 2px; }

.employeeListNA {
  position: relative; }

.employeeListNA::before,
.employeeListNA::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  border-color: transparent;
  border-style: solid; }

.employeeListNA::after {
  border-width: 0.6em;
  background: #c4c4c4;
  height: 2px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  width: 2px;
  margin-bottom: 2px;
  margin-right: 2px; }

.employeeListAbsence {
  position: relative; }

.employeeListAbsence::before,
.employeeListAbsence::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-color: transparent;
  border-style: solid; }

.employeeListAbsence::after {
  border-width: 0.6em;
  background: #eb0d18;
  height: 2px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  width: 2px;
  margin-bottom: 2px;
  margin-right: 2px; }

.blackRibbonIcon {
  float: left;
  width: 90px;
  height: 80px;
  padding-top: 10px;
  padding-left: 10px; }
  .blackRibbonIcon > img {
    height: 80px;
    width: 80px; }

.blackRibbonDescription {
  float: left;
  padding-left: 15px;
  padding-top: 7px;
  max-width: calc(100% - 725px);
  color: black;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 87px; }
  .blackRibbonDescription > span {
    color: black; }

.blackRibbonButtons {
  float: right;
  max-height: 87px;
  overflow: hidden;
  padding: 8px; }
  .blackRibbonButtons table {
    border-spacing: 0px; }

.roundCorner {
  padding: 5px;
  border: 1px solid #b6cfd8;
  border-radius: 5px; }

.innerMargin {
  margin: 5px; }

.selectionMenucontainer {
  overflow: auto; }

.newsColumn {
  width: 330px !important;
  float: left;
  margin-top: -3px; }

.headerNewsDiv {
  width: calc(100% - 10px);
  border: 1px solid #f6ccad;
  margin: 3px 0px 0px 2px;
  height: 25px;
  background-color: #e87722;
  border-radius: 5px 5px 0px 0px; }

.contentNewsDiv {
  width: calc(100% - 10px);
  border: 1px solid #f6ccad;
  margin: -2px 0px 0px 2px;
  height: 150px;
  background: white; }

.feedSize {
  min-height: 387px;
  max-height: calc(100vh - 340px) !important;
  height: initial !important;
  /* overflow-y: auto;*/
  max-width: 95%;
  margin: 0 auto; }

.dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
  vertical-align: middle; }

.dx-datagrid .dx-row > td {
  padding: 5px; }

.NewsHeaderPosition {
  padding-left: 15px;
  padding-top: 5px;
  font-size: 12px; }

.NewsSupportPosition {
  padding-left: 15px;
  padding-right: 15px;
  text-align: center; }

.NewsContentPosition {
  padding-left: 15px;
  padding-top: 10px; }

.AdvancedFilterPopup {
  position: absolute;
  z-index: 9000;
  margin-top: -26px;
  margin-left: -400px;
  width: 450px;
  height: 400px; }

.AdvancedHeaderTitleStyle {
  padding-left: 24px;
  padding-top: 3px;
  display: block; }

.AdvancedFilterEmployeeFloating {
  width: 200px;
  z-index: 999;
  border: solid 1px #CCCCCC;
  background-color: #EEEEEF;
  position: absolute;
  display: block; }
  .AdvancedFilterEmployeeFloating > table {
    width: 170px;
    margin-left: 10px;
    margin-right: 10px; }

.RequestsContentList {
  background-position: top;
  width: 100%;
  height: 280px;
  overflow-y: scroll;
  background-color: #ffffff;
  border: 0px;
  margin: 0; }

.textClass {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px;
  color: #2D4155;
  border: solid 1px #818d99;
  padding: 3px;
  border-radius: 5px; }

.textClassWithoutBorder {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px;
  color: #2D4155;
  line-height: 20px; }

.descriptionClassWithoutBorder {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px;
  color: #e87722; }

.comboClass {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px;
  color: #2D4155;
  border: solid 1px #818d99; }

.inputRadioClass {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px;
  color: #2D4155; }

.linkClass {
  color: #8794A9;
  text-decoration: underline; }
  .linkClass:visited {
    color: #8794A9;
    text-decoration: underline; }
  .linkClass:hover {
    color: #000000; }

.PopupFrameStart {
  background-color: #ffffff; }

.HistoryFrame {
  position: absolute;
  z-index: 3;
  left: calc(100% - 685px); }

.AlertsFrame {
  position: absolute;
  z-index: 3;
  left: calc(100% - 250px); }

.UserTasksFrame {
  position: absolute;
  z-index: 3;
  left: calc(100% - 835px); }

.UserTasksFrameContent {
  background-color: #ffffff; }

.DetailFrame_TopLeft, .DetailFrame_TopMid, .DetailFrame_TopRight, .DetailFrame_BottomLeft, .DetailFrame_BottomMid, .DetailFrame_BottomRight {
  height: 8px; }

.Login_Logo {
  height: 48px;
  background-image: url(../Images/LoginForm/Login_Logo.png);
  background-position: center;
  background-repeat: no-repeat; }

.chaboutme {
  background-image: url(../Images/info-icon.png);
  display: block;
  height: 20px;
  padding-top: 5px;
  padding-right: 28px;
  background-repeat: no-repeat;
  background-position: right;
  text-decoration: none;
  color: #000000; }
  .chaboutme:hover {
    color: #7d7c7c; }

.chpass {
  display: block;
  min-width: 100px;
  height: 20px;
  padding-right: 30px;
  padding-top: 5px;
  background-image: url(../Images/Main/chgpwd.png);
  background-repeat: no-repeat;
  background-position: right 0;
  text-decoration: none;
  color: #666666;
  margin-top: -5px; }
  .chpass:hover {
    color: #7d7c7c; }

.chpassForm {
  background-image: url(../Images/Main/chgpwd.png);
  background-repeat: no-repeat;
  background-position: left center;
  width: 20px; }

.closesess {
  display: block;
  height: 20px;
  padding-top: 5px;
  padding-right: 28px;
  background-image: url(../Images/Main/exit.png);
  background-repeat: no-repeat;
  background-position: right;
  text-decoration: none;
  color: #000000; }
  .closesess:hover {
    color: #7d7c7c; }

.chlang {
  display: block;
  min-width: 100px;
  height: 20px;
  padding-right: 30px;
  padding-top: 5px;
  background-image: url(../Images/Main/chglang.png);
  background-repeat: no-repeat;
  background-position: right 0;
  text-decoration: none;
  color: #666666;
  margin-top: -5px; }
  .chlang:hover {
    color: #7d7c7c; }

.chlangForm {
  background-image: url(../Images/Main/chglang24.png);
  background-repeat: no-repeat;
  background-position: left center;
  width: 30px; }

.chlang:hover {
  color: #000000; }

.StartMenuStyle {
  display: block;
  text-decoration: none;
  background-color: #ffffff;
  color: #000000;
  width: 130px;
  height: 26px;
  overflow: hidden;
  padding-left: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-repeat: no-repeat;
  background-position: left top; }
  .StartMenuStyle:visited {
    display: block;
    text-decoration: none;
    background-color: #ffffff;
    color: #000000;
    width: 130px;
    height: 26px;
    overflow: hidden;
    padding-left: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-repeat: no-repeat;
    background-position: left top; }
  .StartMenuStyle:hover {
    font-weight: bold;
    background-color: #ffffff;
    border: thin solid #BFBFFF; }

.pathway-logout {
  display: block;
  text-decoration: none;
  color: #ffffff;
  padding-left: 10px;
  padding-top: 2px;
  background-repeat: no-repeat;
  background-position: left;
  background-image: url(../Images/Main/logout.png); }
  .pathway-logout:hover {
    color: #000000; }

.bTab {
  display: block;
  width: 158px;
  height: 20px;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  padding-top: 6px;
  margin: 1px;
  border-radius: 5px;
  font-size: 12px;
  background-color: #32525D; }
  .bTab:visited {
    display: block;
    width: 158px;
    height: 20px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
    padding-top: 6px;
    margin: 1px;
    font-size: 12px;
    background-color: #32525D; }
  .bTab:hover {
    display: block;
    width: 158px;
    height: 20px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
    padding-top: 6px;
    margin: 1px;
    background-color: #e87722; }

.bTab-active {
  display: block;
  width: 158px;
  height: 20px;
  color: #ffffff;
  border-radius: 5px;
  text-align: center;
  vertical-align: middle;
  padding-top: 6px;
  margin: 1px;
  font-size: 12px;
  background-color: #e87722; }
  .bTab-active:visited {
    display: block;
    width: 158px;
    height: 20px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
    padding-top: 6px;
    margin: 1px;
    font-size: 12px;
    background-color: #e87722; }

.bTabSurveys {
  display: inline-block;
  width: 250px;
  height: 35px;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
  padding-top: 10px;
  font-weight: 600;
  margin: 1px;
  border-radius: 5px;
  font-size: 12px;
  background-color: #32525D; }
  .bTabSurveys:visited {
    display: inline-block;
    width: 250px;
    height: 35px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
    padding: 5px;
    padding-top: 10px;
    font-weight: 600;
    margin: 1px;
    font-size: 12px;
    background-color: #32525D; }
  .bTabSurveys:hover {
    display: inline-block;
    width: 250px;
    height: 35px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
    padding: 5px;
    padding-top: 10px;
    font-weight: 600;
    margin: 1px;
    background-color: #e87722; }

.bTabSurveys-active {
  display: inline-block;
  width: 250px;
  height: 35px;
  color: #ffffff;
  border-radius: 5px;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
  padding-top: 10px;
  font-weight: 600;
  margin: 1px;
  font-size: 12px;
  background-color: #e87722; }
  .bTabSurveys-active:visited {
    display: inline-block;
    width: 250px;
    height: 35px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
    padding: 5px;
    padding-top: 10px;
    font-weight: 600;
    margin: 1px;
    font-size: 12px;
    background-color: #e87722; }

.bTabZones {
  display: inline-block;
  width: 250px;
  height: 35px;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
  padding-top: 10px;
  font-weight: 600;
  margin: 1px;
  border-radius: 5px;
  font-size: 12px;
  background-color: #32525D; }
  .bTabZones:visited {
    display: inline-block;
    width: 250px;
    height: 35px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
    padding: 5px;
    padding-top: 10px;
    font-weight: 600;
    margin: 1px;
    font-size: 12px;
    background-color: #32525D; }
  .bTabZones:hover {
    display: inline-block;
    width: 250px;
    height: 35px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
    padding: 5px;
    padding-top: 10px;
    font-weight: 600;
    margin: 1px;
    background-color: #e87722; }

.bTabZones-active {
  display: inline-block;
  width: 250px;
  height: 35px;
  color: #ffffff;
  border-radius: 5px;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
  padding-top: 10px;
  font-weight: 600;
  margin: 1px;
  font-size: 12px;
  background-color: #e87722; }
  .bTabZones-active:visited {
    display: inline-block;
    width: 250px;
    height: 35px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
    padding: 5px;
    padding-top: 10px;
    font-weight: 600;
    margin: 1px;
    font-size: 12px;
    background-color: #e87722; }

.bTabZonesMenu {
  display: inline-block;
  width: 150px;
  height: 10px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
  font-weight: 500;
  margin: 1px;
  border-radius: 5px;
  font-size: 12px;
  background-color: #32525d; }

.bTabZonesMenu:visited {
  display: inline-block;
  width: 150px;
  height: 10px;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  border-radius: 5px;
  padding: 10px;
  font-weight: 500;
  margin: 1px;
  font-size: 12px;
  background-color: #32525D; }

.bTabZonesMenu:hover {
  display: inline-block;
  width: 150px;
  height: 10px;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  border-radius: 5px;
  padding: 10px;
  font-weight: 500;
  margin: 1px;
  background-color: #e87722; }

.bTabZonesMenu-active {
  display: inline-block;
  width: 150px;
  height: 10px;
  color: #ffffff;
  border-radius: 5px;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
  font-weight: 500;
  margin: 1px;
  font-size: 12px;
  background-color: #e87722; }

.bTabZonesMenu-active:visited {
  display: inline-block;
  width: 150px;
  height: 10px;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  border-radius: 5px;
  padding: 10px;
  font-weight: 500;
  margin: 1px;
  font-size: 12px;
  background-color: #e87722; }

.bTabDocuments {
  display: block;
  width: 250px;
  height: 20px;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
  padding-top: 10px;
  font-weight: 600;
  margin: 1px;
  border-radius: 5px;
  font-size: 12px;
  background-color: #32525D; }
  .bTabDocuments:visited {
    display: block;
    width: 250px;
    height: 20px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
    padding: 5px;
    padding-top: 10px;
    font-weight: 600;
    margin: 1px;
    font-size: 12px;
    background-color: #32525D; }
  .bTabDocuments:hover {
    display: block;
    width: 250px;
    height: 20px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
    padding: 5px;
    padding-top: 10px;
    font-weight: 600;
    margin: 1px;
    background-color: #e87722; }

.bTabDocuments-active {
  display: block;
  width: 250px;
  height: 20px;
  color: #ffffff;
  border-radius: 5px;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
  padding-top: 10px;
  font-weight: 600;
  margin: 1px;
  font-size: 12px;
  background-color: #e87722; }
  .bTabDocuments-active:visited {
    display: block;
    width: 250px;
    height: 20px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
    padding: 5px;
    padding-top: 10px;
    font-weight: 600;
    margin: 1px;
    font-size: 12px;
    background-color: #e87722; }

.blackRibbonIcon > img {
  height: 80px;
  width: 80px;
  border-radius: 5px; }

.slide_likebox {
  position: absolute;
  height: 0px;
  z-index: 9002;
  overflow: hidden;
  left: 12px; }

.treeCaption {
  border: thin solid #32525D;
  height: 28px;
  padding: 2px;
  width: 280px;
  border-radius: 5px; }

.treeIconDouble {
  height: 24px;
  padding-right: 5px;
  padding-top: 5px;
  width: 24px; }

.treeDescriptionText {
  display: block;
  margin-left: 5px;
  padding-top: 8px;
  color: #ffffff;
  padding-top: 7px;
  font-size: 12px;
  font-weight: 600; }

.treeBottomBox {
  width: 280px;
  padding: 2px;
  height: 100%;
  border: thin solid silver; }

.treeBottomBoxTree {
  width: 99%;
  height: 100%;
  border: solid 1px silver; }

.mygradientleft2, .mygradientleft {
  background-color: #32525D; }

.spanCaptionDoubleClass {
  background-color: #E8E8E8;
  border: thin solid #4A6E83;
  color: #4A6E83;
  display: table-cell;
  font-size: 11px;
  height: 20px;
  padding: 8px 0 4px 8px;
  width: 90px; }
  .spanCaptionDoubleClass:hover {
    background-color: #3C4A52;
    border: thin solid #DADADA;
    color: #ffffff; }

.txtFilter {
  display: block;
  margin-top: 5px;
  padding-top: 5px;
  padding-left: 30px;
  width: 212px;
  height: 23px;
  border: 0;
  background-image: url(../Images/txtFilter/txtFilter.png);
  background-repeat: no-repeat;
  color: #666666; }

.icoFilter {
  display: block;
  height: 20px;
  width: 20px;
  background-image: url(../Images/txtFilter/icoFilter.png);
  background-repeat: no-repeat;
  background-position: center center;
  color: #666666;
  text-decoration: none; }

.icoRefresh {
  display: block;
  height: 20px;
  width: 20px;
  background-image: url(../Images/icoRefresh.png);
  background-repeat: no-repeat;
  background-position: center center;
  color: #666666;
  text-decoration: none; }

.icoSearch {
  display: block;
  height: 16px;
  width: 16px;
  background-image: url(../Images/txtFilter/icoSearch.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: Transparent;
  text-decoration: none;
  padding-left: 22px;
  padding-top: 2px; }

.icoFilter1 {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../Images/txtFilter/filter1.png);
  background-position: center center;
  background-repeat: no-repeat; }

.icoFilter2 {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../Images/txtFilter/filter2.png);
  background-position: center center;
  background-repeat: no-repeat; }

.icoFilter3 {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../Images/txtFilter/filter3.png);
  background-position: center center;
  background-repeat: no-repeat; }

.icoFilter4 {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../Images/txtFilter/filter4.png);
  background-position: center center;
  background-repeat: no-repeat; }

.icoFilter5 {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../Images/txtFilter/filter5.png);
  background-position: center center;
  background-repeat: no-repeat; }

.treeSelect {
  display: block;
  border: 1px solid #C0C0C0;
  width: 20px;
  margin-left: 20px;
  height: 20px;
  background-image: url(../Images/tree_select.png);
  background-position: center center;
  background-repeat: no-repeat; }

.treeSelectChildren {
  display: block;
  border: 1px solid #C0C0C0;
  width: 20px;
  margin-left: 20px;
  height: 20px;
  background-image: url(../Images/tree_selectChildren.png);
  background-position: center center;
  background-repeat: no-repeat; }

.treeSelectAll {
  display: block;
  border: 1px solid #C0C0C0;
  width: 20px;
  margin-left: 20px;
  height: 20px;
  background-image: url(../Images/tree_selectAll.png);
  background-position: center center;
  background-repeat: no-repeat; }

.treeTrash {
  display: block;
  border: 1px solid #C0C0C0;
  width: 20px;
  margin-left: 20px;
  height: 20px;
  background-image: url(../Images/Grid/trash.png);
  background-position: center center;
  background-repeat: no-repeat; }

.icoFilterPassports1 {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../Images/txtFilter/filterPassports2.png);
  background-position: center center;
  background-repeat: no-repeat; }

.icoFilterPassports1_24 {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(../Images/txtFilter/filterPassports2_24.png);
  background-position: center center;
  background-repeat: no-repeat; }

.icoPressed {
  background-color: #DADADA;
  border: solid 1px #808EA5; }

.icoUnPressed, .icoClass {
  border: solid 1px transparent; }

.tblPeriods {
  color: #666666;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px; }

.gBox {
  color: #7a89a1;
  font-size: 11px; }

.panHeader {
  display: block;
  background-image: url(../Images/gBox/bDecoration.png);
  background-repeat: no-repeat;
  background-position: 6px 3px;
  color: #2D4155;
  font-weight: bold;
  width: 99%;
  height: 22px;
  background-color: #efefef;
  border: solid 1px #cdcdcd; }

.panHeader3 {
  display: block;
  color: #ffffff;
  font-weight: bold;
  text-align: left;
  padding: 5px 15px;
  font-weight: 600;
  /* text-align: justify; */
  -moz-box-shadow: -4px 0 0 0 #000;
  /* -webkit-box-shadow: -4px 0 0 0 #000; */
  /* box-shadow: -4px 0 0 0 #000; */
  background-color: #eca46e;
  border-radius: 5px;
  color: #fff; }

.panHeader2 {
  margin: 5px 1px;
  padding: 5px 15px;
  font-weight: 600;
  -moz-box-shadow: -4px 0 0 0 #000;
  background-color: #e87722;
  border-radius: 5px;
  color: #fff; }

.panHeaderWizard {
  padding: 0px 15px;
  font-weight: 600;
  -moz-box-shadow: -4px 0 0 0 #000;
  background-color: #e87722;
  border-radius: 5px;
  color: #fff; }

.panHeaderContact {
  /* display: inline-block; */
  margin: 5px 70px;
  padding: 7px 15px;
  font-weight: 600;
  /* text-align: justify; */
  -moz-box-shadow: -4px 0 0 0 #000;
  /* -webkit-box-shadow: -4px 0 0 0 #000; */
  /* box-shadow: -4px 0 0 0 #000; */
  background-color: #ffffff;
  border-radius: 15px;
  color: #fff;
  /* text-shadow: 0 -1px rgba(0,0,0,0.6); */
  box-shadow: inset 0 0 5px #e87722; }

.panHeader4 {
  /* display: inline-block; */
  padding: 15px 15px;
  font-weight: 600;
  font-size: 14px;
  /* text-align: justify; */
  -moz-box-shadow: -4px 0 0 0 #000;
  /* -webkit-box-shadow: -4px 0 0 0 #000; */
  /* box-shadow: -4px 0 0 0 #000; */
  background-color: #e87722;
  border-radius: 5px;
  color: #fff;
  /*    text-shadow: 0 -1px rgba(0,0,0,0.6);
  box-shadow: inset 0 0 5px rgba(53,86,129, 0.5);*/
  box-shadow: 0 0 5px rgba(52, 52, 52, 0.5); }

.panHeader5 {
  /* display: inline-block; */
  padding: 15px 15px;
  font-weight: 600;
  /* text-align: justify; */
  -moz-box-shadow: -4px 0 0 0 #000;
  /* -webkit-box-shadow: -4px 0 0 0 #000; */
  /* box-shadow: -4px 0 0 0 #000; */
  background-color: #e8f0f3;
  border-radius: 5px;
  font-size: 20px;
  color: #525252;
  /*    text-shadow: 0 -1px rgba(0,0,0,0.6);*/
  box-shadow: 0 0 5px rgba(53, 86, 129, 0.5); }

.panHeaderRobotics {
  /* display: inline-block; */
  padding: 15px 15px;
  font-weight: 600;
  /* text-align: justify; */
  -moz-box-shadow: -4px 0 0 0 #000;
  /* -webkit-box-shadow: -4px 0 0 0 #000; */
  /* box-shadow: -4px 0 0 0 #000; */
  background-color: #eca46e;
  border-radius: 5px;
  color: white;
  /*    text-shadow: 0 -1px rgba(0,0,0,0.6);*/
  box-shadow: 0 0 5px rgba(52, 52, 52, 0.5); }

.panHeader6 {
  padding: 8px 8px;
  font-weight: 600;
  font-size: 14px;
  -moz-box-shadow: -4px 0 0 0 #000;
  background-color: #e87722;
  border-radius: 5px;
  color: #fff; }

#divContenido .panHeader2 {
  padding: 10px !important;
  margin: 0px !important;
  font-size: 12px !important;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important; }

.panHeaderBarTools {
  display: block;
  background-image: url(../Images/gBox/bDecoration.png);
  background-repeat: no-repeat;
  background-position: center;
  color: #2D4155;
  font-weight: bold;
  height: 22px;
  background-color: #efefef;
  border: solid 1px #cdcdcd;
  text-align: left; }

.panHeaderLabel {
  display: block;
  padding-top: 4px; }

.GridStyle {
  color: #666666;
  border-bottom: solid 1px #b6cfd8; }

.GridStyle-cellheader {
  padding: 2px;
  padding-left: 5px;
  text-align: left;
  background-color: #f6ccad;
  font-weight: bold;
  border: solid 1px #f6ccad; }

.GridStyle-cellheader-noend {
  border-right: 0; }

.GridStyle-cell1 {
  padding: 2px;
  padding-left: 5px;
  text-align: left;
  border-left: solid 1px #b6cfd8;
  background-color: #d7e5ea; }

.GridStyle-endcell1 {
  border-right: solid 1px #b6cfd8; }

.GridStyle-cell2 {
  padding: 2px;
  padding-left: 5px;
  text-align: left;
  border-left: solid 1px #b6cfd8;
  background-color: #fff; }

.GridStyle-endcell2 {
  border-right: solid 1px #b6cfd8; }

.GridStyle-cell3 {
  padding: 2px;
  padding-left: 5px;
  text-align: left;
  border-left: solid 1px #b6cfd8;
  background-color: #568c9f;
  color: White; }

.GridStyle-endcell3 {
  border-right: solid 1px #b6cfd8; }

.GridStyle-cellHistory {
  border-left-style: none;
  text-align: right;
  width: 10px; }

.dx-header-row {
  border: 0px !important; }

.dx-datagrid-rowsview {
  border-top: 0px !important; }

.dx-datagrid-scroll-container {
  border-radius: 5px; }

.GridStyleNext {
  color: #666666; }

.GridStyleNext-cellheader {
  padding: 2px;
  padding-left: 5px;
  text-align: left;
  color: white;
  font-weight: bold; }

.GridStyleNext-cellheader-noend {
  border-right: 0; }

.GridStyleNext-cell1 {
  padding: 2px;
  padding-left: 5px;
  text-align: left;
  background-color: #fff;
  height: 30px; }

.GridStyleNext-cell2 {
  padding: 2px;
  padding-left: 5px;
  text-align: left;
  background-color: #fff;
  height: 30px; }

.GridStyleNext-cell3 {
  padding: 2px;
  padding-left: 15px;
  text-align: left;
  background-color: #32525d91;
  color: White;
  height: 30px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600; }

.GridStyleNext-cellHistory {
  border-left-style: none;
  text-align: right;
  width: 10px; }

.GridEmpleados {
  margin: 0px;
  margin-top: 0;
  width: 100%; }

.FeaturesTableStyle {
  color: black; }

.FeaturesTableStyle-cellheader {
  padding: 2px;
  padding-left: 5px;
  background-color: #446f7e;
  font-weight: bold;
  border: solid 1px #b6cfd8;
  color: #ffffff; }

.FeaturesTableStyle-cellheader-noend {
  border-right: 0; }

.FeaturesTableStyle-cellLevel1 {
  padding: 2px;
  padding-left: 15px;
  text-align: left;
  border-top: solid 1px #b6cfd8;
  border-left: solid 1px #b6cfd8;
  border-right: solid 1px #b6cfd8;
  background-color: #74a4b4; }
  .FeaturesTableStyle-cellLevel1 a {
    color: Black; }

.FeaturesTableStyle-noendcellLevel1 {
  border-right: 0; }

.FeaturesTableStyle-cellLevel2 {
  padding: 2px;
  padding-left: 15px;
  border-top: solid 1px #b6cfd8;
  border-left: solid 1px #b6cfd8;
  border-right: solid 1px #b6cfd8;
  background-color: #95b9c6; }

.FeaturesTableStyle-noendcellLevel2 {
  border-right: 0; }

.FeaturesTableStyle-cellLevel2 a {
  color: Black; }

.FeaturesTableStyle-cellLevel3 {
  padding: 2px;
  padding-left: 15px;
  border-top: solid 1px #b6cfd8;
  border-left: solid 1px #b6cfd8;
  border-right: solid 1px #b6cfd8;
  background-color: #b6cfd8; }

.FeaturesTableStyle-noendcellLevel3 {
  border-right: 0; }

.FeaturesTableStyle-cellLevel3 a {
  color: Black; }

.FeaturesTableStyle-cellLevel4 {
  padding: 2px;
  padding-left: 15px;
  border-top: solid 1px #b6cfd8;
  border-left: solid 1px #b6cfd8;
  border-right: solid 1px #b6cfd8;
  background-color: #d7e5ea; }

.FeaturesTableStyle-noendcellLevel4 {
  border-right: 0; }

.FeaturesTableStyle-cellLevel4 a {
  color: Black; }

.FeaturesTableStyle-cellLevel5 {
  padding: 2px;
  padding-left: 15px;
  border-top: solid 1px #b6cfd8;
  border-left: solid 1px #b6cfd8;
  border-right: solid 1px #b6cfd8;
  background-color: #f8fbfc; }

.FeaturesTableStyle-noendcellLevel5 {
  border-right: 0; }

.FeaturesTableStyle-cellLevel5 a {
  color: Black; }

.FeaturesTableStyle-cellPermissions {
  width: 150px;
  text-align: right; }

.GridFeatures, .GridFeatureChilds {
  margin: 0px;
  margin-top: 0;
  width: 100%; }

.GridPermissions {
  margin: 0px;
  margin-top: 0;
  text-align: right; }

.GridEmployeeGroups, .GridEmployees {
  margin: 0px;
  margin-top: 0;
  width: 100%; }

.PermissionAdmin {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Security/Images/Features/Access_Admin.png);
  background-position: center center;
  background-repeat: no-repeat; }

.PermissionAdminInherited {
  background-image: url(../../Security/Images/Features/Access_InheritedAdmin.png); }

.PermissionWrite {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Security/Images/Features/Access_Write.png);
  background-position: center center;
  background-repeat: no-repeat; }

.PermissionWriteInherited {
  background-image: url(../../Security/Images/Features/Access_InheritedWrite.png); }

.PermissionRead {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Security/Images/Features/Access_Read.png);
  background-position: center center;
  background-repeat: no-repeat; }

.PermissionReadInherited {
  background-image: url(../../Security/Images/Features/Access_InheritedRead.png); }

.PermissionNone {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Security/Images/Features/Access_None.png);
  background-position: center center;
  background-repeat: no-repeat; }

.PermissionNoneInherited {
  background-image: url(../../Security/Images/Features/Access_InheritedNone.png); }

.PermissionDefault {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Security/Images/Features/Access_Inheriteddefaults.png);
  background-position: center center;
  background-repeat: no-repeat; }

.PermissionPressed {
  background-color: #e87722;
  border: solid 1px #f6ccad; }

.PermissionUnPressed {
  border: solid 1px transparent; }

.FeatureInfoAnchor {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Security/Images/Features/FeatureInfo.png);
  background-position: center center;
  background-repeat: no-repeat; }

.FeatureInfoTable {
  padding: 2px;
  padding-left: 15px;
  border-top: solid 1px #b6cfd8;
  border-left: solid 1px #b6cfd8;
  border-right: solid 1px #b6cfd8;
  background-color: #ffffff;
  width: 100%; }

.FeatureInfoPressed {
  background-color: #DADADA;
  border: solid 1px #808EA5; }

.FeatureInfoUnPressed {
  border: solid 1px transparent; }

.PermissionEmployeesButton {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Security/Images/Features/PermissionEmployees.png);
  background-position: center center;
  background-repeat: no-repeat; }

.PermissionEmployeesButtonDisabled {
  background-image: url(../Images/Transparencia.Gif);
  cursor: default; }

.EmployeeGroupAnchor {
  padding-left: 20px;
  background-image: url(../Images/EmployeeSelector/Grupos-16x16.Gif);
  background-position: left center;
  background-repeat: no-repeat; }

.EmployeeAnchor {
  padding-left: 20px;
  background-image: url(../Images/EmployeeSelector/Empleado-16x16.gif);
  background-position: left center;
  background-repeat: no-repeat; }

.CompanyAnchor {
  padding-left: 20px;
  background-image: url(../Images/EmployeeSelector/Company_16.png);
  background-position: left center;
  background-repeat: no-repeat; }

.UserFieldShowHideValueAnchor {
  font-size: smaller;
  text-decoration: underline; }

.UserFieldShowHideValueDiv {
  color: #666666; }

HTML {
  scrollbar-arrow-color: #7786a0;
  scrollbar-base-color: #ffffff;
  scrollbar-darkshadow-color: #b6cfd8;
  scrollbar-face-color: #ffffff;
  scrollbar-highlight-color: #b6cfd8;
  scrollbar-shadow-color: #ffffff; }

.divEmployee-Class {
  margin-left: 30px;
  width: 95%;
  margin-bottom: 5px; }

.spanEmp-Class {
  display: block;
  width: 100%;
  padding: 5px;
  color: #2D4155; }

a {
  color: #2D4155;
  text-decoration: none; }
  a:visited {
    color: #2D4155;
    text-decoration: none; }

.btnMode {
  display: block;
  text-align: left;
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #2D4155;
  width: auto;
  min-width: 30px;
  height: 18px;
  padding-left: 2px;
  padding-top: 2px;
  padding-right: 2px;
  border: solid 1px transparent; }
  .btnMode:visited {
    display: block;
    text-align: left;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    color: #2D4155;
    width: auto;
    min-width: 30px;
    height: 18px;
    padding-left: 2px;
    padding-top: 2px;
    padding-right: 2px;
    border: solid 1px transparent; }
  .btnMode:hover {
    background-color: #A2A9B3;
    color: #ffffff;
    border: solid 1px #2D4155; }

.btnEditMode {
  display: block;
  text-align: left;
  background-image: url(../Images/Grid/edit.png);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #2D4155;
  width: auto;
  min-width: 30px;
  height: 18px;
  padding-left: 22px;
  padding-top: 2px;
  padding-right: 2px;
  border: solid 1px transparent; }
  .btnEditMode:visited {
    display: block;
    text-align: left;
    background-image: url(../Images/Grid/edit.png);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    color: #2D4155;
    width: auto;
    min-width: 30px;
    height: 18px;
    padding-left: 22px;
    padding-top: 2px;
    padding-right: 2px;
    border: solid 1px transparent; }
  .btnEditMode:hover {
    background-color: #A2A9B3;
    color: #ffffff;
    border: solid 1px #2D4155; }

.btnSaveMode {
  display: block;
  text-align: left;
  background-image: url(../Images/Grid/save.png);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #2D4155;
  width: auto;
  min-width: 30px;
  height: 20px;
  padding-left: 22px;
  padding-top: 2px;
  padding-right: 2px;
  border: solid 1px transparent; }
  .btnSaveMode:visited {
    display: block;
    text-align: left;
    background-image: url(../Images/Grid/save.png);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    color: #2D4155;
    width: auto;
    min-width: 30px;
    height: 20px;
    padding-left: 22px;
    padding-top: 2px;
    padding-right: 2px;
    border: solid 1px transparent; }
  .btnSaveMode:hover {
    background-color: #A2A9B3;
    color: #ffffff;
    border: solid 1px #2D4155; }

.btnCancelMode {
  display: block;
  text-align: left;
  background-image: url(../Images/Grid/cancel.png);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #2D4155;
  width: auto;
  min-width: 30px;
  height: 20px;
  padding-left: 22px;
  padding-top: 2px;
  padding-right: 2px;
  border: solid 1px transparent; }
  .btnCancelMode:visited {
    display: block;
    text-align: left;
    background-image: url(../Images/Grid/cancel.png);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    color: #2D4155;
    width: auto;
    min-width: 30px;
    height: 20px;
    padding-left: 22px;
    padding-top: 2px;
    padding-right: 2px;
    border: solid 1px transparent; }
  .btnCancelMode:hover {
    background-color: #A2A9B3;
    color: #ffffff;
    border: solid 1px #2D4155; }

.btnAddMode {
  display: block;
  text-align: left;
  background-image: url(../Images/Grid/add.png);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #2D4155;
  width: auto;
  min-width: 30px;
  height: 18px;
  padding-left: 22px;
  padding-top: 2px;
  padding-right: 2px;
  border: solid 1px transparent; }
  .btnAddMode:visited {
    display: block;
    text-align: left;
    background-image: url(../Images/Grid/add.png);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    color: #2D4155;
    width: auto;
    min-width: 30px;
    height: 18px;
    padding-left: 22px;
    padding-top: 2px;
    padding-right: 2px;
    border: solid 1px transparent; }
  .btnAddMode:hover {
    background-color: #A2A9B3;
    color: #ffffff;
    border: solid 1px #2D4155; }

.btnEmptyMode {
  display: block;
  text-align: left;
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #2D4155;
  width: auto;
  height: 18px;
  padding-left: 2px;
  padding-top: 2px;
  padding-right: 2px;
  border: solid 1px transparent; }
  .btnEmptyMode:visited {
    display: block;
    text-align: left;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    color: #2D4155;
    width: auto;
    height: 18px;
    padding-left: 2px;
    padding-top: 2px;
    padding-right: 2px;
    border: solid 1px transparent; }
  .btnEmptyMode:hover {
    background-color: #A2A9B3;
    color: #ffffff;
    border: solid 1px #2D4155; }

.btOKMode {
  display: block;
  text-align: left;
  background-image: url(../Images/Grid/ok.png);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #2D4155;
  width: auto;
  min-width: 30px;
  height: 18px;
  padding-left: 22px;
  padding-top: 2px;
  padding-right: 2px;
  border: solid 1px transparent; }
  .btOKMode:visited {
    display: block;
    text-align: left;
    background-image: url(../Images/Grid/ok.png);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    color: #2D4155;
    width: auto;
    min-width: 30px;
    height: 18px;
    padding-left: 22px;
    padding-top: 2px;
    padding-right: 2px;
    border: solid 1px transparent; }
  .btOKMode:hover {
    background-color: #A2A9B3;
    color: #ffffff;
    border: solid 1px #2D4155; }

.btnShowCapture {
  display: block;
  background-image: url(../Images/Grid/showcapture.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 18px;
  width: 18px;
  border: solid 1px transparent; }
  .btnShowCapture:visited {
    display: block;
    background-image: url(../Images/Grid/showcapture.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 18px;
    width: 18px;
    border: solid 1px transparent; }

.btnShowCaptureSmall {
  display: block;
  background-image: url(../Images/Grid/showcapture8x8.png);
  background-repeat: no-repeat;
  background-position: right top;
  height: 8px;
  width: 8px;
  border: solid 1px transparent; }
  .btnShowCaptureSmall:visited {
    display: block;
    background-image: url(../Images/Grid/showcapture8x8.png);
    background-repeat: no-repeat;
    background-position: right top;
    height: 8px;
    width: 8px;
    border: solid 1px transparent; }

.btnHourMode {
  display: block;
  text-align: left;
  background-image: url(../Images/Grid/hour.png);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #2D4155;
  width: auto;
  min-width: 30px;
  height: 18px;
  padding-left: 22px;
  padding-top: 2px;
  padding-right: 2px;
  border: solid 1px transparent; }
  .btnHourMode:visited {
    display: block;
    text-align: left;
    background-image: url(../Images/Grid/hour.png);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    color: #2D4155;
    width: auto;
    min-width: 30px;
    height: 18px;
    padding-left: 22px;
    padding-top: 2px;
    padding-right: 2px;
    border: solid 1px transparent; }
  .btnHourMode:hover {
    background-color: #A2A9B3;
    color: #ffffff;
    border: solid 1px #2D4155; }

.btnDDownMode {
  display: block;
  text-align: left;
  background-image: url(../Images/Grid/SortDESC.gif);
  background-repeat: no-repeat;
  background-position: 5px 7px;
  color: #2D4155;
  width: auto;
  min-width: 30px;
  height: 18px;
  padding-left: 22px;
  padding-top: 2px;
  padding-right: 2px;
  border: solid 1px transparent; }
  .btnDDownMode:visited {
    display: block;
    text-align: left;
    background-image: url(../Images/Grid/SortDESC.gif);
    background-repeat: no-repeat;
    background-position: 5px 7px;
    color: #2D4155;
    width: auto;
    min-width: 30px;
    height: 18px;
    padding-left: 22px;
    padding-top: 2px;
    padding-right: 2px;
    border: solid 1px transparent; }
  .btnDDownMode:hover {
    background-color: #A2A9B3;
    color: #ffffff;
    border: solid 1px #2D4155; }

.btnTrashMode {
  display: block;
  text-align: left;
  background-image: url(../Images/Grid/trash.png);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #2D4155;
  width: auto;
  min-width: 30px;
  height: 18px;
  padding-left: 22px;
  padding-top: 2px;
  padding-right: 2px;
  border: solid 1px transparent; }
  .btnTrashMode:visited {
    display: block;
    text-align: left;
    background-image: url(../Images/Grid/trash.png);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    color: #2D4155;
    width: auto;
    min-width: 30px;
    height: 18px;
    padding-left: 22px;
    padding-top: 2px;
    padding-right: 2px;
    border: solid 1px transparent; }
  .btnTrashMode:hover {
    background-color: #A2A9B3;
    color: #ffffff;
    border: solid 1px #2D4155; }

.btnMixMode {
  display: block;
  text-align: left;
  background-image: url(../Images/Grid/mix.png);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #2D4155;
  width: 18px;
  height: 18px;
  padding: 2px;
  border: solid 1px transparent; }
  .btnMixMode:visited {
    display: block;
    text-align: left;
    background-image: url(../Images/Grid/mix.png);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    color: #2D4155;
    width: 18px;
    height: 18px;
    padding: 2px;
    border: solid 1px transparent; }
  .btnMixMode:hover {
    background-color: #A2A9B3;
    color: #ffffff;
    border: solid 1px #2D4155; }

.NameText {
  display: block;
  padding: 2;
  margin: 0;
  color: black;
  font-size: 20px;
  font-weight: bold; }

.barDescription {
  color: black;
  text-decoration: none; }

.inputNameText {
  border: solid 1px white;
  font-size: 20px;
  font-weight: bold;
  background-color: Silver;
  padding: 1px; }

.lblTitle {
  font-size: 18px;
  font-weight: bold;
  color: #2D4155; }

.btnMsgBox {
  display: block;
  width: auto;
  margin: 2px;
  height: 30px;
  padding: 5px;
  padding-left: 25px;
  border: dotted 1px #fdfdfd; }
  .btnMsgBox:visited {
    display: block;
    width: auto;
    margin: 2px;
    height: 30px;
    padding: 5px;
    padding-left: 25px;
    border: dotted 1px #fdfdfd; }
  .btnMsgBox:hover {
    background-image: url(../Images/MessageFrame/selected.png);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    background-color: #e0eaee;
    border: dotted 1px #fdfdfd; }

.tbtop {
  color: #ffffff;
  font-size: 11px; }

.btnMaximize2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/maximize32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnMinimize2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/minimize32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbAdd {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../Images/tbt/new.png);
  background-repeat: no-repeat;
  padding: 1px;
  padding-left: 4px;
  padding-right: 4px;
  border: 0; }

.btnTbAdd2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/new32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbAdd3 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/new.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbCurrent3 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/current.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbEdit2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/edit32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbAdd3 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/customersAdd32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbAddEmployeeReport {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/ReportEmployeeScheduler32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbRunAIPlanner2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/RunAIPlanner.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbRemoveAIPlanner2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/CleanAIPlannerResults.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbAddAnalitycsReport {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/ReportAnalyticsScheduler32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbAddSupervisorReport {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/ReportSchedulerSupervisor.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbMove3 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/MovePassports32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbCommsState {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../Images/tbt/terminalcommsstate.png);
  background-repeat: no-repeat;
  padding: 1px;
  padding-left: 4px;
  padding-right: 4px;
  border: 0; }

.btnTbCommsState2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/terminalcommsstate32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbCommsPwd2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/changePwd.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnProgramTerminals, .btnProgramSelectedTerminal {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/ProgramTerminals32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbAddEmp {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../Images/tbt/newemp.png);
  background-repeat: no-repeat;
  padding: 1px;
  padding-left: 4px;
  padding-right: 4px;
  border: 0; }

.btnTbAddEmp2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/newemp32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbMassMarkConsents {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/btnConsent.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

/* Afegir Absencies massives*/
.btnTbMassAbsence {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/massAbs.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

/* Afegir Absencies massives*/
.btnTbCopyExport {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/copyTask32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbAddGroup {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../Images/tbt/masivecopy.png);
  background-repeat: no-repeat;
  padding: 1px;
  padding-left: 4px;
  padding-right: 4px;
  border: 0; }

.btnTbAddGroup2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/masivecopy32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbAddGroupBatch2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/masivecopyBatch32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbLockDate {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/empLock.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbAddShiftGroup {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../Images/tbt/shiftgroup.png);
  background-repeat: no-repeat;
  padding: 1px;
  padding-left: 4px;
  padding-right: 4px;
  border: 0; }

.btnTbAddShiftGroup2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/shiftgroup32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbAddTaskTemplate {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/TaskTemplate32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbAddTaskProject {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/Project32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbLaunchWizardTemplate {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/WizardTemplate32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbLaunchWizardCompleteTasks {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/CompleteTasks32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbNewGeographicZone {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/geographicZoneAdd32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbAddCompany {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../Images/tbt/viewparent.png);
  background-repeat: no-repeat;
  padding: 1px;
  padding-left: 4px;
  padding-right: 4px;
  border: 0; }

.btnTbAddCompany2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/viewparent32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbAccFilter {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../Images/tbt/accFilter.png);
  background-repeat: no-repeat;
  padding: 1px;
  padding-left: 4px;
  padding-right: 4px;
  border: 0; }

.btnTbAccFilter2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/accFilter32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbAccPlatesFilter2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/accPlatesFilter32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbAccViewCam {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../Images/tbt/camview.png);
  background-repeat: no-repeat;
  padding: 1px;
  padding-left: 4px;
  padding-right: 4px;
  border: 0; }

.btnTbAccViewCam32 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/camview32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbCopyEmp {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../Images/tbt/masivecopy.png);
  background-repeat: no-repeat;
  padding: 1px;
  padding-left: 4px;
  padding-right: 4px;
  border: 0; }

.btnTbCopyShift {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../Images/tbt/copyshift.png);
  background-repeat: no-repeat;
  padding: 1px;
  padding-left: 4px;
  padding-right: 4px;
  border: 0; }

.btnTbCopyShift2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/copyshift32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbCopyEventScheduler {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/CopyEvents32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbCopySecurityFunction {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/CopySecurityFunctions32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbCopySupervisor {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/CopySupervisors32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbDel {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../Images/tbt/delete.png);
  background-repeat: no-repeat;
  padding: 1px;
  padding-left: 4px;
  padding-right: 4px;
  border: 0; }

.btnTbExecuteReport {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/execute_now.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbDel2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/delete32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbImg {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../Images/tbt/image.png);
  background-repeat: no-repeat;
  padding: 1px;
  padding-left: 4px;
  padding-right: 4px;
  border: 0; }

.btnTbImg2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/image32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbMsg2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/employeeMessage32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbMonitor {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../Images/tbt/AccessMonitor.png);
  background-repeat: no-repeat;
  padding: 1px;
  border: 0; }

.btnTbMonitor2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/AccessMonitor32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbMonitor3 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/AccessMonitorv3.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbPrint {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../Images/tbt/print.png);
  background-repeat: no-repeat;
  padding: 1px;
  border: 0; }

.btnTbCheckCal {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/Task.png);
  background-repeat: no-repeat;
  padding-bottom: 10px;
  background-size: contain; }

.btnTbPrint2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/print32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnMultiMobilityEmployee {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/EmployeeMultipleMobility32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnEmployeeActionsSecurity {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/EmployeeActionsSecurity32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbPrintFast {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../Images/tbt/PrintFast.png);
  background-repeat: no-repeat;
  padding: 1px;
  border: 0; }

.btnTbParent {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../Images/tbt/viewparent.png);
  background-repeat: no-repeat;
  padding: 1px;
  border: 0; }

.btnTbDispF {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../Scheduler/Images/ver_fichajes.png);
  background-repeat: no-repeat;
  padding: 1px;
  border: 0; }

.btnTbDispID {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../Scheduler/Images/incompleteddays.png);
  background-repeat: no-repeat;
  padding: 1px;
  border: 0; }

.btnTbDispID2 {
  border: thin solid transparent;
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../../Scheduler/Images/IncompletedDays2.png);
  background-repeat: no-repeat;
  margin-bottom: 10px; }
  .btnTbDispID2:hover {
    border: thin solid #D8D8D8; }

.btnTbDispNJ {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../Scheduler/Images/notjustified.png);
  background-repeat: no-repeat;
  padding: 1px;
  border: 0; }

.btnTbDispNJ2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../../Scheduler/Images/NotJustified2.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbDispNR {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../Scheduler/Images/notreliabled.png);
  background-repeat: no-repeat;
  padding: 1px;
  border: 0; }

.btnTbDispNR2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../../Scheduler/Images/NotReliabled2.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbCopyP {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../Scheduler/Images/copiar_planificacion.png);
  background-repeat: no-repeat;
  padding: 1px;
  border: 0; }

.btnTbExcelExport {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/exportExcel.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbExcelImport {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/importExcel.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbCopyP2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../../Scheduler/Images/copiar_planificacion2.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbPlanS {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../Scheduler/Images/planificacion_semanal.png);
  background-repeat: no-repeat;
  padding: 1px;
  border: 0; }

.btnTbPlanS2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../../Scheduler/Images/planificacion_semanal2.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbMassCause {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../../Scheduler/Images/causes.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbMassPunch {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../../Scheduler/Images/Punches.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbMassIncidence {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../../Scheduler/Images/incidences.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbMassAssignCenters {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../../Scheduler/Images/AssignCenters.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbAssignPlan {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../Scheduler/Images/asignahorario.png);
  background-repeat: no-repeat;
  padding: 1px;
  border: 0; }

.btnTbShowZonePlane {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../Images/tbt/map16.png);
  background-repeat: no-repeat;
  padding: 1px;
  border: 0; }

.btnTbShowZonePlane2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/map32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbRemarksConfig {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../Scheduler/Images/remarks.png);
  background-repeat: no-repeat;
  padding: 1px;
  border: 0; }

.btnTbRemarksConfig2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../../Scheduler/Images/remarks2.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbCalendarConfig2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../../Scheduler/Images/CalendarConfig.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbTemplateConfig {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../Scheduler/Images/template.png);
  background-repeat: no-repeat;
  padding: 1px;
  border: 0; }

.btnTbTemplateConfig2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../../Scheduler/Images/template2.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnViewCam {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../Images/tbt/camview.png);
  background-repeat: no-repeat;
  padding: 1px;
  padding-left: 4px;
  padding-right: 4px;
  border: 0; }

.btnZonePlanes {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../Images/tbt/map16.png);
  background-repeat: no-repeat;
  padding: 1px;
  padding-left: 4px;
  padding-right: 4px;
  border: 0; }

.btnTbCopyTask {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../Images/tbt/copyTask.png);
  background-repeat: no-repeat;
  padding: 1px;
  padding-left: 4px;
  padding-right: 4px;
  border: 0; }

.btnTbCopyTask2 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/copyTask32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.fondo_tree {
  height: 100%;
  width: 100%; }

.fondo_tree_toolbar {
  background-color: #ffffff; }

.tabSel1 {
  display: block;
  background-image: url(../Images/fondoTree/tree_tab01.png);
  background-position: top right;
  background-repeat: no-repeat;
  height: 33px;
  width: 32px;
  border-style: none;
  padding: 0px;
  border-width: 0px; }

.tabSel1-active {
  display: block;
  background-image: url(../Images/fondoTree/tree_tab01_active.png);
  background-position: top right;
  background-repeat: no-repeat;
  height: 33px;
  width: 32px;
  border-style: none;
  padding: 0px;
  border-width: 0px; }

.tabSel2 {
  display: block;
  background-image: url(../Images/fondoTree/tree_tab02.png);
  background-position: top right;
  background-repeat: no-repeat;
  height: 33px;
  width: 32px;
  border-style: none;
  padding: 0px;
  border-width: 0px; }

.tabSel2-active {
  display: block;
  background-image: url(../Images/fondoTree/tree_tab02_active.png);
  background-position: top right;
  background-repeat: no-repeat;
  height: 33px;
  width: 32px;
  border-style: none;
  padding: 0px;
  border-width: 0px; }

.tabSel3 {
  display: block;
  background-image: url(../Images/fondoTree/tree_tab03.png);
  background-position: top right;
  background-repeat: no-repeat;
  height: 33px;
  width: 32px;
  border-style: none;
  padding: 0px;
  border-width: 0px; }

.tabSel3-active {
  display: block;
  background-image: url(../Images/fondoTree/tree_tab03_active.png);
  background-position: top right;
  background-repeat: no-repeat;
  height: 33px;
  width: 32px;
  border-style: none;
  padding: 0px;
  border-width: 0px; }

.tabt_l, a.tabHeader {
  display: block;
  height: 24px;
  width: 107px;
  padding: 0px;
  border-left: 1px grey solid;
  border-right: 1px grey solid;
  background-color: #32525D;
  color: #ffffff;
  text-align: left;
  border-radius: 5px; }
  .tabt_l:visited, a.tabHeader:visited {
    display: block;
    height: 24px;
    width: 107px;
    border-style: none;
    padding: 0px;
    border-width: 0px;
    color: #ffffff;
    text-align: left;
    border-radius: 5px; }

.tabt_l_active, a.tabHeader:hover, a.tabHeader-Active {
  display: block;
  height: 24px;
  width: 107px;
  border-left: 1px grey solid;
  border-right: 1px grey solid;
  background-color: #e87722;
  color: #ffffff;
  text-align: left;
  border-radius: 5px; }
  .tabt_l_active:visited, a.tabHeader:visited:hover, a.tabHeader-Active:visited {
    display: block;
    height: 24px;
    width: 107px;
    color: #ffffff;
    text-align: left;
    border-radius: 5px; }

.tabt_r_inactive {
  display: block;
  background-color: #32525D;
  height: 24px;
  width: 130px;
  color: #ffffff;
  text-align: left;
  border-radius: 5px; }

.svd-designer-tabbed-container__tab-header-active {
  border-bottom: 4px solid #1ab394;
  border-bottom-color: var(--primary-color, #1ab394);
  font-size: 1.17em;
  font-weight: 600;
  text-transform: uppercase; }

.sa-tabulator__downloads-bar .sa-table__btn {
  margin-left: 10px;
  background-color: #e87722;
  border-color: transparent;
  color: #fff;
  border-radius: 5px; }

.sa-toolbar__button:last-child {
  margin-right: 0;
  font-family: Century Gothic,SegoeUI-Regular-final,Segoe UI,Arial,Helvetica,sans-serif;
  font-size: 12px; }

.tabt_r {
  display: block;
  height: 24px;
  width: 130px;
  background-color: #32525D;
  color: #ffffff;
  text-align: left;
  border-radius: 5px; }
  .tabt_r:visited {
    display: block;
    height: 24px;
    width: 130px;
    color: #ffffff;
    text-align: left;
    border-radius: 5px; }

.tabt_r_active {
  display: block;
  height: 24px;
  width: 130px;
  background-color: #e87722;
  color: #ffffff;
  text-align: left;
  border-radius: 5px; }
  .tabt_r_active:visited {
    display: block;
    background-image: url(../Images/fondoTree/tabt_r_active.png);
    background-position: top right;
    background-repeat: no-repeat;
    height: 24px;
    width: 130px;
    color: #ffffff;
    text-align: left;
    border-radius: 5px; }

.icoTbMinimize {
  display: block;
  background-image: url(../Images/fondoTree/bMinimize.png);
  background-position: center top;
  background-repeat: no-repeat;
  height: 13px;
  width: 13px;
  border-style: none;
  padding: 0px;
  border-width: 0px; }

.icoTbMaximize {
  display: block;
  background-image: url(../Images/fondoTree/bMaximize.png);
  background-position: center top;
  background-repeat: no-repeat;
  height: 13px;
  width: 13px;
  border-style: none;
  padding: 0px;
  border-width: 0px; }

.selList {
  display: block;
  padding: 4px;
  border: solid 1px transparent; }
  .selList:visited {
    display: block;
    padding: 4px;
    border: solid 1px transparent; }
  .selList:hover {
    display: block;
    padding: 4px;
    border: solid 1px silver; }

.selList-selected {
  display: block;
  padding: 4px;
  background-color: #76859f;
  border: solid 1px #000000;
  color: #ffffff; }
  .selList-selected:visited {
    display: block;
    padding: 4px;
    background-color: #76859f;
    border: solid 1px #000000;
    color: #ffffff; }

.textEdit {
  width: 100%;
  color: #666666;
  font-size: 11px;
  background-color: #ffffff;
  border: solid 1px #7D8BA3;
  padding: 1px 2px 1px 2px; }

.textEdit-focus {
  width: 100%;
  color: #ffffff;
  font-size: 11px;
  background-color: #B5C2CF;
  border: solid 1px #7D8BA3;
  padding-left: 2px; }

.textEditError, .textEditError-focus {
  width: 100%;
  color: #666666;
  font-size: 11px;
  background-color: #FEFE9B;
  border: solid 1px #7D8BA3;
  padding-left: 2px; }

.rowSelectable {
  display: block;
  padding: 2px;
  width: 100%;
  height: 100%;
  border: solid 1px transparent;
  background-color: Transparent; }
  .rowSelectable:visited {
    display: block;
    padding: 2px;
    width: 100%;
    height: 100%;
    border: solid 1px transparent;
    background-color: Transparent; }
  .rowSelectable:hover {
    background-color: #B5C2CF;
    border: solid 1px #7D8BA3;
    color: #ffffff; }

.wsConfigSection {
  display: block;
  width: 48px;
  height: 48px;
  border: solid 1px transparent;
  background-repeat: no-repeat;
  background-image: url(../Images/WsConfig.png); }

.consentsAlerts {
  display: block;
  width: 48px;
  height: 48px;
  border: solid 1px transparent;
  background-repeat: no-repeat;
  background-image: url(../../Security/Images/consentStatus.png);
  background-size: contain; }

.consentsHistory {
  display: block;
  width: 48px;
  height: 48px;
  border: solid 1px transparent;
  background-repeat: no-repeat;
  background-image: url(../../Security/Images/consentHistory.png);
  background-size: contain; }

.wsAuditSection {
  display: block;
  width: 48px;
  height: 48px;
  border: solid 1px transparent;
  background-repeat: no-repeat;
  background-image: url(../Images/StartMenuIcos/Audit.png); }

.typeEmpPres {
  display: block;
  width: 48px;
  height: 48px;
  border: solid 1px transparent;
  background-image: url(../Images/Employees/Presencia.png); }

.icoEmpNormalState {
  background-image: url("../Images/empStates/normal.png");
  background-repeat: no-repeat;
  background-position: 3px 3px; }

.icoEmpMoveState {
  background-image: url("../Images/empStates/move.png");
  background-repeat: no-repeat;
  background-position: 3px 3px; }

.icoEmpRemoveState {
  background-image: url("../Images/empStates/remove.png");
  background-repeat: no-repeat;
  background-position: 3px 3px; }

.icoEmpAddState {
  background-image: url("../Images/empStates/add.png");
  background-repeat: no-repeat;
  background-position: 3px 3px; }

.icoRequestDaysResume {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("../Images/empStates/plannedHolidaysResume.png");
  background-repeat: no-repeat; }

.icoEmpViewAnnualDetail {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("../Images/empStates/viewannualdet.png");
  background-repeat: no-repeat; }

.icoEmpViewPlanificationDetail {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("../../Scheduler/Images/planification16.png");
  background-repeat: no-repeat; }

.icoEmpViewMovesDetail {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("../../Scheduler/Images/Moves16.png");
  background-repeat: no-repeat; }

.icoEmpViewUserFieldsDetail {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("../Images/empStates/normal.png");
  background-repeat: no-repeat; }

.icoDayLocked {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("../Images/empStates/daylocked.png");
  background-repeat: no-repeat; }

.icoGroupNormalState {
  background-image: url("../Images/ContextBar/Grupos-16x16.Gif");
  background-repeat: no-repeat;
  background-position: 3px 3px; }

.divCalGroups {
  position: absolute;
  display: block;
  width: 200px;
  height: 30px;
  border: solid 1px #dddddd;
  border-right: double 3px #dddddd;
  color: #ffffff;
  padding-top: 8px;
  background-color: #76859f;
  z-index: 99; }

.SelectorCoverage {
  height: 62px; }

.navUp {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Scheduler/Images/navigateup.png);
  background-repeat: no-repeat;
  background-position: center center;
  border: 0;
  color: #ffffff; }

.navDown {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Scheduler/Images/navigatedown.png);
  background-repeat: no-repeat;
  background-position: center center;
  border: 0;
  color: #ffffff; }

.navSelector {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Scheduler/Images/navigateselector.png);
  background-repeat: no-repeat;
  background-position: center center;
  border: 0;
  color: #ffffff; }

.navExpand {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Scheduler/Images/Expand.png);
  background-repeat: no-repeat;
  background-position: center center;
  border: 0;
  color: #ffffff; }

.navCollapse {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Scheduler/Images/Collapse.png);
  background-repeat: no-repeat;
  background-position: center center;
  border: 0;
  color: #ffffff; }

.groupSelector {
  color: #ffffff;
  padding-left: 2px; }
  .groupSelector:visited {
    color: #ffffff;
    padding-left: 2px; }

.selCmbNavGroup {
  display: block;
  width: 180px;
  padding: 4px;
  overflow: hidden; }
  .selCmbNavGroup:visited {
    display: block;
    width: 180px;
    padding: 4px;
    overflow: hidden; }
  .selCmbNavGroup:hover {
    display: block;
    width: 200px;
    background-color: #E8EEF7;
    padding: 4px;
    overflow: hidden; }

#Scheduler-Table {
  padding: 0px;
  margin: 0px; }

a.FixedHeaderCell {
  display: block;
  width: 100px;
  height: 32px;
  border: solid 1px #dddddd;
  border-right: double 3px #dddddd;
  border-left: 0px;
  color: black;
  padding-top: 5px;
  text-align: center; }
a.FixedRowCell {
  display: block;
  width: 178px;
  height: 35px;
  border: solid 1px #dddddd;
  border-top: 0px;
  padding-left: 22px;
  padding-top: 5px;
  color: black; }
  a.FixedRowCell:visited {
    display: block;
    width: 178px;
    height: 35px;
    border: solid 1px #dddddd;
    border-top: 0px;
    padding-left: 22px;
    padding-top: 5px;
    color: black; }
a.FixedRowCell-hover {
  display: block;
  width: 178px;
  height: 35px;
  border: solid 1px #dddddd;
  border-top: 0px;
  padding-left: 22px;
  background-color: #D1DDEF;
  padding-top: 5px;
  color: black; }
a.FixedRowCell-Selected {
  display: block;
  width: 178px;
  height: 35px;
  border: solid 1px #dddddd;
  border-top: 0px;
  padding-left: 22px;
  background-color: #C2D4EF;
  color: black;
  font-weight: bold;
  padding-top: 5px; }
a.RowCell {
  display: block;
  width: 100px;
  height: 18px;
  border-right: double 3px #dddddd;
  background-color: white;
  text-align: center;
  padding-top: 2px; }
a.RowCell-disabled, a.RowCell2-disabled {
  display: block;
  width: 100px;
  height: 18px;
  border-right: double 3px transparent;
  background-color: #DFDFDF;
  text-align: center;
  padding-top: 2px; }
a.RowCell:hover {
  background-color: #e8eef7; }
a.RowCell-Selected {
  display: block;
  height: 18px;
  background-color: #818D9F;
  border: solid 1px black;
  text-align: center;
  color: #474747;
  padding-top: 2px; }
  a.RowCell-Selected:visited, a.RowCell-Selected:hover {
    display: block;
    height: 18px;
    background-color: #818D9F;
    border: solid 1px black;
    text-align: center;
    color: #474747;
    padding-top: 2px; }
a.RowCell2 {
  display: block;
  width: 100px;
  height: 18px;
  border-top: dashed 1px #dddddd;
  border-right: double 3px #dddddd;
  border-bottom: solid 1px #dddddd;
  background-color: white;
  text-align: center;
  padding-top: 2px; }
  a.RowCell2:hover {
    background-color: #e8eef7; }
a.RowCell2-Selected {
  display: block;
  height: 18px;
  background-color: #818D9F;
  border: solid 1px black;
  text-align: center;
  padding-top: 2px;
  color: #474747; }
  a.RowCell2-Selected:hover {
    display: block;
    height: 18px;
    background-color: #818D9F;
    border: solid 1px black;
    text-align: center;
    padding-top: 2px;
    color: #474747; }
a.cellPA-top {
  border-top: solid 1px #76859F;
  background-color: #E8EEF7;
  margin-top: -2px; }
  a.cellPA-top:hover, a.cellPA-top:visited {
    border-top: solid 1px #76859F;
    background-color: #E8EEF7;
    margin-top: -2px; }
a.cellPA-left {
  border-left: solid 1px #76859F;
  background-color: #E8EEF7;
  margin-left: -2px; }
  a.cellPA-left:hover, a.cellPA-left:visited {
    border-left: solid 1px #76859F;
    background-color: #E8EEF7;
    margin-left: -2px; }
a.cellPA-right {
  border-right: solid 1px #76859F;
  background-color: #E8EEF7; }
  a.cellPA-right:hover, a.cellPA-right:visited {
    border-right: solid 1px #76859F;
    background-color: #E8EEF7; }
a.cellPA-bottom {
  border-bottom: solid 1px #76859F;
  background-color: #E8EEF7; }
  a.cellPA-bottom:hover, a.cellPA-bottom:visited {
    border-bottom: solid 1px #76859F;
    background-color: #E8EEF7; }
a.cellPC-top {
  border-top: solid 1px green;
  background-color: #CBEFA4;
  margin-top: -2px; }
  a.cellPC-top:hover, a.cellPC-top:visited {
    border-top: solid 1px green;
    background-color: #CBEFA4;
    margin-top: -2px; }
a.cellPC-left {
  border-left: solid 1px green;
  background-color: #CBEFA4;
  margin-left: -2px; }
  a.cellPC-left:hover, a.cellPC-left:visited {
    border-left: solid 1px green;
    background-color: #CBEFA4;
    margin-left: -2px; }
a.cellPC-right {
  border-right: solid 1px green;
  background-color: #CBEFA4; }
  a.cellPC-right:hover, a.cellPC-right:visited {
    border-right: solid 1px green;
    background-color: #CBEFA4; }
a.cellPC-bottom {
  border-bottom: solid 1px green;
  background-color: #CBEFA4; }
  a.cellPC-bottom:hover, a.cellPC-bottom:visited {
    border-bottom: solid 1px green;
    background-color: #CBEFA4; }
a.FixedHeaderCellU {
  display: block;
  width: 140px;
  height: 30px;
  border: solid 1px #cccccc;
  border-right: solid 2px #cccccc;
  border-left: solid 2px #cccccc;
  border-left: 0;
  color: black;
  padding-top: 5px;
  text-align: center; }

.FixedRowCellU, a.FixedRowCellU:visited {
  display: block;
  width: 178px;
  height: 54px;
  border: solid 1px #cccccc;
  border-right: solid 2px #cccccc;
  border-left: solid 2px #cccccc;
  border-top: 0;
  padding-left: 22px;
  padding-top: 5px;
  color: black; }

.FixedRowCellUGroup, a.FixedRowCellUGroup:visited {
  height: 17px; }

.FixedRowCellU-hover {
  display: block;
  width: 178px;
  height: 54px;
  border: solid 1px #cccccc;
  border-right: solid 2px #cccccc;
  border-left: solid 2px #cccccc;
  border-top: 0;
  padding-left: 22px;
  background-color: #D1DDEF;
  padding-top: 5px;
  color: black; }

.FixedRowCellU-Selected {
  display: block;
  width: 178px;
  height: 54px;
  border: solid 1px #cccccc;
  border-right: solid 2px #cccccc;
  border-left: solid 2px #cccccc;
  border-top: 0px;
  padding-left: 22px;
  background-color: #C2D4EF;
  color: black;
  font-weight: bold;
  padding-top: 5px; }

a.RowCellU {
  display: block;
  width: 141px;
  height: 58px;
  background-color: white;
  border: solid 2px #cccccc;
  border-left: 0;
  border-top: 0;
  text-align: center;
  padding-top: 0px; }
a.RowCellU-disabled, a.RowCellU2-disabled {
  display: block;
  width: 120px;
  height: 58px;
  border: solid 2px #cccccc;
  border-left: 0;
  border-top: 0;
  text-align: center;
  padding-top: 0px; }
a.RowCellUGroup-disabled {
  height: 21px; }
a.RowCellU-Selected {
  display: block;
  height: 58px;
  text-align: center;
  color: #474747;
  padding-top: 0px;
  outline: solid 2px #3366cc; }
  a.RowCellU-Selected:visited, a.RowCellU-Selected:hover {
    display: block;
    height: 58px;
    text-align: center;
    color: #474747;
    padding-top: 0px;
    outline: solid 2px #3366cc; }
a.RowCellU-MultiSelected {
  display: block;
  height: 58px;
  text-align: center;
  color: #474747;
  padding-top: 0px;
  outline: solid 2px #3366cc; }
  a.RowCellU-MultiSelected:visited, a.RowCellU-MultiSelected:hover {
    display: block;
    height: 58px;
    text-align: center;
    color: #474747;
    padding-top: 0px;
    outline: solid 2px #3366cc; }
a.RowCellU-copy {
  outline: solid 2px #FF9900; }
  a.RowCellU-copy:visited, a.RowCellU-copy:hover {
    outline: solid 2px #FF9900; }
a.FixedHeaderCellUCoverage {
  display: block;
  width: 140px;
  height: 27px;
  border: solid 1px #cccccc;
  border-right: solid 2px #cccccc;
  border-left: solid 2px #cccccc;
  border-left: 0;
  color: black;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: center; }
a.FixedHeaderCellUCoverageView {
  height: 27px; }

.FixedHeaderCellUCoverageView {
  height: 27px; }

a.FixedHeaderCellUCoverage-Selected {
  display: block;
  height: 27px;
  text-align: center;
  color: #474747;
  padding-top: 3px;
  padding-bottom: 3px;
  outline: solid 2px #3366cc; }
  a.FixedHeaderCellUCoverage-Selected:visited, a.FixedHeaderCellUCoverage-Selected:hover {
    display: block;
    height: 27px;
    text-align: center;
    color: #474747;
    padding-top: 3px;
    padding-bottom: 3px;
    outline: solid 2px #3366cc; }
a.FixedHeaderCellUCoverage-MultiSelected {
  display: block;
  height: 35px;
  text-align: center;
  color: #474747;
  padding-top: 0px;
  outline: solid 2px #3366cc; }
  a.FixedHeaderCellUCoverage-MultiSelected:visited, a.FixedHeaderCellUCoverage-MultiSelected:hover {
    display: block;
    height: 35px;
    text-align: center;
    color: #474747;
    padding-top: 0px;
    outline: solid 2px #3366cc; }
a.FixedHeaderCellUCoverage-copy {
  outline: solid 2px #FF9900; }
  a.FixedHeaderCellUCoverage-copy:visited, a.FixedHeaderCellUCoverage-copy:hover {
    outline: solid 2px #FF9900; }

.CoverageProcessing {
  background-image: url(../../Scheduler/Images/Processing.gif);
  background-repeat: no-repeat;
  background-position: right top; }

a.TeoricCoverageView, .TeoricCoverageView {
  background-color: #F2F2F2; }

.TeoricCoverageDetailView {
  margin-left: 5px;
  font-size: 10px; }

a.PlannedCoverageViewError, .PlannedCoverageViewError {
  background-color: Red; }

a.PlannedCoverageViewOk, .PlannedCoverageViewOk {
  background-color: #33CC33;
  color: White; }

a.PlannedCoverageViewForced, .PlannedCoverageViewForced {
  background-color: #009933; }

.PlannedCoverageDetailViewOK {
  color: #ffffff;
  font-size: 10px; }

.PlannedCoverageDetailViewError {
  background-image: url(../../Scheduler/Images/Error10.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 12px;
  color: #ffffff;
  margin-left: 5px;
  font-size: 10px; }

.PlannedCoverageDetailViewOver {
  background-image: url(../../Scheduler/Images/Over10.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 12px;
  color: #ffffff;
  margin-left: 5px;
  font-size: 10px; }

.PlannedCoverageDetailViewForced {
  background-image: url(../../Scheduler/Images/Forced10.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 12px;
  color: #ffffff;
  margin-left: 5px;
  font-size: 10px; }

.errorText {
  width: 100%;
  color: red; }

a.ActualCoverageViewError, .ActualCoverageViewError {
  background-color: Red; }

a.ActualCoverageViewAlert, .ActualCoverageViewAlert {
  background-color: #FFFF99; }

a.ActualCoverageViewOk, .ActualCoverageViewOk {
  background-color: #33CC33; }

a.ActualCoverageViewForced, .ActualCoverageViewForced {
  background-color: #009933; }

.ActualCoverageDetailViewOk {
  color: #ffffff; }

.ActualCoverageDetailViewError {
  background-image: url(../../Scheduler/Images/Error10.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 12px;
  color: #ffffff;
  margin-left: 5px;
  font-size: 10px; }

.ActualCoverageDetailViewAlert {
  background-image: url(../../Scheduler/Images/Alert10.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 12px;
  color: #ffffff;
  margin-left: 5px;
  font-size: 10px; }

.ActualCoverageDetailViewOver {
  background-image: url(../../Scheduler/Images/Over10.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 12px;
  color: #ffffff;
  margin-left: 5px;
  font-size: 10px; }

.ActualCoverageDetailViewOverAlert {
  background-image: url(../../Scheduler/Images/OverAlert10.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 12px;
  color: #ffffff;
  margin-left: 5px;
  font-size: 10px; }

.ActualCoverageDetailViewForced {
  background-image: url(../../Scheduler/Images/Forced10.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 12px;
  color: #ffffff;
  margin-left: 5px;
  font-size: 10px; }

a.cellPAU-top {
  border-top: solid 2px #8418EF;
  margin-top: -2px; }
  a.cellPAU-top:hover, a.cellPAU-top:visited {
    border-top: solid 2px #8418EF;
    margin-top: -2px; }
a.cellPAU-left {
  border-left: solid 2px #8418EF;
  margin-left: -2px; }
  a.cellPAU-left:hover, a.cellPAU-left:visited {
    border-left: solid 2px #8418EF;
    margin-left: -2px; }
a.cellPAU-right {
  border-right: solid 2px #8418EF; }
  a.cellPAU-right:hover, a.cellPAU-right:visited {
    border-right: solid 2px #8418EF; }
a.cellPAU-bottom {
  border-bottom: solid 2px #8418EF; }
  a.cellPAU-bottom:hover, a.cellPAU-bottom:visited {
    border-bottom: solid 2px #8418EF; }
a.cellPCU-top {
  border-top: solid 2px green;
  margin-top: -2px; }
  a.cellPCU-top:hover, a.cellPCU-top:visited {
    border-top: solid 2px green;
    margin-top: -2px; }
a.cellPCU-left {
  border-left: solid 2px green;
  margin-left: -2px; }
  a.cellPCU-left:hover, a.cellPCU-left:visited {
    border-left: solid 2px green;
    margin-left: -2px; }
a.cellPCU-right {
  border-right: solid 2px green; }
  a.cellPCU-right:hover, a.cellPCU-right:visited {
    border-right: solid 2px green; }
a.cellPCU-bottom {
  border-bottom: solid 2px green; }
  a.cellPCU-bottom:hover, a.cellPCU-bottom:visited {
    border-bottom: solid 2px green; }

.icoZoomIn {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Scheduler/Images/icos/zoomin.png);
  background-position: center center;
  background-repeat: no-repeat;
  border: solid 1px transparent; }
  .icoZoomIn:hover {
    border: solid 1px silver; }

.icoZoomOut {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Scheduler/Images/icos/zoomout.png);
  background-position: center center;
  background-repeat: no-repeat;
  border: solid 1px transparent; }
  .icoZoomOut:hover {
    border: solid 1px silver; }

.icoMultiSel {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Scheduler/Images/icos/multiselect.png);
  background-position: center center;
  background-repeat: no-repeat;
  border: solid 1px transparent; }
  .icoMultiSel:hover {
    border: solid 1px silver; }

.icoCopy {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Scheduler/Images/icos/copy.png);
  background-position: center center;
  background-repeat: no-repeat;
  border: solid 1px transparent; }
  .icoCopy:hover {
    border: solid 1px silver; }

.icoPaste {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Scheduler/Images/icos/paste.png);
  background-position: center center;
  background-repeat: no-repeat;
  border: solid 1px transparent; }
  .icoPaste:hover {
    border: solid 1px silver; }

.icoPaste-disabled {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Scheduler/Images/icos/pastebg.png);
  background-position: center center;
  background-repeat: no-repeat;
  border: solid 1px transparent; }

.icoPasteSpecial {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Scheduler/Images/icos/paste-special.png);
  background-position: center center;
  background-repeat: no-repeat;
  border: solid 1px transparent; }
  .icoPasteSpecial:hover {
    border: solid 1px silver; }

.icoPasteSpecial-disabled {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Scheduler/Images/icos/paste-specialbg.png);
  background-position: center center;
  background-repeat: no-repeat;
  border: solid 1px transparent; }

.divBtHiddenRows2 {
  position: absolute;
  width: 18px;
  height: 10px;
  text-align: center;
  margin-left: 82px;
  margin-top: -10px;
  background-color: #76859F;
  z-index: 99; }

.divBtHiddenRows1 {
  position: absolute;
  width: 18px;
  height: 10px;
  text-align: center;
  margin-left: 62px;
  margin-top: -10px;
  background-color: #76859F;
  z-index: 99; }

.divBtHiddenRows0 {
  position: absolute;
  width: 18px;
  height: 10px;
  text-align: center;
  margin-left: 22px;
  margin-top: -10px;
  background-color: #76859F;
  z-index: 99; }

a.tblShowMoreRegs2, .tblShowMoreRegs2 {
  display: block;
  height: 18px;
  border-top: dashed 1px #dddddd;
  border-right: double 3px #dddddd;
  border-bottom: solid 1px #dddddd;
  background-color: white;
  text-align: center;
  padding-top: 2px;
  overflow: hidden;
  width: 90px;
  border-right: 0;
  padding-left: 9px;
  font-size: 10px; }

a.tblShowMoreRegs1, .tblShowMoreRegs1 {
  display: block;
  height: 18px;
  border-top: dashed 1px #dddddd;
  border-right: double 3px #dddddd;
  border-bottom: solid 1px #dddddd;
  background-color: white;
  text-align: center;
  padding-top: 2px;
  overflow: hidden;
  width: 57px;
  border-right: 0;
  padding-left: 9px;
  font-size: 10px; }

a.tblShowMoreRegs0, .tblShowMoreRegs0 {
  display: block;
  height: 18px;
  border-top: dashed 1px #dddddd;
  border-right: double 3px #dddddd;
  border-bottom: solid 1px #dddddd;
  background-color: white;
  text-align: center;
  padding-top: 2px;
  overflow: hidden;
  width: 32px;
  border-right: 0;
  padding-left: 2px;
  font-size: 9px;
  white-space: nowrap; }

.aBtHiddenRow {
  display: block;
  width: 15px;
  height: 20px;
  background-color: #76859F;
  background-image: url(../../Scheduler/Images/moreregs.png);
  background-repeat: no-repeat;
  background-position: center center;
  border-top: dashed 1px #dddddd;
  border-right: double 3px #dddddd;
  border-bottom: solid 1px #dddddd; }

a.calShifts {
  display: block;
  width: 120px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  border: solid 1px #C0C0C0; }
a.calShifts-Selected {
  display: block;
  width: 120px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  border: solid 2px black; }
a.calShiftsGroups {
  display: block;
  width: 100px;
  height: 13px;
  text-align: center;
  vertical-align: middle;
  border: solid 1px #C0C0C0;
  font-size: 10px;
  padding: 5px;
  padding-top: 5px;
  background-color: #E8EEF7;
  color: black; }
a.calShifts2 {
  display: block;
  width: 120px;
  height: 25px;
  text-align: center;
  vertical-align: middle;
  border: solid 1px #C0C0C0;
  font-size: 10px;
  padding: 3px;
  padding-top: 10px; }
a.calShifts2-Selected {
  display: block;
  width: 120px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  border: solid 2px black; }
a.calShifts1 {
  display: block;
  width: 80px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  border: solid 1px #C0C0C0; }
a.calShifts1-Selected {
  display: block;
  width: 80px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  border: solid 2px black; }
a.calShifts0 {
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  border: solid 1px #C0C0C0; }
a.calShifts0-Selected {
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  border: solid 2px black; }
a.multiSelected-left {
  outline: 0;
  border: solid 2px #3366CC;
  border-right: 0; }
a.multiSelected-right {
  outline: 0;
  border: solid 2px #3366CC;
  border-left: 0; }
a.multiSelected-top {
  outline: 0;
  border: solid 2px #3366CC;
  border-bottom: 0; }
a.multiSelected-bottom {
  outline: 0;
  border: solid 2px #3366CC;
  border-top: 0; }
a.multiSelected-hor-middle {
  outline: 0;
  border: solid 2px #3366CC;
  border-left: 0;
  border-right: 0; }
a.multiSelected-ver-middle {
  outline: 0;
  border: solid 2px #3366CC;
  border-top: 0;
  border-bottom: 0; }
a.multiSelCopy-left {
  outline: 0;
  border: solid 2px #FF9900;
  border-right: 0; }
a.multiSelCopy-right {
  outline: 0;
  border: solid 2px #FF9900;
  border-left: 0; }
a.multiSelCopy-top {
  outline: 0;
  border: solid 2px #FF9900;
  border-bottom: 0; }
a.multiSelCopy-bottom {
  outline: 0;
  border: solid 2px #FF9900;
  border-top: 0; }
a.multiSelCopy-hor-middle {
  outline: 0;
  border: solid 2px #FF9900;
  border-left: 0;
  border-right: 0; }
a.multiSelCopy-ver-middle {
  outline: 0;
  border: solid 2px #FF9900;
  border-top: 0;
  border-bottom: 0; }

.LoadingGridBg {
  text-align: center;
  vertical-align: middle;
  padding: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: 5px;
  z-index: 99999; }

a.RowTypeView0, .RowTypeView0 {
  font-size: 9px;
  width: 50px; }

a.RowTypeView1, .RowTypeView1 {
  font-size: 10px;
  width: 90px; }

a.RowTypeView2, .RowTypeView2 {
  font-size: 10px;
  width: 120px; }

div.droppable-hover {
  border: dotted 1px black; }

table.tblFields tr td {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px; }

div, td, img {
  behavior: url("iepngfix.htc"); }

a.aMenuP {
  display: block;
  padding: 5px;
  vertical-align: middle;
  height: 75px;
  border: solid 1px transparent; }
  a.aMenuP:visited {
    display: block;
    padding: 5px;
    vertical-align: middle;
    height: 75px;
    border: solid 1px transparent; }
  a.aMenuP:hover {
    display: block;
    padding: 5px;
    vertical-align: middle;
    height: 75px;
    border: solid 1px silver;
    background-color: #EFEFEF;
    /*efecte lupa*/
    transform: scale(1.08);
    transition: transform 0.2s ease-out; }

.buttonIcoHome {
  background-image: url(../Images/icohome.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px; }

.buttonIcoEmergency {
  background-image: url(../Images/emergencyPrint.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px; }

.buttonIcoHistory {
  background-image: url(../Images/userhistory.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px; }

.aUserHistory {
  display: inline-block;
  height: 18px;
  border-right: solid 1px #999999;
  padding-top: 2px;
  padding-left: 7px;
  padding-right: 7px;
  width: auto;
  text-align: center; }
  .aUserHistory:hover {
    background-color: White; }

.roComboBox_Table tbody tr td {
  padding: 0; }

a.roComboBox_ComboBoxLabel {
  display: block;
  padding: 6px;
  border: solid 1px #B5B8C8;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  border-right: 0;
  overflow: hidden;
  border-radius: 5px;
  background-color: #ffffff;
  color: #2D4155;
  font-size: 11px; }
a.roComboBox_ButtonDown {
  display: block;
  height: auto;
  padding: 6px;
  border: solid 1px #B5B8C8;
  background-color: white;
  border-radius: 5px;
  width: 20px;
  text-align: center;
  background-image: url(../Images/DropDown/down.png);
  background-repeat: no-repeat;
  background-position: center center;
  border-left: 0; }

.roComboBox_DivContainer {
  overflow: auto;
  width: auto;
  height: auto;
  border: solid 1px silver;
  margin-top: -1;
  background-color: White;
  z-index: 99999; }

a.roComboBox_LabelChild {
  display: block;
  width: auto;
  height: auto;
  padding: 2px;
  white-space: nowrap;
  border: solid 1px transparent;
  color: #2D4155;
  font-size: 11px; }
  a.roComboBox_LabelChild:visited {
    display: block;
    width: auto;
    height: auto;
    padding: 2px;
    white-space: nowrap;
    border: solid 1px transparent;
    color: #2D4155;
    font-size: 11px; }
  a.roComboBox_LabelChild:hover {
    display: block;
    width: auto;
    height: auto;
    padding: 2px;
    white-space: nowrap;
    background-color: #EFEFEF;
    border: solid 1px #A2A9B3;
    color: #2D4155;
    font-size: 11px; }

input[type="checkbox"] {
  margin-right: 5px; }

label {
  display: inline-block; }

td.gridRowOver {
  background-color: #B5C2CF;
  color: #ffffff;
  cursor: pointer; }
td.gridRowSelected {
  background-color: #485A6B;
  color: #ffffff; }

table.tabControl {
  width: 100px; }

a.tabHeader.tabHeader > span {
  top: 5px;
  position: relative;
  justify-content: center;
  display: flex; }
a.tabHeader-Active > span {
  top: 5px;
  position: relative;
  justify-content: center;
  display: flex; }

.divMsg {
  text-align: center;
  width: 98%;
  margin: 5px;
  padding: 2px;
  border: dotted 1px silver;
  background-color: #8490A7; }

.divMsg2 {
  text-align: center;
  width: 100%;
  margin-bottom: 5px;
  border: dotted 1px silver;
  background-color: #eca46e;
  border-radius: 5px; }

.divMsg-Error {
  text-align: center;
  width: 98%;
  margin: 5px;
  padding: 2px;
  border: dotted 1px silver;
  background-color: #CF3733; }

a.aMsg {
  color: #ffffff; }
  a.aMsg:visited {
    color: #ffffff; }
  a.aMsg:hover {
    color: #3A3A3A; }

.bgTimeLine {
  height: 37px;
  border-bottom: solid 1px silver;
  padding-top: 7px;
  background-image: url(../Images/TimeLine/bgTimeLine.png); }

.bgTimeLineNumbers {
  background-image: url(../Images/TimeLine/bgTimeLineNumbers.png); }

.bgTLBody {
  text-align: center;
  color: #ffffff;
  font-weight: bold; }

.bgBubble {
  position: absolute;
  width: 103px;
  height: 35px;
  background-image: url(../Images/TimeLine/bubble.png);
  background-repeat: no-repeat;
  padding-top: 16px;
  font-weight: bold;
  vertical-align: bottom;
  padding-bottom: 4px;
  text-align: center;
  z-index: 9999999; }

.bgRed-left {
  width: 7px;
  height: 23px;
  background-image: url(../Images/TimeLine/bgRed-left.png); }

.bgRed {
  height: 23px;
  background-image: url(../Images/TimeLine/bgRed.png);
  background-repeat: repeat-x; }

.bgRed-right {
  width: 7px;
  height: 23px;
  background-image: url(../Images/TimeLine/bgRed-right.png); }

.bgRed-left-active {
  width: 7px;
  height: 23px;
  background-image: url(../Images/TimeLine/bgRed-left-active.png); }

.bgRed-active {
  height: 23px;
  background-image: url(../Images/TimeLine/bgRed-active.png);
  background-repeat: repeat-x; }

.bgRed-right-active {
  width: 7px;
  height: 23px;
  background-image: url(../Images/TimeLine/bgRed-right-active.png); }

.bgBlue-left {
  width: 7px;
  height: 23px;
  background-image: url(../Images/TimeLine/bgBlue-left.png); }

.bgBlue {
  height: 23px;
  background-image: url(../Images/TimeLine/bgBlue.png);
  background-repeat: repeat-x; }

.bgBlue-right {
  width: 7px;
  height: 23px;
  background-image: url(../Images/TimeLine/bgBlue-right.png); }

.bgBlue-left-active {
  width: 7px;
  height: 23px;
  background-image: url(../Images/TimeLine/bgBlue-left-active.png); }

.bgBlue-active {
  height: 23px;
  background-image: url(../Images/TimeLine/bgBlue-active.png);
  background-repeat: repeat-x; }

.bgBlue-right-active {
  width: 7px;
  height: 23px;
  background-image: url(../Images/TimeLine/bgBlue-right-active.png); }

.bgGreen-left {
  width: 7px;
  height: 24px;
  background-image: url(../Images/TimeLine/bgGreen-left.png); }

.bgGreen {
  height: 24px;
  background-image: url(../Images/TimeLine/bgGreen.png);
  background-repeat: repeat-x; }

.bgGreen-right {
  width: 7px;
  height: 24px;
  background-image: url(../Images/TimeLine/bgGreen-right.png); }

.bgGreen-left-active {
  width: 7px;
  height: 24px;
  background-image: url(../Images/TimeLine/bgGreen-left-active.png); }

.bgGreen-active {
  height: 24px;
  background-image: url(../Images/TimeLine/bgGreen-active.png);
  background-repeat: repeat-x; }

.bgGreen-right-active {
  width: 7px;
  height: 24px;
  background-image: url(../Images/TimeLine/bgGreen-right-active.png); }

.tlHeaderClass {
  display: block;
  width: 120px;
  height: 37px;
  border-bottom: solid 1px silver;
  background-color: white;
  padding: 7px 2px 0px 5px;
  color: #656565; }

.tlScroll {
  position: relative;
  overflow-y: hidden;
  overflow-x: auto; }

.RemarkCSS_RowTypeView0, .RemarkCSS_RowTypeView1, .RemarkCSS_RowTypeView2 {
  float: left;
  border: solid 1px transparent; }

.RemarkCSSText_RowTypeView0 {
  float: right;
  width: 90%;
  border: solid 1px transparent;
  color: #2D4155;
  font-size: 9px;
  white-space: nowrap; }

.RemarkCSSText_RowTypeView1 {
  float: right;
  width: 85%;
  border: solid 1px transparent;
  color: #2D4155;
  font-size: 10px;
  white-space: nowrap; }

.RemarkCSSText_RowTypeView2 {
  float: right;
  width: 98%;
  border: solid 1px transparent;
  color: #2D4155;
  font-size: 10px;
  text-align: center; }

.remarkColour_RowTypeView0, .remarkColour_RowTypeView1, .remarkColour_RowTypeView2 {
  display: block;
  width: 12px;
  height: 12px;
  border: solid 1px silver;
  position: relative; }

a.orderheaderasc {
  display: block;
  width: auto;
  background-image: url(../Images/Grid/sortASC.gif);
  background-position: 0 5;
  background-repeat: no-repeat;
  padding-left: 10px; }
a.orderheaderdesc {
  display: block;
  width: auto;
  background-image: url(../Images/Grid/sortDESC.gif);
  background-repeat: no-repeat;
  background-position: 0 5;
  padding-left: 10px; }

.aTerminalCfg {
  display: block;
  background-image: url(../Images/Main/icoconf.png);
  background-position: left center;
  background-repeat: no-repeat;
  border-style: none;
  padding-left: 14px;
  margin-right: 40px;
  height: 18px;
  font-weight: bold;
  width: 60px;
  white-space: nowrap;
  text-align: left; }

.aTerminalViewCam {
  display: block;
  background-image: url(../Images/tbt/camview.png);
  background-position: left center;
  background-repeat: no-repeat;
  border-style: none;
  padding-left: 20px;
  height: 18px;
  font-weight: bold;
  width: 14px;
  white-space: nowrap;
  text-align: left; }

.aTerminalDel {
  display: block;
  background-image: url(../Images/Grid/trash.png);
  background-position: left center;
  background-repeat: no-repeat;
  border-style: none;
  padding-left: 20px;
  margin-right: 40px;
  height: 18px;
  font-weight: bold;
  width: 60px;
  white-space: nowrap;
  text-align: left; }

.aTerminalSirens {
  display: block;
  background-position: left center;
  background-repeat: no-repeat;
  border-style: none;
  padding-left: 20px;
  margin-right: 10px;
  height: 18px;
  font-weight: bold;
  width: 120px;
  white-space: nowrap;
  text-align: left; }

a.tabVertActive {
  display: block;
  border-style: none;
  padding-left: 24px;
  padding-top: 8px;
  height: 26px;
  min-width: 90px;
  white-space: nowrap;
  background-color: #e87722;
  color: #ffffff;
  text-align: left;
  vertical-align: middle; }
a.tabVertInactive {
  display: block;
  background-color: #32525D;
  color: #ffffff;
  border-style: none;
  padding-top: 8px;
  padding-left: 24px;
  height: 26px;
  min-width: 90px;
  white-space: nowrap;
  color: #ffffff;
  text-align: left;
  vertical-align: middle; }
  a.tabVertInactive:hover {
    background-color: #e87722; }

.maskLoading div {
  padding: 5px 10px 5px 10px;
  background: #fff;
  border: 1px solid #a3bad9;
  color: #222;
  font: normal 11px tahoma,arial,helvetica,sans-serif;
  cursor: wait;
  background-image: url(../../../Base/Images/Progress/loading-circle.gif);
  background-repeat: no-repeat;
  background-position: center center;
  width: 32px;
  height: 32px; }

.mpxStyleBack {
  z-index: 990; }

a.stock-previous {
  display: block;
  width: 16px;
  height: 16px;
  border: 0;
  background-image: url("../../Base/Images/stock_previous.png");
  background-repeat: no-repeat;
  background-position: center center; }
a.stock-next {
  display: block;
  width: 16px;
  height: 16px;
  border: 0;
  background-image: url("../../Base/Images/stock_next.png");
  background-repeat: no-repeat;
  background-position: center center; }
a.stock-up {
  display: block;
  width: 16px;
  height: 16px;
  border: 0;
  background-image: url("../../Base/Images/contexticons/stock_up.png");
  background-repeat: no-repeat;
  background-position: center center; }
a.stock-upblock {
  display: block;
  width: 16px;
  height: 16px;
  border: 0;
  background-image: url("../../Base/Images/contexticons/stock_upblock.png");
  background-repeat: no-repeat;
  background-position: center center; }
a.stock-down {
  display: block;
  width: 16px;
  height: 16px;
  border: 0;
  background-image: url("../../Base/Images/contexticons/stock_down.png");
  background-repeat: no-repeat;
  background-position: center center; }
a.stock-downblock {
  display: block;
  width: 16px;
  height: 16px;
  border: 0;
  background-image: url("../../Base/Images/contexticons/stock_downblock.png");
  background-repeat: no-repeat;
  background-position: center center; }

.Detail1, .Detail2 {
  font-size: 10px; }

.Detail3 {
  font-size: 15px;
  font-weight: bold; }

.DetailCovering {
  background-image: url(../../Scheduler/Images/Covering16_2.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 16px; }

.DetailCoveredBy {
  background-image: url(../../Scheduler/Images/CoveredBy16.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 16px; }

.DetailMissing {
  background-image: url(../../Scheduler/Images/Alert16.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 16px; }

.icoPrintFast {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Base/Images/tbt/printFast.png);
  background-position: center center;
  background-repeat: no-repeat;
  border: solid 1px transparent; }
  .icoPrintFast:hover {
    border: solid 1px silver; }

.MovesNewRow {
  width: 100%;
  clear: both; }

.MovesNewLeftColumn {
  float: left;
  width: 968px;
  padding-top: 3px; }

.MovesNewRightColumn {
  float: right;
  width: 425px;
  padding-top: 5px; }

.dxeTokenRemoveButton_Material1 {
  margin: 1px 1px 0 0 !important; }

@media print {
  .noprint {
    visibility: hidden;
    display: none; }

  .onlyprint {
    visibility: visible;
    display: block; } }
@media screen {
  .onlyprint {
    visibility: hidden;
    display: none; } }
.buttonApproveRequest {
  background-image: url(../../Requests/Images/Approve.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 25px;
  padding-bottom: 0px;
  height: 20px; }

.buttonDocumentRequest {
  background-image: url(../../Requests/Images/Documents.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 25px;
  padding-bottom: 0px;
  height: 20px; }

.buttonRefuseRequest {
  background-image: url(../../Requests/Images/Refuse.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 25px;
  padding-bottom: 0px;
  height: 20px; }

.buttonFilterRequest {
  background-image: url(../../Requests/Images/Filter.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 25px;
  padding-bottom: 0px;
  height: 20px; }

.buttonApproveRequestDisabled {
  background-image: url(../../Requests/Images/ApproveDisabled.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 25px;
  padding-bottom: 0px;
  height: 20px; }

.buttonRefuseRequestDisabled {
  background-image: url(../../Requests/Images/RefuseDisabled.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 25px;
  padding-bottom: 0px;
  height: 20px; }

.RequestListRow-left {
  width: 4px;
  height: auto;
  background-image: url(../Images/grdBig/grBig_ml.png);
  background-repeat: repeat-y;
  border-style: none;
  padding: 0px;
  border-width: 0px; }

.RequestsListRow {
  background-color: White; }

.RequestsListRow-over {
  background-color: #CCCCCC; }

.RequestsListRow-selected {
  background-color: #999999; }

.RequestsListRow-locked {
  background-color: #CCD1DB; }

.RequestsListRow-lockedover {
  background-color: #B9C0CE; }

.RequestsListRow-selectedlocked {
  background-color: #A5ADC0; }

.RequestListIcoAscending {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Requests/Images/OrderAscending.png);
  background-position: center center;
  background-repeat: no-repeat; }

.RequestListIcoDescending {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Requests/Images/OrderDescending.png);
  background-position: center center;
  background-repeat: no-repeat; }

.RequestListIcoStatePending {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Requests/Images/RequestStates/16/pending.png);
  background-position: center center;
  background-repeat: no-repeat; }

.RequestListIcoStateOnGoing {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Requests/Images/RequestStates/16/ongoing.png);
  background-position: center center;
  background-repeat: no-repeat; }

.RequestListIcoStateAccepted {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Requests/Images/RequestStates/16/accepted.png);
  background-position: center center;
  background-repeat: no-repeat; }

.RequestListIcoStateDenied {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Requests/Images/RequestStates/16/denied.png);
  background-position: center center;
  background-repeat: no-repeat; }

.RequestListIcoStateCanceled {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Requests/Images/RequestStates/16/canceled.png);
  background-position: center center;
  background-repeat: no-repeat; }

.RequestListIcoPressed {
  background-color: #DADADA;
  border: solid 1px #808EA5; }

.RequestListIcoUnPressed {
  border: solid 1px transparent; }

.RequestListIcoTypePlannedHolidays {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Requests/Images/RequestTypes/16/PlannedHolidays.png);
  background-position: center center;
  background-repeat: no-repeat; }

.RequestListIcoTypePlannedOvertimes {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Requests/Images/RequestTypes/16/PlannedOvertimes.png);
  background-position: center center;
  background-repeat: no-repeat; }

.RequestListIcoTypeTelecommute {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Requests/Images/RequestTypes/16/Telecommute.png);
  background-position: center center;
  background-repeat: no-repeat; }

.RequestListIcoTypeUserFieldsChange {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Requests/Images/RequestTypes/16/UserFieldsChange.png);
  background-position: center center;
  background-repeat: no-repeat; }

.RequestListIcoTypeForbiddenPunch {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Requests/Images/RequestTypes/16/ForbiddenPunch.png);
  background-position: center center;
  background-repeat: no-repeat; }

.RequestListIcoTypeJustifyPunch {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Requests/Images/RequestTypes/16/JustifyPunch.png);
  background-position: center center;
  background-repeat: no-repeat; }

.RequestListIcoTypeExternalWorkResumePart {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Requests/Images/RequestTypes/16/ExternalWorkResumePart.png);
  background-position: center center;
  background-repeat: no-repeat; }

.RequestListIcoTypeExternalWorkWeekResume {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Requests/Images/RequestTypes/16/ExternalWorkWeekResume.png);
  background-position: center center;
  background-repeat: no-repeat; }

.RequestListIcoTypeChangeShift {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Requests/Images/RequestTypes/16/ChangeShift.png);
  background-position: center center;
  background-repeat: no-repeat; }

.RequestListIcoTypeVacationsOrPermissions {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Requests/Images/RequestTypes/16/VacationsOrPermissions.png);
  background-position: center center;
  background-repeat: no-repeat; }

.RequestListIcoTypeCancelHolidays {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Requests/Images/RequestTypes/16/CancelHolidays.png);
  background-position: center center;
  background-repeat: no-repeat; }

.RequestListIcoTypePlannedAbsences {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Requests/Images/RequestTypes/16/PlannedAbsences.png);
  background-position: center center;
  background-repeat: no-repeat; }

.RequestListIcoTypePlannedCauses {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Requests/Images/RequestTypes/16/PlannedCauses.png);
  background-position: center center;
  background-repeat: no-repeat; }

.RequestListIcoTypeExchangeShiftBetweenEmployees {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Requests/Images/RequestTypes/16/ExchangeShiftBetweenEmployees.png);
  background-position: center center;
  background-repeat: no-repeat; }

.RequestListIcoTypeForbiddenTaskPunch {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Requests/Images/RequestTypes/16/ForbiddenTaskPunch.png);
  background-position: center center;
  background-repeat: no-repeat; }

.RequestListIcoTypeForgottenCostCenterPunch {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../Requests/Images/RequestTypes/16/ForgottenCostCenterPunch.png);
  background-position: center center;
  background-repeat: no-repeat; }

.coverageSelector {
  color: #ffffff;
  padding-left: 2px;
  padding-top: 8px; }
  .coverageSelector:visited {
    color: #ffffff;
    padding-left: 2px;
    padding-top: 8px; }

.rndPlan2, .rndPlan3, .rndPlanTmpFlip {
  font-size: 10px; }

a.PlanView-Shifts {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("../../Scheduler/Images/PlanView-Shifts_16.png");
  background-repeat: no-repeat;
  background-position: center center; }
a.PlanView-Assignments {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("../../Scheduler/Images/PlanView-Assignments_16.png");
  background-repeat: no-repeat;
  background-position: center center; }

.btnTbDel32 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/delete32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbPrint32 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/print32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.btnTbAdd32 {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/tbt/new32.png);
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.pathway-logout2 {
  display: block;
  text-decoration: none;
  color: #ffffff;
  padding-left: 10px;
  padding-top: 2px;
  background-repeat: no-repeat;
  background-position: left;
  background-image: url(../Images/Main/logout2.png); }
  .pathway-logout2:hover {
    color: #000000; }

.btnReloadMode {
  display: block;
  text-align: left;
  background-image: url(../Images/Grid/button_reload-black.png);
  background-repeat: no-repeat;
  background-position: 1px 3px;
  color: #2D4155;
  width: auto;
  min-width: 30px;
  height: 18px;
  padding-left: 22px;
  padding-top: 2px;
  padding-right: 2px;
  border: solid 1px transparent; }
  .btnReloadMode:visited {
    display: block;
    text-align: left;
    background-image: url(../Images/Grid/button_reload-black.png);
    background-repeat: no-repeat;
    background-position: 1px 3px;
    color: #2D4155;
    width: auto;
    min-width: 30px;
    height: 18px;
    padding-left: 22px;
    padding-top: 2px;
    padding-right: 2px;
    border: solid 1px transparent; }
  .btnReloadMode:hover {
    background-color: #A2A9B3;
    color: #ffffff;
    border: solid 1px #2D4155; }

.btnApply {
  display: block;
  text-align: left;
  color: #2D4155;
  width: auto;
  min-width: 30px;
  height: 18px;
  border: solid 1px transparent;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px; }
  .btnApply:visited {
    display: block;
    text-align: left;
    color: #2D4155;
    width: auto;
    min-width: 30px;
    height: 18px;
    border: solid 1px transparent;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px; }
  .btnApply:hover {
    background-color: #A2A9B3;
    color: #ffffff;
    border: solid 1px #2D4155; }

.btnSchedulerMove {
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid #b6cfd8;
  color: #32525D; }
  .btnSchedulerMove:hover {
    background-color: #e87722;
    color: #ffffff; }
  .btnSchedulerMove:before {
    font-size: 24px !important;
    margin-left: -5px !important; }

.btnSchedulerZoom:before {
  font-size: 20px !important;
  padding-left: 2px; }

.btnSchedulerSelection {
  line-height: 21px;
  font-weight: bold; }

.btnPrintView {
  display: block;
  text-align: left;
  background-image: url(../Images/Grid/Print16.png);
  background-repeat: no-repeat;
  background-position: 1px 2px;
  color: #2D4155;
  width: auto;
  min-width: 30px;
  height: 18px;
  padding-left: 28px;
  padding-top: 2px;
  padding-right: 2px;
  border: solid 1px transparent; }
  .btnPrintView:visited {
    display: block;
    text-align: left;
    background-image: url(../Images/Grid/Print16.png);
    background-repeat: no-repeat;
    background-position: 1px 2px;
    color: #2D4155;
    width: auto;
    min-width: 30px;
    height: 18px;
    padding-left: 28px;
    padding-top: 2px;
    padding-right: 2px;
    border: solid 1px transparent; }
  .btnPrintView:hover {
    background-color: #A2A9B3;
    color: #ffffff;
    border: solid 1px #2D4155; }

.PrintEmer {
  background-image: url(../Images/EmergencyPrintNew.png);
  width: 160px;
  height: 60px;
  text-align: left;
  background-position: right center;
  background-repeat: no-repeat;
  display: block; }
  .PrintEmer:hover {
    color: #000000; }

.ButtonBarVertical {
  padding: 1px;
  margin-bottom: 10px;
  border: 1px solid transparent; }
  .ButtonBarVertical:hover {
    border: 1px solid #9EA8B1;
    background-color: #DDDDDD; }

.icoFilter_24 {
  display: block;
  height: 24px;
  width: 24px;
  background-image: url(../Images/txtFilter/icoFilter_24.png);
  background-repeat: no-repeat;
  background-position: center center;
  color: #666666;
  text-decoration: none; }

.icoRefresh_24 {
  display: block;
  height: 24px;
  width: 24px;
  background-image: url(../Images/txtFilter/icoRefresh_24.png);
  background-repeat: no-repeat;
  background-position: center center;
  color: #666666;
  text-decoration: none; }

.icoTreeDouble_24 {
  display: block;
  height: 24px;
  width: 24px;
  background-image: url(../Images/txtFilter/icoTreeDouble_24.png);
  background-repeat: no-repeat;
  background-position: center center;
  color: #666666;
  text-decoration: none; }

.icoFilter1_24 {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(../Images/txtFilter/filter1_24.png);
  background-position: center center;
  background-repeat: no-repeat; }

.icoFilter2_24 {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(../Images/txtFilter/filter2_24.png);
  background-position: center center;
  background-repeat: no-repeat; }

.icoFilter3_24 {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(../Images/txtFilter/filter3_24.png);
  background-position: center center;
  background-repeat: no-repeat; }

.icoFilter4_24 {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(../Images/txtFilter/filter4_24.png);
  background-position: center center;
  background-repeat: no-repeat; }

.icoFilter5_24 {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(../Images/txtFilter/filter5_24.png);
  background-position: center center;
  background-repeat: no-repeat; }

.icoPressed_24 {
  background-color: #E1E1E1;
  border: solid 1px #808EA5;
  padding: 2px; }

.icoUnPressed_24 {
  border: solid 1px transparent;
  padding: 2px; }

.icoClass_24 {
  border: solid 1px transparent;
  padding: 2px; }
  .icoClass_24:hover {
    border: solid 1px #808EA5;
    background-color: #DADADA;
    padding: 2px; }

.VerticalToolTip {
  border: solid 1px #A8A8A8;
  padding: 8px;
  white-space: nowrap;
  background-color: #FFFFCC;
  color: #2D4155; }

.UpdateProgress {
  border-width: 1px;
  border-style: solid;
  background-color: white;
  position: absolute;
  width: 130px;
  height: 50px; }

.UpdateProgressMessage {
  margin: 3px;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: small;
  vertical-align: middle;
  font-weight: bold; }

.Background {
  background-color: gray;
  filter: alpha(opacity=10);
  opacity: 0.1;
  -moz-opacity: 0.1; }

.Background2 {
  background-color: black;
  filter: alpha(opacity=20);
  opacity: 0.2;
  -moz-opacity: 0.2; }

.BackgroundCheckStatus {
  background-color: gray;
  filter: alpha(opacity=90);
  opacity: 0.9;
  -moz-opacity: 0.9; }

.BackgroundCheckStatusTransparent {
  background-color: Transparent; }

.frameImage {
  width: 130px;
  height: 65px;
  overflow: hidden;
  float: left;
  padding: 3px; }

.frameText {
  width: 100px;
  height: 100px;
  overflow: auto;
  float: left;
  background-color: #ffffff;
  border-style: solid;
  border-width: 2px;
  border-color: Gray;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  line-height: normal; }

.handleImage {
  width: 15px;
  height: 16px;
  background-image: url(../Images/ResizableControl/HandleHand.png);
  overflow: hidden;
  cursor: se-resize; }

.handleText {
  width: 16px;
  height: 16px;
  background-image: url(../Images/ResizableControl/HandleGrip.png);
  overflow: hidden;
  cursor: se-resize; }

.resizingImage {
  padding: 0px;
  border-style: solid;
  border-width: 3px;
  border-color: #B4D35D; }

.resizingText {
  padding: 0px;
  border-style: solid;
  border-width: 2px;
  border-color: #7391BA; }

.PathWay {
  height: 28px;
  border: 0;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px;
  color: #666666;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px; }

.PathWayLastRemember {
  float: left;
  padding: 0px;
  width: calc(100% - 200px);
  height: 24px; }
  .PathWayLastRemember > table > tbody > tr > td {
    height: 21px; }

.PathWayAdvices {
  float: right;
  padding-right: 20px;
  padding-top: 5px; }

.PathWay .pwd_text {
  height: 28px;
  width: 250px;
  min-width: 135px;
  color: #666666;
  text-decoration: none;
  vertical-align: middle;
  text-align: left;
  background-position: top right;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px; }
.PathWay .pw_button:hover {
  color: black;
  background-image: url("../Images/PathWay/tbButtons/btnclick.png"); }
.PathWay .pw_button_active {
  display: block;
  padding-top: 10px;
  height: 26px;
  width: 135px;
  min-width: 135px;
  color: #ffffff;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  background-image: url("../Images/PathWay/tbButtons/btnactive.png");
  background-position: top right;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px; }
.PathWay .pwd_button {
  height: 28px;
  min-width: 135px;
  width: 135px; }
.PathWay .pwd_title {
  height: 28px;
  min-width: 135px;
  width: 135px;
  color: Black;
  font-weight: bold;
  font-size: 14px; }
.PathWay .pwd_logotitle {
  height: 28px;
  min-width: 136px;
  width: 136px;
  color: Black;
  font-weight: bold;
  font-size: 14px;
  background-image: url("../Images/PathWay/PathWay_logo.png");
  background-repeat: no-repeat; }
.PathWay .pwd_logo {
  min-width: 60px;
  width: 60px; }
.PathWay .pwlogo {
  position: absolute;
  margin-top: -37px;
  display: block;
  height: 60px;
  width: 60px;
  background-image: url("../Images/PathWay/logovtl.png");
  background-repeat: no-repeat; }

.PathWay2 {
  border: 0;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px;
  color: #666666;
  margin-bottom: 5px; }
  .PathWay2 .pwd_text {
    height: 28px;
    width: 135px;
    min-width: 135px;
    color: #666666;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    background-position: top right;
    font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
    font-size: 11px; }
  .PathWay2 .pw_button:hover {
    color: black;
    background-image: url("../Images/PathWay2/tbButtons/btnclick.png"); }
  .PathWay2 .pw_button_active {
    display: block;
    padding-top: 10px;
    height: 26px;
    width: 135px;
    min-width: 135px;
    color: #ffffff;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    background-image: url("../Images/PathWay2/tbButtons/btnactive.png");
    background-position: top right;
    font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
    font-size: 11px; }
  .PathWay2 .pwd_button {
    height: 28px;
    min-width: 135px;
    width: 135px; }
  .PathWay2 .pwd_title {
    height: 28px;
    min-width: 135px;
    width: 135px;
    color: Black;
    font-weight: bold;
    font-size: 14px; }
  .PathWay2 .pwd_logotitle {
    height: 28px;
    min-width: 136px;
    width: 136px;
    color: Black;
    font-weight: bold;
    font-size: 14px;
    background-image: url("../Images/PathWay2/PathWay_logo.png");
    background-repeat: no-repeat; }
  .PathWay2 .pwd_logo {
    min-width: 60px;
    width: 60px; }
  .PathWay2 .pwlogo {
    position: absolute;
    margin-top: -37px;
    display: block;
    height: 60px;
    width: 60px;
    background-image: url("../Images/PathWay2/logovtl.png");
    background-repeat: no-repeat; }

.MainToolbarPad {
  padding: 0px; }

.ToolbarMin {
  height: 26px;
  width: 100%;
  border: none;
  border-radius: 0px;
  margin-top: 3px;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px;
  background-color: #32525D; }
  .ToolbarMin .tbd_logoMin {
    position: absolute;
    top: 36px;
    left: 20px;
    float: left; }
  .ToolbarMin .tblogoMin {
    position: absolute;
    margin-top: -34px;
    display: block;
    height: 48px;
    width: 48px;
    float: left;
    background-image: url("../Images/Toolbar/logovtl_min.png"); }
  .ToolbarMin .tbd_logotitle_Live_min {
    height: 32px;
    width: 150px;
    left: 33px;
    top: -26px;
    float: left;
    position: relative;
    background-image: url(../Images/Toolbar/toolbar_logo_min.png);
    background-position: 15px;
    background-repeat: no-repeat; }
  .ToolbarMin .tbd_bar_textVersion_min {
    position: absolute;
    left: 53px;
    top: -23px;
    color: #fff;
    font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
    font-size: 13px; }
  .ToolbarMin .tbd_bar_textExpress_min {
    float: left;
    position: absolute;
    left: 103px;
    top: -11px;
    color: #fff;
    font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
    font-size: 11px; }

.toolbarMenuPanel {
  position: absolute;
  z-index: 3; }

.mainScreenButtonWidth {
  width: 100px; }

.menuBarHeight {
  height: 54px; }

.microtaula {
  width: 240px;
  max-width: 240px;
  position: relative;
  margin-left: -5px;
  background-color: #F0F0F0;
  border-radius: 5px; }

.LogoLogin .tbd_bar_textVersion {
  color: #ff8321;
  font-family: Robotics;
  font-size: 32px; }
.LogoLogin .tbd_bar_textExpress {
  float: left;
  position: absolute;
  left: 206px;
  top: 42px;
  color: #ff8321;
  font-family: Robotics;
  font-size: 22px; }

.Toolbar {
  height: 54px;
  width: 100%;
  border: none;
  border-radius: 0px;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px;
  background-color: #32525D; }
  .Toolbar .tbd_logo {
    float: left;
    padding-top: 19px;
    padding-right: 10px;
    height: 35px;
    width: 50px;
    align-content: center;
    background-image: url(../Images/Toolbar/LogoVisualTimeLive.png);
    background-repeat: no-repeat;
    cursor: pointer; }
  .Toolbar .tblogo {
    position: absolute;
    margin-top: -35px;
    display: block;
    height: 60px;
    width: 60px;
    float: left;
    background-repeat: no-repeat;
    background-image: url("../Images/Toolbar/LogoVisualTimeLive.png"); }
  .Toolbar .tdMenuToolbar {
    float: left;
    width: calc(100% - 410px);
    margin-left: 105px;
    overflow: hidden; }
  .Toolbar .tbl_logout {
    float: right;
    padding-top: 19px;
    padding-right: 10px;
    height: 35px;
    width: 30px;
    align-content: center;
    background-image: url(../Images/Main/logout2.png);
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: 8px;
    cursor: pointer;
    background-color: lightgray; }
  .Toolbar .tbl_alerts {
    float: right;
    height: 54px;
    width: 40px;
    align-content: center;
    background-image: url(../Images/Main/alert_ok.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: lightgray; }
  .Toolbar .tbl_alerts_ko {
    color: #e87722; }
  .Toolbar .tbl_history {
    float: right;
    padding-top: 19px;
    padding-right: 10px;
    height: 35px;
    width: 30px;
    align-content: center;
    background-image: url(../Images/Main/history.png);
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: 8px;
    cursor: pointer;
    background-color: lightgray; }
  .Toolbar .tbl_logout_text {
    text-align: left;
    padding-left: 24px;
    white-space: nowrap;
    height: 20px;
    color: #ffffff; }
  .Toolbar .tbd_logotitle_Live {
    height: 37px;
    width: calc(100% - 200px);
    left: 68px;
    top: 0px;
    float: left;
    position: relative;
    background-image: url("../Images/Toolbar/toolbar_logo.png");
    background-position: 15px;
    background-repeat: no-repeat; }
  .Toolbar .tbd_logotitle_LiveExpress {
    height: 37px;
    width: calc(100% - 200px);
    left: 68px;
    top: 0px;
    float: left;
    position: relative;
    background-image: url("../Images/Toolbar/toolbar_logo_LiveExpress.png");
    background-position: 15px;
    background-repeat: no-repeat; }
  .Toolbar .tbd_bar_textVersion {
    position: absolute;
    left: 54px;
    color: white;
    font-family: Robotics;
    font-size: 18px;
    height: 49px;
    padding-top: 5px;
    padding-left: 12px; }
  .Toolbar .tbd_bar_textExpress {
    float: left;
    position: absolute;
    left: 136px;
    top: 28px;
    color: white;
    font-family: Robotics;
    font-size: 14px; }
  .Toolbar .tbMenu {
    table-layout: fixed;
    width: 90%;
    max-width: 25%; }
  .Toolbar .tbMenu8 {
    table-layout: fixed;
    width: 90%; }
  .Toolbar .tbMenu7 {
    table-layout: fixed;
    width: 80%; }
  .Toolbar .tbMenu6 {
    table-layout: fixed;
    width: 70%; }
  .Toolbar .tbMenu5 {
    table-layout: fixed;
    width: 60%; }
  .Toolbar .tbMenu4 {
    table-layout: fixed;
    width: 50%; }
  .Toolbar .tbMenu3 {
    table-layout: fixed;
    width: 40%; }
  .Toolbar .tbMenu2 {
    table-layout: fixed;
    width: 30%; }
  .Toolbar .tb_button {
    display: block;
    color: #ffffff;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
    font-size: 14px;
    background-color: #32525D;
    max-height: 54px;
    overflow-y: hidden; }
  .Toolbar .tb_button_desp:hover, .Toolbar .tb_button:hover {
    background-color: #e87722; }
  .Toolbar .tb_button_active {
    color: #ffffff;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
    font-size: 14px;
    background-color: #e87722;
    font-weight: 600;
    max-height: 54px;
    overflow-y: hidden;
    overflow-wrap: break-word;
    display: block; }
  .Toolbar .tb_button_active_back {
    color: #ffffff;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
    font-size: 14px;
    background-color: #e87722;
    font-weight: 600;
    max-height: 54px;
    overflow-y: hidden;
    overflow-wrap: break-word; }
  .Toolbar .tbd_button_container {
    display: flex;
    justify-content: center; }
  .Toolbar .tbd_button {
    height: 54px;
    align-items: center;
    overflow-wrap: break-word;
    /*background-color: red;*/ }
    .Toolbar .tbd_button:hover {
      background-color: #e87722; }
      .Toolbar .tbd_button:hover a {
        background-color: #e87722; }
  .Toolbar .tbd_button span {
    /*vertically center the items*/
    height: 100%;
    align-items: center; }
  .Toolbar .tbd_button span a {
    justify-content: center;
    /*expand clickable area*/
    padding-top: 14px;
    padding-bottom: 14px;
    line-height: 12px; }
  .Toolbar .tbd_separator {
    height: 37px;
    min-width: 6px;
    width: 6px; }
  .Toolbar .tbd_title {
    height: 37px;
    min-width: 135px;
    width: 135px;
    color: Black;
    font-weight: bold;
    font-size: 14px; }

html {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px; }

body {
  margin: 0px;
  padding: 0px;
  height: 100%;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px; }

BODY.Popup {
  margin: 6px; }

TD {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px; }

TH {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px;
  font-weight: bold;
  color: #2D4155; }

A {
  text-decoration: none; }
  A IMG {
    border: none; }

DIV.Desktop {
  width: 100%;
  margin: 0px;
  padding: 0px 0px 0px 0px; }

INPUT {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 12px; }

.panHeaderNew {
  background-image: url("../Images/gBox/bDecoration.png");
  background-position: 6px 11px;
  background-repeat: no-repeat;
  color: #2D4155;
  font-weight: bold;
  width: 99%;
  background-color: #EFEFEF;
  border: solid 1px #CDCDCD;
  vertical-align: top;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 12px; }

.panHeaderLabelNew {
  display: block;
  padding-left: 25px;
  padding-top: 11px; }

.TitlePanelClass {
  background-color: #EFEFEF;
  color: #2D4155;
  font-weight: bold;
  Font-Size: 12px; }

.BackgroundProgress {
  background-color: gray;
  filter: alpha(opacity=90);
  opacity: 0.9;
  -moz-opacity: 0.9; }

.cssBackgroundCheckStatus {
  background-color: gray;
  filter: alpha(opacity=90);
  opacity: 0.9;
  -moz-opacity: 0.9;
  z-index: 3;
  text-align: center; }

.selTypeSelection {
  position: absolute;
  width: 70px;
  height: auto;
  padding: 1px;
  text-align: center;
  border: 1px solid #76859F;
  background-color: white;
  z-index: 99999; }

.selTypeSelectionItem {
  display: block;
  margin: 1px;
  padding: 3px;
  border: solid 1px white; }
  .selTypeSelectionItem:visited {
    display: block;
    margin: 1px;
    padding: 3px;
    border: solid 1px white; }
  .selTypeSelectionItem:hover {
    background-color: #E8EEF7;
    border: solid 1px #CCCCCC; }

.btnPrinterAnchor {
  background-image: url("../Images/Grid/Print16.png");
  background-position: 7px 4px;
  background-repeat: no-repeat;
  border: 1px solid transparent;
  display: block;
  height: 24px;
  width: 30px; }
  .btnPrinterAnchor:hover {
    border: 1px solid #B5B8C8;
    background-color: #CCCCCC; }

html {
  height: 100%; }

body {
  min-height: 100%; }

.defaultBackgroundColor, .defaultContrastColor, .defaultRemarkBackgroundColor {
  background-color: white; }

.errorPanel {
  border: thin solid #444444;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  background-color: #efefef;
  text-align: center;
  padding-bottom: 20px;
  padding-top: 20px; }

.annualStyle {
  border: 1px solid silver;
  background-color: #f2f5f7;
  margin-left: auto;
  width: 99%;
  margin-right: auto;
  border-radius: 5px; }

.flashMaps {
  width: 100%;
  height: 100%;
  border: solid 1px black;
  background-color: #CCCCCC; }

.captchaStyle {
  width: 55px;
  border-color: #484848;
  border-style: Solid;
  border-width: 2px;
  font-weight: bold;
  font-size: x-large;
  height: 30px;
  width: 70px;
  text-align: center; }

.monitorList {
  margin: 2px auto 5px auto;
  height: 50px;
  width: 1100px;
  text-align: center;
  overflow: auto;
  background-color: #EFEFEF;
  border: 1px solid #CDCDCD;
  color: #2D4155;
  display: block;
  font-weight: bold;
  font-size: 13px; }

.floatMenu {
  width: 300px;
  z-index: 999;
  border: solid 1px #CCCCCC;
  position: absolute;
  display: block; }

.planesModal {
  border: solid 1px #b6cfd8;
  padding-left: 1px;
  height: 380px; }

.frameFilterList {
  border: thin solid #C5D2E0;
  background-color: #EEEEEE;
  height: 99%;
  width: 99%;
  margin-top: 5px; }

.frameFilterSelector {
  border: 1px solid #DBDBDB;
  background-color: #FFFFFF;
  overflow: auto;
  height: 82%;
  margin-left: 1px;
  width: 98%; }

.taskField {
  background-color: #E8EEF7;
  width: 40px;
  height: 25px;
  text-align: center;
  vertical-align: middle; }

.remarksConfig {
  display: block;
  border: dotted 1px #B5B8C8;
  background-color: White;
  width: 30px;
  height: 15px; }

.securityAdd {
  border: 1px solid #DDDDDD;
  background-color: #E8EEF7;
  width: 40px;
  height: 18px;
  text-align: center;
  vertical-align: middle;
  padding-top: 2px; }

.statsGrid {
  border: 1px solid #ACACAC;
  background-color: #FFFFFF;
  overflow: auto;
  height: 230px;
  width: 550px;
  margin-top: 9px; }

.modalBackground {
  width: 100% !important;
  height: 100% !important; }

#divMainBody {
  width: 100%;
  height: 100%;
  min-height: 712px;
  vertical-align: top; }

.divDataCells {
  margin-left: 10px;
  margin-right: 10px; }

#ctlTreeDiv {
  margin-top: -3px; }

.treeSize {
  width: 290px;
  float: left;
  height: 100%;
  background-color: white; }

.treeSizeStart {
  float: left;
  height: 100%;
  background-color: white; }

.divMiddleButtons {
  margin: 0px 0px 3px 0px;
  width: 39px;
  float: left;
  height: 99%;
  background-color: white;
  padding-top: 3px; }

.divRightContent {
  float: left;
  margin: 0px 0px 3px 0px;
  width: calc(100% - 330px);
  height: 99%;
  background-color: white; }

.divRightContentWithoutBar {
  width: calc(100% - 290px) !important; }

.divAllContent {
  margin: 0px 2px 3px 2px;
  width: calc(100% - 2px);
  height: calc(100vh - 140px);
  background-color: white;
  display: block; }

.divAllContentStart {
  margin: 1vw 2px 3px 2px;
  width: calc(100% - 2px);
  background-color: white; }

.divAllContentFullScreen {
  margin: 0px 2px 3px 2px;
  width: calc(100% - 2px);
  height: calc(100vh - 125px);
  background-color: white;
  display: block; }

.centerTop {
  text-align: center;
  vertical-align: top; }

.maxHeight {
  height: 100%; }

.divMessageTop {
  height: 20px;
  padding-top: 3px;
  width: calc(100% - 1px) !important; }

.divMessageTop_ {
  height: 20px;
  padding-top: 3px;
  width: calc(100% - 1px); }

.divImageMsg {
  float: left;
  width: 20px;
  height: 16px; }

.divMessageBottom {
  height: 20px;
  padding-top: 3px;
  width: calc(100% - 1px) !important; }

.divMessageBottom_ {
  height: 20px;
  padding-top: 3px;
  width: calc(100% - 1px); }

.messageText {
  color: #ffffff;
  width: 400px;
  padding-left: 20px;
  float: left;
  text-align: left; }

.messageActions {
  color: #ffffff;
  float: right;
  width: calc(100% - 442px);
  margin-right: 2px; }

#divContent > div {
  height: 99% !important; }

.divContentPanelsWithMessage {
  height: calc(100% - 52px);
  padding-top: 0px;
  overflow-x: auto; }

.divContentPanelsWithOutMessage {
  height: 100%;
  padding-top: 0px;
  overflow-x: auto; }

.contentPanel {
  margin: auto;
  width: 100%;
  padding: 0px;
  height: 98%; }

.splitDivRight {
  float: right;
  width: calc(50% - 2px); }

.splitDivLeft {
  float: left;
  width: calc(50% - 2px); }

.panelTitleSpan {
    /*  padding-left: 24px;
padding-top: 3px;*/
  display: block;
  min-height: 14px; }

.panelTitleSpanLow {
  padding-top: 5px;
  display: block;
  min-height: 14px; }

.panBottomMargin {
  margin-bottom: 7px; }

.panelHeaderContent {
  padding-left: 25px;
  height: 50px; }

.panelDescriptionImage {
  float: left;
  width: 50px; }

.panelDescriptionText {
  float: right;
  padding-left: 5px;
  padding-top: 5px;
  width: calc(100% - 65px);
  color: #2D4155;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important; }

.divRow {
  clear: both;
  margin-left: 25px;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  padding-bottom: 5px;
  display: table;
  width: calc(100% - 25px); }
  .divRow textarea, .divRow input {
    font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    color: darkslategray !important; }

.noBottomPadding {
  padding-bottom: 0px !important; }

.selectedEditor {
  box-shadow: 0px 0px 8px blue; }

.roLabel {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  line-height: 34px; }

.labelForm {
  padding-right: 5px;
  text-align: right;
  float: left;
  width: 125px;
  color: #2D4155; }

.lblminWidth {
  width: 50px !important; }

.divRow {
  clear: both;
  margin-left: 25px;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px !important; }

.labelForm {
  padding-right: 5px;
  text-align: right;
  float: left;
  width: 125px;
  color: #2D4155; }

.labelFloat {
  float: left;
  display: table; }

.componentFloat {
  margin-top: -4px;
  float: left;
  display: table; }

.maxWidthInfo {
  text-align: left !important;
  width: 225px !important;
  overflow: hidden !important;
  padding-left: 10px !important;
  padding-top: 5px !important; }

.maxWidth {
  width: 250px; }

.midWidth {
  width: 60px !important;
  padding-top: 6px; }

.mediumWidth {
  width: 75px !important;
  padding-top: 6px; }

.mediumPadding {
  padding-left: 80px !important; }

.midWidthDescription {
  padding-left: 65px !important; }

.extraWidth {
  width: 250px !important;
  padding-top: 6px; }

.alignTop {
  padding-top: 6px; }

.componentForm {
  float: left;
  width: calc(100% - 155px); }

.componentFormMaxWidth {
  float: left;
  width: calc(100% - 255px); }

.cfMaxWidth {
  float: left;
  width: calc(100% - 260px); }

.componentFormWithoutSize {
  float: left; }

.divRowDescription {
  padding-top: 5px;
  padding-left: 130px;
  padding-bottom: 2px; }
  .divRowDescription > span {
    font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
    color: #f2b07e !important;
    font-weight: bold !important; }

.optionPanelRoboticsV2 {
  /* border: 1px solid rgb(169, 169, 169);*/
  margin: 4px 2px 10px 0px;
  padding: 10px;
  box-shadow: none;
  border-radius: 5px;
    /* &:hover {
    border: 1px solid rgb(169, 169, 169);
    padding: 10px;
    box-shadow: 0px 0px 8px #535353;
    border-radius: 5px;
}*/ }

.dxmLite .dxm-popup {
  border: 0px !important;
  border-radius: 5px !important;
  background-color: white;
  padding: 1px;
  box-shadow: 0px 0px 8px #535353 !important; }

.dxmLite .dxm-popup .dxm-gutter {
  border-radius: 5px !important; }

.dxmLite .dxm-item {
  border-radius: 5px !important; }

.optionPanelRoboticsV2-hover {
  margin: 4px 2px 10px 0px;
  padding: 10px;
  border-radius: 5px; }

.btnFlatBase, .btnFlatWithoutWith, .btnFlat, .btnFlatWithMaxTextWidth {
  height: 20px;
  border-radius: 5px;
  border: 1px solid #32525D !important;
  padding: 2px 5px 2px 5px !important;
  vertical-align: middle;
  text-align: center;
  display: inline-block !important;
  background-color: #32525D !important;
  background-image: none !important;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  cursor: pointer;
  color: #ffffff !important;
  margin: 2px; }

.btnFlatWithoutWith {
  width: unset !important; }

.btnFlat {
  min-width: 100px;
  padding: 5px 10px 5px 10px !important; }

.btnFlatWithMaxTextWidth {
  min-width: 300px; }

.btnFlatBase-hover {
  background-color: #e87722 !important;
  color: #ffffff !important;
  border-color: #e87722 !important; }

.btnFlatBase > a:hover, .btnFlatWithoutWith > a:hover, .btnFlat > a:hover, .btnFlatWithMaxTextWidth > a:hover {
  background-color: #e87722 !important;
  color: #ffffff !important;
  border-color: #e87722 !important; }
.btnFlatBase:hover, .btnFlatWithoutWith:hover, .btnFlat:hover, .btnFlatWithMaxTextWidth:hover {
  background-color: #e87722 !important;
  color: #ffffff !important;
  border-color: #e87722 !important; }
  .btnFlatBase:hover > span, .btnFlatWithoutWith:hover > span, .btnFlat:hover > span, .btnFlatWithMaxTextWidth:hover > span {
    background-color: #e87722 !important;
    color: #ffffff !important;
    border-color: #e87722 !important; }
.btnFlatBase > a, .btnFlatWithoutWith > a, .btnFlat > a, .btnFlatWithMaxTextWidth > a {
  line-height: 20px;
  display: block;
  height: 100%;
  color: #ffffff; }
  .btnFlatBase > a:visited, .btnFlatWithoutWith > a:visited, .btnFlat > a:visited, .btnFlatWithMaxTextWidth > a:visited {
    color: #ffffff; }

.btnFlatAsp {
  min-width: 120px;
  height: 26px;
    /*margin: 2px;
padding-top: 0px !important;*/ }

.btnIconSave {
  content: url(../Images/Grid/save.png);
  vertical-align: text-top; }

.btnIconEdit {
  content: url(../Images/Grid/edit.png);
  vertical-align: text-top; }

.btnIconGenius {
  content: url(../Images/Genius/GeniusAnalyticsMini.png);
  vertical-align: text-top; }

.sa-toolbar__button:last-child {
  margin-right: 0;
  background-color: #e87722;
  border-radius: 5px;
  color: white; }

.btnIconAdd {
  content: url(../Images/Grid/add.png);
  vertical-align: text-top; }

.btnIconCancel {
  content: url(../Images/Grid/cancel.png);
  vertical-align: text-top; }

.btnIconAddAsp {
  background-image: url(../Images/Grid/add.png) !important;
  background-repeat: no-repeat;
  background-position-y: 4px;
  background-position-x: 10%;
  vertical-align: text-top; }

.btnFlatBlack {
  background-color: #32525D !important;
  color: #ffffff !important;
  /*margin: 2px;*/
  cursor: pointer; }
  .btnFlatBlack a {
    background-color: #32525D !important;
    color: #ffffff !important; }
    .btnFlatBlack a:visited {
      background-color: #32525D !important;
      color: #ffffff !important; }

.btnFlatRed {
  border: 1px solid #ff5a5a !important;
  background-color: #ff5a5a !important;
  color: #ffffff !important;
  /*margin: 2px;*/
  cursor: pointer; }
  .btnFlatRed a {
    background-color: #ff5a5a !important;
    color: #ffffff !important; }
    .btnFlatRed a:visited {
      background-color: #ff5a5a !important;
      color: #ffffff !important; }

.btnFlatBlack-hover {
  background-color: #e87722 !important;
  color: #ffffff !important;
  border-color: #e87722 !important; }

.btnFlatBlack:hover {
  background-color: #e87722 !important;
  color: #ffffff !important;
  border-color: #e87722 !important; }
  .btnFlatBlack:hover a, .btnFlatBlack:hover span {
    background-color: #e87722 !important;
    color: #ffffff !important;
    border-color: #e87722 !important; }

.jsGrid {
  float: left;
  margin-top: 2px;
  padding: 3px 3px 5px;
  text-align: left;
  background-color: #f2b07e;
  border-bottom: 1px Solid #f6ccad;
  width: calc(100% - 6px);
  min-height: 30px;
  border-radius: 5px; }

.jsGridTitle {
  font: 15px "Century Gothic", Geneva, sans-serif;
  color: #ffffff;
  padding-left: 10px;
  position: relative;
  top: 8px; }

.jsgridButton {
  float: right;
  margin-right: 10px;
  margin-top: 5px; }

.jsGridContent {
  clear: both;
  min-height: 150px;
  overflow: hidden;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  color: #666666 !important;
  border-radius: 5px; }

.meter {
  background: #32525d;
  border-radius: 25px;
  padding: 10px;
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); }

.meter > span {
  display: block;
  height: 100%;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #e87722;
  position: relative;
  overflow: hidden;
  color: white; }

.dx-progressbar-container {
  height: 15px !important;
  border-radius: 4px; }

.dx-progressbar-status {
  padding-top: 3px !important; }

.jsGridContentStart {
  clear: both;
  min-height: 150px;
  overflow: hidden;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  color: #666666 !important;
  border-radius: 5px;
  max-width: 95%;
  margin: 0 auto; }

.minisection1 {
  width: 25%;
  float: left;
  border-right: 1vw solid white;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 0; }

.minisection2 {
  width: 75%;
  float: left;
  margin: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  box-sizing: border-box; }

.section1 {
  width: 40%;
  float: left;
  border-right: 1vw solid white;
  box-sizing: border-box;
  margin: 5px;
  padding: 0; }

.section2 {
  width: 60%;
  float: left;
  border-right: 1vw solid white;
  margin: 0;
  padding: 5px;
  box-sizing: border-box; }

.sectionOnBoarding {
  width: 60%;
  float: left;
  margin: 0;
  padding: 1vw;
  box-sizing: border-box; }

.sectionZones {
  width: 60%;
  float: left;
  margin: 0;
  padding: 1vw;
  box-sizing: border-box; }

.sectionMap {
  width: 40%;
  float: left;
  margin: 0;
  padding: 1vw;
  box-sizing: border-box; }

.list-containerRequests {
  margin-bottom: 25px;
  height: auto;
  top: 0;
  bottom: 0;
  margin: 0 auto;
  margin-bottom: 1vw;
  margin-top: 5px; }

.request {
  height: 50px; }

.request > img {
  height: 100%;
  float: left; }

.request > div {
  padding-left: 10px;
  vertical-align: top;
  line-height: 50px;
  font-size: 13px;
  float: left; }

.request > div.image {
  float: right;
  font-size: 18px;
  color: darkgrey;
  font-weight: 600; }

.listTask {
  height: 50px; }

.listTask > img {
  height: 100%;
  float: left; }

.listTask > div {
  padding-left: 10px;
  vertical-align: top;
  line-height: 50px;
  font-size: 13px;
  float: left; }

.listTask > div.image {
  float: right;
  font-size: 13px;
  color: darkgrey;
  font-weight: 300; }

.jsGridHeaderCell {
  border-collapse: separate !important;
  border-spacing: 2px !important;
  border-color: gray !important;
  padding: 2px !important;
  padding-left: 5px !important;
  text-align: left !important;
  background-color: #b6cfd8 !important;
  font-weight: bold !important;
  border: solid 1px #b6cfd8 !important;
  height: 14px !important; }
  .jsGridHeaderCell td {
    font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    color: #666666 !important; }

.bodyPopupExtended {
  background-color: white;
  border: 0;
  border-spacing: 0px;
  border-collapse: collapse;
  border-radius: 0px;
  box-shadow: 0px 0px 8px #535353;
  min-width: 100px;
  padding: 10px;
  border-radius: 5px !important; }

.TrackingsbodyPopupExtended {
  left: 5px;
  position: relative;
  top: 5px;
  width: calc(100% - 26px); }

.bodyPopupExtended > div {
  margin: 10px;
  clear: both;
  padding-top: 5px; }

.popupHeaderContent {
  height: 50px; }

.popupDescriptionImage {
  float: left;
  width: 70px; }

.popupDescriptionText {
  float: right;
  padding-left: 5px;
  padding-top: 5px;
  width: calc(100% - 75px); }

.popupDefaultButtons {
  float: right;
  width: 100%;
  margin-top: -5px; }

.headerButtonsCell {
  margin-top: -16px;
  float: right;
  padding-right: 5px; }

.popupInsideFrame {
  margin: 0;
  padding: 0;
  border: 0; }

.flashLeft {
  float: left;
  width: calc(100% - 32px); }

.flashRight {
  float: right;
  width: 30px; }

.statusGridHeader {
  min-height: 0px !important;
  overflow: auto; }

.statusGridContent {
  min-height: 75px !important;
  max-height: 200px !important;
  overflow: auto; }

.popupWizardContent {
  height: calc(100vh - 44px);
  overflow: auto; }

.popupWizardContentDocuments {
  height: calc(100vh - 54px); }

.dx-list-item-content, .dx-list .dx-empty-message {
  cursor: default; }

.popupWizardButtons {
  height: 24px; }

.popupWizardError {
  height: initial !important;
  padding-top: 0px !important; }

.captchaFirst {
  z-index: 200001 !important; }

.MainMenuWidth {
  padding-top: 20px !important;
  width: calc(100% - 5px) !important; }

.MainMenuWidth_ {
  padding-top: 20px !important;
  width: calc(100% - 5px); }

.DefaultForm {
  width: 100%;
  min-height: 648px;
  height: 100%; }

.DefaultHeight {
  height: calc(100vh - 56px); }

.StartHeight {
  height: calc(100vh - 105px) !important; }

.StartHeight_ {
  height: calc(100vh - 105px); }

.EmployeeCopyLeft {
  float: left;
  width: calc(50% - 2px); }

.EmployeeCopyRight {
  float: right;
  width: calc(50% - 2px); }

.EmployeeFormWidth {
  width: calc(100% - 300px) !important; }

.EmployeeFormWidth_ {
  width: calc(100% - 300px); }

.EmployeeGridWidth {
  width: calc(100% - 28px);
  float: left; }

.EmployeeGridWidthNext {
  width: calc(100% - 28px);
  float: left;
  font-weight: 600; }

.modalBackground {
  background-color: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  filter: alpha(opacity=30);
  opacity: 0.3;
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  position: absolute;
  left: 0;
  top: 0; }

.modalBackgroundTransparent {
  background-color: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  position: absolute;
  left: 0;
  top: 0; }

.accordionHeader {
  border: 1px solid #2F4F4F;
  color: #ffffff;
  background-color: #2E4d7B;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 10px;
  font-weight: bold;
  padding: 5px;
  margin-top: 5px;
  cursor: pointer; }

.accordionHeaderSelected {
  border: 1px solid #2F4F4F;
  color: #ffffff;
  background-color: #5078B3;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 10px;
  font-weight: bold;
  padding: 5px;
  margin-top: 5px;
  cursor: pointer; }

.EmployeeSelector table {
  border-style: none;
  border-width: 0px;
  padding: 0px;
  border: solid 0px #7f7f7f; }

.MainMenu_box {
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  margin-bottom: 3px;
  border-color: #f6ccad;
  background-color: #ffffff; }

.MainMenu_Shared {
  float: left;
  width: calc(100% - 2px); }

.MainMenu_Leftbox {
  float: left;
  width: calc(50% - 2px);
  height: 100%;
  background-image: url(../Images/Main/Op_diaria.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.MainMenu_Rightbox {
  float: right;
  width: calc(50% - 2px);
  height: 100%;
  background-image: url(../Images/Main/param.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.Summary_DropDownImage {
  background-image: url(../Images/Main/Flechitas.ico);
  width: 16px;
  height: 16px; }

.Summary_ToolImage {
  background-image: url(../Images/Main/Configuracion.ico);
  width: 32px;
  height: 32px; }

.Summary_BackGroundImage {
  background-color: White; }

.Summary_SummaryImage {
  background-image: url(../Images/Main/Summary_BackGround5.Gif); }

.Summary_SectionTabImage {
  background-image: url(../Images/Main/tab.Gif);
  background-repeat: repeat;
  background-position: 0px 0px;
  width: 200px;
  height: 24px;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff; }

.TabButton {
  background-image: url(../Images/Main/Menu/SumaryTabButton_Mid.gif);
  background-repeat: repeat-x;
  border-style: solid;
  border: 1px;
  border-color: Gray;
  height: 24px;
  width: 130px;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px;
  color: Black; }
  .TabButton:hover {
    background-image: url(../Images/Main/Menu/SumaryTabButton_Hover.gif);
    background-repeat: repeat-x;
    border-style: solid;
    border: 1px;
    border-color: White;
    height: 24px;
    width: 130px;
    font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    color: #ffffff; }

.TabButtonSelected {
  background-image: url(../Images/Main/Menu/SumaryTabButton_Selected.gif);
  background-repeat: repeat-x;
  border-style: solid;
  border: 1px;
  border-color: white;
  height: 24px;
  width: 130px;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px;
  color: #ffffff; }

.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_inner {
  padding-left: 3px;
  background: url(../Images/TabContainer/xp/tab-left.gif) no-repeat; }
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_tab {
  height: 13px;
  padding: 4px;
  margin: 0;
  background: url(../Images/TabContainer/xp/tab.gif) repeat-x; }
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_outer {
  background: url(../Images/TabContainer/xp/tab-hover-right.gif) no-repeat right; }
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_inner {
  background: url(../Images/TabContainer/xp/tab-hover-left.gif) no-repeat; }
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_tab {
  background: url(../Images/TabContainer/xp/tab-hover.gif) repeat-x; }
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_outer {
  background: url(../Images/TabContainer/xp/tab-active-right.gif) no-repeat right; }
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_inner {
  background: url(../Images/TabContainer/xp/tab-active-left.gif) no-repeat; }
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_tab {
  background: url(../Images/TabContainer/xp/tab-active.gif) repeat-x; }
.ajax__tab_xp-theme .ajax__tab_body {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 10pt;
  border: 1px solid #CDCDCD;
  border-top: 0;
  padding: 8px;
  background-color: #ffffff; }

.ajax__tab_yuitabview-theme .ajax__tab_header {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px;
  border-bottom: solid 5px #808da5; }
  .ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer {
    background: url(../Images/TabContainer/yui/sprite.png) #d8d8d8 repeat-x;
    margin: 0px 0.16em 0px 0px;
    padding: 1px 0px 1px 0px;
    vertical-align: bottom;
    border: solid 1px #a3a3a3;
    border-bottom-width: 0px; }
  .ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab {
    color: #000;
    padding: 0.35em 0.75em;
    margin-right: 0.01em; }
.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer {
  background: url(../Images/TabContainer/yui/sprite.png) #bfdaff repeat-x left -1300px; }
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab {
  color: #ffffff; }
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer {
  background: url(../Images/TabContainer/yui/sprite.png) #2647a0 repeat-x left -1400px; }
.ajax__tab_yuitabview-theme .ajax__tab_body {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 12pt;
  padding: 0.25em 0.5em;
  background-color: White;
  border: solid 1px #808080;
  border-top-width: 0px; }

.ajax__tab_technorati-theme .ajax__tab_header {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  background: url(../Images/TabContainer/technorati/tab-line.png) repeat-x bottom;
  font-size: 12px;
  display: block; }
  .ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_outer {
    background: url(../Images/TabContainer/technorati/tab.png) no-repeat left top;
    border-color: #222;
    color: #222;
    padding-left: 10px;
    margin-right: 3px; }
  .ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_inner {
    background: url(../Images/TabContainer/technorati/tab.png) no-repeat right top;
    border-color: #666;
    color: #666;
    padding: 3px 10px 2px 0px; }
.ajax__tab_technorati-theme .ajax__tab_hover .ajax__tab_inner {
  color: #000000; }
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_outer {
  background: url(../Images/TabContainer/technorati/tab.png) no-repeat 0pt -40px;
  border-bottom-color: #ffffff; }
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_inner {
  background: url(../Images/TabContainer/technorati/tab.png) no-repeat right -40px;
  color: #000000;
  border-color: #333333; }
.ajax__tab_technorati-theme .ajax__tab_body {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 10pt;
  padding: 8px;
  background-color: #ffffff;
  border: solid 1px #b6cfd8;
  border-top-width: 0; }

.ajax__tab_msngallery-theme .ajax__tab_header {
  background: url(../Images/TabContainer/msngallery/tab-line.png) repeat-x bottom;
  font-size: 12px;
  display: block; }
  .ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_outer {
    border: solid 1px #D7DCE1;
    padding: 1px 1px 0px 1px;
    border-bottom: solid 2px #A8D4D9;
    background-color: #edf2fb; }
  .ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab {
    padding: 6px 10px 6px 10px;
    color: #444444;
    width: 117px;
    display: block;
    text-align: center; }
    .ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab img {
      height: 24px;
      width: 24px; }
    .ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab div {
      font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
      font-weight: bold;
      white-space: nowrap;
      line-height: 145%;
      font-size: 92%; }
.ajax__tab_msngallery-theme .ajax__tab_active .ajax__tab_outer {
  padding: 0px 0px 0px 0px;
  border: solid 2px #A8D4D9;
  border-bottom-color: #ffffff;
  background-color: #ffffff; }
.ajax__tab_msngallery-theme .ajax__tab_body {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 10pt;
  padding: 8px;
  background-color: #ffffff;
  border: solid 2px #A8D4D9;
  border-top-width: 0; }

.ajax__tab_ie-theme .ajax__tab_header {
  padding-left: 5px; }
  .ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab {
    margin-right: 0px;
    background: url(../Images/TabContainer/ie/tab_unselected.gif);
    width: 116px;
    padding: 9px 0px 3px 0px;
    text-align: center;
    color: #006699;
    font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
    font-size: 13px;
    display: block; }
.ajax__tab_ie-theme .ajax__tab_active .ajax__tab_tab {
  padding: 6px 0px 3px 0px;
  background: url(../Images/TabContainer/ie/tab_selected.gif); }
.ajax__tab_ie-theme .ajax__tab_body {
  background: url(../Images/TabContainer/ie/ie_tabbacker_720x296.jpg) no-repeat;
  font-size: 13px;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  height: 296px;
  width: 716px; }
  .ajax__tab_ie-theme .ajax__tab_body div {
    padding: 8px; }

input.l-tcb {
  height: 13px;
  width: 13px;
  margin-left: 2px; }

.ext-ie .x-tree {
  position: static !important; }

.NewEmployeeWizards_WelcomeImage {
  background-image: url(../Images/Wizards/wzmens.gif); }

.NewEmployeeWizards_StepTitle {
  width: 800px;
  background-color: #e8f0f3;
  background-repeat: no-repeat;
  padding: 10px;
  border-radius: 5px;
  vertical-align: top; }

.NewEmployeeWizards_StepContent {
  background-color: Transparent;
  height: 280px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  vertical-align: top;
  border-radius: 5px; }

.NewEmployeeWizards_StepError {
  background-color: Transparent;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  text-align: center;
  vertical-align: middle;
  border-radius: 5px; }

.NewEmployeeWizards_ButtonsPanel {
  background-color: Transparent; }

.NewGroupWizards_WelcomeImage {
  background-image: url(../Images/Wizards/wzmens.gif); }

.NewGroupWizards_StepTitle {
  width: 500px;
  background-color: #e8f0f3;
  background-repeat: no-repeat;
  padding: 10px;
  border-radius: 5px;
  vertical-align: top; }

.NewGroupWizards_StepContent {
  background-color: Transparent;
  height: 280px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  vertical-align: top;
  border-radius: 5px; }

.NewGroupWizards_StepError {
  background-color: Transparent;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  text-align: center;
  vertical-align: middle;
  border-radius: 5px; }

.NewGroupWizards_ButtonsPanel {
  background-color: Transparent; }

.NewShiftGroupWizards_WelcomeImage {
  background-image: url(../Images/Wizards/wzmens.gif); }

.NewShiftGroupWizards_StepTitle {
  width: 500px;
  background-color: #e8f0f3;
  background-repeat: no-repeat;
  padding: 10px;
  border-radius: 5px;
  vertical-align: top; }

.NewShiftGroupWizards_StepContent {
  background-color: Transparent;
  height: 280px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  vertical-align: top;
  border-radius: 5px; }

.NewShiftGroupWizards_StepError {
  background-color: Transparent;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  text-align: center;
  border-radius: 5px;
  vertical-align: middle; }

.NewShiftGroupWizards_ButtonsPanel {
  background-color: Transparent; }

.SchedulerWizards_StepTitle {
  background-color: #e8f0f3;
  background-repeat: no-repeat;
  padding: 10px;
  border-radius: 5px;
  vertical-align: top; }

.SchedulerWizards_StepContent {
  background-color: Transparent;
  height: 280px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  vertical-align: top;
  border-radius: 5px; }

.SchedulerWizards_StepError {
  background-color: Transparent;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  text-align: center;
  vertical-align: middle;
  border-radius: 5px; }

.SchedulerWizards_ButtonsPanel {
  background-color: Transparent; }

.ReportWizards_StepTitle {
  background-color: #e8f0f3;
  background-repeat: no-repeat;
  padding: 10px;
  border-radius: 5px;
  vertical-align: top; }

.ReportWizards_StepContent {
  background-color: Transparent;
  height: 330px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  vertical-align: top;
  border-radius: 5px; }

.ReportWizards_StepError {
  background-color: Transparent;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  text-align: center;
  border-radius: 5px;
  vertical-align: middle; }

.ReportWizards_ButtonsPanel {
  background-color: Transparent; }

.CardAssignWizards_WelcomeImage {
  background-image: url(../Images/Wizards/wzRegCard.gif); }

.CardAssignWizards_StepTitle {
  background-color: #e8f0f3;
  background-repeat: no-repeat;
  padding: 10px;
  border-radius: 5px;
  vertical-align: top; }

.CardAssignWizards_StepContent {
  background-color: Transparent;
  height: 280px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  vertical-align: top; }

.CardAssignWizards_StepError {
  background-color: Transparent;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  text-align: center;
  vertical-align: middle; }

.CardAssignWizards_ButtonsPanel {
  background-color: Transparent; }

.ajax__tab_vt .ajax__tab_header {
  font-family: verdana,tahoma,helvetica;
  font-size: 11px; }
.ajax__tab_vt .ajax__tab_outer {
  padding-right: 4px;
  height: 21px; }
.ajax__tab_vt .ajax__tab_inner {
  padding-left: 3px; }
.ajax__tab_vt .ajax__tab_tab {
  height: 13px;
  padding: 4px;
  margin: 0; }
.ajax__tab_vt .ajax__tab_body {
  font-family: verdana,tahoma,helvetica;
  font-size: 10pt;
  border: 1px solid #999999;
  border-top: 0;
  padding: 0;
  background-color: Transparent; }

.NewTerminalWizards_WelcomeImage {
  background-image: url(../Images/Wizards/wzconnect.gif); }

.NewTerminalWizards_StepTitle {
  width: 500px;
  background-color: #e8f0f3;
  background-repeat: no-repeat;
  padding: 10px;
  border-radius: 5px;
  vertical-align: top; }

.NewTerminalWizards_StepContent {
  background-color: Transparent;
  height: 280px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  vertical-align: top; }

.NewTerminalWizards_StepError {
  background-color: Transparent;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  text-align: center;
  vertical-align: middle; }

.NewTerminalWizards_ButtonsPanel {
  background-color: Transparent; }

.ChangeCommsStateWizards_WelcomeImage {
  background-image: url(../Images/Wizards/wzconnect.gif); }

.ChangeCommsStateWizards_StepTitle {
  width: 500px;
  background-color: #e8f0f3;
  background-repeat: no-repeat;
  padding: 10px;
  border-radius: 5px;
  vertical-align: top; }

.ChangeCommsStateWizards_StepContent {
  background-color: Transparent;
  height: 280px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  vertical-align: top; }

.ChangeCommsStateWizards_StepError {
  background-color: Transparent;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  text-align: center;
  vertical-align: middle; }

.ChangeCommsStateWizards_ButtonsPanel {
  background-color: Transparent; }

.PassportWizards_StepTitle {
  background-color: #e8f0f3;
  background-repeat: no-repeat;
  padding: 10px;
  border-radius: 5px;
  vertical-align: top; }

.PassportWizards_StepContent {
  background-color: Transparent;
  height: 280px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  vertical-align: top; }

.PassportWizards_StepError {
  background-color: Transparent;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  text-align: center;
  vertical-align: middle; }

.PassportWizards_ButtonsPanel {
  background-color: Transparent; }

.NewCompanyWizards_WelcomeImage {
  background-image: url(../Images/Wizards/wzcompany.gif); }

.NewCompanyWizards_StepTitle {
  background-color: #e8f0f3;
  background-repeat: no-repeat;
  padding: 10px;
  border-radius: 5px;
  vertical-align: top;
  width: 500px; }

.NewCompanyWizards_StepContent {
  background-color: Transparent;
  height: 280px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  vertical-align: top; }

.NewCompanyWizards_StepError {
  background-color: Transparent;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  text-align: center;
  vertical-align: middle; }

.NewCompanyWizards_ButtonsPanel {
  background-color: Transparent; }

.AssignScheduleTemplateWizards_WelcomeImage {
  background-image: url(../Images/Wizards/wzschedule.gif); }

.AssignScheduleTemplateWizards_StepTitle {
  width: 550px;
  background-color: #e8f0f3;
  background-repeat: no-repeat;
  padding: 10px;
  border-radius: 5px;
  vertical-align: top; }

AssignScheduleTemplateWizards_StepTitle2 {
  background-color: #e8f0f3;
  background-repeat: no-repeat;
  padding: 10px;
  border-radius: 5px;
  vertical-align: top;
  width: 850px; }

.AssignScheduleTemplateWizards_StepContent {
  background-color: Transparent;
  height: 280px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  vertical-align: top; }

.AssignScheduleTemplateWizards_StepError {
  background-color: Transparent;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  text-align: center;
  vertical-align: middle; }

.AssignScheduleTemplateWizards_ButtonsPanel {
  background-color: Transparent; }

.TaskWizards_StepTitle {
  background-color: #e8f0f3;
  background-repeat: no-repeat;
  padding: 10px;
  border-radius: 5px;
  vertical-align: top; }

.TaskWizards_StepContent {
  background-color: Transparent;
  height: 280px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  vertical-align: top; }

.TaskWizards_StepError {
  background-color: Transparent;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  text-align: center;
  vertical-align: middle; }

.TaskWizards_ButtonsPanel {
  background-color: Transparent; }

.LaunchTaskTemplateWizard_WelcomeImage {
  background-image: url(../Images/Wizards/wzTasks.gif); }

.LaunchTaskTemplateWizard_StepTitle {
  background-color: #e8f0f3;
  background-repeat: no-repeat;
  padding: 10px;
  border-radius: 5px;
  vertical-align: top;
  width: 500px; }

.LaunchTaskTemplateWizard_StepContent {
  background-color: Transparent;
  height: 280px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  vertical-align: top; }

.LaunchTaskTemplateWizard_StepError {
  background-color: Transparent;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  text-align: center;
  vertical-align: middle; }

.LaunchTaskTemplateWizard_ButtonsPanel {
  background-color: Transparent; }

.yui .ajax__calendar_container {
  background-color: #f2f2f2;
  border: solid 1px #808080;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  cursor: default;
  width: 205px;
  font-size: 12px;
  text-align: center;
  padding: 0px;
  z-index: 10000; }
.yui .ajax__calendar_body {
  height: 139px;
  width: 205px;
  position: relative;
  overflow: hidden;
  padding: 0px; }
.yui .ajax__calendar_days, .yui .ajax__calendar_months, .yui .ajax__calendar_years {
  top: 0px;
  left: 0px;
  height: 139px;
  width: 195px;
  padding: 5px;
  position: absolute;
  text-align: center; }
.yui .ajax__calendar_days table {
  border-spacing: 0;
  border-collapse: collapse;
  font: 100% sans-serif;
  text-align: center; }
  .yui .ajax__calendar_days table tr th, .yui .ajax__calendar_days table tr td {
    padding: 0px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    color: black; }
.yui .ajax__calendar_header {
  background: url(../Images/Calendar/yui/sprite.png) repeat-x 0 0;
  height: 22px;
  width: 100%;
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
  padding-top: 3px; }
.yui .ajax__calendar_prev {
  margin-top: 2px;
  margin-left: 4px;
  height: 15px;
  width: 25px;
  cursor: pointer;
  float: left;
  background: url(../Images/Calendar/yui/sprite.png) 0px -450px no-repeat; }
.yui .ajax__calendar_next {
  margin-top: 2px;
  margin-right: 4px;
  height: 15px;
  width: 25px;
  cursor: pointer;
  float: right;
  background: url(../Images/Calendar/yui/sprite.png) 0px -500px no-repeat; }
.yui .ajax__calendar_title {
  cursor: pointer;
  font-weight: bold;
  text-align: center; }
.yui .ajax__calendar_footer, .yui .ajax__calendar_today {
  display: none; }
.yui .ajax__calendar_dayname {
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom: 5px;
  margin-left: 2px;
  margin-right: 2px;
  text-align: center;
  font-weight: 700;
  font-size: 10pt;
  color: #000;
  border-bottom: solid 1px #a6a6a6; }
.yui .ajax__calendar_day, .yui .ajax__calendar_month, .yui .ajax__calendar_year {
  padding: 0px;
  color: #000;
  text-align: center;
  padding: 0pt 2px; }
.yui .ajax__calendar_hover .ajax__calendar_day, .yui .ajax__calendar_hover .ajax__calendar_month, .yui .ajax__calendar_hover .ajax__calendar_year, .yui .ajax__calendar_hover .ajax__calendar_title {
  color: #0066cc; }
.yui .ajax__calendar_other .ajax__calendar_day, .yui .ajax__calendar_other .ajax__calendar_year {
  color: #a6a6a6; }
.yui .ajax__calendar_active .ajax__calendar_day {
  color: #0066cc; }

table.yui-datatable-theme {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: small;
  border: solid 1px #7f7f7f; }

.yui-datatable-theme th {
  background: url(../Images/Grid/yui/sprite.png) repeat-x 0px 0px;
  border-color: #989898 #cbcbcb #989898 #989898;
  border-style: solid solid solid none;
  border-width: 1px 1px 1px medium;
  color: #000;
  padding: 4px 5px 4px 5px;
  text-align: center;
  vertical-align: bottom;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: small;
  font-weight: normal; }
  .yui-datatable-theme th a {
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    color: #000;
    display: block; }
  .yui-datatable-theme th:hover {
    background: url(../Images/Grid/Header_hover.JPG) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 4px 5px 4px 5px;
    text-align: center;
    vertical-align: bottom;
    font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
    font-size: small;
    font-weight: normal; }
.yui-datatable-theme td {
  padding: 4px 5px 4px 5px;
  border-right: solid 1px #cbcbcb;
  border-bottom: solid 1px #cbcbcb; }
.yui-datatable-theme .data-row {
  background-color: White; }
.yui-datatable-theme .alt-data-row {
  background-color: #edf5ff; }
.yui-datatable-theme .row-over {
  background-color: #b2d2ff; }
.yui-datatable-theme .row-select {
  background-color: #426fd9;
  color: #ffffff; }
.yui-datatable-theme .alt-data-row :hover {
  background-color: #b2d2ff; }
.yui-datatable-theme .fix-data-row {
  background: url(../Images/Grid/yui/sprite.png) repeat-x 0px 0px;
  border-color: #989898 #cbcbcb #989898 #989898;
  border-style: solid solid solid none;
  border-width: 1px 1px 1px medium;
  color: #000; }
  .yui-datatable-theme .fix-data-row :hover {
    background: url(../Images/Grid/Header_hover.JPG) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000; }
.yui-datatable-theme .fix-data-row-table {
  border-style: none none none none; }
  .yui-datatable-theme .fix-data-row-table :hover {
    border-style: none none none none; }

.yui-datatable-small-theme {
  color: #666666; }

table.yui-datatable-small-theme {
  border-right: solid 1px #b6cfd8;
  border-bottom: solid 1px #b6cfd8;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px; }

.yui-datatable-small-theme th {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px;
  background-color: #b6cfd8;
  padding: 2px 2px 2px 5px;
  font-weight: bold;
  border-top: solid 1px #b6cfd8;
  border-left: solid 1px #b6cfd8;
  border-bottom: solid 1px #b6cfd8; }
  .yui-datatable-small-theme th a {
    text-decoration: none;
    text-align: center;
    color: #000;
    display: block; }
  .yui-datatable-small-theme th:hover {
    font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    padding: 2px 2px 2px 5px; }
.yui-datatable-small-theme td {
  padding: 2px 2px 2px 5px;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px;
  border-left: solid 1px #b6cfd8; }
.yui-datatable-small-theme .data-row {
  background-color: #ffffff;
  border-left: solid 1px #b6cfd8; }
.yui-datatable-small-theme .alt-data-row {
  background-color: #efefef;
  border-left: solid 1px #b6cfd8; }
.yui-datatable-small-theme .row-over {
  background-color: #dde0e7; }
.yui-datatable-small-theme .row-select {
  background-color: #76859f;
  color: #ffffff; }
  .yui-datatable-small-theme .row-select input {
    color: #ffffff; }
.yui-datatable-small-theme .alt-data-row :hover {
  background-color: #b2d2ff; }
.yui-datatable-small-theme .fix-data-row {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px;
  padding: 2px 2px 2px 5px;
  background-color: #e8eef7;
  font-weight: bold;
  border-left: solid 1px #b6cfd8;
  border-bottom: solid 1px #b6cfd8; }
.yui-datatable-small-theme .fix-header {
  border-top: none 1px #b6cfd8;
  border-left: none 1px #b6cfd8;
  border-bottom: solid 1px #b6cfd8;
  background-color: Transparent; }
.yui-datatable-small-theme .fix-data-row-div {
  width: 40px; }
.yui-datatable-small-theme .fix-data-row-div-left {
  float: left;
  width: 45%;
  text-align: right;
  padding-right: 2px; }
.yui-datatable-small-theme .fix-data-row-div-right {
  float: right;
  width: 45%;
  text-align: left;
  padding-left: 2px; }
.yui-datatable-small-theme .fix-data-row-table {
  border-style: none none none none;
  padding: 0px 0px 0px 0px;
  width: 100%;
  text-align: center; }
  .yui-datatable-small-theme .fix-data-row-table td {
    width: 50%; }
  .yui-datatable-small-theme .fix-data-row-table :hover {
    border-style: none none none none;
    padding: 0px 0px 0px 0px; }
.yui-datatable-small-theme input {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px;
  border: 1px solid #7d8ba3;
  color: #666666;
  background-color: white; }

table.yui-datatable-scheduler-theme {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px;
  border: solid 1px #7f7f7f; }

.HideRemoveButton {
  display: none !important; }

.yui-datatable-scheduler-theme th {
  background: url(../Images/Grid/yui/sprite.png) repeat-x 0px 0px;
  border-color: #989898 #cbcbcb #989898 #989898;
  border-style: solid solid solid none;
  border-width: 1px 1px 1px medium;
  color: #000;
  padding: 4px 5px 4px 10px;
  text-align: left;
  vertical-align: middle;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px;
  font-weight: normal; }
  .yui-datatable-scheduler-theme th a {
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    color: #000;
    display: block; }
  .yui-datatable-scheduler-theme th:hover {
    background: url(../Images/Grid/Header_hover.JPG) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 4px 5px 4px 10px;
    text-align: left;
    vertical-align: middle;
    font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: normal; }
.yui-datatable-scheduler-theme td {
  padding: 4px 10px 4px 10px;
  border: solid 1px #cbcbcb; }
.yui-datatable-scheduler-theme .data-row {
  background-color: White; }
.yui-datatable-scheduler-theme .alt-data-row {
  background-color: #edf5ff; }
.yui-datatable-scheduler-theme .row-over {
  background-color: #b2d2ff; }
.yui-datatable-scheduler-theme .row-select {
  background-color: #3399ff;
  color: #ffffff; }
.yui-datatable-scheduler-theme .alt-data-row :hover {
  background-color: #b2d2ff; }

.yui-scheduler-contents-normal {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px; }

.yui-scheduler-contents-small, .yui-datatable-moves-theme {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 9px; }

table.yui-datatable-moves-theme {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 9px;
  border: solid 1px #7f7f7f; }

.yui-datatable-moves-theme th {
  background: url(../Images/Grid/yui/sprite.png) repeat-x 0px 0px;
  border-color: #989898 #cbcbcb #989898 #989898;
  border-style: solid solid solid none;
  border-width: 1px 1px 1px medium;
  color: #000;
  padding: 2px 2px 2px 5px;
  text-align: left;
  vertical-align: middle;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 9px; }
  .yui-datatable-moves-theme th a {
    text-decoration: none;
    text-align: center;
    color: #000;
    display: block; }
  .yui-datatable-moves-theme th:hover {
    background: url(../Images/Grid/Header_hover.JPG) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 2px 2px 2px 5px;
    text-align: left;
    vertical-align: middle;
    font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
    font-size: 9px; }
.yui-datatable-moves-theme td {
  padding: 2px 2px 2px 5px;
  border: solid 1px #cbcbcb; }
.yui-datatable-moves-theme .data-row {
  background-color: White; }
.yui-datatable-moves-theme .alt-data-row {
  background-color: #edf5ff; }
.yui-datatable-moves-theme .row-over {
  background-color: #b2d2ff; }
.yui-datatable-moves-theme .row-select {
  background-color: #3399ff;
  color: #ffffff; }
.yui-datatable-moves-theme .alt-data-row :hover {
  background-color: #b2d2ff; }
.yui-datatable-moves-theme .fix-data-row {
  background: url(../Images/Grid/yui/sprite.png) repeat-x 0px 0px;
  border-color: #989898 #cbcbcb #989898 #989898;
  border-style: solid solid solid none;
  border-width: 1px 1px 1px medium;
  color: #000; }
  .yui-datatable-moves-theme .fix-data-row :hover {
    background: url(../Images/Grid/Header_hover.JPG) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000; }
.yui-datatable-moves-theme .fix-data-row-table {
  border-style: none none none none; }
  .yui-datatable-moves-theme .fix-data-row-table :hover {
    border-style: none none none none; }

.yui-datatable-audit-theme {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 9px; }

table.yui-datatable-audit-theme {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 9px;
  border: solid 1px #7f7f7f; }

.yui-datatable-audit-theme th {
  background: url(../Images/Grid/yui/sprite.png) repeat-x 0px 0px;
  border-color: #989898 #cbcbcb #989898 #989898;
  border-style: solid solid solid none;
  border-width: 1px 1px 1px medium;
  color: #000;
  padding: 2px 2px 2px 5px;
  text-align: left;
  vertical-align: middle;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 9px; }
  .yui-datatable-audit-theme th a {
    text-decoration: none;
    text-align: center;
    color: #000;
    display: block; }
  .yui-datatable-audit-theme th:hover {
    background: url(../Images/Grid/Header_hover.JPG) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 2px 2px 2px 5px;
    text-align: left;
    vertical-align: middle;
    font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
    font-size: 9px; }
.yui-datatable-audit-theme td {
  padding: 2px 2px 2px 5px;
  border: solid 1px #cbcbcb; }
.yui-datatable-audit-theme .data-row {
  background-color: White; }
.yui-datatable-audit-theme .alt-data-row {
  background-color: #edf5ff; }
.yui-datatable-audit-theme .row-over {
  background-color: #b2d2ff; }
.yui-datatable-audit-theme .row-select {
  background-color: #3399ff;
  color: #ffffff; }
.yui-datatable-audit-theme .alt-data-row :hover {
  background-color: #b2d2ff; }
.yui-datatable-audit-theme .fix-data-row {
  background: url(../Images/Grid/yui/sprite.png) repeat-x 0px 0px;
  border-color: #989898 #cbcbcb #989898 #989898;
  border-style: solid solid solid none;
  border-width: 1px 1px 1px medium;
  color: #000; }
  .yui-datatable-audit-theme .fix-data-row :hover {
    background: url(../Images/Grid/Header_hover.JPG) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000; }
.yui-datatable-audit-theme .fix-data-row-table {
  border-style: none none none none; }
  .yui-datatable-audit-theme .fix-data-row-table :hover {
    border-style: none none none none; }

.yui-UpdateProgress {
  display: block;
  position: absolute;
  padding: 2px 3px; }

.yui-container {
  border: solid 1px #808080;
  border-width: 1px 0px; }

.yui-header {
  background: url(../Images/Progress/yui/sprite.png) repeat-x 0px 0px;
  border-color: #808080 #808080 #ccc;
  border-style: solid;
  border-width: 0px 1px 1px;
  padding: 0px 10px;
  color: #000000;
  font-size: 9pt;
  font-weight: bold;
  line-height: 1.9;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important; }

.yui-body {
  background-color: #f2f2f2;
  border-color: #808080;
  border-style: solid;
  border-width: 0px 1px;
  padding: 10px; }

.yui-Background {
  background-color: gray;
  filter: alpha(opacity=30);
  opacity: 0.3;
  -moz-opacity: 0.3; }

.dxmLite {
  font: inherit !important; }

/******************** TOP MENU ****************************/
#menu_icons {
  float: right;
  padding-right: 5px;
  width: 240px;
  cursor: pointer;
  color: #ffffff; }

#menu_icons div {
  float: right;
  width: 40px;
  height: 40px;
  text-align: center;
  padding-top: 14px; }
  #menu_icons div:hover {
    background-color: #fff;
    color: #32525D; }

/************************************************/
/*******************Pantalla login **************/
.loginFull {
  width: 100%;
  height: 100%; }

.rbBackgroundImg {
  float: left;
  width: 75%;
  height: 100%;
  background-size: cover;
  /*background: no-repeat center;
  background-size: contain !important;*/ }

.rbLoginColumn {
  background-color: #EEEEEE;
  float: right;
  width: 25%;
  height: 100%; }

.rbLogoInformation {
  top: 20%;
  position: absolute;
  width: 25%;
  text-align: center; }

.rbLoginData {
  top: calc(50% - 100px);
  position: absolute;
  width: 25%;
  text-align: center; }

.rbTextClass {
  top: calc(100% - 50px);
  position: absolute;
  width: 25%;
  text-align: center; }

/************************************************/
/***********************DevXpress **********************/
.x-tree-selected {
  background-color: #e8f0f3 !important; }

.dxgvFocusedRow {
  background-color: #74a4b4 !important; }

.dxpgCell {
  background-color: #d7e5ea !important; }

.dxpgGrandTotalCell {
  background-color: #95b9c6 !important; }

.dxpgColumnGrandTotalFieldValue, .dxpgRowGrandTotalFieldValue {
  background-color: #b6cfd8 !important; }

.dxpgArea, .dxpgHeader {
  background-color: #d7e5ea !important; }

.dxbButtonSys {
  margin-top: -1px; }

.btnFlatWithoutWith.dxbButton div.dxb {
  margin-left: 2px;
  padding: 4px 5px 4px 5px !important;
  margin-right: 2px; }

.dxbButton div.dxb {
  padding: 3px 28px 4px !important;
  border: none !important;
  margin-top: -4px;
  display: inherit !important; }

/************************************************/
/******************** Middle bar buttons ****************************/
.middleBarButtonsMain {
  height: 100%;
  padding-right: 3px; }

.middleBarButtonsTop {
  height: 50%;
  vertical-align: top; }

.middleBarButtonsBottom {
  height: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }

/******************** ALERTS ****************************/
.mainBlock {
  text-align: center;
  white-space: nowrap;
  height: 300px; }

.mainBlock:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mainCentered {
  display: inline-block;
  vertical-align: middle;
  width: 100%; }

.alertBlock, .greenCircle, .redCircle, .yellowCircle {
  text-align: center;
  white-space: nowrap;
  height: 200px; }

.greenCircle {
  background: url(../Images/Alerts/green_circle.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: white;
  /* rgb(7, 162, 57);*/ }

.redCircle {
  background: url(../Images/Alerts/red_circle.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: white;
  /* rgb(231, 11, 11);*/ }

.yellowCircle {
  background: url(../Images/Alerts/yellow_circle.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: grey;
  /*rgb(255, 225, 70);*/ }

.alertBlock:before, .greenCircle:before, .redCircle:before, .yellowCircle:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.centered {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  font-size: 8em;
  font-weight: bolder; }

.Alerts_Description {
  display: block;
  width: 60%;
  text-align: center;
  color: #76859F;
  margin: auto auto;
  margin-top: 100px;
  font-size: 21px;
  margin-bottom: 5px; }

.Alerts_SubDescription {
  margin-bottom: 15px;
  margin: auto auto;
  display: block;
  width: 40%;
  text-align: center;
  color: #2D4155; }

.Alert_BoxLine {
  display: grid;
  width: 100%;
  clear: both; }
  .Alert_BoxLine span {
    font-size: 18px;
    padding-top: 10px;
    display: block;
    word-wrap: break-word;
    white-space: pre-wrap; }
  .Alert_BoxLine a {
    text-decoration: none;
    width: 100%; }

.contentBlock {
  white-space: nowrap;
  height: 300px;
  overflow-x: hidden;
  overflow-y: auto; }

.contentBlock:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.contentCentered {
  display: inline-block;
  vertical-align: middle;
  width: 100%; }

.Alerts_Description {
  display: block;
  width: 60%;
  text-align: center;
  color: #76859F;
  margin: auto auto;
  font-size: 21px; }

.Alerts_SubDescription {
  margin: auto auto;
  display: block;
  width: 40%;
  text-align: center;
  color: #2D4155; }

.Alerts_Warning {
  margin-top: 8px;
  width: 24px;
  height: 24px;
  padding-left: 7px; }

.AlertDiv:hover {
  background-color: #fff;
  color: #e87722 !important; }

.AlertOut {
  background: url(../Images/alert_out.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 26px !important;
  padding-top: 0px !important;
  color: #e87722; }
  .AlertOut:hover {
    background: intial !important;
    color: #e87722 !important; }

.AlertOk {
  background: url(../Images/alert_ok.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 26px !important;
  padding-top: 0px !important; }

.AlertOutText {
  padding-top: 8px !important;
  height: initial !important;
  font-weight: bolder !important;
  background: none !important; }
  .AlertOutText:hover {
    background: none !important;
    color: #e87722 !important; }

.AddNode {
  padding-top: 8px !important;
  height: initial !important;
  font-weight: bolder !important;
  background: none !important; }
  .AddNode:hover {
    background: none !important;
    color: #e87722 !important; }

.innerScroll {
  position: relative;
  height: auto; }

.full-heightScroll {
  height: 100%; }

.btnTbFilter2 {
  display: block;
  height: 24px;
  width: 24px;
  background-image: url(../Images/txtFilter/icoFilter_32.png);
  background-repeat: no-repeat;
  background-position: center center;
  color: #666666;
  text-decoration: none; }

.btnTbFilter2_Selected {
  display: block;
  height: 24px;
  width: 24px;
  background-image: url(../Images/txtFilter/icofilter_32_Selected.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #a0cbde;
  text-decoration: none; }

.shiftSelector {
  width: 50px;
  height: 21px;
  float: left;
  margin: 2px;
  text-align: center;
  vertical-align: middle;
  line-height: 20px;
  cursor: move; }

.shiftSelector span {
  -webkit-filter: invert(100%);
  filter: invert(100%);
    /*-webkit-filter: brightness(10%);
filter: brightness(10%);*/ }

.newShift {
  width: 40px;
  height: 20px;
  background-color: aquamarine;
  text-align: center;
  font-size: 30px;
  float: left;
  text-align: center;
  vertical-align: middle;
  margin: 2px; }

.shiftGroups {
  overflow-y: auto;
  width: auto;
  max-width: 100%;
  text-align: center;
  height: 50px;
  float: left;
  padding-right: 15px; }

.btnDateFilter1 {
  display: block;
  height: 24px;
  width: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  color: #666666;
  text-decoration: none;
  padding-right: 15px;
  float: left;
  cursor: pointer; }

.centerMiddle {
  text-align: center;
  vertical-align: middle;
  display: table-cell; }

.lastPunchContainer {
  float: left;
  width: 200px;
  margin: 1em;
  vertical-align: top; }

.imgPhotoContainer {
  background-image: url(../Base/Images/Employees/Presencia.png); }

.pf-status-active {
  position: relative;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  top: 48px;
  left: 30px;
  width: 12px;
  height: 12px;
  margin-right: -5px;
  margin-top: -15px;
  background-color: #47f985;
  background-image: -webkit-linear-gradient(top, #80f58d 0%, #36f74d 49%, #10e629 50%, #0ac226 100%);
  color: white;
  font-size: 12px;
  font-weight: bold;
  line-height: 30px;
  border: black;
  border-radius: 30px;
  border: solid 2px white;
  z-index: 2; }

.pf-status-inactive {
  position: relative;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  top: 48px;
  left: 30px;
  width: 12px;
  height: 12px;
  margin-right: -5px;
  margin-top: -15px;
  background-color: #c30910;
  background-image: -webkit-linear-gradient(top, #f7847e 0%, #f9363d 49%, #e8100e 50%, #c30910 100%);
  color: white;
  font-size: 12px;
  font-weight: bold;
  line-height: 30px;
  border: black;
  border-radius: 30px;
  border: solid 2px white;
  z-index: 2; }

.accrualSumary {
  margin-left: 45px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  width: 100%; }

.accrual {
  display: block;
  width: 300px;
  float: left;
  margin-top: 10px; }

.accrual div {
  display: block;
  padding-bottom: 3px; }

.accrualSummaryBox {
  width: 60%;
  height: 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 0px solid #000000; }

.accrualSummaryBox span {
  padding-top: 4px;
  display: inline-block;
  color: white; }

.color1 {
  width: 100%;
  background-color: #298A08;
  height: 20px;
  overflow: hidden;
  text-align: center;
  vertical-align: central;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 0px solid #000000; }

.causeLimitColor {
  width: 20%;
  background-color: #C3C3C3;
  height: 25px;
  float: right; }

.accrualWarningColor {
  width: 20%;
  background-color: #ff1a1a;
  height: 25px;
  float: right; }

.chart-legend li span {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px; }

.contenedorSummaryCenters {
  display: table;
  width: 80%;
  height: 500px; }

.summaryCentersRow {
  display: table-row;
  width: 100%;
  height: 500px; }

.summaryCenterCell {
  width: 250px;
  height: 500px;
  display: table-cell; }

.summaryCenterDiv {
  width: 250px;
  height: 250px;
  float: left; }

.summaryLink {
  cursor: pointer;
  padding-top: 20px;
  text-decoration: underline; }

.divSummary {
  margin-bottom: 35px;
  width: 100%;
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  color: darkslategray !important; }

.centersSummary text {
  font-family: Century Gothic, "SegoeUI-Regular-final", Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 20px !important; }

.menu-switcher-content {
  min-width: 1540px;
  font-size: 12px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  min-width: 900px;
  padding: 0 0 20px 0;
  border-top: 4px solid #32525D; }

.menu-switcher-content-bottom {
  min-width: 1540px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  min-width: 900px;
  border-bottom: 4px solid #32525D; }

.menu-switcher {
  width: 1540px;
  margin: 0 auto;
  padding: 0 40px;
  margin-bottom: 15px; }

.menu-switcher .switcher {
  cursor: pointer;
  background: url(../Images/hidemenu.png) no-repeat;
  height: 22px;
  width: 158px;
  text-align: center;
  font-size: 12px;
  line-height: 22px;
  float: right; }

.btnIconAttachment {
  content: url(../Images/Grid/Attachment.png);
  vertical-align: text-top; }

.editDocumentLeft {
  text-align: right;
  width: calc(31% - 2px);
  float: left; }

.editDocumentRight {
  text-align: left;
  width: calc(68% - 2px);
  float: right; }

#divActivityTree caption {
  background-color: #e87722;
  text-align: left;
  font-weight: bold;
  font-size: 12px; }

.activityCell {
  background-color: transparent;
  text-align: left; }

.activityCellSelected {
  background-color: #e8f0f3;
  color: black;
  text-align: left; }

.activityTreeSelectorTitle {
  width: calc(100% - 20px);
  margin-left: 10px; }

.businessCenterSelector {
  height: 625px;
  width: 720px; }

.businessCenterSelectorFilter {
  padding-left: 10px;
  float: left; }

.businessCenterSelectorFilterSearch {
  width: calc(17% - 2px);
  float: right;
  margin-right: 7px; }

.jsBussinessCenterGridHeaderCell {
  border-collapse: separate !important;
  border-spacing: 2px !important;
  padding: 0px !important;
  padding-left: 5px !important;
  text-align: left !important;
  background-color: #e87722 !important;
  height: 24px !important; }
  .jsBussinessCenterGridHeaderCell td {
    font-weight: bold;
    font-size: 12px;
    color: white !important;
    font-family: Tahoma, Geneva, sans-serif !important; }

.alertColor {
  color: #f2b07e; }

.dx-popup-wrapper > .dx-overlay-content, .dx-popup-bottom .dx-button {
  border-radius: 5px !important; }

.dx-popup-title.dx-toolbar {
  color: #fff;
  background-color: #32525D; }

.editTemplates {
  background-image: url(../Images/tbt/Edit32.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-left: 5px; }

.alertAnalyticsMsg {
  font-weight: bold;
  color: #de2323; }

.expireSoon {
  background-color: #db4f4f;
  color: #fff;
  left: calc(50% - 350px);
  width: 750px;
  height: 25px;
  position: absolute;
  text-align: center; }

.padTop {
  line-height: 25px; }

.feedLoading {
  height: 385px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../Images/Loaders/loader_v3.gif) !important; }

.ui-dialog-titlebar {
  display: none; }

.ui-dialog {
  background: white !important; }

.ui-button {
  min-height: 30px !important;
  padding: 2px 5px 2px 5px !important;
  border: none !important; }

.ui-dialog-buttonpane {
  background-color: #fff !important; }

.mainBlockConsents {
  text-align: center;
  white-space: nowrap;
  height: 100px; }

.mainBlockConsents:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mainCenteredConsents {
  display: inline-block;
  vertical-align: middle;
  width: 100%; }

.AlertConsent_BoxLine {
  display: grid;
  width: 100%;
  clear: both; }
  .AlertConsent_BoxLine span {
    font-size: 18px;
    padding-top: 10px;
    display: block;
    word-wrap: break-word;
    white-space: pre-wrap; }
  .AlertConsent_BoxLine a {
    text-decoration: none;
    width: 100%; }

.alertBlockConsent, .greenCircleConsent, .redCircleConsent, .grayCircleConsent {
  text-align: center;
  white-space: nowrap;
  height: 75px; }

.greenCircleConsent {
  background: url(../Images/Alerts/green_circle.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: white;
  /* rgb(7, 162, 57);*/ }

.redCircleConsent {
  background: url(../Images/Alerts/red_circle.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: white;
  /* rgb(231, 11, 11);*/ }

.grayCircleConsent {
  background: url(../Images/Alerts/gray_circle.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: grey;
  /*rgb(255, 225, 70);*/ }

.alertBlockConsent:before, .greenCircleConsent:before, .redCircleConsent:before, .grayCircleConsent:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.consentCentered {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  font-size: 2em;
  font-weight: bolder; }

.btnNoPadding div.dxb {
  padding: 3px 8px 4px !important; }

.popoverText {
  padding-left: 5px;
  font-size: 15px;
  color: #2D4155; }

.popoverDesc {
  padding-left: 5px;
  padding-top: 3px;
  font-size: 11px;
  color: #eca46e !important;
  white-space: initial !important; }

.list-item-arrow {
  float: left;
  width: 32px;
  height: 32px;
  background-size: contain;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAaCAYAAAC6nQw6AAAA2UlEQ…hrBELQi60NMVCyEHsOYi3/ur2NRcDviILUzZHGqEgJvQGGtsxVsTNVTgAAAABJRU5ErkJggg==); }

.displayParent {
  display: contents !important; }

.padLeftTreeBar {
  padding-left: 3px !important; }

.imgContain {
  background-size: contain; }

.ProgrammedAbsence {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/Employees/ProgrammedAbsences.png);
  background-repeat: no-repeat;
  padding-bottom: 10px;
  background-size: contain; }

.ProgrammedCause {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/Employees/ProgrammedCauses.png);
  background-repeat: no-repeat;
  padding-bottom: 10px;
  background-size: contain; }

.ProgrammedOvertimes {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/Employees/ProgrammedOvertimes.png);
  background-repeat: no-repeat;
  padding-bottom: 10px;
  background-size: contain; }

.ProgrammedHolidays {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../Images/Employees/ProgrammedHolidays.png);
  background-repeat: no-repeat;
  padding-bottom: 10px;
  background-size: contain; }

.descriptionDisabledCompanyDiv {
  border: 1px solid #666666;
  background-color: #CCCCCC;
  margin: 10px;
  height: 100%; }

.descriptionCompanyDiv {
  border: 1px solid #32525D;
  background-color: #e8f0f3;
  margin: 10px;
  padding: 15px;
  min-height: 99% !important;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: center;
  width: 30%;
  border-radius: 5px; }

.descriptionMaxWidth {
  width: 49% !important; }

.CompanySectionTitle {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  margin: 10px; }

.CompanySectionMiddleTitle {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin: 10px; }

.CompanySectionDescription {
  margin: 20px;
  font-size: 14px; }

.CompanySectionGroupImage {
  height: 180px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../Images/groupsHD.png);
  background-position: center; }

.CompanySectionSupervisorsImage {
  height: 180px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../Images/passportHD.png);
  background-position: center; }

.CompanySectionPassportsImage {
  height: 180px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../Images/passportHD.png);
  background-position: center; }

.CompanySectionSecurityChartImage {
  height: 180px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../Images/SecurityChart.png);
  background-position: center; }

.blurImage {
  opacity: 0.5; }

.loginInput:focus {
  box-shadow: 0 0 5px rgba(52, 52, 52, 0.5); }

#chkShowZoneCapacity, #chkIsEmergencyZone, #chkZoneNameAsLocation, #selectType {
  float: left; }

.leftPane {
  float: left;
  width: 50%;
  height: 100%; }

.rightPane {
  float: left;
  width: 50%;
  height: 100%; }

.pac-container {
  z-index: 120000; }

#map input.pac-target-input {
  width: 250px;
  margin-top: 10px;
  margin-left: 10px; }

div#txtZoneCapacity {
  float: left; }

#scrollView .dx-scrollable-content, #scrollView .dx-scrollview-content {
  height: 100%; }

#dropzone-external {
  width: 350px;
  height: 350px;
  background-color: rgba(183, 183, 183, 0.1);
  border-width: 2px;
  border-style: dashed;
  padding: 10px; }

#dropzone-external > * {
  pointer-events: none; }

#dropzone-external.dropzone-active {
  border-style: solid; }

.widget-container > span {
  font-weight: bold;
  margin-bottom: 16px; }

#dropzone-image {
  max-width: 100%;
  max-height: 100%; }

#dropzone-text > span {
  font-weight: 100;
  opacity: 0.5; }

#upload-progress {
  display: flex;
  margin-top: 10px; }

.flex-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.dxmLite_Robo .dxctToolbar_Robo.dxm-main.dxmtb {
  padding-top: 10px !important; }

#statusDiv .dx-list-item {
  float: left;
  width: 150px;
  height: 150px;
  margin-right: 10px; }

#statusDiv .minimize .dx-list-item {
  width: 75px;
  height: 75px; }

.employeeInZone-item {
  float: left;
  height: 100%;
  width: 100%;
  position: relative; }

#statusDiv {
  float: left;
  width: 96%;
  height: 50%; }

#statusDiv .panHeader2 {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.punchInfo {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  color: black;
  background-color: white;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
  height: 20%;
  float: left; }

#statusDiv .employeeName {
  overflow: hidden;
  float: left;
  width: 45%;
  white-space: nowrap;
  text-overflow: ellipsis; }

#statusDiv .employeeName:hover {
  text-overflow: clip;
  white-space: normal;
  word-break: break-all;
  width: 100%; }

#statusDiv .timeInfo {
  margin-left: 10px;
  float: right;
  width: 32%; }

#lstPresentsInZone, #lstAbsentsInZone {
  float: left; }

.absenceZone {
  margin-top: 20px;
  float: left;
  width: 100%; }

.bigLabAgreeText {
  width: 150px;
  margin-left: -30px; }

.labAgreepadding {
  padding-left: 130px;
  width: calc(100% - 160px); }