/* 
- Dropdown, Combobox & AutoComplete
- Table
- Grid
    Grid Paging
    Grid Grouping
    Grid loading
    Grid Id customisations inherited from the 2012 design
    Telerik 2012 Grid Rules renamed
- Telerik paging & status styles
- Tapstrip
- Window
- File Downloading Window
- Header Navigation Menu
- Datepicker
*/

/* Dropdown, Combobox & AutoComplete
-------------------------------------------------------------- */
.k-dropdown{width:auto;-moz-border-radius:3px;border-radius:3px;cursor:pointer;position:relative;}
.k-dropdown .a-state-disabled, .k-dropdown .k-state-disabled .k-select{opacity:0.5;}
.k-state-disabled input, .k-state-disabled span.k-input, .k-state-disabled .k-dropdown-wrap .k-select{background:#F4F4F4; color:#808080;opacity:0.5;}
.k-dropdown-wrap {border:0;padding-right:30px;}
.k-dropdown .k-select{position:absolute;top:0;right:0;height:24px;border:none; width:30px;}
.k-dropdown .k-icon{background: url("../Img/Sprites/Icons02.png") no-repeat 0 -118px;width:26px;height:24px;margin-left:5px;margin-top:0;border-radius:0 3px 3px 0;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;}
.k-dropdown .k-input{display:block; padding:4px 0 4px 7px;}
.k-group {border:1px solid #ccc;margin-top:5px !important;-moz-border-radius:3px;border-radius:3px;box-shadow:none;}
.k-group ul {cursor:pointer;background-color:#fff;}
.k-group .k-item {padding:5px;}
.k-group .k-state-selected {background-color:#e3e3e3;font-weight:bold;}
.k-group .k-item:hover {background-color:#ededed;}

/* Table
-------------------------------------------------------------- */
.k-table-md {
    font-size: 12px;
}

/* Grid 
-------------------------------------------------------------- */
.k-grid a { color: #666; }
.k-grid a:hover { color: #B33F90; }
.k-table-row { color: #666; }
.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover { background-color: #e8ecef; }
.k-grid td { line-height: 1.6em; }
.k-table-td { border: 0; }
.k-grid, .k-grid td, .k-grid .k-table-td { border: 0; }
.k-grid .k-grid-header tr th.k-header { border-width: 0 0 1px 0; border-color: #ccc; }
.k-table-th { border-style: solid; border-width: 0 0 1px 0; border-color: #ccc; }

.k-table-md .k-table-td { padding: 0.5em; }

.k-grid .k-grid-header .k-table-th {
    padding: .3em .6em;
    vertical-align: middle;
    padding-block: 6.6px;
}

.k-grid-norecords {
    justify-content: center;
    color: gray;
    background-color: #e8ecef;
    padding: 0.5em;
    line-height: 1.6em;
    font-size: 12px;
}
#DocumentsGrid .k-grid-norecords { width: auto; }
#HoldingsGrid td:nth-child(2) { padding-left: 8px; }
#HoldingsGrid tr.k-footer-template { border-top: 2px solid #8a8181; }

#PaymentHistoryGrid.k-grid {
    padding-bottom: 0;
}


.pdf-export-no-records {
    display: none;
}

/* Grid Paging
-------------------------------------------------------------- */
.k-pager-numbers-wrap { margin-left: auto; }
.k-grid-pager { border: 0; background: none; }
.k-button-flat {
    color: #666;
    font-weight: bold;
    border-radius: 2px;
    padding: 0 4px;

}
.k-button-flat:hover { color: #B33F90; }
.k-button::before { background: none; }
.k-pager-numbers .k-selected {
    color: #76175a;
    background: #e2e1e1 !important; /* The telerik rule has !important in it... */
}

.k-icon.k-svg-icon.k-svg-i-caret-alt-to-left.k-button-icon { display: none; }
.k-icon.k-svg-icon.k-svg-i-caret-alt-to-right.k-button-icon { display: none; }

.k-button.k-disabled .k-svg-i-caret-alt-left {
    color: gray;
}
.k-button.k-disabled .k-svg-i-caret-alt-right { color: gray; }
.k-svg-i-caret-alt-left { color: #642c52; }
.k-svg-i-caret-alt-right { color: #642c52; }

.k-pager-md .k-pager-numbers-wrap .k-button { min-width: 0; }
.k-button-md.k-icon-button { padding: 0; }


/* Grid Grouping
-------------------------------------------------------------- */
.k-group-cell {
    display: none;
}
.k-grid .k-grouping-row { background-color: #ffffff; }
.k-grid .k-grouping-row .k-table-td { color: #666; background-color: #ffffff; }
.k-group-footer { background-color: #ffffff; }
.k-group-footer td { color: #666; background-color: #ffffff; font-weight: normal; }
.k-table-td .k-reset .k-svg-i-caret-alt-down { display:none; }

/* Grid loading
-------------------------------------------------------------- */
#PaymentHistoryGrid.k-grid .k-no-data.k-table-row,
#HoldingsGrid.k-grid .k-no-data.k-table-row,
#TransactionHistoryGrid.k-grid .k-no-data.k-table-row {
    display: none;
}

.k-grid .k-no-data.k-table-row {
    display: table-row;
    text-align: center;
}

.k-loading-mask {
    display: none;
}

/* Grid Id customisations inherited from the 2012 design
------------------------------------------------------------- */
#HoldingsGrid .k-grid-norecords, #TransactionHistoryGrid .k-grid-norecords {
    border: 1px solid #ccc;
    border-top: none;
    width: auto;
}
#DocumentsGrid .k-grid-norecords {
    border: 1px solid #ccc;
    border-top: none;
}
#HoldingsGrid, #TransactionHistoryGrid {
    padding-left: 1px; /* Without this, table is cut off in Firefox */
    padding-right: 1px; /* Without this, table is cut off in Chrome */
}


/* Telerik 2012 Grid Rules renamed
-------------------------------------------------------------- */
.k-grid {
    border: 0;
    padding-bottom: 5px;
    overflow: hidden;
}
.k-grid .k-grid-header th.action {width:120px;}
.k-grid .k-grid-header th.action, .k-grid td.action {text-align:right;white-space:nowrap;}
.k-grid .k-lask-header, .k-grid .k-last {padding-right:0;}
.k-grid .k-last a{margin-right:0;}
.k-grid th.k-header {font-weight:bold;}
.k-grid .k-link .k-icon {background:url("../Img/Sprites/Icons02.png") no-repeat;}
.k-grid-header .k-header .k-link {height:auto; padding:3px 0; margin:0;}
.k-grid .k-header .k-link .k-icon {background-position: -21px -216px;width:8px;height:5px;margin:0 0 2px 5px;}
.k-grid .k-header .k-link .k-arrow-down {background-position:-21px -221px;}
.k-grid td {border:0;padding:0.5em; overflow:visible;}
.k-grid td span.arrow {vertical-align:baseline;}
.k-grid .k-link .k-arrow-prev, .k-grid .k-link .k-arrow-first {background-position: 0 -556px;}
.k-grid .k-link .k-arrow-next, .k-grid .k-link .k-arrow-last {background-position: -8px -556px;}
.k-grid .k-header span.k-link {cursor:text; padding-right:0; margin-right:0}
.k-grid .k-state-disabled .k-arrow-prev, .k-grid .k-state-disabled .k-arrow-first {background-position: -16px -556px;}
.k-grid .k-state-disabled .k-arrow-next, .k-grid .k-state-disabled .k-arrow-last {background-position: -24px -556px;}
.k-grid .k-status-text {float:left;font-size:0.9em;}
.k-grid .k-status {
    border: 0;
    width: 375px;
    font-size: 0.9em;
    line-height:1.3em;
}

.k-grid td:first-child, .k-grid th:first-child {
    padding-left: 8px;
    padding-right: 8px;
}
.k-grid th.k-hierarchy-cell, .k-grid td.k-hierarchy-cell {padding-right:0; width:16px;}
.k-grid .k-detail-cell {padding:0;}
.k-grid .k-detail-cell .dialog{margin-top:6px; max-width:655px;}
.k-grid .k-hierarchy-col {width:auto;}
.k-grid .k-plus, .k-grid .k-minus, .plus, .minus {background:url("../Img/Sprites/Icons02.png") no-repeat 0 -73px;display:inline-block;height:16px;width:16px;}
.k-grid .k-minus, .minus {background-position:0 -91px;}
.k-grid-simple .k-numeric a{display:none;}
.k-grid-edit-row input[type=text] {width:auto;padding:2px auto;margin:-2px auto;}
.k-grid .field-validation-error {margin:auto;}
td.numeric, th.numeric, th.k-header.numeric, td.date, th.date, th.k-header.date {text-align:right; padding-right:.5em;}
.k-grid table td a.cancel-button, .k-grid table td a.remove-button, .k-grid table td a.cancel-button:hover, .k-grid table td a.remove-button:hover {margin-right:.5em;}
.k-grid-edit-row .field-validation-error span {
    position: absolute;
    margin-top: -40px;
    margin-left: -67px;
    z-index: 500;
    text-align: left;
    max-width: 350px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000000;
}
.grid-height{height:60px;}

.k-footer-template td {
    background-color: #FFFFFF;
    font-weight: bold;
}

/* Telerik paging & status styles */
.k-icon,.k-sprite,.k-editor-button .k-tool-icon{display:inline-block;width:16px;height:16px;overflow:hidden;font-size:0;line-height:0;text-indent:-3333px;text-align:center;vertical-align:middle}
.k-image{border:0}
.k-status-text{float:right;margin-right:.2em}
.k-numeric .k-state-active,.k-numeric .k-state-hover{padding:0 4px;line-height:20px}
.k-alt td {background-color: #FFFFFF;}
.k-grid tr {background-color: #e8ecef;}
.k-grid .k-header {background-color: #FFFFFF;}


/* Tapstrip
---------------------------------------------------------------*/
.k-tabstrip {
    font-size: 12px;
    line-height: normal;
}

.k-widget .k-tabstrip .k-header {
    display: none;
}

.table-footer-status {
    width: 375px;
    text-wrap: auto;
    font-size: 10.8px;
    line-height: 1.3em;
    color: #666;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
    color: #666;
    padding-block: 3.6px;
    padding-inline: 12px;
    border-color: #CCCCCC;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-width: 1px !important;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper {
    border-bottom-width: 0px;
}


.k-tabstrip-items-wrapper .k-item {
    color: rgb(128, 128, 128);
}

.k-tabstrip-items .k-item span.k-link {
    font-weight: bold;
    padding: 3.6px 10.8px !important;
}

.k-tabstrip-items .k-tabstrip-item:hover {
    color: #B33F90;
}

.k-tabstrip-items .k-tabstrip-item.k-active:hover {
    color: rgb(51, 51, 51);
}

.k-tabstrip-items .k-item {
    border-color: #CCCCCC !important;
    margin-right: 3.6px;
}

.k-tabstrip-content:focus {
    outline: none;
}

/* Window
-------------------------------------------------------------- */
.k-window {
    border-radius: 15px;
    transform: scale(0.91) !important;
}
.k-window:focus {
    box-shadow: none;
}
div.k-window, div.k-window-content {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.k-window-titlebar { display: none; }
#SessionWindow { padding: 0; }
.popup { margin: 0; }

/* File Downloading Window
-------------------------------------------------------------- */
#downloadingWindow.k-window-content { padding: 0; }

/* Header Navigation Menu
-------------------------------------------------------------- */
.k-menu-bar { box-sizing: content-box; }
.k-menu { box-sizing: content-box; }
.k-menu * { box-sizing: content-box; }
.k-menu-link-text { font-size: 14.4px; }
.k-link.k-menu-link { padding: 18px 14px 2px 14px; }

/* Datepicker
--------------------------------------------------------------*/
.k-calendar .k-header {
    background: none;
    border-bottom: 0;
    box-shadow: none;
}

.k-calendar-th {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0.08)
}

.k-calendar .k-calendar-td.k-selected .k-link {
    background-color: transparent;
}
.k-calendar .k-calendar-td .k-link {
    font-weight: bold;
}

.k-calendar .k-calendar-td.k-selected.k-focus .k-link {
    color: #3d3d3d;
}

.k-calendar .k-calendar-td.k-selected:hover .k-link {
    background-color: transparent;
    color: #b33f90;
}

.k-calendar .k-calendar-td:hover .k-link {
    background-color: transparent;
}
.k-calendar .k-calendar-td:hover .k-link:hover {
    color: #b33f90;
    background-color: transparent;
}

.k-calendar .k-calendar-view .k-today {
    color: #3d3d3d;
}