/* Personalizza la barra di scorrimento */
::-webkit-scrollbar {
    width: 5px; /* Larghezza della barra di scorrimento verticale */
    height: 8px; /* Altezza della barra di scorrimento orizzontale */
}

/* Personalizza il track (sfondo della barra) */
::-webkit-scrollbar-track {
    background: #f1f1f1; /* Colore dello sfondo */
}

/* Personalizza il pollice (parte mobile della barra) */
::-webkit-scrollbar-thumb {
    background: #888; /* Colore del pollice */
    border-radius: 3px; /* Arrotonda gli angoli del pollice */
}

    /* Pollice al passaggio del mouse */
    ::-webkit-scrollbar-thumb:hover {
        background: #555; /* Cambia colore quando si passa sopra */
    }

/* Customizzazione Componenti Telerik */

.RadInput .riSelect {
    overflow: hidden;
    border-radius: 0 3px 3px 0 !important;
    font-family: 'Rubik' !important;
    box-sizing: border-box !important;
    padding-right: 5px !important
}

.body {
    font-family: 'Rubik' !important
}

RadWindow {
    border-color: #dedede !important;
    color: #333 !important;
    background-color: #fff !important;
    padding: 0 !important;
    border-radius: 3px !important;
    font-family: Rubik !important;
}

.RadWindow_Bootstrap .rwTitleBar {
    border-color: #dedede;
    color: #333;
    /*color: orange!important;*/
    background-color: transparent !important;
    margin: 0;
    border-radius: 4px 4px 0 0;
    /*font-family: 'Rubik' !important;*/
    font-size: 14px;
}

.RadWindow_Bootstrap .rwTitleWrapper {
    padding: 0px !Important;
}

.RadWindow_Bootstrap {
    font-family: "Rubik" !important;
}

.RadWindow .rwTitle {
    color: darkorange !important;
}

@media (min-width: 0) {
    .g-pa-20 {
        padding: 1.0rem !important;
    }
}


/*.RadCheckBox*/
button.RadCheckBox {
    font-size: 14px;
    font-family: inherit !important;
}

/* makes the checkbox icon elastic in addition to the label text */
.RadButton.RadCheckBox .rbIcon,
.RadButton.RadCheckBox .rbIcon::before {
    font-size: inherit;
    width: 1em;
    height: 1em;
}

/*.------------------------*/

.RadInput .riSelect {
    overflow: hidden;
    border-radius: 0 3px 3px 0;
}


.RadInput .riTextBox, .RadInputMgr {
    padding: 6px 12px !important;
    border-radius: 3px !important;
}

.RadInput .rcSelect {
    border-radius: 0 3px 3px 0;
}

.RadInput.RadInputFocused .riTextBox, .RadInput.RadInputHovered .riTextBox, .RadInput.RadInputHovered .riSelect, .RadInput.RadInputHovered .rcSelect, .RadInput_Hover_Default {
    border-color: orange;
    color: #333;
    background-color: #fff;
    box-shadow: none;
}

.RadInput.RadInputFocused .riTextBox, .RadInput.RadInputFocused .riContentWrapper, .RadPicker .RadInputFocused, .RadInput_Focused {
    box-shadow: none;
}

.RadPicker.rcCalPopupOpen .RadInput, .RadPicker.rcMYPopupOpen .RadInput, .RadPicker.rcTimePopupOpen .RadInput {
    border-color: orange;
    color: #333;
    background-color: #fff;
}

.RadInput a, .RadInput_Bootstrap.RadInputDisabled a:hover, .RadInput_Bootstrap.RadInputDisabled a:active {
    border-color: #ccc;
    color: #333;
    background-color: #fff;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.radSkin {
    color: #333;
    font-family: "Rubik", Helvetica, Arial, sans-serif;
}

.radSkin_Bootstrap {
    color: #333;
    font-family: "Rubik", Helvetica, Arial, sans-serif;
}

/*.RadTimePicker*/

/*.RadTimePicker .riTextBox {
    border-color: orange;
    border-width: 1px;
    border-radius: 3px;
    box-shadow: none !important;
    background-color: transparent;
}

.RadTimePicker .RadInput.RadInputHovered .riTextBox {
    border-color: orange;
    border-width: 1px;
    border-radius: 3px;
    box-shadow: none !important;
    background-color: transparent;
}

.RadTimePicker .RadInput.RadInputFocused .riTextBox {
    border-color: orange;
    border-width: 1px;
    border-radius: 3px;
    box-shadow: none !important;
    background-color: transparent;
}*/

