/* custom Styles for xiaWeb */

.modal-dialog {
	z-index: 9999 !important;
}

.xiaServiceCategory {
	display: none;
}

.xiaActiveLocale {
	border-color: #c64f06;
	color:#ec6602;
}

.xiaMultiLinesReadOnly {
	white-space: pre-wrap;
}

/* ############################################################## */
/*  style class for labels from disabled check boxes              */
/* ############################################################## */
.xiaDisabledCheckBoxlabel {
	color: #b7b7b7; 
	border-color: #e0e0e0;
}

.xiaTabelCheckboxSize{
    width: 25px;
    height: 25px;
}

/* ################### */
/*  table              */
/* ################### */

table.admin-table tbody td {
  word-wrap: break-word;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: transparent none repeat scroll 0 0;
    box-shadow: none;
}


.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
    border-style: none !important; 
    border-width: 0px !important; /* important is not pretty, but required here */
    border-color: transparent !important; 
}


.ui-column-title {
	font-weight: bold;
}


.ui-datatable thead th, .ui-datatable tfoot td {
    text-align: left;
    background-color: transparent;
}


.ui-widget-content {
    border: 0px none;
}


.ui-datatable .ui-widget-content {
	border-bottom: 1px solid #b3b2b2;
}

.ui-datatable a:hover {
	color: inherit;
	text-decoration: none;
}


.ui-datatable-odd {
	background-color: transparent;
}

.ui-datatable .ui-datatable-data tr:hover {
	background: #f1f1f1 !important;
   	border-color: #b3b2b2 !important;
}

/* ################################################# */
/* table header color of column selected for sorting */
/* ################################################# */

.ui-datatable .ui-state-active .ui-column-title {
	color: #c64f06;
}



/* ################### */
/* Busy Loader */
/* ################### */

/* small */
.ui-outputpanel-loading {
 background-image: none !important;
 background: transparent !important;
  -webkit-animation:a 1s linear infinite;
 animation:a 1s linear infinite;
 border:5px solid #e6e6e6;
 border-top-color:#ec6602;
 border-radius:50%;
 height:30px;
 width:30px;
}

/* big */
/* alternative zu Classse=
loading-animation
*/
.xiaBusyLoaderBig {
 background-image: none !important;
 background: transparent !important;
  -webkit-animation:a 1s linear infinite;
 animation:a 1s linear infinite;
 border:6px solid #e6e6e6;
 border-top-color:#ec6602;
 border-radius:50%;
 height:45px;
 width:45px;
}

/* ################### */
/*  link arrow in td   */
/* ################### */

.ui-datatable .icon-intern:before {
  content: '\e81C';
}


/* ################### */
/*  paginator          */
/* ################### */
.ui-paginator.ui-paginator-bottom.ui-widget-header {
	background-color: transparent !important;
	border-style: none;
    border-width: 0px !important; 
    border-color: transparent !important;
	display:-webkit-box;
	display:-webkit-flex;
 	display:-ms-flexbox;
 	display:flex;
 	font-size:16px;
	 font-size:.8888999rem;
 	-webkit-box-align:center;
 	-webkit-align-items:center;
 	-ms-flex-align:center;
 	align-items:center;
}



.ui-paginator-page.ui-state-default {
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0px;
	margin: 0px 4px !important
}

 
.ui-icon.ui-icon-seek-first, .ui-icon.ui-icon-seek-end, .ui-icon.ui-icon-seek-prev, .ui-icon.ui-icon-seek-next {
	background-image: none !important;
	display: none !important;
}

.ui-paginator {
  cursor: pointer;
  font-family: inherit;
  font-size: 0.889rem;
  font-weight: normal;
  position: relative;
  text-decoration: none;
  padding: inherit;
  margin: inherit;
  min-width: initial;
  border: 1px solid transparent;
  border-radius: 50%;
  color: #686868;
  display: flex;
  align-items: center;
  justify-content: center; 
}


.ui-paginator-first:before, .ui-paginator-last:before, .ui-paginator-prev:before, .ui-paginator-next:before {
  font-family: "SH Icon" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  font-size: .8em;
  text-transform: none !important;
  vertical-align: baseline;
  box-sizing: inherit;
 
}


/* no space means all classes are for one element */
.ui-paginator-first:before {
   content: '\e81E';
   color:#666;
   
}


.ui-paginator-last:before {
  content: '\e81C';
  color:#666;
}

.ui-paginator-prev:before {
   content: '\e82e';
   color:#666;
   
}

.ui-paginator-next:before {
  content: '\e82d';
  color:#666;
}




.ui-paginator-first.ui-state-hover:before, .ui-paginator-last.ui-state-hover:before,.ui-paginator-prev.ui-state-hover:before, .ui-paginator-next.ui-state-hover:before  {
	 color:#666;
}


.ui-state-default.ui-corner-all.ui-state-active {
 	border-radius: 50% !important;
 	border: 1px solid #e6e6e6 !important;
 	height: 2em;
 	width: 2em;
 	background-color:#e6e6e6;
 	font-weight:600
}

.ui-state-default.ui-corner-all.ui-state-hover {
	border-radius: 50% !important;
 	border: 1px solid #e6e6e6 !important;
 	height: 2em;
 	width: 2em;
 	background-color:#f2f2f2;
 	font-weight:600
}

/* ###################################### */
/*  Paginator FROM CLICK SOLUTIONS        */
/* ###################################### */
ui-paginator .ui-paginator-first:before, 
.ui-paginator .ui-paginator-last:before, 
.ui-paginator .ui-paginator-prev:before, 
.ui-paginator .ui-paginator-next:before {
    line-height: 2.3 !important;
    text-align: center;
}

.ui-paginator .ui-paginator-page {
  padding: 0 !important;
  line-height: 2;
}

.ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-next {
	border: 0px none transparent !important;
	border-radius: 50% !important;
	height: 2em;
  	width: 2em;
  	padding: 0 !important;
  	box-shadow: none;
}

/*  Paginator End        */

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


/*  Items for ROW EXPANSION  */
.ui-expanded-row-content.ui-widget-content {
	border-top-width: 0px !important;
}

.ui-expanded-row {
	border-bottom-width: 0px !important;
}


.ui-datatable tbody td .rowExpansionTable {
	margin-bottom: 0px !important;
	border-width : 0px !important;
}

.ui-datatable tbody td .rowExpansionTable tr{
	border-bottom : 0px solid #fff !important;
}

.ui-datatable tbody td .rowExpansionTable tr td{
	padding: 0px !important;
}


/* ###################### */
/*  FROM CLICK SOLUTIONS  */
/* ###################### */
.ui-widget {
  font-family: inherit;
  font-size: inherit;
}

.ui-datatable thead th, 
.ui-datatable tbody td, 
.ui-datatable tfoot td, 
.ui-datatable tfoot th {
  padding: 0.888889rem 0.833333rem 0.444444rem 0.611111rem !important;
}


.width--75 {
    width: 75% !important;
}

.xiaRowTogglerStyle {
    text-decoration: underline;
    cursor: pointer;
}

/* add pointer events for link */
.card__footer>a {
    pointer-events: all;
}