/* Minification failed. Returning unminified contents.
(2705,120): run-time error CSS1035: Expected colon, found ';'
(3064,62): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
a{ outline:none !important;}

/* * * * * * * Tab * * * * * * */
.nav-tabs-horizontal {
    /*font-family: 'general-font','open_sansregular';*/
}

.nav-tabs-horizontal .nav-tabs li{ list-style-type:none;}
.nav-tabs-horizontal .nav-tabs li a{ color:#4e4e4e; font-size:14px; text-decoration:none; border-radius:0px; margin-right: 0px;}
.nav-tabs-horizontal .nav-tabs li.dropdown a.dropdown-toggle{ background:url(../images/tabmenu.png) center center no-repeat; width:46px; height:43px; border-color:transparent !important;}
.nav-tabs-horizontal .nav-tabs li.dropdown a.dropdown-toggle:hover{ background:#e7ebee url(../images/tabmenu.png) center center no-repeat;}
.nav-tabs-horizontal .nav-tabs li.dropdown.open a.dropdown-toggle, .nav-tabs-horizontal .nav-tabs li.dropdown.active a.dropdown-toggle{ background:#d7dde1 url(../images/tabmenu.png) center center no-repeat; border-color:transparent !important;}
.nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu{ padding:5px; margin:0; background:#FFF; border-top:none !important; }
.nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu a{ background:#FFF !important; margin:0; padding:5px 6px;}
.nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li a:hover, .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li.active a, .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li.active a:hover {background:#155c98 !important; color:#fff; }
.nav-tabs-horizontal .tab-content{ padding:17px 0 0px 0;}
.nav-tabs li a:focus{ background:none;}


.smp {left: auto; right:0px;  }
#arabic .smp {left: 0; right:auto;}

.edit-job-order .nav-tabs {border-bottom:3px solid #d5d5d5;}

.edit-job-order .nav-tabs > li > a {border:0px; position:relative; padding:12px 15px; }
.edit-job-order .nav-tabs li.active {border:none; }
.edit-job-order .nav-tabs li.active a{ background:transparent;border:none; }
.edit-job-order .nav-tabs li a:after {content: ''; height:3px; width:0; background-color:#155c98;position:absolute; bottom:-2px; left:50%;}
.edit-job-order .nav-tabs li.active a:after, .edit-job-order .nav-tabs li:hover a:after {width:100%; left: 0; transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}
.edit-job-order .nav-tabs-horizontal .nav-tabs li:hover, .edit-job-order .nav-tabs-horizontal .nav-tabs li:focus {background:none; } 
.edit-job-order .nav-tabs-horizontal .nav-tabs li a:hover, .edit-job-order .nav-tabs-horizontal .nav-tabs li a:focus {background:none; border:0px;}
.edit-job-order .nav > li.dropdown.active > a:after, .edit-job-order .nav > li.dropdown.active > .dropdown-toggle, .edit-job-order .nav > li > a:hover, .edit-job-order .nav > li > a:focus {background:none; border:0px;}

.edit-job-order .dropdown.Open a:after, .edit-job-order .nav-tabs li.dropdown:hover a:after, .edit-job-order .nav-tabs li.dropdown:focus a:after {content: '';  width:0px; position:relative;bottom:0px;}

.modal-content .edit-job-order .nav-tabs li.active a{border-bottom:3px solid transparent;}
.modal-content .edit-job-order .nav > li > a:hover, 
.modal-content .edit-job-order .nav > li > a:focus { border-bottom:3px solid transparent; }

.modal-content .edit-job-order .nav-tabs li a:after {bottom:-5px;}
.modal-tabs .modal-body {padding-bottom:0px;}
.modal-tabs .box-footer {margin-bottom:0px;}
/**, *:focus {outline:none;border-radius:0;-o-border-radius:0;-ms-border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}
a,.contentpad,.logo img, .btn, .action a:hover, .close{transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}*/
body {
	height: 100%;
	min-height: 100%;
	min-width: 320px;
	background: #f4f4f4;
	margin: 0;
	padding: 54px 0 0 0;
	font-size: 14px;
	font-family: 'general-font' ,Verdana;
	color: #515151;
}
html {height:100%;}


.wrapper{min-height:100%;}
a{color:#000;text-decoration:none;}
a:hover, a:focus, button:focus, button:hover{text-decoration:none;color:#999; outline:none; }
.hr-line{border:0;border-top:solid 1px #999;}
p{padding:0 0 20px;} 

h1, h2, h3, h4, h5, h6, ul, li, p{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
strong{ font-weight:normal;}
input[type=text],input[type=email],input[type=password],textarea{-webkit-appearance:none;}
input[type=checkbox],input[type=radio]{ vertical-align:-2px;}

/************Form Control ************/
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {box-shadow:none; border:none;  }


.form-control {border-radius:0px; border-color:#dfdfdf; box-shadow:none; padding:6px; }
select.form-control{line-height:28px; padding: 0;}
.form-control:focus{ border-color:#dfdfdf;  outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,255,255,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(229,229,229,0.6);}
.control-label {font-size:13px; font-weight:normal;color:#333333;}


.tp_theme{ padding:10px;}
.btn {border:none; position:relative; font-size:14px;  outline:none !important; border-radius:0px; margin-left:5px;  min-width:80px; min-height:34px; }
.btn-sm{ font-size:11px;}
.btn-default {background-color:#d3d3d3; color:#4a4a4a; }
.icon-btn {padding: 0 8px; min-width: 0; border-radius: 4px; overflow: hidden; line-height:34px; }
.btn > span {position:relative; }
.btn:hover, .btn:focus {border-color:transparent; }
.btn:before {content:""; width:0; height:0; position:absolute; left:50%; top: 50%;background-color:rgba(0, 0, 0, 0.10); display:inline-block; transition: all 0.3s ease-in-out 0s;}
.btn:hover:before, .btn:focus:before {content:''; height:100%; width:100%; top:0px; left:0px;}

.btn-icon {display:inline-block;  width:30px; height:30px;border-radius:4px; background-position:center center; background-repeat:no-repeat; margin-left:0px; }
.btn-icon:hover {opacity:0.8; }
.sub_btn > li {margin-left:8px; }

.btn-add, .btn-add:hover, .btn-add:focus{ background-image:url(../images/add.png); }
.btn-xsl, .btn-xsl:hover, .btn-xsl:focus{ background-image:url(../images/xsl.png);}
.btn-print, .btn-print:hover, .btn-print:focus{ background-image:url(../images/print.png);}
.btn-search, .btn-search:hover, .btn-search:focus{ background-image:url(../images/search-icon.png);}
.btn-refresh, .btn-refresh:hover, .btn-refresh:focus{ background-image:url(../images/refresh.png);} 
.btn-clear, .btn-clear:hover, .btn-clear:focus{ background-image:url(../images/clear-icon.png);}
.btn-closejo, .btn-closejo:hover, .btn-closejo:focus{ background-image:url(../images/job-order-close.png);}
.btn-ammendjo, .btn-ammendjo:hover, .btn-ammendjo:focus{ background-image:url(../images/job-order-ammend.png);}
.btn-viewall, .btn-viewall:hover, .btn-viewall:focus{ background-image:url(../images/view-all.png); }

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {border-bottom-width:3px;padding:12px 8px 7px;  border-bottom-color:#1b79c8; line-height:20px;}

.modal-footer .btn + .btn.btn-default, .btn-primary, .btn-default  {margin-bottom:5px;}

.date-pick{width:100%; }
.date-pick .form-control {padding-right:30px;}
.date-pick .input-group-addon {background:none; border:0px;border-radius:0px; position:absolute; right:10px; top: 3px; z-index:9;}

/* .open > .dropdown-menu{-webkit-transform:translatey(0px);transform:translatey(0px);-moz-ansform:translatey(0px);opacity:1;transition:all 0.25s linear;-moz-transition:all 0.25s linear;-webkit-transition:all 0.25s linear;}
.dropdown-menu{opacity:0;z-index:-99;-webkit-transform-origin:top;transform-origin:top;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transform:translatey(-30px);transform:translatey(-30px);-noz-transform:translatey(-30px);display:block;transition:all 0.25s linear;-moz-transition:all 0.25s linear;-webkit-transition:all 0.25s linear;}
*/
/************Header************/
#header{background-color:#fff;  padding:0; margin:0; height:54px; width:100%; position:fixed; top:0; left:0; z-index:10;  min-width:320px; box-shadow: 0 2px 3px 0 rgba(0,0,0,0.15); -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.15); -o-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.15); -ms-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.15);}
.contentpad{ padding:22px 22px 75px 22px;}
.logo-img{float:left; padding:10px 0 0 0;}
.logo-text{ float:left;  padding:5px 0 0 8px; }
.logo-text h2{ color:#4d4b4b; font-size:20px; line-height:1.4; }
.logo-text h3{ color:#4d4b4b; font-size:12px; letter-spacing:1px; padding:0 0 0 1px; }
.lms{ border-left:1px solid rgba(255, 255, 255, 0.3); height:70px; color:#f0f0f0; float:left; font-size:24px; color:#f3f3f3; padding:17px 18px 0 18px;}
.hdr_right{ float:right;}
a.hlink{ min-width:70px; display:inline-block;outline:none;}
a.userinfo{ color:#535353; font-size:14px; text-decoration:none; text-transform:uppercase; padding:5px 14px;}
.userinfo .userimg{ width:44px; height:44px; overflow:hidden; display:inline-block; border-radius:22px; border:1px solid #e0e0e0;   vertical-align:middle; margin-right:7px;}
.userinfo .userimg img{ border-radius:22px;}
.userinfo .ar{ background:url(../images/down-arrow-b.png) no-repeat; width:22px; height:7px; display:inline-block; margin-left:10px; margin-bottom:1px;}
.dropdown.open a.hlink{background:#eeeeee;}
.hdr_right .dropdown {margin-top:-4px;}
.hdr_right .dropdown-menu{ border-radius:0px; margin-top:-1px; width:196px;}

.hdr_right table tbody tr > td {padding:0px; }
.urlink{ width:100%; padding:0; margin:0; left:auto; right:0; /*min-width::;px;*/ }
.urlink .glyphicon{ color:#666; margin-right:4px;}
.urlink .divider{ margin:0 0;}
.urlink li {border-bottom:1px solid #e1e1e1;}
.urlink li > a{ padding:6px 10px; margin:0; font-size:13px; color:#666; position:relative; }
.urlink.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color:transparent;  }
.urlink.dropdown-menu > li > a:after {content: ''; z-index:-1;  background-color:#f7f7f7; width:0px; height:100%; position:absolute;left:0px; top: 0;  }
.urlink.dropdown-menu > li > a:hover:after, .dropdown-menu > li > a:focus:after {width:100%; transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}
.hdr_right .dropdown.open .hlink .ar {background:url(../images/up-arrow.png)no-repeat;}  

.username{ padding: 6px 10px;color:#333; display:none; }
.tp_lang{ padding:10px; border-bottom:1px solid #ddd;}

.tp_theme a{ position:relative; width:60px; height: 26px; display:inline-block;}
.tp_theme a span{ position:absolute; top:5px; left:24px; color:#FFF; display:none;}
.tp_theme a.active span{ display:block;}


.tp_setting .help {background-color:#1b79c8; display:inline-block;  border-radius:50%; width:32px; height:32px; text-align: center;	padding-top:5px; margin:15px;  }
.language-box {padding:5px 8px 8px 8px;}
.language-box .form-control {max-width:200px; }
.tp_setting .help:hover, .tp_setting .help:focus {opacity:0.8; } 

.head1{ position:relative;padding:0 0 5px 0; border-bottom:1px solid #ccc; margin-bottom:25px;}
.head1 h1{font-size:24px; color:#555;	font-weight:normal;  }
.con_news{ margin:-15px 0 20px 0; padding:10px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.head1 .sub_btn{margin:0px; padding:0px;position:absolute; right:0; bottom:7px;}
.sub_btn li {float:left;list-style:none;}

.btn-circle{border-radius:0px;float:left;margin:3px;}
.theme-colors{display:inline-block; width:100%;  padding:5px 0 10px 10px; text-align: center; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.theme-colors .active{background-image:url(../images/right-icon.png);background-repeat:no-repeat;background-position:center center;}
.theme-colors .btn {min-height:0px; }
.theme-colors .form-label {text-align:left;  }
.theme-colors .green{background-color:#1b954c;}
.theme-colors .blue{background-color:#1b79c8;}
.theme-colors .gray {background-color:#585858;}
.theme-colors .darkblue {background-color: #000062;}
.theme-colors .btn{padding:0;min-width:0px;  width:24px;height:24px;margin:0 7px 0 0;display:inline-block; box-shadow:none; }


 .language-block {display:inline-block; width:100%;  padding:5px 10px 10px 5px; text-align: center; border-bottom:1px solid #e1e1e1;}
.language-block .form-label {text-align:left; }

.login-panel .language-block {display:inline-block; width:auto; padding:5px 10px 10px 5px; text-align: center; float:left; border-bottom:1px solid #e1e1e1;}
.login-panel .language-block > a {margin:0 5px; } 
.login-panel .language-block > a:hover {opacity:0.7;} 


/* **************************** */
.date-toggle {margin:10px; padding:0px;  display:inline-block;} 
.date-toggle .form-label {display:block; margin-bottom:2px;}
.date-toggle a {float:left;  padding:5px 18px; font-size:14px;  color:#808080; background-color:#f4f4f4; border:1px solid #dddddd; }
.date-toggle a.active {background-color:#1b79c8; color:#fff; border:1px solid #1b79c8;  }

/*************************************************************
**************************** Main ***************************/
#wrapper{ position:relative; min-height:100%; height:auto !important; }
#main { margin-left: 230px; transition: all ease 0.4s; -moz-transition: all ease 0.4s; -webkit-transition: all ease 0.4s;  }
#sidebar-wrapper { margin-left: -230px; top:0px; left: 230px; width: 230px; position: fixed; height: 100%; overflow:hidden; overflow-y: auto; z-index: 9;  transition: all ease 0.4s; -moz-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; }
#page-content-wrapper { width: 100%; }
#main.active { position: relative; left: 0px; margin-left:0;  }


/* Breadcrumb */
.breadcrumb{ margin:0 !important; border-radius:0px; background:#EBEBEB;}
.breadcrumb a {color:#1b79c8; float:left;}
.breadcrumb span{ display:inline-block; width:9px; height:7px; background:url(../images/breadcrumb.png) no-repeat; margin:6px 8px 0 8px; float:left;}



/*****************************Dashboard***********************************/
.dashboard .box {border-bottom:3px solid #1b79c8;position:relative;  }
.dashboard .box .sub-title {position:relative; padding-right:145px;   }
.dashboard .sub-title h5{padding:10px 11px;color:#4c4b4b;font-weight:normal;font-size:15px;line-height:18px;display:inline-block;}
.dashboard .box .status {position:absolute; right:0px; top: 0;}
.status .filter-drop {z-index:9; position:static; }
.status .filter-drop .filter-icon > img {vertical-align:top; text-align:center; }
.status .filter-drop .filter-icon, .status .filter-drop .expand-popup{width:36px;height:40px;float:left;margin:0px;text-align:center;padding-top:7px;}
.status .filter-drop .filter-icon {padding-left:11px; padding-top:12px; position:relative; }
.status .filter-drop .filter-icon:hover, .status .filter-drop .expand-popup:hover {background-color:#f0f0f0; }

.chart-block {padding:0px 15px 10px; }
.filtered-by .form-label {display:inline;}
.filtered-by ul {display:inline; }
.filtered-by li {padding:5px 25px 5px 5px; position:relative;  font-size:12px; list-style:none; display:inline-block; border:1px solid #d5d5d5; border-radius:3px; margin-left:5px; margin-bottom:5px; cursor:pointer;}
.filtered-by li .close-icon {position:absolute; right:0px; top:0px; width:18px; height:27px; text-align:center; }
.filtered-by li .close-icon:before {z-index:0;content:''; background-color:#f0f0f0; position:absolute; right:0px; top:0px; width:0; height:100%;}
.filtered-by li .close-icon:hover:before, .filtered-by li .close-icon:focus:before {width:100%; transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}
.filtered-by li .close-icon > img {position:relative; top:4px;}

.filter-dropdown-menu {left:auto; right:0; top:35px; width:500px;  border-radius:0px;z-index:9; padding: 0px;}

.filter-dropdown-menu .form-horizontal {padding:15px;}
.filter-drop.open .filter-icon:after {content:""; position:absolute; bottom:1px; left:24%;   background:url(../images/shep-icon.png) no-repeat   0 0; width:18px; height:12px; z-index: 99; }
.filter-dropdown-menu .date-pick {display:inline-block; float:left;  width:47.5%; margin-right:15px;}
.mag-r-0 {margin-right:0px !important;  }

.work-status-grid .sub-title {margin-bottom:0px;width:100%; display:inline-block; }

.work-status-grid .table-responsive {box-shadow:none;border:none; }
.work-status-grid .table-bordered {border:none;}
.work-status-grid .table-bordered > tbody > tr > td:first-child, .work-status-grid .table-bordered > thead > tr > th:first-child {border-left:0px;}
.work-status-grid .table-bordered > tbody > tr > td:last-child, .work-status-grid .table-bordered > thead > tr > th:last-child{border-right:0px;}


.work-status-grid .table-bordered > thead > tr > th, .work-status-grid .table-bordered > thead > tr > td {border-bottom:1px solid #ddd !important;}
.work-status-grid .table-bordered tfoot > tr > td {border:0px;	 }



@media (max-width:1340px) {
	.dashboard .sub-title h5 {font-size:13px; }
}
@media (max-width:1199px) {
	.filter-dropdown-menu {left: auto;right: 0;}
	.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
		white-space: nowrap;
	}
}
@media (max-width:991px) {
	.filter-dropdown-menu .date-pick {width:100%;}
	.filter-dropdown-menu .date-pick.mag-r-0  {margin-top:10px; }

}

@media (max-width:767px) {
	.filter-dropdown-menu {width:300px;}
}

/*****************************Modal***********************************/
.modal-open .modal {z-index:99999; }

.modal-content {border-radius:0px; }
.modal-header {background-color:#1b79c8; padding:6px 10px; }
.modal-footer {padding:10px 15px; border-color:#f0f0f0; }
.modal-title {color:#fff; font-size:16px; line-height:26px; }
.modal-header .close {margin-top:0px; background:rgba(255, 255, 255, 0.2) url(../images/close-icon.png) no-repeat center center; width:24px; height:24px; border-radius:50%; opacity:1; }
.modal-header .close:hover, .modal-header .close:focus {background-color:rgba(0, 0, 0, 0.2);}

.existing-text {font-size:12px;}

/************Sidebar Menu************/

#main.active #sidebar-wrapper { left: 0px; width: 230px;  }
#menu-toggle{float:left;width:54px; height:54px; line-height:54px;margin-right:3px;   cursor:pointer;display:inline-block;text-align:center;}
#menu-toggle:hover, #menu-toggle:focus {background-color:#f0f0f0; }
.menu-left{ padding-top:56px; width:230px; padding-bottom:80px;}
.infofix{ position:absolute; bottom:0; left:0; padding:10px 0; width:230px; text-align:center;}
.menu-left > li {border-bottom:1px solid rgba(255, 255, 255, 0.3);  }
.menu-left li > a {color:#fff; font-size:14px; text-decoration:none;   position:relative; min-height:40px; padding:8px 0 0 50px; display:inline-block; width:100%;  }
.menu-left li a .icon {position:absolute;left:10px; top: 6px;  display:inline-block;text-align:center; }
.menu-left li > a:after {content:''; z-index:-1;   background-color:rgba(0, 0, 0, 0.2); width:0; height:100%;position:absolute; top: 0; left:0px;    }
.menu-left li > a:focus:after, .menu-left li > a:hover:after {content:''; width:100%; display:inline-block;  transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;} 

.menu-left li.active {background-color:rgba(0, 0, 0, 0.2);}
.menu-left li.active > a {background-color:rgba(0, 0, 0, 0.2);}

.dro-menu > a {background:url(../images/ar_menu.png) 92% center no-repeat;}
.dro-menu.active > a {background:url(../images/ar_user.png) 92% center no-repeat;} 
.sub-menu-nav {display:none; }
.sub-menu-nav li a {font-size:13px; padding:8px 0 0 20px; min-height:36px; }
.sub-menu-nav li.active > a {
		font-size: 15px;
		font-weight: bold;
		padding: 8px 0 0 20px;
		min-height: 36px;
	}


.footer{ overflow:hidden; background:#e0e0e0; position:absolute; width:100%; bottom:0; }
.footer .footpad{padding:15px 15px 10px 15px;display:inline-block; width:100%; padding-left:230px;}
.footspac .footer .footpad {padding-left:15px;}
.copyright{text-align:right; }

.box{ background:#FFF; border:1px solid #dddddd; box-shadow: 0 2px 3px rgba(0,0,0,.05); margin-bottom:25px;}
.box-content{ padding:15px 15px 5px 15px;}
.box-footer{ background:#f9f9f9; padding:8px 15px 3px; border-top:1px solid #dadada; text-align:right;}
.box-header{ background:#f9f9f9; padding:12px 12px 8px 12px; border-bottom:1px solid #ccc;  font-weight:normal; color:#444; font-size:18px; line-height:1;}

.form-label {
	padding: 0;
	font-weight: normal;
	color: #333;
	line-height: 16px;
}
.frm-group{ min-height:72px;}

/* table */
.table-responsive {margin-bottom:0px;   box-shadow:0 2px 3px rgba(0,0,0,.05); -moz-box-shadow:0 2px 3px rgba(0,0,0,.05); -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.10); -o-box-shadow:0 2px 3px rgba(0,0,0,.05); -ms-box-shadow:0 2px 3px rgba(0,0,0,.05);}
table{ margin-bottom:0 !important; }
.table-calender td, .table-calender th{ text-align:center; }
.table-calender th{ background:#7c7e7e !important; text-transform:uppercase; color:#FFF !important; font-weight:normal;}
.dis{ background:#f1efef;}
.table-calender td.active{ background:#86b456 !important; color:#FFF;}
.v-center td{ vertical-align:middle !important;}
.db-footer{ border-top:1px solid #ddd;}
.db-footer a.viewall{ padding:8px; text-align:center; display:block; text-decoration:none; }
.db-footer a.viewall:hover{ background:#f3f3f3;}
.table{ background:#FFF;}
.table-hover > tbody > tr:hover {background-color: #f9f9f9;}
.table th{ background:#fff; font-weight:normal;   color:#333;}
.table td{ vertical-align:middle !important; }
.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding: 6px;}
.approved{ display:inline-block; padding:6px 10px 7px 10px; font-size:11px; line-height:1; color:#FFF; background:#86b456; border-radius:4px;}
.pending{ display:inline-block; padding:6px 10px 7px 10px; font-size:11px; line-height:1; color:#FFF; background:#eda744; border-radius:4px;}
.reject{ display:inline-block; padding:6px 10px 7px 10px; font-size:11px; line-height:1; color:#FFF; background:#e25856; border-radius:4px;}
.action{ text-align:right; /*width:50px;*/ white-space:nowrap;} 
.action a{border-radius:3px; color:#666; padding:4px 6px; display:inline-block;}
.action a:hover{background:#dbdbdb; transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}
/* paginetion */
.grid-bottom{background:#fff;overflow:hidden;padding:3px 8px;border:1px solid #dce0e2;border-top:0;box-shadow:0 2px 3px rgba(0,0,0,.05);}
.paging{text-align:right;float:right;padding:0px;margin:5px 0px 0px 0px;display:inline-table;}
.paging ul{margin:0px;padding:0px;list-style-type:none;}
.paging ul li{padding:0;margin:0px;display:inline;}
.paging ul li a{color:#7e7e7e;text-decoration:none;background:#fff;border:1px solid #d8dadd;margin:0px 5px 5px 0px;padding:0px;height:28px;line-height:27px;width:30px;text-align:center;display:block;float:left;font-size:12px;}
.paging ul li a.active,.paging ul li a.active:hover{color:#FFF;text-decoration:none;border:none;background:#1b79c8;padding:0px;width:30px;height:28px;}
.paging ul li a.prevar{background:url(../images/prev.png) no-repeat center #fff;width:30px;height:28px;}
.paging ul li a.nxtar{background:url(../images/next.png) no-repeat center #fff;width:30px;height:28px;}
.paging ul li a:hover{text-decoration:none;background-color:#f0f0f0;padding:0px;width:30px;height:28px;}
.show-record{float:left;font-size:13px;color:#616161;padding-left:0px; margin-top:2px;  }
.show-record span{display:inline-block;}
.show-record select{padding:3px 4px;margin-left:5px;width:auto;display:inline-block;}
/*.records {/*/ /*color:*/ /*}*/

.login-rem{ padding-bottom:10px;}
.login-rem input[type=checkbox]{ vertical-align:-1px; margin:0 3px;}



/*Login Panel CSS
-------------------------------------------------------------------------------------------------*/
.login-page {padding:0; background-color:#f4f4f4;}
.login-page .login-panel{max-width:370px;height:440px;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;width:100%; }
.mag-bottom {margin-bottom:0px;  }
.login-logo{margin:0 0 30px; padding-left:40px; display:inline-block; text-align:center; position:relative; }
.login-logo > .logo-img {position:absolute; left: 0; top: -3px; max-width:42px; width:100%;   }
.login-page .language-block {border:0px; padding: 0px; float:right;  }
.login-logo .logo-text {text-align:left; }
.login-logo .logo-text h2 {font-size:16px; }
.login-logo .logo-text h3 {font-size:9px; }
.login-panel .panel-body{padding:20px 25px 20px 25px; margin:-30px 0px;  border-radius:0; background:#fff; box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.15); border-bottom:3px solid #1b79c8;}
.panel-body .btn {text-transform:uppercase; }
h4.login-title{ margin:0;padding:0 0 12px 0; font-size:22px; font-weight:normal; color:#515151;}
.remember{ font-size:12px;}
.checkbox{font-size:12px;}
.login-bot{ border-top:1px solid #e2e2e2; padding:12px 0px; font-size:12px; text-align:center; color:#f37723; margin:0px 0px;}
.login-bot p{ padding:0px 12px;}
.forgot > a:hover {color:#939393; text-decoration:none;  } 
.loginform .btn-primary {margin-left:0px; }

.login-Certification{margin:0 0 30px; padding-left:140px; padding-top:50px; display:inline-block; text-align:center; position:relative; }


/** Edit Job Order ******************************************/
.edit-job-order .box-content {padding-top:0px;  }
.pm-checklist {width:100%; }
.pm-checklist .form-control {padding-right:70px;  }
.pm-checklist .form-control .form-control {padding-right:0px; height: 100%;  }
.pm-checklist .checklis-btn {width:30px; height:32px;padding-top: 6px;text-align: center;  background-color:#efefef; border-left:1px solid #dfdfdf; position:absolute; right:31px; top:1px; z-index:9;}
.pm-checklist .close-btn {width:30px; height:32px;padding-top: 6px;text-align: center;  background-color:#efefef; border-left:1px solid #dfdfdf; position:absolute; right:1px;top:1px; z-index:9;}
.pm-checklist .checklis-btn:hover, .pm-checklist .checklis-btn:focus, .pm-checklist .close-btn:hover, .pm-checklist .close-btn:focus  {background-color:#dddddd; }

.information-form {margin-bottom:15px; padding:0 15px; }
.sub-title {border-bottom:1px solid #cfcfcf;margin-bottom:15px;}
.sub-title > span {color:#4c4b4b; font-weight:normal; font-size:16px; line-height:18px;padding-bottom:5px;display:inline-block;}
.asset-tree-btn{border-radius:4px;display:inline-block;height:30px;line-height:27px;margin-left:0;text-align:center;width:30px;}
.asset-tree-btn:hover, .asset-tree-btn:focus {opacity:0.8; }


.btn-block-bg {border-top:3px solid #e7e7e7; padding:10px 10px 0; margin-right:-15px; margin-left:-15px;}


/** Kendo Grid ******************************************/
.k-grid-header th.k-header, .k-filter-row th {border-width: 0 0 3px 1px;}
.k-grid-content {overflow-y: visible!important;height: 100% !important;}
.k-grid-header  {padding-right:0px !important; padding-left:0px !important;} 
.k-grid tr td {border-color:#ddd;}
.k-grid-header th.k-header {padding: 10px 8px !important; }
.k-pager-info {float:left; padding:5px 10px; }
.k-pager-sizes {float:right; padding:3px 0px 0px 0px;}

@media (max-width:1680px) {

	.dms-login{ border-top:1px solid #cdcdcd; margin-top:40px; padding-top:35px;}
	#arabic .dms-login{ margin-top:40px; padding-top:35px;}
	.login-group{width:80%;}
	.logintitle{ font-size:32px; }

	.form-field{height: 36px;  padding: 6px 12px; font-size: 16px;}
	.signin{ height:36px; padding:0 35px 2px 35px;  font-size:18px;}

	.languagelink{ height:36px; padding:8px 10px 0 10px; font-size:14px;}
	.languagelink span{ width:40px; height:38px; }
	.lang-block{top:36px; }
	.lang-block li a{ display:block; padding:8px 10px 8px 10px;font-size:14px;}

	.l-link{font-size:16px; padding-top:15px; }
	.l-link table{ margin:10px 0 0 0;}

}

@media (max-width:1220px) {

	.dms-login{ border-top:1px solid #cdcdcd; margin-top:30px; padding:25px 0 0 0;}
	#arabic .dms-login{ padding:25px 0 0 0 ;}

	.login-group{width:auto;}
	.logintitle{ font-size:26px;  padding: 0 0 20px 0; text-align:center; }
	.l-link{font-size:14px; padding-top:12px; }
	.l-link table{ margin:8px 0 8px 0;}

}

@media (max-width:992px) {
	#login-content{  padding:20px 0 0 0;}
	.login-leftside{ width:50%;}
	.login-rightside{ width:50%; padding:0 20px 0 20px;}
	.logintitle{ font-size:24px;  padding: 0 0 15px 0; }
	.logo-text h2 {font-size:18px; }
	.logo-text h3 { font-size: 11px;}
	
	.foot_bottom p{ display:none;}
	.logincopy span{ display:none;}

}

@media (max-width:767px) {
	/* sidebar css start */
	body {overflow-x:hidden;}
	#main { margin-left: 0;}
	#sidebar-wrapper { left: 0;}
	#main.active { position: relative; margin-left:230px; width:100%;}
	#main.active #sidebar-wrapper { left: 230px; width: 230px;}
	.contentpad {padding:22px 10px 75px; }

	a.userinfo{padding:5px; }
	#login-content{  padding:0;}
	.login-leftside, #arabic .login-leftside{ float:none; width:auto; display:none;}
	.login-rightside, #arabic .login-rightside{  float:none; width:auto; padding:15px;}
	.logintitle{ font-size:22px;}
	.foot_bottom{ padding:15px 10px;}
	.f-social{ text-align:center; padding:0 0 10px 0;}
	.logincopy{ position:static; text-align:center; padding-bottom:6px;}
	.logo-text {display:none; }
	.head1{border:none; }
	.head1 h1{border-bottom:1px solid #ccc; padding-bottom:10px;  }
	.head1 .sub_btn {position:relative; margin-top:15px;overflow:hidden; bottom:0px;   }
	.usertext {display:none; }
	.userinfo .ar {margin-left:0px; }
	.head1 {margin-bottom:10px;  }
	.version {margin-bottom:5px;}

	.copyright, .version {text-align:center; }
	.footer .footpad {padding:6px; }
	.show-record, .paging {float:none; display:block;  }
	.show-record {margin-top:5px;   margin-bottom:5px;  }

	.login-page .login-logo img {max-width:280px; }
	.login-page	.login-logo  {margin:0 auto 15px; padding:0px; display:table;  }
	.login-logo > .logo-img {position:relative;}
	.userinfo .userimg {width:35px; height:35px;}
	.hdr_right .dropdown {margin-top:0px;  }
	.tp_setting .help {width: 25px; height: 25px; padding-top: 2px; }
	.tp_setting .help > img {max-width:9px; }


}


.logo-ems img, .logo-moh img{ max-width: 100%; height: auto;}
.infofixlogo{ width:194px; height:76px; position:absolute; bottom:0; right:0; background:url(../images/infofix2.png) no-repeat; outline:none;}
#arabic .infofixlogo{ right:auto; left:0; background:url(../images/infofix2-ar.png) no-repeat;}
@media (max-width:767px) {
	.infofixlogo{ width:194px; height:76px; position:static; margin:0 auto; display:block;}
}






.dropdown-menu.urlink, .dropdown-menu.filter-dropdown-menu { 
	-webkit-animation-duration: 0.25s; 
	animation-duration: 0.25s; 
	-webkit-animation-fill-mode: both; 
	animation-fill-mode: both; 
	/*-webkit-animation-timing-function: ;*/ 
	animation-timing-function: ease-in-out; 
} 

@-webkit-keyframes fadeInDown { 
	0% { 
		opacity: 0; 
		-webkit-transform: translateY(-20px)  scale(0.8);
	} 
	100% { 
		opacity: 1; 
		-webkit-transform: translateY(0) scale(1);
	} 
} 

@keyframes fadeInDown { 
	0% { 
		opacity: 0; 
		transform: translateY(-20px) scale(0.8); 
	} 
	100% { 
		opacity: 1; 
		transform: translateY(0) scale(1); 
	} 
} 

.open .dropdown-menu.urlink, .open .dropdown-menu.filter-dropdown-menu { 
	-webkit-animation-name: fadeInDown; 
	animation-name: fadeInDown; 
}



/*16-08-2016*/

.customFilters .frm-group {min-height: 45px;}

/* 08-09-2016 */

.checkbox-custom  {border:1px solid #dfdfdf; width: 16px;height: 16px; display: inline-block;position:relative;}
.checkbox-custom.active:after {content: ''; background-color:#1b79c8; width: 10px;height: 10px; display: inline-block; position:absolute; top: 3px;left:3px;   }
.blue .checkbox-custom.active:after  {background-color:#1b79c8;}
.green .checkbox-custom.active:after  {background-color:#20863d;}
.gray .checkbox-custom.active:after {background-color:#585858;}

/* 04-09-2016 for responsive grid */
 .k-grid-header {
        padding: 0 !important;
    }

    .k-grid-content {
        overflow-y: visible !important;
         height:100% !important;
    }


@media (max-width:1200px) {

.table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }

.kl-grid td, .kl-grid th { width:150px !important;  white-space: nowrap !important; box-sizing: border-box !important;
    }
    .k-grid td {
        padding:10px 8px !important;
    }
    
}





/* 19-09-2016 */
textarea {resize: none;}
.sub-title {position: relative; }
.sub-title .sub_btn{margin:0px; padding:0px;position:absolute; right:0; bottom:7px;}
.sub_btn li {float:left;list-style:none;}

@media (max-width:767px) {
	.sub-title {border-bottom:0px; }
	.sub-title > span { border-bottom: 1px solid #cfcfcf; width:100%;padding-bottom:10px;   }
	.sub-title .sub_btn {position:relative; margin-top:10px;overflow:hidden; bottom:0px;   }
}


.upload-photo-block {position: relative; padding-left:175px; min-height:250px; }
.upload-photo {position: absolute; left:0px; top: 0; }

@media (max-width:767px) { 
	.upload-photo-block {padding-left:0px;}
	.upload-photo {position: relative;}
}

.upload-photo{padding-left:0; width:150px; overflow:hidden;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom:20px; }
.upload-photo .file-upload-input{display:none}
.upload-photo .file-upload-wrapper, .upload-photo  .file-upload-button{width:100%; height:100%; z-index:9}
.upload-photo .upload-input {border:1px solid #BEBEBE; background-color:#f0f0f0; width:100%; height:35px;display:block; position:relative; margin:5px 0; cursor:pointer;}
.upload-photo .upload-input:after { content:'Change Photo'; font-size:14px; color:#333333; position:absolute; left:0px; right:0px; top:7px; text-align:center; margin:auto; }   
.upload-photo .upload-input input {opacity:0; position:relative; z-index:99; height:35px; width:100%;}
.upload-not {display:block;color:#e40808; font-size:11px; margin-bottom:10px;}
.upload-photo .file-upload-button{font-size:0; text-indent:-9999px;background:transparent ; }
.upload-logo{position:absolute; top:50%; margin-top:-46px;left:0; right:0; text-align: center; z-index:0}
.upload-logo img{display:inline-block; margin-bottom: 17px;}
.upload-logo label{display:block; font-size:17px; color:#5c5c5c; font-weight: normal;}

.upload-profile-pic .upload-logo{margin-top: -75px;}
.upload-profile-pic span{ border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;background: #fff;border: 3px solid #dddddd; display: table;width: 99px; height: 99px;margin: 0 auto 17px }
.upload-profile-pic em{display: table-cell; vertical-align: middle;}
.upload-profile-pic img{margin-bottom: 0;}


.custom-file-upload-hidden{display:none;visibility:hidden;position:absolute;left:-9999px;}
.custom-file-upload{display:block;width:auto;font-size:16px;}
.custom-file-upload label{display:block;margin-bottom:5px;}
.file-upload-wrapper{position:relative;}
.file-upload-input{background: #f9f9f9;border: 1px solid #dbdbdb;box-shadow: none;border-radius: 2px; height: 41px; margin-bottom:0;width:100%;display: block;padding:6px 145px 6px 12px;font-size:14px;line-height:20px;color:#555;}
.file-upload-input:focus{background:#fff; border-color: #02be9a}
.file-upload-button{cursor:pointer;display:inline-block;color:#fff;font-size:16px;line-height: 20px; text-transform:uppercase;padding:12px 20px 9px;border:none;margin-left:-1px;background-color:#c1c1c1;/* IE 9 Fix */-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in;position: absolute;top: 0;right: 0;border-radius: 2px;border-top-left-radius: 0;border-bottom-left-radius: 0;-webkit-border-radius: 2px;-moz-border-radius: 2px;}
.file-upload-button:hover{background-color:#f0f0f0;}


.horizontal-checkbox .checkbox {display:inline-block; margin-right:15px; line-height:20px;  }
.two-form-group .input-two {display:table; width:100%;}
.two-form-group .input-group {display:table-cell;width:50%; vertical-align:top;}
.two-form-group .pm-checklist {width:100%; padding-left:125px; display:table;  }
.two-form-group .pm-checklist .code-input {position:absolute; width:125px; left:0px; padding:6px;  }




/* 22-09-2016 */

.active-icon {width:12px; height:12px; display:inline-block; background-color:#67C100; border-radius:50%;-moz-border-radius:50%; -webkit-border-radius:50%;  }
.inactive-icon {width:12px; height:12px; display:inline-block; background-color:#b8b8b8; border-radius:50%;-moz-border-radius:50%; -webkit-border-radius:50%;  }

.Profitability { margin-top:15px; float:right; }
.total-tablebox {display:inline-block; float:left;  }
.Profitability .total-tablebox > table {background-color:#f5f5f5; float:left; margin-left:30px; width:auto; min-width:270px; margin-bottom:15px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);}
.Profitability .total-tablebox > table tr > td { padding:8px 10px; font-size:14px; color:#717070; font-weight:normal; text-align:right; width:50%; }
.Profitability .total-tablebox > table tfoot tr:first-child { border-top:1px solid #cfcfcf; }
.Profitability .total-tablebox > table tr > td.label {display:inline-block; line-height:20px; }
.Profitability .total-tablebox > table > tfoot tr > td {color:#242424; }
.Profitability .total-tablebox > table > tfoot tr > td.label {font-size:16px;}
.Profitability .total-tablebox > table tr > td .total, .Profitability .total-tablebox > table tr > td.label { color:#242424; text-align:left; }
.Profitability .total-tablebox > table > tbody tr > td.text-right { text-align:right!important; }


@media (max-width:767px) {
	.Profitability, .Profitability .total-tablebox > table {width:100%; margin:10px;}
	.total-tablebox {display:block; width:100%;  }
}
 
/* 03-10-2016 */

.cleaning-weightage .titel-pc {margin-bottom: 30px; }
.cleaning-weightage .form-horizontal .form-group {margin-left:0px; margin-right:0px;}


.cleaning-label {padding:7px 0 0 2px; margin-bottom:0px; font-size:14px;  font-weight:normal;  display:inline-block;width:auto; }

@media (max-width:767px) {
	.cleaning-weightage  label.control-label {display:block !important; }
	.cleaning-weightage .xs-bg {background-color:#f6f6f6; padding-top:8px; padding-bottom:8px;  margin:0 15px 15px; }
} 

/* 24 - Oct - 2016 */

.print-icon {width:36px;height:40px;float:left;padding-left:7px; padding-top:8px ; margin:0px;text-align:center;}
.print-icon:hover { background-color: #f0f0f0;}


/*4-11-2016*/
/**********************************/
.cus-form .form-group{ min-height:66px;}


@media (max-width:1030px) {
.edit-job-order .nav-tabs li a:after{ display:none !important}
.edit-job-order .nav-tabs li{ margin-bottom: -3px;}
.edit-job-order .nav-tabs li.active{ border-bottom:3px solid #000;}
.blue .edit-job-order .nav-tabs li.active{ border-bottom-color:#155c98;}
.green .edit-job-order .nav-tabs li.active{ border-bottom-color:#20863d;}
.gray .edit-job-order .nav-tabs li.active{ border-bottom-color:#585858;}

.btn:before { display:none;}
.btn:hover:before, .btn:focus:before { display:none;}

.blue .btn-primary:hover { background-color: #1f6eb4 !important;  border-color: #1f6eb4 !important;}
.green .btn-primary:hover { background-color: #1d7837 !important;  border-color: #1d7837 !important;}
.gray .btn-primary:hover { background-color: #4f4f4f !important;  border-color: #4f4f4f !important;}
.btn-default:hover { background-color: #c6c6c6 !important;  border-color: #c6c6c6 !important;}

.menu-left li > a:after { display:none; }
.menu-left li > a:focus:after, .menu-left li > a:hover:after { display:none;} 
.menu-left li > a:hover, .menu-left li > a:focus{background-color:rgba(0, 0, 0, 0.2);}
}

/************ ADD 24-11-16 ******************/
.tt-nopad{ padding:0 0 7px 7px !important; margin-top:15px; background:#FFFFFF; float:right; white-space:nowrap; border:1px solid #dce0e2; box-shadow:0 2px 3px rgba(0,0,0,.05);}
.tt-nopad td{ padding:7px 7px 0 0 !important}
.tt-nopad td.labeltext{ color:#333; font-weight:normal; vertical-align:middle !important; margin:0 !important; padding:7px 5px 0 0 !important; text-align:right;}
@media (max-width:767px) {
.tt-nopad{ font-size:11px;}
}





@font-face {
	font-family: 'open_sansregular';
	src: url('../Content/fonts/opensans-regular-webfont.eot');
	src: url('../Content/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),  
        /*url('../Content/fonts/opensans-regular-webfont.woff2') format('woff2'),*/  
        url('../Content/fonts/opensans-regular-webfont.woff') format('woff'), 
	url('../Content/fonts/opensans-regular-webfont.ttf') format('truetype'),  
	url('../Content/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
	font-weight: normal; font-style: normal;
}

@font-face {
	font-family: 'open_sanssemibold';
	src: url('../Content/fonts/opensans-semibold-webfont.eot');
	src: url('../Content/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), 
         /*url('../Content/fonts/opensans-semibold-webfont.woff2') format('woff2'),*/ 
         url('../Content/fonts/opensans-semibold-webfont.woff') format('woff'),  url('../Content/fonts/opensans-semibold-webfont.ttf') format('truetype'),  url('../Content/fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
	font-weight: normal; font-style: normal;
}

@font-face {
	font-family: 'open_sansbold';
	src: url('../Content/fonts/opensans-bold-webfont.eot');
	src: url('../Content/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), 
         /*url('../Content/fonts/opensans-bold-webfont.woff2') format('woff2'),*/  
        url('../Content/fonts/opensans-bold-webfont.woff') format('woff'),  url('../Content/fonts/opensans-bold-webfont.ttf') format('truetype'),  url('../Content/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
	font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'droid_arabic_naskhregular';
    src: url('../Content/fonts/droidnaskh-regular-webfont.eot');
    src: url('../Content/fonts/droidnaskh-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Content/fonts/droidnaskh-regular-webfont.woff2') format('woff2'),
         url('../Content/fonts/droidnaskh-regular-webfont.woff') format('woff'),
         url('../Content/fonts/droidnaskh-regular-webfont.svg#droid_arabic_naskhregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'droid_arabic_naskhbold';
    src: url('../Content/fonts/droidnaskh-bold-webfont.eot');
    src: url('../Content/fonts/droidnaskh-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Content/fonts/droidnaskh-bold-webfont.woff2') format('woff2'),
         url('../Content/fonts/droidnaskh-bold-webfont.woff') format('woff'),
         url('../Content/fonts/droidnaskh-bold-webfont.svg#droid_arabic_naskhbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'general-font';
    src: url('../Content/fonts/general-font-heavy.woff2') format('woff2'), url('../Content/fonts/general-font-heavy.woff') format('woff');
}

@font-face {
    font-family: 'general-font';
    src: url('../Content/fonts/general-font-med.woff2') format('woff2'), url('../Content/fonts/general-font-med.woff') format('woff');
}




/*************************************************************
**************************** Theme ***************************/
/*************** Blue ***************/
.blue #sidebar-wrapper {
    background: #1b79c8;
}

.blue .sidebar-menu h3:hover, .blue .sidebar-menu h3.openheader {
    background: #1c5488;
}

.blue .sidebar-list {
    background: #155c98;
}

.blue .btn-icon {
    color: #fff;
    background-color: #1b79c8;
    border-color: #1b79c8;
}

.blue .btn-primary {
    color: #fff;
    background-color: #1b79c8;
    border-color: #1b79c8;
}

    .blue .btn-primary:focus, .blue .btn-primary.focus {
        color: #fff;
        background-color: #237bc8;
        border-color: #237bc8;
    }

    .blue .btn-primary:hover {
        color: #fff;
        background-color: #237bc8;
        border-color: #237bc8;
    }

.blue .new_alert {
    background: #f6bb42;
}

.blue .infofix {
    background: #31689b;
}

.blue .login-header {
    background: #233552;
}

.blue .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    background-color: #4e6284;
}

.blue .r-tabs .r-tabs-panel {
    border-top: 3px solid #4e6284;
}

.blue .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    background-color: #4a6293;
    border-bottom: 1px solid #4a6293;
    color: #FFF;
    text-shadow: none;
}

.blue .modal-header {
    background-color: #1b79c8;
}

.blue .tp_setting .help {
    background-color: #1b79c8;
}

.blue .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-color: #1b79c8;
}

.blue .date-toggle a.active {
    background-color: #1b79c8;
    border-color: #1b79c8;
}

.blue .edit-job-order .nav-tabs li a:after {
    background-color: #155c98;
}

.blue .login-panel .panel-body {
    border-bottom-color: #155c98;
}

.blue .asset-tree-btn {
    background-color: #155c98;
}

/*.blue .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li a:hover,
.blue .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li.active a,
.blue .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li.active a:hover {
    background: #155c98 !important;
}*/

.blue .dashboard .box {
    border-bottom-color: #1b79c8;
}

.blue .breadcrumb a {
    color: #1b79c8;
}

.blue .k-grid-header th.k-header, .k-filter-row th {
    border-bottom-color: #1b79c8;
}

.blue .k-pager-numbers .k-state-selected {
    background-color: #1b79c8;
    border-color: #1b79c8;
}

.blue .k-state-selected, .blue .k-state-selected:link, .blue .k-state-selected:visited, .blue .k-list > .k-state-selected, .blue .k-list > .k-state-highlight, .blue .k-panel > .k-state-selected, .blue .k-ghost-splitbar-vertical, .blue .k-ghost-splitbar-horizontal, .blue .k-draghandle.k-state-selected:hover, .blue .k-scheduler .k-scheduler-toolbar .k-state-selected, .blue .k-scheduler .k-today.k-state-selected, .blue .k-marquee-color {
    color: #fff;
    background-color: #1b79c8;
    border-color: #1b79c8;
}

/*Updated 29 09 2020*/
.blue .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li a:hover,
.blue .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li.active a,
.blue .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li.active a:hover {
    background: #1b79c8 !important;
    color: #fff !important;
}

.blue .sub-menu-nav a {
    background-color: #155c98 !important;
    color: #fff !important;
}


.blue .dro-menu > a {
    background-color: #155c98 !important;
    color: #fff !important;
}

.blue .sub-menu-nav li.active {
    background-color: #fff !important;
    color: #000 !important;
}


.blue .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav li > a {
    padding-left: 75px !important;
}



.blue .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav li > a {
    padding-left: 50px !important;
}

.blue .dro-menu.active .sub-menu-nav .dro-menu .sub-menu-nav li > a {
    padding-left: 30px !important;
}


/** 18-Oct-2016 */
.blue input:checked + .slider {
    background-color: #1b79c8;
}

/*************** Green **************/
.green #sidebar-wrapper {
    background: #20863d;
}

.green .btn-icon {
    color: #fff;
    background-color: #20863d;
    border-color: #20863d;
}

.green .tp_setting .help {
    background-color: #20863d;
}

.green .paging ul li a.active, .green .paging ul li a.active:hover {
    background-color: #20863d;
}

.green .sidebar-menu h3:hover, .green .sidebar-menu h3.openheader {
    background: #3b3733;
}

.green .sidebar-list {
    background: #20863d;
}

.green .btn-primary {
    color: #fff;
    background-color: #20863d;
    border-color: #20863d;
}

    .green .btn-primary:focus, .green .btn-primary.focus {
        color: #fff;
        background-color: #20863d;
        border-color: #20863d;
    }

    .green .btn-primary:hover {
        color: #fff;
        background-color: #20863d;
        border-color: #20863d;
    }

.green .new_alert {
    background: #4e4a45;
    color: #FFF;
}

.green .infofix {
    background: #20863d;
}

.green .login-header {
    background: #ee9b0b;
}

.green .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    background-color: #20863d;
}

.green .r-tabs .r-tabs-panel {
    border-top: 3px solid #20863d;
}

.green .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    background-color: #20863d;
    border-bottom: 1px solid #20863d;
    color: #FFF;
    text-shadow: none;
}

.green .modal-header {
    background-color: #20863d;
}

.green .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-color: #20863d;
}

.green .date-toggle a.active {
    background-color: #20863d;
    border-color: #20863d;
}

.green .edit-job-order .nav-tabs li a:after {
    background-color: #20863d;
}

.green .login-panel .panel-body {
    border-bottom-color: #20863d;
}

.green .asset-tree-btn {
    background-color: #20863d;
}

/*.green .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li a:hover,
.green .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li.active a,
.green .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li.active a:hover {
    background: #20863d !important;
}*/

.green .dashboard .box {
    border-bottom-color: #20863d;
}

.green .breadcrumb a {
    color: #20863d;
}

.green .k-grid-header th.k-header, .k-filter-row th {
    border-bottom-color: #20863d;
}

.green .k-pager-numbers .k-state-selected {
    background-color: #20863d;
    border-color: #20863d;
}

.green .k-state-selected, .green .k-state-selected:link, .green .k-state-selected:visited, .green .k-list > .k-state-selected, .green .k-list > .k-state-highlight, .green .k-panel > .k-state-selected, .green .k-ghost-splitbar-vertical, .green .k-ghost-splitbar-horizontal, .green .k-draghandle.k-state-selected:hover, .green .k-scheduler .k-scheduler-toolbar .k-state-selected, .green .k-scheduler .k-today.k-state-selected, .green .k-marquee-color {
    color: #fff;
    background-color: #20863d;
    border-color: #20863d;
}

.green input:checked + .slider {
    background-color: #20863d;
}

.green .k-multiselect .k-button {
    background-color: #20863d;
}



/*Updated 29 09 2020*/
.green .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li a:hover,
.green .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li.active a,
.green .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li.active a:hover {
    background: #20863d !important;
    color: #fff !important;
}

.green .sub-menu-nav a {
    background-color: #20863d !important;
    color: #fff !important;
}


.green .dro-menu > a {
    background-color: #20863d !important;
    color: #fff !important;
}

.green .sub-menu-nav li.active {
    background-color: #fff !important;
    color: #000 !important;
}


.green .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav li > a {
    padding-left: 75px !important;
}

.green .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav li > a {
    padding-left: 50px !important;
}

.green .dro-menu.active .sub-menu-nav .dro-menu .sub-menu-nav li > a {
    padding-left: 30px !important;
}

/*Updated 29 09 2020*/


/*************** Gray **************/
.gray #sidebar-wrapper {
    background: #585858;
}

.gray #sidebar-wrapper {
    background: #585858;
}

.gray .btn-icon {
    color: #fff;
    background-color: #585858;
    border-color: #585858;
}

.gray .tp_setting .help {
    background-color: #585858;
}

.gray .paging ul li a.active,
.gray .paging ul li a.active:hover {
    background-color: #585858;
}

.gray .sidebar-menu h3:hover,
.gray .sidebar-menu h3.openheader {
    background: #3b3733;
}

.gray .sidebar-list {
    background: #585858;
}

.gray .btn-primary {
    color: #fff;
    background-color: #585858;
    border-color: #585858;
}

    .gray .btn-primary:focus, .gray .btn-primary.focus {
        color: #fff;
        background-color: #585858;
        border-color: #585858;
    }

    .gray .btn-primary:hover {
        color: #fff;
        background-color: #585858;
        border-color: #585858;
    }

.gray .new_alert {
    background: #4e4a45;
    color: #FFF;
}

.gray .infofix {
    background: #585858;
}

.gray .login-header {
    background: #ee9b0b;
}

.gray .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    background-color: #585858;
}

.gray .r-tabs .r-tabs-panel {
    border-top: 3px solid #585858;
}

.gray .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    background-color: #585858;
    border-bottom: 1px solid #585858;
    color: #FFF;
    text-shadow: none;
}

.gray .modal-header {
    background-color: #585858;
}

.gray .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-color: #585858;
}

.gray .date-toggle a.active {
    background-color: #585858;
    border-color: #585858;
}

.gray .edit-job-order .nav-tabs li a:after {
    background-color: #585858;
}

.gray .login-panel .panel-body {
    border-bottom-color: #585858;
}

.gray .asset-tree-btn {
    background-color: #585858;
}

/*
.gray .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li a:hover,
.gray .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li.active a,
.gray .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li.active a:hover {
    background: #585858 !important;
}*/

.gray .dashboard .box {
    border-bottom-color: #585858;
}

.gray .breadcrumb a {
    color: #585858;
}

.gray .k-grid-header th.k-header, .k-filter-row th {
    border-bottom-color: #585858;
}

.gray .k-pager-numbers .k-state-selected {
    background-color: #585858;
    border-color: #585858;
}

.gray .k-state-selected, .gray .k-state-selected:link, .gray .k-state-selected:visited, .gray .k-list > .k-state-selected, .gray .k-list > .k-state-highlight, .gray .k-panel > .k-state-selected, .gray .k-ghost-splitbar-vertical, .gray .k-ghost-splitbar-horizontal, .gray .k-draghandle.k-state-selected:hover, .gray .k-scheduler .k-scheduler-toolbar .k-state-selected, .gray .k-scheduler .k-today.k-state-selected, .gray .k-marquee-color {
    color: #fff;
    background-color: #585858;
    border-color: #585858;
}

.gray input:checked + .slider {
    background-color: #585858;
}

.gray .k-multiselect .k-button {
    background-color: #585858;
}


/*Updated 29 09 2020*/
.gray .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li a:hover,
.gray .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li.active a,
.gray .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li.active a:hover {
    background: #585858 !important;
    color: #fff !important;
}

.gray .sub-menu-nav a {
    background-color: #585858 !important;
    color: #fff !important;
}


.gray .dro-menu > a {
    background-color: #585858 !important;
    color: #fff !important;
}

.gray .sub-menu-nav li.active {
    background-color: #fff !important;
    color: #000 !important;
}


.gray .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav li > a {
    padding-left: 75px !important;
}



.gray .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav li > a {
    padding-left: 50px !important;
}

.gray .dro-menu.active .sub-menu-nav .dro-menu .sub-menu-nav li > a {
    padding-left: 30px !important;
}



/*******************darkblue*********************/
.darkblue #sidebar-wrapper {
    background: #000062;
}

.darkblue #sidebar-wrapper {
    background: #000062;
}

.darkblue .btn-icon {
    color: #fff;
    background-color: #000062;
    border-color: #000062;
}

.darkblue .tp_setting .help {
    background-color: #000062;
}

.darkblue .paging ul li a.active,
.darkblue .paging ul li a.active:hover {
    background-color: #000062;
}

.darkblue .sidebar-menu h3:hover,
.darkblue .sidebar-menu h3.openheader {
    background: #3b3733;
}

.darkblue .sidebar-list {
    background: #000062;
}

.darkblue .btn-primary {
    color: #fff;
    background-color: #000062;
    border-color: #000062;
}

    .darkblue .btn-primary:focus, .darkblue .btn-primary.focus {
        color: #fff;
        background-color: #000062;
        border-color: #000062;
    }

    .darkblue .btn-primary:hover {
        color: #fff;
        background-color: #000062;
        border-color: #000062;
    }

.darkblue .new_alert {
    background: #4e4a45;
    color: #FFF;
}

.darkblue .infofix {
    background: #000062;
}

.darkblue .login-header {
    background: #ee9b0b;
}

.darkblue .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    background-color: #000062;
}

.darkblue .r-tabs .r-tabs-panel {
    border-top: 3px solid #000062;
}

.darkblue .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    background-color: #000062;
    border-bottom: 1px solid #000062;
    color: #FFF;
    text-shadow: none;
}

.darkblue .modal-header {
    background-color: #000062;
}

.darkblue .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-color: #000062;
}

.darkblue .date-toggle a.active {
    background-color: #000062;
    border-color: #000062;
}

.darkblue .edit-job-order .nav-tabs li a:after {
    background-color: #000062;
}

.darkblue .login-panel .panel-body {
    border-bottom-color: #000062;
}

.darkblue .asset-tree-btn {
    background-color: #000062;
}


.darkblue .breadcrumb a {
    color: #000062;
}

.darkblue .k-grid-header th.k-header, .k-filter-row th {
    border-bottom-color: #000062;
}

.darkblue .k-pager-numbers .k-state-selected {
    background-color: #000062;
    border-color: #000062;
}

.darkblue .k-state-selected, .darkblue .k-state-selected:link, .darkblue .k-state-selected:visited, .darkblue .k-list > .k-state-selected, .darkblue .k-list > .k-state-highlight, .darkblue .k-panel > .k-state-selected, .darkblue .k-ghost-splitbar-vertical, .darkblue .k-ghost-splitbar-horizontal, .darkblue .k-draghandle.k-state-selected:hover, .darkblue .k-scheduler .k-scheduler-toolbar .k-state-selected, .darkblue .k-scheduler .k-today.k-state-selected, .darkblue .k-marquee-color {
    color: #fff;
    background-color: #000062;
    border-color: #000062;
}

.darkblue input:checked + .slider {
    background-color: #000062;
}

.darkblue .k-multiselect .k-button {
    background-color: #000062;
}

.darkblue .dashboard .box {
    border-bottom-color: #000062;
}


.darkblue .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li a:hover,
.darkblue .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li.active a,
.darkblue .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li.active a:hover {
    background: #000062 !important;
    color: #fff !important;
}


.darkblue .sub-menu-nav a {
    background-color: #000062 !important;
    color: #fff !important;
}


.darkblue .dro-menu > a {
    background-color: #000062 !important;
    color: #fff !important;
}

.darkblue .sub-menu-nav li.active {
    background-color: #fff !important;
    color: #000 !important;
}


.darkblue .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav li > a {
    padding-left: 75px !important;
    /*   padding-right: 75px !important;*/
}

/*.darkblue .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav li.active > a {
    background-color: #fff !important;*
    color: red !important;
}*/

.darkblue .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav li > a {
    padding-left: 50px !important;
    /* padding-right: 50px !important;*/
}

/*.darkblue .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav li.active > a {*/
/*background-color: #fff !important;*/

/*color: green !important;
}*/


.darkblue .dro-menu.active .sub-menu-nav .dro-menu .sub-menu-nav li > a {
    padding-left: 30px !important;
    /* padding-right: 30px !important;*/
}
/**/
/*.darkblue .dro-menu.active .sub-menu-nav .dro-menu .sub-menu-nav li.active > a {*/
/* background-color: #fff !important;*/
/*color: Yellow !important;
}*/
/*

	.darkblue .dro-menu.active .sub-menu-nav .dro-menu .sub-menu-nav li > a .darkblue .sub-menu-nav a {
		background-color: red !important;
		color: #000062 !important;
		padding-left: 40px !important;
		padding-right: 40px !important;
	}*/

/*
.darkblue .dro-menu.active .sub-menu-nav .dro-menu .sub-menu-nav li > a {
	background-color: #fff !important;
	color: #000062 !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
}
*/
/***************************************/
/*************************************************************
**************************** Arabic ***************************/
/*#arabic .theme-colors .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li a:hover,
#arabic .theme-colors .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li.active a,
#arabic .theme-colors .nav-tabs-horizontal .nav-tabs li.dropdown .dropdown-menu li.active a:hover {*/
/*background: #000062 !important;
	color: #fff;*/
/*}


#arabic .theme-colors .sub-menu-nav a {
	background-color: #fff;
	color: #000;
}*/
/**/
/*#arabic .theme-colors .dro-menu > a {
	background-color: #000062;
	color: #fff;
}

.darkblue .sub-menu-nav li.active {
	background-color: #fff;
	color: #000;
}

.darkblue .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav li > a {
	background-color: #237bc8;
	color: #000;
	padding-left: 50px;
}*/
#arabic {
    direction: rtl;
}

    #arabic table {
        text-align: right;
    }

    /***** GRID *****/
    #arabic .col-xs-1, #arabic .col-xs-2, #arabic .col-xs-3, #arabic .col-xs-4, #arabic .col-xs-5, #arabic .col-xs-6, #arabic .col-xs-7, #arabic .col-xs-8, #arabic .col-xs-9, #arabic .col-xs-10, #arabic .col-xs-11, #arabic .col-xs-12 {
        float: right;
    }

@media (min-width: 768px) {
    #arabic .col-sm-1, #arabic .col-sm-2, #arabic .col-sm-3, #arabic .col-sm-4, #arabic .col-sm-5, #arabic .col-sm-6, #arabic .col-sm-7, #arabic .col-sm-8, #arabic .col-sm-9, #arabic .col-sm-10, #arabic .col-sm-11, #arabic .col-sm-12 {
        float: right;
    }
}

@media (min-width: 992px) {
    #arabic .col-md-1, #arabic .col-md-2, #arabic .col-md-3, #arabic .col-md-4, #arabic .col-md-5, #arabic .col-md-6, #arabic .col-md-7, #arabic .col-md-8, #arabic .col-md-9, #arabic .col-md-10, #arabic .col-md-11, #arabic .col-md-12 {
        float: right;
    }
}

@media (min-width: 1200px) {
    #arabic .col-lg-1, #arabic .col-lg-2, #arabic .col-lg-3, #arabic .col-lg-4, #arabic .col-lg-5, #arabic .col-lg-6, #arabic .col-lg-7, #arabic .col-lg-8, #arabic .col-lg-9, #arabic .col-lg-10, #arabic .col-lg-11, #arabic .col-lg-12 {
        float: right;
    }
}
/***** GRID END *****/


body#arabic {
    font-family: 'general-font', Tahoma;
    font-weight: normal;
}

/*, #arabic li, #arabic a, #arabic p, #arabic div, #arabic span, #arabic h1 {*/
#arabic #main {
    margin-left: 0;
    margin-right: 230px;
}

#arabic #sidebar-wrapper {
    margin-left: 0;
    margin-right: -230px;
    left: auto;
    right: 230px;
}

we
#arabic #main.active {
    left: auto;
    right: 0;
    margin-right: 0;
    margin-left: 0;
}

#arabic #main.active #sidebar-wrapper {
    left: auto;
    right: 0;
}

#arabic #menu-toggle {
    float: right;
    margin-left: 3px;
}

#arabic .sidebar-list li a {
    padding: 5px 30px 5px 10px;
    background: url(../images/ar_menu_right.png) 92% center no-repeat;
}

#arabic .theme-colors {
    float: right;
    border-left: 1px solid #e1e1e1;
    border-right: 0px;
}

    #arabic .theme-colors .btn {
        float: right;
    }

#arabic .date-toggle a {
    float: right;
}

#arabic .theme-colors .form-label {
    text-align: right;
    padding: 0 5px 5px;
}

#arabic .language-block .form-label {
    text-align: right;
}

#arabic .menu-left li > a {
    min-height: 40px;
    padding: 11px 50px 0 0;
}

#arabic .menu-left li a .icon {
    right: 10px;
    left: auto;
    top: 5px;
}

#arabic .menu-left li > a:after {
    content: '';
    z-index: -1;
    top: 0;
    right: 0px;
    left: auto;
}

#arabic .dro-menu > a {
    background: url(../images/ar_menu_right.png) 8px center no-repeat;
}

#arabic .dro-menu.active > a {
    background: url(../images/ar_user.png) 8px center no-repeat;
}

#arabic .sub-menu-nav {
    display: none;
}

    #arabic .sub-menu-nav li a {
        padding: 8px 20px 0 0px;
    }

    #arabic .sub-menu-nav li a {
        padding: 8px 20px 0 0px;
    }



#arabic .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav li > a {
    padding-right: 75px !important;
    padding-left: 0px !important;
}



#arabic .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav .dro-menu .sub-menu-nav li > a {
    padding-right: 50px !important;
    padding-left: 0px !important;
}


#arabic .dro-menu.active .sub-menu-nav .dro-menu .sub-menu-nav li > a {
    padding-right: 30px !important;
    padding-left: 0px !important;
}



#arabic .sub_btn .btn-icon {
    float: right;
    margin-left: 0px;
    margin-right: 5px;
}

#arabic .logo-img {
    float: right;
}

#arabic .logo-text {
    float: right;
    padding: 5px 8px 0 0px;
}

#arabic .lms {
    float: right;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    border-left: none;
}

#arabic .hdr_right {
    float: left;
}

#arabic a.hlink {
    border-left: none;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
}

#arabic a.userinfo {
    padding: 5px 12px 5px 15px;
}

#arabic .userinfo .userimg {
    margin-right: 0;
    margin-left: 7px;
}

#arabic .dropdown-menu {
    text-align: right;
}

#arabic .urlink .glyphicon {
    color: #666;
    margin-left: 4px;
    margin-right: 0;
}

#arabic .urlink .tp_ar span {
    right: 32px;
    left: auto;
}

#arabic .tp_alert .dropdown-menu {
    left: 0;
    right: auto;
}

#arabic .tp_alert .tp_ar {
    left: 29px;
    right: auto;
}

#arabic .tp_setting .dropdown-menu {
    left: 0;
    right: auto;
}

#arabic .tp_setting .tp_ar {
    left: 29px;
    right: auto;
}
/*#arabic .new_alert{  left:13px; right:auto; }*/
#arabic .urlink {
    left: 0;
    right: auto;
}

    #arabic .urlink.dropdown-menu > li > a:after {
        left: auto;
        right: 0px;
    }

#arabic .copyright {
    float: right;
}

#arabic .social {
    float: left;
}

#arabic .fts {
    left: 220px;
    right: auto;
}

#arabic .box4 .ic {
    left: auto;
    right: 0;
}

#arabic .box4 .textbig {
    left: 17px;
    right: auto;
}

#arabic .box4 .textsml {
    right: 15px;
    left: auto;
}

#arabic .fm-line {
    float: right;
    margin-left: 7px;
    margin-right: 0;
}

#arabic .ls {
    left: 13px;
    right: auto;
}

#arabic .table th {
    text-align: right;
}

#arabic .action {
    text-align: left;
}

#arabic .db-box h3 {
    padding: 12px 10px 9px 30px;
}

#arabic .minplus {
    left: 8px;
    right: auto;
}

#arabic .action a {
    margin-right: 5px;
    margin-left: 0;
}



#arabic .head1 {
    position: relative;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 25px;
}

    #arabic .head1 h1 {
        font-size: 24px;
        color: #555;
        font-weight: normal;
    }


/* paging */
#arabic .paging {
    float: left;
}

#arabic .login-header {
    padding: 0 12px 0 0;
}

#arabic .login-bottom .fts {
    float: right;
}

#arabic .login-bottom .social {
    float: left;
}

#arabic .lc-pad img {
    left: 8px;
    right: auto;
}

#arabic .lc-pad .form-control {
    padding-left: 35px;
    padding-right: 12px;
}

#arabic .dateicon img {
    left: 8px;
    right: auto;
}

#arabic .dateicon .form-control {
    padding-left: 35px;
    padding-right: 12px;
}

#arabic .date-pick .form-control {
    padding-left: 30px;
    padding-right: 5px;
}

#arabic .date-pick .input-group-addon {
    right: auto;
    left: 10px;
}

#arabic .pm-checklist .form-control {
    padding-left: 70px;
    padding-right: 5px;
}

#arabic .pm-checklist .checklis-btn {
    right: auto;
    left: 31px;
}

#arabic .pm-checklist .close-btn {
    right: auto;
    left: 1px;
}

#arabic .footpad {
    margin-left: 0;
    margin-right: 230px;
    transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -webkit-transition: all ease 0.4s;
}

.footspac .footer .footpad {
    padding-left: 15px;
    padding-right: 15px;
}

#arabic .footspac .footpad {
    margin-right: 0;
}

#arabic .breadcrumb span {
    background: url(../images/breadcrumb_ar.png) no-repeat;
    float: right;
}

#arabic .head1 .sub_btn {
    left: 0;
    right: auto;
}

#arabic .box-footer {
    text-align: left;
}

#arabic .modal-footer {
    text-align: left;
}

#arabic .modal-header .close {
    left: 11px;
    right: auto;
    float: left;
}

#arabic .popup-form .control-label {
    text-align: left;
    padding-left: 0;
    padding-right: 15px;
}

#arabic .form-horizontal .control-label {
    text-align: left;
}

#arabic .login-leftside {
    float: right;
    width: 55%;
}

#arabic .login-rightside {
    float: left;
    width: 45%;
}

#arabic .logo-ems {
    text-align: right;
    float: right;
    margin: 0 0 0 2%;
}

#arabic .logo-moh {
    text-align: left;
    float: left;
    margin: 0 2% 0 0;
}


#arabic .dms-login {
    padding: 45px 5% 0 0;
}

#arabic .signin {
    margin: 0 15px 0 0;
}

#arabic .languagelink span {
    left: 0;
    right: auto;
}

#arabic .languagelink img {
    margin-left: 10px;
    margin-right: 0;
}

#arabic .lang-block li a img {
    margin-left: 10px;
    margin-right: 0;
}

#arabic .foot_bottom p {
    right: auto;
    left: 220px;
}

#arabic .logincopy {
    left: auto;
    right: 200px;
}

#arabic .copyright {
    text-align: left;
}

/* login-panel */
#arabic .login-panel .panel-body {
    text-align: right;
}

#arabic .login-panel .forgot {
    float: left !important;
}

#arabic .login-panel .remember {
    margin-right: 20px;
}

#arabic .login-logo {
    padding-right: 40px;
    padding-left: 0px;
}

    #arabic .login-logo .logo-text {
        text-align: right;
    }

    #arabic .login-logo > .logo-img {
        left: auto;
        right: 0;
        top: -3px;
        max-width: 42px;
        width: 100%;
    }

#arabic.login-page .language-block {
    float: left;
}

#arabic .edit-job-order .nav-tabs > li {
    float: right;
}

/* dashboard */

#arabic .breadcrumb a {
    float: right;
}

#arabic .status .filter-drop .filter-icon {
    padding-left: 0;
    padding-right: 11px
}

#arabic .work-status-grid .table tr .text-right {
    text-align: left;
}

#arabic .dashboard .box .status {
    right: auto;
    left: 0;
}

#arabic .dashboard .filter-dropdown-menu {
    left: 0;
    right: auto;
}

#arabic .dashboard .box .sub-title {
    padding-left: 95px;
    padding-right: 0px;
}

#arabic .filtered-by li {
    background-position: 5px center;
    padding: 5px 5px 5px 25px
}

#arabic .work-status-grid .table-bordered > tbody > tr > td:first-child, #arabic .work-status-grid .table-bordered > thead > tr > th:first-child {
    border-right: 0px;
}

#arabic .work-status-grid .table-bordered > tbody > tr > td:last-child, #arabic .work-status-grid .table-bordered > thead > tr > th:last-child {
    border-left: 0px;
}

#arabic .filtered-by li .close-icon {
    right: auto;
    left: 0;
}

    #arabic .filtered-by li .close-icon:before {
        right: auto;
        left: 0;
    }

