#loading {
    position: fixed;
    height: 100%;
    width: 100%;
   
    top:0%;
    left:0%;
   opacity: 0.7;
   background-color: #000;
   z-index: 99;
   text-align: center;
}

#loading-image {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  z-index: 100;
}
.app-left-panel .webix_tree_branch_2 .webix_tree_item{
	padding-left: 15px !important;
}

.app-left-panel{
	padding-top: 10px !important;
}


/*
.webix_cal_day[aria-label="18 January 2021"]{
background-color: red !important;
}
*/

.webix_cal_blurred_hours[data-value="0"],
.webix_cal_blurred_hours[data-value="1"],
.webix_cal_blurred_hours[data-value="2"],
.webix_cal_blurred_hours[data-value="3"],
.webix_cal_blurred_hours[data-value="4"],
.webix_cal_blurred_hours[data-value="6"],
.webix_cal_blurred_hours[data-value="7"],
.webix_cal_blurred_hours[data-value="8"],
.webix_cal_block[data-value="19"],
.webix_cal_block[data-value="20"],
.webix_cal_block[data-value="21"],
.webix_cal_block[data-value="22"],
.webix_cal_block[data-value="23"],
.webix_hours .webix_cal_block[data-value="0"]
{
background-color: gray !important;
}
.webix_cal_block_min[data-value="20"]{
background-color: white !important;
}
.webix_cal_block_min[data-value="5"]{
background-color: white !important;
}

/* arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: local('Cairo'), local('Cairo-Regular'), url(https://fonts.gstatic.com/s/cairo/v6/SLXGc1nY6HkvalIkTpu0xg.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}
/* latin-ext */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: local('Cairo'), local('Cairo-Regular'), url(https://fonts.gstatic.com/s/cairo/v6/SLXGc1nY6HkvalIvTpu0xg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: local('Cairo'), local('Cairo-Regular'), url(https://fonts.gstatic.com/s/cairo/v6/SLXGc1nY6HkvalIhTps.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.step_form{
border: 1px solid #ed7a23 !important;
}
.step_form_task{
border: 2px solid #ed7a23 !important;
}
.step_form_new{
border-top: 2px solid #ed7a23 !important;
border-bottom: 2px solid #ed7a23 !important;
}

.step_form_new_new{
border-top: 1px solid #ed7a23 !important;
}


.step_test_new{
border-top: none !important;
border-bottom: 2px solid gray !important;
}
.task_working_area{
border: 2px solid #ed7a23 !important;
}
.revision_summary {
    font-size: 13px !important;
}
.webix_cal_footer {
    font-size: 20px !important;
}
/*
.webix_icon.fa-clock-o{
    font-size: 22px !important;
}
*/
.view_form{
    background: #ddd !important;
}
.split_area_form{
    background: #edeff0 !important;
}
.webix_el_textarea.textareareadonly textarea {
   /* background: #ddd !important;*/
    font-weight: bold !important;
    text-align: left !important;
}

.webix_el_textarea.textareareadonly_leave textarea {
    background: #ddd !important;
    /*font-weight: bold !important;*/
    text-align: left !important;
    font-family: "Cairo", serif !important;
}
.webix_el_textarea.textareacenter textarea {
    text-align: center !important;
}


.webix_el_textarea.textareanoradius textarea {
    border-radius: 0px !important;
}

.webix_el_textarea.textareanoradius_ar textarea {
    border-radius: 0px !important;
font-family: "Cairo", serif !important;
text-align: right !important;
direction: rtl !important;	/* Right to Left */
}


.confirm_icon .webix_icon
{
	color: #00ce00;
}
.decline_icon .webix_icon
{
	color: red;
}
.webix_el_textarea.tasknotearea textarea {
    border-radius: 0px !important;
}
.webix_el_textarea.textarea_cairo_font textarea {
    font-family: "Cairo", serif !important;
    text-align: right !important;
    border-radius: 0px !important;
}


.webix_el_textarea.textarea_cairo_font_centered textarea {
    font-family: "Cairo", serif !important;
    text-align: center !important;
    border-radius: 0px !important;
}

.ap_service .webix_inp_label{
display: none !important;
font-weight: normal !important;
}

.ap_service .webix_label_right{
font-weight: normal !important;
cursor: pointer;
padding-top: 0px;
}

.after_fill .webixtype_base{
	background: #9daaa1 !important;
	border-color: #9daaa1;
}

.delete_button .webixtype_base{
	background: #ea2f2f;
	border-color: #ea2f2f;
	border-radius: 6px !important;
}
.need_help .webixtype_base{
	background: #cb2027;
	border-color: #cb2027;
	border-radius: 4px !important;
}
.need_help .webixtype_base:hover{
	background: #e41019;
	border-color: #e41019;
	border-radius: 4px !important;
}
.demo_device_button .webixtype_base{
	background: #51c2ba;
	border-color: #51c2ba;
	border-radius: 4px !important;
}
.word .webixtype_base{
	background: #295497;
	border-color: #295497;
	border-radius: 0px !important;
}
.pdf .webixtype_base{
	background: #b30b00;
	border-color: #b30b00;
	border-radius: 6px !important;
}

.powerpoint .webixtype_base{
	background: #cf3e00;
	border-color: #cf3e00;
	border-radius: 0px !important;
}

.excel .webixtype_base{
	background: #007d47;
	border-color: #007d47;
	border-radius: 0px !important;
}

.autocad .webixtype_base{
	background: #972726;
	border-color: #972726;
	border-radius: 0px !important;
}

.microsoftproject .webixtype_base{
	background: #00b04e;
	border-color: #00b04e;
	border-radius: 0px !important;
}

.primavera .webixtype_base{
	background: #2f272e;
	border-color: #2f272e;
	border-radius: 0px !important;
}
.back_button .webixtype_base{
	background: #404041;
	border-color: #404041;
	border-radius: 4px !important;
}

.back_button .webixtype_base:hover{
	background: #2b2b2d;
	border-color: #2b2b2d;
	border-radius: 4px !important;
}

.help_button .webixtype_base{
	background: rgb(216, 53, 50);
	border-color: rgb(216, 53, 50);
	border-radius: 0px !important;
	font-weight:bold !important;
}

.help_button .webixtype_base:hover{
	background: #e71f1b;
	border-color: #e71f1b;
	border-radius: 0px !important;
	font-weight:bold !important;
}
/*
.course_attachment_button .webixtype_base{
	background: #51c2ba;
	border-color: #51c2ba;
	border-radius: 0px !important;
	font-size: 13px !important;
	text-align: left !important;
	
}
*/
.submit_all .webixtype_base:hover{
    background: #d8a039;
    border-color: #d8a039;
    border-radius: 0px !important;
}
.course_attachment_button .webixtype_base{
	background: transparent !important;
	border-color: transparent !important;
	border-radius: 0px !important;
	font-size: 13px !important;
	text-align: left !important;
	color: gray !important;
	font-weight:bold !important;
	
}
.course_attachment_button .webix_icon {
    color: #3498db;
}
.webix_cal_day_disabled, .webix_cal_day_disabled.webix_cal_event {
    color:#f23939 !important;
    background: #484444 !important;
    cursor: not-allowed !important;
}
.saveexit .webixtype_base {
    background: #13a21a;
    border-color: #13a21a;
    border-radius: 4px !important;
}


.cancel .webixtype_base {
    background: transparent;
    border-color: #ddd;
    border-radius: 4px !important;
    color:#666;
}

.saveexit2 .webixtype_base, .saveexit2 .webix_el_box {
    background: #13a21a;
    border-color: #13a21a;
    border-radius: 4px !important;
    padding: 3px 0px !important;
}

.saveexit3 .webixtype_base, .saveexit3 .webixtype_base .webix_icon{
   	background: #fff;
	border-color: #ddd;
	border-radius: 4px !important;
	padding: 3px 0px !important;
	color: #3498db !important;
}
.saveexit4 .webixtype_base, .saveexit4 .webixtype_base .webix_icon{
   	background: #fff;
	border-color: #ddd;
	border-radius: 4px !important;
	padding: 3px 0px !important;
	color: #13a21a !important;
	border-width:1px;
}
.resubmit4 .webixtype_base, .resubmit4 .webixtype_base .webix_icon{
   	background: #fff;
	border-color: #ddd;
	border-radius: 4px !important;
	padding: 3px 0px !important;
	color: #de5c32 !important;
	border-width:1px;
}
.properties2 .webixtype_base, .properties2 .webixtype_base .webix_icon{
   	background: #edeff0;
	border-color: #ddd;
	border-radius: 4px !important;
	padding: 3px 0px !important;
	color: #3498db !important;
	text-align: left !important;
}



.properties2d .webixtype_base, .properties2d .webixtype_base .webix_icon{
   	background: #edeff0;
	border-color: #ddd;
	border-radius: 4px !important;
	padding: 3px 0px !important;
	color: #de5c32 !important;
	text-align: left !important;
}
.properties3d .webixtype_base, .properties3d .webixtype_base .webix_icon{
   	background: #edeff0;
	border-color: #ddd;
	border-radius: 4px !important;
	padding: 3px 0px !important;
	color: green !important;
	text-align: left !important;
}

.properties2rtl .webixtype_base, .properties2rtl .webixtype_base .webix_icon{
   	background: #edeff0;
	border-color: #ddd;
	border-radius: 4px !important;
	padding: 3px 0px !important;
	color: #3498db !important;
	text-align: right !important;
	direction: rtl !important;
	font-family: "Cairo", serif !important;
	padding-right: 10px !important;
}
.properties2rtld .webixtype_base, .properties2rtld .webixtype_base .webix_icon{
   	background: #edeff0;
	border-color: #ddd;
	border-radius: 4px !important;
	padding: 3px 0px !important;
	color: #de5c32 !important;
	text-align: right !important;
	direction: rtl !important;
	font-family: "Cairo", serif !important;
	padding-right: 10px !important;
}


.sharper_button3rtl.webix_el_button button{
  text-align: center;
  border-color: #ddd !important;
  border-width: 2px !important;
  background-color: #2e8ce2;
  color: #fff !important;
  background-repeat:no-repeat;
  background-size: 0% 100%; 
  transition: background-color .5s;
  font-size:15px;
  font-family: "Cairo", serif !important;
}
.sharper_button3rtl.webix_el_button button:hover{
  border-color: #fff !important;
  border-width: 2px !important;
  background-color:#2e8ce2;
  color: #fff !important;
  background-image:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 10%, rgba(255,255,255,.7) 100%);
  background-repeat:no-repeat;
  background-size: 200% 100%; 
  transition:background-size 1s, background-color 1s, font-weight 1s, border-color 1s;
  /*font-weight: bold;*/
  font-family: "Cairo", serif !important;
}



/*
.new_annex .webixtype_base {
    background: #A15E9D;
    border-color: #A15E9D;
    border-radius: 0px !important;
}
.new_annex .webixtype_base:hover {
    background: #A858A3;;
    border-color: #A858A3;
    border-radius: 0px !important;
}
*/
.new_contract .webixtype_base {
    background: #2470a3;
    border-color: #2470a3;
    border-radius: 0px !important;
}
.new_contract .webixtype_base:hover {
    background: #2f79aa;;
    border-color: #2f79aa;
    border-radius: 0px !important;
}
.new_annex .webixtype_base {
    background: #3498db;
    border-color: #3498db;
    border-radius: 0px !important;
}
.new_annex .webixtype_base:hover {
    background: #41a0df;;
    border-color: #41a0df;
    border-radius: 0px !important;
}
.header_tab_button .webixtype_base:hover {
    background: #0bde1c;
    border-color: #0bde1c;
    border-radius: 0px !important;
}



.next_employee_profile .webixtype_base {
    background: #5da476;
    border-color: #5da476;
    border-radius: 4px !important;
}


.next_employee_profile .webixtype_base:hover {
    background: #58b378;
    border-color: #58b378;
    border-radius: 4px !important;
}


.next_employee_profile2 .webixtype_base {
    background: #5da476;
    border-color: #5da476;
    border-radius: 4px !important;
}


.next_employee_profile2 .webixtype_base:hover {
    background: #58b378;
    border-color: #58b378;
    border-radius: 4px !important;
}


.decline_field_button .webixtype_base {
    background: #de5c32;
    border-color: #de5c32;
    border-radius: 0px !important;
}


.decline_field_button .webixtype_base:hover {
    background: #ec6e46;
    border-color: #ec6e46;
    border-radius: 0px !important;
}



