/* =================================================
   Links
   ================================================= */

a {
    text-decoration: underline;
    color: #0F73A8;
}

a:hover {
    color: #18A5F0;
}

a.icon-32 {
    line-height: 32px;
}

a.icon-32 img {
    vertical-align: bottom;
}

/* =================================================
   Cursors
   ================================================= */
.ui-cursor-pointer {
    cursor: pointer;
}

.ui-cursor-move {
    cursor: move;
}

input.form-control, textarea.form-control {
    font-size: initial;
}

/* =================================================
   Misc UI
   ================================================= */
#rec1-public-wrapper {
    padding: 10px;
    text-align: left;
    width: 98%;
    min-height: 400px;
    height: auto !important;
    font-size: 14px;
    margin: 0 auto;
    background-color: #FFFFFF;
    color: #000;
}

.support-portal a {
    color: initial;
}

html input.standard {
    padding: 6px 12px;
}

.dialog {
    display: none;
}

input[type="text"].datepicker,
input[type="text"].integer,
input[type="text"].numeric,
input[type="text"].ui-cash,
input[type="text"].ui-phone {
    vertical-align: baseline;
    display: inline-block;
}

input[type="text"].timepicker {
    vertical-align: baseline;
    display: inline-block;
}

input[type="text"][size=""].datepicker,
input[type="text"][size=""].ui-cash {
    width: 7em;
}

input[type="text"][size=""].integer,
input[type="text"][size=""].numeric {
    width: 8em;
}

input[type="text"][size=""].ui-phone {
    width: 11em;
}

input[type="text"][size=""].timepicker {
    width: 6em;
}

.ui-widget, .ui-widget .ui-widget {
    font-size: 12px;
}

.ui-widget i[class^="flaticon-"],
.ui-widget i[class*=" flaticon-"] {
    font-size: 16px;
}

input[type="text"].input-size-8 {
    width: 8em;
}

input[type="text"].input-size-5 {
    width: 5em;
}

input[type="text"].input-size-4 {
    width: 4em;
}

input[type="text"].input-size-3 {
    width: 3em;
}

input[type="text"].input-size-2 {
    width: 2em;
}

div.clear {
    clear: both;
}

span.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

/* colors from mobile */
.color-1 {
    color: #f6b26b; /* peachy */
}

.color-2 {
    color: #6cc2f8; /* sky blue */
}

.color-3 {
    color: #93c47d; /* lime green */
}

.color-4 {
    color: #8e7cc3; /* violet */
}

.color-5 {
    color: #e06666; /* light red */
}

.color-6 {
    color: #ffd966; /* light yellow */
}

.color-7 {
    color: #c27ba0; /* light burgundy */
}


/* colors from mobile */
.bg-color-1 {
    background-color: #f6b26b; /* peachy */
    color: #fff;
}

.bg-color-2 {
    background-color: #6cc2f8; /* sky blue */
    color: #fff;
}

.bg-color-3 {
    background-color: #93c47d; /* lime green */
    color: #fff;
}

.bg-color-4 {
    background-color: #8e7cc3; /* violet */
    color: #fff;
}

.bg-color-5 {
    background-color: #e06666; /* light red */
    color: #fff;
}

.bg-color-6 {
    background-color: #ffd966; /* light yellow */
    color: #fff;
}

.bg-color-7 {
    background-color: #c27ba0; /* light burgundy */
    color: #fff;
}

.bg-color-cp {
    background-color: rgb(175, 40, 47);
    color: #fff;
}

.bg-color-cr {
    background-color: #0b7c40;
    color: #fff;
}


.good {
    color: #090 !important;
}

.bad {
    color: #C00 !important;
}

.neutral {
    color: #C60 !important;
}

.grey, .gray, .muted {
    color: #737373 !important;
}

.light {
    color: #CCC;
}

.faded {
    opacity: .5;
}

h1, h2, h3, h4, h5 {
    font-weight: 400;
    line-height: 1em;
}

.page-title {
    margin-top: 0;
    font-size: 24px;
}

.page-subtitle {
    margin-top: 0;
    font-size: 16px;
    color: #666;
}

.primary-title {
    margin-top: 0;
}

.primary-subtitle {
    margin-top: 0;
    font-size: 15px;
}


html .text-muted {
    color: #737373;
}

html .text-primary {
    color: #428bca;
}

html .text-warning {
    color: #c09853;
}

html .text-danger {
    color: #b94a48;
}

html .text-success {
    color: #468847;
}

html .text-info {
    color: #357697 !important;
}


html .icon-muted .glyphicon,
html .icon-muted.glyphicon {
    color: #999999;
}

html .icon-primary .glyphicon,
html .icon-primary.glyphicon {
    color: #428bca;
}

html .icon-warning .glyphicon,
html .icon-warning.glyphicon {
    color: #c09853;
}

html .icon-danger .glyphicon,
html .icon-danger.glyphicon {
    color: #b94a48;
}

html .icon-success .glyphicon,
html .icon-success.glyphicon {
    color: #468847;
}

html .icon-info .glyphicon,
html .icon-info.glyphicon {
    color: #3a87ad;
}


html .text-left {
    text-align: left !important;
}

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

html .text-center {
    text-align: center;
}

html .valign-top {
    vertical-align: top;
}

html .valign-bottom {
    vertical-align: bottom;
}

html .valign-middle {
    vertical-align: middle !important;
}

html .valign-baseline {
    vertical-align: baseline !important;
}

html .heading-muted {
    color: #737373;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}

html .spaced {
    letter-spacing: 1px;
}

.transform-middle-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.transform-middle {
    display: block;
    position: relative;
    top: 50%;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.width-auto {
    width: auto !important;
}

.width-xs {
    width: 250px;
}

.width-sm {
    width: 500px;
}

.width-md {
    width: 800px;
}

.width-lg {
    width: 1024px;
}

.width-full {
    width: 100%;
}

.height-auto {
    height: auto;
}

.height-xs {
    height: 250px;
}

.height-sm {
    height: 500px;
}

.height-md {
    height: 800px;
}

.height-lg {
    height: 1024px;
}

.height-full {
    height: 100%;
}

.min-height-md {
    min-height: 400px;
}

.padded-xs {
    padding: 2px !important;
}

.padded-sm {
    padding: 5px !important;
}

.padded-md {
    padding: 10px !important;
}

.padded-lg {
    padding: 20px !important;
}

.padded-xl {
    padding: 40px !important;
}

.bordered-h {
    border-left: 1px #ddd solid;
    border-right: 1px #ddd solid;
}

.bordered-v {
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
}

.bordered {
    border: 1px #ddd solid;
}

.tiny {
    font-size: 80%;
}

.small {
    font-size: 80%;
}

.big {
    font-size: 150%;
}

.huge {
    font-size: 200%;
}

.nowrap {
    white-space: nowrap;
}

.italic {
    font-style: italic;
}

.strong {
    font-weight: bold;
}

.fine-print {
    font-size: 75%;
    color: #444;
}

.fine-print h4 {
    font-weight: bold;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.inline-block {
    display: inline-block;
    vertical-align: bottom;
    *display: inline;
    zoom: 1;
}

.ui-button-text img {
    vertical-align: text-bottom;
    margin-right: 0.3em;
}

html fieldset {
    margin: .6em auto;
    border: 1px #d8d8d8 solid;
}

.ui-square-right {
    -webkit-border-top-right-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -moz-border-radius-topright: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.ui-square-left {
    -webkit-border-top-left-radius: 0 !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-topleft: 0 !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.ui-corner-all {
    -o-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
}

.ui-icon-light {
    background-image: url(images/ui-icons_888888_256x240.png);
}

.ui-icon-gray {
    background-image: url(images/ui-icons_454545_256x240.png);
}

.ui-icon-inline {
    display: inline-block;
    vertical-align: bottom;
}

.ui-links-h {
    margin: .3em 0;
    padding: 0;
    display: block;
    list-style: none;
}

.ui-links-h li {
    display: inline-block;
    margin: 0 .2em;
    padding: .3em;
    zoom: 1;
    *display: inline;
}

.ui-cash {
    text-align: right;
    /*font-family: "Courier new", Courier, monospace;*/
}

iframe.seamless {
    display: block;
    border: none;
}

iframe.anchored {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.ui-padded {
    padding: 1em;
}

.ui-nowrap {
    white-space: nowrap;
}

.ui-block {
    display: block;
}

.ui-inline {
    display: inline;
}

.ui-indent {
    padding-left: 20px;
}

.ui-inset {
    margin: 2em;
}

.ui-inset-md {
    margin: 1em;
}

.ui-inset-sm {
    margin: 5px;
}

.ui-inset-x {
    margin-left: 2em;
    margin-right: 2em;
}

.no-margin {
    margin: 0 !important;
}

.no-pad {
    padding: 0 !important;
}

.ui-inline-block {
    display: inline-block;
}

.ui-list {
    margin: 0;
    padding: 0;
}

.ui-list li {
    margin: 0;
    padding: 0;
}

.ui-ellipsis {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-notice {
    /*
    position: fixed;
    width: 960px;
    left: 50%;
    top: 0;
    margin-left: -480px;
    */
    width: 100%;
    padding: 10px 0;
    /*overflow: hidden;*/
    text-align: center;
    background-color: #5BA35B;
    box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    /* background-color: rgba(96, 161, 96, .9); */
}

.ui-notice-block {
    margin: 0 0 1em 0;
    padding: 1em;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-notice-wrapper {
    position: absolute;
    width: 100%;
    z-index: 50;
}

a.ui-notice-dismiss {
    color: #000;
    font-weight: bold;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 5px;
    display: block;
    font-size: 16px;
    height: 16px;
    width: 16px;
    line-height: 16px;
}

a.ui-notice-dismiss:hover {
    background-color: #333;
    color: #FFF;
}

html .ui-dockable-notice {
    top: 60px;
    left: 0;
    position: absolute;
    width: 100%;
}

.ui-notice-top {
    position: absolute;
    top: 0;
    width: auto;
    z-index: 5;
    right: 25%;
    left: 25%;
}

.ui-notice-bottom {
    position: absolute;
    bottom: 0;
    width: auto;
    z-index: 5;
    right: 25%;
    left: 25%;
}

.ui-scrollable {
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 250px;
}

.ui-scrollable-x {
    overflow-x: scroll;
    overflow-y: visible;
    max-width: 100%;
}

.ui-bordered {
    border-top: 8px solid #eee;
    border-bottom: 8px solid #eee;
    margin-bottom: 1em;
}

.remove-button {
    color: #ddd !important;
}

.remove-button,
.remove-button i {
    font-size: 12px;
}

.remove-button:hover {
    color: #b94a48 !important;
    text-decoration: none;
}

.controls {
    white-space: nowrap;
    text-align: left;
}

.controls-2 {
    width: 68px;
}

.controls-3 {
    width: 102px;
}

.controls-4 {
    width: 136px;
}

.controls-5 {
    width: 170px;
}

.controls-6 {
    width: 204px;
}

.controls-7 {
    width: 238px;
}

.controls-8 {
    width: 272px;
}

.controls-hover .controls {
    display: none;
    float: right;
    margin: -.1em 0;
}

.controls-hover:hover .controls {
    display: block;
}

.controls > a, .controls > i {
    margin-left: 1em;
    cursor: pointer;
    color: #333;
}

.controls i {
    font-size: 16px;
}

.controls a:hover,
.controls i:hover {
    text-decoration: none;
    color: #000;
}


/* =================================================
   Chrome Select Boxes
   ================================================= */
@media screen and (-webkit-min-device-pixel-ratio: 0) {

    select {
        -webkit-appearance: none;
        -webkit-user-select: none;
        -webkit-padding-end: 16px;
        -webkit-padding-start: 3px;

        /* OVERRIDE */
        background-image: url('/rec2_dependencies/img/icons/arrow-s.png'), -webkit-linear-gradient(#f7f7f7, #f7f7f7 38%, #f2f2f2);

        background-position: right center;
        background-repeat: no-repeat;

    }
}

select {
    padding: 5px;
    height: auto;
    line-height: 1em;
}

/* =================================================
   Key/Value Data (info-key, info-value)
   ================================================= */
.info-key {
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    font-size: 12px;
    color: #000;
    margin-right: 10px;
    text-align: right;
    line-height: 25px;
    font-weight: bold;
}

.info-value {
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    clear: right;
    font-size: 13px;
    color: #000;
    text-align: left;
    line-height: 25px;
}

/* =================================================
   jQuery Form
   ================================================= */
.rec1-form {
    font-size: 12px;
}

.rec1-form fieldset {
    display: block;
    border: 0;
    padding: 5px;
    margin: 0;
    background-color: #FFF;
    height: 30px;
    clear: both;
}

.rec1-form fieldset.vspan2 {
    height: 70px;
}

.rec1-form fieldset.vspan3 {
    height: 110px;
}

.rec1-form fieldset.vspan4 {
    height: 150px;
}

.rec1-form fieldset .dom-edit-container {
    height: 100%;
}

.rec1-form-inline fieldset {
    float: left;
    clear: none;
}

.rec1-form fieldset.hover input,
.rec1-form fieldset.hover select,
.rec1-form fieldset.hover .dom-edit-container {
    border-color: #729ab2;
}

.rec1-form label.rec1-form-label {
    float: left;
    display: block;
    margin: 0;
    padding: 5px;
    cursor: pointer;
    text-align: right;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
}

.rec1-form-inline label.rec1-form-label {
    text-align: left;
}

.rec1-form label.rec1-form-label .note {
    font-size: 10px;
    color: #666;
    line-height: 1em;
    margin: 0;
    padding: 0;
    display: block;
}

.rec1-form fieldset span {
    line-height: 2em;
}

.rec1-form fieldset button span {
    line-height: 1.1em;
}

.rec1-form .left {
    text-align: left;
}

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

.rec1-form .center {
    text-align: center;
}

.rec1-dialog {
    font-size: 12px;
    display: none;
}

.rec1-form-value {
    padding: 5px;
    float: left;
}

.rec1-form-stacked label.rec1-form-label {
    float: none;
    text-align: left;
}

.rec1-form-stacked fieldset {
    height: auto;
}

.rec1-form-stacked .rec1-form-value {
    float: none;
}

.rec1-form fieldset.fluid {
    height: auto;
}

.rec1-form fieldset.fluid label.rec1-form-label {
    white-space: normal;
    text-overflow: none;
}

/* =================================================
   Checklist DIV (.dom-edit-container)
   ================================================= */
.dom-edit-container {
    height: auto;
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px #CCC solid;
    float: left;
    padding: 0;
    background-color: #FFF;
}

.dom-edit-container div, .dom-edit-container label {
    border-bottom: 1px #EEE solid;
    padding: 3px 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*	position: relative; */
}

.dom-edit-container div.icon {
    padding-right: 20px;
}

.dom-edit-container a.icon {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    display: block;
    height: 16px;
    width: 16px;
}

/* =================================================
   Megamenu
   ================================================= */

/*TOPNAV: The top menu-level links*/
ul.megamenu-topnav {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
}

/*TOPNAV LI elements*/
ul.megamenu-topnav > li {
    display: block;
    float: left;
}

/*TOPNAV link icons*/
ul.megamenu-topnav li a span.ui-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}

/*SUBNAV: The box that pops up when you move over a top-level link*/
div.megamenu-subnav {
    display: none;
    position: absolute;
    width: auto;
    height: auto;
    background-color: #FFF;
    border: 1px #000 solid;
    z-index: 49;
    list-style: none;
    padding: 10px 10px 10px 10px;
    margin: 0;
}

/*SUBNAV Column*/
ul.megamenu-subnav-col {
    margin: 0 10px 0 0;
    padding: 0 0 0 0;
    list-style: none;
    float: left;
    width: auto;
    border-right: 1px #CCC solid;
}

/*SUBNAV Column (last)*/
ul.megamenu-subnav-col.last {
    margin: 0;
    padding: 0;
    border-right: none;
}

/*SUBNAV Column (stretch)*/
div.megamenu-subnav.stretch ul.megamenu-subnav-col {
    float: none;
}

/*SUBNAV Column LI*/
ul.megamenu-subnav-col li {
    display: block;
    margin: 0;
    padding: 0;
}

/*SUBNAV Column TITLE LI*/
ul.megamenu-subnav-col li.megamenu-subnav-col-title {
    font-size: 14px;
    color: #333;
    margin-bottom: 4px;
}

/*SUBNAV Column LINK*/
ul.megamenu-subnav-col li a {
    color: #555;
}

ul.megamenu-topnav div.megamenu-subnav li.separator {
    height: 1px;
    border-bottom: 1px #CCC solid;
}

/*Megamenu STYLES*/

/*STYLE1: Parent li*/
ul.megamenu-topnav.style1 > li {
    position: relative;
    font-weight: normal;
    z-index: 51;
}

/*STYLE1: The top level links*/
ul.megamenu-topnav.style1 > li > a {
    color: #333;
    text-shadow: #FFF 1px 1px 1px;
    margin: 4px 4px 1px 1px;
    display: block;
    padding: 3px 15px;
    position: relative;
    z-index: 51;
}

ul.megamenu-topnav.style1.mini > li > a {
    margin: 4px 1px 0 1px;
    padding: 0 6px;
}

/*STYLE1: Top level link hover*/
ul.megamenu-topnav.style1 > li.hover > a {
    border: 1px #999 solid;
    background-color: #FFF;
    margin: 0 3px 0 0;
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: none;
    z-index: 61;
}

ul.megamenu-topnav.style1.mini > li.hover > a {
    margin: 1px 0 0 0;
    padding: 2px 6px;
}

ul.megamenu-topnav.style1 div.megamenu-subnav {
    -moz-box-shadow: 0px 1px 2px #666;
    -webkit-box-shadow: 0px 1px 2px #666;
    box-shadow: 0px 1px 2px #666;
    border: 1px #999 solid;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    padding: 0;
    z-index: 60;
    text-shadow: none;
    text-align: left;
}

ul.megamenu-topnav.style1 div.megamenu-subnav > table {
    width: 100%;
}

ul.megamenu-topnav.style1 div.megamenu-subnav ul.megamenu-subnav-col {
    border: none;
}

ul.megamenu-topnav.style1 div.megamenu-subnav ul {
    margin-top: 10px;
    float: none;
    width: auto;
}

ul.megamenu-topnav.style1 div.megamenu-subnav li.megamenu-subnav-col-title {
    margin-left: 10px;
    margin-right: 10px;
}

/*STYLE1: The child links*/
ul.megamenu-topnav.style1 div.megamenu-subnav a {
    display: block;
    padding: 5px 20px 5px 8px;
}

ul.megamenu-topnav.style1 div.megamenu-subnav a:hover {
    background-color: #999;
    color: #FFF;
}

ul.megamenu-topnav.style1 div.megamenu-subnav a img {
    vertical-align: bottom;
    margin-right: 5px;
}

/*STYLE2: The top level links*/
ul.megamenu-topnav.style2 > li > a {
    text-shadow: #FAFAFA 1px 1px 1px;
    color: #222;

    background-color: #dfdfdf;
    background-image: -moz-linear-gradient(top, #f3f3f3, #e3e3e3);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3f3f3), color-stop(1, #e3e3e3));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f3f3f3, EndColorStr=#e3e3e3);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f3f3f3, EndColorStr=#e3e3e3);

    border: 1px #CCC solid;
    margin: 2px 0;
    display: block;
    padding: 1px 5px;
    position: relative;
    z-index: 50;

    font-size: 12px;
}

/*STYLE2: Popup menu (subnav) */
ul.megamenu-topnav.style2 div.megamenu-subnav {
    border: 1px #CCC solid;
    background-color: #f3f3f3;
    margin-top: -2px;

    color: #444;

    z-index: 60;
}

/*STYLE2: SUBNAV Column TITLE LI*/
ul.megamenu-topnav.style2 ul.megamenu-subnav-col li.megamenu-subnav-col-title {
    color: #222;
    font-weight: bold;
    font-size: 12px;
}

/*STYLE2: SUBNAV Column LINK*/
ul.megamenu-topnav.style2 ul.megamenu-subnav-col li a {
    color: #444;
    font-size: 12px;
    display: block;
    padding: 1px 5px;
}

ul.megamenu-topnav.style2 ul.megamenu-subnav-col li a:hover {
    background-color: #AAA;
    color: #FFF;
}

/* =================================================
   Breadcrumb
   ================================================= */
#breadcrumb-container {
    background: #cacaca url('/rec2_dependencies/img/bc_bg.png') repeat-x;
    height: 30px;
    color: #9b9b9b;
    width: 100%;
    overflow: visible;
    margin: 0 0 15px 0;
    padding: 0px;
    -moz-box-shadow: 0px 1px 1px #787878;
    -webkit-box-shadow: 0px 1px 1px #787878;
    box-shadow: 0px 1px 1px #787878;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

#breadcrumb {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    height: 30px;
}

#breadcrumb li {
    float: left;
    height: 30px;
    display: block;
    background: #cacaca url('/rec2_dependencies/img/bc_bg.png') repeat-x;
    background-position: 0 0;
    line-height: 16px;
}

#breadcrumb li.first a {
    background: none;
    margin-left: 0;
    padding-left: 10px;
}

#breadcrumb li a {
    height: 30px;
    padding-right: 15px;
    display: block;
    text-decoration: none;
    color: #454545;
    text-shadow: #FFF 1px 1px 1px;
    padding: 7px 23px 6px 19px;
    margin-left: -9px;
    float: left;
    background: transparent url('/rec2_dependencies/img/bc_arrow.png') no-repeat;
    background-position: 0 0;
}

#breadcrumb li span {
    background: transparent url('/rec2_dependencies/img/bc_arrow.png') no-repeat;
    background-position: 0 0;
    height: 30px;
    width: 10px;
    display: block;
    margin-left: -9px;
}

#breadcrumb li.hover a, #breadcrumb li.hover {
    background-position: 0 -30px;
}

#breadcrumb li.active a, #breadcrumb li.active, #breadcrumb li.stay-active a, #breadcrumb li.stay-active {
    background-position: 0 -60px !important;
    text-shadow: #CCC 1px 1px 1px;
}

#breadcrumb .breadcrumb-icon {
    border: none;
    margin: 0 6px 0 0;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    float: left;
}

#breadcrumb a:hover {
    color: #000;
}

