body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
    background-color: #eaeaea !important;
    font-weight: normal;
    
}

/*login*/
.zk_loginContainer{width:100%;}
.zk_login {
    height: auto;
    color: #fff;
    width: 450px;
    margin: 60px auto;
    overflow: auto;
    border: 5px solid #fff;
    box-shadow:0 0 15px 0 #a5a5a5;
}
.zk_login input {
    margin: 10px 0;
    border: 0;
    text-indent: 20px;
}
.zk_login .fa-mobile{font-size:20px;position:relative;margin-top:-5px;}
.zk_login button {
    margin: 10px 0;
    border: 0;
    font-weight: bold;
}
.zk_loginHeader,
.zk_loginBody {
    background-color: #003366;
}
.zk_headerInner
{
	/*padding:5px 10px;*/
	height:49px;
}
.zk_loginHeader {
   /*  width: 440px; */
    border-bottom: 1px solid #333;
    text-align: center;
    padding: 20px 0;
}
.zk_loginHeader p {
    padding: 0px 0;
    font-size: 20px;
    font-weight: 300;
}
.zk_loginBody {
    padding: 0 30px 30px;
    text-align: center;
    margin: 0px auto;
    float: left;
    width: 100%;
}
.zk_loginBody h3 {
    /* color: #77bc42; */
    padding: 20px 20px 10px;
    font-weight: 300;
    margin:0;
}
.zk_loginBody a {
    /* float: right; */
    color: #fff;
    font-weight:normal;
}
.zk_loginBody form {
    margin: 0px auto;
    position: relative;
}
.zk_loginBody .fa {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #333;
}
.zk_loginBody .form-group {
    position: relative;
    padding: 0;
}
.zk_errorMessageContainer {
    width: 100%;
    float: left;
}
.zk_errorMessage {
    background-color: rgba(255, 50, 50, 0.3);
    width: 100%;
    color: #df1313;
    padding: 10px;
    display:inline-block;
   
}

.zk_loginSuccessMessage {
    width: 100%;
    color: #740ff0;
    padding: 10px;
    display:inline-block;
   
}
.zk_EmailVerifySuccessMessage {
    width: 100%;
    color: green;
    padding: 10px;
    display:inline-block;
   
}
.form-control {
    font-size: 13px;
    height: auto !important;
    /*padding: 10px;*/
}
.link {
    color: #3679ff;
}
.link:hover {
    text-decoration: underline;
}

.btn {
    background: #77bc42 !important;
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    color: #ffffff;
    /* font-size: 13px; */
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}
.ui-button{
	background: #e9e9e9 !important;
	border-radius:4px !important;
	border:1px solid #ccc !important;
}
.btn:hover {
    background: #83cc47;
    background-image: -webkit-linear-gradient(top, #83cc47, #57b30d);
    background-image: -moz-linear-gradient(top, #83cc47, #57b30d);
    background-image: -ms-linear-gradient(top, #83cc47, #57b30d);
    background-image: -o-linear-gradient(top, #83cc47, #57b30d);
    background-image: linear-gradient(to bottom, #83cc47, #57b30d);
    text-decoration: none;
}
.section_switchPanel {} .section_switchPanel .tab-content {
    text-align: left;
    padding: 20px 0;
}
.section_switchPanel .nav-tabs {
    border: 1px solid #a5a5a5;
    border-radius: 4px;
    margin: 0px auto;
}
.section_switchPanel .nav-tabs > li {
    width: 50%;
    margin: 0;
}
.section_switchPanel .nav-tabs > li a {
    text-align: center;
    border: 0;
    color: #fff !important;
    width: 100%;
    margin: 0;
    border-radius: 0;
    outline: none !important;
}
.section_switchPanel .nav-tabs > li.active a,
.section_switchPanel .nav-tabs > li.active a:focus {
    background-color: #7a7a7a;
    border-radius: 0;
}
.section_switchPanel .nav-tabs > li a:hover,
.section_switchPanel .nav-tabs > li a:focus,
.section_switchPanel .nav-tabs > li.active a:hover,
.section_switchPanel .nav-tabs > li.focus a:hover {
    border: 0;
}
.section_switchPanel .nav > li > a:hover,
.section_switchPanel .nav > li > a:focus {
    background-color: transparent;
}
#header {
    background-color: #3D4245;
    /*height: auto;*/ /* instead of auto lets specify a pct for the height and also it should be minimum*/
    min-height:11%;
    color: #fff;
    /* position:fixed !important; */
    top:0 !important;
    z-index: 10 !important;
    box-shadow:0 0 4px 1px #999;
}
#header .headerLeft {
    color: #fff;
}
#header .headerRight {
    margin: 10px 0 0 0;
}
#header .headerRight span,
#header .headerRight li a {
   /*  color: #fff !important; */
    font-weight: normal;
    background:transparent;
}
#header .logo {
    float: left;
}
#header .top-right-admin {
    float: left;
    border-right: 1px solid #ccc;
    padding-right: 20px;
    margin-right: 20px;
}
#header .top-right-icon-nav {
    float: left;
    padding: 0;
}
#header .top-right-icon-nav ul {
    padding: 0;
    margin: 0;
}
#header .top-right-icon-nav ul li {
    display: inline-block;
    list-style: none;
    padding: 0 10px;
}
#header .top-right-icon-nav ul li a {
    color: #fff;
}
#header .top-right-icon-nav ul li a:hover .fa {
    color: #77bc42;
}
#header .ui-widget-header {
    padding: 20px;
}
#header .fa-bell {
    font-size: 18px;
}
.padding_10{
	padding:10px;
}
.padding_20 {
    padding: 20px;
}
.padding_0{padding:0;}
.padding_right_0{padding-right:0;}
.padding_left_0{padding-left:0 !important;}
.padding_top_bottom_zero{padding-top:0;padding-bottom:0;}
.padding_left_right_zero{padding-left:0 !important;padding-right:0 !important;}
.margin_bottom_10{margin-bottom:10px;}
.marginTop70{margin-top:70px;}
.padding_top8{padding-top:8px}

