/*! jQuery UI - v1.13.0 - 2021-10-07
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

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

.ui-menu .ui-menu {
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /* Support: IE <= 11 */
    overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

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

.ui-controlgroup>.ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
}

.ui-controlgroup>.ui-controlgroup-item:focus,
.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    -ms-filter: "alpha(opacity=25)";
    /* support: IE8 */
    opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0;
}

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: pointer;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative;
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

.ui-widget-header a {
    color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    -ms-filter: "alpha(opacity=70)";
    /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    -ms-filter: "alpha(opacity=35)";
    /* support: IE8 */
    background-image: none;
}

.ui-state-disabled .ui-icon {
    -ms-filter: "alpha(opacity=35)";
    /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
    background-image: none;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    -ms-filter: Alpha(Opacity=30);
    /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}

/*
 * jquery-filestyle
 * doc: http://markusslima.github.io/jquery-filestyle/
 * github: https://github.com/markusslima/jquery-filestyle
 *
 * Copyright (c) 2017 Markus Vinicius da Silva Lima
 * Version 2.1.0
 * Licensed under the MIT license.
 */
.jfilestyle {
    display: inline-block;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    position: relative;
    border-collapse: separate;
}

div.jfilestyle label,
div.jfilestyle input {
    font-family: sans-serif;
}

div.jfilestyle input {
    border: 1px solid #c0c0c0;
    background: #d9d9d9;
    margin: 0px -5px 0px 0px;
    vertical-align: middle;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 0px;
    color: #8d8d8d;
    cursor: default;
    line-height: normal;
}

div.jfilestyle label {
    display: inline-block;
    border: 1px solid #c0c0c0;
    background: #ffffff;
    padding: 10px 15px;
    color: #0662ba;
    vertical-align: middle;
    line-height: normal;
    text-align: center;
    margin: 0px;
    font-size: 14px;
    width: auto;
    border-radius: 0px;
    font-weight: normal;
}

div.jfilestyle.jfilestyle-corner input:last-child,
div.jfilestyle.jfilestyle-corner label:last-child {
    margin-left: -1px;
}

div.jfilestyle label[disabled] {
    pointer-events: none;
    opacity: 0.6;
    filter: alpha(opacity=65);
    cursor: not-allowed;
}

div.jfilestyle label:hover {
    cursor: pointer;
    opacity: 0.9;
}

div.jfilestyle .count-jfilestyle {
    background: #303030;
    color: #fff;
    border-radius: 50%;
    padding: 1px 5px;
    font-size: 12px;
    vertical-align: middle;
}

/** 
 * THEMES
 */
div.jfilestyle.jfilestyle-theme-blue input {
    /**/
}

div.jfilestyle.jfilestyle-theme-blue label {
    border-color: #438eff;
    background: #438eff;
    color: #fff;
}

div.jfilestyle.jfilestyle-theme-green input {
    /**/
}

div.jfilestyle.jfilestyle-theme-green label {
    border-color: #18a063;
    background: #18a063;
    color: #fff;
}

div.jfilestyle.jfilestyle-theme-yellow input {
    /**/
}

div.jfilestyle.jfilestyle-theme-yellow label {
    border-color: #e8c821;
    background: #e8c821;
    color: #fff;
}

div.jfilestyle.jfilestyle-theme-black input {
    /**/
}

div.jfilestyle.jfilestyle-theme-black label {
    border-color: #424242;
    background: #424242;
    color: #fff;
}

div.jfilestyle.jfilestyle-theme-red input {
    /**/
}

div.jfilestyle.jfilestyle-theme-red label {
    border-color: #f33f3f;
    background: #f33f3f;
    color: #fff;
}

div.jfilestyle.jfilestyle-theme-purple input {
    /**/
}

div.jfilestyle.jfilestyle-theme-purple label {
    border-color: #873aff;
    background: #873aff;
    color: #fff;
}

div.jfilestyle.jfilestyle-theme-asphalt input {
    /**/
}

div.jfilestyle.jfilestyle-theme-asphalt label {
    border-color: #435673;
    background: #435673;
    color: #fff;
}

/* Background colour #eeeeee */
DIV.autosuggest DIV.as_header DIV.as_bar {
    OVERFLOW: hidden;
    HEIGHT: 6px;
    BACKGROUND-COLOR: #f5f5f5;
    border-top: 1px solid #a7a7a7
}

DIV.autosuggest DIV.as_footer DIV.as_bar {
    OVERFLOW: hidden;
    HEIGHT: 5px;
    BACKGROUND-COLOR: #f5f5f5;
    border-bottom: 1px solid #a7a7a7;
}

DIV.autosuggest>UL {
    PADDING-RIGHT: 0px !important;
    PADDING-LEFT: 0px !important;
    PADDING-BOTTOM: 0px !important;
    MARGIN: 0px 0px -4px;
    OVERFLOW: hidden;
    PADDING-TOP: 0px !important;
    LIST-STYLE-TYPE: none;
    list-style: none !important;
    list-style-image: none;
    BACKGROUND-COLOR: #f5f5f5;
    border-left: 1px solid #a7a7a7;
    border-right: 1px solid #a7a7a7;
}

/* Normal Text colour */
UL.autosuggestUL LI {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 4px 4px;
    COLOR: #000;
    PADDING-TOP: 0px;
    TEXT-ALIGN: left
}

.asPaging {
    background-COLOR: #dddddd;
}

DIV.autosuggest UL LI A {
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    WIDTH: 100%;
    COLOR: #000 !important;
    PADDING-TOP: 0px;
    POSITION: relative;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none !important;
}

/*
	text-shadow: #000 0px 0px 5px
}
*/
/* Info Text colour */
DIV.autosuggest UL LI A SPAN SMALL {
    FONT-WEIGHT: normal;
    COLOR: #555
}

/* Info Text highlighted */
DIV.autosuggest UL LI.as_highlight A SPAN SMALL {
    COLOR: #ccc
}

/* Matched Text */
DIV.autosuggest UL EM {
    COLOR: #D90A24;
    FONT-STYLE: normal
}

/* highlighted item */
DIV.autosuggest UL LI.as_highlight A {
    BACKGROUND-POSITION: right bottom;
    BACKGROUND-IMAGE: url('/images/autocomplete/hl_corner_br.gif');
    COLOR: #fff;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: #555555
}

/*DIV.autosuggest UL LI.as_highlight A:hover {
	BACKGROUND-COLOR: #1b5ccd
}*/
BODY {
    POSITION: relative
}

DIV.autosuggest {
    PADDING-RIGHT: 0px;
    BACKGROUND-POSITION: 50% top;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('/images/autocomplete/as_pointer.gif');
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 10px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: absolute;
    z-index: 10002;
    text-decoration: none;
}

DIV.autosuggest DIV.as_header {
    PADDING-RIGHT: 6px;
    BACKGROUND-POSITION: right top;
    PADDING-LEFT: 6px;
    BACKGROUND-IMAGE: url('/images/autocomplete/ul_corner_tr.gif');
    PADDING-BOTTOM: 0px;
    OVERFLOW: hidden;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
    HEIGHT: 6px;
    BACKGROUND-COLOR: #eeeeee;
    z-index: 10002;
}

DIV.autosuggest DIV.as_footer {
    PADDING-RIGHT: 6px;
    BACKGROUND-POSITION: right top;
    PADDING-LEFT: 6px;
    BACKGROUND-IMAGE: url('/images/autocomplete/ul_corner_tr.gif');
    PADDING-BOTTOM: 0px;
    OVERFLOW: hidden;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
    HEIGHT: 6px;
    z-index: 10002;
}

DIV.autosuggest DIV.as_footer {
    BACKGROUND-IMAGE: url('/images/autocomplete/ul_corner_br.gif');
    z-index: 10002;
}

DIV.autosuggest DIV.as_footer DIV.as_corner {
    BACKGROUND-POSITION: left top;
    LEFT: 0px;
    BACKGROUND-IMAGE: url('/images/autocomplete/ul_corner_tl.gif');
    WIDTH: 6px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 6px;
    background-color: #eeeeee;
    z-index: 10002;
}

DIV.autosuggest DIV.as_footer DIV.as_corner {
    BACKGROUND-IMAGE: url('/images/autocomplete/ul_corner_bl.gif');
    background-color: #f5f5f5;
    z-index: 10002;
}

DIV.autosuggest DIV.as_header DIV.as_corner {
    BACKGROUND-POSITION: left top;
    LEFT: 0px;
    BACKGROUND-IMAGE: url('/images/autocomplete/ul_corner_tl.gif');
    WIDTH: 6px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 6px;
    background-color: #f5f5f5
}

DIV.autosuggest UL LI A SPAN {
    PADDING-RIGHT: 6px;
    DISPLAY: block;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: 700;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px
}

DIV.autosuggest UL LI A .tl {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 6px;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 6px
}

DIV.autosuggest UL LI A .tr {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 6px;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 6px
}

DIV.autosuggest UL LI A .tr {
    RIGHT: 0px
}

DIV.autosuggest UL LI.as_highlight A .bl {
    BACKGROUND-POSITION: left bottom;
    BACKGROUND-IMAGE: url('/images/autocomplete/hl_corner_bl.gif');
    BACKGROUND-REPEAT: no-repeat;
    LEFT: 0px;
}

DIV.autosuggest UL LI.as_highlight A .tl {
    BACKGROUND-POSITION: left bottom;
    LEFT: 0px;
    BACKGROUND-IMAGE: url('/images/autocomplete/hl_corner_tl.gif')
}

DIV.autosuggest UL LI.as_highlight A .tr {
    BACKGROUND-POSITION: right bottom;
    RIGHT: 0px;
    BACKGROUND-IMAGE: url('/images/autocomplete/hl_corner_tr.gif')
}

DIV.autosuggest UL LI.as_warning {
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
    color: Black;
}


/****************************/
/*******Site Variables*******/
:root {
    /*Colours*/
    --ohio-lightshades: #f9f9f9;
    --ohio-background-grey: #e3e3e3;
    --ohio-brandcolor: #c0ced9;
    --ohio-brand-blue: #1073ba;
    --ohio-brand-blue-lighten: #3888c1;
    --ohio-brand-darkblue: #00335b;
    --ohio-brand-darkblue-lighten: #0a4b7e;
    --ohio-brand-lightblue: #d5e6f2;
    --ohio-black: #36353a;
    --ohio-black-hover: #404548;
    --ohio-menu-child: #3a3f42;
    --ohio-white: #ffffff;
    --ohio-white-smoke: #F5F5F5;
    --ohio-sidemenu-border: #58575d;
    --ohio-shadow: #ccc;
    --ohio-border-grey: #878f93;
    --ohio-border-lightgrey: #c7ced1;
    --ohio-error-red: #ea1f1f;
    --ohio-row-hover: #cecece;
    --ohio-admin-core: #1073ba;
    --ohio-admin-finance: #2b9720;
    --ohio-admin-content: #BC2C1A;
    --ohio-admin-system: #7e3f8f;
    --ohio-hover-lighten: rgba(255, 255, 255, 0.2);
    --ohio-traffic-amber: #f4f422;
    --ohio-traffic-red: #ea1f1f;
    --ohio-traffic-lightred: #fff0f0;
    --ohio-traffic-green: #7ce117;
    --ohio-traffic-lightgreen: #f3ffe7;
    --ohio-success: #a9e56e;
    --ohio-info: #a2d9ff;
    --ohio-warning: #fdf675;
    --ohio-error: #ff9393;
    /*Variables*/
    --ohio-navbar-height: 5em;
    --ohio-sidemenu-item-height: 3.1em;
    --ohio-sidemenu-childitem-height: 3em;
    --ohio-footer-height: 15em;
    --ohio-input-height: 2em;
    --ohio-input-width: 12em;
}

* {
    font-family: OpenSans-Regular, sans-serif;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
}