.breadcrumb-menu {
    float: right;
}

.breadcrumb-menu .megamenu-subnav {
    min-width: 150px;
}

/* =================================================
   Rec1 jQuery User Lookup
   ================================================= */

.user-lookup-name {
    font-size: 13px;
    font-weight: bold;
    color: #000;
}

.user-lookup-note {
    font-size: 11px;
    font-weight: bold;
    color: #777;
}

.user-lookup-address {
    font-size: 11px;
    color: #999;
}

.user-lookup-email {
    font-size: 10px;
    font-weight: bold;
    color: #999;
}

.ui-state-hover .user-lookup-address,
.ui-state-hover .user-lookup-email {
    color: #222;
}

/* =================================================
   Rec1 jQuery Loading Mask
   ================================================= */

.ui-loading-mask {
    display: none;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 2000;
    text-align: center;
}

.ui-loading-mask-visible {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.ui-loading-mask span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
}

.ui-loading-mask-circle {
    -o-border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    overflow: hidden;
}

.ui-loading-mask-circle span {
    background-clip: content-box;
}

/* =================================================
   Rec1 jQuery Dropdown
   ================================================= */

div.ui-dropdown {
    display: none;
    position: absolute;
    background-color: #FFF;
    border: 1px #d8d8d8 solid;
    min-width: 50px;
    min-height: 38px;
    z-index: 500;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    -o-box-shadow: #B8B8B8 0 0 8px;
    -moz-box-shadow: #B8B8B8 0 0 8px;
    -webkit-box-shadow: #B8B8B8 0 0 8px;
    box-shadow: #B8B8B8 0 0 8px;
}

.ui-dropdown-scrollable {
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 500px;

}

.ui-dropdown-closable .ui-dropdown-content {
    margin-right: 20px;
}

select.ui-dropdown {
    display: none;
}

html .ui-dropdown-open {
    display: block;
}

.ui-dropdown-plain {
    padding: 10px;
}

html .ui-dropdown-tabbed {
    min-width: 400px;
    min-height: 250px;
    overflow: hidden;
}

a.ui-dropdown-close {
    width: 16px;
    height: 16px;
    font-size: 18px;
    line-height: 16px;
    font-weight: bold;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    text-align: center;
    color: #222;
}

a.ui-dropdown-close:hover {
    background-color: #DDD;
    text-decoration: none;
}

.ui-dropdown-menu {
}

.ui-dropdown-footer {
    border-top: 1px #ddd solid;
    margin: 10px -10px 0 -10px;
    padding: 10px 5px 0 5px;
}

.ui-dropdown hr {
    height: 1px;
    border: none;
    margin: -10px 5px;
    background-color: #ddd;
    color: #ddd;
}

.ui-dropdown-divider {
    height: 1px;
    border: none;
    margin: 10px -30px 10px -10px;
    background-color: #ddd;
    color: #ddd;
}

.ui-dropdown-section {
    border-bottom: 1px #ccc solid;
}

.ui-dropdown-section.last {
    border-bottom: none;
}

.ui-dropdown-section-contents {
    padding: 1em;
}

.ui-dropdown-header {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 0.6em 0;
}

/* TABBED STYLE DROPDOWN */

.ui-dropdown-tabs {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    width: 25%;
    background-color: #EEE;
    border: none;
    z-index: 61;
    list-style: none;
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-dropdown-tab {
    margin: 0;
    padding: 1em;
    border: none;
    border-bottom: 1px #CCC solid;
    background-color: #EEE;
    cursor: pointer;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.ui-dropdown-tabs-content-container {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    width: 75%;
    background-color: #FFF;
    border-left: 1px #ccc solid;
    margin-left: -1px;
    overflow-x: visible;
    overflow-y: scroll;
    z-index: 60;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-dropdown-tab.ui-state-hover {
    /* background-color: #F3F3F3; */

}

.ui-dropdown-tab.selected {
    background-color: #FFF;
    position: relative;
    margin-right: -1px;
    cursor: default;
}

.ui-dropdown-tab-contents {
    display: none;
    padding: 1em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.ui-dropdown-tabs-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
}

.ui-dropdown.ui-dropdown-pointer-large {
    margin-top: 13px;
}

.ui-dropdown.ui-dropdown-pointer-large:before {
    content: '';
    display: inline-block;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #cccccc;
    position: absolute;
    top: -13px;
    left: 9px;
    width: 0;
    overflow: hidden;
}

.ui-dropdown.ui-dropdown-pointer-large:after {
    content: '';
    display: inline-block;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #ffffff;
    position: absolute;
    top: -12px;
    left: 10px;
    width: 0;
    overflow: hidden;
}

.ui-dropdown.ui-dropdown-pointer-small {
    margin-top: 7px;
}

.ui-dropdown.ui-dropdown-pointer-small:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #cccccc;
    position: absolute;
    top: -7px;
    left: 9px;
    width: 0;
    overflow: hidden;
}

.ui-dropdown.ui-dropdown-pointer-small:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
    top: -6px;
    left: 10px;
    width: 0;
    overflow: hidden;
}

.ui-dropdown.ui-dropdown-pointer-right:before {
    left: auto;
    right: 9px;
}

.ui-dropdown.ui-dropdown-pointer-right:after {
    left: auto;
    right: 10px;
}

.ui-dropdown.ui-dropdown-pointer-tab-unselected:after {
    content: ' ';
    border-bottom-color: #f3f3f3;
}

.ui-dropdown.ui-dropdown-pointer-tab-hover:after {
    content: '  ';
    border-bottom-color: #dadada;
}

/* MENU-STYLE DROPDOWN */
.ui-dropdown-menu > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
}

.ui-dropdown-menu > ul > li {
    padding: 0.3em;
    color: #333;
    cursor: pointer;
    display: block;
    zoom: 1;
}

.ui-dropdown-menu > ul > li:before,
.ui-dropdown-menu > ul > li:after {
    content: '';
    display: table;
    clear: both;
}

.ui-dropdown-menu > ul > li.ui-state-hover {
    border: none;
}

.ui-dropdown-menu > ul > li.selected,
.ui-dropdown-menu > ul > li.selected a {
    background: #666;
    color: #FFF;
}

.ui-dropdown-menu > ul > li > a {
    color: #333;
    margin: -.3em;
    padding: .3em;
    display: block;
}

.ui-dropdown-menu > ul > li > a > i {
    margin-right: .6em;
}

.ui-dropdown-menu > ul img {
    vertical-align: text-bottom;
    width: 16px;
    height: 16px;
    float: left;
}

