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

.-pd-viewgrid {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-width: 0;
}

.k-grid.-pd-viewgrid .k-grid-header {
    background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
    background-image: none, -moz-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
    background-image: none, -o-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
    background-color: #F3F3F3;
    border-color: #DDDDDD;
    height: 28px;
    overflow:hidden;
}

.k-grid.-pd-viewgrid .k-grid-header-wrap {
    border: none;
}

.k-grid.-pd-viewgrid .k-grid-header .k-header {
    background-image:linear-gradient();
    background-color: #F3F3F3;
    border-color: #DDDDDD;
    box-sizing: border-box;
    border-width: 0 1px 1px 0;
	height: 28px;
}

.k-grid .k-grid-toolbar {
	padding: 0;
}

.k-grid.-pd-viewgrid .k-grid-content table > tbody[role=rowgroup] > tr,
.k-grid.-pd-viewgrid .k-grid-content table > tbody[role=rowgroup] > tr.k-alt {
    background-color: #FFFFFF;
    cursor: pointer;
}

.k-grid.-pd-viewgrid .k-grid-content table > tbody[role=rowgroup] > tr > td,
.k-grid.-pd-viewgrid .k-grid-content table > tbody[role=rowgroup] > tr.k-alt > td {
    border-color: #EEEEEE;
    border-width: 0 1px 1px 0;
}

/*.k-grid.-pd-viewgrid .k-grid-content table > tbody[role=rowgroup] > tr > td:first-child {
    border-width: 0 0 1px 0;
}*/

.k-grid.-pd-viewgrid .k-grid-content table > tbody[role=rowgroup] > tr > td:last-child {
    border-width: 0 1px 1px 0;
}

.k-grid.-pd-viewgrid .k-grid-content table > tbody[role=rowgroup] > tr.k-state-selected > td {
    border-color: #7aafe9; /*#8bbdf3;*/
}

.k-grid.-pd-viewgrid .k-grid-content table > tbody[role=rowgroup] > tr:hover {
    background-color:#c9def5;
    border-color:#c9def5;
}

.k-grid.-pd-viewgrid .k-grid-pager {
    padding: 0;
}

/*
=============================
= VIEW GRID - Header
=============================
*/

.k-grid.-pd-viewgrid .-pd-widget-area {
    position: relative;
    box-sizing: border-box;
    height:100%;
    background-image: url('textures/highlight.png');
    background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
    background-image: none, -moz-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
    background-image: none, -o-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
    background-position: 50% 50%;
    background-color: #e3e3e3;
    overflow:hidden;
}

.k-grid.-pd-viewgrid .-pd-widget-area .-pd-widget-dock {
    position: absolute;
    box-sizing: border-box;
    top:0;
    bottom:0;
    overflow:hidden;
    vertical-align: top;
    background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
    background-image: none, -moz-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
    background-image: none, -o-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
    background-position: 50% 50%;
    background-color: #e3e3e3;
}

.k-grid.-pd-viewgrid .-pd-widget-area .-pd-widget-dock .-pd-widget {
    display: inline-block;
    vertical-align: top;
    height:100%;
    box-sizing:border-box;
    padding:0 5px 0 5px;
    border-right:1px solid #DDDDDD;
}

.k-grid.-pd-viewgrid .-pd-widget-area .-pd-widget-dock-right .-pd-widget {
    border-right: 0 none transparent;
    border-left: 1px solid #DDDDDD;
}

.k-grid.-pd-viewgrid .-pd-widget-area .-pd-widget-dock-left {
    left:0;
    /*border:1px solid blue;*/
}

.k-grid.-pd-viewgrid .-pd-widget-area .-pd-widget-dock-center {
    /*border:1px solid green;*/
}

.k-grid.-pd-viewgrid .-pd-widget-area .-pd-widget-dock-right {
    right:0;
}

.k-grid.-pd-viewgrid .-pd-widget-area .-pd-widget-dock-right:last-child {
    border-right:0 none transparent;
}

/*
=============================
= VIEW GRID - Footer
=============================
*/

.-pd-viewgrid .k-grid-pager {
    height:30px;
}

.-pd-viewgrid .k-grid-pager .-pd-filter-notification  {
    border:1px solid #AAAAAA;
    color:#AAAAAA;
    height:100%;
    width:100%;
    font-size:11px;
    box-sizing:border-box;
    padding:2px;
    background-color:#FFFFFF;
    line-height:22px;
    padding:0 5px 0 26px;
    background-image: url(../application/icons/misc/filter.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.-pd-viewgrid .k-grid-pager .-pd-filter-notification-active {
    background-image: url(../application/icons/misc/filter_white.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    background-color: #007acc;
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.-pd-viewgrid .k-grid-pager .k-pager-info {
    width:100%;
    text-align:center;
    display:block;
    padding:0;
    font-size:12px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*
=============================
= VIEW GRID - Column Header
=============================
*/

.-pd-viewgrid-column-menu-btn {
    background-image:url(../Areas/Shared/Assets/Internal/Icons/16x16/navigate_close.png);
    background-repeat:no-repeat;
    background-position: center center;
    position:absolute;
    top:0;
    right:0;
    opacity:.2;
    width:20px;
    bottom:0;
    border:1px solid #DDDDDD;
    border-width:0 0 0 1px;
}

.-pd-viewgrid-column-menu-btn:hover {
    opacity:.7;
}

/*
=============================
= VIEW GRID - Drag Hint
=============================
*/

.-pd-viewgrid-draghint {
    height: 32px;
    width: 150px;
    padding: 10px;
    border-radius: 2px;
    background-color: #FFFFFF;
    border: 1px solid #007acc;
    color: #000000;
    font-size: 12px;
    line-height: 12px;
    overflow: visible;
    box-sizing: border-box;
}

.-pd-viewgrid-draghint .subtext {
    position:relative;
    top:7px;
    height:22px;
    line-height:12px;
    left:-11px;
    background-color:#c9def5;
    border-radius:2px;
    border:1px solid #007acc;
    padding:5px;
    color:#007acc;
    display:none;
    width:150px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    box-sizing:border-box;
}


/*
=============================
= FILTER TOOLTIP (Tipped.js)
=============================
*/

.t_Content_ViewGrid {
    color: #333;
    font-size: 10px;
    line-height: 16px;
    padding: 0;
}

.t_Content_ViewGrid > div {
    position:relative;
}

.t_Content_ViewGrid > div > label {
    position:absolute;
    height: 30px;
    top:0;
    left:0;
    right:0;
    padding:0 5px 0 5px;
    overflow:hidden;
    text-overflow:ellipsis;
    background-color:#EEEEEE;
    font-weight:bold;
    display:inline-block;
    box-sizing:border-box;
    border: 1px solid #CCCCCC;
    border-width: 0 0 1px 0;
    line-height: 30px;
}

.t_Content_ViewGrid > div > div {
    position:absolute;
    top:30px;
    left:0;
    bottom:0;
    right:0;
    padding:5px;
    display:inline-block;
    box-sizing:border-box;
    overflow-y:auto;
    font-size: 12px;
}