.k-filter-menu.k-popup .k-filter-menu-container,
.k-grid-filter-popup.k-popup .k-filter-menu-container {
    min-width: 250px !important;
}

div.vis-tooltip {
    background-color: #ffffff !important;
    font-family: inherit !important;
    font-size: inherit !important;
}

.k-menu-group > .k-separator, .k-menu.k-context-menu > .k-separator {
    border-color: #ccc !important;
}

:root {
    --kendo-font-size: 1rem; /* 0.875rem */
    --kendo-spacing-4: 1.25rem; /* 1rem */
}

.ViewsRestrictedUserTypeOfControls400Wrapper .k-chip-actions {
    display: none !important;
}

.ViewsRestrictedUserTypeOfControls400Wrapper .k-chip-label {
    padding-right: 0.25rem !important;
}

.ViewsRestrictedUserTypeOfControls400Wrapper .k-multiselecttree {
    max-height: 200px !important;
    overflow-y: auto !important;
}

.k-i-none {
    cursor: default !important;
}

.portlet-title .dropdown-toggle.btn:not(.VertoKeepMarginLeft):after,
.card-toolbar .dropdown-toggle.btn:not(.VertoKeepMarginLeft):after,
.ViewsVertoProjectHeader .dropdown-toggle.btn:not(.VertoKeepMarginLeft):after,
.VertoBoardCardChecklist .dropdown-toggle.btn:after,
.verto-margin-left.dropdown-toggle.btn:after {
    margin-left: 0 !important;
}

.bootbox-close-button {
    display: none !important;
}

.VertoModal-a a {
    color: #337ab7 !important;
}

    .VertoModal-a a:hover {
        color: #337ab7 !important;
        text-decoration: underline !important;
    }

.VertoBoardCardArchived,
.VertoFeedCardArchived {
    background-color: rgb(253, 205, 205);
}

.verto-bg-info {
    background-color: #008CCF;
    color: #000000;
}

a.bg-info:hover {
    background-color: #afd9ee;
}

.verto-bg-warning {
    background-color: #fbad18;
    color: #000000;
}

a.bg-warning:hover {
    background-color: #f7ecb5;
}

.verto-bg-danger {
    background-color: #f04e32;
    color: #000000;
}

a.bg-danger:hover {
    background-color: #e4b9b9;
}

.VertoKendoPreventKSelected .k-selected {
    color: inherit !important;
    background-color: inherit !important;
    border-color: inherit !important;
}

.k-grid tr.k-selected:hover td {
    background-color: #ebebeb !important;
}

.k-grid-norecords-template {
    border: none !important;
}

.k-grid-filter.k-active {
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

    .k-grid-filter.k-active > .k-i-filter {
        color: #41b6e6 !important;
    }

.k-chip-list {
    gap: 3px !important;
}

.k-chip {
    margin-right: 1px !important;
}

.k-grid-content-expander {
    display: none !important;
}

.k-input-inner {
    padding: 6px !important;
}

.k-list-item {
    padding: 2px 4px !important;
}

.k-list-optionlabel {
    font-weight: normal !important;
}

.btn.btn-outline-danger {
    background-color: #ffffff;
}

.btn-outline-green {
    color: #3f4254; /* 4:5:1 */
    background-color: #ffffff;
    border-color: #00A000;
}

    .btn-outline-green:hover,
    .btn-outline-green:focus {
        color: #000000; /* 4:5:1 */
        background-color: #00A000;
        border-color: #00A000;
    }

    .btn-outline-green.disabled, .btn-outline-green:disabled {
        color: #00A000;
        background-color: transparent;
    }

    .btn-outline-green:not(:disabled):not(.disabled):active, .btn-outline-green:not(:disabled):not(.disabled).active, .show > .btn-outline-green.dropdown-toggle {
        color: #3f4254; /* 4:5:1 */
        background-color: #00A000;
        border-color: #00A000;
    }

        .btn-outline-green:not(:disabled):not(.disabled):active:focus, .btn-outline-green:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-green.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.5);
        }

.btn.btn-outline-danger {
    color: #3f4254; /* 4:5:1 */
    background-color: #ffffff;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus {
    color: #000000 !important; /* 4:5:1 */
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

    .modal-fullscreen .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen .modal-footer, .modal-fullscreen .modal-header {
        border-radius: 0
    }

    .modal-fullscreen .modal-body {
        overflow-y: auto
    }

.k-filter-menu-container label {
    display: block !important;
}

    .k-filter-menu-container label > input {
        margin-right: 5px !important;
    }

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.k-state-focused {
    box-shadow: none !important;
}

.cursor-default {
    cursor: default !important;
}

.form-control:focus {
    border-color: #E4E6EF !important;
}

.pt-2, .py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.min-h-35px {
    min-height: 35px !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-4 {
    padding: 1rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1rem !important;
}


.k-autocomplete .k-input, .k-combobox .k-state-default .k-input, .k-multiselect-wrap, .k-numeric-wrap.k-state-default .k-input, .k-picker-wrap.k-state-default .k-input, .k-progress-status-wrap, .k-slider-selection, .k-slider-track {
    box-shadow: none !important;
}

.k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused {
    box-shadow: none !important;
    border-color: inherit !important;
}

.k-tooltip {
    padding: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.k-tooltip-content {
    vertical-align: top;
    text-align: left;
}

.k-widget.k-tooltip {
    background-color: #f7f7f7;
    color: inherit;
}

.k-tooltip-button {
    display: none;
}

.k-tooltip-closable .k-tooltip-content {
    padding-right: 0px;
}

.k-checkbox-label.k-no-text {
    margin-left: 0px !important;
}

input[type="checkbox"] {
    margin: 0px;
}

.SimpleSummaryButton {
    border: none !important;
    padding: 0px !important;
}

    .SimpleSummaryButton:hover {
        background-color: transparent !important;
    }

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

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

.VertoProfileImageWrapper {
    text-indent: 0 !important;
}

.ringing_bell {
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotateZ(0);
    }

    1% {
        -webkit-transform: rotateZ(30deg);
    }

    3% {
        -webkit-transform: rotateZ(-28deg);
    }

    5% {
        -webkit-transform: rotateZ(34deg);
    }

    7% {
        -webkit-transform: rotateZ(-32deg);
    }

    9% {
        -webkit-transform: rotateZ(30deg);
    }

    11% {
        -webkit-transform: rotateZ(-28deg);
    }

    13% {
        -webkit-transform: rotateZ(26deg);
    }

    15% {
        -webkit-transform: rotateZ(-24deg);
    }

    17% {
        -webkit-transform: rotateZ(22deg);
    }

    19% {
        -webkit-transform: rotateZ(-20deg);
    }

    21% {
        -webkit-transform: rotateZ(18deg);
    }

    23% {
        -webkit-transform: rotateZ(-16deg);
    }

    25% {
        -webkit-transform: rotateZ(14deg);
    }

    27% {
        -webkit-transform: rotateZ(-12deg);
    }

    29% {
        -webkit-transform: rotateZ(10deg);
    }

    31% {
        -webkit-transform: rotateZ(-8deg);
    }

    33% {
        -webkit-transform: rotateZ(6deg);
    }

    35% {
        -webkit-transform: rotateZ(-4deg);
    }

    37% {
        -webkit-transform: rotateZ(2deg);
    }

    39% {
        -webkit-transform: rotateZ(-1deg);
    }

    41% {
        -webkit-transform: rotateZ(1deg);
    }

    43% {
        -webkit-transform: rotateZ(0);
    }

    100% {
        -webkit-transform: rotateZ(0);
    }
}

@-moz-keyframes ring {
    0% {
        -moz-transform: rotate(0);
    }

    1% {
        -moz-transform: rotate(30deg);
    }

    3% {
        -moz-transform: rotate(-28deg);
    }

    5% {
        -moz-transform: rotate(34deg);
    }

    7% {
        -moz-transform: rotate(-32deg);
    }

    9% {
        -moz-transform: rotate(30deg);
    }

    11% {
        -moz-transform: rotate(-28deg);
    }

    13% {
        -moz-transform: rotate(26deg);
    }

    15% {
        -moz-transform: rotate(-24deg);
    }

    17% {
        -moz-transform: rotate(22deg);
    }

    19% {
        -moz-transform: rotate(-20deg);
    }

    21% {
        -moz-transform: rotate(18deg);
    }

    23% {
        -moz-transform: rotate(-16deg);
    }

    25% {
        -moz-transform: rotate(14deg);
    }

    27% {
        -moz-transform: rotate(-12deg);
    }

    29% {
        -moz-transform: rotate(10deg);
    }

    31% {
        -moz-transform: rotate(-8deg);
    }

    33% {
        -moz-transform: rotate(6deg);
    }

    35% {
        -moz-transform: rotate(-4deg);
    }

    37% {
        -moz-transform: rotate(2deg);
    }

    39% {
        -moz-transform: rotate(-1deg);
    }

    41% {
        -moz-transform: rotate(1deg);
    }

    43% {
        -moz-transform: rotate(0);
    }

    100% {
        -moz-transform: rotate(0);
    }
}

@keyframes ring {
    0% {
        transform: rotate(0);
    }

    1% {
        transform: rotate(30deg);
    }

    3% {
        transform: rotate(-28deg);
    }

    5% {
        transform: rotate(34deg);
    }

    7% {
        transform: rotate(-32deg);
    }

    9% {
        transform: rotate(30deg);
    }

    11% {
        transform: rotate(-28deg);
    }

    13% {
        transform: rotate(26deg);
    }

    15% {
        transform: rotate(-24deg);
    }

    17% {
        transform: rotate(22deg);
    }

    19% {
        transform: rotate(-20deg);
    }

    21% {
        transform: rotate(18deg);
    }

    23% {
        transform: rotate(-16deg);
    }

    25% {
        transform: rotate(14deg);
    }

    27% {
        transform: rotate(-12deg);
    }

    29% {
        transform: rotate(10deg);
    }

    31% {
        transform: rotate(-8deg);
    }

    33% {
        transform: rotate(6deg);
    }

    35% {
        transform: rotate(-4deg);
    }

    37% {
        transform: rotate(2deg);
    }

    39% {
        transform: rotate(-1deg);
    }

    41% {
        transform: rotate(1deg);
    }

    43% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(0);
    }
}

.k-upload-files {
    padding-bottom: 0px;
}

#MasterUserContextMenuTarget img {
    width: 30px;
}

