/*
+------------------------------------------------------------------------------------------+
+------------------------------------------------------------------------------------------+
|
|   TeePee
|   Web: www.sinapto.com
|   Contatti: info@sinapto.com
|   ... TeePee
|
|   System Linux platform
|
+------------------------------------------------------------------------------------------+
+------------------------------------------------------------------------------------------+
*/

/******************************************************************************************/
/* 1 - STILI TEMATICI */
/******************************************************************************************/

:root {
    --white-color: white;
}

/*-----------------------------------------------------------------------------------------*/

 /* STILE BODY DELLA PAGINA */
BODY
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    background-color: #4d8ed0!important;
    background-repeat: repeat-x;
    background-image: url(/sitedesign/user/images/bg_gradiente_blu.jpg);
}
 /* STILE BACKGROUND */

hr {
    height: 1px;
    border-width:0;
    /* Set the hr color */
    color:gray;
    background-color:gray;
}

.body_popup {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    background-color: var(--white-color) !important;
    background-repeat: none !important;
    background-image: none !important;
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
}

.chosen-container {
    font-size:10px!important;
}

li.search-choice {
    padding: 1px 3px 1px 3px!important;
    margin: 1px!important;
}

.chosen-container-multi .chosen-choices {
    border: 1px solid #CCCCCC!important;
    background-image: none!important;
    background-color: #F4F4F4!important;
    line-height: 1.2;
}

.TeeBGColor1 {
    background-color: #498ACC;
}

.TeeBGColor2 {
    background-color: #E3E3E3;
}
.TeeBGColor3 {
    background-color: #F7F7F7;
}

.TeeBGColor4 {
    background-color: #F0F0F0;
}

.TeeBGColor5 {
    background-color: #A2BEDA;
}

.TeeBGColor6 {
    background-color: #CADBF7;
}
.TeeBGColorLightGray {
    background-color: #F0F0F0;
}
.TeeBGColorLightGreen {
    background-color: #f0FFf0;
}
.TeeBGColorLightRed {
    background-color: #FFE8E8;
}
.TeeBGColorLightBlu {
    background-color: #E8E8FF;
}

.TeeBGImage1 {
    background-image: url(/sitedesign/user/images/header_bg_gradiente.jpg);
    background-repeat: repeat-x; background-position: center
}
.TeeBGImage3 {
    background-image: url(/sitedesign/user/images/bg_sottomenu.gif);
    background-repeat: repeat-x; background-position: top
}

.TeeHolidaysRequested {
    background-color: #d8db28;
}
.TeeHolidaysTimesheet {
    background-color: #28db55;
}
.TeeHolidaysPlanned {
    background-color: #5577ff;
}
.TeeHolidaysDifferent {
    background-color: #FF0000;
}
/* ##### GANT ##### */
#gantt-container .highcharts-treegrid-node-level-1.highcharts-treegrid-node-expanded, #gantt-container .highcharts-treegrid-node-level-1.highcharts-treegrid-node-collapsed, #gantt-container .highcharts-treegrid-node-level-1.highcharts-treegrid-node-expanded{
    color: rgb(97, 97, 97)!important;
    font-family: Verdana, Arial, Helvetica, sans-serif!important;
    font-size: 11px!important;
    font-style: normal!important;
    border-color: #cccccc #cccccc #cccccc #cccccc!important;
    border-style: solid!important;
    border-top-width: 1px!important;
    border-right-width: 1px!important;
    border-bottom-width: 1px!important;
    border-left-width: 1px!important;
    background-Color: #e0e0e0!important;
    cursor: pointer!important;
    font-weight: bold!important;
    fill: rgb(97, 97, 97);
}
#gantt-container .highcharts-treegrid-node-level-1{
    font-family: Verdana, Arial, Helvetica, sans-serif!important;
    font-size: 11px!important;
    font-style: normal!important;
}
#gantt-container .highcharts-treegrid-node-level-2{
    font-family: Verdana, Arial, Helvetica, sans-serif!important;
    font-size: 10px!important;
    font-style: normal!important;
}
#gantt-container .highcharts-label-icon{
    fill:rgb(73 138 204)!important;
}
/*--*/

/* ##### MUTI_SELECT ##### */
.tee_multi_select_head {
    border: 1px solid #cccccc;
    background-color: #F4F4F4;
    color: #616161;
    font-size: 10px;
    overflow: clip;
    text-overflow: ellipsis;
    padding-right:5px;
}
.tee_multi_select_body {
    background-color: #F4F4F4;
    position: absolute;
    display: none;
    padding-right:5px;
    max-height: 400px;
    max-width: 200px;
    overflow-y: auto;
}
.tee_multi_select_apply {
    text-align: center;
    margin-top: 5px;
    padding-top: 5px;
    margin-bottom: 5px;
}
.tee_multi_select_option_div_all > label,
.tee_multi_select_option_div_all > input,
.tee_multi_select_option_div_single > label,
.tee_multi_select_option_div_single > input {
    cursor: pointer;
}
/*--*/

