/* modifiche al tema Telerik */

/* sfondo trasparente a html */
html.RadForm_TaleteTouch.rfdZone {
    background-color: transparent;
}

/* per correggere il testo della DropDownList: sforava nel comando per aprire la tendina */
.rfdSelectText {
    margin-right: 30px !important;
}

/* Aumento la larghezza predefinita delle caselle di testo quando sono all'interno di una RadGrid' */

.rgEditForm input.rfdTextInput {
    width: 24em;
}

/* menu in maiuscolo */
.RadMenu_TaleteTouch .rmRootLink {
    font-size: 16px;
    text-transform: uppercase;
}
/* toglie la riga nera verticale */
.RadMenu .rmGroup::before, .RadMenu .rmMultiColumn::before, .RadMenu .rmScrollWrap > .rmHorizontal::before, .RadMenu .rmScrollWrap > .rmVertical::before {
    border-style: none !important;
}

/* rende responsive*/
.RadMenu .rmHorizontal > .rmItem, .RadMenu .rmHorizontal > .rmRootScrollGroup > .rmItem {
    display: block !important;
    float: left !important;
}

.RadMenu_TaleteTouch {
    font-family: "Ubuntu", Helvetica, Arial, sans-serif !important;
}

/* barra menù bianco su azzurro */
.rmRootGroup, .rmSelected .rmRootLink, .rmExpanded .rmRootLink, .rmRootLink, .rmRootLink:hover, .rmSelected .rmRootLink, .rmExpanded .rmRootLink {
    border-color: transparent !important;
    color: white !important;
    background-color: transparent !important;
}

.RadMenu_TaleteTouch .rmGroup.rmVertical {
    padding: 2px 0 !important;
}


/* toglie bordi neri e li mette grigi */
.RadInput_TaleteTouch {
    border-color: #cdcdcd;
    background-color: #ffffff !important;
}

.RadGrid_TaleteTouch {
    border: 1px solid #cdcdcd !important;
}

/* evita che vengano bassi quando vuota*/
.rfdSelect {
    min-height: 30px;
}

.RadButton_TaleteTouch {
    min-height: 24px;
}

/* tab con testo più grande e sempre a capo */
.RadTabStrip_TaleteTouch {
    font-size: 16px;
    font-weight: bold;
    width: 100%;
}

/* bordo più sottile*/
.RadTabStrip.rtsTop .rtsLevel1 {
    border-bottom-width: 1px !important;
}

/* bordo anche al pannello sottostante */
/*.rmpView {
    border-color: #024987;
    border-width: 1px;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
}

.rmpHidden {
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
}*/

/* personalizzazione RadGrid */
/* http://demos.telerik.com/aspnet-ajax/grid/examples/styles/rounded-corners/defaultcs.aspx */
.RadGrid {
    border-radius: 10px;
    overflow: hidden;
}

    .RadGrid .rgHeader {
        background-color: #f9f9f9 !important;
        border: 1px solid #cdcdcd !important;
        font-weight: bold !important;
        border-radius: 3px;
        overflow: hidden;
    }

.RadGrid_TaleteTouch .rgRow > td, .RadGrid_TaleteTouch .rgAltRow > td {
    border: 1px solid #cfcfcf !important;
}

.RadGrid_TaleteTouch th.rgSorted,
.RadGrid_TaleteTouch th.rgSorted a {
    color: #024987 !important;
}

/* icona refresh centrata */
.RadGrid .rgRefreshIcon {
    padding-left: 10px;
}

.rgActionButton {
    border-color: #e0e0e0 !important;
}

    .rgActionButton:hover {
        background-color: #cdcdcd !important;
    }

.rgUpdate {
    color: #3B8230 !important;
    font-weight: bold !important;
}

.rgDel {
    color: #c43c35 !important;
}

/* trascina qui per raggruppare bianco su sfondo blu */
.RadGrid_TaleteTouch .rgGroupPanel, .RadGrid_TaleteTouch .rgGroupItem {
    background: #024987 !important;
    color: white !important;
    min-height: 40px;
}

.rgUpdateIcon::after {
    content: "Salva";
}

.rgCancelIcon::after {
    content: "Annulla";
}

.rgButtonText {
    font-weight: bold;
}


/* edit form */


.rgEditForm {
    border-color: #024987 !important;
    border-style: solid;
    border-width: 4px !important;
    padding: 12px !important;
}

/* fix area bianca che sfora sotto all'editor in Notifiche */
.reTextAreaHidden {
    display: none !important;
}

/* finestre */
.rsAdvancedModal {
    padding: 7px !important;
}

/* tooltip */

