html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
	font-family: 'Open Sans', sans-serif,"Helvetica Neue", Helvetica, Arial!important;
		
}
body::-webkit-scrollbar {
    width: 8px;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 20px ;
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgreyrgba(0,0,0,0.3);
  outline: 1px solid slategrey;
}



.page-frame-header{
	padding:10px;
	 padding-left: 15px;
    padding-right: 15px;
}


.page-title{
	font-size:18px;
	
	padding-bottom:10px;
	margin-top:0px;
	padding-top:3px;
	line-height:1;
}

.page-block-search{
	background: rgba(0, 127, 218, 0.18);
	border:1px solid rgba(0,0,0,.2);
	padding:5px;
	margin-top:-1px;
	border-radius: 3px;
}
#clearFilterBtn{
	color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
}
.in_jqx-editable-cell{
	background-color: #fafad2 !important;
}
.in_jqx-editable-warning-cell{
	background-color: red !important;
}

.page-frame-header .input-sm{
	height:23px;
}

.page-frame-header label {
    font-size: 12px;
    font-weight: normal;
    text-transform: capitalize;
}

.form-inline-group{
	display:inline-block;
	margin:2px;
	
}

.page-block-search .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    padding-top: 0px;
    margin-top: -3px;
}

.page-block-search .input-group{
	width:100%
}

.page-block-search  input[type=checkbox], input[type=radio] {
    margin: 3px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}

.page-block-search .input-group button{
  	margin-top: 14px;
}  

.form-inline-group .jqx-dropdownlist-state-normal ,.form-inline-group .jqx-combobox-state-normal{
	overflow: initial;
	border: 1px solid #ccc;
}
.w-10{
	width:10px!important;
}
.w-100{
	width:100px!important;
}
.w-110{
	width:110px!important;
}
.w-120{
	width:120px!important;
}
.w-125{
	width:125px!important;
}
.w-135{
	width:135px!important;
}
.w-140{
	width:140px!important;
}
.w-150{
	width:150px!important;
}
.w-175{
	width:175px!important;
}
.w-220{
	width:220px!important;
}
.w-250{
	width:250px!important;
}
.w-300{
	width:300px!important;
}
.w-350{
	width:350px!important;
}
.w-400{
	width:400px!important;
}
.w-500{
	width:500px!important;
}
.w-200{
	width:200px!important;
}
.w-205{
	width:205px!important;
}


.panel-default>.panel-heading {
    color: #333;
    background-color: #edf5fd;
    border-color: #ddd;
}


.inputbox-err {
	background: #F7C9D0 !important;
}

.jqx-grid-cell-alt {
	background-color: #ECF5FF;
}

.jqx-grid-cell-uneditable {
	background: #c7c7c7;
}

.jqx-grid-cell-selected {
	background: #3276b1 !important;
	color: white;
}

.jqx-fill-state-pressed {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-color: #999;
    background: #e2f576!important;
    color: black;
}

#content-main {
    height: calc(100% - 52px)!important;
    overflow: hidden;
}

.in_column-headers .jqx-grid-column-header.jqx-widget-header {
    border-color: #ccc;
    background-color: #d8d8d8;
}

.menubody{
	    background-color: rgba(3, 8, 12, 0.92);
}

.page-function-bar {
	background: #578ebe !important;
	color: #FFFFFF !important;
}

.page-bar {
	border-bottom: 1px solid #e7ecf1;
	height: 30px;
}

.page-functionname .caption-subject {
	float: left;
	margin-left: 8px;
	margin-top: 0px;
}

.page-functiondatetime {
	margin-top: -20px;
}

.pull-right {
	margin-right: 4px;
	text-align: right;
	margin-top: 0px;
}

.title-center {
	padding-top: 5px !important;
}

.caption-subject {
	font-size: 14px;
}

.fa-list {
	float: left;
	margin-left: 10px;
	margin-top: 4px;
}

.grid-head-required::before {
	content: "*";
	color: red;
	margin-right: 5px;
	vertical-align: middle;
}

.jqx-grid-column-header {
	white-space: normal !important;
}

.cell-flag-error {
	position: relative;
}

.cell-flag-error:before {
	content: "";
	width: 0;
	height: 0;
	border: 8px solid transparent;
	position: absolute;
	top: -8px;
	left: -8px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-bottom-color: #DF2227;
}

.cell-flag-modify:before {
	content: "";
	width: 0;
	height: 0;
	border: 8px solid transparent;
	position: absolute;
	top: -8px;
	left: -8px;
	transform: rotate(-45deg);
}

button, input, optgroup, select, textarea {
	margin: 0;
	font: inherit;
	color: black;
}

.form-group.required .ui-label::before {
	content: "*";
	color: red;
}
/* .jqx-grid-column-header div div:first-child
{
    margin-top: 0px !important;
} */
.two-lines-header {
	margin-top: -2px !important;
}