.logoProgeta img {
    height: 60px;
}
.extradata_project_group_edit td {
    padding: 2px;
    /* text-align:center; */
}
.extradata_project_group_view td {
    padding: 2px;
    /* text-align:center; */
}
.extradata_project_group_edit thead td {
    text-align:center;
}
.extradata_project_group_view thead td {
    text-align:center;
}

/*-----------------------------------------------------------------------------------------*/
/* STILI TESTO 1 */

.TeeText1 {
    color: #616161;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration:none;
}

.TeeTextWrap {
    white-space: normal;
}

a.TeeText1:link {
    color: #616161;
    text-decoration:none;
}

a.TeeText1:visited {
    color: #616161;
    text-decoration:none;
}

a.TeeText1:hover {
    color: #FF9C00;
    text-decoration:none;
}

a.TeeText1:active {
    color: #616161;
    text-decoration:none;
}


.TeeTitle1 {
    color: #498ACC;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-decoration:none;
}

a.TeeTitle1:link {
    color: #498ACC;
    text-decoration:none;
}

a.TeeTitle1:visited {
    color: #498ACC;
    text-decoration:none;
}

a.TeeTitle1:hover {
    color: #FF9C00;
    text-decoration:none;
}

a.TeeTitle1:active {
    color: #498ACC;
    text-decoration:none;
}


.TeeBigTitle1 {
    color: #498ACC;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-decoration:none;
    margin: 0px 0px 0px 0px;
}

a.TeeBigTitle1:link {
    color: #498ACC;
    text-decoration:none;
    font-weight: bold;
}

a.TeeBigTitle1:visited {
    color: #498ACC;
    text-decoration:none;
    font-weight: bold;
}

a.TeeBigTitle1:hover {
    color: #FF9C00;
    text-decoration:none;
    font-weight: bold;
}

a.TeeBigTitle1:active {
    color: #498ACC;
    text-decoration:none;
    font-weight: bold;
}

/* STILI TESTO 2 */

.TeeText2 {
    color: #FFFFFF;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    text-decoration:none;
}

a.TeeText2:link {
    color: #FFFFFF;
    text-decoration:none;
}

a.TeeText2:visited {
    color: #FFFFFF;
    text-decoration:none;
}

a.TeeText2:hover {
    color: #FFFFFF;
    text-decoration:underline;
}

a.TeeText2:active {
    color: #FFFFFF;
    text-decoration:none;
}


.TeeTitle2 {
    color: #FFFFFF;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    text-decoration:none;
}

a.TeeTitle2:link {
    color: #FFFFFF;
    text-decoration:none;
}

a.TeeTitle2:visited {
    color: #FFFFFF;
    text-decoration:none;
}

a.TeeTitle2:hover {
    color: #FFFFFF;
    text-decoration:underline;
}

a.TeeTitle2:active {
    color: #FFFFFF;
    text-decoration:none;
}


.TeeBigTitle2 {
    color: #FFFFFF;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-decoration:none;
    margin: 0px 0px 0px 0px;
}

a.TeeBigTitle2:link {
    color: #FFFFFF;
    text-decoration:none;
    font-weight: bold;
}

a.TeeBigTitle2:visited {
    color: #FFFFFF;
    text-decoration:none;
    font-weight: bold;
}

a.TeeBigTitle2:hover {
    color: #FFFFFF;
    text-decoration:none;
    font-weight: bold;
}

a.TeeBigTitle2:active {
    color: #FFFFFF;
    text-decoration:none;
    font-weight: bold;
}



/* STILI TESTO 3 */

.TeeText3 {
    color: #999999;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    text-decoration:none;
}

a.TeeText3:link {
    color: #999999;
    text-decoration:none;
}

a.TeeText3:visited {
    color: #999999;
    text-decoration:none;
}

a.TeeText3:hover {
    color: #999999;
    text-decoration:underline;
}

a.TeeText3:active {
    color: #999999;
    text-decoration:none;
}


.TeeTitle3 {
    color: #959595;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    text-decoration:none;
}

a.TeeTitle3:link {
    color: #959595;
    text-decoration:none;
}

a.TeeTitle3:visited {
    color: #959595;
    text-decoration:none;
}

a.TeeTitle3:hover {
    color: #959595;
    text-decoration:underline;
}

a.TeeTitle3:active {
    color: #959595;
    text-decoration:none;
}

/* STILI TESTO 4 */

.TeeText4 {
    color: #959595;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration:none;
}

a.TeeText4:link {
    color: #959595;
    text-decoration:none;
}

a.TeeText4:visited {
    color: #959595;
    text-decoration:none;
}