html,
body,
form,
page {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

.page-title {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 0px;
    height: 0px;
    z-index: -1;
}

.gradient h1 {
    font-size: 222%;
    color: #083785;
    font-weight: normal;
    letter-spacing: -.05em;
    display: inline-block;
    /*Dont remove. Required for site header*/
    white-space: nowrap;
    /*Dont remove. Required for site header*/
    text-align: left;
    position: relative;
    /*Dont remove. Required for gradient*/
}

.gradient h1 span {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(/Images/Default/gradient_1.png) repeat-x;
}


* html .gradient h1 span {
    background-color: #fff;
    background-color: transparent;
    background-image: url(/Images/Default/gradient_1.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Images/Default/gradient_1.png", sizingMethod="scale");
}


/*---- General text elements styles----*/
h1 {
    color: #221F73;
    display: inline;
    font-size: 128%;
    font-style: normal;
    font-weight: bold;
    line-height: 1;
}

legend {
    color: #0071BC;
    font-weight: bold;
}


table.twoColumnsContainerTable,
table.twoColumnsContainerTable_RightAligned,
table.threeColumnsContainerTable {
    vertical-align: top;
    border-collapse: collapse;
    border: 0px;
    white-space: nowrap;
    min-width: 700px;
}

table.threeColumnsContainerTable {
    min-width: 875px;
}

table.twoColumnsContainerTable_RightAligned {
    width: 100%;
    min-width: 0px;
}

table.twoColumnsContainerTable>tbody>tr td[colspan]:first-child,
table.threeColumnsContainerTable>tbody>tr td[colspan]:first-child {
    padding-right: 2px;
}

table.twoColumnsContainerTable>tbody>tr>td,
table.threeColumnsContainerTable>tbody>tr>td {
    text-align: left;
    vertical-align: top;
    padding-right: 2px;
}

tr.recordStatusBlock {
    border-bottom: 1px solid #EDEDED;
}

table.twoColumnsContainerTable_RightAligned>tbody>tr>td {
    text-align: right;
}

.blockHeader {
    color: #0071BC;
    font-weight: bold;
}

table.twoColumnsContainerTable>tbody>tr.blockHeader>td,
table.threeColumnsContainerTable>tbody>tr.blockHeader>td {
    font-weight: bold;
    padding-top: 10px;
}

table.twoColumnsContainerTable>tbody>tr.rowPadding>td {
    padding-bottom: 10px;
}

table.wbClinicalReport>tbody>tr>td {
    padding-top: 10px;
    vertical-align: middle;
}

td.separator {
    width: 2px;
    background-color: Gray;
}

.commonTextGray

/*Use this for displaying all text information*/
    {
    color: #333333;
    font-size: small;
}

.commonTextGray a,
.commonTextGray a:hover {
    color: #333333;
    font-size: small;
    text-decoration: underline;
}

.commonTextGray a:hover {
    color: Gray;
}

.commonTextBlue

/*Use this for displaying highlighted text info, important notes etc*/
    {
    color: navy;
    font-size: small;
    white-space: nowrap;
}

.commonTextBlue a,
.commonTextBlue a:hover {
    color: navy;
    font-size: small;
    text-decoration: underline;
}

.commonTextBlue a:hover {
    color: #0071BC;
}

.h2 {
    font-weight: bold;
    color: #0071BC;
    font-size: medium;
}

.h3 {
    font-weight: bold;
    font-size: small;
}

.bold {
    font-weight: bold;
}

.mandatory {
    color: Red;
    padding: 0 0.2em;
}

.hideElement {
    color: rgb(245, 245, 245);
}

.breadCrumbs {
    height: 30px;
}

.breadCrumbs,
.breadCrumbs a {
    color: navy;
    font-size: 9pt;
    background-color: #DFDFDF;
    padding-top: 5px;
}

.breadCrumbs span:first-child {
    margin-left: 23px;
}

#MainContent_MainBreadcrumbs_SiteMapPathMain span {
    margin-left: 0;
}

.breadCrumbs a:hover {
    color: #0071BC;
}

/*Logo*/
.logoImage {
    width: 378px;
    min-width: 378px;
    height: 159px;
    min-height: 159px;
    float: left;
}

.logoContainer {
    min-height: 125px;
}

.loginDisplay {
    text-align: left;
    position: relative;
    float: right;
}

.leftRightButtonStyle {
    width: 3em;
    height: 3em;
    color: white;
    margin: 1em;
}

.rmDashboardButtons {
    text-align: left;
    position: relative;
    float: left;
}

.rmDashboardButtons>div {
    padding-right: 10px;
}

.paddingtop55 {
    padding-top: 55px !important;
}

div.loginDisplay>div {
    text-align: right;
}

.accountInfo {
    text-align: center;
    vertical-align: top;
}

.accountInfo *>p>span:first-child {
    padding-left: 5px;
    padding-right: 5px;
}

.buttonEnableLiveChat {
    margin-left: 22px;
    margin-right: 25px;
    background-color: #0071BC;
    color: white;
    padding: 5px 13px 5px 13px;
    font-weight: bold;
    border: 0px;
    border-radius: 3px;
}

.buttonEnableLiveChat:hover {
    cursor: pointer;
    background-color: #2989c9;
}

.buttonSmall {
    background-image: url('/Images/Default/button_background.gif');
    background-position: top;
    background-repeat: repeat-x;
    background-color: #221F73;
    color: White;
    text-align: center;
    border: 1px solid #333333;
    cursor: pointer;
    padding-bottom: 1px;
    font-weight: bold;
    font-size: smaller;
    padding-left: 3px;
    padding-right: 3px;
}


/*-----Main body elements styles------------*/
.main {
    padding-top: 5em;
    padding-top: var(--ohio-navbar-height);
    padding-left: 4.6em;
    transition: padding-left 0.5s ease-in-out;
    min-height: calc(100vh - 15em);
    min-height: calc(100vh - var(--ohio-footer-height));
    background-color: #e3e3e3;
    background-color: var(--ohio-background-grey);
    box-sizing: border-box;
}

.expand-menu {
    padding-left: 15em !important;
    transition: padding-left 0.5s ease-in-out !important;
    -moz-transition-delay: 0.2s !important;
    -o-transition-delay: 0.2s !important;
    -webkit-transition-delay: 0.2s !important;
    -moz-transition-delay: 0.2s !important;
    -o-transition-delay: 0.2s !important;
    -webkit-transition-delay: 0.2s !important;
    transition-delay: 0.2s !important;
}

.login-content-container {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding-top: 5em;
    padding-top: var(--ohio-navbar-height);
    width: 100%;
    min-height: calc(100vh - 15em);
    min-height: calc(100vh - var(--ohio-footer-height));
    background-color: #e3e3e3;
    background-color: var(--ohio-background-grey);
}

.content-container {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0.6em;
    width: 100%;
}

.grid_header {
    background-color: #ededed;
    height: 25px;
}

.grid_header .print_container {
    float: left;
}

.grid_header .filter_container {
    float: right;
    text-align: right;
    padding-top: 5px;
}

.grid_header .clear {
    clear: both;
}

.hidden {
    display: none;
}

.visibilityHidden {
    visibility: hidden;
}

.modalBackground {
    background-color: #C0C0C0;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalConfirm {
    background-color: White;
    width: 350px;
}

.mfa-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.mfa-content-container {
    background-color: var(--ohio-background-grey);
    padding-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
    min-height: calc(100vh - 15em);
    min-height: calc(100vh - var(--ohio-footer-height));
}

/****************/
/**** Wizard ****/
/****************/
.wizardheader {
    width: 100%;
    height: 40px;
}

.wizardheader * span {
    font-size: 14px;
}

.wizardheader td {
    white-space: nowrap;
}

.aligner {
    width: 99%;
}

.wizardtab {
    min-width: 900px;
}

.wizardbody {
    padding-bottom: 2em;
}

.wizardbody table {
    width: 100%;
}

.blockHeaderAlone td {
    color: #0071BC;
    font-weight: bold;
}

.capital {
    text-transform: uppercase;
}

.capital input {
    text-transform: uppercase;
}

.wizard {
    width: 100%;
}

.red {
    color: var(--ohio-traffick-red) !important;
    color: #ea1f1f !important;
}

.green {
    color: var(--ohio-traffic-green) !important;
    color: #7ce117 !important;
}

.top {
    vertical-align: top;
}

.nowrap {
    white-space: nowrap;
}

.wrapnormal {
    white-space: normal;
}

div.trainingSite {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50em;
    margin: 1em;
    border-radius: 0.4em;
    box-shadow: 0px 5px 15px -6px var(--ohio-border-grey);
}

p.banner {
    font-weight: bold;
    font-size: 16px;
    width: 100%;
    text-align: center;
}


div.waitContainer {
    background-image: url('/Images/Default/wait_icons/wait30trans.gif');
    height: 30px;
    width: 30px;
}

.fixed {
    position: fixed;
    top: 0px;
    right: 0px;
}

.hidden {
    visibility: hidden;
}

.visible {
    visibility: visible;
}

/*--- Search toolbar styles---*/
.cpHeader {
    cursor: pointer;
    background-color: #EDEDED;
    font-size: 9pt;
    font-weight: bold;
}

.searchToolbar {
    border: 1px solid #EDEDED;
    border-bottom-width: 2px;
    border-right-width: 2px;
    width: 100%;
}


.searchToolbar>tbody>tr>td:first-child {
    white-space: normal;
    width: 40px;
    font-size: 8pt;
    padding-left: 0px;
    text-align: left;
}

.searchToolbar * td>input[type="submit"] {
    width: 50px;
    margin-left: 5px;
    margin-right: 5px;
}



.searchToolbar * td>input[type="text"] {
    width: 150px;
}

/*--- End Search toolbar styles---*/

/*News/Announcements styles*/
div.news .h2 {
    padding-top: 5px;
    padding-left: 5px;
}

.newsBody {
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 20px;
    padding-bottom: 10px;
}


/*-----Footer------------*/
.pagefooter {
    background-color: #00335b;
    background-color: var(--ohio-brand-darkblue);
    height: 15em;
    height: var(--ohio-footer-height);
}

.pagefooter,
.main:after {
    min-height: 4em;
}

.page-footer-loggedin {
    padding-left: 4.6em;
    transition: padding-left 0.5s ease-in-out;
}

.footer-container {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    color: #ffffff;
    color: var(--ohio-white);
    width: 100%;
    height: 100%;
    padding: 1em;
}

.footer-top {
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    margin-bottom: 1em;
}

.footer-bottom {
    border-top: 2px solid #878f93;
    border-top: 2px solid var(--ohio-border-grey);
    box-sizing: border-box;
    color: #ffffff;
    color: var(--ohio-white);
    display: flex;
    justify-content: flex-start;
    padding: 1em;
    width: 100%;
}

.footer-left,
.footer-middle,
.footer-right {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 1em;
    width: 100%;
}

.footer-middle {
    border-left: 2px solid #878f93;
    border-left: 2px solid var(--ohio-border-grey);
    border-right: 2px solid #878f93;
    border-right: 2px solid var(--ohio-border-grey);
}

.footer-title {
    font-size: 1.2em;
    font-weight: bold;
}

.footer-text {}


.assestmentRiskOnManReferralEditable {
    margin-left: -12px;
}

.assestmentRiskOnManReferralRead {
    margin-left: -5px;
}

.inputCheck {
    padding-right: 4px;
    padding-left: 0px;
    margin-top: 3px;
}

.inputCheck input[type="checkbox"] {
    padding: 0px;
}

a.print {
    cursor: pointer;
}

.print_header {
    display: none;
}

.removeImageBorder img {
    border: 0px;
}


table.Content {
    text-align: center;
    color: #333333;
    width: 98%;
    border-collapse: collapse;
    white-space: pre-line;
    margin-left: 5px;
}

table.ContentTable>tbody>tr.blockHeader>td {
    text-align: left;
    font-weight: bold;
    padding-top: 10px;
}

table.CaseFile {
    text-align: center;
    color: #333333;
    width: 98%;
    border-collapse: collapse;
    border: 0;
    white-space: pre-line;
    margin-left: 5px;
}

table.CaseFile td {
    vertical-align: top;
    /* ReSharper disable once CssNotResolved */
    align: top;
}

table.CaseFile a,
.CaseFile a:hover {
    color: #333333;
}

table.CaseFile>tbody>tr.blockHeader>td {
    text-align: left;
    font-weight: bold;
    padding-top: 10px;
}

.statisticRefButtonsMinus {
    margin-top: -30px;
}

.statisticButtonsPlus {
    margin-top: 10px;
}

.statisticAppButtonsMinus {
    margin-top: -50px;
}

table.employeeDetails>tbody>tr>td {
    padding-right: 0 !important;
}

td.employeeAddress .second {
    padding-left: 6px !important;
}

/*apply questionnaires row styling like within the ohio grid view*/
.float-right {
    float: right;
}

/*apply questionnaires row styling like within the ohio grid view*/
.questrowstyle {}

.questaltrowstyle {
    background-color: rgb(237, 245, 255)
}

.questrowstyle:hover,
.questaltrowstyle:hover {
    background-color: #fffacd;
}

.clientList {
    color: black;
    font-size: 12pt;
}


.page-update-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

/*DASHBOARD*/
.dashboard-header {
    align-items: center;
    background-color: #ffffff;
    background-color: var(--ohio-white);
    border-radius: 0.4em;
    box-sizing: border-box;
    display: flex;
    height: 6vh;
    justify-content: space-between;
    margin-bottom: 0.6em;
    padding: 0 1em;
    width: 100%;
}

.dashboard-section-header {
    color: #1073ba;
    color: var(--ohio-brand-blue);
    font-weight: bold;
    font-size: 14px;
    margin: auto 0;
    margin-right: 1em;
}

.dashboard-title {
    font-family: OpenSans-Regular;
    font-size: 2.4em;
    color: #36353a;
    color: var(--ohio-black);
}

.dashboard-panel {
    background-color: #ffffff;
    background-color: var(--ohio-white);
    border-radius: 0.4em;
    box-sizing: border-box;
    width: 100%;
    padding: 0.6em;
    margin-bottom: 0.6em;
}

.client-dashboard {
    width: 100%;
}

.dashboard-container {
    display: flex;
    height: 100%;
    justify-content: space-between;
    width: 100%;
}

.tile-link {
    box-sizing: border-box;
    display: flex;
    height: 100%;
    padding: 1em;
    text-decoration: none;
    width: 100%;
}

.tile-title {
    align-items: center;
    color: #ffffff;
    color: var(--ohio-white);
    display: flex;
    font-weight: bold;
    justify-content: center;
}

.section {
    background-color: #ffffff;
    background-color: var(--ohio-white);
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    margin-left: 1em;
    padding: 1em;
    border-radius: 0.4em;
    align-items: center;
}

.first-section {
    margin: 0;
}

.section-title {
    color: #36353a;
    color: var(--ohio-black);
    font-size: 2em;
    font-weight: bold;
    width: 100%;
    text-align: center;
    padding: 0.4em;
    box-sizing: border-box;
}

.input-section-title {
    font-size: 16px;
    font-weight: bold;
    color: #1073ba;
    color: var(--ohio-brand-blue);
}

/**************/
/* SCROLL BAR */
/**************/
::-webkit-scrollbar {
    width: 1em;
    margin: 0.1em;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #e3e3e3;
    background: var(--ohio-background-grey);
    box-shadow: inset 0 0 10px #36353a;
    box-shadow: inset 0 0 10px var(--ohio-black);
    border-radius: 10px;
}

.login-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.login-container>div {
    display: flex;
}

.login-container * input[type="password"],
.login-container * input[type="text"] {
    height: 3em;
    border-radius: 0.4em;
    margin: 0 0.4em;
    border: 2px solid #878f93;
    border: 2px solid var(--ohio-border-grey);
    cursor: text;
    padding: 0 0.2em;
}

.login-input-container {
    display: flex;
    align-items: flex-end;
}

.login-input-container>label,
.login-input-container>span,
.login-link {
    color: #878f93;
    color: var(--ohio-border-grey);
    font-weight: bold;
}

.login-link {
    text-decoration: none;
    margin: 0 0.4em;
}

.cancel-link {
    text-decoration: none;
    margin: 0 0.4em;
    color: #1073ba !important;
    color: var(--ohio-brand-blue) !important;
    font-weight: bold;
}

.login-link:hover,
.cancel-link:hover {
    text-decoration: underline;
}

.errorText {
    color: #ea1f1f;
    color: var(--ohio-error-red);
}

.memorable-letter {
    width: 1em;
    text-align: center;
    color: #878f93;
    color: var(--ohio-border-grey);
}

.memorable-letter-title {
    font-size: 16px;
    color: #1073ba !important;
    color: var(--ohio-brand-blue) !important;
    margin-right: 0.2em;
    margin-left: 0.4em;
}


/**********************/
/* table search boxes */
/**********************/
.search-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 1em;
    border-bottom: 2px solid #878f93;
    border-bottom: 2px solid var(--ohio-border-grey);
}