#arabic .k-pager-info {
    float: right;
}

#arabic .k-pager-sizes {
    float: left;
}

#arabic .sub-title .sub_btn {
    left: 0;
    right: auto;
}

#arabic .two-form-group .pm-checklist {
    padding-left: 0px;
    padding-right: 100px;
}

    #arabic .two-form-group .pm-checklist .code-input {
        left: auto;
        right: 0;
    }

    #arabic .two-form-group .pm-checklist .code-desc-input {
        left: auto;
        right: 0;
    }

#arabic .date-pick {
    padding-right: 0px;
    padding-left: 85px;
}

#arabic .date-conversation {
    right: auto;
    left: 0px;
    padding-left: 5px;
    padding-right: 5px;
}

#arabic .calendarsPicker {
    background-position: 5px center;
}

#arabic .clsL1, #arabic .clsL2, #arabic .clsL3, #arabic .clsL4, #arabic .clsL5, #arabic .clsLocation, #arabic .clsAsset {
    position: relative;
    padding-left: 0px;
    padding-right: 10px;
}

    #arabic .clsL1:after, #arabic .clsL2:after, #arabic .clsL3:after, #arabic .clsL4:after, #arabic .clsL5:after, #arabic .clsLocation:after, #arabic .clsAsset:after {
        content: '';
        right: -10px;
        left: auto;
    }

