/*VARIABLES*/
:root {
  --MaxWidth: 841px;
  --color-bg: #00917e;
}


html {
    width: 100%;
    max-width: var(--MaxWidth);
    font-size: 10px;
    color: #000000;
    margin: 0 auto 0 auto;
    padding: 0;
}



body {
    font-family: Arial,Verdana,Helvetica,Sans-Serif;
    margin: 0em auto 0em auto;
    padding: 0;
    /*height: 100%;*/
    width: 100%;
    overflow-wrap: normal;
}

h1 {
    display: block;
    font-size: 2em;
    font-weight: bold;
}

table {
    table-layout: fixed;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

img {
    border: 0;
    width: 100%;
}

hr {
    border: 0;
    height: 3px;
    color: black;
    background-color: black;
}

.container-fluid {
    /*padding:2em;*/
    margin-right: auto;
    margin-left: auto;
}

.pf-table-view {
    display: table;
    width: 100%;
}

.pf-col {
    display: inline-block;
    float: left;
    padding: 1em;
    box-sizing: border-box !important;
    width:100%;
}

.pf-col.pf-col-10 {
    width: 10%;
}

.pf-col.pf-col-20 {
    width: 20%;
}

.pf-col.pf-col-25 {
    width: 25%;
}

.pf-col.pf-col-30 {
    width: 30%;
}

.pf-col.pf-col-40 {
    width: 40%;
}

.pf-col.pf-col-45 {
    width: 45%;
}

.pf-col.pf-col-50 {
    width: 50%;
}

.pf-col.pf-col-60 {
    width: 60%;
}

.pf-col.pf-col-70 {
    width: 70%;
}

.pf-col.pf-col-80 {
    width: 80%;
}

.pf-col.pf-col-90 {
    width: 90%;
}
.pf-col.pf-col-empty{

}

.pf-button-choose.k-button, .pf-button-choose.k-button:hover, .pf-button-choose.k-button:focus, .pf-button-choose.k-button.k-state-focused,
.pf-button-type.k-button, .pf-button-type.k-button:hover, .pf-button-type.k-button:focus, .pf-button-type.k-button.k-state-focused,
.pf-button-installazione.k-button, .pf-button-installazione.k-button:hover, .pf-button-installazione.k-button:focus, .pf-button-installazione.k-button.k-state-focused,
.pf-button-next.k-button, .pf-button-next.k-button:hover, .pf-button-next.k-button:focus, .pf-button-next.k-button.k-state-focused,
.pf-button-scelta.k-button, .pf-button-scelta.k-button:hover, .pf-button-scelta.k-button:focus, .pf-button-scelta.k-button.k-state-focused
{
    background-clip: padding-box;
    background-color: var(--color-bg);
    background-image: linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 50%, transparent 50%, rgba(0, 0, 0, 0.2) 100%);
    border: 1px solid #007465;
    border-radius: 0.5em;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2) !important;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.pf-button-choose{
    display:inline-block;
    min-height:20em;
}

.pf-button-choose.k-button
{
    padding: 0.5em 1em;
}

.pf-button-choose.k-button:active
{
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2) inset !important;
}

.pf-button-template {
    box-sizing: border-box;
    padding: 1em;
    margin:auto;
    width: 100%;
}

.pf-button-header {
    font-size:2em;
}

.pf-button-img {
    display:block;
    width:4em;
    height:8em;
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    margin:auto;
}

.pf-button-top,
.pf-button-new
{
    display:inline-block;
    margin: auto !important;
    height: 4em;
    width:4em;
}

.pf-button-top.k-button, .pf-button-top.k-button:hover, .pf-button-top.k-button:focus, .pf-button-top.k-button.k-state-focused,
.pf-button-new.k-button, .pf-button-new.k-button:hover, .pf-button-new.k-button:focus, .pf-button-new.k-button.k-state-focused {
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

/*.pf-button-top.k-button:active,
.pf-button-new.k-button:active
{
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2) inset !important;
}*/

.pf-button-top .pf-button-img,
.pf-button-new .pf-button-img,
.pf-button-next .pf-button-img
{
    height:3em;
    width:100%;
}

.pf-button-top .pf-button-template,
.pf-button-new .pf-button-template
{
    padding:0px
}

.pf-button-type,
.pf-button-installazione
{
    display:inline-block;
    margin: auto !important;
    height: 12.5em;
    width:100%
}

.pf-button-type.k-button:active,
.pf-button-installazione.k-button:active
{
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2) inset !important;
}