.search-button-container {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.search-option-container {
    display: flex;
    flex-direction: column;
}

.ohio-calendar>input[type="text"],
.time>input[type="search"],
.details-input,
.details-select {
    width: 12em;
    width: var(--ohio-input-width);
    color: #36353a;
    color: var(--ohio-black);
    height: 2em;
    height: var(--ohio-input-height);
    box-sizing: border-box;
    border: 2px solid #878f93;
    border: 2px solid var(--ohio-border-grey);
    border-radius: 0.3em;
    padding-left: 0.4em;
}

.time-label,
.time>input[type="text"] {
    width: 11em !important;
}

.details-title {
    font-weight: bold;
}

.details-wrapper,
.details-title {
    margin-top: 0.2em;
}

.search-container>div>table>tbody>tr>td,
.search-container>div>div>table>tbody>tr>td {
    padding: 0 !important;
}

.search-calendar {
    width: 16em;
    height: 2em;
}

.search-dropdown {
    width: 15em;
    height: 2em;
    box-sizing: content-box;
}

.search-checkbox>input {
    transform: scale(2);
    margin-left: 0.5em;
    margin-top: 0.5em;
}

.details-section-header {
    color: #1073ba;
    color: var(--ohio-brand-blue);
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 1em;
}

.header-link {
    text-decoration: none;
}

.header-link:hover {
    text-decoration: underline;
}

.details-section {
    border-bottom: 2px solid #878f93;
    border-bottom: 2px solid var(--ohio-border-grey);
    padding: 1em 0;
}

.details-container {
    display: flex;
    justify-content: space-between;
}

.details-table th,
.details-table td {
    text-align: start;
    min-height: 2em;
}


.details-table th {
    border: none;
    padding-right: 4em;
    min-width: 10em;
}

.details-table td {
    text-align: start;
}


.details-list-box {
    width: 15em;
    color: #36353a;
    color: var(--ohio-black);
    height: 5.5em;
    border-radius: 0.3em;
    border: 2px solid #878f93;
    border: 2px solid var(--ohio-border-grey);
}

.reportTable {
    border-collapse: collapse;
    margin: 0 auto;
    width: 100%;
    margin-top: 2em;
}

.reportTable {
    background-color: white;
}

.reportTable th {
    border-block-color: #7f7f7f;
    padding: 1em;
    text-decoration: none;
    color: black;
    background-color: var(--ohio-background-grey);
}

.reportTable tr td {
    padding: 1em;
    font-size: 10pt;
    border: 1px solid #7f7f7f;
}

.reportTable tr td:first-child {
    text-align: center;
}

/***********/
/* Tooltip */
/***********/
.new-tooltip {
    position: relative;
    display: flex;
}

.new-tooltip:before {
    content: attr(data-text);
    position: absolute;
    top: -13em;
    left: -20%;
    width: 40em;
    padding: 1em;
    border-radius: 0.4em;
    box-shadow: 0px 0px 2px 1px #36353a;
    box-shadow: 0px 0px 2px 1px var(--ohio-black);
    background: #1073ba;
    background: var(--ohio-brand-blue);
    color: #ffffff;
    color: var(--ohio-white);
    text-align: start;
    display: none;
    height: 10em;
    z-index: 1000;
}

.new-tooltip:after {
    content: "";
    position: absolute;
    left: 12%;
    margin-top: -5px;
    top: 1em;
    transform: translateY(-100%) rotateZ(-90deg);
    border: 10px solid #000;
    border-color: transparent #1073ba transparent transparent;
    border-color: transparent var(--ohio-brand-blue) transparent transparent;
    display: none;
    z-index: 1000;
}

.new-tooltip:hover:before,
.new-tooltip:hover:after {
    display: block;
}

.custom-tooltip {
    box-shadow: 0px 0px 2px 1px #36353a;
    box-shadow: 0px 0px 2px 1px var(--ohio-black);
    background: #1073ba;
    background: var(--ohio-brand-blue);
    color: #ffffff;
    color: var(--ohio-white);
}



/**********************/
/******* Common *******/
/**********************/

.flexbox {
    display: flex;
}

.flexbox-row {
    flex-direction: row !important;
}

.inline-flexbox {
    display: inline-flex;
}

.flexbox-spacebetween {
    display: flex;
    justify-content: space-between;
}

.flexbox-vertical {
    display: flex;
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.align-flex-end {
    align-items: flex-end;
}

.align-flex-center {
    align-items: center;
}

.align-baseline {
    align-items: baseline;
}

.justify-flex-spacearound {
    justify-content: space-around;
}

.justify-flex-spacebetween {
    justify-content: space-between;
}

.justify-flex-end {
    justify-content: flex-end;
}

.justify-flex-start {
    justify-content: flex-start;
}

.justify-flex-center {
    justify-content: center;
}

.full-width {
    width: 100% !important;
}

.margin-bottom {
    margin-bottom: 0.6em;
}

.margin-bottom-small {
    margin-bottom: 0.4em;
}

.margin-bottom-none {
    margin-bottom: 0 !important;
}

.margin-right {
    margin-right: 1em !important;
}

.margin-left {
    margin-left: 1em;
}

.margin-left-large {
    margin-left: 5em;
}

.margin-left7em {
    margin-left: 7em;
}

.margin-left5em {
    margin-left: 4.75em;
}

.margin-top {
    margin-top: 0.6em;
}

.margin-top-large {
    margin-top: 2em;
}

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

.padding-none {
    padding: 0 !important;
}

.padding {
    padding: 1em;
}

.padding-top {
    padding-top: 1em;
}

.padding-top-half {
    padding-top: 0.5em;
}

.padding-left {
    padding-left: 1em;
}

.padding-left3 {
    padding-left: 3em;
}

.padding-vertical {
    padding: 1em 0;
}

.padding-vertical-small {
    padding: 0.4em 0;
}

.border-form {
    border: 2px solid #e3e3e3;
    border: 2px solid var(--ohio-background-grey);
}

.border-top {
    border-top: 2px solid #878f93;
    border-top: 2px solid var(--ohio-border-grey);
}

.border-bottom {
    border-bottom: 2px solid #878f93;
    border-bottom: 2px solid var(--ohio-border-grey);
}

.border-none {
    border: none;
}

.background-white {
    background-color: #ffffff;
    background-color: var(--ohio-white);
}

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

.font-weight-normal {
    font-weight: normal;
}

.font-size-10 {
    font-size: 10px;
}

.font-size-14 {
    font-size: 14px;
}

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

.border-collapse {
    border-collapse: collapse;
}

.width-8 {
    width: 8em;
}

.text-decoration-none {
    text-decoration: none;
}

.width-10 {
    width: 10em;
}

.width-12 {
    width: 12em;
}

.width-25 {
    width: 25em;
}

.width-20 {
    width: 20em;
}

.width-50 {
    width: 50em !important;
}

.width-fit-content {
    width: fit-content;
}

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

.min-width-quarter {
    width: 24%;
}

.padding-none {
    padding: 0em !important;
}

.width-50-pc {
    width: 50%;
}

.width-25-pc {
    width: 25%;
}

.height-2 {
    height: 2em;
}

.height-6 {
    height: 6em;
}

.height-40 {
    height: 40em;
}

.border-box {
    box-sizing: border-box;
}

.grid-container {
    display: grid;
    grid-column-gap: 1em;
    grid-row-gap: 1em;
}

.grid-4 {
    grid-template-columns: auto auto auto auto;
}

.overflow-x-scroll {
    overflow-x: scroll;
}

/**********************/
/**********************/
/**********************/
.dashboard-buttons {
    height: 100%;
    display: flex;
    align-items: center;
}

.table-buttons-container {
    display: flex;
    justify-content: flex-end;
    padding-top: 1em;
}

.wizard-bottom-buttons-container {
    display: flex;
    justify-content: flex-end;
    padding: 1em;
    background-color: #FFFFFF;
    border-radius: 0.4em;
}

.wizard-internal-buttons-container {
    display: flex;
    justify-content: flex-end;
    padding: 1em;
    background-color: #FFFFFF;
    border-radius: 0.4em;
    padding: 0;
    padding-top: 1em;
}


/***************/
/**** Forms ****/
/***************/
.wizard-step-header {
    width: 100%;
    background-color: #00335b;
    background-color: var(--ohio-brand-darkblue);
    border-radius: 0.4em;
    box-sizing: border-box;
    color: var(--ohio-white);
    font-size: 12px;
    font-weight: bold;
    padding: 0.6rem;
    margin-bottom: 0.6rem;
}

.wizard-substep-header {
    width: 100%;
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    border-radius: 0.4em;
    box-sizing: border-box;
    color: #ffffff;
    color: var(--ohio-white);
    font-size: 12px;
    font-weight: bold;
    padding: 0.6rem;
    margin-bottom: 0.6rem;
}

.form-section,
.comment-section {
    display: flex;
    flex-direction: column;
    background-color: #e3e3e3;
    background-color: var(--ohio-background-grey);
    border-radius: 0.4em;
    margin-bottom: 0.6em;
    padding: 0.6em;
}

.form-section>p,
.form-input-section-header,
.form-section-grid>p {
    font-size: 14px;
    font-weight: bold;
    color: #1073ba;
    color: var(--ohio-brand-blue);
}

.consent-section {
    background-color: #e3e3e3;
    background-color: var(--ohio-background-grey);
    border-radius: 0.4em;
    margin-top: 1em;
    padding: 1em;
    display: flex;
}

.form-item {
    display: flex;
    padding: 0.3em 1em;
    width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
}

.form-item>p {
    font-weight: bold;
    width: 12em;
    overflow-wrap: normal;
    margin-right: 2em;
}

.form-item>div {
    width: 28em;
}

.form-input-section {
    margin-bottom: 0.6em;
    width: 100%;
}

.form-input {
    display: flex;
    padding: 0.5em 0;
}

.form-input-header {
    font-weight: bold;
    line-height: 2em;
}

.form-calendar>input[type="text"],
.time>input[type="text"],
.form-details {
    width: 25em;
}

.form-details-large {
    width: 40em;
}

.form-details-massive {
    width: 75em;
}

.form-details-small {
    width: 4em;
}

.table-calendar {
    width: 8em;
}

.table-details {
    width: 12em;
}

.form-text-area {
    width: 100%;
    border-radius: 0.3em;
    border: 2px solid #878f93;
    border: 2px solid var(--ohio-border-grey);
    padding: 0.4em;
    box-sizing: border-box;
}

.confirmation-text,
.confirmation-text>strong {
    font-size: 14px;
}

.confirmation-link,
.confirmation-link>a {
    color: #1073ba;
    color: var(--ohio-brand-blue);
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

.confirmation-link:hover {
    text-decoration: underline;
}

.form-select-list {
    border-radius: 0.3em;
    border: 2px solid #878f93;
    border: 2px solid var(--ohio-border-grey);
    box-sizing: border-box;
    width: 25em;
    min-height: 8em;
}

.consent-table>tbody>tr>th {
    width: 15em;
    border: none;
    font-weight: bold;
    text-align: start;
}

.consent-table td {
    padding: 0.2em 0;
}

.candidate-consent-table {}

.candidate-consent-table th,
.candidate-consent-table td {
    padding: 0.4em 3em 0.4em 0;
}

.candidate-consent-table th {
    border: none;
    font-weight: bold;
    text-align: start;
}

.candidate-consent-table .consent {
    width: 80%;
}

.comment-panel {
    background-color: #ffffff;
    background-color: var(--ohio-white);
    border-radius: 0.4em;
    box-sizing: border-box;
    width: 100%;
    padding: 1em;
    margin-top: 0.4em;
}

.comment-title {
    font-weight: bold;
    margin-top: 0.6em;
}


/* Resource Monitor*/
.rm-resourcetypetable {
    width: 100%;
}

.rm-resourcetype {
    font-weight: bold;
    display: inline-block;
}

.rm-resourcetype input {
    margin-right: 0.5em;
    transform: scale(1.2);
}

.rm-datepicker {
    width: 300px !important;
    height: 20px;
    font-size: large;
}

.rm-week {
    border-collapse: collapse;
    margin: 0 auto;
}

.rm-week thead {
    background-color: rgb(0, 113, 188);
    font-weight: bold;
}

.rm-week th {
    min-width: 200px;
    border: 0px solid;
    padding: 5px;
}

.rm-week td {
    padding: 5px;
}

.rm-week tbody tr {
    background-color: #ececec;
}

.rm-week tbody tr:hover {
    background-color: whitesmoke;
}

.rm-day {
    background-color: #fff;
    border-collapse: collapse;
    width: 175px;
}

.rm-day tr {
    background-color: #fff !important;
}

.day-name {
    font-size: x-large;
    color: white;
}

.day-date {
    color: #a6d5ff;
}

.multiple-room {
    color: rgb(45, 45, 45);
    text-align: center;
}

.no-data {
    background-color: #efefef;
}

.productivity-good {
    border: 3px solid green;
}

.productivity-attention {
    border: 3px solid orange;
}

.productivity-poor {
    border: 3px solid red;
}

.productivity-master-appointment {
    border: 3px solid blue;
}

.topFreeze {
    position: fixed;
    top: 5em;
    margin-left: 0px;
}

.forget-password-container {
    width: 100%;
    padding: 1em;
    box-sizing: border-box;
    height: 100%;
}

.dis-resend-otp {
    cursor: not-allowed;
    color: #dcdcdc !important;
}

.notification-section {
    display: flex;
    background-color: #e3e3e3;
    background-color: var(--ohio-background-grey);
    border-radius: 0.4em;
    margin-bottom: 1em;
    padding: 1em;
}

.readonly {
    background-color: var(--ohio-white-smoke);
    background-color: #F5F5F5;
}

.footer-sites {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
}

.footer-link,
.footer-link>a {
    color: #ffffff;
    color: var(--ohio-white);
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

.footer-link:hover {
    text-decoration: underline;
}

.api-container {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.api-confirm {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--ohio-border-grey);
    width: 20em;
    height: 15em;
}

/*DayPilot*/
.form-item_main>div>a>span {
    font-size: 14px;
    cursor: pointer;
    padding: 0.2em;
}

.form-item_main>div>a>span:hover {
    background-color: var(--ohio-row-hover);
    cursor: pointer;
    padding: 0.2em;
}

.month_blue_event_inner_active {
    position: absolute;
    overflow: hidden;
    height: 70px !important;
    font-size: 12px;
    background-color: #EDBCA8;
    border: 1px solid rgb(237, 188, 180);
    -moz-box-shadow: 0px 0px 5px rgba(000, 000, 000, 0.5), inset 0px 1px 0px rgba(237, 188, 180, 072);
    -webkit-box-shadow: 0px 0px 5px rgba(000, 000, 000, 0.5), inset 0px 1px 0px rgba(237, 188, 180, 1);
    box-shadow: 0px 0px 5px rgba(000, 000, 000, 0.5), inset 0px 1px 0px rgba(237, 188, 180, 1);
    text-shadow: 0px -1px 0px rgba(237, 188, 180, 1), 0px 0px 0px rgba(000, 000, 000, 0);
}

.month_blue_event_inner_closed {
    position: absolute;
    height: 70px !important;
    overflow: hidden;
    font-size: 12px;
    background: #09b2ef;
    border: 1px solid #079beb;
    -moz-box-shadow: 0px 0px 5px rgba(000, 000, 000, 0.5), inset 0px 1px 0px rgba(072, 211, 246, 1);
    -webkit-box-shadow: 0px 0px 5px rgba(000, 000, 000, 0.5), inset 0px 1px 0px rgba(072, 211, 246, 1);
    box-shadow: 0px 0px 5px rgba(000, 000, 000, 0.5), inset 0px 1px 0px rgba(072, 211, 246, 1);
    text-shadow: 0px -1px 0px rgba(007, 155, 235, 1), 0px 0px 0px rgba(000, 000, 000, 0);
}

/* BREADCRUMB */
.breadcrumb-container {
    display: flex;
    width: 100%;
    margin-bottom: 0.6em;
    justify-content: space-between;
}


.breadcrumbs {
    list-style: none;
    overflow: hidden;
    width: 100%;
}


.breadcrumbs li {
    float: left;
    display: flex;
}

.breadcrumbs li a {
    background: var(--ohio-brand-blue);
    border-radius: 0.4em 0em 0em 0.4em;
    color: var(--ohio-white);
    display: flex;
    float: left;
    font-weight: bold;
    padding: 2px 0px 2px 50px;
    position: relative;
    text-decoration: none;
    height: 25px;
    align-items: center;
}

.breadcrumbs li a img {
    margin-right: 1em;
    width: 1.6em;
}

.breadcrumbs li:nth-child(2) a {
    background: #4991c5;
}

.breadcrumbs li:nth-child(2) a:after {
    border-left-color: #4991c5;
}

.breadcrumbs li:nth-child(3) a {
    background: #73a7cd;
}

.breadcrumbs li:nth-child(3) a:after {
    border-left-color: #73a7cd;
}

.breadcrumbs li:nth-child(4) a {
    background: #aacce5;
    color: var(--ohio-black);
}

.breadcrumbs li:nth-child(4) a:after {
    border-left-color: #aacce5;
}

.breadcrumbs li:nth-child(5) a {
    background: #cde1ef;
    color: var(--ohio-black);
}

.breadcrumbs li:nth-child(5) a:after {
    border-left-color: #cde1ef;
}

.breadcrumbs li:last-child a {
    pointer-events: none;
    cursor: default;
}

.breadcrumb li:last-child a::after {
    border: 0;
}

.breadcrumbs li a:hover {
    background: var(--ohio-brand-darkblue);
    color: var(--ohio-white);
}

.breadcrumbs li a:hover:after {
    border-left-color: var(--ohio-brand-darkblue) !important;
}

.breadcrumbs li a::before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid var(--ohio-background-grey);
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 3px;
    left: 100%;
    z-index: 1;
}


.breadcrumbs li a::after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid var(--ohio-brand-blue);
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}

.crumb-no-link {
    pointer-events: none;
    cursor: default;
}


.form-grid {
    display: grid;
    counter-reset: grid-items;
    column-gap: 0.6em;
    row-gap: 0.6em;
}

.grid--auto-fill {
    grid-template-columns: repeat(auto-fill, minmax(30em, 1fr));
}

.grid--auto-fit {
    grid-template-columns: repeat(auto-fit, minmax(30em, 1fr));
}

.form-section-grid {
    display: flex;
    flex-direction: column;
    background-color: #e3e3e3;
    background-color: var(--ohio-background-grey);
    border-radius: 0.4em;
    padding: 0.6em;
    counter-increment: grid-item;
}

.employee-detail-item {
    display: flex;
    padding: 0.3em 1em;
    width: 100%;
    box-sizing: border-box;
}

.employee-detail-item>p {
    font-weight: bold;
    min-width: 8em;
}

.grid__item::before {
    content: counter(grid-item);
}

.rm-resource-cell {
    display: flex;
    min-height: 9.5em;
    min-width: 15em;
}

.rm-clinician-container {
    align-items: center;
    background-color: #f9f9f9;
    background-color: var(--ohio-lightshades);
    border: 3px solid #1073ba;
    border: 3px solid var(--ohio-brand-blue);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 100%;
}

.calendar-event {
    font-weight: bold;
}


/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
    display: none;
    background-color: #efffff;
    border: 1px solid #cc9;
    padding: 3px;
    font-size: 11pt;
    font-weight: normal;
    color: #00008B;
    -ms-box-shadow: 2px 2px 11px #666;
    box-shadow: 2px 2px 11px #666;
    -moz-box-shadow: 2px 2px 11px #666;
    -webkit-box-shadow: 2px 2px 11px #666;
    z-index: 99999999;
}

/* OHIO GridControls */

table.commonTable {
    width: 100%;
    border: 1px solid #221F73;
    border-collapse: collapse;
    border-bottom-width: 2px;
    border-right-width: 2px;
}

table.commonTable th {
    background-color: #072E6F;
    color: White;
    height: 23px;
    background-position: top;
    background-repeat: repeat-x;
    text-align: center;
}

table.commonTable th A {
    text-decoration: none;
    color: White;
    font-size: 10pt;
}

table.commonTable>tbody>tr>td a {
    color: navy;
    font-family: arial, helvetica, sans-serif;
    font-size: small;
    text-decoration: underline;
}

table.commonTable>tbody>tr>td a:hover {
    color: #0071BC;
}

table.commonTable tr.alternativeGray {
    background-color: #EEEEEE;
}

table.commonTable TH.asc A {
    padding-right: 15px;
    background: url(/Images/Grid/asc.gif) no-repeat center right;
}

table.commonTable TH.desc A {
    padding-right: 15px;
    background: url(/Images/Grid/desc.gif) no-repeat center right;
}

table.commonTable td {
    border: 1px solid #221F73;
    text-align: center;
}

table.commonTable input {
    margin-top: 3px;
    margin-bottom: 3px;
}

table.commonTable tr.pager table {
    width: 100%;
    border-style: none;
}

table.commonTable tr.pager table td {
    width: 0%;
    border-style: none;
    padding-left: 5px;
}

table.commonTable tr.pager table td A {
    text-decoration: none;
    color: #221F73;
}

table.commonTable tr.pager table td.current {
    font-weight: bold;
}


table.commonTable tr.pager table td.total {
    text-align: right;
    width: 99%;
    padding-right: 5px;
    font-weight: bold;
}

/*--- End OHIO GridControls ---*/

/*--- TextItem,ListItem control---*/

tr.textItem {}

tr.textItem>td:first-child,
tr.listItem>td:first-child {
    text-align: left;
    white-space: normal;
    min-width: 150px;
    width: 150px;
    max-width: 150px;
}

tr.textItem>td.mandatory,
tr.listItem>td.mandatory {
    width: 10px;
    white-space: nowrap;
}

tr.textItem>td>input[type="text"] {
    width: 150px;
}

tr.listItem>td>select {
    width: 154px;
}

/**********************/
/**********************/
/**********************/




/*********************/
/* MessageBox styles */
/*********************/
.message-panel {
    width: 100%;
}

.message-container>div {
    border-radius: 0.4em;
    text-align: center;
}

.info {
    color: #36353a;
    color: var(--ohio-black);
    background-color: #a2d9ff;
    background-color: var(--ohio-info);
}

.warning {
    color: #36353a;
    color: var(--ohio-black);
    background-color: #fdf675;
    background-color: var(--ohio-warning);
}

.error,
.validation {
    color: #36353a;
    color: var(--ohio-black);
    background-color: #ff9393;
    background-color: var(--ohio-error);
}

.success {
    color: #36353a;
    color: var(--ohio-black);
    background-color: #7ce117;
    background-color: var(--ohio-success);
}

.info div,
.success div,
.warning div,
.error div,
.validation,
.success p {
    border-radius: 0.4em;
    box-sizing: border-box;
    color: var(--ohio-black);
    font-size: 16px;
    font-weight: bold;
    padding: 1rem;
    margin-bottom: 1rem;
}

.container {
    font-size: 13px;
}

.container img {
    border: none;
}

.standardGreyContainer {
    width: 100%;
    background-color: #ECECEC !important;
    display: block;
}

.standardWhiteContainer {
    width: 100%;
    background-color: #FFFFFF !important;
    display: block;
}

.radioButtonPadding {
    margin: 0px 30px 0px 30px;
}

.pin-alert {
    width: 100%;
    border-radius: 0.4em;
    text-align: center;
    margin-bottom: 1em;
    padding: 0.4em;
    box-sizing: border-box;
    font-weight: bold;
}

/**********************/
/**********************/
/**********************/



/*EmployeeExport*/

.eebutton {
    color: white;
    background-color: #0071BC;
    font-weight: bold;
    font-size: 12pt;
    border-radius: 5px;
    border-width: 0px;
    padding: 5px 5px 5px 5px;
}

.eebutton:hover {
    background-color: #2989c9;
    cursor: pointer;
}

/*Finance Reporting Area*/

.rptmenu {
    width: 40%;
    height: 500px;
    background-color: white;
    margin: 0 auto;
    border-radius: 10px;
    color: #0071BC;
    position: relative;
    font-weight: bold;
    font-size: 18pt;
    text-align: center;
}

.rptmenubutton {
    width: 400px;
    height: 40px;
    background-color: #0071BC;
    border-radius: 5px;
    border-width: 0px;
    color: white;
    font-weight: bold;
    font-size: 12pt;
}

.rptmenubutton:focus {
    outline: 0;
}

.rptmenubutton:hover {
    background-color: #2989c9;
    cursor: pointer;
}

.ibdcontrol {
    width: 95%;
    height: 150px;
    border-radius: 10px;
    background-color: #ECECEC;
    margin: 0 auto;
    text-align: center;
    color: #0071BC;
    font-size: 12pt;
    position: relative;
    border: 1px solid lightgrey;
}

.ibdbuttonsmall {
    width: 70px;
    height: 25px;
    background-color: #0071BC;
    border-radius: 5px;
    border-width: 0px;
    color: white;
    font-weight: bold;
    font-size: 8pt;
    float: left;
    margin-left: 3px;
}

.ibdbuttonsmall:focus {
    outline: 0;
}

.ibdbuttonsmall:hover {
    background-color: #2989c9;
    cursor: pointer;
}

.ibdbutton {
    width: 100px;
    height: 30px;
    background-color: #0071BC;
    border-radius: 5px;
    border-width: 0px;
    color: white;
    font-weight: bold;
    font-size: 12pt;
    position: absolute;
    right: 1%;
}

.ibdbutton:focus {
    outline: 0;
}

.ibdbutton:hover {
    background-color: #2989c9;
    cursor: pointer;
}

.ibdsummary {
    width: 100%;
    height: 20px;
    position: relative;
    margin-top: 10px;
    margin-left: 45px;
}

.ibdtotal {
    font-size: 12pt;
    text-align: right;
    color: #0071BC;
    position: absolute;
    margin-top: 2px;
    right: 5%;
}

.fullWidthTable {
    border-collapse: collapse;
    margin: 0 auto;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

.fullWidthTable tr th {
    background-color: #0071BC;
    color: #ffffff;
    padding: 10px 5px 10px 5px;
    border: 1px solid #cccccc;
    font-size: 10pt;
}

.fullWidthTable tr:nth-child(2n+2) {
    background-color: #f3f4f5;
}

.fullWidthTable tr:nth-child(2n+1) td {
    background-color: #ECECEC;
    color: #454545;
}

.fullWidthTable tr td {
    padding: 5px 10px 5px 10px;
    font-size: 10pt;
    border: 1px solid #cccccc;
    vertical-align: middle;
}

.fullWidthTable tr td:first-child {
    text-align: center;
}

.fullWidthTable tr th {
    background-color: #0071BC;
    color: #ffffff;
    padding: 10px 5px 10px 5px;
    border: 1px solid #cccccc;
    font-size: 10pt;
}


.ibdtable {
    border-collapse: collapse;
    margin: 0 auto;
    width: 95%;
    margin-top: 15px;
}

.ibdtable tr:nth-child(2n+2) {
    background-color: #f3f4f5;
}

.ibdtable tr:nth-child(2n+1) td {
    background-color: #ECECEC;
    color: #454545;
}

.ibdtable tr td {
    padding: 5px 10px 5px 10px;
    font-size: 10pt;
    border: 1px solid #cccccc;
    vertical-align: middle;
}

.ibdtable tr td:first-child {
    text-align: center;
}


/*resource planner*/

.plannerClinicianResourceTypeButton {
    height: 50px;
    width: 240px;
    margin-top: 10px;
    margin-right: 10px;
    padding: 5px 5px 5px 5px;
    border-style: none;
    border-radius: 5px 5px;
    background-color: #0071BC;
    color: white;
    font-size: 9pt;
}

.plannerClinicianResourceTypeButton:hover {
    background-color: #2989c9;
    cursor: pointer;
}

.plannerTimeDropDownList {
    width: 250px;
    font-size: x-large;
}

.plannerDropDownGeneric {
    width: 250px;
    font-size: large;
}

.plannerWizard a {
    text-decoration: none;
}

.plannerStep {
    min-height: 400px;
    display: block;
    margin-left: 1em;
}

.plannerStep>div {
    display: flex;
    justify-content: flex-start;
    padding: 1em;
    margin-bottom: 1em;
    border: 2px solid #e3e3e3;
    border: 2px solid var(--ohio-background-grey);
    border-radius: 0.4em;
    box-sizing: border-box;
}

.plannerStep div h1 {
    font-size: 18pt;
    margin-bottom: 0.2em;
    color: #36353a;
    color: var(--ohio-black);
}

.planner-success {
    border: 2px solid #7ce117 !important;
    border: 2px solid var(--ohio-success) !important;
    background-color: #7ce117;
    background-color: var(--ohio-success);
}

.planner-success p {
    font-size: 14px;
    font-weight: bold;
}

.plannerNav {
    border: 2px solid #e3e3e3;
    border: 2px solid var(--ohio-background-grey);
    border-radius: 0.4em;
    padding: 1em;
    display: flex;
    justify-content: flex-end;
    margin-left: 1em;
}

.plannerNav table {
    border-collapse: collapse;
}

.plannerDay {
    border-radius: 5%;
}

.planner-section {
    display: flex;
    flex-direction: column;
    background-color: #e3e3e3;
    background-color: var(--ohio-background-grey);
    border-radius: 0.4em;
    padding: 1em;
}

.plannerSideBar {
    align-items: flex-start;
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    border-radius: 0.4em;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    padding: 1em;
}


.plannerSideBar a {
    margin-left: 10px;
    padding-top: 10px;
    color: #ffffff;
    color: var(--ohio-white);
    text-decoration: none;
    display: block;
    font-size: 14px;
}

.plannerSideBar a:hover {
    color: #ffffff;
    color: var(--ohio-white);
    text-decoration: none;
}

.planner-calendar {
    font-family: 'Open Sans', sans-serif !important;
    border: 2px solid #0071BC !important;
    border-radius: 0.4em;
}

.customServiceTypes span {
    font-size: small !important;
    display: inline-block !important;
    padding: 0px !important;
}

.serviceTypecheckbox tr td {
    padding: 3px !important;
}

.rp-checkbox input {
    transform: scale(2);
    margin-left: 0.5em;
    margin-top: 0.5em;
    position: relative;
}

/*resplanner*/
.rp-editbooking-container {
    height: 550px;
    width: 35%;
    margin: 0 auto;
    background-color: #f2f2f2;
    border-radius: 5px;
    border: 1px solid lightgrey;
}

.rp-editbooking-ddl {
    width: 250px;
    font-size: large;
}

.rp-editbooking-table {
    margin: 0 auto;
}

.rp-editbooking-table td {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.rp-editbooking-label {
    font-size: large;
}

.rp-editbooking-button {
    min-width: 50px;
    padding: 5px 5px 5px 5px;
    min-height: 25px;
    background-color: #0071BC;
    border-radius: 5px;
    border-width: 0px;
    color: white;
    font-weight: bold;
    font-size: 12pt;
}

.rp-editbooking-button:hover {
    background-color: #2989c9;
    cursor: pointer;
}

.rp-editbooking-button-isred {
    background-color: #b30000 !important;
}

.rp-editbooking-button-isred:hover {
    background-color: #e60000 !important;
}

.rp-editbooking-datepicker {
    width: 225px;
    height: 20px;
    font-size: large;
}

/*resmonitor*/
.resmonitor-good {
    background: linear-gradient(to right, rgba(225, 0, 0, 0) 85%, rgba(0, 179, 0, 0.3));
    background-color: #f2f2f2 !important;
}

.resmonitor-mid {
    background: linear-gradient(to right, rgba(225, 0, 0, 0) 85%, rgba(225, 153, 0, 0.3));
    background-color: #f2f2f2 !important;
}

.resmonitor-bad {
    background: linear-gradient(to right, rgba(225, 0, 0, 0) 85%, rgba(225, 0, 0, 0.3));
    background-color: #f2f2f2 !important;
}

.resmonitor-name {
    background-color: #ECECEC !important;
}

.AddNewEmployeeInterfaceButton {
    margin-left: 5px;
    color: white;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    border: none;
    border-radius: 7px;
    height: 35px;
}

.AddNewEmployeeInterfaceButton:hover {
    cursor: pointer;
}

/*--End MessageBox---*/

/*--- new styles :)http://www.xiper.net---*/
.title {
    color: #0071BC;
    font-weight: bold;
    padding-left: 8px;
    margin-top: 6px;
    padding-bottom: 2px;
    font-size: 11pt;
    display: block;
}


.fname,
.fnamelong {
    margin-right: 8px;
    text-align: left;
    letter-spacing: -.03em;
    font-size: 9pt;
    color: #494949;
    font-weight: 600;
}

.ftext {
    margin-left: 1em;
}

.ftextNoPadding {
    margin-right: 0px !important;
    margin-bottom: 15px;
    margin-left: 2px;
    text-align: right;
    font-family: arial, helvetica, sans-serif;
}


/*filter panel*/
.filterpanel .fname,
.searchpanel .fname {
    font-size: 9pt;
    letter-spacing: -.05em;
    margin-left: 10px;
    font-size: 10pt;
    font-weight: normal;
    white-space: nowrap;
}

.filterpanel .input {
    width: 130px;
}

.filterpanel select.input {
    width: 2em;
    height: auto;
    height: auto;
}

.filterpanel select.input.recordstatus {
    width: 100px;
}

.filterpanel .clients {
    width: 200px;
}

.table {
    border: 0;
    padding: 0px;
    border-collapse: collapse;
}

.tabletop {
    border: 0;
    padding: 0px;
    vertical-align: top;
}

.table>tbody>tr>td,
.tabletop td {
    padding-top: 2px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

td.details {
    vertical-align: top;
    padding-top: 2px;
    width: 33%;
}

.margins {
    margin-top: 1px;
    width: 180px;
}

.details .fname {
    display: block;
    white-space: normal;
    width: 150px;
}

.details .fnamelong {
    display: block;
}

.details td.mandatory {
    empty-cells: show;
    padding-left: 4px;
}

table.episodeUpdate {
    width: 100%;
    border-collapse: collapse !important;
}

table.episodeUpdate td {
    border: 1px solid black;
    padding: 2px;
}

table.episodeUpdateActions {
    width: 100%;
}

table.episodeUpdateActions td {
    padding: 1px;
}

.inputWithMargins {
    width: 180px !important;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.input_short {
    width: 400px;
}

.input_wide {
    width: 600px;
}

.input_wide_list {
    width: 220px;
}

.input_wide_extra {
    width: 680px;
}

select.input {
    width: 184px;
}

select.inputhalf {
    width: 94px;
}

input[type="image"].calendar {
    margin-right: 0.2em;
    margin-left: 0.2em;
    height: 2em;
    height: var(--ohio-input-height);
}

.calendar-divide {
    height: 2em;
    height: var(--ohio-input-height);
}

input[type="image"].calendar:hover {
    cursor: pointer;
}


/*******************/
/* SUrface buttons */
/*******************/
.bottom-button-container {
    display: flex;
    justify-content: flex-end;
    padding: 1em 0;
}

.button {
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    border: 2px solid #1073ba;
    border: 2px solid var(--ohio-brand-blue);
    border-radius: 0.2em;
    color: #f9f9f9;
    color: var(--ohio-lightshades);
    cursor: pointer;
    font-size: 12px;
    height: 3em;
    overflow: visible;
    padding: 0 0.2em;
    text-align: center;
    transition: 0.25s;
    min-width: 9em;
    font-weight: bold;
}

.negative-button,
.login-button-container {
    background-color: #ffffff;
    background-color: var(--ohio-white);
    border: 2px solid #1073ba;
    border: 2px solid var(--ohio-brand-blue);
    color: #1073ba;
    color: var(--ohio-brand-blue);
    border-radius: 0.2em;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 3em;
    overflow: visible;
    padding: 0 0.2em;
    text-align: center;
    transition: 0.25s;
    width: 9em;
}

.button:hover,
.negative-button:hover,
.login-button-container:hover {
    border: 2px solid #1073ba;
    border: 2px solid var(--ohio-brand-blue);
    box-shadow: inset 0 -3em 0 0 #d5e6f2;
    box-shadow: inset 0 -3em 0 0 var(--ohio-brand-lightblue);
    color: #1073ba;
    color: var(--ohio-brand-blue);
}

.news-button {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    text-decoration: none;
    border-radius: 0.2em;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 3em;
    overflow: visible;
    padding: 0 0.2em;
    text-align: center;
    transition: 0.25s;
    width: 9em;
}

.news-light-button {
    background-color: #ffffff;
    background-color: var(--ohio-white);
    border: 2px solid #1073ba;
    border: 2px solid var(--ohio-brand-blue);
    color: #1073ba;
    color: var(--ohio-brand-blue);
}

.news-light-button:hover {
    border: 2px solid #1073ba;
    border: 2px solid var(--ohio-brand-blue);
    box-shadow: inset 0 -3em 0 0 #1073ba;
    box-shadow: inset 0 -3em 0 0 var(--ohio-brand-blue);
    color: #ffffff;
    color: var(--ohio-white);
}

.news-dark-button {
    background-color: #ffffff;
    background-color: var(--ohio-white);
    border: 2px solid #ffffff;
    border: 2px solid var(--ohio-white);
    color: #00335b;
    color: var(--ohio-brand-darkblue);
}

.news-dark-button:hover {
    border: 2px solid #d5e6f2;
    border: 2px solid var(--ohio-brand-lightblue);
    box-shadow: inset 0 -3em 0 0 #d5e6f2;
    box-shadow: inset 0 -3em 0 0 var(--ohio-brand-lightblue);
    color: #00335b;
    color: var(--ohio-brand-darkblue);
}

.dashboard-header-button {
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    border: 2px solid #1073ba;
    border: 2px solid var(--ohio-brand-blue);
    border-radius: 0.2em;
    color: #f9f9f9;
    /*IE*/
    color: var(--ohio-lightshades);
    cursor: pointer;
    font-size: 12px;
    height: 3em;
    overflow: visible;
    padding: 0 0.2em;
    text-align: center;
    transition: 0.25s;
    min-width: 9em;
    font-weight: bold;
    margin-left: 0.4em;
}

.dashboard-header-button:hover {
    border: 2px solid #1073ba;
    border: 2px solid var(--ohio-brand-blue);
    box-shadow: inset 0 -4em 0 0 #d5e6f2;
    box-shadow: inset 0 -4em 0 0 var(--ohio-brand-lightblue);
    color: #1073ba;
    color: var(--ohio-brand-blue);
}

.logout-button {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin-left: 0.4em;
    text-decoration: none;
    width: 9em;
}

.logout-button>p {
    margin: 0 1em;
    white-space: nowrap;
}

.logout-button>img {
    margin-right: 0.4em;
}

.login-button-container {
    display: flex;
    justify-content: space-around;
    padding: 0 1em 0 0;
}

.login-button {
    color: #1073ba;
    color: var(--ohio-brand-blue);
    background-color: transparent;
    border: none;
    height: 100%;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.logout-button {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.red-button {
    background-color: var(--ohio-traffick-red) !important;
    background-color: #ea1f1f !important;
    border: 2px solid var(--ohio-traffick-red);
    border: 2px solid #ea1f1f;
}

.red-button:hover {
    border: 2px solid var(--ohio-traffick-red);
    border: 2px solid #ea1f1f;
    box-shadow: inset 0 -3em 0 0 var(--ohio-brand-lightred);
    box-shadow: inset 0 -3em 0 0 #fff0f0;
    color: var(--ohio-traffick-red);
    color: #ea1f1f;
}



.green-button {
    background-color: var(--ohio-traffic-green) !important;
    background-color: #7ce117 !important;
    border: 2px solid var(--ohio-traffic-green);
    border: 2px solid #7ce117;
}

.green-button:hover {
    border: 2px solid var(--ohio-traffic-green);
    border: 2px solid #7ce117;
    box-shadow: inset 0 -3em 0 0 var(--ohio-brand-lightgreen);
    box-shadow: inset 0 -3em 0 0 #f3ffe7;
    color: var(--ohio-traffick-green);
    color: #7ce117;
}

.button-spacer {
    margin-right: 0.4em;
}

.button-spacer-left {
    margin-left: 0.4em;
}

.button-auto-width {
    width: auto;
}

.button-disabled {
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    border: 2px solid #1073ba;
    border: 2px solid var(--ohio-brand-blue);
    border-radius: 0.2em;
    color: #f9f9f9;
    /*IE*/
    color: var(--ohio-lightshades);
    font-size: 12px;
    height: 3em;
    overflow: visible;
    padding: 0 0.2em;
    text-align: center;
    transition: 0.25s;
    width: 9em;
    font-weight: bold;
    pointer-events: none;
    opacity: 0.5;
}

.redirectButton {
    margin-right: 1em;
    background-color: white;
    color: black;
    font-weight: bold;
    width: 9em;
    height: 2em;
    font-size: 14px;
    border: 2px solid white;
    border-radius: 0.4em;
    font-family: arial, helvetica, sans-serif;
}

.redirectButton:hover {
    background: #4c9ace;
    color: white;
}

.link-button {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    text-decoration: none;
}


/*******************/
/*******************/
/*******************/


.vcaText {
    margin-right: 8px;
    margin-left: 7px;
    text-align: left;
    color: #ce0100;
    font-weight: bold;
}

.vcaButton {
    -moz-box-shadow: inset 0px 0px 0px 1px #f29c93;
    -webkit-box-shadow: inset 0px 0px 0px 1px #f29c93;
    box-shadow: inset 0px 0px 0px 1px #f29c93;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
    background: -moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
    background: -webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
    background: -o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
    background: -ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
    background: linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100', GradientType=0);
    background-color: #fe1a00;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #d83526;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 15px;
    padding: 6px 12px;
    text-decoration: none;
}

.vcaButton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
    background: -moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
    background: -webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
    background: -o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
    background: -ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
    background: linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00', GradientType=0);
    background-color: #ce0100;
}

.vcaButton:active {
    position: relative;
    top: 1px;
}

.browsebutton {
    text-align: center;
    font-size: 9pt;
    height: 25px;
    line-height: 18px !important;
    line-height: 16px;
    min-width: 70px;
    overflow: visible;
    padding: 0 2px;
    width: 100%;
}

table.widthmax,
tr.widthmax,
td.widthmax,
td.widthmax input,
td.widthmax select {
    width: 100%;
}

td.widthmax input,
td.widthmax select {
    display: block;
}


/*Buttons line*/

td.rbuttons,
div.rbuttons {
    text-align: right;
    white-space: nowrap;
    /*width: 160px;*/
}

td.rbuttons_double,
div.rbuttons_double {
    text-align: right;
    white-space: nowrap;
}

.rbuttons .button {
    margin-left: 6px;
}

.lbuttons .button {
    margin-right: 6px;
}

td.lbuttons,
div.lbuttons {
    text-align: left;
    margin-left: 6px;
}

/*NoteDetails*/
table.notedetails {
    vertical-align: top;
    border: 0px;
    white-space: nowrap;
    table-layout: auto;
}

table.notedetails>tbody>tr>td {
    width: 50%;
    text-align: left;
    vertical-align: top;
}

table.notedetails>tbody>tr>td>input,
table.notedetails>tbody>tr>td>textarea {
    width: 350px;
}

/*End NoteDetails*/


/*NoteSummary*/

#note_summary .header {
    width: 100%;
    margin-bottom: 15px;
    color: #0071BC;
    font-weight: bold;
}

#note_summary .title {
    display: inline;
    text-align: left;
    letter-spacing: -.03em;
    font-size: 10pt;
    color: #353535;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

#note_summary .file {
    display: inline;
    text-align: left;
    letter-spacing: -.03em;
    font-size: 10pt;
    color: Gray;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

#note_summary hr {
    margin: 10px 0px;
}

#note_summary .footer {
    width: 100%;
}

/*End NoteSummary*/

/*Columns*/
td.secondcolumn {
    padding-left: 30px;
}

/*TableNew*/
.table-new {
    border: 0;
    padding: 0px;
    table-layout: inherit;
}

.table-new td {
    padding-top: 2px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    line-height: 20px;
}

.table-new .extraRightPad {
    padding-right: 10px !important;
}

.table-new .fname {
    margin-right: 20px;
}

.table-new .mandatory {
    padding-right: 3px;
}

.table-new .fvalue,
.table-new .ftext {
    margin-left: 8px;
}

.table-new textarea.input {
    width: 94%;
}

.rbutton_list label {
    margin-right: 10px;
}


/* ------------- */
/* Dialog styles */
/* ------------- */


.ui-widget-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
}

.ui-dialog-content,
.ui-widget-content {
    white-space: normal;
    font-size: 11pt;
    color: #222222;
    background-color: #fff;
}

.ui-dialog-buttonset {
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    height: 41px;
}

.ui-dialog-content .content .ui-dialog-buttonset .commands {
    text-align: right;
    padding: 8px;
}

.ui-dialog-buttonpane .outer {
    background-color: var(--ohio-brand-blue);
    padding-right: 9px;
}

.ui-dialog-buttonpane .inner {
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    padding-left: 9px;
}

.ui-dialog-buttonpane .content {
    height: 7px;
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
}

.commands>button,
.commands>input {
    width: 75px;
}

.ui-dialog-titlebar {
    height: 35px;
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
}

.ui-dialog-titlebar .outer {
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    padding-right: 40px;
}

.ui-dialog-titlebar .outer .inner {
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    padding-left: 9px;
}

.ui-dialog-titlebar .outer .inner .content {
    height: 35px;
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
}

.ui-dialog-titlebar .outer .inner .content H2 {
    font-size: 12pt;
    font-weight: bold;
    color: #fff;
    padding-top: 6px;
    margin: 0;
}


.ui-dialog-content .outer {
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    padding-right: 7px;
}

.ui-dialog-content .inner {
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    padding-left: 7px;
}

.ui-dialog-content .content {
    white-space: normal;
}

.ui-dialog-content .content H2 {
    padding: 10px;
    margin: 0px;
    text-align: center;
    font-size: 10pt;
    color: #222222;
    font-weight: normal;
}

.dialog {
    font-size: 12pt;
    color: #36353a;
    color: var(--ohio-black);
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    z-index: 22005 !important;
    border-radius: 0.4em;
}

/* header styles */
.dialog .header {
    position: relative;
    color: #fff;
    cursor: move;
}

.dialog .header .outer {
    padding-right: 40px;
}

.dialog .header .inner {
    padding-left: 9px;
}

.dialog .header .content {
    height: 35px;
}

.dialog .header .content H2 {
    font-size: 12pt;
    font-weight: bold;
    color: #fff;
    padding-top: 6px;
    margin: 0;
}

.dialog .header .close {
    /* the image is 35x35 pixels wide */
    height: 25px;
    width: 35px;
    /* position the image */
    position: absolute;
    top: 4px;
    right: 7px;
    background: url('/Content/images/surface-icons/close.svg') no-repeat;
    cursor: pointer;
    background-position: center;
}

.dialog .header .close:hover {
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
}

/* dialog body styles */
.dialog .body {}

.dialog .body .outer {
    padding-right: 7px;
}

.dialog .body .inner {
    padding-left: 7px;
}

.dialog .body .content {
    white-space: normal;
    background-color: #ffffff;
    background-color: var(--ohio-white);
}

.dialog .body .content H2 {
    padding: 10px;
    margin: 0px;
    text-align: center;
    font-size: 10pt;
    color: #222222;
    font-weight: normal;
}

.dialog .body .content .footer {
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
}

.dialog .body .content .footer .commands {
    background-color: #ffffff;
    background-color: var(--ohio-white);
    text-align: right;
    padding: 0 1em 1em 1em;
}

.dialog .body .content .footer .commands INPUT {
    /* keep the buttons a consistent size */
    width: 75px;
}

/* dialog footer styles */
.dialog .footer {}

.dialog .footer .outer {
    padding-right: 9px;
}

.dialog .footer .inner {
    padding-left: 9px;
}

.dialog .footer .content {
    height: 7px;
}

.dialog .updating {
    color: #808080;
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
}

/* dialog prompt */
.dialog .prompt {
    padding: 8px;
}

.dialog .prompt .fname {
    margin: 0px;
    white-space: nowrap;
    display: inline;
}

.dialog .prompt .mandatory {
    vertical-align: middle;
    white-space: nowrap;
}

/* Session dialog */
.session-outer {}

.session-outer>.session-inner {}

.session-outer>.session-inner>.session-content {}

.session-outer>.session-inner>.session-content>.ui-dialog-buttonset {
    background-color: #ffffff;
    background-color: var(--ohio-white);
    height: 100%;
}


#sessionAlert {
    height: 100% !important;
}

.session-commands {
    display: flex;
    justify-content: flex-end;
    padding: 0.2em;
    height: 100%;
    background-color: #ffffff;
    background-color: var(--ohio-white);
}

.session-commands>button {
    z-index: 1001;
}

/***********/
/* Reports */
/***********/
.amber-traffic,
.plus-traffic,
.minus-traffic {
    width: 32px;
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

div #SearchToolBar {
    border-right: 2px solid #EDEDED;
    border-left: 2px solid #EDEDED;
    border-bottom: 2px solid #EDEDED;
}

.select-list-button {
    cursor: pointer;
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    border: 2px solid #1073ba;
    border: 2px solid var(--ohio-brand-blue);
    border-radius: 0.3em;
}

.select-list-button:hover,
.select-list-button:focus {
    background-color: #3888c1;
    background-color: var(--ohio-brand-blue-lighten);
}

input.memorableLetter {
    width: 15px;
    height: 20px;
    font-size: large;
    border: 1px solid #ccc;
}

span.memorableLetter {
    color: #0071BC;
    font-size: large;
}

.list-box {
    min-width: 15em;
}

/*******************/
/* Filestyle input */
/*******************/
.file-link {
    color: #1073ba;
    color: var(--ohio-brand-blue);
    font-weight: bold;
    min-width: 20em;
    text-decoration: none;
}

.file-link:hover {
    text-decoration: underline;
}

div.jfilestyle {
    margin: 0;
}

div.jfilestyle>input {
    border-radius: 0.3em;
    border: 2px solid #878f93;
    border: 2px solid var(--ohio-border-grey);
    color: #36353a;
    color: var(--ohio-black);
    font-size: 12px;
    margin: 0;
    height: 1em;
}

div.jfilestyle label {
    background-color: #ffffff;
    background-color: var(--ohio-white);
    border-radius: 0.3em;
    border: 2px solid #1073ba;
    border: 2px solid var(--ohio-brand-blue);
    color: #1073ba;
    color: var(--ohio-brand-blue);
    font-size: 12px;
    font-weight: bold;
    height: 1em;
    line-height: 1em;
    transition: 0.25s;
    min-width: 6em;
}

div.jfilestyle label:focus,
div.jfilestyle label:hover {
    border: 2px solid #1073ba;
    border: 2px solid var(--ohio-brand-blue);
    box-shadow: inset 0 -3em 0 0 #d5e6f2;
    box-shadow: inset 0 -3em 0 0 var(--ohio-brand-lightblue);
    color: #1073ba;
    color: var(--ohio-brand-blue);
}

.radio-button-list input[type="radio"] {
    margin-right: 0.4em;
    transform: scale(1.3);
}

.radio-button-list label {
    margin-right: 2em;
}

.radio-button-list td {
    min-width: 8em;
}

input[type="radio"].designed-checkbox {
    position: relative !important;
    z-index: 1 !important;
    visibility: visible !important;
    transform: scale(1.4);
}

.check-box-item {
    display: inline-flex;
    align-items: flex-start;
}

.check-box-item>input,
.check-box {
    margin-right: 0.5em;
    transform: scale(1.2);
}

.radio-button {
    margin: 0.2em 0;
    display: inline-flex;
}

.radio-button>input[type="radio"] {
    margin-right: 0.4em;
    transform: scale(1.3);
}

.check-box-list input[type="checkbox"] {
    margin-right: 0.4em;
    transform: scale(1.3);
}

.tooltip-container {
    display: flex;
    align-items: flex-end;
    width: 12em !important;
    margin-right: 2em;
}

.ohio-tab {
    width: 100%;
}

.ohio-tab .ajax__tab_body {
    background-color: #FFFFFF;
    border-top: 2px solid #e3e3e3;
    border-top: 2px solid var(--ohio-background-grey);
    border-radius: 0.4em;
    width: 100%;
    padding: 0.6em;
    box-sizing: border-box;
}

.ohio-tab .ajax__tab_header {
    padding: 0 1em;
}

.ohio-tab .ajax__tab_header .ajax__tab_tab {
    background-color: #ffffff;
    background-color: var(--ohio-white);
    border-radius: 0.2em 0.2em 0 0;
    box-sizing: border-box;
    color: #36353a;
    color: var(--ohio-black);
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0.2em;
    min-width: 8em;
    padding: 0.4em;
    text-align: center;
}

.ohio-tab .ajax__tab_header .ajax__tab_tab:hover {
    background-color: #d5e6f2;
    background-color: var(--ohio-brand-lightblue);
}

.ohio-tab .ajax__tab_header .ajax__tab_active .ajax__tab_tab {
    background-color: #00335b;
    background-color: var(--ohio-brand-darkblue);
    color: #ffffff;
    color: var(--ohio-white);
}

.ohio-tab .ajax__tab_header .ajax__tab_active .ajax__tab_tab:hover {
    background-color: #0a4b7e;
    background-color: var(--ohio-brand-darkblue-lighten);
}

/* Listview */
.list-grid {
    font-size: small;
    border: solid 1px #7f7f7f;
    border-collapse: collapse;
    width: 100%;
}

.list-grid th {
    background: url(/Images/Grid/header.png) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 4px 4px 4px 10px;
    text-align: center;
    vertical-align: middle;
}

.list-grid th a {
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    color: #000;
    display: block;
    padding-right: 10px;
    vertical-align: middle;
}

.list-grid th.sortasc a {
    background: url(/Images/Grid/dt-arrow-up.png) no-repeat right 50%;
}

.list-grid th.sortdesc a {
    background: url(/Images/Grid/dt-arrow-dn.png) no-repeat right 50%;
}

.list-grid td {
    padding: 4px 10px 4px 10px;
    border-right: solid 1px #cbcbcb;
}

.list-grid .altrow,
.list-grid .row .sort {
    background-color: #edf5ff;
}

.list-grid .altrow .sort {
    background-color: #dbeaff;
}

.list-grid .row {
    background-color: #fff;
    cursor: default;
}

.list-grid .row:hover,
.list-grid .altrow:hover {
    background-color: #fffacd;
    color: #000;
}

/* Data Pager Styles */
.pager {
    padding: 6px;
    width: 100%;
}

.pager span.command,
.pager A.command {
    color: #5a90ce;
    padding: 0px 5px;
    text-decoration: none;
    border: none;
}

.pager A.command:hover {
    border: solid 2px #408BB6;
    background-color: #59A5D1;
    color: #fff;
    padding: 0px 3px;
    text-decoration: none;
}

.pager span.current {
    border: none;
    font-weight: bold;
    color: #3e3e3e;
    padding: 0px 6px;
    font-size: 12px;
}


/* DataGrid Styles */
.grid {
    padding-top: 1em;
}

.grid .tablestyle {
    font-size: small;
    border: solid 1px #7f7f7f;
    border-collapse: collapse;
    width: 100%;
}

.grid .emptyrow {
    width: 100%;
    text-align: center;
    padding: 5px 0px 5px 0px;
    border: #878f93;
    border: 1px solid var(--ohio-border-grey);
}

.grid .altrowstyle {
    background-color: #edf5ff;
}

.grid .headerstyle th {
    background-color: #e3e3e3;
    background-color: var(--ohio-background-grey);
    border: 1px solid #878f93;
    border: 1px solid var(--ohio-border-grey);
    padding: 0.5em;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    color: #36353a;
    color: var(--ohio-black);
}

.grid .headerstyle th a {
    text-decoration: none;
    color: #000;
    display: block;
    padding-right: 10px;
}

.grid .rowstyle .sortaltrow,
.altrowstyle .sortaltrow {
    background-color: #edf5ff;
}

.grid .rowstyle .sortrow,
.altrowstyle .sortrow {
    background-color: #dbeaff;
}

.grid .spanrowstyle {
    font-weight: bold;
}

.grid .spanrowstyle td {
    font-weight: bold;
    padding: 30px 10px 10px;
    background-color: #eee;
    font-size: 13px;
}

/* PS: Hack for Ajax:CalendarExtender - [TFS#11665 - Employee: HS Profile - The calendar used in Last Medical/Due Date fields shows Sun, Mon, Tue, Wen days of week only.] */
/* PS: I don't know why it works :), but [.pleaseDoNotRemoveMe td] must be first in this style */
.grid .pleaseDoNotRemoveMe td,
.altrowstyle td,
.rowstyle td {
    padding: 4px 10px 4px 10px;
    border: 1px solid #878f93;
    border: 1px solid var(--ohio-border-grey);
}

.grid .rowstyle td.image,
.altrowstyle td.image {
    padding: 0px;
}

.grid .rowstyle td a,
.altrowstyle td a {
    white-space: nowrap;
    text-decoration: none;
    color: #1073ba;
    color: var(--ohio-brand-blue);
}

.grid .rowstyle td a:hover,
.altrowstyle td a:hover {
    text-decoration: underline;
}

.grid .rowstyle:hover,
.grid .altrowstyle:hover,
.grid .rowstyle:hover .sortaltrow,
.grid .altrowstyle:hover .sortrow {
    background-color: #cecece !important;
    background-color: var(--ohio-row-hover) !important;
    color: #000 !important;
}

.grid .headerstyle .sortascheader {
    background: url(/Images/Grid/header.png) repeat-x 0px -100px;
}

.grid .headerstyle .sortascheader a {
    background: url(/Images/Grid/dt-arrow-up.png) no-repeat right 50%;
}

.grid .headerstyle .sortdescheader {
    background: url(/Images/Grid/header.png) repeat-x 0px -100px;
}

.grid .headerstyle .sortdescheader a {
    background: url(/Images/Grid/dt-arrow-dn.png) no-repeat right 50%;
}

/* DataGrid Pager Styles */
.grid .pager table {
    padding: 6px;
    width: 100%;
    text-align: right;
    padding-right: 5px;
    font-weight: bold;
    text-decoration: none;
    border: none;
    height: 25px;
}

/* tfoot border-top: solid 1px #7f7f7f; */

.grid tfoot .pager table {
    border-top: solid 1px #7f7f7f;
}

.grid .pager.gridFooter table {
    border-top: solid 1px #7f7f7f;
}

.grid tr.pager table td {
    width: 0%;
    padding-left: 5px;
}

.grid tr.pager table td a {
    text-decoration: none;
    color: #7f7f7f;
}

.grid tr.pager table td.current {
    font-weight: bold;
}

.grid tr.pager table td.total,
.grid tr.pager table td.pageSize {
    text-align: right;
    width: 99%;
    padding-right: 5px;
    font-weight: normal;
}

.grid tr.pager table td.total {
    font-weight: bold;
}

.grid-icon {
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    border: 2px solid #1073ba;
    border: 2px solid var(--ohio-brand-blue);
    border-radius: 0.2em;
    color: #ffffff !important;
    color: var(--ohio-white) !important;
    transition: 0.25s;
    font-weight: bold;
    text-decoration: none;
}

.grid-icon:hover,
.grid-icon:focus {
    border: 2px solid #1073ba;
    border: 2px solid var(--ohio-brand-blue);
    box-shadow: inset 0 -3em 0 0 #d5e6f2;
    box-shadow: inset 0 -3em 0 0 var(--ohio-brand-lightblue);
    color: #1073ba !important;
    color: var(--ohio-brand-blue) !important;
    text-decoration: none !important;
}

.grid-icon-negative {
    background-color: #ffffff;
    background-color: var(--ohio-white);
    border-radius: 0.2em;
    border: 2px solid #1073ba !important;
    border: 2px solid var(--ohio-brand-blue) !important;
    color: #1073ba;
    color: var(--ohio-brand-blue) !important;
    transition: 0.25s;
    font-weight: bold;
    text-decoration: none !important;
    border-color: #d5e6f2;
    border-color: var(--ohio-brand-lightblue);
}

.grid-icon-negative:hover,
.grid-icon-negative:focus {
    border-color: #1073ba !important;
    border-color: var(--ohio-brand-blue) !important;
    box-shadow: inset 0 -3em 0 0 #d5e6f2;
    box-shadow: inset 0 -3em 0 0 var(--ohio-brand-lightblue);
    color: #1073ba;
    color: var(--ohio-brand-blue);
}

.client-grid,
.order-grid,
.comment-grid,
.history-grid,
.assessment-grid,
.payment-grid {
    width: 100%;
    border-collapse: collapse;
}

.client-grid th,
.order-grid .headerstyle th,
.assessment-grid .headerstyle th,
.payment-grid .headerstyle th,
.comment-grid .headerstyle th,
.history-grid .headerstyle th {
    background-color: #d5e6f2;
    background-color: var(--ohio-brand-lightblue);
}

.order-grid .emptyrow,
.assessment-grid .emptyrow,
.payment-grid .emptyrow,
.history-grid .emptyrow,
.history-grid .rowstyle,
.comment-grid .emptyrow,
.comment-grid .rowstyle {
    background-color: #ffffff;
    background-color: var(--ohio-white);
}


/* Fix for Calendar control extender when inside a table */
.ajax__calendar_container td {
    padding: 0 !important;
    border: none !important;
}

body {}


.pamHrPageContainer {
    width: 75%;
    margin: 0 auto;
}

.pamHrTitleTop {
    border-bottom: solid 5px #6ab2e2;
    width: 100%;
    text-align: center;
    font-size: x-large;
    background-color: #0071BC;
    color: white;
    padding: 7px 0px 7px 0px;
}

.pamButtonBlue {
    background-color: #0071BC;
    color: white;
    padding: 10px;
    font-weight: 600;
    outline: none;
    border: 0px;
    width: 80%;
}

.pamButtonBlueFullWidth {
    background-color: #0071BC;
    color: white;
    padding: 10px;
    font-weight: 600;
    outline: none;
    border: 0px;
    width: 100%;
}

.pamButtonBlueSquare {
    background-color: #0071BC;
    color: white;
    padding: 10px;
    font-weight: 500;
    outline: none;
    border: 0px;
    font-size: 30px;
    width: 350px;
    height: 300px;
    margin-bottom: 50px;
}

.pamButtonLightBlueSquare {
    background-color: #6ab2e2;
    color: white;
    padding: 10px;
    font-weight: 500;
    outline: none;
    border: 0px;
    font-size: 30px;
    width: 350px;
    height: 300px;
    font-weight: 600;
    margin-bottom: 50px;
}


.pamButtonLightBlueSquare:focus,
.pamButtonLightBlueSquare:hover {
    background-color: #88bfe4;
}

.pamButtonGreenSquare {
    background-color: #6ae298;
    color: white;
    padding: 10px;
    font-weight: 600;
    outline: none;
    border: 0px;
    font-size: 30px;
    width: 350px;
    height: 300px;
    margin-bottom: 50px;
}

.pamButtonGreenSquare:focus,
.pamButtonGreenSquare:hover {
    background-color: #96ecb7;
}

.industrySectCatBtn {
    background-color: #0071BC;
    color: white;
    padding: 10px;
    font-weight: 600;
    outline: none;
    border: 0px;
}

.industrySectCatBtn:hover,
.industrySectCatBtn:focus,
.pamButtonBlue:focus,
.pamButtonBlue:hover,
.pamButtonBlueFullWidth:hover,
.pamButtonBlueFullWidth:focus,
.pamButtonBlueSquare:focus,
.pamButtonBlueSquare:hover {
    background-color: #6ab2e2;
    color: white;
    padding: 10px;
    font-weight: 500;
    outline: none;
    border: 0px;
}

.industrySectBtn {
    background-color: #0071BC;
    color: white;
    padding: 10px;
    width: 80%;
    font-weight: 600;
    outline: none;
    border: 0px;
}

.industrySectBtn:hover,
.industrySectBtn:focus {
    background-color: #6ab2e2;
    color: white;
    padding: 10px;
    width: 80%;
    font-weight: 600;
    outline: none;
    border: 0px;
}

.spacing {
    margin-top: 50px;
}

.pamHrOverviewContainer {
    padding: 15px;
    background-color: white;
    border-bottom: 2px solid #d4d4d4;
}

.pamHrOverviewTable {
    width: 100%;
    background-color: white;
    border-collapse: collapse;
}

.pamHrOverviewTable td {
    border-bottom: 1px dotted #b9b9b9 !important;
    padding: 5px;
}

.pamHrOverviewTable td:nth-child(1) {
    background-color: #f7f7f7;
    width: 30%;
}

.pamHrOverviewTable td:nth-child(2) {
    text-align: right;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.dropDownStyle {
    padding: 5px;
    width: 200px;
}


.pamHrGridView {
    width: 100%;
    text-align: center;
    border: 1px solid #d4d4d4;
}

.pamHrGridView tr {
    height: 20px;
}

.pamHrGridView td,
.pamHrGridView th {
    border-collapse: collapse;
    border: 1px solid #e6e6e6;
    padding: 1em;
}

.pamHrGridView th {
    background-color: #e6e6e6;
}

.pamHrWidgetHeaderDiv {
    margin: 0 auto;
    width: 100%;
    height: 30px;
    background-color: #d4d4d4;
}

.pamHrWidgetHeaderDiv p {
    padding-top: 8px;
    margin-top: 45px;
    text-align: center;
}

.pamHrWidgetContentDiv {
    margin: 0 auto;
    min-height: 200px;
    background-color: #f2f2f2;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.pamHrButton {
    height: 30px;
    border: none;
    border-radius: 2px;
    background-color: #e6e6e6;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
}

.pamHrButton:hover {
    background-color: #cccccc;
    cursor: pointer;
}

.pamHrButton:active {
    outline: none;
    border: none;
}

.pamHrMenuTab {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pamHrFieldset {
    border: none;
    border-radius: 3px;
    margin-top: 10px;
}

.pamHrLegend {
    color: #494949;
    font-size: 10pt;
    border-bottom: 1px solid #a9a9a9;
    width: 100%;
    padding: 4px 0px 4px 0px;
    background-color: #ffffff;
    text-align: center;
}

.pamHrMenuTitle {
    padding: 5px;
    background-color: #5a8daf;
    color: white;
    border-bottom: 3px solid #6ab2e2;
    margin-bottom: 10px;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
}

.miohioNavigation {
    /*    box-shadow: 2px 2px 5px #afafaf;*/
}

.miohioNavigation td a:hover {
    background-color: #e4e4e4;
    color: black;
}

.miohioNavigation td a {
    text-decoration: none !important;
    font-size: 15px !important;
    padding-top: 15px;
    padding-left: 10px;
    width: 400px;
    height: 30px;
    display: inline-block;
    background-color: white;
    cursor: pointer;
}

.miohioNavigationActive td a:hover {
    background-color: #e4e4e4;
    color: white;
}

.miohioNavigationActive td a {
    text-decoration: none !important;
    font-size: 15px !important;
    padding-top: 15px;
    padding-left: 10px;
    width: 400px;
    height: 30px;
    display: inline-block;
    background-color: #7eb0d4;
    color: white;
    cursor: pointer;
}


.miohioNavigation th {
    font-size: 15px !important;
    padding-top: 15px;
    padding-left: 10px;
    width: 400px;
    height: 30px;
    display: inline-block;
    text-align: left;
    color: white;
    background-color: #0071bc;
}

.miohioHelper {
    height: 100%;
    width: 99%;
    background-color: white;
    margin: 0 auto;
    box-shadow: 2px 2px 5px #afafaf;
}

.miohioNavigationGrid {
    border: none;
    padding-right: 4px;
}

.miohioNavigationGridItem {
    border: none;
    padding-bottom: 2px;
    padding-right: 4px;
    padding-left: 2px;
}

.miohioButton {
    height: 30px;
    border: none;
    border-radius: 2px;
    background-color: #0071bc;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    color: white;
}

.miohioButton:hover {
    background-color: #6ca6d0;
    cursor: pointer;
}

.miohioButton:disabled {
    background-color: #f2f2f2;
    color: grey;
}

.miohioGridView {
    width: 100%;
    text-align: center;
    border: 1px solid #d4d4d4;
}

.miohioGridView tr {
    height: 20px;
}

.miohioGridView td,
.miohioGridView th {
    border-collapse: collapse;
    border: 1px solid #e6e6e6;
}

.miohioGridView th {
    border: none;
    background-color: #ececec;
    color: #525252;
    font-weight: bold;
}

.miohioGridView tr:hover {
    background-color: #f0f0f0;
}

.miohioTextBox {
    width: 200px;
    height: 25px;
}

.miohioTileEnabled {
    box-shadow: 3px 3px 5px grey;
    border: none;
    outline: none;
    opacity: 1;
}

.miohioTileEnabled:hover {
    opacity: 0.8;
}

.miohioTileDisabled {
    box-shadow: 3px 3px 5px grey;
    border: none;
    outline: none;
    opacity: 0.3;
    cursor: default;
}

.miohio-report-container {
    display: flex;
    justify-content: space-between;
}

.miohio-tile {
    height: 100%;
    width: 20%;
}

.pamgroup-img {
    max-height: 100%;
    max-width: 100%;
}


.setactive {
    background-color: #99c1de;
    color: white;
    font-style: italic;
}

.iframeDisappear {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    border: none;
}

.iframeAppearLeft {
    width: 100%;
    float: left;
}

.iframe100 {
    margin-left: 0;
    width: 100%;
    float: left;
}

.OneHunderedHeight {
    height: 100%;
}

.OnePXHeight {
    height: 1px;
}

.navigate_button {
    text-align: center;
    font-size: 9pt;
    height: 25px;
    line-height: 18px !important;
    line-height: 16px;
    min-width: 25px;
    width: expression(parentNode.offsetWidth > 25 ? "auto" : "25px");
    overflow: visible;
    padding: 0 2px;
}

/* Navigator blue theme */

.navigator_main {
    border-left: 1px solid #A0A0A0;
    border-right: 1px solid #A0A0A0;
    border-bottom: 1px solid #A0A0A0;
    background-color: #F3F3F9;
    margin-right: 1em;
}

.navigator_month {
    font-size: 8pt;
    /*border: 1px solid black;*/
}

.navigator_day {
    color: black;
    /*background-color: white;*/
}

.navigator_dayheader {
    color: black;
    /*border-bottom: 1px solid black;*/
}

.navigator_line {
    border-bottom: 1px solid #A0A0A0;
}

.navigator_dayother {
    color: gray;
}

.navigator_todaybox {
    border: 1px solid red;
}

.navigator_select {
    background-color: #AACCEE;
}

.navigator_title,
.navigator_titleleft,
.navigator_titleright {
    background-color: #C3D9FF;
    color: black;
    border-top: 1px solid #A0A0A0;
}

.navigator_busy {
    font-weight: bold;
    color: Red;
}

.calnedar_cellbackground {
    background-color: #E4FCCC;
}

.diDropdown {
    position: relative;
    z-index: 100;
}

.diDropdown input {
    width: 20em;
    color: #36353a;
    color: var(--ohio-black);
    height: 2em;
    height: var(--ohio-input-height);
    box-sizing: border-box;
    border: 2px solid #878f93;
    border: 2px solid var(--ohio-border-grey);
    border-radius: 0.3em;
    padding-left: 0.4em;
    margin-right: 0.2em;
}

.diDropdown ul {
    border: 2px solid #878f93;
    border: 2px solid var(--ohio-border-grey);
    border-radius: 0.2em;
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    position: absolute;
    text-align: left;
    left: 0px;
    top: 26px;
}

.diDropdown ul li {
    text-align: center;
    float: none;
    position: relative;
    z-index: 500;
}

.diDropdown li ul {
    border: 2px solid #878f93;
    border: 2px solid var(--ohio-border-grey);
    border-radius: 0.2em;
    top: -2px;
    left: 100%;
    position: absolute;
}

.diDropdown li span {
    background-color: #d5e6f2;
    background-color: var(--ohio-brand-lightblue);
    background-repeat: no-repeat;
    background-position: right;
    color: #36353a;
    color: var(--ohio-black);
    cursor: pointer;
    display: block;
    font-weight: bold;
    padding: 0.2em;
    text-align: left;
}

.diDropdown li span:hover {
    background-color: #00335b;
    background-color: var(--ohio-brand-darkblue);
    color: #ffffff;
    color: var(--ohio-white);
}

.diDropdown span.selected {
    display: block;
}

/*
 * jQuery Spellchecker - v0.2.4
 * https://github.com/badsyntax/jquery-spellchecker
 *
 * Copyright (c) 2012 Richard Willis
 * Licensed under the MIT license.
 */
.spellchecker-suggestbox {
    position: absolute;
    display: none;
    z-index: 9999;
    overflow: none;
    font: normal 13px arial;
    box-shadow: 0 0 4px #aaa;
    background: #fff;
    border: 1px solid #bbb;
}

.spellchecker-suggestbox .loading {
    padding: 3px 6px;
    font-style: italic;
}

.spellchecker-suggestbox a {
    outline: none;
    cursor: pointer;
    color: #333;
    padding: 3px 6px;
    display: block;
    text-decoration: none;
}

.spellchecker-suggestbox a:hover {
    color: #000;
    background: #ddd;
}

.spellchecker-suggestbox .footer {
    border-top: 1px solid #ddd;
}

.spellchecker-suggestbox .footer .ignore-all,
.spellchecker-suggestbox .footer .ignore-forever {
    display: none;
}

.spellchecker-word-highlight {
    color: red;
    cursor: pointer;
    border-bottom: 1px dotted red;
}

.spellchecker-incorrectwords {
    display: none;
}

.spellchecker-incorrectwords a {
    display: inline-block;
    margin-right: .5em;
}

.spellchecker-button-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHtSURBVDjLY/j//z8DJZiBKgY49drM9J3idhLEtu+xjvea4nLNqsVspnWr2S6QmF6+Zol2ltpq5QSlmcpxijMxDABp9pjkuMuu28rIpsMi3rLZFKzIus38mm6OuqRxpf41nC5w7rOJd+i1ngnUXGLTbj7Tsskk3rbL8ppZreEu7Ry1mWpJSvHK8Uoz0TWK5U/nYIg8y8rgPsl+l12P1WqgbTPdJtk/AtoWb1CkBdagnqyyWilawVM/Rw/FBQyx540ZGm/eYIg8P43BdYLdSZiEcYXeTJB/TaoNroH8q5OldVIhXE5SKUqhXSNRfZdKvPKVkOrED+L9d/8wN998w+B4XIL40I48K8FQf/O6+7In/7mbb35hsD2qjBKNDLU3ExjKb7pi1Rx61ke89+6fwBVP/jPXXn/HYHlYGiMdMJTe1JJc/PgHQ/X1xQyplznBYuFnmRiiz062nPfof8DSJ/8ZSq8/ZzA9KIEzIQE1Vvuuf/6fufv2M4bgsz4MxVdPui8Cal4C1Jx/+RGDPqpmTANiz7MAvXI+bO2L/5ZzHvzP2Pjif8DCx/8ZMi/fY9DcL0FUUmbwPKkg3Hr7T+WOV//95j/8z5B6/jaD6l4JkvIC0J9FTtPu/2dIPn+PQXG3BFmZiUFzbweDLH7NVMmNAOGld33BRiNUAAAAAElFTkSuQmCC) !important;
    background-repeat: no-repeat;
    background-position: center center;
}

.jquery-pamDesigned-checkbox {
    display: inline;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
}

.jquery-pamDesigned-checkbox .mark {
    display: inline;
}

.jquery-pamDesigned-checkbox img {
    vertical-align: middle;
    width: 30px;
    height: 20px;
    background: transparent url('/Scripts/jqueryCheckbox/pamDesigned-checkbox.png') no-repeat;
}

.jquery-pamDesigned-checkbox img {
    background-position: 0px -49px;
}

.jquery-pamDesigned-checkbox-disabled img {
    background-position: 0px -70px;
}

.jquery-pamDesigned-checkbox-checked img {
    background-position: 0px -28px;
}

.jquery-pamDesigned-checkbox-checked .jquery-pamDesigned-checkbox-disabled img {
    background-position: 0px -6px;
}

/*
Version: 3.3.2 Timestamp: Mon Mar 25 12:14:18 PDT 2013
*/
.select2-container {
    position: relative;
    display: inline-block;
    /* z-index: 1; */
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    width: 240px;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
    /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
    -webkit-box-sizing: border-box;
    /* webkit */
    -khtml-box-sizing: border-box;
    /* konqueror */
    -moz-box-sizing: border-box;
    /* firefox */
    -ms-box-sizing: border-box;
    /* ie */
    box-sizing: border-box;
    /* css3 */


}

.select2-container .select2-choice {
    display: block;
    height: 24px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;

    border: 1px solid var(--ohio-black);
    white-space: nowrap;
    line-height: 26px;
    color: var(--ohio-black);
    text-decoration: none;

    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    background-color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #e3e3e3;
    border-bottom-color: var(--ohio-background-grey);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}

.select2-container .select2-choice span {
    margin-right: 26px;
    display: block;
    overflow: hidden;

    white-space: nowrap;

    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;

    font-family: Arial;
    font-size: 12pt;
}

.select2-container .select2-choice abbr {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 26px;
    top: 8px;

    font-size: 1px;
    text-decoration: none;

    border: 0;
    cursor: pointer;
    outline: 0;
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}

.select2-drop-mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9998;
    background-color: #fff;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* works in IE 8 */
    filter: "alpha(opacity=0)";
    /* expected to work in IE 8 */
    filter: alpha(opacity=0);
    /* IE 4-7 */
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;
    background: #fff;
    color: #000;
    border: 1px solid #36353a;
    border-top: 0;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;

    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;

}

.select2-container .select2-choice div {
    display: block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: #e3e3e3;
    background-color: var(--ohio-background-grey);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
}

.select2-container .select2-choice div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('/Scripts/jquerySelect/select2.png') no-repeat 0 1px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 1.5em;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;

    position: relative;
    z-index: 10000;

    white-space: nowrap;
}

