/***********************************************************************************************************/
/* Generic                                                                                                 */
/***********************************************************************************************************/
* {
	font-family: arial, helvetica, tahoma, sans-serif;
	margin: 0;
	padding: 0;
}

.text {
	font-size: 12px;
}

.x-form-empty-field {
	color: gray;
	font-style: italic;
}

.html-override {
	font-size: 12px;
}

.html-override ol {
	list-style:decimal inside none;
}
.html-override ul {
	list-style:disc inside none;
}
.html-override li {
	background-position:0 5px;
	padding-left:14px;
}

.html-override strong {
	font-style:normal;font-weight:bold;
}
.html-override em {
	font-style:italic;font-weight:normal;
}

/***********************************************************************************************************/
/* Warning tool tip styles                                                                                 */
/***********************************************************************************************************/
.x-form-warning-tip .x-tip-tc {
    background: repeat-x 0 -12px;
    padding-top:6px;
}

.x-form-warning-tip .x-tip-bc {
    background: repeat-x 0 -18px;
    height:6px;
}

.x-form-warning-tip .x-tip-bl {
    background: no-repeat 0 -6px;
}

.x-form-warning-tip .x-tip-br {
    background: no-repeat right -6px;
}
.x-form-warning-tip .x-tip-body {
    padding:2px;
}

.x-form-warning-tip .x-tip-body {
    padding-left:24px;
    background:transparent no-repeat 2px 2px;
}

.x-form-warning-tip .x-tip-tc, .x-form-warning-tip .x-tip-tl, .x-form-warning-tip .x-tip-tr, .x-form-warning-tip .x-tip-bc,
.x-form-warning-tip .x-tip-bl, .x-form-warning-tip .x-tip-br, .x-form-warning-tip .x-tip-ml, .x-form-warning-tip .x-tip-mr {
    background-image: url(../images/warning-tip-corners.gif);
}

.x-form-warning-tip .x-tip-body {
    background-image: url(../images/icons/warning.gif);
}

/***********************************************************************************************************/
/* Info tool tip styles                                                                                 */
/***********************************************************************************************************/
.x-form-info-tip .x-tip-tc {
    background: repeat-x 0 -12px;
    padding-top:6px;
}

.x-form-info-tip .x-tip-bc {
    background: repeat-x 0 -18px;
    height:6px;
}

.x-form-info-tip .x-tip-bl {
    background: no-repeat 0 -6px;
}

.x-form-info-tip .x-tip-br {
    background: no-repeat right -6px;
}
.x-form-info-tip .x-tip-body {
    padding:2px;
}

.x-form-info-tip .x-tip-body {
    padding-left:24px;
    background:transparent no-repeat 2px 2px;
}

.x-form-info-tip .x-tip-tc, .x-form-info-tip .x-tip-tl, .x-form-info-tip .x-tip-tr, .x-form-info-tip .x-tip-bc,
.x-form-info-tip .x-tip-bl, .x-form-info-tip .x-tip-br, .x-form-info-tip .x-tip-ml, .x-form-info-tip .x-tip-mr {
    background-image: url(../images/info-tip-corners.gif);
}

.x-form-info-tip .x-tip-body {
    background-image: url(../images/icons/info_no_trans.png);
}

/* Loading Indicator Animation */

/*
.loading-indicator {
    width: 1em;
    height: 1em;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0.5em;
    padding: 0.25em;
    box-sizing: border-box;
}
*/

/* Main loading indicator container */
.loading-indicator {
    margin: 0.2em; /* Outer margin around the indicator */
    padding-left: 0.5em; /* Inner padding within the indicator */
}