.ui-dropdown-menu > ul > li .label {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-dropdown-menu > ul > li .label.full {
    width: auto;
}

.ui-dropdown-menu > ul > li .note {
    width: 100%;
    color: #999;
    font-size: 11px;
    margin: 0;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-dropdown-menu > ul > li.ui-state-hover .note {
    color: #333;
}

.ui-dropdown-sm {
    max-width: 200px;
}

.ui-dropdown-md {
    max-width: 400px;
}

.ui-dropdown-lg {
    max-width: 800px;
}

.ui-dropdown-trigger.ui-state-highlight {
    border: none;
}

/* =================================================
   jQuery Table
   ================================================= */
.ui-table td, table.ui-table th {
    padding: .6em 10px;
    text-align: left;
}

.ui-table td.right, table.ui-table th.right, table.ui-table td[align="right"], table.ui-table th[align="right"] {
    text-align: right;
}

.ui-table td.center, table.ui-table th.center, table.ui-table td[align="center"], table.ui-table th[align="center"] {
    text-align: center;
}

.ui-table-border td, table.ui-table-border th {
    border: 1px solid #eee;
}

.ui-table tbody tr.even {
    background-color: #FCFEFF;
}

.ui-table tbody tr.odd {
    background-color: #FFF;
}

.ui-table {
    width: 100%;
}

.ui-table-fixed {
    table-layout: fixed;
    width: 100%;
}

.ui-table-auto {
    width: auto;
    margin: 0 auto;
}

.ui-table .ui-key,
.ui-table .ui-key-auto {
    text-align: right;
    white-space: nowrap;
    font-size: 12px;
    vertical-align: top;
}

.ui-table .ui-key {
    width: 150px;
}

.ui-table.nowrap tr td, table.ui-table tr.nowrap td, table.ui-table td.nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-table > tr {
    border-bottom: 1px #e0e0e0 solid;
}

.ui-table > tr:last-child {
    border-bottom: none;
}

.ui-table > tbody > tr {
    border-top: 1px #e0e0e0 solid;
}

.ui-table > tbody > tr:first-child {
    border-top: none;
}

.ui-table > thead > tr {
    border-bottom: 1px #e0e0e0 solid;
}

.ui-table tr.ui-table-subheading > td,
tr.ui-table-subheading > td,
tr.ui-table-subheading > th {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #999;
    font-weight: bold;
    text-align: left;
    background-color: #F3F3F3;
    padding: 0;
    cursor: pointer;
}

.ui-table tr.ui-table-subheading .badge {
    background-color: #FCFCFC;
    color: #ABABAB;
}

.ui-table-comfortable > tbody > tr > td,
.ui-table-comfortable > tbody > tr > th,
.ui-table-comfortable > thead > tr > td,
.ui-table-comfortable > thead > tr > th {
    line-height: 30px;
}

.ui-table-cozy > tbody > tr > td,
.ui-table-cozy > tbody > tr > th,
.ui-table-cozy > thead > tr > td,
.ui-table-cozy > thead > tr > th {
    line-height: 20px;
}

.ui-table-compact > tbody > tr > td,
.ui-table-compact > tbody > tr > th,
.ui-table-compact > thead > tr > td,
.ui-table-compact > thead > tr > th {
    line-height: 15px;
    padding: .3em 5px;
}

.ui-table-borderless > tbody > tr {
    border: none;
}

.ui-table-row-hover tbody tr:hover {
    background-color: #F7F7F7;
}

.ui-table tr.ui-table-subheading:hover td {
    background-color: #BBB;
    color: #FFF;
}

.ui-table tr.ui-table-subheading:hover .badge {
    background-color: #FFF;
    color: #BBB;
}

.ui-table tr.ui-table-subheading:hover .ui-icon {
    background-image: url("/public/css/images/ui-icons_ffffff_256x240.png") !important;
}

.ui-table tr.ui-table-subheading > td > div {
    padding: .6em 10px;
}

.ui-table .ui-table-expand-collapse-all {
    cursor: pointer;
    float: left;
}

.ui-table .ui-table-expand-collapse-all:hover {
    background-image: url("/public/css/images/ui-icons_ffffff_256x240.png");
    background-color: #999;
}

.ui-table .ui-sort-handle {
    display: none;
}

.ui-table-sortable .ui-sort-handle {
    width: 100%;
    height: 100%;
    text-align: center;
    cursor: move;
    display: block;
}

.ui-table-sortable .ui-sort-handle i:before {
    font-size: 16px;
    color: #666;
    line-height: 1em;
}

/*
.ui-table-sortable tr:hover .ui-sort-handle {
    display: block;
}
.ui-table-sortable tr:hover .ui-sort-hidden {
    display: none;
}
*/

.ui-table-sort-helper {
    display: block;
    border: 1px #EEE solid;
    text-align: left;
    background: #FFF;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 89px;
    cursor: move;
}

.ui-table-sort-placeholder {
    display: block;
    background: #FAFAFA;
}

.ui-crud .sortable-placeholder {
    /*display: table-row;*/
    white-space: nowrap;
    background: #FFF;
}

.ui-crud .sortable-placeholder td {
    padding-left: 50px;
    padding-top: 0;
    padding-bottom: 0;
}

.ui-crud .sortable-placeholder.ui-table-subheading td {

    background-color: #fff !important;
}

.ui-crud .sortable-dragging {

}

.ui-crud .ui-icon-dropdown-col {
    text-align: center !important;
    vertical-align: middle;
}

.ui-table-header-icon {
    margin-right: .6em;
}

.ui-table-header-icon-notext {
}

.ui-table th .ui-table-header-icon:before,
.ui-table th .ui-table-header-icon-notext:before {
    font-size: 12px;
    color: #AAA;
    font-weight: normal;
}

.ui-table th.ui-state-highlight .ui-table-header-icon:before,
.ui-table th.ui-state-highlight .ui-table-header-icon-notext:before {
    color: #222;
}

.ui-table tr.bg-danger,
.ui-table tr.bg-danger td {
    background-color: #f2dede;
    border-color: #f0c0c0;
}

.ui-table-row-hover tr.bg-danger:hover,
.ui-table-row-hover tr.bg-danger:hover td {
    background-color: #f0dada;
}

table.ui-table th.separated {
    padding-top: 50px;
}

table.ui-table tr.no-hover:hover {
    background-color: inherit;
}

table.ui-table tr.bordered-top td,
table.ui-table tr.bordered-top th {
    border-top: 1px #ddd solid;
}

/* =================================================
   jQuery Crud
   ================================================= */

.ui-crud {

}

.ui-crud-sm {
    max-width: 900px;
}

.ui-crud-md {
    max-width: 1280px;
}

.ui-crud-lg {
    max-width: none;
}

.crud-editor,
.selectmenu-items {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.crud-editor-container {
    display: none;
}

.crud-editor-container > h3 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*
    float: left;
    width: 80%;
    */
    margin: 0;
    padding: 1em 0;
    text-align: left;
    font-weight: bold;
}

.crud-editor-list {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 20%;
    border: 1px #d8d8d8 solid;
    text-align: left;
}

.crud-editor-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    min-height: 200px;
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #F5F5F5;
    position: relative;
    -webkit-transition: height .3s;
    transition: height .3s;
}

.crud-editor-list .crud-editor-section-heading {
    font-weight: bold;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #f0f0f0;
    border-bottom: 1px #d8d8d8 solid;
    font-size: 11px;
    padding: .3em 0 .3em .6em;
    cursor: default;
}

.crud-editor-list ul li.crud-editor-list-item {
    margin: 0;
    padding: 5px .3em 0 .3em;
    background-color: #FFF;
    position: relative;
    cursor: pointer;
    border-bottom: 1px #d8d8d8 solid;
}

.crud-editor-list ul li.crud-editor-list-item .ui-icon {
    float: right;
    margin-right: .3em;
    display: none;
}

.crud-editor-list ul li.crud-editor-list-item h3 {
    font-size: 12px;
    color: #222;
    font-weight: normal;
    padding: 0 0 5px 0;
    margin: 0 0 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.crud-editor-list ul li.crud-editor-list-item p {
    font-size: 11px;
    color: #444;
    padding: 0 0 5px 0;
    margin: 0 0 0 20px;
}

.crud-editor-list ul li.crud-editor-list-item em {
    font-size: 10px;
    color: #333;
    position: absolute;
    top: 5px;
    right: 5px;
    margin: 0;
    padding: 2px 4px;
    font-style: normal;
    background: #EEE;
    border-radius: 4px;
}

.crud-editor-list ul li.crud-editor-list-item:hover {
    background-color: #EEE;
}

.crud-editor-list ul li.crud-editor-list-item:hover em {
    background-color: #CCC;
}

.crud-editor-list ul li.crud-editor-list-item.selected {
    background-color: #328efd;
}

.crud-editor-list ul li.crud-editor-list-item.selected h3 {
    font-weight: bold;
}

.crud-editor-list ul li.crud-editor-list-item.selected h3,
.crud-editor-list ul li.crud-editor-list-item.selected p {
    color: #FFF;
}

.crud-editor-list ul li.crud-editor-list-item.selected em {
    background: #FFF;
}

.crud-editor-list ul li.crud-editor-list-item.selected .ui-icon {
    background-image: url("/public/css/images/ui-icons_ffffff_256x240.png");
    display: block;
}

.crud-editor-content {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*
    float: left;
    width: 80%;
    */
    margin-left: -1px;
    border-left: 1px #d8d8d8 solid;
    padding-left: 1em;
    min-height: 390px;
}

.crud-editor-controls {
    margin-top: 15px;
    /*text-align: right;*/
    /*float: right;*/
    text-align: left;
    float: none;
    padding-left: 180px;
}

.crud-view .ui-table tbody tr {
    display: table-row;
}

.crud-view .ui-table tbody.crud-group-collapsed tr {
    display: none;
}

.crud-view .ui-table tbody tr.ui-table-subheading .ui-icon {
    background-image: url("/public/css/images/ui-icons_888888_256x240.png");
    background-position: -64px -128px;
    display: inline-block;
    margin-right: 0.3em;
    vertical-align: bottom;
}

.crud-view .ui-table tbody.crud-group-collapsed tr.ui-table-subheading .ui-icon {
    background-position: -32px -128px;
}

.crud-view .ui-table tbody tr.ui-table-subheading .ui-icon-placeholder {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 0.3em;
}

.crud-view .ui-table tbody.crud-group-collapsed tr.ui-table-subheading {
    display: table-row;
}

/* A link to show the "view" instead of the editor */
a.ui-crud-show-view {
    padding: 1em;
    border-bottom: 1px #d8d8d8 solid;
    /*border-right: none;*/
    background-color: #F5F5F5;
    display: block;
}

.ui-crud .ui-crud-show-view {
    display: none;
}

.ui-crud-editing .ui-crud-show-view {
    display: inline-block;
}

/*.ui-crud-editing > .crud-view {*/
/*display: none;*/
/*}*/

/*.ui-crud-editing > .crud-editor {*/
/*display: block;*/
/*}*/

div.ui-crud-metadata-icon {
    display: block;
    float: left;
    margin: 1px;
    padding: .2em;
    cursor: default;
    border-radius: 4px;
}

div.ui-crud-metadata-icon:hover {
    background-color: #444;
    color: #FFF;
}

div.ui-crud-metadata-icon i {
    display: block;
    width: 16px;
    height: 16px;
    text-align: center;
}

.ui-icon.muted {
    background-image: url('/rec2_dependencies/css/rec1-theme/images/ui-icons_888888_256x240.png');
}

.ui-crud-actions {
    white-space: nowrap;
    text-transform: none;
    letter-spacing: normal;
}

div.ui-crud-action {
    display: block;
    float: left;
    margin: 1px;
    padding: .2em;
    cursor: pointer;
    border-radius: 4px;
}

div.ui-crud-action i {
    display: block;
    width: 16px;
    height: 16px;
    text-align: center;
}

div.ui-crud-action:hover {
    background-color: #444;
    color: #FFF;
}

div.ui-crud-action i:before {
    color: #444;
    font-size: 13px;
}

div.ui-crud-action .flaticon-close15:before,
div.ui-crud-action .flaticon-close:before {
    color: #E47070;
}

div.ui-crud-action:hover i:before {
    color: #FFF;
}

div.ui-crud-action[data-action="remove"]:hover {
    background: #E47070;
}

table.ui-table .sortable {
    cursor: pointer;
}

table.ui-table .sortable div {
    white-space: nowrap;
    position: relative;
    padding-right: 18px;
}

table.ui-table .sortable-notext div {
    padding: 0;
    text-align: center;
}

table.ui-table .sortable div span.ui-icon {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

table.ui-table .sortable:hover span.ui-table-header-label {
    text-decoration: underline;
}

table.ui-table > thead > tr > th .ui-icon {
    display: inline-block;
}

table.ui-table > thead th span,
table.ui-table > thead th input {
    vertical-align: top;
}


table.ui-table .ui-table-select-deselect-all,
table.ui-table .ui-table-cell-selectable input {
    margin: 0 0 0 10px;
}

table.ui-table tr.ui-table-row-selected > td,
table.ui-table tr.ui-table-row-selected > th {
    background-color: rgb(255, 255, 219);
    border-color: rgb(247, 247, 175);
}

table.ui-table td,
table.ui-table th {
    vertical-align: top;
}

table.ui-table-valign-middle td,
table.ui-table-valign-middle th {
    vertical-align: middle;
}


table.ui-table td > h3:first-child,
table.ui-table td > p:first-child {
    margin-top: 0;
}

table.ui-table td > p:last-child {
    margin-bottom: 0;
}

.ui-crud-controls {
    padding: 0 0 10px 0;
    margin-bottom: -1px;
    border-bottom: 1px #d8d8d8 solid;
    text-align: right;
}

.ui-crud-filters {
    float: none;
}

.ui-crud-filters.ui-tabs-panel {
    padding: .6em 2px;
}

.ui-crud-filters-wrapper {
    margin: 0;
    padding: 0 .6em 0 0;
    text-align: left;
}

.ui-crud-filters-title {
    margin-bottom: .6em;
    color: #CCC;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11px;
    cursor: default;
}

div.ui-crud-filter {
    height: auto;
    display: block;
    text-align: left;
    white-space: nowrap;
    border-bottom: 1px #F5F5F5 solid;
    margin-left: 0;
    margin-bottom: .5em;
    padding-bottom: .5em;
    display: block;
    float: none;
}

div.ui-crud-filter:last-child {
    border-bottom: none;
}

label.ui-crud-filter-label,
.ui-crud-filter-control {
    display: block;
    height: auto;
    min-height: 30px;
    line-height: 30px;
    zoom: 1;
}

label.ui-crud-filter-label {
    text-transform: uppercase;
    font-weight: bold;
    color: #888;
    font-size: 11px;
    width: auto;
    float: none;
    text-align: left;
}

.ui-crud-filter-control {
    font-size: 12px;
}

.ui-crud-items-list.ui-tabs-panel {
    padding: .6em 2px;
}

.ui-form-group > label.ui-crud-has-help {
    position: relative;
    padding-right: 2em;
    padding-right: calc(.6em + 20px);
}

.ui-full-width {
    clear: both;
}

.crud-edit-form .crud-fieldsets {
    display: block;
    margin-top: .5em;
}

.crud-edit-form .locale-state-disabled {
    display: none !important;
}


.crud-edit-form .fieldset-group {
    display: block;
    margin-top: 0;
}

.crud-edit-form .fieldset {
    /*margin-left: -1em;*/
    /*margin-right: -1em;*/
    border-bottom: none;
    padding: .35em .625em .75em !important;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    border: 1px #d8d8d8 solid;
    margin-top: -1px;
}

@media (min-width: 1024px) {
    .crud-editor .crud-edit-form .fieldset-group:not(.ui-full-width) {
        display: table;
        table-layout: fixed;
        border-collapse: collapse;
        width: 100%;
        margin-top: -1px;
    }

    .crud-editor .crud-edit-form .fieldset:not(.ui-full-width) {
        display: table-cell;
        width: 50%;
        /*width: calc(50% - 10px);*/
        /*margin-left: 0;*/
        /*margin-right: 20px;*/
    }

    .crud-editor .crud-edit-form:after {
        content: ' ';
        display: block;
        clear: both;
    }

    .crud-edit-form .fieldset-group:first-child .fieldset {
        margin-top: 0;
    }

}

.dialog .crud-edit-form .fieldset-group:not(.ui-full-width) {
    display: table;
    border-collapse: collapse;
    width: 100%;
}

.dialog .crud-edit-form .fieldset:not(.ui-full-width) {
    display: table-cell;
    width: 50%;
    border: 1px #d8d8d8 solid;
}

.dialog .crud-edit-form:after {
    content: ' ';
    display: block;
    clear: both;
}

.crud-edit-form .fieldset > h4 {
    position: relative;
    font-size: 1em;
    border: none;
    width: auto;
    float: left;
    background-color: #FFF;
    margin-top: -1em;
    padding: 0 3px;
    font-weight: 600;
    text-transform: uppercase;
    color: #999;
    letter-spacing: 1px;
}

/*.crud-edit-form .fieldset.ui-full-width > h4 {*/
/*margin-top: 0;*/
/*}*/

.crud-edit-form .fieldset > h4 .ui-crud-help {
    position: absolute;
    top: 8px;
    right: -20px;
}

a.ui-crud-help {
    border: none;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #CCC;
    padding: 0;
    text-align: center;
    outline: none;
    color: #FFF;
    background-image: none;
    position: absolute;
    right: .6em;
    width: 16px;
    height: 16px;
    line-height: 16px;
    top: 50%;
    margin-top: -8px;
}

a.ui-crud-help:hover {
    background-color: #7A7A7A;
    color: #FFF;
}

a.ui-crud-help.ui-state-highlight {
    background-color: #666;
    -moz-border-bottom-left-radius: 0;
    -moz-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: none;
    color: #FFF;
}

/**
 * Float Controls/Filters as Left Column
 */
.ui-crud.ui-crud-parent > .ui-crud-controls {
    float: left;
    width: 20%;
    width: calc(200px);
    padding-right: 15px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
}

/**
 * Cruds with no filters don't have a filters column in the main view
 * And crud controls by default should show no tabs
 */
.ui-crud.ui-crud-no-filters > .ui-crud-controls,
.ui-crud .ui-crud-controls-tabs .ui-tabs-nav {
    display: none;
}

/**
 * Cruds in edit mode will always show the controls in the left column
 * And show the tabs for cruds that have filters
 */
.ui-crud-editing.ui-crud-no-filters > .ui-crud-controls,
.ui-crud-editing.ui-crud-has-filters > .ui-crud-controls .ui-crud-controls-tabs .ui-tabs-nav {
    display: block;
}

.ui-crud-filters-wrapper {
    padding: 0;
}

.ui-crud-header {
    margin-bottom: 20px;
}

.ui-crud-header h2,
.ui-crud-header .ui-crud-actions-toolbar-r,
.ui-crud-header .ui-crud-actions-toolbar-l {
    float: left;
    line-height: 24px;
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-crud-header h2 {
    width: 50%;
}

.ui-crud-actions-toolbar-r,
.ui-crud-actions-toolbar-l {
    font-size: 14px;
    text-align: right;
    width: 50%;
}

.ui-crud-actions-toolbar-l {
    width: 0;
    text-align: left;
    display: none;
}

.crud-editor-list {
    float: none;
    width: auto;
    text-align: left;
}

.ui-crud-parent > .ui-crud-header .ui-crud-actions-toolbar-l {
    width: 25%;
    width: calc(30% - 100px);
    min-width: 1px;
    min-height: 1px;
    display: block;
}

.ui-crud-parent > .ui-crud-header .ui-crud-actions-toolbar-r {
    width: calc(70% - 100px);
}

.ui-crud-parent > .ui-crud-header h2 {
    width: 200px;
    font-size: 1.5em;
}

.ui-crud-title-full-width > .ui-crud-header h2 {
    width: 100%;
    float: none;
}

.ui-crud-title-full-width > .ui-crud-header .ui-crud-actions-toolbar-r {
    width: calc(100% - 200px);
    float: right;
}

.ui-crud-title-full-width > .ui-crud-header .ui-crud-actions-toolbar-l {
    width: 30%;
}

/**
 * Float Main Crud View as Right Column
 */
.ui-crud.ui-crud-parent > .crud-view,
.ui-crud.ui-crud-parent > .crud-editor-container {
    float: left;
    width: 80%;
    width: calc(100% - 200px);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-crud.ui-crud-parent > .crud-editor-container {
    width: 80%;
    width: calc(100% - 200px);
}

.ui-crud.ui-crud-parent.ui-crud-no-filters > .crud-view {
    width: 100%;
}

label.ui-crud-filter-label {
    font-weight: normal;
    font-size: 10px;
    color: #999;
}

.ui-crud-field-label {
    height: 30px;
    line-height: 30px;
}

.ui-table-row .ui-crud-field-label {
    line-height: unset;
}

.ui-crud-field-info-box {
    border: thin solid #AAAAAA;
    vertical-align: middle;
    padding: 5px;
    min-height: 30px;
    overflow: auto;
    line-height: 12px;
}

.ui-crud-field {
    display: block;
}

.ui-crud-field.inline {
    display: inline-block;
    vertical-align: middle;
}

.ui-crud-field textarea {
    width: 100%;
}

/*
.ui-crud-filter > label {
    display: block;
    margin: 0;
    padding: 0;
}

.ui-crud-filter-label,
.ui-crud-filter-control {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    display: block;
}


.ui-crud-filter-label {
    width: 25%;
}

.ui-crud-filter-control {
    width: 75%;
}
*/

/* =================================================
   jQuery Treeview
   ================================================= */
.ui-treeview {
    visibility: hidden;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.ui-treeview > ul > li > ul {
    display: none;
}

.ui-treeview-visible > ul > li > ul {
    display: block;
}

.ui-treeview-visible {
    visibility: visible;
}

.treeview-children {
    margin-left: 1em;
    border-left: 1px #999 dotted;
    display: none;
}

.ui-treeview > .treeview-children {
    margin-left: 0;
}

.treeview-children.expanded {
    display: block;
}

.treeview-expander,
div.treeview-checkbox,
.treeview-item-label {
    display: block;
    position: relative;
    height: 1em;
    margin: 0.3em;
    vertical-align: bottom;
    line-height: 1em;
    white-space: nowrap;
}

.treeview-expander,
div.treeview-checkbox {
    width: 1.2em;
    text-align: left;
    position: absolute;
    left: -3px;
    top: -5px;
    margin: 0;
}

.treeview-expander {
    margin: auto 0 !important;
    position: absolute !important;
    top: -5px;
    bottom: 0;
    left: 0;
    right: 0;
    vertical-align: middle !important;
}

div.treeview-checkbox {
    left: 0;
    top: -3px;
}

.treeview-expander,
.treeview-expander.empty {
    margin: 0.3em 0;
}

.treeview-expander.empty {
    height: 0.5em;
    border-bottom: 1px #999 dotted;
}

.treeview-item .ui-icon {
    *text-indent: 0;
}

.treeview-rec1-category {
    padding: 0.1em;
}

.treeview-rec1-category .treeview-item-label {
    height: auto;
}

.treeview-item-label label {
    vertical-align: bottom;
    position: relative;
    display: block;
    margin-left: 16px;
}

.treeview-item-label label span {
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    padding-left: 16px;
    /*width: 100%;*/
    line-height: 1em !important;
    min-height: 15px;
}

div.treeview-search {
    /*margin-left: 1em;*/
}

.ui-treeview-scrollable .treeview-children-top {
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: scroll;
}

/* =================================================
   jQuery selectmenu
   ================================================= */

select.ui-selectmenu {
    display: none !important;
}

.ui-selectmenu {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*height: 26px;*/
}

.selectmenu {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    cursor: default;
    max-width: 100%;
    text-align: left;
}

.selectmenu.size1 {
    width: 60px;
}

.selectmenu.size2 {
    width: 120px;
}

.selectmenu.size3 {
    width: 180px;
}

.selectmenu.size4 {
    width: 240px;
}

.selectmenu.size5 {
    width: 300px;
}

.inline-editable .ui-selectmenu.open .selectmenu-header,
.inline-editable .ui-selectmenu:focus .selectmenu-header,
.inline-editable .ui-selectmenu:hover .selectmenu-header,
.selectmenu-header {
    display: block;
    position: relative;
    zoom: 1;
    /*height: 100%;*/
    height: 2em;
    padding: 0;
    background-image: -moz-linear-gradient(top, #f3f3f3, #e3e3e3);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f7f7), color-stop(1, #f2f2f2));
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f3f3f3, EndColorStr=#e3e3e3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f3f3f3, EndColorStr=#e3e3e3);
    border: 1px solid #cccccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.inline-editable .ui-selectmenu.open .selectmenu-arrow,
.inline-editable .ui-selectmenu:focus .selectmenu-arrow,
.inline-editable .ui-selectmenu:hover .selectmenu-arrow {
    visibility: visible;
}

.inline-editable-lg {
    font-size: 18px;
    padding: 8px 2px;
}

.inline-editable {
    vertical-align: middle;
}

.selectmenu-selectedItem {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
}

.selectmenu-selectedItem input[type="text"] {
    display: none;
    margin: 0;
    position: absolute;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: inherit;
}

.selectmenu-selectedItem > span,
.selectmenu-selectedItem input[type="text"] {
    height: 1.85em;
    line-height: 1em;
    width: 100%;
    padding: .425em .4em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 4em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.selectmenu-selectedItem span.label {
    color: #666;
    text-transform: uppercase;
}

.selectmenu-selectedItem > span {
    display: block;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 16px;
}

.selectmenu-selectedItem.focused > span {
    display: block;
    visibility: hidden;
}

.selectmenu-selectedItem.focused input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.selectmenu-arrow {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 0;
    top: 4px;
}

.selectmenu-items {
    display: none;
    border: 1px solid #cccccc;
    background-color: #FFF;
    position: absolute;
    font-size: 13px;
    cursor: default;
    min-width: 100px;
    z-index: 1001;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 450px;
}

.selectmenu-items-multiple {
    min-width: 128px;
}

.selectmenu.open .selectmenu-items,
.selectmenu-items.open {
    display: block;
}

.selectmenu-item {
    padding: 2px 4px;
    /*padding-right: 25px;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 20px;
}

.selectmenu-item > input[type="checkbox"] {
    margin-right: 0.3em;
}

.selectmenu-item-color {
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    margin-right: 3px;
    margin-bottom: 3px;
    border-radius: 16px;
}

.selectmenu-group .selectmenu-item {
    padding-left: 1em;
}

.selectmenu-item:hover,
.selectmenu-item.hover {
    background-color: #328efd;
    color: #FFF;
}

.selectmenu-group {
}

.selectmenu-group > span {
    font-weight: bold;
    display: block;
    padding: 2px 4px;
}

.inline-editable .selectmenu-header {
    border-color: transparent;
    background-color: none;
}

.inline-editable .selectmenu-header {
    background-image: none;
    -ms-filter: none;
    filter: none;
}

.inline-editable .selectmenu-arrow {
    visibility: hidden;
}

.ui-selectmenu-has-quickcreate {
    position: relative;
    overflow: hidden;
}

.ui-selectmenu-has-quickcreate .selectmenu-header {
    margin-right: 30px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ui-selectmenu .ui-selectmenu-quickcreate {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
    width: 30px;
    top: 0;
    right: 0;
    bottom: 0;
    height: auto;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    text-align: center;
}

.ui-selectmenu .ui-selectmenu-quickcreate i:before {
    font-size: .8em;
    line-height: 1.2em;
}


.selectmenu-spacer {
    /*float: left;*/
}

.selectmenu-spacer-foreground {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    bottom: 0;
    overflow: hidden;
}

.selectmenu-scroller {
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 300px;
}

/* =================================================
   UI PAGINATION
   ================================================= */

.ui-pagination {
    margin: 0 0 10px 0;
}

.ui-pagination ul {
    margin: 0;
}

.ui-pagination {
    height: 40px;
    margin: 20px 0;
}

.ui-pagination ul {
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    *zoom: 1;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.ui-pagination ul > li {
    display: inline;
}

.ui-pagination ul > li > a,
.ui-pagination ul > li > span {
    float: left;
    padding: 0 14px;
    line-height: 38px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-left-width: 0;
}

.ui-pagination ul > li > a:hover,
.ui-pagination ul > .active > a,
.ui-pagination ul > .active > span {
    background-color: #f5f5f5;
}

.ui-pagination ul > .active > a,
.ui-pagination ul > .active > span {
    color: #999999;
    cursor: default;
}

.ui-pagination ul > .disabled > span,
.ui-pagination ul > .disabled > a,
.ui-pagination ul > .disabled > a:hover {
    color: #999999;
    cursor: default;
    background-color: transparent;
}

.ui-pagination ul > li:first-child > a,
.ui-pagination ul > li:first-child > span {
    border-left-width: 1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.ui-pagination ul > li:last-child > a,
.ui-pagination ul > li:last-child > span {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.ui-pagination-centered {
    text-align: center;
}

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

/* =================================================
   SORTABLE LIST (UL/LI)
   ================================================= */
ul.sortable {
    list-style-type: none;
    margin: 1em;
    padding: 0;
}

ul.sortable li {
    margin: 0 3px 3px 3px;
    padding: 0.4em;
    padding-left: 1.6em;
    cursor: move;
    height: 18px;
}

ul.sortable li span.ui-icon {
    position: absolute;
    margin-left: -1.4em;
}

/* =================================================
   QUICKBAR
   ================================================= */

body {
    margin-bottom: 35px !important;
}

.quickbar-container {
    height: 35px;
    bottom: 0;
    position: fixed;
    width: 100%;
    left: 0;
    border-top: 1px #000 solid;
    z-index: 55;
    text-shadow: #f0f0f0 1px 1px 1px;
    display: block;
    text-align: left;
    font-size: 12px;

    background-color: #d0d0d0;
    background-image: -moz-linear-gradient(top, #f5f5f5, #d0d0d0);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), color-stop(1, #d0d0d0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f5f5f5, EndColorStr=#d0d0d0);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f5f5f5, EndColorStr=#d0d0d0);
}

.quickbar {
    text-align: center;
}

.quickbar-inner {
    text-align: left;
    margin: 0 auto;
    width: 960px;
    border-right: 1px #ededed solid;
    border-left: 1px #bebebe solid;
}

.quickbar-nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
    width: auto;
}

.quickbar-nav > li {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #333;
    text-decoration: none;
    cursor: pointer;
    height: 100%;
    border-left: 1px #ededed solid;
    border-right: 1px #bebebe solid;
    float: left;
}

.quickbar-nav.icon-only > li {
    width: 60px;
}

.quickbar-nav > li.session-timer {
    width: 80px;
    float: right;
    border-left: 1px #bebebe solid;
}

.quickbar-nav > li.session-timer a {
    padding: 10px;
}

.quickbar-nav > li.session-timer .quickbar-nav-inner {
    border-left: 1px #ededed solid;
}

.quickbar-nav > li > a,
.quickbar-nav > li > .quickbar-nav-inner {
    padding: 10px 20px;
    display: block;
    padding-left: 10px;
}

.quickbar-nav > li > a span {
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin-left: -22px;
}

.quickbar-nav > li:hover,
.quickbar-nav > li.selected {
    background-color: #999999;
    background-image: -moz-linear-gradient(top, #bfbfbf, #999999);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bfbfbf), color-stop(1, #999999));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#bfbfbf, EndColorStr=#999999);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#bfbfbf, EndColorStr=#999999);
    border-left: 1px #999999 solid;
    border-right: 1px #858585 solid;
}

.quickbar-popup {
    position: fixed;
    left: 0;
    bottom: 35px;
    display: none;
    height: 300px;
    width: 582px;
    border: 1px #000 solid;
    border-bottom: none;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #f5f5f5, #e7e7e7);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), color-stop(1, #e7e7e7));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f5f5f5, EndColorStr=#e7e7e7);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f5f5f5, EndColorStr=#e7e7e7);
    padding: 5px;
    text-align: left;
    z-index: 65;
    font-size: 13px;
}

.quickbar-popup-contents {
    padding: 0;
    text-align: left;
    height: 285px;
    overflow: hidden;
    border: 1px #CCC solid;
    position: relative;
}

.quickbar-popup-title {
    font-size: 12px;
    font-weight: bold;
    color: #666;
    text-transform: uppercase;
    margin: 0;
    padding: 5px;
    border-bottom: 1px #CCC solid;
    position: relative;
    background-color: #e5e5e5;
}

.quickbar-popup-title .close {
    display: block;
    position: absolute;
    right: 4px;
    top: 4px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    line-height: 18px;
    width: 18px;
    height: 18px;
    text-align: center;
}

.quickbar-popup-data {
    position: absolute;
    top: 90px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FFF;
    border-top: 1px #CCC solid;
    overflow-y: scroll;
    overflow-x: scroll;
    padding: 5px;
    padding-right: 25px;
    zoom: 1;
    height: auto;
}

.permissions-table {
    width: 100%;
    border-collapse: collapse;
}

.permissions-table,
.permissions-table th,
.permissions-table td {
    border: 1px #CCC solid;
}

.permissions-table th,
.permissions-table td {
    padding: 5px;
    text-align: center;
}

.permissions-table tfoot td {
    text-align: right;
}

/* =================================================
   QUICKBAR/GROOVEHQ INTEGRATION
   ================================================= */

#quickbar-help {
    position: relative;
}

html #groove-feedback {
    /*display: none !important;*/
    -moz-animation: none;
    -webkit-animation: none;
    -ms-animation: none;
    animation: none;
    right: auto !important;
    bottom: 36px;
    text-shadow: none;
}

html #groove-feedback.closed {
    visibility: hidden;
}

html body.groove-hooked #groove-feedback.opened {
    display: block !important;
    visibility: visible;
}

/* =================================================
   CLEARFIX
   ================================================= */

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom: 1;
}

/* =================================================
   EDIT LIST
   ================================================= */

.ui-editlist {
    display: inline-block;
    width: 100%;
}

.ui-editlist-items {
    border: 1px #DDD solid;
    padding: 0;
    margin: 0;
    line-height: 1em;
    margin-bottom: 5px;
    border-bottom: none;
    width: 100%;
}

.ui-editlist-empty {
    display: none;
}

.ui-editlist-item {
    padding: 5px 24px 5px 5px;
    border-bottom: 1px #DDD solid;
    position: relative;
}

.ui-editlist-help {
    display: inline-block;
    vertical-align: baseline;
    margin-right: .3em;
}

.ui-editlist-controls {
    position: relative;
    height: 30px;
}

/* Show controls by default */
.ui-editlist-controls-inner {
    /* top: 0; */
    /* left: 0; */
    /* right: 40px; */
    /* position: absolute; */
    display: block;
    height: 30px;
    float: left;
    max-width: 90%;
}

.ui-editlist-controls-collapse {
    display: inline-block;
    vertical-align: top;
}

/* Hide editlist button by default */
.ui-editlist-collapse {
    display: none !important;
}

/* Hide controls when collapsed */
.ui-editlist-controls-collapse.collapsed .ui-editlist-controls-inner {
    display: none;
}

/* Show button when collapsed */
.ui-editlist-controls-collapse.collapsed .ui-editlist-collapse {
    display: block !important;
}


.ui-editlist-delete {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -8px;
    cursor: pointer;
}

input.ui-editlist-input,
.ui-editlist-add {
    height: 26px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}

button.ui-editlist-add {
    line-height: 1em;
}

input.ui-editlist-input {
}

.ui-editlist-item-controls {
    display: inline-block;
    width: 100%;
}

.ui-editlist:not(.multi-editlist) .ui-editlist-add {
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.multi-editlist .ui-editlist-add {
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    max-width: 10%;
}

.ui-editlist-sort-handle {
    cursor: move;
    margin-right: 5px;
    color: #999;
}

/* Keep fillable-forms sort handles pinned to the left side of each row. */
.ui-crud-field[data-field="processAutomationForms"] .ui-editlist-item {
    padding-left: 34px;
}

.ui-crud-field[data-field="processAutomationForms"] .ui-editlist-sort-handle {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -8px;
    margin-right: 0;
    font-size: 16px;
    line-height: 1;
}

.ui-crud-field[data-field="processAutomationForms"] .ui-editlist-footer {
    display: flex;
    justify-content: flex-end;
    padding-top: 8px;
}

.ui-crud-field[data-field="processAutomationForms"] .ui-editlist-item-controls {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.ui-crud-field[data-field="processAutomationForms"] .ui-editlist-field {
    margin-top: 0 !important;
    float: none;
}

.ui-crud-field[data-field="processAutomationForms"] .ui-editlist-field[data-field="sortOrder"] {
    flex: 0 0 auto;
    width: auto;
}

.ui-crud-field[data-field="processAutomationForms"] .ui-editlist-field[data-field="sortOrder"] input.ui-selectmenu,
.ui-crud-field[data-field="processAutomationForms"] .ui-editlist-field[data-field="sortOrder"] .ui-selectmenu {
    width: 4.5em !important;
    min-width: 4.5em;
}

.ui-crud-field[data-field="processAutomationForms"] .ui-editlist-field[data-field="formId"] {
    flex: 1 1 320px;
    min-width: 240px;
}

.ui-crud-field[data-field="processAutomationForms"] .ui-editlist-field[data-field="requiredAtCheckout"] {
    flex: 0 0 auto;
    width: auto;
}

.ui-crud-field[data-field="processAutomationForms"] .ui-editlist-field[data-field="requiredAtCheckout"] .form-control-static {
    min-height: 30px;
    display: flex;
    align-items: center;
}

.ui-crud-field[data-field="processAutomationForms"] .ui-editlist-field[data-field="requiredAtCheckout"] label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    line-height: 1.2;
}

.ui-crud-field[data-field="processAutomationForms"] .ui-editlist-field[data-field="requiredAtCheckout"] input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0;
    vertical-align: middle;
}

.ui-editlist-item.ui-sortable-helper {
    border: 1px #CCC solid;
    background: #FFF;
}

.ui-editlist-field {
    margin-top: 5px !important;
    min-height: 30px;
}

.ui-editlist-field > input[type="text"],
.ui-col-field > input[type="text"] {
    width: 100% !important;
    max-width: none;
}

.percentage input {
    max-width: none;
}

.ui-editlist-field .ui-selectmenu {
    width: 100%;
}

div.percentage {
    line-height: 2em;
}

.editlist-field-addon {
    height: 26px;
    /* These make the vertical aligned pixels not blurry */
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.addon-discount-editlist {
    width: 100%;
}

/* =================================================
   FORMS 2.0 - EMULATED FROM JQUERY MOBILE
   ================================================= */

.ui-field-contain {
    border-width: 0;
    padding: 0;
    margin: 1em 0;
}

.ui-field-contain label {
    width: 20%;
    margin: 0 2% 0 0;
    display: inline-block;
}

.ui-field-contain input {
    width: 78%;
    display: inline-block;
}

/* Form field separator
-----------------------------------------------------------------------------------------------------------*/
.ui-br {
    border-bottom: rgb(130, 130, 130);
    border-bottom: rgba(130, 130, 130, .3);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.ui-bar, .ui-body {
    position: relative;
    padding: .4em 15px;
    overflow: hidden;
    display: block;
    clear: both;
}

.ui-bar {
    font-size: 12px;
    margin: 0;
}

.ui-label-inline {
    display: inline-block;
    margin: .1em 1em .1em 0;
    vertical-align: middle;
    font-weight: normal;
}

/* =================================================
   jQuery locationpicker
   ================================================= */
select.locationpicker {
    display: none;
}

/* =================================================
   CODE block
   ================================================= */

code {
    font-size: 12px;
    display: block;
}

code .line {
    white-space: nowrap;
}

code .line-number {
    display: inline-block;
    width: 40px;
    text-align: right;
    margin-right: 5px;
}

code .line-text {
    display: inline-block;
    white-space: pre;
    tab-size: 4;
}

code .line-separator {
    margin: 10px 0;
    background-color: #CCC;
    height: 1px;
}

code .line.added,
code .line.added .line-text {
    background-color: #4E4;
}

code .line.removed,
code .line.removed .line-text {
    background-color: #E44;
}

/* =================================================
   TABS (hidden prior to initialization)
   ================================================= */

.ui-tabs {
    display: block;
    height: 10px;
    opacity: 0;
    filter: alpha(opacity=0);
    zoom: 1;
}

.ui-tabs.ui-widget {
    transition: opacity .250s ease-in;
    -webkit-transition: opacity .15s ease-in;
    opacity: 1;
    filter: alpha(opacity=100);
    height: auto;
}

/* =================================================
   PAGINATION
   ================================================= */

.ui-pagination {
    height: 40px;
    margin: 20px 0;
}

.ui-pagination ul {
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    margin-left: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    *zoom: 1;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.ui-pagination ul > li {
    display: inline;
}

.ui-pagination ul > li > a,
.ui-pagination ul > li > span {
    float: left;
    padding: 0 14px;
    line-height: 38px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-left-width: 0;
}

.ui-pagination ul > li > a:hover,
.ui-pagination ul > .active > a,
.ui-pagination ul > .active > span {
    background-color: #f5f5f5;
}

.ui-pagination ul > .active > a,
.ui-pagination ul > .active > span {
    color: #999999;
    cursor: default;
}

.ui-pagination ul > .disabled > span,
.ui-pagination ul > .disabled > a,
.ui-pagination ul > .disabled > a:hover {
    color: #999999;
    cursor: default;
    background-color: transparent;
}

.ui-pagination ul > li:first-child > a,
.ui-pagination ul > li:first-child > span {
    border-left-width: 1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.ui-pagination ul > li:last-child > a,
.ui-pagination ul > li:last-child > span {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.ui-pagination-centered {
    text-align: center;
}

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

/**************************************
    Dockable Widget
    @created 2013-10-03
    @author Jake Grice
***************************************/

.ui-dockable {
    margin: 0;
    transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
}

.ui-dockable-transitioning {
    position: relative;
    z-index: 910;
}

.ui-dockable-hidden {
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.ui-dockable-docked-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 900;
}

.ui-dockable-placeholder {
    display: block;
    height: 0;
}

.ui-dockable-wrapper {
    position: relative;
}

h1.ui-dockable,
h2.ui-dockable,
h3.ui-dockable,
h4.ui-dockable,
h5.ui-dockable {
    margin: 0 -.3em;
    padding: .3em;
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.7);
}

h1.ui-dockable-transitioning,
h2.ui-dockable-transitioning,
h3.ui-dockable-transitioning,
h4.ui-dockable-transitioning,
h5.ui-dockable-transitioning {
    background-color: transparent;
}

/* =================================================
   COLORPICKER
   ================================================= */
.colorpicker {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

/* =================================================
   UI COLUMNS / GRID SYSTEM
   ================================================= */

/* COLUMN/ROW WIDTHS */
html .ui-col-1, .ui-row-1 {
    width: 8.3333%;
}

html .ui-col-2, .ui-row-2 {
    width: 16.6666%;
}

html .ui-col-3, .ui-row-3 {
    width: 25%;
}

html .ui-col-4, .ui-row-4 {
    width: 33.3333%;
}

html .ui-col-5, .ui-row-5 {
    width: 41.6666%;
}

html .ui-col-6, .ui-row-6 {
    width: 50%;
}

html .ui-col-7, .ui-row-7 {
    width: 58.3333%;
}

html .ui-col-8, .ui-row-8 {
    width: 66.6666%;
}

html .ui-col-9, .ui-row-9 {
    width: 75%;
}

html .ui-col-10, .ui-row-10 {
    width: 83.3333%;
}

html .ui-col-11, .ui-row-11 {
    width: 91.6666%;
}

html .ui-col-12, .ui-row-12 {
    width: 100%;
}

/* COLUMN/ROW SIMILAR CSS */
.ui-col-1, .ui-row-1,
.ui-col-2, .ui-row-2,
.ui-col-3, .ui-row-3,
.ui-col-4, .ui-row-4,
.ui-col-5, .ui-row-5,
.ui-col-6, .ui-row-6,
.ui-col-7, .ui-row-7,
.ui-col-8, .ui-row-8,
.ui-col-9, .ui-row-9,
.ui-col-10, .ui-row-10,
.ui-col-11, .ui-row-11,
.ui-col-12, .ui-row-12 {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.clearfix:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom: 1;
}

.ui-row-1:before,
.ui-row-1:after,
.ui-row-2:before,
.ui-row-2:after,
.ui-row-3:before,
.ui-row-3:after,
.ui-row-4:before,
.ui-row-4:after,
.ui-row-5:before,
.ui-row-5:after,
.ui-row-6:before,
.ui-row-6:after,
.ui-row-7:before,
.ui-row-7:after,
.ui-row-8:before,
.ui-row-8:after,
.ui-row-9:before,
.ui-row-9:after,
.ui-row-10:before,
.ui-row-10:after,
.ui-row-11:before,
.ui-row-11:after,
.ui-row-12:before,
.ui-row-12:after {
    content: "";
    display: table;
    clear: both;
}

.ui-row-1
.ui-row-2
.ui-row-3
.ui-row-4
.ui-row-5
.ui-row-6
.ui-row-7
.ui-row-8
.ui-row-9
.ui-row-10
.ui-row-11
.ui-row-12 {
    zoom: 1;
}

div.ui-col-1,
div.ui-col-2,
div.ui-col-3,
div.ui-col-4,
div.ui-col-5,
div.ui-col-6,
div.ui-col-7,
div.ui-col-8,
div.ui-col-9,
div.ui-col-10,
div.ui-col-11,
div.ui-col-12 {
    float: left;
}

.ui-col-auto,
div.ui-col-auto {
    width: auto;
}

.ui-offset-1 {
    margin-left: 8.3333%;
}

.ui-offset-2 {
    margin-left: 16.6666%;
}

.ui-offset-3 {
    margin-left: 25%;
}

.ui-offset-4 {
    margin-left: 33.3333%;
}

.ui-offset-5 {
    margin-left: 41.6666%;
}

.ui-offset-6 {
    margin-left: 50%;
}

.ui-offset-7 {
    margin-left: 58.3333%;
}

.ui-offset-8 {
    margin-left: 66.6666%;
}

.ui-offset-9 {
    margin-left: 75%;
}

.ui-offset-10 {
    margin-left: 83.3333%;
}

.ui-offset-11 {
    margin-left: 91.6666%;
}

.ui-offset-12 {
    margin-left: 100%;
}

.ui-offset-sm {
    padding-left: 5px !important;
}

.ui-offset-md {
    padding-left: 10px !important;
}

.ui-offset-lg {
    padding-left: 20px !important;
}

.ui-offset-r-sm {
    padding-right: 5px !important;
}

.ui-offset-r-md {
    padding-right: 10px !important;
}

.ui-offset-r-lg {
    padding-right: 20px !important;
}

.ui-hoffset-sm {
    margin-left: 5px !important;
}

.ui-hoffset-md {
    margin-left: 10px !important;
}

.ui-hoffset-lg {
    margin-left: 20px !important;
}

.ui-voffset-sm {
    margin-top: 5px;
}

.ui-voffset-md {
    margin-top: 10px;
}

.ui-voffset-lg {
    margin-top: 20px;
}

.ui-voffset-50 {
    margin-top: 50px;
}

.ui-voffset-100 {
    margin-top: 100px;
}

.ui-voffset-xl {
    margin-top: 40px;
}

.ui-vspace-sm {
    margin-top: 5px;
    margin-bottom: 5px;
}

.ui-vspace-md {
    margin-top: 10px;
    margin-bottom: 10px;
}

.ui-vspace-lg {
    margin-top: 20px;
    margin-bottom: 20px;
}

html .pull-right {
    float: right;
}

html .pull-right .ui-listview.inset,
html .pull-right .ui-inset {
    margin-right: 0;
}

html .ui-min-400 {
    min-width: 400px;
}

html .anchor-right,
html .anchor-right-xs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

html .anchor-right-xs {
    right: 2px;
}

/* =================================================
   JQUERY UI SESSIONPICKER (.sessionpicker)
   ================================================= */

.ui-input-group {
    font-size: 12px;
    /*display: block;*/
    display: inline-block;
    position: relative;
    zoom: 1;
    /*
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    */
}

.ui-input-group:before,
.ui-input-group:after {
    content: "";
    display: table;
    clear: both;
}

.ui-input-group input,
.ui-input-group button {
    display: block;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;;
}

.ui-input-group input {
    width: 100%;
    height: 27px;
    line-height: 20px;
}

.ui-input-group button {
    margin: 0;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
}

input[type="text"].sessionpicker {
    display: none;
}

.ui-input-group > input.sessionpicker {
    display: inline-block;
}

.ui-input-group-stretch .ui-input-group {
    width: 100%;
}

/* =================================================
   JQUERY UI CLEARABLE WIDGET (.clearable)
   ================================================= */

.clearable-textbox-widget {
    white-space: nowrap;
    padding: 0;
    display: block;
    position: relative;
    font-size: 14px;
    height: 1.5em;
    outline: none;
    overflow: hidden;
}

.clearable-textbox-widget input,
.clearable-textbox-widget input:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background-image: none;
    background-color: transparent;
    border: none;
    padding: 0 3px;
    margin: 0;
    position: absolute;
    left: 0;
    right: 20px;
    width: 100%;
    line-height: 1.5em;
    outline: none;
}

.clearable-textbox-widget a {
    position: absolute;
    right: 2px;
    top: 50%;
    margin-top: -8px;
}

/* =======================================================================
   JQUERY UI DOLLAR/PERCENT AMOUNT PICKER (.dollarPercentAmountPicker)
   ======================================================================= */
div.ui-dollar-percent-amount-picker-container {
    min-width: 180px;
}

div.ui-dollar-percent-amount-picker {
    position: relative;
    height: 30px;
    max-width: 150px;
    min-width: 100px;
}

input[type="text"].ui-dollar-percent-amount-picker {
    display: none;
}

.ui-dollar-percent-amount-picker-stretch {
    max-width: none;
}

.ui-dollar-percent-amount-picker input {
    vertical-align: top;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 27px;
    line-height: 20px;
    text-align: right;
    padding-right: 5px;
}

.ui-dollar-percent-amount-picker > span {
    position: absolute;
    display: block;
    left: 0;
    right: 70px;
}

.ui-dollar-percent-amount-picker > .ui-buttonset {
    position: absolute;
    right: 0;
    vertical-align: top;
    width: 70px;
}

.ui-dollar-percent-amount-picker > .ui-buttonset > label {
    width: 35px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* =======================================================================
   "Big Menu" (.ui-bigmenu) Currently used in "My Organization"
   ======================================================================= */

.ui-bigmenu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
}

.ui-bigmenu li {
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;

    text-shadow: #FAFAFA 1px 1px 1px;
    padding: 0;
    border: 1px #DADADA solid;
    height: 80px;

    background-color: #FFF;

    position: relative;
}

.ui-bigmenu.cols-3 li {
    width: 33.3333%;
}

.ui-bigmenu li a,
.ui-bigmenu li a > * {
    cursor: pointer;
    display: block;
    position: absolute;
    padding: 0;
    margin: 0;
}

.ui-bigmenu li a {
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px;
    width: auto;
    height: auto;
    zoom: 1;
    color: #333;

    background-image: -ms-linear-gradient(top, #f3f3f3, #e3e3e3);
    background-image: -moz-linear-gradient(top, #f3f3f3, #e3e3e3);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3f3f3), color-stop(1, #e3e3e3));
    background-image: linear-gradient(top, #f3f3f3, #e3e3e3);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f3f3f3, EndColorStr=#e3e3e3);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f3f3f3, EndColorStr=#e3e3e3);
}

.ui-bigmenu li a:hover {
    background-image: -ms-linear-gradient(top, #909090, #666666);
    background-image: -moz-linear-gradient(top, #909090, #666666);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #909090), color-stop(1, #666666));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#909090, EndColorStr=#666666);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#909090, EndColorStr=#666666);
    color: #fff !important;
    text-shadow: #666666 -1px -1px 1px;
}

.ui-bigmenu li a i {
    left: 10px;
    top: 50%;
    margin-top: -24px;
    font-size: 32px;
}

.ui-bigmenu li a h4 {
    left: 55px;
    top: 8px;
    font-size: 12px !important;
    text-transform: uppercase;
    text-shadow: none;
    color: inherit !important;
}

.ui-bigmenu li a p {
    top: 26px;
    left: 55px;
    right: 10px;
    bottom: 10px;
    font-size: 12px;
}

/* =======================================================================
   File Upload (jQuery .fileUpload, .ui-file-upload)
   ======================================================================= */

.file-upload-form .file-upload-submit {
    display: none;
    text-align: right;
}

.file-upload-form .file-upload-submit > span {
    line-height: 24px;
    margin-right: 2em;
}

.file-upload-form.requires-submit .file-upload-submit {
    display: block;
}

.ui-file-upload {
    display: block;
    position: relative;
    height: 26px;
    width: 300px;
    transition: width .5s;
    /* Respect flex container constraints - allow shrinking on small screens */
    max-width: 100%;
    min-width: 0;
}

.ui-file-upload .ui-file-upload-submit {
    display: none;
}

.ui-file-upload.manual-submit .ui-file-upload-submit {
    display: inline-block;
}

.ui-file-upload.populated {
    width: 100%;
}

.ui-file-upload-filename-wrapper {
    position: absolute;
    left: 0;
    right: 75px;
    top: 0;
    bottom: 0;
    border: 1px #d8d8d8 solid;
}

.ui-file-upload-filename-wrapper.complete {
    background-color: #B7E7B7;
}

.ui-file-upload-filename {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
    padding-left: 10px;
    padding-right: 24px;
    line-height: 26px;
}

.ui-file-upload-select {
    position: absolute;
    right: 0;
    top: 0;
}

.ui-file-upload.manual-submit .ui-file-upload-select {
    right: 85px;
}

.ui-file-upload.manual-submit .ui-file-upload-filename-wrapper {
    right: 170px;
}

.ui-file-upload-submit {
    position: absolute;
    right: 0;
}

.ui-file-upload-clear {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -8px;
    cursor: pointer;
}

.ui-file-upload-progress {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 30px;
    line-height: 30px;
    font-size: 10px;
    text-align: right;
    color: #FFF;
    background-color: #E7C63F;
    background-color: rgba(231, 198, 63, 0.74);
    padding: 2px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-file-upload-progress.complete {
    background-color: #0A0;
}

.file-upload-input-wrapper {
    position: relative;
    overflow: hidden;
    width: 0px;
    height: 0px;
}

.file-upload-input,
.file-upload-form {
}

.ui-crud-display-image {
    max-width: 100%;
}

/*======================================================
Contextual Backgrounds
========================================================*/

html .bg-muted {
    background-color: #F3F3F3;
}

html .bg-primary {
    background-color: #428bca;
    color: #FFF;
}

html .bg-warning {
    background-color: #fcf8e3;
}

html .bg-danger {
    background-color: #f2dede;
}

html .bg-white {
    background-color: #fff;
}

html .bg-danger input,
html .bg-danger select,
html .bg-danger textarea,
html .bg-danger .ui-widget {
    border-color: #f0c0c0;
}

html .bg-success {
    background-color: #dff0d8;
}

html .bg-info {
    background-color: #d9edf7 !important;
}

html .bg-dark {
    background-color: #333;
}

html .bg-light {
    background-color: #eee;
}

html .bg-blank {
    background-color: #fff;
}


/*======================================================
Labels
========================================================*/
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.label-default,
.badge.badge-default {
    background-color: #999 !important;
}

.label-small {
    font-size: 10px !important;
}

.label-primary,
.badge.badge-primary {
    background-color: #428bca !important;
}

.label-success,
.badge.badge-success {
    background-color: #5cb85c !important;
}

.label-info,
.badge.badge-info {
    background-color: #3a7a8e !important;
}

.label-warning,
.badge.badge-warning {
    background-color: #f0ad4e !important;
}

.label-danger,
.badge.badge-danger {
    background-color: #d9534f !important;
}

.btn.ui-state-highlight {
    border: 1px #FFEE29 solid;
    outline: none;
}

.btn.btn-round {
    border-radius: 50px !important;
}

.btn.btn-circle {
    border-radius: 50px !important;
    padding: 10px;
    width: 45px;
    height: 45px;
}

.label.label-lg {
    font-size: 1.5em;
}

/* =================================================
   UI Timerange Plugin
   ================================================= */

.ui-timerange {
}

.ui-timerange-from {
}

.ui-timerange-to {
    margin-left: 1em;
    margin-right: 1em;
}

.ui-timerange.all-day .ui-timerange-from,
.ui-timerange.all-day .ui-timerange-to {
    display: none;
}

.ui-timerange label {
    line-height: .8em;
    font-weight: 200;
}

/* =================================================
   UI Daterange Plugin
   ================================================= */

.ui-daterange {
}

.ui-daterange-from {
}

.ui-daterange-to {
    margin-left: 1em;
    margin-right: 1em;
}

.ui-daterange label {
    line-height: .8em;
    font-weight: 200;
}

/* =================================================
   NOTIFICATIONS POPUP WIDGET (.ui-notifications-icon)
   ================================================= */

.alert h4 {
    padding-top: 0;
}

.quickbar a.ui-notifications-icon,
.ui-notifications-icon {
    position: relative;
    padding: 10px 10px;
    text-shadow: none;
    filter: alpha(opacity=50);
    opacity: .5;
}

.quickbar a.ui-notifications-icon.has-notifications,
.ui-notifications-icon.has-notifications {
    filter: alpha(opacity=100);
    opacity: 1;
}

.ui-notifications-icon img {

}

.ui-notifications-icon .ui-notifications-count {
    position: absolute;
    background: #A00;
    padding: .2em .3em;
    color: #FFF;
    display: none;
    top: 2px;
    right: 2px;
    font-size: 11px;
    line-height: 11px;
    width: auto;
    height: auto;
    margin: 0;
    float: none;
}

.ui-notifications-icon.has-notifications .ui-notifications-count {
    display: block;
}

#notifications-dropdown {
    height: 400px;
    width: 300px;
    padding: 1px;
}

/* =================================================
   NOTIFICATION WIDGET (.notification)
   ================================================= */

.ui-notifications {
    margin: 0;
}

.ui-notifications > p {
    text-align: center;
}

.ui-notification {
    padding: 0;
    border-bottom: 1px solid #DDD;
    font-size: 11px;
    position: relative;
    display: block;
    margin: 0;
    background-color: #FAFAFA;
    cursor: default;
    /*
    -webkit-box-shadow: 1px 1px 6px rgba(0,0,0,.18);
    -moz-box-shadow: 1px 1px 6px rgba(0,0,0,.18);
    box-shadow: 1px 1px 6px rgba(0,0,0,.18);
    */
    background-image: -moz-linear-gradient(top, #ffffff, #f6f6f6);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f6f6f6));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, EndColorStr=#f6f6f6);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, EndColorStr=#f6f6f6);
}

.ui-notification-new {
    position: absolute;
    display: block;
    top: 28px;
    right: 7px;
    width: 5px;
    height: 5px;
    border-radius: 1em;
    background-color: #666;
}

.ui-notification.read .ui-notification-new,
.ui-notification.dismissed .ui-notification-new {
    display: none;
}

.ui-notification.dismissed {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.ui-notification:hover {
    background-image: none;
    filter: none;
    -ms-filter: none;
    background: #EEE;
}

.ui-notification-title {
    font-weight: bold;
    font-size: 13px; /* 20px */
    margin: 0 0 4px 0;
    width: 70%;
    line-height: 18px; /* 20px */
}

.ui-notification-time {
    color: #999;
    position: absolute;
    top: 7px;
    right: 7px;
}

.ui-notification-dismiss {
    font-size: 16px;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    font-weight: bold;
    position: absolute;
    top: 7px;
    right: 7px;
    cursor: pointer;
}

.ui-notification-message {
    font-size: 13px;
    color: #555;
    line-height: 18px;
}

.ui-notification-link {
    text-align: right;
}

div.ui-notification-link a {
    color: #111;
    text-decoration: underline;
}

div.ui-notification-link a:hover {
    color: #666;
}

.ui-notification-contents {
    padding: 7px 12px;
}

/* =================================================
   LISTVIEW (.ui-listview / jQuery listview)
   ================================================= */

.ui-listview {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #333;
    /*overflow: hidden;*/
}

.ui-listview.inset {
    margin: 2em;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px #D8D8D8 solid;
    background: #FFF;
}

.ui-listview li {
    /*background: #FFF;*/
    /*color: inherit;*/
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: default;
    padding: .5em 1em;
    border-bottom: 1px #DDD solid;
    z-index: 1;
    zoom: 1;
    line-height: 1.5em;
}

.ui-listview li:before,
.ui-listview li:after {
    content: "";
    display: table;
    clear: both;
}


.ui-listview li > a {
    color: #333;
    padding: .5em 1em;
    margin: -.5em -1em;
    display: block;
    cursor: pointer;
}

.ui-listview li > a:before,
.ui-listview li > a:after {
    content: "";
    display: table;
    clear: both;
}

.ui-listview li.checkable {
    padding: 0;
    color: #666;
}

.ui-listview li.checkable.checked {
    color: #333;
}

.ui-listview > li:last-child {
    border-bottom: none;
}

.ui-listview li > a:hover,
.ui-listview li > label:hover,
.ui-listview-label:hover {
    background: #F5F5F5;
    box-shadow: #d9edf7 0 0 8px;
}

.ui-listview li > label,
.ui-listview-label {
    display: block;
    padding: .5em 1em;
    cursor: pointer;
    margin: 0;
}

.ui-listview li.disabled > label,
.ui-listview li.disabled > .ui-listview-label {
    cursor: not-allowed;
}

.ui-listview li.disabled {
    background: #EEE;
    color: #333;
    opacity: 0.8;
}

.ui-listview li.disabled,
.ui-listview li.disabled a {
    cursor: not-allowed;
    color: #333;
}

.ui-listview li.disabled.checkout-fillable-nav-item--interactive-disabled,
.ui-listview li.disabled.checkout-fillable-nav-item--interactive-disabled a {
    cursor: pointer;
}

.ui-listview li.checkout-fillable-nav-item > a {
    align-items: flex-start;
    display: flex;
    gap: 8px;
}

.ui-listview li.checkout-fillable-nav-item > a > i {
    flex: 0 0 auto;
    float: none;
    margin: 0;
}

.ui-listview li.selected,
.ui-listview li.selected h2,
.ui-listview li.selected a {
    font-weight: bold;
    color: #333;
}

.ui-listview li.selected {
    /*background-color: #d9edf7;*/
    z-index: 2;
}

.ui-listview li.selected a {
    border-left: .5em #428bca solid;
    padding-left: .5em;
}

.ui-listview li.checkable {
    cursor: default;
}

.ui-listview li.checkable input {
    line-height: 1em;
    margin: .3em .75em .3em 0;
    width: 1.2em;
    height: 1.2em;
    float: left;
}

.ui-listview li > i,
.ui-listview li > a > i,
.ui-listview li > label > i,
.ui-listview-label > i {
    display: block;
    float: left;
    margin: 0 .5em 0 0;
    width: 1em;
    height: 1em;
    text-align: center;
    line-height: 1.5em;
}

.ui-listview li > i,
.ui-listview li > a > i,
.ui-listview li > label > i,
.ui-listview-label > i,
.ui-listview li > i:before,
.ui-listview li > a > i:before,
.ui-listview li > label > i:before,
.ui-listview-label > i:before {
    font-size: 16px;
}

.ui-listview li h2 {
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 1em;
    line-height: 20px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-listview li h4 {
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 1em;
    line-height: 20px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-listview li.checkout-fillable-nav-item > a h4 {
    flex: 1 1 auto;
    float: none;
    min-width: 0;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}

.ui-listview li p {
    display: block;
    margin: 0;
    padding: 0;
    font-size: .9em;
    line-height: 20px;
    clear: left;
    margin-left: 2.1em;
}

.ui-listview li.checkable p {
    margin-left: 4.2em;
}

.ui-listview li .aside {
    float: left;
    clear: none;
    margin: 0;
    padding-left: .5em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ui-listview .ui-listview-heading {
    padding: .3em 1em;
    text-transform: uppercase;
    line-height: 2em;
    background: #EEE;
    color: #666;
    font-weight: 600;
}

.ui-listview-heading h3 {
    font-size: 0.8em;
    font-weight: 600;
    margin: 0;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-listview li.ui-listview-heading:first-child {
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.ui-listview .prefix {
    float: left;
    width: 2em;
}

.ui-listview .remove-button {
    margin-left: 20px;
}

.ui-listview .ui-listview-thumbnail {
    max-width: 100%;
    max-height: 100%;
}

.ui-listview-thumbnail-placeholder {
    max-width: 100%;
    max-height: 100%;
    font-size: 40px;
}

.ui-listview .listview-badge {
    position: absolute;
    top: 10px;
    right: 5px;
}

/* =================================================
   VTABS (Vertical Tabs)
   ================================================= */

.ui-vtabs {
    margin-left: 10px;
    min-height: 460px;
}

.ui-vtabs-content {
    margin-left: 180px;
}

.ui-vtabs-pane {
    display: none;
}

.ui-vtabs-nav {
    padding: 0;
    margin: 0;
    float: left;
    width: 170px;
    margin-left: -170px;
    position: relative;
    left: 170px;
}

.ui-vtabs-nav li {
    list-style: none;
    border-right: 1px solid #ddd;
}

.ui-vtabs-nav li a {
    display: block;
    padding: 8px;
    border: 1px solid transparent;
}

.ui-vtabs-nav li.active {
    border-right: none;
}

.ui-vtabs-nav li.active a {
    border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-right: 0;
}

/* =================================================
   Discount/Addon Options Widget
   ================================================= */
div[class*='discount-session-options-content-'] label {
    border-bottom: 1px solid #ddd;
}

.discount-session-options-sep {
    padding-bottom: 5px;
}

.discount-session-options-sep label {
    padding-right: 2px;
}

.discount-session-options-sep input {
    width: 20%;
}

/*
.discount-session-options-buttonset-wrapper {

}
*/

/* =================================================
   Category Drilldown Widget
   ================================================= */
.ui-category-drilldown > div {
    display: block;
}

.ui-category-drilldown > .selectmenu {
    width: 90%;
}

.ui-category-drilldown.stacked .category-drilldown-activity-menu,
.ui-category-drilldown.stacked .category-drilldown-session-menu {
    margin-top: 5px;
}

/* =================================================
   Activity Selector Widget
   ================================================= */
.ui-activity-selector {
    max-width: 400px;
}

.ui-activity-selector > div {
    display: block;
}

.ui-activity-selector > .selectmenu {
    width: 90%;
}

.ui-activity-selector.stacked .ui-selectmenu {
    margin-top: 5px;
}

.ui-activity-selector.stacked .ui-selectmenu:first-child {
    margin-top: 0;
}

.ui-activity-selector .activity-selector-scope-container {
    display: block;
    float: left;
    width: auto;
}

.ui-activity-selector .activity-selector-reset-container {
    float: left;
    margin-left: 10px;
}

.ui-activity-selector .activity-selector-reset-container a {
    font-size: 85%;
}

.ui-activity-selector .activity-selector-reset-container #resetBtn i {
    font-size: 0.85em;
}

/* =================================================
   UI Checklist
   ================================================= */
ul.ui-checklist {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
}

ul.ui-checklist-vertical {
    height: auto;
}

ul.ui-checklist li {
    margin: 0 10px 0 0;
    padding: 0;
    line-height: 30px;
    display: block;
    float: left;
}

ul.ui-checklist li:last-child {
    margin: 0;
}

ul.ui-checklist li label {
    display: block;
    margin: 0;
    padding: 0;
}

ul.ui-checklist-vertical li {
    float: none;
}

/* =================================================
   POS CSS (should be moved)
   *** Page-specific CSS shouldn't be in the global UI file ***
   ================================================= */
.pos-content {
    display: inline-block;
    width: 70%;
}

.pos-controls {
    display: inline-block;
    width: 20%;
    vertical-align: top;
}

.pos-groups-group {
    background-color: #EEEEEE;
}

.receipt-frame {
    max-width: 9in;
    min-height: 4in;
    margin: 0;
}

.receipt-frame-centered {
    margin: 0 auto;
}

/* =================================================
   VERTICAL CONTROL PANELS
   ================================================= */
.ui-has-control-panel-right {
    float: left;
    width: 75%;
    width: calc(100% - 300px);
}

.ui-control-panel-right {
    float: right;
    width: 25%;
    width: calc(300px);
}


/* =================================================
   JQUERY / BOOTSTRAP Compatibility
   ================================================= */
.ui-datepicker select {
    line-height: 1em !important;
    font-weight: 200 !important;
}

.dropdown-menu li > a {
    cursor: pointer;
}

.dropdown-menu-form {
}

.dropdown-menu-form li {
    padding: 5px 10px;
}

.dropdown-header {
    cursor: default;
}

.dropdown-menu .ui-state-focus {
    border: none;
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
    background-image: none;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}


/* =================================================
   MODAL / BOOTSTRAP Enhancement
   ================================================= */

.modal-backdrop-text {
    color: #FFF;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 45%;
    bottom: 0;
    font-size: 40px;
}

.modal-scrollable {
    max-height: 600px;
    overflow-y: scroll;
}

.modal-scrollable-vh {
    max-height: 75vh;
    overflow-y: scroll;
}

.modal-dialog.modal-scrollable-lg {
    height: 90%;
}

.modal-dialog.modal-scrollable-lg .modal-content {
    height: 100%;
}

.modal-dialog.modal-scrollable-lg .modal-body {
    height: 85%; /* For older IE */
    height: calc(100% - 121px);
    overflow-y: scroll;
}

.modal-scrollable-tabs .tab-content > .active {
    max-height: 600px;
    overflow-y: scroll;
}

.modal-backdrop-fill {
    bottom: 0;
    z-index: 99999;
}

body .modal-xl {
    width: 1280px;
}

body .modal-lg-fill {
    width: 90%;
    min-width: 900px;
}

body .modal-dialog {
    max-width: 100%;
    margin-top: 100px;
}

/* =================================================
   BOOTSTRAP table enhancements
   ================================================= */
.borderless > thead > tr > th, .borderless > tbody > tr > th, .borderless > tfoot > tr > th, .borderless > thead > tr > td, .borderless > tbody > tr > td, .borderless > tfoot > tr > td,
.borderless > th, .borderless > td,
.borderless {
    border-top: none !important;
}


/* =================================================
   BOOTSTRAP navbar modifiers
   ================================================= */

.navbar-rec1 {
    background-color: #f3f3f3;
    border-color: #ddd;
    margin-bottom: 4px;
}

/* =================================================
   BOOTSTRAP list-group enhancement: list-item columns
   ================================================= */

.list-group-item > .row {
    margin-top: -10px;
    margin-bottom: -10px;
    margin-right: -16px;
}

.list-group-item > .row > div,
.list-group-item > .row > label {
    padding: 10px;
    margin: 0 0 0 0;
    border-right: 1px #ddd solid;
    display: block;
}

.list-group-item > .row > div:last-child,
.list-group-item > .row > label:last-child {
    margin-right: 0;
}

.list-group-item > .row > div:first-child,
.list-group-item > .row > label:first-child {
    border-left: none;
}

.list-group-item.heading {
    background-color: #eee;
    cursor: default;
}

label.list-group-item,
.list-group-item > label,
.list-group-item > .row > label {
    cursor: pointer;
    font-weight: normal;
    display: block;
}

.list-group-item > label {
    padding: 10px 15px;
    margin: -10px -15px !important;
    box-sizing: content-box;
}

label.list-group-item:hover,
.list-group-item > label:hover,
.list-group-item > .row > label:hover {
    background-color: #fafafa;
}

li.list-group-item:focus {
    background-color: #fafafa;
    z-index: 1;
}

/* =================================================
   BOOTSTRAP state fields enhancement - placeholder colors
   ================================================= */

.has-success input.placeholder-state::-webkit-input-placeholder {
    color: #2b542c;
}

.has-success input.placeholder-state:-moz-placeholder { /* Firefox 18- */
    color: #2b542c;
}

.has-success input.placeholder-state::-moz-placeholder { /* Firefox 19+ */
    color: #2b542c;
}

.has-success input.placeholder-state:-ms-input-placeholder {
    color: #2b542c;
}

.has-error input.placeholder-state::-webkit-input-placeholder {
    color: #a94442;
}

.has-error input.placeholder-state:-moz-placeholder { /* Firefox 18- */
    color: #a94442;
}

.has-error input.placeholder-state::-moz-placeholder { /* Firefox 19+ */
    color: #a94442;
}

.has-error input.placeholder-state:-ms-input-placeholder {
    color: #a94442;
}

.has-warning input.placeholder-state::-webkit-input-placeholder {
    color: #c09853;
}

.has-warning input.placeholder-state:-moz-placeholder { /* Firefox 18- */
    color: #c09853;
}

.has-warning input.placeholder-state::-moz-placeholder { /* Firefox 19+ */
    color: #c09853;
}

.has-warning input.placeholder-state:-ms-input-placeholder {
    color: #c09853;
}

/* FLEX PANELS */
.flex-panel-container {
    display: table;
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

.flex-panels {
    display: table-row;
}

.flex-panel {
    display: table-cell;
    float: none !important;
}

.flex-panels-bordered .flex-panel {
    border: 1px #ddd solid;
}

.flex-panels-bordered-sides .flex-panel {
    border-left: 1px #ddd solid;
    border-right: 1px #ddd solid;
}

.flex-panels.padded-bottom .flex-panel {
    padding-bottom: 20px;
}

/* OVERLAYS */
.has-overlay, .ui-relative {
    position: relative;
}

.overlay {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #444;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 5;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    text-align: center;
    overflow: hidden;
}

.reservations-panel > .overlay {
    z-index: 0;
}

.overlay > .overlay-text {
    color: #FFF;
    width: 100%;
    text-align: center;
    margin: 45% auto 0 auto;
    padding: 0 1em;
}

.overlay-visible .overlay {
    display: block;
}

.overlay.dismissed {
    display: none;
}

.overlay-light {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.9);
}

.overlay-light > .overlay-text {
    color: #222;
}

.overlay-opaque {
    opacity: 1;
}

.overlay-static {
    position: static;
    height: 100%;
    width: 100%;
}

.overlay-relative {
    position: static;
    height: 100%;
    width: 100%;
}

.overlay-top > .overlay-text {
    margin-top: 0;
}

.overlay p {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.icon-btn {
    cursor: pointer;
}

.icon-btn-right {
    margin-left: .3em;
}

.icon-btn-left {
    margin-right: .3em;
}

.btn-group.ui-nowrap > .btn {
    float: none;
}

.input-group-inline {
    /*width: 100px;*/
    display: inline-block !important;
}

html .input-group-inline .form-control,
html .input-group-inline .input-group-btn,
html .input-group-inline .input-group-addon {
    clear: none;
    display: block;
    float: left;
    width: auto;
    line-height: 20px;
}

.input-group-input-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
}

.input-group-inline .input-group-input-wrapper {
    float: left;
    width: auto;
}

.input-group-input-wrapper input {
    border-radius: 0;
}

.input-icons {
    position: absolute;
    margin-left: -32px;
    z-index: 2;
    bottom: 1px;
    top: 1px;
    line-height: 34px;
    font-size: 24px;
    left: 100%;
    background-color: transparent;
    right: 1px;
    /* margin-top: 2px; */
    transition: all 0.25s ease-out;
    overflow: hidden;
    color: #bdbdbd;
}

.input-icons.error {
    color: #970000;
}

.input-icons.working {
    color: #b99401;
}

.input-icons.success {
    color: #63b364;
}

.input-icons .action-icon {
    cursor: pointer;
    display: inline-block;
    position: relative;
    z-index: 5;
    margin-left: 4px;
}

.show-actions .input-icons {
    left: 0;
    margin-left: 1px;
    background-color: #fff;
}

.input-icons .input-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /* line-height: 35px; */
    bottom: 0;
}

.input-icons .input-wrapper input {
    /* position: absolute; */
    /* top: 0; */
    /* left: 26px; */
    /* right: 20px; */
    width: 100%;
    height: 100%;
    line-height: 26px;
    vertical-align: top;
    border: none;
    padding-left: 30px;
    opacity: 0;
}

.show-actions .input-icons .input-wrapper input {
    opacity: 1;
}

/* =================================================
   FULLCALENDAR Additions
   ================================================= */

.fc-event.fc-event-muted {
    background-color: #999999;
    border-color: #999999;
    color: #fff;
}

.fc-event.fc-event-primary {
    background-color: #428bca;
    border-color: #428bca;
    color: #fff;
}

.fc-event.fc-event-warning {
    background-color: #c09853;
    border-color: #c09853;
    color: #fff;
}

.fc-event.fc-event-danger {
    background-color: #b94a48;
    border-color: #b94a48;
    color: #fff;
}

.fc-event.fc-event-success {
    background-color: #468847;
    border-color: #468847;
    color: #fff;
}

.fc-event.fc-event-info {
    background-color: #3a87ad;
    border-color: #3a87ad;
    color: #fff;
}

body.has-navbar-fixed-top {
    transition: padding-top .3s ease-out;
    padding-top: 70px;
}

body.has-navbar-fixed-top-secondary {
    padding-top: 100px;
}


/* =================================================
   FULLCALENDAR Additions
   ================================================= */

body .border-color-1 {
    border-color: #f6b26b !important;
}

body .border-color-2 {
    border-color: #6cc2f8 !important;
}

body .border-color-3 {
    border-color: #93c47d !important;
}

body .border-color-4 {
    border-color: #8e7cc3 !important;
}

body .border-color-5 {
    border-color: #e06666 !important;
}

body .border-color-6 {
    border-color: #ffd966 !important;
}

body .border-color-7 {
    border-color: #c27ba0 !important;
}

body .border-muted {
    border-color: #EEE;
}

body .color-1 {
    color: #f6b26b !important; /* peachy */
}

body .color-2 {
    color: #6cc2f8 !important; /* sky blue */
}

body .color-3 {
    color: #93c47d !important; /* lime green */
}

body .color-4 {
    color: #8e7cc3 !important; /* violet */
}

body .color-5 {
    color: #e06666 !important; /* light red */
}

body .color-6 {
    color: #ffd966 !important; /* light yellow */
}

body .color-7 {
    color: #c27ba0 !important; /* light burgundy */
}

body .bg-color-1 {
    background-color: #f6b26b !important;
    color: #FFF !important;
}

body .bg-color-2 {
    background-color: #6cc2f8 !important;
    color: #FFF !important;
}

body .bg-color-3 {
    background-color: #93c47d !important;
    color: #FFF !important;
}

body .bg-color-4 {
    background-color: #8e7cc3 !important;
    color: #FFF !important;
}

body .bg-color-5 {
    background-color: #e06666 !important;
    color: #FFF !important;
}

body .bg-color-6 {
    background-color: #ffd966 !important;
    color: #FFF !important;
}

body .bg-color-7 {
    background-color: #c27ba0 !important;
    color: #FFF !important;
}

body .bordered-left {
    border-width: 0;
    border-left: 3px solid;
}

/* =================================================
   FACILITY MAP WIDGET 2015-10-02
   ================================================= */

.interactive-map {
    position: relative;
}

.interactive-map-heading {
    margin: 0 auto;
    text-align: center;
}

.interactive-map-container {
    margin: 0 auto;
    position: relative;
}

.interactive-map-background,
.interactive-map-background-overlay {
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.interactive-map-background-overlay {
    background-color: #FFF;
    opacity: 0.35;
}

.interactive-map-status {
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 10px;
    -moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
    padding: 10px;
    -o-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    display: none;
}

.interactive-map-item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    -moz-text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
    -webkit-text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
    text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
    z-index: 10;
    cursor: pointer;
    /*border: 1px #000 solid !important;*/
    background-clip: content-box;
}

.interactive-map-item-icon:hover {
    z-index: 11;
    -moz-text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.5);
    -webkit-text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.5);
    text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.5);
}

.interactive-map-item-icon-legend {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #CCC;
    vertical-align: middle;
}

.interactive-map-item-icon-legend,
.interactive-map-item-icon {
    -o-border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.interactive-map-item-icon-legend.btn-success,
.interactive-map-item-icon.btn-success {
    background-color: #5cb85c;
    color: #5cb85c;
    border-color: #4cae4c;
}

.interactive-map-item-icon-legend.btn-danger,
.interactive-map-item-icon.btn-danger {
    background-color: #d9534f;
    color: #d9534f;
    border-color: #d43f3a;
}

.interactive-map-item-icon-legend.btn-warning,
.interactive-map-item-icon.btn-warning {
    background-color: #f0ad4e;
    color: #f0ad4e;
    border-color: #eea236;
}

.fontawesome-icon {
    background-color: #CCC;
    color: #5cb85c;
    border-color: #4cae4c;
}

.popover-lg {
    position: relative;
    max-width: 800px !important;
    min-width: 800px !important;
}

.popover-md {
    max-width: 500px !important;
}

.popover-sm {
    max-width: 300px !important;
}

/*
 89300: Facilities: Grid View (no response)
 This pretty large z-index on tooltips helps to avoid CSS overrides
 from customer CSS on their public side templates (eg: Foundation framework)
*/
.tooltip {
    z-index: 5000 !important;
}

/* =================================================
   FACILITY GRID WIDGET 2015-10-21
   ================================================= */

.interactive-grid {
    position: relative;
}

.interactive-grid-heading {
    margin: 0 auto;
    text-align: center;
}

.interactive-grid-container {
    margin: 0 auto;
    position: relative;
}

.interactive-grid-inner {
}

.interactive-grid-status {
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 10px;
    -moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
    padding: 10px;
    -o-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    display: none;
}

.interactive-grid-item-icon {
    background-color: #CCC;
    display: block;
    position: absolute;
    -moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
    z-index: 10;
    cursor: pointer;
    border: 1px #000 solid !important;
    background-clip: content-box;
}

.interactive-grid-item-icon:hover {
    z-index: 11;
    -moz-box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.5);
}

.interactive-grid-item-icon-legend {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #CCC;
    vertical-align: middle;
}

.interactive-grid-item-icon-legend,
.interactive-grid-item-icon {
    -o-border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.interactive-grid-cell {
    padding: 0 !important;
    cursor: pointer;
}

.interactive-grid-cell > div {
    height: 36px;
    display: block;
    border-left: 1px #CCC solid;
}

.interactive-grid-table tr {
    border-color: #CCC !important;
}

.interactive-grid-row-legend {
    width: 250px;
}

.interactive-grid-row-legend > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.interactive-grid-column-heading {
    text-align: left !important;
    padding: 0.6em 0 0 0 !important;
    vertical-align: bottom !important;
}

.interactive-grid-column-heading span {
    margin-left: -50%;
    padding-left: 25%;
}

.interactive-grid-column-heading-bar-topleft {
    border: none !important;
    height: 10px !important;
    max-height: 10px !important;
    padding: 0 !important;
    overflow: hidden;
    font-size: 5px;
}

.interactive-grid-column-heading-bar {
    height: 10px !important;
    max-height: 10px !important;
    overflow: hidden;
    padding: 0 !important;
    font-size: 5px;
    border-left: 1px #CCC solid !important;
}

html .bg-warning.hoverable:hover {
    background-color: #faf9f5;
}

html .bg-danger.hoverable:hover {
    background-color: #f0c0c0;
}

html .bg-success.hoverable:hover {
    background-color: #cef0c0;
}

.rec1-transaction-action-trigger {
    cursor: pointer;
}

.ui-autocomplete {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

#tooltip {
    max-width: 400px;
}

.ui-discount-session-options > div,
.ui-discount-addon-options > div {
    white-space: nowrap;
}

.ui-discount-session-options > div > div,
.ui-discount-addon-options > div > div {
    white-space: normal;
}

.category-drilldown-category-menu,
.category-drilldown-activity-menu {
    margin-bottom: 5px;
}


.table tr.indent td:first-child {
    padding-left: 2em;
}

.btn .badge.badge-floating {
    position: absolute;
    font-size: .8em;
    top: -5px;
    left: -5px;
    z-index: 3;
}


/* =================================================
   REC1 THERMOMETER FORM 2016-08-04
   ================================================= */


.rec1-thermo-container {
    display: none;
}

.rec1-thermo-container.active {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    overflow-x: hidden;
    overflow-y: scroll;
    text-align: center;
    padding-top: 80px;
    background: #ccc;
    background: rgba(0, 0, 0, 0.3);
}


.rec1-thermo-host {
    padding: 15px 20px;
    background-color: #cfe2f3;
    /*background: linear-gradient(to right, #cfe2f3 0%, #f3ffcc 100%);*/
    max-width: 600px;
    border-radius: 10px;
    margin: 20px auto;

    -o-box-shadow: #737373 0 0 8px;
    -moz-box-shadow: #737373 0 0 8px;
    -webkit-box-shadow: #737373 0 0 8px;
    box-shadow: #737373 0 0 8px;
}


.rec1-thermo-form {

}

.rec1-thermo-rating-row {
    padding: 5px 0;
    text-align: left;
}

.rec1-thermo-rating-tooltip {
    float: left;
    width: 200px;
    line-height: 58px;
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
    color: #444;
}

.rec1-thermo-rating-row h3 {
    margin: 0 0 15px 0;
    font-size: 18px;
}

.rec1-thermo-rating-row h4 {
    margin: -10px 0 10px 0;
    font-size: 10px;
    color: #999;
    text-transform: uppercase;
    font-weight: bold;
}

.rec1-thermo-rating-button {
    float: left;
    width: 60px;
    height: 60px;
    padding: 10px;
    border-radius: 60px;
    /*border: 2px rgba(0, 0, 0, 0.1) solid;*/
    margin-right: 10px;
    line-height: 38px;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    opacity: 0.65;
}

.rec1-thermo-rating-button:hover {
    opacity: 1;
}

.rec1-thermo-rating-button.active {
    opacity: 1;
}

button.btn.rec1-thermo-submit {
    position: relative;
    overflow: hidden;
}

button.btn.rec1-thermo-submit.average-rating {
    border: none !important;
    margin: 1px !important;
    background-color: transparent !important;
    color: #fff;
    outline: none;
}

button.btn.rec1-thermo-submit.average-rating:hover {
    -o-box-shadow: #388cee 0 0 8px;
    -moz-box-shadow: #388cee 0 0 8px;
    -webkit-box-shadow: #388cee 0 0 8px;
    box-shadow: #388cee 0 0 8px;
}

button.btn.rec1-thermo-submit.average-rating:active {
    -o-box-shadow: #388cee 0 0 16px;
    -moz-box-shadow: #388cee 0 0 16px;
    -webkit-box-shadow: #388cee 0 0 16px;
    box-shadow: #388cee 0 0 16px;
}

button.btn.rec1-thermo-submit .average-rating {
    /*transition: transform .4s ease-out;*/
    transition: left .4s ease-out;
    /*background: linear-gradient(to right, #f3050b 0%, #f36424 100%,*/
    /*#f3c340 200%, #c2e264 300%, #58c132 400%, #388cee 500%) !important;*/
    background: linear-gradient(to right, #f3050b 0%, #f36424 16.66%,
    #f3c340 33.33%, #c2e264 50%, #58c132 66.66%, #388cee 100%) !important;
    position: absolute;
    width: 600px;
    height: 100%;
    top: 0;
    left: 0;
}

button.btn.rec1-thermo-submit > i,
button.btn.rec1-thermo-submit > span {
    position: relative;
    z-index: 2;
}

.avg-thermo-grade-1 {
    /*transform: translateX(0);*/
    left: 0 !important;
}

.avg-thermo-grade-2 {
    /*transform: translateX(-100px);*/
    left: -100px !important;
}

.avg-thermo-grade-3 {
    /*transform: translateX(-200px);*/
    left: -200px !important;
}

.avg-thermo-grade-4 {
    /*transform: translateX(-300px);*/
    left: -300px !important;
}

.avg-thermo-grade-5 {
    /*transform: translateX(-400px);*/
    left: -400px !important;
}


.thermo-grade-1 {
    background-color: #f3050b;
    background: linear-gradient(to right, #f3050b 0%, #f36424 100%) !important;
}

.thermo-grade-2 {
    background-color: #f36424;
    background: linear-gradient(to right, #f36424 0%, #f3c340 100%) !important;
}

.thermo-grade-3 {
    background-color: #f3c340;
    background: linear-gradient(to right, #f3c340 0%, #c2e264 100%) !important;
}

.thermo-grade-4 {
    background-color: #c2e264;
    background: linear-gradient(to right, #c2e264 0%, #58c132 100%) !important;
}

.thermo-grade-5 {
    background-color: #58c132;
    background: linear-gradient(to right, #58c132 0%, #388cee 100%) !important;
}

.rec1-thermo-rating-button.inactive {
    background: #757575 !important;
}

.rec1-thermo-view-all-modules {
    text-align: right;
    width: 350px;
    margin: 10px 0;
}

.rec1-thermo-footer {
    margin-top: 10px;
    text-align: right;
}

.rec1-thermo-comments {
    margin: 10px;
    text-align: left;
}

.rec1-thermo-comments textarea {
    width: 100%;
}

.rec1-thermo-comments p {
    font-size: 20px;
    margin: 0;
    padding: 40px 0;
}

.rec1-thermo-comments i {
    float: left;
    margin-right: 20px;
    line-height: 180px;
    font-size: 120px;
    margin-bottom: 20px;
    color: #1781c6;
}

.rec1-thermo-comments a {
    font-size: 20px;
    text-decoration: underline;
    margin-left: 140px;
}

.rec1-thermo-icon {
    color: #8bc0e2 !important;
    text-decoration: none !important;
    font-size: 20px;
}

.thermo-icon-grade-1 {
    color: #f3050b !important;
}

.thermo-icon-grade-2 {
    color: #f36424 !important;
}

.thermo-icon-grade-3 {
    color: #f3c340 !important;
}

.thermo-icon-grade-4 {
    color: #c2e264 !important;
}

.thermo-icon-grade-5 {
    color: #58c132 !important;
}


.form-fieldset {
    padding: 10px;
}

.form-fieldset legend {
    width: auto;
    padding: 0 5px;
    margin: 0 0 0 5px;
    border-bottom: none;
    font-size: 100%;
    text-align: left;
}

.activity-selector-search {
    width: 90% !important;
}

/* =================================================
   POS ITEMS LIST
   ================================================= */

.pos-items-list .row {
    border-bottom: 1px #ddd solid;
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 30px;
}

.pos-items-list .row.ui-voffset-md {
    border-bottom: none;
}

.pos-items-list h4 {
    font-weight: bold;
    background-color: #eee;
    margin: 0;
    padding: 10px 5px;
}

.pos-items-list input.glpicker {
    min-width: 300px;
}

.pos-items-list .glpicker-input-group {
    margin-top: 2px;
}

.pos-items-list input.glpicker,
.pos-items-list button.glpicker-clear {
    height: 26px !important;
    padding: 0 3px !important;
    font-size: 13px !important;
}

.pos-items-list button.glpicker-clear {
    margin-top: -4px;
}

.pos-items-list button.glpicker-clear i {
    margin-top: -5px;
    font-size: 10px;
    padding-left: 5px;
    padding-right: 5px;
}


.btn-hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-hover, .btn-success {
    color: #fff;
    background-color: #0c7c41 !important;
    border-color: #398439
}

.btn-hover.btn-primary {
    color: #fff;
    background-color: #3071a9;
    border-color: #285e8e
}


.text-sizer {
    position: absolute;
    top: -10000px;
    left: -10000px;
    /*padding-left: 4px;*/
    /*padding-right: 4px;*/
    white-space: pre;
    visibility: hidden;
}

.stylepicker-container .btn.active .checkmark {
    display: inline-block;
}

.stylepicker-container .btn:not(.active) .checkmark {
    display: none;
}

/* These are recommended styles for the default splitpane */
.goog-splitpane {
    height: 200px;
    width: 600px;
    overflow: hidden;
    border-radius: 4px;
    border: 1px #ddd solid;
}

.goog-splitpane-handle {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #ddd;
    position: absolute;
}

.goog-splitpane-handle-horizontal {
    cursor: col-resize;
}

.goog-splitpane-handle-vertical {
    cursor: row-resize;
}

.goog-splitpane-first-container,
.goog-splitpane-second-container {
    overflow: hidden;
    position: absolute;
    border: 3px solid #f3f3f3;
    background-color: #f3f3f3;
}


/* =================================================
   UI Spinner
   ================================================= */

.ui-spinner {
    /* Hidden by default */
    display: none;
    margin: .3em;
    background: url('/public/img/spinner/circle.gif') no-repeat;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.ui-spinner-bar {
    background-image: url('/public/img/spinner/bar.gif');
}

/* =================================================
   UI Title Bar
   ================================================= */
.ui-title-bar {
    line-height: 46px;
}

.checkin-expired-box {
    background-color: #b94a48;
    font-size: 2em;
    color: #fff;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 5px;
}

.checkin-expired-box .title {
    font-weight: Bold;
}

.rec1-suggested-users-container {
    position: absolute;
    right: 25px;
    z-index: 9;
    width: 500px;
    margin-top: -5px;
}

.rec1-suggested-users-container.empty {
    display: none !important;
}

.rec1-suggested-users-dropdown-btn.opened,
.rec1-suggested-users-dropdown-btn:hover {
    background-color: #428bca !important;
    color: #fff !important;
    font-weight: Bold;
}

.rec1-suggested-users-dropdown {
    width: 300px;
    right: 55px;
    padding: 10px;
    top: 35px;
}

.rec1-suggested-users-container .search-details .user-fullname {
    font-weight: Bold;
    text-transform: capitalize;
}

.rec1-suggested-users-container .search-details {
    line-height: 34px;
    font-size: 14px;
    font-style: italic;
    margin-right: 10px;
}

.session-timer-dialog .ui-dialog-titlebar-close {
    display: none !important;
}

.session-timer-dialog .modal-footer {
    text-align: right;
    margin-top: 18px;
}

.session-timer-dialog .modal-footer .btn {
    background-color: #fff;
    background-image: none !important;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
    padding: 6px 12px;
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.session-timer-dialog .modal-footer .btn-primary {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
    padding: 6px 12px 26px 12px;
}

.session-timer-dialog {

    width: 500px !important;

    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.session-timer-dialog .ui-dialog-titlebar {
    background-color: #fff;
    border: none !important;
    background-image: none !important;
    font-weight: normal;
    font-size: 1.2em;
}

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

.blank-slate {
    margin-top: 40px;
    text-align: center;
    font-size: 40px;
    color: #ccc;
}

.blank-slate i {
    font-size: 128px;
}

.blank-slate-description {
    color: #333;
    width: 50%;
    margin: 40px auto auto auto;
}

.ui-sessiondailypricecalendar .fc-event-container {
    font-size: 14px;
    cursor: pointer;
}

.ui-clear-filters {
    display: block;
    padding-top: 5px;
    padding-bottom: 8px;
    cursor: pointer;
}

.rec1-catalog-filters-clear-btn {
    padding-bottom: 15px;
    font-size: 0.9em;
}


.draggable-zenddesk {
    position: fixed;
    width: 150px;
    height: 50px;
    max-height: 551px;
    min-height: 50px;
    right: 0px;
    bottom: 0px;
    margin: 10px 20px;
    border-radius: 0px 999rem 999rem 0px;
}


.draggable-zenddesk iframe {
    float: right;
}

.draggable-handler {
    width: 35px;
    height: 100%;
    display: none;
    cursor: pointer;
    line-height: 50px;
}

.draggable-zenddesk:hover > .draggable-handler {
    display: block;
}

.day-panel-group {
    margin: 4px !important;

}

/* Style Modifications to Permissions Table */

.tab-content .tab-pane.active thead th {
    background: #fff;
    position: sticky;
    top: 0px;
}

.tab-pane.active tbody td:first-of-type {
    background: #fff;
    position: sticky;
    left: 0px;
}

/* 82622: Expired emergency contacts */
.alert-expired-emergency-contacts {
    color: #FFFFFF !important;
    background-color: #d32f2f !important;
    border-color: #d32f2f !important;
    max-width: 720px;
    display: flex;
    align-items: center;
    padding: 6px 16px 6px 24px !important;
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    bottom: 0;
    border-width: 1px 0 0;
    position: fixed !important;
    right: 0;
    left: 0;
    z-index: 1040;
    margin-bottom: 0 !important;
    margin-left: auto;
    margin-right: auto;
}

.expired-emergency-contacts-button {
    color: #FFFFFF;
    background-color: #d32f2f;
    border-color: #FFFFFF;
    margin-left: 5px;
    border-radius: 1px;
    text-transform: uppercase;
}

.expired-emergency-contacts-button:first-child {
    margin-left: auto;
}

.expired-emergency-contacts-button:hover {
    color: #EEE;
    border-color: #FFFFFF;
}

/* #86058 - Security: Permission Groups Row not Pinned */

.permissions-pin-button {
    padding: .5em 1em;
    cursor: pointer;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
}

.permissions-pin-button:hover {
    color: #777;
}

.permissions-pin-button.pinned {
    color: #555;
}

.permissions-pin-button i {
    margin-right: .5em;
}

.permissions-pin-button span {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

.deactivated {
    display: inline;
    padding-left: .5em;
}

.facility-rules {
    z-index: 1080 !important;
}

@media (max-width: 768px) {
    body .modal-lg-fill {
        min-width: 95%;
    }
    .modal-body .row > div {
        margin-bottom: 30px;
    }
}

.rec1-fill-currentcolor {
    fill: currentColor;
}