@keyframes jssorl-009-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@media (max-width:768px) {
    #mainContentDiv.page-content > div.container, #mainContentDiv.page-content > div.container > page-content-inner {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.ng-cloak, .x-ng-cloak, [data-ng-cloak], [ng-cloak], [ng\:cloak], [x-ng-cloak] {
    display: none !important
}

.dropdown-menu > li > a > [class*=" fa-"], .dropdown-menu > li > a > [class^=fa-], .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > svg {
    color: #6fa7d7
}

.listContent ul {
    overflow: hidden;
    padding: 0 15px 15px
}

.alt-row {
    background-color: #f4f6f9
}

.form-group {
    margin-bottom: 1rem !important
}

label {
    font-weight: 700
}

.page-content-inner {
    padding: 0;
    background-color: #fff
}

.full-width, .full-width > img {
    width: 100%
}

.breadcrumb {
    padding: 0 0 5px 15px !important;
    font-size: 9pt
}

.content-centered {
    margin-left: auto;
    margin-right: auto
}

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

.pad-container {
    width: 150px;
    height: 50px
}

.pad-icon-container, .pad-item {
    height: 40px;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-justify-items: center
}

.pad-item {
    -webkit-align-content: center;
    align-content: center;
    width: 140px
}

.pad-icon-container {
    width: 40px;
    background-color: #fff;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center
}

.pad-icon {
    max-width: 40px;
    max-height: 40px
}

.menuHeader {
    background-color: #7387a2;
    color: #fff;
    font-size: .8em;
    padding-left: 5px;
    font-weight: 700;
    height: 22px
}

.pad-desc {
    font-size: .9em !important;
    margin-left: 8px;
    align-self: center
}

.pad-container a {
    align-self: flex-start;
    display: inline;
    width: 150px
}

.launchPadRow ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.launchPadRow {
    padding-bottom: 10px
}

.menuHeader .filter-option {
    font-size: .7em;
    height: 20px;
    font-weight: 700
}

.menuHeader .btn {
    padding: 2px;
    height: 20px;
    background-color: #7387a2
}

.menuHeader .btn-group {
    height: 20px
}

.smallTitleLink {
    font-weight: 600;
    font-size: .8em
}

.smallText {
    font-size: .8em
}

.eventMainListItemRow {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    justify-content: flex-start;
    -webkit-justify-content: flex-start
}

.eventMainTime {
    min-width: 50px;
    font-size: .8em;
    text-align: right
}

.eventMainEvent {
    padding-left: 5px;
    font-size: .8em;
    color: #00f
}

.eventMainDayContainer {
    display: flex;
    display: -webkit-flex;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #b6b6b6;
    height: 40px
}

.eventMainDayName {
    margin-left: 5px;
    font-size: 20px;
    line-height: 20px;
    height: 20px;
    flex-grow: 1;
    align-self: flex-end;
    -webkit-align-self: flex-end
}

.eventDayBoxMonth, .eventDayBoxNumber {
    text-align: center;
    border-style: solid;
    border-color: #b6b6b6
}

.eventDayBoxMonth {
    background-color: red;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    height: 17px;
    border-width: 1px 1px 0
}

.eventDayBoxNumber {
    height: 23px;
    font-size: 15px;
    line-height: 23px;
    color: #000;
    border-width: 0 1px 1px
}

.eventDayBox {
    height: 40px;
    width: 40px
}

.eventMainListItem:hover {
    background-color: #e5e5e5
}

#notificationCanvas {
    border: 1px solid #bbb
}

.subdiv {
    width: 320px
}

#mainContentColumn {
    padding-left: 0
}

#leftContentColumn {
    padding-right: 0
}

