/* ======= COLORI PRINCIPALI =======*/
/*
	blu:#187fb2;
	arancio:#dc3c00;
	grigio chiaro:#f5f5f5;
	azzurro grid hover:#d4eef6;
*/


/* ========== OPEN SANS ============*/

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-regular.eot');
    src: url('../fonts/opensans-regular.eot#iefix') format('embedded-opentype'), url('../fonts/opensans-regular.woff') format('woff'), url('../fonts/opensans-regular.ttf') format('truetype'), url('../fonts/opensans-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-italic.eot');
    src: url('../fonts/opensans-italic.eot#iefix') format('embedded-opentype'), url('../fonts/opensans-italic.woff') format('woff'), url('../fonts/opensans-italic.ttf') format('truetype'), url('../fonts/opensans-italic.svg') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-600.eot');
    src: url('../fonts/opensans-600.eot#iefix') format('embedded-opentype'), url('../fonts/opensans-600.woff') format('woff'), url('../fonts/opensans-600.ttf') format('truetype'), url('../fonts/opensans-600.svg') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-700.eot');
    src: url('../fonts/opensans-700.eot#iefix') format('embedded-opentype'), url('../fonts/opensans-700.woff') format('woff'), url('../fonts/opensans-700.ttf') format('truetype'), url('../fonts/opensans-700.svg') format('svg');
    font-weight: 700;
    font-style: normal;
}

/*============ ICON FONTS ============*/

