#login {
  background: url(/img/back-modern.jpg) left/cover no-repeat;
}

#mainmenu {
  background: #e8e9ec;
  border-right: 1px solid #e0e1e4;
  border-bottom: 1px solid #e0e1e4;
  box-sizing: border-box;
}

#mainmenu .menuitem:hover, #mainmenu .menuitem:focus {
  background: #ccc;
  color: black;
}

.styleMainMenu {
  background: #e8e9ec;
}

.styleAuxMenu {
  background: #e8e9ec;
}

.menuitem {
  background: #e8e9ec;
}

.menuitem:hover, .menuitem:focus {
  background: #ccc;
  color: black;
}

.menuitem.selected, .menuitem.selected:hover, .menuitem.selected:focus {
  background: #175689;  
  color: white;
}

.menuBadge {
  background: #EB0;
  color: white;
}

.itemBadge {
  background: #EB0;
  color: white;
}

.styleIconBadge {
  background: #EB0;
  color: white;
}

.styleIconError {
  color: #E44;
}

.styleIconAlert {
  color: #EB0;
}

.styleIconAlert2 {
  color: #CCC;
}

.styleIconOk {
  color: #8A4;
}

.styleIconInfo {
  color: #F44;
  background: #ACE;
}

.styleIconDone {
  color: #000;
  background: #ACE;
}

.colorBadge {
  color: #EB0;
}

.colorIcon {
  color: #27d;  /*#4074B0; */
}

.colorLabel {
  color: #808488;
}

.colorInverse {
  color: white;
}

.styleActive {
  background: #456 !important;
  color: white !important;
  opacity: 1 !important;
}

.styleActive .colorInverse {
  color: black;
}

.styleActive:hover {
  background: #27D !important;
}

.styleHighlighted {
  background: #CCC;
  color: black;
}

.styleLabel {
  font-size: 12px;
  font-weight: normal;
  color: #808488;
}

.styleBoxHead {
  display: block; 
  background: #c8c9cc;
  border: 1px solid #c4c5c8;
}

.dkSliderControlItem {
  background: #E8E9EC;
  border: 1px solid #C8C9CC;
}

.dkSliderControlCursor {
  background: white;
  border: 1px solid #C8C9CC;
  border-bottom: 0;
}

.pageitembox:hover, .pageitembox:focus, .pageitembox.dragTarget {
  background: #eee; 
}

.itemboxFooter {
  background: #E5E5E5; 
  font-weight: bold;
}

.highlighted {
  background: #D8E4F0;  /* #CCD8E4; */
}

.button {
  background: #38E;
  border-color: #27D;
}

.button:hover , .button:focus{
  background: #27D;
}

.menuoption {
  background: #e8e9ec;
  color: black;
  border: 1px solid #e0e1e4;
}

.menuoption:hover, .menuoption:focus {
  background: #C8D4E0; 
}

.menuoption  > .icon, .pageitembox > .icon {
  color: #27D;
  font-size: 200%;
}

.signaled {
  color: #004090;
}


.dkToolbarContainer .dkformfield {
  border-color: #888;
}



.groupBox {
  background: #e8e9ec;  
  border: 1px solid #e0e1e4;
}

.frameBox {
  background: #e8e9ec;  
}

.dkformcontainer {
  color: black;
  background: #e8e9ec;  
  border: 1px solid #e0e1e4;
}

.dkformfield {
  border: 1px solid #e0e1e4;
}

.dkformfield:focus-within  {
  border-color: #aaa;
}



.dkBrowserBox {
  outline: 1px solid #e0e1e4;
}

.dkBrowserTable thead th {
  background: #E8E9EC;
}

.dkBrowserTable tfoot th {
  background: #E8E9EC;
}


.dkGridContainer {
  background: #e8e9ec;  
  border: 1px solid #e0e1e4;
}




.dkPopup { 
  background: white; 
  border-color: #f8f8f8; 
  box-shadow: 0 0 32px 0 rgba(0,0,0,0.5);
} 

.dkPopupTitle  { 
  font-size: 125%;
} 

.dkPopupClose {
  top: 6px;
  right: 8px;
}

.dkPopupInner  { 
  background: white; 
  border-color: white; 
} 

.dkPopupCalendarCell.dkPopupCalendarCellActive {
  border: 3px solid #37E;
}

.dkPopupClockWheelInner {
  background-image: linear-gradient(to bottom, #6080B0, transparent 6px, transparent 8px);
}

.dkPrecioManual {
  color : #900000;
}