.flex-grow {
    flex: 1;
}

.auto-height-by-container .flex-grow-list-view {
    flex: 1 1 1px;
}

.flex-1 {
    flex: 1;
}

/*.grid-layout .flex-grow-list-view {
    flex: none !important;
}*/

.title-wrapper {
    display: flex;
    align-items: center;
}

.widget {
    border-width: 1px;
    border-style: solid;
    margin-bottom: 15px;
    border-color: #ddd;
    position: relative;
}

    .widget.widget-table {
        overflow: hidden;
    }

    .widget.widget-hide-header {
        border: none;
        background: none;
    }

    .widget.widget-focus-enabled {
        z-index: 999;
        position: relative;
    }

    .widget.widget-quick-note .widget-content {
        padding: 0;
    }

    .widget.widget-quick-note input.title,
    .widget.widget-quick-note textarea {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        resize: none;
    }

    .widget.widget-quick-note input.title {
        font-weight: 700;
    }

    .widget.widget-quick-note textarea:focus {
        outline: none;
    }

    .widget.quick-note-create .widget-footer {
        display: none;
    }

    .widget.quick-note-saved:hover {
        cursor: pointer;
    }

    .widget .widget-header {
        padding: 0 15px;
        height: 35px;
        background-color: #f4f4f4;
        border: 1px solid #ddd;
    }

        /*@media screen and (max-width: 480px) {
    .widget .widget-header {
        height: 100%;
    }
}*/

        .widget .widget-header h3 {
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            *zoom: 1;
            *display: inline;
            font-size: 1.1em;
            margin: 0;
            line-height: 35px;
            float: left;
        }

@media screen and (max-width: 480px) {
    .widget .widget-header h3 {
        float: none;
    }
}

.widget .widget-header i {
    margin-right: 5px;
}

.widget .widget-header em {
    float: left;
    font-size: 0.9em;
    color: #a4a4a4;
    line-height: 35px;
    margin-left: 4px;
}

@media screen and (max-width: 1279px) {
    .widget .widget-header em {
        display: none;
    }
}

.widget .widget-header .btn-help {
    float: left;
    padding: 0;
    position: relative;
    top: 3px;
    left: 3px;
}

@media screen and (max-width: 1279px) {
    .widget .widget-header .btn-help {
        display: none;
    }
}

.widget .widget-header .btn-group > a {
    color: #555;
}

.widget .widget-header .widget-header-toolbar {
    float: right;
    width: auto;
    height: 35px;
    border-left: 1px solid #ddd;
    padding-left: 10px;
    margin-left: 10px;
}

@media screen and (max-width: 480px) {
    .widget .widget-header .widget-header-toolbar {
        display: block;
        float: none;
        border-left: none;
        margin-left: 0;
        padding-left: 0;
    }
}

.widget .widget-header .widget-header-toolbar > a {
    margin-left: 5px;
}

.widget .widget-header .widget-header-toolbar.btn-init-hide {
    display: none;
}

.widget .widget-header .widget-header-toolbar.process-status {
    border-left: none;
    /* status like loading, saved, failed always on the leftmost */
}

    .widget .widget-header .widget-header-toolbar.process-status i {
        font-size: 15px;
        line-height: 35px;
        margin-right: 0;
    }

    .widget .widget-header .widget-header-toolbar.process-status span {
        display: none;
    }

.widget .widget-header .widget-header-toolbar .control-title {
    font-size: 0.9em;
    color: #a4a4a4;
    position: relative;
    top: 1px;
}

.widget .widget-header .widget-header-toolbar .label {
    position: relative;
    top: 8px;
}

.widget .widget-header .widget-header-toolbar .toolbar-item-group {
    padding-top: 0.3em;
    height: 100%;
}

    .widget .widget-header .widget-header-toolbar .toolbar-item-group .label {
        position: relative;
        top: 1px;
    }

    .widget .widget-header .widget-header-toolbar .toolbar-item-group .multiselect {
        margin-top: 0;
    }

.widget .widget-header .widget-header-toolbar .btn,
.widget .widget-header .widget-header-toolbar .btn-borderless {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    height: 25px;
}