.select2-search-hidden {
    display: block;
    position: absolute;
    left: -10000px;
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;

    outline: 0;
    font-family: Arial;
    font-size: 12pt;

    border: 1px solid #aaa;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;


}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid var(--ohio-sidemenu-border);
    outline: none;
    border-radius: 0px !important;
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;

    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;

    background-color: white;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
}

.select2-dropdown-open .select2-choice div {
    background: transparent;
    border-left: none;
    filter: none;
}

.select2-dropdown-open .select2-choice div b {
    background-position: -18px 1px;
}

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results ul.select2-result-sub {
    margin: 0;
}

.select2-results ul.select2-result-sub>li .select2-result-label {
    padding-left: 20px
}

.select2-results ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 40px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 60px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 80px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 100px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 110px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 120px
}

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}

.select2-results li.select2-result-with-children>.select2-result-label {
    font-weight: bold;

}

.select2-results .select2-result-label {
    font-size: 12pt;
    font-family: Arial;
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;

    min-height: 1em;

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

.select2-results .select2-highlighted {
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    color: #ffffff;
    color: var(--ohio-white);
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: white;
    color: #000;
}


.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}

.select2-results .select2-disabled {
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('/Scripts/jquerySelect/select2-spinner.gif') no-repeat 100%;
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice div {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none
}


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;

    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;

    background-color: #fff;
}

