/* User Tree View - keep color dark otherwise kendo focsed status changes text to white while bootstrap leaves bg white*/
.k-widget.k-treeview {
    color: #222;
}
/*  PANELS */

/*#uatp .panel-body {
padding: 3%;}*/

/* Product Access & Modules page*/
#formIssuerAdminStep3 .panel-body {
padding: 1%;
}
/* reduce padding of the modules table in Products & Permissions*/
#uatp .div-modules-owner .panel-body,
#formIssuerAdminStep3 .panel-body
/*#formEditIssuerAdminProducts .panel-body*/ {
padding: 1% 0;
}

/* ***************************************************** FORMS   *****     */

/* Fix issues of bootstrap form-control class with Kendo UI widgets. restrict .k-widget below, don't include k-tooltip-validation, k-tooltip     this prevents hover color on multiselects   */
#uatp .form-control.k-widget:not(.k-autocomplete) { border-width: 0; }

#uatp .form-control.k-widget.k-multiselect { /* allows dropdowns to display and pushes lower content down*/
    padding: 0;
    width: 100%;
    /*height: auto;   this is making multiselects less high than other input boxes*/
}
#uatp .form-group .k-widget:not(k-tooltip-validation):not(.k-editor-widget),
.form-group .k-textbox, 
#uatp .form-group .form-control 
{    width: 100%;} 

/*   set to same as bootstrap .form-control 34px.   remove this rule from kendo.custom.min.css, line 24  firefox bug??  */
#uatp .k-ff input.form-control,
#uatp input.form-control,
#uatp .k-multiselect-wrap {
    height: 34px;
}

/* over-ride bootstrap putting 100% width on child elements in multiselect    */
#uatp .k-picker-wrap {
    padding-right:34px;
}

/*. over-ride Kendo setting width on calendar icon wrapper as we made it larger    */
 #uatp .k-picker-wrap .k-select {
    width: inherit;
}

/* calendar icon to fit */
#uatp  .k-datepicker .k-picker-wrap,
#uatp  .k-datepicker .k-picker-wrap input.form-control   {
    height: inherit;
}

/* the wrapper for the calendar icon  - changed pos from abs but now fix width inside its k-picker-wrap wrapper     */
#uatp .k-datepicker .k-picker-wrap .k-select {      
    min-width:34px; 
    border-left: none; 
}

.k-input,  textarea.k-textbox, 
.k-picker-wrap.k-state-default .k-input,
.k-textbox, input.k-textbox, .k-textbox > input, 
.k-dropdown-wrap.k-state-default, 
span.k-widget.k-dropdown.k-header.k-textbox,
#uatp .k-header.k-dropdown,
#uatp .k-widget.k-multiselect.k-header .k-multiselect-wrap, 
 .k-multiselect.k-header,  /* match border on selects to bg color .form-control.k-datepicker, */
#uatp .k-multiselect.k-header.form-control .k-multiselect-wrap.k-floatwrap 
{     
  background-color:#eeeeee  ;
  border-color: #eeeeee;
}
#uatp .k-picker-wrap  {     
  background-color:#eeeeee  ;
  border-color: #eeeeee;
}

/* HOVER add grey */
    #uatp input:hover,
    #uatp .k-multiselect.k-header.k-state-hover, 
    #uatp input.k-state-hover, #uatp select.k-state-hover,
    #uatp .form-control:hover,
    input.k-textbox:hover, textarea.k-textbox:hover     {
border-color:  #838383;
box-shadow:  0 0 0 0  rgba(131, 131, 131, 1);
    }

/*  FOCUS change color to grey  */
#uatp .k-state-focussed,
#uatp .form-control:focus ,
#uatp .k-textbox:focus, #uatp .k-autocomplete.k-state-focused, #uatp .k-picker-wrap.k-state-focused,
#uatp .k-numeric-wrap.k-state-focused,#uatp .k-dropdown-wrap.k-state-focused,#uatp .k-multiselect.k-header.k-state-focused {
        border-color:  #838383;
        box-shadow:  0 0 3px 0  rgba(131, 131, 131, 1);
        background-color: #fff;       
    }
#uatp .k-multiselect:not(.k-state-border-down):not(.k-state-border-up) {
box-shadow: none; 
border-bottom: none;}