.pf-button-type.k-button:hover, .pf-button-installazione.k-button:hover, .pf-button-selected
{
    background-color: #006c91 !important;
    border-color: #006c91 !important;
}

.pf-button-check, .pf-button-check.k-button, .pf-button-check:hover, .pf-button-check:focus, .pf-button-check.k-state-focused,
.pf-button-refresh, .pf-button-refresh.k-button, .pf-button-refresh:hover, .pf-button-refresh:focus, .pf-button-refresh.k-state-focused,
.pf-button-top, .pf-button-top.k-button, .pf-button-top:hover, .pf-button-top:focus, .pf-button-top.k-state-focused,
.pf-button-new, .pf-button-new.k-button, .pf-button-new:hover, .pf-button-new:focus, .pf-button-new.k-state-focused {
    border: none;
    background: none;
    box-shadow: none !important;
}

.pf-button-check.pf-checked .pf-button-img {
    background-image: url(./Images/checked.png);
}

.pf-button-check .pf-button-img {
    background-image: url(./Images/unchecked.png);
}

.pf-button-refresh .pf-button-img {
    background-image: url(./Images/refresh.png);
}

.pf-button-check .pf-button-img,
.pf-button-refresh .pf-button-img {
    width: 2.6em;
    height: 2.6em;
}

.pf-button-check .pf-button-template,
.pf-button-refresh .pf-button-template {
    padding: 0px;
}


.pf-button-next, .pf-button-scelta
{
    display:inline-block;
    margin: auto !important;
    width:100%
}

.pf-button-scelta
{
    height:4em;
}

.pf-button-scelta.k-button, .pf-button-scelta.k-button:hover, .pf-button-scelta.k-button:focus, .pf-button-scelta.k-button.k-state-focused {
    font-size:1.5em;
}

.pf-nota-mod
{
    font-size:1.2em;
    padding:2px;
    display:block;
    width:100%;
    text-align:left;
}

.pf-button-next.k-button:active
{
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2) inset !important;
}

.pf-catalog
{
    background-image:url(./Images/catalog.png);
}

.pf-search
{
    background-image:url(./Images/search.png);
}

.pf-back
{
    background-image:url(./Images/back_full.png);
}

.pf-detail
{
    /*background-image:url(./Images/detail_2.png);*/
    background-image:url(./Images/unchecked.png);
}

.pf-detail-opened
{
    /*background-image:url(./Images/detail_opened.png);*/
    background-image:url(./Images/checked.png);
}

.pf-next
{
    background-image:url(./Images/next.png);
}

.pf-new
{
    background-image:url(./Images/new_search.png);
}

.pf-11300 .pf-button-img
{
    background-image:url(./Images/unchecked.png);
}
.pf-11300 .pf-button-img.pf-checked
{
    background-image:url(./Images/checked.png);
}

.pf-detail-text,
.pf-forward-text,
.pf-new-text,
.pf-11300-text,
.pf-enable-multi-text
{
    color: white;
    font-variant: small-caps;
    font-size: 1.2em;
    padding: 0.25em;
}

.pf-detail-text,
.pf-11300-text,
.pf-enable-multi-text 
{
    color: var(--color-bg) !important;
}

.pf-forward-text
{
    color:#ffffff !important;
}

.pf-detail-img,
.pf-new-img,
.pf-11300-chk-img,
.pf-enable-multi-img{
    width:45px;
}

.pf-td-detail,
.pf-td-new,
.pf-button-next{
    width:150px;
}

.pf-td-11300
{
    width:245px;
}

.pf-td-counter{
    width:50px;
}

.pf-top {
    width: 100%;
    padding: 0.5em;
    background-color: var(--color-bg);
}

.pf-page-title
{
    display:inline-block;
    margin:auto;
    color: #fff;
    font-size:2em;
    font-variant:small-caps;
    padding:0 1em;
}

.pf-label {
    padding: 1em;
}

.pf-label>div
{
    font-size:2em;
    color:var(--color-bg);
}

.pf-selection-label {
    padding: 2em 1em 1em 1em;
}

