.btn-easter-seals {
  color: #ffffff;
  background-color: #607D8B;
  /*background-color: #E23840;*/
  border-color: transparent;
  text-transform:uppercase;
}
.btn-easter-seals:focus,
.btn-easter-seals.focus {
  color: #ffffff;
  background-color: #607D8B;
  /*background-color: #e2383f;*/
  border-color: rgba(0, 0, 0, 0);
}
.btn-easter-seals:hover {
  color: #ffffff;
  /*background-color: #108104;*/
  background-color:#009688;
  border-color: rgba(0, 0, 0, 0);
}
.btn-easter-seals:active,
.btn-easter-seals.active,
.open > .dropdown-toggle.btn-easter-seals {
  color: #ffffff;
  background-color: #607D8B;
  /*background-color: #e2383f;*/
  border-color: rgba(0, 0, 0, 0);
}
.btn-easter-seals:active:hover,
.btn-easter-seals.active:hover,
.open > .dropdown-toggle.btn-easter-seals:hover,
.btn-easter-seals:active:focus,
.btn-easter-seals.active:focus,
.open > .dropdown-toggle.btn-easter-seals:focus,
.btn-easter-seals:active.focus,
.btn-easter-seals.active.focus,
.open > .dropdown-toggle.btn-easter-seals.focus {
  color: #ffffff;
  background-color: #607D8B;

  /*background-color: #e2383f;*/
  border-color: rgba(0, 0, 0, 0);
}
.btn-easter-seals:active,
.btn-easter-seals.active,
.open > .dropdown-toggle.btn-easter-seals {
  background-image: none;
}
.btn-easter-seals.disabled,
.btn-easter-seals[disabled],
fieldset[disabled] .btn-easter-seals,
.btn-easter-seals.disabled:hover,
.btn-easter-seals[disabled]:hover,
fieldset[disabled] .btn-easter-seals:hover,
.btn-easter-seals.disabled:focus,
.btn-easter-seals[disabled]:focus,
fieldset[disabled] .btn-easter-seals:focus,
.btn-easter-seals.disabled.focus,
.btn-easter-seals[disabled].focus,
fieldset[disabled] .btn-easter-seals.focus,
.btn-easter-seals.disabled:active,
.btn-easter-seals[disabled]:active,
fieldset[disabled] .btn-easter-seals:active,
.btn-easter-seals.disabled.active,
.btn-easter-seals[disabled].active,
fieldset[disabled] .btn-easter-seals.active {
  background-color: #607D8B;
  /*background-color: #FC898F;*/
  border-color: transparent;
}
.btn-easter-seals .badge {
  color: #009688;
  background-color: #ffffff;
}
.panel-easter-seals {
  border-color: #cfdbe2;
}
.panel-easter-seals > .panel-heading {
  color: #ffffff;
  background-color: #607D8B;
  /*background-color: #e2383f;*/
  border-color: #cfdbe2;
}
.panel-easter-seals > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #cfdbe2;
}
.panel-easter-seals > .panel-heading .badge {
  color: #FFF;
  /* color: #e2383f; */
  background-color: #ffffff;
}
.panel-easter-seals > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #cfdbe2;
}
/* ========================================================================
   Component: preloader.less
 ========================================================================== */
/*@noflip*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #98A2A8;
  background-image: -webkit-linear-gradient(90deg, #bdbdbd 10%, #98A2A8 90%);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(90deg, #bdbdbd 10%, #98A2A8 90%);
  /* FF3.6+ */
  background-image: -ms-linear-gradient(90deg, #bdbdbd 10%, #98A2A8 90%);
  /* IE10 */
  background-image: -o-linear-gradient(90deg, #bdbdbd 10%, #98A2A8 90%);
  /* Opera 11.10+ */
  background-image: linear-gradient(90deg, #bdbdbd 10%, #98A2A8 90%);
  /* W3C */
  z-index: 9999;
  -webkit-transition: opacity 0.65s;
  -o-transition: opacity 0.65s;
  transition: opacity 0.65s;
}
/*@noflip*/
.preloader-progress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 300px;
  height: 46px;
  margin: auto;
  overflow: auto;
  background-image: url(../../img/preloader/compass-logo-empty.png);
  background-size: 300px 46px;
}
/*@noflip*/
.preloader-progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  min-width: 10px;
  background-image: url(../../img/preloader/compass-logo-full.png);
  background-size: 300px 46px;
}
.preloader-hidden {
  display: none;
}
.preloader-hidden-add {
  opacity: 1;
  display: block;
}
.preloader-hidden-add .preloader-progress {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.preloader-hidden-add-active {
  opacity: 0;
}
.wd-xxxl{
  width: 40%;
}
.sortorder:after {
  content: '\25b2';
}
.sortorder.reverse:after {
  content: '\25bc';
}
.mda-form-control {
  position: relative;
  z-index: 5;
  width: 100%;
  height: auto;
  padding: 2px;
  color: inherit;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #dde6e9;
  border-radius: 0;
  box-shadow: none;
}
.animate-hide {
  transition: all linear 0.5s;
  opacity: 1;
  background: white;
}

.animate-hide.ng-hide {
  line-height: 0;
  opacity: 0;
  padding: 0 10px;
}

.bg-gray-es{
  background-color:#294C5D
}

.sidebar {
  /* background-color: #294C5D; */
  /* background-color:#685A5C; */
  background-color: #5F6B76;
  /*background-color: #37474f;*/
  font-size:15px;
}

.sidebar .nav > li.active,
.sidebar .nav > li.open,
.sidebar .nav > li.active > a,
.sidebar .nav > li.open > a,
.sidebar .nav > li.active .nav,
.sidebar .nav > li.open .nav {
  /* background-color: #294C5D; */
  /* background-color:#685A5C; */
  /*background-color: #37474f;*/
  background-color: #5F6B76;
  /* color: #e2383f; */
  /* color: #FFF; */
  color:#fea202;
  
}
.sidebar .nav > li.active > a > em,
.sidebar .nav > li.open > a > em {
  /* color: #e2383f; */
  /* color: #FFF; */
  color:#fea202;
}
.sidebar .nav > li.active {
  /* border-left-color: #e2383f; */
  /* border-left-color: #FFF; */
  border-left-color: #fea202;
}

.sidebar-subnav > li > a:focus,
.sidebar-subnav > li > .nav-item:focus,
.sidebar-subnav > li > a:hover,
.sidebar-subnav > li > .nav-item:hover {
  /* color: #e2383f; */
  color: #fea202;
}
.sidebar-subnav > li.active > a,
.sidebar-subnav > li.active > .nav-item {
  /* color: #e2383f; */
  color: #fea202;
}
.sidebar-subnav > li.active > a:after,
.sidebar-subnav > li.active > .nav-item:after {
  /* border-color: #e2383f;
  background-color: #e2383f; */
  border-color: #fea202;
  background-color: #fea202;
}


/*.table-striped > tbody > tr:nth-of-type(odd) {
   background-color:rgba(96, 125, 139, 0.11)
}*/


.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: rgba(0,150,136,0.1);
}