.avatarRow {
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.smallAvatar {
    width: 60px;
    height: 60px
}

.topDialog {
    top: 0;
    left: 0
}

.page-header-menu {
    background-color: #fff !important
}

    .page-header-menu .container-fluid {
        background-color: #00205b !important
    }

@media only screen and (max-width:1024px) {
    .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
        padding: 8px !important;
        font-size: 12px
    }

    .portlet > .portlet-title > .caption {
        font-size: 14px;
        line-height: 14px;
        padding: 7px 0 9px !important;
        min-height: 25px !important
    }

    .page-header-menu .container-fluid {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .portlet-title .caption svg {
        margin-right: 8px !important
    }

    .portlet > .portlet-title {
        min-height: 25px
    }
}

@media only screen and (max-width:768px) {
    .logoImage {
        max-width: 250px
    }

    .no-gutter {
        padding-left: 0;
        padding-right: 0
    }

    #mainContentColumn {
        padding-left: 15px
    }

    #leftContentColumn {
        padding-left: 15px;
        padding-top: 15px
    }

    .launchPadRow {
        max-width: 600px
    }

    .smallAvatar {
        width: 40px;
        height: 40px
    }

    .avatarRow {
        font-size: .8em
    }

    .eventDayBoxMonth, .eventDayBoxNumber {
        text-align: center;
        border-style: solid;
        border-color: #b6b6b6
    }

    .eventDayBoxMonth {
        background-color: red;
        color: #fff;
        font-size: 10px;
        line-height: 10px;
        height: 17px;
        border-width: 1px 1px 0
    }

    .eventDayBoxNumber {
        height: 23px;
        font-size: 15px;
        line-height: 23px;
        color: #000;
        border-width: 0 1px 1px
    }

    .eventDayBox {
        height: 40px;
        width: 40px
    }

    .eventMainDayName {
        font-size: 14px;
        line-height: 14px;
        height: 14px
    }
}

.appList {
    height: 285px;
    width: 275px
}

#phoneSearchDialog .cardBox {
    width: 265px
}

.cardBox:hover {
    background-color: #847470;
    border: 1px solid #ff8200
}

.topListDialog.k-window-content {
    padding: 0 !important;
    background-color: #554b4b
}

.cardBoxTopMenu {
    font-size: 11px;
    width: 50px;
    float: right;
    display: inline-flex
}

    .cardBoxTopMenu .glyphicon-star:hover, .starSelected {
        color: #00205b;
    }

    .cardBoxTopMenu .glyphicon-star, .is-tags li i {
        margin-right: 5px
    }

    .cardBoxTopMenu .glyphicon-pushpin:hover, .is-tags li a:hover i, .pinned {
        color: #fff
    }

.top-menu .badge {
    position: relative;
    font-family: "Open sans",sans-serif;
    top: -35px;
    right: -10px;
    font-weight: 300;
    padding: 3px 6px;
    background-color: #FF8200;
    color: #fff
}

#bgimage {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -100
}

    #bgimage:before {
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: .4;
        background-image: url();
        background-repeat: no-repeat;
        background-position: center center;
        -ms-background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover
    }

.opaquewhite, .page-head {
    background-color: rgba(251,251,251,.95) !important
}

.portlet .light .opaquewhite {
    background-color: rgba(251,251,251,.9) !important
}

.nobg {
    background-color: transparent !important
}

.dart-yellow {
    color: #ffcd00
}

.dart-yellow-bg {
    background-color: #ffcd00
}

.dart-darkblue-bg {
    background-color: #00205b
}

.blue-bottom-border {
    border-bottom: 3px solid #007dba
}

.blue-top-border {
    border-top: 3px solid #007dba
}

.blue-top-border-thin {
    border-top: 1px solid #007dba
}

.directoryResultBlock {
    line-height: 16px;
    padding: 0 5px 5px;
    width: 215px
}

.is-icon-badge, .is-icon-badge-inlist {
    position: relative;
    top: -26px;
    right: -15px;
    padding: 3px 6px
}

.is-icon-badge-inlist {
    top: -18px;
    right: 10px
}

.carousel-title-v5 {
    font-size: 35px;
    font-weight: 700
}

.carousel-subtitle-v5 {
    font-size: 12px;
    font-style: italic
}

