html,
body {
    font-size: 14px;
    overflow-x: hidden;
    background-color: var(--connx-white);
}

.m-badge.m-badge--danger {
    position: absolute;
    left: 50px;
    top: 10px;
}

.has-danger label:not([class]) {
    color: unset !important;
    border-color: var(--connx-danger) !important;
}

.m-header--fixed .m-body {
    padding-top: 48px !important;
}

.m-checkbox {
    padding-left: unset !important;
    width: 100%;
}

.m-checkbox>span {
    right: 0;
    left: unset !important;
    width: 20px;
    height: 20px;
}

#ctl00_mpimgProfilePic {
    width: 40px !important;
    height: 40px !important;
    object-fit: cover;
}

#ctl00_mpimgTopPic {
    width: 32px;
    margin: 5px !important;
}

#btnNavigation {
    height: 48px !important;
    width: 48px !important;
}

#btnNavigation .fas {
    color: white;
    font-size: 1.8rem;
}

#btnNavigationLogo {
    display: inline-block;
    width: calc(100vw - 70px);
    height: 48px;
    text-align: center;
    margin-left: 70px;
    padding: 12px 70px 12px 0;
    right: 0;
}

.file-wrap {
    border: 1px solid var(--connx-grey-tint-60);
    border-radius: 4px;
    margin: 5px 0 !important;
    padding: 8px 0 !important;
    word-wrap: break-word;
}

.file-wrap a {
    color: var(--connx-blue);
}

.file-wrap [class*=fa-] {
    font-size: 1.5rem;
}

.btn-file-remove {
    border: none !important;
    background: none !important;
}

.btn-file-remove [class*=fa-times] {
    color: var(--connx-danger-shade-20) !important;
}

.m-body {
    top: 0;
    bottom: 0;
    position: absolute;
    right: 0;
    left: 0;
    width: 100vw;
    z-index: 2;
}

.m-body .m-content {
    padding: 0 15px;
}

.m-portlet {
    padding-left: 0;
    padding-right: 0;
    overflow-x: hidden;
}

.m-portlet .m-portlet__body {
    padding: 15px;
}

#main_portlet>.m-portlet__body {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.m-page-controls {
    /*background-color: var(--connx-grey-tint-90);*/
    padding: 5px 15px 5px 15px;
    position: relative;
}

.m-page-controls .form-control {
    width: inherit !important;
}

#ctl00_btnCloseNavigation {
    background-color: var(--connx-white);
    position: absolute;
    top: 10px;
    right: 10px;
}

.bootstrap-touchspin-down,
.bootstrap-touchspin-up {
    min-height: 3.5rem !important;
    border-radius: 0;
}

.form-control-sm {
    height: 3.5rem;
}

.m-form .m-form__group {
    padding-bottom: 5px;
    padding-top: 5px;
}

.m-portlet__head-caption {
    padding-left: 10px !important;
}

.m-portlet__head-tools {
    margin-left: -5px !important;
    margin-right: 5px;
}

.m-portlet__body {
    position: relative;
}

.m-portlet__body.striping:nth-child(even) {
    background-color: var(--connx-grey-tint-90);
}

.m-portlet__body.striping {
    padding: 15px !important;
}

.not-supplied,
.Light {
    color: var(--connx-grey-tint-40) !important;
}

.nav.nav-tabs {
    margin: 0 -15px -5px -15px !important;
}

.m-tabs-line {
    border-bottom: 1px solid white;
}

.m-tabs-line .m-tabs__item {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center;
}

.m-card-profile {
    padding: 10px 0 0 0;
}

.m-card-profile .m-card-profile__details {
    vertical-align: middle;
}

.m-card-profile .m-card-profile__pic {
    padding: 0 15px 0 0;
}

.m-card-profile .m-card-profile__pic .m-card-profile__pic-wrapper {
    border: none;
    margin: 0;
    padding: 0;
}

.m-switch.m-switch--lg input:empty~span:before,
.m-switch.m-switch--lg input:empty~span:after {
    border-radius: 4px;
}

.m-switch input:empty~span:before {
    background-color: var(--connx-white);
    border: 1px solid var(--connx-grey-tint-70);
}

.list-next-btn {
    color: var(--connx-primary);
    position: absolute;
    right: 15px;
    top: calc(50% - 1rem);
}

.list-next-btn>i {
    font-size: 2rem !important;
}