.UserProfileKendoToolTip img {
    width: 40px;
}

.VertoOneWrappers .hidden {
    display: none;
}

.VertoSimpleModalHeader {
    font-size: 18px;
    padding: 15px 10px 10px;
    line-height: normal;
    border-bottom: 1px solid #ccc
}

    .VertoSimpleModalHeader td {
        font-size: 18px;
    }

.VertoSimpleModalFooter {
    text-align: left !important;
    border-top: 1px solid #ccc
}

    .VertoSimpleModalFooter .btn,
    .ViewsGanttGanttHeaderContainer .btn {
        padding: 0.25rem 0.5rem;
        white-space: nowrap;
        height: 28px !important;
    }

.VertoResizeWidget:before {
    font-family: FontAwesome;
    content: "\f054" !important;
}

.VertoResizeWidget.active:before {
    font-family: FontAwesome;
    content: "\f053" !important;
}

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

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent !important;
}

.VertoNavBar button {
    background-color: transparent;
    border-color: #ffffff;
    color: #ffffff;
}

.VertoNavBarButton {
    background-color: transparent;
    outline: none;
}

    .VertoNavBarButton:hover {
        color: inherit;
    }

    .VertoNavBarButton:active {
        box-shadow: none;
        color: inherit;
    }

    .VertoNavBarButton:focus {
        color: inherit;
        outline: 1px solid lightgray !important;
        /*outline: none;
        outline-offset: unset;*/
    }

    .VertoNavBarButton:active.focus {
        outline: none;
        outline-offset: unset;
    }

.k-dropdown-wrap {
    min-height: 30px;
}

.kendo-export-pdf-template > * {
    position: absolute;
    left: 20px;
    right: 20px;
    font-size: 90%;
}

.kendo-export-pdf-template .header {
    top: 20px;
    /*border-bottom: 1px solid #000;*/
}

.kendo-export-pdf-template .footer {
    bottom: 20px;
    /*border-top: 1px solid #000;*/
}

.ViewsVertoProjectHeader.archived,
.k-grid tr.archived,
.k-grid tr.archived .k-grid-content-sticky {
    background-color: rgb(253, 205, 205) !important;
}

.k-grid .k-state-selected {
    background-color: #428bca !important;
    border-color: #428bca !important;
    color: #fff !important;
}

.k-grid .k-alt.k-state-selected {
    background-color: #428bca !important;
    border-color: #428bca !important;
    color: #fff !important;
}

.context-menu-one {
    outline: none !important;
}

.context-menu-item a {
    color: black !important;
    text-decoration: none;
}

.context-menu-list {
    border-color: #ccc !important;
    box-shadow: none !important;
    max-width: none !important;
}

.context-menu-item {
    padding: .28em 1.8em .38em .9em !important;
    color: black !important;
    font: normal 400 14px/1.34em Arial !important;
}

    .context-menu-item a {
        color: black !important;
        text-decoration: none;
    }

    .context-menu-item.context-menu-hover {
        background-color: #ebebeb !important;
    }

    .context-menu-item.context-menu-disabled {
        color: #a1a1a1 !important;
    }

.context-menu-list.VertoOneProjectSelector {
    padding-top: 5px;
    border-radius: 0px;
}

    .context-menu-list.VertoOneProjectSelector .context-menu-item {
        padding: 1px 5px !important;
        cursor: pointer;
    }

.context-menu-separator {
    padding: 0px !important;
}

.context-menu-submenu::after {
    border-width: .3em 0 .3em 0.3em !important;
}


.VertoKendoGrid {
    box-shadow: none;
}

    .VertoKendoGrid .btn {
        min-height: 20px;
        padding: 2px 6px;
        width: auto;
    }

    .VertoKendoGrid .k-grid-header th.k-header {
        vertical-align: middle;
        height: 30px;
    }

    .VertoKendoGrid .k-i-sort-asc-sm,
    .VertoKendoGrid .k-i-sort-desc-sm,
    .VertoKendoGrid .k-sort-order {
        display: none !important;
    }

    .VertoKendoGrid td {
        vertical-align: top;
        padding-top: 8px !important;
    }

    .VertoKendoGrid tr:last-child > td {
        border-bottom-width: 0px;
    }