/*font awesome*/
@font-face {
    font-family: 'awesome';
    src: url('../fonts/fontawesome-webfont.eot');
    src: url('../fonts/fontawesome-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.woff2') format('woff2'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.svg') format('svg');
}

.awesome {
    font-family: 'awesome';
    position: relative;
    display: inline-block;
    font-style: normal;
    font-size: 14px;
    font-weight: normal;
    /* line-height: 1; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .awesome:hover {
        font-weight: normal;
    }

/*dimensioni font icona*/
.i-sm {
    font-size: 14px;
}

.i-md {
    font-size: 16px;
}

.i-lg {
    font-size: 22px;
    color: #dc3c00 !important;
}

/*font awesome freccia link*/
.arrow:before {
    content: "\f0a9";
}


/*font awesome freccia TOOLBAR applicazioni*/
.arrowdown:before {
    content: "\f0d7";
}

/*font awesome visualizza solo e-mail senza allegato --> visualizzare*/
.mail-senza-allegato:before {
    content: "\f0e0";
}
/*font awesome visualizza solo e-mail con allegato */
.mail-con-allegato:before {
    content: "\f0c6";
}


/*font awesome icona home toolbar*/
.home:before {
    content: "\f015";
}

/*font awesome icona help toolbar*/
.help:before {
    content: "\f059";
}

/*font awesome icona profilo toolbar*/
.profilo:before {
    content: "\f007";
}


/*font awesome icona change password toolbar*/
.password:before {
    content: "\f084";
}


/*font awesome icona elenco applicazioni toolbar*/
.list:before {
    content: "\f0ca";
}

.winIcon:before {
    content: "\f17a";
}

.exit:before {
    content: "\f011";
}

.license:before {
    content: "\f15c";
}

.mobile:before {
    content: "\f10a";
}

.desktop:before {
    content: "\f108";
}

/*font awesome ICONE GRID*/
.filter:before {
    content: "\f0b0";
}

.toggle-on:before {
    /*content: "\f046";*/
    content: "\f14a";
}

.toggle-off:before {
    /*content: "\f046";*/
    content: "\f14a";
    opacity: 0.5;
}

.remove:before {
    content: "\f00d";
}

.p-key:before {
    content: "\f084";
}

.p-key:after {
    content: "\f00d";
    font-size: 12px;
}

.info:before {
    content: "\f05a";
}

.expand:before {
    content: "\f065 ";
}

.compress:before {
    content: "\f066";
}

.spinner:before {
    content: "\f110";
}

.showDetail:before {
    content: "\f002";
}

.allowSelect:before {
    content: "\f044";
}

.AllowSelect:before {
    content: "\f044";
    opacity: 0.5;
}

/*icone mail*/
.all:before {
    content: "\f110";
}

.input:before {
    /*content: "\f090";*/
    content: "\f2f6";
    color: #dc3c00;
}

.output:before {
    /*content: "\f08b";*/
    content: "\f2f5";
}

.dsn:before {
    content: "\f00c";
}

.draft:before {
    /*content: "\f040";*/
    content: "\f303"; /*new font*/
}

.pec:before {
    content: "\f084";
    color: #dc3c00;
}

.failed:before {
    content: "\f071";
    color: #dc3c00;
}

.spam:before {
    content: "\f05e";
    color: #dc3c00;
}


.carta:before {
    /*content: "\f016";*/
    content: "\f249";
    color: #dc3c00;
}

/*used for survey*/
.phone:before {
    content: "\f095";
}

.smile:before {
    content: "\f118";
}

.meh:before {
    content: "\f11a";
}

.frown:before {
    content: "\f119";
}

/*font awesome freccia link*/
.pf-anchor:after {
    font-family: "awesome";
    padding-left: 3px;
    content: "\f061";
    font-weight: 200;
    line-height: 8px;
}

/*icona + View Relation*/
.plus:before {
    content: "\f055";
}

/*icona comprimi pagina DefineChart*/
.minus:before {
    /*content: "\f147";*/
    content: "\f146";
    color: #dc3c00;
}

/*icona espandi pagina DefineChart*/
.plus-square:before {
    /*content: "\f196";*/
    content: "\f0fe";
    color: #187fb2;
}

/*icona sandwich comandi*/
.commands:before {
    content: "\f00a";
    font-size: 1.4em;
    color: #dc3c00;
}

/*icona envelope link*/
.envelope:before {
    content: "\f0e0 ";
}

/*icona search pulsante*/
.search:before {
    content: "\f002";
}

/*icone attachment*/
.paperclip:before {
    content: "\f0c6";
}

.download:before {
    content: "\f019";
    vertical-align: middle;
}


.copy-link:before {
    content: "\f0c5";
}


.copy-link-ext:before {
    content: "\f0ac";
}

.check:before {
    content: "\f00c";
    vertical-align: middle;
}

.document-link:before {
    /*content: "\f08e";*/
    content: "\f35d";
    vertical-align: middle;
}

/*icon back to view/document*/
.back:before {
    content: "\f060";
}

/*icon for context help in detail page*/
.question-mark:before {
    content: "\f128";
}



/*icon calendar per controllo Telerik*/
.calendar:before {
    content: "\f073";
}

/*icon per toggle cestino allegati*/
.trash:before {
    /*content: "\f014";*/
    content: "\f2ed";
    opacity: 0.5;
    /* color: red; */
}

.trash-selected:before {
    /*content: "\f1f8";*/
    content: "\f2ed";
    color: red;
}

/*icon per toggle convert xlsx/docx into pdf and download them.. allegati*/
.downloadPdf:before {
    content: "\f1c1";
    color: #dc3c00 !important;
    /* color: red; */
}



/*checklistdef*/
.edit:before {
    /*content: "\f040";*/
    content: "\f303";
}

.folder:before {
    content: "\f07b";
}

.folder-open:before {
    content: "\f07c";
}

.floppy:before {
    content: "\f0c7";
}

.undo:before {
    content: "\f0e2";
}

/*icona pagina error*/
.error:before {
    content: "\f06a";
    color: #DC3C00;
    font-size: 6em;
}

/*icone frecce pagine def import def export*/
.arrow_down:before {
    content: "\f063 ";
    cursor: pointer;
    color: #187Fb2;
}

.arrow_up:before {
    content: "\f062";
    cursor: pointer;
    color: #187Fb2;
}

.refresh:before {
    content: "\f021";
}

.move-all:before {
    content: "\f16c";
}

/*icona print pulsante*/
.print:before {
    content: "\f02f";
}


/* ============== GENERAL =============*/

html {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: normal !important;
    font-size: 12px !important;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    background-color: #FFFFFF !important;
    color: #000 !important;
    -webkit-font-smoothing: antialiased;
}

body, iframe {
    font-family: 'Open Sans', sans-serif !important;
    margin: 0;
    font-weight: normal !important;
    font-size: 12px !important;
    background-color: #FFFFFF !important;
    color: #000 !important;
    /*scrollbars styles: ie only*/
    scrollbar-base-color: #F0F0F0;
    scrollbar-track-color: #fff;
    scrollbar-arrow-color: #C0C0C0;
    scrollbar-shadow-color: #BFBFBF;
}


/*scrollbars styles: chrome, safari*/
::-webkit-scrollbar {
    width: 15px;
    height: 13px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: aliceblue;
    }
/*scrollbars styles: chrome, safari*/




button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

input[type="checkbox"], input[type="radio"] {
    vertical-align: middle;
}

input[type="radio"] {
    vertical-align: sub;
}

input[type="text"] {
    font-family: 'Open Sans', sans-serif;
    height: 22px;
    padding-left: 6px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
}


input[type="password"] {
    font-family: 'Open Sans', sans-serif;
    height: 22px;
    padding-left: 6px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
}



input[type="text"]:focus {
    outline: none;
    border: 1px solid #187FB2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

input[type="password"] {
    outline: none;
    border: 1px solid #187FB2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

button:focus {
    outline: none;
}

button:hover {
    background-color: #187FB2;
    color: #fff;
}

a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
}

    a:hover {
        color: #dc3c00;
        text-decoration: none;
        font-weight: 600;
    }

    a[disabled="disabled"] {
        color: #000 !important;
        text-decoration: none !important;
        cursor: default !important;
        font-weight: 400;
    }

/*
    commented to allow different styles in richtext field
* {
    font-family: 'Open Sans', sans-serif;
}
*/

td {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

option {
    cursor: pointer !important;
}

.opacity {
    opacity: 0.2;
}

.bold {
    font-weight: bold;
}

.colorA {
    color: #187fb2 !important;
}

.colorB {
    color: #dc3c00 !important;
}

.small {
    width: 20% !important;
    min-width: 80px !important;
}

.medium {
    width: 50% !important;
    min-width: 100px !important;
}

.xm {
    width: 90% !important;
    min-width: 100px !important;
}

.large {
    width: 100% !important;
    min-width: 100px !important;
}

.right {
    float: right;
}

.full {
    width: 100%;
}

.table {
    display: table;
    width: 75%;
    position: relative;
}

.cell {
    display: table-cell;
}

.pf-anchor, .pf-anchor-noarrow {
    color: #000 !important;
    text-decoration: none !important;
    font-weight: 600;
}

    .pf-anchor:hover, .pf-anchor-noarrow:hover {
        color: #dc3c00 !important;
        text-decoration: none !important;
    }

/*switch visibilità elementi*/

.pf-show {
    display: block;
}

.pf-showinline {
    display: inline-block;
}

.pf-hide {
    display: none;
}

/* ============ PULSANTI ============= */

/*pulsanti*/
.pf-btn {
    font-family: 'Open Sans', sans-serif;
    background-color: #fff;
    color: #187FB2;
    display: inline-block;
    height: 22px;
    min-width: 73px;
    line-height: 0px;
    padding: 0 8px;
    cursor: pointer;
    border: 2px solid #187FB2;
    white-space: nowrap;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    outline: none;
    vertical-align: top;
}

.pf-btn-small {
    background-color: #fff;
    color: #187FB2;
    display: inline-block;
    height: 22px;
    min-width: 27px;
    line-height: 1px;
    cursor: pointer;
    border: 2px solid #187FB2;
    white-space: nowrap;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    outline: none;
    padding: 0;
}


/*button in mail content (quarantine report message)*/
.pf-btn-mail {
    font-family: 'Open Sans', sans-serif;
    background-color: #187FB2;
    color: #fff;
    display: inline-block;
    height: 30px;
	font-size: 14px;
    min-width: 73px;
    line-height: 0px;
    padding: 0 8px;
    cursor: pointer;
    border: 2px solid #187FB2;
    white-space: nowrap;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    outline: none;
    vertical-align: top;
}

.pf-btn-mail:hover {
    background-color: #fff;
    color: #187FB2;
}
/*button in mail content (quarantine report message)*/

.RadGrid button, .RadGrid [type="button"] {
    /* -webkit-appearance: none; */
    -webkit-border-radius: 10px !important;
}



.pf-btn:hover, .pf-btn-small:hover {
    background-color: #187FB2;
    color: #fff;
}

/*stile titolo pagina*/
.pf-title {
    line-height: 1.1;
    color: #187FB2;
    font-size: 17px;
    vertical-align: middle;
    padding: 8px 0;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 15px;
}

.rgCommandCell .pf-title {
    margin-bottom: 0px;
}

/*stile per immagine del logo in alto tutto a destra*/
.pf-rightlogo {
    text-align: right;
    padding-right: 15px;
}

    .pf-rightlogo p {
        font-size: 15px;
        font-weight: 700;
        color: #187FB2;
        -webkit-font-smoothing: antialiased;
    }

    .pf-rightlogo span {
        color: #dc3c00;
    }


.pf-logo p {
    font-size: 15px;
    font-weight: 700;
    color: #187FB2;
    -webkit-font-smoothing: antialiased;
}

.pf-logo span {
    color: #dc3c00;
}


/*larghezza div toolbar per gestire pulsante responsive*/
.pf-toolbar {
    width: 45%;
}

/*stile per il titolo applicazione*/
.pf-apptitle {
    font-size: 20px;
    vertical-align: middle;
    text-align: center;
    color: #187fb2;
    font-weight: 600;
}

/* ========== HOME =========== */

/*Div container*/
.pf-homepanel {
    width: 50%;
    float: left;
}

/*HOME RSS STYLES*/

.itemCollapsed {
    cursor: pointer;
    margin-bottom: 1px;
    margin-top: -1px;
    line-height: 25px;
    height: 25px;
    color: #00156E;
    text-indent: 5px;
    font-weight: 600;
    background-color: #fff;
    padding-top: 5px;
    border-bottom: 1px solid silver;
}

.itemExpanded {
    line-height: 24px;
    height: 26px;
    color: #FFF;
    text-indent: 5px;
    font-weight: 600;
    background-color: #DC3C00;
    padding-top: 5px;
    border-bottom: 1px solid white;
    margin-top: -1px;
}

.rsstitle-left {
    left: 5px;
    text-align: left;
    font-weight: 600;
    padding-left: 8px;
}

.itemCollapsed:hover {
    margin-bottom: 1px;
    /* clear:both;*/
    background-color: #FAE288;
}

.rsstitle-right {
    position: absolute;
    width: 40px;
    text-align: right;
    right: 5px;
    font-weight: 600;
    color: #FF0000;
    padding-right: 7px;
}

.itemExpanded .rsstitle-right {
    color: #FFF;
}

.pf-homepanel .rgNumPart a {
    line-height: 22px !important;
}

div.homeGridPanel {
    width: 100% !important;
    padding-bottom: 0px;
    overflow-x: auto;
}

/*HOME QUEUE STYLES*/

.rgRow TD,
.rgAltRow TD {
    padding: 0px !important;
    margin: 0 !important;
    line-height: 24px !important;
    height: 24px !important;
    padding-right: 7px !important;
}


.rgRow > td:first-child,
.rgAltRow > td:first-child {
    border-left-width: 0;
}


/*styles for radgrid2: grid list of pending object of a media*/
.rgHoveredRow TD {
    background-color: #ecf4ff !important;
}

/*styles for radgrid1: grid with list of media and count of pending*/

#RadGrid1 TR.rgRow, TR.rgAltRow {
    height: 24px !important;
}

#RadGrid1 .rgHoveredRow TD {
    background-color: #FAE288 !important;
    height: 24px !important;
    padding-top: 5px !important;
}

#RadGrid1 .rgSelectedRow TD {
    background-color: #dc3c00 !important;
    color: #FFF !important;
}



/*styles for initial state of rows in grid 1*/

TR.rowCollapsed {
    height: 24px !important;
    color: #00156E;
    text-indent: 5px;
    font-weight: 600;
    background-color: #FFF !important;
    margin: 0 !important;
    border: 1px solid silver !important;
}

    TR.rowCollapsed TD {
        padding-top: 5px !important;
        border-bottom: 1px solid silver !important;
    }


/*border table none*/
.pf-homepanel .RadGrid {
    border: none !important;
}

/*style caption*/
caption.rgCaption {
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    background: #187FB2;
    line-height: 20px;
}

/* ============= PF LOGIN ==============  */

.pf-loginpanel {
    width: 100%;
    padding-top: 25px;
}

    .pf-loginpanel > table {
        width: 100%;
        border: 1px solid #d4eef6;
        border-spacing: 4px;
        width: 400px;
        font-size: 12px !important;
    }


/* ============= CONTAINERS ============== */

/*main container*/
.pf-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
}