.locationSelectorWrapper {
    padding: 0px;
    border: 1px solid var(--connx-grey-tint-65);
    margin-top: -5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.locationSelector {
    background-color: var(--connx-grey-tint-90);
    z-index: 99999;
    width: 100%;
    height: 100%;
    padding: 10px;
}


.locationSelectorClose {
    background: none !important;
    right: 20px;
    border: none;
}

.IncidentLocationSelectButton {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 0px;
}

/* Menu fixes */
.MobileMenuBackground {
    top: 8px !important;
    height: calc(100vh - 48px) !important;
}

.ControlsBGFillNotBorderBlue>span {
    padding-left: 60px;
    position: relative;
}

.ControlsBGFillNotBorderBlue>span>i {
    font-size: 2.6rem !important;
}

.ControlsBGFillNotBorderBlue>span>i:before {
    position: absolute;
    left: 5px;
    top: 0;
}

.ControlsBGFillNotBorderBlue br {
    display: none;
}

.CircleProfilePic {
    width: 40px;
    height: 40px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    object-fit: cover;
}

.CirclePrersonalPicLarge {
    width: 200px;
    height: 200px;
    object-fit: cover;
}

/* Application Page Action Options */
#mobile-action-options {
    position: fixed;
    bottom: -300px;
    width: 100%;
    background: var(--connx-grey-tint-85);
    overflow: hidden;
    z-index: 9999;
    transition: all .60s ease;
}

.slide-up {
    bottom: 0 !important;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.slide-down {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

/* Application Home */
#ctl00_mobileHome {
    background-color: var(--connx-white);
    position: fixed;
    right: -100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 9999;
    transition: all .60s ease;
}

.home-slide-in {
    right: 0 !important;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.home-slide-out {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

#ctl00_mobileHome a {
    border-bottom: 1px solid lightgrey;
}

.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend>.input-group-text {
    border-color: var(--connx-grey-tint-70);
    background-color: var(--connx-grey-tint-95);
    color: var(--connx-grey-shade-20);
}

.form-control:disabled {
    border: unset !important;
    background-color: var(--connx-grey-tint-95);
    color: var(--connx-grey-shade-20);
}

.form-control:disabled~.input-group-append>.input-group-text {
    border: none !important;
}

input[type=radio] {
    display: none;
    margin: 10px;
}

input[type=radio]+label {
    background: white;
    border: 1px solid var(--connx-grey-tint-70);
    margin: -2px;
    height: 40px !important;
    min-height: 40px;
    display: block;
    font-weight: 400;
    white-space: nowrap;
    vertical-align: middle;
    padding: 0.85rem 1.15rem;
    font-size: 1rem;
    line-height: 1.25;
    border-radius: 0.25rem;
}

input[type=radio]:checked+label {
    background-color: var(--connx-primary);
    border: none;
    color: var(--connx-button-text);
}

input[type=radio]:checked:disabled+label {
    border: unset !important;
    color: unset;
    background-color: var(--connx-grey-tint-75);
}

input[type=radio]:disabled+label {
    border: unset !important;
    background-color: var(--connx-grey-tint-95);
}

.bootstrap-touchspin-down:disabled,
.bootstrap-touchspin-up:disabled {
    border: unset !important;
    background-color: var(--connx-grey-tint-75);
}

.mob-date:before {
    content: "\f15c";
    font: normal normal normal 18px/1 "LineAwesome";
}

.mob-time:before {
    content: "\f18f";
    font: normal normal normal 18px/1 "LineAwesome";
}

.m-aside-menu .m-menu__nav {
    padding: 0;
}

#mobile-navigation-user {
    background-color: var(--connx-mobile-menu-bg);
    padding: 10px 30px;
    position: fixed;
    z-index: 9;
    height: 70px;
    width: 80vw;
}

#mobile-navigation-user>h4 {
    float: left;
    padding: 10px;
    color: var(--connx-white);
}

#mobile-navigation-user>img {
    float: left;
}

#m-menu-items {
    padding-top: 70px;
}

#m_aside_left {
    position: fixed;
    top: 0;
    bottom: -20vh;
    padding-bottom: 20vh;
    left: -80vw;
    width: 80vw;
    z-index: 9999;
    overflow: scroll;
}

#m_ver_menu {
    height: auto;
    z-index: 9999;
}

/* bugs */
.m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__submenu .m-menu__subnav>.m-menu__item>.m-menu__link {
    padding-left: 77px;
}

.m-aside-menu .m-menu__nav>.m-menu__item {
    background-color: var(--connx-mobile-menu-bg-hover);
    height: unset;
}

span.m-menu__link {
    color: var(--connx-white);
}

