/*!
 Copyright (c) 2020, 2024, Oracle and/or its affiliates.
 */

:root {
--ut-body-actions-width: 23rem;
--ut-breadcrumb-padding-y: 0.8rem;
--ut-breadcrumb-padding-x: 0.8rem;
--u-in-progress-color: #FF975B;

--u-activate-color: #347C58;
--u-deactivate-color: #8a3b3b;
--u-undo-color: #636363;
--u-planned-color: #c9967f;
--u-planned-wiating-color: #5a768b;
--u-wiating-color: #5a768b;


--cards-proj-status-end: #52785E;
--cards-proj-status-arch: #6D6F74;
--cards-proj-status-cont: #0f5069;
--cards-proj-status-wip: #128118;
--cards-proj-status-late: #D92317;
--ut-body-content-padding-y: 1rem;
}

.t-MediaList-item.is-active {
    background-color: var(--a-gv-selected-background-color);
}

/*NOTIFICATION CN*/
button#L63378979589724668 > span.t-Button-badge {
    margin: 0px;
    padding: 0rem 0.25rem 0.25rem 0.25rem;
}

/*BACKGROUND ITEM ERROR*/
.errorItem {
    /*background-color: #df64643b;*/
    background-color: rgba(223,100,100,0.23) !important;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear; 
    transition: background-color 500ms linear;
}

/*BACKGROUND PROJECT ENDED*/
.projectEndedItem {
    /*background-color: #df64643b;*/
    background-color: rgb(255, 226, 200,0.34) !important;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear; 
    transition: background-color 500ms linear;
}

/*PODMIENIC BACKGROUND-IMAGE*/
.ui-dialog .ui-dialog-titlebar:before
{
	background-color: var(--ut-header-background-color) !important;
	border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;

}

/*BACKGROUND COLOR*/
.rw-pillar--sky {
    --ut-body-title-background-color: #9dcadb75 !important;
}
.rw-pillar--neutral {
    --ut-body-title-background-color: #514c476b !important;
}
.rw-pillar--pebble {
    --ut-body-title-background-color: #494d5370 !important;
}
.rw-pillar--pine {
    --ut-body-title-background-color: #33553c7d !important;
}

.rw-pillar--teal {
    --ut-body-title-background-color: #31535782 !important;
}

.rw-pillar--lilac {
    --ut-body-title-background-color: #5664a3b3 !important;
}

.rw-pillar--rose {
    --ut-body-title-background-color: #6c3f4996 !important;
}

.rw-pillar--plum {
    --ut-body-title-background-color: #5945646e !important;
}


/*ITEM LINE HEIGHT*/
.t-Form-fieldContainer--floatingLabel {
	--ut-field-fl-label-line-height: 0.5rem;
}
div#t_Body_side {
    width: 20rem;
}
button#bClearSF {
    position: relative;
    float: right;
    height: 100%;
}
 
.t-Region {
    margin-block-end: var(--ut-region-margin, 0.1rem);
}

/*
.sb-dayoff-waiting {
    background-color: var(--u-in-progress-color);
    border-color:  var(--a-chip-state-border-color, var(--a-chip-type-border-color, var(--a-chip-border-color, var(--a-field-input-border-color, rgba(0, 0, 0, .075)))));
    color: #3E3E3E;
}*/
.sb-red, .sb-dayoff-decline {
    background-color: var(--u-deactivate-color);
    border-color:  var(--a-chip-state-border-color, var(--a-chip-type-border-color, var(--a-chip-border-color, var(--a-field-input-border-color, rgba(0, 0, 0, .075)))));
    color: #FFFFFF;
}

.sb-dayoff-planned {
    background-color: var(--u-planned-color);
    border-color:  var(--a-chip-state-border-color, var(--a-chip-type-border-color, var(--a-chip-border-color, var(--a-field-input-border-color, rgba(0, 0, 0, .075)))));
    color: #0F0F0F;
}

.sb-dayoff-planned-send-accept {
    background-color: var(--u-wiating-color);
    border-color:  var(--a-chip-state-border-color, var(--a-chip-type-border-color, var(--a-chip-border-color, var(--a-field-input-border-color, rgba(0, 0, 0, .075)))));
    color: #FFFFFF;
}

.sb-dayoff-waiting {
    background-color: var(--u-wiating-color);
    border-color:  var(--a-chip-state-border-color, var(--a-chip-type-border-color, var(--a-chip-border-color, var(--a-field-input-border-color, rgba(0, 0, 0, .075)))));
    color: #FFFFFF;
}

.sb-green, .sb-dayoff-accepted {
    background-color: var(--u-activate-color);
    border-color:  var(--a-chip-state-border-color, var(--a-chip-type-border-color, var(--a-chip-border-color, var(--a-field-input-border-color, rgba(0, 0, 0, .075)))));
    color: #FFFFFF;
}

.sb-orange, .sb-dayoff-undo {
    background-color: var(--u-undo-color);
    border-color:  var(--a-chip-state-border-color, var(--a-chip-type-border-color, var(--a-chip-border-color, var(--a-field-input-border-color, rgba(0, 0, 0, .075)))));
    color: #FFFFFF;
}

.sb-eq-arch {
background-color: var(--u-undo-color);
    border-color:  var(--a-chip-state-border-color, var(--a-chip-type-border-color, var(--a-chip-border-color, var(--a-field-input-border-color, rgba(0, 0, 0, .075)))));
    color: #FFFFFF;
}

.sb-eq-account {
background-color: var(--u-activate-color);
    border-color: var(--a-chip-state-border-color, var(--a-chip-type-border-color, var(--a-chip-border-color, var(--a-field-input-border-color, rgba(0, 0, 0, .075)))));
    color: #FFFFFF;
}

