/* General */

* {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
    font: normal 14px Roboto;
}

html,
body,
#MobileApplication {
    height: auto;
    min-height: 100vh;
}

body {
    font: normal 14px Roboto;
}

    body.brightly-bg {
        background-image: url('/Content/Mobile/Images/brightly_bg.png') !important;
        background-size: 100vw 100vh;
    }

    body.brightly-bg:after {
        content: "";
        background-image: url(/Content/images/Brightly/Brightly_crescent_on_green_01.png);
        background-repeat: no-repeat;
        background-position: top 10vh left 30vw;
        background-size: 100VW 100vh;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: translateZ(0px); 
        -ms-transform: translateZ(0px);
    }

:focus:not(:focus-visible) {
    outline: 0;
}
:focus-visible {
    outline: #017D80 auto 1px;
}

/* Start Select Styling */

/* End Select Styling */

table 
{
    border-spacing: 0;
    border-collapse: collapse;
}

button {
    /* UI Properties */
    background: #48FE9B 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 100px !important;
    border-color: #48FE9B;
    opacity: 1;
    font: normal 18px Roboto;
    letter-spacing: 0px;
    color: #002743;
}

input[type=radio] {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    outline: none;
    content: none;
}

    input[type=radio]::before {
        font-family: "Material Icons";
        content: "radio_button_unchecked";
        font-weight: normal;
        color: #017D80;
        background-color: transparent;
        display: block;
        border: none;
        font-size: 18px;
        width: 19px;
        height: 19px;
        padding: 0;
        margin: 0;
        vertical-align: bottom;
        position: relative;
        top: 3px;
    }

    input[type=radio]:checked::before {
        content: "radio_button_checked";
    }

    input[type=radio]:disabled::before, input[type=radio].disabled::before {
        color: #017d8061;
    }

    input[type=radio]:hover::before, input[type=radio]:focus::before {
        color: #4DA4A6;
    }


input[type=checkbox] {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    outline: none;
    content: none;
}
    input[type=checkbox]:before {
        content: "";
        display: block;
        width: 15px;
        height: 15px;
        border: 1px solid #017D80;
        border-radius: 5px;
        position: relative;
        top: 4px;
    }

    input[type=checkbox]:checked:before {
        background: url(/Content/Mobile/Images/icons-36-white.png);
        background-size: 569px 21px;
        background-position: -259px -3px;
        background-color: #017D80;
    }

input[type=text] {
    border-color: #017D80;
}

input[type=text]:focus {
    border-color: #017D80;
    outline: none !important;
}

a, a:visited, a:hover {
    color: #017D80;
}

select {
    color: black;
}

.round-button {
    display: block;
    width: 210px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 6px;
    font-size: large;
    color: white;
    line-height: 1.38;
    text-align: center;
    text-decoration: inherit;
}

.round-checkbox {
  position: relative;
}

.round-checkbox label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  left: 0;
  position: absolute;
  top: 0;
  width: 28px;
}

.round-checkbox label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 7px;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 12px;
}

.round-checkbox input[type="checkbox"] {
  visibility: hidden;
}

.round-checkbox input[type="checkbox"]:checked + label {
  background-color: #66bb6a;
  border-color: #66bb6a;
}

.round-checkbox input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

.dialog 
{
    display: none;
}

.invisible {
    display: none !important;
}

.faketextbox 
{
    border: 1px solid black;
    padding: 1px;
    width: 99%;
    -webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 4px inset;
}

.faketextboxHiddenText
{
    color: rgba(255,0,0,0) !important;
    text-decoration: none;
}

.disabled 
{
    opacity: .4;
}

.hideoverflow 
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Validation */

.required, .has-required-background
{
    background-color: #FFFFC6;
}

.required
{
    color: black;
}

.error 
{
    color: Red;
}

.item.required span.required,
.item.required select.required,
.item.required input.required,
.item.required {
    background-color: inherit;
}

    .item.required label:after {
        content: "*";
        color: #e80c4d;
        padding-left: 4px;
    }