.select2-locked {
    padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 1.5em;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

}

.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}

.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;

    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('/Scripts/jquerySelect/select2-spinner.gif') no-repeat 100% !important;
}

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;

    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
}

.select2-container-multi .select2-choices .select2-search-choice span {
    cursor: default;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;

    font-size: 1px;
    outline: none;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    background-position: right -11px;
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
    display: none;
}

/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {

    .select2-search input,
    .select2-search-choice-close,
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice div b {
        background-image: url('/Scripts/jquerySelect/select2x2.png') !important;
        background-repeat: no-repeat !important;
        background-size: 60px 40px !important;

    }

    .select2-search input {
        background-position: 100% -21px !important;
    }
}

/***Open-Sans***/

@font-face {
    font-family: OpenSans-Bold;
    src: url(../fonts/OpenSans-Bold.ttf);
}

@font-face {
    font-family: OpenSans-BoldItalic;
    src: url(../fonts/OpenSans-BoldItalic.ttf);
}

@font-face {
    font-family: OpenSans-ExtraBold;
    src: url(../fonts/OpenSans-ExtraBold.ttf);
}

@font-face {
    font-family: OpenSans-ExtraBoldItalic;
    src: url(../fonts/OpenSans-ExtraBoldItalic.ttf);
}

@font-face {
    font-family: OpenSans-Italic;
    src: url(../fonts/OpenSans-Italic.ttf);
}

