/* Base Devexpress CSS Theme */
body, html {
    margin: 0;
    min-height: 100%;
    height: 100%;
}

#app-side-nav-outer-toolbar {
    flex-direction: column;
    display: flex;
    height: 100%;
    width: 100%;
}

.layout-header {
    flex: 0 0 auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    position: relative;
    z-index: 1501;
}

.dx-toolbar .dx-toolbar-item.menu-button {
    width: 60px;
    text-align: center;
    padding: 0;
}

    .dx-toolbar .dx-toolbar-item.menu-button > .dx-toolbar-item-content .dx-icon {
        color: #ff5722;
    }

.dx-card {
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    border-radius: 4px;
    background-color: #fff;
    margin: 2px 2px 3px;
}

    .dx-card.wide-card {
        border-radius: 0;
        margin-left: 0;
        margin-right: 0;
        border-right: 0;
        border-left: 0;
    }

.with-footer > div > div > .dx-scrollable-content {
    height: 100%;
}

    .with-footer > div > div > .dx-scrollable-content > .dx-scrollview-content {
        display: flex;
        flex-direction: column;
        min-height: 100%;
    }

.layout-body {
    background-color: #f2f2f2;
    flex: 1;
    height: 100%;
    min-height: 0;
}

    .layout-body .menu-container {
        height: 100%;
        width: 250px;
    }

    .layout-body .content {
        flex-grow: 1;
        height: 100%;
        line-height: 1.5;
    }

        .layout-body .content h2 {
            font-size: 30px;
            font-weight: 300;
            letter-spacing: -.5px;
        }

    .layout-body .content-block {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 20px;
        text-decoration: underline;
    }

    .layout-body .content-footer {
        display: block;
        color: rgba(0,0,0,.609);
        border-top: 1px solid rgba(0,0,0,.1);
        padding-top: 20px;
        padding-bottom: 24px;
    }

    .layout-body .responsive-paddings {
        padding: 20px;
    }

.layout-body-hidden {
    visibility: hidden;
}

@media screen and (min-width: 600px) {
    .layout-body .content-block {
        margin-left: 40px;
        margin-right: 40px;
    }
}

@media screen and (min-width: 1280px) {
    .layout-body .responsive-paddings {
        padding: 40px;
    }
}

.menu-container .dx-widget {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    font-family: Roboto,RobotoFallback,Helvetica,Arial,sans-serif;
    line-height: 24px;
}

.menu-container .dx-treeview {
    white-space: nowrap;
}

.menu-container .dx-treeview .dx-treeview-item {
    padding-left: 0;
    padding-right: 0;
}

    .menu-container .dx-treeview .dx-treeview-item .dx-icon {
        width: 60px !important;
        margin: 0 !important;
    }

.menu-container .dx-treeview .dx-treeview-node {
    padding: 0 0 !important;
}

.menu-container .dx-treeview .dx-treeview-toggle-item-visibility {
    right: 10px;
    left: auto;
}

.menu-container .dx-treeview .dx-rtl .dx-treeview-toggle-item-visibility {
    left: 10px;
    right: auto;
}

.menu-container .dx-treeview .dx-treeview-node[aria-level="1"] {
    font-weight: bold;
    border-bottom: 1px solid #515159;
}

.menu-container .dx-treeview .dx-treeview-node[aria-level="2"] .dx-treeview-item-content {
    font-weight: normal;
    padding: 0 60px;
}

.menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node.dx-state-selected:not(.dx-state-focused) > .dx-treeview-item {
    background: transparent;
}

.menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node.dx-state-selected > .dx-treeview-item * {
    color: #FF5722;
}

.menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node:not(.dx-state-focused) > .dx-treeview-item.dx-state-hover {
    background-color: #3F3F4B;
}

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

/* Project Edit
#txtProjectNumber, #txtProjectYear, #txtProjectDesc, #txtProjectDate, #txtAreaProjectNotes, #txtBusinessPartnerSite,
#txtBusinessPartnerDesc, #txtBusinessPartnerVAT, #txtProjectEvaluationDate, #StaffDropDownBox, #ControllerDropDownBox, #EngineerDropDownBox {
    background-color: white;
}
 */
/*----------------------------------------------*/

/* Checkup Edit
#txtCheckupRifPrjYear, #txtCheckupRifChkId, #txtCheckupRifPrjId, #txtCheckupDesc, #txtCheckupCompany,
#txtCheckupCreationDate, #txtCheckupEvaluationDate,
#txtCheckupStatus, #CheckupZoneSelect, #txtAreaCheckupNotes, #txtReferenceCode {
    background-color: white;
}
 */