.jssorb032 {
    position: absolute
}

    .jssora053, .jssorb032 .i {
        position: absolute;
        cursor: pointer
    }

        .jssorb032 .i .b {
            fill: #fff;
            fill-opacity: .7;
            stroke: #000;
            stroke-width: 1200;
            stroke-miterlimit: 10;
            stroke-opacity: .25
        }

        .jssorb032 .i:hover .b, .jssorb032 .iav .b {
            fill: #000;
            fill-opacity: .6;
            stroke: #fff;
            stroke-opacity: .35
        }

    .jssorb032 .iav .b {
        fill-opacity: 1
    }

    .jssorb032 .i.idn {
        opacity: .3
    }

.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.jssora053 {
    display: block
}

    .jssora053 .a {
        fill: none;
        stroke: #fff;
        stroke-width: 640;
        stroke-miterlimit: 10
    }

    .jssora053:hover {
        opacity: .8
    }

    .jssora053.jssora053dn {
        opacity: .5
    }

    .jssora053.jssora053ds {
        opacity: .3;
        pointer-events: none
    }

.portlet-title .caption .fa-fw, .portlet-title .caption i, .portlet-title .caption svg {
    margin-right: 15px
}

.mt-element-list .list-news.mt-list-container {
    border-left: 0 solid !important;
    border-right: 0 solid !important
}

.page-head .page-title {
    padding: 15px !important;
    float: none !important
}

html.fa-events-icons-loading .fa-fw {
    display: inline-block;
    width: 1.28571429em
}

    html.fa-events-icons-loading .fa-fw::before {
        content: "\00a0"
    }

.ui-menu {
    background-color: #55616f;
    padding: 5px 10px 10px
}

.is-tags ul, ul.ui-autocomplete {
    list-style: none
}

.ui-menu-item > a {
    color: #bcc2cb
}

.is-tags ul {
    margin: 0;
    padding: 0
}

.is-tags li {
    position: relative;
    margin: 0 16px 7px 0;
    display: inline-block
}

    .is-tags li a {
        color: #555;
        background: #f5f5f5;
        display: inline-block;
        padding: 3px 5px 3px 3px
    }

        .is-tags li a:hover {
            color: #fff;
            background: #e84d1c;
            text-decoration: none
        }

    .is-tags li i {
        color: #e84d1c;
        display: inline-block
    }

    .is-tags li a:after {
        top: 50%;
        width: 0;
        left: 100%;
        height: 0;
        z-index: 2;
        content: " ";
        display: block;
        margin-top: -12px;
        position: absolute;
        border-left: 12px solid #f5f5f5;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent
    }

    .is-tags li a:hover:after {
        border-left-color: #e84d1c
    }

.bg-lightgrey, .ver-navbar-menu button:hover {
    background-color: #f2f2f2
}

.portlet.box.grey-gallery > .portlet-title {
    background-color: #00205b !important
}

#notification-hub {
    color: #252525;
    border-color: #bbb;
    background-color: #fff;
    box-shadow: 0 5px 15px 2px rgba(0,0,0,.3);
    width: 330px
}

.page-header .page-header-top .top-menu .navbar-nav > li.quick-sidebar-toggler {
    padding: 0
}

.todo-tasklist .todo-tasklist-item {
    border-width: 3px;
    margin-bottom: 8px
}

.notifications-list .todo-tasklist .todo-tasklist-item {
    cursor: default
}

.todo-tasklist-item-title {
    padding-bottom: 8px
}

.moreless {
    font-size: 10px;
    font-style: italic
}

.portlet.box > .portlet-body {
    padding: 8px
}

.float-right {
    float: right
}

.light-text {
    color: #f2f2f2
}

a.light-text:hover {
    color: #337ab7
}

.badge-over {
    position: relative;
    top: -17px;
    right: 12px
}

.page-quick-sidebar-wrapper .portlet-title .input-group-btn .btn.submit {
    padding: 0;
    height: 25px;
    z-index: 3;
    position: relative;
    top: 3px;
    right: 25px
}

