/*
Created by: @Frank_Alfred
DEMO URL: http://gohooey.com/demo/sidebar/hoedemo.html

[TABLE OF CONTENTS]

1.  IMPORTS
2.  RESET STYLES
3.  HEADER STYLES
4.  MAIN THEME CONTAINER STYLES
    4.1 LEFT PANEL STYLES
    4.2 CONTENT SECTION STYLES
	4.3 MINIMIZED LEFT PANEL STYLE
	4.4 THEME STYLE ACCORDING PHONE
5.	Boxed Theme Layout Style
6.	Theme Background Color Style
*/


/********** 1. IMPORTS **********/
/********************************/
@import url('bootstrap.min.css');
@import url('hoe-overlay-effect.css');
@import url('hoe-push-effect.css');
@import url('hoe-shrink-effect.css');
@import url('hoe-rightsidebar.css');
@import url('hoe-horizontal-navigation.css');
@import url('hoe-theme-color.css');
/********** 2. RESET STYLES **********/
/*************************************/
@font-face {

    font-family: "kufi";

   src: url(../Droid.TTF) format("truetype");
}
/* ********** Default Theme Style************* */
body {
		
		font-family: "kufi", Verdana, Tahoma !important;
	}



* {
    font-family: kufi;
}

body{position:relative;}
#hoeapp-wrapper a:focus {
    outline: none;font-family: "kufi", Verdana, Tahoma !important;
}
#hoeapp-wrapper {
    background: #eef1f6;
    background: #fff;
    color: #7e7e7e;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative;
	font-family: "lato", sans-serif;
	direction: ltr;
    line-height: 20px;
    font-size: 13px;
    overflow-x: hidden;
    overflow-y: hidden;
	width: 100%;
	margin: 0;
    padding: 0;font-family: "kufi", Verdana, Tahoma !important;
}
 
/************** 3. Theme Header Style Start Here ********************/

#hoe-header {
    background: #fff none repeat scroll 0 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 70px;
    z-index: 10;
    overflow: hidden;
	position:relative;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}
.hoe-left-header {
    background: #043B36;
    font-size: 16px;
    font-weight: 600;
    line-height: 60px;
    height:70px;
    position: fixed !important;
    float: left;
    text-align: center;
    width: 230px;
    z-index: 999;
}
.hoe-left-header a {
    color: #FFF;
}
.hoe-left-header a:hover,
.hoe-left-header a:focus {
    color: #FFF;
    text-decoration: none;
}
.hoe-left-header a i {
    color: #fff;
    font-size: 30px;
    position: relative;
    top: 3px;
}
.pull-left-right {
    padding-left: 20px;
    float: right !important;
}
.media-body2 {
    display: table-cell;
    vertical-align: top;
    padding-top: 9px;
    color: #546589;
    float: right;
}
.hoe-right-header {
    background: #fff none repeat scroll 0 0;
    height: 70px;
     
    z-index: 101;
	margin-left: 230px;
	position: relative;
    padding-top:5px !important;
}
.hoe-right-header ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.hoe-right-header divs {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.hoe-right-header li {
  display: inline;
  float: left;
}
.hoe-right-header li a {
    color: #7e7e7e;
    padding: 17px 15px;
}
.hoe-right-header li a:hover,
.hoe-right-header li a:focus {
    background: #efefef;
    text-decoration: none;
}
.hoe-right-header a i {
    color: #7e7e7e;
    font-size: 14px;
}
.right-navbar {
float: right;
width: 50%;
margin-right: 10px !important;
 
text-align: right;
}
.right-navbar li a i {
    font-size: 14px;
}
.left-navbar li:first-child {
    padding-left: 35px;
}
.hoe-sidebar-toggle a:after {
    background: transparent;
    border: 0px solid #efefef;
    content: "\f0c9";
    font-family: FontAwesome;
    font-size: 27px;
    line-height: 60px;
    padding: 0px 7px;
    position: absolute;
    color: #E44F14;
    z-index: 1000;
}
.hoe-sidebar-toggle a:hover:after {
    /*background: #efefef;*/
     color: #232E56;
}
.hoe-left-header > .hoe-sidebar-toggle > a {
    display: none
}
#hoe-header .hoe-left-header[hoe-position-type="relative"] {
    position: relative;
}
#hoe-header .hoe-left-header[hoe-position-type="absolute"] {
    position: absolute;
}
#hoe-header .hoe-left-header[hoe-position-type="fixed"] {
    position: fixed;
}
#hoe-header .hoe-right-header[hoe-position-type="relative"] {
    position: relative;
}
#hoe-header .hoe-right-header[hoe-position-type="absolute"] {
    position: absolute;
}
#hoe-header .hoe-right-header[hoe-position-type="fixed"] {
	padding-right: 230px;
    position: fixed;
    width: 100%;
}
/*******************************Theme Header Style Close Here ***********************************/
/******************************* 4. main container Style start Here ***********************************/
#hoeapp-container {
    margin: 0;
    
    padding: 0;
    width: 100%;
    height: 100%;
	position:relative;
	clear:both;
}
/************************* 4.1 Theme Left Panel Style Start Here *********************************/
#hoe-left-panel {
    background: #FFF none repeat scroll 0 0;
    color: #7e7e7e;
    width: 230px;
    top: 0;
	/*position:absolute;*/
	float:left;
	min-height:100%;
    z-index: 100;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}
#hoe-left-panel .profile-box {
    border-bottom: 1px solid #efefef;
    min-height: 50px;
    padding: 5px 15px;
    position: relative;
}
#hoe-left-panel .profile-box .media a img {
    width: 40px;
    height: 40px;
}

#hoe-left-panel .profile-box .media {
    position: relative;
}
#hoe-left-panel .profile-box .media a {
    margin-top: 2px;
}
#hoe-left-panel .profile-box .media a > img {
    border: 1px solid #efefef;
}
 

#hoe-left-panel ul {
    margin: 0;
    padding: 0;
}
#hoe-left-panel .nav-level {
    padding: 5px 15px;
    border-top: 1px solid #efefef;
    font-weight: bold;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu {
  list-style: none;}