/* Top area */
.top-area {
    z-index: 100;
    position: absolute;
    right: 0px;
    left: 0px;
}

/* Bounded containers */

.bounded-container {
    border: 1px solid #017D80;
}

.container-content 
{
    border-top: 1px solid gray;
    padding: 6px;
}

.container-content-noheader 
{
    padding: 6px;
}

.container-header {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 -1px 1px #254f7a;
    background-color: #002743;
    font-size: 15px;
    padding: 0.4em 7px;
    border-top: 0 !important;
}

.container-header-OnHold 
{
    color: #fff;
    background: #ff0000;
    font-weight: bold;
    text-shadow: 0 -1px 1px #254f7a;
    font-size: 15px;
    padding: 0.4em 7px;
    border-top: 0 !important;
}

/* Vertical button lists */

.vlist 
{
    -webkit-padding-start: 0;
    padding-bottom: 1px;
    padding-left: 0;
}

.vlist a, a.reset-style 
{
    text-decoration: none;
    color: #000;
    width: 100%;
    display: block;
}

.vlist > li
{
    list-style-type: none;
    padding: 0.4em 7px;
    background: #fff;
    border-top: 1px solid gray;
    overflow: hidden;
    position: relative;
}

.vlist > li.container-header 
{ 
    background-color: #002743;
}

.vlist > li:first-child 
{
    border-top: 0;
}

/* Search */

.checkable
{
    margin-left: 30px;
}

/* Loader */

.ui-loading .ui-loader { display: block; }
.ui-loader { position: absolute; opacity: .75; z-index: 60; top: 75px; left: 50%; width: 200px; margin-left: -130px; padding: 20px 30px; background-color: Black; }
.ui-loader h1 { color: white; font-size: 15px; text-align: center; }
.ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; }

/* Toolbar */

.toolbar 
{
    background-color:#002743;
    padding: 3px;
}

.toolbarOffline {
    background-color: #772F23;
}