.portlet-fullscreenxx {
    background-color: #ffffff;
    padding: 10px !important;
}

    .portlet-fullscreenxx .VertoKendoGrid tr:last-child > td {
        border-bottom-width: thin;
        border-bottom-style: solid;
        border-bottom-color: #ccc;
    }

.VertoKendoGrid .k-pager-wrap {
    padding: 10px;
}

.MatrixCell {
    vertical-align: middle !important;
}

.MatrixLabel {
    vertical-align: middle !important;
    color: #333;
}

.element-wrapper {
    border-bottom: 1px solid rgba(0,0,0,0.05);
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
    text-align: left;
    padding-left: 5px;
    color: rgba(0,0,0,0.4);
    font-size: 20px;
}

    .element-wrapper.no_left_padding {
        padding-left: 0px;
    }

    .element-wrapper tr {
        height: 50px;
    }

    .element-wrapper td {
        vertical-align: middle;
    }

    .element-wrapper h3 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .element-wrapper:after {
        content: "";
        width: 40px;
        height: 4px;
        border-radius: 0px;
        display: block;
        position: absolute;
        bottom: -4px;
        left: 0px;
    }

    .element-wrapper .element-header {
        color: rgba(0,0,0,0.4);
        font-size: 20px;
        padding-bottom: 0px;
    }

    .element-wrapper .element-actions {
        float: right;
        position: relative;
        z-index: 2;
        margin-top: -0.2rem;
        padding-right: 5px;
        color: rgba(0,0,0,0.4);
    }

/* VertoCheckbox */
.VertoCheckbox {
    display: block;
    position: relative;
    padding-left: 25px;
    padding-right: 10px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .VertoCheckbox.SelectAll {
        border-bottom: 1px solid #ccc;
        padding-bottom: 4px;
        margin-bottom: 8px;
    }
    /* Hide the browser's default checkbox */
    .VertoCheckbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #ffffff;
    border: 1px solid black;
}
/* On mouse-over, add a grey background color */
.VertoCheckbox:hover input ~ .checkmark {
    background-color: #ccc;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.VertoCheckbox input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.VertoCheckbox .checkmark:after {
    left: 4px;
    top: 0px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.VertoDueDateCheckbox {
    margin-bottom: 0px;
}

    .VertoDueDateCheckbox .checkmark:after {
        left: 7px;
        top: 2px;
        width: 7px;
        height: 13px;
    }

    .VertoDueDateCheckbox .checkmark {
        height: 20px;
        width: 20px;
        background-color: #ccc;
        top: -2px;
    }

    .VertoDueDateCheckbox input:checked ~ .checkmark {
        background-color: #ccc;
    }

.k-filter-menu {
    min-width: 150px;
}

.k-pager-sizes .k-widget.k-dropdown {
    min-width: 65px;
}

.VertoUserProfileKendoToolTip {
    float: left;
}

body {
    font-size: 12px !important;
    font-family: Arial;
}

.modal-footer {
    padding: 10px;
}

body.modal-open {
    overflow: hidden !important;
}

.modal-open .modal {
    overflow: hidden !important;
}

.k-list > .k-item {
    background-color: white !important;
    color: inherit !important;
    border: 2px solid white !important;
    margin-bottom: 0px !important;
    cursor: pointer !important;
    padding: 2px !important;
}

.k-list > .k-state-focused {
    background-color: white !important;
    color: inherit !important;
    border: 2px solid white !important;
    box-shadow: none !important;
}

.k-list > .k-state-selected {
    background-color: white !important;
    color: inherit !important;
    border: 2px solid #428bca !important;
}

.k-list > .k-item:hover {
    background-color: white !important;
    color: inherit !important;
    border: 2px solid #ebebeb !important;
}

.workday_ok {
    text-align: center;
    background: #5cb85c;
    color: #ffffff !important;
}

.workday_ok_background {
    background: #b8ddb8;
}

.workday_warning {
    text-align: center;
    background: orange;
    color: #ffffff !important;
}

.workday_warning_background {
    background: #f9d593;
}

.workday_over {
    text-align: center;
    background: #d9534f;
    color: #ffffff !important;
}

.workday_over_background {
    background: #ff9999;
}

.workday_none {
    text-align: center;
    background: #d0d0d0;
    color: #ffffff !important;
}

.workday_none_background {
    background: #b8ddb8;
}

span.mce-charactercount,
span.tox-charactercount {
    margin: 2px 0 2px 2px !important;
    padding: 8px 0px !important;
    color: white !important;
    font-weight: normal !important;
    text-shadow: none !important;
}

.mce-statusbar .mce-container-body {
    text-align: right;
}

.VertoUserProfileCircle {
    border-radius: 50%;
    color: #fff;
    text-align: center;
    display: inline-block;
}

.VertoUserProfileCircle20 {
    width: 20px;
    font-size: 9px;
    line-height: 20px;
}

.VertoUserProfileCircle40 {
    width: 40px;
    font-size: 14px;
    line-height: 40px;
}


.profile {
    border-radius: 50% !important;
}

.k-list > .k-item.k-first {
    padding-top: 70px;
}

.k-list-container > .k-group-header {
    text-align: left;
    background-color: #ffffff;
    text-transform: none;
    margin-bottom: 5px;
    color: #333;
    font-size: 1em;
    /*box-shadow: 0 5px 10px 0 rgb(0 0 0 / 6%);*/
}

.k-group-header + div > .k-list > .k-item.k-first:before {
    border-top-color: #424242;
}

.k-list > .k-item.k-first > .k-group {
    text-transform: none;
    background-color: #424242;
}

.VertoSelectedCell {
    background-color: #00a2eb;
}

.VertoSelectedColumn {
    background-color: #00a2eb;
    color: #ffffff;
}

.VertoSelectedRow td {
    background-color: #00a2eb;
    color: #ffffff;
}

.comment:after {
    content: "";
    position: absolute;
    left: calc(100% - 0.7em);
    top: 0;
    border-left: 0.7em solid transparent;
    border-top: 0.7em solid red;
}

#myBtn {
    display: none; /* Hidden by default */
    right: 65px; /* Place the button 30px from the right */
}

.BottomRight {
    /*display: none;*/ /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 10px; /* Place the button at the bottom of the page */
    right: 10px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    /*background-color: #778FA0;*/ /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 0px; /* Rounded corners */
}

.VertoErrorMessage {
    color: #EB0000;
}

.panel-heading {
    padding: 10px;
}

.VertoControlContainer, .VertoControlContainerReadOnly, .VertoVertoSenseLinkContainer,
.VertoLAAPrioritiesAndOutcomesContainer, .VertoNationalIndicatorsContainer, .VertoAnnualPrioritiesAndMeasuresContainer,
.Verto395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4px 6px;
    width: 100%;
    min-height: 40px;
}

.VertoTinyMCEContainer {
    padding: 4px 6px;
    width: 100%;
    min-height: 40px;
}

