@charset "utf-8";
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*
.rem-mixins-test-class {
    .font-size(10px);
    .line-height(20px);
    .margin(10px);
    .margin(3em);
    .margin(10px, 20px);
    .margin(10px, 20%);
    .margin(0px , 20px);
    .margin-top(2%);
    .margin-top(2px);
    .padding(10px);
    .padding(3em);
    .padding(10px, 20px);
    .padding(10px, 20%);
    .padding(3em, 20px)
}
*/
/*
	Actionbar overrides: generic
	----------------------------
*/
div[xgActionBar] {
  background-color: #8c7700;
  color: #ffffff;
}
div[xgActionBar] div[xgActionBarItems] {
  min-height: 20px;
  min-height: 2rem;
  margin-top: 6px;
  margin-top: 0.6rem;
  margin-bottom: 6px;
  margin-bottom: 0.6rem;
}
div[xgActionBar] div[xgActionBarEdit] {
  background-color: #8c7700;
}
div[xgActionBar] h3,
div[xgActionBar] label[xgFieldLabel] {
  color: #ffffff;
}
div[xgActionBar] input[type="button"]:hover,
div[xgActionBar] input[type="submit"]:hover,
div[xgActionBar] [xgFilterHeader]:hover {
  -webkit-transition: background-color 0.5s, color 0.5s;
  -moz-transation: background-color 0.5s, color 0.5s;
  -o-transition: background-color 0.5s, color 0.5s;
  transition: background-color 0.5s, color 0.5s;
}
div[xgActionBar] input[type="button"]:hover,
div[xgActionBar] input[type="submit"]:hover {
  background-color: #8c7700;
}
div[xgActionBar] input[type="button"],
div[xgActionBar] input[type="submit"],
div[xgActionBar] input[type="button"]:focus,
div[xgActionBar] input[type="submit"]:focus {
  margin: 0;
  padding: 0 5px 0 3px;
  padding: 0 0.5rem 0 3rem;
  border: none;
  background-position: 5px center;
  background-position: 0.5rem center;
  border-color: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 0;
}
div[xgActionBar] input[btnFilter] {
  background-image: url(/images/icons-transp-16/btn_filter.png);
}
div[xgActionBar] input[btnFilterReset] {
  background-image: url(/images/icons-transp-16/btn_cleartext.png);
}
div[xgActionBar] input[btnRefresh] {
  background-image: url(/images/icons-transp-16/btn_refresh.png);
}
div[xgActionBar] input[btnSave] {
  background-image: url(/images/icons-transp-16/btn_save.png);
}
div[xgActionBar] input[btnCancel] {
  background-image: url(/images/icons-transp-16/btn_cancel.png);
}
div[xgActionBar] input[btnEdit] {
  background-image: url(/images/icons-transp-16/btn_edit.png);
}
div[xgActionBar] input[btnLogin] {
  background-image: url(/images/icons-transp-16/btn_login.png);
}
div[xgActionBar] input[btnPrevious] {
  background-image: url(/images/icons-transp-16/btn_previous.png);
}
div[xgActionBar] input[btnNext] {
  background-image: url(/images/icons-transp-16/btn_next.png);
}
div[xgActionBar] input[btnClear] {
  background-image: url(/images/icons-transp-16/btn_cleartext.png);
}
div[xgActionBar] input[btnAdd] {
  background-image: url(/images/icons-transp-16/btn_add.png);
}
div[xgActionBar] input[btnConfirm] {
  background-image: url(/images/icons-transp-16/btn_confirm.png);
}
div[xgActionBar] input[btnBack] {
  background-image: url(/images/icons-transp-16/btn_back.png);
}
div[xgActionBar] input[btnOpen] {
  background-image: url(/images/icons-transp-16/btn_open.png);
}
div[xgActionBar] input[btnPowerOn] {
  background-image: url(/images/icons-transp-16/btn_power_on.png);
}
div[xgActionBar] input[btnSend] {
  background-image: url(/images/icons-transp-16/btn_send_mail.png);
}
div[xgActionBar] input[btnActivate] {
  background-image: url(/images/icons-transp-16/btn_activate.png);
}
div[xgActionBar] input[btnDeactivate] {
  background-image: url(/images/icons-transp-16/btn_deactivate.png);
}
div[xgActionBar] input[btnInfo] {
  background-image: url(/images/icons-transp-16/RecordInfo.png);
}
/*
	Actionbar overrides: specific for xgTabItems component
	------------------------------------------------------
*/
div[xgTabItemContent] [xgActionBar] div[xgActionBarEdit],
div[xgTabItemContent] [xgActionBar] div[xgFilterFooter] {
  border: 0;
  background-color: #ffffff;
}
div[xgTabItemContent] [xgActionBar] input[type="button"],
div[xgTabItemContent] [xgActionBar] input[type="button"]:active,
div[xgTabItemContent] [xgActionBar] input[type="button"]:focus,
div[xgTabItemContent] [xgActionBar] input[type="submit"],
div[xgTabItemContent] [xgActionBar] input[type="submit"]:active,
div[xgTabItemContent] [xgActionBar] input[type="submit"]:focus {
  height: 40px;
  height: 4rem;
}
/*
	Actionbar overrides: specific for PageHeader component
	------------------------------------------------------
*/
div[xgPageHeader] [xgActionBar] {
  background-color: transparent;
}
div[xgPageHeader] [xgActionBar] > [xgPageTitle] {
  color: #ffffff;
  padding-top: 10px;
  padding-top: 1rem;
  font-size: 22px;
  font-size: 2.2rem;
  background-color: #efefeb;
}
div[xgPageHeader] [xgActionBar] > div[xgActionBarItems] {
  background-color: #efefeb;
}
div[xgPageHeader] [xgActionBar] > div[xgActionBarItems] * {
  font-size: 14px;
  font-size: 1.4rem;
  color: #0c2749;
}
div[xgPageHeader] [xgActionBar] [xgFilterFooter],
div[xgPageHeader] [xgActionBar] [xgFilterContent],
div[xgPageHeader] [xgActionBar] > div[xgActionBarEdit] {
  padding-top: 0;
  background-color: #efefeb;
}
div[xgPageHeader] [xgActionBar] [xgFilterHeader] {
  color: #0c2749;
  border-right: 1px solid #0c2749;
  border-right: 0.1rem solid #0c2749;
}
div[xgPageHeader] [xgActionBar] > [xgHeaderInfo] {
  margin: 0;
  color: #666666;
  font-size: 12px;
  font-size: 1.2rem;
  border-bottom: 1px solid #272209;
  border-bottom: 0.1rem solid #272209;
  background-color: #efefeb;
}
div[xgPageHeader] [xgActionBar] input[type="button"],
div[xgPageHeader] [xgActionBar] input[type="submit"],
div[xgPageHeader] [xgActionBar] input[type="button"]:focus,
div[xgPageHeader] [xgActionBar] input[type="submit"]:focus {
  height: 40px;
  height: 4rem;
}
div[xgPageHeader] [xgActionBar] [xgFilterContent] input[type="button"],
div[xgPageHeader] [xgActionBar] [xgFilterContent] input[type="button"]:active,
div[xgPageHeader] [xgActionBar] [xgFilterContent] input[type="button"]:hover,
div[xgPageHeader] [xgActionBar] [xgFilterContent] input[type="button"]:focus,
div[xgPageHeader] [xgActionBar] [xgFilterContent] input[type="submit"],
div[xgPageHeader] [xgActionBar] [xgFilterContent] input[type="submit"]:active,
div[xgPageHeader] [xgActionBar] [xgFilterContent] input[type="submit"]:hover,
div[xgPageHeader] [xgActionBar] [xgFilterContent] input[type="submit"]:focus {
  height: 32px;
  height: 3.2rem;
}
div[xgPageHeader] [xgActionBar] [xgFilterHeader]:hover {
  background-color: #ffffff;
}
div[xgPageHeader] [xgActionBar] [xgBreadCrumb] * {
  color: #ffffff;
  font-size: 12px;
  font-size: 1.2rem;
}
div[xgPageHeader] [xgActionBar] [xgBreadCrumb][href]:hover * {
  color: #3b86c4;
}
/*
	Actionbar overrides: specific for Card component
	------------------------------------------------
*/
div[xgCard] [xgActionBar] {
  border: 0;
  background-color: #efefeb;
}
div[xgCard] [xgActionBar] div[xgActionBarEdit] {
  padding: 15px;
  padding: 1.5rem;
  background-color: #ffffff;
}
div[xgCard] [xgActionBar] div[xgActionBarItems] {
  border: 0;
  min-height: 26px;
  min-height: 2.6rem;
  border-bottom: 1px solid;
  border-bottom: 0.1rem solid;
  border-color: #dadada;
}
div[xgCard] [xgActionBar] div[xgActionBarContent] {
  margin: 0;
  padding: 0 4px;
  padding: 0 0.4rem;
}
div[xgCard] [xgActionBar] * {
  font-size: 12px;
  font-size: 1.2rem;
  color: #ffffff;
}
div[xgCard] [xgActionBar] input,
div[xgCard] [xgActionBar] select,
div[xgCard] [xgActionBar] select * {
  color: #ffffff;
}
div[xgCard] [xgActionBar] input[type="button"],
div[xgCard] [xgActionBar] input[type="submit"],
div[xgCard] [xgActionBar] input[type="button"]:focus,
div[xgCard] [xgActionBar] input[type="submit"]:focus {
  height: 28px;
  height: 2.8rem;
}
div[xgCard] [xgActionBar] input[type="button"]:hover,
div[xgCard] [xgActionBar] input[type="submit"]:hover {
  background-color: #c5d2d9;
}
ho div[xgGridContainer] div[xgActionBar] {
  background-color: #ffffff;
}
ho div[xgGridContainer] div[xgActionBar] div[xgActionBarItems] {
  border-bottom: 1px solid #272209;
  border-bottom: 0.1rem solid #272209;
}
div[xgActionBar] div[xgFilterIcon] {
  width: 20px;
  width: 2rem;
  height: 20px;
  height: 2rem;
  background-image: url(/images/icons-transp-16/btn_filter.png);
}
div[xgFilterFooter] input[btnFilter] {
  background-image: url(/images/icons-transp-16/btn_filter.png);
}
div[xgFilterFooter] input[btnFilterReset] {
  background-image: url(/images/icons-transp-16/btn_cleartext.png);
}