/* Dots container: scales based on container size */
.loading-dots {
    width: 1em; /* Make the width relative to the container */
    height: 1em; /* Make the height relative to the container */
    position: relative;
    margin-right: 0.75em;
}
/* Individual dot styling */
.loading-dots div {
    position: absolute;
    width: 0.2em; /* Scales based on the container size */
    height: 0.2em; /* Scales based on the container size */
    background-color: black;
    border-radius: 50%;
    opacity: 0;
    top: 50%; /* Centre vertically */
    left: 50%; /* Centre horizontally */
    transform-origin: center;
    transform: translate(-50%, -50%);
    animation: fade 1s linear infinite;
}
/* Position each dot in a circular pattern */
.loading-dots div:nth-child(1) { transform: translate(-50%, -50%) rotate(0deg) translateY(-0.4em); animation-delay: 0s; }
.loading-dots div:nth-child(2) { transform: translate(-50%, -50%) rotate(45deg) translateY(-0.4em); animation-delay: 0.125s; }
.loading-dots div:nth-child(3) { transform: translate(-50%, -50%) rotate(90deg) translateY(-0.4em); animation-delay: 0.25s; }
.loading-dots div:nth-child(4) { transform: translate(-50%, -50%) rotate(135deg) translateY(-0.4em); animation-delay: 0.375s; }
.loading-dots div:nth-child(5) { transform: translate(-50%, -50%) rotate(180deg) translateY(-0.4em); animation-delay: 0.5s; }
.loading-dots div:nth-child(6) { transform: translate(-50%, -50%) rotate(225deg) translateY(-0.4em); animation-delay: 0.625s; }
.loading-dots div:nth-child(7) { transform: translate(-50%, -50%) rotate(270deg) translateY(-0.4em); animation-delay: 0.75s; }
.loading-dots div:nth-child(8) { transform: translate(-50%, -50%) rotate(315deg) translateY(-0.4em); animation-delay: 0.875s; }

/* Fade in and out animation */
@keyframes fade {
    0%, 100% { opacity: 0; }
    50% { opacity: 1; }
}
/* Loading text styling */
.loading-text {
    font-size: 1em;
    color: #333;
}

/***********************************************************************************************************/
/* Base page                                                                                               */
/***********************************************************************************************************/
.base-loading {
  position: absolute;
  left: 45%;
  top: 40%;
  margin-left: -45px;
  padding: 2px;
  z-index: 20001;
  height: auto;
  border: 1px solid #ccc;
}

.base-loading a {
  color: #225588;
}

.base-loading .base-loading-indicator {
  background: white;
  color: #444;
  font: bold 13px tahoma, arial, helvetica;
  padding: 10px;
  margin: 0;
  height: auto;
}

.base-loading .base-loading-indicator img {
  margin-right: 8px;
  float: left;
  vertical-align: top;
}

.base-loading-msg {
  font: normal 10px arial, tahoma, sans-serif;
}

.base-body {
	overflow: hidden;
}

.base-loading-img {
	margin-right: 8px;
	float: left;
	vertical-align: top;
}


/***********************************************************************************************************/
/* Person                                                                                                  */
/***********************************************************************************************************/
.person-image {
	border: 1px solid #999999;
}

 #exclusions-grid .x-grid3-hd-inner  {
     overflow: visible; white-space: normal; height: 28px
 }

 #withdrawal-grid .x-grid3-hd-inner  {
     overflow: visible; white-space: normal; height: 28px
 }

 #negative-notice-grid .x-grid3-hd-inner  {
     overflow: visible; white-space: normal; height: 28px
 }

/***********************************************************************************************************/
/* Equipment                                                                                               */
/***********************************************************************************************************/

/* Don't know if these are being used **********************************************************************/

/* totals grid */

.x-grid3-body .x-grid3-td-cost {
    background-color:#F1F2F4;
}
.x-grid3-summary-row .x-grid3-cell-inner {
  font-weight:bold;
  padding-bottom:4px;
}
.x-grid3-cell-inner {
  font-family:"segoe ui",tahoma,arial,sans-serif;
}

.x-view-selected {
  border: 1px solid #99BBE8;
  padding: 4px;
}

.x-view-selected .thumb {
  background: transparent none repeat scroll 0;
}

.pad-text {
  font-size: 12px;
  padding: 5px;
}

.x-grid3-row-body p {
    margin:5px 5px 10px 5px !important;
}