.hidden-xs {
  display: inline-block !important;
}
@media (max-width: 767px) {
  .dropdown-toggle .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .dropdown-toggle .hidden-sm {
    display: none !important;
  }
}
.fa-1x {
  font-size: 1.3em;
  margin-right: 3px;
}
.popover-content ul {
  list-style-type: none;
  padding-left: 10px;
}
.popover-content ul li {
  text-transform: capitalize;
  margin-bottom: 5px;
}
.popover-content ul li.treatment:before {
  content: "\e613";
  /* FontAwesome Unicode */
  font-family: 'webfont-medical-icons';
  display: inline-block;
  margin-left: -1.3em;
  /* same as padding-left set on li */
  width: 1.6em;
  /* same as padding-left set on li */
}
.popover-content ul li.time:before {
  content: "\f073";
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  margin-left: -1.3em;
  width: 1.6em;
}
.popover-content ul li.user:before {
  content: "\f007";
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  margin-left: -1em;
  width: 1.3em;
  font-size: 1.3em;
}
.popover-content ul li.user-circle:before {
  content: "\f040";
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  margin-left: -1em;
  width: 1.3em;
  font-size: 1.3em;
}
.popover-content ul li.mobile:before {
  content: "\f095";
  /* "\f10b"*/
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  margin-left: -1em;
  width: 1.3em;
  font-size: 1.3em;
}
.popover-content ul li.doctor:before {
  content: "\f0f0";
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  margin-left: -1em;
  width: 1.3em;
  font-size: 1.3em;
}
.popover-content p {
  text-align: left;
}
.zero-radius {
  border-radius: 0 !important;
}
.toggle-switch {
  position: relative;
  width: 60px;
}
.toggle-switch input {
  display: none;
}
.toggle-switch label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 20px;
}
.toggle-switch-inner {
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.toggle-switch-inner.yesno:before {
  content: "YES";
  padding-left: 15px;
  border-radius: 20px 0 0 20px;
}
.toggle-switch-inner.yesno:after {
  content: "NO";
  padding-right: 15px;
  text-align: right;
  border-radius: 0 20px 20px 0;
}
.toggle-switch-inner:before,
.toggle-switch-inner:after {
  float: left;
  width: 50%;
  height: 20px;
  padding: 0;
  line-height: 20px;
  font-size: 12px;
  text-shadow: 1px 1px 1px #FFFFFF;
  color: #929292;
  background-color: #F5F5F5;
  box-sizing: border-box;
  border-radius: 20px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.toggle-switch-inner:before {
  content: "ON";
  padding-left: 15px;
  border-radius: 20px 0 0 20px;
}
.toggle-switch-inner:after {
  content: "OFF";
  padding-right: 15px;
  text-align: right;
  border-radius: 0 20px 20px 0;
}
.toggle-switch-switch {
  width: 20px;
  margin: 0;
  border: 2px solid #d8d8d8;
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 40px;
  color: #f8f8f8;
  line-height: 1em;
  text-shadow: 0 0px 1px #ADADAD;
  text-align: center;
  transition: all 0.3s ease-in 0s;
  background-color: #f0f0f0;
  background-image: linear-gradient(to bottom, #f0f0f0, #dfdfdf);
}
.toggle-switch input:checked + .toggle-switch-inner {
  margin-left: 0;
}
.toggle-switch input:checked + .toggle-switch-inner + .toggle-switch-switch {
  right: 0px;
}
.toggle-switch-danger input:checked + .toggle-switch-inner + .toggle-switch-switch {
  border: 2px solid #D15E5E;
  background: #D15E5E;
}
.toggle-switch-warning input:checked + .toggle-switch-inner + .toggle-switch-switch {
  border: 2px solid #DFD271;
  background: #DFD271;
}
.toggle-switch-info input:checked + .toggle-switch-inner + .toggle-switch-switch {
  border: 2px solid #7BC5D3;
  background: #7BC5D3;
}
.toggle-switch-success input:checked + .toggle-switch-inner + .toggle-switch-switch {
  border: 2px solid #63CC9E;
  background: #63CC9E;
}
.toggle-switch-primary input:checked + .toggle-switch-inner + .toggle-switch-switch {
  border: 2px solid #6AA6D6;
  background: #6AA6D6;
}
.input-xs {
  height: 22px;
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1.5;
  /* If Placeholder of the input is moved up, rem/modify this. */
}
.modal-wide .modal-dialog {
  width: 80%;
  /* or whatever you wish */
  /*height: 70%;*/
}
/*.treated{
            background-color:#e9d2bd;
            
        }*/
/*.prograssive{
             background-color:#00acd6;
            color:white;
        }*/
.display {
  display: table-row;
}
.not-display {
  display: none;
}
.zero-leftpadding {
  padding-left: 0;
}
.label-title {
  border-bottom: 1px dotted #686868;
  color: #686868;
  padding: 5px 0;
  display: block;
}
.treatment-table .form-Control {
  padding: 6px 9px !important;
}
.uploader-div {
  min-height: 260px;
  width: 100%;
  margin: 10px 0;
  border: 1px dashed #c0bfbf;
  position: relative;
}
.uploader-div .upload-container {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  display: block;
  text-align: center;
  padding: 20px;
}
.uploader-div .upload-container h2 {
  color: #555555;
  font-style: italic;
}
.uploader-div .upload-container .fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(0, -73px) scale(3, 7.1);
  font-size: 23px;
  direction: ltr;
  cursor: pointer;
}
.uploader-div .upload-container .fileinput-button-large input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(130px, -75px) scale(2.7, 6.9);
  font-size: 23px;
  direction: ltr;
  cursor: pointer;
}
.thumbnail {
  border-radius: 0 !important;
}
ul.photos {
  list-style-type: none;
  margin: 16px 0px 16px 0px;
  padding: 0px 0px 0px 0px;
}
ul.photos:after {
  content: "";
  clear: both;
  display: block;
  height: 0px;
}
ul.photos li.photo {
  background-color: #FAFAFA;
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
  float: left;
  margin: 0px 10px 10px 0px;
  padding: 5px 5px 5px 5px;
}
ul.photos li.photo img {
  border: 1px solid #EEEEEE;
  border-radius: 3px 3px 3px 3px;
  display: block;
}
ul.photos img[bn-lazy-src] {
  background-image: url("checkered.png");
}
.previlageList {
  padding: 0 10px;
}
.previlageList ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.previlageList ul li {
  display: block;
  width: 100%;
  padding: 0 6px;
}
.previlageList ul li span {
  display: inline-block;
  width: 24%;
  padding: 5px 0px;
}
.previlageList ul li.parent-head {
  font-weight: bold;
  border-bottom: 1px solid #bbb;
  margin-bottom: 5px;
}
.previlageList ul li ul {
  padding-top: 5px;
}
.previlageList ul li ul li span {
  width: calc(24% + 2.5px);
}
.previlageList ul li ul li span:first-child {
  margin-left: 7px;
  width: calc(24% - 10px);
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.treated:hover {
  background-color: #88c389 !important;
  color: #fff;
}
.treated td .status:before {
  content: "\f046";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  padding-right: 10px;
  font-size: inherit;
  text-rendering: auto;
  color: #3c763d;
}
.paid td .payStatus:after {
  content: "Paid !";
  font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  color: #3c763d;
}
.not-paid td .payStatus:after,
.pending td .payStatus:after {
  content: "Not Paid !";
  font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  color: #a94442;
}
/*.treated:before {
    content: "\f046";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    color: @alert-success-text;
}

.vital:before {
    content: "\f21e";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    color: @alert-danger-text;
}

.treatment:before {
    content: "\f0f1";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    color: @alert-danger-text;
}
.vital.treatment
    {
    :after{
        content: "\f21e";
      font: normal normal normal 14px/1 FontAwesome;
      font-size: 14px;
      font-size: inherit;
      text-rendering: auto;
      color: #a94442;
    }
    
    :before {
    content: "\f21e";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    color: @alert-danger-text;
}
     }

.onprogress
{
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    &:before {
    content: "\f110";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    color: @alert-warning-text;
    
    }
}*/
.fromDate:before {
  content: "From ";
  font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  color: #686868;
}
.toDate:before {
  content: "To ";
  font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  color: #686868;
}
.laboratry-treeView td {
  vertical-align: middle !important;
}
.laboratry-treeView td label {
  margin-bottom: 0;
}
.laboratry-treeView > thead > tr:first-child {
  background-color: #08C;
  color: white;
}
.laboratry-treeView > thead > tr:first-child th {
  padding: 10px 10px;
}
.laboratry-treeView > thead > tr:first-child th .btn {
  padding: 0px 10px;
}
.laboratry-treeView .table {
  margin-bottom: 0px;
}
.laboratry-treeView .haschild {
  font-size: 15px;
}
.laboratry-treeView .haschild:after {
  content: "\f067";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  color: #31708f;
  cursor: pointer;
}
.laboratry-treeView .haschild.active {
  font-size: 15px;
}
.laboratry-treeView .haschild.active:after {
  content: "\f068";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  color: #fff;
  cursor: pointer;
}
.laboratry-treeView td:first-child {
  width: 5%;
}
.laboratry-treeView td:nth-child(2) {
  width: 15%;
}
.laboratry-treeView td:nth-child(3) {
  width: 10%;
}
.laboratry-treeView td:nth-child(4) {
  width: 10%;
}
.laboratry-treeView td:nth-child(5) {
  width: 10%;
}
.laboratry-treeView td:nth-child(6) {
  width: 10%;
}
.laboratry-treeView td:nth-child(7) {
  width: 10%;
}
.laboratry-treeView td:last-child {
  width: 20%;
}
.laboratry-treeView tbody tr.active td label:after {
  color: white !important;
}
.laboratry-treeView tbody tr.active td .btn-link {
  color: white !important;
}
/*#loading-bar-container{
    #loading-bar .bar {
      background-color:@btn-primary-border;
    }
    #loading-bar-spinner {    
    position: relative;
}
}*/
.page-loader {
  position: absolute;
  top: 45vh;
  left: 50%;
  margin: -50px 0px 0px -50px;
  z-index: 9999999;
}
.page-loader .loader span {
  text-align: center;
  display: table-cell;
}
.btn-extend {
  background-color: transparent;
  border-color: transparent;
  color: #5bc0de;
}
.table .form-group {
  margin-bottom: 0px;
}
td.normal-values span {
  padding-right: 10px;
}
.controller {
  position: relative;
}
.controller .aside {
  z-index: 1000;
  position: absolute;
  border-right: 1px solid #ddd;
  bottom: 0px;
  background-repeat: repeat-y;
  left: 5px;
  width: 400px;
  display: none;
  padding: 0;
  top: -10px;
  height: 100%;
  overflow-y: auto;
  transition: all 0.5s ease;
  transform: translate3d(0, 0, 0);
  background-color: #ffffff;
}
.controller .aside .aside-title {
  background-color: #337ab7;
  padding: 5px 10px;
  color: white;
}
.controller .aside .aside-content ul.history-list {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.controller .aside .aside-content ul.history-list li {
  padding: 5px 10px;
  padding-left: 15px;
  margin-top: 1px;
  cursor: pointer;
}
.controller .aside .aside-content ul.history-list li:before {
  content: "\f073";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  padding-right: 2px;
}
.controller .aside .aside-content ul.history-list li:hover {
  background-color: #a0c4e4;
  color: #fff;
}
.controller .aside .aside-content ul.history-list li:hover a {
  color: #fff;
}
.controller .aside .aside-content ul.history-list li.history-not-found {
  cursor: default;
  color: #f0ad4e;
  padding-top: 20px;
  padding-bottom: 20px;
}
.controller .aside .aside-content ul.history-list li.history-not-found:before {
  content: "\f071";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  padding-right: 2px;
}
.controller .aside .aside-content ul.history-list li.history-not-found:hover {
  background-color: transparent !important;
}
.controller .aside .aside-content ul.history-list li.disease-color:before {
  content: none !important;
}
.controller .aside .aside-footer {
  border-top: 1px solid #bbb;
}
.controller .aside.toggled {
  display: block;
}
.controller .aside.toggled.ng-enter {
  transition: all ease-in 0.25s;
  width: 0;
}
.controller .aside.toggled.ng-enter.ng-enter-active {
  width: 400px;
}
.controller .aside.toggled.ng-leave {
  transition: all ease-in 0.25s;
  width: 400px;
}
.controller .aside.toggled.ng-leave.ng-leave-active {
  width: 0px;
}
.controller .certificate-selection {
  position: relative;
}
.controller .certificate-selection .aside {
  position: relative;
  left: -10px;
  top: -10px;
  bottom: -10px;
  height: auto;
  width: 100%;
}
.controller .certificate-selection .aside .from-select-certificate {
  padding: 10px;
  margin-bottom: 5px;
}
.controller .certificate-selection .aside .content-title {
  background-color: #337ab7;
  padding: 5px 10px;
  color: white;
}
.controller .cash-sheet-content {
  margin-bottom: 20px;
}
.controller .teeth_main.ng-enter {
  transition: all linear 0.25s;
  animation: 0.25s added;
}
.controller .teeth_main.ng-enter.ng-enter-active {
  opacity: 1;
  top: 0px;
}
.controller .teeth_main.ng-leave {
  transition: all linear 0.25s;
  animation: 0.25s deleted;
}
.controller .teeth_main.ng-leave.ng-leave-active {
  top: 200px;
  opacity: 0;
}
.tags {
  padding: 5px;
  display: inline-table;
}
.tags .tag {
  border: 1px solid gray;
  padding-left: 5px;
  margin: 2px;
  margin-right: 15px;
  display: inline-block;
  position: relative;
  padding-right: 15px;
  border-right: none;
}
.tags .tag label {
  position: absolute;
  border: 1px solid gray;
  border-left: none;
  border-bottom: none;
  top: 2px;
  right: -8.2px;
  width: 16px;
  display: inline-block;
  z-index: 500;
  height: 16px;
  /* IE 9 */
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}
.tags .tag:after {
  content: "\f00d";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  padding-right: 2px;
  margin-left: 10px;
  color: maroon;
  position: absolute;
  right: -6px;
  top: 2px;
  cursor: pointer;
  /* IE 9 */
  /* Chrome, Safari, Opera */
  transform: rotate(0deg);
}
.teeth-List-xray {
  text-align: center;
}
.teeth-List-xray div ul {
  display: inline-block;
  list-style-type: none;
  padding: 5px;
  margin: 0;
  padding-right: 20px;
  position: relative;
}
.teeth-List-xray div ul li {
  display: inline-block;
}
.examination .tab-container {
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  margin-top: 0px;
  margin-left: 5px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
.examination .tab-container .tab-menu {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
.examination .tab-container .tab-menu .list-group {
  margin-bottom: 0;
}
.examination .tab-container .tab-menu .list-group > a {
  border-left: 0;
  margin-bottom: 0;
  border-radius: 0;
  cursor: pointer;
}
.examination .tab-container .tab-menu .list-group > a,
.examination .tab-container .tab-menu .list-group > a .glyphicon,
.examination .tab-container .tab-menu .list-group > a .fa {
  color: #337ab7;
}
.examination .tab-container .tab-menu .list-group > a:first-child {
  border-top-right-radius: 0;
}
.examination .tab-container .tab-menu .list-group > a:last-child {
  border-bottom-right-radius: 0;
}
.examination .tab-container .tab-menu .list-group > a.active:after {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -10px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #337ab7;
}
.examination .tab-container .tab-menu .list-group > a.active,
.examination .tab-container .tab-menu .list-group > a.active .glyphicon,
.examination .tab-container .tab-menu .list-group > a.active .fa {
  background-color: #337ab7;
  background-image: #337ab7;
  color: #ffffff;
}
.examination .tab-container .tab-content {
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
  color: #3c3c3c;
  padding-bottom: 50px;
}
.examination .tab-container .tab-content .row {
  padding-right: 15px;
}
.examination .tab-container .tab-content .row .sub-title,
.examination .tab-container .tab-content .row .title {
  padding-top: 10px;
  border-bottom: 1px solid #337ab7;
  padding-bottom: 5px;
  color: #337ab7;
}
.examination .tab-container .tab-content .row .title {
  border-bottom: 0px !important;
}
.examination .tab-container .tab-content .row .title-box {
  padding: 5px;
}
.examination .tab-container .tab-content .row .title-box label {
  margin-bottom: 2px;
}
.examination .tab-container .tab-content .row .title-box label span {
  margin: 0;
}
.examination .tab-container .tab-content .row .title-box span {
  margin-bottom: 2px;
}
.examination .tab-container .tab-content:not(.active) {
  display: none;
}
.blink-animate {
  animation: blink-animation 1500ms infinite linear;
}
@keyframes blink-animation {
  0% {
    opacity: 1.0;
    box-shadow: 0 0 3px #ffffff;
  }
  50% {
    opacity: 0.5;
    box-shadow: 0 0 40px #337ab7;
  }
  100% {
    opacity: 1.0;
    box-shadow: 0 0 3px #ffffff;
  }
}
@keyframes blink {
  50% {
    opacity: 0.0;
  }
}
.blink {
  animation: blink 1s step-start 0s infinite;
}
.submit-information-div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(251, 251, 251, 0.9);
}
.submit-information-div div {
  display: block;
  text-align: center;
  vertical-align: middle;
  position: relative;
  margin-top: 20vh;
}
.submit-information-div div p {
  text-align: center;
  font-size: 20px;
  color: #f39c12;
  font-weight: bold;
}
.profile-user-img {
  min-height: 100px;
  width: 100px !important;
}
.members-gender .radio {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.members-gender .radio ul {
  list-style-type: none;
  padding: 0;
}
.members-gender .radio ul li label.radio {
  margin: 0 !important;
}
.user-profile .profile-image {
  position: absolute;
  left: 20px;
  top: 0;
  border: 2px solid #337ab7;
}
.user-profile .profile-image img {
  border: 2px solid #dff0d8;
  box-shadow: rgba(0, 192, 239, 0.4) -1px -1px 50px 1px inset;
}
.user-profile .profile-details ul {
  list-style-type: none;
  padding: 0;
}
.user-profile .profile-details ul li {
  padding: 1px 0;
  display: block;
  font-size: 11.5px;
  font-style: italic;
}
.user-profile .profile-details ul li .pull-right {
  font-style: normal;
}
.user-profile .profile-details ul li strong {
  display: inline-block;
  width: 90px;
  color: #337ab7;
}
.user-profile .insurance-details {
  border-left: 1px gray solid;
}
.user-profile .insurance-details ul {
  list-style-type: none;
  padding: 0;
}
.user-profile .insurance-details ul li {
  padding: 1px 0;
  display: block;
  font-size: 13px;
  font-style: italic;
}
.user-profile .insurance-details ul li .pull-right {
  font-style: normal;
}
.user-profile .insurance-details ul li strong {
  display: inline-block;
  width: 100px;
  color: #337ab7;
}
.user-profile .loyalty-details {
  border-left: 1px gray solid;
}
.user-profile .loyalty-details ul {
  list-style-type: none;
  padding: 0;
}
.user-profile .loyalty-details ul li {
  padding: 1px 0;
  display: block;
  font-size: 13px;
  font-style: italic;
}
.user-profile .loyalty-details ul li .pull-right {
  font-style: normal;
}
.user-profile .loyalty-details ul li strong {
  display: inline-block;
  width: 100px;
  color: #337ab7;
}
/* For Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
ul.rolesList {
  list-style-type: none;
  border: 1px solid #ddd;
  /*padding: 5px 20px !important;*/
}
ul.rolesList li {
  clear: both;
  position: relative;
}
ul.rolesList li::before,
ul.rolesList li::after,
ul.rolesList ul::before {
  content: '';
  left: -9px;
  position: absolute;
  right: auto;
}
ul.rolesList li::after {
  border-top: 1px solid #999;
  height: 20px;
  top: 16px;
  width: 15px;
}
ul.rolesList li::before {
  border-left: 1px solid #999;
  bottom: 50px;
  height: 100%;
  top: 20px;
  width: 1px;
}
ul.rolesList > li.header::before {
  border: 0 !important;
}
ul.rolesList > li.header::after {
  border: 0 !important;
}
ul.rolesList li:last-child::before {
  border: 0 !important;
}
ul.rolesList ul::before {
  border-right: 1px solid #999;
  bottom: 50px;
  height: 20px;
  top: 22px;
  width: 1px;
  left: 30px;
}
ul.rolesList .checkbox {
  display: inline-block;
  margin: 0px !important;
  z-index: 6;
}
ul.rolesList li label {
  padding: 5px 5px;
  margin-bottom: 0 !important;
  font-weight: 400;
}
ul.rolesList li.header {
  /*padding:5px 2px;*/
  font-weight: bold;
  border-bottom: 2px solid #ddd;
}
ul.rolesList ul {
  list-style-type: none;
}
ul.rolesList li .role-actions span {
  width: 150px;
  display: inline-block;
  text-align: left;
  text-indent: 10px;
  /*border-right:1px solid #ddd;*/
}
ul.rolesList li .role-actions span:first-child {
  /*border-left:1px solid #ddd;
                                border-right:none !important;*/
}
ul.rolesList li .role-actions span:last-child {
  /*border:none !important;*/
}
ul.rolesList label.expend {
  /*margin-right:10px;*/
}
.purchase-table .selected {
  background: #eab587;
}
.form-group-auto-complete {
  position: relative;
}
.form-group-auto-complete .auto-complete-container {
  position: absolute;
  width: 100%;
  background-color: white;
  border: 1px solid #ddd;
}
.form-group-auto-complete .auto-complete-container ul {
  list-style-type: none;
  padding: 8px 15px;
}
.form-group-auto-complete .auto-complete-container ul li {
  padding-bottom: 2px;
}
.ui-select-container :focus {
  border-color: #3c8dbc;
  box-shadow: none !important;
}
.ui-select-container .ui-select-match.btn-default-focus {
  color: #333;
  background-color: #EBEBEB;
  border-color: #3c8dbc;
  text-decoration: none;
  outline: none !important;
  outline-offset: -2px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.ui-select-container .ui-select-match.btn-default-focus > .form-control {
  border-color: #3c8dbc !important;
  box-shadow: none !important;
}
.ui-select-container .btn {
  border-radius: 0px;
}
.ui-select-container .btn.ui-select-toggle {
  background-color: transparent !important;
}
.expired {
  background-color: #d9534f !important;
}
.expirable {
  background-color: #f0ad4e !important;
}
.ta-toolbar {
  padding: 10px 10px 5px;
  margin-left: 0px;
}
.ui-select-match-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 90%;
}
/*Loyalty style*/
.service-details-wrapper1 {
  position: absolute;
  box-shadow: 19px -20px 20px 3px rgba(232, 232, 232, 0.33);
  width: auto;
  min-width: 50%;
  top: -30px;
  left: 25%;
  height: auto;
  z-index: 99999;
  min-height: 500px;
}
.service-details-wrapper1.box {
  border-top: 0px !important;
  margin-bottom: 20px;
}
.service-details-wrapper1.box .box-header {
  padding: 0 !important;
}
.service-details-wrapper1.box .box-body {
  padding: 0 !important;
}
.service-details-wrapper1 h4 {
  background-color: #3c8dbc;
  color: #fff;
  padding: 10px;
  margin: 0px !important;
}
.service-details-wrapper1 .pre-scrollable {
  display: block;
  overflow-y: auto;
  height: calc(-25vh);
  position: relative;
  width: 100%;
}
.service-details-wrapper1 ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  min-height: 280px;
}
.service-details-wrapper1 ul.service-list-search {
  min-height: 50px;
}
.service-details-wrapper1 ul.service-list-search li {
  background-color: white;
}
.service-details-wrapper1 ul li:nth-child(odd) {
  background: rgba(154, 154, 154, 0.05);
}
.service-details-wrapper1 ul li:nth-child(even) {
  background: rgba(255, 255, 255, 0.05);
}
.service-details-wrapper1 ul ul {
  height: auto !important;
  min-height: 50px;
}
.service-details-wrapper1 ul ul.isChild {
  border-top: 1px solid #fff;
  margin-top: 10px;
  padding: 0px !important;
}
.service-details-wrapper1 ul ul.isChild li.level-2 {
  padding-left: 20px !important;
}
.service-details-wrapper1 ul ul.isChild li.level-3 {
  padding-left: 30px !important;
}
.service-details-wrapper1 ul ul.isChild li.level-4 {
  padding-left: 40px !important;
}
.service-details-wrapper1 ul ul.isChild li:last-child {
  border: none !important;
  padding-bottom: 0px;
}
.service-details-wrapper1 ul li {
  border-bottom: 1px solid #fff;
  display: block;
  position: relative;
  padding: 10px 0px;
  padding-left: 10px !important;
}
.service-details-wrapper1 ul li .service-name {
  display: inline-block;
  width: 30%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.service-details-wrapper1 ul li .tools {
  position: absolute;
  top: 0px;
  right: 5px;
}
.service-details-wrapper1 ul li .tools .discountBox {
  width: 80px;
  right: 30px;
  position: absolute;
  top: 7px;
}
.service-details-wrapper1 ul li .tools .discountBox .form-control {
  padding: 2px 6px !important;
  height: 25px;
}
.service-details-wrapper1 ul li .tools .checkbox {
  float: right;
}
.service-details-wrapper1 ul li .tools .checkbox .icheckbox_minimal-blue {
  background-color: white;
}
.service-details-wrapper1 ul li .tools .checkbox .iCheck-helper {
  z-index: 9999;
}
.control-sidebar-register.loyalty-category-wrapper {
  box-shadow: 7px -12px 20px 3px rgba(177, 176, 176, 0.33);
  width: auto;
  min-width: 25%;
  height: auto;
  min-height: 650px;
}
.control-sidebar-register.loyalty-category-wrapper .box {
  border-top: 0px !important;
  margin-bottom: 20px;
}
.control-sidebar-register.loyalty-category-wrapper .box .box-body {
  padding: 0 !important;
}
.control-sidebar-register.loyalty-category-wrapper h4 {
  background-color: #3c8dbc;
  color: #fff;
  padding: 10px;
  margin: 0px !important;
}
.control-sidebar-register.loyalty-category-wrapper ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  min-height: 240px;
}
.control-sidebar-register.loyalty-category-wrapper ul li:nth-child(odd) {
  background: rgba(154, 154, 154, 0.05);
}
.control-sidebar-register.loyalty-category-wrapper ul li:nth-child(even) {
  background: rgba(255, 255, 255, 0.05);
}
.control-sidebar-register.loyalty-category-wrapper ul li {
  border-bottom: 1px solid #fff;
  display: block;
  position: relative;
  padding: 10px;
  padding-left: 10px;
}
.control-sidebar-register.loyalty-category-wrapper ul li .service-name {
  display: inline-block;
  width: 30%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.control-sidebar-register.loyalty-category-wrapper ul li .tools {
  position: absolute;
  top: 0px;
  right: 5px;
}
.control-sidebar-register.loyalty-category-wrapper ul li .tools .discountBox {
  width: 80px;
  right: 30px;
  position: absolute;
  top: 7px;
}
.control-sidebar-register.loyalty-category-wrapper ul li .tools .discountBox .form-control {
  padding: 2px 6px !important;
  height: 25px;
}
.control-sidebar-register.loyalty-category-wrapper ul li .tools .checkbox {
  float: right;
}
.control-sidebar-register.loyalty-category-wrapper ul li .tools .checkbox .icheckbox_minimal-blue {
  background-color: white;
}
.control-sidebar-register.loyalty-category-wrapper ul li .tools .checkbox .iCheck-helper {
  z-index: 9999;
}
.control-sidebar-register.service-details-wrapper {
  box-shadow: 19px -20px 20px 3px rgba(232, 232, 232, 0.33);
  width: auto;
  height: auto;
  min-height: 650px;
}
.control-sidebar-register.service-details-wrapper.control-sidebar-open {
  min-width: 50%;
}
.control-sidebar-register.service-details-wrapper .box {
  border-top: 0px !important;
  margin-bottom: 20px;
}
.control-sidebar-register.service-details-wrapper .box .box-body {
  padding: 0 !important;
}
.control-sidebar-register.service-details-wrapper h4 {
  background-color: #3c8dbc;
  color: #fff;
  padding: 10px;
  margin: 0px !important;
}
.control-sidebar-register.service-details-wrapper ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  min-height: 280px;
}
.control-sidebar-register.service-details-wrapper ul.pre-scrollable {
  display: block;
  overflow-y: auto;
  height: calc(-5vh);
  position: relative;
  width: 100%;
  max-height: 500px;
}
.control-sidebar-register.service-details-wrapper ul.service-list-search {
  min-height: 50px;
}
.control-sidebar-register.service-details-wrapper ul.service-list-search li {
  background-color: white;
}
.control-sidebar-register.service-details-wrapper ul li:nth-child(odd) {
  background: rgba(154, 154, 154, 0.05);
}
.control-sidebar-register.service-details-wrapper ul li:nth-child(even) {
  background: rgba(255, 255, 255, 0.05);
}
.control-sidebar-register.service-details-wrapper ul ul {
  height: auto !important;
  min-height: 50px;
}
.control-sidebar-register.service-details-wrapper ul ul.isChild {
  border-top: 1px solid #fff;
  margin-top: 10px;
  padding: 0px !important;
}
.control-sidebar-register.service-details-wrapper ul ul.isChild li.level-2 {
  padding-left: 20px !important;
}
.control-sidebar-register.service-details-wrapper ul ul.isChild li.level-3 {
  padding-left: 30px !important;
}
.control-sidebar-register.service-details-wrapper ul ul.isChild li.level-4 {
  padding-left: 40px !important;
}
.control-sidebar-register.service-details-wrapper ul ul.isChild li:last-child {
  border: none !important;
  padding-bottom: 0px;
}
.control-sidebar-register.service-details-wrapper ul li {
  border-bottom: 1px solid #fff;
  display: block;
  position: relative;
  padding: 10px 0px;
  padding-left: 10px !important;
}
.control-sidebar-register.service-details-wrapper ul li .service-name {
  display: inline-block;
  width: 30%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.control-sidebar-register.service-details-wrapper ul li .tools {
  position: absolute;
  top: 0px;
  right: 5px;
}
.control-sidebar-register.service-details-wrapper ul li .tools .discountBox {
  width: 80px;
  right: 30px;
  position: absolute;
  top: 7px;
}
.control-sidebar-register.service-details-wrapper ul li .tools .discountBox .form-control {
  padding: 2px 6px !important;
  height: 25px;
}
.control-sidebar-register.service-details-wrapper ul li .tools .checkbox {
  float: right;
}
.control-sidebar-register.service-details-wrapper ul li .tools .checkbox .icheckbox_minimal-blue {
  background-color: white;
}
.control-sidebar-register.service-details-wrapper ul li .tools .checkbox .iCheck-helper {
  z-index: 9999;
}
.loyalty-category-wrapper1 {
  position: absolute;
  box-shadow: 7px -12px 20px 3px rgba(177, 176, 176, 0.33);
  width: auto;
  min-width: 25%;
  top: -30px;
  left: -10px;
  height: auto;
  z-index: 9999;
  min-height: 350px;
}
.loyalty-category-wrapper1.box {
  border-top: 0px !important;
  margin-bottom: 20px;
}
.loyalty-category-wrapper1.box .box-header {
  padding: 0 !important;
}
.loyalty-category-wrapper1.box .box-body {
  padding: 0 !important;
}
.loyalty-category-wrapper1 h4 {
  background-color: #3c8dbc;
  color: #fff;
  padding: 10px;
  margin: 0px !important;
}
.loyalty-category-wrapper1 ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  min-height: 240px;
}
.loyalty-category-wrapper1 ul li:nth-child(odd) {
  background: rgba(154, 154, 154, 0.05);
}
.loyalty-category-wrapper1 ul li:nth-child(even) {
  background: rgba(255, 255, 255, 0.05);
}
.loyalty-category-wrapper1 ul li {
  border-bottom: 1px solid #fff;
  display: block;
  position: relative;
  padding: 10px;
  padding-left: 10px;
}
.loyalty-category-wrapper1 ul li .service-name {
  display: inline-block;
  width: 30%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.loyalty-category-wrapper1 ul li .tools {
  position: absolute;
  top: 0px;
  right: 5px;
}
.loyalty-category-wrapper1 ul li .tools .discountBox {
  width: 80px;
  right: 30px;
  position: absolute;
  top: 7px;
}
.loyalty-category-wrapper1 ul li .tools .discountBox .form-control {
  padding: 2px 6px !important;
  height: 25px;
}
.loyalty-category-wrapper1 ul li .tools .checkbox {
  float: right;
}
.loyalty-category-wrapper1 ul li .tools .checkbox .icheckbox_minimal-blue {
  background-color: white;
}
.loyalty-category-wrapper1 ul li .tools .checkbox .iCheck-helper {
  z-index: 9999;
}
@media (min-width: 786px) {
  .loyalty-category-wrapper1 {
    min-width: 50%;
  }
  .loyalty-category-wrapper1 .service-name {
    display: inline-block;
    width: 190px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .loyalty-category-wrapper1 .discountBox {
    width: 80px;
    top: -5px;
    right: 5px;
  }
  .loyalty-category-wrapper1 .discountBox .form-control {
    padding: 2px 6px !important;
  }
}
@media (min-width: 992px) {
  .loyalty-category-wrapper1 {
    min-width: 30%;
    top: -30px;
    left: -10px;
  }
  .loyalty-category-wrapper1 .service-name {
    display: inline-block;
    width: 190px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
/*@media (min-width: 1200px){
    .loyalty-category-wrapper {
         min-width: 50%; 
         top:-30px;
         left:-10px; 
         .service-name{
                display:inline-block;
                width: 190px !important;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
    }
}*/
@media (min-width: 786px) {
  .service-details-wrapper1 {
    min-width: 50%;
    left: 49.4%;
  }
  .service-details-wrapper1 .service-name {
    display: inline-block;
    width: 190px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .service-details-wrapper1 .discountBox {
    width: 80px;
    top: -5px;
    right: 5px;
  }
  .service-details-wrapper1 .discountBox .form-control {
    padding: 2px 6px !important;
  }
}
@media (min-width: 992px) {
  .service-details-wrapper1 {
    min-width: 70%;
    top: -30px;
    left: 29.4%;
  }
  .service-details-wrapper1 .service-name {
    display: inline-block;
    width: 250px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
/*@media (min-width: 1200px){
    .service-details-wrapper {
         min-width: 50%;
         top:-30px;
         left:50%; 
         .service-name{
                display:inline-block;
                width: 250px !important;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
    }
}*/
.service-list-search li {
  border-left: 0px !important;
}
.service-list-search li .has-feedback {
  width: 50%;
}
.service-list-footer li {
  border-left: 0px !important;
  padding: 12px !important;
}
.service-list-footer li .total-service-cost {
  float: right;
  font-weight: bold;
  margin-right: 3.5%;
}
.service-list {
  padding: 0;
  margin: 0;
  display: block;
  overflow-y: auto;
  max-height: 300px;
}
.service-list li {
  position: relative;
  padding: 5px !important;
}
.service-list li:nth-child(odd) {
  background: rgba(154, 154, 154, 0.05);
}
.service-list li:nth-child(even) {
  background: rgba(255, 255, 255, 0.05);
}
.service-list > li .text {
  text-indent: 13px;
}
.service-list > li .text.group-header {
  text-indent: 0px !important;
  font-weight: bold;
}
.service-list > li .text.group-header:parent {
  font-weight: bold;
}
.service-list > li .amount {
  display: inline-block;
  right: 5%;
  position: absolute;
}
.service-list > li .visit-count {
  display: inline-block;
  right: 15%;
  position: absolute;
  height: 20px;
  width: 7%;
  font-size: 13px;
  padding: 5px;
  border: none;
  border-bottom: 2px solid #ddd;
}
#bmiResultTable {
  width: 100%;
  border: 1px solid #ddd;
  border-collapse: collapse;
  margin-bottom: 20px;
}
#bmiResultTable tr:hover {
  background-color: #f4f4f4;
}
#bmiResultTable th {
  background-color: #eee;
  color: black;
  height: 20px;
}
#bmiResultTable th,
#bmiResultTable td {
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
#bmiResultTable tr.bmiYellow {
  background-color: #f7f700;
}
#bmiResultTable tr.bmiGreen {
  background-color: #66ff00;
}
#bmiResultTable tr.bmiOrange {
  background-color: #ff9900;
  color: #fff;
}
#bmiResultTable tr.bmiRed {
  background-color: #f00;
  color: #fff;
}
#bmiResultTable tr.bmiDarkRed {
  background-color: #B91E00;
  color: #fff;
}
.blink-warning {
  color: #8a6d3b;
  animation: blink 1s step-start 0s infinite;
}
.dataTables_filter label {
    width: 30%;
}

.dataTables_filter > label > input {
    width: 100% !important;
}
    .dataTables_filter > label > input:before {
        content: '/f002'
    }