.page-quick-sidebar-wrapper .portlet-title .input-group .form-control {
    border: 0;
    font-size: 13px;
    font-weight: 300;
    padding: 3px 8px;
    height: 25px;
    background-color: #002d80 !important
}

.page-quick-sidebar-wrapper .portlet-title .portlet-search-form {
    width: 165px;
    position: relative;
    display: inline-block;
    float: right;
    margin-top: 0
}

.slimScrollBar {
    background: wheat !important
}

.emailPhoneSearch {
    margin-right: 5px;
    color: #fff
}

.popoverHeader {
    background-color: #00205b;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid gray;
    width: 100%
}

    .popoverHeader h4 {
        padding-left: 15px;
        color: #fff
    }

.popoverContent {
    background-color: #21282e;
    margin-right: -14px;
    width: 100%
}

.cardBox {
    background-color: #554b4b;
    border: 1px solid #878282;
    padding: 5px;
    margin-bottom: 8px;
    margin-right: 8px;
    margin-left: 8px;
    color: #ced5de;
    cursor: pointer;
    min-height: 35px
}

.directoryNameText, .directoryTitle {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.directoryNameText {
    width: 180px;
    height: 14px;
    line-height: 12px
}

    .directoryNameText a:hover {
        color: #fff !important
    }

    .directoryNameText a {
        color: #ffcd00 !important
    }

.directoryTitle {
    width: 215px;
    display: inline-block
}

.nobackground:focus, .nobackground:hover {
    background-color: transparent !important
}

.phonebookimg {
    width: 56px;
    height: 56px
}

.card-row > div, .cardBoxResult {
    display: -webkit-flex;
    display: flex
}

.cardBoxResult {
    max-height: 80px
}

.navicon {
    color: #143e7c;
    font-size: 18px
}

.applistDropdown {
    width: 94%;
    margin: 10px 20px 10px 10px
}

.phonebookDropdown {
    margin-bottom: 10px
}

.customer-name, .customer-photo {
    display: inline-block;
    vertical-align: middle;
    line-height: 32px
}

.customer-photo {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-size: 32px 35px;
    background-position: center center;
    box-shadow: inset 0 0 1px #999,inset 0 0 10px rgba(0,0,0,.2);
    margin-left: 5px
}

.customer-name {
    padding-left: 3px
}

.teamMate {
    display: inline-block;
    margin: 5px 15px 5px 5px;
    border: 1px solid #ccc;
    border-radius: 50%
}

.details {
    display: inline-block !important;
    vertical-align: top
}

.padding-bottom-10 {
    padding-bottom: 10px !important
}

.padding-bottom-20 {
    padding-bottom: 20px !important
}

.padding-right-10 {
    padding-right: 10px !important
}

.padding-left-10 {
    padding-left: 10px !important
}

.padding-top-10 {
    padding-top: 10px !important
}

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

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

.margin-left-16 {
    margin-left: 16px
}

.margin-left-22 {
    margin-left: 22px
}

.margin-left-25 {
    margin-left: 25px
}

.margin-left-30 {
    margin-left: 30px
}

.margin-left-32 {
    margin-left: 32px
}

.margin-right-5 {
    margin-right: 5px
}

.margin-bottom-25, .margin-right-25 {
    margin-right: 25px
}

.notification {
    margin-top: 10px !important;
    padding: 15px !important;
    white-space: nowrap
}

#incidentReportForm span.k-widget.k-tooltip-validation {
    display: inline-block;
    text-align: left;
    width: initial;
    border: 0;
    padding: 0;
    margin: 0;
    border-color: #fdefba;
    background-color: #fdefba;
    color: #816704
}

.notactive {
    background-color: #ececec;
    color: #b9b9b9
}

.dropdownList {
    width: 75% !important;
    margin-bottom: 20px !important
}

.fa-0_7x {
    font-size: .7em;
    width: auto !important
}

