/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('fonts/open-sans/open-sans-v15-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans/open-sans-v15-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans/open-sans-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans/open-sans-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('fonts/open-sans/open-sans-v15-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans/open-sans-v15-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans/open-sans-v15-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans/open-sans-v15-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



body {
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 100%;
    height: 100%;
	font-family: 'Open Sans', sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

#corpo {
    margin: 0px;
    padding: 0px;
    border: 0px;
    float: right;
    pointer-events: all;
    width: 100%;
}

.emptySpace {
    width: 100%;
    clear: both;
}


#pg-login {
	width: 400px;
	min-height: 480px;
	height: auto;
	padding-top: 0px;
}
#pg-login-header {
	background-color:#148CB4; /* blu pg */
	padding-top:9px;
	padding-bottom:7px;
}
#pg-login-header img {
	width:124px;
}
#pg-login-header span {
	font-size:36px;
	line-height:36px;
	color:white;
	font-weight:300;
	float:right;
}

#pg-login h3 {
	color:#148CB4; /* blu pg */
	margin-top:40px;
}
#pg-login h3 img {
	width:110px;
}
.pg-label {
	color:#148CB4; /* blu pg */
	margin-bottom:5px;
    font-size: 12px;
    font-weight: bold;
}
.pg-button,
.dx-button.pg-button  {
    padding: 7px 18px 8px;
}
.pg-bg-giallo,
.dx-button.pg-bg-giallo  {
	background-color:#FFD200;
	color:#000;
}
.pg-login-buttons {
	margin-top:40px;
	position:relative;
}
.pg-links, 
a.pg-links {
    color: #148CB4; /* blu pg */
    text-decoration: none;
}
.pg-links a:hover, a.pg-links:hover {
	text-decoration:underline;
}

/**
Tutti popup che hanno una griglia le colonne saranno testo bianco su sfondo azzurro progel
*/
.dx-popup-content .dx-datagrid-headers {
    background-color: rgba(20, 140, 181, 0.5);
    color: white;
    font-weight: 600;
}

.dx-checkbox-container .dx-checkbox-text {
    padding-top: 7px;
}

/* titolo nei popup a full-screen (sposta il testo a sx per far spazio al logo/menù)  */
.pg-popup-title-fullscreen {
    padding-left: 80px !important;
}
/* titolo nelle lookup a full-screen (sposta il testo a sx per far spazio al logo/menù)  */
.pg-lookup-title-fullscreen {
    padding-left: 80px !important;
    font-size: 20px; 
    padding-top: 6px;
    padding-bottom: 6px;
}

/* content nelle lookup a full-screen (sposta il contenuto per far spazio al logo/menù)  */
.pg-lookup-content-fullscreen {
    padding-top: 20px !important;
}


.searchLookup-allowInsert {
    position: absolute;
    font-size: 17px;
    color: #009688;
    width: 34px;
    height: 34px;
    padding: 8px;
    line-height: 18px;
    text-align: center;
    font-weight: bold;
}




/* usata nel cartellino e ass/pres */
.butReports-page-custom {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.butReports-page-custom .dx-button {
    margin-left: -1px !important;
}

#butReports .dx-button-content {
    padding-top: 9px !important;
    padding-bottom: 8px !important;
}

.butReports-lite .dx-button-normal {
    padding-left: 13px;
    padding-right: 15px;
}

.small-img {
    width: 13px;
    height: 11px;
}

.normal-img {
    width: 15px;
    height: 15px;
    position: relative;
    left: -0.5px;
}

.ddb-tasks-icon {
    width: 15px;
    margin-top: 8px;
    margin-left: 7px;
}

div.dx-dropdownbox.only-buttons .dx-texteditor-container .dx-texteditor-input-container {
    display: none;
}

.dx-datagrid .dx-datagrid-content-fixed tbody td[role='columnheader'] {
    background-color: rgba(20, 140, 181, 0.5);
}

.dx-popup-content {
    padding: 20px 3px 3px 3px;
}

.dx-popup-bottom .dx-button {
    min-width: 0px;
}

.dx-datagrid-rowsview .dx-row.dx-group-row {
    color: #148cb5;
    background-color: rgba(255, 255, 255, 1);
    font-weight: bold;
}

.dx-button .dx-icon.pgi {
    color: #148cb5;
}

.dx-texteditor {
    border: 1px solid rgba(20,140,181,0.5);
}

.dx-popup-title .dx-closebutton .dx-icon {
    color: #148cb5;
}