/*----------------------------------------------*/

/* Building Edit 
#txtProjectDate, #txtBuildingConstructionYear, #lkTown, #lkCity, #txtBuildingCod, #txtBuildingDesc, #txtBuildingMap, #txtBuildingLat, #txtBuildingLong,
#txtBuildingAddress, #txtBuildingZip, #CityDescSelect, #CityCodeSelect {
    background-color: white;
}
*/
/*----------------------------------------------*/

/* Navigation Icon arrow */
.far {
    cursor: pointer;
    font-size: 1em;
    border-radius: 100%;
}

.far:hover {
    background-color: rgb(242, 242, 242);
}

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

/* Form Design CSS */
.formDesign {
    padding: 0.6em;
    border-radius: 0.5em;
    border: none;
    box-shadow: 2px 2px 3px #000000b4;
    margin: 5px;
    background-color: white;
    /*border: 0.5em;
    border-style: ridge;
    margin: 0 1em;*/
    /*background-color: rgb(255, 249, 244);*/
    /*background-color: white;*/
}

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

/* Generics classes */
/* Generic form col */
.form_col {
    display: grid;
    margin: 1em;
    gap: 1em;
}

/* Form Btn col */
.header_child {
    display: inline-block;

}

.btn_col {
    display: grid;
    grid-template-columns: 0.1fr 0.1fr;
    margin-left: 52em;
}

.project_form_btn_col {
    display: grid;
    grid-template-columns: 0.1fr 0.1fr 0.1fr;
    margin-left: 32em;
}

.checkup_form_btn_col {
    display: grid;
    grid-template-columns: 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr;
    margin-left: 12em;
}

.building_form_btn_col {
    display: grid;
    grid-template-columns: 0.1fr 0.1fr 0.1fr;
    margin-left: 45em;
}

.bup_form_col_country {
    width: 90%;
    margin-left:10%;

}

.bup_form_col_registry {
    
    width:90%;
}



/* Btn Add - Edit */
.btnAddEdit {
    margin-left: 1em;
}

.lookup-partner {
    display: grid;
    grid-template-columns: 4fr 0.5fr 0.5fr;
}

/* Popup btn Yes/No Popup Delete*/
#btnPopupDelete {
    width: 9em;
}

/* CSS btn Yes/No Popup Duplicate */
#btnPopupDuplicate {
    width: 5em;
}

/*Form */
.col_width_FormTechnology {
    width: 70%;
}

.col_width_FormBuildingFloor{
    width: 70%;
}

/* //todo: trovare metodo alternativo per spostare Div a sinistra senza usare position */
.col_width_FormEnergySavingMeasure {
    width: 120%;
    display: grid;
    position: relative;
    right: 11em;
}

.col_width_FormTechnologies {
    width: 200%;
}

.col_width_FormZones {
    width: 200%;
}

.col_width_FormTaxes {
}

/*breadcrumb*/
.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    color: grey;
}

.breadcrumb li {
    display: inline;
    font-size: 15px;
}

.breadcrumb li::before {
    padding: 8px;
    color: black;
    content: ">";
}

.breadcrumb li a {
    color: grey;
    text-decoration: none;
}

.breadcrumb li a:hover {
    color: grey;
    text-decoration: underline;
}

/*CSS for form CalculusModels*/

.formDesignUpdate {
    border: 0.5em;
    border-style: ridge;
    margin: 0 8em;
    /*background-color: rgb(255, 249, 244);*/
    background-color: white;
}

.FormSubTitle {
    font-family: 'Verdana',sans-serif;
    font-weight: bold;
    font-size: 2em;
    text-align: center;
}

.FormLabel {
    font-family: 'Verdana',sans-serif;
    font-weight: bold;
    font-size: 1.3em;
    margin-left:29.3%;
    margin-top:2%;
}

.FormSubLabel {
    color: grey;
    font-family: 'Verdana',sans-serif;
    margin-left: 29.3%;
    font-size: 0.9em;
}

.FormUpload {
    margin-left: 29.3%;
    margin-top: 1%;
}

.btnUpload {
    border-radius: 2em;
    border: none;
    padding: 1.5em 1.5em;
    margin-left: 1em;
    cursor: pointer;
    background-color: darkgray;
}

.btnUpload:hover {
    text-decoration: none;
    background-color: lightgray;
}

input[type="file"]{
  display:none;

}

