/*DEFAULT LAYOUT*/
/*classi relative ai controlli di layout standard - DA MODIFICARE per la personalizzazione*/

body {
    margin: 0px;
    background-color: rgb(238,238,238);
}

    body.mainBody {
        font-size: 14px;
        font-family: Arial;
        margin: 0px;
        background-color: rgb(238,238,238);
    }

    body.emptyBody {
        font-size: 14px;
        font-family: Arial;
        margin: 0px;
        background-color: rgb(238,238,238);
    }

    body.openerBody {
        font-size: 14px;
        font-family: Arial;
        margin: 0px;
        background-color: rgb(238,238,238);
    }


.defaultHeader1 {
    width: 100%;
    background-color: rgb(220, 220, 220);
    margin-bottom: 10px;
}

.defaultHeader2 {
    width: 100%;
    height: 30px;
    color: white;
    border-bottom-color: rgb(220, 220, 220);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.defaultHeader3 {
    border-right-color: rgb(210, 210, 210);
    border-right-width: 4px;
    border-right-style: solid;
}

.defaultHeader4 {
    width: 175px;
    font-size: 11px;
    margin-left: 10px;
}

.defaultHeader5 {
    height: 15px;
}

.defaultHeader6 {
    width: 100%;
    color: dimgray;
    padding-left: 14px;
}

.defaultLoginHeader1 {
    width: 500px;
    margin-top: 10%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.defaultLoginHeader2 {
    width: 500px;
}

.defaultFooterPlaceholder {
    height: 200px;
}
.defaultFooter0 {
    height: 100px;
    width: 100%;
    margin-top: 30px;
    background-color: lightgray;
    opacity: 0.8;
    bottom: 0px;
    padding: 20px;
    text-align: center;

}
.defaultFooter1 {
    margin-left: auto;
    margin-right: auto;
    width: 320px;
    margin-bottom: 14px;
    font-size: 13px;
    color: rgb(47, 47, 47);
    text-align: center;
}
.defaultFooter2 {

}
.defaultFooter2 img {
    float: left;
    width: 45px;
    margin: 2px;
    cursor: pointer;
}
.defaultFooter2 img:hover {
    float: left;
    width: 49px;
    margin: 0px;
}
.defaultFooter3 {
    float: left;
    text-align: left;
    margin-left: 10px;
    margin-top: 6px;
    width: 260px;
}
.defaultFooter4 {
    text-decoration: none;
    color: rgb(68, 68, 68);
}
.defaultFooter4:hover {
    color: black;
}
.defaultFooter5 {
    float: left;
    text-align: left;
    margin-left: 10px;
    width: 260px;
}
.defaultEmptyFooter {
    width: 100%;
    height: 150px;
    background-color: rgb(238,238,238);
}



.pageBodyContainer {
    min-height: 300px;
    background-color: rgb(238,238,238);
    border-bottom: 1px solid rgb(238,238,238);
    /*DA RIVEDERE padding-bottom: 100px;*/
    clear: both; /*per correggere l'errato dimensionamento in altezza con oggetti float all'interno del div (es menu predefinito)*/
}
    .pageBodyContainer:after { /*per correggere l'errato dimensionamento in altezza con oggetti float all'interno del div (es menu predefinito)*/
        clear: both;
        content: "";
        display: table;
    }
.pageBodyDiv {
    margin: 0px;
    background-color: rgb(238,238,238);
}
/*NEWS MONITOR BOX*/
table.newsMonTable {
    font-size: 9px;
    width: 160px;
    background-color: rgb(238,238,238); /*più chiaro rgb(79,81,88); altra gradazione rgb(59,61,70);*/
    border: 1px solid rgb(238,238,238);
    /*border-bottom: 6px solid rgb(220, 220, 220);*/
    color: gray;
    height: 52px;
    /*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
}

td.newsMonTd1 {
    font-weight: bold;
    padding: 4px;
    text-align: right;
    vertical-align: middle;
    cursor: pointer;
}

td.newsMonTd2 {
    padding-left: 0px;
    padding-right: 4px;
    background-color: rgb(238,238,238);
}

.newsMonDiv {
    float: right;
    cursor: pointer;
    width: 24px;
    height: 24px;
}

    .newsMonDiv img {
        width: 24px;
    }
/*NEWS MONITOR BOX END*/

/*LOGIN CONTROL BOX*/
table.loginControlTable {
    font-size: 9px;
    width: 160px;
    background-color: rgb(238,238,238);
    color: gray;
    border: 1px solid rgb(238,238,238);
    height: 52px;
    margin-right: 10px;
    margin-left: 20px;
    /*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
    box-shadow: -5px 0 5px -5px rgba(0,0,0,0.23);
}

td.loginControlTd1 {
    font-weight: bold;
    text-align: right;
    cursor: pointer;
    padding-bottom: 6px;
    color: Gray;
    vertical-align: middle;
    min-width: 80px;
    padding: 4px;
}

    td.loginControlTd1:hover {
        color: darkorange;
    }

td.loginControlTd2 {
    padding-right: 4px;
    padding-left: 4px;
    vertical-align: middle;
    background-color: rgb(238,238,238);
    color: gray;
}

td.loginControlTd3 {
    height: 0px;
    padding: 0px;
}

td.loginControlTd4 {
    vertical-align: middle;
    background-color: rgb(238,238,238);
    color: gray;
    padding-left: 20px;
    padding-right: 10px;
}

    td.loginControlTd4 div {
        background-image: url("../Graphic/MosaicoLogoCompact.png");
        background-repeat: no-repeat;
        width: 36px; /* Width of new image */
        height: 30px; /* Height of new image */
        padding-left: 0px; /* Equal to width of new image */
        padding-right: 0px; /* Equal to width of new image */
        background-size: cover;
        cursor: pointer;
    }
    td.loginControlTd4:hover {
        opacity: 0.5;
    }
    /*td.loginControlTd4 img {
        height: 32px;
    }*/

/*td.loginControlTd5 {
    min-height: 0px;
    height: 0px;
    border-bottom: 6px solid rgb(220, 220, 220);
}*/

/*div.loginControlDiv {
    background-image: none;
    cursor: pointer;
    width: 24px;
    height: 24px;
}*/

div.loginControlDiv {
    background: url("../Graphic/loginBoxButton.png") no-repeat;
    cursor: pointer;
    width: 24px;
    height: 24px;
    background-size: cover;
}
div.loginControlDiv:hover {
    opacity:0.5;
}

    /*div.loginControlDiv img {
        width: 24px;
        background-image: none;
        height: 24px;
        cursor: pointer;
    }*/

.colorBackground6 {
    background-color: rgb(238,238,238);
}


div.companyControlDiv {
    cursor: pointer;
    background-image: url('../graphic/loginBoxCompanyButton.png');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}
    div.companyControlDiv:hover {
        opacity: 0.5;
    }
div.menuHorLoginSummary {
    position: absolute;
    background-color: #f2f2f2;
    border-top: 1px solid black;
    border-bottom: 3px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    color: Black;
    text-align: left;
    font-size: 9px;
}

.loginControlSummaryCLSID {
    padding: 4px;
}
/*LOGIN CONTROL BOX END*/

/*LOGIN--------------------------------------*/
div#loginContainer {
    width: 500px;
    height: 150px;
    background: rgb(238,238,238);
    margin: 10px;
    color: gray;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
}

div.loginButtonContainer {
    width: 150px
}

.loginLbUsername {
    min-width: 80px;
    width: 80px;
}

.loginLbPassword {
    min-width: 80px;
    width: 80px;
}

.loginTxUsername {
    width: 280px;
    margin-left: 8px;
}

.loginTxPassword {
    width: 280px;
    margin-left: 8px;
}

.loginButton {
    float: right;
    margin: 8px;
    width: 48px;
    height: 48px;
    border: 0px solid white;
    cursor: pointer;
}

    .loginButton:hover {
        margin: 4px;
        width: 56px;
        height: 56px;
    }

.loginCompanyButton {
    float: right;
    margin: 8px;
    width: 48px;
    height: 48px;
    border: 0px solid white;
    cursor: pointer;
}

    .loginCompanyButton:hover {
        margin: 4px;
        width: 56px;
        height: 56px;
    }
/*LOGIN END----------------------------------*/




/*TOOLBAR-------------------------------------*/
.contMenuFooterDupTable {
    width: 600px;
}

.contMenuFooterDupFooter {
    background-color: #DCDCDC;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    text-align: right;
    padding: 4px;
}

.contMenuFooterDupButton {
    background-color: #DCDCDC;
    border: 1px solid black;
    font-size: 11px;
    height: 20px;
    cursor: pointer;
}


.toolbar {
    z-index: 200;
    width: 100%;
    margin-right: auto;
    position: fixed;
    top: 0px;
    text-align: left;
    height: 65px;
    margin-left: 0px;
}

.toolbarBody {
    z-index: 200;
    width: 100%;
    height: 58px;
}

.toolbarTitle {
    height: 0px;
    border-top: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    background-image: none;
    background-repeat: repeat-x;
    background-color: rgb(238,238,238);
}

.toolbarTitleIframe {
    z-index: 100;
    position: fixed;
    bottom: 0px;
    height: 82px;
    width: 100%;
    border: 0px solid;
}

.toolbarButton {
    width: 44px;
    height: 44px;
    cursor: pointer;
    margin: 2px;
}

.toolbarButton:hover {
    width: 48px;
    height: 48px;
    margin: 0px;
}

.toolbarButtonDisabled {
    width: 44px;
    height: 44px;
    margin: 2px;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}

.toolbarSxTd {
    border-right: 4px solid rgb(238,238,238);
    padding-right: 10px;
    padding-left: 6px;
}

.toolbarSxInnerTable {
    margin-right: 10px;
}

.toolbarTopSpacer {
    /*Spaziatura per impedire sovrapposizione (da uniformare all'altezza della toolbar)*/
    width: 100%;
    height: 59px;
}

.toolbarBottomSpacer {
    /*Spaziatura per impedire sovrapposizione (da uniformare all'altezza della toolbar)*/
    width: 100%;
    height: 0px;
}
/*TOOLBAR END-------------------------------------*/


.reservedAreaPanel {
    width: 50%;
    height: 260px;
    float: left;
    background-color: transparent;
}

.reservedAreaInnerPanel {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
    background-color: white;
    padding: 20px;
}
.reservedAreaMobileSelection {
    width: 100px;
    padding-left: 20px;
}
    .reservedAreaMobileSelection div {
        font-weight: bold;
        color: Gray;
        margin-bottom: 4px;
    }
    .reservedAreaMobileSelection span {
        margin-left: 4px;
        cursor: pointer;
    }
.reservedAreaHeaderImage {
    padding-right: 40px;
    padding-left: 40px;
}
    .reservedAreaHeaderImage img {
        max-height: 40px;
        max-width: 140px;
    }
.masterBottomHtmlContent_td {
    height: 150px;
}
/*DEFAULT LAYOUT:::::::::::::: END*/

/*LIST CONTAINER---------------------------------*/
tr.listContRow {
    background-color: white;
    cursor: pointer;
}

    tr.listContRow:hover {
        background-color: lightgray;
    }

td.listSelectionTd {
    font-size: 10px;
    color: Gray;
    cursor: pointer;
    vertical-align: top;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: 1px solid gray;
}

td.listCheckBoxTd {
    font-size: 10px;
    color: Gray;
    cursor: pointer;
    vertical-align: top;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: 1px solid gray;
}

td.listRecordTd {
    vertical-align: top;
    padding-top: 4px;
    padding-left: 4px;
    border-bottom: 1px solid gray;
}

td.listTitleTd {
    padding-left: 4px;
    border-bottom: 1px solid gray;
    background-color: #F2f2f2;
}

td.listToolbarTd {
}

img.bt_listSelection {
    width: 16px;
    height: 16px;
}

    img.bt_listSelection:hover {
        opacity: 0.8;
    }

img.bt_listSelectionMobile {
    width: 24px;
    height: 24px;
    margin-bottom: 10px;
}

    img.bt_listSelectionMobile:hover {
        opacity: 0.8;
    }

img.listButton {
    float: left;
    cursor: pointer;
    border-right: 1px solid gray;
    font-size: 9px;
    padding: 2px;
    width: 16px;
    height: 16px;
}

    img.listButton:hover {
        background-color: lightgray;
    }

img.listButtonMobile {
    float: left;
    cursor: pointer;
    border-right: 1px solid lightgray;
    font-size: 9px;
    padding: 2px;
    width: 24px;
    height: 24px;
}

    img.listButtonMobile:hover {
        background-color: lightgray;
    }

table.listTableContainer {
    border: 0px solid White;
    background-color: White;
    position: fixed;
    z-index: 10;
    box-shadow: inset 0 -3em 3em rgba(0,0,0,0.1), 0 0 0 2px rgb(255,255,255), 0.3em 0.3em 1em rgba(0,0,0,0.3);
}

table.listTable {
    background-color: White;
}

div.listContent {
    border-top: 1px solid gray;
    overflow: auto;
    height: 1px;
}

div#bt_list {
    background-image: url('../graphic/ListContainerView.gif');
    width: 16px;
    height: 16px;
    margin-left: 2px;
}

div#bt_listReset {
    background-image: url('../graphic/ListContainerReset.gif');
    width: 16px;
    height: 16px;
    margin-left: 2px;
}

div.listInsertButton {
    background-image: url('../graphic/ListContainerReset.gif');
    width: 16px;
    height: 16px;
    margin-left: 2px;
}

.listContTdShowList {
    border-left: 4px solid rgb(180,180,180);
    vertical-align: top;
}

.listContTdHideList {
    vertical-align: top;
}

.listContTdShowListCentered {
    border-left: 4px solid rgb(180,180,180);
}

.listContTdHideListCentered {
}
/*LIST CONTAINER ---------------------------------END*/

/*GRIDVIEW:::::::::::::::::::::::::*/
.gridView {
    height: 100%;
    border: 0px;
}

    .gridView span {
    }

.gridViewAlt {
    color: rgb(130,130,130);
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
}

    .gridViewAlt > td {
        padding: 8px;
    }
        .gridViewAlt > td:first-of-type {
            border-left: 3px solid rgb(238,238,238);
        }
.gridViewAltHover {
    color: rgb(130,130,130);
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    cursor:pointer;
}

    .gridViewAltHover > td {
        padding: 8px;
    }
        .gridViewAltHover > td:first-of-type {
            border-left: 3px solid white;
        }
    .gridViewAltHover:hover {
        background-color: gainsboro;
    }
.gridViewHeader {
    background-color: rgb(238,238,238);
    border-top: 0px solid rgb(238,238,238);
    border-bottom: 0px solid rgb(238,238,238);
    text-align: left;
    color: gray;
}

    .gridViewHeader a {
        color: gray;
    }

    .gridViewHeader th {
        padding: 8px;
        color: gray;
    }

.gridViewSelectedRow {
    border-top: 1px solid rgb(225,225,225);
    border-bottom: 1px solid rgb(215,215,215);
    cursor: pointer;
    background: rgb(250,250,250);
    background: linear-gradient(90deg, rgba(250,250,250,1) 0%, rgba(255,255,255,0.8239670868347339) 46%, rgba(180,180,180,0.7231267507002801) 99%, rgba(91,91,91,0.27494747899159666) 100%);

}

.gridViewSelectedRow > td {
    padding: 8px;
}
    .gridViewSelectedRow > td:first-of-type {
        border-left: 3px solid darkorange;
    }

