body,
html {
    height: 100%;
    margin: 0;
    background: #e7e7e7;
}

.main-body {
    /**First load**/
    display: none;
    flex-flow: column;
    min-height: 100%;
}


.bg-white-mode {
    background-color: #e7e7e7 !important;
}

.bg-dark-mode {
    background-color: #545454 !important;
}

.invert {
    filter: invert(100%);
}

.btn-circle {
    border-radius: 1rem;
    height: 2rem;
    width: 2rem;
}

.main-tabs {
    background-color: #858585 !important;
    color: white;
    font-size: 0.9rem;
    padding: 1px 8px;
    border: 1px solid black;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    text-decoration: none;
    cursor: pointer;
}

.main-tabs:hover,
.main-tabs-active {
    background-color: #f8f7f7 !important;
    color: black;
    border-color: black black transparent;
}

.main-tabs:focus {
    outline: none;
}

.main-tabs-modes {
    background-color: #A5C4C1 !important;
    color: black;
}

.main-tabs-modes:hover,
.main-tabs-modes-active {
    background-color: #81B5CC !important;
    color: black;
    border-color: black black transparent;
}

.no-outline:focus,
.uib-monthpicker {
    outline: none !important;
}

td.no-outline>*:focus {
    outline: none !important;
}

.dialog-tabs {
    background-color: #858585 !important;
    color: white;
    font-size: 1rem;
    padding: 1px 8px;
    border: 1px solid black;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    text-decoration: none;
    cursor: pointer;
}

.dialog-tabs:hover,
.dialog-tabs-active {
    background-color: white !important;
    color: black;
    border-color: black black transparent;
}

.dialog-tabs:focus {
    outline: none;
}

.tab-group {
    padding-right: 1px;
    padding-left: 1px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-top: 1px solid;
    border-radius: 0.25rem 0.25rem 0px 0px;
}

.tab_group_null,
.tab_group_ {
    border: none !important;
}

.border-black {
    border-color: black !important;
}

.navbar {
    padding: 0.25rem;
    background-color: #282c31aa !important;
    display: block !important;
    flex-wrap: unset !important;
    align-items: unset !important;
    justify-content: unset !important;
}

.header-logo {
    height: 100%;
}

.header-logo img {
    object-fit: contain;
    height: 100%;
}

.login-logo {
    display: block;
    object-fit: contain;
    margin: 1rem auto;
    height: 7rem;
    width: 10rem;
}

.row {
    margin-right: unset;
    margin-left: unset;
}

.input-group {
    width: unset !important;
}

.container {
    padding-right: unset;
    padding-left: unset;
}

.btn-sm {
    padding: 0.15rem 0.3rem;
    line-height: 1.75;
}

.btn-min-w {
    min-width: 5rem;
}

.tab-min-w {
    min-width: 4rem;
}

.navbar-type {
    color: lightgray;
    font-size: 1.1rem;
}

.navbar-type.active,
.navbar-type:hover {
    color: white;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.menu-module-toggle {
    font-weight: 600;
    border-radius: 0.2rem;
}

.navbar .menu-module-toggle {
    background: unset !important;
    border: none !important;
    color: #fcfcfc;
}

.navbar .menu-module-toggle:focus {
    outline: none !important;
    color: #c4c4c4 !important;
    filter: unset !important;
}

.navbar .menu-module-toggle:active,
.navbar .menu-module-toggle.active,
.navbar .menu-module-toggle:hover {
    color: #c4c4c4 !important;
    filter: unset !important;
}

.btn-border {
    border: 1px solid black;
}

.dropdown-item {
    padding: 0.1rem 0.75rem;

}

.no-decoration,
.no-decoration:hover {
    color: black;
    text-decoration: none;
    ;
}

.a-disabled:hover {
    text-decoration: none;
    cursor: not-allowed;
}


.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #e1e1e1;
}

.dropdown-divider {
    margin: 0.25rem 0px;
}


.menu-process-pretoggle {
    border-style: solid;
    border-color: grey;
    border-width: 0px 0px 1px 1px;
    font-weight: 600;
    display: inline-block;
    align-items: center;
    display: flex;
    font-size: 0.875rem;
    border-radius: 0.2rem 0rem 0rem 0.2rem;
}

.menu-process-toggle {
    font-weight: 600;
    border-radius: 0rem 0.2rem 0.2rem 0rem;
}

.menu-process-toggle .task-name {
    padding: 0px 4px;
}


.menu-process-dropdown {
    width: auto;
    min-width: unset;
    padding: 0.25rem 0px;
    margin: 0px;
    box-shadow: 0rem 0.5rem 1rem 0.3rem #3b3b3b;
}

.menu-process-item {
    position: relative;
    padding-left: 1.5rem !important;
}

.menu-process-item-count {
    position: absolute;
    left: 2px;
    top: 0px;
    font-weight: 600;
    font-size: 0.8rem;
}

.adv-typeahead {
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    background-color: #f9f9f9;
}

.adv-typeahead-right .adv-typeahead {
    right: 2rem !important;
    left: unset !important;
}