#arabic .k-rtl .k-treeview .k-item {
    padding: 0 18px 0 0;
}

#arabic .k-treeview .k-top,
#arabic .k-treeview .k-mid,
#arabic .k-treeview .k-bot {
    position: relative;
    background-image: none;
}

    #arabic .k-treeview .k-top:after,
    #arabic .k-treeview .k-mid:after,
    #arabic .k-treeview .k-bot:after {
        content: '';
        background-image: url(../images/treeview-nodes-02.png);
        background-repeat: no-repeat;
        margin-right: -16px;
        padding-right: 16px;
        background-position: right center;
        z-index: -1;
        position: absolute;
        width: 100%;
        height: 30px;
    }

    #arabic .k-treeview .k-top:after {
        right: -38px;
        top: 1px;
    }

    #arabic .k-treeview .k-bot:after {
        right: -38px;
        top: 1px;
    }

    #arabic .k-treeview .k-mid:after {
        right: -38px;
        top: 1px;
    }

#arabic .k-treeview .k-last .k-top:after {
    right: -38px;
    top: 1px;
}

#arabic .k-treeview .k-group .k-last .k-bot:after {
    right: -38px;
    top: 1px;
}

#arabic .k-treeview .k-item {
    background-position: right center;
}

@media (max-width:992px) {

    #arabic .social {
        float: none;
    }

    #arabic .fts {
        left: 220px;
        right: auto;
    }

    #arabic a.userinfo {
        padding: 5px;
    }
}