/* Regola per impostare in blue l'iconcina accanto al testo del raggruppamento (menù contestuale) */
.dx-datagrid .dx-menu-item-has-icon .dx-icon, .dx-datagrid-container .dx-menu-item-has-icon .dx-icon {
    color: #148cb5;
}

/* imposta grandezza font della lookup configurazione nella ribbon */
#lookLstConfigurations{
    font-size: 12px;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: #43a3c4;
    color: #fff;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-selection) > td:not(.dx-focused),
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) {
    background-color: rgba(67, 163, 196, 0.7);
}
/* pulsante favoriti menù */
#butFavorites > div.dx-button-content {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 2px;
}

/* pulsante cambio tipo menù */
#butMenuType > div.dx-button-content {
    padding-left: 1px;
    padding-right: 0px;
    padding-top: 1px;
    padding-bottom: 0px;
}

/* colore icona pulsante favoriti del menù */
.icon-favorites{
    color: goldenrod !important;
}

/* rimuove i bordi di un button */
.btn-no-borders {
    border-width: 0;
}

.menuContainer input,
.menuContainer span.dx-checkbox-text {
    font-size: 12px;
}

.menuLabel {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 3px;
    line-height: 18px;
}

div.dx-button.button-inside { border: 0px; }


video.previewAttachment,
img.imgPreviewAttachment {
    max-width: 100%;
    max-height: 100%;
}

.previewAttachmentCentered {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

div.audioPreview {
    width: 75%;
    border-radius: 50px;
    padding: 25px 25px;
}

div.audioPreview > audio { width: 100%; }
    div.audioPreview > p {
        color: rgba(255,0,0,0.6);
        font-weight: bold;
        font-style: italic;
        font-size: 18px;
        text-align: center;
    }

video.previewAttachment:focus,
audio.previewAttachment:focus {
    outline: 0px;
}

#treeView div.dx-item.dx-treeview-item:active { background-color: #FFD200; }

/* Gestisco la inputBox*/
#pg-inputBox > div#additionalText{
    margin-bottom: 16px;
}
@media screen and (min-width: 500px) {
    #pg-inputBox {
        padding: 0px 16px 0px 16px;
    }
}

/* Gestisco la griglia editabile */
div.buttonGridEditable {
    position: relative;
    top: -2px;
    border-radius: 50%;
    margin-right: 6px;
}

div.buttonGridEditable.dx-state-hover {
    background-color: rgba(20, 140, 181,0.3);
    border-color: rgba(20, 140, 181,0.3);
}

div.buttonGridEditable.dx-state-hover div i.dx-icon.pgi { color: white; }

div.GVEditable td div.dx-checkbox-container { width: auto; }
div.buttonGridEditable div i.dx-icon.pgi { font-weight: bold; }

/* ---------- Inizio pulsante QrCodeReader per griglie secondarie  ---------- */

div.buttonGridEditable.qrCodeReader { margin-right: 18px; }
div.buttonGridEditable.qrCodeReader div i.dx-icon.pgi { font-weight: normal; }

div.buttonGridEditable div.dx-widget.dx-button {
    border-width: 1px;
    border-radius: 50%;
    background-color: white;
}

div.buttonGridEditable.dx-state-hover div.dx-widget.dx-button {
    background-color: rgba(20, 140, 181, 0.3);
    border-color: rgba(20, 140, 181, 0.3);
}

div.buttonGridEditable.qrCodeReader div.dx-dropdownbutton-action.dx-button-has-icon:not(.dx-button-has-text) .dx-button-content {
    padding-inline: 0px;
}

/* ---------- Fine pulsante QrCodeReader per griglie secondarie  ---------- */

i.material-icons.event.twotone.timesheet { filter: invert(40%) sepia(90%) saturate(577%) hue-rotate(153deg) brightness(93%) contrast(87%); }

/* Piano assenze e presenti assenti hanno entrambi l'icona di un calendario rosso*/
i.material-icons.today.absenceplan,
i.material-icons.absentpresent.calendar_today {
    color: rgba(149, 17, 17, 0.7);
}

#menu-configurator li.dx-treeview-node { position: relative; }

