/* W tym miejscu znajdą się wszystkie style używane niezależnie od modułu, czy też biblioteki 
    TODO: Do uporządkowania to co jest w style.css i documentation-module.css i reporting.css itp.
*/

/* Jako reużywalne również w innych projektach */

/* UWAGA: Muszą być w osobnych metodach, inaczej przeglądarka zignoruje cały blok */
/* Kursywa w placeholderze */
/* TODO: Zmienić na placeholder-italic */
.italic-placeholder::placeholder {
    font-style: italic;
}
.italic-placeholder::-webkit-input-placeholder {
    font-style: italic;
}
.italic-placeholder:-moz-placeholder {
    font-style: italic;
}
.italic-placeholder::-moz-placeholder {
    font-style: italic;
}
.italic-placeholder:-ms-input-placeholder {
    font-style: italic;
}

/* Biały kolor w placeholderze */
/* TODO: Zmienić na placeholder-white */
.white-placeholder::placeholder {
    color: white;
}
.white-placeholder::-webkit-input-placeholder {
    color: white;
}
.white-placeholder:-moz-placeholder {
    color: white;
}
.white-placeholder::-moz-placeholder {
    color: white;
}
.white-placeholder:-ms-input-placeholder {
    color: white;
}

.text-italic {
    font-style: italic !important;
}

.text-bold {
    font-weight: bold !important;
}

.p-0 {
    padding: 0px !important;
}

.contents {
    display: contents !important;
}

/* ikonka close w oknach modalnych powiększona od tego co daje bootstrap */
/* TODO: aby się nie kłóciło z BS można dodać .close.itm-close */
.close {
    position: absolute;
    right: 32px;
    top: 5px;
    width:32px;
    height:32px;
}

.close:before, .close:after {
    position: absolute;
    left: 15px;
    top: 0px;
    height: 32px;
    width: 5px;
    content: ' ';
    background-color: white;
}
.close:hover {
    opacity: 1;
}

.close:before {
    transform: rotate(45deg);
}

.close:after {
    transform: rotate(-45deg);
}

.sticky-element-top {
    position: sticky;
    top: 0px;
    z-index: 999;
}

.search-input-container {
    position: relative;
    width: calc(100% - 40px);
    float: left;
}

.search-input {
    height: 32px;
    width: 100%;
    border: 1px #A8A8A8 solid;
    padding-right: 32px;
}

.search-button {
    height: 32px;
    border-color: #b3b3b3;
    border-radius: 0px;
    float: right;

    padding-left: 9px;
    padding-right: 9px;
}

.search-clear-button {
    position: absolute;
    right: 12px;
    top: 6px;
}

/* Search by: */
.search-label {
    font-weight: normal;
    margin-left: 8px;
    margin-right: 4px;
}

/* wyrównanie */
.search-checkbox {
    vertical-align: middle;
}

.dropdown-menu > li > a.itm-itm-select-one-menudropdown-option {
    color: #4D4D4D;
    font-size: 14px;
}

.dropdown-menu > li > a.itm-dropdown-option:hover,
.dropdown-menu > li > a.itm-dropdown-option:focus,
.dropdown-menu > li > a.itm-dropdown-option:active {
    background-color: #BE9E56;
    color: #FFFFFF;
}

.table-body-hide tbody {
    display: none;
}

.table-header-hide thead {
    display: none;
}

table.table-header-p-0 > thead th {
    padding: 0px !important;
}

.sticky-buttons {
    position: sticky;
    bottom: 0px;
    background: #595959;
    /*opacity: 0.8;*/
    z-index: 3000;
}

.tooltip-z {
    z-index: 1051 !important;
}

.ajax-spinner-container {
    position: sticky;
    top: 16px;
    z-index: 2048;
}

.ajax-spinner-container-child {
    position: absolute;
    top: 16px;
    right: 16px;
    opacity: 0.9;

    width: 64px;
    height: 64px;
    background-color: #e6e6e6;
    border-radius: 20%;
}

.server-message-text {
    font-family: Helvetica;
    font-size: 20px;
    font-weight: bold;
    color: #BE9E56;
    margin: 0px;
    padding: 4px;
}

.test-version-text {
    height: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;

    background-color: red;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 24px;
    color: white;
}

.tree-icon {
    height: 30px;
    width: auto;
    margin-right: 4px;
    margin-left: 4px;
}

.tree-icon-24 {
    height: 24px;
    width: auto;
    margin-right: 4px;
    margin-left: 4px;
}

.datatable-column-icon {
    height: 20px;
    margin-right: 4px;
    margin-bottom: 6px;
}

.checklist-section-tree-icon {
    height: 30px;
    width: 35px;
    margin-right: 4px;
    margin-left: 4px;
}

.checklist-task-tree-icon {
    height: 30px;
    width: 25px;
    margin-right: 9px;
    margin-left: 9px;
}

.treeNode-row {
    width: 100%;
}

.icon-max30px {
    max-height: 30px;
    max-width: 30px;
}

.icon-max-25px {
    max-height: 25px;
    max-width: 25px;
}

.button-like-tab {
    width: 50%;
    color: #2f556a;
    background-color: #e1e1e1;
    padding: 10px;
    font-weight: bold;
    font-size: 20px;
}