#hoe-left-panel .nav-level:first-child {
    border-top: 0px solid #efefef;
}
#hoe-left-panel .panel-list > li > a {
    background: #FFF;
    border-top: 1px solid #efefef;
    color: #7e7e7e;
    display: block;
    font-size: 13px;
    font-weight: 500;
    padding: 10px 10px;
    position: relative;
}
#hoe-left-panel .panel-list > li:last-child > a {
    border-bottom: 1px solid #efefef;
}
#hoe-left-panel .panel-list > li:first-child > a {
    border-top: 0px solid #efefef;
}
#hoe-left-panel .panel-list > li > a:hover,
#hoe-left-panel .panel-list > li > a:focus {
    color: #000;
    background: #f1f1f1;
}
#hoe-left-panel .panel-list > li.active > a {
    background: #f1f1f1;
    border-top: 1px solid #efefef;
    color: #000;
}
#hoe-left-panel .panel-list > li > a > i {
    display: inline;
    font-size: 14px;
    padding-right: 6px;
}
#hoe-left-panel .panel-list > li > a span.menu-text {
    display: inline-block;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > a:after {
    font-family: FontAwesome;
    content: "\f107";
    font-size: 15px;
    position: relative;
    float: right;
}
#hoe-left-panel .panel-list > li.hoe-has-menu.opened > a {
    background: #f1f1f1;
    color: #000;
}
#hoe-left-panel .panel-list > li.hoe-has-menu.opened > a:after {
    font-family: FontAwesome;
    content: "\f106" !important;
    font-size: 15px;
    float: right;
    position: relative;
}
#hoe-left-panel .panel-list > li.hoe-has-menu li.hoe-has-menu > a:after {
    font-family: FontAwesome;
    content: "\f103";
    font-size: 15px;
    position: relative;
    float: right;
}
#hoe-left-panel .panel-list > li.hoe-has-menu li.hoe-has-menu.opened > a:after {
    font-family: FontAwesome;
    content: "\f102";
    font-size: 15px;
    position: relative;
    float: right;
}
#hoe-left-panel .panel-list ul {
    background: #fafafa;
    /*box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.2);*/
}
#hoe-left-panel .panel-list ul.hoe-sub-menu li > a {
    background: transparent;
    border-top: 1px solid #efefef;
    color: #7e7e7e;
    display: block;
    font-size: 13px;
    font-weight: 500;
    padding: 10px 10px;
    position: relative;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu {
    display: none;
}
#hoe-left-panel .panel-list li.hoe-has-menu > ul.hoe-sub-menu li > a:hover,
#hoe-left-panel .panel-list li.hoe-has-menu > ul.hoe-sub-menu li > a:focus {
    text-decoration: none;
    color: #000;
    background: #f1f1f1;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul ul {
    display: none;
}
#hoe-left-panel .panel-list > li.hoe-has-menu.active > ul {
    display: block;
}
#hoe-left-panel .panel-list > li.hoe-has-menu.active > ul > li.hoe-has-menu.active > ul {
    display: block;
}
#hoe-left-panel .panel-list > li.hoe-has-menu.active > ul > li.hoe-has-menu.active > ul > li.hoe-has-menu.active > ul {
    display: block;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul > li > a span.menu-text {
    padding-left: 15px;
    position: relative;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu {

  list-style: outside none none;
}
#hoe-left-panel .panel-list > li.hoe-has-menu  li.hoe-has-menu > ul.hoe-sub-menu {

  list-style: outside none none;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu {

  list-style: outside none none;

}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul > li.hoe-has-menu > ul > li > a span.menu-text {
    padding-left: 25px;
    position: relative;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul > li.hoe-has-menu > ul > li > ul > li > a span.menu-text {
    padding-left: 35px;
    position: relative;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul > li.hoe-has-menu > ul > li > ul > li > ul > li > a span.menu-text {
    padding-left: 40px;
    position: relative;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li > a span.menu-text:before {
    font-family: FontAwesome;
    content: "\f0da";
    font-size: 14px;
    position: relative;
    float: left;
    left: 4px;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu > li > a span.menu-text:before {
    font-family: FontAwesome;
    content: "\f0da";
    font-size: 12px;
    position: relative;
    float: left;
    left: 15px;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu > li > a span.menu-text:before {
    font-family: FontAwesome;
    content: "\f0da";
    font-size: 14px;
    position: relative;
    float: left;
    left: 18px;
}
#hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu > li > a span.menu-text:before {
    font-family: FontAwesome;
    content: "\f0da";
    font-size: 12px;
    position: relative;
    float: left;
    left: 30px;
}
#hoe-left-panel .panel-list li.active > a .selected {
    border-bottom: 7px solid transparent;
    border-right: 7px solid #7e7e7e;
    border-top: 7px solid transparent;
    display: inline-block;
    height: 0;
    position: absolute;
    right: 0;
    top: 13px;
    vertical-align: middle;
    width: 0;
}
#hoe-left-panel .panel-list li.hoe-has-menu.active > a .selected {
    display: none;
}
#hoe-left-panel .panel-list li a .label {
    border-radius: 0.25em;
    color: #7e7e7e;
    display: inline;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    padding: 4px 3px;
    position: absolute;
    right: 10px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}
.sul {
    background-color: #ebebeb;
}

#hoe-left-panel[hoe-position-type="relative"] {
    position: relative;
}
#hoe-left-panel[hoe-position-type="absolute"] {
    position: absolute;
    /*position:fixed;
    top:70px;*/
}
#hoe-left-panel[hoe-position-type="fixed"] {
    position: fixed;
	top:50px;
}