a.TeeText4:hover {
    color: #959595;
    text-decoration:underline;
}

a.TeeText4:active {
    color: #959595;
    text-decoration:none;
}


.TeeTitle4 {
    color: #959595;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    text-decoration:none;
}

a.TeeTitle4:link {
    color: #959595;
    text-decoration:none;
}

a.TeeTitle4:visited {
    color: #959595;
    text-decoration:none;
}

a.TeeTitle4:hover {
    color: #959595;
    text-decoration:underline;
}

a.TeeTitle4:active {
    color: #959595;
    text-decoration:none;
}

/* ERRORI */

.TeeTextError {
    color: #FF0000!important;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    text-decoration:none;
}

.TeeBGColorError {
    background-color: #FF0000!important;
}

.TeeBorderWarning {
    border-color: orange;
    border-style: solid ;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}


.TeeBorderError {
    border-color: #FF0000!important;
    border-style: solid ;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}

/******************************************************************************************/
/* 2 - STILI INPUT */
/******************************************************************************************/


.TeeInput {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    color: #616161;
    border: 1px solid #CCCCCC;
    border-right: #CCCCCC solid 1px;
    border-top: #CCCCCC solid 1px;
    border-bottom: #CCCCCC solid 1px;
    border-left: #CCCCCC solid 1px;
    background-color: #F4F4F4;
    display: inline;
}
.TeeInputError {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    color: #616161;
    border: 1px solid #FF0000 !important;
    border-right: #FF0000 solid 1px!important ;
    border-top: #FF0000 solid 1px!important ;
    border-bottom: #FF0000 solid 1px!important ;
    border-left: #FF0000 solid 1px!important ;
    background-color: #F4F4F4;
    display: inline;
}
.TeeInputWarning {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    color: #616161;
    border: 1px solid #FF6A00 !important;
    border-right: #FF6A00 solid 1px!important ;
    border-top: #FF6A00 solid 1px!important ;
    border-bottom: #FF6A00 solid 1px!important ;
    border-left: #FF6A00 solid 1px!important ;
    background-color: #F4F4F4;
    display: inline;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-right: #CCCCCC solid 1px;
    border-top: #CCCCCC solid 1px;
    border-bottom: #CCCCCC solid 1px;
    border-left: #CCCCCC solid 1px;
    background-color: #FF6A00;
    display: inline;
}
.TeeCheckbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    color: #616161;
    display: inline;
}
.TeeSubmit1 {
    border: 1px #FFFFFF solid;

    font-weight: normal;
    font-size: 10px;
    color: #959595;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: var(--white-color) ;
    cursor:pointer;
}
.TeeSubmit2 {
    font-weight: bold;
    font-size: 10px;
    color: #498ACC;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    cursor:pointer;
    display:inline;
}
.selected {
    background-color: #e0dddb;
}


/******************************************************************************************/
/* 3 - STILI IMPAGINAZIONE */
/******************************************************************************************/

table
{
    border-collapse: collapse;
    color: #616161;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration:none;
}

.TeeBorder {
    border-color: #959595 #959595 #959595 #959595;
    border-style: solid ;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}
.TeeBorder1 {
    border-color: #cccccc #cccccc #cccccc #cccccc;
    border-style: solid ;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}
.TeeBorderBottom1 {
    border-bottom: 1px solid #cccccc;
}
.TeeBorderTop1 {
    border-top: 1px solid #cccccc;
}
.TeeBorderTop2 {
    border-top: 1px solid #cccccc;
}
.TeeBorderRight1 {
    border-right: 1px solid #cccccc;
}
.TeeBorderLeft1 {
    border-left: 1px solid #cccccc;
}

.TeeTable {
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
}

/******************************************************************************************/
/* 4 - STILI TAB
/******************************************************************************************/