.corner-ribbon {
    width: 110px;
    background: #e43;
    position: relative;
    left: -10px;
    text-align: center;
    line-height: 15px;
    letter-spacing: 1px;
    color: #f0f0f0
}

    .corner-ribbon.green {
        background: #2c7
    }

    .corner-ribbon, .corner-ribbon.top-left {
        top: 15px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

        .corner-ribbon.top-left {
            left: -50px
        }

        .corner-ribbon.shadow {
            box-shadow: 0 0 3px rgba(0,0,0,.3)
        }

.hidden {
    display: none
}

.trash {
    color: #000
}

.text-wrap {
    word-wrap: break-word
}

.tab-width {
    max-width: 500px
}

.text-bold {
    font-weight: 700
}

.handCursor {
    cursor: pointer
}

.overflowx {
    overflow-x: hidden !important
}

.tour-backdrop, .tour-step-background {
    opacity: .5;
    filter: alpha(opacity=50)
}

.slidebarHeader {
    padding: 0 !important;
    background-color: #21282e
}

.applicationSearch {
    width: 138px !important
}

.notificationSearch {
    width: 127px !important
}

.page-logo {
    width: 450px !important;
    background-size: contain;
    background-repeat: no-repeat;
    height: 75px
}

.ver-navbar-menu {
    display: none;
    margin-bottom: 5px !important
}

    .ver-navbar-menu button {
        background-color: #d9d9d9;
        padding: 5px !important;
        margin: 0 !important;
        color: #666
    }

@media (max-width:767px) {
    #leftContentColumn, #mainContentColumn {
        padding-left: 0
    }

    .topDialog {
        top: 60px;
        left: 15px
    }

    .page-quick-sidebar-wrapper .actions .glyphicon-log-out {
        font-size: 20px
    }

    .page-header .page-header-top .page-logo {
        width: 70% !important
    }

    .main-container, .top-container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .page-header .page-header-top .menu-toggler {
        margin: 10px 3px 0 13px
    }

    .page-content {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .ver-inline-menu {
        display: none
    }

        .ver-inline-menu li.active a, .ver-inline-menu li.active i {
            color: #557386 !important
        }

    .ver-navbar-menu {
        display: block
    }
}

.row.text-center > div {
    display: inline-block;
    float: none
}

.padding-left-right-5 {
    padding-left: 5px;
    padding-right: 5px
}

.card-row .portlet {
    padding: 5px 10px;
    min-width: 150px;
    margin: 5px;
    flex: 1;
    -webkit-flex: 1
}

.card-row > div {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: stretch;
    -webkit-align-items: stretch
}

.card-icon {
    width: 100%;
    overflow: hidden
}

    .card-icon em, .card-icon i, .card-icon svg {
        font-size: 50px;
        border: 1px solid #a2b6c3;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        padding: 47px 30px;
        margin: 30px 0
    }

.card-desc, .card-icon, .card-title {
    text-align: center
}

    .card-title span {
        font-size: 18px;
        font-weight: 600;
        color: #373d43
    }

.card-desc {
    margin-top: 20px;
    margin-bottom: 20px;
    min-height: 60px
}

    .card-desc span {
        font-size: 14px;
        font-weight: 400;
        color: #808a94
    }

.dismissAlert {
    float: right;
    margin-top: -8px;
    font-size: 14px;
    color: #727272;
    cursor: pointer
}

.confirm {
    padding-top: 1em
}

.valid {
    color: green
}

.invalid {
    color: red
}

.toast {
    opacity: 1 !important
}

.width-100 {
    width: 100%
}

.dashboard-stat2 {
    padding: 3px 2px 10px;
    max-width: 110px;
    min-width: 80px
}

.counterValueDynSize {
    font-size: calc(18px + (26 - 18)*((100vw - 300px)/(1600 - 300)))
}

.page-content > .row {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.user-photo {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-size: 32px 35px;
    background-position: center center;
    vertical-align: middle;
    line-height: 32px;
    box-shadow: inset 0 0 1px #999,inset 0 0 10px rgba(0,0,0,.2)
}

.sidebar-width-Large {
    width: 450px;
}

.todo-tasklist-item-border {
    border-left: 4px solid
}

.flex-container {
    display: flex;
    display: -moz-flex;
    align-items: flex-start
}

.flex-container-wrap {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.box-border-1 {
    border: 1px solid #666
}

.ngTruncateToggleText {
    cursor: pointer
}

.control-label-left {
    text-align: left;
    margin-bottom: 0;
    padding-top: 7px
}

.ver-inline-menuRES {
    padding: 0;
    background: #f0f6fa
}

    .ver-inline-menuRES li {
        text-decoration: none;
        list-style-type: none;
        border-top: 1px solid #e0eaf0
    }

        .ver-inline-menuRES li.active div {
            border-left: solid 4px #c4d5df
        }

        .ver-inline-menuRES li svg {
            width: 37px !important;
            height: 37px;
            display: inline-block;
            float: left;
            color: #b9cbd5;
            font-size: 15px;
            padding: 12px 10px 10px 8px;
            margin: 0 8px 0 0;
            text-align: center;
            background: #e0eaf0 !important
        }

        .ver-inline-menuRES li div {
            font-size: 14px;
            font-weight: 300;
            color: #557386;
            display: block;
            border-left: solid 2px #c4d5df
        }

        .ver-inline-menuRES li a {
            font-size: 14px;
            font-weight: 300;
            color: #557386;
            line-height: 37px
        }

.ver-inline-submenuRES a {
    padding-left: 15px
}

.ver-inline-menuRES-accordion {
    transition: .4s
}

    .ver-inline-menuRES-accordion-active, .ver-inline-menuRES-accordion:hover, .ver-inline-submenuRES li div {
        background: #e0eaf0
    }

.DARTcollapseInto {
    display: none
}

.width100 {
    width: 100%
}

.DARTpanel {
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out
}

@media screen and (max-width:480px) {
    .DARTcollapseInto {
        display: block;
        width: 100%;
        background-color: #e0eaf0;
        padding: 5px 0
    }

    .DARTcollapsible {
        display: none
    }

    .expanded {
        display: block;
        width: 100%
    }
}

.custom-event {
    text-align: center;
    text-transform: uppercase
}

.modal {
    text-align: center;
    padding: 0 !important
}

    .modal-dialog, .modal::before {
        display: inline-block;
        vertical-align: middle
    }

    .modal::before {
        content: '';
        height: 100%;
        margin-right: -4px
    }

.modal-dialog {
    text-align: left
}

.invalid-slot {
    background: red !important;
    cursor: no-drop
}

.date-range-picker {
    height: 21px !important
}

.no-scrollbar .k-grid-header {
    padding: 0 !important
}

.no-scrollbar .k-grid-content {
    overflow-y: visible
}

#addresourceType .k-grid-content {
    max-height: 100px
}

.mt-element-list .list-news.ext-1 .list-thumb {
    width: 120px !important;
    height: 120px !important
}

.mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item > .list-datetime, .mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item > .list-item-content {
    padding-left: 130px !important
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.menu-dropdown:hover > .dropdown-menu, .page-header .page-header-menu.fixed {
    z-index: 12000 !important
}

.page-quick-sidebar-wrapper {
    z-index: 99999 !important;
    right: -450px;
}

.tooltips {
    color: white;
}

.faq-tabbable {
    padding: 0;
    margin: 0;
    list-style: none;
    border-left: solid 2px #e44f00
}

    .faq-tabbable li {
        position: relative;
        margin-bottom: 1px
    }

        .faq-tabbable li a {
            font-size: 14px;
            color: #7c858e;
            display: block;
            background: #f4f4f4;
            padding: 12px 10px 11px 8px
        }

        .faq-tabbable li.active a, .faq-tabbable li:hover a {
            background: #e44f00;
            text-decoration: none;
            color: #fff
        }

        .faq-tabbable li.active:after {
            content: '';
            display: inline-block;
            border-bottom: 6px solid transparent;
            border-top: 6px solid transparent;
            border-left: 6px solid #e44f00;
            position: absolute;
            top: 16px;
            right: -5px
        }

.list-thumb {
    clear: both
}

.mt-list-item:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.diagramHierarchyIcon img {
    width: 16px;
    height: 16px
}

.k-tooltip-content #chartShapeToolTipId {
    width: max-content !important
}

ul#anniversaryUsers {
    list-style-type: none
}

#anniversaryUsers > div {
    margin-bottom: 8px
}