/********************************** Theme Left Panel Style Close Here ******************************/
/*************************** 4.2 Theme Content Section Style Start Here ********************************/
#main-content {
    margin-left: 230px;
	position:relative;
	padding: 12px;
}
/******************* Theme Content Section Style Close Here *******************************/
/****************** 4.3 Minimized Left Panel Style Start Here *********************************/
#hoe-header.hoe-minimized-lpanel > .hoe-right-header[hoe-position-type="fixed"] {
  margin-left: 0px;
  padding-right: 0px;
}
#hoe-header.hoe-minimized-lpanel > .hoe-left-header {
    width: 0px;
}
#hoe-header.hoe-minimized-lpanel > .hoe-left-header > a > span {
    display: none;
}
#hoe-header.hoe-minimized-lpanel > .hoe-right-header {
  margin-left: 0px;
  padding-right:0px;
}
.hoe-minimized-lpanel #hoe-left-panel {
    width: 0px;
}
.hoe-minimized-lpanel #hoe-left-panel .profile-box {
    border-bottom: 0px solid #efefef;
}
.hoe-minimized-lpanel #hoe-left-panel .media-body {
    display: none;
}
.hoe-minimized-lpanel #hoe-left-panel .profile-box {
    padding: 5px;
}
.hoe-minimized-lpanel #hoe-left-panel .nav-level {
    display: none;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li > a span.menu-text {
    display: none;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > a:after {
    display: none;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li > a > i {
    display: inline;
    font-size: 15px;
    padding-left: 6px;
    padding-right: 6px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li:hover > a,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li:focus > a {
    display: block;
    position: relative;
    width: 230px;
    margin-bottom: -1px;
    border-radius: 0px 4px 4px 0px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li:hover > a,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li:focus > a {
    border-radius: 0px 4px 4px 0px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:hover > a,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > a {
    border-radius: 0px 4px 0px 0px;
    background: #f1f1f1;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li:hover > a span.menu-text,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li:focus > a span.menu-text {
    display: inline-block;
    position: absolute;
    left: 52px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list ul.hoe-sub-menu li {
    list-style: none;
}

.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu {
    display: none !important;
    position: absolute;
    left: 50px;
    width: 180px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:hover > ul.hoe-sub-menu,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > ul.hoe-sub-menu {
    display: block !important;
    border-right: 1px solid #efefef;
	width: 180px;
	left: 50px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu ul.hoe-sub-menu {
    display: none !important;
    position: absolute;
    width: 180px;
    left: 0;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:hover > ul.hoe-sub-menu ul.hoe-sub-menu,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > ul.hoe-sub-menu ul.hoe-sub-menu {
    display: none !important;
    left: 0px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu:hover > ul.hoe-sub-menu,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu:focus > ul.hoe-sub-menu {
    display: block !important;
    position: relative;
    left: 0px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu:hover > ul.hoe-sub-menu,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu:focus > ul.hoe-sub-menu {
    display: block !important;
    position: relative;
    left: 0px;
}

.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu li.hoe-has-menu > a:after {
    display: none;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu li.hoe-has-menu > a:after {
    font-family: FontAwesome;
    content: "\f103";
    font-size: 15px;
    position: relative;
    float: right;
    display: block;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu li.hoe-has-menu:hover > a:after,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu li.hoe-has-menu:focus > a:after {
    font-family: FontAwesome;
    content: "\f102";
    font-size: 15px;
    position: relative;
    float: right;
    display: block;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list li.hoe-has-menu.active > li.active a .selected {
    display: block;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.active:hover > a .selected,
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.active:focus > a .selected {
    display: none;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu li > a span.menu-text {
    padding-left: 15px;
    position: relative;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu > li > a span.menu-text:before {
    left: 4px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu > li.hoe-has-menu > ul.hoe-sub-menu > li > a span.menu-text:before {
    left: 4px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list li .label {
    display: none;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list li:hover a .label {
    display: block;
    position: absolute;
    right: 5px;
    top: 10px;
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu.opened > a {
    background: #f1f1f1;
    color: #000;
}
.hoe-minimized-lpanel #main-content {
    margin-left: 50px;
}
/****************** Minimized Left Panel Style Start Here *********************************/

/******************* 4.4 Theme Style for Phone start here***************************************/
 
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel #hoe-left-panel {
    display: none;
}
#hoeapp-wrapper[hoe-device-type="phone"] #hoe-header{
    position:none;
	height:120px;
}
#hoeapp-wrapper[hoe-device-type="phone"] .hoe-left-header {
    width: 100%;
    float: none;
}
#hoeapp-wrapper[hoe-device-type="phone"] #hoe-left-panel[hoe-position-type="fixed"] {
  top: 100px;
}
#hoeapp-wrapper[hoe-device-type="phone"] .hoe-right-header {
    width: 100%;
	padding-left: 0px !important;
	position: relative;
	z-index: 999;
	top: 50px;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel #hoe-left-panel {display:none;}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel .hoe-right-header {
  margin-left: 0px;
}
#hoeapp-wrapper[hoe-device-type="phone"] .hoe-right-header {
  margin-left: 0px;
}
#hoeapp-wrapper[hoe-device-type="phone"] .hoe-right-header li a {
  padding: 17px 13px;
}
#hoeapp-wrapper[hoe-device-type="phone"] #hoe-left-panel {
    display: block;
    z-index: 1024;
}
#hoeapp-wrapper[hoe-device-type="phone"] #main-content {
    margin-left: 0px;
}
#hoeapp-wrapper[hoe-device-type="phone"] .hoe-right-header .left-navbar li:first-child {
    padding-left: 5px;
}
#hoeapp-wrapper[hoe-device-type="phone"] .hoe-left-header > .hoe-sidebar-toggle > a {
    display: block;
}
#hoeapp-wrapper[hoe-device-type="phone"] #hoe-header > .hoe-right-header .hoe-sidebar-toggle a:after {
    display: none !important;
}
#hoeapp-wrapper[hoe-device-type="desktop"] .hoe-left-header .hoe-sidebar-toggle a:after {
    display: none !important;
}
#hoeapp-wrapper[hoe-device-type="tablet"] .hoe-left-header .hoe-sidebar-toggle a:after {
    display: none !important;
}
#hoeapp-wrapper[hoe-device-type="phone"] .hoe-left-header .hoe-sidebar-toggle a:after {
background: transparent;
border-radius: 4px;
content: "";
font-family: FontAwesome;
font-size: 26px !important;
left: 5px;
line-height: 39px;
padding: 1px 13px;
position: absolute;
top: 3px;
z-index: 1000;
display: block !important;
color: #fff;
border: 1px solid #92E4E7;
font-size: 14px;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel  #hoeapp-container[hoe-lpanel-effect="shrink"] #main-content {
  margin-left: 0px;
}
#hoeapp-wrapper[hoe-device-type="phone"]  #hoeapp-container[hoe-lpanel-effect="shrink"] #main-content {
  margin-left: 230px;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel  #hoeapp-container[hoe-lpanel-effect="overlay"] #main-content {
   margin-left: 0px;
}
#hoeapp-wrapper[hoe-device-type="phone"]  #hoeapp-container[hoe-lpanel-effect="overlay"] #main-content {
   margin-left: 0px;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel  #hoeapp-container[hoe-lpanel-effect="push"] #main-content {
   margin-left: 0px;
   margin-right: 0px;
}
#hoeapp-wrapper[hoe-device-type="phone"]  #hoeapp-container[hoe-lpanel-effect="push"] #main-content {
   margin-left: 230px;
   margin-right:-230px;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel #hoe-header[hoe-lpanel-effect="shrink"] .hoe-right-header[hoe-position-type="relative"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel #hoe-header[hoe-lpanel-effect="shrink"] .hoe-right-header[hoe-position-type="fixed"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"] #hoe-header[hoe-lpanel-effect="shrink"] .hoe-right-header[hoe-position-type="relative"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"] #hoe-header[hoe-lpanel-effect="shrink"] .hoe-right-header[hoe-position-type="fixed"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel #hoe-header[hoe-lpanel-effect="overlay"] .hoe-right-header[hoe-position-type="relative"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel #hoe-header[hoe-lpanel-effect="overlay"] .hoe-right-header[hoe-position-type="fixed"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"]#hoe-header[hoe-lpanel-effect="overlay"] .hoe-right-header[hoe-position-type="relative"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"] #hoe-header[hoe-lpanel-effect="overlay"] .hoe-right-header[hoe-position-type="fixed"] {
    margin-left: 0px;
	padding-right: 0;
}

#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel #hoe-header[hoe-lpanel-effect="push"] .hoe-right-header[hoe-position-type="relative"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"].hoe-hide-lpanel #hoe-header[hoe-lpanel-effect="push"] .hoe-right-header[hoe-position-type="fixed"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"] #hoe-header[hoe-lpanel-effect="push"] .hoe-right-header[hoe-position-type="relative"] {
    margin-left: 0px;
	padding-right: 0;
}
#hoeapp-wrapper[hoe-device-type="phone"] #hoe-header[hoe-lpanel-effect="push"] .hoe-right-header[hoe-position-type="fixed"] {
    margin-left: 0px;
	padding-right: 0;
}
/****************************** Theme Style for Phone Close here **********************************/

/*******************************main container Style Close Here ***********************************/

/****************************** Default Theme Style Close ******************************************/

/*Boxed Theme Layout Style Start*/
body[theme-layout="box-layout"] #hoeapp-wrapper[hoe-device-type="desktop"] {
	width:96%;
	margin:0 auto;
}
/*Boxed Theme Layout Style Close*/
 
/*Theme Background Color in Start */
body[theme-layout="box-layout" hoe-nav-placement="right"] #hoeapp-wrapper[hoe-device-type="desktop"]{
	margin:0 auto;
}
body[theme-bg="bg1"]{
	 background-image: url("../images/bg1.png");
}
body[theme-bg="bg2"]{
	 background-image: url("../images/bg2.png");
}
body[theme-bg="bg3"]{
	 background-image: url("../images/bg3.png");
}
body[theme-bg="bg4"]{
	 background-image: url("../images/bg4.png");
}
body[theme-bg="bg5"]{
	 background-image: url("../images/bg5.png");
}
body[theme-bg="bg6"]{
	 background-image: url("../images/bg6.png");
}
body[theme-bg="bg7"]{
	 background-image: url("../images/bg7.png");
}
body[theme-bg="bg8"]{
	 background-image: url("../images/bg8.png");
}
body[theme-bg="bg9"]{
	 background-image: url("../images/bg9.png");
}
/*Theme Background Color in Close */

.RadPanelBar_Default .rpGroup {
    background-color: #3498DB !important;
}

.RadPanelBar .rpText {
    padding: 0px 10px;
    color: #fff;
    border-bottom: 1px solid #38678f;
    line-height: 32px;
}

.RadPanelBar_Default div.rpHeaderTemplate .RadPanelBar_Default 
{
     background: #1776B6 !important;
    }