.jqx-checkbox {
	overflow: hidden;
	text-align: left;
	border: none;
	outline: none;
	margin: 0 0 0 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: auto !important;
}

.jqx-fill-state-normal {
	background: #fff;
}

.jqx-dropdownlist-state-normal.jqx-fill-state-focus {
	border-width: 2px;
	box-sizing: border-box;
}

.jqx-dropdownlist-state-disabled.jqx-dropdownlist-state-focus {
    border: 1px solid #aaa;
    box-sizing: content-box;
}

.jqx-fill-state-normal.jqx-checkbox-disabled, .jqx-fill-state-normal.jqx-radiobutton-disabled
	{
	background: #efefef;
}

.title-text {
	font-size: 14px;
	line-height: 31px;
}



.jqx-fill-state-normal, .jqx-fill-state-hover, .jqx-fill-state-pressed,
	.jqx-fill-state-disabled, .jqx-fill-state-focus, .jqx-widget {
	font-size: 12px;
}

.jqx-widget-content {
	font-size: 12px;
}

#searchResultPanel .panel-content {
	padding-top: 5px !important;
	padding-bottom: 0px !important;
	padding-left: 5px !important;
	padding-right: 8px !important;
}

.jqx-fill-state-disabled {
	cursor: default !important;
}

html input[disabled] {
	cursor: default !important;
}

.jqx-dropdownlist-state-normal {
	background-color: white;
}

.jqx-dropdownlist-state-disabled {
	background-color: #eee;
}
/******************************************************************************/
/* Bootstrap Customize                                                        */
/******************************************************************************/
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* Retrive                                       */
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
.jqx-button[disabled] {
	opacity: 0.55;
}

.jqx-btn-retrieve {
	color: #fff !important;
	background-color: #337ab7;
	border-color: #2e6da4;
}

.jqx-btn-retrieve:focus, .jqx-btn-retrieve.focus {
	color: #fff !important;
	background-color: #286090;
	border-color: #122b40;
}

.jqx-btn-retrieve:hover {
	color: #fff !important;
	background-color: #286090;
	border-color: #204d74;
}

.jqx-btn-retrieve:active, .jqx-btn-retrieve.active, .open>.dropdown-toggle.jqx-btn-retrieve
	{
	color: #fff !important;
	background-color: #286090;
	border-color: #204d74;
}

.jqx-btn-retrieve:active:hover, .jqx-btn-retrieve.active:hover, .open>.dropdown-toggle.jqx-btn-retrieve:hover,
	.jqx-btn-retrieve:active:focus, .jqx-btn-retrieve.active:focus, .open>.dropdown-toggle.jqx-btn-retrieve:focus,
	.jqx-btn-retrieve:active.focus, .jqx-btn-retrieve.active.focus, .open>.dropdown-toggle.jqx-btn-retrieve.focus
	{
	color: #fff !important;
	background-color: #204d74;
	border-color: #122b40;
}

.jqx-btn-retrieve:active, .jqx-btn-retrieve.active, .open>.dropdown-toggle.jqx-btn-retrieve
	{
	background-image: none;
}

.jqx-btn-retrieve.disabled:hover, .jqx-btn-retrieve[disabled]:hover,
	fieldset[disabled] .jqx-btn-retrieve:hover, .jqx-btn-retrieve.disabled:focus,
	.jqx-btn-retrieve[disabled]:focus, fieldset[disabled] .jqx-btn-retrieve:focus,
	.jqx-btn-retrieve.disabled.focus, .jqx-btn-retrieve[disabled].focus,
	fieldset[disabled] .jqx-btn-retrieve.focus {
	background-color: #337ab7;
	border-color: #2e6da4;
}