.adv-typeahead>.message {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    color: #868686;
}

.adv-typeahead>.dropdown-menu {
    overflow-y: auto;
    max-height: 20rem;
    position: static;
    float: none;
    display: block;
    min-width: 160px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: 0rem 1rem 0.75rem 0.3rem #606060;
}

.adv-typeahead .adv-typeahead-group>.dropdown-item {
    font-weight: 600 !important;
    text-align: center !important;
}

.adv-typeahead .dropdown-item {
    max-width: 40rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.uib-typeahead-match.active {
    background-color: #d7e7f3;
}

.small-popups {
    position: fixed;
    bottom: 0.25rem;
    right: 0.25rem;
    z-index: 10000;
}

.small-popups .ng-enter,
.small-popups .ng-leave {
    -webkit-transition: 0.2s linear all;
    transition: 0.2s linear all;
}

.small-popups .ng-enter,
.small-popups .ng-leave.ng-leave-active {
    opacity: 0;
}

.small-popups .ng-leave,
.small-popups .ng-enter.ng-enter-active {
    opacity: 1;
}

.page-link {
    color: black;
}

.label {
    text-align: center;
    border: 1px solid black;
    border-radius: 0.25rem;
    padding: 0.1rem 0.25rem;
}

/*div[uib-dropdown]:hover > .dropdown-menu {
    display: block;
  }*/
.loader-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #e7e7e750;
}