#nav {
    background-color: #fff;
    width: 100%;
    padding: 0px !important;
    margin: 0px !important;
           
}
#nav .ui-widget-header {
    padding: 0;
}

.navbar-default {
	margin-bottom:0px !important;
	background-color:#fff;
}

.navbar {
	margin-bottom:0px !important;
	background-color:#fff;
}

#content {
    float: left;
    width: 100%;
}
#footer {
    float: left;
    width: 100%;
   /*  position:fixed; */
    bottom:0;
    z-index:100;
}
#dashboardForm {
    display: inline-block;
    /* commented by ramesh padding: 20px 0;*/
    margin-bottom: 100px;
    width: 100%;
}
#dashboardForm .ui-dashboard-column {
    padding: 5px;
    width: 50%;
}
#dashboardForm .ui-panel {
    border-radius: 4px;
    box-shadow: 0 0 3px 1px #d3d3d3;
    padding: 0;
    min-height:270px;
}
#dashboardForm .ui-panel-titlebar {
    background-color: #767676;
    color: #fff;
    padding: 10px 15px;
    border-radius: 4px 4px 0 0;
}
#dashboardForm .ui-panel-content {
    padding: 15px;
    text-align: center;
    width: 100%;
    margin: 0px 0 0 0;
}
/* #dashboardForm .ui-panel:hover .ui-panel-titlebar{background-color:#77bc42;} */

.panelAlternative .ui-panel-titlebar {
    background-color: #77bc42 !important;
}
.menuList {
    margin: 0;
    padding: 0;
}
.menuList li {
    display: inline-block;
    list-style: none;
}
.menuList li a {
    color: #333;
    padding: 5px 10px;
    font-weight: normal;
}
.zk .ui-widget-header {
    background-color: transparent;
    border: 0px;
    font-weight: normal;
}
.zk .fa {
    font-size: 16px;
   
}
.zk .ui-layout-unit {
    box-shadow: 0 0 3px 1px #d3d3d3;
    background-color: #fff;
}
.zk .ui-layout-unit-content.ui-widget-content {
    border: 0px !important;
    border-radius: 0px !important;
}
.zk .ui-layout-unit-content.ui-widget-content {
    padding: 0;
    margin: 0;
}
.zk .ui-layout-unit.ui-widget.ui-widget-content.ui-layout-pane {
    padding: 0;
    margin: 0;
}
.zk #menucontent ul {
    float: left;
    margin: 0;
    padding: 0;
}