.VertoVertoSenseLinkContainer {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

    .VertoKendoTextBox:not(.boards-title) {
        height: 32px !important;
    }

.VertoMultiSelect {
    flex-direction: row;
    flex-wrap: wrap !important;
    justify-content: start !important;
    align-items: center !important;
    padding: 0px 2px !important;
}

.VertoProfileFullName {
    font-size: 12px;
    white-space: nowrap !important;
}

.VertoControlContainerUsers {
    padding: 3px 3px 0px 3px !important;
}

.VertoControlContainerPlaceHolder {
    padding: 2px;
    min-height: 34px;
    vertical-align: middle;
}

@-ms-viewport {
    width: auto !important; /* this works in IE */
}

.VertoControlLabel {
    cursor: pointer;
}

    .VertoControlLabel:hover {
        text-decoration: underline;
    }

.verto-well-sm {
    margin-top: 0px;
    padding: 10px 10px 10px 10px;
}

.verto-h3, .verto-h5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.form-group {
    margin-bottom: 5px;
}

    .form-group.hidden {
        display: none;
    }

.k-multiselect .k-chip,
.k-multiselect .k-chip.k-state-hover {
    color: #333;
    border-color: #ccc;
    background-color: #FFFFFF;
    font-size: 12px;
    margin-right: 3px;
}

.k-chip-content:first-child {
    margin-left: 0 !important;
}

.k-multiselect-wrap {
    padding: 3px;
}

.k-notification-wrap {
    white-space: normal;
}

    .k-notification-wrap > .k-icon {
        display: none;
    }

.k-i-warning {
    display: none;
}

span.k-widget.k-tooltip-validation {
    display: inline-block;
    text-align: left;
    border: 0;
    padding: 10px 0px;
    margin: 0;
    background: none;
    box-shadow: none;
    color: red;
}

.k-dropdown {
    background-color: #ffffff;
}

.k-tooltip-validation .k-warning {
    display: none;
}

.VertoContextMenu,
.VertoOneToManyContextMenu {
    border-radius: 0px;
}

    .VertoContextMenu li,
    .VertoOneToManyContextMenu li {
        background-color: #ffffff;
        white-space: nowrap;
        font-size: 14px;
    }

[class^="k-"]:not(.k-radio),
.k-checkbox {
    border-radius: 0px !important;
}

.k-grid {
    border-radius: 0px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-pager-wrap {
    padding-top: 15px;
    padding-bottom: 10px;
    background-color: transparent;
    color: #757575;
}

.form-horizontal .control-label {
    text-align: left;
    font-weight: normal;
}

.navbar-default {
    background-color: #778FA0;
    border-color: #778FA0;
}

.navbar {
    min-height: 70px;
}

.navbar-brand {
    padding: 10px;
}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-bottom-width: 1px;
}

.navbar-default .navbar-nav > li > a {
    color: #ffffff;
}

    .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
        color: #ffffff;
    }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #ffffff;
    background-color: #778FA0;
}

.navbar-right {
    float: right !important;
}

.navbar-header {
    float: left !important;
}

.navbar-nav > li {
    float: left !important;
}

#tdProfileImage > img {
    height: 30px;
    border-radius: 50%;
}
/*.dropdown-menu
        {
            right:0px;
            left:inherit;
        }*/
/*** Portlets ***/
/* Full Screen portlet mode */
.page-portlet-fullscreen {
    overflow: hidden;
}
/* Basic portlet */
.portlet {
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0px;
}

    .portlet.portlet-fullscreen {
        z-index: 1070;
        margin: 80px 0px 0px 10px;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 50%;
        background: blue;
    }

        .portlet.portlet-fullscreen > .portlet-body {
            overflow-y: auto;
            overflow-x: hidden;
            padding: 0 10px;
        }

        .portlet.portlet-fullscreen > .portlet-title {
            padding: 5px 10px;
        }

    .portlet > .portlet-title {
        padding: 0;
        min-height: 41px;
    }

        .portlet > .portlet-title:before, .portlet > .portlet-title:after {
            content: " ";
            display: table;
        }

        .portlet > .portlet-title:after {
            clear: both;
        }

        .portlet > .portlet-title > .caption {
            float: left;
            display: inline-block;
            font-size: 18px;
            line-height: 18px;
            padding: 10px 0;
        }

            .portlet > .portlet-title > .caption.bold {
                font-weight: 400;
            }

            .portlet > .portlet-title > .caption > .caption-helper {
                padding: 0;
                margin: 0;
                line-height: 13px;
                color: #9eacb4;
                font-size: 13px;
                font-weight: 400;
            }

        .portlet > .portlet-title > .actions {
            float: right;
            display: inline-block;
            padding: 6px 0;
        }

        .portlet > .portlet-title > .pagination {
            float: right;
            display: inline-block;
            margin: 2px 0 0 0;
            border: 0;
            padding: 4px 0;
        }

        .portlet > .portlet-title > .nav-tabs {
            background: none;
            margin: 0;
            float: right;
            display: inline-block;
            border: 0;
        }

            .portlet > .portlet-title > .nav-tabs > li {
                background: none;
                margin: 0;
                border: 0;
            }

                .portlet > .portlet-title > .nav-tabs > li > a {
                    background: none;
                    margin: 5px 0 0 1px;
                    border: 0;
                    padding: 8px 10px;
                    color: #fff;
                }

                .portlet > .portlet-title > .nav-tabs > li.active > a, .portlet > .portlet-title > .nav-tabs > li:hover > a {
                    color: #333;
                    background: #fff;
                    border: 0;
                }

    .portlet > .portlet-body {
        clear: both;
    }

    .portlet > .portlet-empty {
        min-height: 125px;
    }

    .portlet.full-height-content {
        margin-bottom: 0;
    }
    /* Portlet background colors */
    /* Side bordered portlet */
    .portlet.bordered {
        border-left: 2px solid #e6e9ec !important;
    }

        .portlet.bordered > .portlet-title {
            border-bottom: 0;
        }
    /* Solid colored portlet */
    .portlet.solid {
        padding: 0 10px 10px 10px;
        border: 0px;
    }

        .portlet.solid > .portlet-title {
            border-bottom: 0;
            margin-bottom: 10px;
        }

            .portlet.solid > .portlet-title > .caption {
                padding: 16px 0 2px 0;
            }

            .portlet.solid > .portlet-title > .actions {
                padding: 12px 0 6px 0;
            }

            .portlet.solid > .portlet-title > .tools {
                padding: 14px 0 6px 0;
            }
        /* Solid bordered portlet */
        .portlet.solid.bordered > .portlet-title {
            margin-bottom: 10px;
        }
    /* Box portlet */
    .portlet.box {
        padding: 0px !important;
    }

        .portlet.box > .portlet-title {
            border-bottom: 0;
            padding: 0 10px;
            margin-bottom: 0;
            color: #fff;
        }

            .portlet.box > .portlet-title > .caption {
                padding: 11px 0 9px 0;
            }

            .portlet.box > .portlet-title > .tools > a.remove {
                background-image: url(../img/portlet-remove-icon-white.png);
            }

            .portlet.box > .portlet-title > .tools > a.config {
                background-image: url(../img/portlet-config-icon-white.png);
            }

            .portlet.box > .portlet-title > .tools > a.reload {
                background-image: url(../img/portlet-reload-icon-white.png);
            }

            .portlet.box > .portlet-title > .tools > a.expand {
                background-image: url(../img/portlet-expand-icon-white.png);
            }

            .portlet.box > .portlet-title > .tools > a.collapse {
                background-image: url(../img/portlet-collapse-icon-white.png);
            }

            .portlet.box > .portlet-title > .tools > a.fullscreen {
                color: #fdfdfd;
            }

            .portlet.box > .portlet-title > .actions {
                padding: 7px 0 5px 0;
            }

        .portlet.box > .portlet-body {
            background-color: #fff;
            padding: 10px;
        }

        .portlet.box.portlet-fullscreen > .portlet-body {
            padding: 10px;
        }
    /* Light Portlet */
    .portlet.light {
        padding: 12px 20px 15px 20px;
        background-color: #fff;
    }

        .portlet.light.bordered {
            border: 1px solid #e1e1e1 !important;
        }

            .portlet.light.bordered > .portlet-title {
                border-bottom: 1px solid #eee;
            }

        .portlet.light.bg-inverse {
            background: #F7F7F7;
        }

        .portlet.light > .portlet-title {
            padding: 0;
            min-height: 48px;
        }

            .portlet.light > .portlet-title > .caption {
                color: #666;
                padding: 10px 0;
            }

                .portlet.light > .portlet-title > .caption > .caption-subject {
                    font-size: 16px;
                }

                .portlet.light > .portlet-title > .caption > i {
                    color: #777;
                    font-size: 15px;
                    font-weight: 300;
                    margin-top: 3px;
                }

                .portlet.light > .portlet-title > .caption.caption-md > .caption-subject {
                    font-size: 15px;
                }

                .portlet.light > .portlet-title > .caption.caption-md > i {
                    font-size: 14px;
                }

            .portlet.light > .portlet-title > .actions {
                padding: 6px 0 14px 0;
            }

                .portlet.light > .portlet-title > .actions .btn-default {
                    color: #666;
                }

                .portlet.light > .portlet-title > .actions .btn-icon-only {
                    height: 27px;
                    width: 27px;
                }

                .portlet.light > .portlet-title > .actions .dropdown-menu li > a {
                    color: #555;
                }

            .portlet.light > .portlet-title > .inputs {
                float: right;
                display: inline-block;
                padding: 4px 0;
            }

                .portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > i {
                    font-size: 14px;
                    margin-top: 9px;
                }

                .portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > .form-control {
                    height: 30px;
                    padding: 2px 26px 3px 10px;
                    font-size: 13px;
                }

                .portlet.light > .portlet-title > .inputs > .portlet-input > .form-control {
                    height: 30px;
                    padding: 3px 10px;
                    font-size: 13px;
                }

            .portlet.light > .portlet-title > .pagination {
                padding: 2px 0 13px 0;
            }

            .portlet.light > .portlet-title > .tools {
                padding: 10px 0 13px 0;
                margin-top: 2px;
            }

            .portlet.light > .portlet-title > .nav-tabs > li {
                margin: 0;
                padding: 0;
            }

                .portlet.light > .portlet-title > .nav-tabs > li > a {
                    margin: 0;
                    padding: 12px 13px 13px 13px;
                    font-size: 13px;
                    color: #666;
                }

                .portlet.light > .portlet-title > .nav-tabs > li.active > a, .portlet.light > .portlet-title > .nav-tabs > li:hover > a {
                    margin: 0;
                    background: none;
                    color: #333;
                }

        .portlet.light.form-fit {
            padding: 0;
        }

            .portlet.light.form-fit > .portlet-title {
                padding: 17px 20px 10px 20px;
                margin-bottom: 0;
            }

        .portlet.light .portlet-body {
            padding-top: 8px;
        }

        .portlet.light.portlet-fullscreen > .portlet-body {
            padding: 8px 0;
        }

