.jqx-widget-arctic, .jqx-widget-header-arctic, .jqx-fill-state-normal-arctic,
.jqx-widget-content-arctic, .jqx-fill-state-hover-arctic, .jqx-fill-state-pressed-arctic {
    /*-webkit-transition: box-shadow linear 0.2s;
    -moz-transition: box-shadow linear 0.1s;
    -o-transition: box-shadow linear 0.1s;
    transition: box-shadow linear 0.1s;*/
}

.jqx-widget-content-arctic {
    background-color: #ffffff;
    border-color: #ebebeb;
}

.jqx-widget-header-arctic {
    color: #4e4d4d;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
   	background-color:#f0f0f0; 
   	background:#f0f0f0;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#eaeaea));
	background:-moz-linear-gradient(100% 100% 90deg, #eaeaea, #f8f8f8);
	background:-ms-linear-gradient(top, #f8f8f8 0%,#eaeaea 100%);
	background:linear-gradient(top, #f8f8f8 0%,#eaeaea 100%);	
    border-color:#f7f7f7;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.jqx-button-arctic, .jqx-fill-state-normal-arctic  {
    color: #4e4d4d;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 	background:#ffffff;
	/*background:-webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#eaeaea));
	background:-moz-linear-gradient(100% 100% 90deg, #eaeaea, #f8f8f8);
	background:-ms-linear-gradient(top, #f8f8f8 0%,#eaeaea 100%);
	background:linear-gradient(top, #f8f8f8 0%,#eaeaea 100%);*/	
    border-color: #e5e4e4;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.jqx-fill-state-hover-arctic {
    /*text-shadow: 0 1px 0 rgb(240, 240, 240);
    border: 1px solid #cccccc  ;

    color: black;
    background-color: #f0f0f0;
    background-image: linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -moz-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -o-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);*/
    /*box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
    -webkit-box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
    -moz-box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;*/
}
.jqx-fill-state-pressed-arctic {
    color: #4e4d4d; 
    background-color: #ffffff; /*border: 1px solid #706e6e*/  ;
    *background-color: #d9d9d9;
}

.jqx-fill-state-hover-arctic, .jqx-fill-state-focus-arctic {
    color: #4e4d4d;
    text-decoration: none;
}

.jqx-fill-state-pressed-arctic {
    background-image: none;
 border-color: #ebebeb;
    /*-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);*/
}

.jqx-grid-cell-arctic {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.jqx-grid-column-menubutton-arctic {
    background-color: transparent;
    border-color: #e4e5e5;
}

.jqx-calendar-row-header-arctic, .jqx-calendar-top-left-header-arctic {
    background-color: #f0f0f0;
    border: 0px solid #f2f2f2;
}

.jqx-calendar-column-header-arctic {
    background-color: #FFF;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #e9e9e9;
}

.jqx-expander-header-arctic {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  	background:#f0f0f0;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#eaeaea));
	background:-moz-linear-gradient(100% 100% 90deg, #eaeaea, #f8f8f8);
	background:-ms-linear-gradient(top, #f8f8f8 0%,#eaeaea 100%);
	background:linear-gradient(top, #f8f8f8 0%,#eaeaea 100%);	
    border-color:#cccccc;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.jqx-ribbon-header-vertical-arctic, .jqx-widget-header-vertical-arctic {
	background:#f0f0f0;
	background:-ms-linear-gradient(left, #f8f8f8 0%,#eaeaea 100%);
	background:linear-gradient(left, #f8f8f8 0%,#eaeaea 100%);	
}

.jqx-scrollbar-state-normal-arctic {
    background-color: #ebebeb;
    /*border: 1px solid #f8f8f8;*/
}

.jqx-scrollbar-thumb-state-normal-arctic, .jqx-scrollbar-thumb-state-normal-horizontal-arctic {
    background: #c3c3c3;
    /*border-color: #b3b3b3;*/
}

.jqx-scrollbar-thumb-state-hover-arctic, .jqx-scrollbar-thumb-state-hover-horizontal-arctic {
    background: #b2b1b1;
    /*border-color: #b3b3b3;*/
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.jqx-progressbar-arctic {
    background: #f7f7f7 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.jqx-progressbar-value-arctic, .jqx-splitter-collapse-button-horizontal-arctic {
    background-color: #0081c2;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #149bdf, #0480be);
}

.jqx-splitter-collapse-button-vertical-arctic, .jqx-progressbar-value-vertical-arctic {
    background-color: #0081c2;
    background-repeat: repeat-x;
    background-image: linear-gradient(to right, #149bdf, #0480be);
}

.jqx-scrollbar-thumb-state-pressed-arctic, .jqx-splitter-splitbar-vertical-arctic, .jqx-splitter-splitbar-horizontal-arctic, .jqx-scrollbar-thumb-state-pressed-horizontal-arctic {
    background: #d9d9d9;
    border-color: #b3b3b3;
     box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.jqx-grid-column-sortdescbutton-arctic, jqx-grid-column-filterbutton-arctic, .jqx-grid-column-sortascbutton-arctic {
    background-color: transparent;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #cccccc;
}

.jqx-slider-rangebar-arctic {
    background: #cccccc;
}

.jqx-menu-vertical-arctic {
    background: #ffffff;
    filter: none;
}

.jqx-checkbox-check-checked-arctic {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAcklEQVQY02NgwA/YoJgoEA/Es4DYgJBCJSBeD8SboRinBiYg7kZS2IosyQ/Eakh8LySFq4FYHFlxGRBvBOJYqMRqJMU+yApNkSRAeC0Sux3dfSCTetE0wKyXxOWhMKhTYIr9CAUXyJMzgLgBagBBgDPGAI2LGdNt0T1AAAAAAElFTkSuQmCC');
}
.jqx-checkbox-hover {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.jqx-combobox-content-arctic, .jqx-input-arctic {
}

.jqx-combobox-content-arctic {
    border-color: #cccccc;
    border-color: rgba(0, 0, 0, 0.25);
}

.jqx-grid-bottomright-arctic, .jqx-panel-bottomright-arctic, .jqx-listbox-bottomright-arctic {
    background-color: #efefef;
}

.jqx-window-arctic, .jqx-tooltip-arctic {
    box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
}

.jqx-docking-arctic .jqx-window-arctic {
    box-shadow: none;
}

.jqx-docking-panel-arctic .jqx-window-arctic {
    box-shadow: none;
}

.jqx-radiobutton-arctic {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background-repeat: no-repeat;
    background: none;
}

.jqx-radiobutton-arctic-arctic, .jqx-radiobutton-hover-arctic {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-repeat: no-repeat;
}

.jqx-radiobutton-check-checked-arctic {
    filter: none;
    background: #666;
    background-repeat: no-repeat;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;border:1px solid #999;
}

.jqx-radiobutton-check-indeterminate-arctic {
    filter: none;
    background: #999;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;border:1px solid #999;
}

.jqx-radiobutton-check-indeterminate-disabled-arctic {
    filter: none;
    background: #999;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.jqx-slider-track-horizontal-arctic, .jqx-slider-track-vertical-arctic {
    border-color: #cccccc;
    background: #f0f0f0;
}

.jqx-slider-button-arctic {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

/*applied to a list item when the item is selected.*/
.jqx-listitem-state-hover-arctic, .jqx-menu-item-hover-arctic, .jqx-tree-item-hover-arctic, .jqx-calendar-cell-hover-arctic, .jqx-grid-cell-hover-arctic,
.jqx-menu-vertical-arctic .jqx-menu-item-top-hover-arctic, .jqx-input-popup-arctic .jqx-fill-state-hover-arctic,
.jqx-input-popup-arctic .jqx-fill-state-pressed-arctic {
    color: #ffffff !important;
    /*border-color: #316293 #316293 #29547E !important;*/
    text-decoration: none;
    background-color: #0081c2;
    background-repeat: repeat-x;
    outline: 0;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
    background: #2f7eb6; /* Old browsers */
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-position: 0 0;
}

.jqx-listitem-state-selected-arctic, .jqx-menu-item-selected-arctic, .jqx-tree-item-selected-arctic, .jqx-calendar-cell-selected-arctic, .jqx-grid-cell-selected-arctic,
.jqx-menu-vertical-arctic .jqx-menu-item-top-selected-arctic, .jqx-grid-selectionarea-arctic, .jqx-input-button-header-arctic, .jqx-input-button-innerHeader-arctic {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #003399;
    *background-color: #003399;
    background-repeat: repeat-x;
    border-color: #316293 #316293 #29547E !important;
    background: #356aa0; /* Old browsers */
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.jqx-grid-cell-arctic .jqx-button-arctic, .jqx-grid-cell-arctic .jqx-button-arctic.jqx-fill-state-hover-arctic, .jqx-grid-cell-arctic .jqx-button-arctic.jqx-fill-state-pressed-arctic {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
   -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.jqx-popup-arctic {
    border: 1px solid #ccc;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
    border-radius: 8px!important;
}
.jqx-grid-column-sortascbutton-arctic, .jqx-expander-arrow-bottom-arctic, .jqx-window-collapse-button-arctic, .jqx-menu-item-arrow-up-arctic, .jqx-menu-item-arrow-up-selected-arctic, .jqx-menu-item-arrow-top-up-arctic, .jqx-icon-arrow-up-arctic, .jqx-icon-arrow-up-hover-arctic, .jqx-icon-arrow-up-selected-arctic {
    background-image: url('jqx-images/icon-up.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-widget-arctic .jqx-grid-group-expand-arctic, .jqx-grid-group-expand-arctic, .jqx-grid-column-menubutton-arctic, .jqx-grid-column-sortdescbutton-arctic, .jqx-expander-arrow-top-arctic, .jqx-window-collapse-button-collapsed-arctic, .jqx-menu-item-arrow-down-arctic, .jqx-menu-item-arrow-down-selected-arctic, .jqx-menu-item-arrow-down-arctic, .jqx-icon-arrow-down-arctic, .jqx-icon-arrow-down-hover-arctic, .jqx-icon-arrow-down-selected-arctic {
    background-image: url('jqx-images/icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-tabs-arrow-left-arctic, .jqx-menu-item-arrow-left-selected-arctic, .jqx-menu-item-arrow-top-left, .jqx-icon-arrow-left-arctic, .jqx-icon-arrow-down-left-arctic, .jqx-icon-arrow-left-selected-arctic {
    background-image: url('jqx-images/icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-widget-arctic .jqx-grid-group-collapse-arctic, .jqx-grid-group-collapse-arctic, .jqx-tabs-arrow-right-arctic, .jqx-menu-item-arrow-right-selected-arctic, .jqx-menu-item-arrow-top-right-arctic, .jqx-icon-arrow-right-arctic, .jqx-icon-arrow-right-hover-arctic, .jqx-icon-arrow-right-selected-arctic {
    background-image: url('jqx-images/icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-tree-item-arrow-collapse-rtl-arctic, .jqx-tree-item-arrow-collapse-hover-rtl-arctic {
    background-image: url(jqx-images/icon-left.png);
}

.jqx-menu-item-arrow-left-selected-arctic {
    background-image: url('jqx-images/icon-left-white.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-menu-item-arrow-right-selected-arctic {
    background-image: url('jqx-images/icon-right-white.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-input-button-content-arctic {
    font-size: 10px;
}
.jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {border-color: #eaeaea;}
.jqx-combobox-content-arctic, .jqx-input-arctic {
  border-color: #e3dbdb!important;
    /*box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;*/
    color: #555555;
    background-color: #ffffff;
    /*-webkit-box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;;
    -moz-box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;;*/
}

.jqx-combobox-content-arctic, .jqx-combobox-arctic, .jqx-combobox-state-normal-arctic {
    border-color: #e3dbdb!important;
    /*box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;*/
}


.jqx-combobox-content-focus-arctic, .jqx-combobox-state-focus-arctic, .jqx-fill-state-focus-arctic,
.jqx-numberinput-focus-arctic {
    outline: none;
    border-color: #959595;
}


input[type="text"].jqx-input-arctic, input[type="password"].jqx-input-arctic, input[type="text"].jqx-widget-content-arctic, input[type="textarea"].jqx-widget-content-arctic, textarea.jqx-input-arctic {
    padding-left: 0px !important;
}

input[type="text"].jqx-input-arctic:-moz-placeholder, input[type="text"].jqx-widget-content-arctic:-moz-placeholder, input[type="textarea"].jqx-widget-content-arctic:-moz-placeholder, textarea.jqx-input-arctic:-moz-placeholder {
    color: #999999;
}

input[type="text"].jqx-input-arctic:-webkit-input-placeholder, input[type="text"].jqx-widget-content-arctic:-webkit-input-placeholder, input[type="textarea"].jqx-widget-content-arctic:-webkit-input-placeholder, textarea.jqx-input-arctic:-webkit-input-placeholder {
    color: #999999;
}

input[type="text"].jqx-input-arctic:-ms-input-placeholder, input[type="text"].jqx-widget-content-arctic:-ms-input-placeholder, input[type="textarea"].jqx-widget-content-arctic:-ms-input-placeholder, textarea.jqx-input-arctic:-ms-input-placeholder {
    color: #999999;
}

.jqx-slider-rangebar-arctic {
    border-color: #0081c2;
    background: #0081c2;
}

.jqx-grid-cell-arctic.jqx-grid-cell-selected-arctic>.jqx-grid-group-expand-arctic,
.jqx-grid-cell-arctic.jqx-grid-cell-hover-arctic>.jqx-grid-group-expand-arctic {
    background-image: url('jqx-images/icon-down-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-arctic.jqx-grid-cell-selected-arctic>.jqx-grid-group-collapse-arctic,
.jqx-grid-cell-arctic.jqx-grid-cell-hover-arctic>.jqx-grid-group-collapse-arctic {
    background-image: url('jqx-images/icon-right-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-arctic.jqx-grid-cell-selected-arctic>.jqx-grid-group-collapse-rtl-arctic,
.jqx-grid-cell-arctic.jqx-grid-cell-hover-arctic>.jqx-grid-group-collapse-rtl-arctic {
    background-image: url('jqx-images/icon-left-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-arctic.jqx-grid-cell-selected-arctic>.jqx-grid-group-expand-rtl-arctic,
.jqx-grid-cell-arctic.jqx-grid-cell-hover-arctic>.jqx-grid-group-expand-rtl-arctic {
    background-image: url('jqx-images/icon-down-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tabs-title-selected-top-arctic, .jqx-tabs-selection-tracker-top-arctic {
    border-color: #CCCCCC;
    border-bottom: 1px solid #fff;
    text-shadow: 0 1px 0 #f2f2f2;
    filter: none;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.jqx-tabs-title-selected-bottom-arctic, .jqx-tabs-selection-tracker-bottom-arctic {
    border-color: #CCCCCC;
    border-top: 1px solid #fff;
    text-shadow: 0 1px 0 #f2f2f2;
    filter: none;
    background: #fff;
   -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.jqx-tabs-title-hover-top-arctic, .jqx-tabs-title-hover-bottom-arctic, .jqx-tabs-header-arctic
{
   -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.jqx-window-collapse-button-arctic
{
    margin-top: 2px;
}
.jqx-window-collapse-button-collapsed-arctic {
    margin-top: 0px;
}
.jqx-layout-arctic
{
    background-color: #cccccc;
}
.jqx-kanban-column-header-collapsed-arctic {
   background: -moz-linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(248,248,248,1)), color-stop(100%, rgba(234,234,234,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* ie10+ */
    background: linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* w3c */
}


/* custom */


body .jqx-widget-header {
    background: #d9d9d9 none repeat scroll 0 0 !important ;
    color: #5E6161 !important;
}

body .theme-header {
    background: transparent none repeat scroll 0 0 !important;
    color: #fff !important;
    font-weight: 700;
    border: 1px solid #ccc;
    
}

/* jqx base css */

.jqx-grid-column-header, .jqx-grid-columngroup-header {
    border-style: solid !important;
    border-width: 0px 1px 0px 0px !important;
	font-weight: 700 !important;
}

.jqx-widget-header {
    background: #fff none repeat scroll 0 0;
    color: #000 !important;
    font-weight: bold;font-family:'Segoe UI';    font-size: 11px;
}

/* .jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {
    border-color: #f5f6f6 !important;
} */


/* jqx arctic css */

.jqx-widget-header-arctic {
	-webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

/* .jqx-grid-cell-alt {
    background: rgba(137, 30, 4, .1) !important;
} */


.jqx-listitem-state-selected-arctic, .jqx-menu-item-selected-arctic, .jqx-tree-item-selected-arctic, .jqx-calendar-cell-selected-arctic, .jqx-grid-cell-selected-arctic, .jqx-menu-vertical-arctic .jqx-menu-item-top-selected-arctic, .jqx-grid-selectionarea-arctic, .jqx-input-button-header-arctic, .jqx-input-button-innerHeader-arctic {
/*     color: #ffffff !important;
    background-color: #003399;
    *background-color: #003399;
    border-color: #f5f6f6 !important; */

    color: #000 !important;
    border-color: #b8b8b8 !important;
    background-color:#f5f5f5 !important;
}

.jqx-grid-cell {
    border-width: 0px 0px 1px 0px !important;
	
}

.jqx-grid-pager {
	font-weight: 700 !important;
}

.jqx-listitem-state-hover-arctic, .jqx-menu-item-hover-arctic, .jqx-tree-item-hover-arctic, .jqx-calendar-cell-hover-arctic, .jqx-grid-cell-hover-arctic, .jqx-menu-vertical-arctic .jqx-menu-item-top-hover-arctic, .jqx-input-popup-arctic .jqx-fill-state-hover-arctic, .jqx-input-popup-arctic .jqx-fill-state-pressed-arctic {
    color: #222020 !important;
    border: none !important;
    border-bottom: 1px solid !important;
    border-color:  #eaeaea !important;
    background-color: transparent !important;
    text-shadow: none !important;
}

/* .jqx-grid-cell-hover-arctic > div {
    transform: scale(1.1);
    text-indent: 0px;
    animation: pulse infinite 2s;
} */

input[type="text"].jqx-input-arctic, input[type="password"].jqx-input-arctic, input[type="text"].jqx-widget-content-arctic, input[type="textarea"].jqx-widget-content-arctic, textarea.jqx-input-arctic {
    padding-left: 4px !important;
    border-radius: 6px !important;
    /* height: 28px !important; */    
}

.jqx-combobox-content-arctic, .jqx-combobox-arctic, .jqx-combobox-state-normal-arctic, .jqx-datetimeinput-arctic {
    border-radius: 6px !important;
}

body .header-menu-filter.jqxtext, body .header-menu-filter.jqxcombobox {
    height: 24px !important;
    border-radius: 12px !important;
    margin-top: -2px !important;
}

body #dvPageSettings .jqx-combobox {
    margin-top: -2px;
}

body .header-menu-filter .jqx-combobox-content-arctic,
body #dvPageSettings .jqx-combobox-content-arctic {
    background: transparent !important;
    border-radius: 0px !important;
    box-shadow: none !important;
}

body .header-menu-filter .jqx-combobox-input, body .header-menu-filter .jqx-combobox-input::placeholder {
    background: transparent !important;
    color: #000;
}

body .header-menu-filter input[type="textarea"].jqx-widget-content-arctic, 
body .header-menu-filter textarea.jqx-input-arctic {
    padding-left: 3px !important;
    padding-top: 0px !important;
    border-radius: 0 !important;
    height: 24px !important; border-radius: 12px !important;
    margin-top: -1px !important;
}

.intl-tel-input .flag-dropdown {
        border-radius: 6px !important;
        border: 1px solid #aeaeae;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
}
    
.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
        border-radius: 6px !important;
        height: 28px !important;
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
}

.grid-filter .control-icon, 
.register-table .control-icon, 
.controltd .control-icon, .dvrowicons .control-icon {
    background: none 0px 0px no-repeat transparent !important;
    border: 0 !important;
    border-color: transparent !important;
    width: 0px !important;
}

.grid-filter input[type="text"].jqx-input-arctic, 
.grid-filter input[type="password"].jqx-input-arctic, 
.grid-filter input[type="text"].jqx-widget-content-arctic, 
.grid-filter input[type="textarea"].jqx-widget-content-arctic, 
.grid-filter textarea.jqx-input-arctic {
    padding-left: 2px !important;
    border-radius: 6px !important;
    /* margin-left: 5px; */
    margin-left: 2px;
    margin-top: 2px;
    height: 26px !important;
}

.controlbox input[type="text"].jqx-input-arctic, 
.controlbox input[type="password"].jqx-input-arctic, 
.controlbox input[type="text"].jqx-widget-content-arctic, 
.controlbox input[type="textarea"].jqx-widget-content-arctic, 
.controlbox textarea.jqx-input-arctic,
.controlbox .jqx-combobox-content-arctic,
.controlbox .jqx-combobox-arctic,
.controlbox .jqx-combobox-state-normal-arctic {
        height: 24px !important;
        /*padding-left: 2px !important;*/
}

.controlbox .jqx-combobox .jqx-combobox-content-arctic {
    border-radius: 0px !important;
}

.register-table input[type="text"].jqx-input-arctic, 
.register-table input[type="password"].jqx-input-arctic, 
.register-table input[type="text"].jqx-widget-content-arctic, 
.register-table input[type="textarea"].jqx-widget-content-arctic, 
.register-table textarea.jqx-input-arctic,
.register-table .jqx-combobox-content-arctic,
.register-table .jqx-combobox-arctic,
.register-table .jqx-combobox-state-normal-arctic,
.register-table .jqx-datetimeinput-arctic {
        height: 24px !important;
        /*padding-left: 2px !important;*/
            padding: 1px!important ;
}

.jqx-combobox .jqx-combobox-content-arctic {
    border-radius: 0 !important;
}

.register-table .jqx-combobox .jqx-combobox-content-arctic {
    border-radius: 0px !important;
}

.register-table .jqx-widget,
.register-table .jqx-widget-content,
.controlbox .jqx-widget,
.controlbox .jqx-widget-content {
    font-size: 11px !important;
}

button.jqx-button, input[type=button].jqx-button, input[type=submit].jqx-button {
    background: rgba(158,158,158,.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    border-radius: 6px !important;
    min-width:86px;cursor:pointer;
}

.controlbox .jqx-grid-pager input[type="text"].jqx-input.jqx-input-arctic {
    height: 10px !important;
}

body .theme-header.map-prevpage {
    background-image: url(Images/icon-left-white.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #003a5d  !important;
}

body .theme-header.map-nextpage {
    background-image: url(Images/icon-right-white.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #003a5d  !important;
}

.controlbox .dttab .tab-header {
    max-height: 43px;
}

.controlbox .dttab .tab-header li {
    height: 14px;
    padding: 5px 5px 5px 5px;
    /* margin-left: 1px; */
    width: 129px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ngdialog.ngdialog-theme-custom {
    padding-top: 26px;
}

.ngdialog .controlbox {
     /*max-height: 485px !important;*/ 
    max-height: 540px !important;
    overflow: auto;
}

.ngdialog .controlbox .dttab {
    /*margin-top: 4px;*/
    margin-top:-1px;
}

.jqx-grid-pager .jqx-input {
    min-height: 6px !important;
    height: 9px !important;
    width: 23px !important;
}

.jqx-grid-pager .jqx-dropdownlist-state-normal {
    border-radius: 6px !important;
}

.register-table .jqx-grid-pager input[type="text"].jqx-input-arctic,
.register-table .jqx-grid-pager input[type="text"].jqx-widget-content-arctic {
    min-height: 6px !important;
    height: 18px !important;
    width: 23px !important;
}

.map_toggler {
    bottom: 125px;
}

.jqx-grid-cell-left-align {
    margin-right: 12px;
}

.jqx-grid-cell-right-align {
    margin-left: 12px;
}

.right-layout .expandcollapsetoggler.vehmon-pnlunmute {
    left: 3px !important;
    right: auto !important;
}

.right-layout .expandcollapsetoggler.rightpnl.mrgnrgt-1 {
    margin-right: 1px !important;
}

.right-layout .jqx-grid-column-header, .right-layout .jqx-grid-columngroup-header {
    border-width: 0px 0px 0px 1px !important;
}

.right-layout .intl-tel-input .flag-dropdown {
    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.right-layout .intl-tel-input input,
.right-layout .intl-tel-input input[type=text],
.right-layout .intl-tel-input input[type=tel] {
    border-top-left-radius: 12px !important;
    border-bottom-left-radius: 12px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.right-layout div#dvDispatchGridIcons.lang-left,
.right-layout div#dvDispatchGridIcons .lang-left {
    direction: ltr !important;
    float: left !important;
}

.right-layout div#dvMonitorGridIcons.lang-left,
.right-layout div#dvMonitorGridIcons .lang-left {
    direction: ltr !important;
    float: left !important;
}

.right-layout div#dvDispatchGridIcons div#dvDispatchRefreshTime {
    float: right !important;
}

.right-layout div#dvDispatchGridIcons div#dvDispatchCount {
    margin: 6px 52px 0 5px !important;
    float: right !important;
}

.right-layout div#dvMonitorGridIcons div#dvMonitorRefreshTime {
    margin: -14px 15px 0px 537px !important;
    float: left !important;
}

.right-layout div#dvMonitorGridIcons div#dvMonitorCount {
    margin: 1px 115px 0px 297px !important;
    float: left !important;
}

.right-layout div#dvDispatchDataViewParentContainer.lang-left {
    float: left !important;
}

.right-layout div#dvMonitorDataViewParentContainer.lang-left {
    float: left !important;
}

.hide-ej-popup .e-popup.e-popup-open {
    display: none;
}

body:not(.ngdialog-open) .e-popup.e-popup-open {
    display: none !important;
}

.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left), 
.e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, 
.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left), 
.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, 
.e-float-input.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, 
.e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap {
    min-width: 151px !important;
}

/* .ngdialog .grid-filter .control-icon + input, 
.ngdialog .register-table .control-icon + input, 
.ngdialog .controltd .control-icon + input {
    padding-right: 20px !important;
}

.ngdialog .grid-filter .control-icon + .jqx-widget, 
.ngdialog .register-table .control-icon + .jqx-widget, 
.ngdialog .controltd .control-icon + .jqx-widget {
    padding-right: 20px !important;
}

.ngdialog .register-table .jqx-combobox .jqx-combobox-content-arctic {
    border-right: none !important;
}

.ngdialog .register-table .jqx-combobox .jqx-combobox-content-arctic +.jqx-fill-state-normal.jqx-fill-state-normal-arctic {
    left: auto !important;
    right: 0px !important;
}

.ngdialog .register-table .jqx-widget .jqx-widget-content-arctic +.jqx-fill-state-normal.jqx-fill-state-normal-arctic {
    left: auto !important;
    right: 0px !important;
} */


.register-table .control-icon-mandatory, .controltd .control-icon-mandatory, .grid-editable-parent .control-icon-mandatory {
   
    height: 15px;
    right: -2px;
    top: 7px!important;

}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #aaa8a8;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#aaa8a8;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #aaa8a8;
}