.gridViewFooter {
    border-top: 0px solid rgb(245,245,245);
    border-bottom: 0px solid rgb(245,245,245);
    height: 0px;
    line-height: 0px;
    background-color: #dcdcdc;
}

.gridViewRow {
    background-color: white;
    color: rgb(130,130,130);
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
}

    .gridViewRow > td {
        padding: 8px;
    }
        .gridViewRow > td:first-of-type {
            border-left: 3px solid white;
        }
.gridViewRowHover {
    background-color: white;
    color: rgb(130,130,130);
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    cursor:pointer;
}

    .gridViewRowHover > td {
        padding: 8px;
    }
        .gridViewRowHover > td:first-of-type {
            border-left: 3px solid white;
        }
    .gridViewRowHover:hover {
        background-color: gainsboro;
    }
.gridViewPager {
    background-color: white;
}
    .gridViewPager > td:first-of-type {
        border-left: 3px solid white;
    }
    .gridViewPager > td {
        border-top: 2px solid white;
        border-bottom: 1px solid lightgray;
    }
.gridViewSmallLabel {
    font-weight: bold;
    color: rgb(180,180,180);
    font-size: 11px;
}

.gridViewLabel {
    color: gray;
    text-align: right;
    padding-right: 8px;
}

.gridViewSmartLabel {
    font-weight: bold;
    color: rgb(180,180,180);
    text-align: right;
    padding-right: 8px;
    font-size: 11px;
    color: Gray;
    padding-left: 2px;
}

.stdGridViewInsertDiv {
    background-color: #f2f2f2;
    border: 1px solid #DCDCDC;
    padding: 4px;
    margin-top: 10px;
}

.gridViewOtherDataContainer {
    width: 98%;
    padding: 4px;
    padding-left: 10px;
    overflow-y: auto;
    max-height: 100px;
}

    .gridViewOtherDataContainer::-webkit-scrollbar {
        width: 6px;
        background-color: #DCDCDC;
    }

    .gridViewOtherDataContainer::-webkit-scrollbar-thumb {
        background-color: dimgray;
        border: 1px solid #999999;
    }

        .gridViewOtherDataContainer::-webkit-scrollbar-thumb:hover {
            background-color: gray;
            border: 1px solid black;
        }

        .gridViewOtherDataContainer::-webkit-scrollbar-thumb:active {
            background-color: orange;
            border: 1px solid darkorange;
        }

.gridViewOtherDataDetail {
    border-left: 4px solid lightgray;
    padding-left: 4px;
    margin-bottom: 4px;
    cursor: pointer;
}

    .gridViewOtherDataDetail:hover {
        color: black;
    }

    .gridViewOtherDataDetail a {
        color: dimgray;
        text-decoration: underline;
    }

        .gridViewOtherDataDetail a:hover {
            color: black;
            text-decoration: none;
        }

.gridViewOtherDataDetailAlert {
    border-left: 4px solid lightgray;
    padding-left: 4px;
    margin-bottom: 4px;
    cursor: pointer;
    color: darkorange;
    text-decoration: underline;
}

    .gridViewOtherDataDetailAlert:hover {
        color: black;
    }
/*GRIDVIEW:::::::::::::::::::::::::END*/

/*INPUT FORM:::::::::::::::::::::::::*/
.formDropDownList {
    font-size: 14px;
    border: 1px solid lightgray;
    padding: 2px;
}

.formDropDownListDisabled {
    font-size: 14px;
    border: 1px solid lightgray;
    background-color: rgb(230,230,230);
    padding: 2px;
}

.formTextBox {
    font-family: Arial;
    font-size: 14px;
    background-color: White;
    border: 1px solid lightgray;
    padding: 2px;
    
}
.formTextBox::placeholder {
    color: rgb(200,200,200);
}

.formImage {
    width: 32px;
    height: 32px;
    margin: 4px;
}

.formTextBoxReadOnly {
    background-color: #f2f2f2;
    border: 1px solid lightgray;
    font-size: 14px;
    font-family: Arial;
    padding: 2px;
}

.formCheckBox {
    font-size: 14px;
    color: gray;
}


.formCheckBoxList {

}


.formCheckBoxList input[type=checkbox]{
    margin-right:8px;
}

.formDropDownAlert {
    background-color: Orange;
}

.formLabelField {
    min-width: 120px;
    width: 120px;
    text-align: right;
    color: gray;
    padding-right: 10px;
}
.formContainerField {
    min-height: 30px;
}
.formLabelFieldAlert {
    min-width: 120px;
    width: 120px;
    text-align: right;
    color: darkorange;
    padding-right: 10px;
}
.formLabelFieldLeft {
    font-size: 14px;
    min-width: 120px;
    width: 120px;
    color: gray;
    padding-left: 4px;
    padding-bottom: 4px;
}
.formLabelDiv {
    font-family: Arial;
    font-size: 11px;
}

.formSmallLabel {
    color: darkorange;
    font-size: 11px;
    font-weight: bold;
}
.formLabelContent {
    color:dimgray;
    font-weight:bold;
}
.formLabelContentBreak {
    word-break:break-all;
}
.formControlContainerDiv {
    width: 400px;
    float: left;
    margin-top: 4px;
}

.formTitleDiv {
    width: 170px;
    float: left;
    padding-right: 10px;
}

.formTexBoxContainerDiv {
    width: 210px;
    float: left;
    padding-right: 10px;
}

.formTextBoxDisabled {
    font-family: Arial;
    font-size: 14px;
    border: 1px solid lightgray;
    padding: 2px;
    background-color: rgb(230,230,230);
}

.formTextBoxAlert {
    background-color: rgb(170,170,170);
    border: 1px solid darkorange;
    color: white;
    padding: 2px;
    font-size: 14px;
    font-family: Arial;
}
.formTextBoxRequired {
    background-color: white;
    border: 2px solid darkorange;
    padding: 2px;
    font-size: 14px;
    font-family: Arial;
}

.formButtonLabel {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
    font-size: 14px;
    min-width: 120px;
    width: 120px;
    text-align: right;
    color: gray;
    padding-right: 10px;
}

    .formButtonLabel:hover {
        text-decoration: none;
    }

.formRadioButtonList {
}

.formPanelFixedTop {
    position: fixed;
    background-color: White;
    width: 100%;
    top: 58px;
}

.formPanelFixedBottom {
    margin-top: 120px;
}

.formTextBoxBarcode {
    font-family: Arial;
    background-color: White;
    border: 1px solid lightgray;
    padding: 2px;
    width: 480px;
    font-size: 20px;
}
    .formTextBoxBarcode::placeholder {
        color: rgb(200,200,200);
    }
.formNumericTextBoxLarge {
    background-color: White;
    border: 1px solid lightgray;
    padding: 2px;
    width: 140px;
    font-size: 16px;
    color: black;
    font-weight: bold;
    text-align: right;
}
.formReadOnlyFlag {
    background-color: #f2f2f2;
    opacity:0.5;
}
.formNumericTextBoxReadOnly {
    background-color: #f2f2f2;
    border: 1px solid lightgray;
    font-size: 14px;
    font-family: Arial;
    text-align: right;
    padding: 2px;
}

.formNumericTextBox {
    font-family: Arial;
    font-size: 14px;
    background-color: White;
    border: 1px solid lightgray;
    padding: 2px;
    text-align: right;
}
/*Gestione cellpadding cellspacing delle tabelle non più supportato*/
.formTableNoSNoP {
    border-spacing: 0px;
    border-collapse: collapse;
}
    /*Gestione cellpadding cellspacing delle tabelle non più supportato*/
    .formTableNoSNoP th, td {
        padding: 0px;
    }

.formTableHorizontalBorder {
    border-spacing: 0px;
    width:100%;
}
    .formTableHorizontalBorder th {
        padding: 8px;
        color: gray;
        background-color:#f2f2f2;
        font-weight:normal;
    }
    .formTableHorizontalBorder td {
        padding: 8px;
        border-bottom: 1px solid lightgray;
    }