@media (max-width:767px) {
    /* sidebar css start */
    #arabic #main {
        margin-left: 0;
        margin-right: 0;
    }

    #arabic #sidebar-wrapper {
        left: auto;
        right: 0;
    }

    #arabic #main.active {
        position: relative;
        margin-left: 0;
        margin-right: 230px;
    }

        #arabic #main.active #sidebar-wrapper {
            left: auto;
            right: 230px;
        }
    /*  sidebar css end */


    #arabic .tp_alert .dropdown-menu {
        right: auto;
        left: -40px;
    }

    #arabic .tp_alert .tp_ar {
        left: 63px;
        right: auto;
    }

    #arabic .urlink .tp_ar span {
        right: 24px;
    }

    #arabic .ls {
        position: static;
        text-align: right;
        margin: 6px 0 0 0;
    }

        #arabic .ls span {
            margin-right: 0;
            margin-left: 5px;
        }

    #arabic .login-bottom .fts {
        float: none;
    }

    #arabic .login-bottom .social {
        float: none;
    }

    #arabic .footpad {
        margin: 0;
    }

    #arabic .footspac .footpad {
        margin: 0;
    }

    #arabic .copyright {
        float: none;
        text-align: center;
    }

    #arabic .paging {
        float: right;
    }

    #arabic .login-logo {
        padding: 0px;
    }
}