.anniversaryDropdown {
    width: 94%;
    margin: 10px 20px 10px 10px
}

.k-today {
    background-color: #e9f5f8 !important
}

.reverse {
    color: #a2b6c3
}

@media print {
    body, html {
        position: relative !important
    }

    .noprint {
        display: none
    }
}

#dnFrameContainer {
    -webkit-overflow-scrolling: touch
}

#dn-view-btn {
    position: absolute;
    right: 50px;
    top: -60px
}

.disabled > .svg-inline--fa, .fa.disabled, .fa[disabled], [disabled] > .svg-inline--fa {
    color: #d3d3d3;
    opacity: .5
}

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 0 !important
}


.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu, .navbar-nav > li.active > a, .navbar-nav > li.active > a:hover, .navbar-nav > li.current > a, .navbar-nav > li.current > a:hover, .navbar-nav > li.open > a, .navbar-nav > li:hover > a, .navbar-nav > li > a:active, .navbar-nav > li > a:focus, .navbar-nav > li > a:hover {
    background: #007dba;
}

.badge-success {
    background-color: #FF8200 !important;
}

font-color-orange {
    color: #FF8200;
}

.page-prefooter {
    background-color: #00205B;
}

.page-footer {
    background-color: #03173C;
}

.page-prefooter .subscribe-form .btn {
    background-color: #FF8200;
    border-color: #FF8200;
}