.zk #menucontent li {
    background-color: #fff;
}
.zk #menucontent a {
    color: #333;
}
.loggedUser {
    float:right;
    right:20px;
    position:absolute;
    top:0;
    
}
.loggedUser .nav > li > a{padding:15px 20px !important;}
.loggedUser .nav > li > a:hover{background-color:#fff !important;}
.loggedUser .loggedUsername{border-right: 1px solid #ccc; padding-right: 20px;float:left;margin:15px 20px 0 0;}
.loggedUser .dropdown-menu li ul li a{color:#000 !important;padding:0px !important;}
.loggedUser .dropdown-menu{left:-192%;top:45px;border:0;border-radius:0;padding:10px 15px;}
.loggedUser .dropdown-menu a{padding:3px;font-size:12px;}
.loggedUser .dropdown-menu a:hover{color:#0066cc !important;}
.loggedUser .fa{color:#7ac043 !important;}
.loggedUser .dropdown.open a{background-color:#fff !important;}

.dropdown:hover .dropdown-menu {
display: block;
}

#deviceListsForm .ui-datatable-header {
   /*  background-color: #333; */
    padding: 15px;
    margin: 0 0 0px 0;
    color: #fff;
    text-align: left;
}
#main {
    margin:7px 0 12% 0;
}
footer {
    background-color: #474a4f;
    /*padding: 8px 0px;*/
    width: 100%;
    color: #fff;
    position:fixed;
    bottom:0;
}
footer label,
footer a {
    
    color: #fff;
    font-weight: normal;
}
footer .copyright{margin:20px auto;text-align:center;}
footer label {
    padding: 0 5px;
    color:#77bc42;
}

footer a {
    padding: 0 10px;
    border-right: 1px solid #ccc;
     color:#77bc42;
}
.section_login {
    display: block;
}
.section_login .err-msg{display:none;}
.section_forgotPassword {
    display: none;
}
a.forgotPassword{font-weight:normal;}
.switchForgotPassword .section_login {
    display: none;
}
.switchForgotPassword .section_forgotPassword {
    display: block;
}

.padding-right-10 {
    padding-right: 10px;
}
.dashboardSwitcher {
    float: right;
}
.dashboardSwitcher button {
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 0 4px 4px 0;
    border: 1px solid #ccc;
    float: left;
}
.dashboardSwitcher button .fa {
    font-size: 16px;
    float: left;
}
.dashboardSwitcher button:first-child {
    border-radius: 4px 0 0 4px;
    margin-right: -1px;
}
.dashboardSwitcher span {
    display: none;
    float: right;
}
.switcherSelected {
    background-color: #333 !important;
}
.switcherSelected .fa {
    color: #fff;
}
button.ui-button {
    margin: 4px 4px 10px 4px;
    background-image: none !important;
    background-color: #ccc;
    padding: 0px 3px;
    font-size:13px !important;
}
.ui-widget1 {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    background-color: #FF0000!important;
}
.ui-tabs-nav {
    /* background-color: #333 !important; */
}

.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li {
    background-color: #999 !important;
    border: 0;
    text-shadow: none;
    color: #fff;
    padding: 5px 20px;
    border-radius:4px 4px 0 0;
    padding-left: 10px;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li a {
    color: #fff;
    outline: none !important;
}
.ui-tabs .ui-tabs-nav li a{border:0px !important;padding:5px !important;}
.ui-tabs .ui-tabs-nav li a:hover{background:none !important;}
.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-active {
    background-color: #7ac043 !important;
    color: #333;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-active a {
    color: #fff !important;
}
.ui-widget-content {
    border: 0;
}
.ui-datatable thead th,
.ui-datatable tbody td,
.ui-datatable tfoot td {
    font-size: 13px !important;
}
.ui-datatable tbody td {
    padding: 10px !important;
}
.dashboardListView #dashboardForm .ui-dashboard-column {
    width: 100%;
}
.zkicon {
    opacity: 0.7;
}
.zkicon:hover {
    opacity: 1;
}
.labelPendingEmployees {
    text-align: center;
    text-decoration: none;
    margin: 0px 0 0 0;
    display: inline-block;
    width: 100%;
    outline: none !important;
}
.labelPendingEmployees h1 {
    margin: 0;
    padding: 0;
    color: #3679ff;
}
.labelPendingEmployees:hover {
    text-decoration: none;
}
.buttonWrapper {
	border-top:0px solid #ccc;
    margin: 10px 0;
    padding:10px 0;
    display: inline-block;
    width: 100%;
    float:left;
}
.form-group {
    padding-bottom: 25px;
}
.ui-tabs.ui-tabs-top {
    border-bottom: 0 !important;
    padding: 0;
}
.statusBox {
    padding: 4px 8px;
    border-radius: 4px;
    width: 100% !important;
    display: inline-block;
    text-align: center;
}
.statusOffline {
    color: #878787;
}
.statusOnline {
    color: #7ac043;
}
.statusActive {
  color: #7ac043;
  font-size:0;
}

.statusInActive{color:#f44336;}
.statusDeleted, .statusSuspend {
   color: #f44336;
}
.statusPending {
   color: #ffa000;
}
.statusGroup{
	border-radius:4px;
	padding:5px;
	width:100%;
	display:block;
	text-align:center;
}
.datatable_info {
    text-align: center;
    background-color: #ececec;
    display: inline-block;
    width: 100%;
    padding: 10px;
}
.datatable_info div {
    padding: 0 20px;
    display: inline;
}
/*
#menucontent .container{padding:0;}

#mainPage #sidebar{border-radius:0;} 
#mainPage #sidebar .ui-datatable .ui-datatable-even{background-color:#fff;}
#mainPage #sidebar .ui-widget-content a:link{color:#0275d8 !important;}
#mainPage #sidebar .ui-datatable table tbody tr td{border:1px solid #c6c4bc !important;}

.ui-outputlabel, table tbody tr td{padding:10px;}*/

.ui-inputfield{background-image:none !important;}
.ui-button-text{background-color:transparent !important;border:0 !important;}

#sidebar{width:30% !important;}


.ui-datatable-header .ui-inputfield{float:left;border:1px solid #ccc !important;box-shadow:none !important;margin:10px 0;background-color:#fff !important;}
.ui-corner-all{}
.ui-state-default, .ui-widget-content .ui-state-default{text-shadow:none;background-image:none;}
.ui-state-disabled{opacity: .95 !important;}
button[class*='ui-state-disabled'] {opacity: .35 !important;}
.ui-panel .ui-panel-content{padding:0;}
.panelHeader{background-color:#3e4245;padding:10px;border-radius:2px 2px 0 0;color:#fff;width:100%;display:inline-block;}
.panelHeader .ui-panel .ui-panel-titlebar{padding:0;}
.panelHeader .ui-widget-header{color:#fff;text-shadow:none !important;border-radius:0 !important;} 
.panelHeader .ui-panel-title{text-shadow:none;}
.panelBody{background-color:#fff;width:100%;}
.panelRow{padding:20px;}
.rowSpan{width:100%;display:block;}
.row{margin:0 0 15px 0;width:100%;}
.panelContainer{padding:0px;margin:0px 0;/* box-shadow:0 0px 5px 1px #d7d7d7; */background-color:#fff;width:100%;display:inline-block;}
.ui-datatable-tablewrapper{padding:0px;}
.panelSpacing{padding:15px;display:inline-block;width:100%;background-color:#fff;}
.panelSpacingInner{padding:10px;display:inline-block;width:100%;}

.noButtonStyle, .noButtonStyle button{box-shadow:none !important;border:0px !important;background:transparent !important;padding:0px !important;margin:0px !important;height:auto;}
.noButtonStyle .ui-button-text.ui-c, .noButtonStyle .ui-button-icon-left.ui-icon{display:none !important;margin:0;padding:0;}
.noButtonStyle:hover{text-decoration:none;}
.noMargin{margin:0px !important;}

.tableFilter{margin:0 0 10px 0px !important;}

.sidebarUp{box-shadow:none !important;}
.hintStyle{width:100%;display:inline-block;background-color:#fff9c4;padding:5px 10px;margin:10px 0;font-style:normal;border-bottom:1px solid #cccc;border-radius:0;color:#f44336;font-weight:normal;font-size:12px;}
.hintStyle label, .hintStyle div{color:#f44336;font-weight:normal;font-size:12px;}
.hintStyle .bold{margin:0 5px 0 0; font-weight:bold;}
.hintStyle textarea{
	background: transparent none repeat scroll 0 0 !important;
    border: 0 none !important;
    box-shadow: none !important;
    height: 50px;
    margin: 0;
    padding: 0;
    width: 90%;
    color:#f44336 !important;
    font-weight:normal;
    resize:none !important;
    font-size:12px !important;
    float:left;
}
.hintStyle .fa{font-size:16px;color:#f44336;padding:0 10px;float:left;}
.hintStylePassword{padding:5px 15px !important;}

.ui-inplace .ui-inplace-display{float:left;width:100%;/* border:1px solid #ccc !important; */padding:0 5px;display:inline-block;}
.mainCenter{box-shadow:none;padding:10px;}

#mainPage{height:100% !important;z-index:9;}
.ui-tabs .ui-tabs-panel{padding:0 0px;}
.ui-tabs .ui-tabs-nav.ui-widget-header{padding:10px 10px 0 10px !important;margin-bottom:5px;border-bottom:1px solid #ccc !important;}
.ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-active a, .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-active a{background-color:transparent !important;}

.ui-dialog-content{height:auto !important;}
.ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-hover a{background-color:transparent !important;}

.tenantInfoGrid tr td:first-child{width:25%;}

.ui-selectonemenu{width:100%;}

fieldset{padding:0px !important;margin:0px;}
fieldset legend{font-size:inherit !important;margin:15px 0;background-color:transparent !important;border:0 !important;padding:10px 0px !important;box-shadow:none !important;cursor:default !important;color:#509c5b !important;}
fieldset:first-child legend{margin-top:0;}

.secTitle{font-size:14px;font-weight:bold;padding:8px;margin:10px 0;display:inline-block;width:100%;background-color:#f6f6f6 !important;border-bottom:1px solid #e1e1e1;}
.secTitle h2{color:#666;font-weight:bold;float:left;margin:0;font-size:15px;}
.secTitle a{font-weight:normal;text-decoration:none;color:#0066cc;}
.secTitle .fa{padding:0 5px 0 0;}
.logoColumnWidth{width:16%;}
.logoColumnWidth, .clientLogo img{border:1px solid #ccc;float:left;}
.clientLogo strong{float:left;width:100%;margin-bottom:10px;}


.ui-panelgrid > * > tr, .ui-panelgrid .ui-panelgrid-cell{padding:2px 5px !important;}

.btnAction{background-color: #7ac043 !important;border:1px solid #61a72a !important;}
.btnAction .ui-button-text{color: #fff !important;}
.btnLink, .btnLink span{color:#0066cc !important;text-decoration:underline;}

.ui-tabs-panels{ border-top: 0px solid #ccc; float: left; /* margin: 1px 10px; */ width:100%; }
    
.ui-datatable-resizable thead th, .ui-datatable-resizable tbody td, .ui-datatable-resizable tfoot td{text-align:left;}

.alignCenter{text-align:center !important;}
.ui-layout-unit-content{margin-top:20px;}
.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td{border-color:#ccc !important;text-align:left;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{}
th.ui-selection-column, th.ui-state-default{background-color:#dddddd !important;padding:10px;}
.ui-wizard-step-title.ui-state-highlight{background-color:#7ac043  !important;color:#fff !important;background-image:none !important;}

.ui-icon.fa {
     text-indent:0px;
     background-image:none;
     width:auto;
     height:auto;
     margin:0;
}


.ui-datatable table tbody tr td .ui-row-editor .ui-icon-pencil 
{
   background: none !important;
   text-indent: initial;
  color:#2196f3;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   float:none;
   
}
.ui-datatable table tbody tr td .ui-row-editor .ui-icon-pencil:before {
   content: "\f040";
   color:#2196f3;
}
.ui-datatable table tbody tr td .ui-row-editor .ui-icon-pencil:hover {
   
}
/* .statusActive{color:#7ac043;} */


.primaryContactInfo{box-shadow:none !important;}

.displayLabel, .displayValue{float:left;}
.displayLabel{width:30%;font-weight:bold;}
.displayValue{width:70%;}
.displayValue input, .displayValue select{width:100%;}
.displayLabel50{width:50%;}
.displayLabel60{width:60%;}
.displayValue40{width:40%;}
.displayLabel50, .displayValue50{width:50%;}
.displayValue100{width:100%;}
.displayLabel71{width:71%;}
.displayValue29{width:29%;}




.selectOneRadio td{padding:5px;}
.statusGroupTable{width:100%;}
.statusGroupTable table{width:auto;}


.legendGroup{margin:3px 0 0 0;}
.legendGroup li{display:inline-block;}
.legendGroup li span{padding:0 0 0 5px;}

.widthFull{width:100% !important;}

.fa-times-circle{color:#f44336 !important;}

.overlayDialog div.ui-dialog-titlebar{background-color:orange!important;}
.ui-dialog .ui-dialog-titlebar{background-color:#388e3c !important;color:#fff;}
.ui-dialog.ui-widget-content .ui-dialog-title{font-size:inherit !important;}
.ui-dialog.ui-widget-content .ui-dialog-titlebar-close{}
.ui-datatable-odd{background-color:#fdfdfd !important;}
.ui-widget-overlay{display:none !important;}

.preContainer pre{height:200px; overflow:auto;}
.linkChange{margin:0 0 0 10px;}

.iconOnline{color:#7ac043;padding:0 8px 0 0;font-size:12px !important;}
.fa-check{color:#7ac043;}

.dialogResetPassword .ui-inputfield{width:100%;}
.clientStatus, .clientStatus label{width:100% !important;}
textarea{width:100%;}

#mainPage{position:relative;top:0px;margin:0 0 60px 0;}

#searchEmployeeFrom, .empSelectionForm{background-color:#ececec;margin:0;border-bottom:1px solid #ccc;}
.advancedSearchContainer{background-color:#f9f9f9;width:100%;border-bottom:1px solid #ececec;padding:10px;display:block;margin:0 0 0px 0;}
.advancedSearchContainer fieldset{background:transparent !important;}
.advancedSearchContainer legend{padding:0;margin:0;cursor:pointer !important;}
.advancedSearchContainer .ui-fieldset-toggler {display:none;}

.employeeGroupList{}
.employeeGroupList ul{margin:0;padding:0;}
.employeeGroupList li{display:inline-block;width:100% !important;border-bottom:1px solid #ccc;padding:8px 4px;}
.employeeGroupList li a{text-decoration:none;}
.employeeGroupList li:hover{background-color:#f6f6f6;}
.employeeGroupList li:hover .fa{visibility:visible;}
.employeeGroupList li .fa{color:#f44336;visibility:hidden;}

#employeeGroupListForm .ui-panel-titlebar{padding:10px !important;background-color:#ececec;border-radius:0px;}
#employeeGroupListForm .ui-panel-title{font-weight:bold;font-size:16px;}

label span.ui-outputlabel-rfi{color:#f44336;}

.employeeSelection .ui-layout-unit{box-shadow:none;}

.ui-datatable .ui-selection-column .ui-chkbox-all{float:left;}
.ui-panelgrid > * > tr, .ui-panelgrid .ui-panelgrid-cell{border:0;}

.buttonSpacing{width:40px;}
.ui-wizard-step-title{font-size:12px;}

.minHeight{min-height:300px;}
.costCenterList{height:300px;overflow:hidden;overflow-y:auto;}
.costCenterList table{width:100%;}
.costCenterList table tr td .ui-chkbox {margin:6px 3px 0 0 !important;}
.costCenterList tr{width:100%;}
.costCenterList tr:nth-child(even) td{background-color:#fbfbfb;}
.costCenterList tr td{text-align:left;border-bottom:1px solid #e3e3e3 !important;font-weight:normal !important;padding:4px;width:10%;}
.costCenterList tr td:last-child{width:90%;}
.costCenterList tr td label{text-align:left;}

.noScroll{overflow:hidden !important;}
.ui-wizard{margin:0 0 20px 0;}
.ui-wizard li.ui-wizard-step-title{padding:15px 30px !important;border:0;}
.ui-wizard-step-titles{margin:0 0 20px 0;}

.ui-panel .ui-panel-titlebar{padding:0px;}

.ui-dialog.ui-widget-content .ui-dialog-titlebar-close{background-color:#fff;margin:0;}

.customTabs .ui-tabs-nav{background:transparent !important;}
.customTabs .ui-tabs-nav li {background-color:#999 !important;border:0;text-shadow:none;color:#fff;padding:5px 20px;border-radius:4px 4px 0 0;box-shadow:none;}
.customTabs .ui-tabs-nav li a{color:#fff !important;outline:none;}
.customTabs .ui-tabs-nav li.ui-state-active {background-color:#7ac043 !important;}
.customTabs .ui-tabs-nav li.ui-state-active a{color:#fff !important;}
.customTabs .ui-tabs-panels{border-top:1px solid #ccc;float:left;margin:-1px 0 0 0px;width:100%;}

.schedulerList{padding:10px;}
.schedulerList table{width:100%;}
.schedulerList table tr{}
.schedulerList td{cursor:pointer;padding:8px;background-color:#fff;margin:0px 0;display:inline-block;width:100%;border-bottom:1px solid #ccc;}
.schedulerList td:hover{background-color:#dcdcdc;}
.schedulerList td a{text-decoration:none;color:#333 !important;}

.overNightShift{margin:0 0 0 125px;}
.colorPicker button{background-color:transparent !imporatant;border:0px;box-shadow:none;}

.ui-timepicker-div{box-shadow:0 0 4px 0 #bdbdbd;display:inline-block;padding:5px;width:100%;}
.ui-timepicker-div .ui-widget-header{background-color:#666;color:#fff;}
.ui-timepicker-div dl{padding:10px;margin:0;}
.ui-timepicker-div dl dt, .ui-timepicker-div dl dd {height:auto;margin:0;}
.ui-timepicker-div dl dt{float:left;}
.ui_tpicker_hour{margin:7px 0 0 80px !important;}
.ui_tpicker_minute{margin:7px 0 0 80px !important;}
.ui_tpicker_time_label, .ui_tpicker_minute_label, .ui_tpicker_hour_label{width:100px;clear:both;}
.ui_tpicker_minute_label{clear:both;}

#shiftCodeDetails .ui-inputfield{box-shadow:none !important;border:0px !important;padding:0 !important;}

.fullWidth{width:100% !important;}


.patTypeOuter label{width:100%;}

.selectDropdown label{width:100%;}

.width50{width:50px;}
.width70{width:70px;}
.width90{width:90px;}
.width100{width:100px;}
.width130{width:130px;}
.width190{width:190px;}
.width200{width:200px;}
.width300{width:300px;}
.width600{width:600px !important;}

.margin_top_20{margin-top:20px;}


.separator{width:100%;border-top:1px solid #ececec;display:inline-block;padding:15px 0; margin:10px 0;}

.bellTimeOuter span, .calendarControl span{position:relative;}
.bellTimeOuter button, .calendarControl button{position:absolute;right:-4px;top:-12px;background:transparent !important; border:0px !important;}

.ui-spinner-input{text-align:left;}
#bellScheduleDays{margin-left:80px;width:75%;}
#bellScheduleDays .ui-chkbox-label{margin: -2 10px 0 4px !important;}
#bellScheduleDays .ui-chkbox{padding:5px;} 

.ui-layout-unit-content {overflow:hidden !important;}

.zkLayout #sidebar, .zkLayout #mainContent{background-color:yellow;}

.deviceOperations{width:300px;}
.deviceOperations button{display:block;width:100%;}

.radioButtonGroup .ui-radiobutton{margin:0 4px 0 0;}
.radioButtonGroup label{margin:0 5px 0 0;font-weight:normal;}

.searchPanel{position:relative;}
.searchPanel input{width:100%;}
.searchPanel button{position:absolute;top:3px;right:3px;background-color:#7ac043 !important;color:#fff !important;height:28px;}
.searchPanel button .fa-search{left:35%;margin-top:5px !important;}

.ui-tabs.ui-tabs-top > .ui-tabs-nav li{top:0px;}

.calenderControl{background-color:#ececec;padding:10px;width:100%;}
.calenderControl .fc-button{display:none;}
.ui-datepicker{box-shadow:0 0 8px 0 #808080 !important;}

.groupScheduleDetailPanel .btnAction{margin:25px 0 0 0;height:30px;}
.groupScheduleDetailPanel .btnAction .ui-button-text{line-height:0;}

.ui-datalist-data{padding:0;height:auto;}
.ui-datalist-data li{display:inline-block;padding:3px;width:auto;}
.ui-datalist-data li span{padding:7px;width:auto;color:#fff;}

.ui-slider{background-color:#666 !important;}
th.ui-state-default{border-radius:0px !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{color:#000;box-shadow:none; background-image:none;background-color:#c8e6c9 !important;}
.ui-widget-content .ui-chkbox-box.ui-state-active{background-color:#7ac043;box-shadow:none;}


.columnWidth50{width:50px;}
.columnWidth60{width:60px;}
.columnWidth70{width:70px;}
.columnWidth120{width:120px;}
.columnWidth180{width:180px;}

.ui-row-editor .ui-icon.ui-icon-check, .ui-row-editor .ui-icon.ui-icon-close{margin:4px;background-color:#2e7d32 !important;float:none;}
.ui-row-editor{text-align:center;}
.ui-cell-editor-input input{width:100%;}

.passwordChange{position:absolute;right:110px;top:0;}
.buttonConfigurations{position:absolute;right:0;top:0;}

.positionRelative{position:relative;}

.ui-datatable-footer{padding:0 !important;margin:0 !important;}
.ui-datatable-scrollable-header{clear:both;}

.radioGroup{}
.radioGroup td{padding:3px;}

.emptyColumn{empty-cells: show;display:block;height:10px;}
label{margin-bottom:0;}

.tenantInfoTab .ui-tabs-panels{width:100%;margin:0;}

.deleteIcon{
	font-family: "FontAwesome" !important;
    content: "\f057" !important;
}
.checkBoxGroup .ui-chkbox-label{margin:0 0 0 4px !important;}

.faIcon{margin:0 5px !important; display:inline-block;}
.activeInActiveStyles{font-size:0;}
.activeInActiveStyles .fa{font-size:16px;}

.widthPercentage_98{width:98%;}
.propTyleStyle{width:auto !important;}
body .propTyleStyle td{padding:0px !important;}

.activeInActiveGroup .ui-button-text.ui-c, .activeInActiveGroup .ui-button-icon-left.ui-icon{display:block !important;}
.activeInActiveGroup .ui-icon{top:0px !important;}

.layoutLeft{background-color:yellow;height:2000px;float:left;}
.layoutRight{background-color:red;float:left;height:2000px;}

.fc-day-header{font-weight:bold !important;background-color:#ececec !important;border:1px solid #ccc !important;padding:5px !important;}
.fc-day{border-bottom:1px solid #ccc;padding:3px;}
.fc-week td{border-right:1px solid #ccc !important;padding:10px !important;border-bottom:1px solid #ccc !important;}
.fc-day:first-child{border-left:1px solid #ccc !important;}
.fc-header-title h2{font-size:25px;}

.ui-layout-unit-content.ui-widget-content{height:auto !important;}

#leftColumn .ui-layout-unit, #rightColumn .ui-layout-unit{width:100% !important;position:relative !important;}

#bottomRow .ui-layout-unit{width:100% !important;position:relative !important;}



.ui-selectoneradio.ui-widget td{padding:0px !important;}

 #leftColumn .ui-layout-unit, #rightColumn .ui-layout-unit{left:0 !important;height:auto !important;} 

.footerLogo
{
	/*float:left;margin:5px 0 0 0;*/
	margin: 0 auto;
    position: relative;
	/*border:1px solid #fff;*/
	max-height:30px;
	overflow:hidden;
}
.footerLinks
{
	/*float:right;margin:5px 0 0 0;font-size:10px;*/
	
	margin-top:10px;
	font-size:10px;
    float:right;
    right:20px;
    position:absolute;
    top:0;
    

}

.seperatorHorizontal{border-bottom:1px solid #ccc;display:inline-block;padding-bottom:10px;}


.dataExporter{background-color:#7ac043 !important;border-radius:4px;border:1px solid #61a72a !important;padding:4px 20px !important;color:#fff !important;font-size:12px !important;box-shadow:0 2px 0 1px #d1d1d1 !important;}
.dataExporterLink{color:#555 !important}
.dropdown-menu li a.subMenuSelected, a.subMenuSelected{font-weight:bold;color:#fff !important;background-color:#7ac043!important;}
.dropdown.subMenuSelected{background-color:#7ac043;}
.dropdown.subMenuSelected > a, .dropdown.subMenuSelected > a .caret{color:#fff !important;}
.mainMenuSelected{background-color:#7ac043 ;}
.mainMenuSelected > a{color:#fff !important;}
.mainMenuSelected > a:focus, .mainMenuSelected:focus{background-color:transparent !important;}

.clockStatusContent{text-align:left;}
.clockStatusContent ul, .cpuUsage ul{margin:0;padding:0;}
.clockStatusContent li, .cpuUsage li{border:0px solid #ccc;display:inline-block;margin:1%;padding:4%;width:30%;color:#fff;}
.clockStatusContent li .displayLabel, .cpuUsage li .displayLabel{font-weight:normal !important;width:auto !important;}
.clockStatusContent li .displayValue a, .cpuUsage li .displayValue{font-size:40px !important;font-weight:bold;width:100%;text-align:right;}
.clockStatusContent li .displayValue a span, .clockStatusContent li .displayValue a:hover, .clockStatusContent li .displayValue a:hover span{text-decoration:none !important;}
.clockStatusContent ul li .displayValue{width:100%;text-align:right;margin-top:20px;}
.clockStatusContent .clockStatusHeader{background-color:#ececec !important;display:none;}
 
.clockStatusOnline{background-color:#7ac043;}
.clockStatusOffline{background-color:#999;}
.punchInvalid{background-color:#EF5350;}
.clockStatusTotal{background-color:#9575CD;}

.clockStatusOnline:hover{background-color:#89cf52;}
.clockStatusOffline:hover{background-color:#a5a5a5;}
.clockStatusTotal:hover{background-color:#a080d8;}
.clockStatusOnline a, .clockStatusOffline a, .clockStatusTotal a, .punchInvalid a{color:#fff !important;}

.cpuTotal{background-color:#90CAF9;}
.cpuUtilized{background-color:#EF5350;}

.cpuUsage li{width:47%;}
.cpuUsage .displayValue{margin-top:20px;}


.ui-button-icon-only .no-style{box-shadow:none !important;}
.ui-button-icon-only .ui-button-text{padding:0px !important;}

.organizationDetailsHeader{background-color:#f6f6f6;border-bottom:1px solid #ccc;padding:20px;display:inline-block;width:100%;font-weight:normal;}
.organizationDetailsHeader h1{color:#7ac043;margin:0;padding:0;font-size:18px;}
.organizationDetailsHeader p{margin:0;padding:0;}

.ui-accordion .ui-accordion-header .ui-icon{display:block !important;left:92%;background-color: #bfbfbf;}
.ui-accordion .ui-accordion-header .ui-icon-triangle-1-e{background-position:-16px -128px;}
.ui-accordion .ui-accordion-header .ui-icon-triangle-1-s{background-position:-48px -128px;}


button.no-style {
    border: 0px !important;
    /* background-color: transparent;
    background-color:transparent !important; */
    padding:0px !important;
    margin:0px !important;
    box-shadow:none !important;
}
button.no-style .ui-button-icon-left.ui-icon{top:0px !important;}

.emptyLabel{height:30px;}
.textAreaStyle{height:100px;}

.ui-datatable-header{margin:0 0 15px 0;display:inline-block;width:100%;}
.ui-datatable-header .ui-inputtext, .ui-datatable-header .ui-button{margin:0;}
table .ui-widget-content{border:1px solid #ddd !important;}

.activeColumn .ui-widget-content{border:0px solid #ddd !important;}

.fa-outer{float:left;padding:5px;}
.calendarControl .ui-datepicker-trigger{box-shadow:none !important;}
.calendarControl .ui-datepicker-trigger .ui-icon-calendar{margin-top:0px !important;}

.tabPanelsSpaceAdjustments .ui-tabs-panels{margin:0px !important;}

.ui-datatable-data td span{word-wrap:break-word;}

.totalCountContainer{width:100%;background-color:#fff9c4;padding:10px;display:inline-block;margin:10px 0;}

.ui-layout-unit form{margin:0px !important;}

.selectOneRadio{margin:10px 0;}
.selectOneRadio td label, .selectOneRadio .ui-radiobutton{margin:5px;font-weight:normal !important;}

#securityPolicyForm table .ui-widget-content{border:0px !important;}

#deviceOperationForm table{width:100%;}
#deviceOperationForm table td input{height:80px;width:100%;}
#deviceOperationForm table td button{margin:20px auto;}

.text-center{text-align:center !important;}
.boxShadowNone{box-shadow:none !important;}

.ui-selectonemenu, .ui-selectonemenu label{width:100% !important;}
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon{margin:5px 0 0 -4px !important;}

#menuTag{
	display:none
}

#zkMenu{ background-color: #fff; width:100%;}
#zkMenu > li:first-child{margin-left:30px;}
#zkMenu > li a{color:#333;}
#zkMenu.navbar-nav > li > a{padding:8px 15px !important;font-size:13px;}
#zkMenu .dropdown-menu a{font-size:13px;color:#333;display:block;padding:5px 25px;}
#zkMenu .dropdown-menu a:hover{color:#fff;background-color:#00a600;text-decoration:none;}
#zkMenu .dropdown a:hover{color:#fff !important;background-color:#00a600 !important;}

.appTitle {
     color:#7ac043;
     font-weight: bold;
     margin-top:0.75%;
     margin-bottom:0.75%;
}

#logowrapper{
	height: 49px;
    margin: 0 auto;
    padding: 5px;
    position: relative;
	border:0px solid #fff;
	width:50%;
}

.clientlogo{
	height: 100%;
    margin: 0 auto;
    position: relative;
    border:0px solid #fff;
	text-align:center;
}

.clienttext{
	height: 100%;
    margin: 0 auto;
    position: relative;
    border:0px solid #fff;
	text-align:center;
}

.clientbothlogo{
	height: 100%;
	margin-left:35%;
	float:left;
	margin-right:10px;
}

.clientbothtext{
	float:left;
}

.paddingleft5{
	padding-left:5%;
}
.toggleButton.ui-selectonebutton .ui-state-active {
    background-color:  #7ac043 !important;
}
.toggleButton.ui-selectonebutton .ui-state-active .ui-button-text{
	color: #fff !important;
}

.clockTime{
	font-size:35px;
	text-align : center;
	margin-top : -5px;
}
.clockDate{
	font-size:15px;
	text-align : center;
}

.punchImageBorder{
	width: 80%; 
	margin: auto;
	border: 1px solid grey;
	border-radius: 10px;
}

.panelBodyBackgroundColor{
	background-color:#d9dbdc;
}

.punchMenuImageBackground{
	width: 65%; 
	background-color:#333333;
	border-radius: 10px;
	margin-left:25px;
	margin-top:-15px;
}

.newPunchMenuImageBackground{
	width: 65%; 
	padding: 20px;
	background-color:#f7f4f3;
	border-radius: 10px;
	margin-left:25px;
	margin-top:20px;
}

.tabTitle{
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	padding:8px;
	margin:10px 0;
	width:100%;
	background-color:#626366!important;
	border-bottom:1px solid #e1e1e1;
}

.printLabelTextleft{
	background-color: #eeeeef;
	width:100%;
	height: 34px;
	margin-top: 2px;
	text-align: left;
	padding-right: 2px;
	padding-top: 7px;
	margin-bottom: 2px;
}

.printLabel{
	background-color: #eeeeef;
	width:100%;
	margin-top: 2px;
	text-align: right;
	padding-right: 2px;
	padding-bottom:7px;
	padding-top: 7px;
	margin-bottom: 2px;
	font-size:14px;
}

.printValue{
	width:100%;
	height: 33px;
	margin-top: 2.5px;
}
.border-top{
	border-top: 2px solid white;
}
.border-top-bottom{
	border-top: 2px solid white;
	border-bottom: 2px solid white;
}

.border-bottom{
	border-bottom: 2px solid white;
}

.border-right{
	border-right: 3px solid white;
	padding-right: 8px;
}

.padding_left_10{
	padding-left: 10px;
}

.radiobutton label{
	font-weight:normal !important;
	margin-top: 5px;
	width: 50px;
}

.fontSize_14{
	font-size: 14px;
}

.labelHeader{
	background-color:#f6f6f6;
	padding:0px;
	margin-top: 2px;
	margin-bottom: 2px;
	width:100%;
	display:inline-block;
	text-align: left;
}

.divHeader{
	text-align: center;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #bcbec0 ;
}

.divSubHeader{
	text-align: center;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #eeeeef;
}

.calendarWidthFull input {
   width:100%;
}

.calendarMarginTop2 input {
   margin-top: 2px
}

.caption{
	text-align: center;
	background: #dddddd;
	border: 1px solid #dddddd;
	padding: 2px 2px !important;
	box-sizing: border-box;
	color: #333333;
	display: inline-block;
	width: 100%;
	margin-bottom: 0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
  body {font-size:12px;}    
}

@media (min-width: 1500px) {  
  body {font-size:14px;}    
}
.fc-title{
	font-size:11px;
    word-wrap: break-word;  
	white-space:normal ;
}

@media (max-width: 700px) {  
  .printLabel{font-size:12px;}    
}

@media (max-width:991px){
	
	div#header{position:relative;}
	div#content #main{top:0;}
	#zkMenu { text-align: center; }
	#zkMenu ul {list-style: none; padding: 0px; margin: 0px; }
	#zkMenu li { display: inline-block; padding: 1px 10px; }
	#zkMenu li a { display: block;} 
}

 .ui-selectoneradio.ui-widget label {display: initial;vertical-align: middle; margin-top: 0;}
 
.backgroundRed{background-color:#F96849;}
.backgroundYellow{background-color:#F5FB62;}
.backgroundGreen{background-color: #ABF7AD;}

.selectButton{background: #dddddd !important;}



.checkboxIconOnline .ui-chkbox-icon.ui-icon{
	background-color: green !important;

}

.checkboxIconPending .ui-chkbox-icon.ui-icon{
	background-color: orange !important;

}

.checkboxIconOffline .ui-chkbox-icon.ui-icon{
	background-color: #E8E8E8 !important;

}

.checkboxIconDelete .ui-chkbox-icon.ui-icon{
	background-color: red !important;

}

.fc-event{
	line-height: 0.9 !important;
    padding-bottom: 3px !important;
    padding-top: 3px !important;
    border: 0px !important;
    text-align: center !important;
}

.fc-event-container {
	padding: 0 !important;
}

.fc-week td {
    border-right: 0px !important;
    padding: 3px !important;
    border-bottom: 0px !important;
}

.fc-toolbar {
    text-align: center;
    margin-bottom: 0em !important;
}

.fc-title {
    font-size: 10px !important;
}

.scheduleButton{
	background-color: #F96849 !important;
	border:1px solid #F96849 !important;
}

.ui-state-error, .ui-widget-content .ui-state-error {
    border: 1px solid #eed3d7 !important;
    background: #f2dede 50% 50% repeat-x !important;
    color: #b94a48 !important;
}