#arabic .cleaning-weightage .form-horizontal .control-label {
    text-align: right;
}

#arabic .filter-row > .row {
    padding-left: 40px;
    padding-right: 0px;
}

#arabic .filter-row .remove-btn {
    right: auto;
    left: 0px;
}


/** 18-Oct-2016 */
#arabic #frmAddWidget .form-horizontal .form-group {
    padding-left: 60px;
    padding-right: 0px;
}

#arabic #frmAddWidget .form-horizontal .control-label {
    text-align: right;
    float: right;
}

#arabic #frmAddWidget .form-horizontal .form-group .switch-box {
    position: absolute;
    top: 7px;
    right: auto;
    left: 0;
}

/** 09-Nov-2016 */
#arabic .filter-drop.dropdown a {
    float: right !important;
}

#arabic .city-code > span {
    border-left: 1px solid #C5C5C5;
    border-right: none;
}





/* webhelp
----------------------------------------------------------------- */
#arabic .webhelp .menu-left li a:before {
    content: '';
    left: auto;
    right: 0;
}

#arabic .webhelp .menu-left li a {
    padding: 10px 38px 0 8px;
}

#arabic .webhelp .menu-left ul li {
    padding-left: 0px;
    padding-right: 10px;
}

#arabic .webhelp .sub_btn li {
    float: left;
}

