#credentials {
    width: 2000px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cat-login-logo {
    margin-left: auto;
    margin-right: auto;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    height: 300px;
    display: inline-block;
}

#brand {
    position: relative;
    right: -5px;
    top: 5px;
    padding-left: 20px;
}

    #brand > img {
        height: auto;
        padding-right: 5px;
    }

.form-fixed-height {
    height: 100%;
}

.cat-dialog-full-scree-content > div:first-child {
    height: 100%;
}

.cat-loading-image {
    background-image: url("../../img/logo.png");
    background-repeat: no-repeat;
    height: 35px;
    width: 145px;
    padding: 0px;
    margin: 0px;
}

.AppMode_Glyphicon {
    position: relative;
    top: 3px;
    left: -5px;
}

#treepath_appmodes .AppMode_Glyphicon {
    position: relative;
    top: 3px;
    left: unset;
}

#AppModeMenu > a {
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
}

    #AppModeMenu > a > span {
        font-size: 125%;
        font-weight: bold;
    }

#toptoolbar {
    margin-right: 0px;
}

    #toptoolbar ul.nav.nav-pills {
        /*display: inline-flex;*/
        display: -webkit-flex;
        display: -ms-flex;
        display: -moz-flex;
        display: flex;
        white-space: nowrap;
    }

#UserMenu .tbimg {
    height: 30px;
    width: 30px;
    position: relative;
    top: 7px;
    left: 12px;
    margin-right: 15px;
    padding: 0px;
    margin-top: -15px;
    border-radius: 50% !important;
}

#cat_tree_maximize, #cat_app_mode_settings {
    /*position: relative !important;
    float: right !important;*/
    z-index: 100;
}

#AppModeMenu .dropdown-header {
    font-size: 120%;
    font-weight: bold;
}

#AppModeMenu > ul {
    min-width: 550px;
}

ul.dropdown.dropdown-menu.initializedDropDown.filterPopupIsOpen.appmode_no_description {
    width: calc(100% + 250px) !important;
}

#tabselector .dropdown-menu {
    min-width: 300px;
    overflow-y: auto;
}

    #tabselector .dropdown-menu > li > a {
        padding-left: 30px;
    }


#AppModeMenu > .dropdown-menu {
    max-height: 95vh !important;
}

.modal-dialog .cat-lower-toolbar .dropdown-menu {
    max-height: 300px !important;
    overflow: auto;
}

#toptoolbar {
    /*min-height: 0px;
    max-height: 55px;*/
    margin-bottom: -1px;
    padding-left: 15px;
    /*margin-right: 0px;
    margin-left: 0px;
    display: inline-block;
    width: 100%;*/
}

    #toptoolbar .navbar-right {
        margin-right: 5px;
        position: relative;
        top: -50px;
    }

#TreePath {
    margin-right: 0px;
}

    #TreePath #keyShowHideTree {
        left: 11px;
        background-color: transparent;
        margin: 0px;
        padding: 0px;
    }

    #TreePath #cat_tree_maximize {
        display: none;
    }

    #TreePath #tree_nav #keyHistory > a {
        padding-right: 10px !important;
    }

#treepath_RIGHT {
    display: contents;
    position: relative;
    right: 0;
    top: 0;
    white-space: nowrap;
}

#treetoolbar_RIGHT > li > a {
    padding-right: 10px !important;
}

#TreePath .nav-pills, #treetoolbar_RIGHT {
    display: flex;
    white-space: nowrap;
    overflow: initial !important;
}

/*#TreePath li.cat-bs-breadcrump + span {
    position: relative;
    top: 10px;
}*/

#TreePath.notreeview > #showhidetreeTB {
    display: none;
}

#showhidetreeTB, #treepath-search {
    height: 46px;
}

#TreePath.notreeview > #treepath {
    margin-left: 15px !important;
}

#appconfig_content_container {
    margin-right: -30px;
}

.cat-main-content-row {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    height: calc(100% - 46px);
    display: flex;
}

#cat-main-content-left-column {
    height: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

