/*
 * layout.css
 *
 * Copyright 2015-2023 (c) Team IP Holdings, LLC. All rights reserved.
 */

@charset "utf-8";

html, body {
  min-height: 100%;
  background-color: whitesmoke;
}

.layout-boxed html,
.layout-boxed body {
  height: 100%;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: small;
  overflow-x: auto;
  overflow-y: auto;
}

form {
  min-width: 100%;
  min-height: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  color: #222;
  /*border: 1px solid red;*/
}

h1, h2, h3, h4, h5, h6, p, div, dl, dt, dd, input, hr, tr, td, select {
  margin: 0;
  padding: 0;
}

hr {
  color: #cecece;
  background-color: white;
  border: double 1px;
  padding: 1px 0 0 0;
}

.filters {
  left: 0;
  top: 0;
}

.add_pos {
  position: absolute;
  right: 0;
  top: 13px;
}

.pageheading {
  position: relative;
  min-width: 780px;
  height: 50px;
  margin-top: 5px;
  /*border: 1px solid red;*/
}

.pageheadingReport {
  position: relative;
  min-width: 780px;
  height: 22px;
  font-size: medium;
}

.colwrap {
  padding-bottom: 25px;
  line-height: 1.25;
  text-align: center;
  height: 100%;
}

.colleft {
  float: left;
  width: 48%;
  height: 100%;
  padding: 5px 0;
  text-align: center;
  border: 1px solid #ddd;
}

  .colleft ul li {
    display: block;
    margin: 0;
  }

.colright {
  height: 100%;
  padding: 5px 0;
  border: 1px solid #ddd;
  margin-right: 1%;
  margin-left: 49%;
  text-align: center;
}

  .colright ul li {
    display: block;
    margin: 0;
  }

.contentHeading {
  position: relative;
  width: 100%;
  min-width: 780px;
  position: relative;
  height: 45px;
  font-size: medium;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  /*border: 1px solid blue;*/
}

  .contentHeading div {
    width: 100%;
  }

  .contentHeading input[type="radio"] {
    margin-top: 10px;
    /*border: 1px solid green;*/
  }

.contentWrap {
  height: calc(100vh - 210px);
  width: 100%;
  /*border: 1px dashed red;*/
}

.borderBoxFixed {
  border: 1px solid #dfdfdf;
  position: relative;
  height: 100%;
  overflow-y: auto;
}

.border_list {
  border: 1px solid #dfdfdf;
  overflow-y: auto;
}

.borderbox1 {
  height: calc(100vh - 210px);
  min-width: 780px;
  position: relative;
  overflow-y: auto;
  /*border: 1px dashed red;*/
}

.borderbox2 {
  min-height: calc(100vh - 210px);
  min-width: 780px;
  position: relative;
  overflow-y: auto;
  /*border: 1px dashed green;*/
}

.detailsList {
  padding: 10px 20px;
  overflow-y: auto;
}