.RadGrid .rgMasterTable{

    border :0px !important;
    border-spacing :0 !important;
    border-collapse :separate  !important;

}
.RadGrid_Metro .rgHeader {
     background:#5DA171 !important;
     padding:10px 7px !important;
     background: linear-gradient(to bottom, #95D5A7 0%,#5DA171 44%,#3C8351 100%) !important;
      background:#5DA171 !important;
      background: rgb(51, 122, 183) none repeat scroll 0% 0% !important;
      border-width: 0px 0px 1px 0 !important;
      text-align :center  !important;
}
.RadGrid .rgClipCells .rgFilterRow > td{

    border: 1px solid #D3E0D7  !important;
    border-width: 0px 0px 1px 0 !important;
    
}
.RadGrid_Metro .rgAltRow > td , .RadGrid_Metro .rgRow > td {
    border-color: #9BA89F !important;
    border-width: 0px 0px 1px 0 !important;
    text-align :center ;
}
.RadGrid_Metro .rgHeader a{

    color:#fff !important;
    font-weight:700;
}

.RadGrid_Metro .rgAltRow {
    background: #F6F9F7 none repeat scroll 0% 0% !important;
}

.RadGrid_Metro {
    border: 1px solid #9AD1AA !important;
 
}

.RadGrid_Metro .rgMasterTable .rgSelectedCell, .RadGrid_Metro .rgSelectedRow {
    color: #FFF;
    background: #546589 none repeat scroll 0% 0% !important;
        background:#B6B6B6   none repeat scroll 0% 0% !important;
}


 .RadDock_Metro .rdTop .rdCenter,.RadDock_Metro .rdTop .rdRight,.RadDock .rdTable .rdTop .rdLeft {
       
      background:#546589 !important;  
 
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#738aba+0,546589+33,546589+100 */
background: #738aba !important;
background: -moz-linear-gradient(top,  #738aba 0%, #546589 33%, #546589 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#738aba), color-stop(33%,#546589), color-stop(100%,#546589)) !important;/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #738aba 0%,#546589 33%,#546589 100%) !important;
background: -o-linear-gradient(top,  #738aba 0%,#546589 33%,#546589 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #738aba 0%,#546589 33%,#546589 100%) !important; /* IE10+ */
background: linear-gradient(to bottom,  #738aba 0%,#546589 33%,#546589 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#738aba', endColorstr='#546589',GradientType=0 ) !important; /* IE6-9 */

        background: transparent linear-gradient(to bottom, #7FC092 0%, #5DA171 33%, #4E9262 100%) repeat scroll 0% 0% !important;
}   
 
 .RadDock_Metro .rdTop .rdRight{

 border-radius: 0 6px 0 0; 
 }
  .RadDock_Metro .rdTop .rdLeft{

 border-radius: 6px 0 0 0; 
 }
.RadDock {
    margin-bottom :10px !important;
}
.RadDock_Metro .rdTitleBar em {
 padding:5px !important;
}

.RadDock_Metro .rdTop {
    padding:10px !important;
}
.RadDock .rdCollapse {
    background: url("../images/dockPortalCollapse.gif") !important;
}
.RadDock .rdClose {
    background: url("../images/dockPortalClose.gif") !important;
}
.RadDock .rdExpand{
    background: url("../images/dockPortalExpand.gif") !important;
}
.RadTreeView_Glow .rtIn{
    color: #0A6825 !important;
    }

.RadTreeView_Glow {
    background: #F9FFFA;
}
.RadTreeView_Glow .rtHover .rtIn {
border-color: #5DA171;
color: #FFF !important;
background-color: #5DA171;
}

.RadDock_Metro .rdMiddle .rdCenter{
    background-color: #fff;
    margin-top: 15px !important;
    padding-top: 7px !important;
    padding-left: 5px !important;
}

.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.rowright{
text-align:right;
background:#F7F7F9 !important;
padding: 10px 10px 9px;
border: 1px solid #F9F3F3;
top: 0px;
left: 0px;
font-weight: 500;
color: #546589;
}
.rowright2 {
    text-align: right;
    background: #FBFBFB none repeat scroll 0% 0% !important;
    padding: 7px;
    border: 1px solid #F9F3F3;
    top: 0px;
    left: 0px;
    font-weight: 500;
    color: #546589;
}
.rowleft2 {
    text-align: left;
    background: #FBFBFB none repeat scroll 0% 0% !important;
    padding: 7px;
    border: 1px solid #F9F3F3;
    top: 0px;
    left: 0px;
    font-weight: 500;
    color: #546589;
}
@media screen and (max-width: 767px) {
    .rowright {
        text-align: left;
        padding: 5px 11px;
    }
.rowright2 {
        text-align: left;
        padding: 5px 11px;
    }
}
.rowleft {
    /*background: #FEFEFE none repeat scroll 0% 0% !important;*/
    padding: 2px 10px 4px;
    padding :0px 10px;
    border: 1px solid #F8F8F8;
    margin-top: 5px !important;
}
.rowleft3 {
    background: #FEFEFE none repeat scroll 0% 0% !important;
    padding: 2px 10px 4px;
    border: 1px solid #F8F8F8;
    margin-top: 5px !important;
    margin-right:10px !important;
    margin-left:10px !important;
    line-height:30px !important
}
.rowleft:hover,.rowleft:focus{
 
background:#F1FFFF !important;
 background:#FCFAF7  !important;
}
/*:{
 
background:#F4FCF6 !important;
padding: 3px;
border: 1px solid #F9F3F3;
margin-top: 5px  !important;
}*/


.subm {
    width: 100%;
    background: #5DA171 none repeat scroll 0% 0%;
    border: 0px none;
    padding: 12px;
     
    font-size: 100%;
    color: #FFF;
    cursor: pointer;
    transition: background 0.3s ease 0s;
    font-weight:700;
}
.subm:hover {
    background: #4E7A5A;
}
.submG {
    width: 100%;
    background: #5DA171 none repeat scroll 0% 0%;
    border: 0px none;
    padding: 6px;
 
    font-size: 100%;
    color: #FFF;
    cursor: pointer;
    transition: background 0.3s ease 0s;
    font-weight:700;
    max-width :120px;
    border: 1px solid #5BA470;
border-radius: 0px;
}

.SaveBTN{

    background: #5DA171 url("../images/save_ico.png") left center no-repeat ;
}
.CancelBTN{

    background: #5DA171 url("../images/cancel_btn.png") left center no-repeat ;
}
.EditBTN{

    background: #5DA171 url("../images/edit_btn.png") left center no-repeat ;
}
.NewBTN{

    background: #5DA171 url("../images/new_btn.png") left center no-repeat ;
}

.ClearBTN{
    background: #5DA171 url("../images/clear_btn.png") left center no-repeat ;
}
.ExportBTN{

    background: #CC8534 url("../images/exportl_btn.png") left center no-repeat;
    padding-left :30px !important;
     border: 1px solid #AD7834  !important;
}
.SearchBTN{

    background: #CC8534 url("../images/search_btn.png") left center no-repeat ;
    border: 1px solid #AD7834  !important;
}
 
.submG:hover{
    background: #4E7A5A;
}
.SaveBTN:hover{
    background: #4E7A5A url("../images/save_ico.png") left center no-repeat ;
}
.CancelBTN:hover{
    background: #4E7A5A url("../images/cancel_btn.png") left center no-repeat ;
}
.EditBTN:hover{
    background: #4E7A5A url("../images/edit_btn.png") left center no-repeat ;
}
.NewBTN:hover{
    background: #4E7A5A url("../images/new_btn.png") left center no-repeat ;
}

.ClearBTN:hover{
    background: #4E7A5A url("../images/clear_btn.png") left center no-repeat ;
}
.ExportBTN:hover{
    background: #AD7834 url("../images/exportl_btn.png") left center no-repeat ;
}
.SearchBTN:hover{
    background: #AD7834 url("../images/search_btn.png") left center no-repeat ;
}
.txt{
    width: 100%;
border-radius: 0px !important;
box-shadow: 0px 0px 0px rgb(255, 255, 255), 0px 0px 2px rgba(50, 0, 0, 0.08) inset !important;
transition: all 0.5s ease 0s !important;
border: 1px solid rgb(222, 222, 222) !important;
color: #777 !important;
font: 13px Helvetica,Arial,sans-serif !important;

}

.txt:focus {
	-webkit-box-shadow: 0 0 2px #5DA171 inset !important;
	-moz-box-shadow: 0 0 2px #5DA171 inset !important;
	-ms-box-shadow: 0 0 2px #5DA171 inset !important;
	-o-box-shadow: 0 0 2px #5DA171 inset !important;
	box-shadow: 0 0 2px #5DA171 inset !important;
	 
	border: 1px solid #5DA171 !important;
	outline: none !important;
}


.RadGrid_Metro .rgCommandCell {
    padding: -10px 0 20px 0 !important;
}
.RadGrid_Metro .rgCommandTable td {
    border: 0px none;
    padding: 0 10px 12px 7px !important;
}
.RadGrid_Metro .rgCommandRow a{

    width: 100%;
    background: #5DA171 none repeat scroll 0% 0%;
    border: 0px none;
    padding: 3px 7px;
     
    font-size: 100%;
    color: #FFF !important;
    cursor: pointer;
    transition: background 0.3s ease 0s;
    font-weight:700;
    border-radius:5px;
}
 .RadComboBox table td.rcbArrowCell{
background-color:#F1F3F6 !important;
padding: 0px 3px 0 0 !important;
cursor:pointer;

}
 .RadComboBox_MetroTouch .rcbFocused .rcbArrowCell {
    border-color: #25A0DA;
    color: #FFF;
    background-color: #D47D1C;
}
 .RadComboBox_MetroTouch .rcbArrowCell a{

     background:url('../images/arrow.png')  !important;
     background-repeat:no-repeat !important;
         width: 20px !important;
    height: 22px !important;
 }
  .RadComboBox_MetroTouch .rcbHovered .rcbArrowCell:hover,.RadComboBox_MetroTouch .rcbFocused .rcbArrowCell{

    background:#4E7A5A  !important;
 }

.RadInput_MetroTouch .riTextBox {
    padding-left: 7px !important;
    border-radius: 0px !important;
box-shadow: 0px 0px 0px rgb(255, 255, 255), 0px 0px 2px rgba(50, 0, 0, 0.08) inset !important;
transition: all 0.5s ease 0s !important;
border: 1px solid rgb(222, 222, 222) !important;
}
.RadInput_MetroTouch .riTextBox:focus {
	-webkit-box-shadow: 0 0 2px #5DA171 inset !important;
	-moz-box-shadow: 0 0 2px #5DA171 inset !important;
	-ms-box-shadow: 0 0 2px #5DA171 inset !important;
	-o-box-shadow: 0 0 2px #5DA171 inset !important;
	box-shadow: 0 0 2px #5DA171 inset !important;
	 
	border: 1px solid #5DA171 !important;
	outline: none !important; 
    
}

.RadNotification_Glow.RadNotification {
    border-color: #1B252C;
    color: #E2E8EB;
    background-color: rgba(18, 33, 74, 0.9) !important;
    top: 5px !important;
    border-color: #12540E !important;
}
.RadNotification_Glow.RadNotification .rnTitleBar {
    height: 2.76923em;
    border-bottom-color: transparent;
    background-image: linear-gradient(#086522, #5DA171) !important;
}

.RadGrid .rgFilterRow input {
 
    margin-right: -24px !important;
}
.RadGrid_Metro .rgFilterBox {
    
    width: 100% !important;
}

.RadGrid_Metro .rgGroupPanel{

    background: #F0F0F0 none repeat scroll 0% 0%  !important;
color: #939894  !important;
}
.RadGrid_Metro .rgGroupHeader {
    /*background: #5DA171 none repeat scroll 0% 0% !important;
    font-size: 1.2em;
    line-height: 22px;
    color: #FFF !important;*/
font-size: 1.2em !important;
line-height: 22px;
color: #FFF !important;
height: 33px !important;
background: #4D7783 !important;
font-weight: bold !important;
}
.RadGrid_Metro td.rgGroupCol{
    background: #F3F3F3 none repeat scroll 0% 0% !important;
}
 .style1
        {
            width: 150px; margin-right:0px; float:right;
        }

 fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
            background: #FFF;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;

}

 .myform input.form-control {
   display: block;  /* allows labels to sit on input when inline */
   margin-bottom: 15px; /* gives padding to bottom of inline inputs */
}

.RadInput_Simple .riLabel {
    color: #5DA171;
    text-align: right;
    text-align: right;
background: #F7F7F9 none repeat scroll 0% 0% !important;
padding: 11px;
border: 1px solid #F9F3F3;
top: 0px;
left: 0px;
font-weight: 500;
color: #546589;
}

 
.RadGrid .rgCommandRow img {
    padding-right:4px;
}


.LBL{
color:#545050;
padding:0;
margin-bottom: 2px !important;
}
html body .RadInput input.riEmpty{
color: #EDEDED !important;

}
.RadComboBox {
 
    border: 0px !important;
 
}
.RadComboBox_MetroTouch table td.rcbInputCell,.RadComboBox_MetroTouch .rcbArrowCell{

    height: 30px !important;
    border-radius: 0px !important;
box-shadow: 0px 0px 0px #FFF, 0px 0px 2px rgba(50, 0, 0, 0.08) inset !important;
transition: all 0.5s ease 0s !important;
border: 1px solid #DEDEDE !important;
color: #777 !important;
font: 13px Helvetica,Arial,sans-serif !important;
}
.RadComboBox .rcbInput{

    padding: 0px 0px 1px;
}
.RadInput_MetroTouch a {
    background-color: #5DA171;
    color: #000;
}
.RadPicker_MetroTouch {
    font: 14px "Segoe UI",Arial,Helvetica,sans-serif  !important;
    height: 30px !important;
}

    .RadPicker_MetroTouch .rcCalPopup {
    
     background:#5DA171 url('../images/calendar.png')  !important;
      background-repeat:no-repeat !important;
    }
     .RadPicker_MetroTouch .rcCalPopup:hover {
    
     background:#4E7A5A url('../images/calendar.png')  !important;
       
    }

.RadAutoCompleteBox_MetroTouch .racTokenList {
    border-color: #F2F2F2 !important;
    height: 29px;
    border-radius: 0px !important;
box-shadow: 0px 0px 0px rgb(255, 255, 255), 0px 0px 2px rgba(50, 0, 0, 0.08) inset !important;
transition: all 0.5s ease 0s !important;
border: 1px solid rgb(222, 222, 222) !important;
border: 0 !important;
}
.RadAutoCompleteBox_MetroTouch .racTokenList:focus,.RadAutoCompleteBox_MetroTouch:focus {
	-webkit-box-shadow: 0 0 2px #5DA171 inset !important;
	-moz-box-shadow: 0 0 2px #5DA171 inset !important;
	-ms-box-shadow: 0 0 2px #5DA171 inset !important;
	-o-box-shadow: 0 0 2px #5DA171 inset !important;
	box-shadow: 0 0 2px #5DA171 inset !important;
	 
	border: 1px solid #5DA171 !important;
	outline: none !important;
}
 
.RadAutoCompleteBox_MetroTouch .racEmptyMessage,.RadDropDownTree_MetroTouch .rddtEmptyMessage,.RadComboBox_MetroTouch .rcbEmptyMessage {
    color: #EDEDED !important;
    font-style :normal  !important;
    font-size:12px !important;
}
.RadAutoCompleteBox_MetroTouch .racToken {
    border-color: #5DA171 !important;
    color: #000;
    background-color: #F7FFF7 !important;
    line-height: 28px;
    padding: 0px 10px;
    vertical-align: top;
    height: 26px !important;
}

.RadDropDownTree_MetroTouch .rddtInner{
    width: 100%;
border-radius: 0px !important;
box-shadow: 0px 0px 0px rgb(255, 255, 255), 0px 0px 2px rgba(50, 0, 0, 0.08) inset !important;
transition: all 0.5s ease 0s !important;
border: 1px solid rgb(222, 222, 222) !important;
color: #777 !important;
font: 13px Helvetica,Arial,sans-serif !important;
background :#fff  !important;
 height :30px !important;

}

.RadDropDownTree_MetroTouch .rddtInner:focus {
	-webkit-box-shadow: 0 0 2px #5DA171 inset !important;
	-moz-box-shadow: 0 0 2px #5DA171 inset !important;
	-ms-box-shadow: 0 0 2px #5DA171 inset !important;
	-o-box-shadow: 0 0 2px #5DA171 inset !important;
	box-shadow: 0 0 2px #5DA171 inset !important;
	 
	border: 1px solid #5DA171 !important;
	outline: none !important;
}

.RadDropDownTree_MetroTouch .rddtIcon{
 background:#5DA171 url('../images/arrow.png')  !important;
     background-repeat:no-repeat !important;
         width: 23px !important;
         padding-right :5px !important;
         
   }

.RadUpload .ruStyled .ruFileInput{
width: 100%;
border-radius: 0px !important;
box-shadow: 0px 0px 0px rgb(255, 255, 255), 0px 0px 2px rgba(50, 0, 0, 0.08) inset !important;
transition: all 0.5s ease 0s !important;
border: 1px solid rgb(222, 222, 222) !important;
color: #777 !important;
font: 13px Helvetica,Arial,sans-serif !important;
background :#fff  !important;
height :30px !important;
}
.RadUpload .ruStyled .ruFileInput:focus {
	-webkit-box-shadow: 0 0 2px #5DA171 inset !important;
	-moz-box-shadow: 0 0 2px #5DA171 inset !important;
	-ms-box-shadow: 0 0 2px #5DA171 inset !important;
	-o-box-shadow: 0 0 2px #5DA171 inset !important;
	box-shadow: 0 0 2px #5DA171 inset !important;
	 
	border: 1px solid #5DA171 !important;
	outline: none !important;
}


.submD {
    width: 100%;
    background: rgb(222, 222, 222) none repeat scroll 0% 0%;
    border: 0px none;
    padding: 6px;
 
    font-size: 100%;
    color: #FFF;
    cursor:default;
    transition: background 0.3s ease 0s;
    font-weight:700;
    max-width :120px;
    border: 1px solid #efefef;
border-radius: 0px;
}
.RadUpload .ruInputs li {
margin :0  !important;
}


html .RadTabStrip_MetroTouch {
    color: #FFF;
    font: 100 16px/2.5 "Segoe UI",Arial,Helvetica,sans-serif;
    background: #F5F5F5 !important;
    border: 1px solid #D7C8C8;
    border-bottom :0 !important;
    margin-bottom: 5px !important;
}
 html .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    border-color: #5DA171 !important;
    color: #FFF !important;
    background-color: #5DA171 !important;
}
 .RadTabStripTop_MetroTouch .rtsLevel1 {
    border-bottom: 3px solid #5DA171 !important;
}
 * + html .riSingle input.riTextBox, * + html .RadForm.rfdTextbox .riSingle input.rfdDecorated[type="text"],.RadInput .riTextBox,  .RadInputMgr {
    min-height: 32px !important;
}
 .multiline
 {
      width: 100%;
border-radius: 0px !important;
box-shadow: 0px 0px 0px rgb(255, 255, 255), 0px 0px 2px rgba(50, 0, 0, 0.08) inset !important;
transition: all 0.5s ease 0s !important;
border: 1px solid rgb(222, 222, 222) !important;
color: #777 !important;
font: 13px Helvetica,Arial,sans-serif !important;
     height: 90px !important;
 }
 .k-widget.k-tooltip-validation {
    
    position: absolute;
    
}
  .k-widget.k-tooltip-validation {
    /*border-color: #D2C2A3 !important;
    background-color: #E16144 !important;
    color: #FFF !important;
    font-weight: normal !important;
padding: 3px !important;*/
    border-color: #D2C2A3 !important;
background-color: transparent !important;
color: #C91F1F !important;
font-weight: normal !important;
padding: 3px !important;
border: 0px !important;
font-size: 1em;
}

 /*.k-widget.k-notification.k-notification-error {
    background-color: #E16144;
    color: #FFF;
    border-color: #000;
}
 .k-widget.k-notification{

     left : 0% !important;
     padding:12px !important;
     font-size:15px;
 }
.k-notification-button .k-notification-wrap {
    padding-right: 20px;
    font-size: 15px !important;
}*/
 



/*Style*/



 .k-widget.k-tooltip-validation {
    
    position: absolute;
    position: relative;
    
}
 .k-widget.k-tooltip-validation {
    border-color: #D2C2A3;
    background-color: #E16144;
    color: #FFF;
    font-weight: normal;
padding: 7px;
}
 /*.k-state-selected, .k-state-selected:link, .k-state-selected:visited {
    color: #787878 !important;
}*/

 /*Notifications*/
 .k-notification-button .k-notification-wrap {
    padding: 20px;
    color: rgb(255, 255, 255) !important;
    font-size: 1em !important;
    font-weight: normal;
    margin:0 auto !important;font-family: "kufi", Verdana, Tahoma !important;
    width:100% !important;
}
 .k-notification-upload-success{
     background:rgba(25, 132, 200, 0.83) none repeat scroll 0% 0% !important;
      border-radius: 0 !important;
      border-color: #FCFCFC !important;
 }
 .k-widget.k-notification.k-notification-error {
    background-color: rgba(206, 43, 6, 0.83) !important;
 
    border-color: #FCFCFC !important;
    border-radius: 0 !important;
}

 
 .bigbutton{
     min-width :200px !important ;

 }
 
.panel-heading {
    border-radius:0px !important;
}
 .panel-primary > .panel-heading {
    
    margin-bottom:5px !important;
}
 .panel-primary {
    border-color: #A1BDD4  !important ;
    padding-bottom: 10px !important;
    border-color: #EAECED !important;
}
.panel {
   
    border-radius: 0px !important;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.05) !important;
}
 .k-grid-header th.k-header > .k-link {
    
    font-size: 12.5px !important;
}
 
 .k-window-titlebar {
    background: #0978B4 none repeat scroll 0% 0% !important;
    color: #C6F9E5;
}
 
 /*#Password_validationMessage{
     position:absolute !important ;
     width:97% !important ;

 }*/

.LBLe2b{
     color:#3264AE;
     font-weight :500;
     padding-left :15px !important ;
     margin-left :0px;
     background :url("../images/req.png") no-repeat left center;
     margin-bottom: 2px !important;
}

.LBLe2bReq{
     color:#3264AE;
     font-weight :500;
     padding-left :15px !important ;
     margin-left :0px;
     background :url("../images/req.png") no-repeat left center ,url("../images/req2.png") no-repeat right center ;
     margin-bottom: 2px !important;
}

.LBLReq{
     color:#3264AE;
     font-weight :500;
     padding-left :15px !important ;
     margin-left :0px;
     background :url("../images/req2.png") no-repeat right center ;
     margin-bottom: 2px !important;
}
.k-tabstrip .k-content.k-state-active {
    background-color: #FFF;
    color: #4C5356;
    padding-top: 15px;
}

.Disabled {
    background: #EAFEF1 none repeat scroll 0% 0% !important;
    color: #5F5F5F !important;
}

.SelectGrid{
    text-align :center ;
    cursor :pointer;
    background: transparent linear-gradient(to top, #2EB3A6 45%, #37D6C6 100%) repeat scroll 0% 0%;
color: #FFF !important;

}

.k-tooltip {
   border-color: #56E3C0 !important;
background-color: #FFF !important;
color: #4B4B4B !important;
padding: 1px !important;
border-radius: 4px !important;
}
/*.k-tooltip{
    border-radius:0 !important;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25) !important;
}*/
.k-callout-n {
    border-bottom-color: #BDBDBD !important;
}
.k-tooltip-content{
     font-size :12px !important ;
     padding :1px !important ;
     
}

.k-calendar .k-header{
    background:#ccc !important ;

}

.k-tabstrip-items .k-link {
    display: inline-block;
    border-bottom-width: 0px;
    padding: 9px 15px;
}

.check {
                 
                background :url("../images/check.png") no-repeat left center ; padding-left :20px;
            }
.uncheck {
                 
                background :url("../images/uncheck.png") no-repeat left center ; padding-left :20px;
            }

 
.MsgBox {
    text-align: center !important;
    background: rgba(69, 158, 79,.97) none repeat scroll 0% 0% !important;
    color: #fff !important;
    border: 0px solid red !important;
}
.MsgBoxF {
    text-align: center !important;
    background: rgba(188, 61, 46, 0.9)  none repeat scroll 0% 0% !important;
    color: #fff !important;
    border: 0px solid red !important;
}
.MsgBoxW {
    text-align: center !important;
    background: rgba(59, 158, 255, 0.9)   none repeat scroll 0% 0% !important;
    background: rgba(231, 108, 108, 0.91) none repeat scroll 0% 0% !important;
    color: #fff !important;
    border: 0px solid red !important;
}

.k-window {
    border-color: rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0px 0px 0px 1px rgba(137, 137, 137, 0.27) !important;
    background-color: transparent !important;
    border: 1px solid #B4AAAA !important;
}

.k-window-titlebar {
    background: #A4D3DB none repeat scroll 0% 0% !important;
    background: transparent linear-gradient(to bottom, rgb(242, 245, 246) 0%, rgb(227, 234, 237) 37%, rgb(200, 215, 220) 100%) repeat scroll 0% 0% !important;
    background: transparent linear-gradient(to bottom, rgb(0, 145, 224) 0%, rgb(34, 166, 214) 100%) repeat scroll 0% 0% !important;

    background: transparent linear-gradient(to bottom, rgb(101, 102, 102) 0%, rgb(0, 0, 0) 100%) repeat scroll 0% 0% !important;
    background: transparent linear-gradient(to bottom, rgb(245, 245, 245) 0%, rgb(246, 246, 246) 100%) repeat scroll 0% 0% !important;
    color: #808080 !important ;
}
.k-window-titlebar{
    border-radius: 0 !important;
}
 .ToolRight{
     

 }
  .ToolLeft{
     float:left !important ; font-size:1.3em;

 }
 
.k-radio-label {
    position: relative;
    padding-left: 1.5em;
    vertical-align: bottom !important;
    line-height: 0.875em;
    cursor: pointer;
    margin: 10px 10px 7px 7px !important;
    font-weight: normal !important;
    font-size: 14px !important;
    color: #136F55 !important;
}
 

.Locked{

     background :url("../images/lock.png") no-repeat left center ; padding-left :30px;
}
.UnLocked{

     background :url("../images/unlock.png") no-repeat left center ; padding-left :30px;
}
.DeleteBTN{
    background :url("../images/unlock.png") no-repeat left center ;
}
.hand{
    cursor:pointer;
}

.PreviewH3{
text-align: center !important;
color: #FFF !important;
border: 1px solid #E6E6E6;
margin: 10px !important;
padding: 5px !important;
font-size: 22px !important;
background: transparent linear-gradient(to right, #EFBC0A 26%, #D0E12C 100%) repeat scroll 0% 0%;
background: transparent linear-gradient(to right, #6FBCFE 26%, #09899E 100%) repeat scroll 0% 0%;
}
.PreviewH3Fail{
    text-align: center !important;
color: #FFF !important;
border: 1px solid #E6E6E6;
margin: 10px !important;
padding: 5px !important;
font-size: 22px !important;

background: #CE6262 url('../images/fail.png') left center no-repeat !important;
padding-left:20px !important;
}

.PreviewH3Success{
text-align: center !important;
color: #FFF !important;
border: 1px solid #E6E6E6;
margin: 10px !important;
padding: 5px !important;
font-size: 22px !important;
background: #81BC6F url('../images/success.png') left center no-repeat !important;
padding-left:20px !important;
}
.PreviewH3Warning{
text-align: center !important;
color: #FFF !important;
border: 1px solid #E6E6E6;
margin: 10px !important;
padding: 5px !important;
font-size: 22px !important;
background: #6FA6BC url('../images/warning.png') left center no-repeat !important;
padding-left:20px !important;
}


.VerifyFail, .VerifyFail:hover{
text-align: center !important;
color: #FFF !important;
background: #CE6262 url('../images/verifyfail.png') left center no-repeat !important;
 }
.pad , .pad:hover{
    padding-left:30px !important ;
    color: #FFF !important;
    text-align:left !important;
}
.ResList{

  text-align:left !important;
  padding-left:65px;

}
 


.k-menu .k-item > .k-link > .k-i-arrow-s {
    margin-right: 0px !important ;
}

.k-context-menu.k-menu-vertical > .k-item > .k-link, .k-menu .k-menu-group .k-item > .k-link {
    padding: 0.28em 1.8em 0.38em 0.9em;
    min-width: 100px !important;
    text-align: center;
    border-bottom: 1px solid #545454;
}

.k-grouping-header {
    color: #CBCBCB !important;
}
 .k-nav-current.k-state-hover .k-link {
    color: #17384D !important;
}
.k-grouping-row td, td.k-group-cell, .k-resize-handle-inner {
    background-color: #43598D !important;
}


 

.k-grouping-header {
    color: #CBCBCB !important;
}
 .k-nav-current.k-state-hover .k-link {
    color: #17384D !important;
}
.k-grouping-row td, td.k-group-cell, .k-resize-handle-inner {
    background-color: #9C4D4D !important;
}
 .k-footer-template td{

background-color:#253F6B !important;
border :0px !important
 }
 .k-header{
      color:#fff !important ;
 }
 .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 {
    height: 1.3em;
line-height: 1.3em;
padding: 0.277em 0px;
text-indent: 0.33em;
border: 0px none;
margin: 0px;
}

 .k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-notification, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker, .k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload {
    border-radius: 0px !important ; 
}

 .k-grouping-row td{

     color:#fff !important ;
 }

 .k-link{
     color: #17234B;
 }

 /*.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    color: #FFF !important;
    background-color: #AAD3E4 !important ;
    border-color: #146B90;
}*/
 

 .RadGrid_Default .rgMultiHeaderRow .rgHeader, .RadGrid_Default .rgMultiHeaderRow .rgResizeCol {
    border-left: 1px solid #DDD !important;
}
 .RadGrid .rgClipCells .rgHeader, .RadGrid .rgClipCells .rgFilterRow > td, .RadGrid .rgClipCells .rgRow > td, .RadGrid .rgClipCells .rgAltRow > td, .RadGrid .rgClipCells .rgEditRow > td, .RadGrid .rgClipCells .rgFooter > td {
padding: 10px !important;
 font-weight: 500 !important;
border-left: 0px !important;
}
 .RadGrid_Bootstrap .rgMasterTable .rgSelectedCell, .RadGrid_Bootstrap .rgSelectedRow > td, .RadGrid_Bootstrap td.rgEditRow .rgSelectedRow, .RadGrid_Bootstrap .rgSelectedRow td.rgSorted {
color: #FFF !important;
background: #376B66 none repeat scroll 0% 0% !important;
border-color: #C6C6C6 !important;
}

 .RadGrid_Bootstrap .rgHeader, .RadGrid_Bootstrap th.rgResizeCol, .RadGrid_Bootstrap .rgHeaderWrapper, .RadGrid_Bootstrap .rgMultiHeaderRow th.rgHeader  {
border-bottom: 2px solid #137f77;
border-left: 1px solid #DBDBDB;
background: #E9E7E7 !important;
color: #38678F !important;
font-weight: 500 !important;
text-align: right !important;
padding: 9px !important;
font-family: "kufi", Verdana, Tahoma !important;


border-bottom: 3px solid #137f77;
border-left: 1px solid #F6F6F6;
background: #EFF5ED !important;
color: #043B36 !important;
font-weight: 500 !important;
padding: 10px !important;
font-family: "kufi", Verdana, Tahoma !important;
}
.RadGrid_EgyDev .rgHeader a
{
font-family: "kufi", Verdana, Tahoma !important;
color: #043B36 !important;
font-weight: 500 !important;
}
 .k-tabstrip-items .k-link, .k-panelbar .k-tabstrip-items .k-link {
 
    padding: 0.5em 0.72em !important;
}
 .GridToolbarH3{
float: left;
margin-top: 5px;
padding-left: 30px;
margin-left :5px;
color: #5BA1DE !important;
font-size: 20px;
margin-bottom: 0 !important;
background: url('../images/chart_bar_up.png') left center no-repeat !important;

 }


 hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-width: 1px 0px 0px;
    border-style: dotted none none;
    border-color: #A2B3B1 -moz-use-text-color -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
}
hr {
    height: 0px;
    box-sizing: content-box;
}

.HideBtn{
     display:none !important;
}
.ShowBtn{
     display:normal !important;
}

.k-toolbar a {
    color: #FFF !important;
    border-color: #CE9635 !important;
    background-color: #BD6214 !important;
}


 .modalDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(51,122,183,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}

	.modalDialog:target {
		opacity:1;
		pointer-events: auto;
	}

	/*.modalDialog > div {
		width: 400px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
	}*/
    /*.modalDialog > div {
    width: 100%;
    position: relative;
    margin: 10% auto;
    border-radius: 0px;
    background: rgba(255,255,255,.5);
    padding: 0px;
}*/
    .modalDialog > div {
    width: 200px;
    position: relative;
    margin: 20% auto;
    border-radius: 0px;
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0% 0%;
    padding: 10px;
}
	.close {
		background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.close:hover { background: #00d9ff; }

.ProSub {
margin-bottom: 0px;
list-style-image: url('../images/pill.png');
}
 div.k-window-content{
     padding :0 !important ;
 }
 .H3Title {
    margin-bottom: 0px;
    color: #fff;
    border-bottom: 2px solid #E15B5B;
    padding-bottom: 5px;
    font-size: 18px !important;
    background: url('/Images/h3bg.png') no-repeat bottom left;
    background: #232e56;
    padding: 11px 22px !important;
    border-radius: 6px 6px 0 0;
}
.panel-primary > .panel-heading {
    margin-bottom: 0px;
    color: #fff;
    border-bottom: 2px solid #E15B5B;
    padding-bottom: 5px;
    font-size: 18px !important;
    background: url('/Images/h3bg.png') no-repeat bottom left;
    background: #38678F;
    padding: 11px 22px !important;
    border-radius: 6px 6px 0 0;
    font-family: "kufi", Verdana, Tahoma !important;
    font-size :14px !important;
    font-weight:600 ;
}

.k-primary, .k-overflow-container .k-primary{

background: transparent linear-gradient(to bottom, rgb(0, 164, 224) 0%, rgb(0, 142, 209) 100%) repeat scroll 0% 0% !important;
}

.k-list .k-state-hover, .k-list .k-state-focused, .k-list .k-state-highlight, .k-list .k-state-selected, .k-fieldselector .k-list .k-item, .k-list-optionlabel, .k-dropzone {
    border-radius: 0px !important;
}

.k-grid-header .k-header > .k-link {
    color: #17234B !important;
}
.k-window-titlebar{
    height:33px !important ;
}
.k-widget{
    box-sizing:initial !important;
}
.k-animation-container, .k-widget, .k-widget *, .k-animation-container *, .k-widget *::before, .k-animation-container *::after, .k-block .k-header, .k-list-container {
    -webkit-box-sizing: inherit !important;
    -moz-box-sizing: inherit !important;
    box-sizing: inherit !important;
}
div.k-window-content {
   
    padding: 20px !important;
}
.k-calendar-container.k-state-border-up, .k-list-container.k-state-border-up, .k-autocomplete.k-state-border-up, .k-multiselect.k-state-border-up, .k-dropdown-wrap.k-state-border-up, .k-picker-wrap.k-state-border-up, .k-numeric-wrap.k-state-border-up, .k-window-content, .k-filter-menu{
     border-radius :0 !important ;
}
/*.k-menu .k-item > .k-link {
 
    padding-top: 7px !important;
      padding-bottom: 7px !important;
}*/
.DeleteBTN{
    padding-left :20px !important ;
    background : url(/Images/cancel.png) center left no-repeat !important ;
    border: 0px solid #fbfbfb !important;
}
.EditBTN{
    padding-left :20px !important ;
    background : url(/Images/Edit.png) center left no-repeat !important ;
    border: 0px solid #fbfbfb !important;
}
.AddBTN{
    padding-left :20px !important ;
    background : #FFB076 url(/Images/addnew.png) center left no-repeat !important ;
    
             background :  #E15B5B url(/Images/addnew.png) center left no-repeat !important ;

    border: 1px solid #edd100 !important;
        border: 1px solid #ed4300 !important;

    color:#fff !important ;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05) !important;
min-width:200px;
}

.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
    min-width: 34px !important;
}

.SaveBTN{
    padding-left :20px !important ;
    background: #253F6B url(/Images/savei.png) center left no-repeat !important;
border: 1px solid #17234b !important;
    color:#fff !important ;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05) !important;
min-width:200px;
}
.NewBTN{
    padding-left :20px !important ;
    background: #253F6B url(/Images/new.png) center left no-repeat !important;
border: 1px solid #17234b !important;
    color:#fff !important ;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05) !important;
min-width:200px;
}
.CancelBTN{
    padding-left :20px !important ;
    background : #E15B5B url(/Images/canceli.png) center left no-repeat !important ;
    border: 1px solid #ed4300 !important;
    color:#fff !important ;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05) !important;
min-width:200px;
}
.ClockBTN{
    padding-left :20px !important ;
    background : #E15B5B url(/Images/clock.png) center left no-repeat !important ;
    border: 1px solid #ed4300 !important;
    color:#fff !important ;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05) !important;
min-width:200px;
}

.k-window-titlebar {
    font-size: 1em !important;
    color: #5f6972 !important;
}

.k-autocomplete.k-state-default{
    background-color: #f9f9f9; !important;
}
.k-autocomplete.k-state-default .k-input, .k-combobox .k-state-default .k-input, .k-picker-wrap.k-state-default .k-input, .k-numeric-wrap.k-state-default .k-input, .k-multiselect-wrap, .k-slider-track, .k-slider-selection, .k-progress-status-wrap {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    min-height: 32px !important;
}
.row {
 
    padding-bottom: 7px !important;
}
 .k-content {
    color: #fff;
}
 .H3Title{
   margin-bottom: 0px;
color: #fff;
border-bottom: 2px solid #E15B5B;
padding-bottom: 5px;
font-size: 18px !important;
background: url('/Images/h3bg.png') no-repeat bottom left;
background: #232e56;
padding: 11px 22px !important;
border-radius: 6px 6px 0 0;
 }

 .k-grid, .k-scheduler, .k-menu, .k-editor {
    border-radius: 0px !important;
}
 .k-panelbar > .k-item > .k-link {
    border-color: #DA3939 !important;
    background: #0A5B7B !important;
    border-color: #444 !important;
background: #363940 !important;
}
 .k-panelbar{
     border:0 !important ;
 }
 .k-grid tr td {
    border-style: solid;
    border-color: #ccc;
    border: 0 !important;
}

 .k-autocomplete.k-state-default{
     background-color: #f8f8f8 !important;
 }

 .k-widget {
    color: #5572AE !important;
}

 
.stick {
/*position: fixed;
top: 0px;
width: 230px;*/
/*overflow-y: scroll;*/
}
.rpText, .rgHeader {
    text-align: right !important;
}