.tab-pane > p:last-child {
    margin-bottom: 0px;
}
/*#VertoChangeContainer {
    padding: 6px 6px 6px 6px;
    font-size: 16px;
    font-family: FontAwesome;
    color: #FFFFFF;
}
#VertoChangeContainer:before {
    content: "\f066";
}
#VertoChangeContainer.on:before {
    content: "\f065";
}*/
#LoginStatus1 {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.4285;
    color: #333;
    white-space: nowrap;
    text-decoration: none;
}

.sprite-spinner {
    overflow: hidden;
    position: relative;
    display: inline-block;
    text-align: left;
}

.spinner-wrap {
    width: 100%;
    background-color: #FFFFFF;
    position: relative;
    height: 100px;
}

    .spinner-wrap > .fa-spinner {
        display: none;
    }

    .spinner-wrap:before {
        content: "";
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 324 324' shape-rendering='geometricPrecision' text-rendering='geometricPrecision'><path d='M221.5,108.8c-1.1-1.3-2.3-2.4-3.5-3.6c4.1-6.8,3.6-15.7-1.9-21.9-6.8-7.6-18.5-8.3-26.1-1.5s-8.3,18.5-1.6,26.1c6.8,7.6,18.5,8.3,26.1,1.5.3-.2.5-.4.7-.7c1,1,2.1,2.1,3,3.1c27.5,30.9,24.8,78.5-6.1,106.1-11.9,10.6-26.4,16.7-41.1,18.5-1,.1-1.7,1-1.8,2c0,.1,0,.1,0,.2-.1,1.2,1,2.3,2.3,2.2c15.7-1.8,30.9-8.3,43.6-19.6c32.6-29.2,35.6-79.6,6.4-112.4Zm-27.9-5.6c-4.2-4.7-3.8-12.1.9-16.3s12.1-3.8,16.3.9s3.8,12.1-.9,16.3-12,3.8-16.3-.9Z' transform='translate(.000004 0)' fill='%230a6a9b'><animateTransform attributeType='xml' attributeName='transform' type='rotate' from='360 162 162' to='0 162 162' dur='3.0s' additive='sum' repeatCount='indefinite' /></path><path d='M198,129.8c-17.7-19.8-48.1-21.6-67.9-3.9s-21.6,48.1-3.9,67.9s48.1,21.6,67.9,3.9s21.5-48,3.9-67.9Zm-62.4,55.6c-13-14.6-11.7-37,2.9-50s37-11.7,50,2.9s11.7,37-2.9,50c-14.7,13-37,11.6-50-2.9Z' transform='translate(-.079925 0)' fill='%231e8ccc' /><path d='M106.1,266.5c-1.9,4-1.3,8.9,1.8,12.4c4.2,4.7,11.4,5.1,16.1.9c1.5-1.3,2.5-2.8,3.1-4.5c1.3-3.7.6-8.1-2.3-11.3-4.2-4.7-11.4-5.1-16.1-.9-1,.9-1.9,2.1-2.6,3.4v0Z' fill='none' /><path d='M173.1,279.9c-.1-.1,0-.1-.1-.2-.1-1.1-1.2-1.9-2.3-1.8-12.2.9-24.6-.1-36.5-3.1c1-5.4-.3-11.2-4.2-15.6-6.7-7.5-18.2-8.2-25.7-1.5s-8.2,18.2-1.5,25.7s18.2,8.2,25.7,1.5c1.9-1.7,3.4-3.7,4.4-5.9c12.5,3,25.5,4.2,38.2,3.2c1.4,0,2.2-1.1,2-2.3Zm-65.2-1c-4.2-4.7-3.8-11.9.9-16.1s11.9-3.8,16.1.9s3.8,11.9-.9,16.1-11.9,3.9-16.1-.9Z' transform='translate(.000033 0.000005)' fill='%2368bce2'><animateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 162 162' to='360 162 162' dur='3.0s' additive='sum' repeatCount='indefinite' /></path><path d='M222.5,266.5c6.9-4,13.6-8.8,19.9-14.4c15.6-13.9,26.7-30.9,33.3-49.3.4-1.2-.2-2.4-1.5-2.8v0c-1.1-.3-2.3.2-2.7,1.3-6.3,17.7-17,34.1-32.1,47.5-5.9,5.3-12.3,9.9-19,13.7-.5-.7-1-1.4-1.6-2.1-6.7-7.5-18.3-8.2-25.8-1.5s-8.2,18.3-1.5,25.8s18.3,8.2,25.8,1.5c5.9-5,7.6-12.9,5.2-19.7Zm-25.7,13.7c-4.2-4.7-3.8-11.9.9-16.1s11.9-3.8,16.1.9s3.8,11.9-.9,16.1-11.9,3.9-16.1-.9Z' transform='translate(.000016 0.000006)' fill='%230a6a9b'><animateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 162 162' to='360 162 162' dur='3.0s' additive='sum' repeatCount='indefinite' /></path><path d='M315.1,134.4c-6.6-7.4-16-10.7-25.2-9.8-5.3-18.5-14.8-36.1-28.4-51.4-41.6-46.7-109-57.2-162-29-1.1.6-1.5,1.9-.9,3c0,0,0,0,0,0c.6,1.1,1.9,1.4,3,.9C152.8,20.9,218,31,258.2,76.2c13.1,14.7,22.1,31.5,27.3,49.3-4.4,1.1-8.6,3.3-12.3,6.6-12.2,10.9-13.3,29.6-2.4,41.8s29.6,13.3,41.8,2.4s13.4-29.7,2.5-41.9Zm-35.6,31.7c-6.6-7.4-6-18.8,1.5-25.4c7.4-6.6,18.8-6,25.4,1.5c6.6,7.4,6,18.8-1.5,25.4-7.4,6.5-18.8,5.9-25.4-1.5Z' transform='translate(.000008 0.000003)' fill='%2368bbe1'><animateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 162 162' to='360 162 162' dur='3.0s' additive='sum' repeatCount='indefinite' /></path></svg>");
        width: 60px;
        height: 60px;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        top: 20px;
        left: 50%;
    }

    .spinner-wrap.bootbox-middle:before {
        left: calc(50% - 30px);
    }

