﻿/**************************** K_RAD_GRID ****************************/

/* Stile per renedere la riga di intestazione uguale a quella della vecchia griglia */

.k-grid-header .k-header
{
    background: #98abc0;
    background: -moz-linear-gradient(top,  #98abc0 0%, #5d7593 51%, #94abc0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98abc0), color-stop(51%,#5d7593), color-stop(100%,#94abc0));
    background: -webkit-linear-gradient(top,  #98abc0 0%,#5d7593 51%,#94abc0 100%);
    background: -o-linear-gradient(top,  #98abc0 0%,#5d7593 51%,#94abc0 100%);
    background: -ms-linear-gradient(top,  #98abc0 0%,#5d7593 51%,#94abc0 100%);
    background: linear-gradient(to bottom,  #98abc0 0%,#5d7593 51%,#94abc0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98abc0', endColorstr='#94abc0',GradientType=0 );
    color: White !important;
    text-align:center !important;
}

.k-grid-header .k-link
{
    color: White !important;
    text-align:center !important;
}

/* FINE Stile per renedere la riga di intestazione uguale a quella della vecchia griglia */

/* Stile per renedere la barra di paginazione uguale a quella della vecchia griglia */

.k-pager-wrap
{
    height: 22px;
    background: rgb(218, 226, 232);
}

.k-pager-wrap > .k-link
{
    border-radius: 3px !important;
    border: 1px solid rgb(68, 80, 146) !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    /* sfondo sfumato */
    background: #f2f6f8;
    background: -moz-linear-gradient(top,  #f2f6f8 0%, #d8e1e7 50%, #acbbc4 51%, #e0eff9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#acbbc4), color-stop(100%,#e0eff9));
    background: -webkit-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#acbbc4 51%,#e0eff9 100%);
    background: -o-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#acbbc4 51%,#e0eff9 100%);
    background: -ms-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#acbbc4 51%,#e0eff9 100%);
    background: linear-gradient(to bottom,  #f2f6f8 0%,#d8e1e7 50%,#acbbc4 51%,#e0eff9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 );
}

.k-pager-wrap > .k-link > .k-icon
{
    vertical-align: baseline !important;
}

.k-pager-wrap .k-dropdown
{
    vertical-align: top;
    margin-top: -1px !important;
}

.k-pager-wrap .k-dropdown-wrap
{
    height: 22px;
}

.k-pager-wrap .k-dropdown-wrap .k-input
{
    padding-top: 0px;
}

.k-pager-wrap .k-dropdown-wrap .k-icon
{
    vertical-align: baseline !important;
}

.k-pager-wrap .k-pager-info
{
    margin-top: -4px;
    color: #506175;
}

/* FINE Stile per renedere la barra di paginazione uguale a quella della vecchia griglia */

.k-grid td
{
    text-overflow: clip !important;     /* nasconde la parte di testo che eccede la larghezza della colonna */
    white-space: nowrap !important;     /* fa sì che il testo delle celle non vada mai a capo */
}

div.k-grid-header
{
    padding-right: 0px !important;      /* nasconde lo spazio vuoto sul bordo destro dell'header della griglia */
}

.k-grid-content
{
    overflow-y: visible !important;     /* la griglia si espande in verticale per accogliere tutto il suo contenuto, senza mostrare mai la scrollbar */
}

/**************************** K_RAD_TREELIST ****************************/

.krad-treelist-cmd-del.k-button
{
    min-width: 20px !important;
    min-height: 20px !important;
    background: transparent !important;
    background-image: url('KRadGrid/grdBtn_Delete.png') !important;
    background-repeat: no-repeat !important;
    border-style: none;
}

.krad-treelist-cmd-edit.k-button
{
    min-width: 20px !important;
    min-height: 20px !important;
    background: transparent !important;
    background-image: url('KRadGrid/grdBtn_Edit.gif') !important;
    background-repeat: no-repeat !important;
    border-style: none;
}

.krad-treelist-cmd-sample.k-button
{
    min-width: 20px !important;
    min-height: 20px !important;
    background: transparent !important;
    background-image: url('KRadGrid/grdBtn_Sample.png') !important;
    background-repeat: no-repeat !important;
    border-style: none;
}

.krad-treelist-cmd-samplecfg.k-button
{
    min-width: 20px !important;
    min-height: 20px !important;
    background: transparent !important;
    background-image: url('KRadGrid/grdBtn_SampleCfg.png') !important;
    background-repeat: no-repeat !important;
    border-style: none;
}

.krad-treelist-cmd-order.k-button
{
    min-width: 20px !important;
    min-height: 20px !important;
    background: transparent !important;
    background-image: url('KRadGrid/grdBtn_Ord.png') !important;
    background-repeat: no-repeat !important;
    border-style: none;
}
.krad-treelist-cmd-movelocation.k-button {
    min-width: 20px !important;
    min-height: 20px !important;
    background: transparent !important;
    background-image: url('KRadGrid/grdBtn_Choose.gif') !important;
    background-repeat: no-repeat !important;
    border-style: none;
}

/**************************** K_RAD_COMBO_BOX, K_RAD_DROP_DOWN_LIST ****************************/

/* Stile per adattare la larghezza delle dropDown alla dimensione degli item */

.k-popup .k-list
{
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.k-popup .k-list .k-item
{
    white-space: nowrap; /* gli elementi della combo non vanno mai a capo */
    padding-right: 30px !important; /* aggiunge il padding per lasciare spazio all'eventuale scrollbar verticale */
}

.k-popup.k-list-container {
    width: auto !important; /* il contenitore degli elementi della combo deve adattarsi al contenuto */
}
/* FINE Stile per adattare la larghezza delle dropDown alla dimensione degli item */

.kcb-paged .k-list-scroller {
    height: auto !important; /* per evitare scrollbar verticale */
}

.krad-grid-cmd-del
{
    min-width: 20px !important;
    min-height: 20px !important;
    background: transparent !important;
    background-image: url('KRadGrid/grdBtn_Delete.png') !important;
}

    .krad-grid-cmd-del > .k-icon {
        display:none;
    }

    .krad-grid-cmd-cancel {
        /*width: 20px;
    height: auto;*/
        min-width: 20px !important;
        min-height: 20px !important;
        background: transparent !important;
        background-image: url('KRadGrid/grdBtn_Cancel.png') !important;
    }

.krad-grid-cmd-cancel-EditEqmtLocation {
    min-width: 20px !important;
    min-height: 20px !important;
    width: 30px !important;
    height: 30px !important;
    background: transparent !important;
    background-repeat: no-repeat !important;
    background-image: url('KRadGrid/grdBtn_Cancel.png') !important;
    background-position: center center !important;
}

.krad-grid-cmd-hide-btn-EditEqmtLocation {
    min-width: 20px !important;
    min-height: 20px !important;
    color: red !important;
    background: transparent !important;
    pointer-events: none !important;
    border: none !important;
}

.krad-grid-cmd-edit
{
    min-width: 20px !important;
    min-height: 20px !important;
    background: transparent !important;
    background-image: url('KRadGrid/grdBtn_Edit.gif') !important;
}

.krad-grid-cmd-choose button
{
    min-width: 20px !important;
    min-height: 20px !important;
    background: transparent !important;
    background-image: url('KRadGrid/grdBtn_Choose.gif') !important;
}

.krad-grid-btn-image
{
    min-width: 20px !important;
    min-height: 20px !important;
    background: transparent !important;
}
.choose-grid-imgprod .k-image{
    width:200px;
}

.krad-grid-btn-image.krad-grid-cmd-checkbox 
{
    min-width: 20px !important;
    min-height: 20px !important;
    background: transparent !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-image: url('KRadGrid/grdBtn_CheckboxUnchecked.png') !important;
}

.krad-grid-btn-image.krad-grid-cmd-checkbox.krad-btn-selected
{
    min-width: 20px !important;
    min-height: 20px !important;
    background: transparent !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-image: url('KRadGrid/grdBtn_CheckboxChecked.png') !important;
}

.kcb-paged .k-list-scroller {
    height: auto !important;
    max-height: 320px !important;
}

/**************************** K_RAD_TOOLBAR ****************************/
.krad-tlb {
    background: rgb(84,99,122);
    background: -moz-linear-gradient(top, rgba(84,99,122,1) 0%, rgba(43,74,115,1) 50%, rgba(29,59,83,1) 51%, rgba(73,103,135,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(84,99,122,1)), color-stop(50%,rgba(43,74,115,1)), color-stop(51%,rgba(29,59,83,1)), color-stop(100%,rgba(73,103,135,1)));
    background: -webkit-linear-gradient(top, rgba(84,99,122,1) 0%,rgba(43,74,115,1) 50%,rgba(29,59,83,1) 51%,rgba(73,103,135,1) 100%);
    background: -o-linear-gradient(top, rgba(84,99,122,1) 0%,rgba(43,74,115,1) 50%,rgba(29,59,83,1) 51%,rgba(73,103,135,1) 100%);
    background: -ms-linear-gradient(top, rgba(84,99,122,1) 0%,rgba(43,74,115,1) 50%,rgba(29,59,83,1) 51%,rgba(73,103,135,1) 100%);
    background: linear-gradient(to bottom, rgba(84,99,122,1) 0%,rgba(43,74,115,1) 50%,rgba(29,59,83,1) 51%,rgba(73,103,135,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54637a', endColorstr='#496787',GradientType=0 );
}
.krad-tlb div.krad-tlb-sep
{
    width: 0px;
    height: 26px;
    border-left: 1px solid #070053;
    border-right: 1px solid #8084AA;
}
.krad-tlb button.krad-tlb-btn
{
    background: transparent;
    border: 0px;
    color: #fff;
    box-shadow: none !important;
    padding: 2px;
}
.krad-tlb button.krad-tlb-btn:hover
{
    background: rgb(240,246,248) !important;
    background: -moz-linear-gradient(top,  rgba(240,246,248,1) 0%, rgba(190,228,242,1) 50%, rgba(161,218,239,1) 51%, rgba(222,243,252,1) 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,246,248,1)), color-stop(50%,rgba(190,228,242,1)), color-stop(51%,rgba(161,218,239,1)), color-stop(100%,rgba(222,243,252,1))) !important;
    background: -webkit-linear-gradient(top,  rgba(240,246,248,1) 0%,rgba(190,228,242,1) 50%,rgba(161,218,239,1) 51%,rgba(222,243,252,1) 100%) !important;
    background: -o-linear-gradient(top,  rgba(240,246,248,1) 0%,rgba(190,228,242,1) 50%,rgba(161,218,239,1) 51%,rgba(222,243,252,1) 100%) !important;
    background: -ms-linear-gradient(top,  rgba(240,246,248,1) 0%,rgba(190,228,242,1) 50%,rgba(161,218,239,1) 51%,rgba(222,243,252,1) 100%) !important;
    background: linear-gradient(to bottom,  rgba(240,246,248,1) 0%,rgba(190,228,242,1) 50%,rgba(161,218,239,1) 51%,rgba(222,243,252,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f6f8', endColorstr='#def3fc',GradientType=0 ) !important;
    border: 0px;
    color: #000;
    box-shadow: none !important;
}
.krad-tlb-btn img
{
    vertical-align: bottom;
    padding: 0 3px 0 0;
}
/*
.krad-tlb-btn-new, .krad-tlb-btn-edit, .krad-tlb-btn-edit-undo, .krad-tlb-btn-save, .krad-tlb-btn-close, .krad-tlb-btn-del, .krad-tlb-btn-exp,
.krad-tlb-btn-exp-pdf, .krad-tlb-btn-exp-xls, .krad-tlb-btn-exp-doc, .krad-tlb-btn-flt
{
    padding-left: 25px !important;
    background-repeat: no-repeat !important;
    background-position: 0 3px !important;
}
.krad-tlb-btn-new
{
    background-image: url('KRadToolbar/tlbBtn_New.gif') !important;
}
.krad-tlb-btn-edit
{
    background-image: url('KRadToolbar/tlbBtn_Edit.gif') !important;
}
.krad-tlb-btn-edit-undo
{
    background-image: url('KRadToolbar/tlbBtn_EditUndo.gif') !important;
    background-position: 0 6px !important;
}
.krad-tlb-btn-save
{
    background-image: url('KRadToolbar/tlbBtn_Save.gif') !important;
}
.krad-tlb-btn-close
{
    background-image: url('KRadToolbar/tlbBtn_Close.gif') !important;
}
.krad-tlb-btn-del
{
    background-image: url('KRadToolbar/tlbBtn_Delete.gif') !important;
}
.krad-tlb-btn-exp
{
    background-image: url('KRadToolbar/tlbBtn_ExpRPT.png') !important;
}
.krad-tlb-btn-exp-pdf
{
    background-image: url('KRadToolbar/tlbBtn_ExpPDF.gif') !important;
}
.krad-tlb-btn-exp-xls
{
    background-image: url('KRadToolbar/tlbBtn_ExpExcel.gif') !important;
}
.krad-tlb-btn-exp-doc
{
    background-image: url('KRadToolbar/tlbBtn_ExpDOCX.jpg') !important;
}
.krad-tlb-btn-flt
{
    background-image: url('KRadToolbar/tlbBtn_FilterApply.gif') !important;
}
*/
/**************************** K_RAD_MULTISELECT ****************************/
.k-widget.k-multiselect { border: none 0px; }
.k-widget.k-multiselect > .k-multiselect-wrap { border-width: 1px !important; border-color: rgb(169, 169, 169) !important; border-radius: 2px !important; border-collapse: collapse !important; }
.k-widget.k-multiselect > select { border: 0px none !important; }
.k-multiselect-wrap { min-height: 20px !important; height: 100% !important; }
.k-multiselect-wrap > ul { float: left !important; border: 0px none !important; }
.k-multiselect-wrap > ul > li.k-button { margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; font-size: 13px !important;  }
