.context-container { height: 100%; overflow: hidden; } .container-layout { height: 100%; overflow: auto; display: none; }

.row-layout { width: 100%; display: flex; }
.row-layout-75 { width: 75%; }
.row-layout-70 { width: 70%; }
.row-layout-50 { width: 50%; }
.row-layout-30 { width: 30%; padding-left: 1em; }
.row-layout-25 { width: 25%; }

.nowrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mobile-layout { display: none; }
.operation-layout { overflow: auto; }

.additional-info { cursor: pointer; font-size: 0.6em; margin-left: 0.5em; top: 0; }
.additional-info:hover { color: orange; }

.search-layout, .block-layout { border-radius: 0.5em; background: #f1f1f1; padding: 2em; }
.block-layout { margin-top: 1em; } .block-layout h4 { margin: 0; padding: 0; }
.block-layout .block-context { border-radius: 0.5em; }
.block-layout .block-context:first-child { margin-top: 0em; }
.block-layout .number { font-size: 1.5em; color: orange; margin: 0 0.3em; }

.block-context .block-item { display: flex; border-radius: 0.5em; background: white; margin-top: 1em; border: 1px solid white; }
.block-context .block-item h4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.block-context .block-item .item-block { padding: 2em 0em; }
.block-context .block-item .item-block.sxwfxw:hover { background: #f1f1f1; cursor: pointer; }
.block-context .block-item .item-block.glzt:hover { background: #f1f1f1; cursor: pointer; }
.block-context .block-item .item-context { border-right: 1px solid #f1f1f1; padding: 0 2em; }
.block-context .block-item .item-context h4 { margin-bottom: 10px; }
.block-context .block-item .item-context .task-type { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 0.5em; height: 3em; padding: 0.75em 1em; background: green; color: white; margin-right: 0.5em; font-size: 0.6em; }

.sub-task-list { margin-bottom: 1em; }
.sub-task-list .sub-task-title { display: flex; font-weight: bold; }
.sub-task-list .sub-task-title > div { padding: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sub-task-list .sub-task-title > div:nth-child(1) { width: 15%; text-align: center; border-left: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; }
.sub-task-list .sub-task-title > div:nth-child(2) { width: 70%; text-align: center; border-top: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; }
.sub-task-list .sub-task-title > div:nth-child(3) { width: 15%; text-align: center; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; }
.sub-task-list .sub-task-item { display: flex; cursor: pointer; }
.sub-task-list .sub-task-item:hover { background: #f1f1f1; }
.sub-task-list .sub-task-item > div { padding: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sub-task-list .sub-task-item > div:nth-child(1) { width: 15%; text-align: center; border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; }
.sub-task-list .sub-task-item > div:nth-child(2) { width: 70%; border-right: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; }
.sub-task-list .sub-task-item > div:nth-child(3) { width: 15%; text-align: center; border-bottom: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; }

.records-pagination { float: right; line-height: 2em; }
.records-pagination .curpage { border-radius: 0.8em; padding: 0.5em 1em; background: white; }

.operation-outcome { display: none; }
.form-group { margin: 0; }
.operation-context { margin-top: 2em; }
.operation-context .form-group { margin-bottom: 15px; white-space: wrap; }

.define-illegal-act-model { text-align: center; border-top: 1px solid white; margin-bottom: 1em; }
.define-illegal-act-model-more { padding: 0.6em 2em; border-radius: 0em 0em 0.5em 0.5em; background: white; display: inline-block; cursor: pointer; }
.define-illegal-act-model-more:hover { color: orange; }
.define-illegal-act-model-layout { display: none; }

.btn-query-tasks { background: green; color: white; }
.btn-reset-tasks:hover { background: #e1e1e1 !important; color: black; }
.nav-button { margin-top: -6.6rem; }
			
.dropdown { position: relative; display: inline-block; width: 100%; }
.dropdown-input { width: 100%; cursor: pointer; }
.dropdown-content { display: none; position: absolute; max-height: 30em; overflow-x: hidden; overflow-y: auto; background-color: #f9f9f9; width: 100%; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
.dropdown-option { padding: 1em 2em; cursor: pointer; white-space: nowrap; }
.dropdown-option:hover { background-color: #f1f1f1; }
.dropdown-option .extend { cursor: pointer; padding: 0 0.5em; display: inline-block; }
.dropdown-option .extend:hover { color: orange; }
.dropdown-content a { color: black; text-decoration: none; display: block; }
.dropdown-content a:hover { background-color: #ddd; }
.dropdown:hover .dropdown-content { display: block; }

.switch-button { padding: 1em 2em; font-size: 1em; background: white; border: none; white-space: nowrap; }
.switch-button:hover { background: orange; color: white; }
.switch-button.selected { background: orange; }