.pf-combobox{
    font-size:1.5em;
    background: none;
    border:none;
}
.pf-combobox .k-dropdown-wrap,
.pf-combobox .k-dropdown-wrap .k-state-border-down
{
    border-color:var(--color-bg);
    border-width:2px;
    background: none !important;
}
.pf-combobox .k-select{
    border:none;
}
.pf-combobox .k-icon{
    width:30px;
    height:30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(./Images/arrow-down-b.png);
}
.pf-combobox .k-icon.k-i-arrow-60-down::before {
    font-family:inherit ;
    content: none;
}

.pf-hide,
.pf-graph.pf-hide-circle circle
{
    display:none !important
}

.k-numerictextbox.pf-edit {
    font-size: 1.5em;
    background: none;
    border:none;
}

.pf-edit .k-numeric-wrap {
    border-color: var(--color-bg);
    border-width: 2px;
    background: none !important;
}

input.pf-edit {
    background: none;
}

.pf-pnl-next
{
    text-align: right;
}

.pf-container {
    display: inline-block;
    /* float: left; */
    padding: 1em 0;
    box-sizing: border-box;
    width: 100%;
}

.pf-grb.krad-grp-box {
    border-width: 2px;
    border-color: var(--color-bg);
}

.pf-grb legend {
    color: var(--color-bg);
    font-size: 1.5em;
    font-weight: bold;
    padding: 0 1em;
}

.pf-grid .k-grid-header .k-header {
    background: var(--color-bg);
    white-space: normal;
}

.pf-highlight{
    /*background-color:yellow;*/
    color:white;   
    background-color:#797a7c !important;
}

.pf-button-table{
    width:100%;
}
.pf-button-table *{
    cursor:pointer !important;
}
.pf-td-back{
     width:60px;
}

.pf-td-check{
     width:50px;
}

/*AC_20191202*/
/*.pf-HL
{
    border:1px solid red !important;
}*/
/*AC_20191217*/
.pf-HL-Cell
{
    //border:1px solid red !important;
}

.pf-HL
{
    color:#ffffff;
    /*background-color:#00B050 !important;*/
    background-color:#797a7c !important;
}

    .pf-HL.pf-HL-Cell.pf-HL-Low {
        background-color: #e00f00 !important;
    }

/*---------------AC_20191209----------------*/
.pf-graph{
    padding:0px !important;
    height: 40em !important;
}

.pf-graph g text {
    font-size: 1em !important;
}

.pf-graph-check
{
    padding-top:0px;
    padding-bottom:0px;
}

/**_AC_20200107**/
.pf-grid-header-description{  
    color:var(--color-bg);
    font-variant:small-caps;
    font-size:1.2em;
}
.vertical span {
    writing-mode: vertical-rl;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    bottom: 0;
    text-align: center;

    height:9em;
}

.pf-pg-detail .vertical span
{
    height:20em;
}

.pf-grid
{
    border:none !Important;
}

/*AC_20200114*/
.pf-tbl-grid
{
    border:1px solid var(--color-bg)
}

.pf-pnl-11300 div
{
    text-align:center;
}

.pf-label.pf-pnl-11300 div
{
    text-align:left;
}

.pf-11300-img
{
    margin:auto;
}

.pf-11300-img.pf-11300-pot,
.pf-11300-img.pf-11300-COP
{
    max-width:50vw;
}

/* AC_20240124 */
.pf-11300-img.pf-11300-corr,
.pf-11300-img.pf-11300-raff {
    max-width: 100%;
    height: auto;
    width: auto;
}

/* AC_20240124 */
.pf-11300-img.pf-11300-corr {
    max-height: 250px
}

/* AC_20240124 */
.pf-11300-img.pf-11300-raff {
    max-height: 200px
}


.k-window {
    max-width:var(--MaxWidth);
}
.k-window-content
{
    background:var(--color-bg);
    color:white;
    font-size:1.5em;
}


.pf-button-info.k-button, .pf-button-info.k-button:hover, .pf-button-info.k-button:focus, .pf-button-info.k-button.k-state-focused/*AC_20201012*/
{
    
    width: 30px;
    cursor: pointer;
    display: inline-block;
    border: none;
    background: none;
    box-shadow: none !important;
    padding: 0px;
}

.pf-pnl-info .pf-pnl-info-img
{
    text-align:center;
    height:30vh;
    max-width:45%;
}