/*sezione header di inserimento dati*/
.formPanelHeader {
    padding: 8px;
    overflow: hidden; /*utilizzato per forzare il ridimensionamento verticale su figli float*/
}
/*sezione di inserimento dati con ombra*/
.formPanelSection {
    overflow: auto;
    height: 300px;
    padding: 20px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.formLinkLabel {
    background-color: lightgray;
    color: gray;
    padding: 8px;
    text-decoration: none;
    text-transform: uppercase;
}

    .formLinkLabel:hover {
        background-color: gray;
        color: white;
        cursor: pointer;
    }

    .formLinkLabel:active {
    }




/*CHECKBOX PERSONALIZZATA:::::::: */
.checkbox-container {
    width: 28px;
    height: 28px;
}
.checkbox-label {
    display: block;
    position: relative;
    /*margin-left: auto;
    margin-right: auto;*/
    cursor: pointer;
    font-size: 22px;
    line-height: 24px;
    height: 24px;
    width: 24px;
    clear: both;
}

    .checkbox-label input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    /*riquadro della checkbox non vistata*/
    .checkbox-label .checkbox-custom {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 24px;
        width: 24px;
        background-color: transparent;
        border-radius: 5px;
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        border: 2px solid lightgray;
    }

    /*riquadro della checkbox una volta vistata*/
    .checkbox-label input:checked ~ .checkbox-custom {
        background-color: #FFFFFF;
        border-radius: 5px;
        -webkit-transform: rotate(0deg) scale(1);
        -ms-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
        opacity: 1;
        border: 2px solid rgb(0,120,215);
    }


    .checkbox-label .checkbox-custom::after {
        position: absolute;
        content: "";
        left: 12px;
        top: 12px;
        height: 0px;
        width: 0px;
        border-radius: 5px;
        border: solid gray;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(0deg) scale(0);
        -ms-transform: rotate(0deg) scale(0);
        transform: rotate(0deg) scale(0);
        opacity: 1;
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
    }

    /*spunta all'interno della checkbox*/
    .checkbox-label input:checked ~ .checkbox-custom::after {
        -webkit-transform: rotate(45deg) scale(1);
        -ms-transform: rotate(45deg) scale(1);
        transform: rotate(45deg) scale(1);
        opacity: 1;
        left: 8px;
        top: 3px;
        width: 6px;
        height: 12px;
        border: solid rgb(0,120,215);
        border-width: 0 2px 2px 0;
        background-color: transparent;
        border-radius: 0;
    }



    /* effetto click su selezione riquadro ingrandito */
    .checkbox-label .checkbox-custom::before {
        position: absolute;
        content: "";
        left: 10px;
        top: 10px;
        width: 0px;
        height: 0px;
        border-radius: 5px;
        border: 2px solid gray;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }

    .checkbox-label input:checked ~ .checkbox-custom::before {
        left: -3px;
        top: -3px;
        width: 24px;
        height: 24px;
        border-radius: 5px;
        -webkit-transform: scale(3);
        -ms-transform: scale(3);
        transform: scale(3);
        opacity: 0;
        z-index: 999;
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
    }
/*CHECKBOX PERSONALIZZATA:::::::: END*/

/*INPUT FORM::::::::::::::::::::::::::::::::::::::::::::::END*/

/*BUTTON:::::::::::::::::::::::::*/
.button {
    border: 4px solid dimgray;
    cursor: pointer;
    background-color: dimgray;
    color: white;
    font-size: 11px;
    font-weight: bold;
}

    .button:hover {
        border: 4px solid black;
        background-color: black;
        color: White;
    }

.buttonLarge {
    cursor: pointer;
    border: 4px solid darkorange;
    background-color: darkorange;
    color: White;
    font-weight: bold;
    font-size: 14px;
    width: 40px;
    height: 40px;
    padding: 4px;
    text-decoration: none;
}

    .buttonLarge:hover {
        border: 4px solid black;
        background-color: black;
    }

.buttonMedium {
    cursor: pointer;
    border: 2px solid rgb(170,170,170);
    background-color: lightgray;
    color: black;
    font-weight: bold;
    font-size: 11px;
    width: 40px;
    height: 40px;
    padding: 4px;
    text-decoration: none;
}

    .buttonMedium:hover {
        border: 2px solid black;
        background-color: black;
        color: white;
    }
.imageButtonSmall {
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin: 3px;
}

    .imageButtonSmall:hover {
        width: 30px;
        height: 30px;
        margin: 0px;
    }
.imageButton {
    cursor: pointer;
    width: 32px;
    height: 32px;
    margin: 4px;
}

    .imageButton:hover {
        width: 40px;
        height: 40px;
        margin: 0px;
    }

.imageButtonDisabled {
    /*filtro scala di grigi applicato all'immagine*/
    -webkit-filter: grayscale(100%) brightness(150%) contrast(0.9);
    filter: grayscale(100%) brightness(150%) contrast(0.9);
}

.imageButtonMedium {
    cursor: pointer;
    height: 48px;
    margin: 4px;
}

    .imageButtonMedium:hover {
        height: 56px;
        margin: 0px;
    }

.imageButtonLarge {
    cursor: pointer;
    width: 62px;
    height: 62px;
    margin: 4px;
}

    .imageButtonLarge:hover {
        width: 70px;
        height: 70px;
        margin: 0px;
    }

.imageButtonVeryLarge {
    cursor: pointer;
    height: 128px;
    margin: 4px;
}

    .imageButtonVeryLarge:hover {
        height: 136px;
        margin: 0px;
    }

.gridButton {
    cursor: pointer;
    width: 32px;
    height: 32px;
    margin: 4px;
}

    .gridButton:hover {
        width: 40px;
        height: 40px;
        margin: 0px;
    }

.actionsButton {
    min-width: 200px;
    height: 100px;
    background-color: rgb(230,230,230);
    border: 10px solid rgb(230,230,230);
    margin-left: 20px;
    margin-top: 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: gray;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

    .actionsButton:hover {
        background-color: orange;
        border: 10px solid orange;
        color: white;
        transition: background-color 1000ms linear, border 1000ms linear;
    }
/*BUTTON:::::::::::::::::::::::::END*/

/*UPLOAD::::::::::::::::::::::::::::::::*/
.uploadProgressbar {
    border: 4px solid darkorange;
    background-color: transparent;
    background-repeat: repeat-x;
    padding: 3px;
    width:100%;
}

    .uploadProgressbar > div {
        background-color: darkorange;
        width: 0%;
        height: 15px;
        font-size:9px;
        color:white;
        text-align:center;
        padding-top:5px;
    }
.uploadProgressbarFilesCountSummary {
    color: gray;
    margin-right:10px;
}
.uploadProgressbarSummary {
    width: 100%;
    text-align: center;
    padding: 4px;
    min-height: 20px;
}

.uploadProgressbarSummaryDetail {
    display: none;
}

.uploadProgressFileList {
    min-height: 60px;
    max-height: 60px;
    overflow-y: auto;
    width: 100%;
}
/*UPLOAD::::::::::::::::::::::::::::::::END*/

/*TITLE:::::::::::::::::::::::::*/
.titleSectionDiv {
    padding: 4px;
    padding-left: 10px;
    border-top: 1px solid darkorange;
    border-bottom: 1px solid darkorange;
    color: white;
    font-weight: bold;
    background-color: rgb(246,168,33);
    font-size: 14px;
    letter-spacing: 3px;
    word-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.titleSectionSubDiv {
    padding: 4px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid rgb(200,200,200);
    border-bottom: 1px solid rgb(200,200,200);
    color: black;
    background-color: gainsboro;
    font-size: 14px;
    text-transform: uppercase;
}

.titleParagraph {
    margin-bottom: 10px;
    padding: 4px;
    background-color: rgb(220,220,220);
    border-top: 1px solid rgb(210,210,210);
    border-bottom: 1px solid rgb(210,210,210);
    color: dimGray;
    height: 22px;
}

.titleParagraphSub {
    margin-top: 40px;
    margin-bottom: 10px;
    padding: 4px;
    background-color: rgb(220,220,220);
    border-top: 1px solid rgb(200,200,200);
    border-bottom: 1px solid rgb(200,200,200);
    color: dimGray;
    height: 20px;
}

.titleSectionDiv01 {
    padding: 4px;
    margin-bottom: 10px;
    border-top: 1px solid rgb(0,120,215);
    border-bottom: 1px solid rgb(0,120,215);
    color: white;
    background-color: rgb(0,120,215);
    font-size: 14px;
}
/*TITLE :::::::::::::::::::END*/

/*TAB CONTAINER::::::::::::::::::::::::::::::::::::*/
.panelPage {
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding: 12px;
    min-height: 300px;
    overflow: hidden;
}

.panelSubPage {
    padding: 8px;
}

.buttonPage {
    margin: 0;
    padding: 8;
    margin-bottom: 2px;
    border-collapse: collapse;
    display: inline;
    margin-top: 1px;
    border-top: 2px solid orange;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-bottom: 2px solid #dcdcdc;
    height: 30px;
    font-size: 10px;
    cursor: pointer;
    font-weight: bold;
    -webkit-appearance: none;
    text-decoration: none;
    color: Black;
    background-color: rgb(245,245,245);
}

.buttonPageDisabled {
    margin: 0;
    padding: 8;
    border-collapse: collapse;
    display: inline;
    margin-top: 1px;
    margin-bottom: 2px;
    border-top: 2px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom: 2px solid white;
    height: 30px;
    font-size: 10px;
    cursor: pointer;
    font-weight: bold;
    -webkit-appearance: none;
    text-decoration: none;
    color: gray;
    background-color: rgb(245,245,245);
}

.buttonPageLabel {
    height: 30px;
}

.buttonPage:hover {
    border-top: 2px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 2px solid black;
    background-color: black;
    color: White;
}

.buttonPageSelected {
    margin: 0;
    padding: 8;
    border-collapse: collapse;
    display: inline;
    margin-bottom: 2px;
    margin-top: 1px;
    border-top: 2px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 2px solid black;
    height: 30px;
    font-size: 10px;
    cursor: pointer;
    font-weight: bold;
    -webkit-appearance: none;
    text-decoration: none;
    color: White;
    background-color: black;
}
/*TAB CONTAINER::::::::::::::::::::::::::::::::::::END*/



/*POPUP-------------*/
.popupContainerMaster {
    margin-top: 58px;
    z-index: 199;
    position: absolute;
    top: -400px;
    left: 0px;
    background-color: transparent;
    width: 100%;
}

.popupContainer {
    background-color: white;
    border: 0px solid #f2f2f2;
    height: 400px;
    width: 780px;
    max-height: 600px;
    min-height: 400px;
}
/*POPUP END-----------------------*/

/*FLOAT PANEL-------------*/
.floatPanelContainerMaster {
    margin-top: 58px;
    z-index: 199;
    position: absolute;
    top: -400px;
    left: 0px;
    background-color: transparent;
    width: 100%;
}
.floatPanelContainer {
    background-color: transparent;
    border: 0px solid #f2f2f2;
    height: 400px;
    max-height: 600px;
    min-height: 400px;
    width: 100%;
    border-bottom: 8px solid #dcdcdc;
}
.floatPanelToolbar {
    border-bottom: 1px solid gray;
    color: black;
    background-color: rgb(238,238,238);
    font-size: 14px;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border-top: 0px;
}
.floatPanelToolbar td {
    padding: 2px;
}
.floatPanelToolbar th {
    padding: 0px;
}

.floatPanelTitle {
    width: 290px;
    padding-left: 20px;
    font-weight: bold;
    color: rgb(190,190,190);
}

.floatPanelContent {
    padding: 10px;
    overflow: auto;
    height: 100%;
    background-color: rgba(68, 68, 68, 0.9);
}
.floatPanelContent::-webkit-scrollbar {
    width: 6px;
    background-color: white;
}

.floatPanelContent::-webkit-scrollbar-thumb {
    background-color: #DCDCDC;
    border-radius: 10px;
    border: 1px solid #999999;
}

.floatPanelContent::-webkit-scrollbar-thumb:hover {
    background-color: gray;
    border: 1px solid black;
}

.floatPanelContent::-webkit-scrollbar-thumb:active {
    background-color: orange;
    border: 1px solid darkorange;
}
.floatPanelLabelField {
    min-width: 120px;
    width: 120px;
    text-align: right;
    color: lightgray;
    padding-right: 10px;
}
/*FLOAT PANEL END-----------------------*/




/*NEWS MONITOR POPUP------------------------------------------*/
.newsMonitorTypeImg {
    margin-top: 4px;
    margin-right: 6px;
}

.newsMonitorButtonVImg {
    margin-top: 4px;
    margin-right: 6px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-image: url('../graphic/newsMonitorV.gif');
}

    .newsMonitorButtonVImg:hover {
        background-image: url('../graphic/newsMonitorVOver.gif');
    }

.newsMonitorButtonCImg {
    margin-top: 4px;
    margin-right: 6px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-image: url('../Graphic/newsMonitorC.gif');
}

    .newsMonitorButtonCImg:hover {
        background-image: url('../graphic/newsMonitorCOver.gif');
    }
/*NEWS MONITOR POPUP END------------------------------------------*/

/*PROGRESS ACTIVITY*/
.progressDiv {
    padding: 4px;
    width: 160px;
    color: darkred;
    font-weight: bold;
    font-size: 14px;
}
/*PROGRESS ACTIVITY END*/

/*MASTER STRUCTURE*/
.masterStructureTable {
    width: 800px;
    border-bottom: 1px solid gainsboro;
    border-right: 10px solid gainsboro;
    padding-bottom: 4px;
    margin-bottom: 10px;
    padding-right: 100px;
}

.masterStructureDiv {
    font-weight: bold;
    color: gray;
    font-size: 12px;
}

.masterStructureLabelDiv {
    font-weight: bold;
    color: black;
    width: 120px;
    font-size: 12px;
}
/*MASTER STRUCTURE END*/

/*FILTER */
.filterToolbar {
    margin-bottom: 10px;
    border-bottom: 1px solid gray;
    color: black;
    background-color: rgb(238,238,238);
    font-size: 14px;
    border-collapse: collapse;
    border-spacing: 0;
}

    .filterToolbar td {
        padding: 2px;
    }

    .filterToolbar th {
        padding: 0px;
    }

.filterTitle {
    width: 290px;
    padding-left: 20px;
    font-weight: bold;
    color: rgb(190,190,190);
}

.filterContainerDiv {
    padding: 10px;
    overflow: auto;
    height: 80%;
    margin-right: 10px;
}

    .filterContainerDiv::-webkit-scrollbar {
        width: 6px;
        background-color: white;
    }

    .filterContainerDiv::-webkit-scrollbar-thumb {
        background-color: #DCDCDC;
        border-radius: 10px;
        border: 1px solid #999999;
    }

        .filterContainerDiv::-webkit-scrollbar-thumb:hover {
            background-color: gray;
            border: 1px solid black;
        }

        .filterContainerDiv::-webkit-scrollbar-thumb:active {
            background-color: orange;
            border: 1px solid darkorange;
        }
/*FILTER END*/

/*FACILITIES*/
.facDepth1 {
    background-color: darkorange;
}

.facDepth2 {
    background-color: #ffbb00;
}

.facDepth3 {
    background-color: lightgray;
}

.facDepth5 {
    background-color: white;
}

.facLocationPreviewImage {
    cursor: pointer;
    width: 40px;
    border: 4px solid gray;
    background-color: White;
    position: absolute;
    padding: 2px;
}

    .facLocationPreviewImage:hover {
        border: 4px solid black;
        background-color: lightgray;
    }

.facLocationPreviewImageSelected {
    cursor: pointer;
    width: 40px;
    border: 4px solid darkorange;
    background-color: White;
    position: absolute;
    padding: 2px;
    animation: facLocationPreviewImageSelectedBlinker 2s linear infinite;
}

    .facLocationPreviewImageSelected:hover {
        border: 4px solid black;
        background-color: lightgray;
    }

@keyframes facLocationPreviewImageSelectedBlinker {
    70% {
        border: 4px solid red;
    }
}

.facMappingRelTable {
    width: 100%;
}

.facMappingRelLabelTd {
    text-align: right;
    padding-right: 4px;
    width: 5%;
}

.facMappingRelNoLabelDiv {
    color: Gray;
}

.facMappingRelValueTd {
    padding: 4px;
    width: 15%;
    font-weight: bold;
    border: 1px solid gray;
}

.facMappingRelValueModifiedTd {
    padding: 4px;
    width: 15%;
    font-weight: bold;
    border: 1px solid #999999;
    color: black;
    background-color: #dcdcdc;
}

.facPreviewLocationContainer {
}

.facPreviewLocationContainerRelative {
}
.facPartsContentIframe
{
    width:100%;
}
/*FACILITIES END*/


/*PLANNING*/
.planCalendarMSxContainer {
    width: 200px;
    float: left;
}

.planCalendarMDayTitleCell {
    width: 100%;
    background-color: Orange;
    height: 40px;
}
.planCalendarMExcludedDayTitleCell {
    width: 100%;
    background-color: lightgray;
    height: 40px;
}
.planCalendarMCurrentDayTitleCell {
    width: 100%;
    background-color: Yellow;
    height: 40px;
}

.planCalendarMDayTitle {
}

.planCalendarMCurrentDayTitle {
}

.planCalendarMDayTitleLabelDiv {
    padding-left: 4px;
    font-weight: bold;
    cursor: pointer;
    color: rgb(90,90,90);
}

    .planCalendarMDayTitleLabelDiv:hover {
        color: Black;
    }

.planCalendarMCurrentDayTitleLabelDiv {
    padding-left: 4px;
    font-weight: bold;
    cursor: pointer;
    color: gray;
}

    .planCalendarMCurrentDayTitleLabelDiv:hover {
        color: Black;
    }

.planCalendarMCurrentDayTitleDayOfWeekDiv {
    padding-left: 4px;
}

.planCalendarMDayTitleDayOfWeekDiv {
    padding-left: 4px;
}

.planCalendarMTitleHourCell {
    background: url("../Graphic/CalendarHourBackground.png");
    background-position-x: 2px;
    background-size: 12px 100%;
    padding-top: 4px;
    padding-left: 7px;
    padding-right: 1px;
    border-left: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    font-size: 12px;
    height: 25px;
}

.planCalendarMTitleHourInner {
    float: left;
    font-size: 8px;
    font-weight: bold;
    margin-left: 2px;
    margin-right: 0px;
    background-color: white;
    width: 8px;
    text-align: center;
    border: 1px solid white;
}

.planCalendarMAppContainer {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .planCalendarMAppContainer::-webkit-scrollbar {
        width: 7px;
    }

    .planCalendarMAppContainer::-webkit-scrollbar-thumb {
        background: dimgray;
        border-radius: 0px;
    }

.planCalendarMAppCellContainer {
    padding-top: 4px;
    padding-right: 1px;
    border-left: 1px solid #dcdcdc;
    font-size: 12px;
    height: 25px;
    vertical-align: top;
    background: url("../Graphic/CalendarHourBackground.png");
    background-position-x: 2px;
    background-size: 12px 100%;
}

.planCalendarMAppContainerEffect {
    opacity: 0.2;
}

.planCalendarOperator {
    float: left;
    width: 30px;
    border-right: 2px solid black;
    text-align: center;
    margin-right: 4px;
}

.planCalendarMAppCommercial {
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    font-size: 11px;
    color: black;
    padding: 2px;
    min-height: 12px;
    min-width: 60px;
    float: left;
    background: url("../Graphic/AppCommercialBackground.png");
    background-repeat: repeat-y;
    border-top: 1px solid rgb(46,204,98);
    border-bottom: 1px solid rgb(46,204,98);
    border-left: 2px solid rgb(46,204,98);
    margin-bottom: 1px;
    background-color: rgb(149,214,171);
}

    .planCalendarMAppCommercial:hover {
        background: none;
        background-color: black;
        border-left: 2px solid green;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        color: White;
    }

.planCalendarMApp {
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    font-size: 11px;
    color: black;
    padding: 2px;
    min-height: 12px;
    min-width: 60px;
    float: left;
    background: url("../Graphic/AppBackground.png");
    background-repeat: repeat-y;
    border-top: 1px solid darkorange;
    border-bottom: 1px solid darkorange;
    border-left: 2px solid darkorange;
    margin-bottom: 1px;
    background-color: rgb(250,223,89);
}

    .planCalendarMApp:hover {
        background: none;
        background-color: black;
        border-left: 2px solid darkred;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        color: White;
    }

.planCalendarMAppNotConfirmed {
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    font-size: 11px;
    color: black;
    padding: 2px;
    min-height: 12px;
    min-width: 60px;
    float: left;
    background: url("../Graphic/AppNotConfirmedBackground.png");
    background-repeat: repeat-y;
    /*border-top:1px solid rgb(250,250,250);
    border-bottom:1px solid rgb(250,250,250);
    border-left:2px solid rgb(180,180,180);
    
    background-color:rgb(250,250,250);*/
    border-left: 2px solid rgb(209,159,231);
    border-top: 1px solid rgb(209,159,231);
    border-bottom: 1px solid rgb(209,159,231);
    background-color: rgb(222,197,232);
    margin-bottom: 1px;
}

    .planCalendarMAppNotConfirmed:hover {
        background: none;
        background-color: black;
        border-left: 2px solid green;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        color: White;
    }

.planCalendarMAppWithRapp {
    width: 100%;
    cursor: pointer;
    font-size: 11px;
    color: black;
    padding: 2px;
    overflow: hidden;
    min-height: 12px;
    background: url("../Graphic/AppRappBackground.png");
    background-repeat: repeat-y;
    border-top: 1px solid rgb(157, 171, 80);
    border-bottom: 1px solid rgb(157, 171, 80);
    border-left: 2px solid rgb(157, 171, 80);
    margin-bottom: 1px;
    background-color: rgb(217,234,125);
}

    .planCalendarMAppWithRapp:hover {
        background: none;
        background-color: black;
        border-left: 2px solid black;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        color: White;
    }

.planCalendarMButtonPermission {
    width: 24px;
    margin: 2px;
}

    .planCalendarMButtonPermission:hover {
        width: 28px;
        margin: 0px;
    }

.planCalendarMPermission {
    width: 100%;
    cursor: pointer;
    font-size: 11px;
    color: black;
    float: left;
    padding: 2px;
    overflow: hidden;
    min-height: 12px;
    background: url("../Graphic/AppPermissionBackground.png");
    background-repeat: repeat-y;
    border-top: 1px solid rgb(9, 171, 229);
    border-bottom: 1px solid rgb(9, 171, 229);
    border-left: 2px solid rgb(9, 171, 229);
    margin-bottom: 1px;
    background-color: rgb(181,217,230);
}

    .planCalendarMPermission:hover {
        background: none;
        background-color: black;
        border-left: 2px solid black;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        color: White;
    }

.planCalendarMAppNC {
    width: 100%;
    cursor: pointer;
    font-size: 11px;
    color: white;
    float: left;
    padding: 2px;
    overflow: hidden;
    min-height: 12px;
    background: url("../Graphic/AppNCBackground.png");
    background-repeat: repeat-y;
    border-top: 1px solid darkred;
    border-bottom: 1px solid darkred;
    border-left: 2px solid darkred;
    margin-bottom: 1px;
    background-color: rgb(255,0,26);
}

.planCalendarMTitleCellInsert {
    width: 100%;
    background-color: orange;
}

.planCalendarMDayCellInsert {
    width: 100%;
    vertical-align: top;
}

.planCalendarMDayTecInsert {
    vertical-align: top;
}

    .planCalendarMDayTecInsert input[type=image] {
        width: 24px;
        margin: 2px;
        opacity: 0.2;
    }

        .planCalendarMDayTecInsert input[type=image]:hover {
            width: 28px;
            margin: 0px;
        }

.planCalendarMDayCellSpacer {
    border-left: 4px solid orange;
    width: 0%;
    padding: 2px;
    display: none;
}
.planCalendarMDayCellCommitHeader
{

}
.planCalendarMTopScrollContainer {
    Z-index: 102;
    background-color: white;
    width: 100%;
    position: fixed;
    top: 0px;
    height: 90px;
}

.planCalendarMTopScroll {
    margin-left: 210px;
    height: 18px;
    position: fixed;
    top: 65px;
    overflow-x: scroll;
    overflow-y: hidden;
}

    .planCalendarMTopScroll div {
        height: 40px;
    }

    .planCalendarMTopScroll::-webkit-scrollbar {
        width: 6px;
        background-color: white;
    }

    .planCalendarMTopScroll::-webkit-scrollbar-thumb {
        background-color: #DCDCDC;
        border-radius: 2px;
        border: 1px solid #999999;
    }

        .planCalendarMTopScroll::-webkit-scrollbar-thumb:hover {
            background-color: gray;
            border: 1px solid black;
        }

        .planCalendarMTopScroll::-webkit-scrollbar-thumb:active {
            background-color: orange;
            border: 1px solid darkorange;
        }

.planCalendarMDayNotWorked {
    background-color: #DCDCDC;
}

.planCalendarMDayFes {
    background-color: rgb(180,180,180);
}

.planCalendarMAppNotDefined {
    width: 100%;
    min-width: 240px;
    margin-top: 2px;
    border-top: 2px solid #999999;
    border-bottom: 2px solid #999999;
    background-color: #dcdcdc;
    border-left: 1px solid rgb(200,200,200);
}

.planCalendarMAppNotDefinedMonthly {
    width: 100%;
    cursor: pointer;
    font-size: 11px;
    color: black;
    float: left;
    padding: 2px;
    overflow: hidden;
    min-height: 12px;
    background: url("../Graphic/AppNotDefinedBackground.png");
    background-repeat: repeat-y;
    margin-bottom: 1px;
    /*border-left: 2px solid rgb(209,159,231);
    border-top: 1px solid rgb(209,159,231);
    border-bottom: 1px solid rgb(209,159,231);
    background-color:rgb(22,197,232);*/
    border-top: 1px solid rgb(180,180,180);
    border-bottom: 1px solid rgb(180,180,180);
    border-left: 2px solid rgb(180,180,180);
    background-color: rgb(230,230,230);
}

    .planCalendarMAppNotDefinedMonthly:hover {
        background: none;
        background-color: black;
        border-left: 2px solid black;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        color: White;
    }

.planningCalendarTable {
    width: 500px;
    font-size: 14px;
    margin-bottom: 20px;
    border-bottom: 1px solid orange;
    background-color: white;
}

.planningCalendarBodyRow td {
    border-top: 1px solid #dcdcdc;
    height: 18px;
}

.planningCalendarDayTitle {
    padding: 4px;
}

.planningCalendarCurrentDayTitle {
    padding: 4px;
}

.planningCalendarDayTitleCell {
    width: 100%;
    background-color: Orange;
    height: 40px;
}

.planningCalendarCurrentDayTitleCell {
    width: 100%;
    background-color: Yellow;
    height: 40px;
}

.planningCalendarDayTitleDayOfWeek {
}

.planningCalendarDayTitleLabel {
    padding-left: 4px;
    font-weight: bold;
    cursor: pointer;
    color: rgb(90,90,90);
}

    .planningCalendarDayTitleLabel:hover {
        color: Black;
    }

.planningCalendarCurrentDayTitleDayOfWeek {
}

.planningCalendarCurrentDayTitleLabel {
    padding-left: 4px;
    font-weight: bold;
    cursor: pointer;
    color: gray;
}

    .planningCalendarCurrentDayTitleLabel:hover {
        color: Black;
    }











.planningCalendarDayTitleLabelDiv {
    padding-left: 4px;
    font-weight: bold;
    cursor: pointer;
    color: rgb(90,90,90);
}

    .planningCalendarDayTitleLabelDiv:hover {
        color: Black;
    }

.planningCalendarCurrentDayTitleLabelDiv {
    padding-left: 4px;
    font-weight: bold;
    cursor: pointer;
    color: gray;
}

    .planningCalendarCurrentDayTitleLabelDiv:hover {
        color: Black;
    }

.planningCalendarCurrentDayTitleDayOfWeekDiv {
    margin-left: 4px;
}

.planningCalendarDayTitleDayOfWeekDiv {
    margin-left: 4px;
}

.planningCalendarDayTecInsert {
    vertical-align: top;
}

    .planningCalendarDayTecInsert input[type=image] {
        width: 24px;
        margin: 2px;
    }

        .planningCalendarDayTecInsert input[type=image]:hover {
            width: 28px;
            margin: 0px;
        }

.planningCalendarDayCellInsert {
    width: 100%;
    vertical-align: top;
}










.planningCalendarTitleHourLeftCell {
    padding-top: 4px;
    padding-left: 2px;
    padding-right: 1px;
    border-left: 1px solid #dcdcdc;
    font-size: 12px;
    height: 25px;
}

.planningCalendarTitleHourRightCell {
    padding-top: 4px;
    padding-left: 1px;
    padding-right: 2px;
    font-size: 12px;
}

.planningCalendarTitleHourLeftDivLabel {
    text-align: right;
}

.planningCalendarTitleHourRightDivLabel {
    text-align: left;
}

.planningCalendarTitleTecCell {
    background-color: #DCDCDC;
    padding: 4px;
    position: absolute;
    min-width: 200px;
    left: 0;
    top: auto;
    line-height: 22px;
    height: 22px;
}

.planningCalendarTitleDayLabelCell {
    background-color: #f2f2f2;
    padding: 4px;
    position: absolute;
    min-width: 200px;
    left: 0;
    top: auto;
    text-align: right;
    height: 32px;
}

.planningCalendarTitleTecDiv {
}

.planningCalendarBodyTecCell {
    padding: 4px;
    position: absolute;
    left: 0;
    top: auto;
    min-width: 200px;
}
.planningCalendarBodyWcCell {
    padding: 4px;
    position: absolute;
    left: 0;
    top: auto;
    min-width: 200px;
}

.planningCalendarBodyTecDiv {
}

.planningCalendarBodyAppCell {
    padding-top: 4px;
    vertical-align: top;
    width: 0%;
}



.planningCalendarBodyAppTable {
    width: 100%;
    min-width: 240px;
    margin-top: 2px;
    border-top: 2px solid darkorange;
    border-bottom: 2px solid darkorange;
    background-color: Orange;
    border-left: 1px solid rgb(200,200,200);
}

.planningCalendarBodyAppTd1 {
    width: 0%;
}

.planningCalendarBodyAppTd2 {
    width: 100%;
}

.planningCalendarBodyAppDiv {
    height: 60px;
    overflow: hidden;
    padding: 4px;
    cursor: pointer;
    font-size: 11px;
    color: rgb(130,130,130);
}

.planningCalendarBodyAppCrmDiv {
    font-weight: bold;
}


.planningCalendarBodyAppTypeNotDefinedDiv {
    width: 100%;
    min-width: 240px;
    margin-top: 2px;
    border-top: 2px solid #999999;
    border-bottom: 2px solid #999999;
    background-color: #dcdcdc;
    border-left: 1px solid rgb(200,200,200);
}

.planningCalendarBodyAppCommercialTable {
    width: 100%;
    min-width: 240px;
    margin-top: 2px;
    border-top: 2px solid rgb(230,204,9);
    border-bottom: 2px solid rgb(230,204,9);
    background-color: rgb(232,220,126);
    border-left: 1px solid rgb(230,204,9);
}

.planningCalendarBodyAppNotConfirmed {
    border-top: 2px solid darkred;
    border-bottom: 2px solid darkred;
    background-color: #dcdcdc;
}

.planningCalendarBodyAppRappTable {
    width: 100%;
    min-width: 240px;
    margin-top: 2px;
    border-top: 2px solid rgb(157, 171, 80);
    border-bottom: 2px solid rgb(157, 171, 80);
    background-color: rgb(181, 197, 92);
    border-left: 1px solid rgb(157, 171, 80);
}

.planningCalendarBodyAppRappDiv {
    height: 60px;
    overflow: hidden;
    padding: 4px;
    cursor: pointer;
    font-size: 11px;
    color: rgb(130,130,130);
}

.planningCalendarBodyAppRappCrmDiv {
    font-weight: bold;
}

.planningCalendarBodyAppRappDescriptionDiv {
    font-size: 11px;
}

.planningCalendarBodyAppRappTd1 {
    width: 0%;
}

.planningCalendarBodyAppRappTd2 {
    width: 100%;
}

.planningCalendarBodyAppIdDiv {
    margin-top: 4px;
}

.planningCalendarBodyPermissionTable {
    width: 100%;
    min-width: 40px;
    margin-top: 2px;
    border-top: 2px solid #dcdcdc;
    border-bottom: 2px solid #dcdcdc;
    background-color: #f2f2f2;
    border-left: 1px solid #dcdcdc;
}

.planningCalendarBodyPermissionDiv {
    height: 60px;
    overflow: hidden;
    padding: 4px;
    cursor: pointer;
    font-size: 11px;
    color: rgb(130,130,130);
}

.planningCalendarBodyPermissionDescriptionDiv {
    font-size: 11px;
}

.planningCalendarBodyPermissionTd1 {
    width: 0%;
}

.planningCalendarBodyPermissionTd2 {
    width: 100%;
}


.planningCalendarBodyMarkTable {
    width: 100%;
    min-width: 100px;
    margin-top: 2px;
    border-top: 2px solid rgb(97,152,255);
    border-bottom: 2px solid rgb(97,152,255);
    background-color: rgb(165,196,255);
    border-left: 1px solid rgb(97,152,255);
}

.planningCalendarBodyMarkTableWithNotes {
    width: 100%;
    min-width: 200px;
    margin-top: 2px;
    border-top: 2px solid rgb(97,152,255);
    border-bottom: 2px solid rgb(97,152,255);
    background-color: rgb(165,196,255);
    border-left: 1px solid rgb(97,152,255);
}

.planningCalendarBodyMarkDiv {
    height: 60px;
    overflow: hidden;
    padding: 4px;
    cursor: pointer;
    font-size: 11px;
    color: black;
}

.planningCalendarBodyMarkDescriptionDiv {
    font-size: 11px;
}

.planningCalendarBodyMarkTd1 {
    width: 0%;
}

.planningCalendarBodyMarkTd2 {
    width: 100%;
}

.planningCalendarBodyEmptyCell {
    padding: 4px;
    border-left: 1px solid #dcdcdc;
}

.planningCalendarBodyEmptyDiv {
    padding-left: 2px;
    padding-right: 2px;
}

.planningCalendarBodyAppInsertLeftCell {
    padding-top: 4px;
    vertical-align: top;
    width: 0%;
    border-left: 1px solid #dcdcdc;
    font-size: 12px;
}

.planningCalendarBodyAppInsertRightCell {
    padding-top: 4px;
    vertical-align: top;
    width: 0%;
    font-size: 12px;
}

.planningCalendarBodyAppInsertReason {
    font-size: 8px;
    font-weight: bold;
}

.planningCalendarBodyAppInsertLeftDiv {
    padding-left: 2px;
    padding-right: 1px;
    text-align: right;
}

.planningCalendarBodyAppInsertRightDiv {
    padding-left: 1px;
    padding-right: 2px;
    text-align: left;
}

.planningCalendarDayCellSpacer {
    border-left: 2px solid orange;
    width: 100%;
}

.planningCalendarBodyCrmEditAnchor {
    text-decoration: none;
}

    .planningCalendarBodyCrmEditAnchor:hover {
        color: black;
    }

.planningCalendarTitleDayUserLeaveAnchor {
    margin-left: 10px;
    color: black;
}

    .planningCalendarTitleDayUserLeaveAnchor:hover {
        text-decoration: none;
    }

.planningCalendarBodyAppInsertAnchor {
    color: rgb(180,180,180);
    text-decoration: none;
}

    .planningCalendarBodyAppInsertAnchor:hover {
        color: black;
    }

.planningCalendarBodyAppEditAnchor {
    color: rgb(130,130,130);
}

    .planningCalendarBodyAppEditAnchor:hover {
        color: black;
    }

.planningCalendarBodyRappEditAnchor {
    color: #dcdcdc;
    text-decoration: none;
}

    .planningCalendarBodyRappEditAnchor:hover {
        color: black;
    }

.planningCalendarTopScrollDivContainer {
    width: 320px;
    margin-left: 20px;
    margin-right: 20px;
}

.planningCalendarTopScrollLeftControl {
    height: 42px;
}

.planningCalendarTopScrollPreviousDayControl {
    height: 42px;
}

.planningCalendarTopScrollRightControl {
    height: 42px;
}

.planningCalendarTopScrollNextDayControl {
    height: 42px;
}

.calendarDivContainer {
    margin-top: 30px;
    width: 600px;
    overflow-x: scroll;
    margin-left: 210px;
    overflow-y: visible;
    padding-bottom: 1px;
}

    .calendarDivContainer::-webkit-scrollbar {
        width: 6px;
        background-color: white;
    }

    .calendarDivContainer::-webkit-scrollbar-thumb {
        background-color: #DCDCDC;
        border-radius: 2px;
        border: 1px solid #999999;
    }

        .calendarDivContainer::-webkit-scrollbar-thumb:hover {
            background-color: gray;
            border: 1px solid black;
        }

        .calendarDivContainer::-webkit-scrollbar-thumb:active {
            background-color: orange;
            border: 1px solid darkorange;
        }

.planningSchedAppDivSelection {
    cursor: pointer;
    font-weight: bold;
}

    .planningSchedAppDivSelection:hover {
        color: darkred;
    }

.planningSchedCheckBox {
    cursor: pointer;
}

.planningSchedPosition {
    width: 80px;
}

    .planningSchedPosition table td {
        padding: 2px;
    }

.planningSchedPriorityTableCellSx {
}

.planningSchedPriorityTableCellDx {
}

.planningSchedPositionTableCellSx {
}

.planningSchedPositionTableCellDx {
    font-weight: bold;
}

.planRappSearchOtherDataTitle {
    font-weight: bold;
}

.planRappSearchOtherDataContainer {
    width: 95%;
    padding: 4px;
    padding-left: 10px;
    overflow-y: auto;
    max-height: 100px;
}

.planRappSearchOtherDataDetail {
    border-left: 4px solid lightgray;
    padding-left: 4px;
    margin-bottom: 4px;
    font-size: 11px;
    cursor: pointer;
}

    .planRappSearchOtherDataDetail:hover {
        color: dimgray;
        text-decoration: underline;
    }
/*PLANNING END*/


.giorno1 {
    background-color: White;
}

.Pranzo {
    background-color: #f2f2f2;
}

.appButtonLarge {
    cursor: pointer;
    background-color: darkorange;
    color: White;
    font-weight: bold;
    font-size: 14px;
    width: 100px;
    height: 20px;
    padding: 8px;
    text-decoration: none;
    min-width: 100px;
    display: inline-block;
    text-align: center;
}

    .appButtonLarge:hover {
        background-color: black;
    }

.rappButtonLarge {
    cursor: pointer;
    background-color: rgb(181, 197, 92);
    color: White;
    font-weight: bold;
    font-size: 14px;
    width: 100px;
    height: 20px;
    padding: 8px;
    text-decoration: none;
    min-width: 100px;
    display: inline-block;
    text-align: center;
}

    .rappButtonLarge:hover {
        background-color: black;
    }

.rappRapidInsertButton {
    cursor: pointer;
    color: rgb(103, 118, 61);
    font-weight: bold;
    font-size: 11px;
    width: 100px;
    height: 20px;
    padding: 8px;
    text-decoration: none;
    min-width: 100px;
    display: inline-block;
    text-align: center;
}

    .rappRapidInsertButton:hover {
        color: black;
    }

.rappButtonLargeInsert {
    cursor: pointer;
    background-color: rgb(200,200,200);
    color: White;
    font-weight: bold;
    font-size: 14px;
    width: 100px;
    height: 20px;
    padding: 8px;
    text-decoration: none;
    min-width: 100px;
    display: inline-block;
    text-align: center;
}

    .rappButtonLargeInsert:hover {
        background-color: black;
    }



.planningCalendarBodyAppMonthlyDiv {
    padding: 2px;
    overflow: hidden;
    height: 14px;
}

.planningCalendarBodyAppMonthly {
    width: 100%;
    background-color: orange;
    border-left: 2px solid darkorange;
    cursor: pointer;
    font-size: 12px;
    color: rgb(130,130,130);
    float: left;
    min-width: 50px;
}

    .planningCalendarBodyAppMonthly:hover {
        background-color: black;
        border-left: 2px solid black;
        color: White;
    }

.planningCalendarBodyAppRappMonthlyDiv {
    padding: 2px;
    overflow: hidden;
    height: 14px;
}

.planningCalendarBodyAppRappMonthly {
    width: 100%;
    background-color: rgb(181, 197, 92);
    border-left: 2px solid rgb(157, 171, 80);
    cursor: pointer;
    font-size: 12px;
    color: rgb(130,130,130);
}

    .planningCalendarBodyAppRappMonthly:hover {
        background-color: black;
        border-left: 2px solid black;
        color: White;
    }

.planningCalendarTitleHourLeftCellMonthly {
    border-left: 1px solid #dcdcdc;
    font-size: 12px;
    height: 30px;
}

.planningCalendarTitleHourRightCellMonthly {
    font-size: 12px;
}

.planningCalendarBodyEmptyCellMonthly {
    border-left: 1px solid #dcdcdc;
    padding-left: 2px;
}

.planningCalendarBodyAppCommercialTableMonthly {
    width: 100%;
    background-color: rgb(232,220,126);
    border-left: 2px solid rgb(230,204,9);
    font-size: 12px;
    cursor: pointer;
    color: rgb(130,130,130);
}

    .planningCalendarBodyAppCommercialTableMonthly:hover {
        background-color: black;
        border-left: 2px solid black;
        color: White;
    }

.planningCalendarBodyAppNotConfirmedMonthly {
    width: 100%;
    background-color: #dcdcdc;
    border-left: 2px solid gray;
    font-size: 12px;
    cursor: pointer;
    color: rgb(130,130,130);
}

    .planningCalendarBodyAppNotConfirmedMonthly:hover {
        background-color: black;
        border-left: 2px solid black;
        color: White;
    }

.planningCalendarBodyAppTypeNotDefinedDivMonthly {
    width: 100%;
    background-color: #dcdcdc;
    border-left: 0px solid rgb(200,200,200);
    margin-right: 0px;
    font-size: 12px;
    cursor: pointer;
    color: rgb(130,130,130);
    float: left;
}

    .planningCalendarBodyAppTypeNotDefinedDivMonthly:hover {
        background-color: black;
        border-left: 2px solid black;
        color: White;
    }

.planningSchedulerFacilitiesContainer {
    overflow: auto;
    max-height: 140px;
}

.planningCallsOpenGridCell {
    height: 100%;
}

    .planningCallsOpenGridCell div {
        background-color: rgb(230,230,230) !important;
        display: inline-block;
        height: 100%;
        padding: 4px;
        min-width: 100px;
        border: 0px solid rgb(255, 191, 0);
        vertical-align: middle;
    }

.planningCallsInProgressGridCell {
    height: 100%;
}

    .planningCallsInProgressGridCell div {
        background-color: rgb(255, 191, 0) !important;
        display: inline-block;
        height: 100%;
        padding: 4px;
        min-width: 100px;
        border: 0px solid rgb(255, 191, 0);
        vertical-align: middle;
    }

.planningCallsClosedGridCell {
    background-color: transparent;
}

.planningCallsServiceAlertGridCell {
    background-color: darkred !important;
}

    /*.planningCallsServiceAlertGridCell div {
        padding: 4px;
        border: 0px solid darkred;
        vertical-align: middle;
    }*/

.planningCallsServiceAlertLink {
    color: white;
}

.planningCalendarCommitTitleSpacer {
    border-left: 2px solid orange;
    background-color: orange;
    width: 100%;
    font-size: 8px;
}

.planCalendarHeaderDayCommit {
    width: 40px;
}

.planningCalendarCommit {
    color: gray;
    font-weight: bold;
    font-size: 12px;
    height: 100%;
    display: inline-block;
    padding: 2px;
}

.planningCalendarCommitAlert {
    background-color: orange;
    color: white;
    font-weight: bold;
    font-size: 12px;
    height: 100%;
    display: inline-block;
    padding: 2px;
}

.planningCalendarCommitPlaceholder {
    display: none;
}


.planSchedImg {
    width: 32px;
    height: 32px;
    cursor: pointer;
    margin: 2px;
}

    .planSchedImg:hover {
        width: 36px;
        height: 36px;
        margin: 0px;
    }

.planSchedStatusTable {
}

.planSchedStatusSxCell {
}

.planSchedStatusDxCell {
}

.planSchedStatusSummaryDiv {
    max-height: 40px;
    height: 40px;
    overflow-y: auto;
    width: 100px;
    vertical-align: middle;
    display: table-cell;
}

.planSchedStatusSummaryLinkCont {
    padding-bottom: 2px;
}

.planSchedStatusSummaryLinkRapp {
    color: green;
    font-weight: bold;
}

    .planSchedStatusSummaryLinkRapp:hover {
        color: black;
    }

.planSchedStatusSummaryLinkApp {
    color: darkorange;
    font-weight: bold;
}

    .planSchedStatusSummaryLinkApp:hover {
        color: black;
    }

.planSchedStatusSummaryLinkCall {
    color: dimgray;
    font-weight: bold;
}

    .planSchedStatusSummaryLinkCall:hover {
        color: black;
    }

.planCallsExtendedDataContainer {
    padding-top: 14px;
    width: 90%;
    height: 100px;
    overflow-y: auto;
}

.planCallsExtendedDataRow {
    width: 100%;
    font-size: 11px;
}

.planCallsExtendedDataRowImage {
    width: 32px;
    height: 32px;
    background: url('../graphic/CommitCalendar.png') left top no-repeat;
    background-size: cover;
    cursor: pointer;
    margin: 2px;
    border: 0;
    border-style: none;
}

    .planCallsExtendedDataRowImage:hover {
        width: 36px;
        height: 36px;
        margin: 0px;
    }

.planCallsExtendedDataRowImageAlert {
    width: 32px;
    height: 32px;
    background: url('../graphic/SchedCritical.png') left top no-repeat;
    background-size: cover;
    cursor: pointer;
    margin: 2px;
    border: 0;
    border-style: none;
}

    .planCallsExtendedDataRowImageAlert:hover {
        width: 36px;
        height: 36px;
        margin: 0px;
    }

.planCallsExtendedDataRowContentDescription {
    color: dimgray
}

.planCallsExtendedDataRowContent {
}

.planCallsExtendedDataRowTd0 {
    width: 0%;
    padding-right: 4px;
    vertical-align: top;
}

.planCallsExtendedDataRowTdSpace {
    height: 2px;
}

.planCallsExtendedDataRowTd1 {
    border-left: 5px solid lightgray;
    padding-top: 6px;
    padding-left: 4px;
    padding-right: 4px;
    vertical-align: top;
}

.planCallsExtendedDataRowTd2 {
    padding-top: 14px;
    padding-left: 4px;
    padding-right: 4px;
    width: 100%;
    padding-top: 6px;
    vertical-align: top;
}

.planCallsExtendedDataRowTd3 {
}
/*PLANNING END*/

/*DYNAMIC MENU-----------------------*/
.dynMenuLink {
    color: black;
    text-decoration: none;
}

.dynMenuLinkOver {
    color: white;
    text-decoration: none;
}

.dynMenuContainer {
    border: 5px solid rgb(230,230,230);
    padding: 10px;
    margin: 10px;
    float: left;
}

.dynMenuRoot {
    font-weight: bold;
    font-size: 12px;
    padding: 4px;
    cursor: pointer;
    border-bottom: 1px solid white;
}

.dynMenuDetail {
    position: absolute;
    font-size: 9px;
    background-color: rgb(230,230,230);
    padding: 4px;
}

.dynMenuImgHeader {
    float: right;
}

.dynMenuNode2 {
    font-size: 12px;
    padding: 4px;
    cursor: pointer;
    border-bottom: 1px solid white;
    background-color: #f2f2f2;
    color: Black;
}

.dynMenuNodeOver2 {
    background-color: black;
    color: White;
    font-size: 12px;
    padding: 4px;
    cursor: pointer;
    border-bottom: 1px solid white;
}

.dynMenuExpandedNode2 {
    background-color: #DCDCDC;
    color: black;
    font-size: 12px;
    padding: 4px;
    cursor: pointer;
    border-bottom: 1px solid white;
}

.dynMenuExpandedNodeOver2 {
    background-color: black;
    color: white;
    font-size: 12px;
    padding: 4px;
    cursor: pointer;
    border-bottom: 1px solid white;
}

.dynMenuNodeChild2 {
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    border-bottom: 1px solid white;
}

.dynMenuNodeChildOver2 {
    background-color: black;
    color: White;
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    border-bottom: 1px solid white;
}

.dynMenuExpandedNodeChild2 {
    background-color: orange;
    color: White;
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    border-bottom: 1px solid white;
}

.dynMenuExpandedNodeChildOver2 {
    background-color: black;
    color: black;
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    border-bottom: 1px solid white;
}

.dynMenuNode3 {
    font-size: 12px;
    padding: 4px;
    cursor: pointer;
    border-bottom: 1px solid white;
    background-color: #f2f2f2;
    color: Black;
}

.dynMenuNodeOver3 {
    background-color: black;
    color: White;
    font-size: 12px;
    padding: 4px;
    cursor: pointer;
    border-bottom: 1px solid white;
}

.dynMenuExpandedNode3 {
    background-color: rgb(255,201,66);
    color: black;
    font-size: 12px;
    padding: 4px;
    cursor: pointer;
    border-bottom: 1px solid white;
}

.dynMenuExpandedNodeOver3 {
    background-color: black;
    color: white;
    font-size: 12px;
    padding: 4px;
    cursor: pointer;
    border-bottom: 1px solid white;
}

.dynMenuNodeChild3 {
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    border-bottom: 1px solid white;
}

.dynMenuNodeChildOver3 {
    background-color: rgb(255,201,66);
    color: black;
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    border-bottom: 1px solid white;
}

.dynMenuExpandedNodeChild3 {
    background-color: rgb(255,201,66);
    color: black;
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    border-bottom: 1px solid white;
}

.dynMenuExpandedNodeChildOver3 {
    background-color: black;
    color: black;
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    border-bottom: 1px solid white;
}

.dynMenuNode4 {
    font-size: 12px;
    padding: 4px;
    cursor: pointer;
    border-bottom: 1px solid white;
    background-color: #f2f2f2;
    color: Black;
}

.dynMenuNodeOver4 {
    background-color: black;
    color: White;
    font-size: 12px;
    padding: 4px;
    cursor: pointer;
    border-bottom: 1px solid white;
}

.dynMenuExpandedNode4 {
    background-color: red;
    color: White;
    font-size: 12px;
    padding: 4px;
    cursor: pointer;
    border-bottom: 1px solid white;
}

.dynMenuExpandedNodeOver4 {
    background-color: black;
    color: white;
    font-size: 12px;
    padding: 4px;
    cursor: pointer;
    border-bottom: 1px solid white;
}

.dynMenuNodeChild4 {
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    border-bottom: 1px solid white;
}

.dynMenuNodeChildOver4 {
    background-color: red;
    color: White;
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    border-bottom: 1px solid white;
}

.dynMenuExpandedNodeChild4 {
    background-color: red;
    color: White;
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    border-bottom: 1px solid white;
}

.dynMenuExpandedNodeChildOver4 {
    background-color: black;
    color: black;
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    border-bottom: 1px solid white;
}

.allUsersMenuContracts {
    border: 2px solid red;
    width: 600px;
    height: 470px;
    margin-top: 15px;
    margin-left: 15px;
    float: left;
    font-size: 14px;
}

.allUsersMenuContractsHeader {
    width: 100%;
    background-color: red;
}

    .allUsersMenuContractsHeader div {
        position: relative;
        top: 10px;
        width: 180px;
        text-align: center;
        color: white;
        font-size: 40px;
        font-weight: bold;
        float: left;
        padding-left: 20px;
    }

.allUsersMenuContractsBody {
    height: 100%;
    padding: 10px;
    width: 100%;
    vertical-align: top;
    padding-bottom: 20px;
}

.allUsersMenuContractsButton {
    margin-left: 10px;
    margin-top: 10px;
    float: left;
    background-color: red;
    width: 130px;
    height: auto;
    color: white;
    padding: 10px;
    text-align: center;
}

    .allUsersMenuContractsButton img {
        height: 64px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 6px;
    }

.allUsersMenuPlanning {
    border: 2px solid orange;
    width: 600px;
    height: 470px;
    margin-top: 15px;
    margin-left: 15px;
    float: left;
    font-size: 14px;
}

.allUsersMenuPlanningHeader {
    width: 100%;
    background-color: orange;
}

    .allUsersMenuPlanningHeader div {
        position: relative;
        top: 10px;
        width: 180px;
        text-align: center;
        color: white;
        font-size: 40px;
        font-weight: bold;
        float: left;
        padding-left: 20px;
    }

.allUsersMenuPlanningBody {
    height: 100%;
    padding: 10px;
    width: 100%;
    vertical-align: top;
    padding-bottom: 20px;
}

.allUsersMenuPlanningButton1 {
    margin-left: 10px;
    margin-top: 10px;
    float: left;
    background-color: orange;
    width: 130px;
    height: auto;
    color: white;
    padding: 10px;
    text-align: center;
}

    .allUsersMenuPlanningButton1 img {
        height: 64px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 6px;
    }

.allUsersMenuPlanningButton2 {
    margin-left: 10px;
    margin-top: 10px;
    float: left;
    background-color: rgb(255, 232, 25);
    width: 130px;
    height: auto;
    color: white;
    padding: 10px;
    text-align: center;
}

    .allUsersMenuPlanningButton2 img {
        height: 64px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 6px;
    }

.allUsersMenuPlanningButton3 {
    margin-left: 10px;
    margin-top: 10px;
    float: left;
    background-color: rgb(255, 204, 0);
    width: 130px;
    height: auto;
    color: white;
    padding: 10px;
    text-align: center;
}

    .allUsersMenuPlanningButton3 img {
        height: 64px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 6px;
    }

.allUsersMenuFacilities {
    border: 2px solid #999999;
    width: 600px;
    height: 470px;
    margin-top: 15px;
    margin-left: 15px;
    float: left;
    font-size: 14px;
}

.allUsersMenuFacilitiesHeader {
    width: 100%;
    background-color: #999999;
}

    .allUsersMenuFacilitiesHeader div {
        position: relative;
        top: 10px;
        width: 180px;
        text-align: center;
        color: white;
        font-size: 40px;
        font-weight: bold;
        float: left;
        padding-left: 20px;
    }

.allUsersMenuFacilitiesBody {
    height: 100%;
    padding: 10px;
    width: 100%;
    vertical-align: top;
    padding-bottom: 20px;
}

.allUsersMenuFacilitiesButton1 {
    margin-left: 10px;
    margin-top: 10px;
    float: left;
    background-color: #dcdcdc;
    width: 130px;
    height: auto;
    color: white;
    padding: 10px;
    text-align: center;
}

    .allUsersMenuFacilitiesButton1 img {
        height: 64px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 6px;
    }

.allUsersMenuFacilitiesButton2 {
    margin-left: 10px;
    margin-top: 10px;
    float: left;
    background-color: #999999;
    width: 130px;
    height: auto;
    color: white;
    padding: 10px;
    text-align: center;
}

    .allUsersMenuFacilitiesButton2 img {
        height: 64px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 6px;
    }

.allUsersMenuFacilitiesButton3 {
    margin-left: 10px;
    margin-top: 10px;
    float: left;
    background-color: dimgray;
    width: 130px;
    height: auto;
    color: white;
    padding: 10px;
    text-align: center;
}

    .allUsersMenuFacilitiesButton3 img {
        height: 64px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 6px;
    }

.allUsersMenuCrm {
    border: 2px solid rgb(157, 171, 80);
    width: 600px;
    height: 350px;
    margin-top: 15px;
    margin-left: 15px;
    float: left;
    font-size: 14px;
}

.allUsersMenuCrmHeader {
    width: 100%;
    background-color: rgb(181, 197, 92);
}

    .allUsersMenuCrmHeader div {
        position: relative;
        top: 10px;
        width: 180px;
        text-align: center;
        color: white;
        font-size: 40px;
        font-weight: bold;
        float: left;
        padding-left: 20px;
    }

.allUsersMenuCrmBody {
    height: 100%;
    padding: 10px;
    width: 100%;
    vertical-align: top;
    padding-bottom: 20px;
}

.allUsersMenuCrmButton1 {
    margin-left: 10px;
    margin-top: 10px;
    float: left;
    background-color: rgb(181, 197, 92);
    width: 130px;
    height: auto;
    color: white;
    padding: 10px;
    text-align: center;
}

    .allUsersMenuCrmButton1 img {
        height: 64px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 6px;
    }

.allUsersMenuCrmButton2 {
    margin-left: 10px;
    margin-top: 10px;
    float: left;
    background-color: rgb(157, 171, 80);
    width: 130px;
    height: auto;
    color: white;
    padding: 10px;
    text-align: center;
}

    .allUsersMenuCrmButton2 img {
        height: 64px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 6px;
    }

.allUsersMenuLink {
    padding: 4px;
    color: Gray;
}

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

.allUsersMenuLinkGroup {
    margin-top: 10px;
    padding: 4px;
    font-weight: bold;
}

.allUsersMenuParagraph {
    overflow: auto;
}

.maintenanceMenuFacilities {
    margin: 10px;
    height: 180px;
    float: left;
}

    .maintenanceMenuFacilities td {
        text-align: center;
        vertical-align: bottom;
        background-color: gray;
        padding: 20px;
        border: 4px solid gray;
    }

    .maintenanceMenuFacilities div {
        width: 150px;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        margin-top: 10px;
        margin-right: auto;
        margin-left: auto;
        color: White;
        padding-top: 10px;
    }

    .maintenanceMenuFacilities img {
        border: 0px currentColor;
        width: 150px;
        cursor: pointer;
    }

    .maintenanceMenuContracts {
        margin: 10px;
        height: 180px;
        float: left;
    }

    .maintenanceMenuContracts td {
        text-align: center;
        vertical-align: bottom;
        background-color: Red;
        padding: 20px;
        border: 4px solid red;
    }

    .maintenanceMenuContracts div {
        width: 150px;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        margin-top: 10px;
        margin-right: auto;
        margin-left: auto;
        color: White;
        padding-top: 10px;
    }

    .maintenanceMenuContracts img {
        border: 0px currentColor;
        width: 150px;
        cursor: pointer;
    }

    .maintenanceMenuContractsRenewPanel {
        background-color: transparent;
        width: 100%;
        height: 200px;
        color: white;
        overflow: auto;
        font-size: 11px;
    }

    .maintenanceMenuContractsRenewPanel::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .maintenanceMenuContractsRenewPanel::-webkit-scrollbar {
        width: 6px;
        background-color: white;
    }

    .maintenanceMenuContractsRenewPanel::-webkit-scrollbar-thumb {
        background-color: red;
        border-radius: 10px;
        border: 1px solid darkred;
        cursor: pointer;
    }

    .maintenanceMenuContractsRenewPanel::-webkit-scrollbar-thumb:hover {
        background-color: gray;
        border: 1px solid black;
    }

    .maintenanceMenuContractsRenewPanel::-webkit-scrollbar-thumb:active {
        background-color: darkred;
        border: 1px solid darkred;
    }

    .maintenanceMenuCalls {
        margin: 10px;
        height: 180px;
        float: left;
    }

    .maintenanceMenuCalls td {
        text-align: center;
        vertical-align: bottom;
        background-color: darkorange;
        padding: 20px;
        border: 4px solid darkorange;
    }

    .maintenanceMenuCalls div {
        width: 150px;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        margin-top: 10px;
        margin-right: auto;
        margin-left: auto;
        color: White;
        padding-top: 10px;
    }

    .maintenanceMenuCalls img {
        border: 0px currentColor;
        width: 150px;
        cursor: pointer;
    }

    .maintenanceMenuPlanning {
        margin: 10px;
        height: 180px;
        float: left;
    }

    .maintenanceMenuPlanning td {
        text-align: center;
        vertical-align: bottom;
        background-color: orange;
        padding: 20px;
        border: 4px solid orange;
    }

    .maintenanceMenuPlanning div {
        width: 150px;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        margin-top: 10px;
        margin-right: auto;
        margin-left: auto;
        color: White;
        padding-top: 10px;
    }

    .maintenanceMenuPlanning img {
        border: 0px currentColor;
        width: 150px;
        cursor: pointer;
    }

    .maintenanceMenuPlanningSchedPanel {
        background-color: transparent;
        width: 100%;
        height: 200px;
        color: white;
        overflow: auto;
        font-size: 11px;
    }

    .maintenanceMenuPlanningSchedPanel::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .maintenanceMenuPlanningSchedPanel::-webkit-scrollbar {
        width: 6px;
        background-color: white;
    }

    .maintenanceMenuPlanningSchedPanel::-webkit-scrollbar-thumb {
        background-color: orange;
        border-radius: 10px;
        border: 1px solid darkorange;
        cursor: pointer;
    }

    .maintenanceMenuPlanningSchedPanel::-webkit-scrollbar-thumb:hover {
        background-color: gray;
        border: 1px solid black;
    }

    .maintenanceMenuPlanningSchedPanel::-webkit-scrollbar-thumb:active {
        background-color: darkorange;
        border: 1px solid darkorange;
    }

    .maintenanceMenuPlanningLinks {
    }

    .maintenanceMenuPlanningLinks img {
    }

    .maintenanceMenuPlanningLinks a {
        text-decoration: none;
        color: rgb(160,160,160);
        font-size: 16px;
    }

    .maintenanceMenuPlanningLinks a:hover {
        color: Black;
    }

    .maintenanceMenuContractsLinks {
    }

    .maintenanceMenuContractsLinks img {
    }

    .maintenanceMenuContractsLinks a {
        text-decoration: none;
        color: rgb(160,160,160);
        font-size: 16px;
    }

    .maintenanceMenuContractsLinks a:hover {
        color: Black;
    }

    .maintenanceMenuFacilitiesLinks {
    }

    .maintenanceMenuFacilitiesLinks img {
    }

    .maintenanceMenuFacilitiesLinks a {
        text-decoration: none;
        color: rgb(160,160,160);
        font-size: 16px;
    }

    .maintenanceMenuFacilitiesLinks a:hover {
        color: Black;
    }

    /*DYNAMIC MENU END-----------------------*/


    /*UPLOAD-----------------------*/
    .fileUpload {
        position: relative;
        overflow: hidden;
        background-color: #dcdcdc;
        width: 100px;
        height: 20px;
        border: 4px solid #dcdcdc;
        text-align: center;
        font-family: Verdana;
        cursor: pointer;
    }

    .fileUpload:hover {
        background-color: gray;
        border: 4px solid gray;
        color: White;
    }

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.fileUploadProgressbar {
    border: 4px solid darkorange;
    background-color: white;
    background-repeat: repeat-x;
}

    .fileUploadProgressbar > div {
        background-color: orange;
        width: 0%; /* Adjust with JavaScript */
        height: 20px;
    }

.fileUploadFiles {
    font-family: Verdana;
}
/*UPLOAD-----------------------END*/

/*CMS SHARE POINT*/
.cmsLoadingImagePlaceholder {
    height: 32px;
    margin: 8px;
}
/*CMS SHARE POINT END*/
/*SHARE POINT*/
.sharePointFileSystemPreviewIf {
    height: 250px;
    width: 100%;
}

.sharePointFileSystemPreviewIfExtended {
    height: 450px;
    width: 100%;
}
/*SHARE POINT*/
/*WORK */
.workSummaryDiv {
    float: left;
    width: 250px;
    padding: 2px;
}

.workSectionUserDiv {
    border-bottom: 4px solid orange;
    margin-bottom: 20px;
}

.workMarkReportDayLink {
    cursor: pointer;
    text-decoration: underline;
    font-weight: bold;
    padding: 2px;
    color: dimgray;
}

    .workMarkReportDayLink:hover {
        color: black;
    }
/*WORK END*/

/*WEBCONTROLLIBRARY CUSTOM*/
.webCLGridViewFilterBoxInsertContainer {
    padding: 8px;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}

.webCLGridViewFilterSummaryDiv {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    padding: 8px;
}

.webCLGridViewFilterFieldName {
    float: left;
    font-size: 14px;
    width: 200px;
}

.webCLGridViewFilterMode {
    float: left;
    font-size: 14px;
    width: 100px;
}

.webCLGridViewFilterOperator {
    float: left;
    font-size: 14px;
    width: 60px;
}

.webCLGridViewFilterTerm {
    float: left;
    height: 14px;
    width: 200px;
}

.webCLGridViewFilterTermTo {
    float: left;
    height: 14px;
    width: 100px;
}

.webCLGridViewFilterAdd {
    float: left;
    margin-left: 8px;
    width: 32px;
    height: 32px;
}

.webCLGridViewFilterClear {
    float: left;
    margin-left: 8px;
    width: 32px;
    height: 32px;
}

.webCLGridViewFilterTermToSeparator {
    float: left;
    padding: 4px;
}
.webCLGridViewPagerCustomTable {
    height:30px;
}
.webCLGridViewPagerCustomTable table
{
    position:absolute;
    width:400px;
    background-color:red;
    margin-top:-11px;
}
.webCLGridViewPagerCount
{
    min-width:100px;
    float:left;
}

.webCLGridViewPagerSelector {

}
.webCLGridViewPagerSelector span {
    font-size:18px;
}

.webCLGridViewPagerGoTo {
    width: 160px;
    padding-left: 30px;
    float: left;
}

.webCLGridViewPagerRecordCounter {
    border-left: 4px solid #DCDCDC;
    width: 160px;
    padding-left: 30px;
    float: left;
}

.webCLGridViewProgressAsyncFill {
    border-left: 4px solid #DCDCDC;
    width: 100px;
    padding-left: 30px;
    float: left;
}
/*WEBCONTROLLIBRARY CUSTOM*/

.pagerContainer {
    min-height: 30px;
    width: 100%;
    margin-top: 30px;
}

.pagerContainerTable {
    width: 100%;
    border-bottom: 1px solid gray;
    background-image: url(graphic/tabBk.jpg)
}

/*Treeview:::::::::::::::::::::::::::::::::::*/
.tvwNodeCont {
    text-align: left;
}

.tvwNodeImgExp {
    padding: 2px;
    cursor: pointer;
}

.tvwNodeIcon {
    padding: 2px;
    width: 32px;
    height: 32px;
}

.tvwNodeIconState {
    margin-top: 2px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

    .tvwNodeIconState:hover {
    }

.tvwNodeIconStateDiv {
    width: 16px;
    height: 16px;
    padding-top: 2px;
}

.tvwNodeText {
    cursor: pointer;
    color: Black;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.tvwNodeTextRecycleBin {
    cursor: pointer;
    color: darkorange;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.tvwNodeTextSelected {
    cursor: pointer;
    color: Blue;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
}

.tvwNodeTextDisabled {
    cursor: pointer;
    color: darkred;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.tvwNodeTextSub {
    cursor: pointer;
    color: #999999;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.tvwNodeTextLink {
    cursor: pointer;
    color: #999999;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.tvwNodeChild {
    margin-left: 10px;
    margin-top: 4px;
}

.tvwNodeImgExpTd {
    vertical-align: top;
}

.tvwNodeOrderTd {
    vertical-align: top;
    padding-top: 2px;
}

.tvwNodeCheckTd {
    vertical-align: top;
}

.tvwNodeIconTd {
    vertical-align: top;
}

.tvwNodeCheckTd {
    vertical-align: top;
}

.tvwNodeCheck {
    padding: 2px;
    cursor: pointer;
}

.tvwNodeOrderText {
    width: 19px;
    font-size: 7px;
    height: 16px;
    text-align: center;
    border: 1px solid gray;
}

.tvwNodeFooterSeparator01 {
    margin-top: 3px;
    height: 16px;
    border-top: none;
    color: white;
    font-size: 7px;
    text-align: right;
    padding-top: 2px;
}

.tvwNodeFooterSeparator02 {
    margin-top: 3px;
    height: 16px;
    border-top: 3px dashed darkorange;
    color: gray;
    font-size: 7px;
    text-align: right;
    padding-top: 2px;
}

.tvwNodeFooterSeparator03 {
    margin-top: 3px;
    height: 16px;
    border-top: 3px dashed white;
    color: gray;
    font-size: 7px;
    text-align: right;
    padding-top: 2px;
}

.tvwNodeFooterSeparator04 {
    margin-top: 3px;
    height: 16px;
    border-top: 3px dashed white;
    color: gray;
    font-size: 7px;
    text-align: right;
    padding-top: 2px;
}

.tvwNodeFooterSeparator05 {
    margin-top: 3px;
    height: 16px;
    border-top: 3px dashed white;
    color: gray;
    font-size: 7px;
    text-align: right;
    padding-top: 2px;
}

.tvwNodeFooterSeparator06 {
    margin-top: 3px;
    height: 16px;
    border-top: 3px dashed white;
    color: gray;
    font-size: 6px;
    text-align: right;
    padding-top: 2px;
}

.tvwNodeFooterSeparator07 {
    margin-top: 3px;
    height: 16px;
    border-top: 3px dashed white;
    color: gray;
    font-size: 6px;
    text-align: right;
    padding-top: 2px;
}

.tvwNodeFooterSeparator08 {
    margin-top: 3px;
    height: 16px;
    border-top: 3px dashed white;
    color: gray;
    font-size: 6px;
    text-align: right;
    padding-top: 2px;
}

.tvwNodeFooterSeparator09 {
    margin-top: 3px;
    height: 16px;
    border-top: 3px dashed white;
    color: gray;
    font-size: 6px;
    text-align: right;
    padding-top: 2px;
}

.tvwNodeFooterSeparator10 {
    margin-top: 3px;
    height: 16px;
    border-top: 3px dashed white;
    color: gray;
    font-size: 6px;
    text-align: right;
    padding-top: 2px;
}
/*Treeview:::::::::::::::::::::::::::::::::::END*/

/*GEOLOCATION*/
.geolocationMarkerLabel {
    border: 1px solid gray;
    background-color: White;
    font-weight: bold;
    padding: 4px;
}
/*GEOLOCATION END*/

/*LOADING PROGRESS*/
.loadingProgressMarkupModalContainer {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #999999;
    z-index: 999;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    min-height: 100%;
    width: 100%;
}

.loadingProgressMarkupMessageContainer {
    background-color: transparent;
    z-index: 1001;
    width: 100%;
    display: none;
    position: fixed;
    bottom: 0px;
    padding: 20px;
    /*opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;*/
}

.loadingProgressMarkupMessage {
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    width: 240px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    text-align: center;
}

    .loadingProgressMarkupMessage img {
        width: 180px;
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
    }
/*LOADING PROGRESS END*/

/*OTHER DATA GRID ASYNC:::::::::::::*/
.otherDataGridImg {
    width: 32px;
}

.otherDataGridContainer {
    height: 64px;
    min-width: 64px;
    width: 10%;
    display: table-cell;
    vertical-align: middle;
    padding-top: 8px;
    padding-bottom: 8px;
}

.otherDataGridContainerSub {
    width: 96%;
    overflow-y: auto;
    max-height: 100px;
}

    .otherDataGridContainerSub::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px #555;
        border-radius: 0px;
        background-color: #F5F5F5;
    }

    .otherDataGridContainerSub::-webkit-scrollbar {
        width: 6px;
        background-color: #F5F5F5;
    }

    .otherDataGridContainerSub::-webkit-scrollbar-thumb {
        border-radius: 0px;
        -webkit-box-shadow: inset 0 0 6px rgb(0, 0, 0);
        background-color: lightgray;
    }

.otherDataGridContainerSubAlert {
    color: black;
    font-weight: bold;
}

    .otherDataGridContainerSubAlert img {
        width: 52px;
    }
/*OTHER DATA GRID ASYNC::::::END*/

/*OTHER DATA GRID ASYNC WMS:::::::::::::*/
.wmsAvailabilityItemTable {
    font-size: 12px;
}

.wmsAvailabilityDocHeaderCell01 {
    border-left: 6px solid #dcdcdc;
    padding-left: 2px;
    width: 10%;
    border-bottom: 1px solid #dcdcdc;
    font-weight: bold;
    color: black;
}

.wmsAvailabilityDocHeaderCell02 {
    width: 15%;
    border-bottom: 1px solid #dcdcdc;
    font-weight: bold;
    color: black;
}

.wmsAvailabilityDocHeaderCell03 {
    width: 10%;
    border-bottom: 1px solid #dcdcdc;
    font-weight: bold;
    color: black;
}

.wmsAvailabilityDocHeaderCell04 {
    width: 6%;
    border-bottom: 1px solid #dcdcdc;
    font-weight: bold;
    color: black;
    padding-left: 4px;
}

.wmsAvailabilityDocHeaderCell05 {
    width: 6%;
    border-bottom: 1px solid #dcdcdc;
    font-weight: bold;
    color: black;
    text-align: center;
}

.wmsAvailabilityDocHeaderCell06 {
    width: 6%;
    border-bottom: 1px solid #dcdcdc;
    font-weight: bold;
    color: black;
}

.wmsAvailabilityDocHeaderCell07 {
    width: 9%;
    border-bottom: 1px solid #dcdcdc;
    font-weight: bold;
    color: black;
}

.wmsAvailabilityDocHeaderCell08 {
    width: 0%;
    border-bottom: 1px solid #dcdcdc;
    font-weight: bold;
    color: black;
}

.wmsAvailabilityDocHeaderCell09 {
    width: 0%;
    border-bottom: 1px solid #dcdcdc;
    font-weight: bold;
    color: black;
    padding-left: 4px;
}

.wmsAvailabilityDocHeaderCell10 {
    width: 5%;
    border-bottom: 1px solid #dcdcdc;
    padding-right: 4px;
    text-align: right;
    font-weight: bold;
    color: black;
}

.wmsAvailabilityDocHeaderCell11 {
    width: 8%;
    border-bottom: 1px solid #dcdcdc;
    font-weight: bold;
    color: black;
    padding-left: 4px;
}

.wmsAvailabilityDocHeaderCell12 {
    width: 5%;
    border-bottom: 1px solid #dcdcdc;
    font-weight: bold;
    color: black;
    padding-left: 4px;
    text-align: right;
}

.wmsAvailabilityDocHeaderCell13 {
    width: 8%;
    border-bottom: 1px solid #dcdcdc;
    font-weight: bold;
    color: black;
    padding-left: 4px;
}

.wmsAvailabilityDocHeaderCell14 {
    width: 5%;
    border-bottom: 1px solid #dcdcdc;
    text-align: right;
    font-weight: bold;
    color: black;
}

.wmsAvailabilityDocHeaderCell15 {
    width: 10%;
    border-bottom: 1px solid #dcdcdc;
    text-align: right;
    font-weight: bold;
    color: black;
}

.wmsAvailabilityDocCell01 {
    border-left: 6px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding-left: 2px;
}

.wmsAvailabilityDocCell01Down {
    border-left: 6px solid darkred;
    border-bottom: 1px solid #dcdcdc;
    padding-left: 2px;
}

.wmsAvailabilityDocCell01Alert /*REF.000549*/ {
    border-left: 6px solid darkorange;
    border-bottom: 1px solid #dcdcdc;
    padding-left: 2px;
}

.wmsAvailabilityDocCell02 {
    border-bottom: 1px solid #dcdcdc;
}

.wmsAvailabilityDocCell03 {
    border-bottom: 1px solid #dcdcdc;
}

.wmsAvailabilityDocCell04 {
    border-bottom: 1px solid #dcdcdc;
}

.wmsAvailabilityDocCell05 {
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
}

.wmsAvailabilityDocCell06 {
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
}

.wmsAvailabilityDocCell07 {
    border-bottom: 1px solid #dcdcdc;
}

.wmsAvailabilityDocCell08 {
    border-bottom: 1px solid #dcdcdc;
    text-align: right;
}

.wmsAvailabilityDocCell09 {
    border-bottom: 1px solid #dcdcdc;
    padding-left: 4px;
}

.wmsAvailabilityDocCell10 {
    border-bottom: 1px solid #dcdcdc;
    padding-right: 4px;
    text-align: right;
}

.wmsAvailabilityDocCell11 {
    border-bottom: 1px solid #dcdcdc;
    padding-left: 4px;
    border-left: 2px solid lightgray;
}

.wmsAvailabilityDocCell12 {
    border-bottom: 1px solid #dcdcdc;
    text-align: right;
    padding-right: 4px;
}

.wmsAvailabilityDocCell12Down {
    border-bottom: 1px solid darkred;
    text-align: right;
    padding-right: 4px;
    background-color: darkred;
    color: white;
}

.wmsAvailabilityDocCell12Disabled {
    border-bottom: 1px solid lightgray;
    text-align: right;
    padding-right: 4px;
    background-color: lightgray;
    color: white;
}

.wmsAvailabilityDocCell13 {
    border-bottom: 1px solid #dcdcdc;
    padding-left: 4px;
    border-left: 2px solid lightgray;
}

.wmsAvailabilityDocCell14 {
    border-bottom: 1px solid #dcdcdc;
    text-align: right;
    padding-right: 4px;
}

.wmsAvailabilityDocCell14Down {
    border-bottom: 1px solid darkred;
    text-align: right;
    padding-right: 4px;
    background-color: darkred;
    color: white;
}

.wmsAvailabilityDocCell14Disabled {
    border-bottom: 1px solid lightgray;
    text-align: right;
    padding-right: 4px;
    background-color: lightgray;
    color: white;
}

.wmsAvailabilityDocCell15 {
    border-bottom: 1px solid #dcdcdc;
    text-align: right;
    border-left: 2px solid lightgray;
}

.wmsAvailabilityDocCell15Down {
    border-bottom: 1px solid darkred;
    text-align: right;
    background-color: darkred;
    color: white;
    border-left: 2px solid lightgray;
    padding-right: 4px;
}

.wmsAvailabilityDocCell15MinimumStockAlert {
    border-bottom: 1px solid orange;
    text-align: right;
    background-color: orange;
    color: black;
    border-left: 2px solid lightgray;
    padding-right: 4px;
}

.wmsAvailabilityStatusContainer {
    border-left: 24px solid lightgray;
}

.wmsAvailabilityStatusUpImg {
    width: 48px;
}

.wmsAvailabilityStatusDownImg {
    width: 48px;
}

.wmsAvailabilityStatusContainer td {
    padding-left: 4px;
    width: 40px;
}

.wmsAvailabilityDocCellInitialQty {
    border-bottom: 1px solid #dcdcdc;
    text-align: right;
    font-weight: bold;
    padding-top: 6px;
    padding-bottom: 6px;
    color: black;
    border-left: 2px solid lightgray;
}

.wmsAvailabilityDocCellInitialQtyTopSpacer {
    background-color: gray;
    line-height: 1px;
}

.wmsAvailabilityDocCellInitialQtyBottomSpacer {
    background-color: gray;
    line-height: 1px;
}

.wmsAvailabilityCurrentDayRow {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    line-height: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 0px;
    background-color: #dcdcdc;
}

.wmsAvailabilityDocQtyImage {
    width: 16px;
    margin-left: 10px;
    margin-right: 3px;
    margin-bottom: 3px;
}

.wmsAvailabilityDocCellDownQty {
    background-color: darkred;
    color: white;
    font-weight: bold;
}

.wmsAvailabilityDocCellUpQty {
    background-color: darkgreen;
    color: white;
    font-weight: bold;
}

.wmsAvailabilityDocCellAlertQty /*REF.000549*/ {
    background-color: darkorange;
    color: white;
    font-weight: bold;
}

.wmsAvailabilityDocCellDownQtyDisabled {
    background-color: lightgray;
    color: white;
    font-weight: bold;
}

.wmsAvailabilityGridAsyncDocsContainer {
    width: 98%;
    min-height: 10px;
    padding: 4px;
    padding-left: 10px;
    overflow-y: auto;
    vertical-align: top;
}

.wmsAvailabilityStoreContainer {
    padding: 4px;
}

.wmsAvailabilityStoreContainerOther {
    border-left: 24px solid lightgray;
}

.wmsAvailabilityStoreContainerError {
    border-left: 24px solid darkred;
}

.wmsAvailabilityStoreContainerLabelError {
    font-weight: bold;
    color: darkred;
    margin-bottom: 4px;
}

.wmsAvailabilityStoreContainerAlert {
    border-left: 24px solid orange;
}

.wmsAvailabilityStoreContainerLabelAlert {
    font-weight: bold;
    color: darkorange;
    margin-bottom: 4px;
}

.wmsAvailabilityStoreContainerNormal {
    border-left: 24px solid darkgreen;
}

.wmsAvailabilityStoreContainerLabelNormal {
    font-weight: bold;
    color: darkgreen;
    margin-bottom: 4px;
}

.wmsAvailabilityGridAsyncStoreContainer {
    width: 98%;
    min-height: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 4px;
    overflow-y: auto;
    vertical-align: top;
}

.wmsAvailabilityLink {
    cursor: pointer;
    text-decoration: underline;
}

    .wmsAvailabilityLink:hover {
        color: black;
    }

.wmsAvailabilityLinkBillOfLading {
    cursor: pointer;
    text-decoration: underline;
    font-size: 7px;
}

    .wmsAvailabilityLinkBillOfLading:hover {
        color: black;
    }

.wmsAvailabilityStorageMainContainerUp {
    display: none;
}

.wmsAvailabilityStorageMainContainerDown {
    display: none;
}

.wmsAvailabilityStatusProgress {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 199;
    background-color: gray;
    opacity: 0.8;
    top: 0px;
    display: none;
}
.wmsPickingQtyTable {
    width: 320px;
    min-height: 175px;
}


.wmsSubcontractorEntryRow {
    background-color: rgb(227, 173, 243);
    cursor:pointer;
    color: black;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
}

    .wmsSubcontractorEntryRow > td {
        padding: 8px;
    }
    .wmsSubcontractorEntryRow:hover {
        background-color: rgb(193, 126, 212);
    }
/*OTHER DATA GRID ASYNC WMS::::::::::::::::::END*/
/*WMS:::::::::::::*/
.wmsBoxItemsContainer {
    overflow-y: auto;
    max-height: 120px;
    border-top: 10px solid rgb(180,180,180);
    padding: 4px;
}
/*WMS:::::::::::::END*/

.contProceduresReportSummary {
    border-collapse: collapse;
    margin-top: 10px;
    width: 100%;
}

    .contProceduresReportSummary td {
        border: 1px solid gray;
        padding: 4px;
    }

    .contProceduresReportSummary th {
        border: 1px solid gray;
        padding: 4px;
    }


.monitorRxPanel /*REF.000567*/ {
    position: absolute;
    right: -400px;
    top: 60px;
    background-color: rgb(30, 30, 30);
    width: 40%;
    z-index: 103;
    height: 100%;
    display: none;
    opacity: 0.7;
}

    .monitorRxPanel table /*REF.000567*/ {
        margin-top: 40px;
        margin-left: 40px;
    }

.monitorRxTitle /*REF.000567*/ {
    font-size: 14px;
    color: red;
}

.monitorRxBody /*REF.000567*/ {
    font-size: 14px;
    color: white;
    padding-left: 40px;
}


/* REF.000873.20200806::::: */
.monitorSxPanel  {
    position: fixed;
    top: 60px;
    display: none;
    background-color: rgb(90, 90, 90);
    width: 400px;
    height: 200px;
    z-index: 103;
    opacity: 0.7;
    padding:30px;
}


.monitorSxTitle {
    font-size: 14px;
    color: red;
}

.monitorSxBody {
    font-size: 14px;
    color: white;
    padding-left: 40px;
}

/* REF.000873.20200806:::::END */

.monitorQuestionButton
{

}
.monitorQuestionButton:hover {
}
/*CONTRACTS::::::*/
.conGeneralCheckOtherData {
    color: gray;
    border-left: 4px solid lightgray;
    padding-left: 4px;
    margin-bottom: 4px;
    font-size: 11px;
    cursor: pointer;
}

    .conGeneralCheckOtherData img {
        width: 32px;
    }

.conGeneralCheckOtherDataAlert {
    color: darkorange;
    border-left: 4px solid orange;
    padding-left: 4px;
    margin-bottom: 4px;
    font-size: 11px;
    cursor: pointer;
}

    .conGeneralCheckOtherDataAlert img {
        width: 32px;
    }

.conGeneralCheckOtherDataError {
    color: darkred;
    border-left: 4px solid red;
    padding-left: 4px;
    margin-bottom: 4px;
    font-size: 11px;
    cursor: pointer;
}

    .conGeneralCheckOtherDataError img {
        width: 32px;
    }
/*CONTRACTS::::::END*/

/*PRODUCTION:::::*/
.odpStatusPanel {
    cursor: pointer;
    background-color: white;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
}

    .odpStatusPanel:hover {
        background-color: lightgray;
    }
/*PRODUCTION:::::END*/

.DataContainerFloating {
    z-index: 10;
}

/*CHART:::::::*/
.chart {
    width: 85px;
    height: 85px;
}

.doughnutTip {
    z-index: 10;
    position: absolute;
    min-width: 30px;
    max-width: 300px;
    padding: 5px 15px;
    border-radius: 1px;
    background: rgba(0,0,0,.8);
    color: #ddd;
    font-size: 17px;
    text-shadow: 0 1px 0 #000;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.3;
    letter-spacing: .06em;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    pointer-events: none;
    &::after

{
    position: absolute;
    left: 50%;
    bottom: -6px;
    content: "";
    height: 0;
    margin: 0 0 0 -6px;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 6px solid rgba(0,0,0,.7);
    line-height: 0;
}

}

.doughnutSummary {
    text-align: center;
    color: gray;
    text-shadow: 0 -1px 0 #111;
    cursor: default;
}

.doughnutSummaryTitle {
    width: 100%;
    font-size: 11px;
    letter-spacing: .06em;
    display: none;
    height: 0px;
}

.doughnutSummaryNumber {
    width: 100%;
    font-size: 10px;
    height: 11px;
}

.chart path:hover {
    opacity: 0.65;
}
/*CHART:::::::END*/

/*SCROLLTOP / PERMISSIONS / BOTTOM TOOLS::::REF.000700*/
.bottomToolsContextContainer {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 170px;
    height: 100px;
    z-index: 100;
}

    .bottomToolsContextContainer img {
        width: 64px;
        height: 64px;
        float: left;
        cursor: pointer;
        margin: 6px;
    }

        .bottomToolsContextContainer img:hover {
            width: 72px;
            height: 72px;
            margin: 2px;
        }
/*SCROLLTOP / PERMISSIONS / BOTTOM TOOLS::::REF.000700:::END*/

/*COMPANY SELECTION*/
.multiCompanyMasterContainer {
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    text-align: center;
}

.multiCompanyContainer {
    margin: 5px;
    padding: 5px;
    display: inline-block;
    margin-bottom: 40px;
}

.multiCompanyButton {
    margin: 10px;
    width: 150px;
    cursor: pointer;
}

.multiCompanyButtonImage {
    width: 100px;
}

.multiCompanyButtonImageDefault {
    margin-top: 30px;
    width: 48px;
    opacity: 0.4;
}

.multiCompanyTitle {
    color: gray;
    font-size: 14px;
    cursor: pointer;
    font-weight: bold;
}

    .multiCompanyTitle:hover {
        color: black;
    }

.companySelectionFooter {
    position: fixed;
    bottom: 0px;
    height: 100px;
    padding: 20px;
    text-align: center;
    opacity: 0.9;
    background-color: lightgray;
    width: 100%;
    /*box-shadow: 1px -6px 12px rgba(112,112,112,0.2);*/
    color: black;
}

.companySelectionFooterSpacer {
    height: 120px;
}

.companySelectionFooterLabel {
    margin-left: auto;
    margin-right: auto;
    width: 420px;
    margin-bottom: 14px;
    font-size: 13px;
    color: rgb(47, 47, 47);
    font-weight: bold;
    text-align: center;
}

.companySelectionFooterLink {
    text-decoration: none;
    color: rgb(68, 68, 68);
}

    .companySelectionFooterLink:hover {
        color: rgb(69,130,92);
    }

.companySelectionFooterProductContainer {
    margin-left: auto;
    margin-right: auto;
    width: 320px;
}

.companySelectionFooterProduct {
    float: left;
    width: 250px;
    text-align: left;
    padding-left: 10px;
    margin-top: 2px;
}

.companySelectionFooterProductContainer img {
    float: left;
    width: 40px;
    margin: 2px;
    cursor: pointer;
}

    .companySelectionFooterProductContainer img:hover {
        float: left;
        width: 44px;
        margin: 0px;
    }
/*COMPANY SELECTION:::::::::END*/

/*massimizzione CKeditor online, custom per evitare sovrapposizione sulla toolbar*/
.cke_maximized {
    top: 57px !important;
    /*z-index: 10000 !important;*/
}

    .cke_maximized iframe {
    }

/*MANUFACTURING:::::::::*/
.mnfPlanCalendarSimulation {
    width: 100%;
    cursor: pointer;
    font-size: 11px;
    color: black;
    padding: 2px;
    overflow: hidden;
    min-height: 12px;
    background: url("../Graphic/AppBackground.png");
    background-repeat: repeat-y;
    border-top: 1px solid darkorange;
    border-bottom: 1px solid darkorange;
    border-left: 2px solid darkorange;
    margin-bottom: 1px;
    background-color: orange;
}

    .mnfPlanCalendarSimulation:hover {
        background: none;
        background-color: black;
        border-left: 2px solid black;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        color: White;
    }
.mnfToolsSimulationsPanel {
    padding:6px;
    position: fixed;
    top: 60px;
    background-color: rgb(238,238,238);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.46), 0 3px 6px rgba(0,0,0,0.40);
    width:100%;
    z-index:99;
}
.mnfActivitiesContainer {
    width: 100%;
    max-height: 150px;
    overflow: auto;
    margin-top: 4px;
}
.mnfActivitiesContainer div {
    border-left: 6px solid gray;
    margin-top:2px;
    font-size:16px;
    padding:4px;
    cursor:pointer;
}
    .mnfActivitiesContainer div:hover {
        background-color:dimgray;
        color:white;
    }
.mnfAlertsContainer {
    max-height: 100px;
    overflow: auto;
}
.mnfPreviewContainer {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
    vertical-align: top;
}
.mnfPreviewContainerObjects {
    width: 100%;
    height: 300px;
    background-color: white;
    text-align: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.46), 0 3px 6px rgba(0,0,0,0.66);
}
.mnfPreviewContainerObjects video
{
    width: 100%;
    height: 100%;
}
.mnfAttachmentsAlertsTitle {
    font-weight:bold;
    text-transform:uppercase;
}
.mnfAlertsSubTitle
{
    color:gray;
    margin-bottom:4px;
}
.mnfAttachmentsSubTitle {
    color: gray;
    margin-bottom: 4px;
}
.mnfAttachmentsListContainer {
    vertical-align: top;
    width: 0%;
    padding-left: 20px;
}
.mnfAttachmentsList {
    margin-top: 20px;
    overflow: auto;
    width: 100%;
    height: 170px;
}
.mnfPreview {
    height: 100%;
    width: 100%;
    padding-top: 0px;
    margin: 0px;
    overflow: auto;
}
.mnfPreview img {
    height: 100%;
    margin: auto;
}
.mnfPlayer {
    width: 100%;
}
.mnfPreviewPdf {
    height: 100%;
    width: 100%;
    padding-top: 0px;
    margin: 0px;
    overflow: auto;
}
    .mnfPreviewPdf::-webkit-scrollbar {
        width: 10px;
    }

    .mnfPreviewPdf::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .mnfPreviewPdf::-webkit-scrollbar-thumb {
        background: #888;
    }

        .mnfPreviewPdf::-webkit-scrollbar-thumb:hover {
            background: #555;
        }
.canvas-wrapper {
    margin-top: 26px;
    margin-bottom: 16px;
}

canvas {
    margin: 0 auto;
    display: block;
}

.mnfReadCodeContainer {
    margin-left: 10px;
    width: 600px;
}
.mnfReadCodeContainerSection {
    width: 400px;
}
.mnfReadCodeLbCode {
    width: 80px;
    min-width: 80px;
    float: left;
}

.mnfReadCodeTxCode {
    float: left;
    margin: 2px;
    padding:3px;
}

.mnfReadCodeLbJob {
    width: 80px;
    min-width: 80px;
    float: left;
}

.mnfReadCodeTxJob {
    float: left;
    width: 80px;
}
.mnfReadCodeType {
    margin: 2px;
}
.mnfReadCodeLbOperation {
    width: 80px;
    min-width: 80px;
    float: left;
}

.mnfReadCodeTxOperation {
    float: left;
    margin: 2px;
    padding: 3px;
}

.mnfReadCodeLbOther {
    min-width: 80px;
    float: left;
    margin: 2px;
}

.mnfReadCodeTxOther {
    float: left;
    margin: 2px;
    padding: 3px;
}
.mnfOrderInnerPanel {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: white;
    padding: 20px;
    width: 42%;
    float: left;
    min-height: 360px;
    min-width: 300px;
}
.mnfOrderInnerPanelCenter {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: white;
    padding: 20px;
    width: 45%;
    float: left;
    min-height: 250px;
    min-width: 300px;
}
.mnfOrderInnerPanelRx {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: white;
    padding: 20px;
    width:45%;
    float: left;
    min-height: 230px;
    min-width: 300px;
}
.mnfOrderInnerPanelSubRx {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: white;
    padding: 20px;
    width: 45%;
    float: left;
    min-height: 140px;
    min-width: 300px;
}
.mnfOrderInnerPanelBottom {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: white;
    padding: 20px;
    width: 42%;
    clear:both;
    float:left;
    min-height: 230px;
    min-width: 300px;
}
.mnfComponentStatusDownImg {
    width: 32px;
    height: 32px;
}
.mnfSimulationPanelSelectionContainer {
    float: left;
    height: 210px;
    background-color: lightgray;
    margin-right: 8px;
   
}
.mnfSimulationPanelSelection {
    height: 210px;
    background-color: lightgray;
    width: 40px;
    min-width: 40px;
    text-align: center;
    border-top: 4px solid lightgray;
    border-bottom: 4px solid lightgray;
    text-align: center;
}
.mnfSimulationPanelSelectionCurrent {
    height: 210px;
    background-color: gray;
    width: 40px;
    min-width: 40px;
    text-align: center;
    border-top: 4px solid rgb(255,165,0);
    border-bottom: 4px solid rgb(255,165,0);
    text-align: center;
}
.mnfSimulationPanelSelectionCurrentShiftLevel {
    height: 210px;
    background-color: lightgray;
    width: 40px;
    min-width: 40px;
    text-align: center;
    border-top: 4px solid rgb(255,165,0);
    border-bottom: 4px solid rgb(255,165,0);
    text-align: center;
}
.mnfSimulationPanelSelectionCurrentParentLevel {
    height: 210px;
    background-color: lightgray;
    width: 40px;
    min-width: 40px;
    text-align: center;
    border-top: 4px solid rgb(255,165,0);
    border-bottom: 4px solid rgb(255,165,0);
    text-align: center;
}
.mnfSimulationStorePanelElementProcessed {
    color: gray;
    height:24px;
}
.mnfSimulationStorePanelElementProcessed img {
    width:24px;
    float:left;
}
    .mnfSimulationStorePanelElementProcessed div {
        padding-top: 6px;
        padding-left: 2px;
        float: left;
    }
.mnfSimulationStorePanelElement {
    color: gray;
    height: 24px;
    clear:both;
}
    .mnfSimulationStorePanelElement img {
        width: 24px;
        float: left;
    }
    .mnfSimulationStorePanelElement div {
        padding-top: 6px;
        padding-left: 2px;
        float: left;
    }
/*MANUFACTURING:::::::::END*/

.calendarMonthTitle {
    padding-right: 20px;
    font-size: 20px;
    text-transform: uppercase;
    color: rgb(50, 50, 50);
    font-weight: bold;
    width:140px;
}
.calendarDayContainer {
    cursor: pointer;
    width: 11%;
    height: 50px;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    background-color: rgb(67, 176, 108);
    padding: 10px;
    /*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
    color: white;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.46), 0 3px 6px rgba(0,0,0,0.66);
    /*box-shadow: 0 3px 6px rgba(0, 0, 0, 0.46), 0 3px 6px rgba(0,0,0,0.66);*/
}
.calendarDayContainer:hover {
    background-color: gray;
    color:white;
    transition: background-color 1000ms linear, border 1000ms linear;
}
.calendarDayContainerDenied {
    cursor: pointer;
    width: 11%;
    height: 50px;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    padding: 10px;
    background-color: rgb(134, 54, 54);
    /*rgb(186, 45, 45);*/
    color: lightgray;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.46), 0 3px 6px rgba(0,0,0,0.66);
}
    .calendarDayContainerDenied:hover {
        background-color: gray;
        color: white;
        transition: background-color 1000ms linear, border 1000ms linear;
    }

.calendarDayContainerDeniedNotAllowed {
    width: 11%;
    height: 50px;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    padding: 10px;
    background-color: rgba(134, 54, 54,0.8);
    color: lightgray;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.46), 0 3px 6px rgba(0,0,0,0.66);
}


.calendarDayContainerNotWork {
    background-color: gray;
    cursor: auto;
    color: lightgray;
    opacity:1;
}
.calendarDayContainerOtherMonth {
    background-color: lightgray;
    color: gray;
    cursor: auto;
}
.calendarDayContainerAlertDay {
    background-color: orange;
}
.calendarDayContainerOtherMonth:hover {
    background-color: lightgray;
    color: gray;
}
.calendarDayContainerFirstDayWeek {
    clear: both;
}
.calendarDayContainerName {
    width: 80px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.calendarDayContainerTitle {
    width: 80px;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}

.markClockContainer /*REF.000851.20200619*/
{
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    text-align:center;
    padding:20px;
}
.markClock /*REF.000851.20200619*/ {
    width: 300px;
    height: 100px;
}
/*Colorazione elementi (es immagini e bottoni)::::::*/
.colorBlue {
    -webkit-filter: grayscale(100%) brightness(50%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.8);
    filter: grayscale(100%) brightness(50%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.8);
}
.colorRed {
    -webkit-filter: invert(40%) grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(2);
    filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8);
}
.colorGreen {
    -webkit-filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.8);
    filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.8);
}
.colorYellow {
    -webkit-filter: grayscale(100%) brightness(120%) sepia(90%) hue-rotate(5deg) saturate(500%) contrast(0.7);
    filter: grayscale(100%) brightness(120%) sepia(90%) hue-rotate(5deg) saturate(500%) contrast(0.7);
}
.colorGray {
    -webkit-filter: grayscale(100%) brightness(110%) contrast(0.9);
    filter: grayscale(100%) brightness(110%) contrast(0.9);
}
.colorBlack {
    -webkit-filter: invert(30%) grayscale(100%) brightness(70%) contrast(4);
    filter: invert(30%) grayscale(100%) brightness(70%) contrast(4);
}
/*Colorazione elementi (es immagini e bottoni):::::::::::::END*/