form.k-popup { width: auto !important; height: auto !important; font-size: 12.8px !important; }

.k-dialog { font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
.k-dialog-title { margin-left: 5px; }
.k-dialog-buttongroup .k-button { width: 70px!important; margin-right: 10px; }
.k-dialog-buttongroup{ float:right; padding-bottom: 10px!important; }
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched { width: auto !important; }
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button { padding: .2em 0 .2em 0 !important; border-radius: 5px !important; border-width: 1px 1px 1px 1px !important; }

.k-split-container .k-state-disabled { border: none;}
.k-split-container .k-state-disabled:hover { border: none;  text-decoration: none; color: #515967 !important; background-color:none !important}

.k-primary.k-state-focused {background-color: #1a87cd ; box-shadow:inset 0px 0px 3px 1px #bebec3 !important}

.dv-toolbar .k-button:focus { border: 0px;  background-color: #f3f3f4; background-image: none !important; box-shadow: none !important; }
.k-dialog-buttongroup .k-primary:focus  {  background-color: #1a87cd ; box-shadow:inset 0px 0px 3px 1px #bebec3 !important}
.k-dialog-buttongroup .k-primary:hover  {  color: #ffffff; background-color: #1f83ff;}
.k-alert .k-dialog-buttongroup .k-button {  background-color: #2198e3 ; color: #ffffff; border-color:#177bba !important;}
.k-alert .k-dialog-buttongroup .k-button:hover{  color: #ffffff; background-color: #1f83ff;}

.k-button.k-state-hover, .k-button:hover { color: #ffffff; background-color: #1f83ff; }
a.k-button:hover { text-decoration: none; color: #ffffff !important; background-color: #1984c8; border-color: #1a87cd; }

a.k-button:hover .k-icon {color: white !important}
a.k-button.k-state-disabled, a.k-button.k-state-disabled:hover, a.k-button.k-state-disabled span.k-icon, a.k-button.k-state-disabled span.k-icon:hover {
    color: #cbcbcf !important;
}


.k-grid-norecords { height: 98%; vertical-align: middle; }
.k-grid-norecords-template { position: absolute !important; margin-left: -10em !important; margin-top: -2em !important; height:auto; line-height: 2em!important; }

.k-state-active { text-decoration: none; color: #515967; }
#showColumn .k-state-active { background-color: inherit !important; }
.k-grid-header th:last-child { border-right: 1px solid #ceced2 !important; }
.k-grid-header th.k-header > .k-link { display:inline !important; }
.k-grid-header th.k-with-icon .k-link { margin-right: 0px !important; }

.k-button:link, .k-button:visited { color: #515967; }
a.k-link:link, a.k-link:visited { font-size: 12.8px;  font-weight: 600; color: #505968; }
span.k-link { font-size: 12.8px;  font-weight: 600; color: #505968; }

.k-split-button:focus { border: 0px; background-color: #f3f3f4; background-image: none !important; box-shadow: none !important; }
.k-split-button:focus .k-button:hover { background-color: #1984c8; border-color: #1a87cd; background-image: none,linear-gradient(to bottom,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 100%); }

.k-toolbar a.k-button { padding-top: 3px; }
.k-toolbar a.k-button span.k-icon { margin-left: 0px; margin-right: 3px; width: 19px; }

.k-grid-header .k-state-active .k-i-filter { color: #1F83FF !important; }
.k-grouping-header .k-i-sort-asc-sm { color: #1F83FF !important; }
.k-grouping-header .k-i-sort-desc-sm { color: #1F83FF !important; }
.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm { color: #1F83FF !important; }

a.k-split-button-arrow.tb-more { border-radius: 4px !important; }

#searchTabs .k-i-edit:hover{ color:#cccccc !important; }
#searchTabs .k-i-check:hover{ color:#cccccc !important; }
#searchTabs .k-i-close:hover{ color:#cccccc !important; }
#search_name { width: 100% !important; }

.k-filter-menu .k-multicheck-wrap .fixed-checkall {
    display: block !important;
}

.k-window-title { right: 4em; min-width:40px; }

.d-toolbar .k-toolbar .k-button-icon { 
    padding: 0; 
}
.d-toolbar .k-toolbar .k-button span.k-icon {
    color: #d7d8da;
}

.k-splitbar > .k-icon {
    z-index: 99;
}

/*.k-multiselect-wrap .k-select {
    position: relative;
}*/

/*fix the issue of kendoMaskedTextBox(version 2017): k-i-warning icon display with kendoMaskedTextBox
    the fix is the original code from kendo library( Kendo UI v2019.2.619 )
*/

.k-maskedtextbox .k-i-warning {
    display: none;
    position: absolute;
    width: 2em;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}