.widget .widget-header .widget-header-toolbar .btn-borderless {
    padding-top: 5px;
}

    .widget .widget-header .widget-header-toolbar .btn-borderless i {
        margin-right: 5px;
        position: relative;
        top: 2px;
    }

.widget .widget-header .widget-header-toolbar .btn {
    margin-top: 5px;
}

    .widget .widget-header .widget-header-toolbar .btn.btn-sm {
        padding: 0 10px;
    }

        .widget .widget-header .widget-header-toolbar .btn.btn-sm i {
            width: 10px;
            height: 12px;
        }

.widget .widget-header .widget-header-toolbar .progress {
    width: 150px;
    height: 15px;
    margin-bottom: 0;
    margin-top: 10px;
}

    .widget .widget-header .widget-header-toolbar .progress .progress-bar {
        font-size: 10px;
        line-height: 1.5;
    }


.widget .widget-content.widget-content-no-panel {
    box-shadow: none !important;
    padding: 0 !important;
    border: none;
    background-color: inherit;
}

.widget .widget-content {
    display: flex;
    padding: 15px;
    background-color: #fff;
    /*-webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15);
    box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15);*/
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #dadfe9;
    border-top: none;
}

    .widget .widget-content h4 {
        font-size: 14px;
    }

    .widget .widget-content h5 {
        font-size: 13px;
    }

    .widget .widget-content h6 {
        font-size: 12px;
    }

.widget .widget-footer {
    padding: 7px 10px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #f0f0f0;
    background-color: #f7f7f7;
}

.search-form {
    display: flex;
    justify-content: flex-end;
    position: relative;
}

.ui-grid-pager-row-count-label {
    display: none;
}

.grid-layout.fixed-height:not(.Custom) {
    height: 400px;
}

.grid-layout.fixed-height.Custom {
    height: auto;
}

.grid-layout.fixed-height > * {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.ui-grid-cell {
    border-right: none;
}

.ui-grid-header {
    border-bottom: 2px solid #DADFE9;
}

.ui-grid-header-cell {
    vertical-align: bottom;
    border-right: none;
}

    .ui-grid-header-cell:hover {
        border-right: 1px solid #d4d4d4;
    }

.ui-grid-cell-contents {
    padding: 0.5rem;
    border-top: 1px solid #DADFE9;
    line-height: 28px;
}

.ui-grid-header-cell .ui-grid-cell-contents {
    border-top: none;
}

.ui-grid {
    height: 100%;
    border: none;
}

.ui-grid-cell-contents:focus {
    outline: auto;
}

.ui-grid-top-panel {
    background: none;
}

.ui-grid-row:nth-child(odd) .ui-grid-cell, .ui-grid-row:nth-child(even) .ui-grid-cell {
    background: none;
}


.ui-grid-render-container-body:not(.vertical-table-mobile) .ui-grid-row:first-child .ui-grid-cell-contents {
    border-top: none;
}

.ui-grid-render-container-body.vertical-table-mobile .ui-grid-cell-contents {
    padding: unset;
    border-top: unset;
    line-height: unset;
}

.ui-grid-render-container-body.vertical-table-mobile .ui-grid-cell-contents-responsive {
    padding: 0.5rem;
    border-top: 1px solid #DADFE9;
    line-height: 28px;
}


.ui-grid-render-container-body.vertical-table-mobile .ui-grid-row:nth-child(odd) .ui-grid-cell,
.ui-grid-render-container-body.vertical-table-mobile .ui-grid-row:nth-child(even) .ui-grid-cell {
    max-width: 100%;
    min-width: 100%;
    text-align: right;
    box-sizing: border-box;
}

    .ui-grid-render-container-body.vertical-table-mobile .ui-grid-row:nth-child(odd) .ui-grid-cell .ui-grid-cell-contents-responsive span,
    .ui-grid-render-container-body.vertical-table-mobile .ui-grid-row:nth-child(even) .ui-grid-cell .ui-grid-cell-contents-responsive span {
        display: inline-block!important;
        float: left;
        font-weight: bold;
        width: 30%;
        text-align: left;
        margin-right: 20px;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        height: 100%;
    }

.ui-grid-render-container-body.vertical-table-mobile .ui-grid-row:nth-child(even):not(:hover) .ui-grid-cell .ui-grid-cell-contents-responsive {
    background: aliceblue;
}

.ui-grid-render-container-body.vertical-table-mobile .ui-grid-row:nth-child(even),
.ui-grid-render-container-body.vertical-table-mobile .ui-grid-row:nth-child(odd) {
    border-top: #aed3ab 3px double;
}

.ui-grid-render-container-body.vertical-table-mobile .ui-grid-viewport,
.ui-grid-render-container-body.vertical-table-mobile .ui-grid-canvas {
    width: 100% !important;
}

.ui-grid-render-container-body.vertical-table-mobile .ui-grid-header {
    display: none;
}


.widget {
    border: 0 !important;
}

.filled-layout .widget {
    margin-bottom: 0px;
    height: 100% !important;
}

.widget-content-wrapper.collapse {
    display: none !important;
}

    .widget-content-wrapper.collapse.show {
        display: flex !important;
    }

.cursor-pointer {
    cursor: pointer;
}

#custom-widget-content > *:first-child {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}

.widget-wrapper {
    display: flex;
    flex-direction: column;
}

    .widget-wrapper.full-height {
        max-height: calc(100vh - 12.9rem) !important;
        height: calc(100vh - 12.9rem) !important;
    }

    .widget-wrapper > *:first-child {
        flex: 1 0 auto;
        display: flex;
        flex-direction: column;
    }

.modal-dialog #page-dialog-content > * > .container-fluid {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.pageModal .modal-dialog .modal-content .modal-header {
    padding: 0;
}