@font-face {
    font-family: OpenSans-Light;
    src: url(../fonts/OpenSans-Light.ttf);
}

@font-face {
    font-family: OpenSans-LightItalic;
    src: url(../fonts/OpenSans-LightItalic.ttf);
}

@font-face {
    font-family: OpenSans-Regular;
    src: url(../fonts/OpenSans-Regular.ttf);
}

@font-face {
    font-family: OpenSans-SemiBold;
    src: url(../fonts/OpenSans-SemiBold.ttf);
}

@font-face {
    font-family: OpenSans-SemiBoldItalic;
    src: url(../fonts/OpenSans-SemiBoldItalic.ttf);
}

.side-menu {
    background-color: #36353a;
    background-color: var(--ohio-black);
    height: 100%;
    position: fixed;
    top: 0;
    transition: width 0.5s ease-in-out;
    width: 4.6em;
    z-index: 1000;
}

.side-menu-header {
    align-items: center;
    display: flex;
    height: 5em;
    height: var(--ohio-navbar-height);
    justify-content: flex-start;
    padding-left: 1.5em;
}

.side-menu-profile {
    border-bottom: 1px solid #58575d;
    border-bottom: 1px solid var(--ohio-sidemenu-border);
    display: flex;
    height: 4em;
    justify-content: flex-start;
    align-items: center;
}