.modal-body {
    padding: 0px;
    overflow-y: auto;
}

.well {
    margin-bottom: 10px;
    min-height: 20px;
    padding: 19px;
}

.KendoValidationWindowWrapper .k-window-titlebar {
    font-size: 18px;
    background-color: red;
    color: #ffffff;
}

.KendoValidationWindowWrapper div.k-window-content {
    padding: 0px;
}

.KendoCommentWindowWrapper .k-window-titlebar {
    font-size: 18px;
    background-color: #ffffff;
    color: #000000;
    height: 40px;
}

.KendoCommentWindowWrapper div.k-window-content {
    padding: 0px;
}

#KendoCommentWindow {
    overflow: hidden;
}

.modal {
    z-index: 10010;
}

.modal-backdrop.in {
    z-index: 10009;
}

.bootstrap-maxlength {
    z-index: 12050 !important;
}

.k-dropdown-wrap .k-input:before {
    display: inline !important;
}

.k-dropdown-wrap.k-state-hover {
    background-color: transparent !important;
    box-shadow: none !important;
}

.k-pager-info {
    max-height: 0px;
}

.k-pager-info-table {
    table-layout: auto !important;
}

    .k-pager-info-table tr td {
        line-height: 2.3em;
        padding: 0px;
    }

        .k-pager-info-table tr td:hover {
            background-color: white;
        }

.k-group-indicator .k-grid-filter {
    margin-left: 10px;
}

    .k-group-indicator .k-grid-filter.k-state-active {
        background-color: transparent;
    }

    .k-group-indicator .k-grid-filter .k-icon:hover {
        cursor: pointer;
    }

    .k-group-indicator .k-grid-filter .k-icon:before {
        top: -1px;
    }

.k-group-indicator .k-button.k-bare {
    margin-left: 2px;
}

#MainBody {
    background-size: cover !important;
    -ms-background-size: cover !important;
    -o-background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
}

.svg-width {
    width: 16px;
    height: 16px;
}

.g-modal-type {
    display: none !important;
}

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

/*dhtmlxgantt overrider*/
.gantt_grid_scale .gantt_grid_head_cell,
.gantt_task .gantt_task_scale .gantt_scale_cell {
    color: #757575; /*#a6a6a6;*/
}

.verto-one-button {
    border-radius: 3px;
    color: #fff;
    cursor: default;
    float: left;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    margin: 0 0 4px 0;
    overflow: hidden;
    padding-left: 32px;
    position: relative;
    text-decoration: none !important;
}

.verto-one-button-icon {
    background-clip: content-box;
    background-origin: content-box;
    color: #fff;
    padding: 6px;
    position: absolute;
    top: 0;
    left: 0;
}

.verto-one-button-text {
    padding-right: 12px;
}

.verto-one-button-without-icon {
    padding-left: 12px;
}

.k-tooltip {
    border-width: 0;
}

input[type="checkbox"]:focus {
    outline: none;
}

.k-scheduler-monthview .k-scheduler-content {
    overflow-y: auto !important;
}

#VertoKendoContextMenuJAWS {
    background-color: #fff;
}

    #VertoKendoContextMenuJAWS.k-menu-vertical,
    #VertoKendoContextMenuJAWS.k-menu-vertical ul {
        min-width: 170px;
        border-radius: 0px !important;
    }

/* TEMPORARY FIX */
.svg-icon {
    color: #3f4254; /* Grey */
}

.btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon,
.btn.btn-clean:focus:not(.btn-text) .svg-icon,
.btn.btn-clean.focus:not(.btn-text) .svg-icon {
    color: #227BA6; /* Turquoise */
}

.k-menu-vertical > .k-menu-item + .k-menu-item {
    margin-top: 0 !important;
}

.k-menu .k-group {
    background: #fff !important;
}

.k-list-item-text {
    width: 100%
}

    .k-list-item-text:before,
    .k-input-value-text:before {
        content: "" !important;
        display: none !important;
    }

.k-treeview {
    color: #3F4254 !important;
}

.k-list {
    font-size: inherit !important;
}

.w-10px {
    width: 10px !important;
}

.tox-tinymce {
    border: 0 !important;
    border-radius: 0 !important;
}

.tox:not(.tox-tinymce-inline) .tox-editor-header {
    box-shadow: none !important;
}

.tox .tox-toolbar-overlord > .tox-toolbar {
    background-size: calc(100% * 2) calc(100% - 0px) !important;
}

.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling) {
    background-position: center 0 !important;
}

    .tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):last-child {
        border-bottom: 1px solid #e3e3e3 !important;
    }

.verto-tinymce-border {
    border: 1px solid #ccc !important;
}