/*  remove line inside multiselects in Groups, Merchants on TransSearch*/
.k-multi-select-wrap {
    box-shadow:none;
}

/* dropdown lists, seperating line*/
.k-list-scroller .k-list .k-item {
    border-bottom-color: #e6e6e6;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left: none;
    border-right: none;
    border-top: none;
}

/* resize k-dropdown to fit width of content to avoid wrapping  
.k-dropdown {
    width: auto;
}
.k-list-container {
    width: auto !important;
}
.k-list-container .k-list .k-item {
    white-space: nowrap;
}
*/
/*#uatp #ts .k-multiselect-wrap  { width: auto; }
#uatp #ts .k-list-container {       
        width: auto! important;
        overflow-x: hidden !important;
        min-width:250px !important;
}
#uatp #ts .k-list-container .k-list    {
        overflow-x: hidden !important;       
        overflow-y: auto !important;
        width:auto !important;
    }

#uatp #ts .k-list-container .k-list .k-item {    
    white-space: nowrap;
}*/

/*  a full width input box on k-textbox */
.wide-full {
    width: 100%;
}

/*  a full width input box on k-textbox in cases when we use tooltip */
.wide-full-with-tooltip {
    width: 90%;
}

 /*  remove kendo calendar */
#uatp .k-i-calendar::before {
    content: " ";
}
/* add cal image */
#uatp .k-datepicker.k-header .k-picker-wrap.k-state-hover .k-i-calendar, 
#uatp .k-input:hover .k-i-calendar, 
#uatp .k-icon.k-i-calendar,
#uatp .form-control.k-icon.k-i-calendar {
    /*background-image: url('../images/svg/calendar_icon.svg') !important;    */
    background-image: url('/Content/uatp/images/calendar.png') !important;
    background-position: left center ;  
    background-color:transparent; 
    width: 32px;
    height: 32px;
    position:static; 
    margin:0; 
}
#uatp .k-datepicker.k-header .k-picker-wrap.k-state-hover .k-icon.k-i-calendar, 
    #uatp .k-icon.k-i-calendar:hover {
        /*background-image: url('../images/svg/calendar_icon.svg') !important;    */
        background-image: url('/Content/uatp/images/calendar.png') !important;
   background-color:transparent; 
         background-position: left center ;
        width: 30px;
        height: 30px;
         position:static; 
    margin:0; 
    }

#uatp .k-picker-wrap::before {
    padding-bottom: 0;
    /* kendo is setting content=" " */
}

.k-datepicker.k-header.form-control span.k-select {
    background-color: #fff;
    border-bottom-color: #fff;
    border-right-color:#fff;
    border-left-color: #fff;
    border-top-color: #eee;  
    text-align: left; 
}

.k-datepicker .k-picker-wrap.k-state-default {
    background-color: #fff;
}
/*.k-picker-wrap:hover {
    position: initial;
}*/

/* GRID k-grid moved to Main.css */

/*   ***************************************************     TAB STRIPS  *********** */

/*  tabstrip headings */
.k-tabstrip-items .k-state-default .k-link {
color: #fff;
}
.k-tabstrip-items .k-state-default  {
    background-color: #777;
    border-color: #eee;
}
.k-tabstrip-items .k-state-active .k-link {
    color: #333;
}

.k-tabstrip-items .k-state-hover .k-link {
color: #333;
}
.k-tabstrip-items .k-state-hover  {
    background-color: #fff;
}

/* space for the Admin forms. add to tabstrip submenu  */
.k-tabstrip .user-form  {
    padding: 5%;
}

.k-tabstrip .access-range  {
    padding-top: 3%;
    padding-bottom:3%;
}

/* select items */
.k-list .k-item {
    padding: 0 4px;
    border-width: 1px;
    border-style: solid;
    border-color:#E6E6E6;
}
/* end select items */

/* Fix kendo calendar height */
.k-calendar table tr td {
    height:30px;
}
/* end Fix kendo calendar height */

.k-grid td.k-state-selected, .k-grid tr.k-state-selected {
    background-color: gray;
    background-image: none;
}

.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover {
    background-color: gray;
    background-image: none;
}