body.waiting * {
	cursor: wait !important;
}

.capitalizeText{
  text-transform: capitalize;
}
.main-footer {
	padding: 10px;
	bottom: 0;
	left: 0;
	right: 0;
}

#Loginsubmit{
  text-transform: uppercase;
}

.main-header .logo{
	padding: 0;
	line-height: 0;
}
/** Data Table Button **/
.dt-buttons{
	float:right !important;
}
.floatLeft{
	float: left;
}
.clear{ clear: both; }
.clear-left{ clear: left; }

div.scrollToTop{
	display: none;
	position: fixed;
	bottom:0;
	right: 0;
	width: 40px;
	height: 40px;
	background-image: url('../img/arrow-up.png');
	background-repeat: no-repeat;
	background-size: 40px;
	cursor:pointer;
}
.mark{
  font-size: 11px;
  padding: 2px 5px;
  border-radius: 0;
}

/** Override the .content style **/
.r-content{
  margin: 0;
  padding: 0;
}

/* Component: Info Box Small */
.small-box>.inner{
	padding: 0px 5px;
}
.small-box .icon{ top:-20px; }
.small-box .icon, .small-box:hover .icon{
	font-size: 70px;
}

/** Boostrap Override **/
.form-group{
	margin-bottom: 10px;
}

/** MODAL **/
/*Auto Resize the modal based on content.*/
#modalModSpecs .modal-dialog{
  overflow: auto;    
  width: auto;
  min-width: 250px;   
}
#modalMachineList .modal-dialog{
    overflow: auto;    
    width: auto;
    min-width: 250px;   
}
#modalServiceHistory .modal-dialog{
  overflow: auto;    
  width: auto;
  min-width: 250px;   
}
.modal .modal-header{
	background-color: #00a65a;
	color: #f2f2f2;
}

.modal-header-warning{
	background-color: #f39c12 !important;
}

.mif-modalPromptMSG .modal-dialog{ 
	position: absolute; 
	top: 25%; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	max-width: 350px;
}

.mif-modalPromptMSG .modal-header  { font-size: 22px; text-align: center; }
.mif-modalPromptMSG .modal-content { border-radius: 7px; }
.mif-modalPromptMSG .modal-footer  { text-align:center; padding: 10px; }
.bg-red-active, .mif-modal-danger .modal-header { background-color: #db5646 !important; }
.bg-yellow-active, .mif-modal-warning .modal-header {background-color: #dca040 !important;}

.dropdown-menu-machine{
  min-width: 100px;
}

.dropdown-menu-service{
  min-width: 100px;
}

td.findings-class{
  width: auto;
  max-width: 200px;
  overflow: auto;
}

td.remarks-class{
  width: auto;
  max-width: 200px;
  overflow: auto;
}

/** LOGIN PAGE **/
.submitted .ng-invalid{
    border: 1px solid red;
}

h2 { font-weight:500 }

#frmLogin .input-group input:after{
  content: '';
}

#frmLogin .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  margin-bottom: 15px;
}

.glyphicon-user{color:#666}

.btn-info{background-color: #037cb6}

/** Chosen DropDown **/
.chosen-container-single .chosen-single{
	padding:10px;
	height: 32px;
	line-height: 12px;
	border-radius: 2px;
}
.chosen-disabled{
	opacity: 0.7 !important;
}

/** Fixed DataTable print, avoid blank pages **/
@media print {
  html, body { height: auto; }
}

/** DataTable Current Company, Inventory **/
table#dtCompany thead .dt-searchfield, table#dtCurrentInventory thead .dt-searchfield, table#dtArchiveInventory thead .dt-searchfield,  table#dtArchiveCompany thead .dt-searchfield, 
table#dtCurrentPM thead .dt-searchfield, table#dtArchiveSched thead .dt-searchfield, table#dtArchivePM,  thead .dt-searchfield, table#dtSalesHistory thead .dt-searchfield,
table#dtSalesDetails thead .dt-searchfield{
	width:150px;
	padding:2px 5px;
}
/** DataTable Current MRF **/
table#dtCurrentMrf thead .dt-searchfield, table#dtArchiveMrf thead .dt-searchfield, table#dtCurrentSched thead .dt-searchfield{
	width:220px;
	padding:2px 5px;
}
/* Set column branch a max-height*/
table#dtCompany tr .dt-column-branches, table#dtAccount tr .dt-column-branches, table#dtClientCompany tr .dt-column-branches{
	height:auto; 
	max-height:80px; 
	overflow:auto;
}
table#dtCompany th,td { font-size: 13px; }