/* KENDO 2024.1.130 */
.k-toolbar {
    border-color: #ccc;
}

.k-picker-solid {
    border-color: #ccc;
    background: #FFFFFF;
    background-image: none;
}

.k-grid .k-table-row td,
.k-grid .k-table-row .k-table-td {
    border-block-end-width: 1px;
    padding: .4em .6em;
}

.k-grid td,
.k-grid-header th.k-header {
    padding: .4em .6em;
}

.k-grid .k-hierarchy-cell + td {
    border-left-width: 0;
}

.k-grid .k-grid-header .k-sort-icon {
    display: none !important;
}

.VertoKendoGrid tr:not(:last-child) > td {
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0.08);
}

.k-menu-vertical > .k-menu-item > .k-menu-link,
.k-menu-group-md .k-menu-link {
    padding-inline-end: 8px;
}

.k-menu-link .k-menu-expand-arrow {
    margin-inline-end: 0 !important;
}


.k-grid .k-grid-table tr td {
    vertical-align: top;
    overflow: hidden;
    text-overflow: clip;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

.k-input {
    border-color: #ccc;
    color: #333;
}

.k-tooltip {
    border: 1px solid #ccc;
    color: inherit;
    background: white;
}

.k-i-loading:before,
.k-i-loading:after,
.k-loading-image:before,
.k-loading-image:after {
    border-style: none;
    animation: none;
    font-size: 2em;
}

.k-i-loading:before,
.k-loading-image:before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 324 324' shape-rendering='geometricPrecision' text-rendering='geometricPrecision'><path d='M198,129.8c-17.7-19.8-48.1-21.6-67.9-3.9s-21.6,48.1-3.9,67.9s48.1,21.6,67.9,3.9s21.5-48,3.9-67.9Zm-62.4,55.6c-13-14.6-11.7-37,2.9-50s37-11.7,50,2.9s11.7,37-2.9,50c-14.7,13-37,11.6-50-2.9Z' transform='translate(-.079925 0)' fill='%231e8ccc' /><path d='M106.1,266.5c-1.9,4-1.3,8.9,1.8,12.4c4.2,4.7,11.4,5.1,16.1.9c1.5-1.3,2.5-2.8,3.1-4.5c1.3-3.7.6-8.1-2.3-11.3-4.2-4.7-11.4-5.1-16.1-.9-1,.9-1.9,2.1-2.6,3.4v0Z' fill='none' /><path d='M173.1,279.9c-.1-.1,0-.1-.1-.2-.1-1.1-1.2-1.9-2.3-1.8-12.2.9-24.6-.1-36.5-3.1c1-5.4-.3-11.2-4.2-15.6-6.7-7.5-18.2-8.2-25.7-1.5s-8.2,18.2-1.5,25.7s18.2,8.2,25.7,1.5c1.9-1.7,3.4-3.7,4.4-5.9c12.5,3,25.5,4.2,38.2,3.2c1.4,0,2.2-1.1,2-2.3Zm-65.2-1c-4.2-4.7-3.8-11.9.9-16.1s11.9-3.8,16.1.9s3.8,11.9-.9,16.1-11.9,3.9-16.1-.9Z' transform='translate(.000033 0.000005)' fill='%2368bce2'><animateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 162 162' to='360 162 162' dur='3.0s' additive='sum' repeatCount='indefinite' /></path><path d='M222.5,266.5c6.9-4,13.6-8.8,19.9-14.4c15.6-13.9,26.7-30.9,33.3-49.3.4-1.2-.2-2.4-1.5-2.8v0c-1.1-.3-2.3.2-2.7,1.3-6.3,17.7-17,34.1-32.1,47.5-5.9,5.3-12.3,9.9-19,13.7-.5-.7-1-1.4-1.6-2.1-6.7-7.5-18.3-8.2-25.8-1.5s-8.2,18.3-1.5,25.8s18.3,8.2,25.8,1.5c5.9-5,7.6-12.9,5.2-19.7Zm-25.7,13.7c-4.2-4.7-3.8-11.9.9-16.1s11.9-3.8,16.1.9s3.8,11.9-.9,16.1-11.9,3.9-16.1-.9Z' transform='translate(.000016 0.000006)' fill='%230a6a9b'><animateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 162 162' to='360 162 162' dur='3.0s' additive='sum' repeatCount='indefinite' /></path><path d='M315.1,134.4c-6.6-7.4-16-10.7-25.2-9.8-5.3-18.5-14.8-36.1-28.4-51.4-41.6-46.7-109-57.2-162-29-1.1.6-1.5,1.9-.9,3c0,0,0,0,0,0c.6,1.1,1.9,1.4,3,.9C152.8,20.9,218,31,258.2,76.2c13.1,14.7,22.1,31.5,27.3,49.3-4.4,1.1-8.6,3.3-12.3,6.6-12.2,10.9-13.3,29.6-2.4,41.8s29.6,13.3,41.8,2.4s13.4-29.7,2.5-41.9Zm-35.6,31.7c-6.6-7.4-6-18.8,1.5-25.4c7.4-6.6,18.8-6,25.4,1.5c6.6,7.4,6,18.8-1.5,25.4-7.4,6.5-18.8,5.9-25.4-1.5Z' transform='translate(.000008 0.000003)' fill='%2368bbe1'><animateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 162 162' to='360 162 162' dur='3.0s' additive='sum' repeatCount='indefinite' /></path></svg>");
}

.VertoTreeView .k-i-loading {
    width: auto !important;
    height: auto !important;
    font-size: 36px;
    margin: 20px 50% auto 45%;
}

.k-notification {
    padding-block: 0;
    padding-inline: 0;
}

.k-notification-info {
    border-color: #ccc;
}


.k-popup-dropdowntree {
    background-color: #FFFFFF !important;
    padding-bottom: 5px !important;
}

/*.k-focus {
    border-color: #ccc !important;
    box-shadow: none !important;
}*/

.k-dropdowntree .k-chip,
.k-dropdowntree .k-chip.k-state-hover {
    color: #333;
    border-color: #ccc;
    background-color: #FFFFFF;
    font-size: 12px;
    margin-right: 3px;
}

.k-chip-content:first-child {
    margin-left: 0 !important;
}

.k-dropdowntree .k-chip .k-chip-action.k-chip-remove-action .k-i-x-circle:before,
.k-multiselect .k-chip .k-chip-action.k-chip-remove-action .k-i-x-circle:before {
    content: "\e11b" !important;
}

.gridColumns .SelectAll {
    border-bottom: 1px solid #ccc;
    padding-bottom: 4px;
    margin-bottom: 8px;
}

.oneToManyTags,
.gridColumns,
.feedExclusions {
    padding: .5em .5em 0px .5em !important;
    border-bottom: 1px solid #ccc !important;
}

    .oneToManyTags .VertoLastCheckbox,
    .gridColumns .VertoLastCheckbox,
    .feedExclusions .VertoLastCheckbox {
        margin-bottom: 5px !important;
    }

    .oneToManyTags.context-menu-hover,
    .gridColumns.context-menu-hover,
    .feedExclusions.context-menu-hover {
        background-color: transparent !important;
    }

    .oneToManyTags .k-multicheck-wrap,
    .gridColumns .k-multicheck-wrap,
    .feedExclusions .k-multicheck-wrap {
        padding-left: 0px;
    }

    .oneToManyTags .verto-checkbox,
    .feedExclusions .verto-checkbox,
    .gridColumns .verto-checkbox {
        padding-bottom: 8px;
        display: block;
        width: 100%;
    }

    .oneToManyTags .SelectAll,
    .feedExclusions .SelectAll,
    .gridColumns .SelectAll {
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        margin-bottom: 8px;
    }

    .feedExclusions .verto-overflow {
        max-height: 300px;
        overflow-y: auto;
    }