#treeView i.material-icons,
#menu-configurator i.material-icons,
div.dx-button-content > i.dx-icon.material-icons {
    position: relative;
    top: -2px;
    left: -2px;
    font-size: 22px;
}

    #treeView i.material-icons.folder,
    #tileView i.material-icons.folder,
    #menu-configurator i.material-icons.folder {
        color: #d3d34d;
    }

    #treeView i.material-icons.import_export,
    #tileView i.material-icons.import_export,
    #menu-configurator i.material-icons.import_export {
        color: #2fd72f;
        font-weight: bold;
    }

    #treeView i.material-icons.logout,
    #tileView i.material-icons.logout,
    #menu-configurator i.material-icons.logout {
        color: #cb2323;
    }

    i.material-icons.group.correspondents {
        color: transparent;
        background: linear-gradient(-90deg, rgba(0,255,0,0.7),rgba(0,0,255,0.7));
        -webkit-background-clip: text;
        font-weight: bold;
    }

    i.material-icons.filled.person.subjects { color: rgba(203,203,30,1.0); }

    #treeView i.material-icons.group.employees,
    #tileView i.material-icons.group.employees,
    #menu-configurator i.material-icons.group.employees {
        color: transparent;
        background: linear-gradient(-270deg, rgba(0,255,0,0.7),rgba(0,0,255,0.7));
        -webkit-background-clip: text;
        font-weight: bold;
    }

i.material-icons.person_remove.absenceRequest{ color: rgba(149, 17, 17, 0.7); }
i.material-icons.shift.schedule { filter: invert(40%) sepia(90%) saturate(577%) hue-rotate(153deg) brightness(93%) contrast(87%); }
i.material-icons.overtime.more_time,
i.material-icons.punch_clock.more_time {
    color: rgba(108,122,137,1.0)
}

i.material-icons.add.attendance_time_request,
#treeView i.material-icons.add.attendance_time_request
{
    font-size: 12px;
    font-weight: bold;
    color: #20ab20;
    position: absolute;
    margin: 0px;
}

#menu-configurator i.material-icons.add.attendance_time_request {
    position: absolute;
    left: 80px;
    top: 11px;
    font-size: 16px;
    color: #20ab20;
}


#treeView i.material-icons.add {
    top: 9px;
    left: 17px;
}

#tileView i.material-icons.add {
    top: 26px;
    left: 32px;
}

#treeView i.material-icons.ShiftNeed.add{
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    margin: 0px;
    border-radius: 50%;
    color: #20ab20;
    left:15px;
    font-weight:bold;
}

#tileView i.material-icons.ShiftNeed.add {
    position: absolute;
    font-size: 16px;
    left: 28px;
    top: 25px;
    color: #20ab20;
    font-weight: bold;
}

#menu-configurator i.material-icons.ShiftNeed.add {
    position: absolute;
    left: 80px;
    top: 11px;
    font-size: 16px;
    color: #20ab20;
    font-weight: bold;
}

#treeView i.material-icons.ShiftCoverage.person,
#tileView i.material-icons.ShiftCoverage.person,
#menu-configurator i.material-icons.ShiftCoverage.person {
    position: absolute;
    font-weight: bold;
    filter: invert(40%) sepia(90%) saturate(577%) hue-rotate(153deg) brightness(93%) contrast(87%);
}

#treeView i.material-icons.ShiftCoverage.person {
    font-size: 18px;
    margin: 0px;
    top: 12px;
    left: 15px;
}

#tileView i.material-icons.ShiftCoverage.person {
    font-size: 16px;
    left: 28px;
    top: 25px;
}

#menu-configurator i.material-icons.ShiftCoverage.person {
    font-size: 16px;
    left: 80px;
    top: 11px;
}

#treeView i.material-icons.ShiftToCover.update,
#tileView i.material-icons.ShiftToCover.update,
#menu-configurator i.material-icons.ShiftToCover.update {
    position: absolute;
    font-weight: bold;
    filter: invert(40%) sepia(90%) saturate(577%) hue-rotate(153deg) brightness(93%) contrast(87%);
}

#treeView i.material-icons.ShiftToCover.update {
    font-size: 18px;
    margin: 0px;
    top: 12px;
    left: 15px;
}

#tileView i.material-icons.ShiftToCover.update {
    font-size: 16px;
    left: 28px;
    top: 25px;
}

#menu-configurator i.material-icons.ShiftToCover.update {
    font-size: 16px;
    left: 80px;
    top: 11px;
}

#shiftToCover-ribbon-button {
    position: absolute;
    left: 9px;
    top: 29px;
    font-size: 15px;
    filter: invert(40%) sepia(90%) saturate(577%) hue-rotate(153deg) brightness(93%) contrast(87%);
}