/** DataTable Archive Machine **/
table#dtArchiveMachine tr.dt-head-machinesearch th select {
	height: 23px;
}

table#dtMachine tr.dt-head-machinesearch th select {
	height: 26px;
}

/**Charts TOTAL MIF Location**/
table#chartlocation .badge{
	background-color: #e15f4f;
}

/**Data Tables Logs Color. Green = UPDATE, Blue = CREATE **/
.badge-green{ 
	background-color: #058e4f;
}

.badge-blue{
	background-color: #3c8dbc;
}

.badge-red{
	background-color:#c34838;
}

.badge-orange{
	background-color:#f39c12;
}

.badge-pulse
{
  animation: shadow-pulse 2s infinite;
}

@keyframes shadow-pulse
{
  0% {
    /*box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);*/
    box-shadow: 0 0 0 0px rgba(245, 2, 2, 0.20);
  }
  100% {
    box-shadow: 0 0 0 25px rgba(245, 2, 2, 0);
  }
}

.btn-default-logs {
    background-color: #757472;
    color: #fff;
    border-color: #6b6a69;
}

/* Popover Body */
.popover-content {
    font-size: 11px;
}

/**Fixed the long list entry of JQuery Chosen Plugin**/
 .chosen-container-multi .chosen-choices{ 
      max-height: 200px;
      overflow-y: scroll;
  }
/** All Datatable **/
  table.dataTable.compact thead th, table.dataTable.compact thead td{
  	padding: 4px;
  }

  table tbody tr td.borderLeft{ border-left:4px solid #ddd;  }

  /* Table Reports */

  .thead-inverse thead th{
  	color: #f4f4f4;
  	background-color: #00a65a; 
  }
  .thead-inverse-two thead tr th{
    color: #f8f8f8;
    background-color: #00a65a; 
  }
  .table-custom-bordered{
  	border: 1px solid #ddd !important;
  }
  .m-input-container{
      border:1px solid rgba(169, 169, 169, 0.8);
      border-radius: 2px;
      padding:2px;
      position: relative;
  }
  .m-input{
      -webkit-appearance: none;
      background: transparent;
      border: none;
      outline: none;
  }
  .m-input-suffix{
      padding: 0 10px;
      visibility: hidden;
      transition: opacity .50s ease-in-out;
      -moz-transition: opacity .50s ease-in-out;
      -webkit-transition: opacity .50s ease-in-out;
      opacity: 0;
      cursor: pointer;
      position: absolute;
      right: 0;
  }
  .m-input-container:hover .m-input-suffix{
      visibility: visible;
      opacity: 1;
  }
  #modalSalesMonth .modal-dialog,
  #modalCancelSalesMonth .modal-dialog
  {
    width: 70%;
  } 
  #modalSalesYear .modal-dialog{
    width: 90%;
  }
/** Container **/
/*.view-content{
	box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19)
}*/

  /** Override Default style of Boostrap for this Theme**/
.btn{
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.02),0 1px 5px 0 rgba(0,0,0,.12)  !important;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.02),0 1px 5px 0 rgba(0,0,0,.12)  !important; 
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.02),0 1px 5px 0 rgba(0,0,0,.12)  !important;
}


/*** Inventory ***/

input[type=checkbox] {
	--moz-transform: scale(1.2);
	--webkit-transform:scale(1.2);
	transform: scale(1.2);
}