.blue .webhelp .nav-tabs > li a {
    background-color: #10497a;
}

.blue .webhelp .nav-tabs > li.active > a,
.blue .webhelp .nav-tabs > li.active > a:hover,
.blue .webhelp .nav-tabs > li.active > a:focus,
.blue .webhelp .nav > li > a:hover,
.blue .webhelp .nav > li > a:focus {
    background-color: #1b79c8;
}


.green .webhelp .nav-tabs > li a {
    background-color: #1a6b31;
}

.green .webhelp .nav-tabs > li.active > a,
.green .webhelp .nav-tabs > li.active > a:hover,
.green .webhelp .nav-tabs > li.active > a:focus,
.green .webhelp .nav > li > a:hover,
.green .webhelp .nav > li > a:focus {
    background-color: #20863d;
}

.gray .webhelp .nav-tabs > li a {
    background-color: #464646;
}

.gray .webhelp .nav-tabs > li.active > a,
.gray .webhelp .nav-tabs > li.active > a:hover,
.gray .webhelp .nav-tabs > li.active > a:focus,
.gray .webhelp .nav > li > a:hover,
.gray .webhelp .nav > li > a:focus {
    background-color: #585858;
}

#arabic .radio-inline {
    padding-left: 0px;
    padding-right: 20px;
    margin-left: 0px;
    margin-right: 10px;
}

    #arabic .radio input[type="radio"], #arabic .radio-inline input[type="radio"] {
        right: 0px;
        margin-top: 2px;
    }



#arabic .radio-inline {
    padding-left: 0px;
    padding-right: 20px;
    margin-left: 0px;
    margin-right: 10px;
}

    #arabic .radio input[type="radio"], #arabic .radio-inline input[type="radio"] {
        right: 0px;
        margin-top: 2px;
    }

/*h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    
}*/
input.error,textarea.error,select.error{border:1px solid red!important;}