.sb-eq-out {
background-color: var(--u-planned-wiating-color);
    border-color:  var(--a-chip-state-border-color, var(--a-chip-type-border-color, var(--a-chip-border-color, var(--a-field-input-border-color, rgba(0, 0, 0, .075)))));
    color: #FFFFFF;
}

.sb-eq-in {
background-color: var(--u-planned-color);
    border-color:  var(--a-chip-state-border-color, var(--a-chip-type-border-color, var(--a-chip-border-color, var(--a-field-input-border-color, rgba(0, 0, 0, .075)))));
    color: #0F0F0F;
}

/*BACKGROUND COLOR OF A BREADCRUMB*/
.t-Header-nav {
    background-color: var(--ut-region-background-color, var(--ut-component-background-color));
}


form#wwvFlowForm {
    background-color: var(--ut-body-title-background-color);
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .t-Body-title {
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
    }
}

.doAccept {
	color: var(--u-activate-color);
}

.doDecline {
	color: var(--u-deactivate-color);
}	

.trashDoc{
	transition: 0.3s ease 0s;
	cursor: pointer;
}


.trashDoc:hover {
	color: var(--u-deactivate-color);
	opacity: 0.8;
}

h3.t-MediaList-title {
    line-height: 1.2rem;
} 

.t-Footer-customize {
    display: none !important;
}

footer#t_Footer {
    z-index: 2;
}

.t-fht-wrapper > div#stickyTableHeader_2 {
    max-width: inherit !important;
}

.logoFooter {
    display: flex !important;  
    flex-direction: row !important;    
    align-items: center !important;    
    box-sizing: border-box !important;    
    right: 10px !important;    
    position: absolute !important;
}
.logoFooter img {
    width: 120px;
    height: 24px;
    opacity: 0.5;
    padding: 0px 5px 2px 5px;
}



.headerLogo {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 526 514'> <g transform='matrix(1, 0, 0, 1, -11.36695, 84.843646)'> <line style='fill: rgb(255, 255, 255); stroke-width: 20px; stroke-linecap: round; stroke: rgb(255, 255, 255);' x1='107.811' y1='25.102' x2='177.328' y2='88.717'/> <line style='fill: rgb(255, 255, 255); stroke-width: 20; stroke-linecap: round; transform-origin: 276.401px -59.506px; stroke: rgb(255, 255, 255);' x1='239.565' y1='-25.431' x2='241.364' y2='67.219'/> <line style='fill: rgb(255, 255, 255); stroke-width: 20; stroke-linecap: round; transform-origin: 391.898px -14.69px; stroke: rgb(255, 255, 255);' x1='372.146' y1='24.547' x2='305.259' y2='90.759'/> <path d='M 95.665 133.458 L 204.595 133.458 C 187.061 144.621 175.504 163.724 175.504 185.415 C 175.504 219.836 204.608 247.741 240.51 247.741 C 276.412 247.741 305.517 219.836 305.517 185.415 C 305.517 163.724 293.959 144.621 276.426 133.458 L 471.122 133.458 L 471.122 290.241 L 95.665 290.241 L 95.665 133.458 Z M 131.488 148.27 C 124.559 148.27 118.941 153.575 118.941 160.12 C 118.941 166.664 124.559 171.969 131.488 171.969 C 138.417 171.969 144.034 166.664 144.034 160.12 C 144.034 153.575 138.417 148.27 131.488 148.27 Z' style='stroke: rgb(255, 255, 255); fill: rgb(255, 255, 255);'/> <path d='M 286.861 185.586 C 286.861 210.735 265.736 231.122 239.677 231.122 C 213.618 231.122 192.494 210.735 192.494 185.586 C 192.494 160.437 213.618 140.05 239.677 140.05 C 265.736 140.05 286.861 160.437 286.861 185.586 Z M 232.929 167.185 C 225.763 167.185 219.953 172.258 219.953 178.517 C 219.953 184.775 225.763 189.849 232.929 189.849 C 240.095 189.849 245.905 184.775 245.905 178.517 C 245.905 172.258 240.095 167.185 232.929 167.185 Z' style='stroke: rgb(255, 255, 255); fill: rgb(255, 255, 255);'/> <path style='stroke: rgb(255, 255, 255); fill: rgb(255, 255, 255);' d='M 168.336 133.078 C 211.408 82.817 271.408 83.73 314.635 133.01 L 276.382 133.027 C 266.12 126.53 253.824 122.748 240.605 122.748 C 227.365 122.748 215.049 126.543 204.776 133.061 L 168.336 133.078 Z'/> <path style='stroke: rgb(255, 255, 255); fill: rgb(255, 255, 255);' d='M 140.542 304.47 C 141.583 335.252 185.742 346.979 195.489 304.47'/> <path style='stroke-width: 1; stroke: rgb(255, 255, 255); fill: rgb(255, 255, 255);' d='M 373.118 304.896 C 374.159 335.678 418.318 347.406 428.065 304.896'/> <ellipse style='fill: rgba(255, 255, 255, 0); stroke-width: 20px; stroke: rgb(255, 255, 255);' cx='274.08' cy='170.028' rx='247.745' ry='239.066'/> </g></svg>");
    PADDING-RIGHT: 5PX;
}

span#notification-count {
  background-color: #8f4848;
  color: white;
  border-radius: 50%;
  padding: 2px 6px;
  font-size: 1em;
  font-weight: bold;
  /*margin-left: 5px;*/
}

.t-Form-fieldContainer {
    margin-block: .3rem;
}