@media all
{
    #loadingPopup{
        background-color: #f9f9f9; 
    }

    .plainLink
    {
        color: white;
        font-style: normal;
        font-variant: normal;
        text-decoration: none;
    }

    a.plainLink:visited, a.plainLink:link
    {
        color: white;
        font-style: normal;
        font-variant: normal;
        text-decoration: none;
    }

    a:visited, a:link, a:hover
    {
        color: inherit;
    }

    .heading
    {
        font-weight:bold !important;
        font-size: medium !important;
        color: Black !important;
    }

    .caption
    {
        font-size: small !important;
        color: DodgerBlue !important;
    }

    .modifier
    {
        font-style:italic !important;
        font-size:small !important;
    }

    .data
    {
        font-size: medium !important;
        color: Black !important;
    }

    label
    {
	    display: block;
	    margin-bottom: 6px;
    }

    .invisible
    {
        visibility: hidden !important;
        display: none !important;
        min-width: 0px !important;
        max-width: 0px !important;
        height: 0px !important;
    }

    .page-bg
    {
        background-color: #eaeaea; /*#eaeaea;*/
    }

    .ui-icon-cellphone:after
    {
        background-image: url( "../Images/Icons/app-icon-cellphone.png" );
        background-size: 18px 18px;
    }

    .ui-icon-mailmessage:after
    {
        background-image: url( "../Images/Icons/app-icon-mailmessage.png" );
        background-size: 18px 18px;
    }

    .ui-icon-chatmessage:after
    {
        background-image: url( "../Images/Icons/app-icon-chatmessage.png" );
        background-size: 18px 18px;
    }

    .ui-icon-telephone:after
    {
        background-image: url( "../Images/Icons/app-icon-telephone.png" );
        background-size: 18px 18px;
    }

    .ui-icon-prevpage:after
    {
        background-image: url( "../Images/Icons/app-icon-prevpage.png" );
        background-size: 18px 18px;
    }

    .ui-icon-nextpage:after
    {
        background-image: url( "../Images/Icons/app-icon-nextpage.png" );
        background-size: 18px 18px;
    }

    .ui-icon-charts:after
    {
        background-image: url( "../Images/Icons/app-icon-charts.png" );
        background-size: 18px 18px;
    }

    .ui-icon-switch:after
    {
        background-image: url( "../Images/Icons/app-icon-switch.png" );
        background-size: 18px 18px;
    }

    .ui-icon-export:after
    {
        background-image: url( "../Images/Icons/app-icon-export.png" );
        background-size: 18px 18px;
    }

    .ui-icon-invoiceadd:after
    {
        background-image: url( "../Images/Icons/app-icon-invoiceadd.png" );
        background-size: 18px 18px;
    }

    .ui-icon-goto:after
    {
        background-image: url( "../Images/Icons/app-icon-goto.png" );
        background-size: 18px 18px;
    }

    .ui-icon-print:after
    {
        background-image: url( "../Images/Icons/app-icon-print.png" );
        background-size: 18px 18px;
    }

    .shrinkingbuttons
    {
        list-style-type: none;
    }

    .noshadow
    {
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        text-shadow: 0px 0px Black !important;
        box-shadow: none !important;
    }

    .mainmenu li
    {
        list-style-type: none;
    }

    .mainmenu h4
    {
        background: #6b6b6b;
        display: block;
        color: #ffffff;
        padding: 12px 38px 12px 25px;
        text-decoration: none;
        font-style: italic;
        border-top: 1px solid #555;
        border-bottom: 1px solid #222;
        border-right: 1px solid #1B1B1B;
        font-size: 12px;
    }

    .mainmenu li a, .mainmenu .ui-link:visited
    {
        background: #6b6b6b;
        display: block;
        color: #ffffff;
        padding: 12px 38px 12px 25px;
        text-decoration: none;
        border-top: 1px solid #555;
        border-bottom: 1px solid #222;
        border-right: 1px solid #1B1B1B;
        font-size: 12px;
    }

    .table-stroke-css
    {
        background-color: #61d8f2;
    }

        .table-stroke-css thead th
        {
            border-right: 1px solid white;
            border-left: 1px solid white;
            border-bottom: 1px solid white;
            color: white;
        }

        .table-stroke-css tr
        {
            border-right: 3px solid #61d8f2;
            border-left: 3px solid #61d8f2;
            border-bottom: 1px solid white;
        }

        .table-stroke-css thead img
        {
            cursor: pointer;
        }

        .table-stroke-css tbody:first-child
        {
            border-top: 3px solid #61d8f2; /* non-RGBA fallback */
        }

        .table-stroke-css tbody
        {
            border-top: 3px solid #61d8f2; /* non-RGBA fallback */
            border-bottom: 3px solid #61d8f2; /* non-RGBA fallback  */
        }

            .table-stroke-css tbody th, .table-stroke tbody td
            {
                border-right: 1px solid white; /* non-RGBA fallback */
                border-left: 1px solid white; /* non-RGBA fallback */
                border-bottom: 1px solid white; /* non-RGBA fallback */
                border-top: 1px solid white; /* non-RGBA fallback */
            }

            .table-stroke-css tbody tr:nth-child(even)
            {
                background-color: #E5FCFF;
                cursor: pointer;
            }

            .table-stroke-css tbody tr:nth-child(odd)
            {
                background-color: #F3FFFD;
                cursor: pointer;
            }

    .table-hover-css tbody tr:hover
    {
        background-color: #FCFBC2;
    }

    .selectedtablerow
    {
        color: black;
        background-color: #F5F4BC;
    }

    .rounded-corners
    {
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
        border-radius: 20px;
    }

    .red
    {
        color: red !important;
    }

    .green
    {
        color: green !important;
    }

    .ui-panel
    {
        width: 23em;
    }

    .ui-panel-position-left
    {
        left: -23em;
    }
    /* positioning: content wrap, fixed toolbars and dismiss */
    /* panel left open */
    .ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open,
    .ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
    .ui-panel-dismiss-position-left.ui-panel-dismiss-open
    {
        left: 23em;
        right: -23em;
    }
    /* animated: panel left open (for reveal and push) */
    .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal,
    .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push,
    .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal,
    .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push
    {
        -webkit-transform: translate3d(23em,0,0);
        -moz-transform: translate3d(23em,0,0);
        transform: translate3d(23em,0,0);
    }

    .field-label
    {
        text-align:right;
        padding-right:2em;
        margin-top:0.0em;
        font-weight: bolder;
        font-size: small;
    }

        .field-value
    {
        width: 25%;
        text-align:left;
        padding-right:2em;
        margin-top:0.0em;
        font-size: small;
    }


    .ui-header .ui-btn, .ui-footer .ui-btn {
        display: block;
    }

    .ui-select a,
    .ui-select a > span {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    /*Utilizzato per gestire lo scroll degli header / footer  su iOS oltre al 11*/

    div[data-role="content"]:not(.ui-body-a) {
        position: absolute !important;
        top: 41px;
        bottom: 0;
        left: 0;
        right: 0;
    }

    span.dot {
        height: 15px;
        width: 15px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 20px;
    }

    .green {
        background-color: forestgreen;
    }

    .red {
        background-color: red;
    }

    .orange {
        background-color: orange;
    }

}


