@import url("https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700"); /* container padding */ .ABSLITEPanelHeader .A5Container, .ABSLITEPanelFooter .A5Container, .ABSLITEPanelTopHeader .A5Container, .ABSLITEPanelTopFooter .A5Container, .ABSLITEPanelHeader .A5CWLayout, .ABSLITEPanelFooter .A5CWLayout, .ABSLITEPanelTopHeader .A5CWLayout, .ABSLITEPanelTopFooter .A5CWLayout {
padding: 0px;
}
html {
color: #444;
font: 15px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
cursor: default;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-user-select: none;
}
button::-moz-focus-inner {
border-width: 0;
padding: 0;
}
.ABSLITEPage {
color: #212121;
background-color: #f2f2f2;
font: 16px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
width: 100%;
}
.ABSLITEHeading {
color: #03a9f4;
font: 500 24px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
padding-top: 20px;
padding-bottom: 10px;
line-height: 1.2;
}
.ABSLITEText {
color: #777;
}
.ABSLITETextHighlight {
text-shadow: none;
background: #c3d4e4;
}
.ABSLITELink {
color: #56c5eb;
}
.ABSLITEGroup {
border: 1px solid #d5d5d5;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.ABSLITEGroupLabel {
color: #03a9f4;
padding: 6px;
}
.ABSLITEUILock {
background: #dddddd;
border: 1px solid #d5d5d5;
opacity: .5;
padding:10px;
width:400px;
}
/* Grid */
.ABSLITEGrid {
border: 1px solid #c3c3c3;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.ABSLITEGridHeader {
border-top: none !important;
border-collapse: collapse;
}
.ABSLITEGridHeader img {
margin: -6px 0px;
}
.ABSLITEGridFooter {
text-align: left;
color: #212121;
background-color: #f1f1f1;
padding: 6px;
padding-left: 20px;
}
.ABSLITEGridFooter .ABSLITEEdit {
}
.ABSLITEGridFooter .ABSLITELink {
text-decoration: none;
color: #3399f3;
padding: 2px;
margin-top: 0px;
margin-right: 1px;
position: relative;
}
.ABSLITEGridFooter .ABSLITELink img {
padding: 2px;
margin-right: 1px;
}
.ABSLITEGridSummaryLabel, .ABSLITEGridSummaryData {
text-shadow: none;
color: #212121;
background: #eee;
padding: 12px;
cursor: default;
outline: none;
}
.ABSLITEGridQBE {
color: #212121;
background: #eee;
padding: 12px;
cursor: default;
outline: none;
}
.ABSLITEGridSeparator {
background: #e0e0e0;
font: 0px arial;
padding: 0px;
height: 1px;
}
.ABSLITEGridRowHeader {
text-shadow: none;
color: #212121;
background: #ffffff;
padding: 6px;
}
.ABSLITEGridDataHeader {
color: #fff;
background: #e8e8e8;
border-top: 1px solid #8f9aa0;
border-bottom: 1px solid #a2adb3;
padding-top: 10px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 10px;
}
.ABSLITEGridData {
color: #777;
background: #fff;
border-right: 1px solid #d5d5d5;
padding: 9px;
padding-right: 25px;
cursor: default;
outline: none;
}
/* Resets Grid border in Grid Search Div */
#customers {
width: 100%;
}
#search {
width: 100%;
}
#search .ABSLITEGridData {
border-top-style: none;
padding: 10px;
}
#search label {
color: #555;
font: 15px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 6px;
padding-left: 10px !important;
vertical-align: middle;
}
#search .ABSLITEEdit {
border: 1px solid #d5d5d5;
padding: 6px;
vertical-align: middle;
min-width: 150px;
}
.ABSLITEGridRowHover .ABSLITEGridData {
color: #6d94bf;
background-color: #eee;
}
.ABSLITEGridRowSelected .ABSLITEGridData {
background-color: #f2f2f2;
}
.ABSLITEGridDataAlt {
color: #666666;
border-right: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
padding: 9px;
padding-right: 25px;
cursor: default;
outline: none;
}
.ABSLITEGridRowHover .ABSLITEGridDataAlt {
color: #6d94bf;
background-color: #eee;
}
.ABSLITEGridRowSelected .ABSLITEGridDataAlt {
color: #6d94bf;
}
.ABSLITEGridRowSelected .ABSLITELink {
color: #03a9f4;
}
.ABSLITEGridDataError {
color: #dd3c39;
background: #fdd7d6;
font: 16px Arial;
padding: 12px;
cursor: default;
outline: none;
}
.ABSLITEGridNav {
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.ABSLITEGridNav .ALPHALink {
text-decoration: none;
color: #3399f3;
background-color: #ffffff;
border: 1px solid #d5d5d5;
padding: 5px;
margin-left: -1px;
float: left;
position: relative;
}
.ABSLITEGridNav img {
text-decoration: none;
color: #3399f3;
background-color: #ffffff;
border: 1px solid #d5d5d5;
padding: 8px 12px;
margin-left: -1px;
float: left;
position: relative;
line-height: 1.42857143;
}
.ABSLITEGridForm {
border-style: none;
padding: 10px;
margin: 10px;
}
.ABSLITEGridFormLabel {
white-space: nowrap;
color: #555;
padding: 6px;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
width: 150px;
}
.ABSLITEGridFormLabel, .ABSLITEGridFormData {
}
.ABSLITEGridFormData {
white-space: nowrap;
color: #444;
border: none;
padding: 6px;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
width: 220px;
}
tr:nth-child(1) .ABSLITEGridFormLabel, tr:nth-child(1) .ABSLITEGridFormData {
border-top-style: none;
}
.ABSLITEGridData .ABSLITEEdit {
border: none;
}
.ABSLITEGridFormDataError {
color: #dd3c39;
background: #fdd7d6;
font: 16px Arial;
padding: 12px;
cursor: default;
outline: none;
}
.ABSLITEGridForm .ABSLITEEdit, .ABSLITEGridForm .ABSLITEEditBG {
color: #3e5988;
background: transparent;
border: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.ABSLITEGridForm .ABSLITEEditWatermark, .ABSLITEGridForm .ABSLITEEditBGWatermark {
color: #aaa;
font: 15px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.ABSLITEGridForm .ABSLITEEditError, .ABSLITEGridForm .ABSLITEEditBGError .ABSLITEEditBGEdit {
color: #dd3c39;
}
.ABSLITEGridForm .ABSLITEEditError.ABSLITEEditWatermark, .ABSLITEGridForm .ABSLITEEditBGError .ABSLITEEditBGWatermark.ABSLITEEditBGEdit {
color: #ed6c69;
font-style: italic;
}
/* Dialog Component */
.ABSLITEDialogLabel {
white-space: nowrap;
color: #777;
font: bold 14px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 6px;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
}
.ABSLITEDialogRSHeader {
}
.ABSLITEDialogRSFooter {
}
.ABSLITEDialogRSRow {
}
.ABSLITEDialogRSRowSelected {
}
.ABSLITEDialogRSRowHover {
}
.ABSLITEDialogRSRowError {
}
.ABSLITEDialogRSSeparator {
border-top: 1px dotted #ccc;
margin-top: 5px;
line-height: 5px;
}
/* Panels */
.ABSLITEPanelHeader {
color: #ffffff;
font: 18px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
border: 1px solid #d5d5d5;
padding: 6px;
height: 36px;
}
.ABSLITEPanelBody {
color: #212121;
background: #fff;
font: 14px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.ABSLITEPanelCard .ABSLITEPanelBody {
border: none;
}
.ABSLITEPanelFooter {
color: #636363;
background: 100% 100% #f2f2f2;
font: 14px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
border-top: 1px solid #8798a2;
border-bottom: 1px solid #fff;
}
.ABSLITEPanelHeader .ABSLITEHeading, .ABSLITEPanelFooter .ABSLITEHeading {
color: #636363;
font: 15px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
padding-top: 0px;
padding-left: 10px;
padding-right: 0px;
padding-bottom: 0px;
}
.ABSLITEPanelHeader .ABSLITEText, .ABSLITEPanelFooter .ABSLITEText {
color: #636363;
font: 16px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 7px 4px;
}
.ABSLITEPanelNavInd {
font-size: 0px;
padding: 2px;
}
.ABSLITEPanelNavIndButton {
background: #d7d7d7;
margin: 2px;
display: inline-block;
width: 10px;
height: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.ABSLITEPanelNavIndButtonSelected {
background: #a7a7a7;
}
.ABSLITEPanelOverlay:before {
background: rgba(0,0,0,.1);
border-right: 1px solid #9daeca;
display: block;
position: absolute;
top: 0px;
left: -3px;
width: 2px;
height: 100%;
content: '';
}
.ABSLITEPanelOverlay:after {
background: rgba(0,0,0,.1);
border-left: 1px solid #9daeca;
display: block;
position: absolute;
top: 0px;
right: -3px;
width: 2px;
height: 100%;
content: '';
}
/* Panels - Top */
.ABSLITEPanelTopHeader {
color: #fefefe;
background: url('panelDarkHeader.jpg') 100% 100% #587499;
font: 20px Arial;
border-top: 1px solid #e2eeff;
border-bottom: 1px solid #435778;
padding: 6px;
height: 32px;
}
.ABSLITEPanelTopBody {
color: #000;
background: url('panelTopBack.jpg') #ccd2d8;
font: 16px Arial;
}
.ABSLITEPanelCard .ABSLITEPanelTopBody {
border: 1px solid #e2eeff;
border-right: 1px solid #435778;
}
.ABSLITEPanelTopFooter {
color: #fefefe;
background: url('panelDarkFooter.jpg') 100% 100% #587499;
font: 20px Arial;
border-top: 1px solid #71889f;
border-bottom: 1px solid #e2eeff;
padding: 6px;
height: 32px;
}
.ABSLITEPanelTopHeader .ABSLITEHeading, .ABSLITEPanelTopFooter .ABSLITEHeading {
color: #444;
font-size: 20px;
padding: 4px;
}
.ABSLITEPanelTopHeader .ABSLITEText, .ABSLITEPanelTopFooter .ABSLITEText {
color: #e0e9f2;
font: 16px Arial;
padding: 7px 4px;
}
/* Windows */
.ABSLITEWin {
color: #555;
background: #ffffff;
border: 1px solid #d5d5d5;
padding: 10px;
border-radius: 4px;
box-shadow: 0px 0px 6px #666;
-moz-box-shadow: 0px 0px 6px #666;
-webkit-box-shadow: 0px 0px 6px #666;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.ABSLITEWinInner {
border: none;
}
.ABSLITEWinBodyContainer {
padding: 10px;
}
.ABSLITEWinTitle {
text-align: left;
color: #444;
font-size: 20px;
padding: 10px;
margin: 10px;
}
.ABSLITEWinHeader, .ABSLITEDDWinFooter {
margin: 2px 6px;
}
.ABSLITEWinBody {
}
.ABSLITEWinTBar {
margin-bottom: 2px;
}
.ABSLITEWinBBar {
margin-top: 2px;
}
.ABSLITEWinButtons {
text-align: center;
margin-top: 2px;
}
.ABSLITEWinResizer {
font-size: 1px;
height: 28px;
}
.ABSLITEWinPointerUp {
background: none;
margin-left: -12px;
top: -16px;
left: 50%;
width: 1px;
height: 1px;
}
.ABSLITEWinPointerDown {
background: url('winPointerD.png');
margin-left: -12px;
left: 50%;
bottom: -16px;
width: 23px;
height: 18px;
}
.ABSLITEWinPointerRight {
background: url('winPointerR.png');
margin-top: -12px;
top: 50%;
right: -16px;
width: 18px;
height: 23px;
}
.ABSLITEWinPointerLeft {
background: url('winPointerL.png');
margin-top: -12px;
top: 50%;
left: -16px;
width: 18px;
height: 23px;
}
.ABSLITEWinButtons .ABSLITEButton {
text-align: center;
white-space: nowrap;
color: #ffffff !important;
background: repeat-x hsl(195, 79%, 43%) !important;
font-size: 14px;
font-weight: 500;
border: 1px solid #1798c4 #1798c4 hsl(195, 79%, 38%);
padding-top: 10px;
padding-left: 18px;
padding-right: 18px;
padding-bottom: 10px;
margin-top: 5px;
display: inline-block;
vertical-align: middle;
cursor: pointer;
line-height: 1.2;
border-radius: 2px;
-ms-touch-action: manipulation;
touch-action: manipulation;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#56c5eb", endColorstr="#1798c4");
-webkit-font-smoothing: antialiased;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.ABSLITEWinButtons .ABSLITEButtonPressed {
border: 1px solid #050d23;
border-radius: 6px;
box-shadow: 0px 1px #a7b3cc;
-moz-box-shadow: 0px 1px #a7b3cc;
-webkit-box-shadow: 0px 1px #a7b3cc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.ABSLITEWinButtons .ABSLITEButtonDisabled {
color: #aaa;
}
.ABSLITEDDWin {
color: #444;
background: #ffffff;
font: 16px Arial;
border: 1px solid #d5d5d5;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
}
.ABSLITEDDWinInner {
border: 1px solid #d5d5d5;
}
.ABSLITEDDWinBodyContainer {
padding: 6px;
}
.ABSLITEDDWinTitle {
text-align: center;
font-weight: bold;
margin: 6px;
}
.ABSLITEDDWinHeader, .ABSLITEDDWinFooter {
margin: 2px 6px;
}
.ABSLITEDDWinBody {
}
.ABSLITEDDWinTBar {
margin-bottom: 2px;
}
.ABSLITEDDWinBBar {
margin-top: 2px;
}
.ABSLITEDDWinButtons {
text-align: center;
margin-top: 2px;
}
.ABSLITEDDWinResizer {
font-size: 1px;
height: 28px;
}
.ABSLITEDDWinPointerUp {
background: url('ddWinPointerU.png');
margin-left: -12px;
top: -16px;
left: 50%;
width: 23px;
height: 18px;
}
.ABSLITEDDWinPointerDown {
margin-left: -12px;
left: 50%;
bottom: -16px;
width: 23px;
height: 18px;
}
.ABSLITEDDWinPointerRight {
margin-top: -12px;
top: 50%;
right: -16px;
width: 18px;
height: 23px;
}
.ABSLITEDDWinPointerLeft {
margin-top: -12px;
top: 50%;
left: -16px;
width: 18px;
height: 23px;
}
/* Menu */
.ABSLITEMenu {
color: #212121;
background: #ddd;
font-size: 16px;
border: 1px solid #d5d5d5;
cursor: default;
}
.ABSLITEMenuInner {
overflow: hidden;
}
.ABSLITEMenuItem {
white-space: nowrap;
padding: 6px;
outline: none;
}
.ABSLITEMenuItemHover, .ABSLITEMenuItemSelected {
background: 100% 100% #0272fa;
}
.ABSLITEMenuItemDisabled {
color: #aaa;
}
.ABSLITEMenuItemCascade {
background: url('MenuCascade.png') no-repeat right 15px 15px;
padding-right: 22px;
}
.ABSLITEMenuItemDisabled .ABSLITEMenuItemCascade {
background: url('MenuCascadeDisabled.png') no-repeat right 15px 15px;
}
.ABSLITEMenuPointerUp {
background: url('ddWinPointerU.png');
margin-left: -12px;
top: -16px;
left: 50%;
width: 23px;
height: 18px;
}
.ABSLITEMenuPointerDown {
background: url('ddWinPointerD.png');
margin-left: -12px;
left: 50%;
bottom: -16px;
width: 23px;
height: 18px;
}
.ABSLITEMenuPointerRight {
background: url('ddWinPointerR.png');
margin-top: -12px;
top: 50%;
right: -16px;
width: 18px;
height: 23px;
}
.ABSLITEMenuPointerLeft {
background: url('ddWinPointerL.png');
margin-top: -12px;
top: 50%;
left: -16px;
width: 18px;
height: 23px;
}
.ABSLITEMenuTitle {
white-space: nowrap;
color: #ccc;
font-weight: bold;
padding: 6px;
}
.ABSLITEMenuSeparator {
font-size: 0px;
border-top: 1px solid #000;
border-bottom: 1px solid #555;
}
/* Menubar */

.ABSLITEMenubarHItem, .ABSLITEMenubarVItem {
text-decoration: none;
color: #646464;
background: transparent;
font: bold 14px Arial;
border: none;
padding: 7px 13px;
display: block;
cursor: default;
outline: none;
}
.ABSLITEMenubarHItem {
float: left;
}
.ABSLITEMenubarHItemPressed, .ABSLITEMenubarVItemPressed {
text-decoration: none;
text-shadow: 0px 2px #f4f4f4;
color: #3a3a3a;
background: #d0d0d0;
font: bold 14px Arial;
border: 1px solid #979797;
border-top: 1px solid #797979;
padding: 6px 12px;
border-radius: 14px;
box-shadow: inset 0px 2px 4px #999999;
-moz-box-shadow: inset 0px 2px 4px #999999;
-webkit-box-shadow: inset 0px 2px 4px #999999;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
}
.ABSLITEMenubarHItemDisabled, .ABSLITEMenubarVItemDisabled {
color: #aaa;
}
.ABSLITEMenubarHItemCascade {
background: url('MenubarHCascade.png') no-repeat right;
padding-right: 30px;
}
.ABSLITEMenubarHItemDisabled .ABSLITEMenubarHItemCascade {
background: url('MenubarHCascadeDisabled.png') no-repeat right;
}
.ABSLITEMenubarHSeparator {
border-left: 1px solid #e0e0e0;
border-right: 1px solid #fff;
margin: 4px;
float: left;
height: 22px;
}
.ABSLITEMenubarVItemCascade {
background: url('MenubarVCascade.png') no-repeat right;
padding-right: 30px;
}
.ABSLITEMenubarVItemDisabled .ABSLITEMenubarHItemCascade {
background: url('MenubarVCascadeDisabled.png') no-repeat right;
}
.ABSLITEMenubarVSeparator {
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #fff;
margin: 4px 8px;
height: 0px;
}
/* Edits */
.ABSLITEEdit {
color: #555;
background-color: #ffffff;
font: 600 16px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
border-color: #d5d5d5;
padding-top: 8px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 8px;
width: 100%;
height: 40px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
select.ABSLITEEdit {
color: #555;
font: 15px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
border: 1px groove #ddd;
padding-left: 10px;
overflow: hidden;
width: 100%;
height: 40px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}
select.ABSLITEEdit:focus, select.ABSLITEEdit:active {
border-color: #122f88;
}
input.ABSLITEEditError, textarea.ABSLITEEditError, select.ABSLITEEditError {
color: #dd3c39;
background: #fdd7d6;
border-color: #cd3c39;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
input.ABSLITEEditWatermark, textarea.ABSLITEEditWatermark, select.ABSLITEEditWatermark {
color: #aaa;
background-color: #ffffff;
font-size: 14px;
border: 1px solid #d5d5d5;
padding: 10px 12px;
display: block;
width: 100%;
height: 44px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.EditBGSeparator {
background-color: transparent;
font: 0pt arial;
padding: 0px;
width: 1px;
}
input.ABSLITEEditWatermark.ABSLITEEditError, textarea.ABSLITEEditWatermark.ABSLITEEditError, select.ABSLITEEditWatermark.ABSLITEEditError {
color: #aaa;
background-color: #ffffff;
font-size: 15px;
border: 1px solid #d5d5d5;
padding: 8px 12px;
width: 100%;
line-height: 1.4;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.ABSLITEEditRound {
padding: 6px 13px;
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
}
.ABSLITEEditDateTimeCont {
margin: auto;
}
/* Edit Button Group */
.ABSLITEEditBG {
color: #aaa;
background-color: #ffffff;
font: 15px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
border: 1px solid #d5d5d5;
padding: 10px;
overflow: hidden;
width: 100%;
height: 40px;
line-height: 39px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.ABSLITEEditBGEdit {
color: #212121;
background-color: inherit;
font-size: 15px;
border-style: none;
padding: 10px;
overflow: hidden;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.ABSLITEEditBGWatermark {
color: #aaa;
}
.ABSLITEEditBGButton {
padding: 1px 2px;
}
.ABSLITEEditBGHover .ABSLITEEditBGButton, .ABSLITEEditBGFocus .ABSLITEEditBGButton {
background: #d5e5fb;
border: none;
padding: 0px 1px;
}
.ABSLITEEditBGHover .ABSLITEEditBGButtonHover {
padding: 0px 1px;
}
.ABSLITEEditBGHover .ABSLITEEditBGButtonPressed, .ABSLITEEditBGFocus .ABSLITEEditBGButtonPressed {
}
.ABSLITEEditBGError {
background: #fdd7d6;
border-color: #cd3c39;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.ABSLITEEditBGError .ABSLITEEditBGEdit {
color: #dd3c39;
}
.ABSLITEEditBGError .ABSLITEEditBGWatermark.ABSLITEEditBGEdit {
color: #ed6c69;
font-style: italic;
}
/* Buttons */
.ABSLITEButton, .ABSLITEButtonLeft, .ABSLITEButtonRight {
text-align: center;
white-space: nowrap;
color: #ffffff !important;
background: repeat-x hsl(195, 79%, 43%) !important;
font-size: 14px;
font-weight: 500;
border: 1px solid #d5d5d5;
padding-top: 8px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 8px;
display: inline-block;
vertical-align: middle;
cursor: pointer;
line-height: 1.2;
border-radius: 2px;
-ms-touch-action: manipulation;
touch-action: manipulation;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#56c5eb", endColorstr="#1798c4");
-webkit-font-smoothing: antialiased;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.ABSLITEButton:hover, .ABSLITEButtonLeft:hover, .ABSLITEButtonRight:hover {
color: #ffffff;
border: 1px inset #cccccc;
}
.ABSLITEButtonPressed, .ABSLITEButtonLeftPressed, .ABSLITEButtonRightPressed {
text-shadow: 0px -2px #3567b8;
color: #fefefe;
background: 100% 100% #70aafc;
border: 1px solid #d5d5d5;
}
.ABSLITEButtonDisabled {
color: #999;
background-color: #dddddd;
}
.ABSLITEButtonLeft {
border-left-style: none;
padding-left: 0px;
margin-left: 18px;
overflow: visible;
position: relative;
border-radius: 0px 6px 6px 0px;
-webkit-border-radius: 0px 6px 6px 0px;
-moz-border-radius: 0px 6px 6px 0px;
}
.ABSLITEButtonLeft:before {
background: url('buttonLeft.png') no-repeat top 18px 100%;
padding: 1px;
display: block;
position: absolute;
top: -1px;
left: -18px;
width: 18px;
height: 100%;
content: "";
}
.ABSLITEButtonLeftPressed {
box-shadow: inset -4px 6px 4px -4px #2858aa;
-moz-box-shadow: inset -4px 6px 4px -4px #2858aa;
-webkit-box-shadow: inset -4px 6px 4px -4px #2858aa;
}
.ABSLITEButtonLeftPressed:before {
background: url('buttonLeftPressed.png') no-repeat top 18px 100%;
}
.ABSLITEButtonRight {
border-right-style: none;
padding-right: 0px;
margin-right: 18px;
overflow: visible;
position: relative;
border-radius: 6px 0px 0px 6px;
-webkit-border-radius: 6px 0px 0px 6px;
-moz-border-radius: 6px 0px 0px 6px;
}
.ABSLITEButtonRight:before {
background: url('buttonRight.png') no-repeat top 18px 100%;
padding: 1px;
display: block;
position: absolute;
top: -1px;
right: -18px;
width: 18px;
height: 100%;
content: "";
}
.ABSLITEButtonRightPressed {
box-shadow: inset 4px 6px 4px -4px #2858aa;
-moz-box-shadow: inset 4px 6px 4px -4px #2858aa;
-webkit-box-shadow: inset 4px 6px 4px -4px #2858aa;
}
.ABSLITEButtonRightPressed:before {
background: url('buttonRightPressed.png') no-repeat top 18px 100%;
}
.ABSLITEButtonConfirm {
text-shadow: 0px -2px #3c8c40;
color: #fff;
background: url('buttonConfrim.jpg') 100% 100% #0da421;
font: bold 14px Arial;
border: 1px solid #0c9321;
border-bottom: 1px solid #125a1e;
padding: 6px;
vertical-align: middle;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.ABSLITEButtonConfirmPressed {
background: url('buttonConfrimPressed.jpg') 100% 100% #0da421;
}
.ABSLITEButtonConfirmDisabled {
color: #abffb3;
}
.ABSLITEButtonDeny {
text-shadow: 0px -2px #9e2f37;
color: #fff;
background: url('buttonDeny.jpg') 100% 100% #ff0406;
font: bold 14px Arial;
border: 1px solid #d32020;
border-bottom: 1px solid #4c191b;
padding: 6px;
vertical-align: middle;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.ABSLITEButtonDenyPressed {
background: url('buttonDenyPressed.jpg') 100% 100% #ff0406;
}
.ABSLITEButtonDenyDisabled {
color: #ff949c;
}
.ABSLITEButtonYellow:hover {
background-color: #ffffff;
}
.ABSLITEButtonYellow {
text-align: center;
white-space: nowrap;
color: #212121 !important;
background-color: #FC0;
font-size: 14px;
font-weight: 500;
border: 1px solid #1798c4 #1798c4 hsl(195, 79%, 38%);
padding-top: 10px;
padding-left: 18px;
padding-right: 18px;
padding-bottom: 10px;
display: inline-block;
vertical-align: middle;
cursor: pointer;
line-height: 1.2;
border-radius: 2px;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-font-smoothing: antialiased;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
} .ABSLITEButtonGreen {
background-color: #0C3;
}
.ABSLITEPanelTopHeader .ABSLITEButton, .ABSLITEPanelTopFooter .ABSLITEButton, .ABSLITEPanelTopHeader .ABSLITEButtonLeft, .ABSLITEPanelTopHeader .ABSLITEButtonRight, .ABSLITEPanelTopFooter .ABSLITEButtonLeft, .ABSLITEPanelTopFooter .ABSLITEButtonRight {
text-shadow: 0px -2px #68777e;
color: #fefefe;
background: url('buttonDark.jpg') 100% 100% #465f88;
border: 1px solid #304c71;
border-top: 1px solid #394251;
box-shadow: 0px 1px #7d98b6;
-moz-box-shadow: 0px 1px #7d98b6;
-webkit-box-shadow: 0px 1px #7d98b6;
}
.ABSLITEPanelTopHeader .ABSLITEButtonPressed, .ABSLITEPanelTopFooter .ABSLITEButtonPressed, .ABSLITEPanelTopHeader .ABSLITEButtonLeftPressed, .ABSLITEPanelTopHeader .ABSLITEButtonRightPressed, .ABSLITEPanelTopFooter .ABSLITEButtonLeftPressed, .ABSLITEPanelTopFooter .ABSLITEButtonRightPressed {
text-shadow: 0px -2px #68777e;
color: #fff;
background: url('buttonDarkPressed.jpg') 100% 100% #465f88;
border: 1px solid #304c71;
border-top: 1px solid #394251;
box-shadow: inset 2px 2px 4px #44505c;
-moz-box-shadow: inset 2px 2px 4px #44505c;
-webkit-box-shadow: inset 2px 2px 4px #44505c;
}
.ABSLITEPanelTopHeader .ABSLITEButtonDisabled, .ABSLITEPanelTopFooter .ABSLITEButtonDisabled {
color: #8b9ab8;
border: 1px solid #304c71;
}
.ABSLITEPanelTopHeader .ABSLITEButtonLeft, .ABSLITEPanelTopFooter .ABSLITEButtonLeft {
border-left-style: none;
position: relative;
border-radius: 0px 6px 6px 0px;
-webkit-border-radius: 0px 6px 6px 0px;
-moz-border-radius: 0px 6px 6px 0px;
}
.ABSLITEPanelTopHeader .ABSLITEButtonLeft:before, .ABSLITEPanelTopFooter .ABSLITEButtonLeft:before {
background: url('buttonDarkLeft.png') no-repeat top 18px 100%;
padding: 1px;
display: block;
position: absolute;
top: -1px;
left: -18px;
width: 18px;
height: 100%;
content: "";
}
.ABSLITEPanelTopHeader .ABSLITEButtonLeftPressed, .ABSLITEPanelTopFooter .ABSLITEButtonLeftPressed {
box-shadow: inset 0px 6px 4px -4px #44505c;
-moz-box-shadow: inset 0px 6px 4px -4px #44505c;
-webkit-box-shadow: inset 0px 6px 4px -4px #44505c;
}
.ABSLITEPanelTopHeader .ABSLITEButtonLeftPressed:before, .ABSLITEPanelTopFooter .ABSLITEButtonLeftPressed:before {
background: url('buttonDarkLeftPressed.png') no-repeat top 18px 100%;
}
.ABSLITEPanelTopHeader .ABSLITEButtonRight, .ABSLITEPanelTopFooter .ABSLITEButtonRight {
border-right-style: none;
position: relative;
}
.ABSLITEPanelTopHeader .ABSLITEButtonRight:before, .ABSLITEPanelTopFooter .ABSLITEButtonRight:before {
background: url('buttonDarkRight.png') no-repeat top 18px 100%;
padding: 1px;
display: block;
position: absolute;
top: -1px;
right: -18px;
width: 18px;
height: 100%;
content: "";
}
.ABSLITEPanelTopHeader .ABSLITEButtonRightPressed, .ABSLITEPanelTopFooter .ABSLITEButtonRightPressed {
box-shadow: inset 4px 6px 4px -4px #44505c;
-moz-box-shadow: inset 4px 6px 4px -4px #44505c;
-webkit-box-shadow: inset 4px 6px 4px -4px #44505c;
}
.ABSLITEPanelTopHeader .ABSLITEButtonRightPressed:before, .ABSLITEPanelTopFooter .ABSLITEButtonRightPressed:before {
background: url('buttonDarkRightPressed.png') no-repeat top 18px 100%;
}
.ABSLITEButtonDD {
color: #212121;
font: bold 14px Arial;
border:1px solid #d5d5d5;
padding: 5px;
vertical-align: middle;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.ABSLITEButtonDDPressed {
color: #212121;

border:1px solid #d5d5d5;
border-top: 1px solid #093786;
}
.ABSLITEButtonDDDisabled {
color: #212121;
}
.ABSLITEButtonDDContent, .ABSLITEButtonDDSplitContent {
padding: 6px 8px;
}
.ABSLITEButtonDDDropdown, .ABSLITEButtonDDSplitDropdown {
background: url('ButtonDDArrow.png') no-repeat center;
padding: 0px;
width: 24px;
}
.ABSLITEButtonDDSplitDropdown {
border-left: 1px solid #bbb;
width: 44px;
}
.ABSLITEButtonDDPressed .ABSLITEButtonDDDropdown, .ABSLITEButtonDDPressed .ABSLITEButtonDDSplitDropdown {
background: url('ButtonDDArrowPressed.png') no-repeat center;
}
.ABSLITEButtonDDDisabled .ABSLITEButtonDDDropdown, .ABSLITEButtonDDDisabled .ABSLITEButtonDDSplitDropdown {
background: url('ButtonDDArrowDisabled.png') no-repeat center;
}
.ABSLITEButtonDDPressed .ABSLITEButtonDDSplitDropdown {
border-left: 1px solid #c0daff;
}
.ABSLITEButtonGroupHF, .ABSLITEPanelTopHeader .ABSLITEButtonGroupHF, .ABSLITEPanelTopFooter .ABSLITEButtonGroupHF {
border-right-style: none;
margin-right: 0px;
border-radius: 6px 0px 0px 6px;
-webkit-border-radius: 6px 0px 0px 6px;
-moz-border-radius: 6px 0px 0px 6px;
}
.ABSLITEButtonGroupHM, .ABSLITEPanelTopHeader .ABSLITEButtonGroupHM, .ABSLITEPanelTopFooter .ABSLITEButtonGroupHM {
border-right-style: none;
margin-left: 0px;
margin-right: 0px;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
.ABSLITEButtonGroupHL, .ABSLITEPanelTopHeader .ABSLITEButtonGroupHL, .ABSLITEPanelTopFooter .ABSLITEButtonGroupHL {
margin-left: 0px;
border-radius: 0px 6px 6px 0px;
-webkit-border-radius: 0px 6px 6px 0px;
-moz-border-radius: 0px 6px 6px 0px;
}
.ABSLITEButtonGroupVF {
border-bottom-style: none;
margin-bottom: 0px;
display: block;
width: 100%;
border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
-moz-border-radius: 6px 6px 0px 0px;
}
.ABSLITEButtonGroupVM {
border-bottom-style: none;
margin-top: 0px;
margin-bottom: 0px;
display: block;
width: 100%;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
.ABSLITEButtonGroupVL {
margin-top: 0px;
display: block;
width: 100%;
border-radius: 0px 0px 6px 6px;
-webkit-border-radius: 0px 0px 6px 6px;
-moz-border-radius: 0px 0px 6px 6px;
}
.ABSLITEAppBar {
text-align: center;
background: url('tabband.jpg') 100% 100% #1a1a1a;
padding: 0px;
height: auto;
}
.ABSLITEAppBar .ABSLITEButton {
text-shadow: 0px -2px #000000;
color: #cbcbcb;
background: transparent;
font: bold 14px Arial;
border: none;
border-left: 1px solid #282828;
border-right: 1px solid #494949;
padding: 12px;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
.ABSLITEAppBar .ABSLITEButtonPressed {
text-shadow: 0px 2px #000000;
color: #fff;
background: url('tabbandButtonSelected.jpg') 100% 100% #363636;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
/* List */
.ABSLITEList {
background: transparent;
}
.ABSLITEListItem {
color: #444;
border-bottom: 1px solid #ddd;
padding: 8px;
margin: 0px;
overflow: hidden;
width: 100%;
border-collapse: collapse;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
min-height: 40px;
-ms-box-sizing: border-box;
}
.ABSLITEListItemSelected {
background: rgba(255, 255, 255, 0.2);
border-left: 1px solid #2196f3;
}


.ABSLITEListItemHover {
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 18px rgba(0, 0, 0, .5), inset 0 12px 20px 0 #ffffff;
}




.ABSLITEListItemHoverOLD {
background: rgba(255, 255, 255, 0.4);
border-left: 1px solid #4caf50;
}
.ABSLITEListItemLabelMain {
font: bold 24px "Open Sans", Calibri, Arial, Helvetica, sans-serif;
padding-bottom: 8px;
}
.ABSLITEListItemLabelSub {
font: 400 16px "Open Sans", Calibri, Arial, Helvetica, sans-serif;
padding-bottom: 5px;
}
.ABSLITEListItemLabelContext {
color: #ffffff;
font: 14px "Open Sans", Calibri, Arial, Helvetica, sans-serif;
border: 1px solid #d5d5d5;
padding: 10px;
}
.ABSLITEListItemLabelDetail {
color: #ccc;
font: 14px "Open Sans", Calibri, Arial, Helvetica, sans-serif;
padding: 10px;
}
.ABSLITEListItemContent {
color: #888;
font: 14px "Open Sans", Calibri, Arial, Helvetica, sans-serif;
padding-right: 50px;
max-width: 75%;
word-wrap: pre;
}
.ABSLITEListItemButtonContainer {
padding-top: 20px;
padding-left: 0px;
padding-right: 50px;
padding-bottom: 10px;
}
.ABSLITEListItemSelected .ABSLITEListItemLabelContext {
color: #fff;
padding-top: 10px;
padding-left: 0px;
padding-right: 50px;
padding-bottom: 10px;
}
.ABSLITEListItemSelected .ABSLITEListItemContent {
color: #ccc;
}
.ABSLITEListTitle {
text-shadow: 0px 2px #808487;
color: #fff;
background: 100% 100% #b3bdc6;
font: 20px "Open Sans", Calibri, Arial, Helvetica, sans-serif;
border-top: 1px solid #8f9aa0;
border-bottom: 1px solid #a2adb3;
padding: 12px;
}
.ABSLITEListSeparator {
background: #fff;
font: 0px Arial;
border: none;
border-bottom: 1px solid #e0e0e0;
height: 6px;
}
.ABSLITEListHeader {
color: #6d94bf;
background: #e5e5e5;
font: 16px "Open Sans", Calibri, Arial, Helvetica, sans-serif;
padding: 0px 12px;
}
.ABSLITEListHeaderItem {
color: #6d94bf;
font: 14px "Open Sans", Calibri, Arial, Helvetica, sans-serif;
border: 1px solid #d5d5d5;
border-top-style: none;
border-left-style: none;
padding: 10px;
cursor: default;
}
.ABSLITEListHeaderItem:last-child {
border-right-style: none;
}
.ABSLITEListGroupNav {
color: #000;
background: rgba(0,0,0,.25);
padding: 4px;
cursor: default;
border-radius: 4px;
opacity: .5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.ABSLITEListGroupNavFocus {
opacity: 1;
}
.ABSLITEListNavPrev {
text-align: center;
text-shadow: none;
color: #000;
background: #fff;
font: bold 16px "Open Sans", Calibri, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #ababab;
padding: 14px;
cursor: default;
position: absolute;
top: 0px;
width: 100%;
z-index: 4;
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.ABSLITEListNavNext {
text-align: center;
text-shadow: none;
color: #000;
background: #fff;
font: bold 16px "Open Sans", Calibri, Arial, Helvetica, sans-serif;
border-top: 1px solid #ababab;
padding: 14px;
cursor: default;
position: absolute;
bottom: 0px;
width: 100%;
z-index: 4;
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.ABSLITEListNavPressed {
text-shadow: 0px -2px #3567b8;
color: #fefefe;
background: url('buttonPressed.jpg') 100% 100% #70aafc;
border-color: #4d88d9;
box-shadow: inset 0px 2px 4px #2858aa;
-moz-box-shadow: inset 0px 2px 4px #2858aa;
-webkit-box-shadow: inset 0px 2px 4px #2858aa;
}
.ABSLITEListAlt1 {
color: #fff;
background: #666;
border: 1px solid #d5d5d5;
border-radius: 2px;
box-shadow: inset 0px 2px 6px -2px #818183;
-moz-box-shadow: inset 0px 2px 6px -2px #818183;
-webkit-box-shadow: inset 0px 2px 6px -2px #818183;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.ABSLITEListItemAlt1 {
color: #FC0;
background: #999;
font: 14px "Open Sans", Calibri, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #d5d5d5;
padding: 00px;
cursor: default;
outline: none;
}
.ABSLITEListItemSelectedAlt1 {
background-color: # CCC;
}
/* Tree */
.ABSLITETree {
color: #333;
background: #fff;
border: 1px solid #d5d5d5;
border-radius: 2px;
box-shadow: inset 0px 2px 6px -2px #818183;
-moz-box-shadow: inset 0px 2px 6px -2px #818183;
-webkit-box-shadow: inset 0px 2px 6px -2px #818183;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.ABSLITETreeNode {
color: #212121;
background: #fff;
font: 16px "Open Sans", Calibri, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #d5d5d5;
overflow: hidden;
cursor: default;
outline: none;
}
.ABSLITETreeNodeSelected {
color: #fff;
background: url('listItemSelected.jpg') 100% 100% #025ee7;
}
.ABSLITETreeNodeLabel {
text-decoration: none;
color: inherit;
padding: 12px;
display: inline-block;
cursor: default;
width: 100%;
outline: none;
}
/* Scroller */
.ABSLITEScrollerR {
text-shadow: none;
color: white;
background-color: rgba(0, 0, 0, 0.05);
font: 15px Helvetica Neue, HelveticaNeue, Helvetica-Neue, Helvetica, BBAlpha Sans, sans-serif;
cursor: default;
}
.ABSLITEScrollerRDial {
background-color: rgba(0, 0, 0, 0.35);
padding: 6px;
}
.ABSLITEScrollerRSlider {
width: 18px;
}
.ABSLITEScrollerRSliderHandle {
background-color: rgba(0, 0, 0, 0.35);
width: 18px;
height: 40px;
}
.ABSLITEScrollerRSliderShadow {
background-color: rgba(0, 0, 0, 0.2);
border-color: rgba(0, 0, 0, 0.2);
width: 18px;
height: 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.ABSLITEScrollerRSliderMsg {
white-space: nowrap;
color: white;
background-color: rgba(0, 0, 0, 0.35);
padding: 6px;
position: absolute;
right: 26px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.ABSLITEScrollerRSliderMsgT {
top: 0px;
}
.ABSLITEScrollerRSliderMsgB {
bottom: 0px;
}
.ABSLITEScrollerRSliderMsgT:after {
border: 5px solid transparent;
border-left-color: rgba(0, 0, 0, 0.35);
display: block;
position: absolute;
top: 7px;
right: -10px;
content: '';
}
.ABSLITEScrollerRSliderMsgB:after {
border: 5px solid transparent;
border-left-color: rgba(0, 0, 0, 0.35);
display: block;
position: absolute;
right: -10px;
bottom: 7px;
content: '';
}
/* Spin List */
.ABSLITESpinList {
text-shadow: none;
color: #eee;
background: #555;
border: 1px solid #333;
padding: 8px;
vertical-align: top;
border-radius: 8px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.ABSLITESpinList:after {
background: url('spinListShadow.png') 100% 100%;
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border-radius: 6px;
content: "";
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.ABSLITESpinListSelectBand:before {
background: url(spinListSelectorBand.png) 100% 100%;
border-top: 1px solid #222;
border-bottom: 1px solid #222;
margin-top: -12px;
display: block;
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 24px;
content: "";
}
.ABSLITESpinListItem {
font: 16px Arial;
padding: 2px;
}
.ABSLITESpinListLight {
text-shadow: none;
color: #000;
background: #fff;
border: 1px solid #ccc;
border-top: 1px solid #bbb;
padding: 8px;
vertical-align: top;
border-radius: 8px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.ABSLITESpinListLight:after {
background: url('spinListShadowLight.png') 100% 100%;
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border-radius: 6px;
content: "";
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.ABSLITESpinListLightSelectBand:before {
background: url(spinListSelectorBandLight.png) 100% 100%;
border-top: 1px solid #767f8c;
border-bottom: 1px solid #767f8c;
margin-top: -12px;
display: block;
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 24px;
content: "";
}
.ABSLITESpinListGroup {
white-space: nowrap;
border: 1px solid #333;
padding: 0px;
overflow: hidden;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.ABSLITESpinListGroup .ABSLITESpinList, .ABSLITESpinListGroup .ABSLITESpinListLight {
border: none;
border-right: 1px solid #000;
display: inline-block;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
.ABSLITESpinListGroup .ABSLITESpinListLight {
border-right: 1px solid #999;
}
.ABSLITESpinListGroup .ABSLITESpinList:last-child, .ABSLITESpinListGroup .ABSLITESpinListLight:last-child {
border: none;
}
.ABSLITESpinListGroup .ABSLITESpinList:after, .ABSLITESpinListGroup .ABSLITESpinListLight:after {
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
/* DatePicker */
.ABSLITEDP {
border: 1px solid #d5d5d5;
border-collapse: collapse;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.ABSLITEDPHeader {
	font: 500 14px "Open Sans", Calibri, Arial, Helvetica, sans-serif;
background-color: #eeeeee;
padding: 5px;

}
.ABSLITEDPHeaderButton {
text-align: center;
text-decoration: none;
white-space: nowrap;
color: hsl(195, 79%, 43%);
background-color: transparent;
font: 500 14px "Open Sans", Calibri, Arial, Helvetica, sans-serif;
border-style: none;
padding: 6px 10px;
display: inline-block;
vertical-align: middle;
cursor: pointer;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
.ABSLITEDPHeaderButtonSelected {
color: #545454;
}
.ABSLITEDPHeaderButtonSelected:after {
background: url('datePickerHeaderItemSelected.png') no-repeat;
margin-left: -10px;
display: block;
position: absolute;
left: 50%;
bottom: -1px;
width: 20px;
height: 10px;
content: "";
}
.ABSLITEDPPanel {
background: #ffffff;
}
.ABSLITEDPPanel table {
border: 1px solid #f3f3f5;
border-top: 1px solid #aaaeb6;
}
.ABSLITEDPPanelItem {
text-align: center;
text-decoration: none;
color: #384554;
background-color: #ffffff;
font: 15px "Open Sans", Calibri, Arial, Helvetica, sans-serif;
padding: 8px;
margin: 2px;
display: block;
outline: none;
}
.ABSLITEDPPanelItemSelected {
color: #212121;
background-color: #FFEB3B;
border: 1px solid #d5d5d5;
padding: 12px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.ABSLITEDPEdit {
color: #3a3a3a;
background: #fff;
font: bold 15px "Open Sans", Calibri, Arial, Helvetica, sans-serif;
border: 1px solid #d5d5d5;
padding: 10px;
border-radius: 2px;
outline: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.ABSLITEDPDaysOfWeek {
text-align: center;
color: #545454;
background-color: #FFEB3B;
font: 14px "Open Sans", Calibri, Arial, Helvetica, sans-serif;
border-top: 1px solid #d5d5d5;
border-left: 1px solid #e5e5e5;
padding: 8px;
}
.ABSLITEDPWeeksOfYear {
text-align: center;
color: #545454;
background: #FFEB3B;
font: bold 14px "Open Sans", Calibri, Arial, Helvetica, sans-serif;
padding: 5px;
}
.ABSLITEDPDate {
background-color: #f2f2f2;
border-top: 1px solid #d5d5d5;
border-left: 1px solid #d5d5d5;
padding: 0px;
}
.ABSLITEDPItem {
text-align: center;
text-decoration: none;
color: #384554;
font: 15px "Open Sans", Calibri, Arial, Helvetica, sans-serif;
padding: 7px 9px 8px 10px;
display: block;
cursor: default;
outline: none;
}
.ABSLITEDPItemOutOfRange {
color: #939aa3;
}
.ABSLITEDPItemDisabled {
color: #b3bac3;
}
.ABSLITEDPItemSelected {
color: #fff;
background-color: hsl(195, 79%, 43%) !important;
border: none;
padding: 8px 10px;
}
.ABSLITEDPDateToday {
background: #7389a5;
border: 1px solid #d5d5d5;
box-shadow: inset 0px 2px 4px #2b4463;
-moz-box-shadow: inset 0px 2px 4px #2b4463;
-webkit-box-shadow: inset 0px 2px 4px #2b4463;
}
.ABSLITEDPDateToday .ABSLITEDPItem {
color: #ffffff;
background-color: #FFEB3B;
border-top-style: none;
border-right-style: none;
padding: 8px 10px 8px 10px;
}
/* Time Picker */
.ABSLITETP {
text-shadow: 0px 2px #d9dbe0;
color: #6a6a6a;
background: url('button.jpg') 100% 100% #c8c8c8;
font: bold 14px Arial;
border: 1px solid #ababab;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.ABSLITETP .ABSLITEEdit {
text-align: center;
color: #6a6a6a;
background: transparent;
font: bold 14px "Open Sans", Calibri, Arial, Helvetica, sans-serif;
border: none;
padding: 6px 0px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.ABSLITETPEditButton {
text-align: center;
}
.ABSLITETPMeridianButton {
padding: 6px;
cursor: pointer;
}
/* Slider */
.ABSLITESlider {
padding: 8px 15px ;
}
.ABSLITESliderInner {
background: url('slider.jpg') 100% 100% #e5e5e5;
border: 1px solid #c4c4c4;
border-top: 1px solid #8e8e8e;
height: 12px;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
}
.ABSLITESliderHandle {
background: url('sliderHandle.jpg') 100% 100% #fff;
border: 1px solid #9d9d9d;
margin-top: -9px;
margin-left: -14px;
width: 28px;
height: 28px;
border-radius: 15px;
box-shadow: inset 0px 1px #fff;
-moz-box-shadow: inset 0px 1px #fff;
-webkit-box-shadow: inset 0px 1px #fff;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}
.ABSLITESliderRange {
background: url('sliderRange.jpg') 100% 100% #6ca8e4;
border: 1px solid #7ca0c4;
border-top: 1px solid #2f4e84;
margin: -1px;
height: 12px;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
}
/* Switch */
.ABSLITESwitch {
background: #5885c8;
font: 14px "Open Sans", Calibri, Arial, Helvetica, sans-serif;
border: 1px solid #c5c5c5;
border-top: 1px solid #979797;
padding: 0px;
margin: 0px 2px;
cursor: default;
height: 30px;
border-radius: 17px;
-moz-border-radius: 17px;
-webkit-border-radius: 17px;
}
.ABSLITESwitchOn {
text-shadow: 0px -2px #0069a3;
color: #fefefe;
background: url('switchOn.jpg') 100% 100% #6eb5f3;
font: bold 14px Arial;
}
.ABSLITESwitchOff {
text-shadow: 0px 2px #fff;
color: #767676;
background: 100% 100% transparent;
font: bold 14px Arial;
}
.ABSLITESwitchLeft {
text-align: center;
padding: 7px;
padding-right: 28px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.ABSLITESwitchRight {
text-align: center;
padding: 7px;
padding-left: 28px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.ABSLITESwitchInner {
margin: 0px 15px;
}
.ABSLITESwitchButton {
background: url('sliderHandle.jpg') 100% 100% #fff;
border: 1px solid #9d9d9d;
margin-left: -15px;
width: 29px;
height: 28px;
border-radius: 15px;
box-shadow: inset 0px 1px #fff;
-moz-box-shadow: inset 0px 1px #fff;
-webkit-box-shadow: inset 0px 1px #fff;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}
/* ControlGroups */
.ABSLITEControlGroup {
background: #f7f7f7;
border: 1px solid #d5d5d5;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.ABSLITEControlGroupRow {
border-top: 1px solid #d5d5d5;
padding: 6px;
box-shadow: inset 0px 1px #fff;
-moz-box-shadow: inset 0px 1px #fff;
-webkit-box-shadow: inset 0px 1px #fff;
}
.ABSLITEControlGroupRowFirst {
border-top: 1px solid #fff;
border-radius: 6px 6px 0px 0px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-webkit-border-radius: 6px 6px 0px 0px;
-moz-border-radius: 6px 6px 0px 0px;
}
.ABSLITEControlGroup .ABSLITEDialogLabel {
font: bold 14px Arial;
padding: 6px;
}
.ABSLITEControlGroup .ABSLITEEdit, .ABSLITEControlGroup .ABSLITEEditBG {
color: #3e5988;
background: transparent;
border: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.ABSLITEControlGroup select.ABSLITEEdit, .ABSLITEControlGroup select.ABSLITEEdit:focus, .ABSLITEControlGroup select.ABSLITEEdit:active {
color: #3e5988;
background: url('EditDDArrow.PNG') no-repeat right transparent;
border: none;
box-shadow: none;
outline: none;
-webkit-appearance: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.ABSLITEControlGroup .ABSLITEEditBGEdit {
color: #3e5988;
}
.ABSLITEControlGroup .ABSLITEEditWatermark, .ABSLITEControlGroup .ABSLITEEditBGWatermark {
color: #aaa;
}
.ABSLITEControlGroup .ABSLITEEditError, .ABSLITEControlGroup .ABSLITEEditBGError .ABSLITEEditBGEdit {
color: #dd3c39;
}
.ABSLITEControlGroup .ABSLITEEditError.ABSLITEEditWatermark, .ABSLITEControlGroup .ABSLITEEditBGError .ABSLITEEditBGWatermark.ABSLITEEditBGEdit {
color: #ed6c69;
font-style: italic;
}
/* Change main header colors - start */


/* Tabs */
.ABSLITETabTButton, .ABSLITETabTButtonSelected, .ABSLITETabTButtonDisabled, .ABSLITETabBButton, .ABSLITETabBButtonSelected, .ABSLITETabBButtonDisabled, .ABSLITETabRButton, .ABSLITETabRButtonSelected, .ABSLITETabRButtonDisabled, .ABSLITETabLButton, .ABSLITETabLButtonSelected, .ABSLITETabLButtonDisabled, .ABSLITEGridHeader, .ABSLITEAccordionButton, .ABSLITEAccordionButtonSelected, .ABSLITEAccordionButtonDisabled {
text-indent: 5px;
text-align: left;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
color: #444;
background-color: #eee;
font-size: 16px;
font-weight: 600;
border: 1px solid #d5d5d5;
padding-top: 15px;
padding-left: 10px;
padding-right: 40px;
padding-bottom: 15px;
}
.ABSLITEGridHeader .ABSLITELink {
color: #444;
font: 600 15px "Open Sans", Calibri, Arial, Helvetica, sans-serif;
}
.ABSLITEGridHeader .ABSLITELink:hover {
color: #444;
}
/* Change main header colors - end */

.ABSLITETabTButton {
display: block;
float: left;
}
.ABSLITETabTButtonSelected {
color: #63C;
font-weight: 600;
border-bottom-style: none;
display: block;
float: left;
position: relative;
border-collapse: collapse;
}
.ABSLITETabTButtonSelected:hover {
color: #093 !important;
}
.ABSLITETabTButtonSelected:active {
color: #03F;
}
.ABSLITETabTButton:hover {
color: #f00 !important;
}
.ABSLITETabTButtonSelected:after {
}
.ABSLITETabTButtonDisabled {
font-weight: 100;
display: block;
float: left;
}
.ABSLITETabBButton {
display: block;
float: left;
}
.ABSLITETabBButtonSelected {
font-weight: 600;
display: block;
float: left;
position: relative;
}
.ABSLITETabBButtonSelected:after {
}
.ABSLITETabBButtonDisabled {
font-weight: 100;
display: block;
float: left;
}
.ABSLITETabRButton {
display: block;
float: left;
}
.ABSLITETabRButtonSelected {
font-weight: 600;
display: block;
position: relative;
}
.ABSLITETabRButtonSelected:after {
}
.ABSLITETabRButtonDisabled {
font-weight: 100;
display: block;
}
.ABSLITETabLButton {
display: block;
}
.ABSLITETabLButtonSelected {
font-weight: 600;
display: block;
position: relative;
}
.ABSLITETabLButtonSelected:after {
}
.ABSLITETabLButtonDisabled {
font-weight: 100;
display: block;
}
.ABSLITETabTPanes, .ABSLITETabBPanes, .ABSLITETabRPanes, .ABSLITETabLPanes {
background: #ffffff;
border: none;
padding: 0px;
}
.ABSLITEUXPane {
border: none;
padding: 0px !important;
}
/* Accordions */
.ABSLITEAccordion {
border: 1px solid #d5d5d5;
overflow: hidden;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.ABSLITEAccordionButton {
display: block;
}
.ABSLITEAccordionButtonSelected {
text-decoration: none;
font-weight: 500;
display: block;
}
.ABSLITEAccordionButtonDisabled {
font-weight: 100;
display: block;
}
.ABSLITEAccordionPane {
background: #ffffff;
border: 1px solid #d5d5d5;
border-top-style: none;
padding: 8px;
}
.ABSLITEUXPane {
background: #ffffff;
border: none;
padding: 0px;
}
.ABSLITEAccordionIconButton {
text-decoration: none;
color: #6a6a6a;
background-color: #c8c8c8;
font: bold 14px Arial;
border-bottom: 1px solid #ababab;
padding: 8px;
padding-left: 28px;
display: block;
}
.ABSLITEAccordionIconButtonSelected {
text-decoration: none;
color: #6a6a6a;
background-color: #c8c8c8;
font: bold 14px Arial;
border-bottom: 1px solid #ababab;
padding: 8px;
padding-left: 28px;
display: block;
}
.ABSLITEAccordionIconButtonDisabled {
text-decoration: none;
color: #aaa;
font: bold 14px Arial;
border-bottom: 1px solid #ababab;
padding: 8px;
padding-left: 28px;
display: block;
}
/* Tabband - Tabbed UI Tab Band have their own styles so these not used */
.ABSLITETabTBand {
background: #ffffff;
}
.ABSLITETabbandTSeparator {
}
.ABSLITETabbandTButton {
text-decoration: none;
white-space: nowrap;
color: #646464;
font: bold 14px Arial;
border: 1px solid #212121;
padding: 9px 13px;
margin: 4px;
display: block;
position: relative;
}
.ABSLITETabbandTButtonSelected {
text-decoration: none;
color: #FFFFFF;
background: url('tabbandButtonSelected.jpg') #363636;
font: bold 14px Arial;
border: 1px solid #212121;
padding: 8px 12px;
margin: 4px;
display: block;
position: relative;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.ABSLITETabbandTButtonDisabled {
text-decoration: none;
white-space: nowrap;
color: #aaa;
}
.ABSLITETabbandTLScroll {
background: url('tabbandScrlLBack.png') repeat-y left;
font: 14px Arial;
display: block;
width: 20px;
height: 100%;
}
.ABSLITETabbandTRScroll {
background: url('tabbandScrlRBack.png') repeat-y right;
font: 14px Arial;
display: block;
width: 20px;
height: 100%;
}
.ABSLITETabbandTLScrollDisabled img, .ABSLITETabbandTRScrollDisabled img {
display: none;
}
.ABSLITETabbandTLScroll img {
margin-top: -6px;
margin-left: -6px;
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 12px;
}
.ABSLITETabbandTRScroll img {
margin-top: -6px;
margin-left: -6px;
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 12px;
}
.ABSLITETabbandB {
background: url('tabband.jpg') 100% 100% #1a1a1a;
}
.ABSLITETabbandBSeparator {
}
.ABSLITETabbandBButton {
text-decoration: none;
text-shadow: 0px -2px #000000;
white-space: nowrap;
color: #cbcbcb;
font: bold 14px Arial;
border-left: 1px solid #212121;
border-right: 1px solid #212121;
padding: 8px;
display: block;
position: relative;
}
.ABSLITETabbandBButtonSelected {
text-decoration: none;
text-shadow: 0px 2px #000000;
white-space: nowrap;
color: #fff;
background: url('tabbandButtonSelected.jpg') 100% 100% #363636;
font: bold 14px Arial;
border-left: 1px solid #212121;
border-right: 1px solid #212121;
padding: 8px;
display: block;
position: relative;
}
.ABSLITETabbandBButtonDisabled {
color: #999;
}
.ABSLITETabbandBButtonClose {
padding-right: 22px;
}
.ABSLITETabbandBLScroll {
background: url('tabbandScrlLBack.png') repeat-y left;
font: 14px Arial;
display: block;
width: 20px;
height: 100%;
}
.ABSLITETabbandBRScroll {
background: url('tabbandScrlRBack.png') repeat-y right;
font: 14px Arial;
display: block;
width: 20px;
height: 100%;
}
.ABSLITETabbandBLScrollDisabled img, .ABSLITETabbandBRScrollDisabled img {
display: none;
}
.ABSLITETabbandBLScroll img {
margin-top: -6px;
margin-left: -6px;
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 12px;
}
.ABSLITETabbandBRScroll img {
margin-top: -6px;
margin-left: -6px;
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 12px;
}
/* Scroll Indicator */
.ABSLITEScrollIndH, .ABSLITEScrollIndV {
padding: 0px;
width: 5px;
height: 5px;
}
.ABSLITEScrollIndHBar, .ABSLITEScrollIndVBar {
background: #000;
border-radius: 6px;
opacity: .5;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
a:hover {
text-decoration: none !important;
color: #212121;
}
a:-webkit-any-link {
text-decoration: none !important;
}
.ABSLITELiteTab {
text-align: center;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
color: #212121!important;
background: no-repeat #ffffff;
font: 500 15px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
border-right: 1px solid #d5d5d5;
padding-top: 10px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 10px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe4e4e4', GradientType=0);
-webkit-filter: none;
}
.ABSLITELiteTabSelected {
text-align: center;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
color: #212121!important;
background: no-repeat #ffffff;
font: 15px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
padding-top: 10px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 10px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe4e4e4', GradientType=0);
-webkit-filter: none;
}
.ABSLITELiteTabPane {
padding: 0px!important;
}
#ALPHALinesHeader {
color: #5A8FBD;
border-bottom: 1px inset #cccccc;
padding-top: 4px;
padding-left: 50px;
margin-top: 0px !important;
height: 80px;
}
.panel-default {
border: none;
}
.panel-default > .panel-heading {
text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
color: #666;
font-weight: 600;
border-bottom-style: none;
padding-left: 5px;
margin-bottom: 20px;
}
.panel-default label {
color: #666;
font-size: 16px;
margin-top: 20px;
margin-bottom: 8px;
}
.panel-default > .panel-body {
background-color: transparent;
border-bottom-style: none;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: c5c5c5;
}
.panel-default > .badge {
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d5d5d5;
}
.panel-default > .panel-footer {
background: transparent;
border-top-style: none;
border-bottom-style: none;
}
.list-group-item:hover {
background-color: #e5e5e5;
}
.list-group-item-dark-inset {
color: #ddd;
background-color: transparent;
font-size: 16px;
border-bottom: 1px inset #454D58;
padding-top: 0;
padding-left: 15px;
padding-right: 30px;
padding-bottom: 0;
overflow: hidden;
width: 100%;
height: 40px;
line-height: 39px;
border-collapse: collapse;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.list-group-item-dark {
color: #ddd;
background: #444a52 overflow: hidden;
font-size: 16px;
border-top: 1px solid #454D58;
border-left: 1px solid #454D58;
border-right: 1px solid #636b76;
border-bottom: 1px inset #636b76;
padding-top: 0;
padding-left: 15px;
padding-right: 30px;
padding-bottom: 0;
margin: 0px;
width: 100%;
height: 40px;
line-height: 39px;
border-collapse: collapse;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.list-group-item-darkhover {
background: rgba(33,150,243, 0.2);
}
.list-group-item-darkselected {
background: rgba(33,150,243, 0.3);
}
.list-group-item-lite {
color: #555;
background-color: transparent;
font-size: 16px;
border-bottom: 1px inset #ddd;
padding-top: 0;
padding-left: 15px;
padding-right: 30px;
padding-bottom: 0;
overflow: hidden;
width: 100%;
height: 40px;
line-height: 39px;
border-collapse: collapse;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.list-group-item-litehover {
background: rgba(174, 182, 191, 0.2);
}
.list-group-item-liteselected {
background: rgba(174, 182, 191, 0.4);
}
/* nice raised ettect */
.oldlist-group-item {
color: #ccc;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom: 1px inset #ccc;
padding: 10px 15px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
display: block;
position: relative;
}
/* main style - moved from 5290 */
.list-group-item {
color: #555;
background-color: transparent;
border-bottom: 1px inset #ccc;
padding: 10px 15px;
margin-left: 0px;
margin-right: 0px;
display: block;
position: relative;
}
.list-group-item .badge {
color: #3399f3;
background-color: #ddd;
padding: 5px 10px;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
}
.list-group-item:hover {
color: #FF8800;
background-color: #f5f5f5;
}
.list-group-item:selected {
color: #FF8800;
background-color: #e8e8e8;
}
select .input-edit-lite {
color: #555;
background-color: transparent;
font-size: 16px;
border: 1px solid #d5d5d5;
padding: 0 15px;
margin: 5px;
margin-bottom: 15px;
overflow: hidden;
width: 100%;
height: 40px;
line-height: 39px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}