#treeView i.material-icons.absentpresent.schedule,
#tileView i.material-icons.absentpresent.schedule,
#menu-configurator i.material-icons.absentpresent.schedule {
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    background-color: white;
    margin: 0px;
    border-radius: 50%;
}

#treeView i.material-icons.absentpresent.schedule,
#menu-configurator i.material-icons.absentpresent.schedule {
    left: 40px;
    top: 12px;
    height: 14px;
    width: 14px;
    line-height: 14px;
}

#menu-configurator i.material-icons.absentpresent.schedule { left: 80px; } /* sposto ulteriormente l'icona poichè abbiamo il widget del check da considerare */

    #tileView i.material-icons.absentpresent.schedule {
        left: 55px;
        top: 26px;
    }

#treeView .dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item i.dx-icon.material-icons,
#tileView div.dx-item.dx-state-active.dx-tile,
#tileView div.dx-item.dx-state-focused.dx-tile,
#tileView div.dx-item.dx-state-focused.dx-tile i.dx-icon.material-icons { color: white; }

#treeView .dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item i.dx-icon.material-icons.twotone,
#tileView div.dx-item.dx-state-focused.dx-tile i.dx-icon.material-icons.twotone { filter: invert(100%) sepia(2%) saturate(178%) hue-rotate(48deg) brightness(116%) contrast(100%); }
#tileView div.dx-item.dx-state-focused.dx-tile { background-color: #148cb5; }

.pg-btn-dropdown div.dx-button { text-align: left; }
.dx-popup-content.dx-dropdownbutton-content div.dx-button div.dx-button-content { justify-content: center; }

/* Pulsante per selezione magazzino di default */
#pg-warehouse-selection {
    font-size: 12px;
    border-top: 2px solid rgba(20, 140, 180, 0.8);
}

#pg-warehouse-selection.dx-state-hover {
    background-color: #ffd200 !important;
}

#pg-warehouse-selection .dx-button-content {
    margin-top: -2px;
}

#pg-warehouse-selection i {
    color: rgba(20, 140, 180, 1);
}

#btnForgotPassword {
    text-align: right;
    color: #148CB4;
    font-size: 12px;
    margin-top: 10px;
    cursor: pointer;
}

i.material-icons.filled.location_on.openstreetmap {
    font-size: 36px;
    color: rgba(149, 17, 17, 0.7);
}

#menu-configurator .dx-treeview-item .dx-treeview-item-content {
    margin: 0 0 0 10px;
}

.pg-menu-header{
    display:flex !important;
    align-items:center;
}

.session-icon{
    color:#ff8f00;
    font-size:35px !important;
}
#warning-icon-btn-session {
    visibility: hidden;
}
#warning-icon-btn-session:hover {
    cursor:pointer;
}

#badge-session {
    position: absolute;
    border-radius: 100% !important;
    background: #ff8f00 !important;
    left: 270px !important;
    color: white !important;
    width: 20px !important;
    height: 20px !important;
    text-align: center;
    line-height: 20px;
}

.dx-popover-wrapper {
    z-index: 2147483647 !important;
}

.row-active-btn-session-close {
    box-shadow: 2px 2px 8px gray;
    background: #c1c1c1 !important;
    border-radius: 4px;
}

.row-active-session {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 8px;
    height: 75px;
}

#row-active-container-btn-session-close {
    min-width: 100px;
    text-align: end;
}

.row-active-container-session-btn-confirmation {
    display: flex;
    justify-content: space-between;
    gap: 4px;
    min-width: 100px;
}

#container-delete-all-active-sessions-confirmation {
    margin-bottom:3px;
}

#container-delete-all-active-btn-session-confirmation {
    display: flex;
    gap: 8px;
    justify-content: center;
}

.row-active-session:hover .row-active-btn-session-close {
    background: rgb(191 7 7) !important;
}

.row-active-session:not(:last-child) {
    border-bottom: 0.5px solid #c1c1c1;
}

.row-active-session-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
}

.row-active-session-device-icon {
    font-size: 24px !important;
}

.row-active-session-agent {
    font-weight: bold;
    font-size: 14px;
}

.row-active-session-logTime {
    font-size: 12px;
}

#delete-all-active-sessions {
    display: flex;
    justify-content:flex-end;
    margin: 24px 0 0 0;
}

#toolbar-container-delete-all-session-confirmation {
    display: flex;
    gap: 16px;
}

/* Imposto z-index dei toast di notifica in modo che sia sempre visibile in primo piano (anche rispetto il menù) */
.dx-toast-wrapper {
    z-index: 9999999 !important;
}