#cat-main-content-right-column {
    height: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

    #cat-main-content-right-column .container:not(.cat-no-scroll) {
        height: calc(100vh - 146px);
    }

    #cat-main-content-right-column .container {
        width: 100%;
        overflow: auto;
    }

#treetoolbar {
    margin-left: -1px;
    margin-right: 0px;
    font-size: 8px !important;
    width: 100%;
}

    #treetoolbar > nav {
        float: left;
        white-space: nowrap;
        width: 100%;
        display: inline-flex;
    }

        #treetoolbar > nav > ul.nav:first-child, #cat-tab-content_tree_toolbar > nav > ul.nav:first-child {
            float: left;
            display: inline-flex;
            width: 100%;
        }

        #treetoolbar > nav > ul.nav:last-child {
            float: right;
            position: relative;
        }

    #treetoolbar #more b {
        display: none;
    }

    #treetoolbar .navbar-right {
        overflow: hidden;
    }

        #treetoolbar .navbar-right::after {
            clear: none !important;
        }

#treeview {
    height: -webkit-calc(100vh - 137px);
    height: -moz-calc(100vh - 137px);
    height: calc(100vh - 137px);
    margin-left: 5px;
    margin-right: 0px;
}

#tabcontent {
    height: calc(100vh - 92px);
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

.TreePathVisible {
    height: -webkit-calc(100vh - 170px);
    height: -moz-calc(100vh - 170px);
    height: calc(100vh - 170px);
}

#tabstrip {
    overflow: hidden;
    margin-left: 0px;
    margin-right: 0px;
}

    #tabstrip .pmd-tab-active-bar {
        /*margin-left: 15px;*/
        z-index: 99;
    }

    #tabstrip .pmd-tabs .nav > li > a {
        padding: 16px;
    }

#tabcontent_main {
    height: 100%;
    width: 100%;
}

.cat-all-forms {
    height: calc(100% - 45px);
    overflow: auto;
}

.cat-center {
    margin-left: auto;
    margin-right: auto;
}

.cat-main-content-iframe, .cat-full-screen {
    height: 100%;
    width: 100%;
}


.container-detail .container {
    padding: 15px;
    width: 100vw;
}

.cat-rowspan-block .form-group {
    margin-bottom: 5px !important;
}

.cat-full-border {
    border: 1px solid #e6e6e6 !important;
    height: 100%;
    /*display: table;*/
}

.cat-float-left {
    float: left;
    margin-right: 5px;
}

.cat-table {
    padding: 3px;
    border: 1px solid #e6e6e6 !important;
}

.cat-table-row {
    margin-left: 3px;
    margin-right: 3px;
    height: 30px;
}

.DOUBLE, .DATE, .cat-align-right {
    text-align: right;
}

.cat-container-master {
    overflow: hidden;
}

.cat-content_with_tree_container,
.cat-container-master-detail {
    height: 100%;
    overflow: hidden;
}

#cat-main-content-right-column.col-xl-12 .cat-upper-content, .cat-lower-content {
    padding-left: 15px;
}

.cat-upper-content, .cat-lower-content {
    height: 100%;
    padding-left: 5px;
}

    .cat-upper-content.cat-dataform > div:not(.cat-content-loader) {
        height: 100%;
    }

    .cat-upper-content.cat-dataform .cat-form-view-tree-item:not(.cat-repeater),
    .dialog-grid-container .cat-form-view-tree-item:not(.cat-repeater) {
        height: 100%;
    }

.cat-lower-toolbar + .cat-lower-content, .cat-upper-toolbar + .cat-upper-content {
    height: calc(100% - 46px);
}

/*.cat-main-dialog .cat-content .cat-upper-content {
    overflow: auto;
    height: calc(100% - 13px);
}

.modal-dialog .cat-content .cat-upper-content {
    overflow: hidden;
    height: calc(100% - 13px);
}*/

.cat-content:not(.cat-sub-form) .cat-upper-content:not(.cat-dataform) {
    height: 100%;
    overflow: hidden;
}

.cat-content .cat-upper-content .grid-body {
    overflow: auto;
}