.m-aside-left.m-aside-left--skin-dark,
.m-aside-menu.m-aside-menu--skin-dark {
    background-color: var(--connx-mobile-menu-bg);
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open {
    background-color: var(--connx-mobile-menu-bg);
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__heading,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__link {
    background-color: var(--connx-mobile-menu-bg-hover);
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link .m-menu__ver-arrow,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__heading .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__ver-arrow,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__heading .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__heading .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__link .m-menu__ver-arrow,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__link .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__link .m-menu__link-text {
    color: var(--connx-white);
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__heading .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-icon {
    font-size: 1.8rem;
}

/* menu effects */
/*.m-page {
    transition: transform .5s ease-in-out !important;
}*/
.menu-label {
    display: inline-block;
    padding: 7px 10px;
    background-color: transparent;
    cursor: pointer;
    margin: 3px;
    z-index: 3;
    position: fixed;
    left: 0;
}

.bar {
    display: block;
    background-color: var(--connx-navigation-text);
    width: 20px;
    height: 3px;
    border-radius: 5px;
    margin: 5px auto;
    transition: background-color .5s ease-in, transform .5s ease-in, width .5s ease-in;
}

#overlayClose {
    background-color: rgba(0, 0, 0, 0.25);
    display: none;
    height: 100vh;
    position: fixed;
    right: 0;
    width: 20vw;
    z-index: 9999;
}

#myInput {
    display: none;
}

/*#myInput:checked ~ label {
    transform: translateX(calc(80vw - 45px)) !important
}*/

#myInput:checked~label .bar {
    background-color: var(--connx-white);
}

#myInput:checked~label .top {
    -webkit-transform: translateY(8px) rotateZ(45deg);
    -moz-transform: translateY(8px) rotateZ(45deg);
    -ms-transform: translateY(8px) rotateZ(45deg);
    -o-transform: translateY(8px) rotateZ(45deg);
    transform: translateY(8px) rotateZ(45deg);
}

#myInput:checked~label .bottom {
    -webkit-transform: translateY(-8px) rotateZ(-45deg);
    -moz-transform: translateY(-8px) rotateZ(-45deg);
    -ms-transform: translateY(-8px) rotateZ(-45deg);
    -o-transform: translateY(-8px) rotateZ(-45deg);
    transform: translateY(-8px) rotateZ(-45deg);
}

#myInput:checked~label .middle {
    width: 0;
}

.middle {
    margin: 0 auto;
}

/* Application Navigation */
#mobile-navigation-content {
    background-color: white;
    width: 85%;
    -webkit-box-shadow: 0 0 50px 20px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 50px 20px rgba(0, 0, 0, 0.25);
}

#mobile-navigation-content #mobile-navigation-user {
    border-bottom: 1px solid var(--connx-grey-tint-75);
    height: 20vh;
    padding: 20px;
    position: relative;
}

#mobile-navigation-content nav {
    height: 80vh;
}

#mobile-navigation-content nav a {
    display: block;
    padding: 10px 20px;
}

#mobile-navigation-content nav hr {
    margin: 5px 0;
}