.dropdown-menu {
    z-index: 3000;
}

.modal {
    z-index: 3050;
}

.modal-backdrop {
    z-index: 3040;
}

.navmenu-fixed-left, .navmenu-fixed-right, .navbar-offcanvas {
    z-index: 3010;
}

.menu-button-style .ui-button {
    background: transparent;
    border: none;
    box-shadow: none;
    color: black;
}

a.icon-button {
    outline: none;
    text-decoration: none;
    color: black;
}

a.icon-button:focus, a.icon-button:hover {
    text-decoration: none;
    color: #85b2cb;
}

.filler-for-missing-icon-attachments {
    margin: 8px;
    width: 15.4px;
    display: inline-block;
}

.attachment-external {
    background-color: lightgray;
}

.attachment-from-md {
    background-color: lightgray;
}

.attachment-grid-name-panel {
    background: lightgray;
}

.file-icon-panel {
    position: relative;
    display:inline-block;
    margin-right: 4px;
    margin-left: 4px;
}

.file-icon-panel .tree-icon {
    margin-left: 0px;
    margin-right: 0px;
}

.file-attribute-icon {
    position:absolute;
    height: 18px;
    width: auto;
    right: -6px;
    bottom: -8px;

    background-color: white;
    border: 1px solid white;
    border-radius: 36px;
}

.file-public-attribute,
.file-private-attribute,
.file-tembo-attribute {
    position: absolute;
    left: 18px;
    height: 15px;

    background-color: white;
    border: 1px solid white;
    border-radius: 36px;
}

.daily-report-attachment-icon.glyphicon-paperclip::before {
    position: absolute;
    font-size: 13px;
    left: -21px;
    top: -5px;
    background: white;
    border: 1px solid white;
    border-radius: 50%;
    padding: 1px;
}

.file-card {
    pointer-events: auto;
    margin-left: 0;
    margin-right: 0;
}

.has-attachment.file-card {
    pointer-events: none;
}

.daily-report.glyphicon-paperclip {
    margin-right: 4px;
}

.file-access-icon,
.file-access-list {
    top: 57%;
}

.btn-refresh.ui-commandlink {
    font-size: 17px;
}

.btn-refresh {
    display: inline-block;

    font-family: Helvetica;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;

    background-color: #F2F2F2 !important;
    color: #BE9E56 !important;

    border: 1px solid #A8A8A8;
    border-radius: 0px;

    min-width: 64px;
    padding: 5px 7px;
    margin-bottom: 10px;

}

body.cursor-progress, body.cursor-progress * {
    cursor: progress !important;
}

.menu-icon{
    font-size:130px;
    color:#f2f2f2;
}

.ui-row-toggler {
    background-position: center, center;
    background-size: 16px, 16px;
}

.ui-row-toggler.ui-icon {
    width:100%;
}

.ui-row-toggler.ui-icon.ui-icon-circle-triangle-e
{
    background-image: url("/jakarta.faces.resource/icons/toggle-expand.png?ln=img");
}
.ui-row-toggler.ui-icon.ui-icon-circle-triangle-s
{
    background-image: url("/jakarta.faces.resource/icons/toggle-collapse.png?ln=img");
}

.dontDisable .ui-state-disabled{
    opacity:1.0 !important;
}

.separate-line {
    margin-top: 4px;
    padding: 0 !important;
    font-size: 22px;
    font-weight: bold;
}
.md-action-message {
    height: 32px;
    display: table-cell;
    vertical-align: middle;
}
.masterlist-action-message {
    height: 32px;
    display: inline-table;
    vertical-align: middle;
    max-width: 75%;
}

.position-relative {
    position: relative;
}

.list-group-item hr {
    border-top-color: black;
    margin-top: 4px;
    margin-bottom: 4px;
}

.list-group-item.active hr {
    border-top-color: white;
}

.user-panel-content-left {
    min-height: 500px;
    padding: 0px;
    background-color: #FFF;
}

.glyphicon-stop::before {
    color: rgb(250, 240, 0);
}

.status-steps {
    display: flex;
}

.status-step {
    text-align: center;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    padding: 4px 0;
    color: #afafaf;
}

.status-step.active {
    color: #BE9E56; /* złoty */
}

.task-status-line,
.status-line {
    background: #dcdcdc;
}

.status-line-fill {
    height: 6px;
    background: #BE9E56; /* złoty */
}

.task-status-dot,
.status-dot {
    width: 20px;
    height: 20px;
    background: #dcdcdc;
    border-radius: 50%;
    margin: 0 auto;
    margin-top: -0.5px;
    position: relative;
    z-index: 2;
}

/*.status-first-dot,
.status-last-dot {
    width: 20px;
    height: 20px;
    background: #dcdcdc;
    border-radius: 50%;
    position: relative;
    z-index: 2;
}

.status-first-dot {
    margin-left: 0%;
}

.status-last-dot {
    margin-right: 0%;
}*/

.task-status-line,
.task-status-dot {
    background: #d0d0d0;
}

.task-status-dot.active,
.status-dot.active,
.status-first-dot.active,
.status-last-dot.active {
    background: #BE9E56;
}