.searchform {
  overflow: hidden;
  width: 100%;
  height: 38px;
  background: #f9f9fa;
  border: 1px solid #dfdfdf;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

  .searchform input {
    padding: 0 5px;
    float: left;
    font-size: small;
  }

    .searchform input[type="image"] {
      padding: 0;
    }

.list_scroll {
  width: 310px;
  float: left;
  /*border: 1px solid red;*/
}

.list_scrollApp {
  float: left;
}

.list {
  height: calc(100vh - 210px);
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  float: left;
  background-color: #f9f9fa;
  border-left: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  /*border: 1px solid orange;*/
}

.list2 {
  height: calc(100vh - 248px);
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  float: left;
  background-color: #f9f9fa;
  border-left: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  /*border: 1px solid blue;*/
}

.list_loader {
  margin: 0 auto;
  width: 100px;
  height: 100px;
}

.grid_content {
  font-size: 1em;
}

.gridRowStyle {
  height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.gridAlternateRowStyle {
  height: 20px !important;
}

.gridHeaderStyle {
  color: white;
  background: dimgrey !important;
  text-align: left;
}

  .gridHeaderStyle a {
    color: White;
    font-weight: bold;
  }

.gridSelectedRowStyle {
  color: #fff;
  background: #bc2e29 !important;
  /*background: #424242 !important;*/
}

table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  /*vertical-align: baseline;*/
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.filters_table_content {
}

  .filters_table_content p {
    font-size: 0.9em;
    padding: 0 2px 1px 2px
  }


.details_table_content {
  font-size: small;
  width: 100%;
}

  .details_table_content tr {
    vertical-align: top;
    line-height: 25px;
  }

.dialog_table_content {
  font-size: small;
}

  .dialog_table_content tr {
    vertical-align: top;
    line-height: 31px;
  }

.table_border {
  border: 0 none;
  border-collapse: collapse;
  width: 100%;
  color: #000;
}

  .table_border th {
    font-weight: normal;
    color: #fff;
    background: dimgrey;
    padding: 10px 2px 10px 5px;
  }

    .table_border th a {
      font-weight: normal;
      color: white;
      background: dimgrey;
    }

  .table_border td {
    padding: 6px 2px 6px 5px;
  }

  .table_border td, th {
    border-bottom: 1px solid #dfdfdf;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .table_border tr:hover {
    background: lightgrey !important;
    color: #222;
  }

  .table_border tr.selected {
    background: #bc2e29;
    color: #fff;
  }

.table_border2 {
  border: 0 none;
  border-collapse: collapse;
  width: 100%;
  color: #000;
}

  .table_border2 th {
    font-weight: normal;
    color: white;
    background: dimgrey;
    padding: 10px 2px 10px 5px;
  }

    .table_border2 th a {
      font-weight: normal;
      color: white;
      background: dimgrey;
    }

  .table_border2 td {
    padding: 1px 2px 1px 5px;
  }

  .table_border2 td, th {
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .table_border2 tr:hover {
    background: lightgrey !important;
    color: #222;
  }

  .table_border2 tr.selected {
    background: #bc2e29;
    color: #fff;
  }

.pad_l_6_0 {
  border-top: 1px solid #fff;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-left: 1px solid #fff;
}

.reportRowStyleAlt {
  color: #555;
  background: #F7F8FA;
}

.reportRowStyle {
  color: #555;
  background: #FFFFFF;
}

.list-items {
  font-size: 1.1em;
}

.list_details {
  font-size: .9em;
  height: calc(100vh - 210px);
  overflow-y: auto;
  border: 1px solid #dfdfdf;
}

.buttonHeader {
  width: 100%;
  height: 38px;
  padding: 0 20px;
  background: #f9f9fa;
  border-bottom: 1px #dfdfdf solid;
  font-size: medium;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

  .buttonHeader div {
    width: 100%;
    /*border: 1px solid green;*/
  }

.btnCollapseSidebar {
  border: solid lightgray 1px;
  border-radius: 5px;
}

.horizontalFluid {
  width: 100%;
}

  .horizontalFluid div {
    float: left;
    clear: none;
  }

.verticalStack {
  display: flex;
  flex-direction: column;
  line-height: 1.5em;
  padding: 10px 0;
  vertical-align: top !important;
}

  /* asp:Label converts to 'span' in HTML; must update label stles here */
  .verticalStack span {
  }

.div.left {
  float: left;
}

.div.right {
  float: right;
}

.list_features {
  font-size: .9em;
  padding-left: 10px;
  margin-top: 4px;
  height: calc(100vh - 26rem);
}

.no_icon {
  display: none;
}

.cal_sprite1, .cal_sprite2, .cal_sprite3, .cal_sprite4, .cal_sprite5, .cal_sprite6, .cal_sprite7, .cal_sprite8, .cal_sprite9, .cal_sprite10, .cal_btnT, .cal_btnD, .cal_btnW, .cal_btnM, .cal_btnY {
  background: url(../Images/set2-cal.png) no-repeat;
  display: block;
  width: 36px;
  height: 36px;
  float: left;
}

.cal_btnTs, .cal_btnDs, .cal_btnWs, .cal_btnMs, .cal_btnYs {
  background: url(../Images/set2-cal2.png) no-repeat;
  display: block;
  width: 36px;
  height: 36px;
  float: left;
}

.cal_sprite1 {
  background-position: -2px -1px;
}

.cal_sprite2 {
  background-position: -40px -1px;
}

.cal_sprite3 {
  background-position: -77px -1px;
}

.cal_sprite4 {
  background-position: -114px -1px;
}

.cal_sprite5 {
  background-position: -152px -1px;
}

.cal_sprite6 {
  background-position: -189px -1px;
}

.cal_sprite7 {
  background-position: -228px -1px;
}

.cal_sprite8 {
  background-position: -266px -1px;
}

.cal_sprite9 {
  background-position: -303px -1px;
}

.cal_sprite10 {
  background-position: -342px -1px;
}

.cal_btnT, .cal_btnTs {
  border: none;
  background-position: -189px -1px;
}

.cal_btnD, .cal_btnDs {
  border: none;
  background-position: -114px -1px;
}

.cal_btnW, .cal_btnWs {
  border: none;
  background-position: -77px -1px;
}

.cal_btnM, .cal_btnMs {
  border: none;
  background-position: -40px -1px;
}

.cal_btnY, .cal_btnYs {
  border: none;
  background-position: -2px -1px;
}

.set3_sprite0, .set3_sprite1, .set3_sprite2, .set3_sprite3, .set3_sprite4, .set3_sprite5, .set3_sprite6, .set3_sprite7, .set3_sprite8, .set3_sprite9,
.set3_sprite10, .set3_sprite11, .set3_sprite12, .set3_sprite13, .set3_sprite14, .set3_sprite15, .set3_sprite16, .set3_sprite17, .set3_sprite18, .set3_sprite19,
.set3_sprite20, .set3_sprite21, .set3_sprite22, .set3_sprite23, .set3_sprite24, .set3_sprite25, .set3_sprite26, .set3_sprite27, .set3_sprite28, .set3_sprite29,
.set3_sprite30, .set3_sprite31, .set3_sprite32, .set3_sprite33, .set3_sprite34, .set3_sprite35 {
  background: url(../Images/set1-navi.png) no-repeat;
  display: block;
  width: 30px;
  height: 30px;
  margin: -5px 0;
  float: left;
}

.set3_sprite0 {
  background-position: -5px -4px;
}

.set3_sprite1 {
  background-position: -38px -2px;
}

.set3_sprite2 {
  background-position: -70px -2px;
}

.set3_sprite3 {
  background-position: -102px -3px;
}

.set3_sprite4 {
  background-position: -133px -3px;
}

.set3_sprite5 {
  background-position: -165px -3px;
}

.set3_sprite6 {
  background-position: -5px -35px;
}

.set3_sprite7 {
  background-position: -38px -35px;
}

.set3_sprite8 {
  background-position: -70px -35px;
}

.set3_sprite9 {
  background-position: -103px -35px;
}

.set3_sprite10 {
  background-position: -134px -35px;
}

.set3_sprite11 {
  background-position: -166px -35px;
}

.set3_sprite12 {
  background-position: -5px -67px;
}

.set3_sprite13 {
  background-position: -38px -67px;
}

.set3_sprite14 {
  background-position: -70px -67px;
}

.set3_sprite15 {
  background-position: -102px -67px;
}

.set3_sprite16 {
  background-position: -134px -67px;
}

.set3_sprite17 {
  background-position: -166px -66px;
}

.set3_sprite18 {
  background-position: -5px -101px;
}

.set3_sprite19 {
  background-position: -38px -101px;
}

.set3_sprite20 {
  background-position: -70px -101px;
}

.set3_sprite21 {
  background-position: -102px -101px;
}

.set3_sprite22 {
  background-position: -134px -101px;
}

.set3_sprite23 {
  background-position: -164px -101px;
}

.set3_sprite24 {
  background-position: -5px -134px;
}

.set3_sprite25 {
  background-position: -38px -134px;
}

.set3_sprite26 {
  background-position: -70px -134px;
}

.set3_sprite27 {
  background-position: -102px -134px;
}

.set3_sprite28 {
  background-position: -134px -134px;
}

.set3_sprite29 {
  background-position: -164px -132px;
}

.set3_sprite30 {
  background-position: -5px -166px;
}

.set3_sprite31 {
  background-position: -38px -166px;
}

.set3_sprite32 {
  background-position: -70px -164px;
}

.set3_sprite33 {
  background-position: -102px -165px;
}

.set3_sprite34 {
  background-position: -134px -165px;
}

.set3_sprite35 {
  background-position: -166px -165px;
}

.spriteInGrid {
  -ms-transform: translateZ(0) scale(0.8, 0.8);
  -webkit-transform: translateZ(0) scale(0.8, 0.8);
  transform: translateZ(0) scale(0.8, 0.8);
  image-rendering: optimizeQuality;
  -webkit-filter: blur(0);
  -moz-filter: blur(0);
}

.login {
  color: #000;
  /*margin: 2px 0 0 25px;*/
  font-size: 1em;
}

  .login ul {
    margin: 0;
  }

    .login ul li {
      padding: 0 0 5px;
    }

.login_main {
  background-image: url(../Images/welcome.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}

.login_box {
  display: inline-block;
  float: left;
  margin: 10px 0 0 10px;
  padding: 1.2em;
  background: #f9f9fa;
  border: 2px solid #dd5461;
}

.login_text {
  padding: 15px 15px;
  float: left;
  max-width: 25em;
  color: black;
}

@media only screen and (min-width: 550px) {
  .login_main {
    background-image: url(../Images/welcome.jpg);
    background-repeat: no-repeat;
    background-size: contain;
  }

  .login_box {
    display: inline-block;
    float: left;
    margin: 15px 0 0 15px;
    padding: 1.2em;
    background: #f9f9fa;
    border: 2px solid #dd5461;
  }

  .login_text {
    padding: 25px 30px;
    float: left;
    max-width: 35em;
  }
}

.StatusHead {
  width: 62px;
  margin-left: 11px;
}

.ActionHead {
  width: 50px;
  text-align: left;
}

.bdr {
  background: #f9f9fa;
}

  .bdr td {
    padding: 0 !important;
  }

    .bdr td a {
      display: block;
      padding: 6px 12px;
      color: #000;
    }

  .bdr a:hover {
    background: lightgrey;
  }

  .bdr td span {
    display: block;
    padding: 6px 12px;
    background: dimgrey;
    color: #fff;
  }

.textCenter {
  text-align: center;
  display: block;
}

.accordion {
  height: calc(100vh - 180px); /* affects position of the footer */
  overflow-y: auto;
  position: relative;
  width: 218px;
  background: #fff;
  border-top: 1px solid #EFEFEF;
  border-bottom: 1px solid #EFEFEF;
  /*border: 1px solid blue;*/
}

  .accordion ul {
    /* hide all sub menus */
    display: none;
  }

  .accordion li {
  }

  .accordion input[type=checkbox] {
    /* hide native checkbox */
    position: absolute;
    opacity: 0;
  }

  .accordion label,
  .accordion a {
    color: #555;
    font-size: 1em;
    line-height: 39px;
    cursor: pointer;
    background: whitesmoke;
    border-bottom: 1px solid #eee;
    display: block;
    margin: 2px 1px;
    padding-left: 20px;
    /*border: 1px solid red;*/
  }

    .accordion label:before {
    }

    .accordion label:after {
    }

    .accordion label:hover,
    .accordion a:hover {
      background: lightgrey;
      color: #bc2e29;
    }

  .accordion ul label,
  .accordion ul a {
    background: whitesmoke;
    color: #666;
    padding-left: 25px;
  }

    .accordion ul label:hover,
    .accordion ul a:hover {
    }

    .accordion ul label:before,
    .accordion ul label:after {
      content: '';
      display: inline-block;
      width: 16px;
      height: 16px;
      padding-right: 30px;
    }

    .accordion ul label:before {
      background: url(../Images/menu-sprite.png);
      background-repeat: no-repeat;
      background-position: 0 -150px;
      -webkit-transform: translateY(20%);
      -moz-transform: translateY(20%);
      -ms-transform: translateY(20%);
      -o-transform: translateY(20%);
      transform: translateY(20%);
    }

    .accordion ul a:before {
      /*insert pointer icon next to sub-menu item*/
      /*content: '';
      display: inline-block;
      width: 16px;
      height: 16px;
      padding: 0 20px 0 0;
      background: url(../Images/menu-sprite.png);
      background-repeat: no-repeat;
      background-position: 0 -150px;*/
    }

  .accordion input[type=checkbox]:checked + label:before {
    -webkit-transform: translateY(35%) rotate(90deg);
    -moz-transform: translateY(35%) rotate(90deg);
    -ms-transform: translateY(35%) rotate(90deg);
    -o-transform: translateY(35%) rotate(90deg);
    transform: translateY(35%) rotate(90deg);
  }

  .accordion input[type=checkbox]:checked + label:after {
  }

  .accordion input[type=checkbox]:checked + label + ul,
  .accordion input[type=checkbox]:checked + label:nth-of-type(n) + ul {
    /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
    /* show children when item is checked */
    display: block;
  }

  .accordion .current_page_item {
    background: dimgrey;
    color: #fff !important;
  }

  .accordion ul li a {
    margin: 3px 1px 3px 25px;
    display: block;
    color: #555;
  }

  .accordion > li:last-of-type > label,
  .accordion > li:last-of-type > a,
  .accordion > li > ul > li:last-of-type label,
  .accordion > li > ul > li:last-of-type a {
  }

  .accordion ul ul label,
  .accordion ul ul a {
  }

    .accordion ul ul label:before {
    }

    .accordion ul ul label:after,
    .accordion ul ul a:after {
    }

  /*add next menu level here*/
  .accordion ul ul ul label,
  .accordion ul ul ul a {
  }

    .accordion ul ul ul label:before {
    }

    .accordion ul ul ul label:after,
    .accordion ul ul ul a:after {
    }

  .accordion.animated label:before {
    /* this class is used if you're using jquery to animate the accordion */
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
  }

.icon-admin, .icon-distribution, .icon-reporting, .icon-configuration, .icon-people, .icon-media, .icon-pointer, .icon-appointments, .icon-hearingaid {
  background: url(../Images/menu-sprite.png) no-repeat;
  float: left;
  display: block;
  margin: 10px 8px 0 0;
  width: 20px;
  height: 20px;
  /*-moz-transform: scale(.85, .85);
  -ms-transform: scale(.85, .85);
  -o-transform: scale(.85, .85);
  -webkit-transform: scale(.85, .85);
  transform: scale(.85, .85);*/
}

.icon-appointments {
  background-position: 0 0;
}

.icon-distribution {
  background-position: 0 -21px;
}

.icon-configuration {
  background-position: 0 -42px;
}

.icon-reporting {
  background-position: 0 -64px;
}

.icon-people {
  background-position: 0 -86px;
}

.icon-media {
  background-position: 0 -108px;
}

.icon-admin {
  background-position: 0 -128px;
}

.icon-hearingaid {
  background-position: 0 -167px;
}

.icon-pointer {
  background-position: 0 -150px;
  margin: 13px 10px 0 15px;
}

.dist_field {
  width: 180px;
  margin-right: 5px;
}

.reg_field {
  width: 180px;
  margin-right: 5px;
}

.dis_field {
  width: 180px;
  margin-right: 5px;
}

.loc_field {
  width: 210px;
}

.store_details {
  width: 100%;
  height: 52px;
  background: #f9f9fa;
  border: 1px solid #E6E7E8;
  margin: 5px 0;
}

  .store_details ul {
    overflow: hidden;
  }

  .store_details li {
    float: left;
    display: inline;
    overflow: hidden;
    padding: 3px 10px 0 10px;
    color: #888;
    font-size: 1.1em;
  }

    .store_details li span {
      color: #000;
    }

.chkbox10 tbody tr td input {
  margin: -2px 5px 0 0;
  font-size: small;
}

.servicelist {
  padding: 10px;
  border: 1px solid #cccccc;
  margin: 10px;
  height: 170px;
  overflow: auto;
}

.servicelist-title {
  font-size: medium;
  font-weight: normal;
  color: #666;
}

.servicelist td {
  padding: 3px 0;
}

.availabletimes {
  padding: 10px;
  border: 1px solid #cccccc;
  font-size: small !important;
  overflow: auto;
}

  .availabletimes ul li {
    display: inline-block;
    width: 30%;
    height: 0;
    line-height: 0;
    margin-top: -10px;
  }

.textNotes {
  font: inherit;
}

  .textNotes textarea {
    font-size: small;
    overflow: auto;
    width: 98%;
    height: auto;
    line-height: 15px;
    text-align: left;
  }

/*perfect scrollbar css start here*/
.ps-container .ps-scrollbar-x {
  position: absolute; /* don't change 'position' */
  bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x */
  height: 8px;
  background-color: #999;
  opacity: 0;
  filter: alpha(opacity = 0);
  -webkit-transition: opacity.2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-x {
  opacity: 0.6;
  filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-x:hover {
  opacity: 0.9;
  filter: alpha(opacity = 90);
  cursor: default;
}

.ps-container .ps-scrollbar-x.in-scrolling {
  opacity: 0.9;
  filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-y {
  position: absolute; /* don't change 'position' */
  right: 1px; /* there must be 'right' for ps-scrollbar-y */
  width: 8px;
  background-color: #999;
  opacity: 0;
  filter: alpha(opacity = 0);
  -webkit-transition: opacity.2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-y {
  opacity: 0.6;
  filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-y:hover {
  opacity: 0.9;
  filter: alpha(opacity = 90);
  cursor: default;
}

.ps-container .ps-scrollbar-y.in-scrolling {
  opacity: 0.9;
  filter: alpha(opacity = 90);
}

.service {
  position: relative;
  overflow: auto;
}

.loadingbar {
  background: url(../images/loader.gif) no-repeat center center;
  position: absolute;
  z-index: 1003;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  display: none;
  -ms-transform: scale(0.25, 0.25);
  -webkit-transform: scale(0.25, 0.25);
  transform: scale(0.25, 0.25);
}

.telericReport {
  height: calc(100vh - 188px);
  min-height: 500px;
  min-width: 780px;
  position: relative;
  padding: 10px;
  border: 1px solid #dfdfdf;
  overflow-y: auto;
}

.reportHelp {
  text-align: center;
  height: 50px;
  font-size: large;
  border-bottom: 1px solid #eee;
  background-color: grey;
  color: white;
}

.div-table {
  display: table;
  width: 100%;
  height: 100%;
  border-spacing: 5px;
}

.div-table-row {
  display: table-row;
  width: auto;
  height: 100%;
  clear: both;
}

.div-table-col1 {
  float: left;
  width: 75%;
}

.div-table-col2 {
  float: left;
  width: 25%;
}

.confirmBox {
  overflow: hidden;
  font-weight: bold;
  padding: 10px;
}

  .confirmBox h1 {
    background-color: #d6dce4 !important;
    font-size: 1.1em !important;
    padding: 15px 0;
    border-bottom: 2px solid #ccc !important;
  }

  .confirmBox h2 {
    font-size: 1.1em !important;
    font-weight: 500 !important;
    padding: 10px 0;
    color: black !important;
    margin: 0 30px;
    border-bottom: 1px solid #ccc !important;
  }

  .confirmBox p {
    font-size: 1.1em !important;
    font-weight: 500 !important;
    padding: 5px 0;
  }

ul, ol, li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

input[type="radio"] {
  margin: 15px;
  transform: scale(1.5);
}

.size11 {
  font-size: .7em;
}

.size13 {
  font-size: .8em;
}

.size14 {
  font-size: .9em;
}

.size20 {
  font-size: 1.25em;
}

.bold {
  font-weight: bold;
}

.mrn_rit_5 {
  margin-right: 5px;
}

.margin40 {
  margin-left: 40px;
}

.margin-t2 {
  margin: 2px 0;
}

.padL10 {
  padding-left: 10px;
}

.padL5 {
  padding-left: 5px;
}

.padL8 {
  padding-left: 8px;
}

.padR8 {
  padding-right: 8px;
}

.padB10 {
  padding-bottom: 10px;
}

.pad_t_10 {
  padding-top: 10px;
}

.pad_t_30 {
  padding-top: 30px;
}

.pad_tb10lr20 {
  padding: 10px 20px;
}

.pad10 {
  padding: 10px;
}

.pad20 {
  padding: 20px;
}

.lblWidth {
  display: inline-block;
  text-align: left;
  width: 130px;
}

.color_theme {
  color: #2b4c73;
}

.color_black {
  color: black;
}

.color_red {
  color: red;
}

.color_444 {
  color: #444;
}

.color_555 {
  color: #555;
}

.color_999 {
  color: #999;
}

.color_ccc {
  color: #ccc;
}

.lblLucidRed {
  color: #bc2e29;
}

.lblEmail {
  text-decoration-line: underline;
}

  .lblEmail a {
    color: blue;
    text-decoration-color: blue;
  }

.bdr-none {
  border: none;
}

.chek_input {
  vertical-align: middle;
  width: 13px;
  height: 13px;
}

.floatleft {
  float: left !important;
}

.floatright {
  float: right;
}

.inlineBlock {
  display: inline-block;
}

.posi_re {
  position: relative;
}

.posi_ab {
  position: absolute;
}

.input40 {
  width: 40px;
}

.input60 {
  width: 60px;
}

.input80 {
  width: 80px;
}

.input120 {
  width: 120px;
}

.input240 {
  width: 240px;
}

.input280 {
  width: 280px;
}

.select250 {
  width: 250px;
}

.select280 {
  width: 280px;
  height: 30px;
  font-size: inherit;
}

.selectDistrib {
  border: 1px solid #CCCCCC;
  height: 33px;
  width: 250px;
  box-shadow: 0 0 2px #CCCCCC inset;
  font-size: small;
}

.locationselectfield {
  width: 220px;
  height: 30px;
  font-size: small;
}

.locationtextfield {
  width: 210px;
  height: 20px;
  font-size: small;
}

a {
  color: #36c;
  text-decoration: none;
}

  a:hover {
    text-decoration: none;
    cursor: pointer;
  }

  a:active {
    outline: none;
  }

  a img {
    border: 0;
    outline: 0 none;
  }

img {
  outline: none;
}

.clear {
  clear: both;
}

.hiddencol {
  display: none;
}

.overflow-hidden {
  overflow: hidden;
}

.gridColBreakWord {
  word-wrap: break-word;
  word-break: break-all;
}

.stickAtBottom {
  position: absolute;
  bottom: 0;
}

select, textarea, input {
  border: 1px solid #ccc;
  padding: 4px;
  font-size: 1.1em;
  -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  resize: none;
}

  input:hover, textarea:hover, select:hover {
    box-shadow: 0 0 4px #0073de;
    border: 1px solid #68a5de;
  }

  input[type="checkbox"] {
    background: white;
    height: 1.2em;
    width: 1.2em;
    vertical-align: middle;
  }

  input:focus, select:focus, textarea:focus {
    box-shadow: 0 0 4px #0073de;
    border: 1px solid #68a5de;
    outline: 0 none;
  }

  input[type="file"]:focus, input[type="checkbox"]:focus {
    outline: thin hidden #333333;
    outline-offset: -2px;
  }

.logo_part {
  vertical-align: middle;
}

.login_logo {
  border-bottom: 1px solid #ddd;
  display: block;
  margin: 0 0 15px;
  padding: 0 0 15px;
}

.logo {
  width: 191px;
  height: 42px;
  margin: 2px 10px;
}

.hlmslogo {
  height: 58px;
  vertical-align: middle;
}

.biglogo {
  width: 350px;
  margin-right: 150px;
}

.login_textfiled {
  border: 1px solid #CCCCCC;
  height: 24px;
  padding: 4px 30px 4px 4px;
  width: 215px;
  box-shadow: 0 0 2px #CCCCCC inset;
  font-size: small;
}

  .login_textfiled:active, .login_textfiled:focus {
    box-shadow: 0 0 4px #0073DE;
    border: 1px solid #CCCCCC;
  }

.icon-email {
  background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAMCAYAAACEJVa/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQRJREFUeNpiPHPmTCwDA0MvEIsykA5eA3EWE9SAdCB+SoYBiUA8gQnqgslQgUckGBAKxO1ALM0EFZQG4vlAHAfENwkY8A6I/YG4EYh1QQJMSJIggxZBDbqMxwA3IK4AYnuYIBOaIjkgXgF16lksBjgDcQIQ+yFLMGGxDeSKO1Abj6C5ACR3HF0DuiH7gDgCFOJAPBOqcQ2UBkXAGSA+CMSVyJpYkNingDgaiNcBsQeSq0Be04J6kx+Ij0ENVQHiZGRDLkPTyi5YiEMBKAZeAHEp1ABYuB2DxpAiEDuxQP1fD8TbgVgCSxjNxCImBLUQlLZEQWEyC4iX4jAAH+CEJomVAAEGAJO1NPiD7xiKAAAAAElFTkSuQmCC') no-repeat 97%;
}

.icon-lock {
  background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAPCAYAAAAyPTUwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAL9JREFUeNpiPHPmDAMSEAXiWCBWB+L7QLwSSoMBC5JCGyBeB9UAA9VAHAfE60EcJqggDxAvhSpcBlUwBSo+H4ilkRV7ALEcEB8H4mggXgzEuVCaH4ijkBXDrD7CgApOQWk5ZMUw8BcHnxlEMAJDA+SmBAbCYD0TkQpBIJAJiyDInbaw4EIG2BQfhHqUKMU5QMwJxBXEKH4ExN+B+CYxikEK06CxhwJYoGHJjCRmAMQzsQUHyOQOIP5FRNDNAggwAMINJCz2dM7CAAAAAElFTkSuQmCC') no-repeat 97%;
}

.add_btn_emp {
  float: right;
  padding: 5px 10px 0 5px;
}

.action_btn {
  display: inline-block;
  border: 1px #4081af solid;
  vertical-align: middle;
  font-size: small !important;
  color: #fff;
  padding: 8px 12px 8px;
  height: 37px;
  min-width: 65px;
  background-color: #333;
}

  .action_btn:hover {
    text-decoration: none;
    color: #fff;
    box-shadow: 0 0 1px #666;
  }

  .action_btn:active {
    box-shadow: 0 0 1px #888;
  }

.grey_btn {
  display: inline-block;
  border: 1px #ccc solid;
  vertical-align: middle;
  font-size: small !important;
  color: #555;
  padding: 8px 12px 8px;
  height: 37px;
  min-width: 65px;
  background-color: #F5F6F8; /* fallback color if gradients are not supported */
  background-image: -webkit-linear-gradient(top, #fff, #ddd); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
  background-image: -moz-linear-gradient(top, #fff, #ddd); /* For Firefox (3.6 to 15) */
  background-image: -o-linear-gradient(top, #fff, #ddd); /* For old Opera (11.1 to 12.0) */
  background-image: linear-gradient(to bottom, #fff, #ddd); /* Standard syntax; must be last */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */
}

  .grey_btn:hover {
    text-decoration: none;
    color: #555;
    box-shadow: 0 0 1px #666;
  }

  .grey_btn:active {
    box-shadow: 0 0 1px #888;
  }

.wrap_text {
  -ms-word-wrap: normal;
  word-wrap: normal;
}

.divTab {
  font-size: small;
  font-weight: bold;
  border-radius: 5px;
  padding: 1px 5px;
  color: #000;
}

  .divTab:hover {
    color: orangered;
  }

.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: white;
  margin: 6px 0;
  transition: 0.3s;
}

.change .bar1 {
  transform: rotate(-45deg) translate(-9px, 6px);
  background-color: white;
}

.change .bar2 {
  opacity: 0;
}

.change .bar3 {
  transform: rotate(45deg) translate(-8px, -8px);
  background-color: white;
}

#page-content-wrapper {
  width: 100%;
  /*border: 1px solid blue;*/
}

#wrapperMain {
  width: 98%;
  /*border: 1px solid red;*/
}

@media (min-width: 768px) {
  #page-content-wrapper {
    min-width: 0;
    width: 100%;
    margin-left: 10px;
  }
}

.content-wrapper,
.right-side {
  -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  margin-right: 20px;
  z-index: 820;
}

.layout-top-nav .content-wrapper,
.layout-top-nav .right-side {
  margin-left: 0;
}

@media (max-width: 767px) {
  .content-wrapper,
  .right-side {
    margin-left: 10px;
  }
}

@media (min-width: 768px) {
  .sidebar-collapse .content-wrapper,
  .sidebar-collapse .right-side {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .sidebar-open .content-wrapper,
  .sidebar-open .right-side {
    -webkit-transform: translate(220px, 0);
    -ms-transform: translate(220px, 0);
    -o-transform: translate(220px, 0);
    transform: translate(220px, 0);
  }
}

.content-wrapper,
.right-side {
  min-height: 100%;
}

.footer {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  padding: 10px 0 20px 0;
  color: white;
  background-color: #dd5461;
  width: 100%;
  min-height: 35px;
}

  .footer li {
    padding: 2px 0;
    font-size: smaller;
    list-style-type: none;
  }

    .footer li a {
      color: white;
    }

/* Fixed layout */
.fixed .main-header,
.fixed .main-sidebar,
.fixed .left-side {
  position: fixed;
}

.fixed .main-header {
  top: 0;
  right: 0;
  left: 0;
}

.fixed .content-wrapper,
.fixed .right-side {
  padding-top: 50px;
}

body.hold-transition .content-wrapper,
body.hold-transition .main-sidebar {
  /* Fix for IE */
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.content-header {
  position: relative;
  padding: 15px 15px 0 15px;
}

  .content-header > h1 {
    margin: 0;
    font-size: 24px;
  }

    .content-header > h1 > small {
      font-size: 15px;
      display: inline-block;
      padding-left: 4px;
      font-weight: 300;
    }

  .content-header > .breadcrumb {
    float: right;
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    padding: 7px 5px;
    position: absolute;
    top: 15px;
    right: 10px;
    border-radius: 2px;
  }

    .content-header > .breadcrumb > li > a {
      color: #444;
      text-decoration: none;
      display: inline-block;
    }

      .content-header > .breadcrumb > li > a > .fa,
      .content-header > .breadcrumb > li > a > .glyphicon,
      .content-header > .breadcrumb > li > a > .ion {
        margin-right: 5px;
      }

    .content-header > .breadcrumb > li + li:before {
      content: '>\00a0';
    }

@media (max-width: 991px) {
  .content-header > .breadcrumb {
    position: relative;
    margin-top: 5px;
    top: 0;
    right: 0;
    float: none;
    background: #d2d6de;
    padding-left: 10px;
  }

    .content-header > .breadcrumb li:before {
      color: #97a0b3;
    }
}

.navbar-toggle {
  color: #fff;
  border: 0;
  margin: 0;
  padding: 15px 15px;
}

@media (max-width: 991px) {
  .navbar-custom-menu .navbar-nav > li {
    float: left;
  }

  .navbar-custom-menu .navbar-nav {
    margin: 0;
    float: left;
  }

    .navbar-custom-menu .navbar-nav > li > a {
      padding-top: 15px;
      padding-bottom: 15px;
      line-height: 20px;
    }
}

@media (max-width: 991px) {
  .navbar-collapse.pull-left {
    float: none !important;
  }

    .navbar-collapse.pull-left + .navbar-custom-menu {
      display: block;
      position: absolute;
      top: 0;
      right: 40px;
    }
}