.TeeTabSelectedLeftBgImg {
    background-image: url(/sitedesign/user/images/tab_blu_left.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    padding:7px 0px 0px 0px;
}
.TeeTabSelectedCenterBgImg {
    background-image: url(/sitedesign/user/images/tab_blu_center.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    padding:7px 0px 0px 0px;
}
.TeeTabSelectedRightBgImg {
    background-image: url(/sitedesign/user/images/tab_blu_right.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    padding:7px 0px 0px 0px;
}
.TeeTabWhiteLeftBgImg {
    background-image: url(/sitedesign/user/images/tab_white_left.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    padding:7px 0px 0px 0px;
}
.TeeTabWhiteCenterBgImg {
    background-image: url(/sitedesign/user/images/tab_white_center.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    padding:7px 0px 0px 0px;
}
.TeeTabWhiteRightBgImg {
    background-image: url(/sitedesign/user/images/tab_white_right.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    padding:7px 0px 0px 0px;
}
.TeeTabAlertContainer {
    position:relative;
}
.TeeTabAlertText {
    position:absolute;
    top:-11px;
    right:4px;
    z-index:10;
    padding:2px;
    margin:0;
    line-height:10px;
    background-color:#ff0000;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color:#fff;
    font-size:10px;
    font-weight:bold;
}
.TeeTabAlertImage {
    position:absolute;
    top:-11px;
    right:4px;
    z-index:10;
    padding:2px;
    margin:0;
    line-height:10px;
    font-size:10px;
    font-weight:bold;
}

/******************************************************************************************/
/* 4-B - STILI TAB SECONDO LIVELLO
/******************************************************************************************/
.TeeTabSecLVLBoxBgImg {
    background-image: url(/sitedesign/user/images/tab_bg_secLvl.gif);
    background-repeat:repeat-x;
    background-position:0 24px;
    padding:0px;
    margin:5px 0px 10px 0px;
}
.TeeTabSecLVLBoxBgImg td {
    padding:0px;
    margin:0px;
}
.TeeTabSecLVLSelectedBgImg {
    /*float:left;*/
    background-image: url(/sitedesign/user/images/tab_bg_secLvl_selected.gif);
    background-repeat:repeat-x;
    background-position:top;
    border:1px solid #a8a8a8;
    border-bottom:1px solid #FFFFFF;
    background-color:#FFFFFF;
    padding:5px 4px 0px 4px;
    margin:0px;
    font-size:11px;
    height:18px;
    display:block;
    white-space: nowrap!important;
}
.TeeTabSecLVLBgImg {
    /*float:left;*/
    background-color:#e6e6e6;
    border:1px solid #a8a8a8;
    padding:0px 4px 0px 4px;
    margin:0px 0px 0px 0px;
    font-size:10px;
    height:15px;
    display:block;
}


/******************************************************************************************/
/* 5 - STILE TOOLTIP
/******************************************************************************************/

.TeeToolTip {
    position: absolute;
    display: none;
    border: 1px solid #97A5C2;
    background-color: var(--white-color);
    margin: 0;
    padding: 5px;
    z-index: 100;
}

.TeeToolTip td:first-child {
    padding-right: 5px;
}


/******************************************************************************************/
/* 6 - STILE HELPER
/******************************************************************************************/

#teepee_helper_dialog {
    font-size:12px;
    line-height: 15px;
    background-color: var(--white-color);
    position:relative
}

#teepee_helper_dialog_details_button {
    margin: 20px 0;
    font-weight:normal;
}

#teepee_helper_dialog_details {
    display:none;
}

#teepee_helper_dialog_footer {
    position: relative;
    bottom:0;
    margin:20px 0 0 0;
    padding: 3px;
    border-top: 2px solid #666666;
    overflow:hidden;
}

#teepee_helper_dialog_footer p {
    margin:0;
    font-weight:bold;
    font-size:10px;
    display:block;
    width:400px;
    float:left
}

#teepee_helper_dialog_footer label {
    font-weight: normal;
    text-transform:uppercase;
}

#teepee_helper_dialog_footer input[type="checkbox"] {
    margin-top:0px;
    vertical-align:middle;
    margin-left:15px;
}



/******************************************************************************************/
/* 6 - STILE TIMESHEET
/******************************************************************************************/


.teepee_timesheet_th_header {
    position: sticky;
    top: 0px;
    background-color: var(--white-color);
}
.teepee_timesheet_th_header:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0px;
    width: 100%;
    height:1px;
    background-color: #cccccc;
/*
    -webkit-box-shadow: 0px 9px 0px -7px rgba(0,0,0,0.2);
    box-shadow: 0px 9px 0px -7px rgba(0,0,0,0.2); */
}

.teepee_timesheet_details .newNote {
    background-image: linear-gradient(bottom, rgb(242,245,247) 10%, rgb(221,221,221) 78%);
    background-image: -o-linear-gradient(bottom, rgb(242,245,247) 10%, rgb(221,221,221) 78%);
    background-image: -moz-linear-gradient(bottom, rgb(242,245,247) 10%, rgb(221,221,221) 78%);
    background-image: -webkit-linear-gradient(bottom, rgb(242,245,247) 10%, rgb(221,221,221) 78%);
    background-image: -ms-linear-gradient(bottom, rgb(242,245,247) 10%, rgb(221,221,221) 78%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.1, rgb(242,245,247)),
        color-stop(0.78, rgb(221,221,221))
    );
    background-image:url(/sitedesign/user/images/newnote_gradient.jpg);
    background-repeat:repeat-x;

    padding:0;
    margin:5px;
    border-top: 1px solid #fff;
    /*border-radius: 5px;
    -moz-border-radius: 5px;        // Per Firefox
    -webkit-border-radius: 5px;     // Per Chrome
    */
}

.teepee_timesheet_details .ui-dialog-titlebar {display:none}

