body{
      /* background: #ffffff; */
}
.navbar {
    padding: 10px 0 10px 0;
}
.navbar .nav-logo a.navbar-brand .navbar-brand-name {
    letter-spacing: 0;
}
.navbar .nav-logo a.navbar-brand img {
    width: 100px;
    height: auto;
}
.header-container {
    background: #E48A4C;
}
@media (min-width: 992px)
{
  .header-container {
      background: linear-gradient(-45deg, #E48A4C 70%, #fdfdfd 50%);    margin-bottom: 2px;
      border-bottom: #E48A4C 2px solid;
  }
  .topbar-nav.header nav#topbar ul.menu-categories li.menu a > div i
  {
    color: #e0e6ed;
    margin-right: 6px;
    stroke-width: 1.3px;
    font-size: 20px;
  }
  .topbar-nav.header nav#topbar ul.menu-categories li.menu a > div span
  {
    font-size: 14px;
  }
  .topbar-nav.header nav#topbar ul.menu-categories li.menu.active > a > div i {
    color: #25d5e4;
    fill: rgba(37, 213, 228, 0.29);
  }
  .page-header.table-header {
      position: absolute;
  }
}

@media (max-width: 500px)
{

  .hours_summary .excel_export {
    margin-bottom: 10px;
  }
  span#report_heading {
    font-size: 15px;
  }

  #topbar .theme-brand li.theme-text a {
    font-size: 20px!important;
    line-height: 23px;
  }

}
@media (max-width: 990px)
{
  .navbar .nav-dropdowns {
    margin-left: auto;
  }
  #topbar .theme-brand {
      display: block;
  }
  #topbar .theme-brand li.theme-logo img {
    width: 100%;
    height: auto;
  }
  #topbar .theme-brand li.theme-text a {
    font-size: 20px!important;
    line-height: 23px;
  }
  .topbar-nav.header nav#topbar ul.menu-categories li.menu a > div span {
    font-size: 16px;
    margin-left: 10px;
  }
  .topbar-nav.header nav#topbar ul.menu-categories li.menu.active > .dropdown-toggle {
    background: #E48A4C;
  }
  .topbar-nav.header nav#topbar ul.menu-categories li.menu.active  i {
    color: #fff;
  }
  li.menu.single-menu a:hover{
    background: #012a46;
    color:#fff!important;
  }
  li.menu.single-menu a:hover i,li.menu.single-menu a:hover span
  {
   color:#fff!important;
  }
}
.footer-wrapper {
    padding: 10px 30px 10px 30px;
}
img.profile_page_image {
    max-width: 100%;
}
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.bootstrap-table {
    width: 100%;
    display: block;
}

.table-top-btn {
    margin-left: 15px;
    font-size: 15px;
    font-weight: bold;
}
table.table.content_table > tbody > tr > td
{
  color: #000;
  font-size: 16px;

}
table.table.content_table  tr  td
{
/* text-align: center!important; */
}
a.table_link {
    color: #0056b3;

}
.form-group label, label {
    color: #000;
    font-weight: 500;
}
.form-control {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}
.dashbox_inner {
    padding: 10px;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: 0px 0px 8px 1px #404040dd;
}
.box_val {
    text-align: right;
}
.box_val #val {
    font-size: 25px;
}
.form_control_error {
    border-color: #E7515A;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background: #191E3A;
color: #fff;
}
.nav-tabs .nav-link {
  color: #fff;
  background: #767676;
}
span.last_time {
    font-weight: bold;
}
.form-form .form-container .form-content > p {
    margin-bottom: 0;
}
span#var_mode {
    display: inline-block;
    width: 30%;
    float: left;
    text-align: left;
}
.upload_preview {
    width: 200px!important;
    height: 50px!important;
    margin: 6px auto!important;
}
.client_image_table_preview
{
  width: 200px!important;
  height: 50px!important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}
span.header_client_name {
    font-weight: 700;
    color: #fff;
    font-size: 20px;line-height: 40px;
}
.header_client_logo
{
  width:200px;
  height: 45px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-left: 10px;
border-radius: 10px;
}
.user-profile-dropdown>a>svg,.user-profile-dropdown .media h6,.user-profile-dropdown .media h6 span {
    color: #fff!important;
}
.page-header
{
  padding: 0;
}
.report_btns {
    margin-top: 30px;
    text-align: center;
}
.report_radio {
    margin-left: 10px;
}
div#content {
    margin-top: 10px;
}
.report_result .table > tbody > tr > td {
    color: #000;
    font-size: 14px;
    padding: 5px!important;
}
.report_result .table-striped tbody tr:nth-of-type(odd) {
    background-color: #cfe7ff !important;
}
.fixed-table-body thead th .th-inner {
    text-transform: capitalize;
    padding: 5px;
}
.report_result .bootstrap-table .table  tr  th,.report_result .bootstrap-table .table  tr  td
{
  border: 1px solid #8b8b8b!important;
}
.page-number a,.page-pre a,.page-next a,.page-first a,.page-last a {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-number.active a {
    z-index: 3;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.page-link:hover {
    z-index: 2;
    color: #0a58ca;
    background-color: #e9ecef;
    border-color: #dee2e6;
}
.page-number a:hover,.page-pre a:hover,.page-next a:hover
{
  z-index: 2;
  color: #0a58ca;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.hours_summary h5,.hours_summary .excel_export {
    display: inline-block;
}
.hours_summary .excel_export
{
  float: right;
}
.dash_box_holder.admin .dashbox_inner {
    background: #191E3A;
    min-height: 100px;
}
.dash_box_holder.admin .dash_box a:hover {
    opacity: .8;
}
h5 span.admin_mode {
    font-size: 13px;
    color: #0FA564;
}
span.head_back_link.another a,span.head_back_link.another a i {
    text-decoration: underline;
    color: #007bff;
}
span.head_back_link.another a:hover {
    color: #003977;
}
.navbar .sidebarCollapse
{
  color:#fff;
}
.dataTables_wrapper {
    padding: 0;
}
li.menu.single-menu a:hover i,li.menu.single-menu a:hover span
{
 color:#25d5e4!important;
}
@media (max-width: 480px)
{
  .header_client_logo {
      width: 120px;
      height: 30px;
      margin-top: 6px;
  }
}