.chkboxes-background{
	background-color: #fda924;
	transition: all ease 0.3s;
}

.tool-tip{
  position: relative;
  display: inline-block;
}
.tool-tip .tool-tip-content{
  visibility: hidden;
  content:"";
  background-color:#3c3c3c;
  min-width:100px;
  height:100px;
  position:absolute;
  opacity: 0;
  transition: opacity .50s ease-in-out;
  -moz-transition: opacity .50s ease-in-out;
  -webkit-transition: opacity .50s ease-in-out;

}
.tool-tip:hover .tool-tip-content{
  visibility: visible;
  margin-top:5px;
  z-index: 99999;
  opacity: 1;
}

/* Status Color Coding */
.red{ 
  background: #ff0000; 
  font-size: 10px; 
  text-shadow: 1px 1px 1px #000000;
}
.yellow{ 
  background: #e6e600; 
  font-size: 10px; 
  text-shadow: 2px 1px 6px #000000;
}
.violet{ 
  background: #ee82ee; 
  font-size: 10px; 
  text-shadow: 1px 1px 1px #000000;
}
.gray{
  background: #808080; 
  font-size: 10px; 
  text-shadow: 1px 1px 1px #000000;
}
.black{ 
  background: #000000; 
  font-size: 10px; 
  text-shadow: 1px 1px 1px #000000;
}
.darkblue{ 
  background: #0000ff; 
  font-size: 10px; 
  text-shadow: 1px 1px 1px #000000;
}
.blue{ 
  background: #0080ff; 
  font-size: 10px; 
  text-shadow: 1px 1px 1px #000000;
}
.green{ 
  background: #008000; 
  font-size: 10px; 
  text-shadow: 1px 1px 1px #000000;
}
.brown{ 
  background: #804000; 
  font-size: 10px; 
  text-shadow: 1px 1px 1px #000000;
}
.orange{ 
  background: #ffbf00; 
  font-size: 10px; 
  text-shadow: 1px 1px 1px #000000;
}
.pink{ 
  background: #ffc0cb; 
  font-size: 10px; 
  text-shadow: 1px 1px 1px #000000;
}
.lightviolet{ 
  background: #9c81ee; 
  font-size: 10px; 
  text-shadow: 1px 1px 1px #000000;
}
.aqua{ 
  background: #00ffff; 
  font-size: 10px; 
  text-shadow: 1px 1px 1px #000000;
}
.orangeyellow{ 
  background: #ffcc33; 
  font-size: 10px; 
  text-shadow: 1px 1px 1px #000000;
}
.tan{ 
  background: #d2b48c; 
  font-size: 10px; 
  text-shadow: 1px 1px 1px #000000;
}
.teal{ 
  background: #008080; 
  font-size: 10px; 
  text-shadow: 1px 1px 1px #000000;
}
.hotpink{ 
  background: #FF69B4; 
  font-size: 10px; 
  text-shadow: 1px 1px 1px #000000;
}
.limegreen{ 
  background: #32CD32; 
  font-size: 10px; 
  text-shadow: 1px 1px 1px #000000;
}

/**** MRF *****/

/* Material Design */
 input.mrf-material, select.mrf-material{
  border: none;
  border-bottom: solid 1px #717171;

/*  padding: 3px 0;
  -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
          transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  background: -webkit-linear-gradient(top, rgba(26,188,156,0.82) 98%, #717171 2%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 98%, #717171 2%);
  background-position: -200px 0;
  background-size: 200px 100%;
  background-repeat: no-repeat;
  color: #0e6252;*/
}
input[name='s1_quantity']{
   border: none;
}

input.mrf-material:disabled{
	background: transparent;
}

input.mrf-material:focus, select.mrf-material:focus {
  outline: none;
  /*font-family: 'roboto', sans-serif;
  
   box-shadow: none;
 	background-position: 0 0;
  	-webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;*/
}