/*container pagina*/
.pf-form {
    margin-right: auto;
    margin-left: auto;
    padding-left: 30px;
    padding-right: 30px;
    clear: both;
}

/*div con scroll orizzontale*/
.pf-box {
    overflow: auto;
    width: 100%;
    white-space: nowrap;
}


/* ============= DETAIL ================= */

.pf-row:after {
    clear: both;
}

.pf-row {
    margin-left: 0px;
    margin-bottom: 1px;
    clear: both;
}

    .pf-row:before, .pf-row:after {
        content: " ";
        display: table;
    }

.pf-control-label {
    border-bottom: none !important;
    background-color: #fff;
    font-size: 12px;
    color: #187FB2;
    min-height: 22px;
    line-height: 1.1;
    width: 20%;
    display: inline-block;
    padding: 3px 0 3px 3px;
    box-sizing: border-box;
    background-color: #f5f5f5;
}

.pf-control-field {
    min-height: 22px;
    width: 80%;
    display: inline-block;
    box-sizing: border-box;
    padding-left: 10px;
    margin-left: -5px; /*Rimuove spazio default degli elementi inline*/
    vertical-align: top;
}

/*forza il font nei render -->no: mess with small buttons */
/*.pf-control-field > * {font-family: 'Open Sans', sans-serif;}*/

.pf-fullrow {
    width: 100%;
    max-width: none;
}

/*testo note*/
.pf-memo {
    clear: both;
    line-height: 17px;
    text-align: justify;
    min-height: 25px;
}

.pf-noborder {
    border-bottom: white;
}

/*style applied to "lookup" and "user" input fields in edit and filter page*/
.input-lookup {
    float: left;
    width: 70%;
    min-width: 100px;
    box-sizing: border-box;
    height: 22px;
    padding-left: 6px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
}


/* style applyed to the div positioned on the right of the lookup input, containing buttons for selection and clear selection*/
.lookup {
    float: left;
    /*width:30%;*/
    max-width: 100px;
    box-sizing: border-box;
    vertical-align: middle;
}

    /*style applied to the buttons inside the div with class "lookup"*/
    .lookup button {
        float: left;
        margin: 0px -2px 0 4px;
    }

/*apply italic font style; e.g: MESSAGE field in Detail and Edit Page*/
.pf-italic {
    font-style: italic;
    color: #187FB2;
}

/*style applied to Telerik RadTextbox control (e.g: custom project ManageDossier: input for dossier selection)*/
div.pf-form .riSingle.RadInput {
    float: left !important;
    /* width: 40% !important;*/
    margin-left: -3px;
}

/*STYLE FOR TABLE REPORT ANTI-SPAM EURA*/
table[id="report"] td {
    padding: 7px;
    background: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid grey;
    line-height: 12px;
}


/* ============= MENU NAVIGATION ============== */

.RadNavigation .rnvRootGroupWrapper {
    color: #fff !important;
    background: #187fb2 !important;
    padding: 2px !important;
    font-size: 13px !important;
    font-family: 'Open Sans', sans-serif !important;
}
/*hover root menu navigation*/
.RadNavigation .rnvHovered > .rnvRootLink {
    background-color: inherit !important;
    color: inherit !important;
    border-color: #fff !important;
}

/*padding "sandwich"*/
.RadNavigation .rnvMore {
    padding: 7px !important;
}

    /*radnavigation testo dei comandi "sandwich"*/
    .RadNavigation .rnvMore:before {
        color: #187fb2 !important;
        text-align: center;
    }

/*"sandwich" selected */
.RadNavigation .rnvSelected.rnvMore {
    border-color: #ffffff !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
}

.RadNavigation[navtype="relation"] .rnvHovered.rnvMore, .RadNavigation[navtype="relation"] .rnvSelected.rnvMore {
    margin: -3px 0 !important;
    border-width: 1px;
    border-style: solid;
}

/*root navigation selected*/
.RadNavigation .rnvSelected > .rnvRootLink,
.RadNavigation .rnvExpanded > .rnvRootLink {
    border-color: #fff !important;
    color: inherit !important;
    background-color: inherit !important;
}

/*toglie shadow azzurra alle root navigation focused*/
.RadNavigation .rnvFocused.rnvMore, .RadNavigation .rnvFocused > .rnvRootLink {
    box-shadow: none !important;
}

/*font voci sottomenu*/
.rnvPopup .rnvLink, .rnvPopup .rnvLink A {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: normal;
    color: #000 !important;
    font-size: 13px !important;
    border: 1px solid transparent !important;
    cursor: pointer;
    padding: 3px 15px !important;
}

/*bordo voci sottomenu hovered*/
.rnvPopup .rnvHovered > .rnvLink {
    border: 1px solid #fff !important;
    color: #000 !important;
}

/*bordo voci sottomenu selected*/
.rnvPopup .rnvFocused > .rnvLink {
    box-shadow: none !important;
}

/*stile selected e hovered sottomenu navigation*/
.rnvPopup .rnvSelected > .rnvLink, .rnvPopup .rnvExpanded > .rnvLink, .rnvPopup .rnvHovered > .rnvLink {
    background-color: #f5f5f5 !important;
    color: #000 !important;
}

/*stile indent voci menu menu terzo livello*/
.rnvMorePopup .rnvUL .rnvUL .rnvLink {
    padding-left: 30px !important;
}

/* ========== COMANDI ============ */

.pf-commandpanel .pf-btn-small {
    min-width: 40px;
}

.pf-commandpanel {
    width: 100% !important;
    background-color: #ffffff !important;
    text-align: right !important;
    float: right !important;
    margin: 5px 5px 0 0;
}

.rnvLink .rnvText {
    cursor: pointer !important;
}

/*border bianco intorno al navigation (menu e comandi)*/
.rnvRootGroupWrapper {
    border-color: #fff !important;
}

/*riduce il padding della navigation (menu e comandi)*/
.rnvRootLink {
    padding: 7px !important;
    cursor: pointer !important;
}

/*crea la shadow intorno al popup navigation (come in masterdoc) */
.rnvPopup {
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2) !important;
    max-height: 600px;
    min-width: 250px;
    overflow: auto;
}