.side-menu-profile>a {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    padding-left: 0.8em;
    width: 100%;
    text-decoration: none;
}

.profile-avatar {
    align-items: center;
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    border-radius: 50%;
    display: flex;
    height: 3em;
    justify-content: center;
    min-width: 3em;
}

.profile-avatar>.image {
    max-height: 100%;
    max-width: 100%;
    border-radius: 50%;
}

.profile-avatar>.initials {
    color: #f9f9f9;
    /*IE*/
    color: var(--ohio-lightshades);
    font-family: OpenSans-Bold;
    font-size: 18px;
}

.profile-info {
    align-items: flex-start;
    color: #f9f9f9;
    /*IE*/
    color: var(--ohio-lightshades);
    display: flex;
    flex-direction: column;
    font-size: 12px;
    margin-left: 1em;
    opacity: 0;
    transition: opacity 0.2s ease-in-out, width 1s ease-in;
    width: 0%;
}

.profile-info>.name {
    font-family: OpenSans-Bold;
    pointer-events: none;
}

.profile-info>.email {
    pointer-events: none;
}

.side-menu-list {
    list-style-type: none;
}

.side-menu-list>li {
    border-bottom: 1px solid #58575d;
    border-bottom: 1px solid var(--ohio-sidemenu-border);
    min-height: 3.1em;
    min-height: var(--ohio-sidemenu-item-height);
}