/******************************************************************************************/
/* 7 - PROJECT/SELECT COMPANY
/******************************************************************************************/

.teepee_ui_autocomplete_select_customer_li {
    /* teetext1 */
    color: #616161;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration:none;
}

.taskCompleted {
    text-decoration: line-through;
}

.teepee_viewproject_div_warning_orders_only_message {
    width:100%;
    /* height:23px;
    line-height: 23px; */
    background-color:#F7F7F7;
    border-color: #959595 #959595 #959595 #959595;
    border-style: solid ;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    margin-bottom: 3px;
}
.teepee_viewproject_div_warning_orders_only_message div {
    padding-left: 10px;
    display:table-cell;
    vertical-align:middle;
    font-weight: bold;
    white-space: normal!important;
}

/******************************************************************************************/
/* 8 - LOADER
/******************************************************************************************/
.jquery_teepee_loader {
    position: absolute;
    width:100%;
    height:100%;
    display:none;
    z-index:100;
    margin: 0px auto;
    background-color:#E0E0E0;
    opacity: 0.9;
    filter: alpha(opacity=80);
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    color: #616161;
}


/******************************************************************************************/
/* 9 - FILE MANAGER
/******************************************************************************************/
.tee_file_upload_input{
    display: inline!important;
    font-size: 11px;
}
.tee_file_upload_button{
    /* border: 1px solid;
    display: inline!important;
    font-size: 11px; */
    display: none!important;
}
.tee_file_single_upload_container {
    border: 1px solid #ccc!important;
    width: 390px;
    margin-top: 6px;
    background-color: #EEE;
    padding: 4px;
    font-size: 11px;
    overflow: hidden;
}
.tee_file_single_upload_filename {
    border: 0px solid blue!important;
    display: inline-block!important;
    width: 230px;
    white-space: nowrap;
    font-size: 11px;
    vertical-align: middle;
    font-size: 11px;
}
.tee_file_single_upload_filesize {
    /*color: black;*/
}
.tee_file_single_upload_progress {
    border: 1px solid #ccc!important;
    padding: 1px;
    display: inline-block!important;
    width: 130px;
    background:#FFF!important;
    vertical-align: middle;
    font-size: 11px;
}
.tee_file_single_upload_abort {
    border: 0px solid green!important;
    display: inline-block!important;
    cursor: pointer;
    width: 14px;
    padding-top: 0px;
    float: right;
    font-size: 11px;
}
#id_tee_file_progress_div_proposal_data_background_attach_ {
    margin-top:10px;
}
#id_tee_file_progress_single_progress_proposal_data_background_attach__0 {
    height:20px;
}
.body_pdf_report {
    background-color: var(--white-color)!important;
    background-image: none;
}


.teepee_holiday_th_header {
    position: sticky;
    top: 0px;
    background-color: var(--white-color);
}
.teepee_holiday_th_header:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0px;
    width: 100%;
    height:1px;
    background-color: #cccccc;
/*
    -webkit-box-shadow: 0px 9px 0px -7px rgba(0,0,0,0.2);
    box-shadow: 0px 9px 0px -7px rgba(0,0,0,0.2); */
}
/* title block */
.pj-block-title{font-size: 12px;}
.TeeTitle1 td:has(.pj-block-title){
    padding-top: 10px;
}
.pj-notedoc {
    height: calc(100vh - 295px);
}
.pj-notedoc__tree {
    border: 1px solid #ccc;
    box-shadow: none;
    border-radius: 0;
}
.pj-viewproject-main-content {
    padding: 4px;
}