.page-prefooter .subscribe-form .form-control {
    background: #03173C;
    border-color: #03173C;
}

.page-prefooter a {
    color: #007DBA;
    font-weight: bold;
}

.page-prefooter h2 {
    color: #fff;
}

.page-prefooter .btn:hover {
    background-color: #e67500 !important;
    border-color: #e67500 !important;
}

.dateTimeDisplay {
    text-align: center;
}

.opaquewhite.portlet.box.grey-gallery, .portlet.grey-steel.solid, .opaquewhite.portlet.light {
    min-height: 200px;
    width: 100%;
}

.portlet.light.bg-inverse {
    min-width: 100px;
    min-height: 150px
}

.form-control.ui-autocomplete-input, #aspnetForm > div.page-wrapper > div:nth-child(1) > div > div > div.page-header-menu > div > div.search-form > div > span {
    background: #ffffff !important;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a, .page-header .page-header-menu .hor-menu .navbar-nav > li > a, .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
    color: #ffffff
}

.grayOnHover:hover, .quick-sidebar-toggler:hover > a {
    background-color: #eee !important;
}

#appListDropDown, #taskListDropDown, #notificationToggle, #phoneSearchDropDown {
    font-size: 20px;
}

.dropdown-menu.pull-left, .mega-menu-content {
    background-color: #fff !important;
}

    .dropdown-menu.pull-left svg, .mega-menu-content svg {
        color: #142d68 !important
    }

    .dropdown-menu.pull-left a, .mega-menu-content a {
        color: #333 !important;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a,
    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > i,
    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > svg,
    .mega-menu-content li:hover > a > svg,
    .mega-menu-content li:hover > a,
    .mega-menu-content li:hover > a > i,
    .menu-dropdown li:hover > a > svg,
    .menu-dropdown li:hover > a,
    .menu-dropdown li:hover > a > i {
        background-color: #007DBA !important;
        color: #FFFFFF !important;
    }

.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a, .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
    background-color: #007DBA !important;
}

.user-profile-dropdown {
    max-width: 165px;
}