.custom-file-upload {
    border-radius: 1em;
    border: 2px solid #ccc;
    border-color: gray;
    display: inline-block;
    padding: 3em 15em;
    cursor: pointer;
    font-family: 'Verdana',sans-serif;
}

.FormDownload {
    margin-left: 29.3%;
    margin-top: 1%;
}

.btnDownloadCheckup {
    border-radius: 2em;
    border: none;
    padding: 1.5em 1.5em;
    margin-left: 4em;
    margin-top:1em;
    margin-bottom:1em;
    cursor: pointer;
    background-color: darkgray;
}

.btnDownloadCheckup:hover {
    text-decoration: none;
    background-color: lightgray;
}

.btnDownloadPitagora {
    border-radius: 2em;
    border: none;
    padding: 1.5em 1.5em;
    margin-left: 4em;
    margin-top:1em;
    margin-bottom:1em;
    cursor: pointer;
    background-color: darkgray;
}

.btnDownloadPitagora:hover {
    text-decoration: none;
    background-color: lightgray;
}

#file_name_checkup {
    border-radius: 0.5em;
    border-color:darkgray;
    border-style:solid;
    margin-left:29.5%;
    margin-top:2em;
    padding: 0.5em 1em;
}

#file_size_checkup {
    border-radius: 0.5em;
    border-color: darkgray;
    border-style: solid;
    margin-left: 3em;
    margin-top: 2em;
    padding: 0.5em 1em;
}

#file_name_pitagora {
    border-radius: 0.5em;
    border-color:darkgray;
    border-style:solid;
    margin-left:29.5%;
    margin-top:2em;
    padding: 0.5em 1em;
}

#file_size_pitagora {
    border-radius: 0.5em;
    border-color: darkgray;
    border-style: solid;
    margin-left: 3em;
    margin-top: 2em;
    padding: 0.5em 1em;
}

.FormPolicy {
    margin-left: 40%;
}


/*Identity*/

.identityAlignDiv {
    margin-top: 5%;
    margin-left: 30%;
    width: 100%;
}

/*.identityAlignDivRegister {
    margin-top: 3%;
    margin-left: 30%;
    width: 100%;
}*/

#navlabHello{
    margin-top:-0.5em;
}

#navLogoutButton {
    
    
}


#gcTagGroup .dx-datagrid {
    font-size: 9px;
}

    #gcTagGroup .dx-datagrid .dx-row > td, .dx-datagrid .dx-row > tr > td {
        padding: 1px !important;
    }

#gcTagGroup .dx-scrollbar-vertical .dx-scrollbar-hoverable .dx-scrollable-scroll {
    width: 20px !important;
}
     

#baseline-image-uploader .dx-overlay-content {
    display: none !important;
}

#baseline-image-uploader .dx-fileuploader-files-container {
    padding: 0px !important;
}

#baseline-image-uploader .dx-fileuploader-content {
    display: flex !important;
}
/*
.dx-tag-group-grid {
    width: 30%;
}
@media (max-width: 1457px) {
    .dx-tag-group-grid{
        width:60%;
    }
}

*/
/*
.dx-datagrid .dx-row > td, .dx-datagrid .dx-row > tr > td {
    padding: 1px !important;
}
*/
.dx-scrollbar-vertical .dx-scrollbar-hoverable {
    width: 20px !important;
}

.dx-scrollbar-vertical .dx-scrollable-scroll {
    width: 20px !important;
}
.ColumnEditor {
    background-color: lightgrey;
}
/*.
customHeaderStyle a {
    background-color: green;
}
*/

/*
.dx-datagrid-headers .dx-header-row {
    background-color: yellow;
} 
*/

@media (max-width: 1279.99px){
    .toggleDrawer {
        width: 1px;
        position: absolute !important;
        right: 1%;
    }
    .buttonSizeToolbar {
        padding: 1rem;
        border-radius: 5px;
        border: none;
        font-size: 1.5rem;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    }
    .tabletSizeToolbar {
        display: flex;
        justify-content: space-evenly;
    }
}

@media (min-width: 1300px){
    #openDrawer {
        display: none !important;
    }
    #poly::after {
        content: "Add";
    }
    #updateMapData::after {
        content: "Save/Apply";
    }
    #openDrawer::after {
        content: "Open Grid";
    }
    .buttonSizeToolbar {
        padding: .5rem;
        font-size: 1rem;
        border-radius: 5px;
    }
}

.bgToolbar{
    background-color:black;
    opacity:1 !important;
}