.pj-structorder {
	display: flex;
	width: 100%;
}
.pj-structorder__list {
    width: 270px;
	border: 1px solid #ccc;
	padding: 0.5rem;
	border-collapse: collapse;
	overflow: hidden;
}
.pj-structorder__main {
	display: flex;
    width: calc(100% - 270px);
	flex-direction: column;
	padding: 0.5rem;
}
.pj-structorder__label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.2rem;
    margin-top: 0.5rem;
    min-height:24px;
    text-align: right;
}
.pj-structorder__label >*:first-child, .pj-structorder__project-label {
    color: #498ACC;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.pj-structorder__label{
    margin-bottom: 0;
}
.pj-structorder__filter {
	display: flex;
	min-height:24px;
	align-items: center;
    justify-content:space-between;
    margin-bottom:5px;
    flex: 0;
}
.pj-structorder__elements ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    margin-top: 0;
}
.pj-structorder__elements ul li {
    margin: 0.2rem 0;
    border: 1px solid #ccc;
}
.pj-structorder__elements ul li:hover a, .pj-structorder__elements ul li a.selected {
    background-color: #e0e0e0;
}
.pj-structorder__elements ul li a {
    display: flex;
    width: 100%;
    text-decoration: none;
    background-color: #F7F7F7;
    position: relative;
}
.pj-structorder__elements ul li a, .pj-structorder__elements ul li a:hover, .pj-structorder__elements ul li a:focus, .pj-structorder__elements ul li a:active {
    color: #616161;
}
.pj-structorder__elements ul li.order-active a {
    background-color: hsl(210,calc(52% - 5%), calc(28% + 60%))!important;
}
.pj-structorder__elements ul li.order-active a.selected, .pj-structorder__elements ul li.order-active a:hover{
    background-color: hsl(210,calc(52% - 5%), calc(28% + 20%))!important;
    color: white;
    transition: all 0.3s;
}
.pj-structorder__elements ul li.order-no-active a.selected{
    background-color: hsl(210,calc(52% - 5%), calc(28% + 20%))!important;
    color: white;
    transition: all 0.3s;
}
.pj-structorder__content {
    flex: 2;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 0.2rem;
}
.pj-structorder__check {
    padding: 0.2rem;
}
.pj-structorder__content span {
    white-space: normal;
}
.pj-structorder__project {
	text-decoration: none;
    padding: 0;
	margin: 0.2rem 0;
    margin-bottom: 0.5rem;
    border: 1px solid #ccc;
}
.pj-structorder__project:has(.selected) {
	background-color: #e0e0e0;
}
.pj-structorder__project a  {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	text-decoration: none;
	font-weight: 300;
    padding: 0.5rem 0.5rem;
}
.pj-structorder__project a.selected, .pj-structorder__project a:hover{
    background-color: hsl(210,calc(52% - 5%), calc(28% + 20%))!important;
    color: white!important;
    transition: all 0.3s;
}
.pj-structorder__project a.selected .pj-structorder__project-label, .pj-structorder__project a:hover .pj-structorder__project-label{
    color: white!important;
}
.pj-structorder__project a.selected .pj-structorder__project-title, .pj-structorder__project a:hover .pj-structorder__project-title{
    color: white!important;
}
.pj-structorder__project a .pj-structorder__project-title{
    margin: 0.2rem 0;
    text-transform: uppercase;
}
/*
.pj-structorder__elements ul li.order-active a:after {
    font-family: "Font Awesome 6 Free";
    content: "\f042";
    display: block;
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 0.6rem;
    color: var(--color-primary);
    font-weight: 900;
}
.pj-structorder__elements ul li.order-no-active a:after {
    font-family: "Font Awesome 6 Free";
    content: "\f111";
    display: block;
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 0.6rem;
    color: #cccccc;
    font-weight: 900;
}
*/
.pj-structorder__elements ul li.order-no-active a:hover:after, .pj-structorder__elements ul li.order-no-active a.selected:after {
    color: var(--color-primary-light);
}
.pj-structorder__elements ul li.order-active a:hover:after, .pj-structorder__elements ul li.order-active a.selected:after {
    color: white;
}
.my-2{
    margin-top:0px;
    margin-bottom:12px;
}
.pj-btn-accordion{
    background: transparent;
    border: none;
}
.pj-disabled .pj-btn-accordion{
    color: #999999;
    font-weight: 300;
}
.pj-active .pj-btn-accordion{
    color: #333333;
    font-weight: 700;
}
.JMenuPrjVoci.pj-active{
    font-weight: 700;
    background-color: hsl(210,calc(52% - 5%), calc(28% + 60%))!important;
}
.JMenuPrjVoci.pj-disabled{
    font-weight: 700;
    background-color: #f7f7f7!important;
}
.pj-viewproject-main-content form {
    width: 100%;
  }
  .pj-viewproject-main-content__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.8rem;
    padding: 4px 4px 10px;
  }
  .pj-viewproject-main-content__primary-actions {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
  }
  .pj-viewproject-main-content__filters {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
  }
  .pj-viewproject-main-content__secondary-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
  }