.loader-classic {
    position: fixed;
    width: 5rem;
    top: 50%;
    left: 50%;
    z-index: 9999;
    margin-top: -2.5rem;
    margin-left: -2.5rem;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.loader-main {
    position: fixed;
    width: 10rem;
    top: 50%;
    left: 50%;
    z-index: 9999;
    margin-top: -5rem;
    margin-left: -5rem;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.fixed-task-header {
    position: fixed;
    margin-left: 0px;
    left: 0;
    right: 0;
    padding: 0.25rem 0.75rem !important;
    z-index: 10;
    background-color: #282c31aa !important;
    color: #DEDEDE !important;
}

.fixed-task-header .input-header-time input,
.fixed-task-header .input-header-time td {
    color: #DEDEDE !important;
}

.fixed-task-header h5 {
    margin-bottom: 0px !important;
    line-height: 1.5;
}

/* .fixed-task-header::after {
    position: static;
    content: "";
    height: 2rem;
    width: 100%;
    background-color: #dadada !important;
} */
/* 
.loader-main #mainLoaderStatus {
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 10rem;
    font-size: 1.5rem;
    padding-left: 0.5rem;
}

.loader-main .spinner-grow {
    width: 10rem;
    height: 10rem;
    background-color: #0BBCB6 !important;
    -webkit-animation: spinner-grow 1.5s linear infinite;
    animation: spinner-grow 1.5s linear infinite;
    opacity: 1;
} */

.loaderPopupErr {
    position: fixed;
    top: 20%;
    z-index: 99999;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    width: max-content;
}

.contextMenu {
    position: absolute;
    z-index: 1050;

    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    padding: 0.25rem 0px;
    margin: 0px;
    box-shadow: 0rem 0.5rem 1rem 0.3rem #3b3b3b;
}

.taskContainer .row {
    padding: 0.25rem;
    align-items: center;
}

.taskContainer label {
    margin-bottom: 0px;
}

.select-task-groups .is-group {
    font-weight: bold;
}

.select-task-groups .text-right {
    direction: rtl;
}

.search-task-states .is-group {
    font-weight: bold;
}

.search-task-states .text-right {
    text-align: right;
    direction: rtl;
}

.dropdown-assign .list {
    max-height: 30rem;
    overflow-y: auto;
}

.overflow-y {
    overflow-y: auto;
}

.dropdown-assign .is-group {
    font-weight: bold;
}

.dropdown-assign .is-user {
    text-align: center;
}

.main-filters-min {
    width: 1.75rem;
    height: 10rem;
    border: 1px solid black;
    border-radius: 0% 0.5rem 0.5rem 0%;
    cursor: pointer;
}

.main-cols {
    width: 1.75rem;
    border: 1px solid black;
    border-radius: 0% 0.5rem 0.5rem 0%;
    cursor: pointer;
}


.main-excel {
    width: 1.75rem;
    height: 6rem;
    border: 1px solid black;
    border-radius: 0% 0.5rem 0.5rem 0%;
    cursor: pointer;
}

.main-pdf {
    width: 1.75rem;
    height: 5rem;
    border: 1px solid black;
    border-radius: 0% 0.5rem 0.5rem 0%;
    cursor: pointer;
}

.main-filters-min:hover,
.main-excel:hover,
.main-pdf:hover {
    filter: brightness(80%);
}

.main-filters-div {
    position: absolute;
    z-index: 800;
    box-shadow: 0.5rem 0.5rem 1rem 0.3rem #3b3b3b;
}

.main-td-limit div {
    white-space: nowrap;
    max-width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.td-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.row-ellipsis div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.td-a-black th a {
    color: black !important;
}

.color-th-yellow input:enabled,
.color-th-yellow select:enabled {
    background-color: #fcff4630 !important;
}

.items-count {
    font-size: 0.9rem;
    text-align: right;
    padding: 0 2px;
}

.direction-rtl {
    direction: rtl !important;
}

.position-sticky th {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0;
    background-color: #ebeaea;
}

.modal-subtask-border {
    border-radius: 0.25rem;
    border: 1px solid black;
    box-shadow: 0rem 0rem 1rem 0.3rem #3b3b3b;
}

.modal-subtask .modal-content {
    background-color: unset !important;
    border-radius: unset !important;
    border: unset !important;
}

.form-control {
    height: calc(1.8125rem + 2px);
    padding: 0.25rem 0.35rem;
    font-size: 0.875rem;
    line-height: 1;
    border-radius: 0.2rem;
}

.form-control-text {
    height: calc(1.8125rem + 2px);
    padding: 0.25rem 0.35rem;
}

.form-control-small {
    height: calc(1.5rem + 2px);
    padding: 1px 2px;
    font-size: 0.875rem;
    line-height: 1;
    border-radius: 0.2rem;
}

.input-trans {
    border-left: unset !important;
    border-top: unset !important;
    border-right: unset !important;
    border-bottom: 1px solid grey !important;
    border-radius: 0 !important;
    background-color: unset !important;
}

.input-trans:focus {
    outline: unset !important;
}

h6 {

    font-size: 1.125rem;
}

th {
    font-weight: 600 !important;
}

.font-weight-bolder {
    font-weight: 600 !important;
}


textarea.form-control {
    line-height: 1.2;
    min-height: 2rem;
}

.nav-tabs .nav-link {
    background-color: #858585 !important;
    border-color: transparent;
    border-color: black;
    color: white !important;
    font-size: 0.9rem;
    padding: 4px 8px;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #e9ecef #e9ecef black;
}

.nav-tabs .nav-link.active {
    background-color: #f8f7f7 !important;
    border-color: black black transparent;
    color: black !important;
    border-width: 1.2px;
}

.nav-tabs {
    border-bottom: 1px solid black;
}

.tab-border {
    border-style: solid;
    border-width: 1px;
    border-color: black;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.mb--1px {
    margin-bottom: -1px;
}

.overflow-x {
    overflow-x: auto;
}

.overflow-dynamic {
    overflow: auto hidden;
}

.inside-dynamic {
    padding-bottom: 1rem;
}

input:required,
select:required,
textarea:required,
div[contenteditable="true"].div-required,
.like-required {
    background-color: lightyellow !important;
}


input:disabled:not(.form-control-none),
select:disabled:not(.form-control-none),
textarea:disabled:not(.form-control-none),
.bg-disabled {
    color: black;
    background-color: #edf5fc !important;
}

.tds-crossed,
.text-crossed {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid black;
}

.table {
    min-width: 100%;
}

.baseTable {
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: auto;
}

.form-control-unset {
    width: unset;
    height: unset;
    padding: unset;
    line-height: unset;
}

/*
.baseTable tbody {
    display: table !important;
    width: 100%;
}*/


.baseTable th+th {
    width: auto;
}

.baseTable thead input {
    display: block;
    width: 100%;
    font-size: 0.8rem;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 1px 2px;
}

.baseTable .form-control:focus,
.btn:focus {
    outline: -webkit-focus-ring-color auto 1px;
    box-shadow: unset;
    outline-offset: -2px;
}

.baseTable .datefield {
    border: 0px;
}

.baseTable .datefield .btn-outline-secondary {
    font-size: 0.8rem;
}

.baseTable .datefield .btn-outline-secondary span {
    font-size: 0.8rem;
    vertical-align: middle;
}

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

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

.baseTable thead .datefield input,
.baseTable thead .dropdown-menu input {
    border-radius: 0.25rem;
    line-height: 0.8em;
    height: auto;
    padding: 2px;
}

.datefield>input,
.datefield>.input-group-append {
    position: unset !important;
}

.baseTable .search-task-states {
    font-size: 0.8rem;
    line-height: 0.8em;
    height: auto;
    padding: 1px;
}

.baseTable td {
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 2px 4px;
    vertical-align: middle !important;
}

.baseTable th {
    padding: 2px 4px;
    vertical-align: middle !important;
}

.baseTable .td-edit-btn {
    padding: 1px 4px;
}

.table-center {
    min-width: unset !important;
    width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.table-hover tbody tr:hover {
    background-color: #9fcdff !important;
}

.div-hover:hover {
    background-color: #9fcdff !important;
}

.border-top-grey {
    border-top: 1px solid rgb(222, 226, 230);
}

.border-bottom-grey {
    border-bottom: 1px solid rgb(222, 226, 230);
}

.border-right-grey {
    border-right: 1px solid rgb(222, 226, 230);
}

.baseTable a,
.a {
    color: #495057;
}


.w-fit {
    width: fit-content !important;
}

.h-fit {
    height: fit-content !important;
}

.mainTable thead tr:hover {
    background-color: transparent !important;
}

.btn-outline-secondary {
    border-color: #ced4da;
}

.uib-datepicker-popup,
.uib-datepicker-popup .btn-sm,
.uib-datepicker-popup .h6 {
    font-size: 0.75rem !important;
}

.uib-datepicker-popup .btn-sm {
    padding: 0 4px !important;
}

.uib-weeks td {
    padding: 1px !important;
}

.uib-weeks td button {
    padding: 2px 4px !important;
}

.uib-weeks .text-muted {
    color: rgb(74, 74, 74) !important;
}

.uib-weeks td:nth-last-child(-n+2) button {
    background-color: #b6b7b8;
}

.uib-button-bar button {
    padding: 2px 4px !important;
    background-color: #DEDEDE !important;

}

.datepicker-sm {
    line-height: 0.7rem !important;
}

.datepicker-sm td,
.datepicker-sm th {
    border: 0px !important;
    padding: 1px !important;
}

.datepicker-sm button {
    font-size: 0.75rem !important;
    padding: 1px !important;
    line-height: 1rem !important;
}

.typeahead-left ul.dropdown-menu {
    left: 0px !important;
    overflow-x: hidden !important;
    right: 0px !important;
}

/*
.uib-button-bar button {
    padding: 2px 4px !important;
    background-color: #6c757d;
    border-color: #6c757d;
}

.uib-button-bar button:nth-child(1) {
    background-color: #5a6268;
}

.uib-button-bar button:hover {
    background-color: #5a6268;
    border-color: #545b62;
}*/

.uib-daypicker thead button {
    padding: 2px 4px !important;
}

/*
.uib-weeks td {
    padding: 0px !important;
    background-color: white !important;
}

.uib-weeks td button {
    background-color: white;
    color: black !important;
    font-weight: bold;
}

.uib-weeks .text-info {
    background-color: #117b8b7d;
    color: black !important;
    border-radius: 40%;

}

.uib-weeks td:nth-last-child(-n+2) button {
    background-color: lightsalmon;
}

.uib-weeks td button:active,
.uib-weeks td button:focus,
.uib-weeks td button:hover,
.uib-weeks .btn-info {
    background-color: #117a8b !important;
}*/
.color-red {
    color: #ff3a4e;
}

.task-red,
.row-red td {
    background-color: #dc35468b;
}

.task-yellow {
    background-color: #dcd1358b;
}

.task-sub {
    background-color: #ebece2;
}

.task-blue {
    background-color: #9fcdff;
}

.task-green {
    background-color: #28a74684;
}

.task-click {
    background-color: #9fcdff !important;
    cursor: pointer;
}

.con-click {
    box-shadow: 0rem 0rem 0.5rem 0.1rem #2196F3;
    cursor: pointer;
}

.con-card {
    margin: 0.25rem;
    border-radius: 0.25rem;
    border: 1px solid black;
    background-color: unset;
    padding: 0;
}

.con-card:hover {
    color: unset;
    text-decoration: unset;
}

.comp-head {
    width: 100%;
    border-radius: 0.25rem 0.25rem 0rem 0rem;
    background-color: #858585;
    color: white;
    /*font-size: 1.2rem;*/
    padding: 0.25rem;
    text-align: center;
}

.no-card-head .comp-head {
    display: none !important;
}

.comp-body {
    padding: 0.25rem;
    border-radius: 0 0 0.25rem 0.25rem;
    background-color: #f8f7f7;
}


.comp-wrap {
    width: 100%;
    margin-bottom: 0.50rem;
    border-radius: 0.25rem;
    border: 1px solid black;
    background-color: unset;
}

.main-task-top td,
.border-top td {
    border-top: 1px solid black;
}


.global-evidence input {
    padding: 2px 4px !important;
    height: auto;
}

.global-evidence select {
    padding: 1px 4px !important;
    height: auto;
    line-height: 14px;
}

.global-evidence .btn {
    padding: 1px 6px !important;
    height: auto;
    line-height: 14px;
}

.global-evidence .material-icons {
    font-size: 22px;
    width: 22px !important;
    vertical-align: sub;
}


.input-header-time input {
    border: none !important;
    background: none !important;
    color: white;
    width: 1.25rem !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    padding: 0px !important;
}

.input-header-time table {
    padding: 0px !important;
}

.input-header-time .uib-separator {
    color: white;
}

.dialog-ge {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.dialog-ge .input-header-time input,
.dialog-ge .input-header-time .uib-separator {
    color: black;
}

.dialog-ge form {
    width: 100%;
}

.dialog-ge .btn-ge-evid {
    display: none !important;
}

.dialog-ge .btns-ge-start {
    margin-right: 0.25rem !important;
}

.input-header-time.text-warning input,
.input-header-time.text-warning .uib-separator {
    color: #F7DE77 !important;
}

.form-control-line {
    background-color: unset !important;
    border-top: unset;
    border-left: unset;
    border-right: unset;
    border-bottom: 2px solid black;
    border-radius: unset;
}

.navbar .form-control-line {
    border-color: #DEDEDE !important;
    color: white !important;
}


.right-divs-on-document {
    padding-left: 0.25rem;
    border-left: 1px solid black !important;
}

.right-divs-on-document {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline;
    padding-left: unset !important;
    flex: unset !important;
    border-left: unset !important;
    max-width: unset !important;
}

.right-divs-on-document .comp-superwrap-right {
    padding-right: 0.25rem;
}

.right-divs-alone .comp-superwrap-right {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.hover-border {
    border-radius: 0.25rem;
    border: 1px solid transparent !important;
}

.hover-border:hover {
    border: 1px solid black !important;
}

.list-adv-filters {
    max-width: 15rem;
}

.file-drop {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    padding: 1rem;
    display: none;
}

.file-drop div {
    font-size: 2rem;
    width: 100%;
    height: 100%;
    background: #DEDEDE90;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2rem;
    border-width: 1rem;
    border-color: #81B5CC;
    border-style: dashed;
}

.file-drop-abs {
    padding: 0.25rem;
    position: absolute;
    top: 0;
    left: 0;
}

.file-drop-abs div {
    font-size: 1rem;
    border-radius: 1rem;
    border-width: 0.25rem;
    background: #DEDEDE;
    border-color: #81B5CC;
    border-style: dashed;
}

.file-drop-static-text {
    flex: 1 1;
    font-size: .8rem;
    line-height: 1.75rem;
    text-align: center;
    border-radius: 0.25rem;
    border-width: 1px;
    border-color: lightgrey;
    border-style: solid;
    padding: 0rem 0.25rem;
}

tr.drop-active {
    border-top: 2px solid black;
}

/* .drop-div.drop-active {
    background-color: #81B5CC !important;
} */

/*
tr.drop-active:active {
    cursor: grabbing;
}

.drop-impossible:active {
   cursor: no-drop;
}*/

.ql-editor-details .ql-editor {
    min-height: 5rem;
    max-height: 80vh;
    word-break: break-word;
}

.searchDropdown {
    height: auto;
    max-height: 20rem;
    overflow-x: hidden;
}


.modal-full {
    width: 95%;
    max-width: 1600px;
}

.ql-prehide:not(.ql-toolbar) {
    display: none !important;
}

.footer-version {
    font-size: 0.8rem;
    padding-right: 0.25rem;
    color: #212529;
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-items: flex-end;
}

.footer-version a {
    color: #212529;
}


.text-black,
td.text-black>a {
    color: black !important;
}

.text-red {
    color: red !important;
}


.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.025);
}

.div-striped div:nth-child(4n),
.div-striped div:nth-child(4n - 1),
.table-striped-two tbody tr:nth-of-type(4n):not(.no-striped),
.table-striped-two tbody tr:nth-of-type(4n-1):not(.no-striped) {
    background-color: rgba(0, 0, 0, 0.025);
}

.table-striped-two-dark tbody tr:nth-of-type(4n):not(.no-striped),
.table-striped-two-dark tbody tr:nth-of-type(4n-1):not(.no-striped) {
    background-color: rgba(0, 0, 0, 0.025);
}

.searchDropdown .dropdown-item {
    padding: 3px;
}

.text-grey {
    font-size: 0.8rem;
    color: darkgrey;
}

.w-auto {
    width: auto !important;
    max-width: 100%;
}

.w-1prc {
    width: 1%;
}

.list-subtask-wrap,
.list-subtask-wrap:hover {
    background-color: unset !important;
}

.cursor:hover {
    cursor: pointer;
}

.w-max-content {
    width: max-content;
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content;
}

.flex-1 {
    flex: 1;
}

.margin-tb {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.margin-lr {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.size-0 {
    width: 1px;
    height: 1px;
    opacity: 0;
    padding: 0px !important;
    border: none !important;
}

.text-white-black {
    color: white;
}

.text-white-black:hover,
.text-white-black:active {
    color: black;
}

.table-layout-fixed {
    table-layout: fixed;
}

.padding-lr-3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.padding-lr-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.bg-light {
    background-color: #f8f7f7 !important;
}

.like-password {
    -webkit-text-security: disc;
}

.flex-twin {
    display: flex !important;
    align-items: center;
}

.flex-twin span,
.flex-twin input,
.flex-twin div {
    flex: 1;
}

.flex-twin label {
    margin-bottom: 0px;
}

.font-07 {
    font-size: 0.7rem;
}

.font-08 {
    font-size: 0.8rem;
}

.font-09 {
    font-size: 0.9rem;
}

.font-1 {
    font-size: 1rem;
}

.font-11 {
    font-size: 1.1rem;
}

.message-alert {
    color: #ffffff !important;
    background-color: #f63d51;
    box-shadow: 0rem 0rem 6px 5px #ff3a4e;
    border-radius: 6px;
}

.message-alert-new {
    font-weight: 500;
}

.message-alert-mark {
    color: darkgray;
}

.message-alert-mark:hover {
    text-decoration: underline;
}

.priority-mark {
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1rem;
    vertical-align: sub;
}

.dialog-list-pill {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 0.8rem;
    margin: 0px 0.2rem;
    white-space: nowrap;
    border-radius: 0.25rem;
}


.form-control-none,
.form-control-none input {
    border: unset !important;
    background-color: unset !important;
}

.form-control-none input:disabled {
    border: unset !important;
    background-color: unset !important;
}

.form-control-none input:disabled:hover {
    cursor: not-allowed !important;
}

.label-search-pill {
    padding: 1px 6px;
    font-size: 14px;
    margin: 0px 2px;
    white-space: nowrap;
    border-radius: 5rem;
    background-color: #81B5CC !important;
}

.label-search-pill.static-filter-off {
    background-color: #b3b3b3 !important;
}

.label-search-pill.static-filter-on {
    background-color: #b3ecc1 !important;
}

.label-search::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #a2a2a2;
    text-align: center;
    opacity: 1;
    /* Firefox */
}

.label-search:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #a2a2a2;
    text-align: center;
}

.label-search::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #a2a2a2;
    text-align: center;
}

.rotate-text {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.tableCart {
    width: 100%;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: auto;
    border-collapse: separate;
}

.tableCart tbody {
    width: 100%;
}

.tableCart td {
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 2px;
}

.tableCart button {
    text-overflow: ellipsis;
    overflow: hidden;
}

/**
Switcher
**/
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 40px !important;
    height: 24px;
    margin-bottom: 0px;
    padding: 0;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 40px !important;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #2196F3;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:disabled+.slider {
    opacity: 0.6;
}


input:checked+.slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

.pepa-empty-item {
    border: none !important;
    background-color: transparent !important;
}

.pepa-talk-item {
    padding: 0.75rem 1.5rem;
    min-width: 20rem;
    margin-bottom: 1rem;
    width: max-content !important;
    max-width: 100%;
    font-size: 1.2rem;
    text-align: left;
}

.pepa-talk-anim-left {
    -webkit-animation: pepa-fade-left 0.3s ease-in;
    -moz-animation: pepa-fade-left 0.3s ease-in;
    animation: pepa-fade-left 0.3s ease-in;
}

@keyframes pepa-fade-left {
    from {
        opacity: 0;
        left: -100px;
    }

    to {
        opacity: 1;
        left: 0;
    }
}

.pepa-talk-anim-right {
    -webkit-animation: pepa-fade-right 0.3s ease-in;
    -moz-animation: pepa-fade-right 0.3s ease-in;
    animation: pepa-fade-right 0.3s ease-in;
}

@keyframes pepa-fade-right {
    from {
        opacity: 0;
        right: -100px;
    }

    to {
        opacity: 1;
        right: 0;
    }
}

@keyframes pepa-fade-out-right {
    from {
        opacity: 1;
        right: 0;
    }

    to {
        opacity: 0;
        right: -100px;
    }
}

.pepa-talk-left {
    position: relative;
    background-color: #A8DDFD;
    border-radius: 10px;
    display: flex;
    align-items: center;
}

.pepa-talk-left:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 15px solid #A8DDFD;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    top: 0;
    left: -15px;
}

.pepa-talk-right {
    position: relative;
    background-color: #fde6a8;
    border-radius: 10px;
    margin-left: auto;
}

.pepa-talk-right:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 15px solid #fde6a8;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    top: 0;
    right: -15px;
}

.pepa-talk-opt {
    padding: 0.25rem 0.5rem;
    min-width: 8rem;
    font-size: 1.2rem;
}

.pepa-img {
    display: block;
    object-fit: contain;
    height: 2.5rem;
    width: 2.5rem;
    margin-right: 0.5rem;
}

.table-no-border th,
.table-no-border td {
    border: none !important;
}


th[resizable],
td[resizable] {
    position: relative;
}

th[resizable]::after,
td[resizable]::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 4px;
    right: 0px;
    top: 0px;
    background-color: #dadada !important;
}

.dropdown-no-arrow::after {
    display: none !important;
    margin-left: 0em;
    vertical-align: 0em;
    border-width: 0px;
}

input.no-arrows::-webkit-outer-spin-button,
input.no-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.no-arrows {
    -moz-appearance: textfield;

}

select option:disabled {
    color: white;
    background-color: gray;
}

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                    supported by Chrome, Opera and Firefox */
}