.k-menu-item.gridColumns .k-button,
.k-menu-item.feedExclusions .k-button {
    margin-bottom: 5px;
}

.k-popup .k-multicheck-wrap .k-item,
.k-popup .k-multicheck-wrap .k-check-all-wrap,
.checkbox-container .k-check-all-wrap,
.checkbox-container .k-listview-item {
    padding-block: 0 6px;
    padding-inline: 25px 10px;
}

.k-popup .k-multicheck-wrap .k-item,
.k-popup .k-multicheck-wrap .k-check-all-wrap,
.checkbox-container .k-check-all-wrap,
.checkbox-container .k-listview-item {
    padding-inline: 6px;
}

.k-popup .k-multicheck-wrap .k-check-all-wrap,
.checkbox-container .k-check-all-wrap {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    margin-bottom: 6px;
}

.k-picker-solid.k-invalid {
    border-color: #EB0000 !important;
}

.k-picker-solid.k-valid {
    border-color: #ccc !important;
}

.k-editor .k-toolbar-button[title="Verto Sense"] .k-icon:before {
    font-family: FontAwesome;
    content: "#";
}

.k-editor .k-spacer {
    flex-basis: 100%;
    height: 0;
}

.verto-editor-menubar-button {
    margin: 5px 1px 6px 0;
    height: 28px;
    padding: 0 8px;
}

    .verto-editor-menubar-button:hover,
    .verto-editor-menubar-button:focus {
        background-color: var(--kendo-color-base-hover, #ebebeb);
    }


.k-grid-header-sticky,
.k-grid-footer-sticky {
    border-left-color: inherit !important;
    border-right-color: inherit !important;
}

.k-pager-input .k-numerictextbox {
    width: 3em !important;
}

.breadcrumb.breadcrumb-chevron .breadcrumb-item:before {
    display: none
}

.breadcrumb.breadcrumb-chevron .breadcrumb-item:after {
    content: ">";
    padding-left: .5rem
}

.breadcrumb.breadcrumb-chevron .breadcrumb-item:last-child:after {
    display: none
}

.RestrictedUserSubFormDataInsights.k-i-loading:before {
    width: 23px;
    height: 23px;
}

.RestrictedUserSubFormDataInsights.k-i-loading .icons8-ai {
    display: none;
}

/* ACCESSIBILITY CHANGES */
/* Colour Contrast needs to be '4.5:1'  */

.VertoFocusWithin:focus-within,
.VertoFocusVisible:focus-visible,
.VertoFocusVisibleBlock:focus-visible {
    box-shadow: #000 0px 0px 0px 2px !important;
    outline: none !important;
    outline-style: none !important;
}

.VertoFocusWithinInset:focus-within,
.VertoFocusVisibleInset:focus-visible,
.VertoFocusVisibleInsetBlock:focus-visible {
    box-shadow: #000 0px 0px 0px 2px inset !important;
    outline: none !important;
    outline-style: none !important;
}

.btn.btn-outline-secondary.focus:not(.btn-text),
.btn.btn-outline-secondary:focus:not(.btn-text),
.btn.btn-outline-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) {
    box-shadow: #000 0px 0px 0px 1px inset !important;
    background-color: #f5f5f5 !important;
}

.VertoFocusVisibleBlack.k-focus,
.VertoFocusVisibleBlack:focus,
.VertoFocusVisibleBlack:focus-visible,
.VertoFocusVisibleBlack.k-focus .VertoBAUTreeListCell,
.VertoFocusVisibleBlack.k-focus .VertoTreeListCell,
.VertoFocusVisibleBlack.k-focus .ViewsResourcePlanningAllocationsCell,
.VertoFocusVisibleBlack.k-focus .ViewsResourcePlanningSearchTreeListCell {
    box-shadow: #000 0px 0px 0px 2px inset !important;
}

.VertoFocusVisibleWhite.k-focus,
.VertoFocusVisibleWhite:focus,
.VertoFocusVisibleWhite:focus-visible,
.VertoFocusVisibleWhite.k-focus .VertoBAUTreeListCell,
.VertoFocusVisibleWhite.k-focus .VertoTreeListCell,
.VertoFocusVisibleWhite.k-focus .ViewsResourcePlanningAllocationsCell,
.VertoFocusVisibleWhite.k-focus .ViewsResourcePlanningSearchTreeListCell {
    box-shadow: #fff 0px 0px 0px 2px inset !important;
}

.label.label-light-danger {
    color: #000 !important; /*  Contrast Ratio: '17.26:1' */
    background-color: #ffe2e5;
}

.scrolltop {
    background-color: #227BA6 !important;
}

.list-group-item {
    padding: 7px 10px !important;
    color: inherit !important;
    text-decoration: inherit !important;
    font-size: inherit !important;
    font-family: inherit !important;
}

    .list-group-item.active {
        color: #FFFFFF !important;
        background-color: #227BA6 !important;
        border-color: #227BA6 !important;
    }

        .list-group-item.active.VertoFocusVisibleInset:focus-visible {
            box-shadow: #fff 0px 0px 0px 2px inset !important;
        }

    .list-group-item.border-0.active.VertoFocusVisibleInset:focus-visible {
        border: 1px solid #227BA6 !important;
    }

.bootstrap-maxlength.label.label-warning {
    color: #000 !important; /* 10.85:1 Contrast */
    background: #FFA800 !important;
}

.bootstrap-maxlength.label.label-success {
    color: #000 !important; /* 7.15:1 Contrast */
    background: #3699ff !important;
}

.k-grid table colgroup > col:not([style]):not(.k-hierarchy-col) {
    min-width: 100px !important;
}

.UploadFileTemplateActions .btn {
    padding: 2px 6px;
}

.k-menu-group .k-menu-link {
    padding-inline-end: var(--kendo-spacing-2, 0.5rem) !important;
}

.breadcrumb-item.active {
    color: #70748F !important;
}

.breadcrumb .breadcrumb-item.active a,
.breadcrumb .breadcrumb-item.active i,
.breadcrumb .breadcrumb-item:hover a,
.breadcrumb .breadcrumb-item:hover i {
    color: #227BA6 !important;
}

.alert.alert-danger {
    color: #000 !important;
}

.progress-bar {
    background-color: #227BA6 !important;
}

.label.label-outline-info {
    color: #227BA6 !important;
    border-color: #227BA6 !important;
}

.icons8-star-filled .icons8-star-filled-background {
    color: transparent;
}

.icons8-star-filled .icons8-star-filled-outline {
    color: #3f4254;
}

.icons8-star-filled.active .icons8-star-filled-background,
.icons8-star-filled.active .icons8-star-filled-outline {
    color: #ffcc00;
}