.pj-viewproject-main-content__primary-actions{
    margin-right:10px;
}
.pj-viewproject-main-content__filters .form-check, .pj-viewproject-main-content__filters .btn-group{
    display:flex;
    align-items: center;
    margin-right: 15px;
}
.pj-viewproject-main-content__filters .pj-switch-label{
    margin-right:4px;
}
/*deliverable*/
.pj-structorder__elements__item{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 4px;
}
.pj-structorder__elements__item .badge.bg-dark, .pj-structorder__elements__item .badge.bg-light{
    margin-top:0.4rem;
}
.pj-structorder__project-title{
    color: #616161;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
/* scheda progetto > preventivo */
.pj-revenues--bg{
	background-color: #f0FFf0;
}
.pj-costs--bg{
	background-color: #FFE8E8;
}
.pj-economic-indicators--bg{
	background-color: #E8E8FF;
}
.pj-revenues--bg:hover, .pj-costs--bg:hover, .pj-economic-indicators--bg:hover{
    filter: brightness(0.95);
}
.pj-revenues--bg h3, .pj-costs--bg h3, .pj-economic-indicators--bg h3{
    font-size:var(--normal-font-size);;
    margin: 0;
}
.pj-structorder__content table:first-child tr:last-child td{
    padding-bottom: 10px;
}
.pj-structorder__content label{
    white-space: nowrap;
    margin-left: 4px;
    margin-right: 4px;
}
.pj-count{
    margin-left: 10px;
    font-weight: 700;
}.pj-count-attivita__count{
    font-weight: 700;
}
label{font-weight: 700;}

.planning--checkbox {
    cursor: pointer;
    width: 1.5rem !important;
    height: 1.5rem !important;
}
.d-flex{
    display: flex;
}
.align-items-center{
    align-items: center;
}
.justify-content-start{
    justify-content:flex-start;
}
.d-block{
    display: block;
}
.col, .col-auto{
    width: auto;
    display: inline-block;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}
.ps-4{
    padding-left: 1rem;
}
.mt-1{
    margin-top: 0.4rem;
}
.mb-1{
    margin-bottom: 0.4rem;
}
.ms-1{
    margin-left: 0.4rem;
}
.m-1-children > * {
    margin-right: 0.3rem;
}
.ms-2{
    margin-left: 0.8rem;
}
.btn{
    margin-right: 0.2rem;
    white-space: nowrap;
}
thead, .thead, .pj-thead{
    font-weight: 700;
}
.text-center{text-align: center;}
button:disabled,
button[disabled],input:disabled,
input[disabled]{
  border: 1px solid #dddddd!important;
  background-color: #f0f0f0!important;
  color: #c9c9c9!important;
  cursor: not-allowed!important;
}
/* 20240207, luca: nascosto per errori nelle extras /*
/* .pj-alert{
    padding: 0.4rem;
    margin-bottom: 0.4rem;
} */
.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border: 1px solid #f5c2c7;
    border-radius: 0.375rem;
}
.form-check-inline{
    margin-right:0.4rem;
    margin-bottom: 0.4rem;
}
.pj-notedoc__list img {
    margin: 4px;
    width: 16px!important;
    height: 16px!important;
}
.pj-icon.fas.fa-star{
    color: #F4861F;
}
.mb-3{
    margin-bottom: 1rem !important;
}
.mt-3{
    margin-top: 1rem !important;
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* gestione colonne pagina elenco progetti */
.pj-gest-col-container {
    display: flex;
    justify-content: space-between;
    background-color: #FAFAFA;
    border-radius: 0.2rem;
    padding: 0.2rem;
    overflow: hidden;
  }
  .pj-gest-col-container label {
    margin: 0.2rem 0 0.4rem 0;
  }
  .pj-gest-col-container ul li {
    transition: all 0.1s;
  }
  .pj-gest-col-container ul li .drag-icon {
    display: flex;
    align-items: center;
    margin-left: 0.4rem;
  }
  .pj-gest-col-container ul li i {
    color: #498ACC;
  }
  .pj-gest-col-container ul li:hover {
    transform: scale(1.24);
    background-color: #498ACC;
    color: white;
    cursor: grab;
  }
  .pj-gest-col-container ul li:hover i {
    color: white;
  }
  .pj-gest-col-container ul:first-child li:hover {
    transform: translate(14px, 0px) scale(1.2);
  }
  .pj-gest-col-container ul:last-child li:hover {
    transform: translate(-14px, 0px) scale(1.2);
  }
  .pj-gest-col-container__drag-container {
    display: flex;
    justify-content: space-between;
  }
  .pj-gest-col-container__drag-container ul {
    flex: 1;
    margin-right: 2px;
    margin-bottom: 0;
    margin-top: 0px;
    padding-left: 0;
    padding: 0.2rem;
    background-color: #F7F7F7;
    box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
  }
  .pj-gest-col-container__drag-container ul:last-child {
    margin-right: 0;
  }
  .pj-gest-col-container__drag-container ul li {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0.25rem 0.2rem;
    border-radius: 0.2rem;
    background-color: var(--white-color);
    border-radius: 4px;
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.18);
    border-radius: 0;
  }
  .pj-gest-col-container .pj-arrow-right i {
    font-size:1rem;
  }
  .pj-gest-col-container__drop-container {
    width: 15%;
    padding-left: 0;
    padding: 0.4rem;
    margin-bottom: 0;
    border-radius: 4px;
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.18);
  }
  .pj-gest-col-container__drop-container li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0.2rem 0;
    padding: 0.3rem;
    border-radius: 0.2rem;
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.18);
    background-color: var(--white-color);
  }
  .pj-gest-col-container__drop-container #visible_columns{
    padding-left: 0px;
    width: 100%;
  }

  .col_sortable {
    list-style-type: none;
    float: left;
  }

  .col_sortable li {
    cursor: pointer;
  }


  .text-end {
    text-align: right;
  }