.item-adding {
    animation: to-yellow 125ms cubic-bezier(.8,0,.2,1) 16 alternate;
}

@-webkit-keyframes to-yellow {
    100% {
        background: #fff6be;
    }
}

@keyframes to-yellow {
    100% {
        background: #fff6be;
    }
}

.cw-listview .cw-list-item.item-deleted, .cw-listview .cw-list-item.selected.item-deleted {
    background-color: #f4a3a4 !important;
}

.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell.item-deleted {
    background-color: #f4a3a4 !important;
}

.ui-grid-row > [ui-grid-row] > .ui-grid-cell.row-dirty {
    background-color: #dfecc1 !important;
}

.widget-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.5;
    background-color: #e9ecef;
    cursor: not-allowed;
    z-index: 2;
}

.filled-layout.fixed-height {
    flex: 1 1 0;
    height: auto;
}

/*.page-row .page-column:last-child .widget {
    margin-bottom: 0;
}*/

#cw-content-wrapper .cw-dynamic-page {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.custom-control-inline {
    align-content: center;
}

.navbar-nav a[aria-expanded="true"] {
    background: transparent;
}

.widget-collapsed {
    height: auto !important;
    flex: none;
}

.widget-content .nav-tabs.mobile {
    border-bottom: 2px solid #ddd;
    min-height: 38.6px;
}

    .widget-content .nav-tabs.mobile > li > a {
        border: none;
        background-color: transparent !important;
        position: relative;
    }

        .widget-content .nav-tabs.mobile > li > a::after {
            content: "";
            background: #3e4a59;
            height: 2px;
            position: absolute;
            width: 100%;
            left: 0;
            bottom: -1px;
            transition: all 250ms ease 0s;
            margin: 0;
            border: 0;
            transform: scale(0);
        }

        .widget-content .nav-tabs.mobile > li > a.active::after, .widget-content .nav-tabs.mobile > li:hover > a::after {
            transform: scale(1);
        }

.tab-pane > .filled-layout > div {
    flex-direction: column !important;
    flex: 1 1 1px;
}

    .tab-pane > .filled-layout > div > .filled-container {
        height: 100%;
    }

.fixed-height.Custom {
    overflow-x: hidden;
    overflow-y: auto;
}

