.highlighttitle{
  color:red;
}

.sidemenushow{
  display: block;
}

.sidemenuhidden{
  display: none;
}

.btblcenter{
 text-align:center;
}

.btblright{
 text-align:right;
}

.btblleft{
 text-align:left;
}

.has-error {
  border: solid 1px red;
}



.fc-more-popover{
  height: 200px;
  overflow: scroll;
}

.voidrow{
  color: red;
}

.cancelledrow{
  color: rgb(221, 75, 57);
}

.finishedrow{
  color: #00a65a;
}

.ongoingrow{
  color: rgb(243, 156, 18);
}

.unplottedrow{
  color: rgb(68, 68, 68);
}

/*FOR NOTY MESSAGE BOX*/
.noty_type_alert,.noty_type_alert > .noty_message,.noty_type_alert > .noty_buttons,.noty_type_alert < #noty_center_layout_container{
  /*width: 1000px;*/
}

/*CLICKABLE CURSOR FOR LINK WITHOUT HREF*/
 .clickable {
   cursor: pointer !important;
 }

 .nav-tabs > li.active > a {
  cursor: pointer !important;
 }

.text-red,.text-red:hover,.text-red:active,.text-red:visited {
  color: rgb(221, 75, 57);
}

.user-info{
  text-align:left;
}

.coa-spangreen{
color:green;
}

.coa-spanred{
color:red;
}

.coa-spanblue{
color:blue;
}

.settings-btn{
	margin-bottom: 3px;
	width: 100%;
}



/* ##################################################### JAOSKI UPDATE*/

/*FOR TABLE OVERFLOW X AND Y*/
.mod-tble {
  width: 100%;
  overflow: scroll;
  height: 260px;
/*  margin-bottom: -20px;*/
}

.boxholder{
  height: 405px;
}

.mod-tbleaudittrail {
  width: 100%;
  overflow: scroll;
  height: 500px;
  margin-bottom: -20px;
  }

.col-max {
  width:350px;  
}

.col-med {
  width:150px;
}
.col-med2 {
  width:110px;
}

.col-min {
  width:80px;
}

.col-min2 {
  width:60px;
}

.col-checkbox {
  width:30px;
}

.tbl-fix{
  table-layout: fixed;
}


.nobody{
  display:none;
}

/*USE THIS TO SET EACH OF THE FOLLOWING MODOULES*/

.col-codes{ /*FOR CODES*/
  width:180px;
}

.col-description{ /*FOR DESCRIPTIONS AND NAMES*/
	width:250px;
}
.col-description2{
  width:350px;
}

.col-currency{ /*FOR CURRENCY AMOUNTS*/
  width:100px;
}

.col-quantity{ /*FOR NUMBERS*/
  width:80px;
}

/*USE THIS TO SET EACH OF THE FOLLOWING MODOULES*/


/*SETS HEIGHT OF MINI COMBOBOXES*/
.stockwhtxt, .minitxtcombo{
  padding:0px;
  height:21px;
  width:85px;"
}
/*SETS HEIGHT OF MINI COMBOBOXES*/




.bg-mac {
  background-color: #D7DAE4 !important;
}

.bg-panda{
  background-color: #1183B0 !important;
}

.bg-genlight{
  background-color: #D34C17 !important;
}

.bg-genlight{
  background-color: #D34C17 !important;
}

.bg-genlight{
  background-color: #D34C17 !important;
}

.bg-grey{
  background-color: #c0c0c0 !important;
}

.bg-defaulter{
  background-color: #11B03E !important;
}

.theme_text {
    color: #fff;
    text-align: center;
}

/* ##################################################### JAOSKI UPDATE*/

.bodytextbox, .txtcodeconduct, .txtempstat, .txtstatchange, .txtskillreq, .txtempreq, .txtpreemptest, .txtjobtitledesc, .txtjobskillreq, .txtappgrid, .txttrainingdetail, .txtirdetail, .txtprojact {
  margin-top:-3px;
  padding:0px;
  height:21px;
}



@media only screen and (max-width: 769px) {
  .content-header {width:98%;margin:auto;}
  .empleaveapplications, .emploanapplications, .empobappdiv {width:100%;margin:auto;}
}

@media only screen and (max-width: 992px) {
  .frontemptclegends {width:50%;margin:auto;}
}


#imgloanded {
  border: solid 1px #c0c0c0;
  border-radius: 5px;
  cursor: pointer;
  padding: 5px;
}

/*.leavenotifbox, .loannotifbox, .obnotifbox, .otnotifbox, .projactnotifbox {
  max-height: 500px;
}*/




.ui-menu {
  background: white;
  border: solid 1px #c0c0c0;
  width:250px;
  padding:0;
  height:250px;
  overflow-y:auto;
  z-index:9999;
}
.ui-menu .ui-menu-item{
  display: block;
  font-size:13px;
  cursor: pointer;
}
.ui-menu .ui-menu-item:nth-child(odd) {
  background: #e6ffe6;
}
.ui-menu .ui-menu-item:nth-child(even) {
  background: #ffffff;
}
.ui-menu .ui-menu-item:hover, .ui-menu .ui-menu-item:focus, .ui-menu .ui-menu-item:active, .ui-menu .ui-menu-item:link, .ui-menu .ui-menu-item:visited {
  background: #c0c0c0 !important;
  font-weight: bold !important;
}


.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
        margin: -1px;
        background: #c0c0c0;
}

#empleaveapprovalsgrid, #emploanapprovalsgrid, #empobapprovalsgrid { height: 100%;  }