.table-responsive>table {
    width: 100%;
    margin: 0;
    border: none;
    border-collapse: separate;
    border-spacing: 0;
}
.table-responsive #id_company_table thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
}
.table-responsive tr:nth-child(odd).pj-thead--filters, .table-responsive tr:nth-child(even).pj-thead--filters {
    background: hsl(242, calc(52% - 45%), calc(28% + 60%)) !important;
}
.badge {
    --bs-badge-padding-x: 0.4rem;
    --bs-badge-padding-y: 0.2rem;
    --bs-badge-font-size: 0.6rem;
    --bs-badge-font-weight: 700;
    --bs-badge-color: var(--color-primary);
    --bs-badge-border-radius: 50px;
    background-color: hsl(210,calc(52% - 25%), calc(28% + 35%))!important;
    border: var(--bs-border-width) var(--bs-border-style);
    border-color: rgba(255, 255, 255, var(--bs-border-opacity)) !important;
    text-transform: uppercase;
    color: white;
    letter-spacing: 0.05rem;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: white;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius);
}
.badge.bg-light{
    background-color: var(--white-color) !important;
    font-weight: 300;
    color: #999999;
}
.badge.bg-light i{
    color: #cccccc;
}
/*
.table-responsive>table>tbody>tr td:first-child {
    position: sticky;
    left: 0;
}
*/
/*
.table-responsive thead tr td {
    position: sticky;
    top: 0;
}
.table-responsive thead tr:nth-child(2) td {
    top: 26px;
}
.table-responsive thead tr:nth-child(3) td {
    top: 50px;
}
*/
/*
.table-responsive thead tr td:first-child {
    position: sticky;
    left: 0;
    border-right-color: #aaa;
    z-index: 5;
}
*/
.table-responsive>table{
    border-collapse: collapse;
}
.btn.btn-secondary.dropdown-toggle.pj-dropdown{
    display: none;
}
#id_company_table td{
    padding:0 3px;
}
.homepage-box-left-utilities {
    flex: 0 0 200px;
    padding:8px;
}
.homepage-box-content{
    padding:8px;
    padding-left: 0px;
    width: 100%;
}
#main_planner{display: flex;}
/* slide out panel */
.js-cd-panel-trigger, .cd-panel__header {display:none;}
.pj-fullwidth__content {
    margin-top:10px;
}
.pj-badge {
    margin-left: 4px!important;
    padding: 2px;
    margin: 0;
    line-height: 10px;
    background-color: #ff0000;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
}
.pj-grid {
    display: grid;
    grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
    grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
    gap: var(--bs-gap, 1rem);
}
#pj-btns, .chart_invoiced, .chart_profitability {
    margin-bottom: 0.4rem;
}
.chart-bar-column-graphbox-label{
    min-height: 60px;
}
  /**/
.cursor-pointer {
    cursor: pointer;
}
#id_all_visible_columns{
    z-index: 99;
}
.pj-progress-bar.pj-mid-progress-color{
	background-color:#3365ae;
}
.pj-progress-bar.bg-success{
	background-color:#198754;
}
.pj-progress-bar.bg-warning{
	background-color:#ffc107;
}
.pj-progress-bar.bg-danger{
	background-color:red;
}
.pj-progress-bar.border.border-danger{
    border: 1px solid red;
}

.nav.nav-tabs {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0.125rem;
    margin: 0;
    margin-bottom: -5px;
    margin-top: 5px;
}

.nav-tabs > .nav-item {
    color: #616161;
    background-color: #F0F0F0;
    padding: 0.5rem;
    border: 1px solid #CCC;
    margin-right: 1px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.nav-tabs > .nav-item:has(a.active) {
    background-color: #498ACC !important;
}

.nav-tabs > .nav-item > .nav-link {
    color: #616161;
    text-decoration: none;
}
.nav-tabs > .nav-item > .nav-link.active {
    font-weight: bold;
    color: #fff;
}
.flatpickr-day.selected {
    color: #000 !important;
}

.d-none {
    display: none;
}

.flex-column {
    flex-direction: column;
}

.info-error-box > div > div {
	margin-bottom: auto;
	margin-top: auto;
	height: 14px;
}

.info-error-box {
	min-height: 34px;
	max-height: 34px;
	overflow-y: hidden;
	overflow-x: hidden;
	max-width: 500px;
	background-color: white;
}

.info-error-box:hover {
	/* max-height: fit-content; */
	white-space: nowrap;
	max-width: fit-content;
    overflow-y: auto;
}
.info-error-box > div > div {
	margin-bottom: auto;
	margin-top: auto;
	height: 14px;
  	white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 0.2rem;
}