.cat-lower-content.cat-content-has-toolbar {
    height: calc(100% - 51px) !important;
}

.cat-vertical .cat-lower-content.cat-content-has-toolbar {
    height: calc(100% - 45px) !important;
}

/*.cat-upper-content.cat-content-has-toolbar {
        height: calc(100% - 70px) !important;
    }*/

.dialog-grid-container .cat-upper-content.cat-content-has-toolbar {
    height: calc(100% - 46px) !important;
    padding-right: 5px;
}

/* grid height of lower container in the modal dialog */
.dialog-grid-container .cat-lower-content.cat-content-has-toolbar {
    height: calc(100% - 56px);
    padding-right: 5px;
}

.dialog-grid-container .cat-upper-content.cat-content-has-toolbar textarea.cat-form-designer.cattokenupdate {
    height: calc(100% - 70px);
}

.dialog-grid-container .grid-body {
    height: calc(100% - 10px);
}

/* grid height in upper content */
#tabcontent .cat-container-master-detail .cat-container-master .cat-upper-content.cat-content-has-toolbar {
    height: calc(100% - 46px);
}

/* grid height in upper content in the modal dialog */
#fieldchooser_content_container .cat-container-master-detail .cat-container-master .cat-upper-content.cat-content-has-toolbar {
    height: calc(100% - 50px);
}


.cat-faceted-search-container, .cat-faceted-search-container > div, .cat-faceted-search-container > div > span:first-child {
    height: 100%;
    display: block;
}

    .cat-faceted-search-container > div:first-child {
        overflow-x: hidden;
        overflow-y: auto;
        height: calc(100vh - 140px);
    }

.cat-upper-content > span:first-child, .cat-lower-content > span:first-child {
    height: 100%;
    display: block;
}

.cat-upper-content.cat-content-has-toolbar tablr span.CatGridV3.cat-reload-onrefresh.cat-content-hastoolbar.cat-master-details {
    height: calc(100% + 44px);
}

.cat-lower-content.cat-content-has-toolbar > CatGridV3.cat-reload-onrefresh.cat-content-hastoolbar.cat-master-details {
    height: calc(100% - 1px);
}

.cat-sub-form > .cat-dataform, .cat-sub-form > .cat-upper-content {
    padding: 0px;
}

.cat-delete-items-text {
    font-style: italic;
    text-transform: uppercase;
}

.cat-tree .radio, .cat-tree .checkbox, .list-group-item > .checkbox {
    margin: 0;
    display: inline-block;
    /*margin-right: 5px !important;*/
}

.cat-tree .checkbox {
    margin-left: 5px;
}

.list-group-item .checkbox {
    margin-right: 15px;
}

.radio,
.checkbox {
    margin-top: 0px;
    margin-bottom: 0px;
}

.cat-tree .tvglyphicon {
    position: relative;
    top: 3px;
    bottom: 0px;
    margin-left: 2px;
}

.cat-vertical {
    margin-left: 0px;
    margin-right: 0px;
}

#TreeSearch > a {
    padding-right: 15px !important;
}

#TreeSearch > div + a {
    display: none;
}

#TreeSearch input {
    width: 310px;
}

#TreeSearch .pmd-textfield-focused {
    top: 25px;
    width: 310px;
}

/*.cat-treeview-search-result-container {
    max-height: 250px;
    overflow: auto;
}*/

.modal .cat-tree .radio, .modal .cat-tree .branch .checkbox {
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    /*top: 4px;
    left: 4px;*/
}

.modal .cat-tree .radio, .modal .cat-tree .cat-tree-isleaf .checkbox {
    top: 0;
    left: 0;
}


#tree_view_search_result {
    width: 100%;
    overflow: auto;
    flex-grow: 1;
}

    #tree_view_search_result .row {
        height: auto !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }

#cat-tab-content > .col-lg-3 {
    margin-left: -15px;
    padding-right: 0;
}

#cat-tab-content > .col-lg-9 {
    padding-left: 0;
}

#appconfig_content_container .cat-upper-content {
    padding-left: 5px !important;
}