#btnCmd {
    display: none;
}

/* =========== RELATION =========== */

.RadNavigation[navtype="relation"] {
    float: right !important;
    width: 44px;
}

    .RadNavigation[navtype="relation"] .rnvRootGroupWrapper {
        background-color: #ffffff !important;
        color: #187fb2 !important;
    }

    .RadNavigation[navtype="relation"] .rnvLink, .RadNavigation[navtype="relation"] .rnvRootLink {
        border: 2px solid #187FB2;
        -webkit-border-radius: 12px !important;
        -moz-border-radius: 12px !important;
        border-radius: 12px !important;
        margin-left: 3px !important;
        background-color: #fff !important;
        color: #187FB2 !important;
        padding: 11px 8px !important;
    }

div.RadNavigation[navtype="relation"] ul.rnvRootGroup {
    max-width: 80px !important;
    min-width: 50px !important;
    left: 0px !important;
    padding: 0px !important;
}

div.RadNavigation[navtype="relation"] .rnvItem .rnvRootLink {
    max-width: 80px !important;
    min-width: 50px !important;
}

.RadNavigation[navtype="relation"] .rnvMore {
    padding: 0px 2px !important;
    font-family: 'Open Sans', sans-serif;
    background-color: #fff;
    cursor: pointer;
    border: 2px solid #187FB2;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    outline: none;
    margin: -3px 0;
    text-align: center;
    height: 22px;
    width: 40px;
    box-sizing: border-box;
}

.RadNavigation[navtype="relation"] .rnvHovered.rnvMore {
    color: #fff !important;
    border-color: #187FB2 !important;
    background-color: #187FB2 !important;
}

.RadNavigation[navtype="relation"] .rnvSelected.rnvMore {
    border-color: #187FB2 !important;
    background-color: #187FB2 !important;
    color: #fff !important;
}

.RadNavigation[navtype="relation"] .rnvMore:before {
    font-family: 'awesome' !important;
    content: "\f141";
    font-weight: 300;
    width: 1em;
    height: 1em;
    vertical-align: middle !important;
}

.RadNavigation[navtype="relation"] .rnvHovered.rnvMore:before,
.RadNavigation[navtype="relation"] .rnvSelected.rnvMore:before {
    color: #fff !important;
}

/* =============== GRID =============== */

.RadGrid .rgMasterTable {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px !important;
    border-spacing: 0px !important;
    line-height: 16px !important;
}

.RadGrid, .RadGrid .rgMasterTable, .RadGrid .rgDetailTable, .RadGrid .rgGroupPanel table, .RadGrid .rgCommandRow table, .RadGrid .rgEditForm table, .RadGrid .rgPager table {
    border-color: #f5f5f5 !important;
    outline: none !important;
    border-radius: 6px !important;
}

    .RadGrid .rgHeader {
        font-size: 12px !important;
        color: #dc3c00 !important;
        line-height: 10px !important;
        white-space: nowrap;
        background-color: #fff !important;
        text-overflow: ellipsis;
        border-color: #f5f5f5 !important;
    }

        .RadGrid .rgHeader A {
            color: #dc3c00 !important;
            font-size: 13px !important;
            font-weight: 600 !important;
        }

.rgNoRecords td {
    display: none !important;
}


.RadGrid .rgPager > td > table {
    height: 34px !important; /*50*/
}

.RadGrid .rgInfoPart {
    float: left !important; /*right*/
}

/* .RadGrid .rgHeader, .RadGrid th.rgResizeCol, .RadGrid .rgHeaderWrapper, .RadGrid .rgMultiHeaderRow th.rgHeader, .RadGrid .rgMultiHeaderRow th.rgResizeCol {
  border-bottom: none !important; 
} */

/*Impedisce l'a capo e applica i puntini quando si riduce la dimensione della pagina*/
.rgRow > td, .rgAltRow > td {
    white-space: nowrap;
    text-overflow: ellipsis;
    border-color: transparent !important;
    padding-left: 8px !important;
}

/*stile titolo grid*/
.RadGrid .rgCommandRow .rgCommandCell {
    background-color: #fff !important;
    color: #187FB2 !important;
    padding-left: 8px !important;
    padding-top: 0px !important; /*5px*/
    padding-bottom: 0px !important; /*4px*/
    border-color: #f5f5f5 !important;
}

.RadGrid .rgCommandRow {
    background-color: transparent !important;
}

/* stili pager*/
.RadGrid .rgNumPart a.rgCurrentPage, .RadGrid .rgNumPart a.rgCurrentPage:hover {
    background-color: #dc3c00 !important;
    border: 1px solid #dc3c00 !important;
    color: #fff !important;
}

.RadGrid .rgPageFirst:active, .RadGrid .rgPagePrev:active, .RadGrid .rgPageNext:active, .RadGrid .rgPageLast:active {
    background-color: #dc3c00 !important;
    border: 1px solid #dc3c00 !important;
    color: #fff !important;
}

/*colore font speaker*/
.RadGrid .rgRow a, .RadGrid .rgAltRow a {
    color: #187FB2 !important;
}

/*colore font record selected*/
.RadGrid .rgSelectedRow a {
    color: #fff !important;
}

.RadGrid .rgMasterTable .rgSelectedCell, .RadGrid .rgSelectedRow, .RadGrid td.rgEditRow .rgSelectedRow, .RadGrid .rgSelectedRow td {
    background-color: #dc3c00 !important;
    border-color: #dc3c00 !important;
    color: #fff !important;
}

/*Stile input filtro*/
.RadGrid .rgFilterBox {
    font-size: 13px !important;
    line-height: 15px !important;
    font-family: 'Open Sans', sans-serif !important;
    height: 22px !important;
    width: 90%;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px;
    padding: 0 0 0 6px !important;
    box-sizing: border-box !important;
}

    .RadGrid .rgFilterBox:focus {
        outline: none;
        border: 1px solid #187FB2;
    }

/*Vertical alignment checkbox span e img*/

.RadGrid input[type=checkbox] {
    margin: 0;
}

.RadGrid span, .RadGrid td img {
    vertical-align: middle;
}

/**/

.mainGrid_allowSelect span, .mainGrid_allowSelect td {
    -webkit-user-select: initial; /* webkit (safari, chrome) browsers */
    -moz-user-select: initial; /* mozilla browsers */
    -khtml-user-select: initial; /* webkit (konqueror) browsers */
    -ms-user-select: initial; /* IE10+ */
    overflow-x: auto;
}

.grid-combobox {
    padding: 3px;
    margin-left: 3px;
    margin-top: 3px;
    border-radius: 4px;
    vertical-align: middle;
    cursor: pointer;
    font-size: 12px;
    outline: none;
    border: 1px solid #cccccc;
}

.RadGrid .rgHeader .rgSortAsc, .RadGrid .rgHeader .rgSortDesc {
    height: 10px !important;
    float: right !important;
    margin: 5px 0 0 0 !important;
}

/*background-color record hover*/
.rgHoveredRow {
    background-color: #D4EEF6 !important;
}

/*stile cursore*/
.RadGrid .rgRow, .RadGrid .rgAltRow, .RadGrid .rgResizeCol, .RadGrid .rgPager, .RadGrid .rgGroupPanel, .RadGrid .rgGroupHeader {
    cursor: pointer !important;
}

/*font-size pager*/
.RadGrid td.rgPagerCell {
    font-size: 12px !important;
    border-left: none !important;
    border-color: #f5f5f5 !important;
}
/*freccina bianca ordinamento*/
.RadGrid .rgHeader .rgSortAsc {
    background-position: -110px -20px !important;
}