.overallviewfill_Pre-Construction .webixtype_base {
    height:8px !important;
    background: #ffa521;
    border-color: #ffa521;
    border-radius: 0px !important;
    cursor: default !important;
}
.overallviewfill_Pre-Construction5 .webixtype_base {
    height:8px !important;
    background: #ffa521;
    border-color: #ffa521;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #ffa521 5%, white 5%);
    background: -moz-linear-gradient(left, #ffa521 5%, white 5%);
    background: -ms-linear-gradient(left, #ffa521 5%, white 5%);
    background: linear-gradient(left, #ffa521 5%, white 5%);
}
.overallviewfill_Pre-Construction10 .webixtype_base {
    height:8px !important;
    background: #ffa521;
    border-color: #ffa521;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #ffa521 10%, white 10%);
    background: -moz-linear-gradient(left, #ffa521 10%, white 10%);
    background: -ms-linear-gradient(left, #ffa521 10%, white 10%);
    background: linear-gradient(left, #ffa521 10%, white 10%);
}
.overallviewfill_Pre-Construction15 .webixtype_base {
    height:8px !important;
    background: #ffa521;
    border-color: #ffa521;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #ffa521 15%, white 15%);
    background: -moz-linear-gradient(left, #ffa521 15%, white 15%);
    background: -ms-linear-gradient(left, #ffa521 15%, white 15%);
    background: linear-gradient(left, #ffa521 15%, white 15%);
}
.overallviewfill_Pre-Construction20 .webixtype_base {
    height:8px !important;
    background: #ffa521;
    border-color: #ffa521;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #ffa521 20%, white 20%);
    background: -moz-linear-gradient(left, #ffa521 20%, white 20%);
    background: -ms-linear-gradient(left, #ffa521 20%, white 20%);
    background: linear-gradient(left, #ffa521 20%, white 20%);
}
.overallviewfill_Pre-Construction25 .webixtype_base {
    height:8px !important;
    background: #ffa521;
    border-color: #ffa521;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #ffa521 25%, white 25%);
    background: -moz-linear-gradient(left, #ffa521 25%, white 25%);
    background: -ms-linear-gradient(left, #ffa521 25%, white 25%);
    background: linear-gradient(left, #ffa521 25%, white 25%);
}
.overallviewfill_Pre-Construction30 .webixtype_base {
    height:8px !important;
    background: #ffa521;
    border-color: #ffa521;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #ffa521 30%, white 30%);
    background: -moz-linear-gradient(left, #ffa521 30%, white 30%);
    background: -ms-linear-gradient(left, #ffa521 30%, white 30%);
    background: linear-gradient(left, #ffa521 30%, white 30%);
}
.overallviewfill_Pre-Construction35 .webixtype_base {
    height:8px !important;
    background: #ffa521;
    border-color: #ffa521;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #ffa521 35%, white 35%);
    background: -moz-linear-gradient(left, #ffa521 35%, white 35%);
    background: -ms-linear-gradient(left, #ffa521 35%, white 35%);
    background: linear-gradient(left, #ffa521 35%, white 35%);
}
.overallviewfill_Pre-Construction40 .webixtype_base {
    height:8px !important;
    background: #ffa521;
    border-color: #ffa521;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #ffa521 40%, white 40%);
    background: -moz-linear-gradient(left, #ffa521 40%, white 40%);
    background: -ms-linear-gradient(left, #ffa521 40%, white 40%);
    background: linear-gradient(left, #ffa521 40%, white 40%);
}
.overallviewfill_Pre-Construction45 .webixtype_base {
    height:8px !important;
    background: #ffa521;
    border-color: #ffa521;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #ffa521 45%, white 45%);
    background: -moz-linear-gradient(left, #ffa521 45%, white 45%);
    background: -ms-linear-gradient(left, #ffa521 45%, white 45%);
    background: linear-gradient(left, #ffa521 45%, white 45%);
}
.overallviewfill_Pre-Construction50 .webixtype_base {
    height:8px !important;
    background: #ffa521;
    border-color: #ffa521;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #ffa521 50%, white 50%);
    background: -moz-linear-gradient(left, #ffa521 50%, white 50%);
    background: -ms-linear-gradient(left, #ffa521 50%, white 50%);
    background: linear-gradient(left, #ffa521 50%, white 50%);
}
.overallviewfill_Pre-Construction55 .webixtype_base {
    height:8px !important;
    background: #ffa521;
    border-color: #ffa521;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #ffa521 55%, white 55%);
    background: -moz-linear-gradient(left, #ffa521 55%, white 55%);
    background: -ms-linear-gradient(left, #ffa521 55%, white 55%);
    background: linear-gradient(left, #ffa521 55%, white 55%);
}
.overallviewfill_Pre-Construction60 .webixtype_base {
    height:8px !important;
    background: #ffa521;
    border-color: #ffa521;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #ffa521 60%, white 60%);
    background: -moz-linear-gradient(left, #ffa521 60%, white 60%);
    background: -ms-linear-gradient(left, #ffa521 60%, white 60%);
    background: linear-gradient(left, #ffa521 60%, white 60%);
}
.overallviewfill_Pre-Construction65 .webixtype_base {
    height:8px !important;
    background: #ffa521;
    border-color: #ffa521;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #ffa521 65%, white 65%);
    background: -moz-linear-gradient(left, #ffa521 65%, white 65%);
    background: -ms-linear-gradient(left, #ffa521 65%, white 65%);
    background: linear-gradient(left, #ffa521 65%, white 65%);
}
.overallviewfill_Pre-Construction70 .webixtype_base {
    height:8px !important;
    background: #ffa521;
    border-color: #ffa521;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #ffa521 70%, white 70%);
    background: -moz-linear-gradient(left, #ffa521 70%, white 70%);
    background: -ms-linear-gradient(left, #ffa521 70%, white 70%);
    background: linear-gradient(left, #ffa521 70%, white 70%);
}
.overallviewfill_Pre-Construction75 .webixtype_base {
    height:8px !important;
    background: #ffa521;
    border-color: #ffa521;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #ffa521 75%, white 75%);
    background: -moz-linear-gradient(left, #ffa521 75%, white 75%);
    background: -ms-linear-gradient(left, #ffa521 75%, white 75%);
    background: linear-gradient(left, #ffa521 75%, white 75%);
}
.overallviewfill_Pre-Construction80 .webixtype_base {
    height:8px !important;
    background: #ffa521;
    border-color: #ffa521;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #ffa521 80%, white 80%);
    background: -moz-linear-gradient(left, #ffa521 80%, white 80%);
    background: -ms-linear-gradient(left, #ffa521 80%, white 80%);
    background: linear-gradient(left, #ffa521 80%, white 80%);
}
.overallviewfill_Pre-Construction85 .webixtype_base {
    height:8px !important;
    background: #ffa521;
    border-color: #ffa521;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #ffa521 85%, white 85%);
    background: -moz-linear-gradient(left, #ffa521 85%, white 85%);
    background: -ms-linear-gradient(left, #ffa521 85%, white 85%);
    background: linear-gradient(left, #ffa521 85%, white 85%);
}
.overallviewfill_Pre-Construction90 .webixtype_base {
    height:8px !important;
    background: #ffa521;
    border-color: #ffa521;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #ffa521 90%, white 90%);
    background: -moz-linear-gradient(left, #ffa521 90%, white 90%);
    background: -ms-linear-gradient(left, #ffa521 90%, white 90%);
    background: linear-gradient(left, #ffa521 90%, white 90%);
}
.overallviewfill_Pre-Construction95 .webixtype_base {
    height:8px !important;
    background: #ffa521;
    border-color: #ffa521;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #ffa521 95%, white 95%);
    background: -moz-linear-gradient(left, #ffa521 95%, white 95%);
    background: -ms-linear-gradient(left, #ffa521 95%, white 95%);
    background: linear-gradient(left, #ffa521 95%, white 95%);
}
















.overallviewfill_Construction .webixtype_base {
    height:8px !important;
    background: #3ea4f5;
    border-color: #3ea4f5;
    border-radius: 0px !important;
    cursor: default !important;
}
.overallviewfill_Construction5 .webixtype_base {
    height:8px !important;
    background: #3ea4f5;
    border-color: #3ea4f5;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #3ea4f5 5%, white 5%);
    background: -moz-linear-gradient(left, #3ea4f5 5%, white 5%);
    background: -ms-linear-gradient(left, #3ea4f5 5%, white 5%);
    background: linear-gradient(left, #3ea4f5 5%, white 5%);
}
.overallviewfill_Construction10 .webixtype_base {
    height:8px !important;
    background: #3ea4f5;
    border-color: #3ea4f5;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #3ea4f5 10%, white 10%);
    background: -moz-linear-gradient(left, #3ea4f5 10%, white 10%);
    background: -ms-linear-gradient(left, #3ea4f5 10%, white 10%);
    background: linear-gradient(left, #3ea4f5 10%, white 10%);
}
.overallviewfill_Construction15 .webixtype_base {
    height:8px !important;
    background: #3ea4f5;
    border-color: #3ea4f5;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #3ea4f5 15%, white 15%);
    background: -moz-linear-gradient(left, #3ea4f5 15%, white 15%);
    background: -ms-linear-gradient(left, #3ea4f5 15%, white 15%);
    background: linear-gradient(left, #3ea4f5 15%, white 15%);
}
.overallviewfill_Construction20 .webixtype_base {
    height:8px !important;
    background: #3ea4f5;
    border-color: #3ea4f5;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #3ea4f5 20%, white 20%);
    background: -moz-linear-gradient(left, #3ea4f5 20%, white 20%);
    background: -ms-linear-gradient(left, #3ea4f5 20%, white 20%);
    background: linear-gradient(left, #3ea4f5 20%, white 20%);
}
.overallviewfill_Construction25 .webixtype_base {
    height:8px !important;
    background: #3ea4f5;
    border-color: #3ea4f5;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #3ea4f5 25%, white 25%);
    background: -moz-linear-gradient(left, #3ea4f5 25%, white 25%);
    background: -ms-linear-gradient(left, #3ea4f5 25%, white 25%);
    background: linear-gradient(left, #3ea4f5 25%, white 25%);
}
.overallviewfill_Construction30 .webixtype_base {
    height:8px !important;
    background: #3ea4f5;
    border-color: #3ea4f5;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #3ea4f5 30%, white 30%);
    background: -moz-linear-gradient(left, #3ea4f5 30%, white 30%);
    background: -ms-linear-gradient(left, #3ea4f5 30%, white 30%);
    background: linear-gradient(left, #3ea4f5 30%, white 30%);
}
.overallviewfill_Construction35 .webixtype_base {
    height:8px !important;
    background: #3ea4f5;
    border-color: #3ea4f5;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #3ea4f5 35%, white 35%);
    background: -moz-linear-gradient(left, #3ea4f5 35%, white 35%);
    background: -ms-linear-gradient(left, #3ea4f5 35%, white 35%);
    background: linear-gradient(left, #3ea4f5 35%, white 35%);
}
.overallviewfill_Construction40 .webixtype_base {
    height:8px !important;
    background: #3ea4f5;
    border-color: #3ea4f5;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #3ea4f5 40%, white 40%);
    background: -moz-linear-gradient(left, #3ea4f5 40%, white 40%);
    background: -ms-linear-gradient(left, #3ea4f5 40%, white 40%);
    background: linear-gradient(left, #3ea4f5 40%, white 40%);
}
.overallviewfill_Construction45 .webixtype_base {
    height:8px !important;
    background: #3ea4f5;
    border-color: #3ea4f5;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #3ea4f5 45%, white 45%);
    background: -moz-linear-gradient(left, #3ea4f5 45%, white 45%);
    background: -ms-linear-gradient(left, #3ea4f5 45%, white 45%);
    background: linear-gradient(left, #3ea4f5 45%, white 45%);
}
.overallviewfill_Construction50 .webixtype_base {
    height:8px !important;
    background: #3ea4f5;
    border-color: #3ea4f5;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #3ea4f5 50%, white 50%);
    background: -moz-linear-gradient(left, #3ea4f5 50%, white 50%);
    background: -ms-linear-gradient(left, #3ea4f5 50%, white 50%);
    background: linear-gradient(left, #3ea4f5 50%, white 50%);
}
.overallviewfill_Construction55 .webixtype_base {
    height:8px !important;
    background: #3ea4f5;
    border-color: #3ea4f5;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #3ea4f5 55%, white 55%);
    background: -moz-linear-gradient(left, #3ea4f5 55%, white 55%);
    background: -ms-linear-gradient(left, #3ea4f5 55%, white 55%);
    background: linear-gradient(left, #3ea4f5 55%, white 55%);
}
.overallviewfill_Construction60 .webixtype_base {
    height:8px !important;
    background: #3ea4f5;
    border-color: #3ea4f5;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #3ea4f5 60%, white 60%);
    background: -moz-linear-gradient(left, #3ea4f5 60%, white 60%);
    background: -ms-linear-gradient(left, #3ea4f5 60%, white 60%);
    background: linear-gradient(left, #3ea4f5 60%, white 60%);
}
.overallviewfill_Construction65 .webixtype_base {
    height:8px !important;
    background: #3ea4f5;
    border-color: #3ea4f5;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #3ea4f5 65%, white 65%);
    background: -moz-linear-gradient(left, #3ea4f5 65%, white 65%);
    background: -ms-linear-gradient(left, #3ea4f5 65%, white 65%);
    background: linear-gradient(left, #3ea4f5 65%, white 65%);
}
.overallviewfill_Construction70 .webixtype_base {
    height:8px !important;
    background: #3ea4f5;
    border-color: #3ea4f5;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #3ea4f5 70%, white 70%);
    background: -moz-linear-gradient(left, #3ea4f5 70%, white 70%);
    background: -ms-linear-gradient(left, #3ea4f5 70%, white 70%);
    background: linear-gradient(left, #3ea4f5 70%, white 70%);
}
.overallviewfill_Construction75 .webixtype_base {
    height:8px !important;
    background: #3ea4f5;
    border-color: #3ea4f5;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #3ea4f5 75%, white 75%);
    background: -moz-linear-gradient(left, #3ea4f5 75%, white 75%);
    background: -ms-linear-gradient(left, #3ea4f5 75%, white 75%);
    background: linear-gradient(left, #3ea4f5 75%, white 75%);
}
.overallviewfill_Construction80 .webixtype_base {
    height:8px !important;
    background: #3ea4f5;
    border-color: #3ea4f5;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #3ea4f5 80%, white 80%);
    background: -moz-linear-gradient(left, #3ea4f5 80%, white 80%);
    background: -ms-linear-gradient(left, #3ea4f5 80%, white 80%);
    background: linear-gradient(left, #3ea4f5 80%, white 80%);
}
.overallviewfill_Construction85 .webixtype_base {
    height:8px !important;
    background: #3ea4f5;
    border-color: #3ea4f5;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #3ea4f5 85%, white 85%);
    background: -moz-linear-gradient(left, #3ea4f5 85%, white 85%);
    background: -ms-linear-gradient(left, #3ea4f5 85%, white 85%);
    background: linear-gradient(left, #3ea4f5 85%, white 85%);
}
.overallviewfill_Construction90 .webixtype_base {
    height:8px !important;
    background: #3ea4f5;
    border-color: #3ea4f5;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #3ea4f5 90%, white 90%);
    background: -moz-linear-gradient(left, #3ea4f5 90%, white 90%);
    background: -ms-linear-gradient(left, #3ea4f5 90%, white 90%);
    background: linear-gradient(left, #3ea4f5 90%, white 90%);
}
.overallviewfill_Construction95 .webixtype_base {
    height:8px !important;
    background: #3ea4f5;
    border-color: #3ea4f5;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #3ea4f5 95%, white 95%);
    background: -moz-linear-gradient(left, #3ea4f5 95%, white 95%);
    background: -ms-linear-gradient(left, #3ea4f5 95%, white 95%);
    background: linear-gradient(left, #3ea4f5 95%, white 95%);
}



















.overallviewfill_Post-Construction .webixtype_base {
    height:8px !important;
    background: #9acb61;
    border-color: #9acb61;
    border-radius: 0px !important;
    cursor: default !important;
}
.overallviewfill_Post-Construction5 .webixtype_base {
    height:8px !important;
    background: #9acb61;
    border-color: #9acb61;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #9acb61 5%, white 5%);
    background: -moz-linear-gradient(left, #9acb61 5%, white 5%);
    background: -ms-linear-gradient(left, #9acb61 5%, white 5%);
    background: linear-gradient(left, #9acb61 5%, white 5%);
}
.overallviewfill_Post-Construction10 .webixtype_base {
    height:8px !important;
    background: #9acb61;
    border-color: #9acb61;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #9acb61 10%, white 10%);
    background: -moz-linear-gradient(left, #9acb61 10%, white 10%);
    background: -ms-linear-gradient(left, #9acb61 10%, white 10%);
    background: linear-gradient(left, #9acb61 10%, white 10%);
}
.overallviewfill_Post-Construction15 .webixtype_base {
    height:8px !important;
    background: #9acb61;
    border-color: #9acb61;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #9acb61 15%, white 15%);
    background: -moz-linear-gradient(left, #9acb61 15%, white 15%);
    background: -ms-linear-gradient(left, #9acb61 15%, white 15%);
    background: linear-gradient(left, #9acb61 15%, white 15%);
}
.overallviewfill_Post-Construction20 .webixtype_base {
    height:8px !important;
    background: #9acb61;
    border-color: #9acb61;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #9acb61 20%, white 20%);
    background: -moz-linear-gradient(left, #9acb61 20%, white 20%);
    background: -ms-linear-gradient(left, #9acb61 20%, white 20%);
    background: linear-gradient(left, #9acb61 20%, white 20%);
}
.overallviewfill_Post-Construction25 .webixtype_base {
    height:8px !important;
    background: #9acb61;
    border-color: #9acb61;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #9acb61 25%, white 25%);
    background: -moz-linear-gradient(left, #9acb61 25%, white 25%);
    background: -ms-linear-gradient(left, #9acb61 25%, white 25%);
    background: linear-gradient(left, #9acb61 25%, white 25%);
}
.overallviewfill_Post-Construction30 .webixtype_base {
    height:8px !important;
    background: #9acb61;
    border-color: #9acb61;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #9acb61 30%, white 30%);
    background: -moz-linear-gradient(left, #9acb61 30%, white 30%);
    background: -ms-linear-gradient(left, #9acb61 30%, white 30%);
    background: linear-gradient(left, #9acb61 30%, white 30%);
}
.overallviewfill_Post-Construction35 .webixtype_base {
    height:8px !important;
    background: #9acb61;
    border-color: #9acb61;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #9acb61 35%, white 35%);
    background: -moz-linear-gradient(left, #9acb61 35%, white 35%);
    background: -ms-linear-gradient(left, #9acb61 35%, white 35%);
    background: linear-gradient(left, #9acb61 35%, white 35%);
}
.overallviewfill_Post-Construction40 .webixtype_base {
    height:8px !important;
    background: #9acb61;
    border-color: #9acb61;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #9acb61 40%, white 40%);
    background: -moz-linear-gradient(left, #9acb61 40%, white 40%);
    background: -ms-linear-gradient(left, #9acb61 40%, white 40%);
    background: linear-gradient(left, #9acb61 40%, white 40%);
}
.overallviewfill_Post-Construction45 .webixtype_base {
    height:8px !important;
    background: #9acb61;
    border-color: #9acb61;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #9acb61 45%, white 45%);
    background: -moz-linear-gradient(left, #9acb61 45%, white 45%);
    background: -ms-linear-gradient(left, #9acb61 45%, white 45%);
    background: linear-gradient(left, #9acb61 45%, white 45%);
}
.overallviewfill_Post-Construction50 .webixtype_base {
    height:8px !important;
    background: #9acb61;
    border-color: #9acb61;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #9acb61 50%, white 50%);
    background: -moz-linear-gradient(left, #9acb61 50%, white 50%);
    background: -ms-linear-gradient(left, #9acb61 50%, white 50%);
    background: linear-gradient(left, #9acb61 50%, white 50%);
}
.overallviewfill_Post-Construction55 .webixtype_base {
    height:8px !important;
    background: #9acb61;
    border-color: #9acb61;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #9acb61 55%, white 55%);
    background: -moz-linear-gradient(left, #9acb61 55%, white 55%);
    background: -ms-linear-gradient(left, #9acb61 55%, white 55%);
    background: linear-gradient(left, #9acb61 55%, white 55%);
}
.overallviewfill_Post-Construction60 .webixtype_base {
    height:8px !important;
    background: #9acb61;
    border-color: #9acb61;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #9acb61 60%, white 60%);
    background: -moz-linear-gradient(left, #9acb61 60%, white 60%);
    background: -ms-linear-gradient(left, #9acb61 60%, white 60%);
    background: linear-gradient(left, #9acb61 60%, white 60%);
}
.overallviewfill_Post-Construction65 .webixtype_base {
    height:8px !important;
    background: #9acb61;
    border-color: #9acb61;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #9acb61 65%, white 65%);
    background: -moz-linear-gradient(left, #9acb61 65%, white 65%);
    background: -ms-linear-gradient(left, #9acb61 65%, white 65%);
    background: linear-gradient(left, #9acb61 65%, white 65%);
}
.overallviewfill_Post-Construction70 .webixtype_base {
    height:8px !important;
    background: #9acb61;
    border-color: #9acb61;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #9acb61 70%, white 70%);
    background: -moz-linear-gradient(left, #9acb61 70%, white 70%);
    background: -ms-linear-gradient(left, #9acb61 70%, white 70%);
    background: linear-gradient(left, #9acb61 70%, white 70%);
}
.overallviewfill_Post-Construction75 .webixtype_base {
    height:8px !important;
    background: #9acb61;
    border-color: #9acb61;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #9acb61 75%, white 75%);
    background: -moz-linear-gradient(left, #9acb61 75%, white 75%);
    background: -ms-linear-gradient(left, #9acb61 75%, white 75%);
    background: linear-gradient(left, #9acb61 75%, white 75%);
}
.overallviewfill_Post-Construction80 .webixtype_base {
    height:8px !important;
    background: #9acb61;
    border-color: #9acb61;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #9acb61 80%, white 80%);
    background: -moz-linear-gradient(left, #9acb61 80%, white 80%);
    background: -ms-linear-gradient(left, #9acb61 80%, white 80%);
    background: linear-gradient(left, #9acb61 80%, white 80%);
}
.overallviewfill_Post-Construction85 .webixtype_base {
    height:8px !important;
    background: #9acb61;
    border-color: #9acb61;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #9acb61 85%, white 85%);
    background: -moz-linear-gradient(left, #9acb61 85%, white 85%);
    background: -ms-linear-gradient(left, #9acb61 85%, white 85%);
    background: linear-gradient(left, #9acb61 85%, white 85%);
}
.overallviewfill_Post-Construction90 .webixtype_base {
    height:8px !important;
    background: #9acb61;
    border-color: #9acb61;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #9acb61 90%, white 90%);
    background: -moz-linear-gradient(left, #9acb61 90%, white 90%);
    background: -ms-linear-gradient(left, #9acb61 90%, white 90%);
    background: linear-gradient(left, #9acb61 90%, white 90%);
}
.overallviewfill_Post-Construction95 .webixtype_base {
    height:8px !important;
    background: #9acb61;
    border-color: #9acb61;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #9acb61 95%, white 95%);
    background: -moz-linear-gradient(left, #9acb61 95%, white 95%);
    background: -ms-linear-gradient(left, #9acb61 95%, white 95%);
    background: linear-gradient(left, #9acb61 95%, white 95%);
}









.overallviewempty_Pre-Construction .webixtype_base {
    height:8px !important;
    background: white;
    border-color: #ffa521;
    border-radius: 0px !important;
    cursor: default !important;
}
.overallviewempty_Construction .webixtype_base {
    height:8px !important;
    background: white;
    border-color: #3ea4f5;
    border-radius: 0px !important;
    cursor: default !important;
}
.overallviewempty_Post-Construction .webixtype_base {
    height:8px !important;
    background: white;
    border-color: #9acb61;
    border-radius: 0px !important;
    cursor: default !important;
}






.overallviewfill .webixtype_base {
    height:8px !important;
    background: #ffa521;
    border-color: #ffa521;
    border-radius: 0px !important;
    cursor: default !important;
}
.overallviewempty .webixtype_base {
    height:8px !important;
    background: white;
    border-color: #ffa521;
    border-radius: 0px !important;
    cursor: default !important;
}
.overallviewfill2 .webixtype_base {
    height:8px !important;
    background: #ffa521;
    border-color: #ffa521;
    border-radius: 0px !important;
    cursor: default !important;
    background: -webkit-linear-gradient(left, #ffa521 50%, white 70%);
    background: -moz-linear-gradient(left, #ffa521 50%, white 70%);
    background: -ms-linear-gradient(left, #ffa521 50%, white 70%);
    background: linear-gradient(left, #ffa521 50%, white 70%);
}

.assignments .webix_ss_header td {
    border-right: 2px dotted #b0cee3;
    border-left: 2px dotted #b0cee3;
}
.small_font
{
	font-size: 14.5px !important;
	border-color: gray !important;
}


.task_completion .webix_slider_left{
background-color: green !important;
}
.task_completion .webix_slider_right{
background-color: red !important;
}
.task_completion .webix_slider_handle{
display: none !important; 
}

.task_deadline .webix_slider_left{
background-color: red !important;
}
.task_deadline .webix_slider_right{
background-color: green !important;
}
.task_deadline .webix_slider_handle{
display: none !important; 
}
.warning .webixtype_base {
    background: #625d5b;
    border-color: #625d5b;
    border-radius: 6px !important;
}

.warning .webixtype_base:hover {
    background: #403c3b;;
    border-color: #403c3b;;
    border-radius: 6px !important;
}


.success .webixtype_base {
    background: #3bc555;
    border-color: #3bc555;
    border-radius: 6px !important;
}
/*START - Invalid Field*/
.webix_invalid .webix_el_box input{
border-color: #ed4046 !important;
}
/*END - Invalid Field*/

.ratio .webix_el_box input{
text-align: center !important;
}

.arabic_font .webix_el_box input{
font-family: "Cairo", serif !important;
}

.editable .webix_el_box input{
border-color: #3498db !important;
}

.case_devices_add_button .webixtype_base{
	background: #51c2ba;
	border-color: #51c2ba;
	border-radius: 0px !important;
}
.case_devices_add_button .webix_el_box{
padding: 0px !important;
}
.skip_button .webixtype_base{
	background: #43c2e4 !important;
	border-color: #43c2e4 !important;
	border-radius: 0px !important;
}
.close_case_button .webixtype_base{
	background: #de5c32;
	border-color: #de5c32;
	border-radius: 6px !important;
}
/*START Resizer*/
.webix_resizer_x{
    border-color: transparent !important;
}
.webix_resizer_x:focus{
    outline-style: none !important;
}
/*END Resizer*/
/*START Resizer 2*/
.split_resizer.webix_resizer_x{
    border-color: transparent !important;
    background: #dee1e2 !important;
}
.split_resizer.webix_resizer_x:focus{
    outline-style: none !important;
}
/*END Resizer 2*/
/*START - Confirm Message for approving a Case*/
.webix_test_approving .webix_popup_button.confirm div{
  background: #13a21a;   
  border: 0px solid #c7532d;
  border-radius: 6px !important;
  font-family: "Cairo", serif !important;
}
.webix_test_approving .webix_popup_text {
    box-shadow: 0 3px #13a21a inset;
    border-radius: 6px !important;
}


.webix_test_declining .webix_popup_button.confirm div{
  background: #ff0000;   
  border: 0px solid #c7532d;
  border-radius: 6px !important;
  font-family: "Cairo", serif !important;
}
.webix_test_declining .webix_popup_text {
    box-shadow: 0 3px #ff0000 inset;
    border-radius: 6px !important;
}


.webix_test_approving .webix_popup_button div, .webix_test_declining .webix_popup_button div{
	font-family: "Cairo", serif !important;
}
/*END - Confirm Message for approving a Case*/

/*START - Confirm Message for deleting a Case*/
.webix_test_confirm .webix_popup_button.confirm div{
  background: #c7532d;   
  border: 0px solid #c7532d;
  border-radius: 6px;
}

.webix_test_confirm .webix_popup_text {
    box-shadow: 0 3px #c7532d inset;
    border-radius: 0px !important;
    font-size:16px;
}

.webix_test_confirm {
    animation: fadeInDown 0.5s ease-in both;
}

.webix_test_confirm .webix_popup_title{
    font-size:18px;
    text-align:left;
    margin-left:10px;
}


.webix_popup_button div{
	border-radius: 6px;
}
/*END - Confirm Message for deleting a Case*/

.webix_layout_toolbar.webix_toolbar.warning_confirm_cancel{
	background: #c7532d !important;
}
.warning_confirm .webixtype_base {
    background: #c7532d;
    border-color: #c7532d;
    border-radius: 6px !important;
}
.warning_cancel .webixtype_base {
    background: #3498db;
    border-color: #3498db;
    border-radius: 6px !important;
}




.webixtype_base .webix_icon{
color: #fff !important;
}


/*START - Confirm Message for Reopening a Case*/
.webix_test_confirm_reopen .webix_popup_button.confirm div{
  background: #3498db;   
  border: 0px solid #3498db;
  border-radius: 6px;
}

.webix_test_confirm_reopen .webix_popup_text {
    box-shadow: 0 3px #3498db inset;
    border-radius: 6px !important;

}
.webix_test_confirm_reopen .webix_popup_button div{
  background: orange;   
  border: 0px solid orange;
  border-radius: 6px !important;
}


.login_form{
background-color: #ffffffb0 !important;/*#54545475 !important;*/
border-radius: 0px !important;
overflow-y: auto !important;
}
.just_space_form{
background-color: transparent !important;
}
.webix_custom_checkbox{
border-radius: 4 !important;
}
.webix_custom_checkbox::before{
font-size: 13.5px !important;
}


.webix_info div, .webix_info{
background-color: #5cce5c !important;
color: white !important;
text-align: center !important;
}

.webix_message_area{
text-align: center !important;
width:400px !important;
z-index:1000 !important;
}

.eshot_image{
background-color: transparent !important;
}
.eshot_view_close{
background-color: gray !important;
}

.eshot_area {
padding: 0px !important;
color: gray !important;
}

.webix_hcell{
padding: 0px !important;
text-align: center !important;
}


.webix_el_label.construction_header_numbers{
font-size: 11px !important;
}

.webix_el_label.note{
color: gray !important;
}


.webix_el_label.border{
border-width: 1px !important;
}

.webix_el_label.clickable_text{
cursor: pointer !important;
}
.webix_tree_item:hover{
/*color: #43c2e4 !important;*/
color: orange !important;
cursor: pointer;
}

.webix_el_label.director_edit_resource span{
cursor: pointer !important;
}
.webix_el_label.director_edit_resource span:hover{
color: #43c2e4 !important;
}

.webix_el_label.icon_guide_approved{
cursor: pointer !important;
}
.webix_el_label.icon_guide_approved:hover{
color: green !important;
}
.webix_el_label.icon_guide_declined{
cursor: pointer !important;
}
.webix_el_label.icon_guide_declined:hover{
color: red !important;
}
.webix_el_label.icon_guide_in_progress{
cursor: pointer !important;
}
.webix_el_label.icon_guide_in_progress:hover{
color: black !important;
}

.please_wait, .please_wait *
{
background-color: transparent !important;
border-color: transparent !important;
font-size:17px !important;
color: black !important;
font-weight:bold !important;
box-shadow: none !important;
}


a
{
    color: #fff !important;
    text-decoration: underline !important;
}

.webix_el_label.total_lump_sum{
color: #ffa521 !important;
font-weight:bold !important;
}
.webix_el_label.total_cost{
color: #9acb61 !important;
font-weight:bold !important;
}
.webix_el_label.ap_total{
color: #27ae60 !important;
font-weight:bold !important;
}
.webix_el_label.external_resources{
color: #f55b50 !important;
font-weight:bold !important;
}
.webix_el_label.total_laump_sum{
color: #21a497 !important;
font-weight:bold !important;
}
.webix_el_label.total_laump_sum_per_meter{
color: #3ea4f5 !important;
font-weight:bold !important;
}

/*Mutasem - cairo_font_bold*/
.cairo_font_bold{
font-family: "Cairo", serif !important;
font-weight:bold !important;
}
/*Mutasem - cairo_font*/
.cairo_font{
font-family: "Cairo", serif !important;
}


.test_font{
font-family: "Cairo", serif !important;
}
.webix_el_label.cairo_fonttest{
font-family: "Cairo", serif !important;
}
.webix_el_combo.cairo_fonttest input{
font-family: "Cairo", serif !important;
text-align: center !important;
border-radius: 0px !important;
}


.webix_el_combo.arabic_font_combo input{
font-family: "Cairo", serif !important;
}



.webix_el_combo.rtl_only_combo input{
direction: rtl !important;
}


.webix_el_combo.cairo_fonttest span.webix_input_icon{
border-radius: 0px !important;
}


.webix_el_datepicker.invoice .webix_inp_static, .webix_el_datepicker.invoice span.webix_input_icon{
border-radius: 0px !important;
}
.webix_el_datepicker.invoice .webix_inp_static{
text-align: center !important;
}

.webix_el_combo.revision input{
text-align: center !important;
border-radius: 4px !important;
}

.webix_el_combo.revision_new input{
text-align: center !important;
border-radius: 0px !important;
}

.revision_new.webix_el_combo span.webix_input_icon{
background: transparent !important;
color: #666 !important;
}
.webix_el_combo.revision span.webix_input_icon{
border-radius: 0px !important;
}
.webix_list_item{
font-family: "Cairo", serif !important;
cursor: default !important;
} 

.my_style_raise{
background: #5EA162 !important;
color: white !important;
}
.my_style_annex{
background: #A15E9D !important;
color: white !important;
}

.centered_text{
text-align: center !important;
/*color: #cfc3c3 !important;*/
}
.centered_text_arabic{
text-align: center !important;
font-family: "Cairo", serif !important;
}
.cario_font{
font-family: "Cairo", serif !important;
}
.rtl{
     direction: rtl !important;
     font-family: "Cairo", serif !important;
}
.rtl_only{
     direction: rtl !important;
}
.arabic_font{
font-family: "Cairo", serif !important;
}
.padding_right{
	padding-right: 15px !important;
}




.arabic_font .webixtype_base{
font-family: "Cairo", serif !important;
}

.arabic_font.webix_popup_title{
font-family: "Cairo", serif !important;
}

.arabic_font .webix_popup_button{
  background: #13a21a;   
  border: 0px solid #c7532d;
  border-radius: 6px !important;
  font-family: "Cairo", serif !important;
}
.rtl.webix_el_search input,.rtl.webix_input_icon{
font-family: "Cairo", serif !important;
text-align: right !important;
padding-right: 35px;
width: 100% !important;
}
/*
.rtl.webix_el_search .webix_input_icon{
right: auto !important;
left: 5px !important;
}
*/
.accounting_tree_rtl {
     direction: rtl !important;
     font-family: "Cairo", serif !important;
}
.accounting_tree_rtl .webix_tree_close, .accounting_tree_rtl .webix_tree_open, .accounting_tree_rtl .webix_tree_line1, .accounting_tree_rtl .webix_tree_line3{
float: right!important;
transform: rotate(180deg);
}
.accounting_tree_rtl .webix_tree_line2{
float: right!important;
transform: rotate(270deg);
}

.accounting_tree_rtl .webix_tree_item{
float: right!important;
}


.accounting_tree_rtl .webix_tree_close, .accounting_tree_rtl .webix_tree_open{
margin-top: 7px !important;
}
.accounting_tree_rtl .webix_tree_line3{
margin-top: 3px !important;
}
.accounting_tree_rtl .webix_tree_line2{
transform: scaleX(-1) !important;
margin-top: 4px !important;
}


.test_trash{
display: none !important;
}


/*Remove Dots border from the tabs!!!*/
.webix_view a.webix_list_item:focus, .webix_view div:focus, .webix_view span:focus, .webix_view.webix_window:focus {
    outline-style: none !important;
}

.webix_el_text.full_name_ar input{
font-family: "Cairo", serif !important;
text-align: right !important;
direction: rtl !important;	/* Right to Left */
}

.webix_el_text.just_font input{
font-family: "Cairo", serif !important;
}

.just_font{
font-family: "Cairo", serif !important;
}

.webix_el_text.centered_text input{
text-align: center !important;
font-family: "Cairo", serif !important;
/*color: #cfc3c3 !important;*/
}

.webix_el_text.no_radius input{
	border-radius: 0px !important;
}

.webix_el_text.centered_text_title input{
text-align: center !important;
font-weight:bold !important;
font-family: "Cairo", serif !important;
border-radius: 0px !important;

/*color: #cfc3c3 !important;*/
}


.webix_el_text.centered_text_title_border input{
border-top-width:0px;
border-right-width:0px;
border-left-width:0px;
border-bottom-width:2px;
background-color: transparent;
}
.webix_el_text.centered_text_title_border input:hover{
cursor: default;
}



.centered_text_title_border{
font-weight:bold !important;
background-color: #5e5e5e !important;
color: #fff;
}
.test_left_border{
border-left-color:#edeff0 !important;
}
.no_margin_top{
	margin-top: 0px !important;
}


.no_padding_left{
	margin-left: 0px !important;
}




.webix_el_text.centered_text_title_border_totals input{
border-top-width:0px;
border-right-width:0px;
border-left-width:0px;
border-bottom-width:2px;
background-color: transparent;
}


.webix_el_text.right_text input{
text-align: right !important;
font-family: "Cairo", serif !important;
/*color: #cfc3c3 !important;*/
}

.webix_el_textarea.right_text textarea {
    text-align: right !important;
  border-radius: 0px !important;
font-family: "Cairo", serif !important;
}
.no_bg2{
background-color: transparent !important;
width: 98% !important;
}
.bg2{
background-color: #fff !important;
}
.no_bg2_new{
background-color: transparent !important;
border-radius: 0px !important;
border-width: 0px !important;
}



.no_bg3{
background-color: #edeff0 !important;
}

.company_logo{
background: #edeff0;
font-size:20px;
padding-top:2px;
}


.message_contact_name{
font-size : 17px;
}

.left_align
{
	text-align: left !important;
}
.center_align
{
	text-align: center !important;
}
.right_align
{
	text-align: right !important;
}
.justify
{
	text-align: justify !important;
}
.loader {
position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin: -75px 0 0 -75px;
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #0082c8;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}





/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 150px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
  /*  padding: 5px 0;*/
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
  /*  margin-left: -160px; */
    
    /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
    opacity: 0;
    transition: opacity 1s;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}



.access_methods_space{
background-color: transparent !important;
}
.access_methods_space_journey_editor{
background-color: gray !important;
}
.facebook_button{

    background-color: #3A5795!important;
    border-color: #152037 !important;
    color: white !important;
    text-align: center !important;
    border-radius: 6px !important;
    width: 228px !important;
}
.facebook_button:hover{
    background-color: #6c89c6 !important;
    border-color: #24365c !important; 
}
.twitter_button{

    background-color: #00aced!important;
    border-color: #00384d !important;
    color: white !important;
    text-align: center !important;
    border-radius: 6px !important;
    width: 228px !important;
}
.twitter_button:hover{
    background-color: #4dceff !important;
    border-color: #0082b3 !important;   
}
.form_button{

    background-color: #00aced!important;
    border-color: #00384d !important;
    color: white !important;
    text-align: center !important;
    border-radius: 6px !important;
    width: 228px !important;
}
.form_button:hover{
    background-color: #4dceff !important;
    border-color: #0082b3 !important;  
}
.voucher_button{

    background-color: #8035D1!important;
    border-color: #152037 !important;
    color: white !important;
    text-align: center !important;
    border-radius: 6px !important;
    width: 228px !important;
}
.voucher_button:hover{
    background-color: #9F54F0 !important;
    border-color: #24365c !important; 
}

.access_methods_preview{
text-align: center !important;
background-color: transparent !important;
border: 0 !important;
}


.webix_row_select{
/*background: #d8a039 !important;*/
background: #f9aa1a !important;
color: black !important;
}


.hidden_selection .webix_row_select{
background: none !important;
}

.selected_engineers{
color: #35968f;
}


.overview{
border: 1px solid gray !important;
}
.groups_overview, .avg_users_per_day_overview, .cumulative_users_overview, .avg_users_per_month_overview, .most_popular_age_overview{
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
background-color: white;
}
.venues_overview{
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
background-color: white;
}
.aps_overview{
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
background-color: white;
}
.ssids_overview{
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
background-color: white;
}
.count_number{
  -webkit-transition: color 2s ease-out;
  -moz-transition: color 2s ease-out;
  -o-transition: color 2s ease-out;
  transition: color 2s ease-out;
color: #666;
}

.count_number:hover{

cursor: pointer;
font-size:17px !important;
color: #22cf1e;
font-weight:bold;
}
.count_number_users{
  -webkit-transition: color 2s ease-out;
  -moz-transition: color 2s ease-out;
  -o-transition: color 2s ease-out;
  transition: color 2s ease-out;
color: #666;
}

.count_number_users:hover{

cursor: pointer;
color: #22cf1e;
font-weight:bold;
}
.report_title
{
	font-size:25px !important;
	color: orange;
}
.test_con
{
    background-color: #5e5e5e;
    border: 3px solid #f1f1f1 !important;
}
.white_font{
color: #fff !important;
}
.black_font{
    color: #000 !important;
    }
.test_con_header
{
    background-color: white;
    border-bottom: 3px solid #79a4b6 !important;
}
.revision_header
{
    background-color: #808080;/*#de5c32;*/
    /*border-radius: 0px 4px 4px 0px!important;*/
    border-radius: 4px !important;
    border-width:0px !important;
    border-color: #fff !important;
}

.webix_el_label.revision_header
{
    color: white !important;
}
.test_tpg
{
    background-color: #b0ef8b;
    font-size:13px !important;
    vertical-align: center !important;
}
.test_con_logo
{
	border-bottom-width: 3px !important;
	border-bottom-color: #009fde !important;
  	border-image:   linear-gradient(to right, white 20%, #009fde 75%) 5;
}
.report_number, .engineer_opened_cases_report_number, .engineer_closed_cases_report_number, .engineer_new_cases_report_number{
  -webkit-transition: color 2s ease-out;
  -moz-transition: color 2s ease-out;
  -o-transition: color 2s ease-out;
  transition: color 2s ease-out;
font-size:25px !important;
color: #666;
}




.overview_tasks span{
  -webkit-transition: color 2s ease-out;
  -moz-transition: color 2s ease-out;
  -o-transition: color 2s ease-out;
  transition: color 2s ease-out;
font-size:16px;
color: #666;
}
.overview_tasks span:hover{
	cursor: pointer;
	color: orange;
	font-weight:bold;
}


.webix_el_label.overview_tasks_new{
	border-top-width: 0px !important;
	border-left-width: 0px !important;
	border-bottom-width: 3px !important;
	border-right-width: 3px !important;
	border-color: #bcbbbb
}
.webix_el_label.overview_tasks_in_progress{
	border-top-width: 0px !important;
	border-left-width: 1px !important;
	border-bottom-width: 3px !important;
	border-right-width: 0px !important;
	border-color: #bcbbbb
}

.device_overview{
font-size:18px !important;
color: orange;
}

.overview_titles{
	font-size:15px !important;
}
.weekly_report_numbers
{
	font-size:13px !important;
}
.webix_list_item:hover {
    border-bottom: 1px solid #ebebeb;
    padding: 2px 10px;
    color: white !important;
    background : none !important;
    /* font-weight: bold; */
    background-color: #4ca8e6 !important;
}
.webix_list .webix_list_item.webix_selected {
    border-bottom: 1px solid #ebebeb;
    padding: 2px 10px;
    color: white !important;
    background : none !important;
    font-weight: bold;
    background-color: #3498db !important;
}
.notification .webix_icon, .logout .webix_icon, .toggle_bars .webix_icon{
color:#666;
font-size:26px;
transition: transform 0.5s; /* Animation */
}

.notification:hover .webix_icon, .logout:hover .webix_icon, .toggle_bars:hover .webix_icon{
transform: scale(1.1);
color:#000;
}





span.webix_icon.Pre-Construction.fa-circle
{
    color: #ffa521 !important;
}
span.webix_icon.Construction.fa-circle
{
    color: #3ea4f5 !important;
}
span.webix_icon.Post-Construction.fa-circle
{
    color: #9acb61 !important;
}

.just_icon .webix_icon_button:hover{
cursor: default;
background-color: transparent !important;
}


.action_icon .webix_icon_button:hover{
cursor: pointer;
color: #0082c8 !important; /*Does not work in Firefox*/
}


.refresh .webix_icon_button .webix_icon:hover{
color:#3498db;
}
.engineer_opened_cases .webix_icon_button:hover{
cursor: default;
color: #3498db;
}

.engineer_opened_cases .webix_icon_button .webix_icon{
color: #cc3030;
}
.engineer_closed_cases .webix_icon_button .webix_icon{
color: green;
}
.engineer_new_cases .webix_icon_button .webix_icon{
color: #e69d17;
}

.device_overview_details{
text-align: center;
}

.device_overview_available{
color: orange;
}


#first_form{
background-color: red !important;
}
.report_number b:hover{
	cursor: pointer;
	color: orange;
	font-weight:bold;
}

.engineer_opened_cases_report_number:hover{
cursor: pointer;
color: #cc3030;
font-weight:bold;
}

.engineer_closed_cases_report_number:hover{
cursor: pointer;
color: green;
font-weight:bold;
}

.engineer_new_cases_report_number:hover{
cursor: pointer;
color: #e69d17;
font-weight:bold;
}


.webix_el_button button, .webix_el_button input, .webix_el_text input, .webix_el_combo input, .webix_el_combo span.webix_input_icon{
border-radius: 4px !important;
}


#myDiv {
  display: none;
  text-align: center;
}

.cutomer_name_title{
color: #666;
font-size:16px;
}

.webix_el_datepicker input{
border-radius: 0 0px 0px 0 !important;
}
.webix_el_datepicker span.webix_input_icon, .webix_el_datepicker .webix_inp_static{
border-radius: 6px !important;
}
/*
.webix_inp_counter_next, .webix_inp_counter_prev{
border-radius: 6px !important;
}
*/

.tree{
overflow: auto !important;
}

.test_right{
	border-right-width: 3px !important;
  	border-color:   white !important;
  	border-image:   linear-gradient(to top, #1f6bad 0.5%, #ddd 98%) 5;
}

.white_bg{
    background-color: #fff !important;
    }

.green_bg{
background-color: #5cce5c !important;
}
.white_font{
color: white !important;
}
.portal_header{
/*border-bottom: 1px solid gray!important;*/
background: #edeff0 !important;/*#606162 !important;*/
margin: 0px !important;
padding-right: 10px;
/*border-top-width: 3px !important;*/
border-bottom-width: 3px !important;
border-image:   linear-gradient(to left, #1f6bad 0.5%, #ddd 98%) 5;
}
.test_subview{
margin-left:100px !important;
}
.tab_content{
margin-top: 0px !important;
}


.richtext{
border-radius: 6px !important;
}


.rate_color{
color: #fdc425 !important;
}


.my_task{

	border-color: red;
}

/*Combobox style*/
.new_style.webix_el_combo span.webix_input_icon, .new_style.webix_el_datepicker span.webix_input_icon {
background-color: #328a8e !important;
color: #fff !important;
}
.new_style.webix_el_combo input{
border-color: #d9d9d9;
}
.new_style.webix_el_text input{
border-color: #d9d9d9;
}


.new_input_style.webix_el_text input, .new_input_style.webix_el_datepicker input, .new_input_style.webix_el_combo input{
border-radius: 0px !important;
border-top-width: 0px;
border-right-width: 0px !important;
border-left-width: 0px !important;
font-weight: bold !important;
}


.new_input_style.webix_el_text input:focus, .new_input_style.webix_el_datepicker input:focus, .new_input_style.webix_el_combo input:focus{
border-top-width: 0px;
border-right-width: 0px !important;
border-left-width: 0px !important;
border-bottom-width: 3px !important;
box-shadow:none !important;
}


.new_input_style.webix_el_datepicker span.webix_input_icon, .new_input_style.webix_el_combo span.webix_input_icon{
display: none !important;
}





.new_input_style_login.webix_el_text input, .new_input_style_login.webix_el_datepicker input, .new_input_style_login.webix_el_combo input{
border-radius: 0px !important;
border-top-width: 0px;
border-right-width: 0px !important;
border-left-width: 0px !important;
font-weight: bold !important;
background: transparent !important;
color: #fff !important;
}


.new_input_style_login.webix_el_text input:focus, .new_input_style_login.webix_el_datepicker input:focus, .new_input_style_login.webix_el_combo input:focus{
border-top-width: 0px;
border-right-width: 0px !important;
border-left-width: 0px !important;
box-shadow:none !important;
}


.new_input_style_login.webix_el_datepicker span.webix_input_icon, .new_input_style_login.webix_el_combo span.webix_input_icon{
display: none !important;
}




.filter_title{
color:gray !important;
}

.portal_tables{
/*border: 2px solid #e8e8e8 !important;*/
border: #fff !important;
border-width: 5px !important;
}
.portal_tables .webix_cell:nth-child(2n){
background-color: #eaeaeaa3;/*#eaeaea;*/
}

.webix_ss_header TD, .webix_ss_vscroll_header{
background: #f1f1f1 !important; /*#51596a*/
color: #666 !important;
border-color: #ebebeb !important;
border-width: 4px !important;
font-family: arial, verdana, sans-serif;
font-size: 16px;
}




.products_tree .webix_cell{
margin: 15px;
}

.products_tree .webix_cell[aria-level="2"], .products_tree .webix_cell[aria-level="3"], .products_tree .webix_cell[aria-level="4"], .products_tree .webix_cell[aria-level="5"], .products_tree .webix_cell[aria-level="6"]{
margin: 0px;
/*animation: fadeIn 0.5s ease-in both;*/
}


.products_tree .webix_cell[aria-level="4"]{
/*background-image: linear-gradient(90deg, #ffbd76 31%, #fff 82%) !important;*/
background-image: linear-gradient(90deg, #d1d1d1 31%, #fff 82%);
}






.webix_tree_checkbox{
margin: 0px 5px 0px 5px;
}




.webix_window,.webix_modal_box
{
    border-radius: 4px !important;
    /*box-shadow: 1px 1px 2px 2px #ddd !important;*/
}


.webix_el_search .webix_el_box {
    padding: 0px !important;
    border-radius: 6px !important;
}

.webix_el_search .webix_input_icon{
font-size: 22px !important;
padding-right: 5px !important;
}

.webix_el_search input {
	/*
    border-width: 2px !important;
    border-color: #ddd !important;
    */
    border-width: 0px !important;
}

.shadow_form{
	box-shadow: 2px 2px 4px 5px #ccc !important;
	border-bottom-color: #328a8e; /*#8b8b8b*/
	border-top-color: #328a8e;
	border-bottom-width: 4px !important;
	border-top-width: 4px !important;
	border-right-width: 0px !important;
	border-left-width: 0px !important;
}
.shadow_right{
/*box-shadow: 2px 2px 4px 5px #ccc !important;*/
	border-color: #8b8b8b;
	border-bottom-width: 0px !important;
	border-top-width: 0px !important;
	border-right-width: 4px !important;
	border-left-width: 0px !important;
}



.button_new .webixtype_base {
	border: 1px solid #009ede !important;
	background: #009ede !important;
	color: #fff !important;
	font-weight: bold !important;
	font-size: 16px !important;
	border-radius: 3px !important;
}
.button_new .webixtype_base:hover {
	border: 1px solid #2498da !important;
	background: #2498da !important;
}

.split_slider_left .webix_slider_box .webix_slider_left {
    background: #3498db !important;
}
.split_slider_left .webix_slider_box .webix_slider_right {
    background: #f00 !important;
}

.split_slider_right .webix_slider_box .webix_slider_right {
    background: #3498db !important;
}
.split_slider_right .webix_slider_box .webix_slider_left {
    background: #f00 !important;
}



.split_slider_left_swapped .webix_slider_box .webix_slider_left {
    background: #f00 !important;
}

.split_slider_right_swapped .webix_slider_box .webix_slider_right {
    background: #3498db !important;
}


.personal_leave_gap .webixtype_base {
    height:6px !important;
    background: #f00;
    border-color: #f00;
    border-radius: 0px !important;
    cursor: default !important;
}

.other_leave_gap .webixtype_base {
    height:6px !important;
    background: #3498db;
    border-color: #3498db;
    border-radius: 0px !important;
    cursor: default !important;
}

.swap_gaps{
    cursor: pointer !important;
}


div.webix_item_tab{
font-size: 17px !important;
}


div.webix_item_tab{
background: #edeff0;/*#869596;/* #dfe0e1;*/
color: #666;
border-color: #666;
border-top-width: 0;
	border-right-width: 0;
	border-left-width: 0;
border-radius: 0px;
border-bottom-width: 5px;

font-family: "Cairo", serif !important;
}
.webix_item_tab.webix_selected {
	border-color: #ffa517;
	border-bottom-width: 5px;
	border-top-width: 0;
	border-right-width: 0;
	border-left-width: 0;
	font-family: "Cairo", serif !important;
	border-radius: 0px;
}
.webix_after_all_tabs {
    background: transparent; /*#fff*/
    border-width: 0px !important;
}
.webix_tab_filler{
display: none !important;
}
.bottom_border{
border-bottom: 1px solid #ddd !important;
}
.top_border{
border-top: 2px solid #ddd !important;
padding: 2px;
margin-top: 10px !important;
}
.bottom_border_new{
border-bottom: 2px solid #ddd !important;
}

.top_border_light{
border-top: 1px solid #ddd !important;
padding: 2px;
margin-top: 10px !important;
}

.top_margin{
margin-top: 10px !important;
}


.full_border{
border: 2px solid #ddd !important;
}

.full_border_new{
border: 2px solid #ddd !important;
background-color: #ddd !important; 
}

.webix_view.webix_form.total_tasks_space {
    border-width:0px !important;
    border-left-width: 12px !important;
    border-left-color: #7b53cb !important;
    /* border-color: #878787 !important; */
    border-radius: 4px !important;
}
.webix_view.webix_form.total_well_done_space {
    border-width:0px !important;
    border-left-width: 12px !important;
    border-left-color: #1cabff !important;
    /* border-color: #878787 !important; */
    border-radius: 4px !important;
}
.webix_view.webix_form.total_gaps_space {
    border-width:0px !important;
    border-left-width: 12px !important;
    border-left-color: #c6865c !important;
    /* border-color: #878787 !important; */
    border-radius: 4px !important;
}
.overview_icon{
	margin-left: 0px !important;
}
.right_border{
border-right: 3px solid #ddd !important;
}

.overlay{
    background: rgba(39,62,84,0.82);
    overflow: hidden;
    height: 100%;
    z-index: 2;
}

.animated.swing{-webkit-animation-duration:8s;animation-duration:8s}

.hitest .webix_switch_box{
background-color: #565657 !important;
color: orange !important;
/*border: 2px solid #ddd !important;*/
border-radius: 6px !important;
border: 2px solid #fff !important;
height:26px !important;
}
.assign_report .webix_switch_box{
background-color: #fff !important;
color: #666666 !important;
border: 1px dashed #6c655c !important;
border-radius: 0px !important;
}
.assign_report .webix_switch_handle{
background-color: orange !important;
border-radius: 0px !important;
}

span.webix_icon.no_point_2:hover{
cursor: default !important;
color: none !important;
background-color: transparent !important;
}

span.webix_icon.no_point_3:hover{
cursor: default !important;
color: #666 !important;
background-color: transparent !important;
}

span.webix_icon.no_point_4:hover{
cursor: default !important;
color: #fff !important;
background-color: transparent !important;
}

span.webix_icon.no_point_red:hover{
cursor: default !important;
color: red !important;
background-color: transparent !important;
}

span.webix_icon.no_point_green:hover{
cursor: default !important;
color: #1d9e74 !important;
background-color: transparent !important;
}

.border_50{
border-width: 3px !important;
}
.bottom_border{
border-bottom-width: 1px;
}


.straight_border{
border-radius: 0px !important;
border-width: 2px !important;
border-left-width:0px !important;
border-right-width:0px !important;
}


span.webix_icon.point_3,span.webix_icon.point_3:hover{
cursor: default !important;
font-size:23px !important;
color: #fff !important;
background-color: transparent !important;
}
span.webix_icon.point_4{
font-size:25px !important;
}
span.webix_icon.point_4:hover{
cursor: pointer !important;
font-size:25px !important;
}


.no_bg{
background-color: transparent !important;
}

.no_bg_old{
    background-color: transparent !important;
    border-radius: 6px !important;
    border-color: #ddd !important;
    border-width:2px !important;
}


.no_bg_child{
border-radius: 0px !important;
border-color: #ddd !important;
border-width:0px !important;
border-bottom-width: 2px !important;
}
.webix_canvas_text{
font-size: 14px !important;
color: #fff !important;
}

.webix_chart_legend_item{
font-size: 14px !important;
padding: 0px;
}
.underline b:hover{ /*.webix_cell to make the selection indivtually not all the column!*/
cursor: pointer;
text-decoration: underline;
color: #0082c8 !important;
}

.underline_login_info b:hover{ /*.webix_cell to make the selection indivtually not all the column!*/
cursor: pointer;
text-decoration: underline;
}


.underline_text:hover{ /*.webix_cell to make the selection indivtually not all the column!*/
cursor: pointer;
text-decoration: underline;
font-weight: bold
}

.underline_new .clickable:hover{ /*.webix_cell to make the selection indivtually not all the column!*/
cursor: pointer;
text-decoration: normal;
color: #0070c0 !important;
}


.underline_new_group .clickable:hover, .underline_new_group b:hover{ /*.webix_cell to make the selection indivtually not all the column!*/
cursor: pointer;
text-decoration: normal;
color: #0070c0 !important;
font-weight: bold
}

.currently_selected span{ /*.webix_cell to make the selection indivtually not all the column!*/
cursor: pointer;
text-decoration: normal;
color: #0070c0 !important;
font-weight: bold
}



.webix_view .webix_tree_close,.webix_view .webix_tree_open{
	font-size: 20px !important;
}


.new_currently_selected :hover{ /*.webix_cell to make the selection indivtually not all the column!*/
cursor: pointer;
text-decoration: normal;
color: #0070c0 !important;
}

.upload_image:hover, .only_pointer:hover{ /*.webix_cell to make the selection indivtually not all the column!*/
cursor: pointer;
}

.only_pointer_new span:hover{ /*.webix_cell to make the selection indivtually not all the column!*/
cursor: pointer;
}

.no_dispaly{
display: none !important;
}


.only_pointer_img img:hover{
cursor: pointer;
}


.test_personal_image{
border-color: orange;
border-width: 3px !important;
}
.test_personal_image_declined{
border-color: red;
border-width: 3px !important;
}
.test_personal_image_approved{
border-color: #5da476;
border-width: 3px !important;
}
.got_approved_color .webixtype_base {
    height:20px !important;
    background: green;
    border-color: green;
    border-radius: 0px !important;
    cursor: default !important;
    vertical-align: middle !important;
}
.approved_color .webixtype_base {
    height:20px !important;
    background: #666;
    border-color: #666;
    border-radius: 0px !important;
    cursor: default !important;
    vertical-align: middle !important;
}
.declined_color .webixtype_base {
    height:20px !important;
    background: #f00;
    border-color: #f00;
    border-radius: 0px !important;
    cursor: default !important;
    vertical-align: middle !important;
}
.changed_color .webixtype_base {
    height:20px !important;
    background: orange;
    border-color: orange;
    border-radius: 0px !important;
    cursor: default !important;
    vertical-align: middle !important;
}



.no_dispaly{
display:none !important;
}


.got_approved_color_edit .webixtype_base {
    height:12px !important;
    background: green;
    border-color: green;
    border-radius: 0px !important;
    cursor: default !important;
    /*vertical-align: middle !important;*/
}
.approved_color_edit .webixtype_base {
    height:12px !important;
    background: #666;
    border-color: #666;
    border-radius: 0px !important;
    cursor: default !important;
    /*vertical-align: middle !important;*/
}
.declined_color_edit .webixtype_base {
    height:12px !important;
    background: #f00;
    border-color: #f00;
    border-radius: 0px !important;
    cursor: default !important;
    /*vertical-align: middle !important;*/
}
.changed_color_edit .webixtype_base {
    height:12px !important;
    background: orange;
    border-color: orange;
    border-radius: 0px !important;
    cursor: default !important;
    /*vertical-align: middle !important;*/
}




.datatable_name_click{
font-weight: normal !important;
}
.datatable_name_click:hover{
cursor: pointer;
text-decoration: underline;
color: #0082c8 !important;
}

.fasel_title{
background-color: orange !important;
}

.fasel{
background-color: #666666 !important;
}
.fasel2{
	border-color: #666666; /*#8b8b8b*/
	border-bottom-width: 4px !important;
	border-top-width: 0px !important;
	border-right-width: 0px !important;
	border-left-width: 0px !important;
}
.assign_report_form{
border: 2px solid orange !important;
}


.hitest .webix_switch_handle{
background-color: orange !important;
border: 0px !important;
border-radius: 5px !important;
height:23px !important;
box-shadow: none;
width:19px !important;
}



.test_label{
text-align: left !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
border-width: 2px !important;
}

.overview_tabs .webix_view.webix_control.webix_el_tabbar{
display:none !important;
padding: 0 !important;
margin:0 !important;
}

span.webix_icon.fa-cubes:hover, span.webix_icon.fa-pencil:hover, span.webix_icon.fa-pencil-square-o:hover, span.webix_icon.fa-trash:hover, span.webix_icon.fa-eye:hover, span.webix_icon.fa-map-marker:hover, span.webix_icon.fa-folder-o:hover, span.webix_icon.fa-info-circle:hover, span.webix_icon.fa-ban:hover,  span.webix_icon.fa-list:hover, span.webix_icon.fa-print:hover, span.webix_icon.fa-bell-o:hover, span.webix_icon.fa-sign-in:hover, span.webix_icon.fa-refresh:hover, span.webix_icon.fa-plus-square:hover,span.webix_icon.fa-edit:hover,span.webix_icon.fa-cog:hover,span.webix_icon.fa-wrench:hover,span.webix_icon.fa-compress:hover,span.webix_icon.fa-comments-o:hover,span.webix_icon.fa-arrow-circle-o-right:hover,span.webix_icon.fa-info:hover,span.webix_icon.fa-minus-square-o:hover,span.webix_icon.fa-plus-square-o:hover{
cursor: pointer;
color: #0082c8;
/*font-size:25px;*/
}
span.webix_icon.fa-paperclip:hover{
cursor: pointer;
}
span.webix_icon.no_point:hover{
cursor: default !important;
color: #666666 !important;
background-color: transparent !important;
}
span.webix_icon.no_point_window_header:hover{
cursor: default !important;
color: #fff !important;
background-color: transparent !important;
}
span.webix_icon.fa-minus-circle:hover{
cursor: pointer;
color: red !important;
}

.reproperties.webix_el_button button{
text-align: left !important;
background: #664E43 !important;
border-color: #664E43 !important;
}

.properties.webix_el_button button{
text-align: left !important;
}

.font_size_13.webix_el_button button{
    font-size:13px !important;
}


.webix_ss_header TD{
font-size:16px !important;
}

/*Like Back To My Tasks Button the icon and text sizes are different but they looks greate so:)!*/
.font_size_17, .font_size_17.webix_el_button button{
font-size:16px !important;
}
.font_size_18 .webixtype_base .webix_icon{
font-size:18px !important;
}

.font_size_32{
    font-size:32px !important;
    }
    .font_size_28{
        font-size:28px !important;
        }

.font_size_22{
    font-size:22px !important;
    }

.font_size_20{
font-size:20px !important;
}
.font_size_18{
font-size:18px !important;
}

.font_size_16{
font-size:16px !important;
}

.font_size_15{
font-size:15px !important;
}

.font_size_13{
font-size:13px !important;
}

.font_size_12{
font-size:12px !important;
}

.font_size_11{
font-size:11px !important;
}

span.webix_icon.font_size_21{
font-size:21px !important;
}

.sharper_button.webix_el_button button{
  border-color: #1c94cf !important;
  border-width: 3px !important;
  border-bottom-width: 2px !important;
  font-size:17px !important;
  text-align: center !important;
  border-radius: 4px !important;
  color: royalblue !important;
  font-weight: normal !important;
  background: linear-gradient(to right, #3498db, #3498db 50%, #666 50%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-position: 100%;
  transition: background-position 275ms ease;
}

.sharper_button.webix_el_button button:hover{
/*
border-color: #3498db !important;
border-left-color: #666 !important;
border-right-color: #666 !important;
color: #3498db !important;
border-width: 3px !important;
background: #fff !important;
font-weight: bold !important;
*/
border-color: #3498db !important;
border-width: 3px !important;
border-bottom-width: 2px !important;
background-position: 0 100%;
font-weight: normal !important;
/*text-decoration: underline;*/
}

.sharper_button .webixtype_base .webix_icon{
font-size:19px !important;
color: #666 !important;
}

.sharper_button_2.webix_el_button button{
  border-width: 0px !important;
  font-size:17px !important;
  text-align: center !important;
  border-radius: 0px !important;
  color: #666 !important;
  font-weight: normal !important;
  background-color:transparent;
  display: inline-block !important;
  padding-bottom:2px !important;
  background-image: linear-gradient(#1a9cdc, #1a9cdc) !important;
  background-position: 0 100% !important;/*OR bottom left*/
  background-size: 0% 2px !important;
  background-repeat: no-repeat !important;
  transition:
    background-size 0.3s,
    background-position 0s 0.3s; /*change after the size immediately*/
}

.sharper_button_2.webix_el_button button:hover{
  /*text-decoration: underline !important;*/
  background-position: 100% 100% !important;/*OR bottom right*/
  background-size: 100% 2px !important;
}

.sharper_button_2 .webixtype_base .webix_icon{
font-size:19px !important;
color: #666 !important;
}
.webix_layout_toolbar.webix_toolbar.stage_properties{
	background: #404041 !important; /*it was #5da69f then #328a8e*/
	border-radius: 6px !important;
}

span.webix_icon.fa-globe, .fa-facebook, .fa-twitter, .fa-instagram, .fa-pinterest, .fa-linkedin, .fa-youtube-play{
cursor: pointer;
color: #000 !important;
/*font-size:25px;*/
}
span.webix_icon.fa-globe:hover{
cursor: pointer;
color: #1a9cdc !important;
/*font-size:25px;*/
}
span.webix_icon.fa-facebook:hover{
cursor: pointer;
color: #3b5999 !important;
/*font-size:25px;*/
}
span.webix_icon.fa-twitter:hover{
cursor: pointer;
color: #1da1f2 !important;
/*font-size:25px;*/
}
span.webix_icon.fa-linkedin:hover{
cursor: pointer;
color: #0077B5 !important;
/*font-size:25px;*/
}
span.webix_icon.fa-youtube-play:hover{
cursor: pointer;
color: #FF0000 !important;
/*font-size:25px;*/
}
span.webix_icon.fa-instagram:hover{
cursor: pointer;
color: #c08d64 !important;
/*font-size:25px;*/
}
span.webix_icon.fa-pinterest:hover{
cursor: pointer;
color: #bd081c !important;
/*font-size:25px;*/
}
span.webix_icon.fa-google-plus:hover{
cursor: pointer;
color: #dd4b39 !important;
/*font-size:25px;*/
}

.webix_el_label.website:hover{
cursor: pointer !important;
color: #0077B5 !important;
}

/* Allow the engineer see the customer details to assist */
.opened_case_customer .webix_icon_button .webix_icon{
color: #268fd5;
}

.device_more_details:hover{ /*.webix_cell to make the selection indivtually not all the column!*/
cursor: pointer;
color: orange;
}
.case_new_customer:hover{ /*.webix_cell to make the selection indivtually not all the column!*/
cursor: pointer;
color: orange;
}

.clickable_text2:hover{ /*.webix_cell to make the selection indivtually not all the column!*/
cursor: pointer;
color: #43c2e4;
}
.clickable_text2{ /*.webix_cell to make the selection indivtually not all the column!*/
text-decoration: underline;
}

.user_details .webix_cell:hover{ /*.webix_cell to make the selection indivtually not all the column!*/
cursor: pointer;
color: #0082c8;
}

.go_to_from_overview:hover{
font-weight: bold !important;
cursor: pointer;
}

.new_announcemts_content{
	background-color: #404041;
	color:white;
	font-weight:bold;
	margin: 0px !important;
	border-bottom-width: 3px !important;
	border-color:   red !important;
}
.new_announcemts{
	background-color: red;
	color:white;
	margin: 0px !important;
	padding-left: 8px !important;
	border-bottom-width: 3px !important;
	border-color:   red !important;
}
.new_announcemts_content_first{
	background-color: #404041;
	color:white;
	font-weight:bold;
	margin: 0px !important;
	padding-left: 10px !important;
}
.user_details_and_centered{ /*.webix_cell to make the selection indivtually not all the column!*/
text-align: center !important;
}
.user_details_and_centered .webix_cell:hover{ /*.webix_cell to make the selection indivtually not all the column!*/
cursor: pointer;
color: #0082c8;
}
#profile {
padding:10px;
font-size:20px;
background-color:#DCE6F7
}

#logout {
float:right;
padding:5px;

}

#login_page_body{
background: linear-gradient( rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6) ), url('../neom-HYHYGLs-Rp8-unsplash.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}
.test_canceled_bg{
background-image: url("../canceled.webp");
background-repeat: repeat;
box-shadow: inset 0 0 0 1000px rgba(237, 239, 240, 0.59);
}
.test_bg{
background: linear-gradient( rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6) ), url('../left_banner.jpg');
}
.status_label{
color: #ef4242 !important;
}
#main {
font-family:raleway;
}

.test_header_color{
background: transparent;
}
/*Added By Mutasem - This is for the Online_MSG "Thanks You Are Now Online!"*/
.online_msg{
background-color: green !important;
border-radius: 0px !important;
color: white !important;
}

/*Dimmed Color for all Access Methods*/
.facebook_am .webix_icon, .twitter_am .webix_icon, .form_am .webix_icon, .voucher_am .webix_icon{
color: #D3D3D3;
}

/*Added By Mutasem*/
.webix_img_btn, .webix_img_btn_abs, .webix_img_btn_top{
text-align: center;
}

/*Added By Mutasem*/
.settings{
background-color: #545452;
color: white;
}

/*Added By Mutasem*/
.settings_form{
background-color: #545452 !important;
}

/*Added By Mutasem*/
.testalign{
text-align: center;
}

/*Added By Mutasem*/


/*Added By Mutasem*/
.splash_page_bg{
	background-size: cover !important;
}
.new_customer_button:hover
{
	background-color: red;
	
}
/*Added By Mutasem*/	
	.access_method{
    text-align:center;
}

.webixappstart{
    opacity:0;
}
.webixapp{
    transition: opacity 500ms;
    opacity: 1;
}

/*data loading status*/
.status_good, .status_error, .status_saving{
	text-align: center;
}
.status_error{
	color:red;
}
.status_good{
	color:green;
}

/*login form*/
.invalid_login .webix_header > div{
    background: #FC3636;
    transition: background 1s;
}

.badge{
font-size: 14px !important;
background-color: orange !important;
color: black !important;
}
/*
.webix_item_tab{
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
*/
/*siberia theme*/
.webix_layout_toolbar.webix_toolbar{
	background: #7e7e7e !important;/* #404041 !important;*/ /*it was #5da69f*/
}

.webix_layout_toolbar.webix_toolbar.new_style{
	background: transparent !important;/* #404041 !important;*/ /*it was #5da69f*/
	border-bottom-width: 2px;
}
.webix_layout_toolbar.webix_toolbar.new_style_dashed{
	background: transparent !important;/* #404041 !important;*/ /*it was #5da69f*/
	border-bottom-width: 2px;
	border-style: dashed;
}

.webix_layout_toolbar.webix_toolbar.view_window{
	background: gray !important;
}

.webix_layout_toolbar.webix_toolbar.decline_window{
	background: #ea2f2f !important;
}

.webix_layout_toolbar.webix_toolbar.warning_message{
	background: #f54a4a !important;
}

.webix_layout_toolbar.webix_toolbar.ask_for_time_extension{
	background: #cb2027 !important;
}

.ask_for_time_extension_yes_button .webixtype_base {
    background: #cb2027;
    border-color: #cb2027;
    border-radius: 0px !important;
}


.ask_for_time_extension_yes_button .webixtype_base:hover {
    background: #e41019;
    border-color: #e41019;
    border-radius: 0px !important;
}


.ask_for_reassignment .webixtype_base{
	background: purple;
	border-color: purple;
	border-radius: 4px !important;
}
.ask_for_reassignment .webixtype_base:hover{
	background: #9c269c;
	border-color: #9c269c;
	border-radius: 4px !important;
}

.webix_layout_toolbar.webix_toolbar.ask_for_reassignment{
	background: purple !important;
}

.ask_for_reassignment_yes_button .webixtype_base {
    background: purple;
    border-color: purple;
    border-radius: 0px !important;
}


.ask_for_reassignment_yes_button .webixtype_base:hover {
    background: #9c269c;
    border-color: #9c269c;
    border-radius: 0px !important;
}

.webix_layout_toolbar.webix_toolbar.success_message{
	background: #3bc555 !important;
}

.notification_message{
	background: #5cce5c !important;
}
.webix_el_label.notification_message_label{
	color: white !important;
}

.webix_badge{
background-color: #e01f1f;
}
.center{
	text-align: center;
}
.webix_el_label.copyright{
	font-size:13.5px !important;
	color: #fff !important;
}
/*
div[aria-label="28 November 2019"] {
  background-color: red;
  cursor:default;
  pointer-events: none !important;
}
*/
/*
.app-left-panel .webix_menu .webix_list_item.spacer:hover{
	background: transparent;
	cursor:default;
}
*/
.webixapp{
	background: #404041;
}
.webix_layout_clean{
	background: white;
}

/* unradius borders */
.webix_menu {
	border-radius: 0px;
}

.version{
background: #1f6badc9;
color: #fff;
font-size: 15px !important;
border-right: 0px !important;
padding-right: 1px !important;
}

/*left side menu*/
.app-left-panel,
.app-left-panel .webix_view,
.no_bgapp-left-panel .webix_menu .webix_list_item{
	background: #ffffffcf;
	color:#ddd;
	border-top-width: 3px !important;
	border-top-color: #2e8ce299 !important;
  	border-image:   linear-gradient(to left, #ddd 20%, #1f6bad 75%) 5;
}

.menu-border{
	border: 0px !important;
}
/*Added By Mutasem*/
.webix_sidebar_selected, .webix_sidebar_expanded .webix_tree_item:hover {
    background-color: rgba(0, 0, 0, 0) !important;
}
.app-left-panel .webix_menu .webix_list_item.webix_selected{
	color:#fff;
}
/*
.app-left-panel .webix_menu .webix_list_item:hover{
	background-color: #f5f5f5;
	color: #000;
}
*/


.test_contractor_logo{
    display: table-cell !important;
    vertical-align: middle !important;
}
.bottom_border_new_index{
border-bottom: 2px solid #fff !important;
}
.top_border_index{
border-top: 2px solid #fff !important;
padding: 2px;
margin-top: 10px !important;
}




.login.webix_el_text input, .new_input_style.webix_el_datepicker input, .new_input_style.webix_el_combo input{
border-color: #3c3a3a;
}


.login.webix_el_text input:focus, .new_input_style.webix_el_datepicker input:focus, .new_input_style.webix_el_combo input:focus{
border-color: #3c3a3a;
}


.login_page_button .webixtype_base {
    background: #0f86c8;/*#ef7c2d;*/
    border-color: #0f86c8;/*#ef7c2d;*/
    border-radius: 4px !important;
    font-weight: bold;
    font-size:16px;
}

.login_page_button .webixtype_base:hover{
    background: #2a88ba;/*#f18236;*/
    border-color: #2a88ba;/*#f18236;*/
    border-radius: 4px !important;
}

.rights_bg, .webix_el_label.rights_bg{
	background: #ffffff73 !important;
	color:#000;
}

.portal_login_logo{
	background-color: transparent !important;
}
.fast_links{
	background-color: #312e3080 !important;
}
.test_form{
	background-color: gray !important;
}

.tariq{
width: 80% !important;
}
/* This is for the Logo area*/
.app-left-panel .webix_header .webix_template{
	background-color: #34495e;
	border:1px solid white;
	text-align: center;
	padding-left:0px;
}

.webix_view .webix_header{
        border-width: 0px 0px 0px 0px !important;
}
.webix_view .app-left-panel-header{
	background-color: transparent !important;
	text-align: center !important;
        border-width: 0px 0px 0px 0px !important;
}
/*Mutasem Edit*/
.webix_sidebar .webix_tree_leaves{
    transition:height 0.6s !important;
    overflow:hidden !important;
}
.webix_sidebar .webix_tree_branch_1 > .webix_tree_item
{
	color: white;
}
.webix_sidebar .webix_tree_branch_1 > .webix_tree_item:hover,
.webix_sidebar .webix_tree_item:hover
{
	color: #f5aa05 !important;
	cursor:pointer;
}



.webix_tree_branch_4 > .webix_tree_item{
/*background-color: #d1d1d1;*/
border-radius: 4px;
background-image: linear-gradient(90deg, #d1d1d1 31%, #fff 82%);
}




.webix_tree_branch_4 > .webix_tree_item.webix_selected,
.webix_tree_branch_4 > .webix_tree_item.webix_selected:hover
{
  color:#666 !important;
  background-image: linear-gradient(90deg, #ffbd76 31%, #fff 82%) !important;
}

.webix_tree_branch_4 > .webix_tree_item.webix_selected span
{
  color:#666 !important;
}


.webix_el_text.product_option input{
border-width:2px;
border-style: dashed;
}


.categories_tree .webix_tree_branch_6 > .webix_tree_item{
margin-top: -5px;
font-size: 14px;
line-height: 30px !important;
}
.categories_tree .webix_tree_branch_1{
	padding:7px !important;
	/*background-color: #edeff0;*/
	background-image: linear-gradient(90deg, #edeff0 31%, #fff 82%);
	margin: 7px;
	border-radius:4px;
}
.categories_tree .webix_tree_img{
	background-color: #edeff0;
}
.categories_tree .webix_tree_line1{
	background-image: none !important;
}
.categories_tree .webix_cell{
border-width: 3px !important;
}





.categories_tree .webix_tree_item{
	height: 40px !important;
	line-height: 40px !important;
}

.categories_tree .webix_tree_branch_2{
animation: fadeIn 0.5s ease-in both;
}





.categories_tree_mob .webix_tree_branch_6 > .webix_tree_item{
margin-top: -5px;
font-size: 14px;
line-height: 30px !important;
}
.categories_tree_mob .webix_tree_branch_1{
	padding:0px !important;
	/*background-color: #edeff0;*/
	background-image: linear-gradient(90deg, #edeff0 31%, #fff 82%);
	margin: 0px;
	border-radius:4px;
}
.categories_tree_mob .webix_tree_img{
	background-color: #edeff0;
}
.categories_tree_mob .webix_tree_line1{
	background-image: none !important;
}
.categories_tree_mob .webix_cell{
border-width: 3px !important;
}


.categories_tree_mob .webix_tree_item{
	height: 40px !important;
	line-height: 40px !important;
}


.categories_tree_mob .webix_tree_branch_2{
animation: fadeIn 0.5s ease-in both;
}
















.webix_sidebar .webix_tree_item
{
	color: #000 !important;
	font-family: arial, verdana, sans-serif;
}
.webix_tree_item.webix_selected,
.webix_tree_item.webix_selected span,
.webix_tree_item.webix_selected:hover
{
	color: #f5aa05 !important;
	background : none !important;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
}

.webix_sidebar .webix_tree_item.webix_selected span{
background : none !important;
}


.webix_view .webix_tree_open::before {
	font-weight: bold !important;
}
.webix_view .webix_tree_close::before{
	/*content: "\f065" !important;*/
	font-weight: bold !important;
}



.project_tree .webix_tree_item.webix_selected {
    	color: orange !important;
	font-weight: bold !important;
	font-size: 16px;
}


/*Mutasem Edit*/
.webix_sidebar_popup_list .webix_list_item:hover {
    	border-top: 1px solid #E5E5E5;
	color: black !important;
}

.orange_switch .webix_switch_on, .orange_switch .webix_switch_box
{
  background-color: orange;
  border: 1px solid white;
}
.orange_switch .webix_label_right
{
	color: orange;
	font-weight: normal;
} 
.orange_switch .webix_inp_label
{
	font-weight: normal;
}

/*right side panel*/
.app-right-panel{
	/*border-top-left-radius:4px;*/
	border-color: rgb(44, 43, 43);
	margin-left:  0px !important;
}
.app-right-panel .webix_layout_wide{
	background: #fff;
}


/* sync status */
.status_good{
	color:#ddd;
}
.title{
	background-color: gray !important;
	color: #fff !important;
	border-radius: 4px 0px 0px 4px!important;
	border-width:0px !important;
	padding-left: 0px;
}

.class_name { 
    display: flex;
    align-items:center;
}
.admin_cat{
background-color: #3cb95d !important;/*#0070c0 !important;*/
}

.test_task{
	border-radius: 4px;
	width: 97% !important;
}
.project_cat{
background-color: #2090cf !important;/*#0070c0 !important;*/
}
.project_cat_comp{
background-color: transparent !important;
border-left-width: 0px !important;
border-bottom-width: 0px !important;
}
.hr_cat{
background-color: #fecc51 !important;/*#682e95 !important;/*#808080 !important;*/
}
.accounting_cat{
background-color: #435469 !important;
}
.timesheet_cat{
background-color: #ed201b !important;/*#ffff00 !important;*/
}
.more_action{
background-color: #5e5e5e !important;
color: #fff !important;
line-height: 0px !important;
font-weight: bold;
}
.action_settings{
	border-left-color: #5e5e5e !important;
}
.new_action_header_admin{
	background-color: #ddd !important;/*#0070c038 !important;/*#5e5e5e69 !important;*/
	border-left-width: 4px !important;
	border-left-color: #3cb95d !important;
}
.new_action_header_pro{
	background-color: #ddd !important;/*#0070c038 !important;/*#5e5e5e69 !important;*/
	border-left-width: 4px !important;
	border-left-color: #2090cf !important;
}
.new_action_header_hr{
	background-color: #ddd !important;/*#0070c038 !important;/*#5e5e5e69 !important;*/
	border-left-width: 4px !important;
	border-left-color: #fecc51 !important;
}
.new_action_header_accounting{
	background-color: #ddd !important;/*#0070c038 !important;/*#5e5e5e69 !important;*/
	border-left-width: 4px !important;
	border-left-color: #435469 !important;
}
.new_action_header_timesheet{
	background-color: #ddd !important;/*#0070c038 !important;/*#5e5e5e69 !important;*/
	border-left-width: 4px !important;
	border-left-color: #ed201b !important;
}
.webix_layout_space .webix_layout_accordion .webix_accordionitem{
	border-radius: 0px !important;
}
.webix_accordionitem_header, .webix_accordionitem_button,.webix_accordionitem.collapsed{
	font-size: 15px !important;
	height: 38px !important;
	line-height: 38px !important;
	background: transparent !important;
	color: #666 !important;
	border-width: 0px !important;
}
.webix_view.webix_layout_accordion{
	background: transparent !important;
}
.webix_accordionitem.collapsed{
border-bottom-width: 1px !important;
}
.webix_accordionitem.vertical{
    transition:height 0.5s !important;
}
.no_top_border{
	border-top-width: 0px !important;
	border-bottom-width: 0px !important;
}
.test_border{
	border-top-color: #5e5e5e !important;
}

.task_cat_color{
color: #fff !important;
border-left-width: 4px !important;
}
.task_cat_color_amend{
color: #fff !important;
border-left-width: 1px !important;
}
.diff_bg{
background: #fff;
}


/*
.sharper_button3.webix_el_button button{
  border-color: #2e8ce2 !important;
  border-width: 1px !important;
  border-bottom-width: 1px !important;
  text-align: left !important;
  border-radius: 4px !important;
  color: #3498db !important;
  font-weight: bold !important;
  
    background-color:#edeff0;
  background-size: 0% 100%;
  border-radius:4px;
  transition: background-color .5s;
}
*/
.sharper_button3.webix_el_button button .webix_icon{
  color: #fff !important;
}
.sharper_button3.webix_el_button button{
  text-align: left;
  border-color: #4690f1 !important;
  border-width: 4px !important;
  background-color:#4690f1;
  color: #fff !important;
  font-weight:bold;
  background-repeat:no-repeat;
  background-size: 0% 100%; 
  transition: background-color .5s;
  font-size:16px;
}
.sharper_button3.webix_el_button button:hover{
  border-color: #7fbde7 !important;
  border-width: 4px !important;
  background-color:#4690f1;
  color: #fff !important;
  background-image:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 10%, rgba(255,255,255,.1) 100%);
  background-repeat:no-repeat;
  background-size: 200% 100%; 
  transition:background-size 1s, background-color 1s, font-weight 1s, border-color 1s;
  font-weight: bold;
}

.sharper_button3.webix_el_button button:hover .webix_icon{
  color: #fff !important;
}


.pdftest_new{
  text-align: left;
  border-radius: 6px !important;
  border-color: #ddd !important;
  border-width: 2px !important;
  background-color:#fff;
  color: #666 !important;
  background-repeat:no-repeat;
  background-size: 0% 100%; 
  transition: background-color .5s;
}
.pdftest_new:hover{
  cursor: pointer;
  border-color: #b30b00 !important;
  border-width: 2px !important;
  transition:border-color 1s;
}

.exceltest_new{
  text-align: left;
  border-radius: 6px !important;
  border-color: #ddd !important;
  border-width: 2px !important;
  background-color:#fff;
  color: #666 !important;
  background-repeat:no-repeat;
  background-size: 0% 100%; 
  transition: background-color .5s;
}
.exceltest_new:hover{
  cursor: pointer;
  border-color: #1d6f42 !important;
  border-width: 2px !important;
  transition:border-color 1s;
}
.pdftest{
	border-radius: 6px !important;
	border-width: 2px !important;
	background-color: white;
}
.pdftest:hover{
	cursor: pointer;
	border-color: #b30b00;
	color: #b30b00;
	border-radius: 6px !important;
}
.exceltest{
	border-radius: 6px !important;
	border-width: 2px !important;
	background-color: white;
}
.exceltest:hover{
	cursor: pointer;
	border-color: #1d6f42;
	color: #1d6f42;
	border-radius: 6px !important;
}
.test_are_border{
	border-width: 0px !important;
}
.test_aretop_border{
	border-top-width: 0px !important;
	border-right-width: 0px !important;
	border-bottom-width: 0px !important;
	border-left-width: 5px !important;
}

.test_aretop_border_mob{
	border-top-width: 5px !important;
	border-top-color: #ddd !important;
	border-right-width: 0px !important;
	border-bottom-width: 0px !important;
	border-left-width: 0px !important;
}
.test_parent_border{
	border-width: 2px !important;
	border-radius: 6px !important;
}

.test_aretop_border_accounting{
	border-top-width: 0px !important;
	border-left-width: 0px !important;
	border-bottom-width: 0px !important;
	border-right-width: 5px !important;
}
.webix_all_tabs {
    padding-left: 12px !important;
    padding-right: 8px !important;
    background-color: transparent !important;
}
.webix_item_tab:first-child {
    border-left: 0px solid #ddd !important;
}

.experts_list  .webix_list_item{
direction: ltr !important;
text-align: left !important;
}


.accounting .webix_list_item{
direction: rtl;
text-align: right;
height: auto !important;
}

.accounting .webix_list_item.webix_selected{
/*background-color: #ffa500 !important;*/
background-image: linear-gradient(90deg, #edeff0 15%, #f5aa06 82%) !important;
}
.experts_list .webix_list_item.webix_selected{
background-image: linear-gradient(90deg, #f5aa06 5%, #edeff0 100%) !important;
}
.accounting .webix_list_item.webix_selected:hover{
color: #fff !important;
}

.accounting .webix_list_item:hover{
background-color: #edeff0 !important;
cursor: pointer !important;
color: #666 !important;
}

.canceled_invoice_bg{
background-image: url("../canceled.webp");
box-shadow: inset 0 0 0 1000px #edeff0a6;
background-repeat: repeat;
}

.align_vertical{
    vertical-align: middle !important;
}


.invoice_border{
	border-width: 4px !important;
	border-color: #5e5e5e;
	border-style: double;
}



.sharper_button3rtl_approve.webix_el_button button{
  border-color: #ddd !important;
  border-width: 2px !important;
  background-color:#008000;
  color: #fff !important;
  background-repeat:no-repeat;
  background-size: 0% 100%; 
  transition: background-color .5s;
  font-size:15px !important;
  font-family: "Cairo", serif !important;
}
.sharper_button3rtl_approve.webix_el_button button:hover{
  border-color: #fff !important;
  border-width: 2px !important;
  background-color:#008000;
  color: #fff !important;
  background-image:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 10%, rgba(255,255,255,.7) 100%);
  background-repeat:no-repeat;
  background-size: 200% 100%; 
  transition:background-size 1s, background-color 1s, font-weight 1s, border-color 1s;
  font-family: "Cairo", serif !important;
}


.sharper_button3rtl_decline.webix_el_button button{
  border-color: #ddd !important;
  border-width: 2px !important;
  background-color:#ff0000;
  color: #fff !important;
  background-repeat:no-repeat;
  background-size: 0% 100%; 
  transition: background-color .5s;
  font-family: "Cairo", serif !important;
}
.sharper_button3rtl_decline.webix_el_button button:hover{
  border-color: #fff !important;
  border-width: 2px !important;
  background-color:#ff0000;
  color: #fff !important;
  background-image:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 10%, rgba(255,255,255,.7) 100%);
  background-repeat:no-repeat;
  background-size: 200% 100%; 
  transition:background-size 1s, background-color 1s, font-weight 1s, border-color 1s;
  font-family: "Cairo", serif !important;
}

.webix_layout_toolbar.webix_toolbar.decline_notes{
	background: #ff0000 !important;
}

.webix_el_textarea.arabic_textarea textarea {
   font-family: "Cairo", serif !important;
}


.print_bg{
background-color: #edeff0;
}

.export_bg{
background-color: #fff;
}
@media screen {
  div.divFooter {
    display: none;
  }
}
@media print {
  div.divFooter {
    position: fixed;
    bottom: 10;
    right:0;
  }
}
.cancel_icon {
cursor: pointer;
}
.webix_el_counter .webix_inp_counter_next, .webix_el_counter .webix_inp_counter_prev{
background: #666 !important;
border-color: #6666 !important;
}

.webix_el_counter .webix_inp_counter_next:hover, .webix_el_counter .webix_inp_counter_prev:hover{
background: #3498db !important;
border-color: #3498db !important;
}


.webix_column .webix_last{
border-color: red !important;
}

.change_password .webixtype_base {
	background-color: #fff;
	border-color: #666;
	color:#666;
	font-weight:bold;
}

.change_password .webixtype_base:hover{
    background: #2a88ba;
    border-color: #2a88ba;
    color:#fff;
}





.webix_sidebar .webix_tree_item span{
font-size: 16px;
}


.webix_tree_item{
line-height: 35px !important;
height: 35px !important;
margin-left:15px;
margin-bottom:5px;
}

.search_view{
border-radius:10px;
}

.new_icon_bg{
background-color: #162d3c;
border-radius: 4px;
}

.new_icon_black_bg{
background-color: #edeff0;
border-radius: 4px;
}

.search_box{
border-radius: 4px;
}


.webix_tree_folder, .webix_tree_folder_open, .webix_tree_file{
display: none;
}


.webix_el_counter .webix_inp_counter_value{
width: 95px;
}



.test_field_bg{
background-image: linear-gradient(90deg, #d1d1d1 31%, #fff 82%);
border-radius:4px;
}
.test_field_ar_bg{
background-image: linear-gradient(to left, #d1d1d1 31%, #fff 82%);
border-radius:4px;
}



.test_field_bg_declined{
background-image: linear-gradient(90deg, red 31%, #fff 82%);
border-radius:4px;
color:#fff;
}
.test_field_ar_bg_declined{
background-image: linear-gradient(to left, red 31%, #fff 82%);
border-radius:4px;
color:#fff;
}


.test_field_bg_solved{
background-image: linear-gradient(90deg, #1d9e74 31%, #fff 82%);
border-radius:4px;
color:#fff;
}
.test_field_ar_bg_solved{
background-image: linear-gradient(to left, #1d9e74 31%, #fff 82%);
border-radius:4px;
color:#fff;
}

.in_log{
background-color: #ffffff9e !important;
}



.today_sales_space {
    color:#000;
}

 .webix_el_group{
 text-align: left;
 }
 
.webix_el_text input, .webix_inp_counter_value, .webix_el_combo input{
font-size: 16px !important;
}

.webix_el_textarea textarea{
    font-size: 16px !important;
}








.game_area{
background-color: #2119474a !important;
border-radius: 6px;
}

.together_title{
font-size: 28px !important;
color: #fff !important;
font-weight:bold;
border-width:0px !important;
}
.together_content{
font-size: 20px !important;
color: #fff !important;
text-align: justify;
border-width:0px !important;
}
.together_image{
overflow: visible !important;
}



.first_image{
background: url('../../together_trimed.png') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
}

.copy_write{
color: #fff;
border-width:0px !important;
}



.join_button.webix_el_button button{
  border-color: #fff !important;
  border-width: 2px !important;
  font-size:17px !important;
  text-align: center !important;
  border-radius: 4px !important;
  color: #fff !important;
  font-weight: normal !important;
  
    background-color:transparent;
  background-size: 0% 100%;
  border-radius:4px;
  transition: background-color .5s;
}



.join_button.webix_el_button button:hover{
  border-color: #fff !important;
  border-width: 2px !important;
  background-color:#f5aa05;
  background-image:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,.7) 100%);
  background-repeat:no-repeat;
  background-size: 200% 100%; 
  transition:background-size 1s, background-color 1s;
  color: #fff !important;
}


.no_border{
border-width: 0px !important;
}

.subsector{
    border-width: 1px !important;
    font-weight: bold;
    border-color: #0f86c8 !important;
}
.subsector:hover{
    border-width: 1px !important;
    background-color: #0f86c8 !important;
    color:white;
    cursor: pointer;
}

.subsector_selected{
    border-width: 1px !important;
    background-color: #0f86c8 !important;
    color:white;
    cursor: pointer;
}
.line_height_32{
    line-height: 32px;
}


.new_select.webix_el_select select, .webix_el_select select:focus{
    text-align: center !important;
    font-family: "Cairo", serif !important;
    background-color: #fff  !important;
    color: #666 !important;
    height: 36px !important;
}
.new_select .webix_el_box{
    padding:0px !important;
}
.my_account_list .webix_list_item:hover {
  background-color: #1f6bad !important;
  color: #fff;
  transition:background-color 0.5s;
}


.sharper_button_portal.webix_el_button button{
  border-color: #666 !important;
  border-width: 1px !important;
  font-size:17px !important;
  text-align: center !important;
  border-radius: 4px !important;
  color: #666 !important;
  font-weight: normal !important;
  
    background-color:transparent;
  background-size: 0% 100%;
  border-radius:4px;
  transition: background-color .5s;
}



.sharper_button_portal.webix_el_button button:hover{
  border-color: #666 !important;
  border-width: 1px !important;
  background-color:#f5aa05;
  background-image:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,.7) 100%);
  background-repeat:no-repeat;
  background-size: 200% 100%; 
  transition:background-size 1s, background-color 1s;
  color: #fff !important;
}

.webix_layout_toolbar.webix_toolbar.verification{
	background: transparent !important;/* #404041 !important;*/ /*it was #5da69f*/
	border-bottom-width: 2px;
}


.webix_el_textarea.arabic_textarea textarea {
   font-family: "Cairo", serif !important;
}

.webix_el_textarea.rtl_textarea textarea {
   direction: rtl !important;
   text-align: right;
}



.rtl_text .webix_el_box input{
   direction: rtl !important;
   text-align: right !important;
}



.youtube_bg_in{
background-color: #edeff0 !important;
border-width: 5px !important;
border-radius: 30px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}



  .animated.rotateIn{-webkit-animation-duration:3s;animation-duration:3s}

  .intro_message{
    background-color: #ffffffbd !important;/*#54545475 !important;*/
    border-radius: 6px !important;
  }

  .video_frame{
    background: -webkit-linear-gradient(to left, #090C0F , #CDD3D6) !important;
    background: linear-gradient(to left, #090C0F , #CDD3D6) !important;
  }
  
  

  .screen{
    border-radius: 6px !important;
    border-width: 10px !important;
    border-color: #302a2a;
  }

  .pot {
    bottom: 15%;
    position: relative;
    
    animation:linear infinite;
    animation-name: run;
    animation-duration: 5s;

    -webkit-animation: linear infinite;
    -webkit-animation-name: run;
    -webkit-animation-duration: 5s;
  }
  @keyframes run {
    0% {
      left: 0;
    }
    50% {
      left: 10px;
    }
    100% {
      left: 0;
    }
  }
  @-webkit-keyframes run {
    0% {
      left: 0;
    }
    50% {
        left: 10px;
    }
    100% {
      left: 0;    
    }
  }


  .thing_name{
    font-size: 28px;
    color: #000;
    font-weight: bold;
    background-color: #ffffffbd !important;/*#54545475 !important;*/
    border-radius: 6px !important;
  }

  .thing_name_wrong{
    font-size: 28px;
    color: #000;
    font-weight: bold;
    background-color: red !important;/*#54545475 !important;*/
    border-radius: 6px !important;
    border-color: red;
  }

  .card{
    background-color: #ffffffe8 !important;/*#54545475 !important;*/
    border-radius: 6px !important;
  }

  .services_padding{
    justify-content: center !important;
  }


  .trainer_bg{
    background-color: #edeff0 !important;
    border-width: 0px !important;
    border-radius: 500px;
    }

    .trainer_image_div{
        width: 200px !important; 
        height:200px !important;
        /*cursor: pointer !important; */
        transition: transform 1.0s; /* Animation */
        -webkit-transform: scale(0.9);
      transform: cale(0.9);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        opacity: 0.9;
    }
    .trainer_image_div:hover {
      transform: scale(1.0);
      opacity: 1;
    }




    .school_bg{
        background-color: #edeff0 !important;
        border-width: 0px !important;
        border-radius: 500px;
        }
    
        .school_image_div{
            width: 200px !important; 
            height:200px !important;
            /*cursor: pointer !important; */
            transition: transform 1.0s; /* Animation */
            -webkit-transform: scale(0.9);
          transform: cale(0.9);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
        }