@media all and (max-width: 480px)
{

    .fkbutton
    {
    }

    label.ui-input-text, input.ui-mini, .ui-mini input, textarea.ui-mini
    {
        font-size: 14px;
    }

    .menu-breakpoint.ui-grid-b .ui-block-a
    {
        width: 1%;
        float: left;
    }

    .menu-breakpoint.ui-grid-b .ui-block-b
    {
        width: 97%;
        float: left;
    }

    .menu-breakpoint.ui-grid-b .ui-block-c
    {
        width: 1%;
        float: left;
    }

    .pager-breakpoint.ui-grid-a .ui-block-a
    {
        width: 0%;
        float: left;
    }

    .pager-breakpoint.ui-grid-a .ui-block-b
    {
        width: 99%;
        float: right;
    }

    .labeltextalign
    {
        text-align: left;
    }

    .onlyonphone
    {
        visibility: visible;
    }

    .onlyondesktop
    {
        visibility: hidden;
        min-width: 0px;
        max-width: 0px;
        height: 0px !important;
        display: none !important;
    }

    .ui-table-columntoggle-btn
    {
        display: none !important;
    }
}

.ui-header .ui-title {
    text-align: left !important;
    margin-left: 0px !important;
    padding-left: 10px !important;
}

@media all and (min-width: 481px)
{

    .fkbutton
    {
        float: right;
        margin-top: -0.5em;
    }

    label.ui-input-text, input.ui-mini, .ui-mini input, textarea.ui-mini
    {
        font-size: 12px;
    }

    .menu-breakpoint.ui-grid-b .ui-block-a
    {
        width: 9%;
        float: left;
    }

    .menu-breakpoint.ui-grid-b .ui-block-b
    {
        width: 78%;
        float: left;
    }

    .menu-breakpoint.ui-grid-b .ui-block-c
    {
        width: 9%;
        float: left;
    }

    .pager-breakpoint.ui-grid-a .ui-block-a
    {
        width: 20%;
        float: left;
    }

    .pager-breakpoint.ui-grid-a .ui-block-b
    {
        width: 65%;
        float: right;
    }

    .labeltextalign
    {
        text-align: left;
    }

    .onlyonphone
    {
        visibility: hidden;
        min-width: 0px;
        max-width: 0px;
        height: 0px !important;
        display: none !important;
    }

    .onlyondesktop
    {
        visibility: visible;
        min-width: 0px;
        max-width: 100%;
    }


}