.pf-login-title{font-size:140%;font-weight:bold;color:#444;}
.pf-pagetitle{font-size:130%;font-weight:bold;color:#444;}

.pf-desktop-username{font-size:110%;font-weight:bold}
.pf-desktop-userrole{font-size:100%;font-weight:normal}

.pf-fakefield{border:none;font-weight:bold;width:100%;}
.pf-date-control{width:120px !important;}

.pf-commesse-detail-percentage{font-weight:normal;font-size:80%;color:#777}

.error{border:1px solid darkred;background:white;}
.valid{/*border:1px solid green;background:white;*/}
.errormessage > label {border:none;background:transparent;color:darkred;font-size:80%;}
.errormessage > label:before{content:'\f057  ';font-family:'FontAwesome';color:red} 

/*input.form-control.error + :after{content:"\f057";font-family:'FontAwesome';font-weight:900;font-size:130%;display:inline-block;width:20px;height:20px;position:absolute;color:red;top:5%;right:4%;}*/
/*input.form-control.valid + :after{content:"\f058";font-family:'FontAwesome';font-weight:900;font-size:130%;display:inline-block;width:20px;height:20px;position:absolute;color:green;top:5%;right:4%;}*/

.pf-menu-container{position:relative;}
.pf-main-menu{position:fixed;left:25px;top:0px;width:230px;}

.pf-card-header-title{float:left;width:60%;font-size:110%;font-weight:bold;text-transform:uppercase;}
.pf-card-header-new{float:right;text-align:right;width:35%;text-transform:initial;}
.pf-card-header-new a{color:#444}
.pf-card-header-new a:hover{color:#000}

.pf-table{background:#fff;border-collapse:collapse;width:100% !important;font-size:90%;}
.pf-table thead th, .pf-table thead td{background:#f0f0f0}
.pf-table tfoot th, .pf-table tfoot td{background:#f0f0f0}
.pf-table tbody tr{background:#fefefe;}
.pf-table tbody tr:nth-child(even) {background-color: #fcfcfc;}
.pf-table tbody tr:hover{background:lightyellow;}
.pf-table tbody tr td{text-align:left}
.pf-table-framed{border:1px solid #f0f0f0;width:100%;margin-bottom:30px;}
.pf-table-framed tr td{padding:10px;}

.pf-table-filters tr td.filter-name{color:#777;font-size:80%;padding-bottom:.1rem;}
.pf-table-filters tr td.filter-field{padding-top:.1rem;}


.pf-planning{position:relative !important;width:1550px;border:1px solid #ddd;padding:10px;}
.pf-planning-container{z-index:100;width:1530px;font-size:80%;padding:20px 0 30px 0;overflow-x:auto;overflow-y:initial}
.pf-planning-left{position:absolute;top:29px;left:9px;z-index:2000;width:225px;padding:2px;background:#fff;}
.pf-planning-right{margin-left:225px;float:left;}

.pf-planning-row{clear:both;}

.pf-planning-cell-void{border:1px solid #fff;height:60px;width:220px;margin:1px;background:#fff;}
.pf-planning-cell-user{border:1px solid #ddd;height:30px;width:220px;text-align:center;padding-top:4px;margin:1px 1px 2px 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff;}

.pf-planning-cell-calendar-month {float: left;border: 1px solid #ddd;height: 35px;width: 166px;text-align: center;margin: 1px;padding-top: 2px;background: #f2f2f2;line-height: 16px;}
.pf-planning-cell-calendar-month-item {float: left;border: 1px solid #ddd;height: 23px; width: 40px;text-align: center;margin: 1px;padding-top: 2px;background: #f2f2f2;line-height: 16px;
}
.pf-planning-cell-calendar{float:left;border:1px solid #ddd;height:60px;width:40px;text-align:center;margin:1px;padding-top:2px;background:#f2f2f2;line-height:16px;}
.pf-planning-cell-date{position:relative !important;float:left;border:1px solid #ddd;height:30px;width:40px;text-align:center;padding-top:5px;margin:1px;cursor:pointer;}
.pf-planning-cell-date:hover{border:1px solid #777;}

.pf-planning-popup-detail{z-index:2000;display:none;position:absolute;top:-80px;left:-80px;width:200px;height:70px;background:#e9e9e9;border:1px solid #000;padding:2px;border-radius:5px;
    box-shadow: 10px 10px 15px -3px rgba(0,0,0,.60);-webkit-box-shadow: 10px 10px 15px -3px rgba(0,0,0,.60);-moz-box-shadow: 10px 10px 15px -3px rgba(0,0,0,.60);
}
/*
.pf-planning-popup-detail::after {z-index:-99;content:"";position:absolute;width:0;height:0;margin-left:0;bottom:0;top:80px;left:200px;box-sizing:border-box;
    border:5px solid #444;border-color:transparent transparent green green;transform-origin:0 0;transform:rotate(225deg);/* removed box-shadow rule 
}
*/
.pf-planning-popup-detail::before {z-index:3000;content:"";position:absolute;width:0;height:0;margin-left:0;bottom:0;top:68px;left:calc(50% - 10px);box-sizing:border-box;
    border:7px solid #444;border-color:transparent transparent #000 #000;transform-origin:0 0;transform:rotate(315deg);
}

.pf-planning-task-buttons{position:absolute;top:-5px;left:-6px;width:20px;padding-top:5px;text-align:left;padding-right:1px;}

.pf-btn-xsmall {padding:.1rem .15rem;font-size:.7rem;line-height:1;}


.pf-planning-calendar-month{font-size:70%;text-transform:uppercase;color:gray}
.pf-planning-calendar-date{font-size:140%;font-weight:bold;}
.pf-planning-calendar-weekday{font-size:70%;color:gray}
.pf-planning-calendar-month-fest{font-size:70%;text-transform:uppercase;color:darkred}
.pf-planning-calendar-date-fest{font-size:140%;color:darkred;}
.pf-planning-calendar-weekday-fest{font-size:70%;color:darkred;}

.pf-planning-operator-name{font-weight:bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.pf-planning-operator-rule{font-size:90%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.pf-planning-project-abbr{color:#000;}
.pf-planning-project-name{height:20px;color:#000;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.pf-planning-task-name{height:20px;font-size:90%;color:#222;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.pf-planning-task-period{font-size:90%;color:#222}

.pf-table-projects{font-size:80%}
.pf-table-projects thead tr th{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pf-table-projects tbody tr td{padding:.3rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pf-table-projects tfoot tr td{padding:.3rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pf-table-projects tbody tr{background:#fff;}
.pf-table-projects tbody tr:nth-child(even) {background-color: #fff;}
.pf-table-projects tbody tr:hover{background:#fff;}
.pf-table-projects td{padding:.25rem;}
.pf-table-projects .yearnum{font-size:150%}
.pf-table-projects .weeknum{font-size:150%;}
.pf-table-projects .budget{font-size:90%}
.pf-table-projects .worked{font-size:90%}
.pf-table-projects .percentage-ok{color:green}
.pf-table-projects .percentage-over{color:red}
.pf-table-projects .totals-budget{font-weight:bold}
.pf-table-projects .totals-worked{font-weight:bold}
.pf-table-projects .totals-percentage-ok{font-weight:bold;color:green}
.pf-table-projects .totals-percentage-over{font-weight:bold;color:red}
.pf-table-projects .separator{border-right:1px solid #aaa;}

.pf-project-color-box{display:inline-block;width:18px;height:18px;border:1px solid #aaa;vertical-align:-15%;}

.pf-btn-nolink{cursor:none;padding:2px;}
.pf-btn-link{color:#fff !important}


.pf-assegnazioni-orelavorate{float:right;width:250px;margin:0 auto;max-height:100px;overflow:auto;margin-right:98px;}
.pf-assegnazione-orelavorate-table {width:100%;}
.pf-assegnazione-orelavorate-table td{padding:0.25em 1em;text-align:center !important;}

/* Modal Message*/

.pf-modal-message-ok {background: green;}
.pf-modal-message-ko {background: red;}
.pf-modal-message-alert {background: orange;}


/* BOOTSTRAP & SUFEE OVERRIDES  */

/* login mask */
.login-form label {text-transform:inherit}
.login-form {
    box-shadow: 14px 14px 15px 0px rgba(0,0,0,0.4);
    -webkit-box-shadow: 14px 14px 15px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 14px 14px 15px 0px rgba(0,0,0,0.4);
}

/* button */
.btn {
    border-radius: 5px;
}
.pf-btn-projects-accordion{color:#777;text-decoration:none;background-color:transparent;border-color:transparent;}
.pf-btn-projects-accordion:hover{color:#0056b3}

/* logo */
.navbar .navbar-brand img{max-width:220px;}

/* menu */
.navbar .navbar-nav li.menu-item-has-children .sub-menu {padding: 0 0 0 15px;}
.navbar .menu-title {color: #0069d9;font-size:inherit}
.navbar .navbar-nav li > a .menu-icon {width:25px}
/*.navbar .navbar-nav li.menu-item-has-children .sub-menu li a i {line-height: 25px;}*/
.menutoggle {background:#8ec4ff}

.navbar .navbar-nav li.menu-item-has-children a:before{top:0px;}
.navbar .navbar-nav li > a{padding:0px !important;font-size:inherit !important;}
.navbar .navbar-nav li > a:hover,
.navbar .navbar-nav li:hover > a .menu-icon{color:#fff985 !important;}


.navbar .navbar-nav li.menu-item-has-children .sub-menu li a{padding-left:20px !important;color:#bbb !important;}
.navbar .navbar-nav li.menu-item-has-children .sub-menu li a i{margin-left:0px;}

.navbar .navbar-nav li.menu-item-has-children .sub-menu li a:hover,
.navbar .navbar-nav li.menu-item-has-children .sub-menu li a:hover > i{color:#fff985 !important;}

/* datepicker */
.datepicker {
    font-size: 12px;
}

/* switch on/off */
.switch-primary > .switch-input:checked ~ .switch-label {background: #3e8fe6 !important}
.switch-label {border: 1px solid #999 !important;background: #ddd !important}
.switch-label::before {color: #000 !important;} /*off*/
.switch-label::after {color: #fff} /*on*/
.switch-handle {border: 1px solid #999 !important;background: #fff !important}

/* chosen dropdown */
.chosen-container-single .chosen-single{height:38px;border:1px solid #ced4da}
.chosen-container-multi .chosen-choices{border-radius:4px !important;border:1px solid #ced4da;padding:3px !important;}
.chosen-error{border:1px solid darkred !important;}
/*.chosen-error:after{content:"\f057";font-family:'FontAwesome';font-weight:900;font-size:130%;display:inline-block;width:20px;height:20px;position:absolute;color:red;top:5%;right:1%;background:#fff}*/
/*.chosen-valid:after{content:"\f058";font-family:'FontAwesome';font-weight:900;font-size:130%;display:inline-block;width:20px;height:20px;position:absolute;color:green;top:5%;right:2%;}*/

/* spectrum colorpicker */
.sp-replacer{width:4rem !important;height:1.8rem !important;}

.custom-file-label::after{content:'Sfoglia' !important;}


/* TABLEDIT override */
.tabledit-icon:hover{cursor:pointer}
.tabledit-input{width:100px;text-align:right}
.tabledit-toolbar{white-space:nowrap;}
.tabledit-edit-button, .tabledit-delete-button{ background:none; border:none}
.tabledit-confirm-button, .tabledit-restore-button, .tabledit-save-button {color:white;}


/* STYLED SCROLLBAR */
/* Works on Firefox */
* {scrollbar-width: thin;scrollbar-color: #0069d9 #f0f0f0;}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {width:6px;height:6px;}
*::-webkit-scrollbar-track {background:white;}
*::-webkit-scrollbar-thumb {background-color: #0069d9;border-radius: 7px;border: none;}

.pf-desktop-box:hover{border:1px solid #ddd !important;background:#f9f9f9 !important; cursor:pointer;}
.pf-desktop-box .count{font-weight:normal;font-size:1.5em;}
.pf-desktop-task{float:left;margin-right:10px;border:1px solid #bbb;color:#222 !important;padding:5px;width:200px;text-align:center;}
.pf-desktop-task:hover{color:#000;border:1px solid #777;
    box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.24);
    -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.24);
    -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.24);
}

.base-response-message, .base-response-loading{width:98%;margin:0 auto;}
.modal-response-message, .modal-response-loading {width: 100%;}

.pf-not-allowed {cursor:not-allowed;}

.currency-format {background-image: url('../../images/euro.png');background-repeat:no-repeat;background-position:left;}

.uploaded-image {max-width:200px;max-height:200px;margin:0 auto;border:7px solid #007bff ;padding:6px;}
.uploaded-error {margin:0 auto;width:200px;height:200px;background:#f4f4f4;padding-top:85px;color:red;font-weight:bold}
.user-avatar{border:2px solid #007bff;padding:2px;}

@media only screen and (max-width: 600px) {
    .pf-menu-container{position:inherit;}
    .pf-main-menu{position:inherit;left:inherit;top:inherit;width:inherit;}
}

.page-item.active .page-link {color:#6c757d !important;background:#0069d9 !important;color:#fff !important;border:1px solid #0069d9 !important;}
.dataTables_paginate .pagination li:hover a, .dataTables_paginate .pagination li.active:hover a{background:#ddd !important;border-color:#ddd !important;color:#000 !important;box-shadow:none !important}
.dataTables_paginate .pagination li.active{box-shadow:none !important}


.navbar .navbar-nav li > a.pf-menu-disabled {cursor: not-allowed; color: #555 !important;  }
.navbar .navbar-nav li > a.pf-menu-disabled:hover {color: #555 !important; }

.pf-external-cost thead th {
    background-color: #f0f0f0 !important;
    border-top: none !important;
    font-size: 12px;
    text-align: center;
}

.pf-external-cost tbody td {
    background-color: white;
    font-size: 10px;
    color: darkgrey;
    text-align: center !important;
}