/* Rounded sliders */
.slider.round {
    border-radius: 24px;
}

.slider.round:before {
    border-radius: 50%;
}


.left-border {
    border-left: 1px solid darkgray;
}

.loader-small {
    width: 21px;
    height: 20px;
    border: 1px solid #17a2b8;
    border-top-color: #ddd;
    border-radius: 50%;
    margin: 3px;
    -webkit-animation: spin 0.6s linear infinite;
    -moz-animation: spin 0.6s linear infinite;
    animation: spin 0.6s linear infinite;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.my-checkbox {
    width: auto;
    margin: 3px;
    max-width: 1.5rem;
    max-height: 1.5rem;
}

.fill-overflow {
    height: calc(100vh - 3rem);
}


/*COLORS*/
.btn {
    border-style: solid;
    border-width: 0px 1px 1px 0px !important;
    border-color: grey !important;
}

.btn-sx {
    padding: 0px !important;
    line-height: unset !important;
}

.btn:hover,
.btn.disabled,
.btn:disabled {
    filter: brightness(0.9);
    color: black;
}

.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active,
.show>.btn.dropdown-toggle {
    filter: brightness(0.8);
    color: black;
}

.btn:focus,
.btn.focus,
.btn:not(:disabled):not(.disabled):active:focus,
.btn:not(:disabled):not(.disabled).active:focus,
.show>.btn.dropdown-toggle:focus {
    box-shadow: none;
}

.bg-grey {
    color: black;
    background-color: #d6d6d6 !important;
}

.bg-primary,
.tab_group_requests,
.tab_group_all_users,
.btn-primary {
    color: black;
    background-color: #81B5CC !important;
}

.bg-success,
.btn-success {
    color: black;
    background-color: #b3ecc1 !important;
}

.bg-secondary,
.tab_group_null,
.btn-secondary {
    color: black;
    background-color: #DEDEDE !important;
}

.bg-info,
.btn-info,
.tab_group_tasks,
.tab_group_my,
.hover-info:hover {
    color: black;
    background-color: #A5C4C1 !important;
}

.bg-warning,
.btn-warning {
    color: black;
    background-color: #F7DE77 !important;
}

.text-warning {
    color: #F7DE77 !important;

}

.bg-orange,
.btn-orange {
    color: black;
    background-color: #f7b977 !important;
}


.bg-danger,
.btn-danger {
    color: black;
    background-color: #f5919b !important;
}

/*////////////////////////////////////////////////////// ANIMATION //////////////////////////////////////////////////////////*/

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

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

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

@-moz-keyframes spin-r {
    100% {
        -moz-transform: rotate(-360deg);
    }
}

@-webkit-keyframes spin-r {
    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes spin-r {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

.loadingImg {
    animation: spin 0.8s linear infinite;
    width: 6rem;
    height: 6rem;
}


@-webkit-keyframes spinner-shrink {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        opacity: 1;
    }
}

@keyframes spinner-shrink {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        opacity: 1;
    }
}

.spinner-shrink {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation: spinner-shrink .75s linear infinite;
    animation: spinner-shrink .75s linear infinite;
}

.spinner-grow {
    width: 5rem;
    height: 5rem;
}

.cntnt-edit:focus {
    background-color: white;
}

.table-inner tr {
    height: 1.6rem;
}

.baseTable td.top-right {
    vertical-align: top !important;
    text-align: end;
}

/*////////////////////////////////////////////////////// DRIVE MODUl //////////////////////////////////////////////////////////*/
.dri-icon {
    width: 100%;
    height: 100%;
}

.dri-mobile-show {
    background-color: white;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
}


.bg-drive {
    background-color: #fbfaf7;
}

/* .dri-select, */
.dri-hover:hover {
    background-color: #9fcdff69 !important;
    border-radius: 0.5rem;
}

.dri-short-text {
    white-space: nowrap;
    width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-ico {
    padding-left: 30px;
    background-image: url('../images/search.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}

.dri-sm img {
    max-width: 5rem;
}

.dri-sm .text {
    font-size: 0.8rem;
}

.dri-md img {
    max-width: 7rem;
}

.dri-md .text {
    font-size: 1rem;
}

.dri-lg img {
    max-width: 9rem;
}

.dri-lg .text {
    font-size: 1.2rem;
}

.dri-sm-list img {
    max-width: 2rem;
    min-width: 2rem;
}


.dri-md-list img {
    max-width: 4rem;
    min-width: 4rem;
}

.dri-lg-list img {
    max-width: 6rem;
    min-width: 6rem;
}

.dri-arrow {
    transition: all 0.2s;
}

.dri-arrow:hover {
    color: #00c4ff;
}

.dri-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-auto-rows: min-content;
    grid-gap: 0.5rem 0.25rem;
    justify-items: flex-start;
    align-items: stretch;
}

.grid-item {}

.table-striped-three-dark tbody tr:nth-of-type(6n),
.table-striped-three-dark tbody tr:nth-of-type(6n-1),
.table-striped-three-dark tbody tr:nth-of-type(6n-2) {
    background-color: rgb(174 203 220 / 27%);
}

.table-striped-three-dark tbody tr:nth-of-type(6n-2)>td {
    border-top: 1px solid #807e7e;
}

.table-striped-three-dark tbody tr:nth-of-type(6n)>td {
    border-bottom: 1px solid #807e7e;
}


.no-hover:hover {
    background-color: unset !important;
}

.sum-brick {
    text-align: center;
    border-radius: 0.25rem;
    padding: 0.5rem;
    margin: 0.25rem;
    /* margin-bottom: 0.50rem; */
    min-height: 4rem;
    min-width: 8rem;
}


.adv-typeahead-long {
    min-width: 20vw;
}

.adv-typeahead-long .dropdown-item {
    max-width: 90vw !important;
}

.adv-typeahead-long>.dropdown-menu {
    max-width: 90vw !important;
}


/*////////////////////////////////////////////////////// RESPOSIBILITY //////////////////////////////////////////////////////////*/

/* MD */
@media (min-width: 768px) {

    /* .main-view {
        padding-top: 3rem;
    } */


    .md-max-18 {
        max-width: 18rem;
    }

    .pepa-talk-item {
        max-width: 75%;
    }

    .navbar {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }

    .right-divs-alone .comp-superwrap-right {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

}

/* LG */
@media (min-width: 992px) {
    [class*="col-"] {
        padding-left: unset;
        padding-right: unset;
    }

    .pepa-talk-item {
        max-width: 50%;
    }

    .right-divs-alone .comp-superwrap-right {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .right-divs-on-document .comp-superwrap-right {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

/* XL*/
@media (min-width: 1400px) {
    .container {
        max-width: 1340px;
    }
}

/* Max XS */
@media (max-width: 400px) {

    .navbar button {
        max-width: 5.5rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

}

/* Max SM */
@media (max-width: 575px) {
    .navbar [uib-dropdown-toggle]::after {
        display: none !important;
        margin-left: 0em;
        vertical-align: 0em;
        border-width: 0px;
    }
}

/* Max MD */
@media (max-width: 767px) {
    .menu-process-toggle {
        white-space: nowrap;
        max-width: 10rem;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .md-max-fixed-layout {
        table-layout: fixed;
    }

    .search-ico {
        width: 100%;
    }
}

/* Max LG */
@media (max-width: 991px) {
    .right-divs-on-document {
        padding-left: unset;
        border-left: unset;
    }

    .right-divs-alone {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: baseline;
    }

    .right-divs-alone .comp-superwrap-right {
        padding-right: 0.25rem;
    }

}

@media print {
    @page {
        size: A4 landscape;
    }

    .main-view {
        padding: 0px 0px 0rem 0.5rem !important;
    }

    .ng-hide {
        display: none !important;
    }

    .print-no-overflow {
        overflow: unset !important;
    }

    thead {
        display: table-row-group;
    }

    .print-clear {
        display: unset !important;
        padding: unset !important;
        border: unset !important;
    }

    .table-striped-three tbody tr:nth-of-type(6n),
    .table-striped-three tbody tr:nth-of-type(6n-1),
    .table-striped-three tbody tr:nth-of-type(6n-2) {
        background-color: rgba(0, 0, 0, 0.05);
    }

}

/*////////////////////////////////////////////////////// BROWSER COMPATIBILITY ///////////////////////////////////////////////////*/

/* IE - only*/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

    .col-auto select,
    .col-auto input,
    .col-auto .datefield {
        width: auto !important;
        flex: none !important;
    }

    .fill-overflow {
        height: calc(100vh - 4rem);
    }

    .navbar {
        background-color: #393939 !important;
    }

    /* .main-view {
        padding-top: 4rem;
    } */


    .task-red,
    .row-red td {
        background-color: #f5919b;
    }

    .task-yellow {
        background-color: #eceab3;
    }

    .task-green {
        background-color: #b3ecc1;
    }

    input[type="radio"] {
        -moz-transform: scale(1.5);
        /* FF */
        -webkit-transform: scale(1.5);
        /* Safari and Chrome */
        transform: scale(1.5);
        max-width: 1.5rem;
        width: auto;
        margin: 3px;
        vertical-align: sub;
    }


    .my-checkbox {
        -moz-transform: scale(1.5);
        /* FF */
        -webkit-transform: scale(1.5);
        /* Safari and Chrome */
        transform: scale(1.5);
    }
}

/* Firefox - only*/
@-moz-document url-prefix() {

    input[type="text"],
    input[type="number"],
    input[type="date"] {
        min-width: 0;
    }
}

/* Edge - only*/
@supports (-ms-ime-align:auto) {

    .col-auto select,
    .col-auto input,
    .col-auto .datefield {
        width: auto !important;
        flex: none !important;
    }

    .fill-overflow {
        height: calc(100vh - 4rem);
    }

    /* .main-view {
        padding-top: 4rem;
    } */


    .navbar {
        background-color: #393939 !important;
    }

    .task-red,
    .row-red td {
        background-color: #f5919b;
    }

    .task-yellow {
        background-color: #eceab3;
    }

    .task-green {
        background-color: #b3ecc1;
    }
}

@supports (zoom:2) {

    input[type="radio"] {
        zoom: 1.5;
        vertical-align: sub;
    }


    .my-checkbox {
        zoom: 1;
        min-width: 1rem;
    }
}

@supports not (zoom:2) {

    input[type="radio"] {
        -moz-transform: scale(1.5);
        /* FF */
        -webkit-transform: scale(1.5);
        /* Safari and Chrome */
        transform: scale(1.5);
        max-width: 1.5rem;
        width: auto;
        margin: 3px;
        vertical-align: sub;
    }


    .my-checkbox {
        -moz-transform: scale(1.5);
        /* FF */
        -webkit-transform: scale(1.5);
        /* Safari and Chrome */
        transform: scale(1.5);
    }
}