#fieldchooser, #fieldchooser > div, #fieldchooser_tree, #fieldchooser_content_container,
#cat-tab-content, #cat-tab-content > div, #cat-tab-content_tree, #cat-tab-content_tree_container {
    height: 100%;
}

#fieldchooser_tree_container {
    height: calc(100% - 63px);
    overflow: auto;
}

#fieldchooser > div {
    padding: 0px;
}

#fieldchooser > .col-lg-9 {
    width: calc(75% - 4px);
}

#cat-tab-content_tree_container {
    height: calc(100% - 86px);
    overflow: auto;
}

#searchinput_fieldchooser {
    width: calc(100% - 94px);
    padding: 0px;
}

    #searchinput_fieldchooser > a > span > div {
        padding-left: 0px !important;
    }

    #searchinput_fieldchooser > a {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    #searchinput_fieldchooser .input-group-addon {
        padding-right: 0px;
    }

#fieldchooser_tree_toolbar #searchinput_input_icon {
    cursor: default;
}

#fieldchooser_tree_toolbar .input-group-addon {
    pointer-events: none;
}

/*#searchinput div.input-group {
    top: -8px;
    width: 100%;
}

#searchinput > a {
    padding-top: 0px;
    padding-bottom: 0px;
}

#searchinput .form-group {
    margin: 4px;
    top: 8px;
}

#searchinput .input-group-btn {
    top: 8px;
}*/
#searchinput > a {
    padding: 5px;
}

.cat-tree-popup-container {
    overflow: auto;
    height: calc(100% - 70px);
}

#cat_dialog_content_list {
    max-height: 200px;
    overflow-y: auto;
}

.cat-content-loader {
    border: 12px solid #f3f3f3;
    border-radius: 50% !important;
    border-top: 12px solid #3498db;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: auto;
    left: 0;
    right: 0;
    top: 200px;
    bottom: 0;
    position: absolute;
}

#cat-loader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2000;
}

    #cat-loader > span {
        font-size: 140%;
        font-weight: bold;
    }


.loader2 {
    -webkit-animation: turner 4s infinite linear;
    animation: turner 4s infinite linear;
}

@keyframes turner {
    from {
        transform: rotateY(0deg);
    }

    to {
        transform: rotateY(360deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

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

    100% {
        transform: rotate(360deg);
    }
}

.grid-container {
    padding-left: 10px;
}

.cat-hyperlink-editor {
    top: 2px !important;
    display: flex;
}

.CatGridV3 .cat-hyperlink-editor {
    max-height: 30px;
}


.cat-hyperlink-editor > a {
    margin-bottom: 2px;
}

.cat-hyperlink-editor:not(.disabled) > a {
    width: calc(100% - 47px);
}

.cat-hyperlink-editor > a > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inherit;
}

.cat-hyperlink-editor .edithyperlink {
    position: relative;
    padding-bottom: 0px;
    width: 45px;
    cursor: pointer;
    border: #fff;
    background-color: #fff;
    outline: none;
}

    .cat-hyperlink-editor .edithyperlink:hover {
        background-color: #e5e5e5;
    }

    .cat-hyperlink-editor .edithyperlink > i {
        position: relative;
        top: 2px;
    }

.modal-dialog.cat-iframe .modal-body {
    position: relative;
    top: -15px;
    /*margin-bottom: -28px;*/
    margin-bottom: -15px;
}

    .modal-dialog.cat-iframe .modal-body .row {
        max-width: calc(100% + 30px);
    }

.cat-tree-pivot-graph-panel-container {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    display: inline-block;
    vertical-align: bottom;
    list-style: none;
}

ul.cat-tree-pivot-graph-panel-container, ul.cat-tree-pivot-graph-panel-container li {
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
}

.cat-tree-pivot-graph-panel-container > li {
    margin-right: 20px;
    float: left;
}

.cat-tree-pivot-graph-panel {
    width: 185px;
    max-height: 350px;
    min-height: 200px;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-top: 1px solid gray;
    direction: rtl;
    margin: 0px;
    padding: 0px;
}

ul.cat-tree-pivot-graph-panel, ul.cat-tree-pivot-graph-panel li {
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    list-style: none;
}

.cat-tree-pivot-graph-panel .cat-tree-pivot-graph-square {
    height: 20px;
    width: 20px;
    border: 1px solid white;
    float: left;
    background-color: antiquewhite;
    list-style: none;
}

.cat-tree-pivot-graph-square:hover, .cat-tree-pivot-graph-square:active {
    border: solid 1px;
    box-sizing: border-box;
}


.cat-process-nav {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 75px 130px 150px 150px 150px 150px 150px 150px 180px;
    grid-template-columns: 75px 130px 150px 150px 150px 150px 150px 150px 180px;
    -ms-grid-rows: 1fr;
    grid-gap: 40px;
    align-content: space-between;
    background-color: #fff;
    color: #444;
    justify-content: center;
}

.cat-process-nav-1 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 150px 150px 150px 150px 150px 150px 150px 150px 75px;
    grid-template-columns: 150px 150px 150px 150px 150px 150px 150px 150px 75px;
    -ms-grid-rows: 1fr;
    grid-gap: 40px;
    align-content: space-between;
    background-color: #fff;
    color: #444;
    justify-content: center;
}