pf-info
{
    display:inline-block;
    width:100%;
}

.pf-info-title{
    text-transform:capitalize;
    font-size:2em;
}

.pf-empty-list,
.pf-multi-text,
.pf-sub-text{
    font-size: 1.2em;
    font-style: italic;
    font-weight: bold;
}

/*AC_03092025*/
.pf-sub-text{
    color:var(--color-bg);
    opacity:0.75;
}

.k-list-container {
    max-width: 90vw
}

.pf-col {
    max-width: 100vw;
}

/* AC_20240124 */
.pf-empty-grid {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    font-variant: small-caps;
    font-size: 2em;
}

/* AC_20250714 */
.pf-pow {
    font-size: 1.35rem;
    font-weight: bold;
}

.pf-pow.pf-pow-icon {
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position:center;
    background-size:100% 100%;
}
.pf-pow.pf-pow-icon.pf-pow-hot {
    background-image: url(./Images/flame_icon.svg);
}
.pf-pow.pf-pow-icon.pf-pow-cold {
    background-image: url(./Images/ice_icon.svg);
}

.pf-pow.pf-pow-high {
    color: limegreen;
}

.pf-pow.pf-pow-low {
    color: red;
}

/***************************************MEDIA QUERY******************************************/
@media screen and (max-width:800px) {

    .pf-pg-detail .pf-grid th, .pf-pg-detail .pf-grid td{
        font-size:75%;
    }

    .pf-combobox .k-icon
    {
        width:25px;
        height:25px;
    }

    .pf-detail-img,
    .pf-new-img,
    .pf-11300-chk-img,
    .pf-enable-multi-img{
        width:36px;
    }

    .pf-td-detail,
    .pf-td-new,
    .pf-button-next{
        width:120px;
    }
    .pf-td-11300
    {
        width:144px;
    }

    .pf-label > div {
        font-size: 1.8em;
    }
}
@media screen and (max-width:520px){

    html{
        font-size:7px;
    }

    .pf-pg-summary .pf-grid th, .pf-pg-summary .pf-grid td{
        font-size:10px;
    }

    .pf-pg-detail .pf-grid th, .pf-pg-detail .pf-grid td{
        font-size:75%;
    }
    .pf-pg-detail .pf-grid td{
        padding-left:0px !important;
        padding-right:1px !important;
    }

    .pf-combobox .k-icon
    {
        width:15px;
        height:15px;
    }
    
    .pf-col.pf-col-10, .pf-col.pf-col-20, .pf-col.pf-col-25, .pf-col.pf-col-30, .pf-col.pf-col-40, .pf-col.pf-col-45, .pf-col.pf-col-50, .pf-col.pf-col-60, .pf-col.pf-col-70, .pf-col.pf-col-80, .pf-col.pf-col-90 {
        width: 100%;
        padding-left:5px;
        padding-right:5px;
    }

    fieldset{
        margin:0px;
    }
    
    .pf-col.pf-col-empty{
        display:none
    }

    .pf-detail-img,
    .pf-new-img,
    .pf-11300-chk-img,
    .pf-enable-multi-img {
        width: 30px;
    }

    .pf-td-detail,
    .pf-td-new,
    .pf-button-next{
        width:100px;
    }

    .pf-td-11300 {
        width: 120px;
    }

    .pf-td-back{
        width:30px;
    }

    .pf-td-check{
        width:25px;
    }

    .pf-button-top {
        padding: 0px !important;
    }
    
    .pf-button-text{
        font-size:10px;
    }

    .pf-detail-text, .pf-new-text, .pf-11300-text, .pf-enable-multi-text {
        font-size: 1.5em;
    }

    .pf-button-info.k-button{
        width:20px
    }

    .pf-label > div {
        font-size: 1.4em;
    }
}

@media screen and (orientatio:portrait){

    .pf-col.pf-col-10, .pf-col.pf-col-20, .pf-col.pf-col-25, .pf-col.pf-col-30, .pf-col.pf-col-40, .pf-col.pf-col-45, .pf-col.pf-col-50, .pf-col.pf-col-60, .pf-col.pf-col-70, .pf-col.pf-col-80, .pf-col.pf-col-90 {
        width: 100%;
    }
    
    .pf-col.pf-col-empty{
        display:none
    }
}

@media screen\0{
    .vertical span{display:none}
}