/*
.remove-row-margin{
	margin: 0px !important;
}

#frmCurrentMrf label{
	line-height: 2em;
}*/

.clearfix2::after {
  content: "";
  clear: both;
  display: table;
}

#modalFormCurrentMrf form input[type=text]:not(.not-full-width) {
    width: 100% !important;
}

/** Comments **/
  .clearFix{
     clear: both;
  }
  .comment-box {
    height: 200px;
    max-height: 650px;
    overflow: auto;
    border: 1px solid #428a69;
    margin-bottom: 20px;
    resize: vertical;
  }
  .comment-msg{
    margin: 5px 10px;
  }
  .comment-date {
    color: #999;
    font-size: 12px;
  }
  .comment-name{
    font-weight: 700;
  }
  .comment-box .left{
     float: left;
   }
  .comment-box .left::after{
     clear: both;
   }
  .comment-box .left .comments-text-box{
    display: inline-block;
    padding: 5px 8px;
    background: #d2d6de;
    border: 1px solid #cbced4;
    color:#444;
    line-height: 12px;
    border-radius: 2px;
  }
  .comment-box .left .comment-date{
    text-align: right;
  }
  .comment-box .right{
     float: right;
   }
  .comment-box .right .comments-text-box{
    display: inline-block;
    padding: 5px 8px;
    background: #f39c12;
    border: 1px solid #ea9c1f;
    color:#f1f1f1;
    line-height: 12px;
    border-radius: 2px;
  }
  .comment-box .right .comment-date{
    text-align: left;
  }

.status-gray{
  background-color: #98949e;
}
.status-green{
  background-color: #a6ce42;
}
.status-yellow{
  background-color: #a8a91c;
}
.status-red{
  background-color: #eb6342;
}
.status-blue{
  background-color: #3dadee;
}
.status-orange{
  background-color: #ff9800;
}
.status-black{
  background-color: #000000;
}
.status-light{
  background-color:#39D2B4;
}

/** View Request Form **/
#tab-form-request, #tab-form-approve, #tab-form-request > table>thead>tr>th, #tab-form-request > table>tbody>tr>td{
    font-family: Helvetica, Arial, Tahoma;
    font-size: 13px;
}

.view-form-section{
  margin-bottom: 20px;
}

#tab-form-approve input[type="text"]{
  width: 80%;
  height: 30px;
}
.view-step-1 table td.first{
  text-align: center;
  vertical-align: middle;
  min-width: 25px;
  /*background: #96eed7;*/
}
.tbl_view_frm_component_1_style{
  border: 1px solid #ddd;
  margin-bottom: 0px;
}
.tbl_view_frm_component_1_style>tbody>tr.parentRow>td{
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.tbl_view_frm_component_1_style>thead>tr>th{
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.tbl_view_frm_component_1_style>tbody>tr.parentRow>td.first{ /** Counter **/
  border-right: 1px solid #ddd;
}
.tbl_view_frm_component_1_style>tbody>tr>td:nth-child(2),  .tbl_view_frm_component_1_style>thead>tr>th:nth-child(2){ /** Quantity **/
  text-align: center;
}

table.subTableStyle {
    font-size:12px;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.subTableStyle td, .subTableStyle th {
    /*border: 1px solid #ddd;*/
    text-align: left;
    padding: 5px;
}

.subRowSerial table.subTableStyle td:not(:first-child){
  border-left: 1px solid #ddd;
}

tr.subRow:not(:last-child) {
    border-bottom: 2.5px solid #d2d2d2;
}
.subRow table.subTableStyle{
  margin-bottom: 15px;
}

.subTableStyle tr:nth-child(even){background-color: #f2f2f2}

.subTableStyle th {
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #4CAF50;
    color: #f2f2f2;
}

/** Modal Font Family **/

#modalFormCurrentMrf .modal-content, #modalS1Toner .modal-content, #modalS1Serial .modal-content{
  font-family: Helvetica, Arial, Tahoma;
  font-size: 13px;
}


/** File upload **/
.post-list-attachment div a.view-file {
  width: 75%;
  max-width: 100%;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.pre-list-attachment:not(:empty):before, .view-pre-list-attachment:not(:empty):before {
  content: "Selected file: ";
  font-style: normal;
  font-weight: 600;
}
.pre-list-attachment:not(:empty):before, .view-pre-list-attachment:not(:empty):before {
  border-bottom: 1px solid #000;
}
/*.pre-list-attachment:empty:before {
  content: "No Selected file";
  font-style: normal;
  font-weight: 600;
}*/
input#attachment-view, #attachment{
  display: none;
}
#attachment-view-trigger, #btn_save_view_mrf, #current-attachment-trigger{
  cursor: pointer;
  background: #39D2B4;
  color: #fff;
  border: #39D2B4;
  padding: 4px 8px;
}
#attachment-view-trigger:hover, #btn_save_view_mrf:hover, #current-attachment-trigger:hover{
  background: #30a78f;
  transition: all .4s;
  /*color: #fff;*/
}
#btn_save_view_mrf{
  -webkit-appearance:none;
 -moz-appearance:none;
  appearance:none;
}
.remove-attachment{
  display: inline-block;
  color:red;
  cursor: pointer;
  width: 10%;
  margin-left: 5%;
  text-align: center;
}