.cat-process-nav .row {
    width: calc(100% + 15px);
    padding: 0 0 0 15px;
}

.cat-process-nav-item {
    border-radius: 5px;
    cursor: pointer;
    border-color: #cecece;
    display: block;
    color: #cecece;
}

/* explicit grid: fix for IE11 grid items */
/* 8 items in the first row */
.nav-item-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.nav-item-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}

.nav-item-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.nav-item-4 {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
}

.nav-item-5 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}

.nav-item-6 {
    -ms-grid-row: 1;
    -ms-grid-column: 6;
}

.nav-item-7 {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
}

.nav-item-8 {
    -ms-grid-row: 1;
    -ms-grid-column: 8;
}

.nav-item-9 {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
}

/* 8 items in the ´second row */
.nav-item-subcontainer-1 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
}

.nav-item-subcontainer-2 {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
}

.nav-item-subcontainer-3 {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
}

.nav-item-subcontainer-4 {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
}

.nav-item-subcontainer-5 {
    -ms-grid-row: 2;
    -ms-grid-column: 5;
}

.nav-item-subcontainer-6 {
    -ms-grid-row: 2;
    -ms-grid-column: 6;
}

.nav-item-subcontainer-7 {
    -ms-grid-row: 2;
    -ms-grid-column: 7;
}

.nav-item-subcontainer-8 {
    -ms-grid-row: 2;
    -ms-grid-column: 8;
}

.nav-item-subcontainer-9 {
    -ms-grid-row: 2;
    -ms-grid-column: 9;
}

.cat-process-nav-item:hover {
    border-color: #032f5c !important;
    color: #032f5c !important;
}

.cat-process-nav-item.active > div > i {
    color: inherit;
}

.cat-circle-border {
    border: 8px solid;
    border-color: inherit;
    height: 130px;
    border-radius: 50% !important;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 130px;
}

/* SVe remove minus margin from original .row (grid-framework.less), because we need spaces between date fields in Process tab */
.nav-item-1.row,
.nav-item-2.row,
.nav-item-3.row,
.nav-item-4.row,
.nav-item-5.row,
.nav-item-6.row,
.nav-item-7.row,
.nav-item-8.row,
.nav-item-9.row {
    margin-left: 15px !important;
    margin-right: 15px !important;
}



.cat-checkbox-right .checkbox {
    float: right;
}

.progress-bar.progress-bar-info .cat-autorun {
    position: absolute;
    -webkit-animation: linear infinite alternate;
    -webkit-animation-name: run;
    -webkit-animation-duration: 5s;
}

@-webkit-keyframes run {
    0% {
        left: 0;
    }

    50% {
        left: 100%;
    }

    100% {
        left: 0;
    }
}


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

.html2canvas-container {
    /*width: 2000px !important;*/
    height: 6000px !important;
}