.jqx-btn-retrieve .badge {
	color: #337ab7;
	background-color: #fff !important;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* Update                                        */
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
.jqx-btn-update {
	color: #fff !important;
	background-color: #337ab7;
	border-color: #2e6da4;
}

.jqx-btn-update:focus, .jqx-btn-update.focus {
	color: #fff !important;
	background-color: #286090;
	border-color: #122b40;
}

.jqx-btn-update:hover {
	color: #fff !important;
	background-color: #286090;
	border-color: #204d74;
}

.jqx-btn-update:active, .jqx-btn-update.active, .open>.dropdown-toggle.jqx-btn-update
	{
	color: #fff !important;
	background-color: #286090;
	border-color: #204d74;
}

.jqx-btn-update:active:hover, .jqx-btn-update.active:hover, .open>.dropdown-toggle.jqx-btn-update:hover,
	.jqx-btn-update:active:focus, .jqx-btn-update.active:focus, .open>.dropdown-toggle.jqx-btn-update:focus,
	.jqx-btn-update:active.focus, .jqx-btn-update.active.focus, .open>.dropdown-toggle.jqx-btn-update.focus
	{
	color: #fff !important;
	background-color: #204d74;
	border-color: #122b40;
}

.jqx-btn-update:active, .jqx-btn-update.active, .open>.dropdown-toggle.jqx-btn-update
	{
	background-image: none;
}

.jqx-btn-update.disabled:hover, .jqx-btn-update[disabled]:hover,
	fieldset[disabled] .jqx-btn-update:hover, .jqx-btn-update.disabled:focus,
	.jqx-btn-update[disabled]:focus, fieldset[disabled] .jqx-btn-update:focus,
	.jqx-btn-update.disabled.focus, .jqx-btn-update[disabled].focus,
	fieldset[disabled] .jqx-btn-update.focus {
	background-color: #337ab7;
	border-color: #2e6da4;
}

.jqx-btn-update .badge {
	color: #337ab7;
	background-color: #fff !important;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* Line Add                                      */
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
.jqx-btn-lineadd {
	color: #fff !important;
	background-color: #5bc0de;
	border-color: #46b8da;
}

.jqx-btn-lineadd:focus, .jqx-btn-lineadd.focus {
	color: #fff !important;
	background-color: #31b0d5;
	border-color: #1b6d85;
}

.jqx-btn-lineadd:hover {
	color: #fff !important;
	background-color: #31b0d5;
	border-color: #269abc;
}

.jqx-btn-lineadd:active, .jqx-btn-lineadd.active, .open>.dropdown-toggle.jqx-btn-lineadd
	{
	color: #fff !important;
	background-color: #31b0d5;
	border-color: #269abc;
}

.jqx-btn-lineadd:active:hover, .jqx-btn-lineadd.active:hover, .open>.dropdown-toggle.jqx-btn-lineadd:hover,
	.jqx-btn-lineadd:active:focus, .jqx-btn-lineadd.active:focus, .open>.dropdown-toggle.jqx-btn-lineadd:focus,
	.jqx-btn-lineadd:active.focus, .jqx-btn-lineadd.active.focus, .open>.dropdown-toggle.jqx-btn-lineadd.focus
	{
	color: #fff !important;
	background-color: #269abc;
	border-color: #1b6d85;
}

.jqx-btn-lineadd:active, .jqx-btn-lineadd.active, .open>.dropdown-toggle.jqx-btn-lineadd
	{
	background-image: none;
}

.jqx-btn-lineadd.disabled:hover, .jqx-btn-lineadd[disabled]:hover,
	fieldset[disabled] .jqx-btn-lineadd:hover, .jqx-btn-lineadd.disabled:focus,
	.jqx-btn-lineadd[disabled]:focus, fieldset[disabled] .jqx-btn-lineadd:focus,
	.jqx-btn-lineadd.disabled.focus, .jqx-btn-lineadd[disabled].focus,
	fieldset[disabled] .jqx-btn-lineadd.focus {
	background-color: #5bc0de;
	border-color: #46b8da;
}

.jqx-btn-lineadd .badge {
	color: #5bc0de;
	background-color: #fff !important;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* Line Delete                                   */
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
.jqx-btn-linedelete {
	color: #fff !important;
	background-color: #5bc0de;
	border-color: #46b8da;
}

.jqx-btn-linedelete:focus, .jqx-btn-linedelete.focus {
	color: #fff !important;
	background-color: #31b0d5;
	border-color: #1b6d85;
}

.jqx-btn-linedelete:hover {
	color: #fff !important;
	background-color: #31b0d5;
	border-color: #269abc;
}

.jqx-btn-linedelete:active, .jqx-btn-linedelete.active, .open>.dropdown-toggle.jqx-btn-linedelete
	{
	color: #fff !important;
	background-color: #31b0d5;
	border-color: #269abc;
}

.jqx-btn-linedelete:active:hover, .jqx-btn-linedelete.active:hover,
	.open>.dropdown-toggle.jqx-btn-linedelete:hover, .jqx-btn-linedelete:active:focus,
	.jqx-btn-linedelete.active:focus, .open>.dropdown-toggle.jqx-btn-linedelete:focus,
	.jqx-btn-linedelete:active.focus, .jqx-btn-linedelete.active.focus,
	.open>.dropdown-toggle.jqx-btn-linedelete.focus {
	color: #fff !important;
	background-color: #269abc;
	border-color: #1b6d85;
}

.jqx-btn-linedelete:active, .jqx-btn-linedelete.active, .open>.dropdown-toggle.jqx-btn-linedelete
	{
	background-image: none;
}

.jqx-btn-linedelete.disabled:hover, .jqx-btn-linedelete[disabled]:hover,
	fieldset[disabled] .jqx-btn-linedelete:hover, .jqx-btn-linedelete.disabled:focus,
	.jqx-btn-linedelete[disabled]:focus, fieldset[disabled] .jqx-btn-linedelete:focus,
	.jqx-btn-linedelete.disabled.focus, .jqx-btn-linedelete[disabled].focus,
	fieldset[disabled] .jqx-btn-linedelete.focus {
	background-color: #5bc0de;
	border-color: #46b8da;
}

.jqx-btn-linedelete .badge {
	color: #5bc0de;
	background-color: #fff !important;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* Import                                        */
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
.jqx-btn-import {
	color: #fff !important;
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.jqx-btn-import:focus, .jqx-btn-import.focus {
	color: #fff !important;
	background-color: #449d44;
	border-color: #255625;
}

.jqx-btn-import:hover {
	color: #fff !important;
	background-color: #449d44;
	border-color: #398439;
}

.jqx-btn-import:active, .jqx-btn-import.active, .open>.dropdown-toggle.jqx-btn-import
	{
	color: #fff !important;
	background-color: #449d44;
	border-color: #398439;
}

.jqx-btn-import:active:hover, .jqx-btn-import.active:hover, .open>.dropdown-toggle.jqx-btn-import:hover,
	.jqx-btn-import:active:focus, .jqx-btn-import.active:focus, .open>.dropdown-toggle.jqx-btn-import:focus,
	.jqx-btn-import:active.focus, .jqx-btn-import.active.focus, .open>.dropdown-toggle.jqx-btn-import.focus
	{
	color: #fff !important;
	background-color: #398439;
	border-color: #255625;
}

.jqx-btn-import:active, .jqx-btn-import.active, .open>.dropdown-toggle.jqx-btn-import
	{
	background-image: none;
}

.jqx-btn-import.disabled:hover, .jqx-btn-import[disabled]:hover,
	fieldset[disabled] .jqx-btn-import:hover, .jqx-btn-import.disabled:focus,
	.jqx-btn-import[disabled]:focus, fieldset[disabled] .jqx-btn-import:focus,
	.jqx-btn-import.disabled.focus, .jqx-btn-import[disabled].focus,
	fieldset[disabled] .jqx-btn-import.focus {
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.jqx-btn-import .badge {
	color: #5cb85c;
	background-color: #fff;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* Export                                        */
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
.jqx-btn-export {
	color: #fff !important;
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.jqx-btn-export:focus, .jqx-btn-export.focus {
	color: #fff !important;
	background-color: #449d44;
	border-color: #255625;
}

.jqx-btn-export:hover {
	color: #fff !important;
	background-color: #449d44;
	border-color: #398439;
}

.jqx-btn-export:active, .jqx-btn-export.active, .open>.dropdown-toggle.jqx-btn-export
	{
	color: #fff !important;
	background-color: #449d44;
	border-color: #398439;
}

.jqx-btn-export:active:hover, .jqx-btn-export.active:hover, .open>.dropdown-toggle.jqx-btn-export:hover,
	.jqx-btn-export:active:focus, .jqx-btn-export.active:focus, .open>.dropdown-toggle.jqx-btn-export:focus,
	.jqx-btn-export:active.focus, .jqx-btn-export.active.focus, .open>.dropdown-toggle.jqx-btn-export.focus
	{
	color: #fff !important;
	background-color: #398439;
	border-color: #255625;
}

.jqx-btn-export:active, .jqx-btn-export.active, .open>.dropdown-toggle.jqx-btn-export
	{
	background-image: none;
}

.jqx-btn-export.disabled:hover, .jqx-btn-export[disabled]:hover,
	fieldset[disabled] .jqx-btn-export:hover, .jqx-btn-export.disabled:focus,
	.jqx-btn-export[disabled]:focus, fieldset[disabled] .jqx-btn-export:focus,
	.jqx-btn-export.disabled.focus, .jqx-btn-export[disabled].focus,
	fieldset[disabled] .jqx-btn-export.focus {
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.jqx-btn-export .badge {
	color: #5cb85c;
	background-color: #fff;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* Transaction                                   */
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
.jqx-btn-transition {
	color: #fff !important;
	background-color: #f0ad4e;
	border-color: #eea236;
}

.jqx-btn-transition:focus, .jqx-btn-transition.focus {
	color: #fff !important;
	background-color: #ec971f;
	border-color: #985f0d;
}

.jqx-btn-transition:hover {
	color: #fff !important;
	background-color: #ec971f;
	border-color: #d58512;
}

.jqx-btn-transition:active, .jqx-btn-transition.active, .open>.dropdown-toggle.jqx-btn-transition
	{
	color: #fff !important;
	background-color: #ec971f;
	border-color: #d58512;
}

.jqx-btn-transition:active:hover, .jqx-btn-transition.active:hover,
	.open>.dropdown-toggle.jqx-btn-transition:hover, .jqx-btn-transition:active:focus,
	.jqx-btn-transition.active:focus, .open>.dropdown-toggle.jqx-btn-transition:focus,
	.jqx-btn-transition:active.focus, .jqx-btn-transition.active.focus,
	.open>.dropdown-toggle.jqx-btn-transition.focus {
	color: #fff !important;
	background-color: #d58512;
	border-color: #985f0d;
}

.jqx-btn-transition:active, .jqx-btn-transition.active, .open>.dropdown-toggle.jqx-btn-transition
	{
	background-image: none;
}

.jqx-btn-transition.disabled:hover, .jqx-btn-transition[disabled]:hover,
	fieldset[disabled] .jqx-btn-transition:hover, .jqx-btn-transition.disabled:focus,
	.jqx-btn-transition[disabled]:focus, fieldset[disabled] .jqx-btn-transition:focus,
	.jqx-btn-transition.disabled.focus, .jqx-btn-transition[disabled].focus,
	fieldset[disabled] .jqx-btn-transition.focus {
	background-color: #f0ad4e;
	border-color: #eea236;
}

.jqx-btn-transition .badge {
	color: #f0ad4e;
	background-color: #fff !important;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* Initialize                                    */
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
.jqx-btn-initialize {
	color: #fff !important;
	background-color: #696969;
	border-color: #ccc;
}

.jqx-btn-initialize:focus, .jqx-btn-initialize.focus {
	color: #fff !important;
	background-color: #454545;
	border-color: #8c8c8c;
}

.jqx-btn-initialize:hover {
	color: #fff !important;
	background-color: #454545;
	border-color: #adadad;
}

.jqx-btn-initialize:active, .jqx-btn-initialize.active, .open>.dropdown-toggle.jqx-btn-initialize
	{
	color: #fff !important;
	background-color: #454545;
	border-color: #adadad;
}

.jqx-btn-initialize:active:hover, .jqx-btn-initialize.active:hover,
	.open>.dropdown-toggle.jqx-btn-initialize:hover, .jqx-btn-initialize:active:focus,
	.jqx-btn-initialize.active:focus, .open>.dropdown-toggle.jqx-btn-initialize:focus,
	.jqx-btn-initialize:active.focus, .jqx-btn-initialize.active.focus,
	.open>.dropdown-toggle.jqx-btn-initialize.focus {
	color: #fff !important;
	background-color: #d4d4d4;
	border-color: #8c8c8c;
}

.jqx-btn-initialize:active, .jqx-btn-initialize.active, .open>.dropdown-toggle.jqx-btn-initialize
	{
	background-image: none;
}

.jqx-btn-initialize.disabled:hover, .jqx-btn-initialize[disabled]:hover,
	fieldset[disabled] .jqx-btn-initialize:hover, .jqx-btn-initialize.disabled:focus,
	.jqx-btn-initialize[disabled]:focus, fieldset[disabled] .jqx-btn-initialize:focus,
	.jqx-btn-initialize.disabled.focus, .jqx-btn-initialize[disabled].focus,
	fieldset[disabled] .jqx-btn-initialize.focus {
	background-color: #696969;
	border-color: #adadad;
}

.jqx-btn-initialize .badge {
	color: #fff !important;
	background-color: #333;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* Detail                                        */
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
.jqx-btn-detail {
	color: #fff !important;
	background-color: #ec971f;
	border-color: #985f0d;
}

.jqx-btn-detail:focus, .jqx-btn-detail.focus {
	color: #fff !important;
	background-color: #d68312;
	border-color: #985f0d;
}

.jqx-btn-detail:hover {
	color: #fff !important;
	background-color: #d68312;
	border-color: #d58512;
}

.jqx-btn-detail:active, .jqx-btn-detail.active, .open>.dropdown-toggle.jqx-btn-detail
	{
	color: #fff !important;
	background-color: #d68312;
	border-color: #d58512;
}

.jqx-btn-detail:active:hover, .jqx-btn-detail.active:hover, .open>.dropdown-toggle.jqx-btn-detail:hover,
	.jqx-btn-detail:active:focus, .jqx-btn-detail.active:focus, .open>.dropdown-toggle.jqx-btn-detail:focus,
	.jqx-btn-detail:active.focus, .jqx-btn-detail.active.focus, .open>.dropdown-toggle.jqx-btn-detail.focus
	{
	color: #fff !important;
	background-color: #c57c10;
	border-color: #985f0d;
}

.jqx-btn-detail:active, .jqx-btn-detail.active, .open>.dropdown-toggle.jqx-btn-detail
	{
	background-image: none;
}

.jqx-btn-detail.disabled:hover, .jqx-btn-detail[disabled]:hover,
	fieldset[disabled] .jqx-btn-detail:hover, .jqx-btn-detail.disabled:focus,
	.jqx-btn-detail[disabled]:focus, fieldset[disabled] .jqx-btn-detail:focus,
	.jqx-btn-detail.disabled.focus, .jqx-btn-detail[disabled].focus,
	fieldset[disabled] .jqx-btn-detail.focus {
	background-color: #ec971f;
	border-color: #eea236;
}

.jqx-btn-detail .badge {
	color: #ec971f;
	background-color: #fff !important;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* Other                                         */
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
.jqx-btn-other {
	color: #fff !important;
	background-color: #696969;
	border-color: #ccc;
}

.jqx-btn-other:focus, .jqx-btn-other.focus {
	color: #fff !important;
	background-color: #454545;
	border-color: #8c8c8c;
}

.jqx-btn-other:hover {
	color: #fff !important;
	background-color: #454545;
	border-color: #adadad;
}

.jqx-btn-other:active, .jqx-btn-other.active, .open>.dropdown-toggle.jqx-btn-other
	{
	color: #fff !important;
	background-color: #454545;
	border-color: #adadad;
}

.jqx-btn-other:active:hover, .jqx-btn-other.active:hover, .open>.dropdown-toggle.jqx-btn-other:hover,
	.jqx-btn-other:active:focus, .jqx-btn-other.active:focus, .open>.dropdown-toggle.jqx-btn-other:focus,
	.jqx-btn-other:active.focus, .jqx-btn-other.active.focus, .open>.dropdown-toggle.jqx-btn-other.focus
	{
	color: #fff !important;
	background-color: #d4d4d4;
	border-color: #8c8c8c;
}

.jqx-btn-other:active, .jqx-btn-other.active, .open>.dropdown-toggle.jqx-btn-other
	{
	background-image: none;
}

.jqx-btn-other.disabled:hover, .jqx-btn-other[disabled]:hover, fieldset[disabled] .jqx-btn-other:hover,
	.jqx-btn-other.disabled:focus, .jqx-btn-other[disabled]:focus, fieldset[disabled] .jqx-btn-other:focus,
	.jqx-btn-other.disabled.focus, .jqx-btn-other[disabled].focus, fieldset[disabled] .jqx-btn-other.focus
	{
	background-color: #696969;
	border-color: #adadad;
}

.jqx-btn-other .badge {
	color: #fff !important;
	background-color: #333;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* Filter Released                               */
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
.jqx-btn-filterreleased {
	color: #fff !important;
	background-color: #d9534f;
	border-color: #d43f3a;
}

.jqx-btn-filterreleased:focus, .jqx-btn-filterreleased.focus {
	color: #fff !important;
	background-color: #c9302c;
	border-color: #761c19;
}

.jqx-btn-filterreleased:hover {
	color: #fff !important;
	background-color: #c9302c;
	border-color: #ac2925;
}

.jqx-btn-filterreleased:active, .jqx-btn-filterreleased.active, .open>.dropdown-toggle.jqx-btn-filterreleased
	{
	color: #fff !important;
	background-color: #c9302c;
	border-color: #ac2925;
}

.jqx-btn-filterreleased:active:hover, .jqx-btn-filterreleased.active:hover,
	.open>.dropdown-toggle.jqx-btn-filterreleased:hover,
	.jqx-btn-filterreleased:active:focus, .jqx-btn-filterreleased.active:focus,
	.open>.dropdown-toggle.jqx-btn-filterreleased:focus,
	.jqx-btn-filterreleased:active.focus, .jqx-btn-filterreleased.active.focus,
	.open>.dropdown-toggle.jqx-btn-filterreleased.focus {
	color: #fff !important;
	background-color: #ac2925;
	border-color: #761c19;
}

.jqx-btn-filterreleased:active, .jqx-btn-filterreleased.active, .open>.dropdown-toggle.jqx-btn-filterreleased
	{
	background-image: none;
}

.jqx-btn-filterreleased.disabled:hover, .jqx-btn-filterreleased[disabled]:hover,
	fieldset[disabled] .jqx-btn-filterreleased:hover,
	.jqx-btn-filterreleased.disabled:focus, .jqx-btn-filterreleased[disabled]:focus,
	fieldset[disabled] .jqx-btn-filterreleased:focus,
	.jqx-btn-filterreleased.disabled.focus, .jqx-btn-filterreleased[disabled].focus,
	fieldset[disabled] .jqx-btn-filterreleased.focus {
	background-color: #d9534f;
	border-color: #d43f3a;
}

.jqx-btn-filterreleased .badge {
	color: #d9534f;
	background-color: #fff !important;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* print                                         */
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
.jqx-btn-print {
	color: #fff !important;
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.jqx-btn-print:focus, .jqx-btn-print.focus {
	color: #fff !important;
	background-color: #449d44;
	border-color: #255625;
}

.jqx-btn-print:hover {
	color: #fff !important;
	background-color: #449d44;
	border-color: #398439;
}

.jqx-btn-print:active, .jqx-btn-print.active, .open>.dropdown-toggle.jqx-btn-print
	{
	color: #fff !important;
	background-color: #449d44;
	border-color: #398439;
}

.jqx-btn-print:active:hover, .jqx-btn-print.active:hover, .open>.dropdown-toggle.jqx-btn-print:hover,
	.jqx-btn-print:active:focus, .jqx-btn-print.active:focus, .open>.dropdown-toggle.jqx-btn-print:focus,
	.jqx-btn-print:active.focus, .jqx-btn-print.active.focus, .open>.dropdown-toggle.jqx-btn-print.focus
	{
	color: #fff !important;
	background-color: #398439;
	border-color: #255625;
}

.jqx-btn-print:active, .jqx-btn-print.active, .open>.dropdown-toggle.jqx-btn-print
	{
	background-image: none;
}

.jqx-btn-print.disabled:hover, .jqx-btn-print[disabled]:hover, fieldset[disabled] .jqx-btn-print:hover,
	.jqx-btn-print.disabled:focus, .jqx-btn-print[disabled]:focus, fieldset[disabled] .jqx-btn-print:focus,
	.jqx-btn-print.disabled.focus, .jqx-btn-print[disabled].focus, fieldset[disabled] .jqx-btn-print.focus
	{
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.jqx-btn-print .badge {
	color: #5cb85c;
	background-color: #fff !important;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* Delete                                        */
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
.jqx-btn-del {
	color: #fff !important;
	background-color: #337ab7;
	border-color: #2e6da4;
}

.jqx-btn-del:focus, .jqx-btn-del.focus {
	color: #fff !important;
	background-color: #286090;
	border-color: #122b40;
}

.jqx-btn-del:hover {
	color: #fff !important;
	background-color: #286090;
	border-color: #204d74;
}

.jqx-btn-del:active, .jqx-btn-del.active, .open>.dropdown-toggle.jqx-btn-del
	{
	color: #fff !important;
	background-color: #286090;
	border-color: #204d74;
}

.jqx-btn-del:active:hover, .jqx-btn-del.active:hover, .open>.dropdown-toggle.jqx-btn-del:hover,
	.jqx-btn-del:active:focus, .jqx-btn-del.active:focus, .open>.dropdown-toggle.jqx-btn-del:focus,
	.jqx-btn-del:active.focus, .jqx-btn-del.active.focus, .open>.dropdown-toggle.jqx-btn-del.focus
	{
	color: #fff !important;
	background-color: #204d74;
	border-color: #122b40;
}

.jqx-btn-del:active, .jqx-btn-del.active, .open>.dropdown-toggle.jqx-btn-del
	{
	background-image: none;
}

.jqx-btn-del.disabled:hover, .jqx-btn-del[disabled]:hover, fieldset[disabled] .jqx-btn-del:hover,
	.jqx-btn-del.disabled:focus, .jqx-btn-del[disabled]:focus, fieldset[disabled] .jqx-btn-del:focus,
	.jqx-btn-del.disabled.focus, .jqx-btn-del[disabled].focus, fieldset[disabled] .jqx-btn-del.focus
	{
	background-color: #337ab7;
	border-color: #2e6da4;
}

.jqx-btn-del .badge {
	color: #337ab7;
	background-color: #fff !important;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* Add                                           */
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
.jqx-btn-add {
	color: #fff !important;
	background-color: #337ab7;
	border-color: #2e6da4;
}

.jqx-btn-add:focus, .jqx-btn-add.focus {
	color: #fff !important;
	background-color: #286090;
	border-color: #122b40;
}

.jqx-btn-add:hover {
	color: #fff !important;
	background-color: #286090;
	border-color: #204d74;
}

.jqx-btn-add:active, .jqx-btn-add.active, .open>.dropdown-toggle.jqx-btn-add
	{
	color: #fff !important;
	background-color: #286090;
	border-color: #204d74;
}

.jqx-btn-add:active:hover, .jqx-btn-add.active:hover, .open>.dropdown-toggle.jqx-btn-add:hover,
	.jqx-btn-add:active:focus, .jqx-btn-add.active:focus, .open>.dropdown-toggle.jqx-btn-add:focus,
	.jqx-btn-add:active.focus, .jqx-btn-add.active.focus, .open>.dropdown-toggle.jqx-btn-add.focus
	{
	color: #fff !important;
	background-color: #204d74;
	border-color: #122b40;
}

.jqx-btn-add:active, .jqx-btn-add.active, .open>.dropdown-toggle.jqx-btn-add
	{
	background-image: none;
}

.jqx-btn-add.disabled:hover, .jqx-btn-add[disabled]:hover, fieldset[disabled] .jqx-btn-add:hover,
	.jqx-btn-add.disabled:focus, .jqx-btn-add[disabled]:focus, fieldset[disabled] .jqx-btn-add:focus,
	.jqx-btn-add.disabled.focus, .jqx-btn-add[disabled].focus, fieldset[disabled] .jqx-btn-add.focus
	{
	background-color: #337ab7;
	border-color: #2e6da4;
}

.jqx-btn-add .badge {
	color: #337ab7;
	background-color: #fff !important;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* Insert                                        */
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
.jqx-btn-insert {
	color: #fff !important;
	background-color: #337ab7;
	border-color: #2e6da4;
}

.jqx-btn-insert:focus, .jqx-btn-insert.focus {
	color: #fff !important;
	background-color: #286090;
	border-color: #122b40;
}

.jqx-btn-insert:hover {
	color: #fff !important;
	background-color: #286090;
	border-color: #204d74;
}

.jqx-btn-insert:active, .jqx-btn-insert.active, .open>.dropdown-toggle.jqx-btn-insert
	{
	color: #fff !important;
	background-color: #286090;
	border-color: #204d74;
}

.jqx-btn-insert:active:hover, .jqx-btn-insert.active:hover, .open>.dropdown-toggle.jqx-btn-insert:hover,
	.jqx-btn-insert:active:focus, .jqx-btn-insert.active:focus, .open>.dropdown-toggle.jqx-btn-insert:focus,
	.jqx-btn-insert:active.focus, .jqx-btn-insert.active.focus, .open>.dropdown-toggle.jqx-btn-insert.focus
	{
	color: #fff !important;
	background-color: #204d74;
	border-color: #122b40;
}

.jqx-btn-insert:active, .jqx-btn-insert.active, .open>.dropdown-toggle.jqx-btn-insert
	{
	background-image: none;
}

.jqx-btn-insert.disabled:hover, .jqx-btn-insert[disabled]:hover, fieldset[disabled] .jqx-btn-insert:hover,
	.jqx-btn-insert.disabled:focus, .jqx-btn-insert[disabled]:focus, fieldset[disabled] .jqx-btn-insert:focus,
	.jqx-btn-insert.disabled.focus, .jqx-btn-insert[disabled].focus, fieldset[disabled] .jqx-btn-insert.focus
	{
	background-color: #337ab7;
	border-color: #2e6da4;
}

.jqx-btn-insert .badge {
	color: #337ab7;
	background-color: #fff !important;
}

.notyMessagePanel {
	z-index: 50;
}

.resize-triggers {
	animation: 1ms resizeanim;
	visibility: hidden;
	opacity: 0;
}

.resize-triggers, .resize-triggers>div, .contract-trigger:before {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.resize-triggers>div {
	background: #eee;
	overflow: auto;
}

.contract-trigger:before {
	width: 200%;
	height: 200%;
}

@
keyframes resizeanim { 0% {
	opacity: 0;
}

to {
	opacity: 0;
}
}

.vlBtn {
    display: inline-block;
    vertical-align: top;
    background-color: #ffffff;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    color: #838383;
    padding: 5px 0;
    outline: none;
}

.vlBtn:focus {
    border: 1px solid #555;
    background-color: #fbfbfb;
    box-shadow: 0.3px 0.2px 3px #f0f0f0 inset;
}

.vlBtn:hover {
    background-color: #fbfbfb;
    box-shadow: 0.3px 0.2px 3px #f0f0f0 inset;
}

.vlBtn:active {
    box-shadow: 0.3px 0.2px 3px #aaaaaa inset;
}

.vlContainer {
}

.vlContainer .btnContainer {
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
}

.vlContainer .btnContainer button {
    padding-left: 10px;
    padding-right: 10px;
}

.vlContainer .btnContainer button i {
    padding-right: 5px;
}


.vlContainer .btnContainer .left {
    float: left;
    width: 50%;
}

.vlContainer .btnContainer .left>* {
    margin-right: 3px;
}

.vlContainer .btnContainer .right {
    float: left;
    width: 50%;
}

.vlContainer .btnContainer .right>* {
    float: right;
    margin-left: 3px;
}

.vlBtn[disabled] {
    background-color: #eeeeee;
    box-shadow: unset;
}
 button {
  border-color: #808080 !important;
  background-color: dimgray!important;
}
#clearFilterBtn{
	background-color: #269abc !important ;
    border-color: #1b6d85 !important;
}
#retrieveBtn{
	color: #fff !important;
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}
i.fa.fa-user{
	margin-left: 24% !important;
}
.jqx-dropdownlist-content span{
	color: black !important;
}
.jqx-dropdownlist-content-disabled span,.jqx-dropdownlist-content-disabled{
	color: #aaa !important
}
#showError{    color: #fff !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}

.show-pop-up-errors{
	position: fixed !important;
    z-index: 9999999 !important;
}