/*Icona per il waiting della multiselection */
.pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

/*Animazione dell'icona di waiting della multiselection */
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}


.RadGrid input {
    line-height: 0px !important;
}

/* btn invia comunicazione interna */
.RadMenu_MetroTouch {
    font: 100 12px "Open Sans" !important;
    line-height: 15px !important;
}

.RadMenu .rmGroup .rmLink {
    padding: 4px 25px !important;
    border: 0px solid transparent !important;
}

.RadButton_MetroTouch.rbRounded, .RadButton_MetroTouch .rbSplitPart {
    border-radius: 5px !important;
}

.RadButton .rbSplitPart {
    border-style: none !important;
}

.RadButton .rbSplitPart {
    padding: 1px !important;
    border-style: none !important;
    position: absolute !important;
    top: 2px !important;
    background-color: transparent !important;
}

/* =========== VIEW RELATION ============ */

.RadGrid .rgCommandRow .rgCommandCell label {
    vertical-align: middle;
}

input.commandAdd,
input.commandAdd:hover {
    padding-left: 10px;
}

.commandAdd {
    border: none;
    cursor: pointer;
    background-color: transparent;
    padding: 5px;
}

    .commandAdd:hover {
        background-color: transparent !important;
    }

    .commandAdd:focus {
        border: none !important;
    }

/*
div.pf-form .mainGrid_AllowSelect{
	max-width:1500px;
	overflow:auto;
}
*/

.pf-form .mainGrid_AllowSelect .RadGrid {
    border-left: 4px solid #187FB2 !important;
    border-right: 4px solid #187FB2 !important;
    width: 100% !important;
    padding-bottom: 10px;
    overflow: auto;
    box-sizing: border-box;
}



div.pf-form .mainGrid_AllowSelect span.pf-title {
    font-size: 13px;
    font-weight: 600;
    color: #187FB2;
    /*width: -moz-calc(20% - 8px);*/
    /* width: -webkit-calc(20% - 8px); */
    /*width: -o-calc(20% - 8px);*/
    /* width: calc(20% - 8px); */
    /* max-width: 307px; */
    /* padding-right: 20px; */
    overflow: hidden;
    box-sizing: border-box;
}

div.pf-form .mainGrid_AllowSelect th.rgHeader {
    font-size: 13px !important;
    font-weight: 600 !important;
}

/*margin left del pf-btn-small della grid viewrelation*/

.mainGrid_AllowSelect .pf-btn-small {
    margin-left: 8px;
}
/* ======== VIEW RELATION SNAPSHOT ======= */

.pf-tablesnap {
    position: relative;
    /* max-width: 1500px; */
    overflow: auto;
}

    .pf-tablesnap table {
        font-family: "Open Sans", sans-serif;
    }

    .pf-tablesnap td {
        padding-right: 15px;
        min-width: 200px;
    }

.pf-thsnap td {
    color: #dc3c00 !important;
    line-height: 20px !important;
    white-space: nowrap;
    background-color: #fff !important;
    text-overflow: ellipsis;
    border-color: #f5f5f5 !important;
}

/* ========== NAVIGATION TOOLBAR ========*/

.RadNavigation[navtype="toolbar"] {
    width: 100% !important;
}

    /*radnavigation testo dei comandi "sandwich"*/
    .RadNavigation[navtype="toolbar"] .rnvMore:before {
        font-family: 'awesome' !important;
        content: "\f085";
        width: 1em;
        height: 1em;
        color: #dc3c00 !important;
        display: inline-block;
        vertical-align: top;
    }

    .RadNavigation[navtype="toolbar"] .rnvRootGroupWrapper {
        margin-top: 3px !important;
        background-color: #ffffff !important;
        height: 37px !important;
        box-sizing: border-box !important;
    }

    .RadNavigation[navtype="toolbar"] .rnvItem {
        border: 0px solid #fff;
        margin-left: 2px !important;
        background-color: #fff !important;
        color: #dc3c00 !important;
        font-size: 16px !important;
        font-family: "Segoe UI",Arial,Helvetica,sans-serif !important;
        font-weight: bold;
        line-height: 1 !important;
    }

    /*hover pulsanti dei comandi*/
    .RadNavigation[navtype="toolbar"] .rnvHovered .rnvLink {
        border-color: transparent !important;
    }

    .RadNavigation[navtype="toolbar"] .rnvLink .rnvToggle {
        vertical-align: middle !important;
    }

    .RadNavigation[navtype="toolbar"] .rnvLink .rnvText {
        vertical-align: middle !important;
    }

/* ========== STILE RICHTEXT ============ */

.pf-richtext, .pf-roundcorner {
    color: #000000 !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 4px;
    padding: 3px;
    margin-top: 1px;
    border: 0.5px solid #ccc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.333333);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.333333);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.333333);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.333333);
    overflow: auto;
    min-height: 80px;
    box-sizing: border-box;
}

    .pf-richtext A {
        color: #000 !important;
        text-decoration: underline;
    }

        .pf-richtext A:hover {
            color: #000;
            text-decoration: underline;
        }

/*style for readonly div linked to richtext when is rendered in mode delayed editable; it is clickable so it is set to a minimum height if empty*/
.pf-divcontent {
    color: #000000 !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 4px;
    padding: 3px;
    margin-top: 1px;
    border: 0.5px solid #ccc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.333333);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.333333);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.333333);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.333333);
    overflow: auto;
    min-height: 40px;
    box-sizing: border-box;
}


/* ============== EDIT ============== */

/*stile per campo obbligatorio quando non è valorizzato*/
*:required:invalid, *:focus:invalid {
    border-color: #953b39;
    -moz-box-shadow: none;
}

/*stile per campo obbligatorio quando è valorizzato*/
*:required:valid {
    border-color: green;
}


/*style for mandatory fields (added after label)*/
.pf-required::after {
    font-family: awesome;
    content: "\f069";
    font-size: 10px;
    color: red; /*red #dc3c00 #a82b2b;*/
    padding-left: 10px;
}


.pf-textarea {
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #cccccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    border: 1px solid #cccccc;
    background-image: none;
    box-sizing: border-box;
    min-height: 80px;
    vertical-align: middle;
    overflow: auto;
    resize: vertical;
}




/*rimuove il padding nei pf-control-field con child pf-textarea*/
/* .pf-control-field > .pf-textarea {
    margin-left: -5px;
}
 */
/* ============ FILTER ================ */