.box.box-solid.box-success{
  border: 1px solid #4caf50;
}
.box.box-solid.box-success>.box-header {
    background: #4caf50;
    background-color: #4caf50;
}

/** Multi-step indicator **/
 
/* -------------------------------- 
Credit: @CodyWebHouse;
Basic Style

-------------------------------- */
.cd-breadcrumb, .cd-multi-steps {
  width: 90%;
  max-width: 768px;
  padding: 0.5em 1em;
  margin: 0.1em auto;
  background-color: #edeff0;
  border-radius: .25em;
}
.cd-breadcrumb:after, .cd-multi-steps:after {
  content: "";
  display: table;
  clear: both;
}
.cd-breadcrumb li, .cd-multi-steps li {
  display: inline-block;
  /* float: left; */
  margin: 0.5em 0;
}
.cd-breadcrumb li::after, .cd-multi-steps li::after {
  /* this is the separator between items */
  display: inline-block;
  content: '\00bb';
  margin: 0 .6em;
  color: #959fa5;
}
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
  /* hide separator after the last item */
  display: none;
}
.cd-breadcrumb li > *, .cd-multi-steps li > * {
  /* single step */
  display: inline-block;
  font-size: 0.8rem;
  color: #2c3f4c;
}
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
  /* selected step */
  color: #96c03d;
}
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
  /* steps already visited */
  color: #96c03d;
}
.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
  /* replace the default arrow separator with a custom icon */
  content: '';
  height: 16px;
  width: 16px;
  background: url(../img/cd-custom-separator.svg) no-repeat center center;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
  /* add a custom icon before each item */
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: .4em;
  margin-top: -2px;
  background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
  /* change custom icon using image sprites */
  background-position: -20px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
  background-position: -40px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
  background-position: -60px 0;
}
.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
  /* change custom icon for the current item */
  background-position: 0 -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
  background-position: -20px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
  background-position: -40px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
  background-position: -60px -20px;
}

/* -------------------------------- 

Add a counter to the multi-steps indicator 

-------------------------------- */
.cd-multi-steps.count li {
  counter-increment: steps;
}

.cd-multi-steps.count li > *::before {
  content: counter(steps) " - ";
}

/*** PM ***/
.border-left {
  border-left: 3px solid #d8d6d6;
}

#btn_cancel_sched, #btn_close_pm{
  width: 60%;
}

#btn_cancel_sched{
  margin-bottom: 5px;
}

/** History **/
.history-list{
  border-bottom: 2px solid #e8e8e8;
  padding-top: 5px;
}
.history-sn{
  word-wrap: break-word;
}
.history-list > p{
  margin-bottom: 5px;
}