/*Pulsantino orologio o calendario*/
.RadInput .rcSelect {
    border-radius: 0 3px 3px 0;
}

.RadInput .riTextBox, .RadInputMgr {
    padding: 6px 10px;
    border-radius: 3px;
}

/* makes the checkbox icon elastic in addition to the label text */
.RadButton.RadCheckBox .rbIcon,
.RadButton.RadCheckBox .rbIcon::before {
    font-size: inherit;
    width: 12px;
    height: 12px;
}

/*.RadComboBox*/
.RadComboBox .rcbInner {
    border-color: #ccc;
    color: #333;
    background-color: #fff;
    padding: 6px 12px;
    border-radius: 3px !important;
    box-shadow: none;
}

.RadComboBox .rcbActionButton {
    border-color: transparent;
    color: #333;
    background-color: #fff;
    padding: 6px;
    border-radius: 0 0px 3px 0 !important;
}

    .RadComboBox .rcbActionButton .rcbHovered {
        border-color: #adadad;
        color: #333;
        background-color: transparent;
        border-color: transparent;
        box-shadow: none;
    }

.RadComboBox .rcbFocused .rcbActionButton {
    border-color: #adadad;
    color: #333;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}

.RadComboBox {
    color: #333;
    font-family: "Rubik" !important;
}

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

/*Radinput*/
.RadInput .RadInput.RadInputFocused .riTextBox, .RadInput.RadInputFocused .riSelect, .RadInput.RadInputFocused .rcSelect, .RadInput_Focused {
    border-color: none;
    color: #333;
    background-color: #fff;
}

.RadGrid .rgInput, .RadGrid .rgEditRow > td > [type="text"], .RadGrid .rgEditForm td > [type="text"], .RadGrid .rgBatchContainer > [type="text"], .RadGrid .rgFilterBox, .RadGrid .rgFilterApply, .RadGrid .rgFilterCancel {
    font: inherit;
    border-style: solid;
    border-width: 1px;
    /*padding: 8px 10px !important;*/
    border-radius: 3px;
    box-sizing: border-box;
}

.RadGrid_Bootstrap .rgFilter {
    border-radius: 0 3px 3px 0 !important;
    padding: 6px !important;
}

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

.RadGrid .t-font-icon:before {
    font: 12px/1 "WebComponentsIcons";
}

.RadGrid .rgRow > td, .RadGrid_Bootstrap .rgAltRow > td, .RadGrid_Bootstrap .rgEditRow > td, .RadGrid_Bootstrap .rgFooter > td, .RadGrid_Bootstrap .rgFilterRow > td, .RadGrid_Bootstrap .rgHeader, .RadGrid_Bootstrap .rgResizeCol, .RadGrid_Bootstrap .rgGroupHeader td {
    padding-left: 11px !important;
    padding-right: 11px !important;
}

.RadGrid {
    border-width: .1px;
    border-style: solid;
    line-height: 1.42857143;
    border-radius: 3px;
}

    .RadGrid .rgGroupPanel {
        border-bottom: 1px solid #dedede;
        background-color: transparent;
        padding-left: 10px;
    }

    .RadGrid .rgCommandCell {
        border-color: #dedede;
        color: #333;
        background-color: transparent;
    }

    /* .RadGrid .rgFilter {
        border-color: none !important;
        margin-left: -1px;
        border-radius: 0 3px 3px 0;
        padding: 4px;
        height: 13px;
        padding-bottom: 5px;
    }*/

    .RadGrid .rgFooter > td {
        border-left: 1px solid #dedede;
        padding: 10px 14px;
        font-weight: bold;
    }

    /*Setta spaziature sui filtri*/
    .RadGrid .rgFilterRow > td {
        padding-top: 3px;
        padding-bottom: 2px;
        padding-left: 3px !Important;
        padding-right: 3px !Important;
    }

.rgFilterRow td {
    padding-left: 0px;
}

.RadGrid .rgFiltered {
    border-color: #2e6da4;
    background-color: #337ab7;
}

/*.RadMultiSelect*/
.RadMultiSelect .k-multiselect-wrap {
    border-radius: 3px !important;
    font-size: 12px;
    font-family: 'Rubik';
    /*height:100px;*/
}

    /*Elementi dentro filter Multiselect*/
    .RadMultiSelect .k-multiselect-wrap .k-button {
        border-radius: 3px !important;
        font-size: 12px;
        font-family: 'Rubik';
    }

.RadMultiSelect.k-state-focused > .k-multiselect-wrap {
    border-color: #adadad;
    color: #333;
    background-color: transparent;
    box-shadow: none;
}

/* Hide toolbars during export */
.k-pdf-export .rgtToolbar {
    display: none;
}

.RadInput a {
    display: block;
    width: 2.52857143em;
    height: 100%;
    /*  padding: 0px !important;*/
    text-align: center;
    vertical-align: bottom;
    background-clip: padding-box;
    background-repeat: no-repeat;
    border-left-width: 1px;
    border-left-style: solid;
}

.RadWindow {
    border-color: #dedede;
    color: #333;
    background-color: #fff;
    padding: 0;
    border-radius: 3px;
    font-family: Rubik;
}

/*Nasconde le icone */
.rwMinimizeButton, .rwMaximizeButton, .rwReloadButton, .rwPinButton, .rwStatusBar, .rwIcon {
    visibility: hidden;
}

.RadWindow .rwTitleBar {
    border-color: #dedede;
    color: #333;
    background-color: white;
    margin: 0;
    border-radius: 3px 3px 0 0;
    padding-bottom: 20px;
}

.RadWindow .rwTitle {
    padding: 10px;
    font-family: Rubik;
    font-size: 16px;
    color: #FF8D00;
    text-transform: uppercase;
}

.rwCloseButton, .rwCloseButton:before {
    padding-right: 15px;
    padding-top: 0px;
    font-size: 24px !important;
    font-family: Rubik;
}

.RadWindow .rwCommandButton {
    padding: 0px !important;
    padding-right: 5px !important;
}

/* Numero percentuale nella progress bar*/
.RadProgressBar .rpbLabel {
    display: inline-block;
    min-width: .71428571em;
    padding: .8em;
    white-space: nowrap;
    font-size: inherit;
    font-family: inherit;
}

/* TODO Progress Bar color*/
/*Success*/
div.greenProgressBar .rpbStateSelected,
div.greenProgressBar .rpbStateSelected:hover,
div.greenProgressBar .rpbStateSelected:link,
div.greenProgressBar .rpbStateSelected:visited {
    background-color: #77966D;
    border-color: #77966D;
    color: white;
}

/*Danger*/
div.redProgressBar .rpbStateSelected,
div.redProgressBar .rpbStateSelected:hover,
div.redProgressBar .rpbStateSelected:link,
div.redProgressBar .rpbStateSelected:visited {
    background-color: #C84630;
    border-color: #C84630;
    color: white;
}

/*Warning*/
div.yellowProgressBar .rpbStateSelected,
div.yellowProgressBar .rpbStateSelected:hover,
div.yellowProgressBar .rpbStateSelected:link,
div.yellowProgressBar .rpbStateSelected:visited {
    background-color: #FFC800;
    color: white;
}

/* Evidenzia Giorno corrente */

.rsTodayCell {
    background: gray !important;
}

/*Orgchart elimina il nodo 0 Fittizio*/
.RadOrgChart.dummy-root .rocNodeList:first-child > .rocNode > .rocItem,
.RadOrgChart.dummy-root .rocNodeList:first-child > .rocNode > .rocItem:after,
.RadOrgChart.dummy-root .rocNodeList:first-child > .rocNode > .rocNodeList > .rocNode:before,
.RadOrgChart.dummy-root .rocNodeList:first-child > .rocNode > .rocNodeList > .rocNode:after {
    display: none;
}

.rocLineUp:after {
    content: "";
    width: 9px;
    height: 5px;
    background: url("rocDownArrow.gif") no-repeat center center;
    position: absolute;
    bottom: 0;
    left: -4px;
}


.container {
    width: 30em;
    overflow-x: auto;
    white-space: nowrap;
}

/*Setta la dimensione dai blocchetti dell'OrgChart*/
.RadOrgChart .rocItem, .RadOrgChart .rocItemTemplate {
    height: 10.33333333em;
}


/*Forza il Bianco nei Titoli delle colonne dove è previsto headerWhite */
.headerWhite,
.headerWhite a,
.headerWhite span {
    color: white !important;
}