.toolbar h1
{
    color: #fff;
    text-shadow: 0 -1px 1px #254f7a;
    font-weight: bold;
    font-size: 14px;
    margin: 0;
    text-align: center;
    padding: 6px 8px 8px 8px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.toolbutton {
    color: white !important;
    font-weight: bold;
    background-color: #017D80;
    text-decoration: none;
    text-shadow: 0 -1px 1px #254f7a;
    padding: 4px;
    padding-right: 6px;
    height: 18px;
    vertical-align: middle;
    display: inline-block;
}

.backbutton {
    color: #002743 !important;
    font-weight: bold;
    background-color: white;
    border-color: #bcbcbc;
    text-decoration: none;
    padding: 4px;
    padding-right: 6px;
    height: 18px;
    vertical-align: middle;
    display: inline-block;
}

.backbutton .ui-icon {
    background-image: url(/Content/Mobile/Images/icons-18-blue-navy.png);
    background-repeat: no-repeat;
    background-color: white;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    display: block;
    float: left;
}

.toolbar .backbutton {
    left: 7px;
    top: 5px;
    position: absolute;
}

.toolbar-right 
{
    position: absolute;
    right: 7px;
    top: 5px;
    bottom: 0px;
}

select.toolbar-right
{
    top: 8px;
}

/* Footer */

#offline-indicator
{
    display: none;
    margin-top: 3px;
    padding: 3px;
    text-align: center;
}

#updates-pending-indicator
{
    display: none;
    margin-top: 3px;
    padding: 3px;
    text-align: center;
}

/* Select menus */

.select-menu 
{
    position: absolute;
    z-index: 100 !important;
    border: 1px solid #002743;
    padding-top: 5px;
    padding-bottom: 5px;
}

.select-menu-button, .select-menu a 
{
    text-decoration: none;
    display: block;
}

.select-menu a 
{
    background: #FDFDFD -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#FDFDFD));
    border-top: 1px solid #002743;
    padding: 0.7em 15px 0.7em 15px;
    font-weight: bold;
    color: Black;
    display: block;
}

a.select-menu-selected
{
    background:none;
    background-color: #E2EEEF;
    color: #002743;
}

.select-menu-icon 
{
    margin-left: 3px;
}

.select-menu-check 
{
    margin-left: 40px;
}

/* Grouped buttons */

.grouped-button-container 
{
    display: inline-block;
    margin-left: 1px;
}

.grouped-button {
    margin-left: -1px;
    display: inline-block;
    text-decoration: none;
    padding: 0.5em;
    border: 1.5px solid #017D80;
    color: #002743 !important;
}

.grouped-button-container .selected {
    background-color: #E2EEEF !important;
    background-image: none;
    color: #002743;
    border: 1.5px solid #017D80;
    font-weight: bold;
}

/* Independent colored buttons */
.button-green, .button-red, .button-black, .button-dark-teal, .button-white {
    padding: 4px 7px 4px 7px;
    background: none;
    font-weight: bold;
    text-decoration: none;
    margin-top: 20px;
}

.button-dark-teal {
    background-color: #017D80 !important;
    border: 1px solid #017D80 !important;
    border-radius: 5px;
    color: white !important;
}

.button-white {
    color: #002743 !important;
    background-color: #FFF !important;
    border: 1px solid #BCBCBC !important;
    border-radius: 5px;
}

.button-green {
    color: #fff !important;
    background-image: -moz-linear-gradient(top, #BEDAB1, #419D01);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #BEDAB1),color-stop(1, #419D01));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#BEDAB1', EndColorStr='#419D01')";
}

.button-red {
    color: #fff !important;
    background-image: -moz-linear-gradient(top, #E8CFD0, #C51521);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #E8CFD0),color-stop(1, #C51521));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#E8CFD0', EndColorStr='#C51521')";
}

.button-black {
    color: #fff !important;
    background-image: -moz-linear-gradient(top, #8E8E8E, #575757);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #8E8E8E),color-stop(1, #575757));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8E8E8E', EndColorStr='#575757')";
}

/* Corner rounding */

.corner-tl { -moz-border-radius-topleft: .5em; -webkit-border-top-left-radius: .5em; border-top-left-radius: .5em; }
.corner-tr { -moz-border-radius-topright: .5em; -webkit-border-top-right-radius: .5em; border-top-right-radius: .5em; }
.corner-bl { -moz-border-radius-bottomleft: .5em; -webkit-border-bottom-left-radius: .5em; border-bottom-left-radius: .5em; }
.corner-br { -moz-border-radius-bottomright: .5em; -webkit-border-bottom-right-radius: .5em; border-bottom-right-radius: .5em; }
.corner-top { -moz-border-radius-topleft: .5em; -webkit-border-top-left-radius: .5em; border-top-left-radius: .5em; -moz-border-radius-topright: .5em; -webkit-border-top-right-radius: .5em; border-top-right-radius: .5em; }
.corner-bottom { -moz-border-radius-bottomleft: .5em; -webkit-border-bottom-left-radius: .5em; border-bottom-left-radius: .5em; -moz-border-radius-bottomright: .5em; -webkit-border-bottom-right-radius: .5em; border-bottom-right-radius: .5em; }
.corner-right {  -moz-border-radius-topright: .5em; -webkit-border-top-right-radius: .5em; border-top-right-radius: .5em; -moz-border-radius-bottomright: .5em; -webkit-border-bottom-right-radius: .5em; border-bottom-right-radius: .5em; }
.corner-left { -moz-border-radius-topleft: .5em; -webkit-border-top-left-radius: .5em; border-top-left-radius: .5em; -moz-border-radius-bottomleft: .5em; -webkit-border-bottom-left-radius: .5em; border-bottom-left-radius: .5em; }
.corner-all { -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; }

/* Links */

.link-bar
{
    display: block;
    padding: 10px;
    background-color: #E2EEEF;
    text-decoration: none;
    color: #002743 !important;
    font-weight: 900;
}
    .link-bar *:not(.ui-icon) {
        font-weight: 900;
    }

.link-bar-tiny {
    display: block;
    padding: 5px;
    background-color: #E2EEEF;
    color: #002743 !important;
    text-decoration: none;
    font-weight: 900;
}


.link-block 
{
    display: block;
    width: 100%;
}

a
{
    -webkit-tap-highlight-color: DarkGray;
}

/* Layout */

.right 
{
    float: right;
}

.left 
{
    float: left;
}

.content 
{
    position: absolute;
    z-index: 50;
    top: 36px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 6px;
}

.clear 
{
    clear: both;
}

.center 
{
    text-align: center;
}

.text-right {
    text-align: right;
}

/* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/
Built by David Kaneda and maintained by Jonathan Stark. */

.in, .out {
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 350ms;
}

.slide.in {
	-webkit-animation-name: slideinfromright;
}

.slide.out {
	-webkit-animation-name: slideouttoleft;
}

.slide.in.reverse {
	-webkit-animation-name: slideinfromleft;
}

.slide.out.reverse {
	-webkit-animation-name: slideouttoright;
}

.slideup.in {
	-webkit-animation-name: slideinfrombottom;
	z-index: 10;
}

.slideup.out {
	-webkit-animation-name: dontmove;
	z-index: 0;
}

.slideup.out.reverse {
	z-index: 10;
	-webkit-animation-name: slideouttobottom;
}

.slideup.in.reverse {
	z-index: 0;
	-webkit-animation-name: dontmove;
}
.slidedown.in {
	-webkit-animation-name: slideinfromtop;
	z-index: 10;
}

.slidedown.out {
	-webkit-animation-name: dontmove;
	z-index: 0;
}

.slidedown.out.reverse {
	z-index: 10;
	-webkit-animation-name: slideouttotop;
}

.slidedown.in.reverse {
	z-index: 0;
	-webkit-animation-name: dontmove;
}

@-webkit-keyframes slideinfromright {
    from { -webkit-transform: translateX(100%); }
    to { -webkit-transform: translateX(0); }
}

@-webkit-keyframes slideinfromleft {
    from { -webkit-transform: translateX(-100%); }
    to { -webkit-transform: translateX(0); }
}

@-webkit-keyframes slideouttoleft {
    from { -webkit-transform: translateX(0); }
    to { -webkit-transform: translateX(-100%); }
}

@-webkit-keyframes slideouttoright {
    from { -webkit-transform: translateX(0); }
    to { -webkit-transform: translateX(100%); }
}


@-webkit-keyframes slideinfromtop {
    from { -webkit-transform: translateY(-100%); }
    to { -webkit-transform: translateY(0); }
}

@-webkit-keyframes slideinfrombottom {
    from { -webkit-transform: translateY(100%); }
    to { -webkit-transform: translateY(0); }
}

@-webkit-keyframes slideouttobottom {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(100%); }
}

@-webkit-keyframes slideouttotop {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(-100%); }
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-webkit-keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}

.fade.in {
	z-index: 10;
	-webkit-animation-name: fadein;
}
.fade.out {
	z-index: 0;
}

.flip {
	-webkit-animation-duration: .65s;
}

.flip.in {
	-webkit-animation-name: flipinfromleft;
}

.flip.out {
	-webkit-animation-name: flipouttoleft;
}

/* Shake it all about */

.flip.in.reverse {
	-webkit-animation-name: flipinfromright;
}

.flip.out.reverse {
	-webkit-animation-name: flipouttoright;
}

@-webkit-keyframes flipinfromright {
    from { -webkit-transform: rotateY(-180deg) scale(.8); }
    to { -webkit-transform: rotateY(0) scale(1); }
}

@-webkit-keyframes flipinfromleft {
    from { -webkit-transform: rotateY(180deg) scale(.8); }
    to { -webkit-transform: rotateY(0) scale(1); }
}

@-webkit-keyframes flipouttoleft {
    from { -webkit-transform: rotateY(0) scale(1); }
    to { -webkit-transform: rotateY(-180deg) scale(.8); }
}

@-webkit-keyframes flipouttoright {
    from { -webkit-transform: rotateY(0) scale(1); }
    to { -webkit-transform: rotateY(180deg) scale(.8); }
}


/* Hackish, but reliable. */
.page, .WOItem, .glass-button a {
    -webkit-touch-callout:none !important;
    -webkit-user-select:none !important;
}

@-webkit-keyframes dontmove {
    from { opacity: 1; }
    to { opacity: 1; }
}

.pop {
	-webkit-transform-origin: 50% 50%;
}

.pop.in {
	-webkit-animation-name: popin;
	z-index: 10;
}

.pop.out.reverse {
	-webkit-animation-name: popout;
	z-index: 10;
}

.pop.in.reverse {
	z-index: 0;
	-webkit-animation-name: dontmove;
}

@-webkit-keyframes popin {
    from {
        -webkit-transform: scale(.2);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes popout {
    from {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(.2);
        opacity: 0;
    }
}

.spin  {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count:  infinite;
}

@-webkit-keyframes spin {
	from {-webkit-transform: rotate(0deg);}
  	to {-webkit-transform: rotate(360deg);}
}

/* Mobile Datepicker */

.datepicker 
{
    position: absolute;
    z-index: 90;
    top: 3px;
    left: 3px;
    background-color: #f8f8f8;
    padding: 2px;
    border: 1px solid #DDD;
    z-index:1000;
}

.datepicker .month-navigation 
{
    background-color: #002743;
    height: 40px;
    border: 1px solid #002743;
}

.datepicker .navigationIcon 
{ 
    width: 36px; 
    height: 36px;
    background-image: url(/Content/Mobile/Images/icons-36-white.png); 
    background-repeat: no-repeat; 
    background-color: #666; 
    background-color: rgba(0,0,0,.4);  
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px;
    border-radius: 20px; 
}

.datepicker .month-navigation .ui-icon-arrow-r
{
    background-position: -216px 0;
    position: absolute;
    right: 4px;
    top: 4px;
}

.datepicker .month-navigation .ui-icon-arrow-l
{
    background-position: -288px 0;
    position: absolute;
    left: 4px;
    top: 4px;
}

.datepicker .month-navigation 
{
    padding-left: 20px;
    padding-right: 20px;
}

.datepicker .month-navigation .month 
{
    color: White;
    text-align: center;    
    width: 100%;
    margin-top: 7px;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
}

.datepicker th 
{
    font-size: 12px;
}

.datepicker td 
{
    padding: 2px;
}

.datepicker td a 
{
    text-decoration: none;
    text-align: center;
    padding: 9px 11px 9px 11px;
    background-color: #F6F6F6;
    border: 1px solid #CCC;
    display: block;
}

    .datepicker td a.today {
        background-color: #E2EEEF;
    }

#calc {
    z-index: 90;
}

    #calc #JSCalcTable input[type=button] {
        color: #002743;
        border: none;
        border-radius: 25px;
    }
    #calc #JSCalcTable td {
        padding: 1px;
    }

.NoTouch { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.no-close .ui-dialog-titlebar 
{
    background-color: #002743 !important;
    padding: 3px;
    color: white;
}

.no-close .btnYes,
.no-close .btnSave
{
    background: none;
    background-color: #017D80 !important;
    color: white;
}

.no-close .btnNo,
.no-close .btnCancel {
    background: none;
    background-color: white !important;
    color: #002743;
}

.no-close .ui-widget-header {
    background:none;
}

.no-border {
    border: none;
}

.glass-button
{
    z-index:4; 
    position:absolute;
    top: 0px;
    vertical-align:middle; 
    background:rgba(50, 50, 50, 0.8);
    height: 100%;
    width: 100%;
    right: 0;
    display:none;
}

.floatbutton
{
    font-weight: bold;
    /*text-decoration: none;*/
    padding: 4px;
    /*height: 18px;*/
    vertical-align: middle;
    display: inline;
    /*list-style-type: none;*/
    padding-right: 20px;
    /*font-size: 14px;*/
}

#buttonbar
{
    padding-top: 5px;
    padding-left: 15px;
}

#buttonbar li
{
    display: inline;
    list-style-type: none;
    padding-right:10px;
    line-height: 2.2;
}

#buttonbar li a
{
    display:inline;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}

._button {
  height: 40px;
  border-radius: 3px;
  font-size: 1em;
  line-height: 1.38;
  text-align: center;
}
 
._button:active {
  box-shadow: 0 2px 2px rgba(0, 0, 0, .5) inset;
}
 
._button-1 {
  left: 70.2734375%;
  z-index: 4;
  width: 25%;
  background-color: #017D80;
  color: white !important;
}
 
._button-2 {
  left: 34.7309027777%;
  z-index: 3;
  width: 30.5555555555%;
  background-color: #017D80;
  color: white !important
}
 
._button-3 {
  left: 5.2777777777%;
  z-index: 2;
  width: 25%;
  background-color: white;
  color: #002743 !important;
  border: 1.5px solid #bcbcbc;
}

._button-4 {
  left: 5.2777777777%;
  z-index: 2;
  width: 25%;
  background-color: #017D80;
  color: white !important
}

.mobile-link {
    color: blue;
    text-decoration:underline;
    font-weight:bold;
}

.mobile-link-thin {
    color: blue;
    text-decoration:underline;
    cursor: pointer;
}

/* Loader */
.reloadArea {
    border: 0px solid red;
    margin-top: 10px;
    display:none;
}

.reloadImage {
    vertical-align:middle;
    position: relative;
    left: 10px;
    cursor: pointer;
}

.quick-toggle-wo-menu {
    float:right;
}

.glass-panel
{
    z-index:4; 
    position:fixed;
    vertical-align:middle; 
    background:rgba(50, 50, 50, 0.8);
    height: 100%;
    width: 100%;
    right: 0;
    top:0;
    display:none;
}

.center-pop-up
{
    position:fixed;
    top: 50%;
    left: 50%;
    background-color:white;
    border-radius: 15px;
    border-top-style: groove;
}

.center-pop-up li
{
    border-top: 1px solid rgba(50, 50, 50, 0.2);
    list-style-type:none;
    background-color:white;
    font-size:large;
    font-weight:bold;
    margin: 3px 5px 3px 5px;
    padding-left: 10px;
    height: 1.5em;
    padding-top:0.25em;
}

.top-item
{
    border-top: none !important;
}

.line-through {
    text-decoration: line-through;
}

.hidden-input {
    width: 0px;
    height: 0px;
    position: absolute;
    z-index: -99;
}

.bold {
    font-weight: bold;
}

.vlist a.half-action-link {
    display: inline-block;
    text-align: center;
}
.vlist a.half-action-link.first-half {
    width: 42%;
    border-right: 1px solid gray;
}
.vlist a.half-action-link.second-half {
    width: 42%;
}

.blur-content { filter: blur(5px); }

.viewLocationMapButton {
    cursor: pointer;
    margin-top: 5px;
    padding: 10px 10px 10px 10px;
    border: #BCBCBC 1px solid;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100px;
    color: #002743;
    border-radius: 25px;
}

.vertical-separator {
    border-left: 1px solid #000;
}
.barcode-tap-to-scan, a.barcode-tap-to-scan {
    padding: 0 !important;
    border: 1px solid #017D80;
    border-radius: 6px;
    margin: 4px 0;
}

.barcode-tap-to-scan span {
    font-weight: normal;
    width: 100%;
    background-color: #017D80;
    color: #fff;
    display: inline-block;
    padding: 4px 0;
    font-variant: all-small-caps;
}

.row {
    margin-top: 10px;
    margin-bottom: 10px;
}

.ui-state-active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #aaaaaa !important;
    background: #ffffff !important;
    font-weight: normal !important;
    color: #212121 !important;
}

[aria-describedby='triggered-workorders-container'] .ui-icon-closethick {
    margin-top: -8px !important;
    margin-left: -9px !important;
}