.RadToolTip_TaleteTouch {
    background-color: #ffffff !important;
    color: #000000 !important;
}

    .RadToolTip_TaleteTouch .rtClose {
        background-color: #ffffff !important;
        border-color: #024987 !important;
    }

/* modifiche al tema precedente, da controllare*/

/* per correggere l'allineamento verticale di Bottone e BottoneSalva */
.RadForm a.rfdSkinnedButton {
    vertical-align: top !important;
}

.RadForm.rfdButton a.rfdSkinnedButton {
    margin: 0 !important;
}

/* usato per evidenziare il turno durante la programmazione giornata su Pubblica Assistenza */
.RadSchedulerTimeSlotTurno {
    background-color: #F5FCFF !important;
}

.RadPanelBar {
    width: auto !important;
}


/* organigramma */

/* nome funzione in grassetto */
.rocNodeFields div:first-child, .rocItem div:first-child, .rocItemText {
    font-weight: bold;
}

/* item con sfondo bianco anziché blu */
.RadOrgChart_TaleteTouch .rocItem {
    color: black !important;
    border-color: #024987 !important;
    border-width: 2px !important;
    border-radius: 4px;
    background-color: white !important;
}


.RadOrgChart_TaleteTouch .rocExpandArrow,
.RadOrgChart_TaleteTouch .rocCollapseArrow,
.RadOrgChart_TaleteTouch .rocExpandGroupArrow,
.RadOrgChart_TaleteTouch .rocCollapseGroupArrow {
    background-color: transparent !important;
}

/*  */
.RadScheduler .rsAptSubject {
    text-align: left;
    padding: 4px 0 1px;
    margin: 0 0 3px;
    font-size: 12px;
    font-weight: bold;
    color: #369;
    min-height: 17px;
    border-bottom: 1px solid #99DEFD;
    width: 100%;
}

.RadScheduler .rsAdvancedEdit .RadColorPicker label {
    text-align: left;
    display: block;
    padding: 0;
}

.rgFilterBox {
    width: 8em !important;
}

/* fix bug bottoni che scompiaono */
.rgAdd, .rgEdit, .rgRefresh, .rgUpdate, .rgCancel, .rgExpXLS, .rgExpCSV, .rgExpDOC, .rgDel {
    font-size: 14px !important;
    width: auto !important;
    height: auto !important;
    text-indent: 0 !important;
    border: 0.8px solid #e0e0e0 !important;
    margin: 0 !important;
    padding: 4px !important;
}

.rbIconOnly {
    min-height: 30px;
    min-width: 28px;
}

/* sfondo grigio alle selezioni */
.rfdRadioChecked, .rfdCheckboxChecked {
    background-color: lightgrey;
}

/* tab stondati */
.RadTabStrip.rtsTop .rtsLevel1 .rtsLink {
    border-radius: 12px 12px 0 0 !important;
}

/* bordo dei tab */
.RadTabStrip .rtsLink {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: lightgray !important;
}

/* tab selezionato bianco su blu */
.RadTabStrip_TaleteTouch .rtsSelected .rtsLink {
    border-color: #024987 !important;
    color: #ffffff !important;
    background-color: #024987 !important;
}

/* il testo degli editor disabilitati non si legge perché troppo chiaro */
.RadForm_TaleteTouch .rfdTextInput:disabled,
.RadForm_TaleteTouch.rfdTextarea textarea:disabled {
    color: #161616 !important;
    border-color: #c5c5c5 !important;
}

.RadForm .rfdTextInput:disabled, .RadForm.rfdTextarea textarea:disabled {
    opacity: .9 !important;
}

/* non mostro l'icona che dice se l'appuntamento è ripetuto perché porta via troppo spazio */
.rsAptRecurrence {
    display: none !important;
}

.RadRating .rrtCustomItemImages a:before,
.RadRating .rrtCustomItemImages a span:before {
    content: '';
    display: none;
}

.RadRating .rrtCustomItemImages a,
.RadRating .rrtCustomItemImages a span {
    background-repeat: no-repeat;
}


/*RadScheduler*/
.rsAptSubjectBlack {
    text-align: left;
    padding: 4px 0 1px;
    margin: 0 0 3px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    min-height: 17px;
    border-bottom: 1px solid #000000;
    width: 100%;
}


.RadMultiSelect .k-multiselect-wrap .k-button {
    text-align: left !important;
}

/* titolo del RadDock bianco su blu */
.RadDock_TaleteTouch .rdTitleWrapper {
    color: white ! important;
    background-color: #024987 !important;
}

/* HTML5 Report Viewer */
.ReportViewer {
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    overflow: hidden;
    font-family: Verdana, Arial;
}