.side-menu-list>li:hover {
    background-color: #404548;
    background-color: var(--ohio-black-hover);
}

.side-menu-list>li>a {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    text-decoration: none;
    width: 100%;
    height: 3.1em;
    height: var(--ohio-sidemenu-item-height);
}

.side-menu-list>li>a>.item-active-indicator {
    background-color: #36353a;
    background-color: var(--ohio-black);
    height: 100%;
    min-width: 0.3em;
}

.side-menu-list>li>a>img {
    height: 100%;
    margin: 0 1em;
    max-width: 100%;
    min-width: 2em;
    width: 2em;
}

.side-menu-list>li>a>div>.side-menu-item-header {
    color: #e3e3e3;
    color: var(--ohio-background-grey);
    font-family: OpenSans-Regular;
    font-size: 14px;
    width: 100%;
    pointer-events: none;
}

.side-menu-list>li>a>div {
    pointer-events: none;
}

.side-menu-list>li>ul {
    list-style-type: none;
}

.side-menu-list>li>ul>li {
    box-sizing: border-box;
    height: 0;
    opacity: 0;
    transition: opacity 0.1s ease-in-out, height 0.5s ease-in-out;
    background-color: #3a3f42;
    background-color: var(--ohio-menu-child);
}

.side-menu-list>li>ul>li:hover {
    background-color: #404548;
    background-color: var(--ohio-black-hover);
}

.side-menu-list>li>ul>li>a {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    text-decoration: none;
    width: 100%;
    height: 100%;
    padding-left: 1em;
}

.side-menu-list>li>ul>li>a>p {
    color: #e3e3e3;
    color: var(--ohio-background-grey);
    font-family: OpenSans-Regular;
    font-size: 12px;
    width: 100%;
    pointer-events: none;
}


/* Togglers */
.toggle-menu {
    width: 15em;
    transition: width 0.5s ease-in-out;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.show-title {
    opacity: 1 !important;
    width: 100% !important;
    transition: opacity 2s ease-in !important;
    -moz-transition-delay: 0.4s !important;
    -o-transition-delay: 0.4s !important;
    -webkit-transition-delay: 0.4s !important;
    transition-delay: 0.4s !important;
}

.active {
    background-color: #1073ba !important;
    background-color: var(--ohio-brand-blue) !important;
}

.menu-title-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding-right: 0.4em;
    opacity: 0;
    transition: opacity 0.1s ease-in-out, width 0.6s ease-in;
    width: 0%;
}

.expand-child {
    box-sizing: border-box;
    height: 3em !important;
    height: var(--ohio-sidemenu-childitem-height) !important;
    opacity: 1 !important;
    transition: opacity 2.0s ease-in-out, height 0.5s ease-in-out !important;
    -moz-transition-delay: 1.2s !important;
    -o-transition-delay: 1.2s !important;
    -webkit-transition-delay: 1.2s !important;
    transition-delay: 1.2s !important;
}



/* HAMBURGER TOGGLE */
.navbar-toggler {
    margin-right: 1em;
    padding: 0;
    background-color: #36353a;
    background-color: var(--ohio-black);
    border: none;
}

.animated-icon {
    width: 1.6em;
    height: 1.6em;
    position: relative;
    margin: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
}

.animated-icon span {
    display: block;
    position: absolute;
    height: 0.12em;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

.animated-icon span {
    background: #e3e3e3;
    background: var(--ohio-background-grey);
}

.animated-icon span:nth-child(1) {
    top: 0px;
}

.animated-icon span:nth-child(2) {
    top: 8px;
}

.animated-icon span:nth-child(3) {
    top: 16px;
}

.animated-icon.open span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.animated-icon.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.animated-icon.open span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}


/* Chevron */
.rotate {
    -moz-transition: all 2s linear;
    -webkit-transition: all 2s linear;
    transition: all 0.5s ease-in-out;
}

.down {
    -ms-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
    transition: transform 0.5s ease-in-out;
    -moz-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.navbar {
    background-color: #ffffff;
    background-color: var(--ohio-white);
    box-shadow: 0 4px 2px -2px #ccc;
    box-shadow: 0 4px 2px -2px var(--ohio-shadow);
    box-sizing: border-box;
    display: flex;
    height: 5em;
    height: var(--ohio-navbar-height);
    justify-content: space-between;
    padding-left: 4.6em;
    position: fixed;
    right: 0;
    top: 0;
    transition: padding-left 0.5s ease-in-out;
    width: 100%;
    z-index: 999;
}

.navbar-home-link {
    display: flex;
    text-decoration: none;
}

.navbar-left {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    padding-left: 1em;
    height: 5em;
    height: var(--ohio-navbar-height);
}

.navbar-left>.logo {
    max-width: 100%;
    max-height: 100%;
}

.navbar-left>.brand-name {
    color: #36353a;
    color: var(--ohio-black);
    font-family: OpenSans-Bold;
    font-size: 2em;
}

.navbar-right {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    padding-right: 1em;
    margin-bottom: 0.2em;
}

.navbar-right>.navbar-logout-link>.logout {
    max-width: 100%;
    max-height: 100%;
    width: 1.4em;
}

.navbar-logout-link {
    display: flex;
    text-decoration: none;
}

.rowstyle td.chk,
.altrowstyle td.chk {
    text-align: center;
}