.slide-in {
    left: 0 !important;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.slide-out {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

.personDirectory {
    margin-top: 60px;
}

.personDirectory .person {
    cursor: pointer;
    overflow: hidden;
}

.personDirectory .firstName,
.personDirectory .lastName {
    font-family: ConnXFont, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: var(--connx-black);
    font-size: 20px;
    font-weight: bold;
}

.personDirectory .details,
#personDirectory .department,
#personDirectory .jobTitle {
    padding: 10px 0;
    font-family: ConnXFont, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: var(--connx-black);
    font-size: 14px;
}

.personDirectory .details>div>span:first-child {
    max-width: 70px;
    width: 70px;
    display: inline-block;
    text-align: left;
    text-transform: uppercase;
    padding: 2px 15px;
    font-family: ConnXFont, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: var(--connx-black);
    font-size: 14px;
}

.personDirectory .photo {
    margin: 5px;
    width: 48px;
    height: 48px;
    object-fit: cover;
}

/*.personDirectory .selected { background: var(--connx-grey-tint-80); }*/

.personDirectoryMessageBox {
    display: none;
    font-weight: bold;
    padding: 25px;
    text-align: center;
}

.personDirectorySearch {
    position: fixed;
    top: 48px;
    left: 0;
    z-index: 999;
    background-color: var(--connx-grey-tint-90);
}

.personDirectorySearch>label {
    display: none;
}

.personDirectorySearch>table {
    margin: 0 auto;
}


.personDirectoryInfo {
    position: fixed;
    top: 48px;
    left: 0;
    z-index: 999;
    background-color: var(--connx-grey-shade-20);
    color: var(--connx-white);
    height: 50px;
}

.widgetHeader {
    position: relative !important;
}

.personDirectorySearch1>label {
    display: none;
}

.personDirectorySearch1>table {
    margin: 0 auto;
}

.searchBox {
    transition: all .25s;
    font-family: 'Font Awesome 5 Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.searchReset {
    background: none !important;
    display: none;
    position: absolute;
    top: 10px;
    right: 17px;
    padding: 12px 6px 12px 12px;
    border: none;
}

.searchReset:active,
.searchReset:focus {
    background: none !important;
}

.ruFileWrap {
    height: 30px !important;
}

@media (min-width: 2px) {

    .m-footer--push.m-aside-left--enabled:not(.m-footer--fixed) .m-aside-right,
    .m-footer--push.m-aside-left--enabled:not(.m-footer--fixed) .m-wrapper {
        margin-bottom: 0;
    }
}






.BlueTotalsBox {
    border: 1px solid var(--connx-primary);
    text-align: center;
    padding: 5px;
}

.BlueTotalsBoxSelected {
    background-color: var(--connx-primary-tint-80);
}

.BlueTotalsBoxText {
    color: var(--connx-grey);
    font-size: 18px;
    font-weight: bold;
}

.Highlight {
    color: var(--connx-primary);
}

.BlueTotalsSolidBox {
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 1px solid var(--connx-primary);
    border-radius: 2px;
    color: var(--connx-white);
    background-color: var(--connx-primary);
    margin-bottom: 3px !important;
}

.GreenTotalsSolidBox {
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 1px solid var(--connx-success);
    border-radius: 2px;
    color: var(--connx-white);
    background-color: var(--connx-success);
    margin-bottom: 3px !important;
}

.OrangeTotalsSolidBox {
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 1px solid var(--connx-warning-shade-10);
    border-radius: 2px;
    color: var(--connx-white);
    background-color: var(--connx-warning-shade-10);
    margin-bottom: 3px !important;
}

.LightBlueTotalsSolidBox {
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 1px solid var(--connx-info);
    border-radius: 2px;
    color: var(--connx-white);
    background-color: var(--connx-info);
    margin-bottom: 3px !important;
}

.GrayTotalsSolidBox {
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 1px solid var(--connx-grey-tint-80);
    border-radius: 2px;
    color: var(--connx-grey);
    background-color: var(--connx-grey-tint-80);
    margin-bottom: 3px !important;
}

.TotalsSolidBoxText {
    text-decoration: none;
    color: var(--connx-white);
    vertical-align: middle;
}

.rddtFilter>label {
    width: 100%;
}

.rddtFilter>label>input {
    border-radius: 4px;
    padding: 8px 4px;
}


.ConnXClockButtonBlue {
    font-family: ConnXFont, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 1px solid var(--connx-primary);
    border-radius: 20px;
    color: var(--connx-white);
    background-color: var(--connx-primary);
    transition: all 0.3s ease;
}

.ConnXClockButtonGreen {
    font-family: ConnXFont, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 1px solid var(--connx-success-tint-05);
    border-radius: 20px;
    color: var(--connx-white);
    background-color: var(--connx-success-tint-05);
    transition: all 0.3s ease;
}

.ConnXClockButtonRed {
    font-family: ConnXFont, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 1px solid var(--connx-danger-shade-30);
    border-radius: 20px;
    color: var(--connx-white);
    background-color: var(--connx-danger-shade-30);
    transition: all 0.3s ease;
}

.ConnXClockButtonOrange {
    font-family: ConnXFont, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 1px solid var(--connx-warning-shade-10);
    border-radius: 20px;
    color: var(--connx-white);
    background-color: var(--connx-warning-shade-10);
    transition: all 0.3s ease;
}

.btn {
    padding: 0.8rem 1.15rem;
    height: 40px !important;
    /*min-height: 40px !important;*/
}


.ProcessingBackground {
    background-color: var(--connx-grey-tint-95);
    border-color: var(--connx-primary-tint-10);
    box-shadow: 5px 5px 5px var(--connx-grey-tint-40);
}

.ProcessingBorder {
    border-collapse: collapse;
    border: 1px solid var(--connx-grey-tint-60);
}

.ProcessingTitle {
    font-family: ConnXFont, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    color: var(--connx-primary);
    font-size: 18px;
    font-weight: bold;
    font-variant: normal;
}




.m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__link {
    padding: 13.5px 32px;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    vertical-align: middle !important;
    line-height: 48px !important;
    height: 48px !important;
    padding-top: 0px !important;
}

.BiggerFont {
    font-size: 2rem;
}



.ExceptionListBox {
    font-family: ConnXFont, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    border: 1px solid var(--connx-warning-shade-10);
}

.SolidException {
    background-color: var(--connx-warning-shade-10);
    padding-left: 10px;
    padding-right: 10px;
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
    color: var(--connx-main-header);
}

.baseStatus {
    background-color: var(--connx-grey-tint-40);
    color: var(--connx-white);
    border-radius: 14px;
    height: 28px;
    vertical-align: middle;
    text-align: center !important;
    line-height: 28px;
}

.approved {
    background-color: rgba(55, 191, 159, 0.125);
    color: var(--connx-success);
}

.denied {
    background-color: rgba(63, 63, 71, 0.125);
    color: var(--connx-grey-shade-45);
}

.pendingApproval {
    background-color: rgba(255, 143, 0, 0.125);
    color: var(--connx-warning-shade-10);
}

.pending {
    background-color: rgba(255, 143, 0, 0.125);
    color: var(--connx-warning-shade-10);
}

.complete {
    background-color: rgba(63, 63, 71, 0.125);
    color: var(--connx-grey-shade-45);
}

.icon-delete [class="fa fa-trash-alt"] {
    color: var(--connx-danger) !important;
}

.icon-add [class="fa fa-plus"] {
    color: var(--connx-primary) !important;
}

.itemDetailsDeleteButton {
    background-color: rgb(244, 81, 108, 10%) !important;
    color: var(--connx-danger);
    border-color: rgb(244, 81, 108, 10%) !important;
}

.itemDetailsTextAreaWidth {
    width: 100%;
}

.m-card-profile_icon {
    position: absolute;
    top: 45px;
    left: 45px;
    background: var(--connx-white);
    border-radius: 50%;
    width: 23px;
    height: 23px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75)
}