.md-subheader .md-subheader-inner {
  display: block;
  padding: 0px 0px 0px 16px;
}

.teal-border {
    border-bottom: 2px solid #009688;
}


.md-toolbar {
/*  min-height: 30px;
  max-height:30px;*/
  height: 30px;
}


.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 4px;
}
.md-toolbar-tools.bg-gray-es{
  background-color:#294C5D;
/*  min-height: 30px;
  max-height:30px;*/
  height: 30px;
}

#timesheetTable input {
    border: 0px;
    border-bottom: 1px solid #cccccc;
}


.payroll-changed {
    border-left: 2px solid #294c5d;
    padding-left: 2px;
    background-color: #ffeb89db;
    border-bottom: 1px dotted #294c5d;
    border-radius: 3px 3px 3px 3px;
}

/* ========================================================================
   View-list css rule
 ========================================================================== */
  #progress-circular{
    position: absolute;
    top: 40%;
    left: 40%;
    z-index: 100;
  }

  .clicked{

    border-left-style: solid;
    border-bottom-color: #d9edf7;
    font-weight: 900;
    font-style: oblique;
    color: #337ab7;
  }
  
  table thead tr a {
    color:black;
    text-decoration: none;
  }

  table thead tr a:hover {
    color:black;
    text-decoration: none;
  }

  table tbody tr a {
    color:black;
    text-decoration: none;
  }

  table tbody tr a:hover {
    color: #1a77c7;
    text-decoration: none;
  }

  .list-contaner tbody tr td span i {
    padding-left: 10px;
  }

  .list-contaner th{
    position: relative;
  }

  .list-contaner table th:hover{
    background: #ececec;
  }
  
  .list-contaner thead th {
    text-transform: uppercase; 
  }

  .list-contaner table > thead > tr > th {
    color: #000000;
    font-weight: 500;
  }


  /*On view-list :for select all button */
  .thCustom {
    margin:-8px 8px; color:#000000;
  }

  .thCheckCustom {
    margin-right:0; margin-left:0;
  }

  .tdCustom{
    padding-bottom: 1px; 
    padding-top:1px;
  }

/* ========================================================================
   Dashboard css rule
 ========================================================================== */
  .pas-md-card{
    position: relative;
    min-width: 350px;
    height: 215px;
  }

  .pas-md-card-bg{  /* for payroll dashboard */
    height: 360px;
  }

  .pas-md-card-md{ /* for payroll dashboard */
    height: 264px;
  } 


  .pas-card-content{
    padding-top: 10px;
  }

  .pas-dash-spin{
    position: absolute;
    top: 30%;
    left: 40%;
  }



  @media screen and (min-width: 500px) and (max-width: 1071px) {
      .pas-md-card {
        width: 100%;
      }
  }

  @media screen and (min-width: 1072px) and (max-width: 1400px) {
      .pas-md-card {
        width: 48%;
      }
  }

  @media screen and (min-width: 1401px) and (max-width: 1474px) {
      .pas-md-card {
        width: 47%;
      }
  }

  @media screen and (min-width: 1475px){
      .pas-md-card {
        width: 32%;
      }
  }

  .note-card{
    width: 65%;
  }

md-card md-card-content {
    padding-left: 8px;  
    padding-right: 8px; }

.md-toolbar-tools { padding-left:8px}

.disabled-field{
  background-color: transparent;
  color: rgba(0,0,0,0.52);
  border: 0px;
}

.disabled-field-timesheet{
  background-color: #fafbfc;
  color: rgba(0,0,0,0.52);
  border: 0px;
}

.text-stroke{
  text-shadow: 0px 1px #525252;

}

.table-centered td{
  text-align: center;
}

.table-centered th{
  text-align: center;
}

.table-centered {
  border-collapse: separate;
}