.widget-content > cw-workflow-shell {
    flex: 1;
    display: flex;
    flex-direction: column;
}

    .widget-content > cw-workflow-shell .wf-activity-section {
        height: auto;
    }

    .widget-content > cw-workflow-shell .fullheightnoheader {
        flex: 1;
    }

        .widget-content > cw-workflow-shell .fullheightnoheader .wf-activity-section {
            flex: 1 1 1px;
        }

        .widget-content > cw-workflow-shell .fullheightnoheader.tabpane-horizontal .wf-activity-section {
            flex: 1 1 auto;
        }

    .widget-content > cw-workflow-shell .step-panel {
        flex: 1 1 1px;
    }

    .widget-content > cw-workflow-shell .modal-body {
        display: flex;
        flex-direction: column;
    }

.pageModal.mediumModal .modal-dialog {
    max-width: 75%;
    height: 75%;
    height: 75vh;
}

.workflowModal.mediumModal .modal-dialog {
    max-width: 75%;
}

.pageModal.smallModal .modal-dialog, .pageModal .modal-dialog {
    max-width: 800px;
    height: 60%;
    height: 60vh;
}

    .pageModal .modal-dialog .modal-content {
        height: 100%;
    }

.modal-dialog .title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e9ecef;
    background: #2c3039;
    color: #fff;
    padding: 10px;
    border-radius: 0;
    align-items: center;
}

    .modal-dialog .title-wrapper .title {
        font-size: inherit;
        margin: 0;
        line-height: 1.5;
    }

.modal-dialog #page-dialog-content > * > .container-fluid {
    padding: 0 !important;
}

    .modal-dialog #page-dialog-content > * > .container-fluid > div.row:first-child {
        margin: 0;
        position: fixed;
        width: 100%;
        z-index: 1;
    }

        .modal-dialog #page-dialog-content > * > .container-fluid > div.row:first-child > div {
            padding: 0;
        }

    .modal-dialog #page-dialog-content > * > .container-fluid > div.page-row {
        margin: 60px 0 0 !important;
    }

    .modal-dialog #page-dialog-content > * > .container-fluid > div.d-flex {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 60px;
        margin-bottom: 15px;
        overflow: auto;
    }

.pageModal .modal-header {
    position: absolute;
    top: 12px;
    right: 10px;
    z-index: 2;
    border-bottom: 0 !important;
}

    .pageModal .modal-header .btn {
        padding: 0;
    }

.filled-container .grid-layout.fixed-height {
    flex: 1;
    height: auto;
}

.grid-layout .filled-container .page-row:last-child {
    margin-bottom: 0 !important;
}

.field-required {
    margin-left: 5px;
    color: #dc3545;
    font-size: .75rem;
    top: -3px;
    position: relative
}

.widget .collapsing {
    -webkit-transition: none !important;
    transition: none !important;
    display: none !important;
}

.text-field-collapsed {
    width: 36.5px;
}

    .text-field-collapsed::-webkit-input-placeholder {
        color: transparent;
    }

    .text-field-collapsed:-moz-placeholder { /* Firefox 18- */
        color: transparent;
    }

    .text-field-collapsed::-moz-placeholder { /* Firefox 19+ */
        color: transparent;
    }

    .text-field-collapsed:-ms-input-placeholder {
        color: transparent;
    }

.icon-search {
    position: absolute;
    right: 8px !important;
    top: 0;
    padding-right: 0;
}

.search-field {
    transition: all .3s;
}

.btn-search {
    position: absolute;
    top: 0;
    right: 0;
}

.modal-dialog #page-dialog-content > * > .container-fluid {
    transform: translateX(0px);
}

.select2-hidden-accessible {
    display: none;
}

.cw-navigation-actions--mobile {
    padding: 15px 15px 0 15px;
}

.ui-grid-free-height .ui-grid-cell-contents {
    white-space: normal;
}

.ui-grid-free-height [ui-grid-row] {
    display: table-row;
}

.ui-grid-free-height .ui-grid-row, .ui-grid-free-height .ui-grid-cell {
    height: auto !important;
    min-height: 45px;
}

.ui-grid-free-height .ui-grid-cell {
    float: none;
    display: table-cell;
    vertical-align: top;
}

.choices[data-type*=select-one] .choices__inner {
    padding: .2rem .75rem;
    border-radius: 0;
    background-color: #fff;
    vertical-align: middle;
    min-height: unset;
    height: auto;
    display: block;
    font-size: .9rem;
}

.choices__list--single {
    padding: 0;
    display: block;
}