.swal2-popup {
    min-width: unset !important;
    width: 100% !important;
    padding: 2.6rem;
}

.swal2-container {
    padding: 15px !important;
}

.approveDenyBtn {
    position: fixed;
    z-index: 50;
    width: 100%;
    bottom: 0px;
    left: 15px;
    padding-top: 10px;
    padding-bottom: 15px;
    background: var(--connx-grey-tint-90);
}

.mpPopUpNoticeTable {
    position: fixed;
    margin: 0 auto;
    width: 92%;
    left: 0;
    right: 0;
    top: 34%;
}

.current,
.issued {
    background-color: rgba(55, 191, 159, 0.125);
    color: rgb(var(--connx-success-rgb)/1);
    line-height: 28px;
    text-align: center;
    width: 70px;
    border-radius: 3px;
}

.cancelled,
.expired,
.lost {
    background-color: rgb(var(--connx-danger-rgb)/0.125);
    color: rgba(241, 72, 72, 1);
    line-height: 28px;
    text-align: center;
    width: 70px;
    border-radius: 3px;
}

.returned {
    background-color: rgba(87, 89, 98, 0.125);
    color: rgba(87, 89, 98, 1);
    line-height: 28px;
    text-align: center;
    width: 70px;
    border-radius: 3px;
}

.MobileSearchTextBox {
    width: 100%;
    font-weight: 400 !important
}


.form-group.required label:after,
.form-group.required td label:after,
label.required:after,
span.required:after {
    color: var(--connx-danger-shade-10);
    content: "*";
    margin-left: 2px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-size: 6px;
    content: "\f069";
    vertical-align: super;
}

.TotalsJobTrackingText {
    font-size: 12px;
    white-space: pre-line;
    padding-bottom: 5px;
}

.TotalsText {
    font-size: 12px;
}

.LastClockInBox {
    background-color: var(--connx-grey-tint-90);
    width: 100%;
    padding: 15px;
}

.LastClockInTable {
    width: 100%;
}

.LastClockInHeader {
    text-align: center;
    color: var(--connx-grey-shade-20);
    font-weight: 700;
}

.LastClockInLabel {
    text-align: left;
    color: var(--connx-grey-shade-20);
    vertical-align: top;
    font-size: 12px;
}

.LastClockInValue {
    text-align: right;
    color: var(--connx-grey-shade-20);
    vertical-align: top;
    font-size: 12px;
}

.ruFileWrap  {
    height: auto !important;
    width: auto !important;
}
.RadUpload .ruSelectWrap {
    width: 100% !important;
}

.RadUpload .ruSelectWrap,
.RadUpload .ruFileLI {
    position: relative;
    z-index: 10;
    margin-bottom: 10px !important;
}

.RadUpload .ruSelectWrap .ruFileWrap.ruStyled {
    width: 100% !important;
    display: block;
}
.RadUpload_Metro .ruSelectWrap .ruButton {
    padding: 0.8rem 1.15rem;
    width: calc(100vw - 65px) !important;
}

.RadUpload .ruStyled .ruFileInput {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
}