/*For jquery validation, Hide  error label*/
label.error{display:none!important;}
.cfont{color:#F00;}
.kendoDrpRequired{border:1px solid red!important;}
.alignRight{text-align:right;}
.alignLeft{text-align:left;}
#arabic .alignRight{text-align:left;}
.cls2Fields{position:relative;padding-right:100px; width:100%;   }
.cls2Fields > .control-label{border: 1px solid #dfdfdf;height: 100%; padding-right: 10px; padding-top: 5px; position: absolute;
    right:0px; text-align: right; top: 0; width: 100px}
#arabic .alignLeft{text-align:right;}
.over-time > .row{margin-right:-5px;margin-left:-5px;}
.over-time .col-xs-4{padding-right:5px;padding-left:5px;}
.form-group .checkbox-box{margin-top:31px;}
.calendarsPicker{background:url(../images/ic-date.png) no-repeat right center;display:inline-block;position:absolute;}
.date-conversation{width:85px;color:#000!important;height:34px;position:absolute;right:0;padding-left:5px;}
.date-pick{padding-right:85px;position:relative;}

/** Loading Css Start **/
.loaderDiv{background-color:rgba(0,0,0,0.50);width:100%;height:100%;position:fixed;top:0px;bottom:0px;left:0px;right:0px;z-index:99999;display:none;}
.cssload-piano{margin:auto;width:70px;height:8px;font-size:14px;position:absolute;left:0px;right:0px;top:0;bottom:0;}

/* Blue *********************/
.blue .cssload-piano > div{height:100%;width:100%;display:block;margin-bottom:0.6em;animation:stretchdelay_blue 1.38s infinite ease-in-out;-o-animation:stretchdelay_blue 1.38s infinite ease-in-out;-ms-animation:stretchdelay_blue 1.38s infinite ease-in-out;-webkit-animation:stretchdelay_blue 1.38s infinite ease-in-out;-moz-animation:stretchdelay_blue 1.38s infinite ease-in-out;}
.blue .cssload-piano .cssload-rect2{animation-delay:-1.15s;-o-animation-delay:-1.15s;-ms-animation-delay:-1.15s;-webkit-animation-delay:-1.15s;-moz-animation-delay:-1.15s;}
.blue .cssload-piano .cssload-rect3{animation-delay:-0.92s;-o-animation-delay:-0.92s;-ms-animation-delay:-0.92s;-webkit-animation-delay:-0.92s;-moz-animation-delay:-0.92s;}
@keyframes stretchdelay_blue{
    0%,40%,100%{transform:scaleX(0.8);background-color:rgb(141,199,246);box-shadow:0 0 0 rgba(141,199,246,0.1);}
    20%{transform:scaleX(1);background-color:rgb(27,122,200);box-shadow:0 6px 7px rgba(27,122,200,0.4);}
}
@-o-keyframes stretchdelay_blue{
    0%,40%,100%{-o-transform:scaleX(0.8);background-color:rgb(141,199,246);box-shadow:0 0 0 rgba(141,199,246,0.1);}
    20%{-o-transform:scaleX(1);background-color:rgb(27,122,200);box-shadow:0 6px 7px rgba(27,122,200,0.4);}
}
@-ms-keyframes stretchdelay_blue{
    0%,40%,100%{-ms-transform:scaleX(0.8);background-color:rgb(141,199,246);box-shadow:0 0 0 rgba(141,199,246,0.1);}
    20%{-ms-transform:scaleX(1);background-color:rgb(27,122,200);box-shadow:0 6px 7px rgba(27,122,200,0.4);}
}
@-webkit-keyframes stretchdelay_blue{
    0%,40%,100%{-webkit-transform:scaleX(0.8);background-color:rgb(141,199,246);box-shadow:0 0 0 rgba(141,199,246,0.1);}
    20%{-webkit-transform:scaleX(1);background-color:rgb(27,122,200);box-shadow:0 6px 7px rgba(27,122,200,0.4);}
}
@-moz-keyframes stretchdelay_blue{
    0%,40%,100%{-moz-transform:scaleX(0.8);background-color:rgb(141,199,246);box-shadow:0 0 0 rgba(141,199,246,0.1);}
    20%{-moz-transform:scaleX(1);background-color:rgb(27,122,200);box-shadow:0 6px 7px rgba(27,122,200,0.4);}
}

/* Green *********************/
.green .cssload-piano > div{height:100%;width:100%;display:block;margin-bottom:0.6em;animation:stretchdelay_green 1.38s infinite ease-in-out;-o-animation:stretchdelay_green 1.38s infinite ease-in-out;-ms-animation:stretchdelay_green 1.38s infinite ease-in-out;-webkit-animation:stretchdelay_green 1.38s infinite ease-in-out;-moz-animation:stretchdelay_green 1.38s infinite ease-in-out;}
.green .cssload-piano .cssload-rect2{animation-delay:-1.15s;-o-animation-delay:-1.15s;-ms-animation-delay:-1.15s;-webkit-animation-delay:-1.15s;-moz-animation-delay:-1.15s;}
.green .cssload-piano .cssload-rect3{animation-delay:-0.92s;-o-animation-delay:-0.92s;-ms-animation-delay:-0.92s;-webkit-animation-delay:-0.92s;-moz-animation-delay:-0.92s;}
@keyframes stretchdelay_green{
    0%,40%,100%{transform:scaleX(0.8);background-color:rgb(110,190,133);box-shadow:0 0 0 rgba(110,190,133,0.1);}
    20%{transform:scaleX(1);background-color:rgb(32,134,61);box-shadow:0 5px 6px rgba(32,134,61,0.4);}
}
@-o-keyframes stretchdelay_green{
    0%,40%,100%{-o-transform:scaleX(0.8);background-color:rgb(110,190,133);box-shadow:0 0 0 rgba(110,190,133,0.1);}
    20%{-o-transform:scaleX(1);background-color:rgb(32,134,61);box-shadow:0 5px 6px rgba(32,134,61,0.4);}
}
@-ms-keyframes stretchdelay_green{
    0%,40%,100%{-ms-transform:scaleX(0.8);background-color:rgb(110,190,133);box-shadow:0 0 0 rgba(110,190,133,0.1);}
    20%{-ms-transform:scaleX(1);background-color:rgb(32,134,61);box-shadow:0 5px 6px rgba(32,134,61,0.4);}
}
@-webkit-keyframes stretchdelay_green{
    0%,40%,100%{-webkit-transform:scaleX(0.8);background-color:rgb(110,190,133);box-shadow:0 0 0 rgba(110,190,133,0.1);}
    20%{-webkit-transform:scaleX(1);background-color:rgb(32,134,61);box-shadow:0 5px 6px rgba(32,134,61,0.4);}
}
@-moz-keyframes stretchdelay_green{
    0%,40%,100%{-moz-transform:scaleX(0.8);background-color:rgb(110,190,133);box-shadow:0 0 0 rgba(110,190,133,0.1);}
    20%{-moz-transform:scaleX(1);background-color:rgb(32,134,61);box-shadow:0 5px 6px rgba(32,134,61,0.4);}
}

/* Gray *********************/
.gray .cssload-piano > div{height:100%;width:100%;display:block;margin-bottom:0.6em;animation:stretchdelay_gray 1.38s infinite ease-in-out;-o-animation:stretchdelay_gray 1.38s infinite ease-in-out;-ms-animation:stretchdelay_gray 1.38s infinite ease-in-out;-webkit-animation:stretchdelay_gray 1.38s infinite ease-in-out;-moz-animation:stretchdelay_gray 1.38s infinite ease-in-out;}
.gray .cssload-piano .cssload-rect2{animation-delay:-1.15s;-o-animation-delay:-1.15s;-ms-animation-delay:-1.15s;-webkit-animation-delay:-1.15s;-moz-animation-delay:-1.15s;}
.gray .cssload-piano .cssload-rect3{animation-delay:-0.92s;-o-animation-delay:-0.92s;-ms-animation-delay:-0.92s;-webkit-animation-delay:-0.92s;-moz-animation-delay:-0.92s;}
@keyframes stretchdelay_gray{
    0%,40%,100%{transform:scaleX(0.8);background-color:rgb(165,165,165);box-shadow:0 0 0 rgba(165,165,165,0.1);}
    20%{transform:scaleX(1);background-color:rgb(88,88,88);box-shadow:0 5px 6px rgba(88,88,88,0.4);}
}
@-o-keyframes stretchdelay_gray{
    0%,40%,100%{-o-transform:scaleX(0.8);background-color:rgb(165,165,165);box-shadow:0 0 0 rgba(165,165,165,0.1);}
    20%{-o-transform:scaleX(1);background-color:rgb(88,88,88);box-shadow:0 5px 6px rgba(88,88,88,0.4);}
}
@-ms-keyframes stretchdelay_gray{
    0%,40%,100%{-ms-transform:scaleX(0.8);background-color:rgb(165,165,165);box-shadow:0 0 0 rgba(165,165,165,0.1);}
    20%{-ms-transform:scaleX(1);background-color:rgb(88,88,88);box-shadow:0 5px 6px rgba(88,88,88,0.4);}
}
@-webkit-keyframes stretchdelay_gray{
    0%,40%,100%{-webkit-transform:scaleX(0.8);background-color:rgb(165,165,165);box-shadow:0 0 0 rgba(165,165,165,0.1);}
    20%{-webkit-transform:scaleX(1);background-color:rgb(88,88,88);box-shadow:0 5px 6px rgba(88,88,88,0.4);}
}
@-moz-keyframes stretchdelay_gray{
    0%,40%,100%{-moz-transform:scaleX(0.8);background-color:rgb(165,165,165);box-shadow:0 0 0 rgba(165,165,165,0.1);}
    20%{-moz-transform:scaleX(1);background-color:rgb(88,88,88);box-shadow:0 5px 6px rgba(88,88,88,0.4);}
}

/** Loading Css End **/

/*22-09-2016*/
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#f9f9f9;pointer-events:none;cursor:default;}
.disabled{pointer-events:none;cursor:default;}
.disabled img{opacity:0.3;}
.k-textbox,.k-autocomplete,.k-dropdown-wrap,.k-numeric-wrap{border-width:0px;height:31px; line-height:30px; }
.clsL1,.clsL2,.clsL3,.clsL4,.clsL5,.clsLocation,.clsAsset,.clsSector{position:relative;padding-left:10px;}
.clsL1:after{content:'';position:absolute;left:-10px;top:0px;width:20px;height:20px;background-image:url(../images/organisation.png);background-position:center center;background-repeat:no-repeat;}
.clsL2:after{content:'';position:absolute;left:-10px;top:0px;width:20px;height:20px;background-image:url(../images/city.png);background-position:center center;background-repeat:no-repeat;}
.clsL3:after{content:'';position:absolute;left:-10px;top:0px;width:20px;height:20px;background-image:url(../images/area.png);background-position:center center;background-repeat:no-repeat;}
.clsL4:after{content:'';position:absolute;left:-10px;top:0px;width:20px;height:20px;background-image:url(../images/street.png);background-position:center center;background-repeat:no-repeat;}
.clsL5:after{content:'';position:absolute;left:-10px;top:0px;width:20px;height:20px;background-image:url(../images/building.png);background-position:center center;background-repeat:no-repeat;}
.clsLocation:after{content:'';position:absolute;left:-10px;top:0px;width:20px;height:20px;background-image:url(../images/locations.png);background-position:center center;background-repeat:no-repeat;}
.clsAsset:after{content:'';position:absolute;left:-10px;top:0px;width:20px;height:20px;background-image:url(../images/asset.png);background-position:center center;background-repeat:no-repeat;}
.clsSector:after{content:'';position:absolute;left:-10px;top:0px;width:20px;height:20px;background-image:url(../images/sector.png);background-position:center center;background-repeat:no-repeat;}
.k-treeview .k-top,.k-treeview .k-mid,.k-treeview .k-bot{background-image:url('../images/treeview-nodes.png');background-repeat:no-repeat;margin-left:-16px;padding-left:16px;}
.k-treeview .k-item{background-image:url('../images/treeview-line.png');}
.k-treeview .k-last{background-image:none;}
.k-treeview .k-top{background-position:-91px 0;}
.k-treeview .k-bot{background-position:-69px -16px;}
.k-treeview .k-mid{background-position:-47px -37px;}
.k-treeview .k-last .k-top{background-position:-25px -59px;}
.k-treeview .k-group .k-last .k-bot{background-position:-69px -16px;}
.k-treeview .k-item{background-repeat:no-repeat;}
.k-treeview .k-first{background-repeat:no-repeat;background-position:0 16px;}

/*30-09-2016*/
.table-fix{    /*overflow:hidden;*/}
.table-fix .k-grid-content{max-height:400px;overflow-y:hidden !important;overflow-x:auto !important;}
.table-fix.height-300 .k-grid-content{max-height:300px;}
.panel,.panel-heading{border-radius:0px;}
.panel-heading .panel-collapsed span{margin-top:-15px;}
#frmEmailRule .btn-success{margin-bottom:5px !important;}
.kendo-fix-height .k-grid-content{max-height:500px;overflow-y:hidden !important;overflow-x:auto !important;}
.btnEmailRule{margin-top:-8px;}

/*03-10-2016*/

/*.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}*/ 

#addItemModal .modal-content{margin-top:30%;}
.titel-pc{border-bottom:3px solid #d5d5d5;padding:10px 15px;margin-bottom:10px;}
    .titel-pc h1 {
        font-size: 24px;
        color: #555;
       /* font-family: 'general-font','open_sansregular';*/
        font-weight: normal;
    }



/* **filter-row*************************** */

.filter-row {width:100%; position:relative; padding:0 15px;}
.filter-row > .row {position:relative; padding-right:40px; border:1px solid #d3d3d3; margin-bottom:10px;  }
.filter-row .form-group {float:left;  margin-bottom:10px; margin-top:10px;   padding-left:15px; width:25%; }
.filter-row .remove-btn {position:absolute; right:0px; top:0px; border-radius:0px; margin:0; padding:0 5px; text-align:center;   height:100%;   }
.filtercondition {border:0px !important;}
    .filtercondition .form-group { margin:10px auto 10px -15px }

@media (max-width:767px) {
	.filter-row .form-group {width:100%; }	
} 

/** 18-Oct-2016 */

#frmAddWidget .form-horizontal .control-label {text-align: left;}
#frmAddWidget .form-horizontal .form-group {position: relative;border-bottom: 1px solid #E4E4E4;padding-bottom: 8px;margin-bottom: 10px;margin-left: 0px;margin-right: 0px;}
#frmAddWidget .form-horizontal .form-group label {margin-bottom: 5px;}
#frmAddWidget .form-horizontal .form-group .switch-box {position: absolute;top: 7px;right: 0px;}

.switch {float: right;position: relative;display: inline-block;width: 50px;height: 25px;}
.switch input {display: none;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #D4D4D4;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 20px;width: 20px;left: 2px;bottom: 3px;background-color: #fff;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #2196F3;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {-webkit-transform: translateX(25px);-ms-transform: translateX(25px);transform: translateX(25px);}
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}


.assessment-box {margin-bottom: 20px;}
.partition-label { color: #555555; font-family: "open_sanssemibold",arial; font-size: 14px; font-weight: normal; normal;  margin-bottom:10px; }
.pm-checklist.onlybutton .checklis-btn  { right:1px !important; }
#arabic .pm-checklist.onlybutton.equalsbtn .checklis-btn  { right:84% !important }





/*==chart-btn =================*/
.btn-pie-chart, .btn-pie-chart:hover, .btn-pie-chart:focus{ background-image:url(../images/round-pie-chart.png);}
.btn-polygraph, .btn-polygraph:hover, .btn-polygraph:focus{ background-image:url(../images/polygraph.png);}
.filtered-by {position:relative;z-index:1;margin-bottom:10px;}
.filtered-by .chart-btn {position:absolute; top: 0; right: 0; z-index:99; }
.filtered-by .chart-btn .btn-icon  {background-color: #97A5B1;border-color: #97A5B1;}

.blue  .filtered-by .chart-btn .btn-icon.active , .filtered-by .chart-btn .btn-icon.active {background-color: #1B79C8;border-color: #1B79C8; } 
.green .filtered-by .chart-btn .btn-icon.active  {background-color: #20863D; border-color: #20863D; }
.gray  .filtered-by .chart-btn .btn-icon.active  {background-color: #585858; border-color: #585858; }

#arabic .filtered-by {position:relative; padding-right:0px; }
#arabic .filtered-by .chart-btn {position:absolute; top: 0; right: auto; left:0px;  }


/*===calendars month==========================*/
.calendars-month-header {height: 40px !important;padding:0px 7px; margin-bottom:3px; background-color:#E8E8E8;}
.calendars-month-header select, .calendars-month-header input {
  border: 0px; background-color: #E8E8E8;height:100% !important;padding: 5px;font-size: 15px;color: #404040; margin-top:0px;
}
.calendars {
    padding: 0px;
   /* font-family: 'general-font','open_sansregular'*/
}
.calendars-month {width:100%; max-width:315px;}
.calendars-month table {width:100%;}
.calendars-month span {padding:4px 0;}
.calendars-month a {padding:8px 0; background-color:transparent;}
.calendars-month td .calendars-weekend {background-color:transparent;}
.calendars-month table td, .calendars-month table th {border:none !important; background-color:transparent;}


.calendars-month td .calendars-today {background-color: #237bc8; color:#fff !important;}

 .calendars-month th, .calendars-month th a {font-size:14px;}
.calendars-month td .calendars-selected.calendars-weekend, .calendars-month td .calendars-highlight {background-color:#E2E2E2; color:#333; }

.blue .calendars-month th, .calendars-month th a {color:#237bc8;}
.blue .calendars-month td .calendars-today {background-color: #237bc8; color:#fff;}

.green .calendars-month th, .calendars-month th a {color:#20863D;}
.green .calendars-month td .calendars-today {background-color: #20863D;}

.gray .calendars-month th, .calendars-month th a {color:#585858;}
.gray .calendars-month td .calendars-today {background-color: #585858;}


.filtered-by .form-label span {font-weight:600;}





/***09-11-2016*******************************/

.ddl-table {display:table; width:100%; border-bottom:1px solid #C1C1C1;}
.ddl-table > span {border-right:1px solid #C5C5C5; display:table-cell; padding:5px 5px;}
.ddl-table > span.english {min-width: 150px !important; width:40%;}
.ddl-table > span.arabic {text-align:right; border-right:none; border-left:none !important; min-width:150px !important; width:40%;}
.ddl-table .code-no {min-width:107px !important;}
.ddl-table > span.onlyenglish {text-align:left; border-right:none; border-left:none !important; min-width:150px !important; width:40%;}
/*.k-animation-container {
    margin-left: -135px !important; min-width:320px !important;}*/
/*#sortable-horizontal .col-lg-4 {display:block !important;
}*/

@media (min-width: 768px){
.form-horizontal .control-label {margin-bottom: 5px;}
}

/**** 15 - Nov - 2016  ***/

ul.status-option  {display:table; max-width:250px; float:right}

#arabic ul.status-option li,  ul.status-option li {display:table-cell; border:none; padding:10px 5px;}
.status-option li span {width:12px; height:12px; border-radius:50%;     display: inline-block; vertical-align: middle; margin-right:5px;}
.status-option li.open span  {background-color:#cc3300;}
.status-option li.closep span  {background-color:#006600;}
.status-option li.cancel span  {background-color:#007a99;}

#arabic ul.status-option {float:left}
#arabic .status-option li span  {margin-left:5px; margin-right:0px;}


.customprogress {border-radius:1px; margin-bottom:0px;}

.customprogress .progress-bar-open {background-color:#cc3300 !important;}
.customprogress .progress-bar-closep {background-color:#006600 !important;}
.customprogress .progress-bar-cancel {background-color:#007a99 !important;}


/**** 16 - Nov - 2016  ***/

.activities-searchbox {position:relative; padding-right:40px;}
.activities-searchbox .btn-search {position:absolute; right:0px; bottom:0px;}

#arabic .activities-searchbox {position:relative; padding-right:0px; padding-left:40px;}
#arabic .activities-searchbox .btn-search {position:absolute; right:auto; left:0px; bottom:0px;}


@media (max-width: 1500px) {
#sortable-horizontal .col-lg-6, #sortable-horizontal .col-lg-4 {width: 50%}
#btnWidgetClass {display:none;}
}
@media (max-width: 1199px) {
#sortable-horizontal .col-lg-6, #sortable-horizontal .col-lg-4 {width: 100%}
    
}
.ddl-table-hed {background-color:#C5C5C5;}
.k-multiselect .k-button {border-color:transparent;
}
.k-button:focus:active:not(.k-state-disabled):not([disabled]),
.k-button:focus:not(.k-state-disabled):not([disabled]),
.k-multiselect .k-button:active {box-shadow:none; -webkit-box-shadow:none;}


/**** 22 - Nov - 2016  ***/
.bootstrap-select .btn{ float:none !important; margin-bottom:0px !important; }
.bootstrap-select .btn:before {content:''; height:0px;}
.bootstrap-select > .dropdown-toggle {padding-right: 5px !important;}
.bootstrap-select .dropdown-toggle {background-color:#fff; border:1px solid #ccc; }
    .bootstrap-select .dropdown-menu .form-control {box-shadow:0px;
    }
    .bootstrap-select .dropdown-menu{ margin:0px; }

/*****  Dashboard Css  ***/

.JobOrderStatusBySiteGrid .k-grid-content {height: 320px !important;}
.chart-block, .chart {height: 90%;}
.chart .chart-wrapper {display: table;height: 100%;width: 100%;}
.noDataNotification {font-size: 24px;color: #B5B5B5;display: table-cell;height: 100%;vertical-align: middle;text-align: center;}
.printPopupBtn {float: right;}
#arabic .printPopupBtn {float: left;}
.printBtnGrid {text-align: right;}
#arabic .printBtnGrid {text-align: left;}
.lefttoright {direction: rtl;}



.cus-select .dropdown-toggle{ display:block; width:100%; text-align:left; background:#FFF; border:1px solid #ccc; float:none !important; }
.cus-select .dropdown-toggle:hover, .cus-select .dropdown-toggle:focus, .cus-select .open .dropdown-toggle, .cus-select  .open .dropdown-toggle { background:#ebebeb !important; border:1px solid #ccc !important; box-shadow:none !important;    }
.cus-select .dropdown-toggle.btn:before, .cus-select .dropdown-toggle.btn:hover:before { content:""; width:0px; display:none !important;}
.cus-select .dropdown-toggle .caret{ position:absolute; top:15px; right:10px; }
.cus-select .open > .dropdown-menu{ width:100%; }
.open > .dropdown-toggle.btn-default {background:#ebebeb; outline:none;}
    .open > .dropdown-toggle.btn-default:hover, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default.focus {
    background:#ebebeb; outline:none;}


/*****25-11-2016***/
.or-mag {padding-top:20px; padding-bottom:30px;}
.or-mag center {position:relative;}
.or-mag center b {width:35px; height:35px; border-radius:50%; background-color:#fff; position:relative; z-index:9; display:inline-block; border:1px solid #d1d1d1; padding-top:7px;}     
.or-mag center:after {    content: '';
    width: 50%;
    height: 1px;
    background-color: #D1D1D1;
    position: absolute;
    top: 16px;
    left: 0;
    right: 0;
    margin: auto;} 

.mg-b {margin-bottom:10px;}
.mg-l-0 {margin-left:0px;} 
.multiple-checklis .btn-icon {width:34px; height:34px;}
.multiple-checklis {display:block; margin-top:20px;}
.multiple-checklis .sub_btn {bottom:0px;}
.multiple-checklis .btn-add {float:right; margin-left:10px;}
 #arabic .multiple-checklis .btn-add {float:left; margin-left:0px; margin-right:10px;}
@media (min-width: 768px) {
    .head1 {padding: 0 210px 5px 0; }
    #arabic .head1 {padding: 0 0 5px 210px; }
}

@media (max-width: 767px) {
    .multiple-checklis .btn-add {float:left; margin-left:0px;}
    #arabic .multiple-checklis .btn-add {float:right;margin-left:10px; margin-right:0px;}
}
 
/****  30/11/2016  ***/
#divGPSLocation > div {position:relative !important; min-height:400px;}

.modal-open {position:fixed;left:0px; right:0px; bottom:0px; top:0px;
}

.multiselect-container li a {padding-top:5px; padding-bottom:5px;}
.multiselect-container > li > a > label {
    font-size: 14px !important;
   /* font-family: 'general-font', "open_sansregular" !important;*/
}
.btn.dropdown-toggle.btn-default:hover{ background-color:#ebebeb;}
#arabic .btn-group ul li { margin-left: 0; margin-right:8px;}
#arabic .multiselect-container .radio input[type="radio"], 
#arabic .multiselect-container .radio-inline input[type="radio"], 
#arabic .multiselect-container .checkbox input[type="checkbox"], 
#arabic .multiselect-container  .checkbox-inline input[type="checkbox"] {
     margin-left:0;margin-right:-20px; 
}
/*(Start)Added By Pratik Telaviya on 07-Dec-2016 to add three dots if column value is too long*/
.k-grid td.column-textoverflow {
        white-space: nowrap;
        overflow: hidden;
    }

    .k-grid table {
        table-layout: fixed;
    }
/*(Start)Added By Pratik Telaviya on 07-Dec-2016 to add three dots if column value is too long*/

 .translat-btn {
        margin-bottom:10px;
    }


/*14-12-2016*/
.box-hed {
    
    border-bottom: 1px solid #dadada;
    padding: 0px 15px 3px;
    text-align: right;
    margin-bottom:20px;
}

 .k-grid .form-control {
        box-sizing: border-box;
    }


/*20-12-2016*/
.k-textbox:focus, .k-autocomplete.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused {box-shadow:none;}
.k-autocomplete {height:34px; background-color:#fff;}
.k-autocomplete.k-state-hover {background-color:transparent; box-shadow:none;}
.pm-checklist .k-autocomplete #autEmployee.form-control {padding-right:0px; box-shadow:none; height:32px;}
.k-list-container, #autEmployee_listbox, #autEmployee_listbox li {padding:0px;}
#autEmployee_listbox .ddl-table > span {font-size:12px; }






/* webhelp
----------------------------------------------------------------- */
 .btn-star, .btn-star:hover, .btn-star:focus{ background-image:url("../images/star.png");}
 .btn-star-a { background-image:url("../images/star-a.png");}
 .btn-next-page, .btn-next-page:hover, .btn-next-page:focus{ background-image:url("../images/next-page.png");}
.btn-previ-page, .btn-previ-page:hover, .btn-previ-page:focus{ background-image:url("../images/previ-page.png");}
.btn-previ-page.disable, .btn-next-page.disable {opacity:0.5;}
 
#main.webhelp-page {margin-left:360px;}
#main.webhelp-page.active {margin-left:0px;}
.webhelp-page #sidebar-wrapper {left:360px; margin-left:-360px; width: 360px;}
.webhelp-page #sidebar-wrapper .menu-left {width: 360px;}
#main.webhelp-page .k-widget {border:0px !important;}
.webhelp .nav-tabs {margin-top:55px; border:0px;}
.webhelp .menu-left {padding-top:10px;}

.webhelp .k-widget.k-treeview { color:#fff;}
.webhelp div.k-treeview {overflow:visible;}

.webhelp .nav-tabs {display:table;width:100%;}
.webhelp .nav-tabs > li {display:table-cell; float:none; text-align:center;}
.webhelp .nav-tabs > li a {color:#fff; border:0px;background-color:#10497a; border-radius:0px; padding:10px 12px; margin-right:0px;   }
.webhelp .nav-tabs > li.active > a, 
.webhelp .nav-tabs > li.active > a:hover,  
.webhelp .nav-tabs > li.active > a:focus,
.webhelp .nav > li > a:hover, 
.webhelp .nav > li > a:focus {background-color:#1b79c8; color:#fff; border:0px;  }

.bookmark-list li {padding:10px; color:#fff;}
.bookmark-list li a {color:#fff;}

.information-page {padding:15px; }

.information-page strong, .information-page b {font-weight:normal;  font-family: 'open_sansbold';}
.information-page img {max-width:100%; height:auto; }
.information-page h2, .information-page h3, .information-page h4, .information-page h5, .information-page h6 {margin-bottom:20px;  }
.information-page p {margin-bottom:20px; }
.information-page div, .information-page ol, .information-page ul {margin-bottom:30px;}
.information-page ol ol, .information-page ul ul {padding-left:20px; }
.information-page ul li {list-style: none; display:inline; padding:5px;  }
.information-page .listing-ul li {display:block;}
 .webhelp-page .txtSearch {margin-bottom:30px;float:right;}
 .webhelp-page .txtSearch-icon {cursor:pointer;}

.blue .information-page a {color:#10497a;}
.green .information-page a {color:#1a6b31;}
.gray .information-page a {color:#464646;}
.information-page a:hover, .information-page a:focus {opacity:0.5; }

.chapter {background-color:#f9f9f9; padding:15px; box-shadow:none;}


.webhelp-page  .k-treeview .k-plus, 
.webhelp-page  .k-treeview .k-minus, 
.webhelp-page  .k-treeview .k-plus-disabled, 
.webhelp-page  .k-treeview .k-minus-disabled {margin-left:0px;}

.webhelp-page .k-icon, 
.webhelp-page .k-tool-icon,
.webhelp-page .k-grouping-dropclue,
.webhelp-page .k-drop-hint,
.webhelp-page .k-column-menu .k-sprite,
.webhelp-page .k-grid-mobile .k-resize-handle-inner:before,
.webhelp-page .k-grid-mobile .k-resize-handle-inner:after,
.webhelp-page .k-pager-numbers .k-current-page .k-link:after,
.webhelp-page .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {content:''; background-size:18px; background-image:url("../images/contents.png");background-position:center  center; width: 19px; }

.webhelp-page .k-treeview .k-in {padding-left:3px;}

.webhelp-page .k-treeview .k-item,
.webhelp-page .k-treeview .k-top, 
.webhelp-page .k-treeview .k-mid, 
.webhelp-page .k-treeview .k-bot {background-image:none;}

.bookmark-list {padding:10px 20px;}
    .bookmark-list li {list-style:none;}
        .bookmark-list li a {padding: .4167em .6667em .3333em 5px;}

 .bookmark-list li .drop-menu-false:after {content:""; top: 6px;}
    
.bookmark-list li a:hover, 
.webhelp-page .k-state-hover,
.webhelp-page .k-state-hover:hover, .webhelp-page .k-state-selected {background-color:rgba(0, 0, 0, 0.2) !important; color:#fff; }



.webhelp-page .k-treeview .k-item {padding-top:10px;}

.drop-menu-false {position:relative}
.drop-menu-false:after {content:''; background-image: url("../images/help-icom.png");background-position: 0 center; background-repeat: no-repeat;  background-size: 9px auto; height: 17px;left: -17px;position: absolute;top: 2px; width: 17px;}


#arabic #main.webhelp-page {margin-right:360px; margin-left:auto;}
#arabic #main.webhelp-page.active {margin-left:0px; margin-right:0px;}
#arabic .webhelp-page #sidebar-wrapper {right:360px; left:auto; margin-right:-360px; margin-left:auto;}
#arabic .webhelp-page #sidebar-wrapper .menu-left {width: 360px;}


#arabic .drop-menu-false::after {right: -24px; left:0px;}
#arabic .k-treeview .k-item {padding-left:0px; padding-right:16px;}
#arabic .webhelp-page .k-treeview .k-in { padding-right: 3px;  padding-left:0px;}
#arabic .webhelp .sub_btn li {float: right;}
#arabic .input-group .form-control:last-child,
#arabic .input-group-addon:last-child,
#arabic .input-group-btn:last-child > .btn,
#arabic .input-group-btn:last-child > .btn-group > .btn,
#arabic .input-group-btn:last-child > .dropdown-toggle,
#arabic .input-group-btn:first-child > .btn:not(:first-child),
#arabic .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {border-bottom-left-radius: 4px; border-top-left-radius:4px; border-bottom-right-radius: 0;border-top-right-radius:0;}
#arabic .input-group-addon:last-child { border-left:   border: 1px solid #ccc; border-right:0px;}


@media (max-width: 767px) {
    #header {z-index:999;}
    #main.webhelp-page { margin-left: 0;}
    #main #sidebar-wrapper {z-index:99;}
     #main.webhelp-page #sidebar-wrapper {left:0px; width:360px; }
     #main.webhelp-page.active #sidebar-wrapper {left:360px;    }
    #main.webhelp-page.active {margin-left: 360px;}
  
   #arabic #main.webhelp-page { margin-left: 0; margin-right:0px;}
   #arabic #main.webhelp-page #sidebar-wrapper {left:0px; right:0px; width:360px; }
   #arabic #main.webhelp-page.active #sidebar-wrapper {left:auto;  right:360px;  }
   #arabic #main.webhelp-page.active {margin-left: auto;margin-right:360px;}
  


}



/*27-12-2016*/
.k-popup .k-list .k-item, .k-fieldselector .k-list .k-item, .k-list-optionlabel, .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {padding-top:0px; padding-bottom:0px;}

.k-reset.k-multicheck-wrap {max-width:300px;
}
.k-reset.k-multicheck-wrap input[type="checkbox"] { margin-right:8px;}




.two-form-group .pm-checklist {padding-left: 0px;}
.two-form-group .pm-checklist .code-input{z-index: 4; padding-left:5px !important;}
.two-form-group .pm-checklist > .form-control {padding-left: 130px;}
.two-form-group .pm-checklist > .form-control > .form-control {text-indent: 0;}


#arabic .two-form-group .pm-checklist {padding-right: 0px;}
#arabic .two-form-group .pm-checklist .code-input{z-index: 4; padding-right:5px !important; padding-left:0px !important; }
#arabic .two-form-group .pm-checklist > .form-control {padding-right: 130px; padding-left:0px;}

.k-animation-container {margin-left: 0px !important; padding-left: 0px !important;  padding-right: 0px !important;}






#arabic .k-picker-wrap .k-select, #arabic .k-numeric-wrap .k-select, #arabic.k-dropdown-wrap .k-select {right:auto; left:0px; border-left:0px; border-right:1px solid #ccc;}



.transactions-btn {margin-right: -30px;}
    .transactions-btn > div {padding-left: 0px;}
.transactions-btn .btn-primary {background-color:#fff /*656e75*/; width:100%; min-height:60px; margin-bottom:15px; border:1px solid #ddd; color:#1b79c8; color: #1b79c8;
    font-size: 18px;}

@media (min-width: 1199px) and (max-width: 1260px) {
    .transactions-btn .btn-primary {font-size: 12px;}
}

.k-chart {direction:ltr;}



.weekdays {display:table; width:100%;} 
.weekdays li {float:left; min-width:150px; list-style:none; margin-bottom:10px;}
.weekdays li input {margin-right:5px; float:left;}



#arabic .weekdays li {float:right}
#arabic .weekdays li input {margin-right:auto; margin-left:5px; float:right;}



/*12/01/2017*/
.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    padding: 0.067em 0;
}
.k-i-arrow-s, k-state-hover .k-i-arrow-s {
    background-position: 0 -34px !important;
}

.k-grid-content-locked {height: 100% !important;}
body.modal-open {
        position: absolute !important;
    }


.form-group {margin-bottom: 8px;}

.k-textbox:hover, .k-autocomplete.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-dropdown-wrap.k-state-hover {background-color:#fff;
}
.k-timepicker .k-picker-wrap { height:32px;}
.k-timepicker .k-picker-wrap .k-input {-webkit-box-shadow:none;
 box-shadow:none; 
}

.k-filter, .k-i-filter {
    background-position: -32px -80px;
}

.k-grid .k-icon.k-i-sort-asc-sm {
    display:none;
}

/*Start : For Help module*/
.chapter table td {border: 1px solid black; padding:5px;}




/* notification-drop */
#header .notification-drop .notification {min-height: 0px;display: table;width: 100%;}
.notification-drop .notification {min-height: 200px;display: table;width: 100%;}
.notification-drop .notification  .Notfound {vertical-align:middle; display:table-cell; height:100%;text-align:center; }
.notification-drop .dropdown-toggle{border:0 none;border-radius:0;display:block;height:54px;padding-left:15px;padding-right:15px;z-index:1001; border-right:1px solid #ddd; }
.notification-drop .open .dropdown-toggle, .notification-drop .dropdown-toggle:hover {background-color: #eee;}
.notification-drop .dropdown-toggle {line-height:55px; position: relative; border:0px; border-radius:0px;}
.notification-drop .dropdown-toggle .no {color: #fff;font-size: 12px; line-height: 12px; font-weight: normal; border-radius: 50%; padding: 3px 6px; background-color: #fd5a21; position: absolute; top: 8px; right: 7px;}
.notification-drop .dropdown-menu { width: 300px;}
#header .notification-drop .notification {max-height:330px !important; height:auto !important; overflow:auto;}
.notification-drop .notification > li {list-style: none;}
#header .notification-drop .notification > li > a {padding:10px 10px 10px 60px;}
.notification-drop .notification > li > a, .notification-drop .notification > .notif-box {background-color:#fff;border-bottom:1px solid #e1e0e0; position: relative; padding:10px 60px 10px; display:block;}
.notification-drop .notification > li > a:hover, .notification-drop .notification > .notif-box:hover{background-color: #f7f7f7;}
.notification-drop .notification > li > a.unread, .notification-drop .notification > .notif-box.unread { background-color:#f2f2f2;}
.notification-drop .notification > li > a.unread:hover, .notification-drop .notification > li > .notif-box.unread:hover{background-color:#ededed;}
.notification-drop  .total { border-bottom: 1px solid #e1e0e0; color: #545454; font-size:14px; line-height:16px; font-weight: normal; padding:10px;}
.notification-drop .view-all a {color:#4a92a7;font-size:14px; line-height:16px; font-weight: normal; padding:10px; text-align:center;background-color:#fff; display:block;}
.notification-drop .view-all a:hover {background-color:#fafafa;}
.notification-drop .notification .img {background-color:#1b79c8; width:40px; height:40px;line-height: 35px; border-radius:50px; overflow:hidden;display:block; position: absolute; left:10px; top: 8px;}
.notification-drop .notification > li p {margin:0px 0px 5px 0px; padding:0px;}
#header .notification-drop .notification .name {font-size:14px; }
.notification-drop .notification .name {color: #545454; font-size:16px; line-height:16px; font-weight: normal; font-family: 'open_sansbold';}
.notification-drop .notification .comment {color:#545454; font-size:14px; line-height:15px;}
.notification-drop .notification .time {color: #999999; font-size:12px; line-height:15px;}
.notification-drop .notification .notif-box .glyphicon {color: #545454 !important;  position: absolute; top:25px;  z-index:2; font-size: 16px; right:15px;border-radius:50%; padding:9px; background-color:transparent; border-bottom:0px;}
.notification-drop .notification .notif-box .glyphicon:hover {background-color:#d5d5d5;}

.notification .img {text-align:center; line-height: 43px;}

.notification-drop .slimScrollBar {background:rgb(202, 202, 202) none repeat scroll 0% 0% !important;}


#arabic .notification-drop .notification > li > a, #arabic .notification-drop .notification > .notif-box {padding:10px 60px 10px 10px;}
#arabic .notification-drop .notification .img {right: 10px; left: auto;}


.blue .notification-drop .notification .img {background-color:#1b79c8;}
.green .notification-drop .notification .img {background-color:#20863d;}
.gray .notification-drop .notification .img {background-color:#585858;}
.cleaning-weightage { padding-top: 15px; }
.cleaning-weightage .box-footer {margin-top:10px;}
@media (max-width:560px) {
	.hdr_right .dropdown-menu {left: 0; position: fixed; right: 0; top: 54px; width: 100%; }
}
/*Login button : disabled-button and shoe spinner when click*/

.button-wrapper {
    position: relative;
}

.spinner {
    display: none;
    border: 4px solid #f3f3f3; /* Adjust the border color as needed */
    border-top: 4px solid #3276b1; /* Adjust the border color as needed */
    border-radius: 50%;
    width: 15px;
    height: 15px;
    animation: spin 1s linear infinite;
    margin-left: 4px;
    margin-bottom: -3px;
}

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

    100% {
        transform: rotate(360deg);
    }
}

.loading {
    cursor: not-allowed;
}