/* - - - - CHAPTER OF DHTMLX STUFF AUTOCOMPLETE STYLES - - - - */
input.dhx_combo_edit.ui-autocomplete-input, textarea.dhx_combo_edit.ui-autocomplete-input,
input.dhx_combo_edit.ui-autocomplete-input.form-control, textarea.dhx_combo_edit.ui-autocomplete-input.form-control
	{
	height: 18px !important;
	width: 193px;
	font-family: var(--font-family-regular);
	font-size: var(--body-primary-font-size);
	line-height: var(--body-primary-line-height);
	border: 1px solid #EAEAEA;
	background: #FEFEFE;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* - - - - CHAPTER OF DHTMLX ADDITIONAL AND CUSTOM STYLES  - - - -*/

/* Grid cell selection */
div.gridbox table.obj td {
	-webkit-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	-o-user-select: text !important;
}

.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_text {
    color: var(--text-primary-color);
}

.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text {
    color: var(--text-primary-color);
}

.treegrid_cell {
	line-height: 21px !important;
	height: 21px !important;
}

.treegrid_cell span a.cltreeimg {
	line-height: 14px;
    padding-left: 4px;
}

body.dhxwins_vp_dhx_skyblue {
	overflow: auto !important;
}

.dhxlayout_base_dhx_skyblue .dhxlayout_cont {
	box-sizing: border-box;
}

.dhtmlxMenu_dhx_skyblue_Middle {
	height: 30px;
}

.dhx_clist {
	padding: 5px;
	font-family: var(--font-family-regular);
	font-size: var(--body-primary-font-size);
	line-height: var(--body-primary-line-height);
}

.dhx_clist input[type="button"] {
	display: block;
	width: 20%;
	margin: 0 auto;
}

div.dhx_cell_layout.dhxlayout_collapsed_h>div {
	color: #848484 !important;
}

 .cellselected.editable div.dhxcombo_dhx_skyblue {
	border-color: #F0A000;
	border-radius: 5px;
}

div.dhxcombo_in_grid_parent div.dhxcombo_dhx_skyblue {
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

div.dhxcombolist_dhx_skyblue {
	background: #fff;
	font-size: var(--body-primary-font-size);
	line-height: var(--body-primary-line-height);
	border-color: #1e90ff;
}

div.dhxcombolist_dhx_skyblue div.dhxcombo_option,
div.dhxcombolist_dhx_skyblue div.dhxcombo_option.dhxcombo_option_selected {
	border-width: 0!important;
}

div.dhxcombolist_dhx_skyblue div.dhxcombo_option.dhxcombo_option_selected{
	background-color: #1e90ff!important;
	color: #fff;
}

.cellselected.editable .dhxcombo_in_grid_parent input.dhxcombo_input {
	border-width: 0;
}

.toolbar_combo {
	padding-top: 0px !important;
}

.toolbar_combo_readonly {
	padding-top: 0px !important;
}

.toolbar_combo_readonly div.dhxcombo_dhx_skyblue {
	background-color: #e7f1ff;
}

.toolbar_combo_readonly div.dhxcombo_dhx_skyblue input.dhxcombo_input{
	background-color: #e7f1ff;
}

.objbox img {
	border: 0px;
}

.notification_content {
	font-size: 17px;
}
/* - - - - CHAPTER OF COMMON AUROS STYLES - - - - */
body.gray_bkg {
	background-color: #DCE0E5;
}

.cl_search_header {
	background-color: #CFCFCF;
	border: 1px solid #a4bed4;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
}

p.admin_pageTitle {
	font-weight:bold;
	font-family: Gadugi;
	font-size: 14px;
	text-align: center;
}

td, div.gridbox_modern table.obj tbody td {
	font-size: var(--body-primary-font-size);
	line-height: var(--body-primary-line-height);
}

table.wthBrdr {
	border: 1px solid gray;
	font-family: Gadugi;
	font-weight:normal;
	font-size: 8pt;
	cell-spacing:2px;
	cell-padding:1px;
}

/*
	DHTMLX Form Custom Styles
*/
.dhxform_base,
.dhxform_obj_dhx_skyblue div.dhxform_txt_label2,
.dhxform_obj_dhx_skyblue div.dhxform_label div.dhxform_label_nav_link:focus {
	color: black;
	font-size: 11px;
	font-family: Gadugi;
}

/*
	Export to XLS dialog custom styles.
*/
label.xls-dialog input {
	display: inline-block;
    position: relative;
    top: 2px;
}

div.xls-dialog-selectionbar {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

label.xls-dialog {
    margin-bottom: 5px;
    display: block;
}

.standartTreeRow, .selectedTreeRow, span.standartTreeRow_lor {
	font-family: var(--font-family-regular);
	font-size: var(--body-primary-font-size) !important;
	line-height: var(--body-primary-line-height);
    border: 1px solid transparent;
}

span.standartTreeRow_lor {
    border: 1px solid #FFB951!important;
    text-decoration: none;
    background-color: #ffe1a2;
}

.standartTreeRow_lor {
	vertical-align: top;
}

.standartTreeRow > span.selectedTreeRow {
	background-color: #fec056;
    border: 1px solid #fec056;
}

.dhtmlxribbon_dhx_skyblue .dhxrb_background_area {
	 height: 44px !important;
}
.dhtmlxribbon_dhx_skyblue .dhxrb_g_area {
  height: 44px !important;
}

.dhtmlxribbon_dhx_skyblue .dhxrb_block_base {
	height: 34px !important;
}

.dhtmlxribbon_dhx_skyblue .dhxrb_block_base .dhxrb_block_items {
  height: 28px !important;
}

.dhtmlxribbon_dhx_skyblue .dhxrb_highlight1 {
    border: 1px solid #F1C55C;
    background: linear-gradient( #ffdc92, #fceac2);
    background: -webkit-linear-gradient( #ffdc92, #fceac2);
}

div.gridbox_dhx_skyblue table.hdr td {
	text-align: center !important;
	vertical-align: middle !important;
	color:#666666 !important;
}

/* #18882 */
.dhtmlxcalendar_label_clear,
.dhtmlxcalendar_label_today {
	cursor: pointer;
}

/* #17506
div.gridbox_dhx_skyblue.gridbox table.obj tr td {
	border: 1px solid #f2f2f2 !important;
}*/

/* #18882 */
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
	float: right;
    margin-right: 70px;
}

.dhtmlxcalendar_dhx_skyblue span.dhtmlxcalendar_label_clear:hover{
	color: #FF9F37;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today {
    float: left;
    margin-left: 70px;
}

.dhtmlxcalendar_dhx_skyblue span.dhtmlxcalendar_label_today:hover{
	color: #FF9F37;
}

.dhxform_obj_dhx_skyblue .wrapper-btn-primary div.dhxform_btn,
.dhxform_obj_dhx_skyblue .wrapper-btn div.dhxform_btn {
	height: auto;
	background: none;
	border-width: 0;
}

.dhxform_obj_dhx_skyblue .wrapper-btn-primary div.dhxform_btn:focus,
.dhxform_obj_dhx_skyblue .wrapper-btn div.dhxform_btn:focus {
	outline: none;
}

.dhxform_obj_dhx_skyblue .wrapper-btn-primary div.dhxform_btn div.dhxform_btn_txt,
.dhxform_obj_dhx_skyblue .wrapper-btn div.dhxform_btn div.dhxform_btn_txt {
	cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: 0;
    border: 1px solid #c9c9c9;
    background: #f4f4f4 none;
    margin: 0 .25em 0 0;
    padding: .345rem .75rem;
    text-transform: none;
    text-shadow: none;
    line-height: 1em;
    font-style: normal;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    border-radius: .28571rem;
    box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
    transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
    -webkit-tap-highlight-color: transparent;
    color: #40402e;
    vertical-align: bottom;
    height: auto;
}
.dhxform_obj_dhx_skyblue .wrapper-btn div.dhxform_btn div.dhxform_btn_txt:hover {
    background: #fff;
}    
    
.dhxform_obj_dhx_skyblue .wrapper-btn-primary div.dhxform_btn div.dhxform_btn_txt {
    background: #8ac007;
    color: #fff;
    border: 1px solid #77a507;
}

.dhxform_obj_dhx_skyblue .wrapper-btn-primary div.dhxform_btn div.dhxform_btn_txt:hover {
    background: #91ca07;
    border-color: #89bd08;
}

.count_lbl{
	font-family:Gadugi;
	font-size: 11px;
	font-weight:normal;
	color: #a2a2a2;
} 

.count_val{
	font-family:Gadugi;
	font-size: 13px;
	font-weight:bold;
	color: #666666;
}


/*  -   --------------------------------   Layout custom skin  --------------------------------   - */
.dhxlayout_base_dhx_skyblue,
.dhxlayout_base_dhx_skyblue .dhxlayout_cont div.dhxlayout_sep {
	background-color: #F6F6F6;
}

.dhxlayout_base_dhx_skyblue .dhxlayout_cont div.dhx_cell_layout div.dhx_cell_hdr {
	border-width: 0;
    background: #EAEAEA;
}

.dhxlayout_base_dhx_skyblue .dhxlayout_cont div.dhx_cell_layout div.dhx_cell_hdr.dhx_cell_hdr_hidden {
	border:none;
}

.dhxlayout_base_dhx_skyblue .dhxlayout_cont div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr {
    background: #DBDBDB;
}
/*  -   --------------------------------   END Layout custom skin  --------------------------------   - */




/*  -   --------------------------------   Input/Select Box Style  --------------------------------   - */
div#gridbox .filter input:not(.form-control), div#gridbox .filter select:not(.form-control),
div.gridbox .filter input:not(.form-control), div.gridbox .filter select:not(.form-control),
.dhx_toolbar_dhx_skyblue div.dhx_toolbar_btn .dhxtoolbar_input {
    box-sizing: border-box;
    outline: 0;
    width: 100%;
    border-radius: 5px;
    background-color: #FEFEFE;
    border: 1px solid #EAEAEA;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.dhx_toolbar_dhx_skyblue div.dhx_toolbar_btn .dhxtoolbar_input {
	display: block;
}

div.dhxcombo_in_grid_parent input.dhxcombo_input,
div#gridbox .filter input, div#gridbox .filter select,
div.gridbox .filter input, div.gridbox .filter select,
.dhx_toolbar_dhx_skyblue div.dhx_toolbar_btn .dhxtoolbar_input,
.gridbox_dhx_skyblue.gridbox .dhx_combo_edit,
.dhx_combo_edit {
    color: var(--text-primary-color) !important;
    font-family: var(--font-family-regular);
    font-size: var(--body-primary-font-size);
    padding: 0.285rem 0.375rem;
    background-color: #FEFEFE;
}

div.dhxcombo_in_grid_parent input.dhxcombo_input {
	padding-top:0;
	padding-bottom: 0;
}

.dhx_toolbar_dhx_skyblue div.dhx_toolbar_btn .dhxtoolbar_input {
	padding-top: 2px;
	padding-bottom: 2px;
}

div#gridbox .filter input:not(.form-control):focus,
div.gridbox .filter input:not(.form-control):focus,
.dhx_toolbar_dhx_skyblue div.dhx_toolbar_btn .dhxtoolbar_input:focus,
.gridbox_dhx_skyblue.gridbox .dhx_combo_edit:focus,
.dhx_combo_edit:focus {
	border: 1px solid #F0A000;
	outline: none;
}

div#gridbox .filter input:focus,
div.gridbox .filter input:focus,
.dhx_toolbar_dhx_skyblue div.dhx_toolbar_btn .dhxtoolbar_input:focus {
	outline: none;
}

div.dhxcombo_dhx_skyblue div.dhxcombo_select_button div.dhxcombo_select_img{
	background-image: none;
}

div.dhxcombo_dhx_skyblue div.dhxcombo_select_button {
	background: transparent;
    border-width: 0;
    height: 100%;
    top: 0;
    right: 0;
}

.dhx_toolbar_dhx_skyblue div.dhxcombo_dhx_skyblue div.dhxcombo_select_button {
	height: 25px;
}

div.dhxcombo_dhx_skyblue div.dhxcombo_select_button div.dhxcombo_select_img:after {
	content: '';
    border: 3px solid transparent;
    border-top: 6px solid #5f5f5f;
    left: 50%;
    top: 50%;
    position: absolute;
    margin: -2px 0 0 -3px;
}

.dhx_toolbar_dhx_skyblue div.dhx_toolbar_text {
	padding-top: 4px;
}

.dhx_toolbar_text #combo div.dhxcombo_dhx_skyblue,
.dhx_toolbar_text.toolbar_combo div.dhxcombo_dhx_skyblue{
	border-width: 0;
	background: transparent;
	height: 27px;
}

.dhx_toolbar_text #combo div.dhxcombo_dhx_skyblue input.dhxcombo_input,
.dhx_toolbar_text.toolbar_combo div.dhxcombo_dhx_skyblue input.dhxcombo_input{
	margin-top: 0;
    width: 100%!important;
    box-sizing: border-box;
    border: 1px solid #EAEAEA;
    left: 0px;
    border-radius: 5px;
    height: 100%;
    top: 0;
    vertical-align: top;
    padding-right: 15px;
}

div.dhxcombo_dhx_skyblue input.dhxcombo_input {
    margin-top: 0;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #EAEAEA;
    left: 0px;
    border-radius: 5px;
    height: 100%;
    top: 0;
    vertical-align: top;
    padding-right: 15px;
}

div.dhxcombo_dhx_skyblue input.dhxcombo_input:focus {
	border-color: #F0A000;
}
/*  -   --------------------------------  END Input/Select Style  --------------------------------   - */


/**/
.dhx_toolbar_dhx_skyblue div.dhx_toolbar_btn.dhxtoolbar_btn_over[data-hoverImg=true],
.dhx_toolbar_dhx_skyblue div.dhx_toolbar_arw.dhxtoolbar_btn_over[data-hoverImg=true] {
	background: none;
	border-color: transparent;
}

div.gridbox_issue.gridbox table.obj tr td.grid_hover,
div.gridbox_issue.gridbox table.obj tr td.grid-hover {
	background: #F2F2F2;
}

div.gridbox_chk.gridbox table.obj tr td.grid_hover,
div.gridbox_chk.gridbox table.obj tr td.grid-hover {
	background: #F2F2F2;
}

div.dhxcombo_dhx_skyblue{
	border-radius: 5px;
	border-width: 0;
	background: transparent;
}