.pf-select {
    font-family: 'Open Sans', sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    min-width: 100px;
    border-radius: 4px;
    height: 22px;
    cursor: pointer;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 12px;
    border: 1px solid #cccccc;
    outline: none;
    float: left;
}

    .pf-select[multiple] {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        height: 100px;
        min-height: 100px;
        cursor: pointer;
        min-width: 100px;
        width: 20%;
        vertical-align: bottom;
        box-sizing: border-box;
        font-size: 12px;
    }

    .pf-select:focus, .input-lookup:focus, .pf-textarea:focus {
        outline: none;
        border: 1px solid #187FB2;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

/*for "empty" selection in filter page */
span.left {
    padding-left: 7px;
}

input.riTextBox {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}

td.rcInputCell {
    padding: 0 !important;
}
/* 
.RadPicker td {
  vertical-align: top !important;
}
 */

.RadPicker .rcCalPopup {
    background-position: -65px -4216px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    background-image: url('/WebResource.axd?d=arMvzpvriXJphxOMdlBtTMeQJCezJyJog6YMc_HFwEF7yxyqd3Y6qXy…BtDB52N_v-nFfLy_2NzVN-p6kJQsQIZUfWwHMJDMR78JVSn8IyD0&t=635603354500000000');
    width: 22px !important;
    height: 22px !important;
}

/*popup calendar*/
.RadCalendar .rcMainTable {
    font-size: 12px !important;
    font-family: 'Open Sans', sans-serif !important;
}

.RadCalendar .rcTitlebar .rcTitle {
    font-size: 14px;
}

.RadCalendar .rcMain .rcRow a, .RadCalendar .rcMain .rcRow span {
    width: 30px !important;
    height: 30px !important;
    line-height: 2.6;
}

/*stile input data calendar*/
.RadInput .riTextBox {
    height: 22px !important;
    line-height: 22px !important;
    /*font: 100 13px 'Open Sans',sans-serif !important;*/
    font: 100 12px 'Open Sans',sans-serif !important;
    /*padding-left: 3px !important;*/
    padding-left: 1px !important;
    padding-top: 0px !important;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #cccccc !important;
    box-sizing: border-box;
}

    .RadInput .riTextBox:focus {
        outline: none !important;
        border-color: #187FB2 !important;
    }

.pf-control-field table {
    border-spacing: 0 !important;
    -webkit-border-horizontal-spacing: 0px !important;
    -webkit-border-vertical-spacing: 0px !important;
    width: 100% !important;
}

/*Stile Pulsanti Telerik*/
.RadUpload .ruButton {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
    background-color: #fff !important;
    color: #187FB2 !important;
    height: 22px !important;
    min-width: 73px !important;
    line-height: 1px !important;
    padding: 0 8px !important;
    cursor: pointer !important;
    border: 2px solid #187FB2 !important;
    white-space: nowrap !important;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    outline: none !important;
}

    .RadUpload .ruButton:hover {
        background-color: #187FB2 !important;
        color: #fff !important;
    }

input.ruButton.ruBrowse.ruButtonHover {
    background-color: #187FB2 !important;
    color: #fff !important;
}


/*input upload*/
.RadUpload .ruFakeInput {
    padding-left: 6px !important;
    margin-right: 2px !important;
    border: 1px solid #cccccc !important;
    font: 13px 'Open Sans', sans-serif !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    min-width: 100px !important;
    width: 70% !important;
    float: left !important;
    vertical-align: top !important;
}

div.RadUpload .ruFakeInput {
    height: 22px !important;
    max-width: 400px;
    box-sizing: border-box;
}

.ruFakeInput:focus {
    outline: none !important;
}

.RadUpload {
    font: 13px 'Open Sans', sans-serif !important;
    width: 100% !important;
}

    .RadUpload .ruFileWrap {
        position: relative;
        display: inline-block;
        white-space: nowrap;
        vertical-align: top;
        line-height: 20px;
        zoom: 1;
        overflow: hidden !important;
        height: 24px;
        width: 100% !important;
    }

.ruFileInput {
    width: 100% !important;
}

.pf-control-field td {
    padding: 0 !important;
}

/* table.pf-attachment {
	width:30%;
	float:left;
} */


.RadUpload_MetroTouch .ruRemove {
    border: 0 !important;
    background-image: none !important;
    text-indent: 0px !important;
    font-size: small !important;
}

    .RadUpload_MetroTouch .ruRemove:hover {
        text-decoration: underline !important;
        background-color: none !important;
        background-image: none !important;
    }

/* ============== EDITOR ==============*/

/*editor radtoolbar*/

/*editor toolbar*/
.RadEditor.RadEditor.reWrapper {
    box-sizing: border-box;
    /*test*/
    height: auto !important;
    width: 100%;
}


/*sets editor toolbar width,height and initial position*/
.reToolbarWindow.RadEditor.reWrapper {
    width: 90% !important;
    height: 102px !important;
}

/*sovrascrive altezza fissa telerik*/
.RadEditor .reContent {
    min-height: 200px;
    height: 300px !important;
}


.pf-form-editor {
    /*min-height: 380px;*/
    height: auto;
}

.rwTitleBar {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
}

.reBottomProperties {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
}

/*toolbar layout error with this style:*/
/* .RadWindow .rwTitleBar .rwTitleWrapper {
    background-color: #fff !important;
} */


/* .RadWindow_MetroTouch .rwTitleBar {
    margin: 0;
    color: #fff;
    background: #fff !important;
} */


.reToolIcon:before {
    color: #187FB2 !important;
    /*font-size: 1.2em !important;*/
    margin-left: 0.2em !important;
    font-weight: 100;
}

/*Colore icon font hovered e selected*/
.reToolIcon:hover:before, .reTool:focus.reToolIcon:before, .reToolSelected.reToolIcon:before {
    color: #fff !important;
}

/*Colore sfondo comandi selected e hovered*/
.reTool:hover, .reTool:focus, .reToolSelected {
    background-color: #187FB2 !important;
    border-color: transparent !important;
    color: #fff !important;
}

a.reDropdown {
    font-weight: 400;
}


.reDropdown:hover, .reDropdown:focus {
    background-color: #187FB2 !important;
    border-color: transparent !important;
    color: #fff !important;
}

/*Font-size list item menu a tendina*/

.reDropdown {
    font-size: 13px !important;
}

.RadEditor.reDropDownBody li {
    font-size: 13px;
}

/*Comandi Controllo Ortografico, Caratteri Speciali, Colori e Cancella formattazione selected*/
.reSplitButton:focus, .reSplitButton:focus.reToolIcon:before {
    background-color: #187FB2 !important;
    border-color: transparent !important;
    color: #fff !important;
}

/*Colore freccina*/
.reSplitArrow:before {
    color: #187fb2 !important;
}

.reSplitButton:focus .reSplitArrow:before, .reSplitButton:hover .reSplitArrow:before {
    color: #fff !important;
}

/*Stili Comandi Design, HTML, Anteprima*/
.reModes a, .reModes a .reIcon:before {
    color: #187FB2 !important;
    padding: 2px 1px;
    font-weight: 500 !important;
}

    .reModes .reSelectedMode, .reModes a:hover, .reModes .reSelectedMode .reIcon:before, .reModes a:hover .reIcon:before {
        background-color: #187FB2 !important;
        border-color: transparent !important;
        color: #fff !important;
        font-weight: 100 !important;
    }




/*.............*/

/* ========== TELERIK RADEDITOR CUSTOM TOOLS ======== */

.reToolBar .reinsertTemplate:before {
    font-family: awesome !important;
    /* font-weight: 600 !important;
    font-size: 1.2em !important; */
    /*content: "\f0f6";*/
	content: "\f15c";
}

/*Hovered state*/
.reToolBar .reinsertTemplate:hover:before {
    font-family: awesome !important;
    /*content: "\f0f6";*/
	content: "\f15c";
}

/*Selected state*/
.reToolBar .reinsertTemplate.reToolSelected:before {
    font-family: awesome !important;
    /*content: "\f0f6";*/
	content: "\f15c";
}

.reToolBar .resignTemplate:before {
    font-family: awesome !important;
    /* font-weight: 600 !important;
    font-size: 1.2em !important; */
    content: "\f044"; 
}

/*Hovered state*/
.reToolBar .resignTemplate:hover:before {
    font-family: awesome !important;
    content: "\f044";
}

/*Selected state*/
.reToolBar .resignTemplate.reToolSelected:before {
    font-family: awesome !important;
    content: "\f044";
}

.reToolBar .rePFlink:before {
    font-family: awesome !important;
    content: "\f14c";
}

/*Hovered state*/
.reToolBar .rePFlink:hover:before {
    font-family: awesome !important;
    content: "\f14c";
}

/*Selected state*/
.reToolBar .rePFlink.reToolSelected:before {
    font-family: awesome !important;
    content: "\f14c";
}

.reToolBar .reimageAbsoluteUrl:before {
    content: "\e62a";
}

/*Hovered state*/
.reToolBar .reimageAbsoluteUrl:hover:before {
    content: "\e62a";
}

/*Selected state*/
.reToolBar .reimageAbsoluteUrl.reToolSelected:before {
    content: "\e62a";
}

.reToolBar .reinsertVariable:before {
    font-family: awesome !important;
    font-weight: 600 !important;
    font-size: 1.2em !important;
    content: "\f022";
}

/*Hovered state*/
.reToolBar .reinsertVariable:hover:before {
    font-family: awesome !important;
    content: "\f022";
}

/*Selected state*/
.reToolBar .reinsertVariable.reToolSelected:before {
    font-family: awesome !important;
    content: "\f022";
}

.reToolBar .reErase:before {
    font-family: awesome !important;
    font-weight: 600 !important;
    font-size: 1.2em !important;
    content: "\f00d";
}

/*Hovered state*/
.reToolBar .reErase:hover:before {
    font-family: awesome !important;
    content: "\f00d";
}

/*Selected state*/
.reToolBar .reErase.reToolSelected:before {
    font-family: awesome !important;
    content: "\f00d";
}

/* ============= COMBOBOX ============ */

/*filtro rapido grid*/
/*
.RadComboBox {
	width:80px !important;
}
*/

/*Rounded corners*/

.RadComboBox table {
    border-spacing: 0 !important;
    border-collapse: separate !important;
}

.RadComboBox .rcbReadOnly .rcbInputCell {
    border: 1px solid #cdcdcd;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.RadComboBox table td.rcbInputCellLeft {
    border-right-width: 0 !important;
}

.RadComboBox .rcbReadOnly .rcbInputCell {
    border: 1px solid #cdcdcd;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.RadComboBox .rcbReadOnly .rcbArrowCellRight {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

/*End Rounded corners*/

.RadComboBox .rcbArrowCell a {
    height: 23px !important;
}

.RadComboBox .rcbInput {
    padding-top: 0 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
}

.RadComboBox .rcbInputCell, .RadComboBox .rcbArrowCell {
    height: 22px !important;
}

.RadComboBox .rcbArrowCell {
    background-color: #fff !important;
}

.RadComboBox .rcbFocused .rcbReadOnly .rcbInput {
    color: #000 !important;
}

.RadComboBox .rcbArrowCell a, .RadComboBox .rcbFocused .rcbArrowCell a {
    background-position: -11px -64px !important;
    cursor: pointer !important;
}

.RadComboBox .rcbFocused .rcbArrowCell {
    border-color: #cccccc !important;
}

.RadComboBox .rcbFocused .rcbInputCell {
    border-color: #cdcdcd !important;
    color: #000 !important;
    background-color: #fff !important;
}

.RadComboBox input[type="text"]:focus {
    border-color: #fff !important;
}

.RadComboBox .rcbReadOnly .rcbInputCell {
    background-color: #fff !important;
}

.rcbReadOnly td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* ========== LISTBOX =========== */

.pf-RadListBox {
    display: inline-block;
    vertical-align: middle;
    min-width: 300px;
}

    .pf-RadListBox input {
        display: block;
        margin-bottom: 3px;
    }

.RadListBox {
    font: normal 12px 'open sans' !important;
    width: 100% !important;
    min-height: 104px !important;
}

    .RadListBox .rlbItem {
        line-height: 22px !important;
    }

.rlbGroup.rlbGroupRight {
    height: 100px;
    overflow: auto;
}


/* ============ RADTABSTRIP ==============*/



.RadTabStrip, .RadTabStrip_MetroTouch {
    font: 100 12px "Open Sans" !important;
    line-height: 30px !important;
}

/*set padding inside tab*/
.RadMultiPage .rmpView {
    padding-top: 8px;
    border-bottom: 1px solid #25a0da;
}



/* ============ RADTOOLTIP ==============*/

.RadToolTip_MetroTouch {
    background-color: #ffffff !important;
    /* color: #fff; */
    color: #000000 !important;
    border-color: #25a0da;
}

.RadToolTip {
    position: absolute;
    word-wrap: break-word;
    border-width: 1px;
    border-style: solid;
    cursor: default;
    /* font-size: .85em; */
    font-size: 12px !important;
    line-height: 1.42857;
    box-sizing: border-box;
}

/* ============ CHECKLIST ==============*/

.node-expanded:before {
    content: "\f078";
    font-size: 9px;
    cursor: pointer;
}

.node-collapsed:before {
    content: "\f054";
    font-size: 9px;
    cursor: pointer;
}

.group {
    cursor: pointer;
    padding-left: 3px; /*leave space after collapse/expand symbol*/
}

/***text-indent albero nascosto(da aggiungere alle td)***/
.TreeHidden {
    text-indent: 2px;
}

.pf-checklist {
    font-family: 'Open Sans';
    font-weight: 400;
    position: relative;
    width: 100%;
    overflow: auto;
}

    /*
     -- commented for autosize of the checklist html table
    .pf-checklist > table:first-child {
        min-width: 1000px;
    }
*/

    .pf-checklist table > tr:hover {
        background-color: #ecf4ff;
    }

/*--evaluation page--*/

/*row header*/
TR.clsTreeHead {
    margin-bottom: 1px;
    font-size: 12px !important;
    /*color: #187FB2 !important;*/
    color: #DC3C00;
    background-color: #f5f5f5;
    line-height: 20px !important;
    font-weight: 600;
    width: 100%;
    min-width: 1000px;
}

TR.clsTreeShow {
    font-size: 12px;
    background: #ffffff;
    margin-bottom: 1px;
    padding-left: 0px;
}

.pf-checklist TR[name='root'] {
    font-size: 12px;
    font-weight: 600;
    /*color:#DC3C00;*/
    color: #187FB2 !important;
    /*border: 1px solid #187fb2 !important;
    color: #187fb2;    */
    height: 20px;
}

.clsTreeShow TABLE[name='exp'] {
    font-size: 12px;
    background: #ffffff;
    margin-bottom: 1px;
    padding-left: 2px;
}

.pf-checklist td[name='child'] {
    padding-left: 25px;
}

.clsTreeHide TD TABLE {
    display: none;
}

/*--evaluation page--*/

/* ============ CHECKLISTDEF ==============*/

.pf-checklist > table[name='root'] {
    border-collapse: collapse;
    min-width: 1000px;
}

/*icon commands*/
.pf-btn-icon {
    background-color: transparent;
    color: #187FB2;
    display: inline-block;
    height: 24px;
    min-width: 25px;
    /*min-width:27px;*/
    cursor: pointer;
    border: 0px;
    white-space: nowrap;
    outline: none;
    padding: 0;
}

    .pf-btn-icon:hover {
        background-color: #fff;
        color: #187FB2;
    }

    .pf-btn-icon span {
        cursor: pointer;
        font-size: 1.4rem;
        color: #187FB2;
        text-align: center;
        padding-left: 5px;
        vertical-align: super;
        padding-right: 2px;
    }

/*td all'interno delle trview vertical align top*/
tr[id^="trView"] td {
    vertical-align: top;
}

/*stili generali*/
.clsDefTreeHide table > * {
    DISPLAY: none;
}

TR.clsDefHide {
    DISPLAY: none;
}

TABLE.clsDefHide {
    DISPLAY: none;
}

/*width colonne*/
tr.clsTreeHead td:first-child {
    width: 48%;
    text-align: center;
}

tr.clsTreeHead td:nth-child(2) {
    width: 7%;
    text-align: center;
}

tr.clsTreeHead td:nth-child(3), tr.clsTreeHead td:nth-child(4), tr.clsTreeHead td:nth-child(5) {
    width: 10%;
    text-align: center;
}

tr.clsTreeHead td:nth-child(6) {
    width: 15%;
    text-align: center;
}

tr[id^="trView_"] td:first-child, tr[id^="trEdit_"] td:first-child, tr[id^="trNew_"] td:first-child {
    width: 48%;
    position: relative;
}

tr[id^="trView_"] td:nth-child(2), tr[id^="trEdit_"] td:nth-child(2), tr[id^="trNew_"] td:nth-child(2) {
    width: 7%;
}

tr[id^="trView_"] td:nth-child(3), tr[id^="trView_"] td:nth-child(4), tr[id^="trView_"] td:nth-child(5), tr[id^="trEdit_"] td:nth-child(3), tr[id^="trEdit_"] td:nth-child(4), tr[id^="trEdit_"] td:nth-child(5), tr[id^="trNew_"] td:nth-child(3), tr[id^="trNew_"] td:nth-child(4), tr[id^="trNew_"] td:nth-child(5) {
    width: 10%;
}

tr[id^="trView_"] td:nth-child(6), tr[id^="trEdit_"] td:nth-child(6), tr[id^="trNew_"] td:nth-child(6) {
    width: 15%;
}

/*stile div icone + span adiacenti*/
.iconleft {
    display: inline-block;
    padding-right: 12px;
    vertical-align: top;
}

    .iconleft + span {
        width: 69%;
        display: inline-block;
        vertical-align: top;
    }

        .iconleft + span + span + span {
            display: inline-block;
            vertical-align: top;
            right: 10px;
            position: absolute;
        }

/*stile pf-textarea*/
.awesome.undo + .pf-textarea {
    margin-left: 10px;
}

/*identazione td figlie*/
td[id^="innerTable_child"] td:first-child {
    padding-left: 25px;
}


/* ========== LICENSE =========== */

.pf-version {
    font-weight: 600;
    display: inline-block;
    margin: 20px 0;
}

/* ========== TABLE ADMIN PAGES =========== */

.pf-tableheader {
    color: #dc3c00 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

table.pf-table .pf-tableheader {
    border-bottom: 1px solid #f5f5f5 !important;
}




.pf-table {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #f5f5f5 !important;
    border-radius: 4px;
    border-spacing: 0;
}


.pf-form .mainGrid_AllowSelect table.pf-table {
    border-left: 4px solid #187FB2 !important;
    border-right: 4px solid #187FB2 !important;
    width: 100% !important;
    padding-bottom: 10px;
    overflow: auto;
    box-sizing: border-box;
}


.pf-form .pf-table tr:first-child td {
    background-color: #fff !important;
    color: #187fb2 !important;
    padding-left: 8px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-color: #f5f5f5 !important;
    border-bottom: 1px solid;
    line-height: 16px;
}

    .pf-form .pf-table tr:first-child td span.pf-title {
        margin-bottom: 0px !important;
    }

.pf-form .pf-table tr:not(:first-child) {
    line-height: 16px;
    height: 24px;
}

.pf-table tr .pf-tableheader {
    line-height: 16px;
}

.pf-table .pf-tableheader span {
    padding: 5px 7px;
    display: inline-block;
}

.pf-table td.columnData, .pf-table td.formFieldLabel {
    padding-left: 10px;
}

td.columnData span, td.formFieldLabel a {
    padding: 5px 0;
    display: inline-block;
}

td.columnData a, td.formFieldLabel a {
    padding: 5px 0;
    display: inline-block;
}

table.pf-table .pf-tableheader:not(:last-child), table.pf-table td.pf-columnData:not(:last-child), table.pf-table td.formFieldLabel:not(:last-child) {
    border-right: 1px solid #f5f5f5;
    padding-left: 8px;
}

table.pf-table tr:hover {
    background-color: #ecf4ff; /*#f5f5f5;*/
    cursor: default;
}

table.pf-table tr.pf-rowheader :hover, table.pf-table tr.pf-rowheader > td, table.pf-table tr.pf-rowheader > td :hover {
    background-color: #ffffff !important;
    cursor: default;
}

/* ========== DEFINE CHART =========== */

.pf-col {
    display: inline-block;
    width: 33%;
    padding-left: 3px;
    vertical-align: top;
    box-sizing: border-box;
    margin-right: -3px;
}

.pf-chartlabel {
    width: 80%;
    display: inline-block;
    box-sizing: border-box;
}

.pf-chartitem {
    width: 20%;
    display: inline-block;
    margin-left: -4px;
    text-align: right;
}

.pf-optionchart {
    display: inline-block;
    width: 20%;
}

    .pf-optionchart .pf-chartlabel {
        width: 80%;
        box-sizing: border-box;
        margin-left: -5px;
    }

/* ========== MEDIA QUERIES =========== */

@media (max-width: 589px) {
    .input-filter {
        width: 100%;
    }

    .RadUpload .ruFakeInput {
        width: 55% !important;
    }

    table.pf-attachment {
        width: 90%;
    }

    .RadEditor .reModule.reStatistic {
        display: none;
    }
}


@media (max-width: 720px) {

    #cmdpanel {
        display: none;
        position: absolute;
        background-color: #31b0d5;
        top: 112px;
        right: -4px;
        width: 100px;
        min-height: 20px;
        max-width: 150px;
        max-height: 400px;
        overflow: auto;
        z-index: 100;
        border: 1px solid grey;
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2) !important;
        border-color: #cdcdcd;
        text-align: left;
    }

    /*media query per gestire visualizzazione "compatta" dei comandi nelle pagine al ridimensionamento*/
    #btnCmd {
        display: inline-block;
        background-color: #F9F9F9;
        border: 1px solid #cdcdcd;
        height: 35px;
        margin: 1px;
        padding: 7px;
    }

    .pf-commandpanel {
        margin-left: 10px;
        background-color: #31b0d5;
    }

        .pf-commandpanel .pf-btn {
            height: 29px;
            display: block;
            background-color: #fff;
            color: #000;
            text-align: left;
            width: 100%;
            padding: 7px;
            font-family: 'Open Sans', sans-serif;
            font-weight: normal;
            font-size: 13px;
            border: 1px solid #fff;
            border-radius: 0;
            height: 26px;
            text-align: left;
        }

        .pf-commandpanel .pf-btn-small {
            margin: 3.5px 6px;
        }

    .RadNavigation[navtype="relation"] {
        width: 50px;
    }

        .RadNavigation[navtype="relation"] .rnvMore.rnvRight {
            margin: 3.5px 6px;
        }

        .RadNavigation[navtype="relation"] .rnvRootGroupWrapper {
            border: none !important;
            padding: 0 !important;
        }

    .pf-commandpanel .pf-btn:hover {
        background-color: #F5F5F5;
    }
}


@media (max-width: 768px) {
    .pf-control-label {
        width: 100%;
        max-width: none;
    }

    .pf-control-field {
        width: 100%;
        min-height: 25px;
        padding: 3px;
        border-bottom: none;
        margin-left: 0;
    }

    .pf-rightlogo {
        display: none;
    }

    .pf-leftlogo {
        display: none;
    }

    .pf-apptitle {
        width: 50%;
        font-size: 18px;
    }

    .pf-form {
        padding: 0 8px;
    }

    /*homepage*/
    .pf-homepanel {
        width: 100%;
        float: none;
        border: 2px solid #187FB2;
        border-radius: 5px;
        margin-bottom: 27px;
    }

        .pf-homepanel iframe {
            border-radius: 5px;
        }

    /*ripristina il padding nei pf-control-field con child pf-textarea*/
    .pf-control-field > .pf-textarea {
        margin-left: 0;
    }

    /*Define chart*/
    .pf-col {
        display: block !important;
        width: 100% !important;
        margin-top: 20px;
        text-align: left !important;
    }
}