@charset "UTF-8";
/*
	* Contents  : The file contains styling of Clove Dental Application
	* Created : 24/04/16
	* Author  : Sweety Gupta
*/
/*
	*for fonts
*/
@import url("fonts.css");
/*
	*non visible
	*scss files
*/
/* @mixin keyframe ($animation_name) {
	@-webkit-keyframes $animation_name {
			@content;
	}
	@-moz-keyframes $animation_name {
			@content;
	}
	@-o-keyframes $animation_name {
			@content;
	}
	@keyframes $animation_name {
			@content;
	}
} */
body {
  background: #f8f8fa url("../imgs/pattern.png") repeat top left;
  font-family: Calibri, Sans-serif, Arial;
  color: #444444;
  font-size: 16px; }

/*
	*Common Styles
*/
/** start: pageHeading-all inventory listing and add scren **/
.visible-xs-cstm {
  display: none !important; }

.container,
.container-fluid-screen,
.container-fluid {
  position: relative; }
  .container .jumbotron,
  .container-fluid-screen .jumbotron,
  .container-fluid .jumbotron {
    box-shadow: 0px 0 6px #ccc;
    position: relative;
    background: white;
    font: 0.9em "AvantGradeRegular";
    margin: 0 0 1.3em;
    padding: 0; }
    .container .jumbotron .box-center,
    .container-fluid-screen .jumbotron .box-center,
    .container-fluid .jumbotron .box-center {
      margin: auto;
      text-align: center; }
    .container .jumbotron .space-between,
    .container-fluid-screen .jumbotron .space-between,
    .container-fluid .jumbotron .space-between {
      display: flex;
      justify-content: space-between !important;
      align-items: center; }
    .container .jumbotron h1,
    .container-fluid-screen .jumbotron h1,
    .container-fluid .jumbotron h1 {
      display: inline-block;
      color: #fa9948;
      font-size: 1.3em;
      margin-bottom: 0.5em;
      font-weight: 600;
      padding: 0; }
    .container .jumbotron h4,
    .container-fluid-screen .jumbotron h4,
    .container-fluid .jumbotron h4 {
      text-align: center;
      font-size: 0.9em;
      display: block;
      margin: 0 0 .5em; }
      .container .jumbotron h4.patiendId,
      .container-fluid-screen .jumbotron h4.patiendId,
      .container-fluid .jumbotron h4.patiendId {
        margin: 1.8em 0 0; }

.btn-circular > i {
  margin-top: 0 !important; }

@media (min-width: 280px) {
  .container .jumbotron h1,
  .container-fluid-screen .jumbotron h1,
  .container-fluid .jumbotron h1 {
    margin: .5em 0; } }
  @media (min-width: 280px) and (max-width: 480px) {
    .container .jumbotron h1,
    .container-fluid-screen .jumbotron h1,
    .container-fluid .jumbotron h1 {
      float: left !important; } }

@media (min-width: 280px) {
  .container .jumbotron .btmTitle,
  .container-fluid-screen .jumbotron .btmTitle,
  .container-fluid .jumbotron .btmTitle {
    width: 100%; }
  .container .jumbotron .mdl-hdr-text,
  .container-fluid-screen .jumbotron .mdl-hdr-text,
  .container-fluid .jumbotron .mdl-hdr-text {
    display: inline-block;
    font-weight: bold;
    font-size: 0.93em;
    margin: 0.5em; }
    .container .jumbotron .mdl-hdr-text span,
    .container-fluid-screen .jumbotron .mdl-hdr-text span,
    .container-fluid .jumbotron .mdl-hdr-text span {
      display: block; }
    .container .jumbotron .mdl-hdr-text h4 span,
    .container-fluid-screen .jumbotron .mdl-hdr-text h4 span,
    .container-fluid .jumbotron .mdl-hdr-text h4 span {
      display: inline;
      margin: 0; } }

@media (min-width: 480px) {
  .mdl-hdr-text span {
    display: inline; }
    .mdl-hdr-text span:last-child {
      margin-left: 1.5em; } }

@media (min-width: 520px) {
  .container .jumbotron .btmTitle,
  .container-fluid-screen .jumbotron .btmTitle,
  .container-fluid .jumbotron .btmTitle {
    width: auto;
    margin: 2.3em 0 .2em; } }

@media (min-width: 520px) {
  .container .jumbotron .btmTitle,
  .container-fluid-screen .jumbotron .btmTitle,
  .container-fluid .jumbotron .btmTitle {
    width: auto; }
  .container .jumbotron .mdl-hdr-text,
  .container-fluid-screen .jumbotron .mdl-hdr-text,
  .container-fluid .jumbotron .mdl-hdr-text {
    margin: 0.5em; }
    .container .jumbotron .mdl-hdr-text .shift-left,
    .container-fluid-screen .jumbotron .mdl-hdr-text .shift-left,
    .container-fluid .jumbotron .mdl-hdr-text .shift-left {
      float: left; }
    .container .jumbotron .mdl-hdr-text .shift-right,
    .container-fluid-screen .jumbotron .mdl-hdr-text .shift-right,
    .container-fluid .jumbotron .mdl-hdr-text .shift-right {
      float: right; } }

@media (min-width: 520px) {
  .container .workOrderNumberListing .jumbotron .btmTitle,
  .container-fluid-screen .workOrderNumberListing .jumbotron .btmTitle,
  .container-fluid .workOrderNumberListing .jumbotron .btmTitle {
    width: auto; }
  .container .workOrderNumberListing .jumbotron .mdl-hdr-text,
  .container-fluid-screen .workOrderNumberListing .jumbotron .mdl-hdr-text,
  .container-fluid .workOrderNumberListing .jumbotron .mdl-hdr-text {
    margin: 3.4em 0 0 2em; }
    .container .workOrderNumberListing .jumbotron .mdl-hdr-text .shift-left,
    .container-fluid-screen .workOrderNumberListing .jumbotron .mdl-hdr-text .shift-left,
    .container-fluid .workOrderNumberListing .jumbotron .mdl-hdr-text .shift-left {
      float: left; }
    .container .workOrderNumberListing .jumbotron .mdl-hdr-text .shift-right,
    .container-fluid-screen .workOrderNumberListing .jumbotron .mdl-hdr-text .shift-right,
    .container-fluid .workOrderNumberListing .jumbotron .mdl-hdr-text .shift-right {
      float: right; } }

@media (min-width: 768px) {
  .container .jumbotron .mdl-hdr-text,
  .container-fluid-screen .jumbotron .mdl-hdr-text,
  .container-fluid .jumbotron .mdl-hdr-text {
    text-align: left;
    /*width: 100%;
				margin: 0;*/ }
    .container .jumbotron .mdl-hdr-text .shift-left,
    .container-fluid-screen .jumbotron .mdl-hdr-text .shift-left,
    .container-fluid .jumbotron .mdl-hdr-text .shift-left {
      float: left;
      margin-right: 1.5em; }
    .container .jumbotron .mdl-hdr-text .shift-right,
    .container-fluid-screen .jumbotron .mdl-hdr-text .shift-right,
    .container-fluid .jumbotron .mdl-hdr-text .shift-right {
      float: left;
      margin-left: 0; } }

@media (min-width: 992px) {
  .container .jumbotron .btmTitle,
  .container-fluid-screen .jumbotron .btmTitle,
  .container-fluid .jumbotron .btmTitle {
    margin: 2.3em 0 .2em; }
  .container .jumbotron .mdl-hdr-text,
  .container-fluid-screen .jumbotron .mdl-hdr-text,
  .container-fluid .jumbotron .mdl-hdr-text {
    width: auto;
    text-align: center;
    margin: 3.4em 0 0 2em; }
    .container .jumbotron .mdl-hdr-text.hdrTypeOne,
    .container-fluid-screen .jumbotron .mdl-hdr-text.hdrTypeOne,
    .container-fluid .jumbotron .mdl-hdr-text.hdrTypeOne {
      clear: both;
      float: left;
      margin: 0;
      width: 100%; }
      .container .jumbotron .mdl-hdr-text.hdrTypeOne > div,
      .container-fluid-screen .jumbotron .mdl-hdr-text.hdrTypeOne > div,
      .container-fluid .jumbotron .mdl-hdr-text.hdrTypeOne > div {
        display: inline-block; }
      .container .jumbotron .mdl-hdr-text.hdrTypeOne > #totalAmountMessage,
      .container-fluid-screen .jumbotron .mdl-hdr-text.hdrTypeOne > #totalAmountMessage,
      .container-fluid .jumbotron .mdl-hdr-text.hdrTypeOne > #totalAmountMessage {
        float: left; }
        .container .jumbotron .mdl-hdr-text.hdrTypeOne > #totalAmountMessage > h4,
        .container-fluid-screen .jumbotron .mdl-hdr-text.hdrTypeOne > #totalAmountMessage > h4,
        .container-fluid .jumbotron .mdl-hdr-text.hdrTypeOne > #totalAmountMessage > h4 {
          display: inline-block;
          margin-right: .5em; }
    .container .jumbotron .mdl-hdr-text .shift-left,
    .container-fluid-screen .jumbotron .mdl-hdr-text .shift-left,
    .container-fluid .jumbotron .mdl-hdr-text .shift-left {
      float: left;
      margin-right: 0; }
    .container .jumbotron .mdl-hdr-text .shift-right,
    .container-fluid-screen .jumbotron .mdl-hdr-text .shift-right,
    .container-fluid .jumbotron .mdl-hdr-text .shift-right {
      float: right;
      margin-left: 1.5em; }
  .container .jumbotron.hdngTwo .btmTitle,
  .container-fluid-screen .jumbotron.hdngTwo .btmTitle,
  .container-fluid .jumbotron.hdngTwo .btmTitle {
    margin: 1.3em 0 .2em; }
  .container .jumbotron.hdngTwo .mdl-hdr-text,
  .container-fluid-screen .jumbotron.hdngTwo .mdl-hdr-text,
  .container-fluid .jumbotron.hdngTwo .mdl-hdr-text {
    margin: 0.7em 0 0 0; } }

@media (min-width: 992px) {
  .container .vCenterDiv,
  .container-fluid-screen .vCenterDiv,
  .container-fluid .vCenterDiv {
    position: absolute;
    transform: translate(0%, -50%);
    margin-left: -50%;
    margin-top: 0;
    width: 100%;
    left: 50%;
    top: 50%; }
  .bodyMinusHeader {
    height: calc(100vh - 90px);
    overflow: hidden; } }

@media only screen and (max-width: 992px) and (orientation: landscape) {
  .vCenterDiv {
    position: inherit;
    transform: none;
    margin: 0; } }

/** end: pageHeading-all inventory listing and add scren **/
/** start: Save message **/
.saveMessage {
  text-align: center;
  /* added to put all alert contents in center */
  position: fixed;
  z-index: 8031;
  width: 50%;
  left: 50%;
  margin-left: -25%;
  box-shadow: 0 1px 18px rgba(0, 0, 0, 0.45);
  top: 20%;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
  padding: 15px;
  border-radius: 4px;
  -webkit-animation-delay: 5s;
  -webkit-animation-duration: 2s;
  -webkit-animation-name: fadeout;
  -webkit-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  -moz-animation-delay: 5s;
  -moz-animation-duration: 2s;
  -moz-animation-name: fadeout;
  -moz-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  -o-animation-delay: 5s;
  -o-animation-duration: 2s;
  -o-animation-name: fadeout;
  -o-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  animation-delay: 5s;
  animation-duration: 2s;
  animation-name: fadeout;
  animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */ }
  .saveMessage .closeMsgBtn {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #468847;
    text-shadow: 0 1px 0 #ffffff;
    /*opacity: 1;*/
    filter: alpha(opacity=20);
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none; }

/* @include keyframe(moveup) {
	to {
		top: -1000px;
	}
} */
/** end: Save message **/
/** start: Alert message **/
.alertMessage {
  text-align: center;
  /* added to put all alert contents in center */
  position: fixed;
  z-index: 8031;
  width: 50%;
  left: 50%;
  margin-left: -25%;
  box-shadow: 0 1px 18px rgba(0, 0, 0, 0.45);
  top: 20%;
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  padding: 15px;
  font: 16px/20px Calibri, Sans-serif, Arial;
  border-radius: 4px;
  -webkit-animation-delay: 5s;
  -webkit-animation-duration: 2s;
  -webkit-animation-name: fadeout;
  -webkit-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  -moz-animation-delay: 5s;
  -moz-animation-duration: 2s;
  -moz-animation-name: fadeout;
  -moz-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  -o-animation-delay: 5s;
  -o-animation-duration: 2s;
  -o-animation-name: fadeout;
  -o-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  animation-delay: 5s;
  animation-duration: 2s;
  animation-name: fadeout;
  animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */ }
  .alertMessage .closeMsgBtn {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #a94442;
    text-shadow: 0 1px 0 #ffffff;
    /*opacity: 1;*/
    filter: alpha(opacity=20);
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none; }

/** FADE IN/OUT ALERT **/
.alert-type2 {
  position: fixed;
  z-index: 1050;
  width: 53.1%;
  left: 50%;
  margin-left: -26.5%;
  box-shadow: 0 1px 18px rgba(0, 0, 0, 0.45);
  top: 20%;
  text-align: center;
  padding: 15px;
  margin-bottom: 20px;
  border: 2px solid #C00000;
  border-radius: 4px;
  color: #b39191;
  font-size: 1.5em;
  text-shadow: 1px 1px 0px #C00000;
  animation: fadeout 2s forwards;
  animation-delay: 5s;
  font: 16px/20px Calibri, Sans-serif, Arial; }

.alert {
  text-align: center;
  /* added to put all alert contents in center */
  position: fixed;
  z-index: 1055;
  width: 50%;
  left: 50%;
  margin-left: -25%;
  box-shadow: 0 1px 18px rgba(0, 0, 0, 0.45);
  top: 20%;
  animation: fadeout 2s forwards;
  animation-delay: 5s;
  font: 16px/20px Calibri, Sans-serif, Arial; }

.payrecoAdd .alert-success {
  animation-delay: 8s; }

@keyframes fadeout {
  to {
    top: -1000px; } }

/** end: Alert message **/
/** start: common circular icons styling **/
.btn-circular {
  background: transparent;
  border: 0 none;
  text-transform: capitalize;
  margin: 0.4em 0 0.1em;
  font: 0.8em "RobotoRegular";
  text-align: center;
  color: inherit;
  padding: 0; }
  .btn-circular:hover, button:hover span.btn-circular.cmnicons {
    color: #4e3224; }
  .btn-circular > i {
    font-style: normal;
    line-height: 16px;
    display: block;
    margin-top: 5px;
    /*font-weight: 600;*/ }
  .btn-circular.active {
    color: #4e3224; }

.pdicons {
  background: #fff url("../imgs/patientDashB-sprite.png") no-repeat top left;
  background-color: white;
  box-shadow: inset 0 0 0 1px #adb3a2, 0 0 4px #ccc;
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  -moz-osx-font-smoothing: grayscale;
  width: 46px;
  height: 46px;
  border-radius: 24px;
  display: flex;
  margin: auto;
  /** mouseover icons change **/ }
  .pdicons.tp {
    background-position: -24px -355px; }
  .pdicons.prf {
    background-position: -111px -358px; }
  .pdicons.dt {
    background-position: -217px -354px; }
  .pdicons.fls {
    background-position: -324px -357px; }
  .pdicons.appt {
    background-position: -435px -350px; }
  .pdicons.inv {
    background-position: -539px -483px; }
  .pdicons.wd {
    background-position: -22.5px -481px; }
  .pdicons.oe {
    background-position: -114px -480px; }
  .pdicons.cc {
    background-position: -217px -479px; }
  .pdicons.prc {
    background-position: -325px -482px; }
  .pdicons.cmmt {
    background-position: -434px -481px; }
  .pdicons.rept {
    background-position: -536px -352px; }
  .pdicons.sh {
    background-position: -625px -353px; }
  .pdicons.hs {
    background-position: -623px -418px; }
  .pdicons.qc {
    background-position: -697px -484px; }
  .pdicons.wf {
    background-position: -626px -309px; }
  .pdicons.sndrcpt {
    background-position: -215px -148px; }
  .pdicons:hover, button:hover span.pdicons.cmnicons, .patientDashboard .panel-group .panel .panel-heading:hover .pdicons, .patientDashboard .panel-group .panel button:hover span.panel-heading.cmnicons .pdicons, button:hover .patientDashboard .panel-group .panel span.panel-heading.cmnicons .pdicons,
  .patientDashboard .panel-group .panel .panel-heading.activeH .pdicons,
  .patientDashboard .panel-group .panel .panel-heading.collapsing-activeH .pdicons {
    background-color: #faa762;
    box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999; }
    .pdicons:hover.tp, button:hover span.pdicons.tp.cmnicons, .patientDashboard .panel-group .panel .panel-heading:hover .tp.pdicons, .patientDashboard .panel-group .panel button:hover span.panel-heading.cmnicons .tp.pdicons, button:hover .patientDashboard .panel-group .panel span.panel-heading.cmnicons .tp.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.activeH .tp.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.collapsing-activeH .tp.pdicons {
      background-position: -24px -417px; }
    .pdicons:hover.prf, button:hover span.pdicons.prf.cmnicons, .patientDashboard .panel-group .panel .panel-heading:hover .prf.pdicons, .patientDashboard .panel-group .panel button:hover span.panel-heading.cmnicons .prf.pdicons, button:hover .patientDashboard .panel-group .panel span.panel-heading.cmnicons .prf.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.activeH .prf.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.collapsing-activeH .prf.pdicons {
      background-position: -111px -418px; }
    .pdicons:hover.dt, button:hover span.pdicons.dt.cmnicons, .patientDashboard .panel-group .panel .panel-heading:hover .dt.pdicons, .patientDashboard .panel-group .panel button:hover span.panel-heading.cmnicons .dt.pdicons, button:hover .patientDashboard .panel-group .panel span.panel-heading.cmnicons .dt.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.activeH .dt.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.collapsing-activeH .dt.pdicons {
      background-position: -217px -415px; }
    .pdicons:hover.fls, button:hover span.pdicons.fls.cmnicons, .patientDashboard .panel-group .panel .panel-heading:hover .fls.pdicons, .patientDashboard .panel-group .panel button:hover span.panel-heading.cmnicons .fls.pdicons, button:hover .patientDashboard .panel-group .panel span.panel-heading.cmnicons .fls.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.activeH .fls.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.collapsing-activeH .fls.pdicons {
      background-position: -324px -419px; }
    .pdicons:hover.appt, button:hover span.pdicons.appt.cmnicons, .patientDashboard .panel-group .panel .panel-heading:hover .appt.pdicons, .patientDashboard .panel-group .panel button:hover span.panel-heading.cmnicons .appt.pdicons, button:hover .patientDashboard .panel-group .panel span.panel-heading.cmnicons .appt.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.activeH .appt.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.collapsing-activeH .appt.pdicons {
      background-position: -435px -412px; }
    .pdicons:hover.inv, button:hover span.pdicons.inv.cmnicons, .patientDashboard .panel-group .panel .panel-heading:hover .inv.pdicons, .patientDashboard .panel-group .panel button:hover span.panel-heading.cmnicons .inv.pdicons, button:hover .patientDashboard .panel-group .panel span.panel-heading.cmnicons .inv.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.activeH .inv.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.collapsing-activeH .inv.pdicons {
      background-position: -539px -554px; }
    .pdicons:hover.wd, button:hover span.pdicons.wd.cmnicons, .patientDashboard .panel-group .panel .panel-heading:hover .wd.pdicons, .patientDashboard .panel-group .panel button:hover span.panel-heading.cmnicons .wd.pdicons, button:hover .patientDashboard .panel-group .panel span.panel-heading.cmnicons .wd.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.activeH .wd.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.collapsing-activeH .wd.pdicons {
      background-position: -22.5px -550px; }
    .pdicons:hover.oe, button:hover span.pdicons.oe.cmnicons, .patientDashboard .panel-group .panel .panel-heading:hover .oe.pdicons, .patientDashboard .panel-group .panel button:hover span.panel-heading.cmnicons .oe.pdicons, button:hover .patientDashboard .panel-group .panel span.panel-heading.cmnicons .oe.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.activeH .oe.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.collapsing-activeH .oe.pdicons {
      background-position: -113px -551px; }
    .pdicons:hover.cc, button:hover span.pdicons.cc.cmnicons, .patientDashboard .panel-group .panel .panel-heading:hover .cc.pdicons, .patientDashboard .panel-group .panel button:hover span.panel-heading.cmnicons .cc.pdicons, button:hover .patientDashboard .panel-group .panel span.panel-heading.cmnicons .cc.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.activeH .cc.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.collapsing-activeH .cc.pdicons {
      background-position: -217px -550px; }
    .pdicons:hover.prc, button:hover span.pdicons.prc.cmnicons, .patientDashboard .panel-group .panel .panel-heading:hover .prc.pdicons, .patientDashboard .panel-group .panel button:hover span.panel-heading.cmnicons .prc.pdicons, button:hover .patientDashboard .panel-group .panel span.panel-heading.cmnicons .prc.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.activeH .prc.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.collapsing-activeH .prc.pdicons {
      background-position: -325px -551px; }
    .pdicons:hover.cmmt, button:hover span.pdicons.cmmt.cmnicons, .patientDashboard .panel-group .panel .panel-heading:hover .cmmt.pdicons, .patientDashboard .panel-group .panel button:hover span.panel-heading.cmnicons .cmmt.pdicons, button:hover .patientDashboard .panel-group .panel span.panel-heading.cmnicons .cmmt.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.activeH .cmmt.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.collapsing-activeH .cmmt.pdicons {
      background-position: -434px -553px; }
    .pdicons:hover.rept, button:hover span.pdicons.rept.cmnicons, .patientDashboard .panel-group .panel .panel-heading:hover .rept.pdicons, .patientDashboard .panel-group .panel button:hover span.panel-heading.cmnicons .rept.pdicons, button:hover .patientDashboard .panel-group .panel span.panel-heading.cmnicons .rept.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.activeH .rept.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.collapsing-activeH .rept.pdicons {
      background-position: -536px -414px; }
    .pdicons:hover.sh, button:hover span.pdicons.sh.cmnicons, .patientDashboard .panel-group .panel .panel-heading:hover .sh.pdicons, .patientDashboard .panel-group .panel button:hover span.panel-heading.cmnicons .sh.pdicons, button:hover .patientDashboard .panel-group .panel span.panel-heading.cmnicons .sh.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.activeH .sh.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.collapsing-activeH .sh.pdicons, .softtissue-wrap ul li.selected .pdicons.sh {
      background-position: -699px -353px; }
    .pdicons:hover.hs, button:hover span.pdicons.hs.cmnicons, .patientDashboard .panel-group .panel .panel-heading:hover .hs.pdicons, .patientDashboard .panel-group .panel button:hover span.panel-heading.cmnicons .hs.pdicons, button:hover .patientDashboard .panel-group .panel span.panel-heading.cmnicons .hs.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.activeH .hs.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.collapsing-activeH .hs.pdicons {
      background-position: -699px -418px; }
    .pdicons:hover.qc, button:hover span.pdicons.qc.cmnicons, .patientDashboard .panel-group .panel .panel-heading:hover .qc.pdicons, .patientDashboard .panel-group .panel button:hover span.panel-heading.cmnicons .qc.pdicons, button:hover .patientDashboard .panel-group .panel span.panel-heading.cmnicons .qc.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.activeH .qc.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.collapsing-activeH .qc.pdicons {
      background-position: -697px -557px; }
    .pdicons:hover.wf, button:hover span.pdicons.wf.cmnicons, .patientDashboard .panel-group .panel .panel-heading:hover .wf.pdicons, .patientDashboard .panel-group .panel button:hover span.panel-heading.cmnicons .wf.pdicons, button:hover .patientDashboard .panel-group .panel span.panel-heading.cmnicons .wf.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.activeH .wf.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.collapsing-activeH .wf.pdicons {
      background-position: -698px -309px; }
    .pdicons:hover.sndrcpt, button:hover span.pdicons.sndrcpt.cmnicons, .patientDashboard .panel-group .panel .panel-heading:hover .sndrcpt.pdicons, .patientDashboard .panel-group .panel button:hover span.panel-heading.cmnicons .sndrcpt.pdicons, button:hover .patientDashboard .panel-group .panel span.panel-heading.cmnicons .sndrcpt.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.activeH .sndrcpt.pdicons,
    .patientDashboard .panel-group .panel .panel-heading.collapsing-activeH .sndrcpt.pdicons {
      background-position: -215px -229px; }

/** end: common circular icons styling **/
/** commonStyle **/
.noRecordMsg,
.infoMessage {
  background-color: #f2f2f2;
  margin: 0 0.5em 0.5em;
  padding: 0.4em 1.2em;
  border-radius: 0.3em;
  text-align: center;
  display: none;
  color: #666;
  height: auto;
  font: normal normal 0.8em "AvantGradeRegular"; }
  .noRecordMsg i,
  .infoMessage i {
    margin: 0 0.2em 0 0;
    padding: 0;
    font-style: normal; }
  .noRecordMsg span,
  .infoMessage span {
    margin: 0 5px 0 0; }
  .noRecordMsg.show,
  .infoMessage.show {
    display: block; }

.tabularListing .noRecordMsg,
.tabularListing .infoMessage {
  margin-top: 1em; }

.strikeOff {
  text-decoration: line-through; }

.modal-dialog {
  margin-top: 60px; }
  .modal-dialog .modal-header {
    border-bottom: 1px solid #e1e1e1;
    font: normal 0.85em "AvantGradeRegular";
    padding: 10px 15px;
    color: #fa9948;
    text-align: center; }
    .modal-dialog .modal-header .date {
      float: right;
      margin: 0 20px 0 0; }
  .modal-dialog.modal-full-width {
    width: 100% !important; }
  .modal-dialog .modal-content {
    background: #e1e1e1 url("../imgs/pattern.png") repeat top left;
    border-radius: 20px;
    padding: 5px; }
    .modal-dialog .modal-content.rmv-modal-content {
      background: none repeat;
      border-radius: 0px;
      padding: 0px !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      border: none !important; }
    .modal-dialog .modal-content .modal-inset {
      border: 1px solid #e1e1e1;
      border-radius: 14px;
      background: #fff;
      padding: 0;
      min-height: 62px; }
      .modal-dialog .modal-content .modal-inset.rmv-modal-default-style {
        border: none !important;
        border-radius: 0px;
        margin-top: -54px; }
    .modal-dialog .modal-content .notestext,
    .modal-dialog .modal-content .error,
    .modal-dialog .modal-content .required {
      font-size: .95em; }
    .modal-dialog .modal-content input,
    .modal-dialog .modal-content textarea,
    .modal-dialog .modal-content select {
      font-size: 1em; }
    .modal-dialog .modal-content .modal-footer {
      padding: 0;
      border: 0 none; }
  .modal-dialog .modal-title,
  .modal-dialog .modalConfirmTxt {
    float: left;
    font: 1.05em "AvantGradeRegular";
    text-align: left;
    padding: 0;
    color: #444444;
    line-height: 20px; }
    .modal-dialog .modal-title.labviewhdr,
    .modal-dialog .modalConfirmTxt.labviewhdr {
      margin: -10px 0 10px 0;
      border-bottom: 1px solid #eee;
      padding-bottom: 10px;
      font-size: 1em;
      width: 100% !important; }
  .modal-dialog .treatmentContPopup {
    margin-bottom: 0.5em;
    line-height: 1.8em; }
  .modal-dialog .table-responsive {
    border-radius: 5px;
    box-shadow: 0 1px 2px #a9a9a9; }
  .modal-dialog .table,
  .modal-dialog table {
    font-size: 1em;
    margin-bottom: 0; }
    .modal-dialog .table td,
    .modal-dialog .table th,
    .modal-dialog table td,
    .modal-dialog table th {
      word-wrap: break-word; }
    .modal-dialog .table tr.disabled,
    .modal-dialog table tr.disabled {
      background: #ddd; }
  .modal-dialog .case-info {
    padding: 0;
    margin: 3px 0 0; }
    .modal-dialog .case-info > span {
      font: normal 0.95em "RobotoRegular"; }
      .modal-dialog .case-info > span span {
        color: #444444; }
  .modal-dialog .modalBtns {
    position: absolute;
    text-align: center;
    z-index: 4;
    top: -22px;
    right: -25px;
    width: 45px; }
    .modal-dialog .modalBtns button,
    .modal-dialog .modalBtns a {
      margin: 0 5px;
      opacity: 1; }
    .modal-dialog .modalBtns button.close,
    .modal-dialog .modalBtns a.close {
      float: left;
      margin: 0 0 6px 0; }
  .modal-dialog .modal-body::-webkit-scrollbar {
    width: 8px;
    /* width of the entire scrollbar */
    height: 8px;
    /* height of the entire scrollbar */ }
  .modal-dialog .modal-body::-webkit-scrollbar-thumb {
    background-color: #FF6707;
    /* color of the scroll thumb */ }
  .modal-dialog .modal-body::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    /* width and height of the entire scrollbar */ }
  .modal-dialog .modal-body::-webkit-scrollbar-thumb {
    background-color: #FF6707;
    /* color of the scroll thumb */ }

.modal .modal-backdrop {
  z-index: 0; }

.dis-inline {
  display: inline; }

.modal-body {
  max-height: calc(100vh - 210px);
  overflow-y: auto;
  font-size: .9em; }
  .modal-body.full-max-height {
    max-height: 100% !important; }
  .modal-body .tabContent.norghtPd .tab-content {
    padding-right: 0; }
  .modal-body .tabContent .tab-content {
    padding: 15px;
    width: 99%; }

.hdrTypeOne {
  margin: auto;
  text-align: center;
  font-weight: bold; }
  .hdrTypeOne .patientDetails {
    display: inline-block; }

.spc {
  margin: 0 1.5em 0 0; }

.noteEditable {
  display: none; }

.fileImage img {
  width: 90%; }

.fileDetails {
  margin-bottom: 1em; }

/** commonStyle **/
/** commonForTable **/
.table,
table {
  font-size: 0.9em;
  margin-bottom: 0; }
  .table td,
  .table th,
  table td,
  table th {
    word-wrap: break-word; }
  .table thead tr th,
  .table thead tr td,
  .table tbody tr th,
  .table tbody tr td,
  .table tfoot tr th,
  .table tfoot tr td,
  table thead tr th,
  table thead tr td,
  table tbody tr th,
  table tbody tr td,
  table tfoot tr th,
  table tfoot tr td {
    padding: 2px 7px;
    vertical-align: middle; }
    .table thead tr th .cstm_rdb_ckb,
    .table thead tr td .cstm_rdb_ckb,
    .table tbody tr th .cstm_rdb_ckb,
    .table tbody tr td .cstm_rdb_ckb,
    .table tfoot tr th .cstm_rdb_ckb,
    .table tfoot tr td .cstm_rdb_ckb,
    table thead tr th .cstm_rdb_ckb,
    table thead tr td .cstm_rdb_ckb,
    table tbody tr th .cstm_rdb_ckb,
    table tbody tr td .cstm_rdb_ckb,
    table tfoot tr th .cstm_rdb_ckb,
    table tfoot tr td .cstm_rdb_ckb {
      display: inline; }
      .table thead tr th .cstm_rdb_ckb input,
      .table thead tr td .cstm_rdb_ckb input,
      .table tbody tr th .cstm_rdb_ckb input,
      .table tbody tr td .cstm_rdb_ckb input,
      .table tfoot tr th .cstm_rdb_ckb input,
      .table tfoot tr td .cstm_rdb_ckb input,
      table thead tr th .cstm_rdb_ckb input,
      table thead tr td .cstm_rdb_ckb input,
      table tbody tr th .cstm_rdb_ckb input,
      table tbody tr td .cstm_rdb_ckb input,
      table tfoot tr th .cstm_rdb_ckb input,
      table tfoot tr td .cstm_rdb_ckb input {
        min-height: auto; }
      .table thead tr th .cstm_rdb_ckb label,
      .table thead tr td .cstm_rdb_ckb label,
      .table tbody tr th .cstm_rdb_ckb label,
      .table tbody tr td .cstm_rdb_ckb label,
      .table tfoot tr th .cstm_rdb_ckb label,
      .table tfoot tr td .cstm_rdb_ckb label,
      table thead tr th .cstm_rdb_ckb label,
      table thead tr td .cstm_rdb_ckb label,
      table tbody tr th .cstm_rdb_ckb label,
      table tbody tr td .cstm_rdb_ckb label,
      table tfoot tr th .cstm_rdb_ckb label,
      table tfoot tr td .cstm_rdb_ckb label {
        margin-bottom: 0; }
  .table.gridDataHeightFix tbody tr td,
  table.gridDataHeightFix tbody tr td {
    height: 36px; }

/** commonForTable **/
/** loaderStyling **/
#customLoading {
  background-color: #fff;
  border-radius: 0.3em;
  left: 50%;
  transform: translate(-50%);
  padding: 0.5em;
  position: absolute;
  top: 22%;
  z-index: 99999; }

.ui-widget-overlay {
  background: #000 !important;
  height: 100%;
  left: 0;
  opacity: 0.5 !important;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999; }

/** loaderStyling **/
/** modalStyling **/
.popUpDetailList {
  list-style: outside none none;
  padding: 0; }
  .popUpDetailList li {
    float: left;
    list-style-type: none;
    margin: 0 0 1em;
    width: 50%; }
    .popUpDetailList li .labelPopUp {
      font-weight: 600; }
  .popUpDetailList .fullWdth {
    width: 100%; }

.colorOrg {
  color: #fa9948; }

/** modalStyling **/
/** for autocomplete **/
.ui-select-choices {
  position: absolute;
  border-radius: 4px;
  width: 90%;
  height: 120px !important;
  z-index: 99999;
  top: 21px; }
  .ui-select-choices .ui-select-choices-row {
    display: block;
    font-weight: 400;
    line-height: 1.5;
    padding: 2px 0.4em;
    cursor: pointer; }
    .ui-select-choices .ui-select-choices-row:hover, .ui-select-choices button:hover span.ui-select-choices-row.cmnicons, button:hover .ui-select-choices span.ui-select-choices-row.cmnicons {
      color: #fa9948; }

.ui-autocomplete,
.ui-select-choices {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 2px solid #adb3a2 !important;
  font: bold 0.83em "RobotoRegular" !important;
  margin-top: 10px !important;
  overflow-x: hidden;
  overflow-y: scroll;
  height: auto; }
  .ui-autocomplete#ui-id-2,
  .ui-select-choices#ui-id-2 {
    height: 170px; }
  .ui-autocomplete#ui-id-3,
  .ui-select-choices#ui-id-3 {
    height: 170px; }
  .ui-autocomplete li,
  .ui-select-choices li {
    margin: 0 0 2px !important; }
  .ui-autocomplete a,
  .ui-select-choices a {
    line-height: normal !important;
    padding: .2em .4em .3em !important;
    margin: 0 !important;
    font-weight: normal !important; }
    .ui-autocomplete a.ui-state-focus, .ui-autocomplete a.ui-state-active,
    .ui-select-choices a.ui-state-focus,
    .ui-select-choices a.ui-state-active {
      background: #f09d58;
      border: 0 none;
      color: #fff;
      cursor: pointer; }

/*-----------------------------------------START : Messages------------------------------------*/
.saveMessage,
.message.success,
.copyMessage {
  text-align: center;
  /* added to put all alert contents in center */
  position: fixed;
  z-index: 8031;
  width: 50%;
  left: 50%;
  margin-left: -25%;
  box-shadow: 0 1px 18px rgba(0, 0, 0, 0.45);
  top: 20%;
  animation: fadeout 2s forwards;
  animation-delay: 5s;
  -moz-animation: fadeout 2s forwards;
  -moz-animation-delay: 5s;
  -webkit-animation: fadeout 2s forwards;
  -webkit-animation-delay: 5s;
  -o-animation: fadeout 2s forwards;
  -o-animation-delay: 5s;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
  padding: 15px;
  border-radius: 4px; }

.closeMsgBtn {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #468847;
  text-shadow: 0 1px 0 #ffffff;
  /*opacity: 1;*/
  filter: alpha(opacity=20);
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

@keyframes fadeout {
  to {
    top: -1000px; } }

@-moz-keyframes fadeout {
  to {
    top: -1000px; } }

@-webkit-keyframes fadeout {
  to {
    top: -1000px; } }

@-o-keyframes fadeout {
  to {
    top: -1000px; } }

.message.success {
  display: block; }

.alertMessage {
  text-align: center;
  /* added to put all alert contents in center */
  position: fixed;
  z-index: 8031;
  width: 50%;
  left: 50%;
  margin-left: -25%;
  box-shadow: 0 1px 18px rgba(0, 0, 0, 0.45);
  top: 20%;
  animation: fadeout 2s forwards;
  animation-delay: 5s;
  -moz-animation: fadeout 2s forwards;
  -moz-animation-delay: 5s;
  -webkit-animation: fadeout 2s forwards;
  -webkit-animation-delay: 5s;
  -o-animation: fadeout 2s forwards;
  -o-animation-delay: 5s;
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  padding: 15px;
  border-radius: 4px; }

.alertMessage.wdSml {
  width: 40%;
  left: 60%;
  margin-left: -30%; }

.alertMessage .closeMsgBtn {
  color: #a94442; }

.alertMessageFixed {
  position: fixed;
  z-index: 1;
  top: 240px;
  left: 50%;
  display: none;
  box-sizing: border-box;
  width: 50% !important;
  margin-bottom: 1%;
  margin-left: -25%;
  padding: .5% 1% .5% 4%;
  color: #000;
  border-radius: 0.3em;
  background: #fdda9d url("../images/alert.png") no-repeat 14px 6px;
  box-shadow: 0 0 .3em #aaa inset, 0 0 .9em #000; }

.discountAlertMessage {
  position: fixed;
  z-index: 8031;
  top: 25%;
  left: 50%;
  display: none;
  box-sizing: border-box;
  width: 50% !important;
  margin-bottom: 1%;
  margin-left: -25%;
  padding: .5% 1% .5% 4%;
  color: #000;
  border-radius: 0.3em;
  background: #fdda9d url("../images/alert.png") no-repeat 14px 6px;
  box-shadow: 0 0 .3em #aaa inset, 0 0 .9em #000; }

/*-----------------------------------------END : Message------------------------------------*/
/** error messages **/
.error,
.required {
  color: red;
  font-size: 0.75em; }
  .error.wht,
  .required.wht {
    color: #fff; }

.error {
  font: normal 14px Calibri, Sans-serif, Arial !important; }

table td .error,
table td .required {
  font-size: 0.85em; }

/** error messages **/
/** custom radio and checkbox buttons **/
.formBtn {
  position: relative;
  display: inline-block;
  margin: 0 15px 0 0; }
  .formBtn label {
    cursor: pointer; }
    .formBtn label span {
      box-shadow: inset 0 0 0 2px #faa762, 0 0 0 0 #faa762;
      width: 25px;
      height: 25px;
      border-radius: 5px;
      margin: 0 10px 0 0;
      float: left; }
      .formBtn label span:after {
        border: 3px solid #faa762;
        position: absolute;
        transform: rotate(-45deg);
        background: transparent;
        width: 13px;
        height: 8px;
        border-right: none;
        border-top: none;
        content: '';
        opacity: 0;
        left: 6px;
        top: 8px; }
    .formBtn label:hover span::after {
      opacity: 0.3; }
  .formBtn input[type=radio] {
    display: none; }
    .formBtn input[type=radio]:checked + label span:after {
      opacity: 1; }
    .formBtn input[type=radio] + label span {
      border-radius: 13px; }
      .formBtn input[type=radio] + label span:after {
        background: #faa762;
        width: 13px;
        height: 13px;
        border-radius: 13px;
        border: 0 none;
        left: 6px;
        top: 7px; }
  .formBtn input[type=checkbox] {
    display: none; }
    .formBtn input[type=checkbox]:checked + label span:after {
      opacity: 1; }

/** custom radio and checkbox buttons **/
/** mouseover transform effect for buttons **/
.trns-effect {
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 0 0 1px #adb3a2, 0 0 4px #ccc;
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  -moz-osx-font-smoothing: grayscale; }
  .trns-effect:hover, button:hover span.trns-effect.cmnicons, .trns-effect.active {
    background-color: #faa762;
    box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999; }

/** mouseover transform effect for buttons **/
/** styling of modals structure **/
.dividerB > div {
  float: left; }
  .dividerB > div.investigation-wrp {
    width: 53%; }

.dividerB.ioparViewList > div:nth-child(1) {
  width: 35%; }

.dividerB.ioparViewList > div:nth-child(2) {
  width: 34%; }

/** styling of modals structure **/
/** complaintManagement **/
.robotoStyle {
  font-family: "RobotoRegular"; }

.modalConfirmTxt span {
  color: #fa9948;
  font-weight: 600; }

#renderTenureDetails {
  margin: 4px 0 0 3px;
  cursor: pointer;
  color: #444444;
  font-size: 18px;
  padding: 0 0 0 0;
  display: inline; }

#renderTenureDetails.active {
  color: #fa9948; }

.custom_pop_tooltip .tooltip {
  min-width: auto;
  max-width: unset;
  width: max-content;
  margin: -10px 0 0 -15px; }

/*
	*stylesheet includes
	*common prm
*/
/*
	*header styles start
*/
header {
  background-color: #4e3224;
  position: relative;
  font-family: Calibri, Sans-serif, Arial;
  margin-bottom: .8em;
  padding: 0.2em 0;
  min-height: 66px;
  /** Venkateshwar Info **/
  /** Venkateshwar Info **/
  /** globalSearchDropDown **/
  /** globalSearchDropDown **/
  /*.topInstanceContainer {
		display: none;
	}*/ }
  header a {
    color: #fff; }
  header a:hover {
    color: #faa762; }
  header .logo {
    width: 130px;
    height: auto;
    justify-content: center;
    align-content: center;
    min-height: 62px;
    font-size: 0em;
    display: flex; }
    @media (max-width: 767px) {
      header .logo {
        margin: 0 0 0 6px; } }
    @media (min-width: 768px) {
      header .logo {
        margin: 0 0 0 0; } }
    header .logo a {
      text-indent: -99999px;
      width: 100%;
      height: auto;
      font-size: 0em;
      outline: none;
      padding: 0;
      align-items: center;
      display: flex; }
      header .logo a img {
        height: auto; }
  header .indocateBtm {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 30px solid #4e3224;
    position: absolute;
    width: 0px;
    height: 0px;
    margin-left: -15px;
    right: 50%;
    left: 50%;
    top: 49px; }
  header .container-fluid .navbar-collapse {
    width: 100%;
    padding: 0;
    margin: 0; }
    header .container-fluid .navbar-collapse .nav {
      width: 100%;
      padding: 0;
      margin: 0; }
      header .container-fluid .navbar-collapse .nav > li.usrNameCont a {
        float: right; }
    header .container-fluid .navbar-collapse .navbar-nav > li > a {
      padding: 0; }
    header .container-fluid .navbar-collapse .nav > li > a:hover, header .container-fluid .navbar-collapse .nav > li > a:focus {
      background-color: transparent; }
  header .allclinicdd select {
    display: none; }
  header .allclinicdd .custom-combobox, header .allclinicdd .ui-select-container {
    width: 100% !important;
    height: 30px;
    position: relative;
    display: inline-block; }
    header .allclinicdd .custom-combobox .selectize-input, header .allclinicdd .ui-select-container .selectize-input {
      position: absolute;
      color: #fff;
      width: 80%;
      bottom: 0; }
      header .allclinicdd .custom-combobox .selectize-input .ui-select-match, header .allclinicdd .ui-select-container .selectize-input .ui-select-match {
        padding: 3px 5px; }
      header .allclinicdd .custom-combobox .selectize-input input, header .allclinicdd .ui-select-container .selectize-input input {
        width: 100%; }
    header .allclinicdd .custom-combobox input, header .allclinicdd .ui-select-container input {
      border-bottom: 2px solid #adb3a2;
      border-radius: 0 !important;
      width: 85%;
      height: auto;
      background: transparent;
      margin: 0 !important;
      font: 0.9em Calibri, Sans-serif, Arial;
      box-shadow: none;
      padding: 6px 5px !important;
      color: #fff !important;
      border: 0; }
    header .allclinicdd .custom-combobox .custom-combobox-toggle, header .allclinicdd .custom-combobox .dropBtn, header .allclinicdd .ui-select-container .custom-combobox-toggle, header .allclinicdd .ui-select-container .dropBtn {
      background: transparent url("../imgs/cmn-icn-sprite.png") no-repeat -16px -317px;
      border: 2px solid #adb3a2;
      position: absolute;
      width: 33px;
      height: 33px;
      border-radius: 4px;
      color: #adb3a2;
      text-align: center;
      font-size: 1.9em;
      cursor: pointer;
      float: right;
      right: 0;
      top: 0; }
    header .allclinicdd .custom-combobox .dropBtn span, header .allclinicdd .ui-select-container .dropBtn span {
      display: none; }
    header .allclinicdd .custom-combobox .custom-combobox-toggle:hover, header .allclinicdd .custom-combobox button:hover span.custom-combobox-toggle.cmnicons, button:hover header .allclinicdd .custom-combobox span.custom-combobox-toggle.cmnicons, header .allclinicdd .custom-combobox .dropBtn:hover, header .allclinicdd .custom-combobox button:hover span.dropBtn.cmnicons, button:hover header .allclinicdd .custom-combobox span.dropBtn.cmnicons, header .allclinicdd .ui-select-container .custom-combobox-toggle:hover, header .allclinicdd .ui-select-container button:hover span.custom-combobox-toggle.cmnicons, button:hover header .allclinicdd .ui-select-container span.custom-combobox-toggle.cmnicons, header .allclinicdd .ui-select-container .dropBtn:hover, header .allclinicdd .ui-select-container button:hover span.dropBtn.cmnicons, button:hover header .allclinicdd .ui-select-container span.dropBtn.cmnicons {
      background-position: -16px -248px;
      border-color: #faa762;
      color: #faa762; }
  header .allclinicdd input {
    border-bottom: 2px solid #adb3a2 !important;
    border-radius: 0 !important;
    width: 85%;
    height: auto;
    background: transparent !important;
    font: 0.9em Calibri, Sans-serif, Arial;
    margin-top: 1px;
    box-shadow: none !important;
    padding: 6px 5px !important;
    color: #fff !important; }
  header .searchdetail {
    padding: 0; }
    header .searchdetail .ui-fullsize {
      display: none; }
    header .searchdetail .ui-icon-searchfield {
      border-bottom: 2px solid #adb3a2;
      position: relative;
      display: inline-block;
      top: 2px; }
      header .searchdetail .ui-icon-searchfield input {
        width: 100%;
        height: auto;
        background: transparent;
        border-radius: 0;
        padding: 4px 5px;
        box-shadow: none;
        color: #fff;
        border: 0; }
    header .searchdetail .searchBtn {
      border: 2px solid #adb3a2;
      position: relative;
      width: 33px;
      height: 33px;
      border-radius: 5px;
      color: #adb3a2;
      font-weight: normal;
      line-height: 1.3em;
      text-align: center;
      font-size: 1.2em;
      float: right;
      padding: 2px; }
      header .searchdetail .searchBtn input {
        position: absolute;
        background: transparent none;
        width: 100%;
        height: 100%;
        text-indent: -99999px;
        box-shadow: inherit;
        border: 0 none;
        left: 0;
        top: 0; }
    header .searchdetail .searchBtn:hover, header .searchdetail button:hover span.searchBtn.cmnicons, button:hover header .searchdetail span.searchBtn.cmnicons, header .searchdetail .searchBtn:focus {
      border-color: #faa762;
      color: #faa762; }
  header .usrNameCont .username {
    display: inline-block;
    font-size: 1em;
    margin: 0;
    color: #fff;
    /*display: flex;
			align-items: center;*/ }
  header .usrNameCont .userCenterData {
    display: flex;
    align-items: center;
    float: right; }
  header .usrNameCont .userCenterData {
    display: flex;
    align-items: center;
    float: right; }
  header .usrNameCont .logoutBtn {
    width: 33px;
    height: 33px;
    border-radius: 5px;
    border: 2px solid #adb3a2;
    color: #adb3a2;
    display: table !important;
    font-size: 1.2em;
    text-align: center; }
    header .usrNameCont .logoutBtn .fa {
      display: table-cell;
      vertical-align: middle; }
  header .usrNameCont .logoutBtn:hover, header .usrNameCont button:hover span.logoutBtn.cmnicons, button:hover header .usrNameCont span.logoutBtn.cmnicons, header .usrNameCont .logoutBtn:focus {
    border-color: #faa762; }
    header .usrNameCont .logoutBtn:hover .fa, header .usrNameCont button:hover span.logoutBtn.cmnicons .fa, button:hover header .usrNameCont span.logoutBtn.cmnicons .fa, header .usrNameCont .logoutBtn:focus .fa {
      color: #faa762; }
  header .navbar-toggle {
    border: 2px solid #adb3a2;
    margin-top: 10px; }
    header .navbar-toggle span {
      border: 1px solid #adb3a2; }
  header custom-combo .custom-combo > div {
    border-bottom: 2px solid #adb3a2;
    width: 70%;
    height: 33px;
    font: 0.9em Calibri, Sans-serif, Arial;
    padding: 7px 5px 3px;
    box-shadow: inherit;
    color: #fff;
    margin: 0 0 1px;
    overflow: hidden;
    text-align: left;
    z-index: 1; }
  header custom-combo .custom-combo select {
    cursor: pointer;
    top: 5px; }
  header custom-combo .custom-combo .glyphicon {
    background: transparent url("../imgs/cmn-icn-sprite.png") no-repeat -16px -317px;
    border: 2px solid #adb3a2;
    position: absolute;
    width: 33px;
    height: 33px;
    border-radius: 4px;
    color: #adb3a2;
    text-align: center;
    cursor: pointer;
    font-size: 0em;
    float: right;
    right: 0;
    top: 0; }
    header custom-combo .custom-combo .glyphicon:hover, header custom-combo .custom-combo button:hover span.glyphicon.cmnicons, button:hover header custom-combo .custom-combo span.glyphicon.cmnicons {
      background-position: -16px -248px;
      border-color: #faa762;
      color: #faa762; }
  header .vksr-info {
    width: 33px;
    height: 33px;
    border-radius: 5px;
    border: 2px solid #adb3a2;
    color: #adb3a2;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.3em;
    position: relative;
    text-align: center;
    display: none;
    float: right; }
    header .vksr-info span {
      position: relative;
      width: 100%;
      height: 100%;
      line-height: 28px; }
      header .vksr-info span input {
        background: transparent;
        border: 0 none;
        text-indent: -99999px;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        padding: 0; }
    header .vksr-info:hover, header button:hover span.vksr-info.cmnicons, button:hover header span.vksr-info.cmnicons, header .vksr-info:focus {
      border-color: #faa762;
      color: #faa762; }
  header .nav > li > a.vksr-info {
    display: none; }
  header .globalSearchDD {
    border-bottom: 2px solid #adb3a2;
    margin: 0px 0 -2px 10px;
    vertical-align: bottom;
    display: inline-block;
    padding: 0; }
    header .globalSearchDD select {
      background: transparent;
      font: 0.85em Calibri, Sans-serif, Arial;
      visibility: hidden;
      padding: 0;
      border: 0; }
    header .globalSearchDD .custom-combobox, header .globalSearchDD .custom-combo {
      position: relative; }
      header .globalSearchDD .custom-combobox input, header .globalSearchDD .custom-combobox div, header .globalSearchDD .custom-combo input, header .globalSearchDD .custom-combo div {
        width: 78px;
        height: auto;
        background: transparent;
        box-shadow: inherit;
        font: 0.85em Calibri, Sans-serif, Arial;
        color: #fff;
        padding: 0 5px;
        border: 0; }
      header .globalSearchDD .custom-combobox a, header .globalSearchDD .custom-combobox span, header .globalSearchDD .custom-combo a, header .globalSearchDD .custom-combo span {
        background: transparent url("../imgs/cmn-icn-sprite.png") no-repeat -566px -801px;
        position: absolute;
        cursor: pointer;
        height: 10px;
        width: 15px;
        bottom: 5px;
        border: 0;
        right: 0; }
        header .globalSearchDD .custom-combobox a:hover, header .globalSearchDD .custom-combobox span:hover, header .globalSearchDD .custom-combobox button:hover span.cmnicons, button:hover header .globalSearchDD .custom-combobox span.cmnicons, header .globalSearchDD .custom-combo a:hover, header .globalSearchDD .custom-combo span:hover, header .globalSearchDD .custom-combo button:hover span.cmnicons, button:hover header .globalSearchDD .custom-combo span.cmnicons {
          background-position: -506px -801px; }
      header .globalSearchDD .custom-combobox div.ui-input-text, header .globalSearchDD .custom-combo div.ui-input-text {
        padding: 0;
        font-size: 1.0em;
        display: inherit; }
    header .globalSearchDD .custom-combo {
      height: 23px; }
      header .globalSearchDD .custom-combo select {
        visibility: inherit;
        top: 0; }
      header .globalSearchDD .custom-combo span {
        top: inherit;
        bottom: 10px; }

/*
	*header styles end
*/
/*
	*footer styles
*/
footer {
  color: #4e3224;
  text-align: center;
  padding: 0;
  margin: 5px 0 0;
  position: fixed;
  bottom: 0;
  width: 100%; }

.row {
  /* outermost circle */ }
  .row .outermost_circle {
    position: relative;
    width: 430px;
    height: 430px;
    background-color: #fff;
    border-radius: 215px;
    box-shadow: 0px 0 4px #ccc;
    margin: auto 30px;
    display: flex;
    /* second circle */ }
    .row .outermost_circle .step1_process, .row .outermost_circle .step2_process, .row .outermost_circle .step3_process, .row .outermost_circle .step4_process, .row .outermost_circle .step5_process, .row .outermost_circle .step6_process {
      background: rgba(249, 142, 52, 0.9) url("../imgs/login/lgn_sprite.png") no-repeat -214px -231px;
      position: absolute;
      width: 80px;
      height: 80px;
      border-radius: 50px;
      left: 170px;
      z-index: 2;
      top: 10px; }
    .row .outermost_circle .step2_process {
      background-position: -213px -137px;
      left: inherit;
      right: 30px;
      top: 95px; }
    .row .outermost_circle .step3_process {
      background-position: -122px -137px;
      left: inherit;
      top: inherit;
      bottom: 100px;
      right: 30px; }
    .row .outermost_circle .step4_process {
      background-position: -120px -230px;
      bottom: 10px;
      top: inherit; }
    .row .outermost_circle .step5_process {
      background-position: -25px -230px;
      bottom: 100px;
      left: 30px;
      top: inherit; }
    .row .outermost_circle .step6_process {
      background-position: -23px -135px;
      left: 30px;
      top: 95px; }
    .row .outermost_circle .hide_last_border {
      width: 75px;
      height: 50px;
      position: absolute;
      background-color: #fff;
      left: 99px;
      top: 60px; }
    .row .outermost_circle .second_circle {
      width: 335px;
      height: 335px;
      border: 5px solid #e3e3e3;
      vertical-align: middle;
      border-radius: 200px;
      margin: auto;
      background-color: #fff;
      display: flex;
      /* doctor circle */ }
      .row .outermost_circle .second_circle .doctor_patient_graphic {
        box-shadow: 0px 0 2px #505050;
        width: 230px;
        height: 230px;
        min-height: auto;
        background-color: #d8d8d8;
        border-radius: 130px;
        margin: auto;
        padding: 25px;
        overflow: hidden; }
        .row .outermost_circle .second_circle .doctor_patient_graphic .doct_img {
          background: #d8d8d8 url("../imgs/login/lgn_doctor_img.png") no-repeat center center/100% 100%;
          text-indent: -99999px;
          width: 100%;
          height: 100%;
          margin: 0; }

/*
	* Login page styling
*/
.login-form {
  font-size: 1.125em;
  color: #a5b3b7;
  margin: auto;
  width: 100%; }
  .login-form .input.required {
    font-size: 1em; }
  .login-form form {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 10px 30px 12px 30px;
    box-shadow: 0px 0px 4px #bbb;
    border-radius: 6px;
    width: 100%;
    float: left; }
    .login-form form div {
      padding: 0 0 17px 30px;
      position: relative; }
    .login-form form .usr_icn_lgn, .login-form form .psw_icn_lgn {
      background: transparent url("../imgs/login/lgn_sprite.png") no-repeat -10px -10px;
      width: 30px;
      height: 30px;
      position: absolute;
      float: left;
      bottom: 8px;
      left: -15px; }
      .login-form form .usr_icn_lgn.usr_icn_gry_lgn, .login-form form .usr_icn_gry_lgn.psw_icn_lgn {
        background-position: -227px -96px; }
    .login-form form .psw_icn_lgn {
      background-position: -10px -50px; }
    .login-form form input:not([type="submit"]) {
      display: block;
      width: 100%; }
    .login-form form label {
      font-size: .95em;
      font-weight: normal;
      text-transform: lowercase;
      margin: 0;
      color: #a5b3b7; }
    .login-form form input {
      font-family: Calibri, Sans-serif, Arial;
      background: transparent none;
      color: #1f414b;
      padding: 2px;
      border: 0 none;
      font-size: 0.9em; }
      .login-form form input.password_lgn {
        font-family: "text-security-disc" !important;
        text-security: disc !important;
        -webkit-text-security: disc !important;
        -mox-text-security: disc !important;
        -moz-text-security: disc !important;
        -ms-text-security: disc !important; }
    .login-form form input:not([type="submit"]) {
      border-width: 0 0 2px;
      border-style: solid;
      border-color: #fbba83;
      box-shadow: 0px 2px 0px #ebebeb; }
  .login-form h2 {
    text-transform: uppercase;
    margin: 20px 0;
    color: #fa9948;
    font-size: 1.7em; }
    .login-form h2 .loginLock {
      background: transparent url("../imgs/login/lgn_sprite.png") no-repeat -10px -90px;
      display: inline-block;
      height: 30px;
      margin: 0 0 -3px;
      width: 30px; }
  .login-form h6 {
    font-size: 1.250em;
    font-weight: 600;
    margin: 0 0 8px;
    color: #adb3a2; }
  .login-form .login_btn {
    background: #fc9741 url("../imgs/login/lgn_sprite.png") no-repeat -99px -7px;
    padding: 4px 20px 5px 40px;
    border-radius: 5px;
    min-height: 34px;
    font-size: .9em;
    color: #fff;
    cursor: pointer;
    float: right; }

/*
	*Login page validation error stylying
*/
.login-error {
  position: absolute;
  padding: 5px 12px 7px;
  background-color: #ff0000;
  color: #fff;
  border-radius: 6px;
  font-size: 1.125em;
  bottom: 40px;
  right: 0; }

.errorhighlight input:not([type="submit"]) {
  border-width: 0 0 2px;
  border-style: solid;
  border-color: red;
  box-shadow: 0px 2px 0px #ebebeb; }

.login-form .errorhighlight label {
  color: #ff0000; }

.errorTxt, #flashMessage.message {
  margin: 12px 0 0 -20px;
  color: #444444;
  font-size: 0.75em;
  float: left; }

.errorTxt {
  color: red; }

.errorValid {
  color: red;
  float: left;
  display: none;
  font-size: 14px;
  margin: 0 0 0 0; }

.errorTxt.error {
  color: #444444 !important;
  border: 1px solid #ff807a;
  padding: 5px 10px;
  border-radius: 5px;
  background: #ffd8d6;
  float: right;
  margin: 12px 0 0 0; }

.errorTxt.success {
  color: #444444 !important;
  border: 1px solid #79e554;
  padding: 5px 10px;
  border-radius: 5px;
  background: #cdf9bd;
  float: right;
  margin: 12px 0 0 0; }

.errorTxt.warning {
  color: #444444 !important;
  border: 1px solid #79e554;
  padding: 5px 10px;
  border-radius: 5px;
  background: #cdf9bd;
  float: right;
  margin: 12px 0 0 0; }

.resendAttmptTxt {
  display: block;
  margin: 2px 0 0 0;
  font-size: 0.8em;
  color: #444;
  clear: both; }

#flashMessage.message {
  position: absolute;
  font-size: 0.845em;
  bottom: 14px;
  right: 182px; }

.ui-loader, .errorTxt {
  display: none; }

.security_auth {
  display: none; }

#username_hid {
  color: #a5b3b7; }

.sec_txt {
  color: #fa9948 !important;
  text-transform: capitalize !important; }

.resendtxt {
  margin: -44px 0 0 0;
  font-size: .8em;
  color: #444444;
  padding: 0 0 0 10px !important;
  float: right; }
  .resendtxt .authCountInfo {
    background: url("../imgs/login/lgn_sprite.png") no-repeat -114px -92px;
    width: 10px;
    height: 13px;
    display: inline-block;
    margin: 0 0 -1px 0;
    padding: 1px 5px;
    cursor: pointer; }
  .resendtxt.dis .resend-txt {
    background-color: #ddd;
    color: #aaa; }
    .resendtxt.dis .resend-txt:hover, .resendtxt.dis button:hover span.resend-txt.cmnicons, button:hover .resendtxt.dis span.resend-txt.cmnicons {
      color: #aaa; }
  .resendtxt.dis .resendAttmptTxt {
    color: #ccc; }

.mleftErrTxt {
  margin: -14px 0 0 12px;
  text-align: right; }

.floatTxtCount {
  position: absolute !important;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 1px 2px #ccc;
  border: 1px solid #979797;
  padding: 1px 7px 1px;
  border-radius: 3px;
  color: #444444;
  font-weight: 600;
  font-size: 12px;
  display: none;
  right: 0;
  top: 0; }

.arrow-down {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  position: absolute !important;
  padding: 0 !important;
  bottom: -9px;
  right: 7px; }

.resend-txt {
  background: #fc9741;
  border-radius: 3px;
  padding: 2px 8px 3px;
  color: #fff;
  font-size: .9em;
  margin: 0;
  float: right; }
  .resend-txt:hover, button:hover span.resend-txt.cmnicons {
    color: #fff; }

.btnOTP {
  float: left;
  padding: 0 0 0 40px; }

.lgn-otp-feld {
  padding: 2px 116px 2px 2px !important; }

/** common "a" style **/
a:active,
a:hover,
a:focus,
a,
button {
  outline: 0 none; }

body .ui-page {
  min-height: auto !important;
  border: 0;
  outline: 0; }

/** common "a" style **/
::placeholder {
  text-transform: lowercase; }

/** position:initial **/
::placeholder {
  text-transform: lowercase; }

.cur_default {
  cursor: default !important; }

.cur_text {
  cursor: text !important; }

.disable_txt {
  color: #666666 !important; }

.grayscale {
  filter: grayscale(100%); }

.gapR10 {
  margin-right: 10px !important; }

.gapR2 {
  margin-right: 2px; }

.noPos textarea {
  position: inherit !important; }

.pre {
  white-space: pre-line; }

.fullwidth {
  width: 100% !important; }

.width40 {
  width: 40px !important; }

img.mx_img_wd {
  max-width: 100%; }

.foroldtheme {
  display: none !important; }

.dis-block {
  display: block !important; }

.dis-flex {
  display: flex !important; }

.dis-initial {
  display: initial !important; }

.dis-inline-block {
  display: inline-block !important; }

.flex-wrap {
  flex-wrap: wrap; }

.min-wd58 {
  min-width: 58px; }

.justify-center {
  justify-content: center; }

.visibility-hidden {
  visibility: hidden !important; }

.no-txt-trnsfrm {
  text-transform: none; }

.pos-inherit {
  position: inherit; }

.nogap {
  padding: 0 !important; }

.padding_9 {
  padding: 9px !important; }

.mrgbTopbtm10 {
  margin: 10px 0px; }

.mrgnTp5 {
  margin-top: 5px; }

.mrgnTp-10 {
  margin-top: -10px; }

.lineHght12 {
  line-height: 1.2; }

.bottom-2 {
  bottom: -2px; }

.ovrFlwHidden {
  overflow: hidden; }

.pos-abs {
  position: absolute; }

.padBtm20 {
  padding-bottom: 20px !important; }

.mtop-neg-5 {
  margin-top: -5px; }

.mtop-neg-6 {
  margin-top: -6px !important; }

.mrgnBtm13 {
  margin-bottom: 13px !important; }

.mrgnBtm0 {
  margin-bottom: 0px; }

.mrgnBtm5 {
  margin-bottom: 5px; }

.mrgnBtm7 {
  margin-bottom: 7px; }

.mrgnBtm15 {
  margin-bottom: 15px; }

.mrgnBtm20 {
  margin-bottom: 15px !important; }

.mrgn_btm_20 {
  margin-bottom: 20px !important; }

.textbold {
  font-weight: bold; }

.textNomal {
  font-weight: normal; }

a {
  cursor: pointer; }

.radius-5 {
  border-radius: 5px; }

.vertical_alignment_bas {
  vertical-align: baseline !important; }

.disable-radio-checkbox label {
  color: #908c8c !important; }
  .disable-radio-checkbox label span {
    color: #908c8c !important; }

.disable-radio-checkbox .stl-chkB-rdB {
  border-color: #908c8c !important; }
  .disable-radio-checkbox .stl-chkB-rdB::before {
    margin: 9.5px 0px 0px 2.3px !important;
    color: #908c8c !important;
    background: transparent !important;
    vertical-align: middle !important;
    content: '\f057' !important;
    font-family: 'FontAwesome';
    height: 15px !important;
    width: 15px !important;
    border: 0 !important;
    line-height: 0px;
    font-size: 16px;
    opacity: 0.5; }

@-moz-document url-prefix() {
  .disable-radio-checkbox .stl-chkB-rdB::before {
    margin: 9.5px 0px 0px 2.3px !important;
    color: #908c8c !important;
    background: transparent !important;
    vertical-align: middle !important;
    content: '\f057' !important;
    font-family: 'FontAwesome';
    height: 15px !important;
    width: 15px !important;
    border: 0 !important;
    line-height: 0px;
    font-size: 16px;
    opacity: 0.5; } }
  .disable-radio-checkbox .stl-chkB-rdB.chkB::before {
    margin: 9px 0 0 1.7px !important; }

@-moz-document url-prefix() {}  .disable-radio-checkbox .stl-chkB-rdB.creditRadio::before {
    margin: 9.6px 0 0 1.3px !important;
    font-size: 17px; }

/** Global class to freez navbar at the top**/
.pageHdrBarSticky {
  position: sticky;
  z-index: 999;
  top: 0px; }

.tabularListing table thead tr th.nogap {
  padding: 0 !important; }

.nohgt {
  height: auto; }

.trtFindings {
  margin-top: -30px;
  margin-right: -30px;
  margin-left: -30px;
  margin-bottom: -2px; }
  @media (max-width: 768px) {
    .trtFindings {
      margin-left: 0px;
      margin-right: 0px; } }
  .trtFindings .no_record_found_dir {
    border: none;
    box-shadow: none; }

.no_record_found_invoice {
  background-color: #fff;
  margin-top: 0px !important;
  padding: 0px !important;
  border: none;
  box-shadow: none;
  font-size: 0.9em; }

.no_record_found_prm {
  background-color: #fff;
  margin-top: 0px !important;
  min-height: 35px;
  border: none;
  box-shadow: none;
  font-size: 0.9em; }
  @media (max-width: 400px) {
    .no_record_found_prm {
      padding: 0.4em; } }
  .no_record_found_prm i {
    display: inline-block;
    margin-top: 6px; }

.no_record_found_dir {
  background-color: #fff;
  margin-top: 0px !important;
  height: 46px;
  font-size: 0.9em;
  margin: 0px; }
  .no_record_found_dir i {
    display: inline-block;
    margin-top: 6px; }

.bgWht {
  background-color: #fff !important; }

.nowdt {
  width: auto !important; }

.fullwdt {
  width: 100% !important; }

.wdth50per {
  width: 50% !important; }

.wdt60 {
  width: 50px !important; }

.noFloat {
  float: none !important; }

.tp5 {
  top: 5px !important; }

.tp4 {
  top: 4px !important; }

.tp3 {
  top: 3px !important; }

.width20 {
  width: 20%; }

.width80 {
  width: 80%; }

.width95 {
  width: 95%; }

.deleted {
  text-decoration: line-through;
  text-decoration-color: #444444; }
  .deleted .fbRsn {
    text-decoration: line-through;
    text-decoration-color: #444444; }

.pos-init {
  position: initial; }

.pos-rel {
  position: relative; }

.brdr_drk_gry, #sendReceiptsDropdown li .sendBox {
  border: 1px solid #cac2be; }

.wth-237 {
  width: 237px !important; }

.pd-in-15 {
  padding: 20px 35px 6px; }

.pd-bt-10 {
  padding-bottom: 10px; }

.pd-bt-12 {
  padding-bottom: 12px !important; }

.no-pd-btm {
  padding-bottom: 0; }

.pd-0 {
  padding: 0; }

.pdLR20 {
  padding: 0 10px; }

.wrd-brk {
  word-wrap: break-word; }

.wrd-brk-all {
  word-break: break-all; }

.wrd-brk-wrd {
  word-break: break-word; }

.no-brdr-btm {
  border-bottom: 0px none; }

.mrgn-btm-20 {
  margin-bottom: 1em; }
  .mrgn-btm-20.table-responsive {
    margin-bottom: 1em !important; }

.clearall {
  clear: both; }

.mrgn-btm-30 {
  margin-bottom: 30px; }

.mrgn-top-20 {
  margin-top: 20px; }

.mrgn-t20 {
  margin: 20px 0 0 0 !important; }

.mrgn-t25 {
  margin: 22px 0 0 0 !important; }

.mrgn-t30 {
  margin: 26px 0 0 0 !important; }

.mrgn-btm-2-neg {
  margin-bottom: -2px !important; }

.mrgn-top-15 {
  margin-top: 15px; }

.mrgn-top15 {
  margin-top: 15px !important; }

.nomrgn-top {
  margin-top: 0 !important; }

.mrgn-top-10 {
  margin-top: 10px; }

.mrgn-btm-10 {
  margin-bottom: 10px; }

.mrgn-top-5 {
  margin-top: 5px !important; }

.mrgn-btm-5 {
  margin-bottom: 5px !important; }

.mrgn-btm-5-neg {
  margin-bottom: -5px !important; }

.mrgn-top5 {
  margin-top: -5px !important; }

.mrgn-left-5 {
  margin-left: 5px; }

.mrgn-left-10 {
  margin-left: 10px; }

.mrgn-left-20 {
  margin-left: 20px; }

.mrgn-left-15 {
  margin-left: 15px; }

.mrgn-left-16 {
  margin-left: 16px !important; }

.nomrgnlft {
  margin-left: 0px !important; }

.mrgnLft30 {
  margin-left: 30px !important; }

.marnLeftAuto {
  margin-left: auto !important; }

.nomrgn {
  margin: 0px !important; }

.mrgnTp13 {
  margin: 13px 0 0 0 !important; }

.mrgn-right-20 {
  margin-right: 20px !important; }

.mrgn-right-30 {
  margin-right: 30px !important; }

.marg-top-neg-4 {
  margin-top: -4px !important; }

.pad-10 {
  padding: 10px !important; }

.paddTop-7 {
  padding-top: 7px !important; }

.padTop-6 {
  padding-top: 6px !important; }

.pad-0 {
  padding: 0 !important; }

.padTop-2 {
  padding-top: 2px !important; }

.padLeft-5 {
  padding-left: 5px; }

.pad-0 {
  padding: 0px !important; }

.padLeft-15 {
  padding-left: 15px !important; }

.padTop-15 {
  padding-top: 15px !important; }

.padTop-1 {
  padding-top: 1px !important; }

.padTop-10 {
  padding-top: 10px; }

.padLeft-0 {
  padding-left: 0px; }

.padBottom-6 {
  padding-bottom: 6px; }

.cursor-pointer {
  cursor: pointer; }

.noMrgn {
  margin: 0 !important; }
  .noMrgn.legendOriginal {
    margin: 0 !important; }

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

.fnt_12 {
  font-size: 12px; }

.fnt_14 {
  font-size: 14px !important;
  line-height: 22px !important; }

.inline-flex {
  display: inline-flex; }

.text-center {
  text-align: center !important; }

.text-right {
  text-align: right !important; }

.text-left {
  text-align: left !important; }

.txt-black {
  color: #444; }

.no-records-txt {
  color: #1f414b;
  font: 0.95em "RobotoRegular";
  text-align: center; }

.clearleft {
  clear: left; }

.txt_blk {
  color: #000000 !important; }

.txt_medgry {
  color: #444444; }

.txt_orng {
  color: #fa9948 !important; }

.fnt_avgR {
  font-family: "AvantGradeRegular"; }

.fnt_cali {
  font-family: Calibri, Sans-serif, Arial !important; }

.brk_all {
  word-break: break-all; }

.txt_strikeOff {
  text-decoration: line-through; }

.hidePagging .pagingUI {
  display: none; }

.indicator_txt {
  display: inline-block;
  font: 0.85em "RobotoRegular";
  margin: 9px 0 0;
  text-align: right;
  min-width: 100px; }
  .indicator_txt.mrgn-left-20 {
    margin-left: 20px; }

.consumableNotesHistory {
  margin-left: -8px !important; }

.consumableNotes {
  margin-left: 6px;
  width: 187px;
  height: 100%; }
  @media screen and (max-width: 1200px) and (min-width: 992px) {
    .consumableNotes {
      margin-left: 40px !important; } }
  .consumableNotes .consNotesHeading {
    color: #fa9948;
    font-weight: bold; }
  .consumableNotes .clncsname {
    margin-top: 0px !important; }
  .consumableNotes .wdConsum {
    width: 100%;
    height: auto; }
    .consumableNotes .wdConsum textarea {
      height: 28px !important;
      min-height: 42px; }
  .consumableNotes .wdCosumNotes {
    width: 100%; }

.indicator {
  width: 28px;
  height: 28px;
  border-radius: 0.6em;
  margin: -11px 0 0 7px;
  display: block;
  float: left; }

.txtIndent {
  text-indent: -99999px; }

table tbody tr:nth-of-type(2n) {
  background-color: #f2f2f2; }

table.noClr tr {
  background: none transparent !important; }

.table > tbody + tbody {
  border-top-width: 1px; }

.OverflwInhrt {
  overflow: inherit; }

.OverflwYHidden {
  overflow-y: hidden; }

.patientNameIdCntr {
  width: 100% !important;
  text-align: center !important; }

.mrgnBtm9 {
  margin-bottom: 9px !important; }

.pddingBtm0 {
  padding-bottom: 0px !important; }

.table-responsive {
  border: 0 none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0px; }

.arrow_box, .tabbingUI .tabWrap .tabOption.active, .tabbingUI .tabWrap .tabOption:hover, .tabbingUI .tabWrap button:hover span.tabOption.cmnicons, button:hover .tabbingUI .tabWrap span.tabOption.cmnicons, .tabbingUI .tabWrap .tabOption:focus {
  position: relative; }
  .arrow_box:after, .tabbingUI .tabWrap .tabOption.active:after, .tabbingUI .tabWrap .tabOption:hover:after, .tabbingUI .tabWrap button:hover span.tabOption.cmnicons:after, button:hover .tabbingUI .tabWrap span.tabOption.cmnicons:after, .tabbingUI .tabWrap .tabOption:focus:after, .arrow_box:before, .tabbingUI .tabWrap .tabOption.active:before, .tabbingUI .tabWrap .tabOption:hover:before, .tabbingUI .tabWrap button:hover span.tabOption.cmnicons:before, button:hover .tabbingUI .tabWrap span.tabOption.cmnicons:before, .tabbingUI .tabWrap .tabOption:focus:before {
    position: absolute;
    border: solid transparent;
    width: 0px;
    height: 0px;
    pointer-events: none;
    top: 100%;
    left: 50%;
    content: " "; }
  .arrow_box:after, .tabbingUI .tabWrap .tabOption.active:after, .tabbingUI .tabWrap .tabOption:hover:after, .tabbingUI .tabWrap button:hover span.tabOption.cmnicons:after, button:hover .tabbingUI .tabWrap span.tabOption.cmnicons:after, .tabbingUI .tabWrap .tabOption:focus:after {
    border-bottom-color: #fff;
    margin: -13px 0 0 -9px;
    border-width: 9px; }
  .arrow_box:before, .tabbingUI .tabWrap .tabOption.active:before, .tabbingUI .tabWrap .tabOption:hover:before, .tabbingUI .tabWrap button:hover span.tabOption.cmnicons:before, button:hover .tabbingUI .tabWrap span.tabOption.cmnicons:before, .tabbingUI .tabWrap .tabOption:focus:before {
    border-bottom-color: #fff;
    margin: -13px 0 0 -9px;
    border-width: 9px; }

/** position:initial **/
/** whiteDfltBox **/
.whtBox {
  box-shadow: 0px 0 6px #ccc;
  width: 100%;
  height: auto;
  display: inline-block;
  border-radius: 4px;
  background: #fff;
  padding: .5em .5em 0; }

/*
@media (max-width:500px){
    .checkbox_messaging_list ul li{
        min-width: 58px !important;
        top: -4px !important;
    }
}*/
.tabularListing {
  font: normal 1em Calibri, Sans-serif, Arial;
  padding: 0 0 2px; }
  .tabularListing .tableHelper {
    border: 0 none; }
  .tabularListing table thead tr {
    background: #faa762; }
    .tabularListing table thead tr td,
    .tabularListing table thead tr th {
      font-weight: bold;
      color: #fff;
      padding: 1px 7px 1px !important;
      text-align: left;
      vertical-align: middle; }
      .tabularListing table thead tr td:last-child,
      .tabularListing table thead tr th:last-child {
        text-align: center !important; }
      .tabularListing table thead tr td.txt-lft,
      .tabularListing table thead tr th.txt-lft {
        text-align: left !important; }
      .tabularListing table thead tr td.text-right,
      .tabularListing table thead tr th.text-right {
        text-align: right !important; }
      .tabularListing table thead tr td.sorting_asc,
      .tabularListing table thead tr th.sorting_asc {
        background-image: url("../imgs/sort_asc.png") !important; }
      .tabularListing table thead tr td.sorting_desc,
      .tabularListing table thead tr th.sorting_desc {
        background-image: url("../imgs/sort_desc.png") !important; }
      .tabularListing table thead tr td.sorting,
      .tabularListing table thead tr th.sorting {
        background-image: url("../imgs/sort_both.png"); }
      .tabularListing table thead tr td.sorting_asc, .tabularListing table thead tr td.sorting_desc, .tabularListing table thead tr td.sorting,
      .tabularListing table thead tr th.sorting_asc,
      .tabularListing table thead tr th.sorting_desc,
      .tabularListing table thead tr th.sorting {
        background-repeat: no-repeat;
        background-position: 5px 2px;
        padding-left: 1.3em !important; }
  .tabularListing table tbody tr td .txtareCont .notestext {
    margin: 2px 0 -2px -4px;
    float: right; }
  .tabularListing table tbody tr.deleted,
  .tabularListing table tbody tr .deleted {
    text-decoration: line-through;
    text-decoration-color: #444444; }
    .tabularListing table tbody tr.deleted .text-truncate-with-pin,
    .tabularListing table tbody tr .deleted .text-truncate-with-pin {
      text-decoration: line-through;
      text-decoration-color: #444444; }
    .tabularListing table tbody tr.deleted .legendOriginal,
    .tabularListing table tbody tr .deleted .legendOriginal {
      text-decoration: line-through;
      text-decoration-color: #444444; }
  .tabularListing table .actions {
    font-size: 0.85em; }
  .tabularListing .actions {
    font-size: 0.715em;
    margin: 0; }
    .tabularListing .actions.tble-head-icn > span {
      margin: 0; }
    .tabularListing .actions .actn-icn {
      background: #fff url("../imgs/cmn-icn-sprite.png") no-repeat top left;
      background-color: white;
      box-shadow: inset 0 0 0 1px #adb3a2, 0 0 4px #ccc;
      transform: translateZ(0);
      transition-duration: 0.3s;
      transition-property: box-shadow;
      backface-visibility: hidden;
      -webkit-transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-property: box-shadow;
      -moz-osx-font-smoothing: grayscale;
      width: 28px;
      height: 28px;
      border-radius: 6px;
      margin: 0 7px 0 0;
      display: inherit;
      float: left;
      padding: 0; }
      .tabularListing .actions .actn-icn.workflow-add {
        background-position: -426px -1669px; }
      .tabularListing .actions .actn-icn.add {
        background-position: -154px -427px; }
      .tabularListing .actions .actn-icn.view {
        background-position: -154px -524px; }
      .tabularListing .actions .actn-icn.edit {
        background-position: -155px -488px; }
      .tabularListing .actions .actn-icn.delete {
        background-position: -229px -387px; }
      .tabularListing .actions .actn-icn.print {
        background-position: -155px -453px; }
      .tabularListing .actions .actn-icn.save {
        background-position: -503px -409px; }
      .tabularListing .actions .actn-icn.cancel {
        background-position: -594px -410px; }
      .tabularListing .actions .actn-icn.followup {
        background-position: -17px -689px; }
      .tabularListing .actions .actn-icn.retreat {
        background-position: -16px -726px; }
      .tabularListing .actions .actn-icn.reopen {
        background-position: -204px -690px; }
      .tabularListing .actions .actn-icn.suspend {
        background-position: -110px -690px; }
      .tabularListing .actions .actn-icn.getReview {
        background-position: -728px -717px; }
      .tabularListing .actions .actn-icn.subReview {
        background-position: -638px -719px; }
      .tabularListing .actions .actn-icn.history {
        background-position: -568px -685px; }
      .tabularListing .actions .actn-icn.case_tracking {
        background-position: -568px -685px; }
    .tabularListing .actions a {
      width: 102px;
      height: 30px;
      list-style-type: none;
      display: inline-block;
      color: #444444;
      padding: 11px 0 0;
      max-width: 102px;
      text-align: left;
      font-size: 1em;
      margin: 2px 0; }
      .tabularListing .actions a:hover .actn-icn {
        background-color: #faa762;
        box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999; }
        .tabularListing .actions a:hover .actn-icn.workflow-add {
          background-position: -554px -1669px; }
        .tabularListing .actions a:hover .actn-icn.add {
          background-position: -212px -427px; }
        .tabularListing .actions a:hover .actn-icn.view {
          background-position: -212px -524px; }
        .tabularListing .actions a:hover .actn-icn.edit {
          background-position: -212px -488px; }
        .tabularListing .actions a:hover .actn-icn.delete {
          background-position: -269px -387px; }
        .tabularListing .actions a:hover .actn-icn.print {
          background-position: -212px -453px; }
        .tabularListing .actions a:hover .actn-icn.save {
          background-position: -538px -409px; }
        .tabularListing .actions a:hover .actn-icn.cancel {
          background-position: -633px -410px; }
        .tabularListing .actions a:hover .actn-icn.followup {
          background-position: -57px -689px; }
        .tabularListing .actions a:hover .actn-icn.retreat {
          background-position: -56px -726px; }
        .tabularListing .actions a:hover .actn-icn.reopen {
          background-position: -247px -690px; }
        .tabularListing .actions a:hover .actn-icn.suspend {
          background-position: -155px -690px; }
        .tabularListing .actions a:hover .actn-icn.getReview {
          background-position: -769px -717px; }
        .tabularListing .actions a:hover .actn-icn.subReview {
          background-position: -676px -719px; }
        .tabularListing .actions a:hover .actn-icn.history {
          background-position: -613px -685px; }
        .tabularListing .actions a:hover .actn-icn.case_tracking {
          background-position: -613px -685px; }
      .tabularListing .actions a:active, .tabularListing .actions a.active {
        box-shadow: none; }
    .tabularListing .actions.sml-btn-wdth a {
      width: 80px;
      height: auto;
      margin: 2px 0 2px 5px;
      white-space: inherit;
      display: inline-flex;
      align-items: flex-end;
      padding: 0; }
    .tabularListing .actions span {
      display: inline-block; }
      .tabularListing .actions span.btnLabel {
        align-items: last baseline;
        overflow-wrap: break-word;
        width: 44px;
        height: auto;
        vertical-align: bottom;
        line-height: 14px;
        padding: 0;
        display: flex;
        margin: 0; }

@media (min-width: 320px) {
  .btn-circular.mrgn-left-20 {
    margin-left: 9px; }
  table .actions.sml-btn-wdth a {
    display: inline-flex; } }

@media (min-width: 768px) {
  .btn-circular.mrgn-left-20 {
    margin-left: 20px; }
  table .actions.sml-btn-wdth a {
    display: inline-flex; } }

.dtNClncs {
  display: inline-block;
  padding: 0;
  width: 100%; }
  .dtNClncs .clncsname {
    color: #fa9948;
    float: left;
    font-size: 20px;
    font-weight: bold;
    line-height: 0;
    margin: 10px 5px 0; }
  .dtNClncs .clnsnametxt {
    float: left; }
  .dtNClncs .fullwdt {
    width: 99%;
    font-size: .85em; }
  .dtNClncs .tblDD {
    width: 130px;
    margin: 3px 40px 0 0; }
  .dtNClncs .fullNameDvdr {
    border-bottom: 1px solid #cdcdcd;
    display: inline-block;
    float: none;
    margin: 5px 5px 0;
    padding: 0 5px 8px;
    width: 99%; }

.col_seprator {
  float: left;
  font-weight: bold;
  margin: -1px 5px 0px 5px; }

.topTabularBrdr {
  margin-top: 2.5em;
  padding: 0; }
  .topTabularBrdr.tblebrdr {
    border-top: 1px solid #faa762; }

@media (min-width: 280px) {
  .tabularListing .tbl-head-txt {
    float: left; }
    .tabularListing .tbl-head-txt.fullNameDvdr {
      float: none; }
  .tabularListing .actions.tble-head-icn {
    margin: auto;
    padding: 0 15px;
    text-align: center;
    width: 100%; } }

@media (min-width: 580px) {
  .tabularListing .actions.tble-head-icn {
    width: auto; } }

@media (min-width: 992px) {
  .tabularListing table .actions {
    width: 310px; }
  .tabularListing .actions {
    width: auto; }
    .tabularListing .actions.no-dimensn {
      width: auto; } }

/** whiteDfltBox **/
/** btnListing **/
.btnListing {
  text-align: center;
  padding: 0;
  margin: 10px 0 0 0;
  border-top: 1px solid #cdcdcd; }
  .btnListing li {
    display: inline-block;
    list-style-type: none;
    margin: 20px 10px 0;
    text-align: center; }

@media (min-width: 768px) {
  .btnListing li {
    margin: 10px 20px 0; } }

@media (min-width: 992px) {
  .btnListing {
    border-left: 1px solid #cdcdcd;
    border-top: 0 none;
    width: 100%;
    height: auto;
    padding: 0 0 0 15px;
    text-align: right;
    float: left;
    margin: 0; }
    .btnListing li {
      margin: 0 0 0 11px; } }

@media (min-width: 1200px) {
  .btnListing li {
    margin: 0 0 0 20px; } }

/** btnListing **/
/** filters **/
.filters {
  margin-bottom: 1.5em; }
  .filters.advanceBoxFilters {
    margin-top: -1em; }
  .filters .form-group {
    margin: 0;
    padding: 0 0 0 8px; }
  .filters .combineFilterBox {
    border: 2px solid #f2f2f2;
    border-radius: 5px;
    display: block;
    clear: both;
    padding: 3px 0 3px 0;
    margin: 0 5px 5px 0; }

.filterList {
  margin: 0;
  padding: 0; }
  .filterList li {
    list-style-type: none;
    display: inline-block;
    width: 100%;
    vertical-align: top; }
    .filterList li:last-child {
      margin: 0; }
    .filterList li.inheritWidth {
      width: auto; }
      .filterList li.inheritWidth li {
        width: auto !important; }
    .filterList li.nospc {
      margin-right: 0; }

@media (min-width: 768px) {
  .filterList li {
    margin: 0 10px 0 0;
    width: 155px; }
  .filterList.advanceSearchFldsBox li {
    width: 130px;
    margin: 0 15px 0; }
  .emailWrap {
    word-wrap: break-word;
    word-break: break-all; } }

@media (min-width: 992px) {
  .filters .noPD {
    padding: 0; }
  .filters li {
    width: auto; }
  .filterList {
    margin: 0;
    display: inline-block; }
    .filterList li {
      margin: 0 12px 8px 0;
      padding: 0;
      width: 124px; }
  .compFilterList {
    margin: 0 0px; }
    .compFilterList.vmdlFilter {
      margin-top: 17px; } }

@media (min-width: 1200px) {
  .filterList li {
    width: 175px;
    float: left; } }

/** filters **/
/** smallText **/
.small_txt {
  font: normal 13px Calibri, Sans-serif, Arial;
  display: inline-block;
  color: #444444;
  bottom: -8px;
  width: 100%;
  padding: 0;
  margin: 0;
  left: 0; }

.small_txt_listing {
  color: #4e3224;
  display: inline-block;
  font: normal 11px "RobotoRegular";
  text-align: right;
  width: 100%; }

@media (min-width: 992px) {
  .small_txt {
    position: absolute; }
    .small_txt.non-postining {
      position: inherit;
      margin: 3px 0 -5px 2px;
      float: left; }
  .compTxtBtm {
    padding: 5px; } }

/** smallText **/
/** two column layout style **/
/** sideNavigation **/
.sideNavigation {
  padding: 0; }
  .sideNavigation ul {
    margin: 0;
    padding: 0;
    text-align: center; }
    .sideNavigation ul li {
      list-style-type: none;
      display: inline-block;
      text-align: center;
      margin: 0 0 1em;
      width: 100%;
      line-height: 1;
      padding: 0; }
    .sideNavigation ul.affix {
      position: inherit; }
  .sideNavigation.btnFix {
    position: fixed !important;
    right: 80px !important;
    top: 0 !important; }
    .sideNavigation.btnFix.top10 {
      top: 10px !important; }

@media (min-width: 768px) {
  .sideNavigation ul li {
    margin: 0 0 1em; }
  .sideNavigation.btnFix {
    right: 14px !important; } }

@media (min-width: 992px) {
  .sideNavigation ul li {
    width: 92px; }
  .sideNavigation.btnFix {
    right: 30px !important; } }

@media (min-width: 1200px) {
  .sideNavigation ul li {
    width: 91px; }
  .sideNavigation.btnFix {
    right: 60px !important; } }

/** sideNavigation **/
/** circleIconsSet **/
.cmnicons, button:hover span.cmnicons {
  background: #fff url("../imgs/cmn-icn-sprite.png") no-repeat top left;
  background-color: white;
  box-shadow: inset 0 0 0 1px #adb3a2, 0 0 4px #ccc;
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  -moz-osx-font-smoothing: grayscale;
  width: 46px;
  height: 46px;
  border-radius: 24px;
  cursor: pointer;
  display: flex;
  margin: auto;
  /** mouseover icons change **/ }
  .cmnicons.labadd, button:hover span.labadd.cmnicons {
    background-position: -11px -1423px; }
  .cmnicons.reports, button:hover span.reports.cmnicons {
    background-position: -826px -1592px; }
  .cmnicons.aprsv, button:hover span.aprsv.cmnicons {
    background-position: -570px -532px; }
  .cmnicons.aprsv-cnfrm, button:hover span.aprsv-cnfrm.cmnicons {
    background-position: -531px -614px; }
  .cmnicons.aprsv-tntv, button:hover span.aprsv-tntv.cmnicons {
    background-position: -695px -614px; }
  .cmnicons.aprsv-appt, button:hover span.aprsv-appt.cmnicons {
    background-position: -852px -614px; }
  .cmnicons.aprapt, button:hover span.aprapt.cmnicons {
    background-position: -689px -291px; }
  .cmnicons.rst, button:hover span.rst.cmnicons {
    background-position: -414px -717px; }
  .cmnicons.cncl, button:hover span.cncl.cmnicons {
    background-position: -725px -530px; }
  .cmnicons.csv, button:hover span.csv.cmnicons {
    background-position: -936px -189px; }
  .cmnicons.srch, button:hover span.srch.cmnicons {
    background-position: -857px -191px; }
  .cmnicons.cpmlnt, button:hover span.cpmlnt.cmnicons {
    background-position: -99px -1073px; }
  .cmnicons.subsAdd, button:hover span.subsAdd.cmnicons {
    background-position: -192px -1073px; }
  .cmnicons.subsList, button:hover span.subsList.cmnicons {
    background-position: -655px -1073px; }
  .cmnicons.apptAdd, button:hover span.apptAdd.cmnicons {
    background-position: -285px -1074px; }
  .cmnicons.info, button:hover span.info.cmnicons {
    background-position: -208px -11px; }
  .cmnicons.scheduler, button:hover span.scheduler.cmnicons {
    background-position: -428px -483px; }
  .cmnicons.drpCall, button:hover span.drpCall.cmnicons {
    background-position: -512px -1070px; }
  .cmnicons.miscAdd, button:hover span.miscAdd.cmnicons {
    background-position: -439px -1069px; }
  .cmnicons.addCallBtn, button:hover span.addCallBtn.cmnicons {
    background-position: -20px -1747px; }
  .cmnicons.miscList, button:hover span.miscList.cmnicons {
    background-position: -364px -1070px; }
  .cmnicons.wArea, button:hover span.wArea.cmnicons {
    background-position: -579px -1073px; }
  .cmnicons.cncl-mdl, button:hover span.cncl-mdl.cmnicons {
    background-position: -725px -530px; }
  .cmnicons.sv-mdl, button:hover span.sv-mdl.cmnicons {
    background-position: -570px -532px; }
  .cmnicons.yes-mdl, button:hover span.yes-mdl.cmnicons {
    background-position: -202px -720px; }
  .cmnicons.dashB, button:hover span.dashB.cmnicons {
    background-position: -690px -396px; }
  .cmnicons.ccAdd, button:hover span.ccAdd.cmnicons {
    background-position: -579px -717px; }
  .cmnicons.print, button:hover span.print.cmnicons {
    background-position: -862px -458px; }
  .cmnicons.wdhist, button:hover span.wdhist.cmnicons {
    background-position: -486px -553px; }
  .cmnicons.dashBoardCMAdd, button:hover span.dashBoardCMAdd.cmnicons {
    background-position: -83px -784px; }
  .cmnicons.nxt-mdl, button:hover span.nxt-mdl.cmnicons {
    background-position: -171px -783px; }
  .cmnicons.pt_rmdr, button:hover span.pt_rmdr.cmnicons {
    background-position: -7px -82px; }
  .cmnicons.ad_patnt, button:hover span.ad_patnt.cmnicons {
    background-position: -12px -1210px; }
  .cmnicons.advSerch, button:hover span.advSerch.cmnicons {
    background-position: -823px -1191px; }
  .cmnicons.trt_dischrge_icn, button:hover span.trt_dischrge_icn.cmnicons {
    background: #fff url("../imgs/treatment-cmn-icons.png") no-repeat top left;
    background-position: 1px -155px; }
    .cmnicons.trt_dischrge_icn:hover, button:hover span.trt_dischrge_icn.cmnicons {
      background-position: -50px -155px; }
  .cmnicons.glyphicon, button:hover span.glyphicon.cmnicons, .cmnicons.fa, button:hover span.fa.cmnicons {
    background-position: 100px 100px;
    padding: 10px 0 0 0;
    color: #fa9948;
    text-align: center;
    font-size: 2.4em; }
  .cmnicons.recoAdd, button:hover span.recoAdd.cmnicons {
    background-position: -283px -1345px; }
  .cmnicons.sv-snz-mdl, button:hover span.sv-snz-mdl.cmnicons {
    background-position: -494px -1343px; }
  .cmnicons.wrk-area-sml, button:hover span.wrk-area-sml.cmnicons {
    background-position: -750px -1345px; }
  .cmnicons.payAdd, button:hover span.payAdd.cmnicons {
    background-position: -768px -1426px; }
  .cmnicons.payAdvance, button:hover span.payAdvance.cmnicons {
    background-position: -13px -1516px; }
  .cmnicons.payInvoice, button:hover span.payInvoice.cmnicons {
    background-position: -205px -1517px; }
  .cmnicons.followupReminder, button:hover span.followupReminder.cmnicons {
    background-position: -14px -1588px; }
  .cmnicons.ozonetelCallHistory, button:hover span.ozonetelCallHistory.cmnicons {
    background-position: -449px -1750px; }
  .cmnicons.selctdBtn, button:hover span.selctdBtn.cmnicons {
    background-color: #faa762;
    box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999; }
    .cmnicons.selctdBtn.advSerch {
      background-position: -823px -1244px; }
    .cmnicons.selctdBtn.recoAdd {
      background-position: -283px -1345px; }
  .cmnicons.snooze-cmn-icn, button:hover span.snooze-cmn-icn.cmnicons {
    font-size: 1.3em;
    text-align: center;
    padding: 9px 0px 0px 9px; }
  .cmnicons.prdcts, button:hover span.prdcts.cmnicons {
    background-position: -934px -1515px; }
  .cmnicons.notif, button:hover span.notif.cmnicons {
    background-position: -928px -1346px; }
  .cmnicons.de-activate, button:hover span.de-activate.cmnicons {
    background-position: -21px -1675px; }
  .cmnicons.activate, button:hover span.activate.cmnicons {
    background-position: -226px -1675px; }
  .cmnicons.modalMin, button:hover span.modalMin.cmnicons {
    background-position: -487px -1592px; }
  .cmnicons.floatSnap, button:hover span.floatSnap.cmnicons {
    background-position: -299px -1588px; }
  .cmnicons.send-mdl, button:hover span.send-mdl.cmnicons {
    background-position: -226px -1752px; }
  .cmnicons.sml-info, button:hover span.sml-info.cmnicons {
    background-position: -615px -1514px; }
  .cmnicons.sml-scheduler, button:hover span.sml-scheduler.cmnicons {
    background-position: -114px -1821px; }
  .cmnicons.sml-allocate, button:hover span.sml-allocate.cmnicons {
    background-position: -227px -1821px; }
  .cmnicons:hover, button:hover span.cmnicons {
    background-color: #faa762;
    box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999; }
    .cmnicons:hover.no_button_highlight, button:hover span.no_button_highlight.cmnicons {
      background-color: white;
      box-shadow: inset 0 0 0 1px #adb3a2, 0 0 4px #ccc;
      transform: translateZ(0);
      transition-duration: 0.3s;
      transition-property: box-shadow;
      backface-visibility: hidden;
      -webkit-transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-property: box-shadow;
      -moz-osx-font-smoothing: grayscale; }
      .cmnicons:hover.no_button_highlight.de-activate, button:hover span.no_button_highlight.de-activate.cmnicons {
        background-position: -21px -1675px; }
      .cmnicons:hover.no_button_highlight.activate, button:hover span.no_button_highlight.activate.cmnicons {
        background-position: -226px -1675px; }
    .cmnicons:hover.labadd, button:hover span.labadd.cmnicons {
      background-position: -87px -1423px; }
    .cmnicons:hover.reports, button:hover span.reports.cmnicons {
      background-position: -741px -1592px; }
    .cmnicons:hover.trt_dischrge_icn, button:hover span.trt_dischrge_icn.cmnicons {
      background-position: -50px -155px; }
    .cmnicons:hover.aprsv, button:hover span.aprsv.cmnicons {
      background-position: -638px -532px; }
    .cmnicons:hover.aprsv-cnfrm, button:hover span.aprsv-cnfrm.cmnicons {
      background-position: -467px -614px; }
    .cmnicons:hover.aprsv-tntv, button:hover span.aprsv-tntv.cmnicons {
      background-position: -631px -614px; }
    .cmnicons:hover.aprsv-appt, button:hover span.aprsv-appt.cmnicons {
      background-position: -788px -614px; }
    .cmnicons:hover.aprapt, button:hover span.aprapt.cmnicons {
      background-position: -689px -342px; }
    .cmnicons:hover.rst, button:hover span.rst.cmnicons {
      background-position: -469px -717px; }
    .cmnicons:hover.cncl, button:hover span.cncl.cmnicons {
      background-position: -781px -530px; }
    .cmnicons:hover.csv, button:hover span.csv.cmnicons {
      background-position: -936px -245px; }
    .cmnicons:hover.srch, button:hover span.srch.cmnicons {
      background-position: -857px -244px; }
    .cmnicons:hover.cpmlnt, button:hover span.cpmlnt.cmnicons {
      background-position: -99px -1143px; }
    .cmnicons:hover.subsAdd, button:hover span.subsAdd.cmnicons {
      background-position: -192px -1147px; }
    .cmnicons:hover.subsList, button:hover span.subsList.cmnicons {
      background-position: -655px -1147px; }
    .cmnicons:hover.apptAdd, button:hover span.apptAdd.cmnicons {
      background-position: -285px -1148px; }
    .cmnicons:hover.info, button:hover span.info.cmnicons {
      background-position: -99px -11px; }
    .cmnicons:hover.scheduler, button:hover span.scheduler.cmnicons {
      background-position: -310px -483px; }
    .cmnicons:hover.drpCall, button:hover span.drpCall.cmnicons {
      background-position: -512px -1147px; }
    .cmnicons:hover.miscAdd, button:hover span.miscAdd.cmnicons {
      background-position: -441px -1147px; }
    .cmnicons:hover.addCallBtn, button:hover span.addCallBtn.cmnicons {
      background-position: -111px -1746px; }
    .cmnicons:hover.miscList, button:hover span.miscList.cmnicons {
      background-position: -370px -1147px; }
    .cmnicons:hover.wArea, button:hover span.wArea.cmnicons {
      background-position: -579px -1147px; }
    .cmnicons:hover.cncl-mdl, button:hover span.cncl-mdl.cmnicons {
      background-position: -781px -530px; }
    .cmnicons:hover.reverseDownload, button:hover span.reverseDownload.cmnicons {
      background-position: -48px -682px; }
    .cmnicons:hover.sv-mdl, button:hover span.sv-mdl.cmnicons {
      background-position: -637px -532px; }
    .cmnicons:hover.yes-mdl, button:hover span.yes-mdl.cmnicons {
      background-position: -255px -720px; }
    .cmnicons:hover.dashB, button:hover span.dashB.cmnicons {
      background-position: -775px -395px; }
    .cmnicons:hover.ccAdd, button:hover span.ccAdd.cmnicons {
      background-position: -530px -717px; }
    .cmnicons:hover.print, button:hover span.print.cmnicons {
      background-position: -936px -458px; }
    .cmnicons:hover.wdhist, button:hover span.wdhist.cmnicons {
      background-position: -425px -553px; }
    .cmnicons:hover.dashBoardCMAdd, button:hover span.dashBoardCMAdd.cmnicons {
      background-position: -83px -859px; }
    .cmnicons:hover.nxt-mdl, button:hover span.nxt-mdl.cmnicons {
      background-position: -249px -783px; }
    .cmnicons:hover.pt_rmdr, button:hover span.pt_rmdr.cmnicons {
      background-position: -91px -441px; }
    .cmnicons:hover.ad_patnt, button:hover span.ad_patnt.cmnicons {
      background-position: -104px -1210px; }
    .cmnicons:hover.advSerch, button:hover span.advSerch.cmnicons {
      background-position: -823px -1244px; }
    .cmnicons:hover.glyphicon, button:hover span.glyphicon.cmnicons, .cmnicons:hover.fa, button:hover span.fa.cmnicons {
      background-position: 100px 100px;
      color: #fff; }
    .cmnicons:hover.recoAdd, button:hover span.recoAdd.cmnicons {
      background-position: -379px -1345px; }
    .cmnicons:hover.sv-snz-mdl, button:hover span.sv-snz-mdl.cmnicons {
      background-position: -565px -1343px; }
    .cmnicons:hover.wrk-area-sml, button:hover span.wrk-area-sml.cmnicons {
      background-position: -663px -1345px; }
    .cmnicons:hover.payAdd, button:hover span.payAdd.cmnicons {
      background-position: -667px -1426px; }
    .cmnicons:hover.payAdvance, button:hover span.payAdvance.cmnicons {
      background-position: -103px -1516px; }
    .cmnicons:hover.payInvoice, button:hover span.payInvoice.cmnicons {
      background-position: -296px -1517px; }
    .cmnicons:hover.prdcts, button:hover span.prdcts.cmnicons {
      background-position: -839px -1515px; }
    .cmnicons:hover.notif, button:hover span.notif.cmnicons {
      background-position: -928px -1427px; }
    .cmnicons:hover.followupReminder, button:hover span.followupReminder.cmnicons {
      background-position: -103px -1588px; }
    .cmnicons:hover.de-activate, button:hover span.de-activate.cmnicons {
      background-position: -119px -1675px; }
    .cmnicons:hover.activate, button:hover span.activate.cmnicons {
      background-position: -320px -1675px; }
    .cmnicons:hover.modalMin, button:hover span.modalMin.cmnicons {
      background-position: -609px -1592px; }
    .cmnicons:hover.floatSnap, button:hover span.floatSnap.cmnicons {
      background-position: -299px -1588px; }
    .cmnicons:hover.ozontelCall, button:hover span.ozontelCall.cmnicons {
      background-position: -299px -1588px; }
    .cmnicons:hover.ozonetelCallHistory, button:hover span.ozonetelCallHistory.cmnicons {
      background-position: -558px -1750px; }
    .cmnicons:hover.send-mdl, button:hover span.send-mdl.cmnicons {
      background-position: -329px -1752px; }
    .cmnicons:hover.sml-info, button:hover span.sml-info.cmnicons {
      background-position: -722px -1514px; }
    .cmnicons:hover.sml-scheduler, button:hover span.sml-scheduler.cmnicons {
      background-position: -20px -1821px; }
    .cmnicons:hover.sml-allocate, button:hover span.sml-allocate.cmnicons {
      background-position: -332px -1821px; }

/** if cmnicons is coming inside buttons tag **/
/** circleIconsSet **/
/** two column layout style **/
/** common for form styling **/
.form-group {
  padding: 0 22px !important; }

.form-style label {
  font-size: .85em;
  font-weight: normal;
  color: #444444; }

input,
input.form-control,
textarea,
select {
  background: transparent none;
  font: normal 14px Calibri, Sans-serif, Arial;
  color: #1f414b;
  padding: 2px 3px;
  outline: 0 none;
  border: 0 none;
  height: auto; }

input:not([type="submit"]),
input:not([type="checkbox"]),
input:not([type="radio"]),
input:not([type="button"]),
input:not([type="reset"]),
input.form-control:not([type="submit"]),
input.form-control:not([type="checkbox"]),
input.form-control:not([type="radio"]),
input.form-control:not([type="button"]),
input.form-control:not([type="reset"]),
textarea,
select {
  border-width: 0 0 2px;
  border-style: solid;
  border-color: #fbba83;
  box-shadow: 0px 2px 0px #ebebeb;
  border-radius: 0;
  min-height: 27px;
  outline: 0 none; }
  input:not([type="submit"]):focus,
  input:not([type="checkbox"]):focus,
  input:not([type="radio"]):focus,
  input:not([type="button"]):focus,
  input:not([type="reset"]):focus,
  input.form-control:not([type="submit"]):focus,
  input.form-control:not([type="checkbox"]):focus,
  input.form-control:not([type="radio"]):focus,
  input.form-control:not([type="button"]):focus,
  input.form-control:not([type="reset"]):focus,
  textarea:focus,
  select:focus {
    border-width: 0 0 2px;
    border-style: solid;
    border-color: #fbba83;
    box-shadow: 0px 2px 0px #ebebeb;
    border-color: #f48d38; }
  input:not([type="submit"]).field_error_brdr,
  input:not([type="checkbox"]).field_error_brdr,
  input:not([type="radio"]).field_error_brdr,
  input:not([type="button"]).field_error_brdr,
  input:not([type="reset"]).field_error_brdr,
  input.form-control:not([type="submit"]).field_error_brdr,
  input.form-control:not([type="checkbox"]).field_error_brdr,
  input.form-control:not([type="radio"]).field_error_brdr,
  input.form-control:not([type="button"]).field_error_brdr,
  input.form-control:not([type="reset"]).field_error_brdr,
  textarea.field_error_brdr,
  select.field_error_brdr {
    border-color: red; }

select.brderRed {
  border-color: red !important; }

custom-combo .custom-combo select:focus ~ div {
  border-color: #f48d38; }

input[disabled], input[readonly],
.form-control[disabled],
.form-control[readonly],
textarea[disabled],
textarea[readonly] {
  background: white url("../imgs/lock_field.png") no-repeat 0 5px;
  border-color: #bcbbbb !important;
  color: #444444;
  padding-left: 18px;
  opacity: 1; }

fieldset[disabled] .form-control {
  background: white url("../imgs/lock_field.png") no-repeat 0 5px;
  border-color: #bcbbbb !important;
  padding-left: 18px;
  color: #444444;
  opacity: 1; }

select[disabled] + div,
select[readonly] + div {
  background: white url("../imgs/lock_field.png") no-repeat 0 5px;
  border-color: #bcbbbb !important;
  color: #8d8d8d;
  padding-left: 18px !important;
  opacity: 1; }
  select[disabled] + div + span,
  select[readonly] + div + span {
    color: #bcbbbb; }

select[disabled] + span,
select[readonly] + span {
  color: #bcbbbb !important; }

select[disabled],
select[readonly] {
  background: white url("../imgs/lock_field.png") no-repeat 0 5px;
  border-color: #bcbbbb;
  color: #444444;
  padding-left: 18px;
  opacity: 1; }

.custom-list.p-disabled .p-dropdown-label {
  background: white url("../imgs/lock_field.png") no-repeat 0 2px;
  border-color: #bcbbbb;
  color: #666666 !important;
  padding-left: 18px !important;
  opacity: 1; }

.drpdwnDisable:after {
  color: #bcbbbb; }

.disabledField .custom-combo div {
  background: white url("../imgs/lock_field.png") no-repeat 0 5px;
  border-color: #bcbbbb !important;
  padding-left: 18px;
  color: #8d8d8d;
  opacity: 1; }

.disabledField .custom-combo span {
  display: none; }

.disabledField.bgTrans .custom-combo div {
  background-color: transparent; }

textarea {
  width: 100%;
  height: 44px;
  resize: none; }

.form_btn {
  display: inline-block;
  text-align: center; }
  .form_btn #savegroup {
    background: transparent url("../imgs/cmn-icn-sprite.png") no-repeat -676px -202px;
    width: auto;
    height: auto;
    padding: 25px 0 0 0;
    font-weight: 600;
    box-shadow: none;
    border: 0 none; }
    .form_btn #savegroup:hover, .form_btn button:hover span#savegroup.cmnicons, button:hover .form_btn span#savegroup.cmnicons {
      color: #fa9948; }

select {
  outline: 0 none; }
  select option {
    font: 14px Calibri, Sans-serif, Arial;
    padding: 3px 8px; }
    select option:hover, select option:checked {
      box-shadow: 0 0 10px 100px #faa762 inset; }

.merge-2-col {
  padding: 0;
  margin: 0 0 15px; }

.txtareCont {
  position: relative;
  min-height: 50px;
  display: block;
  padding: 0;
  border: 0;
  margin: 0; }
  .txtareCont textarea {
    min-height: 50px;
    padding: 3px 0 0;
    width: 100%; }
  .txtareCont.textareaHeight10 {
    min-height: 205px; }
    .txtareCont.textareaHeight10 textarea {
      height: 205px;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
      border-top: 1px solid #ccc;
      padding: 3px 5px;
      border-radius: 3px; }
  .txtareCont .commonCssFrTxtarea, .txtareCont.textareaHeight6 textarea, .txtareCont.textareaHeight3 textarea {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 3px 5px;
    border-radius: 3px; }
  .txtareCont.textareaHeight6 {
    min-height: 130px; }
    .txtareCont.textareaHeight6 textarea {
      height: 130px; }
  .txtareCont.textareaHeight3 {
    min-height: 75px; }
    .txtareCont.textareaHeight3 textarea {
      height: 75px; }
  .txtareCont.textareaHeight3 {
    min-height: 70px; }
    .txtareCont.textareaHeight3 textarea {
      height: 70px;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
      border-top: 1px solid #ccc;
      padding: 3px 5px;
      border-radius: 3px;
      white-space: pre; }
  .txtareCont.textareaHeight2 {
    min-height: 50px; }
    .txtareCont.textareaHeight2 textarea {
      height: 50px;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
      border-top: 1px solid #ccc;
      padding: 3px 5px;
      border-radius: 3px;
      white-space: pre-line; }
  .txtareCont.textareaHeight4 {
    min-height: 85px; }
    .txtareCont.textareaHeight4 textarea {
      height: 85px;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
      border-top: 1px solid #ccc;
      padding: 3px 5px;
      border-radius: 3px;
      white-space: pre-line; }
  .txtareCont .notestext {
    display: block;
    text-align: right;
    font-size: 14px; }
  .txtareCont.mdl-txtarea {
    margin: 10px auto auto;
    min-height: 40px;
    width: 94%; }
    .txtareCont.mdl-txtarea textarea {
      min-height: 50px; }
    .txtareCont.mdl-txtarea .notestext {
      font-size: 0.8em; }
  .txtareCont.noPositioning textarea {
    position: inherit;
    top: 3px; }
  .txtareCont.noPositioning .counter-text {
    font-size: .8em;
    float: right; }
  .txtareCont.textAreaHeight1 textarea {
    height: 27px;
    min-height: 27px; }

.selectClinic,
.ui-select-container {
  position: relative; }
  .selectClinic input,
  .ui-select-container input {
    position: absolute;
    bottom: -3px;
    width: 90%;
    left: 0; }
  .selectClinic .dropBtn,
  .ui-select-container .dropBtn {
    border: 2px solid #faa762;
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    background: #fff;
    color: #fa9948;
    text-align: center;
    font-size: 0.8em;
    bottom: -3px;
    right: 0;
    z-index: 2; }
    .selectClinic .dropBtn:active:hover, .selectClinic button:hover span.dropBtn.cmnicons:active, button:hover .selectClinic span.dropBtn.cmnicons:active, .selectClinic .dropBtn.active:hover, .selectClinic button:hover span.dropBtn.active.cmnicons, button:hover .selectClinic span.dropBtn.active.cmnicons, .selectClinic .dropBtn:active:focus, .selectClinic .dropBtn.active:focus, .selectClinic .dropBtn.focus:active, .selectClinic .dropBtn.active.focus,
    .ui-select-container .dropBtn:active:hover,
    .ui-select-container button:hover span.dropBtn.cmnicons:active,
    button:hover .ui-select-container span.dropBtn.cmnicons:active,
    .ui-select-container .dropBtn.active:hover,
    .ui-select-container button:hover span.dropBtn.active.cmnicons,
    button:hover .ui-select-container span.dropBtn.active.cmnicons,
    .ui-select-container .dropBtn:active:focus,
    .ui-select-container .dropBtn.active:focus,
    .ui-select-container .dropBtn.focus:active,
    .ui-select-container .dropBtn.active.focus {
      border-color: #faa762; }
    .selectClinic .dropBtn > span,
    .ui-select-container .dropBtn > span {
      display: inline-block;
      margin: 4px 0 0 0;
      vertical-align: middle; }

.selectClinic .ui-select-container {
  margin: 0 0 3px 0; }
  .selectClinic .ui-select-container .ui-select-match > span {
    padding: 0 0 0 2px; }

.selectClinicBasedOnlocation .location-search-input {
  position: relative;
  width: 100%; }

.selectClinicBasedOnlocation button {
  top: 28px; }

.selectClinicBasedOnlocation .dropdown-menu {
  max-height: 400px;
  overflow-y: auto; }

.selectClinicBasedOnlocation .glyphicon-remove-circle {
  background: white;
  padding-left: 2px; }

.appointment_clinic_listed .carousel-control {
  width: auto;
  height: auto;
  background: transparent;
  color: #fa9948;
  opacity: 1; }
  .appointment_clinic_listed .carousel-control .glyphicon {
    background: #f1f1f1;
    margin: 5px 0 0 0 !important;
    font-size: 18px !important;
    width: auto;
    height: 54px;
    justify-content: center;
    align-content: center;
    border-radius: 8px;
    align-items: center;
    text-align: center;
    text-shadow: none;
    flex-wrap: wrap;
    display: flex;
    padding: 0;
    top: 0; }
    .appointment_clinic_listed .carousel-control .glyphicon:hover, .appointment_clinic_listed .carousel-control button:hover span.glyphicon.cmnicons, button:hover .appointment_clinic_listed .carousel-control span.glyphicon.cmnicons {
      background-color: #faa762;
      box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999;
      color: #fff; }
  .appointment_clinic_listed .carousel-control.left .glyphicon {
    padding: 0 2px 0 3px; }
  .appointment_clinic_listed .carousel-control.right .glyphicon {
    padding: 0 3px 0 2px; }

.appointment_clinic_listed .next {
  border-top: none !important; }

.appointment_clinic_listed .carousel-indicators {
  display: none; }

.appointment_clinic_listed .carousel-inner {
  width: 95% !important;
  height: auto;
  margin: auto !important; }
  .appointment_clinic_listed .carousel-inner .item {
    font-size: 16px !important;
    border: 0 none !important;
    padding: 0 !important;
    background: #fff; }

.appointment_clinic_listed .modal-tissue-boxes {
  width: 100%;
  height: auto;
  justify-content: flex-start;
  /*center;*/
  align-items: stretch;
  column-gap: 0;
  display: flex;
  margin: auto; }
  .appointment_clinic_listed .modal-tissue-boxes .content {
    width: 100%;
    height: 54px !important;
    margin: 5px 8px 5px 0 !important;
    align-content: center;
    display: inline-grid;
    align-items: center;
    color: #444444;
    min-width: 130px; }
    .appointment_clinic_listed .modal-tissue-boxes .content:hover, .appointment_clinic_listed .modal-tissue-boxes button:hover span.content.cmnicons, button:hover .appointment_clinic_listed .modal-tissue-boxes span.content.cmnicons, .appointment_clinic_listed .modal-tissue-boxes .content.selected {
      color: #fff; }
    .appointment_clinic_listed .modal-tissue-boxes .content p {
      text-align: center;
      margin-bottom: 0; }
    .appointment_clinic_listed .modal-tissue-boxes .content:last-child {
      margin-right: 0 !important; }

.appointment_clinic_listed .carousel_heading {
  font-size: 0.85em !important;
  width: 100%;
  height: auto;
  color: #444444;
  display: block; }
  .appointment_clinic_listed .carousel_heading sup {
    left: 0.2em; }
  .appointment_clinic_listed .carousel_heading.error {
    color: red; }

.appointment_clinic_listed .facility_distance {
  text-align: center;
  display: block;
  font-weight: bold;
  font-size: 14px;
  margin: -3px 0 0 0; }

.appointment_clinic_listed .non_slider .modal-tissue-boxes {
  display: block; }
  .appointment_clinic_listed .non_slider .modal-tissue-boxes .content {
    /*display: inline-table;*/ }

.ui-select-match {
  font-family: Calibri, Sans-serif, Arial; }
  .ui-select-match > span {
    font-size: .9em; }

.ui-select-container {
  height: 23px; }

@media (min-width: 768px) {
  .merge-2-col {
    width: 45.5%;
    margin: 0; }
    .merge-2-col.col-mrg-gap {
      margin: 0 1.5em 0 0; } }

@media (min-width: 992px) {
  .merge-2-col {
    width: 46.5%; }
    .merge-2-col.col-mrg-gap {
      margin: 0 .9em 0 0; } }

@media (min-width: 1200px) {
  .merge-2-col.col-mrg-gap {
    margin: 0 1em 0 0; } }

/** common for form styling **/
/** pagination UI **/
.recordsPerPage {
  position: absolute;
  font-size: 0.9em;
  width: auto !important; }
  .recordsPerPage a {
    color: #444444; }
    .recordsPerPage a:hover {
      color: #fa9948; }
  .recordsPerPage .currentRecordPerPage {
    color: #fa9948; }

.pagingUI {
  color: #444444;
  padding: 0 10px;
  display: inline-block;
  width: 100%;
  margin: 5px 0 0;
  /** tabular pagination **/
  /** tabular pagination **/ }
  .pagingUI pg-info,
  .pagingUI .showingData {
    margin: .2em 0 0 0 !important;
    font-size: .8em !important;
    width: auto !important; }
  .pagingUI .pagination2Wrapper {
    font: bold 1em "RobotoRegular";
    float: right;
    margin: 0; }
    .pagingUI .pagination2Wrapper a {
      background-color: rgba(255, 255, 255, 0.6);
      box-shadow: inset 0 0 0 1px #adb3a2, 0 0 4px #ccc;
      transform: translateZ(0);
      transition-duration: 0.3s;
      transition-property: box-shadow;
      backface-visibility: hidden;
      -webkit-transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-property: box-shadow;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      border-radius: 2px;
      color: #fa9948;
      border: 0 none;
      float: none;
      font-size: .9em;
      margin: 0 0 0 12px;
      padding: 2px 8px 3px 8px;
      text-align: center;
      vertical-align: top;
      font-weight: normal; }
      .pagingUI .pagination2Wrapper a.pageNo {
        color: #444444; }
      .pagingUI .pagination2Wrapper a.previous i, .pagingUI .pagination2Wrapper a.next i {
        color: #444444; }
      .pagingUI .pagination2Wrapper a:hover, .pagingUI .pagination2Wrapper a.selected {
        background-color: #faa762;
        box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999;
        color: #fff; }
        .pagingUI .pagination2Wrapper a:hover i, .pagingUI .pagination2Wrapper a.selected i {
          color: #fff; }
      .pagingUI .pagination2Wrapper a i {
        width: 10px;
        height: 19px;
        font-weight: bold;
        font-size: 1.2em;
        margin: 0; }
  .pagingUI.btmPagination {
    border-top: 1px solid #e1e1e1;
    padding: 8px 10px 0;
    margin: 5px 0 0; }
  .pagingUI.bottomPagination {
    border-top: 1px solid #e1e1e1;
    padding-top: 8px;
    margin-top: 0; }

@media (min-width: 320px) {
  .showingData {
    width: 100% !important; } }

/** pagination UI **/
.listingNewDesign table thead {
  background: #faa762; }

.listingNewDesign table tbody tr:nth-of-type(even) {
  background-color: #f2f2f2; }

/** calenderButtonIcon **/
.calenderBtn {
  position: absolute;
  background: #fff;
  color: #fa9948;
  padding: 0 0 0 5px;
  bottom: 3px;
  border: 0;
  right: 0px;
  outline: 0 none; }

/** calenderButtonIcon **/
/** common for accordion **/
.cstm-accrdn .panel {
  position: relative;
  margin: 0 0 15px; }
  .cstm-accrdn .panel .panel-body {
    padding: 15px 0 0; }
  .cstm-accrdn .panel .panel-heading {
    padding: 8px 12px;
    background-color: #fff;
    border-radius: 5px; }
    .cstm-accrdn .panel .panel-heading.collapsing-activeH {
      background-color: #faa762; }
      .cstm-accrdn .panel .panel-heading.collapsing-activeH .panel-title {
        color: #fff; }
    .cstm-accrdn .panel .panel-heading .panel-title {
      font: normal 1em "AvantGradeRegular";
      display: inline-block;
      color: #fa9948; }
      .cstm-accrdn .panel .panel-heading .panel-title i {
        padding: 0;
        margin: 0.2em .5em 0 0;
        color: #4e3224;
        font-size: 1.1em; }
  .cstm-accrdn .panel.active .panel-heading {
    background: #faa762;
    border-radius: 4px 4px 0 0; }
    .cstm-accrdn .panel.active .panel-heading .panel-title {
      color: #fff; }

/** common for accordion **/
/** customCombo - Select **/
custom-combo {
  width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: bottom; }
  custom-combo:focus {
    border: 2px solid lightblue !important;
    border-radius: 2px; }
  custom-combo .custom-combo {
    position: relative;
    width: 100%;
    height: auto;
    vertical-align: bottom; }
    custom-combo .custom-combo select {
      position: absolute;
      width: 100%;
      height: auto;
      opacity: 0.0001;
      padding: 0 5px 7px;
      z-index: 3;
      left: 0;
      top: 0;
      background-color: #fff; }
    custom-combo .custom-combo > div {
      border-width: 0 0 2px;
      border-style: solid;
      border-color: #fbba83;
      box-shadow: 0px 2px 0px #ebebeb;
      font: normal 14px Calibri, Sans-serif, Arial;
      width: 100%;
      height: 26px;
      color: #1f414b;
      padding: 4px 15px 0 2px;
      text-align: left;
      overflow: hidden;
      /*            margin: 0 0 6px;*/
      z-index: 1; }
    custom-combo .custom-combo > span {
      position: absolute;
      width: 15px;
      height: 10px;
      background: transparent;
      color: #fa9948;
      text-align: right;
      font-size: 0.8em;
      line-height: 0;
      z-index: 1;
      right: 0;
      top: 14px; }
  custom-combo.red .custom-combo > div {
    border-color: red; }
  custom-combo.comboHght2Line .custom-combo > div, custom-combo.comboHght2Line .custom-combo select {
    height: auto;
    max-height: 40px; }
  custom-combo.comboHght2Line .custom-combo > div {
    padding-right: 12px; }

.cpn_amt_adjust_alignment {
  margin-top: 11px; }
  .cpn_amt_adjust_alignment .couponFieldAdjst {
    height: 17px;
    min-height: auto; }

.couponFieldAdjst {
  width: 50px !important;
  margin: -9px 0 0 0;
  float: left; }

.couponPipe {
  border-right: 2.8px solid #888888;
  height: 20px;
  margin: 0 5px 0 3px; }

.cpn_info_txt_sz {
  font-size: 12px; }

.fontSize14 {
  font-size: 14px !important; }

custom-combo-new {
  width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: bottom; }
  custom-combo-new .custom-combo-new {
    position: relative;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    display: flex; }
    custom-combo-new .custom-combo-new select {
      width: 100%;
      height: auto;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      outline: none;
      z-index: 3;
      padding-right: 20px;
      background-color: #fff; }
      custom-combo-new .custom-combo-new select .mandatory:before {
        content: " * ";
        color: #ff0000;
        display: block;
        position: relative;
        font-size: 8px; }
    custom-combo-new .custom-combo-new select[disabled] {
      color: #8d8d8d; }
    custom-combo-new .custom-combo-new > span {
      position: absolute;
      width: 15px;
      height: 10px;
      background: transparent;
      color: #fa9948;
      text-align: right;
      font-size: 0.8em;
      line-height: 0;
      z-index: 3;
      right: -3px;
      top: 14px; }
    custom-combo-new .custom-combo-new select::-ms-expand {
      display: none; }
  custom-combo-new.select_arrow .custom-combo-new select {
    padding-right: 0;
    background-color: transparent; }
  custom-combo-new.select_arrow .custom-combo-new > span {
    z-index: 1;
    right: 0; }
  custom-combo-new.red .custom-combo-new select {
    border-color: red; }
  custom-combo-new .searchable .ui-select-container .dropBtn {
    border: none;
    right: -4px;
    bottom: 0px;
    background-color: #fff; }
    custom-combo-new .searchable .ui-select-container .dropBtn > span {
      margin: 7px 0 0; }
  custom-combo-new .searchable .ui-select-container input {
    width: 100%;
    border-radius: 0 !important;
    height: auto;
    background: transparent !important;
    border-color: #fbba83 !important;
    cursor: pointer; }
  custom-combo-new .searchable .ui-select-container .ui-select-choices {
    width: 100%; }
    custom-combo-new .searchable .ui-select-container .ui-select-choices .ui-select-choices-row.disabled {
      background: #f1f1f1;
      cursor: default;
      pointer-events: none; }

/** customCombo - Select **/
/** common for checkbox and radio **/
.cstm_rdb_ckb {
  width: auto;
  height: auto;
  display: block;
  line-height: normal;
  padding: 0;
  margin: 0;
  /** to make checboxes and radio button disable **/ }
  .cstm_rdb_ckb ul {
    display: inline-block;
    line-height: normal;
    padding: 5px 0 0 0;
    list-style: none;
    margin: 0; }
    .cstm_rdb_ckb ul li {
      position: relative;
      margin: 0 8px 0 0;
      min-width: 70px;
      float: left; }
      .cstm_rdb_ckb ul li.spret input[type=radio] {
        top: 3px; }
      .cstm_rdb_ckb ul li.no-min-wdt {
        min-width: auto; }
      .cstm_rdb_ckb ul li:last-child {
        margin: 0; }
      .cstm_rdb_ckb ul li.pd-left {
        padding-left: 28px; }
      .cstm_rdb_ckb ul li.mg-btm12 {
        margin-bottom: 12px !important; }
      .cstm_rdb_ckb ul li input[type=radio],
      .cstm_rdb_ckb ul li input[type=checkbox] {
        position: absolute;
        width: 18px !important;
        height: 18px;
        color: #fa9948;
        visibility: hidden;
        min-height: auto;
        box-shadow: none;
        padding: 0;
        margin: 0;
        left: 1px;
        top: 1px; }
        .cstm_rdb_ckb ul li input[type=radio].checkbox,
        .cstm_rdb_ckb ul li input[type=checkbox].checkbox {
          visibility: visible !important; }
          .cstm_rdb_ckb ul li input[type=radio].checkbox:focus,
          .cstm_rdb_ckb ul li input[type=checkbox].checkbox:focus {
            outline: 3.1px solid #fa9948; }
        .cstm_rdb_ckb ul li input[type=radio].radio,
        .cstm_rdb_ckb ul li input[type=checkbox].radio {
          visibility: visible !important;
          box-shadow: none; }
          .cstm_rdb_ckb ul li input[type=radio].radio:focus,
          .cstm_rdb_ckb ul li input[type=checkbox].radio:focus {
            outline: 3.1px solid #fa9948; }

@-moz-document url-prefix() {
  .cstm_rdb_ckb ul li input[type=radio],
  .cstm_rdb_ckb ul li input[type=checkbox] {
    position: absolute;
    width: 20px;
    height: 20px;
    min-height: auto;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    color: #fa9948; }
    .cstm_rdb_ckb ul li input[type=radio].checkbox,
    .cstm_rdb_ckb ul li input[type=checkbox].checkbox {
      width: 21px;
      height: 20px;
      visibility: visible !important; }
    .cstm_rdb_ckb ul li input[type=radio].radio,
    .cstm_rdb_ckb ul li input[type=checkbox].radio {
      width: 21px;
      height: 20px;
      visibility: visible !important; } }
      .cstm_rdb_ckb ul li label {
        transition: all 0.25s linear;
        position: relative;
        padding: 3px 0 0 26px;
        margin: 0px 0 0px 0px;
        color: #444444;
        cursor: pointer;
        display: block;
        z-index: 9;
        font: normal 14px Calibri, Sans-serif, Arial; }
        .cstm_rdb_ckb ul li label.noMrgn {
          margin: 0; }
        .cstm_rdb_ckb ul li label.assign_area {
          float: left;
          width: 20px;
          height: 20px; }
      .cstm_rdb_ckb ul li:hover label {
        color: #fa9948; }
      .cstm_rdb_ckb ul li .stl-chkB-rdB {
        position: absolute;
        width: 20px;
        height: 20px;
        border-width: 1px;
        border-style: solid;
        border-color: #444444;
        border-radius: 100%;
        background-color: #fff;
        display: block;
        z-index: 5;
        left: 0;
        top: 0; }
        .cstm_rdb_ckb ul li .stl-chkB-rdB.tpN5 {
          top: -5px; }
        .cstm_rdb_ckb ul li .stl-chkB-rdB.chkB {
          border-radius: 0.3em; }
        .cstm_rdb_ckb ul li .stl-chkB-rdB::before {
          width: 100%;
          height: 100%;
          border: 3.5px solid #fff;
          border-radius: 100%;
          background: #fff;
          display: block;
          margin: auto;
          content: ''; }
        .cstm_rdb_ckb ul li .stl-chkB-rdB.chkB::before {
          border-radius: 5px;
          border: 0;
          text-align: center;
          vertical-align: middle;
          background: transparent; }
      .cstm_rdb_ckb ul li:hover .stl-chkB-rdB {
        border: 1px solid #faa762;
        transition: border .25s linear; }
      .cstm_rdb_ckb ul li input[type=radio]:checked ~ .stl-chkB-rdB,
      .cstm_rdb_ckb ul li input[type=checkbox]:checked ~ .stl-chkB-rdB {
        border: 1px solid #faa762;
        color: #fa9948; }
      .cstm_rdb_ckb ul li input[type=radio]:checked ~ .stl-chkB-rdB::before {
        transition: background 0.25s linear;
        background: #faa762; }
      .cstm_rdb_ckb ul li input[type=checkbox]:checked ~ .stl-chkB-rdB::before {
        color: #fa9948;
        content: '\2714';
        font-size: 14px;
        font-weight: bold;
        transition: background 0.25s linear;
        margin: -1px 0 0 0; }
      .cstm_rdb_ckb ul li input[type=radio]:checked ~ label .stl-chkB-rdB,
      .cstm_rdb_ckb ul li input[type=checkbox]:checked ~ label .stl-chkB-rdB {
        border: 1px solid #faa762;
        color: #fa9948; }
      .cstm_rdb_ckb ul li input[type=radio]:checked ~ label .stl-chkB-rdB::before {
        background: #faa762; }
      .cstm_rdb_ckb ul li input[type=checkbox]:checked ~ label .stl-chkB-rdB::before {
        color: #fa9948;
        content: '\2714';
        font-size: 14px;
        font-weight: bold;
        margin: -0.5px 0 0 0; }
      .cstm_rdb_ckb ul li input[type=radio]:checked ~ label,
      .cstm_rdb_ckb ul li input[type=checkbox]:checked ~ label {
        color: #fa9948; }
      .cstm_rdb_ckb ul li input[type=radio]:focus ~ .stl-chkB-rdB,
      .cstm_rdb_ckb ul li input[type=checkbox]:focus ~ .stl-chkB-rdB {
        border-color: #f48d38; }
      .cstm_rdb_ckb ul li input[type=radio]:focus ~ label,
      .cstm_rdb_ckb ul li input[type=checkbox]:focus ~ label {
        color: #f48d38; }
  .cstm_rdb_ckb.chkbType2 {
    cursor: default; }
    .cstm_rdb_ckb.chkbType2 ul li label {
      border: 1px solid #ccc;
      border-radius: 5px;
      padding: 0px 14px 1px 25px;
      z-index: 1;
      margin: 0px 0 0px 5px;
      text-align: center;
      background: #eaeaea; }
    .cstm_rdb_ckb.chkbType2 ul li .stl-chkB-rdB {
      z-index: 2;
      cursor: pointer;
      border-color: #ccc;
      cursor: pointer;
      left: -6px;
      top: -1px; }
    .cstm_rdb_ckb.chkbType2 ul li:hover label {
      border: 1px solid #faa762;
      background: #faa762;
      color: #fff; }
    .cstm_rdb_ckb.chkbType2 ul li:hover .stl-chkB-rdB {
      border-color: #faa762; }
    .cstm_rdb_ckb.chkbType2 ul li input[type=radio]:checked ~ label,
    .cstm_rdb_ckb.chkbType2 ul li input[type=checkbox]:checked ~ label {
      border: 1px solid #faa762;
      background: #faa762;
      color: #fff; }
    .cstm_rdb_ckb.chkbType2.subMode_multi_line {
      margin-bottom: -12px;
      float: left; }
      .cstm_rdb_ckb.chkbType2.subMode_multi_line.incrWdth {
        width: 95%; }
      .cstm_rdb_ckb.chkbType2.subMode_multi_line ul li {
        margin-bottom: 8px !important; }
      .cstm_rdb_ckb.chkbType2.subMode_multi_line .disable-radio-checkbox .stl-chkB-rdB::before {
        margin: 9px 0 0 1.7px !important; }
  .cstm_rdb_ckb.chbk_rdb_disable_view ul li label {
    color: #999 !important; }
  .cstm_rdb_ckb.chbk_rdb_disable_view ul li .stl-chkB-rdB {
    border-color: #999 !important; }
    .cstm_rdb_ckb.chbk_rdb_disable_view ul li .stl-chkB-rdB::before {
      color: #999 !important; }

.chkbox-pos {
  position: absolute;
  right: 22px;
  top: -5px; }

.priorTxt {
  font-size: .72em;
  color: #fa9948;
  margin: 0 0 0 48px;
  float: left;
  clear: both; }

.subModesInfo {
  margin: 5px 0 -5px 0;
  float: left;
  font-size: .72em;
  text-transform: lowercase;
  color: #fa9948; }

@media (max-width: 992px) {
  .cstm_rdb_ckb.chkbType2 {
    clear: both; }
    .cstm_rdb_ckb.chkbType2 ul li {
      margin-top: 5px; }
  .priorTxt {
    margin: -2px 0 0 0; }
  .modesSection .mMode.addSeparator::after {
    display: none; }
  .mrgn-btm-15 {
    margin-bottom: 15px; }
  .appointmentEventList .hdr_custom_list {
    padding: 0px 10px !important;
    float: right; }
  #callAddEditForm .compViewPopUpResponsive {
    text-align: center !important;
    margin-top: 5px;
    width: 100% !important; }
  #treatmentplanform .table-responsive .table tbody tr td {
    white-space: normal;
    word-break: break-all !important; }
  .apptInfDiseaseCont .infSection {
    margin: 4px 0px 15px 40px !important; } }

.tableListingCheckbox .cstm_rdb_ckb {
  width: 20px;
  height: 20px; }
  .tableListingCheckbox .cstm_rdb_ckb ul {
    display: inline-block !important;
    width: 20px;
    height: 20px; }
    .tableListingCheckbox .cstm_rdb_ckb ul li {
      width: 20px;
      height: 20px; }
      .tableListingCheckbox .cstm_rdb_ckb ul li label {
        width: 20px;
        height: 20px; }

.tableListingCheckbox th .cstm_rdb_ckb ul {
  padding: 2px 0 0 0; }
  .tableListingCheckbox th .cstm_rdb_ckb ul li .stl-chkB-rdB {
    border-color: #fff; }
  .tableListingCheckbox th .cstm_rdb_ckb ul li:hover .stl-chkB-rdB {
    border: 1px solid #fff; }
  .tableListingCheckbox th .cstm_rdb_ckb ul li input[type=radio]:checked ~ .stl-chkB-rdB,
  .tableListingCheckbox th .cstm_rdb_ckb ul li input[type=checkbox]:checked ~ .stl-chkB-rdB {
    border: 1px solid #fff;
    color: #fff; }
  .tableListingCheckbox th .cstm_rdb_ckb ul li input[type=radio]:checked ~ .stl-chkB-rdB::before {
    background: #fff; }
  .tableListingCheckbox th .cstm_rdb_ckb ul li input[type=checkbox]:checked ~ .stl-chkB-rdB::before {
    color: #fa9948;
    content: '\2714';
    font-size: 13px;
    font-weight: bold;
    top: 0px;
    left: 4px; }
  .tableListingCheckbox th .cstm_rdb_ckb ul li input[type=radio]:checked ~ label,
  .tableListingCheckbox th .cstm_rdb_ckb ul li input[type=checkbox]:checked ~ label {
    color: #fff; }

.fieldCombineBox {
  border-width: 2px;
  border-style: solid;
  border-color: #f2f2f2;
  display: inline-block;
  padding: 2px 10px 0px 8px;
  margin: -6px 0 0 0;
  border-radius: 4px; }

@media (min-width: 320px) {
  .cstm_rdb_ckb ul li {
    min-width: 70px; }
  .cstm_rdb_ckb.callAddOpt {
    margin: -5px 0 0 0; }
    .cstm_rdb_ckb.callAddOpt ul li {
      min-width: auto;
      font-size: 1.2em;
      margin: 0 12px 0 0; }
      .cstm_rdb_ckb.callAddOpt ul li input[type=checkbox]:checked ~ .stl-chkB-rdB::before {
        margin-top: -2px; } }

@media (min-width: 1200px) {
  .cstm_rdb_ckb.shiftRght {
    float: right; } }

/** common for checkbox and radio **/
/** floatingMenu **/
.floaterMenu {
  position: fixed;
  bottom: 10px;
  right: 20px;
  z-index: 9; }
  .floaterMenu .flt-mnu-icn {
    width: auto;
    height: auto;
    padding: 6px 8px 9px;
    background: #fff;
    text-align: center;
    font-size: 17px;
    cursor: pointer;
    color: #fa9948; }
    .floaterMenu .flt-mnu-icn:hover, .floaterMenu button:hover span.flt-mnu-icn.cmnicons, button:hover .floaterMenu span.flt-mnu-icn.cmnicons, .floaterMenu .flt-mnu-icn.active {
      background: #faa762;
      color: #fff; }
    .floaterMenu .flt-mnu-icn.active {
      background-color: #faa762;
      box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999; }
  .floaterMenu .floatingActions {
    position: fixed;
    bottom: 50px;
    width: 100px;
    right: 0; }
    .floaterMenu .floatingActions ul {
      display: block;
      margin: 0 15px;
      padding: 0; }
      .floaterMenu .floatingActions ul li {
        list-style-type: none;
        display: inline-block;
        text-align: center;
        margin: 5px 0;
        width: 100%; }

/** floatingMenu **/
/** tabbingUI **/
.tabbingUI {
  padding: 0 0 10px;
  min-height: 100px; }
  .tabbingUI .tabWrap {
    margin: 0 0 0 10px; }
    .tabbingUI .tabWrap .tabOption {
      border-radius: 8px 8px 0 0;
      background: #f5f4f5;
      border: 1px solid #ccc;
      text-transform: uppercase;
      border-bottom-width: 0px;
      padding: 4px 30px 5px;
      margin: 0 4px 0 0;
      text-align: center;
      font-weight: bold;
      cursor: pointer;
      font-size: 0.9em;
      float: left;
      z-index: 9; }
      .tabbingUI .tabWrap .tabOption.active, .tabbingUI .tabWrap .tabOption:hover, .tabbingUI .tabWrap button:hover span.tabOption.cmnicons, button:hover .tabbingUI .tabWrap span.tabOption.cmnicons, .tabbingUI .tabWrap .tabOption:focus {
        background: #faa762;
        border-color: #faa762;
        color: #fff; }
    .tabbingUI .tabWrap .allTeethOption ul {
      color: #000000;
      font-size: 1.2em;
      margin: 3px 0 0 9px;
      float: left;
      padding: 0; }
  .tabbingUI .tabBtnContent {
    clear: both; }

/** tabbingUI **/
/** infobox **/
.viewInfo .setCalenderBtn {
  margin-top: -23px;
  right: 23px !important;
  float: right;
  top: -32px;
  position: initial; }

.viewInfo b,
.viewInfo h5 {
  color: #fa9948; }

.viewInfo > div {
  margin: 0 0 10px; }
  .viewInfo > div.clearfix {
    margin: 0; }

.viewInfo .bndryBox {
  display: inline-block;
  width: 100%; }
  .viewInfo .bndryBox h5 {
    font-weight: bold;
    margin-bottom: 5px;
    color: #444444; }

.mdl-listing {
  margin: 25px 0 0; }

/** infobox **/
/** ajaxLoader **/
.overlay {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1051; }
  .overlay .spinner {
    position: absolute;
    background-color: #fff;
    border-radius: 0.3em;
    margin-left: -58px;
    padding: 0.5em;
    left: 50%;
    top: 22%; }

/** ajaxLoader **/
/*********** START: Tooth chart specific ***********/
.jawContainer {
  position: relative;
  z-index: 1; }
  .jawContainer ul {
    position: relative;
    list-style: none outside none;
    text-align: center;
    margin: auto auto 15px;
    padding: 0; }
    .jawContainer ul li {
      background-color: rgba(255, 255, 255, 0.6);
      box-shadow: inset 0 0 0 1px #b1b1b1, 0 1px 1px #ccc;
      transform: translateZ(0);
      transition-duration: 0.3s;
      transition-property: box-shadow;
      backface-visibility: hidden;
      -webkit-transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-property: box-shadow;
      -moz-osx-font-smoothing: grayscale;
      transition-property: box-shadow;
      backface-visibility: hidden;
      transform: translateZ(0px);
      transition-duration: 0.3s;
      display: inline-block;
      margin: 0 3px 10px;
      border-radius: 5px;
      padding: 0;
      bottom: 0;
      background: #f8f8f8;
      overflow: hidden; }
      .jawContainer ul li > span {
        display: inline-block; }
        .jawContainer ul li > span > span {
          border-width: 1px;
          border-style: solid;
          border-color: #fff;
          font: 15px "AvantGradeRegular";
          text-decoration: none;
          background: #eaeaea;
          text-align: center;
          color: #444;
          cursor: pointer;
          margin: 1px;
          display: block;
          padding: 4px 0;
          border-radius: 4px; }
      .jawContainer ul li a {
        width: 38px;
        height: 65px;
        text-indent: -1000em;
        display: block; }
        .jawContainer ul li a > span {
          width: 38px;
          height: 65px;
          display: flex; }
      .jawContainer ul li:hover, .jawContainer ul li.selected, .jawContainer ul li.focus {
        background-color: #faa762;
        box-shadow: 0 0 0 1px #faa762 inset, 0 1px 1px #ccc;
        background-color: #f8f8f8; }
        .jawContainer ul li:hover > span > span, .jawContainer ul li.selected > span > span, .jawContainer ul li.focus > span > span {
          background-color: #faa762;
          border-color: #fff;
          color: #fff; }
      .jawContainer ul li .mSpn > span.selected {
        background-color: #faa762;
        border-color: #fff;
        color: #fff; }
      @media (hover) {
        .jawContainer ul li:hover, .jawContainer ul li.selected, .jawContainer ul li.focus {
          background-color: #faa762;
          box-shadow: 0 0 0 1px #faa762 inset, 0 1px 1px #ccc;
          background-color: #f8f8f8; }
          .jawContainer ul li:hover > span > span, .jawContainer ul li.selected > span > span, .jawContainer ul li.focus > span > span {
            background-color: #faa762;
            border-color: #fff;
            color: #fff; } }
      .jawContainer ul li.prevent-selection {
        pointer-events: none;
        cursor: none;
        box-shadow: 0 0 0 1px #d2d2d2 inset, 0 1px 1px #ccc;
        background-color: #eeeeee; }
        .jawContainer ul li.prevent-selection > span > span {
          background-color: #c7c7c7;
          border-color: #d2d2d2; }
    .jawContainer ul .tooth11,
    .jawContainer ul .tooth51,
    .jawContainer ul .tooth12,
    .jawContainer ul .tooth52,
    .jawContainer ul .tooth13,
    .jawContainer ul .tooth53,
    .jawContainer ul .tooth14,
    .jawContainer ul .tooth15,
    .jawContainer ul .tooth16,
    .jawContainer ul .tooth54,
    .jawContainer ul .tooth17,
    .jawContainer ul .tooth55,
    .jawContainer ul .tooth18,
    .jawContainer ul .tooth21,
    .jawContainer ul .tooth61,
    .jawContainer ul .tooth22,
    .jawContainer ul .tooth62,
    .jawContainer ul .tooth23,
    .jawContainer ul .tooth63,
    .jawContainer ul .tooth24,
    .jawContainer ul .tooth25,
    .jawContainer ul .tooth26,
    .jawContainer ul .tooth64,
    .jawContainer ul .tooth27,
    .jawContainer ul .tooth65,
    .jawContainer ul .tooth28,
    .jawContainer ul .tooth31,
    .jawContainer ul .tooth71,
    .jawContainer ul .tooth32,
    .jawContainer ul .tooth72,
    .jawContainer ul .tooth33,
    .jawContainer ul .tooth73,
    .jawContainer ul .tooth34,
    .jawContainer ul .tooth35,
    .jawContainer ul .tooth36,
    .jawContainer ul .tooth74,
    .jawContainer ul .tooth37,
    .jawContainer ul .tooth75,
    .jawContainer ul .tooth38,
    .jawContainer ul .tooth41,
    .jawContainer ul .tooth81,
    .jawContainer ul .tooth42,
    .jawContainer ul .tooth82,
    .jawContainer ul .tooth43,
    .jawContainer ul .tooth83,
    .jawContainer ul .tooth44,
    .jawContainer ul .tooth45,
    .jawContainer ul .tooth46,
    .jawContainer ul .tooth84,
    .jawContainer ul .tooth47,
    .jawContainer ul .tooth85,
    .jawContainer ul .tooth48 {
      background: transparent url("../imgs/tooth-spirite.png") no-repeat; }
    .jawContainer ul .tooth11,
    .jawContainer ul .tooth51 {
      background-position: 0px 5px; }
    .jawContainer ul .tooth12,
    .jawContainer ul .tooth52 {
      background-position: -44px 6px; }
    .jawContainer ul .tooth13,
    .jawContainer ul .tooth53 {
      background-position: -86px 8px; }
    .jawContainer ul .tooth14 {
      background-position: -129px 5px; }
    .jawContainer ul .tooth15 {
      background-position: -170px 6px; }
    .jawContainer ul .tooth16,
    .jawContainer ul .tooth54 {
      background-position: -211px 6px; }
    .jawContainer ul .tooth17,
    .jawContainer ul .tooth55 {
      background-position: -253px 6px; }
    .jawContainer ul .tooth18 {
      background-position: -1px -55px; }
    .jawContainer ul .tooth21,
    .jawContainer ul .tooth61 {
      background-position: -44px -57px; }
    .jawContainer ul .tooth22,
    .jawContainer ul .tooth62 {
      background-position: -87px -55px; }
    .jawContainer ul .tooth23,
    .jawContainer ul .tooth63 {
      background-position: -131px -54px; }
    .jawContainer ul .tooth24 {
      background-position: -170px -57px; }
    .jawContainer ul .tooth25 {
      background-position: -209px -55px; }
    .jawContainer ul .tooth26,
    .jawContainer ul .tooth64 {
      background-position: -252px -57px; }
    .jawContainer ul .tooth27,
    .jawContainer ul .tooth65 {
      background-position: -2px -117px; }
    .jawContainer ul .tooth28 {
      background-position: -46px -116px; }
    .jawContainer ul .tooth31,
    .jawContainer ul .tooth71 {
      background-position: -90px -118px; }
    .jawContainer ul .tooth32,
    .jawContainer ul .tooth72 {
      background-position: -135px -119px; }
    .jawContainer ul .tooth33,
    .jawContainer ul .tooth73 {
      background-position: -172px -115px; }
    .jawContainer ul .tooth34 {
      background-position: -211px -119px; }
    .jawContainer ul .tooth35 {
      background-position: -254px -120px; }
    .jawContainer ul .tooth36,
    .jawContainer ul .tooth74 {
      background-position: -2px -175px; }
    .jawContainer ul .tooth37,
    .jawContainer ul .tooth75 {
      background-position: -46px -171px; }
    .jawContainer ul .tooth38 {
      background-position: -89px -170px; }
    .jawContainer ul .tooth41,
    .jawContainer ul .tooth81 {
      background-position: -134px -175px; }
    .jawContainer ul .tooth42,
    .jawContainer ul .tooth82 {
      background-position: -172px -177px; }
    .jawContainer ul .tooth43,
    .jawContainer ul .tooth83 {
      background-position: -209px -174px; }
    .jawContainer ul .tooth44 {
      background-position: -254px -177px; }
    .jawContainer ul .tooth45 {
      background-position: -2px -231px; }
    .jawContainer ul .tooth46,
    .jawContainer ul .tooth84 {
      background-position: -46px -232px; }
    .jawContainer ul .tooth47,
    .jawContainer ul .tooth85 {
      background-position: -88px -229px; }
    .jawContainer ul .tooth48 {
      background-position: -131px -229px; }

.jawContainer ul li > span > span.selected {
  background-color: #faa762;
  border-color: #fff;
  color: #fff; }

@media (min-width: 1280px) {
  .jawContainer ul li {
    margin: 0 3px 10px; } }

/*********** START: Tooth chart specific ***********/
/** selector separator **/
.selector {
  margin: 0.3em 0.3em 0 0;
  display: table; }
  .selector .glyphicon {
    text-shadow: 0px 3px 2px #ccc;
    color: #fa9948;
    vertical-align: middle;
    display: table-cell;
    font-size: 1.3em; }
  .selector .separator {
    background-color: #e1e1e1;
    width: 0.25em;
    height: 1.8em;
    border-radius: 5px;
    margin: 0 0 0 0.4em; }

/** selector separator **/
/** leftNavigation **/
.toggleMenu {
  position: fixed;
  display: block !important;
  top: calc(50% - 10px);
  z-index: 991;
  bottom: 50%; }
  .toggleMenu .left-nav {
    background: #fff url("../imgs/cmn-icn-sprite.png") no-repeat -598px -357px;
    background-color: white;
    box-shadow: inset 0 0 0 1px #d4c7bf, 2px 0 5px #ccc;
    transform: translateZ(0);
    transition-duration: 0.3s;
    transition-property: box-shadow;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 0 6px 6px 0;
    width: 30px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    display: block; }
    .toggleMenu .left-nav:hover, .toggleMenu button:hover span.left-nav.cmnicons, button:hover .toggleMenu span.left-nav.cmnicons, .toggleMenu .left-nav:active, .toggleMenu .left-nav:focus {
      background-color: #faa762;
      box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999;
      background-position: -629px -357px; }
  .toggleMenu.slideLeftNavBtn {
    transition: all .75s ease;
    left: 0; }
    .toggleMenu.slideLeftNavBtn.slidefront {
      left: 75px; }
      .toggleMenu.slideLeftNavBtn.slidefront .left-nav {
        background-color: white;
        box-shadow: inset -1px 0 0 1px #d4c7bf, 2px 0 5px #ccc;
        transform: translateZ(0);
        transition-duration: 0.3s;
        transition-property: box-shadow;
        backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        -webkit-transition-duration: 0.3s;
        -webkit-transition-property: box-shadow;
        -moz-osx-font-smoothing: grayscale;
        background-position: -536px -357px; }
        .toggleMenu.slideLeftNavBtn.slidefront .left-nav:hover, .toggleMenu.slideLeftNavBtn.slidefront button:hover span.left-nav.cmnicons, button:hover .toggleMenu.slideLeftNavBtn.slidefront span.left-nav.cmnicons, .toggleMenu.slideLeftNavBtn.slidefront .left-nav:active, .toggleMenu.slideLeftNavBtn.slidefront .left-nav:focus {
          background-color: #faa762;
          box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999;
          background-position: -506px -357px; }

.leftNavSlider {
  box-shadow: 2px 2px 2px #ccc;
  border-radius: 0 10px 10px 0;
  position: fixed;
  background: #fff;
  text-align: center;
  font-size: .9em;
  padding: 0;
  top: calc(50% - 254px);
  z-index: 99;
  width: 75px; }
  .leftNavSlider .leftNavMenuUI {
    background-color: #f2f2f2;
    padding: 8px;
    border-radius: 5px;
    font-weight: bold !important;
    color: #fa9948 !important; }
  .leftNavSlider#leftNavSlide {
    transition: all .75s ease;
    left: -75px;
    opacity: 0; }
    .leftNavSlider#leftNavSlide.show {
      opacity: 1;
      left: 0px; }
  .leftNavSlider ul {
    border: 0 none;
    display: block;
    padding: 0;
    margin: 0; }
    .leftNavSlider ul li {
      list-style-type: none;
      position: relative;
      display: block; }
      .leftNavSlider ul li a {
        padding: .3em 0 .3em;
        border-bottom: 1px solid #cdcdcd;
        display: block; }
        .leftNavSlider ul li a .btn {
          padding: 0;
          margin: 0; }
        .leftNavSlider ul li a b {
          display: block;
          font-size: .9em;
          font-weight: normal;
          color: #444444; }
      .leftNavSlider ul li:last-child a {
        border-bottom: 0px; }

@media only screen and (min-width: 600px) {
  .newLeftNav {
    display: none; }
  .oldLeftNav {
    display: block; } }

@media only screen and (max-width: 600px) {
  .toggleMenu.slideLeftNavBtn.slidefront {
    left: 100px !important; }
  .leftNavSlider {
    width: 100px !important;
    top: calc(50% - 145px); }
  .newLeftNav {
    display: block; }
  .oldLeftNav {
    display: none; } }

/** leftNavigation **/
/** chiefComplaintBoxUI **/
.brdrBox, .tabContent .tab-content {
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: auto;
  border: 1px solid #cbc3bf;
  box-shadow: 0 0 6px #ccc;
  display: inline-block;
  border-radius: 5px;
  padding: 35px 10px; }

/** chiefComplaintBoxUI **/
/** generalBoxes **/
.trtmntBoxes {
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 0 0 1px #adb3a2, 0 0 4px #ccc;
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  -moz-osx-font-smoothing: grayscale;
  background-color: rgba(255, 255, 255, 0.7);
  font: 14px/18px "AvantGradeRegular";
  width: 85px;
  height: 85px;
  border-radius: 10px;
  color: #4e3224;
  border: 0 none;
  padding: 0 6px; }
  .trtmntBoxes:hover, button:hover span.trtmntBoxes.cmnicons {
    background-color: #faa762;
    box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999;
    color: #fff;
    font-weight: 600; }
  .trtmntBoxes.trtmntBoxes_disable {
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: inset 0 0 0 1px #ccc, 0 0 4px #ccc;
    transform: translateZ(0);
    transition-duration: 0.3s;
    transition-property: box-shadow;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    -moz-osx-font-smoothing: grayscale;
    background-color: #f4f4f4;
    color: #9e9e9e; }
    .trtmntBoxes.trtmntBoxes_disable:hover, button:hover span.trtmntBoxes.trtmntBoxes_disable.cmnicons {
      color: #9e9e9e;
      font-weight: normal; }

.wd30,
.wd40 {
  display: inline-block;
  padding: 0 15px; }
  .wd30 > div,
  .wd40 > div {
    display: inline-block;
    vertical-align: top; }

.wd40 > div:nth-child(4) .trtmntBoxes, .wd40 > div:nth-child(5) .trtmntBoxes, .wd40 > div:nth-child(6) .trtmntBoxes {
  word-break: break-word; }

@media (min-width: 280px) {
  .wd30,
  .wd40 {
    border-bottom: 1px solid #faa762;
    padding-bottom: 15px;
    margin: 0 0 15px;
    width: 100%; }
    .wd30 > div,
    .wd40 > div {
      width: 50%;
      margin: 10px 0; }
  .wd40 {
    border-bottom: 0 none;
    padding-bottom: 0;
    margin: 0; } }

@media (min-width: 480px) {
  .wd30,
  .wd40 {
    width: 100%; }
    .wd30 > div,
    .wd40 > div {
      width: 25%; } }

@media (min-width: 768px) {
  .wd30,
  .wd40 {
    border-right: 1px solid #faa762;
    display: inline-block;
    border-bottom: 0 none;
    padding: 0 15px;
    width: 29.5%;
    margin: 0; }
    .wd30 > div,
    .wd40 > div {
      display: inline-block;
      vertical-align: top;
      width: 50%;
      margin: 0; }
      .wd30 > div:nth-last-child(1), .wd30 > div:nth-last-child(2),
      .wd40 > div:nth-last-child(1),
      .wd40 > div:nth-last-child(2) {
        margin-top: 30px; }
  .wd40 {
    border: 0 none;
    padding: 0;
    width: 40%; }
    .wd40 > div {
      width: 32%; }
      .wd40 > div:nth-last-child(1), .wd40 > div:nth-last-child(2) {
        margin-top: 0; }
      .wd40 > div:nth-child(4), .wd40 > div:nth-child(5), .wd40 > div:nth-child(6) {
        margin-top: 30px; }
  .trtmntBoxes {
    font: 12px/16px "AvantGradeRegular";
    width: 75px;
    height: 75px; } }

@media (min-width: 992px) {
  .trtmntBoxes {
    font: 14px/18px "AvantGradeRegular";
    width: 85px;
    height: 85px; } }

/** generalBoxes **/
/** alertBoxUI **/
#patientAlert {
  border-radius: 8px 0 0 8px;
  position: fixed;
  border: 1px solid #cac2be;
  box-shadow: 0 0 5px #ccc;
  padding: 8px 3px 8px 0;
  background: #fff;
  display: flex;
  right: -1px;
  z-index: 15;
  bottom: 50%;
  margin-bottom: -65px; }
  #patientAlert .alertwrp {
    font: 18px/20px "AvantGradeBold";
    width: auto;
    height: auto;
    display: inline-block;
    color: #fa9948;
    cursor: pointer; }
    #patientAlert .alertwrp .alerttext {
      background: #f8f8fa url("../imgs/pattern.png") repeat top left;
      position: absolute;
      text-indent: -99999px;
      border: 1px solid #aaa;
      box-shadow: 0 2px 2px #ccc;
      width: 41px;
      height: 41px;
      border-radius: 100px;
      display: block;
      z-index: 99999;
      top: 42px;
      left: -42px; }
      #patientAlert .alertwrp .alerttext .alert-animate {
        background: transparent url("../imgs/exclaimAnimate.gif") no-repeat -2px -2px;
        width: 38px;
        height: 38px;
        display: block; }
    #patientAlert .alertwrp .alertButt {
      margin-top: 14px;
      display: none; }
      #patientAlert .alertwrp .alertButt span {
        overflow-wrap: break-word;
        text-transform: uppercase;
        text-align: center;
        display: block; }
  #patientAlert .alertList-body {
    display: inline-block;
    padding: 0 10px 0 10px;
    overflow-x: auto; }
    #patientAlert .alertList-body .alertlist ul {
      list-style: outside none none;
      font: 13px/17px "RobotoRegular";
      overflow-y: auto;
      clear: both;
      padding: 0;
      margin: 0; }
      #patientAlert .alertList-body .alertlist ul li {
        list-style: outside none none;
        overflow-wrap: break-word;
        margin: 0 0 10px; }
        #patientAlert .alertList-body .alertlist ul li div {
          display: inline; }
        #patientAlert .alertList-body .alertlist ul li span {
          color: #fa9948;
          font-weight: 700;
          display: block; }
          #patientAlert .alertList-body .alertlist ul li span.phData {
            font-weight: normal;
            color: #444444;
            font-size: 12px; }
        #patientAlert .alertList-body .alertlist ul li .recordHeightLimiter {
          margin-bottom: 5px; }
    #patientAlert .alertList-body .alertlist .pastHistoryMoreBtn {
      color: #fa9948;
      font-weight: 600;
      font-size: 13px;
      float: right; }
    #patientAlert .alertList-body .alertlist .assigneeSearchableDropdown .searchableCustomCombo .listingData {
      margin: 0px 0px -1px 0px !important;
      font-family: Calibri, Sans-serif, Arial;
      font-size: 14px !important; }
    #patientAlert .alertList-body .alertlist .assigneeSearchableDropdown .searchableCustomCombo .drpdwnLabel {
      top: 0; }
    #patientAlert .alertList-body .alertlist .assigneeSearchableDropdown .searchableCustomCombo .listingData {
      padding: 2px 5px !important; }

@media (min-width: 280px) {
  #patientAlert {
    width: 220px;
    height: 130px; }
    #patientAlert .alertList-body {
      width: 220px;
      height: 115px; } }

@media (min-width: 767px) {
  #patientAlert {
    width: 350px;
    height: 130px; }
    #patientAlert .alertwrp {
      width: 40px;
      height: auto; }
      #patientAlert .alertwrp .alerttext {
        top: -20px;
        left: 1px;
        border: 1px solid #999;
        width: 38px;
        height: 38px; }
      #patientAlert .alertwrp .alertButt {
        display: block; }
        #patientAlert .alertwrp .alertButt .followup-title {
          writing-mode: vertical-rl;
          text-orientation: upright;
          padding-left: 8px; }
    #patientAlert .alertList-body {
      border-left: 1px solid #999;
      box-shadow: -1px 0 0 #ccc;
      width: 310px;
      height: 115px; }
    #patientAlert .subscriber-alertList-body {
      width: 546px;
      height: 307px; } }

.backdrop-color-white {
  background-color: #fff !important; }

/** alertBoxUI **/
/** modalOverlay **/
.modal[size="exlg"],
.modal[size="lg"],
.modal[size="md"],
.modal[size="sm"] {
  background-color: rgba(0, 0, 0, 0.4); }

/** modalOverlay **/
/** for details in modal box **/
.leblSepBox {
  font: 0.95em/1.8em "RobotoRegular"; }
  .leblSepBox strong {
    font-weight: normal;
    color: #fa9948;
    display: block; }

.recieptDetailsModal {
  border-top: 1px solid #faa762;
  display: inline-block;
  padding-top: 1em;
  width: 100%;
  clear: both;
  margin: 0; }

/** for details in modal box **/
/** appointment/patientDetails **/
.pateintDetails > div:nth-child(odd) {
  background: #f2f2f2;
  border-radius: 10px;
  padding: 10px 0; }

.fileWidgetDate {
  position: absolute;
  top: 20px;
  right: 40px;
  font: 1em "AvantGradeRegular";
  color: #fa9948; }

.modal-heading {
  box-shadow: 0 2px 1px #ccc;
  background: #e1e1e1;
  border-radius: 4px;
  padding: 4px 10px;
  margin: 0 0 15px;
  color: #444444;
  display: block; }

/** appointment/patientDetails **/
/** payByTreatment **/
.legendOriginal {
  border-bottom: 1px solid #444444;
  margin: 0 3px !important;
  text-align: center;
  display: block; }
  .legendOriginal.legendOrgNoMrg {
    margin: 0px !important; }

.lastBrdrBtmhide span {
  display: block; }
  .lastBrdrBtmhide span span {
    display: inline-block; }

.lastBrdrBtmhide > span:last-child span {
  border-bottom: none; }

.pd15 {
  padding: 0 15px !important; }

.noSpcLft {
  display: inline;
  line-height: normal; }

.nolnHgt > div {
  line-height: normal !important; }

/** payByTreatment **/
/** oralExam **/
@media (min-width: 320px) {
  .tabularListing .orlExmDateNClnc .dateClnc {
    border-bottom: 1px solid #e3dfde;
    margin: 4px 10px 10px;
    padding-bottom: 5px;
    font-size: 0.85em;
    float: none; }
  .tabularListing .orlExmDateNClnc .actions {
    margin-bottom: 10px; } }

@media (min-width: 480px) {
  .tabularListing .orlExmDateNClnc .dateClnc {
    border-bottom: 0 none;
    margin: 0 10px 0 5px;
    margin-top: calc(47px - 35px);
    padding-bottom: 0;
    float: left; }
  .tabularListing .orlExmDateNClnc .actions {
    margin-bottom: 0; } }

.topSection {
  border-bottom: 1px solid #cdcdcd;
  padding: 0 0 0.2em;
  margin: 0 .5em .3em;
  margin-top: calc(60px - 55px); }

.btmSection {
  margin: 0 .5em .1em;
  padding: 0; }
  .btmSection .frstPrt {
    margin-top: calc(35px - 27px); }

.toothNoCont {
  overflow-wrap: break-word;
  display: inline-block;
  word-break: break-all; }

.tabularCustomDD {
  margin: 14px 10px 0 0; }

@media (min-width: 280px) {
  .topSection,
  .btmSection {
    font-size: .85em; }
  .frstPrt {
    display: block; }
  .scndPrt {
    display: inline-block;
    margin-top: .5em;
    width: 100%; }
    .scndPrt .actions {
      float: right; }
  .tabularCustomDD {
    width: 100px;
    float: left; }
    .tabularCustomDD.wdth120 {
      width: 120px; }
    .tabularCustomDD.wdth165 {
      width: 165px; }
  .toothNoCont {
    width: 70px; } }

@media (min-width: 768px) {
  .topSection,
  .btmSection {
    font-size: .85em; }
  .btmSection {
    display: flex; }
  .frstPrt {
    float: left;
    width: 52%; }
  .scndPrt {
    margin-top: 0;
    float: right;
    width: 48%; }
  .tabularCustomDD {
    width: 160px;
    float: right; }
  .toothNoCont {
    width: 150px; } }

@media (min-width: 992px) {
  .toothNoCont {
    width: 250px; } }

@media only screen and (min-width: 520px) and (max-width: 768px) and (orientation: landscape) {
  .btmSection {
    display: flex; }
  .frstPrt {
    float: left;
    width: 57%; }
  .scndPrt {
    margin-top: 0;
    float: right;
    width: 43%; }
  .tabularCustomDD {
    float: right; } }

/** tabbing **/
.tabContent {
  position: relative;
  margin: 0;
  /*** main tab buttons ***/
  /*** main tab buttons ***/
  /*** main tabbing area ***/
  /*** main tabbing area ***/ }
  .tabContent.teeth_tab .tab-content .tab-pane:first-child {
    min-height: 240px; }
  .tabContent.findingTab .tab-content .tab-pane:first-child {
    min-height: 0; }
  .tabContent .pdBtm13 {
    padding-bottom: 13px; }
  .tabContent .nav,
  .tabContent .nav-tabs {
    border: 0 none; }
  .tabContent .nav-tabs > li > a {
    line-height: 1.52857143; }
  .tabContent .nav > li > a, .tabContent .nav > li > span,
  .tabContent .nav-tabs > li > a,
  .tabContent .nav-tabs > li > span {
    line-height: 1.52857143; }
  .tabContent .nav > li > span,
  .tabContent .nav-tabs > li > span {
    margin-right: 2px;
    line-height: 1.52857143;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-radius: 4px 4px 0 0;
    position: relative;
    display: block;
    padding: 10px 15px; }
  .tabContent .nav-tabs .nav-tabs {
    padding: 0 0 0 12px; }
    .tabContent .nav-tabs .nav-tabs li {
      margin: 0 2px 0 0; }
      .tabContent .nav-tabs .nav-tabs li a,
      .tabContent .nav-tabs .nav-tabs li span {
        font: bold 0.9em "AvantGradeRegular";
        border-radius: 6px 6px 0 0;
        border: 1px solid #ccc;
        background: #eaeaea;
        border-bottom: 0 none;
        color: #666666;
        text-align: center;
        padding: 8px 30px;
        cursor: pointer; }
      @media (hover) {
        .tabContent .nav-tabs .nav-tabs li:hover::after {
          border-top: 10px solid #faa762;
          border-right: 10px solid transparent;
          border-left: 10px solid transparent;
          position: absolute;
          width: 0;
          height: 0;
          margin-left: -10px;
          content: "";
          z-index: 1;
          left: 50%; }
        .tabContent .nav-tabs .nav-tabs li:hover a,
        .tabContent .nav-tabs .nav-tabs li:hover span {
          border-color: #f48d38;
          background: #faa762;
          color: #fff; } }
      .tabContent .nav-tabs .nav-tabs li.active::after {
        border-top: 10px solid #faa762;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        position: absolute;
        width: 0;
        height: 0;
        margin-left: -10px;
        content: "";
        z-index: 1;
        left: 50%; }
      .tabContent .nav-tabs .nav-tabs li.active a,
      .tabContent .nav-tabs .nav-tabs li.active span {
        border-color: #f48d38;
        background: #faa762;
        color: #fff; }
  .tabContent .tab-content {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid #faa762;
    box-shadow: 0 0 6px #ccc;
    padding: 30px 30px 2px; }
    .tabContent .tab-content .tab-pane {
      position: relative; }

.modal-body .tabContent {
  font-size: 1em;
  margin: 0 0 20px;
  font-family: Calibri, Sans-serif, Arial;
  /*** main tab buttons ***/
  /*** main tab buttons ***/ }
  .modal-body .tabContent .nav-tabs .nav-tabs li a,
  .modal-body .tabContent .nav-tabs .nav-tabs li span {
    font-size: .94em; }
  .modal-body .tabContent .jawContainer ul li {
    margin: 0 6px 0 0; }

.modal-body .allTeethOption {
  font-size: 1.1em;
  right: 20px;
  top: 1px; }
  @media (max-width: 440px) {
    .modal-body .allTeethOption {
      position: inherit;
      margin: -7px 0 5px 20px; } }
  @media (min-width: 441px) {
    .modal-body .allTeethOption {
      position: absolute;
      margin: 0; } }
  .modal-body .allTeethOption .cstm_rdb_ckb ul li label {
    font: 0.8em "AvantGradeRegular";
    background: #e6e6e6;
    border-radius: 4px;
    color: #444;
    padding: 1px 10px 4px 25px;
    text-align: center; }
    .modal-body .allTeethOption .cstm_rdb_ckb ul li label:hover {
      color: #fff;
      background: #faa762; }
  .modal-body .allTeethOption .cstm_rdb_ckb ul li input[type=checkbox]:checked ~ label {
    color: #fff;
    background-color: #faa762; }
  .modal-body .allTeethOption .cstm_rdb_ckb input[type=checkbox]:checked ~ .stl-chkB-rdB::before {
    font-size: 15px;
    top: 0px;
    left: 4px; }
  .modal-body .allTeethOption .cstm_rdb_ckb .stl-chkB-rdB.chkB {
    margin: 0 0 0 -8px;
    width: 24px;
    height: 24px;
    z-index: 10;
    background: #fff; }
  .modal-body .allTeethOption .cstm_rdb_ckb input[type=checkbox]:checked ~ .stl-chkB-rdB {
    border-width: 1px;
    border-style: solid;
    border-color: #999;
    color: #fa9948; }

@media (min-width: 992px) {
  .tabContent {
    /*** main tabbing area ***/
    /*** main tabbing area ***/ }
    .tabContent .tab-content {
      padding: 30px 30px 2px; }
      .tabContent .tab-content .getRdcSpaceFrTab table tbody tr:nth-of-type(2n) {
        background-color: transparent; }
      .tabContent .tab-content .getRdcSpaceFrTab table thead tr th {
        background-color: #faa762;
        border-color: transparent;
        color: #fff;
        font-weight: 600; } }

/** tabbing **/
.floating-mdl .modal-body {
  max-height: inherit;
  overflow: inherit; }

.floating-mdl .modal-header {
  padding: 0;
  border: 0 none;
  position: relative; }

.floating-mdl .tabContent {
  margin: 4px 0 20px; }
  .floating-mdl .tabContent .nav-tabs .nav-tabs li a {
    padding: 8px 20px 9px; }

.modal-height-scroll {
  max-height: 400px;
  min-height: 140px;
  overflow: auto;
  width: 100%; }

@media (min-width: 767px) {
  .floating-mdl .tabContent {
    margin-top: 20px; } }

/** tabbing **/
.modal-height {
  margin-top: 1em;
  max-height: 400px;
  min-height: 140px;
  overflow: auto;
  width: 100%;
  outline: none; }

/** badges **/
.badgesContArea {
  border-bottom: 1px solid #faa762;
  position: relative;
  font: 0.8em Calibri, Sans-serif, Arial;
  display: flex;
  padding: 0 45px 0 0;
  color: #444444;
  min-height: 40px;
  margin: 0 0 30px;
  /** add / edit cc buttons **/ }
  .badgesContArea.badgesTypeOne {
    border-top: 1px solid #e1e1e1;
    border-bottom: 0 none;
    margin: 25px 0 10px;
    padding: 10px 0 0;
    display: block; }
  .badgesContArea.badgeinTop {
    font-size: .92em;
    display: inline;
    border: 0 none;
    padding: 0;
    margin: 0; }
    .badgesContArea.badgeinTop .tags {
      float: none; }
      .badgesContArea.badgeinTop .tags ul li.tag-item {
        margin-right: 7px;
        padding: 4px 6px 4px 4px; }
      .badgesContArea.badgeinTop .tags ul li .remove-button {
        margin: 1px -3px 0 5px; }
        .badgesContArea.badgeinTop .tags ul li .remove-button i {
          padding: 3px 4px; }
  .badgesContArea.badgeNoBrdr {
    border: 0;
    margin: 0;
    min-height: auto;
    padding: 0px; }
  .badgesContArea.badgeNoBrdr.mrgnTop {
    margin-top: 20px; }
  .badgesContArea .tags {
    float: left; }
    .badgesContArea .tags ul {
      list-style-type: none;
      padding: 0;
      margin: 0; }
      .badgesContArea .tags ul li {
        margin: 0 0 5px;
        float: left; }
        .badgesContArea .tags ul li.tag-item {
          box-shadow: 0 1px 1px #999;
          padding: 5px 10px;
          background: #f2f2f2;
          border-radius: 10px;
          margin-right: 10px;
          cursor: default; }
        .badgesContArea .tags ul li:hover {
          cursor: pointer; }
        .badgesContArea .tags ul li a {
          color: #444444; }
        .badgesContArea .tags ul li.placeHolder {
          margin-bottom: 5px;
          margin-top: 12px; }
        .badgesContArea .tags ul li.selected {
          background: #faa762;
          color: #fff; }
        .badgesContArea .tags ul li .remove-button {
          margin: 1px -5px 0 5px;
          float: right; }
          .badgesContArea .tags ul li .remove-button i {
            background: #faa762;
            vertical-align: middle;
            border-radius: 10px;
            display: table-cell;
            font-size: 0.9em;
            padding: 4px 5px;
            color: #fff;
            top: 0; }
        .badgesContArea .tags ul li .badges_form_aligned {
          -webkit-box-orient: vertical;
          text-overflow: ellipsis;
          -webkit-line-clamp: 1;
          display: -webkit-box;
          max-height: 21px;
          overflow: hidden;
          word-break: break-all;
          width: 120px;
          padding-right: 15px; }
        .badgesContArea .tags ul li .setel_remove_btn {
          margin: -20px -8px 0 5px !important; }
      .badgesContArea .tags ul li.disable_other_info {
        cursor: none;
        pointer-events: none; }
  .badgesContArea .chiefCompBtn {
    position: absolute;
    right: 0;
    bottom: 5px; }
    .badgesContArea .chiefCompBtn button.cmnicons {
      background: #fff none;
      width: auto;
      height: auto;
      border-radius: 6px;
      border: 0 none;
      padding: 8px; }
      .badgesContArea .chiefCompBtn button.cmnicons:hover {
        background: #faa762; }
        .badgesContArea .chiefCompBtn button.cmnicons:hover span {
          color: #fff; }
      .badgesContArea .chiefCompBtn button.cmnicons span {
        color: #fa9948;
        font-size: 1.2em;
        left: .05em;
        right: 0;
        top: 0; }

@media (min-width: 767px) {
  .badgesContArea {
    font-size: .85em; }
    .badgesContArea.badgeinTop .tags {
      margin-right: 80px; } }

/** badges **/
.scrollbar {
  margin-left: 30px;
  float: left;
  height: 100px;
  width: auto;
  background: #F5F5F5;
  overflow-y: scroll; }

.force-overflow {
  min-height: 450px; }

#style-1::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5; }

#style-1::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5; }

#style-1::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555; }

.btn-warning.dropBtn:active:hover, button:hover span.btn-warning.dropBtn.cmnicons:active, .btn-warning.dropBtn:active:focus {
  background-color: transparent;
  border-color: none 0px;
  color: #fa9948; }

/***Work Done History note textbox, cheif complaint, complaint***/
@media (max-width: 992px) {
  .compHistPadR {
    text-align: left;
    padding-left: 0px; }
  #complaintFollowupForm input[type='number'] {
    width: 100%; } }

@media (max-width: 767px) {
  .txtareCont {
    width: 100%; }
    .txtareCont textarea {
      width: 100% !important; }
  .compFilterList {
    margin: 10px 0px; }
    .compFilterList li {
      margin: 10px 0px; }
  .compHistPadR {
    text-align: left;
    padding-left: 0px; }
  .tabularListing .actions.sml-btn-wdth a {
    width: 96px;
    margin: 2px 0 2px 12px; }
  #table_oelisting tbody tr td,
  #oeInputList tbody tr td {
    padding: 2px 30px 2px 7px; }
  .subsAdd.compViewPopUpResponsive {
    text-align: center !important;
    width: 100% !important; } }

@media (max-width: 480px) {
  .txt_blk .compViewPopUpResponsive {
    text-align: center !important; }
  .compViewPopUpResponsive {
    text-align: center !important;
    width: 100% !important; }
  .modal-body#modalResponsive {
    padding-top: 50px !important; }
    .modal-body#modalResponsive .allTeethOption {
      left: 0px !important;
      top: -45px; }
    .modal-body#modalResponsive .tabContent {
      /*** main tab buttons ***/ }
      .modal-body#modalResponsive .tabContent .nav-tabs .nav-tabs li a {
        padding: 6px 15px 7px !important; } }

/** complaint Listing **/
.complaintListSpec .table td:nth-child(4), .complaintListSpec .table td:nth-child(5), .complaintListSpec .table td:nth-child(6), .complaintListSpec .table td:nth-child(7) {
  word-break: break-all; }

/** complaint Listing **/
/** multiple selection select box **/
.multiSelectDD .multiselect-parent {
  width: 100%; }
  .multiSelectDD .multiselect-parent > button {
    border-bottom: 2px solid #faa762 !important;
    box-shadow: 0px 2px 0px #ebebeb;
    width: 100%;
    height: 26px;
    font: 0.82em "RobotoRegular";
    border-radius: 0;
    text-align: left;
    padding: 0;
    border: 0;
    margin: 0; }
    .multiSelectDD .multiselect-parent > button:hover, .multiSelectDD .multiselect-parent > button:active, .multiSelectDD .multiselect-parent > button:focus {
      border-width: 0 0 2px;
      border-style: solid;
      border-color: #fbba83;
      box-shadow: 0px 2px 0px #ebebeb;
      border-color: #faa762;
      background: transparent; }
  .multiSelectDD .multiselect-parent .input-group-btn {
    position: absolute;
    width: auto;
    height: auto;
    color: #fa9948;
    bottom: 2px;
    right: 0; }
    .multiSelectDD .multiselect-parent .input-group-btn button {
      background: transparent;
      color: #fa9948;
      box-shadow: inherit;
      border-radius: 0;
      padding: 0;
      margin: 0;
      border: 0; }
      .multiSelectDD .multiselect-parent .input-group-btn button:hover, .multiSelectDD .multiselect-parent .input-group-btn button:active, .multiSelectDD .multiselect-parent .input-group-btn button:focus {
        background: transparant; }
      .multiSelectDD .multiselect-parent .input-group-btn button i {
        font-size: .9em; }
  .multiSelectDD .multiselect-parent ul {
    width: 180px;
    height: 260px !important;
    overflow: auto !important; }
    .multiSelectDD .multiselect-parent ul li {
      display: block;
      cursor: pointer;
      width: 100%; }
      .multiSelectDD .multiselect-parent ul li a {
        white-space: inherit;
        line-height: 1.2;
        padding: 5px 20px;
        color: #444444; }
        .multiSelectDD .multiselect-parent ul li a .fa-check-square-o {
          color: #fa9948; }
      .multiSelectDD .multiselect-parent ul li .dropdown-header {
        position: relative;
        padding: 0 20px 2px; }
        .multiSelectDD .multiselect-parent ul li .dropdown-header input {
          font-size: 1.2em; }
        .multiSelectDD .multiselect-parent ul li .dropdown-header .input-clear-btn {
          position: absolute;
          color: #444444;
          bottom: 10px;
          float: right;
          right: 21px;
          padding: 0; }
      .multiSelectDD .multiselect-parent ul li:nth-last-child(2), .multiSelectDD .multiselect-parent ul li:last-child {
        display: none; }
      .multiSelectDD .multiselect-parent ul li:first-child a span {
        margin: 0 5px 0 0;
        float: left; }
      .multiSelectDD .multiselect-parent ul li.divider {
        margin: 5px 0; }

.multiSelectDD.modalField .multiselect-parent > button {
  font-size: .85em; }

.multiSelectDD.dropDownWdthAuto .multiselect-parent ul {
  width: auto; }

.multiSelectDD.listPositionTop .multiselect-parent ul.dropdown-menu {
  bottom: 100%;
  top: auto;
  margin: 0 0 5px; }

.multiSelectDD.reports_multi_select .dropdown-multiselect ul {
  max-height: 340px;
  padding: 0 0 10px 0;
  width: 220px !important; }
  .multiSelectDD.reports_multi_select .dropdown-multiselect ul li {
    width: 100% !important;
    padding: 0;
    margin: 0 !important; }
    .multiSelectDD.reports_multi_select .dropdown-multiselect ul li .dropdown-header {
      margin-top: -15px; }
    .multiSelectDD.reports_multi_select .dropdown-multiselect ul li a {
      padding: 6px 15px; }
    .multiSelectDD.reports_multi_select .dropdown-multiselect ul li:nth-child(4) {
      margin-top: 3px !important; }
    .multiSelectDD.reports_multi_select .dropdown-multiselect ul li:nth-child(5) {
      margin: 10px 0 -16px 0 !important; }

.fixed-height-250 {
  max-height: 56vh !important;
  min-height: 56vh !important; }

.pad-right-10 {
  padding-right: 10px !important; }

.pad-right-3 {
  padding-right: 3px; }

.pad-left-8 {
  padding-left: 8px !important; }

/** multiple selection select box **/
/** timepicker **/
#timepicker {
  width: 100%;
  position: relative; }
  #timepicker tr {
    background: transparent; }
  #timepicker tbody tr td {
    padding: 0 !important; }
    #timepicker tbody tr td a {
      padding: 0;
      color: #444444; }
  #timepicker tbody tr:nth-child(1), #timepicker tbody tr:nth-child(3) {
    position: absolute;
    left: 0;
    top: -15px; }
    #timepicker tbody tr:nth-child(1) td:nth-child(1), #timepicker tbody tr:nth-child(1) td:nth-child(3), #timepicker tbody tr:nth-child(3) td:nth-child(1), #timepicker tbody tr:nth-child(3) td:nth-child(3) {
      width: 54px; }
    #timepicker tbody tr:nth-child(1) td:nth-child(2), #timepicker tbody tr:nth-child(3) td:nth-child(2) {
      padding: 0;
      width: 60px; }
    #timepicker tbody tr:nth-child(1) td:nth-child(4), #timepicker tbody tr:nth-child(3) td:nth-child(4) {
      width: 65px; }
  #timepicker tbody tr:nth-child(3) {
    bottom: -21px;
    top: inherit; }
  #timepicker tbody tr:nth-child(2) td:nth-child(2) {
    padding: 0;
    width: 60px;
    text-align: center; }
  #timepicker tbody tr:nth-child(2) td:nth-child(4) {
    width: 65px;
    text-align: right; }
    #timepicker tbody tr:nth-child(2) td:nth-child(4) button {
      padding: 4px 10px; }
  #timepicker tbody tr:nth-child(2) td input {
    margin-bottom: 3px; }

@media (max-width: 520px) {
  #timepicker tbody tr:nth-child(1), #timepicker tbody tr:nth-child(3) {
    position: inherit; }
  #timepickerBlock {
    padding-top: 22px;
    padding-bottom: 22px; }
  .workDoneHistory .indicator_history {
    margin-right: 0px !important; }
  .workDoneHistory .historyActionBtn {
    margin-top: 20px; }
  .workDoneHistory .consumableNotesHistory {
    margin-left: 0px !important; }
  .workDoneAddEdit .consumableNotes {
    width: 95%;
    margin-top: 10px; } }

@media (max-width: 768px) {
  .pnameid {
    text-align: left; }
  .headerCenter {
    position: inherit; }
  .rcptHeader {
    margin-top: 0px !important; } }

/** timepicker **/
/** assignModalList **/
.assignModalList {
  height: 430px !important; }
  .assignModalList .no-pad {
    padding: 0px; }
  .assignModalList .asignee-font-weight {
    font-weight: normal; }
  .assignModalList tbody tr {
    height: 34px; }
  .assignModalList .pending-followup {
    padding-top: 1px !important;
    text-align: left !important; }
  @media (min-width: 700px) {
    .assignModalList .sorting {
      background-position: 45px 2px !important; } }
  .assignModalList .cstm_rdb_ckb ul {
    float: left;
    padding: 0; }
    .assignModalList .cstm_rdb_ckb ul li {
      min-width: auto;
      padding: 0;
      margin: 0; }
      .assignModalList .cstm_rdb_ckb ul li .stl-chkB-rdB {
        top: -1px; }
      .assignModalList .cstm_rdb_ckb ul li input {
        top: 0px;
        left: -26px; }
      .assignModalList .cstm_rdb_ckb ul li label {
        text-transform: capitalize;
        font-size: 14px;
        padding: 0 0 0 26px; }
    .assignModalList .cstm_rdb_ckb ul .list-item:hover label, .assignModalList .cstm_rdb_ckb ul button:hover span.list-item.cmnicons label, button:hover .assignModalList .cstm_rdb_ckb ul span.list-item.cmnicons label, .assignModalList .cstm_rdb_ckb ul .list-item:focus label, .assignModalList .cstm_rdb_ckb ul .list-item input:hover {
      color: #444444; }
    .assignModalList .cstm_rdb_ckb ul .list-item:hover .stl-chkB-rdB, .assignModalList .cstm_rdb_ckb ul button:hover span.list-item.cmnicons .stl-chkB-rdB, button:hover .assignModalList .cstm_rdb_ckb ul span.list-item.cmnicons .stl-chkB-rdB, .assignModalList .cstm_rdb_ckb ul .list-item:hover input[type=checkbox]:focus-visible ~ .stl-chkB-rdB, .assignModalList .cstm_rdb_ckb ul button:hover span.list-item.cmnicons input[type=checkbox]:focus-visible ~ .stl-chkB-rdB, button:hover .assignModalList .cstm_rdb_ckb ul span.list-item.cmnicons input[type=checkbox]:focus-visible ~ .stl-chkB-rdB {
      border-color: #444444; }
    .assignModalList .cstm_rdb_ckb ul .list-item {
      color: #444444 !important; }
      .assignModalList .cstm_rdb_ckb ul .list-item input[type=checkbox]:focus-visible ~ .stl-chkB-rdB,
      .assignModalList .cstm_rdb_ckb ul .list-item input[type=checkbox]:focus ~ label, .assignModalList .cstm_rdb_ckb ul .list-item input[type=checkbox]:checked .stl-chkB-rdBs {
        color: #444444;
        border-color: #444444; }
  .assignModalList .error {
    margin: 5px 0 0 0; }

/** assignModalList **/
.subsListSpec .patientRedFlagged .msgWrapper {
  width: 300px;
  height: auto;
  border-radius: 0.3em;
  margin-left: -11px;
  font-size: .95em;
  bottom: 25px;
  z-index: 9; }
  .subsListSpec .patientRedFlagged .msgWrapper:after {
    border-width: 8px;
    margin-left: -24px; }
  .subsListSpec .patientRedFlagged .msgWrapper:before {
    border-width: 10px;
    margin-left: -26px; }

.subsListSpec table {
  position: relative; }
  .subsListSpec table thead tr th.sorting_asc,
  .subsListSpec table thead tr th.sorting_desc,
  .subsListSpec table thead tr th.sorting {
    background-position: 2% 55%; }
  .subsListSpec table thead tr th:last-child {
    position: relative; }
  .subsListSpec table tbody tr td:nth-child(2),
  .subsListSpec table tbody tr td:nth-child(1) {
    position: relative; }
  .subsListSpec table tbody tr td.handleExtBR > br {
    display: none; }
  .subsListSpec table tbody tr td.cstm_chkBx_plcmnt .cstm_rdb_ckb {
    float: right;
    margin: -7px 0 0 0; }
  .subsListSpec table thead tr th:nth-child(1) .cstm_rdb_ckb {
    float: right;
    margin: -3px 0 0 0; }
    .subsListSpec table thead tr th:nth-child(1) .cstm_rdb_ckb ul li input[type=checkbox]:checked ~ .stl-chkB-rdB::before {
      left: 3px; }

/***************************** Patient Listing******************************/
.patientListing .pt_list .patientRedFlagged .msgWrapper {
  margin-left: -28px;
  left: unset;
  bottom: 48px; }

.patientListing .pt_list table thead tr th.sorting_asc,
.patientListing .pt_list table thead tr th.sorting_desc,
.patientListing .pt_list table thead tr th.sorting {
  background-position: 5px 2px; }

.patientListing .pt_list table tbody tr td:nth-child(2) {
  position: relative; }

.patientListing .actnsVertIcns {
  text-align: left !important; }

.patientListing .btmDoctorfltr select option {
  font-size: .9em; }

.patientListing .remvLeftBorder {
  border-left: none; }

.patientListing .txtHyperLink {
  color: #333;
  text-decoration: underline; }
  .patientListing .txtHyperLink a {
    color: #333;
    text-decoration: underline; }
  .patientListing .txtHyperLink .newRed {
    color: red;
    cursor: pointer;
    font-size: 11px; }

/** patientRedFlagging **/
.msgWrapper {
  box-shadow: 0px 0px 6px rgba(53, 50, 50, 0.55);
  background-color: #f4f4f4;
  border: 1px solid #faa762;
  position: absolute;
  width: 350px;
  height: auto;
  border-radius: 0.5em;
  font: 0.9em/1.5 Calibri, Sans-serif, Arial;
  margin-left: -70px;
  color: #444444;
  bottom: 34px;
  padding: .5em;
  left: 50%; }
  .msgWrapper:after, .msgWrapper:before {
    top: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    width: 0;
    height: 0;
    position: absolute;
    pointer-events: none; }
  .msgWrapper:after {
    border-color: rgba(250, 167, 98, 0);
    border-top-color: #f4f4f4;
    border-width: 12px;
    margin-left: -12px; }
  .msgWrapper:before {
    border-color: rgba(244, 244, 244, 0);
    border-top-color: #faa762;
    border-width: 13px;
    margin-left: -13px; }

.msgWrapperKink {
  position: absolute;
  display: none;
  margin-left: -8px;
  bottom: 21px;
  left: 50%; }

/** patientRedFlagging **/
/** SubsCriber**/
.subsListing .lowerCase {
  text-transform: lowercase; }

.subsAddEdit .calenderBtn {
  right: 23px !important;
  top: 30px; }

.subsAddEdit .subsAdd {
  margin: 0.7em 0 0 0;
  font-weight: bold; }

/** call AddEdit **/
#callAddEditForm .callAddOpt {
  height: 20px; }

@media (max-width: 419px) and (min-width: 359px) {
  #callAddEditForm .communicationSMS {
    padding: 0px; }
    #callAddEditForm .communicationSMS .cstm_rdb_ckb ul li label {
      padding: 3px 0 0 22px !important; }
    #callAddEditForm .communicationSMS .cstm_rdb_ckb.callAddOpt ul li {
      margin: 0 4px 0 0 !important; } }

.subsView .followup {
  text-align: right; }

@media (max-width: 700px) {
  .subsView .title {
    text-align: center; }
  .subsView .staging {
    margin: 6px 0px 6px 0px; }
  .subsView .followup {
    text-align: left; } }

@media (min-width: 700px) {
  .subsView .running-staging-status {
    padding-left: 21px !important; } }

.modal-dialog .modalConfirmTxt {
  margin-bottom: 0px; }
  .modal-dialog .modalConfirmTxt .fa-play-circle-o {
    font-size: 17px; }
  .modal-dialog .modalConfirmTxt span {
    font-weight: 400;
    font-size: 16px; }

.modal-dialog .currentStageDailog {
  line-height: 24px;
  word-spacing: 1px; }

/** call AddEdit **/
/** miscCallsListing Notes column **/
.miscListing .tabularListing thead tr th:last-child {
  text-align: left !important; }

.miscListing .tabularListing tbody tr td:last-child {
  word-break: break-all; }

/*******************Diagnosis New UI(26/10/2017)*************/
#DiagList table tr td,
#DiagnosListView table tr td {
  white-space: normal !important; }
  @media (max-width: 768px) {
    #DiagList table tr td .notes-xs-area,
    #DiagnosListView table tr td .notes-xs-area {
      width: 250px; } }
  #DiagList table tr td .ioparInList,
  #DiagnosListView table tr td .ioparInList {
    width: 100%;
    float: left;
    display: flex;
    /*align-items: flex-end;*/
    padding-left: 10px; }
    #DiagList table tr td .ioparInList:last-child,
    #DiagnosListView table tr td .ioparInList:last-child {
      border-bottom: none !important; }
  #DiagList table tr td .dividerD,
  #DiagnosListView table tr td .dividerD {
    border-bottom: 1px solid #dddddd; }
  #DiagList table tr td .ioparInListTeeth,
  #DiagnosListView table tr td .ioparInListTeeth {
    width: 22%;
    display: flex;
    word-break: break-all;
    align-items: center; }
    @media (max-width: 768px) {
      #DiagList table tr td .ioparInListTeeth,
      #DiagnosListView table tr td .ioparInListTeeth {
        width: 200px; } }
  #DiagList table tr td .teethMng,
  #DiagnosListView table tr td .teethMng {
    width: 24% !important; }
  #DiagList table tr td .ioparInListcrtdBy,
  #DiagnosListView table tr td .ioparInListcrtdBy {
    width: 16%;
    display: flex;
    word-break: break-all;
    align-items: flex-end;
    padding-left: 10px; }
    @media (max-width: 768px) {
      #DiagList table tr td .ioparInListcrtdBy,
      #DiagnosListView table tr td .ioparInListcrtdBy {
        width: 150px; } }
  #DiagList table tr td .ioparInListNotes,
  #DiagnosListView table tr td .ioparInListNotes {
    display: flex;
    width: 63%;
    padding-left: 10px;
    align-items: center; }
    @media (max-width: 768px) {
      #DiagList table tr td .ioparInListNotes,
      #DiagnosListView table tr td .ioparInListNotes {
        width: 250px;
        padding-left: 0px; } }
  #DiagList table tr td .newborderleft,
  #DiagnosListView table tr td .newborderleft {
    border-left: 1px solid #dddddd; }
  #DiagList table tr td .investigation-wrp,
  #DiagnosListView table tr td .investigation-wrp {
    width: 57%; }
    @media (max-width: 768px) {
      #DiagList table tr td .investigation-wrp,
      #DiagnosListView table tr td .investigation-wrp {
        width: 200px; } }
  #DiagList table tr td .created-wrp-list,
  #DiagnosListView table tr td .created-wrp-list {
    width: 43%;
    padding-left: 10px; }
    @media (max-width: 768px) {
      #DiagList table tr td .created-wrp-list,
      #DiagnosListView table tr td .created-wrp-list {
        width: 150px; } }
  #DiagList table tr td .lineHeight,
  #DiagnosListView table tr td .lineHeight {
    line-height: 1.4em; }

#DiagList table tr .dividerR-gray,
#DiagnosListView table tr .dividerR-gray {
  border-right: 1px solid #dddddd; }

#DiagList table tr .paddingLeftRight,
#DiagnosListView table tr .paddingLeftRight {
  padding: 0px; }

#DiagList .jumbotronCont .jumbotron .box-center,
#DiagnosListView .jumbotronCont .jumbotron .box-center {
  text-align: center !important; }

.diagnosisNewUI .category-wrap .DiagnoTeethCs {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all; }

@media (max-width: 768px) {
  .diagnosisNewUI .category-wrap .notes-xs-area {
    width: 300px; } }

#DiagAddEdit table tr td {
  white-space: normal !important; }
  #DiagAddEdit table tr td .tblRowCell {
    width: 100%;
    display: flex;
    word-break: break-all;
    align-items: center;
    min-height: 25px; }
  #DiagAddEdit table tr td .DiagDelInvest {
    float: right; }
    #DiagAddEdit table tr td .DiagDelInvest .hideVisibility {
      visibility: hidden; }
  #DiagAddEdit table tr td .teethMrgRight {
    vertical-align: bottom;
    display: block;
    margin-right: 40px;
    width: 100%; }
  #DiagAddEdit table tr td .ioparInList {
    width: 100%;
    float: left;
    display: flex;
    padding-left: 10px; }
    #DiagAddEdit table tr td .ioparInList:last-child {
      border-bottom: none !important; }
    #DiagAddEdit table tr td .ioparInList .ioparInListTeeth {
      width: 45.4%;
      display: flex;
      word-break: break-all;
      align-items: center;
      min-height: 40px; }
      @media (max-width: 768px) {
        #DiagAddEdit table tr td .ioparInList .ioparInListTeeth {
          width: 210px; } }
    #DiagAddEdit table tr td .ioparInList .ioparInListNotes {
      display: flex;
      width: 53.9%;
      padding-left: 6px;
      padding-right: 6px;
      align-items: center; }
    #DiagAddEdit table tr td .ioparInList .newborderleft {
      border-left: 1px solid #dddddd; }
  #DiagAddEdit table tr td .dividerB {
    border-bottom: 1px solid #dddddd; }
  #DiagAddEdit table tr td .catgrySub-wrap {
    width: 100%;
    padding-left: 10px;
    float: left;
    display: flex; }
    #DiagAddEdit table tr td .catgrySub-wrap:last-child {
      border-bottom: none !important; }
    @media (max-width: 768px) {
      #DiagAddEdit table tr td .catgrySub-wrap {
        width: 220px; } }
  #DiagAddEdit table tr td .actnsVertIcns .btn .inline-GlyphIcons {
    font-size: 1.2em;
    color: #FAA762; }
  @media (max-width: 768px) {
    #DiagAddEdit table tr td .notes-xs-area {
      width: 300px; }
    #DiagAddEdit table tr td .DiagnoActionBtn {
      width: 100px; } }

#DiagAddEdit table tr .paddingLeftRight {
  padding: 0px; }

#DiagAddEdit table tr .dividerR-gray {
  line-height: 1.42857143;
  border-right: 1px solid #dddddd; }

#DiagAddEdit .diagnostics-list-wrap {
  display: table;
  text-align: center;
  padding: 0;
  width: 45%;
  margin: 0 auto; }
  @media (max-width: 992px) {
    #DiagAddEdit .diagnostics-list-wrap {
      width: 60%; } }
  @media (max-width: 768px) {
    #DiagAddEdit .diagnostics-list-wrap {
      width: 80%; } }
  @media (max-width: 480px) {
    #DiagAddEdit .diagnostics-list-wrap {
      width: 100%; } }
  #DiagAddEdit .diagnostics-list-wrap .block3 {
    min-width: 24%; }
  #DiagAddEdit .diagnostics-list-wrap .block {
    width: 10.5%;
    margin: 7px 0px;
    display: inline-block;
    float: none; }
    @media (max-width: 480px) {
      #DiagAddEdit .diagnostics-list-wrap .block {
        width: 50%; } }

/** miscCallsListing Notes column **/
.tabContent .col-xs-3s {
  float: none;
  display: inline-block;
  margin: 0 1em 0 0;
  width: 10.5%; }

/************Report New UI*******************/
.reportsPage .mrgn-top-16 {
  margin-top: 6px; }

.reportsPage .mrgn-top {
  margin-top: 35px; }

.reportsPage .mrgn-bottom {
  margin-bottom: -8px; }

.reportsPage .pgInfoLeftSide {
  margin: .7em 0 .7em .5em;
  width: 30%;
  float: left; }

.reportsPage .filters .workdoneFilters .form-group,
.reportsPage .filters .paymentFilters .form-group,
.reportsPage .filters .invoiceFilters .form-group {
  margin: 0px 0px 10px 0px; }

.reportsPage .filters .filterList li {
  float: none; }
  @media (max-width: 768px) {
    .reportsPage .filters .filterList li {
      margin-top: 10px; } }

.reportsPage .adjustCls {
  padding: 0px;
  margin-left: 5px;
  margin-right: 5px; }
  @media (max-width: 768px) {
    .reportsPage .adjustCls {
      margin-bottom: 5px; } }

.reportsPage .FilterWrapper .form-group {
  padding: 0px 0px 0px 15px; }
  @media (max-width: 768px) {
    .reportsPage .FilterWrapper .form-group {
      padding: 6px 0px 0px 6px; } }

.reportsPage .FilterWrapper .firstField {
  padding: 0px;
  margin-left: 8px; }

.reportsPage #whtBox div .mt-06 {
  box-shadow: 0px 0 6px #ccc;
  width: 100%;
  height: auto;
  display: inline-block;
  border-radius: 4px;
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #cac2be; }

.reportsPage .ageing {
  margin-bottom: 3px; }

.reportsPage .pagingUI .pagination2Wrapper .pageNo:hover, .reportsPage .pagingUI .pagination2Wrapper button:hover span.pageNo.cmnicons, button:hover .reportsPage .pagingUI .pagination2Wrapper span.pageNo.cmnicons {
  color: #fff !important; }

.reportsPage .tabularListing table thead tr th:last-child {
  text-align: left !important; }

.reportsPage .tabularListing table thead tr th.txt-left {
  text-align: left !important; }

.reportsPage .tabularListing table thead tr th.text-right {
  text-align: right !important; }

.reportsPage .tabularListing table thead tr th.text-center {
  text-align: center !important; }

@media (max-width: 768px) {
  .reportsPage .mblMrgn {
    margin-top: 5px; } }

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .reportsPage .highlightGroupFilter {
    margin-top: 5px !important; } }

.reportsPage .rprtTrtChkBox {
  margin-top: 8px; }
  .reportsPage .rprtTrtChkBox ul li {
    width: 120px !important; }

.ageingOvrflow .modal-height-scroll {
  overflow: inherit !important; }

.ageingOvrflow .mrgn-top-16 {
  margin-top: 16px; }

.ageingOvrflow .mrgn-btm-em {
  margin-bottom: 1em; }

/*--------------- Notification Listing ----------------*/
/*-----------------------------------------------------*/
@media (max-width: 768px) {
  .notificationListing .btmTitle {
    float: none !important; } }

.notificationListing .table tr .deleted {
  text-decoration: none !important; }

.notificationListing .table tr .readUnreadInfo span {
  color: #fa9948 !important;
  font-size: 1.3em; }

@media (min-width: 280px) {
  .notificationListing .notificationFilter li {
    margin: 10px 0px !important; } }

@media (min-width: 992px) {
  .notificationListing .notificationFilter {
    margin: 18px 0px 0px 5px !important; }
    .notificationListing .notificationFilter li {
      margin: 0 10px 0px 0 !important; } }

.notificationListing .envelopeNotification {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 2.5em;
  color: #fa9948;
  background: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-top: 7px; }
  .notificationListing .envelopeNotification:before {
    content: "\f2b7"; }
  @media (hover) {
    .notificationListing .envelopeNotification:hover, .notificationListing button:hover span.envelopeNotification.cmnicons, button:hover .notificationListing span.envelopeNotification.cmnicons {
      background-color: #faa762;
      box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999;
      color: #fff; } }

.notificationListing .txt_grayColor {
  color: #999; }

/******************************************************/
/********************Feedback Screen******************/
@media (min-width: 992px) {
  .feedbackListing .feedbackFilterList li {
    margin: 0 8px 6px 0; } }

@media (min-width: 1200px) {
  .feedbackListing .feedbackFilterList li {
    float: none !important; } }

.feedbackListing .feedbackFilterList li.inheritWidth {
  margin: 0px 8px -8px 0px !important; }

@media (min-width: 1200px) {
  .feedbackListing .filterInputTxt {
    margin-left: 5px;
    margin-bottom: 4px; } }

@media (max-width: 768px) {
  .feedbackListing .headTxt {
    float: none !important; } }

.feedbackView .viewClearFb:nth-child(3) {
  clear: left; }

.feedbackView .txt-mrgn-left {
  margin-left: -80px; }
  @media (max-width: 480px) {
    .feedbackView .txt-mrgn-left {
      margin-left: 0px; } }

@media (max-width: 768px) {
  .feedbackView .txtCenter {
    text-align: center; } }

.comboDisable .custom-combo > div {
  background: white url(../imgs/lock_field.png) no-repeat 0 5px;
  border-color: #bcbbbb !important;
  padding-left: 18px;
  color: #888888; }

.comboDisable .custom-combo > span {
  color: #bcbbbb; }

.fbAdd .mrgnSet {
  margin: 5px 0px !important; }

.fbAdd .files multiple-file-single-select {
  display: none; }

.fbAdd .files .badgesContArea {
  border: none;
  top: 20px; }
  @media (max-width: 768px) {
    .fbAdd .files .badgesContArea {
      float: none !important; } }

.fbAdd .files .attachmentLinkBtn {
  box-shadow: 0 1px 1px #999;
  padding: 5px 10px;
  background: #f5f4f5;
  border-radius: 10px;
  color: #444444;
  display: inline-block;
  width: 235px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis; }
  @media screen and (max-width: 1200px) and (min-width: 992px) {
    .fbAdd .files .attachmentLinkBtn {
      width: 192px; } }

.fbAdd .files .editAttached {
  width: 170px; }
  @media (max-width: 360px) {
    .fbAdd .files .editAttached {
      width: 140px !important; } }
  @media screen and (max-width: 1200px) and (min-width: 992px) {
    .fbAdd .files .editAttached {
      width: 140px !important; } }

.fbAdd .questionRow:nth-child(3) {
  clear: both; }

@media (min-width: 992px) {
  .fbAdd .clearDashBoth {
    clear: both; } }

.fbAdd .radio_clr_frmt_blnc ul li {
  position: relative;
  display: block;
  min-width: 38px;
  margin: 5px 10px 5px 0 !important;
  /* feedback face default */
  /* feedback face default */ }
  .fbAdd .radio_clr_frmt_blnc ul li label {
    padding: 40px 0 0 0px;
    left: 0;
    font: 600 0.85em "RobotoRegular";
    width: auto;
    text-align: center; }
  .fbAdd .radio_clr_frmt_blnc ul li:first-child label {
    left: -2px; }
  .fbAdd .radio_clr_frmt_blnc ul li .stl-chkB-rdB {
    width: 38px;
    height: 38px; }
    .fbAdd .radio_clr_frmt_blnc ul li .stl-chkB-rdB:before {
      width: 30px;
      height: 30px;
      top: 3px;
      left: 3px; }
  .fbAdd .radio_clr_frmt_blnc ul li .stl-chkB-rdB:before,
  .fbAdd .radio_clr_frmt_blnc ul li input[type=radio]:checked ~ .stl-chkB-rdB:before {
    background: transparent url("../imgs/nps-guide-face.png") no-repeat top left; }
  .fbAdd .radio_clr_frmt_blnc ul li.detractors .stl-chkB-rdB:before {
    background-position: -94px -35px; }
  .fbAdd .radio_clr_frmt_blnc ul li.detractors input[type=radio]:checked ~ label {
    color: #ee3558; }
  .fbAdd .radio_clr_frmt_blnc ul li.detractors input[type=radio]:checked ~ .stl-chkB-rdB {
    border-width: 1px;
    border-style: solid;
    border-color: #ee3558; }
  .fbAdd .radio_clr_frmt_blnc ul li.detractors input[type=radio]:checked ~ .stl-chkB-rdB:before {
    background-position: -94px 0px !important; }
  .fbAdd .radio_clr_frmt_blnc ul li.passives .stl-chkB-rdB:before {
    background-position: 0px -35px; }
  .fbAdd .radio_clr_frmt_blnc ul li.passives input[type=radio]:checked ~ label {
    color: #57b4af; }
  .fbAdd .radio_clr_frmt_blnc ul li.passives input[type=radio]:checked ~ .stl-chkB-rdB {
    border-width: 1px;
    border-style: solid;
    border-color: #57b4af; }
  .fbAdd .radio_clr_frmt_blnc ul li.passives input[type=radio]:checked ~ .stl-chkB-rdB:before {
    background-position: 0px 0px !important; }
  .fbAdd .radio_clr_frmt_blnc ul li.promotors .stl-chkB-rdB:before {
    background-position: -47px -35px; }
  .fbAdd .radio_clr_frmt_blnc ul li.promotors input[type=radio]:checked ~ label {
    color: #8ec63e; }
  .fbAdd .radio_clr_frmt_blnc ul li.promotors input[type=radio]:checked ~ .stl-chkB-rdB {
    border-width: 1px;
    border-style: solid;
    border-color: #8ec63e; }
  .fbAdd .radio_clr_frmt_blnc ul li.promotors input[type=radio]:checked ~ .stl-chkB-rdB:before {
    background-position: -47px 0px !important; }
  .fbAdd .radio_clr_frmt_blnc ul li:hover.detractors .stl-chkB-rdB {
    border-width: 1px;
    border-style: solid;
    border-color: #ee3558; }
    .fbAdd .radio_clr_frmt_blnc ul li:hover.detractors .stl-chkB-rdB:before {
      background-position: -94px 0px; }
  .fbAdd .radio_clr_frmt_blnc ul li:hover.detractors label {
    color: #ee3558; }
  .fbAdd .radio_clr_frmt_blnc ul li:hover.passives .stl-chkB-rdB {
    border-width: 1px;
    border-style: solid;
    border-color: #57b4af; }
    .fbAdd .radio_clr_frmt_blnc ul li:hover.passives .stl-chkB-rdB:before {
      background-position: 0px 0px; }
  .fbAdd .radio_clr_frmt_blnc ul li:hover.passives label {
    color: #57b4af; }
  .fbAdd .radio_clr_frmt_blnc ul li:hover.promotors .stl-chkB-rdB {
    border-width: 1px;
    border-style: solid;
    border-color: #8ec63e; }
    .fbAdd .radio_clr_frmt_blnc ul li:hover.promotors .stl-chkB-rdB:before {
      background-position: -47px 0px; }
  .fbAdd .radio_clr_frmt_blnc ul li:hover.promotors label {
    color: #8ec63e; }

/**  **/
.separator {
  background-color: #e1e1e1;
  width: 0.25em;
  height: 1.8em;
  border-radius: 5px;
  margin: 0 0 0 0.4em; }

/** filters **/
.pageFilters {
  margin: 0 0 15px; }
  .pageFilters .mrgn-top-mid {
    margin-top: 12px; }
  .pageFilters .filterRectArea {
    box-shadow: 0px 0 7px #ccc;
    position: relative;
    background: rgba(255, 255, 255, 0.65);
    border: 1px solid #bcbbbb;
    width: auto;
    height: auto;
    border-radius: 5px;
    display: block;
    margin: 0; }
    .pageFilters .filterRectArea ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      .pageFilters .filterRectArea ul li {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: inline-block;
        vertical-align: top; }
    .pageFilters .filterRectArea .formGroupFilter {
      float: left;
      width: 82%;
      /* this width is used when there is only 2 actions in filter box - max 3 is allowed */ }
      .pageFilters .filterRectArea .formGroupFilter .mtop5 {
        margin-top: 5px; }
      .pageFilters .filterRectArea .formGroupFilter.itm_wd_145.dbleRowAlign {
        margin: -5px 0 !important; }
      .pageFilters .filterRectArea .formGroupFilter.itm_wd_145 ul li {
        width: 145px; }
      @media (min-width: 768px) {
        .pageFilters .filterRectArea .formGroupFilter.filterSettelAc {
          width: 80%; } }
      .pageFilters .filterRectArea .formGroupFilter.wdReport_filter_adjmnt {
        width: 89% !important; }
        .pageFilters .filterRectArea .formGroupFilter.wdReport_filter_adjmnt .trtName_adjsmnt {
          width: 11% !important;
          margin-top: 5px; }
          @media (min-width: 320px) and (max-width: 767px) {
            .pageFilters .filterRectArea .formGroupFilter.wdReport_filter_adjmnt .trtName_adjsmnt {
              width: 100% !important; } }
      @media (min-width: 768px) {
        .pageFilters .filterRectArea .formGroupFilter .adjstDateField {
          width: 136px !important;
          /*when highlighter has only date picker field;*/ } }
      @media (min-width: 768px) {
        .pageFilters .filterRectArea .formGroupFilter.trtReport_filter_adjmnt .adjstDateField {
          width: 126px !important;
          /*when highlighter has only date picker field;*/ } }
      .pageFilters .filterRectArea .formGroupFilter.trtReport_filter_adjmnt .trtName_adjsmnt {
        width: 11% !important;
        margin-top: 5px; }
        @media (min-width: 320px) and (max-width: 767px) {
          .pageFilters .filterRectArea .formGroupFilter.trtReport_filter_adjmnt .trtName_adjsmnt {
            width: 100% !important; } }
      .pageFilters .filterRectArea .formGroupFilter.cstm_filter_plced .highlightGroupFilter.fields_Stability li {
        width: 115px !important; }
        .pageFilters .filterRectArea .formGroupFilter.cstm_filter_plced .highlightGroupFilter.fields_Stability li ul > li {
          display: initial;
          margin: 0; }
      .pageFilters .filterRectArea .formGroupFilter.cstm_filter_plced .highlightGroupFilter.fields_Stability.labfiltr .radiocheckboxGroupFilter {
        width: auto !important; }
        .pageFilters .filterRectArea .formGroupFilter.cstm_filter_plced .highlightGroupFilter.fields_Stability.labfiltr .radiocheckboxGroupFilter li {
          width: auto !important; }
      .pageFilters .filterRectArea .formGroupFilter.cstm_filter_plced .highlightGroupFilter.fields_Stability.labfiltr li {
        width: 151px !important; }
        @media (min-width: 320px) and (max-width: 767px) {
          .pageFilters .filterRectArea .formGroupFilter.cstm_filter_plced .highlightGroupFilter.fields_Stability.labfiltr li {
            width: 49% !important; } }
        @media (max-width: 420px) {
          .pageFilters .filterRectArea .formGroupFilter.cstm_filter_plced .highlightGroupFilter.fields_Stability.labfiltr li {
            width: 100% !important; } }
        @media (min-width: 767px) {
          .pageFilters .filterRectArea .formGroupFilter.cstm_filter_plced .highlightGroupFilter.fields_Stability.labfiltr li.m_rdc_spc {
            margin-top: -4px; } }
      @media (min-width: 768px) {
        .pageFilters .filterRectArea .formGroupFilter .frmDateSettelAc {
          width: 24%; }
        .pageFilters .filterRectArea .formGroupFilter .toDateSettelAc {
          width: 22%; }
        .pageFilters .filterRectArea .formGroupFilter .fbDateSettelAc {
          width: 28%; } }
      .pageFilters .filterRectArea .formGroupFilter .nt_date_fix li.datepickerMain {
        width: 42%; }
        @media (min-width: 320px) and (max-width: 767px) {
          .pageFilters .filterRectArea .formGroupFilter .nt_date_fix li.datepickerMain {
            width: 49%; } }
        @media (max-width: 420px) {
          .pageFilters .filterRectArea .formGroupFilter .nt_date_fix li.datepickerMain {
            width: 100%; } }
      @media (min-width: 320px) and (max-width: 767px) {
        .pageFilters .filterRectArea .formGroupFilter {
          width: 100%; } }
      .pageFilters .filterRectArea .formGroupFilter > ul {
        /* this is used when in a single row there is less than 5 fields available - class goes to UL with only 2 actions available */ }
        .pageFilters .filterRectArea .formGroupFilter > ul li {
          width: 17.25%;
          /* this width is used when there is 5 fields are coming - max 5 is allowed */
          margin: 0 11px; }
          @media (min-width: 320px) and (max-width: 767px) {
            .pageFilters .filterRectArea .formGroupFilter > ul li {
              width: 49%;
              margin: 8px 0px; } }
          .pageFilters .filterRectArea .formGroupFilter > ul li.datepickerMain {
            position: relative; }
          .pageFilters .filterRectArea .formGroupFilter > ul li.radiocheckboxGroupFilter {
            width: auto;
            vertical-align: bottom; }
            .pageFilters .filterRectArea .formGroupFilter > ul li.radiocheckboxGroupFilter .cstm_rdb_ckb {
              margin-bottom: -5px; }
            .pageFilters .filterRectArea .formGroupFilter > ul li.radiocheckboxGroupFilter .chkbox_pos_error {
              margin-bottom: 7px !important; }
            .pageFilters .filterRectArea .formGroupFilter > ul li.radiocheckboxGroupFilter ul li {
              width: auto;
              margin: 0 10px 0 0; }
        @media (min-width: 700px) {
          .pageFilters .filterRectArea .formGroupFilter > ul .bulkInvoiceFilter {
            width: 14% !important; } }
        .pageFilters .filterRectArea .formGroupFilter > ul .highlightGroupFilter {
          border: 2px solid #f2f2f2;
          border-radius: 5px;
          padding: 3px 0 5px;
          display: inline-block;
          clear: both;
          margin: 0; }
          @media (min-width: 320px) and (max-width: 767px) {
            .pageFilters .filterRectArea .formGroupFilter > ul .highlightGroupFilter {
              width: 100%;
              padding: 3px; }
              .pageFilters .filterRectArea .formGroupFilter > ul .highlightGroupFilter li {
                margin: 8px 0px; } }
          @media (max-width: 420px) {
            .pageFilters .filterRectArea .formGroupFilter > ul .highlightGroupFilter li {
              width: 100%; } }
          .pageFilters .filterRectArea .formGroupFilter > ul .highlightGroupFilter.fields_Stability {
            padding: 3px 0 6px !important; }
        .pageFilters .filterRectArea .formGroupFilter > ul.decrsdFieldCount li {
          width: 22.3%; }
      .pageFilters .filterRectArea .formGroupFilter.dcrsdWdth {
        width: 82%; }
        .pageFilters .filterRectArea .formGroupFilter.dcrsdWdth > ul li {
          width: 17.2%; }
        .pageFilters .filterRectArea .formGroupFilter.dcrsdWdth > ul.decrsdFieldCount {
          width: auto; }
          .pageFilters .filterRectArea .formGroupFilter.dcrsdWdth > ul.decrsdFieldCount li {
            width: 22.2%; }
      .pageFilters .filterRectArea .formGroupFilter.filter_5_top_1 > ul li {
        width: 15;
        width: 14%; }
        @media (max-width: 768px) {
          .pageFilters .filterRectArea .formGroupFilter.filter_5_top_1 > ul li {
            width: 18%;
            margin-right: 4px; } }
      .pageFilters .filterRectArea .formGroupFilter.filter_5_top_1 > ul .searchableCustomCombo .drpdwnLabel {
        top: 0; }
      .pageFilters .filterRectArea .formGroupFilter.filter_5_top_1 > ul .searchableCustomCombo .listingData {
        margin: 0 !important;
        width: 100% !important;
        padding-left: 7px !important; }
      @media (max-width: 768px) {
        .pageFilters .filterRectArea .formGroupFilter.filter_5_top_1 > ul .searchableCustomCombo .menu {
          width: 100%; } }
      .pageFilters .filterRectArea .formGroupFilter.filter_5_top_1 > ul .highlightGroupFilter {
        width: 85%;
        margin-top: 6px; }
        @media (max-width: 768px) {
          .pageFilters .filterRectArea .formGroupFilter.filter_5_top_1 > ul .highlightGroupFilter {
            width: 98%;
            margin-top: 6px; } }
        .pageFilters .filterRectArea .formGroupFilter.filter_5_top_1 > ul .highlightGroupFilter > li {
          width: 17.5%; }
          .pageFilters .filterRectArea .formGroupFilter.filter_5_top_1 > ul .highlightGroupFilter > li.radiocheckboxGroupFilter {
            width: auto; }
    .pageFilters .filterRectArea.middleFormGroupFilter .formGroupFilter,
    .pageFilters .filterRectArea .middleFormGroupFilter .formGroupFilter {
      margin-top: 11px; }
      .pageFilters .filterRectArea.middleFormGroupFilter .formGroupFilter ul .highlightGroupFilter,
      .pageFilters .filterRectArea .middleFormGroupFilter .formGroupFilter ul .highlightGroupFilter {
        margin: 0; }
        @media (min-width: 520px) and (max-width: 1140px) {
          .pageFilters .filterRectArea.middleFormGroupFilter .formGroupFilter ul .highlightGroupFilter,
          .pageFilters .filterRectArea .middleFormGroupFilter .formGroupFilter ul .highlightGroupFilter {
            margin: 8px 0px 0 8px; } }
        @media (min-width: 767px) {
          .pageFilters .filterRectArea.middleFormGroupFilter .formGroupFilter ul .highlightGroupFilter.labfiltr,
          .pageFilters .filterRectArea .middleFormGroupFilter .formGroupFilter ul .highlightGroupFilter.labfiltr {
            margin: -1px 0px -5px 0px; } }
    .pageFilters .filterRectArea.middleFormGroupFilter.tabFilterBox,
    .pageFilters .filterRectArea .middleFormGroupFilter.tabFilterBox {
      padding: 0 10px 0 10px; }
      .pageFilters .filterRectArea.middleFormGroupFilter.tabFilterBox .formGroupFilter,
      .pageFilters .filterRectArea .middleFormGroupFilter.tabFilterBox .formGroupFilter {
        padding: 0;
        margin: 9px 0 0 0; }
    .pageFilters .filterRectArea.advFormGroupFilter {
      margin: 15px 0 0 0; }
      .pageFilters .filterRectArea.advFormGroupFilter .formGroupFilter {
        width: 100%; }
        .pageFilters .filterRectArea.advFormGroupFilter .formGroupFilter ul li {
          width: 128px; }
      .pageFilters .filterRectArea.advFormGroupFilter .formGroupFilterAligned {
        width: 100%; }
        @media (min-width: 768px) {
          .pageFilters .filterRectArea.advFormGroupFilter .formGroupFilterAligned ul li {
            width: 139px !important; }
          .pageFilters .filterRectArea.advFormGroupFilter .formGroupFilterAligned ul .followup-status {
            width: 168px !important; } }
    .pageFilters .filterRectArea .btnGroupFilter {
      border-left: 1px solid #ccc;
      padding: 0 0 0 10px;
      text-align: right;
      min-width: 6%;
      max-width: 18%;
      float: right; }
      @media (min-width: 768px) {
        .pageFilters .filterRectArea .btnGroupFilter.filterSettelRightAc {
          min-width: 20%; } }
      @media (min-width: 320px) and (max-width: 767px) {
        .pageFilters .filterRectArea .btnGroupFilter {
          margin: 10px 0 0 0;
          padding: 10px 0px;
          border-top: 1px solid #ccc;
          border-left: none;
          min-width: 100%;
          max-width: 100%; } }
      .pageFilters .filterRectArea .btnGroupFilter ul li {
        margin: 0 9px; }

.trtReport {
  margin-top: -15px; }

/*============= Temp Access ================*/
.cmnicons.wrkarea, button:hover span.wrkarea.cmnicons {
  background-position: -212px -295px; }
  .cmnicons.wrkarea:hover, button:hover span.wrkarea.cmnicons {
    background-position: -105px -296px; }

.otLn_none {
  outline: none; }

@media (min-width: 992px) {
  #accessControl .table-responsive {
    overflow-x: unset; } }

#accessControl .tabularListing .datepickerMain ul {
  width: auto !important; }

#accessControl .mrgn_bottom {
  margin-bottom: 20px; }

#accessControl .lebelBottom {
  margin-top: 5px;
  font-size: .95em; }

#accessControl .searchTxtTop {
  margin: 7px 7px 0 0;
  float: left; }

#accessControl .drpdwnAutoSearch {
  margin: 4px 18px 0 0; }
  #accessControl .drpdwnAutoSearch .dropdown-menu {
    left: auto !important;
    right: 0px !important;
    height: 163px;
    overflow-y: scroll; }
    #accessControl .drpdwnAutoSearch .dropdown-menu a {
      cursor: pointer; }

#accessControl .viewInfo b {
  font-size: 1.2em; }

#accessControl .panel.accessNew {
  /*=============== Switch on off =====================*/
  /* Transition========================== */ }
  #accessControl .panel.accessNew .subHead {
    border-bottom: 1px solid #faa762; }
  #accessControl .panel.accessNew .datepickerMain button[disabled] {
    color: #bcbbbb; }
  #accessControl .panel.accessNew .accessTempPermanent .tabContent .tab-content {
    padding: 10px 10px 5px; }
  #accessControl .panel.accessNew .accessTempPermanent .mrgn-tblr {
    padding: 0px 10px 10px; }
  #accessControl .panel.accessNew .accessTempPermanent table tr th.lastElem {
    text-align: left !important; }
  #accessControl .panel.accessNew .mrgnBottom {
    margin-bottom: 0px; }
  #accessControl .panel.accessNew .multiSelectDD .multiselect-parent ul {
    width: auto; }
  #accessControl .panel.accessNew .action_button_save .btn {
    background: #fff none;
    width: auto;
    height: auto;
    border-radius: 6px;
    border: 0 none;
    padding: 8px; }
    #accessControl .panel.accessNew .action_button_save .btn span {
      color: #fa9948;
      font-size: 1.2em;
      left: .05em;
      right: 0;
      top: 0; }
    @media (hover) {
      #accessControl .panel.accessNew .action_button_save .btn:hover, #accessControl .panel.accessNew .action_button_save button:hover span.btn.cmnicons, button:hover #accessControl .panel.accessNew .action_button_save span.btn.cmnicons {
        background: #faa762; }
        #accessControl .panel.accessNew .action_button_save .btn:hover span, #accessControl .panel.accessNew .action_button_save button:hover span.btn.cmnicons span, button:hover #accessControl .panel.accessNew .action_button_save span.btn.cmnicons span {
          color: #fff; } }
  #accessControl .panel.accessNew .switch {
    position: relative;
    display: block;
    vertical-align: top;
    width: 55px;
    height: 25px;
    /*padding: 3px;*/
    margin: 0 10px 5px 0;
    background: #fdad6e;
    /* Old browsers */
    background: linear-gradient(to bottom, #fdad6e 0%, #fbab6c 37%, #feaa6a 42%, #f9a664 61%, #f5a260 63%, #f29f5d 74%, #ee9e5f 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
    border-radius: 18px;
    /*box-shadow: inset 0 -1px $bg_wht, inset 0 1px 1px rgba(0, 0, 0, 0.05);*/
    cursor: pointer; }
  #accessControl .panel.accessNew .switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
  #accessControl .panel.accessNew .switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #d5d5d5;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15); }
    #accessControl .panel.accessNew .switch-label:before, #accessControl .panel.accessNew .switch-label:after {
      position: absolute;
      top: 50%;
      margin-top: -.5em;
      line-height: 1;
      -moz-transition: inherit;
      -o-transition: inherit;
      transition: inherit; }
    #accessControl .panel.accessNew .switch-label:before {
      content: attr(data-off);
      right: 11px;
      color: #333;
      text-shadow: 0 1px rgba(255, 255, 255, 0.5); }
    #accessControl .panel.accessNew .switch-label:after {
      content: attr(data-on);
      left: 11px;
      color: #fff;
      text-shadow: 0 1px rgba(0, 0, 0, 0.2);
      opacity: 0; }
  #accessControl .panel.accessNew .switch-input:checked ~ .switch-label {
    font-size: 11px;
    font-family: 'Calibri', arial, sans-serif;
    font-weight: bold;
    background: green;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); }
    #accessControl .panel.accessNew .switch-input:checked ~ .switch-label:before {
      opacity: 0; }
    #accessControl .panel.accessNew .switch-input:checked ~ .switch-label:after {
      opacity: 1; }
  #accessControl .panel.accessNew .switch-handle {
    position: absolute;
    top: 1px;
    left: 2px;
    width: 23px;
    height: 23px;
    background: #fdad6e;
    /* Old browsers */
    background: linear-gradient(to bottom, #fdad6e 0%, #fbab6c 37%, #feaa6a 42%, #f9a664 61%, #f5a260 63%, #f29f5d 74%, #ee9e5f 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2) 0 4px #ccc; }
    #accessControl .panel.accessNew .switch-handle:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -6px 0 0 -6px;
      width: 12px;
      height: 12px;
      background: #fdad6e;
      /* Old browsers */
      background: linear-gradient(to bottom, #fdad6e 0%, #fbab6c 37%, #feaa6a 42%, #f9a664 61%, #f5a260 63%, #f29f5d 74%, #ee9e5f 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      background-image: -webkit-linear-gradient(top, #dddddd, #dddddd);
      border-radius: 6px;
      box-shadow: inset 0 1px rgba(0, 0, 0, 0.02); }
  #accessControl .panel.accessNew .switch-input:checked ~ .switch-handle {
    left: 31px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); }
  #accessControl .panel.accessNew .switch-label,
  #accessControl .panel.accessNew .switch-handle {
    transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease; }

/** filters **/
.text-truncate-with-pin {
  box-shadow: 0 1px 1px #999;
  position: relative;
  padding: 5px 10px 5px 20px;
  background: #f5f4f5;
  display: inline-block;
  border-radius: 10px;
  color: #444444;
  margin: 5px 0 2px; }
  .text-truncate-with-pin .pinicon {
    background: url("../imgs/cmn-icn-sprite.png") no-repeat top left;
    position: absolute;
    width: 20px;
    height: 30px;
    display: inline-block;
    top: -4px;
    left: 0px; }
    .text-truncate-with-pin .pinicon.pinOne {
      background-position: -552px -1222px; }
  .text-truncate-with-pin .text-truncate {
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    max-height: 50px;
    overflow: hidden;
    word-break: break-all; }

/** past pending appointment ui **/
#dueApptModal,
.pendingApptUIappStyl {
  z-index: 1052; }
  #dueApptModal .modal-body,
  .pendingApptUIappStyl .modal-body {
    padding: 10px !important; }
  #dueApptModal .pos-relative,
  .pendingApptUIappStyl .pos-relative {
    position: relative; }
  #dueApptModal .due-apt-expired-cancel,
  .pendingApptUIappStyl .due-apt-expired-cancel {
    left: 10px;
    top: 2px; }
  #dueApptModal .display-inline-block,
  .pendingApptUIappStyl .display-inline-block {
    display: inline-block !important; }
  #dueApptModal .due-apt-display-block,
  .pendingApptUIappStyl .due-apt-display-block {
    display: block !important; }
  #dueApptModal .due-apt-cancel-text,
  .pendingApptUIappStyl .due-apt-cancel-text {
    color: #000 !important; }
  #dueApptModal .undoNoShowReason,
  .pendingApptUIappStyl .undoNoShowReason {
    position: absolute;
    top: 5px;
    left: -18px;
    z-index: 9; }
  #dueApptModal #noShow_display .mdlTableIcn,
  #dueApptModal #expired_display .mdlTableIcn,
  #dueApptModal #checkIn_display .mdlTableIcn,
  .pendingApptUIappStyl #noShow_display .mdlTableIcn,
  .pendingApptUIappStyl #expired_display .mdlTableIcn,
  .pendingApptUIappStyl #checkIn_display .mdlTableIcn {
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; }
  #dueApptModal #noShow_display .btnLabel,
  #dueApptModal #expired_display .btnLabel,
  #dueApptModal #checkIn_display .btnLabel,
  .pendingApptUIappStyl #noShow_display .btnLabel,
  .pendingApptUIappStyl #expired_display .btnLabel,
  .pendingApptUIappStyl #checkIn_display .btnLabel {
    color: #999;
    font-size: .9em; }
  #dueApptModal #noShow_display .no-pad,
  #dueApptModal #expired_display .no-pad,
  #dueApptModal #checkIn_display .no-pad,
  .pendingApptUIappStyl #noShow_display .no-pad,
  .pendingApptUIappStyl #expired_display .no-pad,
  .pendingApptUIappStyl #checkIn_display .no-pad {
    padding: 0px !important; }
  #dueApptModal .undoExpiredReason,
  .pendingApptUIappStyl .undoExpiredReason {
    position: absolute;
    top: 5px;
    left: -18px;
    z-index: 9; }
  #dueApptModal .hdTxarea,
  .pendingApptUIappStyl .hdTxarea {
    padding: 0px 0px 0px 18px !important; }
  #dueApptModal .infopop,
  .pendingApptUIappStyl .infopop {
    padding: 0 10px 5px; }
  #dueApptModal .btn-act-save .save,
  .pendingApptUIappStyl .btn-act-save .save {
    background-position: -452px -1287px !important; }
  #dueApptModal .btn-act-save .recoAdd,
  .pendingApptUIappStyl .btn-act-save .recoAdd {
    background-position: -601px -919px !important; }
  #dueApptModal .btn-act-save .closeBtn,
  .pendingApptUIappStyl .btn-act-save .closeBtn {
    background: transparent url("../imgs/cmn-icn-sprite.png") no-repeat top left;
    background-position: -540px -917px !important; }
  #dueApptModal .cstm-accrdn .panel .panel-heading,
  .pendingApptUIappStyl .cstm-accrdn .panel .panel-heading {
    padding: 6px 12px;
    background-color: #fff; }
    #dueApptModal .cstm-accrdn .panel .panel-heading .panel-title,
    .pendingApptUIappStyl .cstm-accrdn .panel .panel-heading .panel-title {
      font: normal 1em "AvantGradeRegular";
      display: inline-block;
      color: #fa9948;
      width: 80%; }
      #dueApptModal .cstm-accrdn .panel .panel-heading .panel-title a,
      .pendingApptUIappStyl .cstm-accrdn .panel .panel-heading .panel-title a {
        display: block; }
  #dueApptModal .cstm-accrdn .panel.active .panel-heading,
  .pendingApptUIappStyl .cstm-accrdn .panel.active .panel-heading {
    background-color: #faa762 !important; }
  #dueApptModal .cstm-accrdn .panel.active .panel-title,
  .pendingApptUIappStyl .cstm-accrdn .panel.active .panel-title {
    color: #fff;
    font-weight: normal; }
  #dueApptModal .checkin-container,
  .pendingApptUIappStyl .checkin-container {
    max-height: 285px;
    width: 100%;
    overflow-y: auto;
    border: none;
    padding: 10px; }
  #dueApptModal .disabledOneOnOne,
  .pendingApptUIappStyl .disabledOneOnOne {
    pointer-events: none;
    color: #666;
    opacity: 0.5; }
    #dueApptModal .disabledOneOnOne .btnLabel,
    .pendingApptUIappStyl .disabledOneOnOne .btnLabel {
      color: #666; }
    #dueApptModal .disabledOneOnOne span,
    .pendingApptUIappStyl .disabledOneOnOne span {
      color: #666;
      border-color: #666;
      background: transparent; }
  #dueApptModal .pointer-event,
  .pendingApptUIappStyl .pointer-event {
    pointer-events: none; }
  #dueApptModal #snoozeTime.disabledSnooze,
  .pendingApptUIappStyl #snoozeTime.disabledSnooze {
    color: #aaa; }
    #dueApptModal #snoozeTime.disabledSnooze:hover .snooze, #dueApptModal button:hover span#snoozeTime.disabledSnooze.cmnicons .snooze, button:hover #dueApptModal span#snoozeTime.disabledSnooze.cmnicons .snooze,
    .pendingApptUIappStyl #snoozeTime.disabledSnooze:hover .snooze,
    .pendingApptUIappStyl button:hover span#snoozeTime.disabledSnooze.cmnicons .snooze,
    button:hover .pendingApptUIappStyl span#snoozeTime.disabledSnooze.cmnicons .snooze {
      color: #aaa; }
  #dueApptModal .checkedInRemarks,
  .pendingApptUIappStyl .checkedInRemarks {
    display: none; }
  #dueApptModal .expiredRemarks,
  .pendingApptUIappStyl .expiredRemarks {
    display: none; }
  #dueApptModal .clrGrn,
  .pendingApptUIappStyl .clrGrn {
    color: green; }
  #dueApptModal #expired_display .listBtn,
  .pendingApptUIappStyl #expired_display .listBtn {
    width: 60px; }
  #dueApptModal .listBtn .mdlTableIcn,
  .pendingApptUIappStyl .listBtn .mdlTableIcn {
    width: 40px;
    height: 30px;
    display: block;
    background: transparent url("../imgs/cmn-icn-sprite.png") no-repeat top left; }
    #dueApptModal .listBtn .mdlTableIcn.noShow,
    .pendingApptUIappStyl .listBtn .mdlTableIcn.noShow {
      background-position: -62px -1350px; }
    #dueApptModal .listBtn .mdlTableIcn.checkIn,
    .pendingApptUIappStyl .listBtn .mdlTableIcn.checkIn {
      background-position: -11px -1350px; }
    #dueApptModal .listBtn .mdlTableIcn.expired,
    .pendingApptUIappStyl .listBtn .mdlTableIcn.expired {
      background-position: -105px -1350px; }
  #dueApptModal .listBtn.active,
  .pendingApptUIappStyl .listBtn.active {
    box-shadow: none;
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; }

/**=========================================**/
/*===== Reco due popup(facility blocking) ===*/
/**=========================================**/
.snoozeRecoDue {
  color: #000000 !important; }
  .snoozeRecoDue:hover > .snooze, button:hover span.snoozeRecoDue.cmnicons > .snooze {
    color: #000000 !important; }

.snoozeRecoDueFormat {
  text-decoration: none;
  margin: 1px 0px 0 0px;
  cursor: pointer;
  float: right;
  color: #fff;
  font-size: 13px;
  font-weight: bold; }
  .snoozeRecoDueFormat .snooze {
    float: left;
    font-size: 15px;
    margin: -4px 5px 0 0;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-radius: 20px;
    padding: 4px;
    color: #fff;
    background: #faa762; }
  .snoozeRecoDueFormat:hover, button:hover span.snoozeRecoDueFormat.cmnicons {
    color: #fff; }
    .snoozeRecoDueFormat:hover > .snooze, button:hover span.snoozeRecoDueFormat.cmnicons > .snooze {
      background: #fff;
      color: #fa9948; }

.pendingApptUIappStyl select[name="form_noshow_reason"] {
  padding: 0;
  margin: 0 0 3px;
  width: 156px; }

.pendingApptUIappStyl textarea {
  top: 2px !important; }

.pendingApptUIappStyl .uiHideNew {
  width: 15px;
  height: 10px;
  background: #fff;
  color: #fa9948;
  text-align: right;
  font-size: 0.8em;
  line-height: 0;
  z-index: 99999999;
  margin-top: -2px;
  margin-left: -18px;
  padding-top: 5px; }

.pendingApptUIappStyl .disbaledSnooze {
  color: #aaa !important; }
  .pendingApptUIappStyl .disbaledSnooze:hover .snooze, .pendingApptUIappStyl button:hover span.disbaledSnooze.cmnicons .snooze, button:hover .pendingApptUIappStyl span.disbaledSnooze.cmnicons .snooze {
    color: #aaa !important; }

/** past pending appointment ui **/
.fullWidth {
  width: 100%; }

/* sms icon */
.send-sms-icon {
  color: #faa762 !important;
  display: block !important;
  font-size: 20px !important;
  margin-top: 6px !important;
  margin-bottom: 4px; }

.treatmentName {
  font: 0.95em "AvantGradeRegular";
  margin-bottom: 5px; }
  .treatmentName .hdTxt {
    font-weight: bold;
    color: #fa9948; }

.preventEvent {
  pointer-events: none; }
  .preventEvent.event-none {
    opacity: 0.7; }

@media screen and (max-width: 1200px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd; } }

.recoaddMrgn {
  margin-bottom: 2px !important;
  margin-right: -3px !important; }

/*********************************************************************/
/******************Prescription Add/Edit (Nov 24rth)******************/
/*********************************************************************/
.pescriptionListing .topBtnListing {
  width: 100%;
  height: auto;
  padding: 0 0 0 15px;
  text-align: right;
  float: left;
  margin: 0; }
  .pescriptionListing .topBtnListing li {
    display: inline-block;
    list-style-type: none;
    margin: 0px 0px 0px 20px;
    text-align: center; }

.prescription .autoSearchField ul li {
  width: 100%; }

@media (max-width: 768px) {
  .prescription .responsiveClsforLi {
    width: 100%; } }

@media (max-width: 768px) {
  .prescription .responsiveClsforLi li {
    width: 100%; } }

.prescription .txtareCont textarea .scroll::-webkit-scrollbar {
  display: none; }

.prescription .mrgn-top-neg-7 {
  margin-top: -7px; }

.prescription .mtop-neg-4 {
  margin-top: -4px; }

@media (min-width: 320px) {
  .prescription .dosage .row {
    margin: 0 -15px 0 0; }
    .prescription .dosage .row li span {
      margin-top: -6px; }
  .prescription custom-combo {
    margin-top: 0; }
  .prescription .col-merge-pd-1 {
    padding: 0; }
  .prescription .col-merge-pd-2 {
    padding: 0; } }

@media (min-width: 768px) {
  .prescription custom-combo {
    margin-top: 6px; }
  .prescription .col-merge-pd-1 {
    padding: 0 22px 0 0; }
  .prescription .col-merge-pd-2 {
    padding: 0 0 0 22px; } }

.ellipsis {
  margin-left: 7px; }

.linkUnderline {
  text-decoration: underline; }

.no_mrgn_bottom {
  margin-bottom: 0px !important; }

.no_mrgn_top {
  margin-top: 0px !important; }

.tableTxtarea textarea {
  margin: 10px 0 -7px 0;
  position: inherit !important; }

.mdleConfirmationTxtValign {
  display: flex;
  align-items: center; }

.tp_2 {
  top: -2px !important; }

.cumboTxtInc {
  font-size: 1.1em; }
  .cumboTxtInc option {
    font-size: .9em; }

.noMargin {
  margin: 0px !important; }

.noPadRight {
  padding-right: 0px; }

.field-tip {
  cursor: help; }

.posAbs {
  position: absolute !important; }

.field-tip .tip-content {
  position: absolute;
  top: -15px;
  right: 9999px;
  width: 200px;
  margin-right: -220px;
  border: 1px solid #faa762;
  padding: 10px;
  color: #000;
  background: #fff;
  -webkit-box-shadow: 2px 2px 5px #aaaaaa;
  -moz-box-shadow: 2px 2px 5px #aaaaaa;
  box-shadow: 2px 2px 5px #aaaaaa;
  opacity: 0;
  -moz-transition: opacity 250ms ease-out;
  -ms-transition: opacity 250ms ease-out;
  -o-transition: opacity 250ms ease-out;
  transition: opacity 250ms ease-out;
  display: none; }
  .field-tip .tip-content:before {
    content: ' ';
    position: absolute;
    top: 18px;
    left: -18px;
    width: 0;
    height: 0;
    margin-top: -8px;
    border-width: 9px;
    border-style: solid;
    border-color: transparent;
    border-right-color: #faa762; }
  .field-tip .tip-content:after {
    content: ' ';
    position: absolute;
    top: 18px;
    left: -15px;
    width: 0;
    height: 0;
    margin-top: -7px;
    border: 8px solid transparent;
    border-right-color: #fff; }

.field-tip.selected .tip-content {
  right: 8px;
  opacity: 1;
  display: block; }

.field-tip.selected .oeRprt_posabs {
  position: absolute;
  margin-top: -13px; }

.mrgn-left-right {
  margin: 0px 10px 10px; }

.dummyField {
  font-family: Calibri, Sans-serif, Arial;
  font-size: 0.9em;
  outline: 0 none;
  border: 0 none;
  padding: 2px 3px 2px 18px !important;
  height: auto;
  border-width: 0 0 2px;
  border-style: solid;
  border-color: #fbba83;
  box-shadow: 0px 2px 0px #ebebeb;
  border-radius: 0;
  min-height: 27px;
  outline: 0 none;
  display: block;
  background: white url(../imgs/lock_field.png) no-repeat 0 5px;
  border-color: #bcbbbb !important;
  color: #888888;
  opacity: 1; }
  .dummyField:focus {
    border-width: 0 0 2px;
    border-style: solid;
    border-color: #fbba83;
    box-shadow: 0px 2px 0px #ebebeb;
    border-color: #faa762; }
  .dummyField.password_lgn {
    background: none;
    border-color: #fbba83 !important;
    color: black;
    padding-left: 0 !important; }

#communicationHistoryTable tbody:nth-child(2) tr:nth-child(1) td {
  border-color: #bbb; }

/************* change profile ************/
.changeProfile .viewInfo {
  font-family: "RobotoRegular"; }

.changeProfile .fnt08 {
  font-size: .8em; }

.changeProfile .no_mrgn {
  margin-bottom: 0px !important; }

.sepratorLegendOriginal table tr td > div {
  width: 90%;
  margin: 0px auto; }

.sepratorLegendOriginal table .lblval {
  font-size: 0.8em; }

.wd100 {
  width: 100%; }

.checkIn-icn {
  font-size: 1.3em !important;
  margin: 1px 5px 0 0;
  float: left;
  color: green; }

.hightLighttext {
  padding: 1px 0px 2px;
  border-radius: 4px;
  font-weight: bold; }

/** media queries **/
@media (max-width: 768px) {
  .pagingUI {
    text-align: center; }
    .pagingUI .pagination2Wrapper {
      margin-right: 0;
      width: auto; }
      .pagingUI .pagination2Wrapper a {
        margin: 4px 3px 4px 3px;
        padding: 2px 0px 3px 0px;
        width: 21px;
        font-size: 0.8em; }
        .pagingUI .pagination2Wrapper a i {
          height: 16px; }
  .btnGroupFilter {
    text-align: center !important; }
  .apptEvntTab.apptEvntTabMrgnLeft {
    padding: 0px 0px 6px 0px; }
  .receiptsAddEdit .mrgn-btm-15 {
    margin-bottom: 15px; }
  .mb-md-5 {
    margin-bottom: 5px !important; } }

@media (max-width: 420px) {
  .highlightGroupFilter > li {
    width: 99%;
    text-align: center; }
  .apptEvntTab #addAppointment a, .apptEvntTab #addEvent a {
    padding: 8px 10px !important; } }

@media (max-width: 767px) and (min-width: 420px) {
  .highlightGroupFilter li {
    width: 49%; } }

@media (max-width: 767px) {
  .changeProfile .fld_spc_btm div {
    margin-bottom: 15px !important; }
  .apptEventlist.actnsVertIcns {
    text-align: center !important; }
  .apptEventlist.heading_sml_btns ul {
    float: none; }
    .apptEventlist.heading_sml_btns ul li {
      float: none;
      border-left: 0; }
  .apptEventlist.pull-right {
    float: none !important; } }

.password_lgn, .dummyField.password_lgn {
  font-family: "text-security-disc" !important;
  text-security: disc !important;
  -webkit-text-security: disc !important;
  -mox-text-security: disc !important;
  -moz-text-security: disc !important;
  -ms-text-security: disc !important; }

.greenTag {
  display: block;
  text-align: center; }
  .greenTag span {
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
    margin-right: 2px;
    padding: 0 .4em;
    text-align: center;
    color: #fff;
    text-shadow: none;
    background-color: #008000; }

#complaintFollowupForm .multiSelectDD .multiselect-parent ul {
  right: 0;
  left: auto; }

.showTimepickerError {
  margin: 18px 0 -28px 0; }

.fnt085 {
  font-size: 0.85em !important; }

.fnt1 {
  font-size: 1em !important; }

.fnt13 {
  font-size: 13px !important; }

/***********************************************/
.labWorkOrderLayout .crown-shade .checkbox-inline {
  display: inline-block;
  margin-left: 10px; }

@media (min-width: 992px) {
  .labWorkOrderLayout #cubeboxwrapper {
    padding: 0 20px 10px 0;
    border-right: 2px solid #eee; } }

.labWorkOrderLayout #cubeboxwrapper .outer-wrapper {
  height: 180px;
  width: 200px;
  padding: 14px; }

.labWorkOrderLayout #cubeboxwrapper .cubeWrap {
  background: #eee none repeat scroll 0 0; }

.labWorkOrderLayout #cubeboxwrapper .Lingual-face span {
  left: 10px; }

.labWorkOrderLayout #cubeboxwrapper .Distal-face span {
  right: -42px;
  top: 10px; }

.labWorkOrderLayout #cubeboxwrapper .Buccal-face span {
  left: 13px;
  top: -37px; }

.labWorkOrderLayout #cubeboxwrapper .Mesial-face span {
  left: -48px;
  top: 15px; }

.labWorkOrderLayout #cubeboxwrapper .line-bottom-right {
  height: 70px;
  right: 28px; }

.labWorkOrderLayout #cubeboxwrapper .line-top-right {
  height: 70px;
  right: 28px; }

.labWorkOrderLayout #cubeboxwrapper .line-top-left {
  height: 70px;
  left: 28px; }

.labWorkOrderLayout #cubeboxwrapper .line-bottom-left {
  height: 70px;
  left: 28px; }

.labWorkOrderLayout .cstm_accordian_lwo.viewInfo > div {
  margin: 0; }

.labWorkOrderLayout .disabledTeethSelection #adultJaw #adultUpperJaw li,
.labWorkOrderLayout .disabledTeethSelection #adultJaw #adultLowerJaw li {
  pointer-events: none; }

.labWorkOrderLayout .txt_wht {
  color: #fff; }

.labWorkOrderLayout .tabContent ul.nav.nav-tabs {
  display: none; }

.labWorkOrderLayout .clr_none {
  clear: none !important; }

.labWorkOrderLayout .clr_both {
  clear: both; }

.labWorkOrderLayout .teeth_dsply {
  font-weight: bold;
  font-size: 0.9em; }

.labWorkOrderLayout .box_seprator li.spret {
  padding: 5px; }
  .labWorkOrderLayout .box_seprator li.spret .stl-chkB-rdB {
    top: 5px; }

.labWorkOrderLayout .box_seprator li.spret:nth-child(2) {
  border-top: 2px solid #cac2be;
  border-bottom: 2px solid #cac2be;
  border-left: 2px solid #cac2be;
  margin-right: 0px;
  padding-left: 6px;
  border-radius: 7px 0 0 7px; }
  .labWorkOrderLayout .box_seprator li.spret:nth-child(2) .stl-chkB-rdB {
    left: 6px; }
  @media only screen and (min-width: 280px) and (max-width: 768px) {
    .labWorkOrderLayout .box_seprator li.spret:nth-child(2) {
      border-top: 2px solid #cac2be;
      border-right: 2px solid #cac2be;
      border-left: 2px solid #cac2be;
      border-bottom: none;
      border-radius: 0;
      width: 100%; } }
  .labWorkOrderLayout .box_seprator li.spret:nth-child(2) input[type=radio] {
    top: 7px;
    left: 7px; }

.labWorkOrderLayout .box_seprator .box_seprator_li {
  padding: 5px;
  display: inline-block;
  border-top: 2px solid #cac2be;
  border-bottom: 2px solid #cac2be;
  border-right: 2px solid #cac2be;
  border-radius: 0 7px 7px 0; }
  .labWorkOrderLayout .box_seprator .box_seprator_li li:first-child {
    min-width: 0px; }
    @media only screen and (min-width: 280px) and (max-width: 768px) {
      .labWorkOrderLayout .box_seprator .box_seprator_li li:first-child {
        display: none; } }
    .labWorkOrderLayout .box_seprator .box_seprator_li li:first-child label {
      padding-left: 0px; }
  @media only screen and (min-width: 280px) and (max-width: 768px) {
    .labWorkOrderLayout .box_seprator .box_seprator_li {
      border-left: 2px solid #cac2be;
      border-bottom: 2px solid #cac2be;
      border-right: 2px solid #cac2be;
      border-top: none;
      border-radius: 0;
      width: 100%; }
      .labWorkOrderLayout .box_seprator .box_seprator_li li {
        width: 100%; } }

.labWorkOrderLayout .modal-tooth-tissue-box div {
  margin: 0 30px 15px 0; }

.labWorkOrderLayout .searchable-multiselect .multiselect-parent > button {
  background: transparent;
  font-size: 12px; }

.labWorkOrderLayout .searchable-multiselect .multiselect-parent ul li:nth-last-child(2),
.labWorkOrderLayout .searchable-multiselect .multiselect-parent ul li:last-child {
  display: block; }

.labWorkOrderLayout .searchable-multiselect .limit-ellipsis {
  overflow: hidden;
  width: 85%;
  display: block;
  height: 20px; }

.labWorkOrderLayout .multi-dropdown-Width {
  width: 100% !important; }
  .labWorkOrderLayout .multi-dropdown-Width li {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px; }
    .labWorkOrderLayout .multi-dropdown-Width li a {
      display: block;
      padding: 8px 20px; }
      .labWorkOrderLayout .multi-dropdown-Width li a span.itemSendQuantity {
        display: inline-block;
        width: 40px;
        position: absolute;
        right: 20px;
        top: 3px; }

.labWorkOrderLayout .drpdwnLabel {
  top: 1px !important; }

.autoSrchPlacement {
  position: relative;
  top: 5px; }
  .autoSrchPlacement ul.dropdown-menu {
    left: 205px !important;
    position: relative; }

.hdrIcnSet {
  margin: 3px -8px 0 0; }

.amtDueAdv {
  font: bold 0.85em Calibri, Sans-serif, Arial;
  color: #444444;
  margin-top: 10px; }
  .amtDueAdv p {
    margin: 7px 0 0 0; }
  .amtDueAdv b {
    font-weight: bold; }

/*clinic dropdown ::-  arrow key selection */
.clinicupdownkeyselection .ui-select-choices {
  height: unset !important;
  overflow-y: hidden; }

.clinicupdownkeyselection .selectize-dropdown .active {
  background: #f09d58;
  border: 0 none;
  color: #fff;
  cursor: pointer; }

.clinicupdownkeyselection .selectize-dropdown-content {
  max-height: 122px !important;
  overflow-x: hidden;
  overflow-y: auto; }

.showTimepickerError {
  margin: 18px 0 -28px 0; }

.fnt12 {
  font-size: 1.2em !important; }

.indicatorBox {
  width: 20px;
  height: 21px;
  display: inline-block;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0px 2px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.3);
  transition: .4s;
  top: 0px; }
  .indicatorBox.in-progress {
    background: #fbb03a;
    border: 1px solid #c47b09;
    border-bottom-width: 2px; }
  .indicatorBox.partially-progress {
    background: #ff7572;
    border: 1px solid #d7211d;
    border-bottom-width: 2px; }
  .indicatorBox.start {
    background: #72c98d;
    border: 1px solid #129139;
    border-bottom-width: 2px; }
  .indicatorBox.new {
    background: #fbb03a;
    border: 1px solid #c47b09;
    border-bottom-width: 2px; }
  .indicatorBox.pending {
    background: #ff7572;
    border: 1px solid #d7211d;
    border-bottom-width: 2px; }
  .indicatorBox.exceed {
    background: #ff7572;
    border: 1px solid #d7211d;
    border-bottom-width: 2px; }
  .indicatorBox.close_inv {
    background: #72c98d;
    border: 1px solid #129139;
    border-bottom-width: 2px; }
  .indicatorBox.disabled {
    background: #cccccc;
    border: 1px solid #999999;
    border-bottom-width: 2px; }
  .indicatorBox.orange {
    background: #faa762; }
    .indicatorBox.orange:hover, button:hover span.indicatorBox.orange.cmnicons {
      cursor: pointer; }
  .indicatorBox.green {
    background: green; }
    .indicatorBox.green:hover, button:hover span.indicatorBox.green.cmnicons {
      cursor: pointer; }
  .indicatorBox.white {
    background: #cccddd; }

.faArrowFS.fa {
  font-size: 1.1em;
  font-weight: bold; }

/***********************************************/
.labWorkOrderLayout .crown-shade .checkbox-inline {
  display: inline-block;
  margin-left: 10px; }

@media (min-width: 992px) {
  .labWorkOrderLayout #cubeboxwrapper {
    padding: 0 20px 10px 0;
    border-right: 2px solid #eee; } }

.labWorkOrderLayout #cubeboxwrapper .outer-wrapper {
  height: 180px;
  width: 200px;
  padding: 14px; }

.labWorkOrderLayout #cubeboxwrapper .cubeWrap {
  background: #eee none repeat scroll 0 0; }

.labWorkOrderLayout #cubeboxwrapper .Lingual-face span {
  left: 10px; }

.labWorkOrderLayout #cubeboxwrapper .Distal-face span {
  right: -42px;
  top: 10px; }

.labWorkOrderLayout #cubeboxwrapper .Buccal-face span {
  left: 13px;
  top: -37px; }

.labWorkOrderLayout #cubeboxwrapper .Mesial-face span {
  left: -48px;
  top: 15px; }

.labWorkOrderLayout #cubeboxwrapper .line-bottom-right {
  height: 70px;
  right: 28px; }

.labWorkOrderLayout #cubeboxwrapper .line-top-right {
  height: 70px;
  right: 28px; }

.labWorkOrderLayout #cubeboxwrapper .line-top-left {
  height: 70px;
  left: 28px; }

.labWorkOrderLayout #cubeboxwrapper .line-bottom-left {
  height: 70px;
  left: 28px; }

.labWorkOrderLayout .cstm_accordian_lwo.viewInfo > div {
  margin: 0; }

.labWorkOrderLayout .disabledTeethSelection #adultJaw #adultUpperJaw li,
.labWorkOrderLayout .disabledTeethSelection #adultJaw #adultLowerJaw li {
  pointer-events: none; }

.labWorkOrderLayout .txt_wht {
  color: #fff; }

.labWorkOrderLayout .tabContent ul.nav.nav-tabs {
  display: none; }

.labWorkOrderLayout .clr_none {
  clear: none !important; }

.labWorkOrderLayout .clr_both {
  clear: both; }

.labWorkOrderLayout .teeth_dsply {
  font-weight: bold;
  font-size: 0.9em; }

.labWorkOrderLayout .newnopad li.spret:nth-child(1) {
  min-width: 90px !important; }

.labWorkOrderLayout .box_seprator li.spret {
  padding: 5px; }
  .labWorkOrderLayout .box_seprator li.spret .stl-chkB-rdB {
    top: 5px; }

.labWorkOrderLayout .box_seprator li.spret:nth-child(2) {
  min-width: 138px;
  border-top: 1px solid #cac2be;
  border-bottom: 1px solid #cac2be;
  border-left: 1px solid #cac2be;
  margin-right: 0px;
  border-radius: 7px 0 0 7px;
  padding: 5px 0 5px 0; }
  .labWorkOrderLayout .box_seprator li.spret:nth-child(2) .stl-chkB-rdB {
    left: 6px; }
  @media only screen and (min-width: 280px) and (max-width: 768px) {
    .labWorkOrderLayout .box_seprator li.spret:nth-child(2) {
      border-top: 1px solid #cac2be;
      border-right: 1px solid #cac2be;
      border-left: 1px solid #cac2be;
      border-bottom: none;
      border-radius: 0;
      width: 100%; } }

.labWorkOrderLayout .box_seprator .box_seprator_li {
  padding: 5px 5px 5px 0px;
  display: inline-block;
  border-top: 1px solid #cac2be;
  border-bottom: 1px solid #cac2be;
  border-right: 1px solid #cac2be;
  border-radius: 0 7px 7px 0; }
  .labWorkOrderLayout .box_seprator .box_seprator_li li:first-child {
    min-width: 0px; }
    .labWorkOrderLayout .box_seprator .box_seprator_li li:first-child label {
      padding-left: 0px; }
    @media only screen and (min-width: 280px) and (max-width: 768px) {
      .labWorkOrderLayout .box_seprator .box_seprator_li li:first-child {
        display: none; } }
  .labWorkOrderLayout .box_seprator .box_seprator_li li {
    min-width: 84px; }
  @media only screen and (min-width: 280px) and (max-width: 768px) {
    .labWorkOrderLayout .box_seprator .box_seprator_li {
      border-left: 1px solid #cac2be;
      border-bottom: 1px solid #cac2be;
      border-right: 1px solid #cac2be;
      border-top: none;
      border-radius: 0;
      width: 100%; }
      .labWorkOrderLayout .box_seprator .box_seprator_li li {
        width: 100%; } }

.labWorkOrderLayout .modal-tooth-tissue-box div {
  margin: 0 30px 15px 0; }

.labWorkOrderLayout .searchable-multiselect .multiselect-parent > button {
  background: transparent; }

.labWorkOrderLayout .searchable-multiselect .multiselect-parent ul li:nth-last-child(2),
.labWorkOrderLayout .searchable-multiselect .multiselect-parent ul li:last-child {
  display: block; }

.labWorkOrderLayout .searchable-multiselect .limit-ellipsis {
  position: relative;
  width: 100%;
  height: 20px;
  overflow: hidden;
  display: block;
  z-index: 9; }

.labWorkOrderLayout .multi-dropdown-Width {
  width: 100% !important; }
  .labWorkOrderLayout .multi-dropdown-Width li {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px; }
    .labWorkOrderLayout .multi-dropdown-Width li a {
      display: block;
      padding: 8px 20px; }
      .labWorkOrderLayout .multi-dropdown-Width li a span.itemSendQuantity {
        display: inline-block;
        width: 40px;
        position: absolute;
        right: 20px;
        top: 3px; }

.labWorkOrderLayout .viewInfo a:focus span {
  font-weight: bold; }

.autoSrchPlacement {
  position: relative;
  top: 5px; }
  .autoSrchPlacement ul.dropdown-menu {
    left: 205px !important;
    position: relative; }

#treatmentInvoicedForm .drpdwnAutoSearch {
  margin-top: 5px;
  margin-right: -25px;
  width: 25%; }
  #treatmentInvoicedForm .drpdwnAutoSearch .serachTxtTop {
    top: 5px;
    position: relative; }
  #treatmentInvoicedForm .drpdwnAutoSearch input {
    width: 60%; }
  #treatmentInvoicedForm .drpdwnAutoSearch .dropdown-menu {
    left: auto !important;
    right: 0px !important;
    height: 163px;
    overflow-y: scroll; }
    #treatmentInvoicedForm .drpdwnAutoSearch .dropdown-menu a {
      cursor: pointer; }

/** labWorkOrderListing **/
.labDetailsTxt {
  width: 100%;
  display: inline-block;
  padding: 3px 10px 1px;
  font: 0.9em "AvantGradeRegular"; }

.modal-body.viewInfo .labDetailsTxt {
  font-size: 1em;
  padding-top: 0; }

.workOrderNumberListing .labDetailsTxt {
  padding: 6px 10px 7px;
  vertical-align: top; }
  .workOrderNumberListing .labDetailsTxt.top {
    border-bottom: 1px solid #cdcdcd; }

.workOrderNumberListing .tabularListing .labListDetailsTable {
  border-bottom: 1px solid #999;
  margin-bottom: 0; }
  .workOrderNumberListing .tabularListing .labListDetailsTable:last-child {
    margin-bottom: 0px;
    border-bottom: 0px; }

.workOrderNumberListing .sectionButton {
  margin: -6px 0 -4px 10px;
  float: right; }
  .workOrderNumberListing .sectionButton .btn {
    align-items: flex-end;
    display: flex; }
    .workOrderNumberListing .sectionButton .btn .actn-icn {
      float: left; }
    .workOrderNumberListing .sectionButton .btn .btnLabel {
      margin: 0 0 1px 5px;
      font: 11px "RobotoRegular";
      float: left; }

.oldLwoBadge {
  color: #379cd0;
  font-weight: 600; }

.font-weight-bold {
  font-weight: bold; }

.revisionBlock {
  font-size: 14px; }
  .revisionBlock .labRevision {
    display: inline-block;
    border-radius: 3px;
    margin-bottom: 3.5px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    padding: 0 5px; }
    .revisionBlock .labRevision.flex {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .revisionBlock .labRevision.chip {
      border: 1px solid #1e9c20;
      font-size: 14px;
      background: #ddf9e4;
      margin: 0;
      width: 100%;
      padding: 2px 4px;
      color: #444444; }
      .revisionBlock .labRevision.chip a {
        color: #444444; }
      .revisionBlock .labRevision.chip .remove_btn_small {
        width: auto;
        border: 1px solid #faa762;
        display: inline-block;
        border-radius: 50%;
        background: #faa762;
        text-align: center;
        color: #fff !important;
        font-weight: bold;
        font-size: 13px;
        width: 16px;
        height: 16px;
        line-height: 14px; }
      .revisionBlock .labRevision.chip.list_badge {
        display: inline;
        font-size: 13px;
        padding: 0px 3px;
        float: left;
        width: auto;
        margin-right: 5px; }
    .revisionBlock .labRevision.noMrgnBtm {
      margin-bottom: 0; }
    .revisionBlock .labRevision.draft {
      background-color: #f19b53; }
    .revisionBlock .labRevision.submitted {
      background-color: #5da8cf; }
    .revisionBlock .labRevision.payable {
      background-color: #23a761; }
    .revisionBlock .labRevision.reversal {
      background-color: #f86b5e; }
    .revisionBlock .labRevision.invalid {
      background-color: #e84242; }
    .revisionBlock .labRevision.inactive {
      background-color: #858585; }
    .revisionBlock .labRevision.cashapplicable {
      background-color: #f5a19b; }
    .revisionBlock .labRevision.expired {
      background-color: #9a9a9a; }
    .revisionBlock .labRevision.accepted {
      background-color: #1a8f89;
      padding-left: 6px;
      padding-right: 6px; }
    .revisionBlock .labRevision.acceptence_awaited {
      background-color: #f87b7b;
      padding-left: 6px;
      padding-right: 6px; }

.inactiveArrow {
  background: url("../imgs/cmn-icn-sprite.png") no-repeat top left;
  background-position: -848px -1357px;
  width: 25px;
  height: 22px;
  margin: -6px -5px 0 6px;
  float: left; }

table.labTable tbody tr.labInActive {
  background-color: #e9e9e9; }
  table.labTable tbody tr.labInActive td {
    border-top: 1px solid #ddd; }

table.labTable tbody tr.updationRsn {
  background-color: #fff; }

.labArr:before {
  content: ">"; }

.txtRed {
  color: red;
  font-weight: 600; }

.txtGrn {
  color: green;
  font-weight: 600; }

.reportsPage .tabularListing.workOrderNumber table thead tr th:last-child {
  text-align: center !important; }

.showLabelValue {
  background: white url("../imgs/lock_field.png") no-repeat 0 4px;
  border-width: 0 0 2px;
  border-style: solid;
  border-color: #fbba83;
  box-shadow: 0px 2px 0px #ebebeb;
  border-color: #bcbbbb !important;
  font: normal 0.9em Calibri, Sans-serif, Arial;
  padding: 3px 3px 3px 18px;
  color: #444444; }

.shadeDDBox {
  margin-top: -9px; }

@media (min-width: 992px) {
  .labQuiltDtls .source_txt {
    text-align: center; }
  .labQuiltDtls .lab_txt {
    text-align: right; } }

.anchorTxt a {
  color: #444444;
  text-decoration: none; }
  .anchorTxt a .legendOriginal {
    text-decoration: underline;
    color: #337ab7; }

.pull-left {
  float: left !important; }

.pull-right {
  float: right !important; }

.textfontsizefx {
  font-size: 1.15em; }

@media (max-width: 519px) {
  .trtReportSaveBtn.actnsVertIcns {
    text-align: center !important; } }

@media (min-width: 520px) {
  .trtReportSmlText {
    float: left;
    margin: 4px 0 -4px 0; }
  .trtReportSaveBtn.actnsVertIcns {
    float: left;
    margin: -6px 0 -10px 0; } }

@media (min-width: 768px) {
  #treatmentReport.pageFilters .filterRectArea .formGroupFilter > ul {
    margin-top: -5px; }
    #treatmentReport.pageFilters .filterRectArea .formGroupFilter > ul .highlightGroupFilter {
      margin-top: 5px; }
      #treatmentReport.pageFilters .filterRectArea .formGroupFilter > ul .highlightGroupFilter.fields_Stability {
        margin-top: 0px; }
        #treatmentReport.pageFilters .filterRectArea .formGroupFilter > ul .highlightGroupFilter.fields_Stability li {
          width: 136px;
          margin-top: -3px; }
      #treatmentReport.pageFilters .filterRectArea .formGroupFilter > ul .highlightGroupFilter .datepickerMain {
        margin-top: -1px; }
    #treatmentReport.pageFilters .filterRectArea .formGroupFilter > ul li {
      margin-top: 2px;
      width: 20%; }
  #treatmentReport.pageFilters .filterRectArea .filterSettelRightAc {
    text-align: center; }
    #treatmentReport.pageFilters .filterRectArea .filterSettelRightAc.additionalData {
      padding: 13px 0; }
  #treatmentReport.pageFilters .filterRectArea .trtRstSrchBtn {
    min-width: 13%;
    float: left; }
  #treatmentReport.pageFilters .filterRectArea .trtrmrksaveBtn {
    min-width: 7%; } }

@media (min-width: 992px) {
  .trtReportSmlText {
    float: left;
    margin: 9px 0 -14px 0; }
  .trtReportSaveBtn {
    margin: 0px 0 -13px 0 !important; } }

/** treatmentReport **/
.remarksHistoryLists {
  margin: 0;
  padding: 0 0 0 13px;
  list-style-type: decimal; }

.labWorkOrderLayout .cstm_rdb_ckb ul li {
  min-width: auto; }
  .labWorkOrderLayout .cstm_rdb_ckb ul li input[type=radio],
  .labWorkOrderLayout .cstm_rdb_ckb ul li input[type=checkbox] {
    left: 1px;
    top: 5px; }

/* receipts correction related styling - vivek */
.initVal {
  display: block;
  min-height: 20px; }

.table tr.rowDis {
  background-color: #d8d8d8 !important; }
  .table tr.rowDis td {
    border-bottom: 1px solid #ccc; }
  .table tr.rowDis:nth-of-type(even), .table tr.rowDis:nth-of-type(2n) {
    background-color: #d8d8d8 !important; }
  .table tr.rowDis:last-child td {
    border-bottom: 0px; }

.table tr.colBtmText td {
  vertical-align: bottom; }

.treatmentplanAddEdit .table-responsive {
  overflow: hidden; }
  .treatmentplanAddEdit .table-responsive .buttonsCont {
    padding: 0px 30px; }

.toggletext.top.tglTrtBtn {
  right: 0;
  top: -3px; }
  .toggletext.top.tglTrtBtn span {
    cursor: pointer; }
    .toggletext.top.tglTrtBtn span span {
      margin-top: 0px; }

/* receipts correction related styling - vivek */
.tablularSingleDetails {
  position: absolute;
  font: 0.9em "AvantGradeRegular";
  text-align: center;
  right: 0;
  left: 0;
  top: 5px; }

#renderTenureDetails.active {
  color: #fa9948; }

@media (min-width: 220px) and (max-width: 991px) and (orientation: landscape) {
  .notesHndlMob {
    width: 250px;
    height: auto;
    white-space: initial; } }

@media (min-width: 220px) and (max-width: 991px) and (orientation: portrait) {
  .notesHndlMob {
    width: 250px;
    height: auto;
    white-space: initial; } }

.infPatientFlagPrev {
  margin: 0 20px 0 -20px !important; }

.infPatientFlag {
  cursor: pointer; }
  .infPatientFlag.plcPD {
    margin: -1px 10px 0 0;
    float: left; }
  .infPatientFlag.ptCycle {
    margin: -3px 0px 0 0;
    float: left; }
  .infPatientFlag .flagTitle {
    float: left;
    margin: 0 5px 0 0; }
  .infPatientFlag .editForm {
    float: left;
    margin: -3px 0 0 6px !important;
    background: url("../imgs/IDimgs/edit_n_icn.png") no-repeat top left;
    width: 19px;
    height: 19px; }
  .infPatientFlag .viewForm {
    float: left;
    margin: 4px 0 0 7px !important;
    background: url("../imgs/IDimgs/view_n_icn.png") no-repeat top left;
    width: 19px;
    height: 19px; }
  .infPatientFlag .inf_flag_blck {
    width: 23px;
    height: 23px;
    margin: 5px 4px 0 0;
    float: left; }
    .infPatientFlag .inf_flag_blck.mtop6 {
      margin-top: 6px; }
    .infPatientFlag .inf_flag_blck.grey {
      background: url("../imgs/infectious_stage_icons_small.png") no-repeat 0px -92px; }
    .infPatientFlag .inf_flag_blck.green {
      background: url("../imgs/infectious_stage_icons_small.png") no-repeat 0px -23px; }
    .infPatientFlag .inf_flag_blck.yellow {
      background: url("../imgs/infectious_stage_icons_small.png") no-repeat 0px 0px; }
    .infPatientFlag .inf_flag_blck.red {
      background: url("../imgs/infectious_stage_icons_small.png") no-repeat 0px -46px; }
    .infPatientFlag .inf_flag_blck.orange {
      background: url("../imgs/infectious_stage_icons_small.png") no-repeat 0px -69px; }
  .infPatientFlag.plcPD .inf_flag_blck {
    margin: 0px -4px 0 0; }
  .infPatientFlag .infDOFFAccess .editForm,
  .infPatientFlag .infDOFFAccess .viewForm {
    margin: 0px !important; }
  .infPatientFlag.alertMsgCovidIcon {
    width: 23px !important;
    height: 23px !important;
    cursor: pointer;
    display: inline-block;
    margin: 0px 0px -6px 0px !important; }
    .infPatientFlag.alertMsgCovidIcon.grey {
      background: url("../imgs/infectious_stage_icons_small.png") no-repeat 0px -92px; }
    .infPatientFlag.alertMsgCovidIcon.green {
      background: url("../imgs/infectious_stage_icons_small.png") no-repeat 0px -23px; }
    .infPatientFlag.alertMsgCovidIcon.yellow {
      background: url("../imgs/infectious_stage_icons_small.png") no-repeat 0px 0px; }
    .infPatientFlag.alertMsgCovidIcon.red {
      background: url("../imgs/infectious_stage_icons_small.png") no-repeat 0px -46px; }
    .infPatientFlag.alertMsgCovidIcon.orange {
      background: url("../imgs/infectious_stage_icons_small.png") no-repeat 0px -69px; }

.inf_flag_blck .popover {
  border: 1px solid #faa762;
  color: #444444;
  font-size: .83em;
  max-width: 206px;
  min-width: 100px;
  padding: 0; }
  .inf_flag_blck .popover .popover-content {
    padding: 7px 10px; }
  .inf_flag_blck .popover.top > .arrow {
    bottom: -8px;
    border-top-color: #faa762; }
  .inf_flag_blck .popover > .arrow {
    border-width: 8px;
    border-bottom-width: 0; }

.popUpOverlay {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); }

/** fontstyleforms **/
.fontP09 {
  font-size: 0.9em; }
  .fontP09 input, .fontP09 select, .fontP09 textarea {
    font-size: 1em; }
  .fontP09 .error {
    font-size: .95em; }
  .fontP09 label {
    font-weight: normal; }
  .fontP09 custom-combo .custom-combo > div {
    font-size: 0.95em; }
  .fontP09 .cstm_rdb_ckb ul li label {
    font-size: 0.95em; }

.noRoboto {
  font-family: inherit !important; }

.tabContentGutterGap {
  clear: both;
  margin: 0px 20px 20px;
  padding-top: 10px; }
  .tabContentGutterGap .tab-content {
    padding: 15px 10px 10px; }

.numberInWords {
  font-size: .75em;
  text-align: left;
  margin: -20px 0 0 15px;
  float: left;
  font-weight: bold; }
  .numberInWords.mtopRmv {
    margin-top: -20px !important; }
  .numberInWords.mtopSm {
    margin-top: -10px !important; }
  .numberInWords.showRupee::before {
    content: '\20B9';
    color: #fa9948;
    font-size: 14px;
    margin: 0 2px 0 0; }
  .numberInWords.txt {
    font-size: .95em;
    color: #444444 !important;
    font-weight: normal;
    margin: 0 !important;
    float: left;
    text-align: left !important;
    padding: 0; }
    .numberInWords.txt.showRupee::before {
      margin: 0 4px 0 0; }

.rupeeIcn::before {
  content: '\20B9';
  color: #fa9948;
  font-size: 14px;
  margin: 0 2px 0 2px;
  font-weight: bold; }

.nwHd {
  color: #444444 !important;
  margin: 0 -4px 0 0 !important;
  padding-right: 26px !important; }

/* SUBSCRIBER == to be used when need to make the multiselect dropdown visible outside the modal, to be added with .modal-body */
.multiSelectModalFitContent {
  overflow-y: visible;
  max-height: fit-content; }

/* SUBSCRIBER == to be used when need to make the multiselect dropdown visible outside the modal, to be added with .modal-body */
.red {
  color: red; }

.redBrdr {
  border-color: red !important; }

.covidAltTxtGreen {
  color: #1a9220; }

.covidAltTxtRed {
  color: #b62121; }

.covidAltTxtGrey {
  color: #6d6d6d; }

.covidAltTxtOrange {
  color: #db860d; }

.refundBlock, .batchBlock, .rcptRecoTag, .discountBadge {
  font-size: .8em;
  display: inline-block;
  border-radius: 3px;
  margin-bottom: 3.5px;
  text-align: center;
  color: #fff;
  padding: 0 5px;
  background-color: #f5a19b; }

.batchBlock {
  /*background-color: #62b3f1;*/
  /* #6ab0d4 #4facdc */
  background: transparent;
  color: #2e8bd3;
  font-weight: bold;
  text-align: left;
  line-height: 15px;
  padding: 0;
  font-size: 12px;
  text-transform: uppercase;
  margin: 5px 0 0px 0; }

.vendorNotMapped {
  background-color: #f68686; }

.discountBadge {
  border-radius: 4px 0px 0px 4px;
  position: absolute;
  background-color: #23b951;
  padding: 1px 7px 0px 8px;
  font-size: 14px;
  margin: 0;
  bottom: 0;
  right: 0; }

.couponAmtDivision {
  margin-top: 0px;
  width: 75px; }

.finCpnDiscLabelAmt {
  margin: 0 0 0 8px; }

.errorTxtTopSpcReduce {
  margin: -20px 0 0 0; }

/*CSS for Add appointment added by Sujata*/
.scd-Txt {
  font-size: .7em;
  font-weight: bold !important;
  float: right;
  margin: 7px 5px 0 0;
  text-decoration: none;
  color: #fa9948 !important;
  cursor: pointer; }

.clndr {
  bottom: 26px;
  right: 22px; }

.clrbtn {
  bottom: 3px;
  right: 23px; }

.clrbtnEvent {
  bottom: 18px;
  right: 23px; }

.complaint {
  width: auto;
  height: 100px;
  background-color: #fff;
  border-width: 2px;
  border-style: solid;
  border-color: #D3D3D3;
  border-radius: 8px;
  overflow-y: scroll;
  padding-left: 10px; }

.addAppointmentEvent .appointmentSctn {
  margin: -10px 0 10px 0;
  border-bottom: 1px solid #eee;
  font-size: 1em;
  padding-bottom: 10px;
  width: 100% !important; }

option:disabled {
  background: #f1f1f1; }

option:disabled::after {
  content: '*'; }

@media (min-width: 992px) {
  .addAppointmentEvent .tabContent {
    /*** main tabbing area ***/
    /*** main tabbing area ***/ }
    .addAppointmentEvent .tabContent .tab-content {
      padding: 20px 0px; } }

#style-2::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5; }

#style-2::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5; }

#style-2::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #a1a1a1; }

/*CSS for Add appointment added by Vivek*/
.addAppointmentEvent #time_slot, .addAppointmentEvent #dentist_name, .addAppointmentEvent #operatoryId {
  display: none; }

.addAppointmentEvent #time_slot:checked ~ label, .addAppointmentEvent #dentist_name:checked ~ label {
  background-color: #62c1ed;
  color: #fff; }

.addAppointmentEvent .timeSlot label {
  padding: 14px;
  background-color: #f1f1f1;
  border-radius: 4px;
  font-size: 0.9em;
  cursor: pointer; }
  .addAppointmentEvent .timeSlot label:hover {
    background-color: #62c1ed;
    color: #fff; }

.addAppointmentEvent .headerRdBtnAppt {
  border-bottom: 1px solid #e3dfde; }
  .addAppointmentEvent .headerRdBtnAppt ul li label {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 5px;
    background: #f1f1f1; }
    .addAppointmentEvent .headerRdBtnAppt ul li label:hover {
      background: #faa762;
      color: #fff; }
    .addAppointmentEvent .headerRdBtnAppt ul li label.selected {
      background: #faa762;
      color: #fff !important; }
  .addAppointmentEvent .headerRdBtnAppt ul li div {
    visibility: hidden; }

.addAppointmentEvent .apptCrossIcon {
  font-size: 18px; }

.addAppointmentEvent .apptDateTime .apptDate .scd-Txt-disabled {
  color: #bcbbbb !important; }

.addAppointmentEvent .apptDateTime .apptDate .glyphicon-calendar-disabled {
  color: #bcbbbb !important; }

.addAppointmentEvent .apptDateTime .apptDate input:focus.orngBrdr {
  border-color: #faa762 !important; }

.addAppointmentEvent .apptDateTime .apptTime {
  padding-left: 10px !important; }

.addAppointmentEvent .apptDateTime .clndr {
  right: 24px;
  bottom: -3px; }

.addAppointmentEvent .apptDateTime .gotoSch {
  right: 21px;
  position: relative;
  top: 2px; }

.addAppointmentEvent .apptEvntClearBtn:active .glyphicon-remove-circle, .addAppointmentEvent .apptEvntClearBtn:focus .glyphicon-remove-circle, .addAppointmentEvent .apptEvntClearBtn:hover .glyphicon-remove-circle, .addAppointmentEvent button:hover span.apptEvntClearBtn.cmnicons .glyphicon-remove-circle, button:hover .addAppointmentEvent span.apptEvntClearBtn.cmnicons .glyphicon-remove-circle {
  font-weight: bold;
  color: #f48d38; }

.addAppointmentEvent .eventTab a {
  background: #e5e5e5;
  border-radius: 5px 5px 0 0;
  text-align: center;
  color: #444444;
  font-size: .85em;
  border: 0 none;
  border-width: 1px;
  border-style: solid;
  border-color: #e5e5e5;
  border-bottom: 0px;
  cursor: pointer;
  padding: 4px 25px 6px;
  display: inline-block;
  font: 500 0.9em "AvantGradeRegular"; }
  .addAppointmentEvent .eventTab a:hover {
    box-shadow: 0 -1px 2px #aaa;
    background: #faa762;
    color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-bottom: 0px; }
    .addAppointmentEvent .eventTab a:hover::after {
      border-right: 0.30em solid transparent;
      border-left: 0.30em solid transparent;
      border-bottom: 0.4em solid #fff;
      position: absolute;
      width: 0;
      height: 0;
      margin-left: -0.45em;
      bottom: -1px;
      content: "";
      height: 0;
      left: 50%; }

.addAppointmentEvent .dis-inline-title {
  display: inline; }

.addAppointmentEvent .eventTyp .hours, .addAppointmentEvent .eventTyp .minutes, .addAppointmentEvent .eventTyp .ampm {
  max-width: 18%;
  float: left;
  margin: 0 2% 0 0; }

.addAppointmentEvent .eventTyp .ampm {
  margin-top: 1px; }
  .addAppointmentEvent .eventTyp .ampm.disabledAmPm {
    margin-top: -2px; }

.addAppointmentEvent .eventTyp .duration {
  max-width: 40%;
  float: left; }

.addAppointmentEvent .fullDayEventChkbx {
  float: right;
  margin-top: -11px; }
  .addAppointmentEvent .fullDayEventChkbx ul li {
    min-width: 115px; }

@media (min-width: 768px) {
  .addAppointmentEvent .eventMrgnBtm {
    margin-bottom: 30px; }
  .addAppointmentEvent .event_mrgn_btm_40 {
    margin-bottom: 40px !important; } }

.addAppointmentEvent .oprRoomMrgn {
  top: -7px; }

@media (min-width: 768px) and (max-width: 991px) {
  .addAppointmentEvent .handelFields {
    margin: 0;
    display: grid; }
  .addAppointmentEvent .durationMrgnBtm {
    margin: 0; }
  .addAppointmentEvent .operatoryRooms {
    width: 100%; }
  .addAppointmentEvent .oprMrgn {
    margin-top: 0px; }
  .addAppointmentEvent .oprRoomMrgn {
    margin-top: 22px; }
  .addAppointmentEvent .gotoSchdMain {
    position: absolute;
    right: 22px; }
  .addAppointmentEvent .serviceFields.grid {
    display: grid; }
  .addAppointmentEvent .serviceFields .srvc_type {
    padding: 0 22px 0 0 !important; }
  .addAppointmentEvent .serviceFields .addressSection {
    display: block !important; }
    .addAppointmentEvent .serviceFields .addressSection .address {
      padding: 0 22px 0 0 !important;
      margin-bottom: 0px; }
    .addAppointmentEvent .serviceFields .addressSection .city {
      padding: 0 0 0 22px !important;
      margin-bottom: 38px; }
    .addAppointmentEvent .serviceFields .addressSection .pincode {
      padding: 0 22px 0 0 !important; }
    .addAppointmentEvent .serviceFields .addressSection .state {
      padding: 0 0 0 22px !important; }
  .addAppointmentEvent .serviceFields .service_clinic {
    padding: 0 0 0 22px !important; } }

@media (max-width: 768px) {
  .addAppointmentEvent .oprMrgn {
    margin-top: 0px; }
  .addAppointmentEvent .apptDuration {
    margin-bottom: 15px !important; }
  .addAppointmentEvent .durationMrgnBtm .tentSmsChckBx .error {
    margin-top: 0 !important; }
  .addAppointmentEvent .durationMrgnBtm.mrgn-btm-15 {
    margin-bottom: 15px !important; }
  .addAppointmentEvent .apptTypeMrgn {
    margin-bottom: 41px; }
  .addAppointmentEvent .serviceFields .addressSection {
    display: block !important; }
    .addAppointmentEvent .serviceFields .addressSection .address, .addAppointmentEvent .serviceFields .addressSection .city, .addAppointmentEvent .serviceFields .addressSection .state, .addAppointmentEvent .serviceFields .addressSection .pincode {
      padding: 0 !important;
      margin-bottom: 0px; }
  .addAppointmentEvent .serviceFields .service_clinic {
    padding: 0px !important; } }

.addAppointmentEvent .eventTypeDoctorDrpdwn {
  top: -9px; }
  .addAppointmentEvent .eventTypeDoctorDrpdwn ul li:nth-child(1) {
    min-width: 85px; }
  .addAppointmentEvent .eventTypeDoctorDrpdwn ul li:nth-child(2) {
    min-width: 110px; }

.addAppointmentEvent .tentative_Chk_cbx ul li {
  min-width: 117px; }

.addAppointmentEvent .apptTypeMrgn ul li {
  min-width: 80px; }

.gotoSchdMain i {
  font-size: 1.2em; }

.gotoSchdMain button:focus.goToSchedular_calender {
  color: #f58420; }

.gotoSchdMain button:focus ~ .goToSchedular_txt {
  color: #f58420; }

#wrapper .apptDate .glyphicon-calendar-disabled {
  color: #828282 !important; }

#wrapper .apptDate .notDisableApptDate {
  background: transparent !important;
  border-color: #fbba83 !important;
  padding-left: 0 !important; }

#wrapper .apptDate .greyBrdr {
  border-color: #bcbbbb !important; }

#wrapper .apptDateTime .apptDate .orngBrdr {
  border-color: #fbba83 !important; }

.appointmentEventList .hdr_custom_list {
  margin: 8px 0 8px 10px !important;
  font-size: 1.1em;
  padding: 0; }
  .appointmentEventList .hdr_custom_list.right-10 {
    right: 10px; }

@media (max-width: 480px) {
  .appointmentEventList .pinfoWithCovid {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: column; } }

.appointmentEventList .hdr_btns_list {
  margin: 0 0 0 -10px; }

.appointmentEventList .tab-content {
  padding: 0 !important; }

.appointmentEventList .flagTitle {
  margin: 2px 5px 0 10px;
  font-size: .99em;
  font-weight: normal; }

.appointmentEventList .noRecordMrgnListing {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.appointmentEventList .fa-share {
  color: green;
  top: 20px;
  left: -19px;
  font-size: 17px; }

.appointmentEventList .dis-inherit {
  display: inherit !important; }

.appointmentEventList .repeat {
  background: #62a062; }

.appointmentEventList .showTag {
  background: #62a062; }

.appointmentEventList .cancel {
  background: #9a9a9a; }

.appointmentEventList .checkedin {
  background: #f86b5e; }

.appointmentEventList .noshow {
  background: #f86b5e; }

.appointmentEventList .lateCheckin {
  background: #f86b5e; }

.appointmentEventList .entryDone {
  background: #d79047; }

.appointmentEventList .apptType-In-E {
  background: #f5a19b; }

.appointmentEventList .transitionPat {
  float: left;
  margin-left: -27px;
  margin-top: -6px; }

.appointmentEventList .dltNotesMrgn {
  margin-top: -16px !important; }

.appointmentEventList .consent_status {
  background: #FAA762;
  padding: 0px;
  width: 76px;
  color: white;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  margin: auto; }

.appointmentEventList .txtAppNotes {
  cursor: pointer; }
  .appointmentEventList .txtAppNotes .fa-file-text-o {
    color: #faa762;
    font-size: 18px; }
  .appointmentEventList .txtAppNotes .couponDataOnHover {
    margin-top: -107px;
    margin-left: -79px;
    white-space: initial; }
    .appointmentEventList .txtAppNotes .couponDataOnHover::before {
      top: 71px;
      left: 59px;
      transform: rotate(0deg); }
    .appointmentEventList .txtAppNotes .couponDataOnHover::after {
      top: 70px;
      left: 59px;
      transform: rotate(0deg); }

.appointmentEventList .apptCovidFlag .cmnToolTip {
  margin-left: -54px; }

.appointmentEventList .patFlag {
  margin: 0px 3px 0 0; }
  .appointmentEventList .patFlag .cmnToolTip {
    width: 160px;
    margin-top: -53px;
    margin-left: -81px; }
    .appointmentEventList .patFlag .cmnToolTip::before {
      top: 25px;
      left: 65px; }
    .appointmentEventList .patFlag .cmnToolTip::after {
      top: 24px;
      left: 65px; }

.appointmentEventList .trnsToolTip {
  margin-top: -57px;
  margin-left: -71px; }

.appointmentEventList #apptListingDate input.form-control[readonly] {
  background: transparent !important;
  border-color: #fbba83 !important;
  padding-left: 0 !important; }

.appointmentEventList .tabContent .nav-tabs .nav-tabs {
  display: none; }

.appointmentEventList .tab-content {
  border: 1px solid #cbc3bf; }

.appointmentEventList .apptPatId .labRevision {
  margin-top: 2px; }

.appointmentEventList .cumboTxtInc {
  margin-bottom: 5px !important; }
  .appointmentEventList .cumboTxtInc .doctorDrpDwn {
    min-width: 90px; }

.appointmentEventList .doctorDrpDwn .drpdwnLabel {
  top: 0; }

.appointmentEventList .apptListingPNameAndIcons {
  display: flex;
  flex-direction: row-reverse;
  float: left;
  align-items: center; }
  .appointmentEventList .apptListingPNameAndIcons .txtAppNotes {
    display: contents; }
    .appointmentEventList .apptListingPNameAndIcons .txtAppNotes > span {
      margin: 0px 6px 0px 0px; }

.appointmentEventList .infPatientFlag .inf_flag_blck {
  margin: 0px 4px 0 0; }

@media (max-width: 480px) {
  .doctorDrpDwn {
    position: absolute;
    left: 0;
    padding: 0 10px;
    width: 100% !important; }
  .apptEvntTabMrgnLeft {
    position: relative;
    margin: 0 0 0 -15px !important;
    width: 100%; }
    .apptEvntTabMrgnLeft .nav-tabs {
      width: 50%;
      padding: 10px 2px !important;
      border-right: 0 !important; }
  .appointmentEventList .hdr_custom_list {
    margin: 8px 0 25px 10px !important; }
  .apptInfDiseaseCont {
    left: -40px; } }

/* appointment/event tabs heading bar */
.min-h40 {
  min-height: 40px; }

/* appointment/event tabs heading bar */
/* appointment/event tabs */
.eventTabSel .tab-content {
  padding: 0px !important; }

.apptEvntTab {
  /* listing tabs */
  /* listing tabs */
  /* add tabs */ }
  .apptEvntTab.apptEvntTabMrgnLeft {
    margin: 0 0 0 -15px;
    float: left; }
  .apptEvntTab button.nav-tabs {
    border-radius: 6px 0 0 6px !important;
    border-left-color: #eaeaea;
    position: relative;
    border: 1px solid #ccc;
    background: #eaeaea;
    color: #666666;
    padding: 12px 25px;
    font-weight: bold;
    box-shadow: none;
    cursor: pointer;
    margin: 0; }
    .apptEvntTab button.nav-tabs:active, .apptEvntTab button.nav-tabs:focus, .apptEvntTab button.nav-tabs.selected, .apptEvntTab button.nav-tabs:hover, .apptEvntTab button.nav-tabs.selected {
      border: 1px solid #f48d38;
      background: #faa762;
      color: #fff; }
      .apptEvntTab button.nav-tabs:active::after, .apptEvntTab button.nav-tabs:focus::after, .apptEvntTab button.nav-tabs.selected::after, .apptEvntTab button.nav-tabs:hover::after, .apptEvntTab button.nav-tabs.selected::after {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 12px solid #faa762;
        position: absolute;
        width: 0px;
        height: 0px;
        content: " ";
        bottom: -10px;
        left: 45%; }
    .apptEvntTab button.nav-tabs:last-child {
      border-radius: 0 6px 6px 0 !important; }
  .apptEvntTab.nav-tabs ul.nav-tabs {
    margin: 4px 0 0 12px;
    float: left;
    padding: 0; }
    .apptEvntTab.nav-tabs ul.nav-tabs li {
      padding: 0px;
      margin: 0px; }
      .apptEvntTab.nav-tabs ul.nav-tabs li a {
        position: relative;
        margin: 0 5px 0 0;
        box-shadow: none; }
      .apptEvntTab.nav-tabs ul.nav-tabs li:active::after, .apptEvntTab.nav-tabs ul.nav-tabs li:focus::after, .apptEvntTab.nav-tabs ul.nav-tabs li:hover::after, .apptEvntTab.nav-tabs ul.nav-tabs li.active::after {
        bottom: -9px;
        border-top-width: 11px; }

/* patient life cylce tabs heading */
.patientTabHeading ul.nav.nav-tabs {
  margin: -59px 0 0 15px; }
  .patientTabHeading ul.nav.nav-tabs li.active a {
    background: transparent;
    color: #fa9948;
    font-size: 1.18em;
    margin: 0.3em 0;
    border: 0 none;
    cursor: text;
    padding: 0; }
  .patientTabHeading ul.nav.nav-tabs li.active::after {
    display: none; }

/* patient life cylce tabs heading */
.pameTDwdth {
  min-width: 140px; }

.dateTDwdth {
  min-width: 160px; }

/* treatment keywords icons and popover */
.trtKeywordsIcon {
  background: transparent url("../imgs/patientDashB-sprite.png") no-repeat top left;
  width: 21px;
  height: 21px;
  vertical-align: middle;
  display: inline-block;
  margin: 0 4px 0 0;
  cursor: pointer;
  padding: 0; }
  .trtKeywordsIcon.mrgnBooked {
    margin-right: 2px; }
  .trtKeywordsIcon.medical {
    background-position: -233px -98px; }
  .trtKeywordsIcon.cosmetic {
    background-position: -233px -32px;
    height: 26px; }
  .trtKeywordsIcon.product {
    background-position: -326px -35px; }
  .trtKeywordsIcon.medicine {
    background-position: -425px -158px;
    height: 25px !important; }
  .trtKeywordsIcon.stageinfo {
    background-position: -530px -97px;
    height: 25px !important; }

.keywordsPopOver .popover {
  max-width: 380px; }

.keywordsPopOver.workDonekeywords .popover {
  max-width: 330px; }

.wdKeywords .trtKeywordsIcon, .invKeywords .trtKeywordsIcon, .invDltKeywords .trtKeywordsIcon {
  margin: -4px 4px 1px 0; }

.wdKeywords .popover, .invKeywords .popover, .invDltKeywords .popover {
  left: 50px !important; }
  .wdKeywords .popover .arrow, .invKeywords .popover .arrow, .invDltKeywords .popover .arrow {
    left: 55px !important; }

.invKeywords .popover {
  left: 0px !important; }
  .invKeywords .popover .arrow {
    left: 34px !important; }

.invDltKeywords .popover {
  left: 42px !important; }
  .invDltKeywords .popover .arrow {
    left: 34px !important; }

/* treatment keywords icons and popover */
/** hide left navigation when unapproved patient in Invoice, Receipt and Payment Screen **/
.leftNavHide {
  display: none; }

/** hide left navigation when unapproved patient in Invoice, Receipt and Payment Screen **/
.pageFilters .filterRectArea .formGroupFilter.cstm_filter_plced .highlightGroupFilter.fields_Stability li.inRW135 {
  width: 135px !important;
  height: auto; }

/* add tabs */
/* appointment/event tabs */
/* appointment/event operatories and rooms */
.operatoryRooms label {
  margin-top: 5px; }
  .operatoryRooms label.room_label {
    margin: 2px 13px 0 0 !important; }

.operatoryRooms ul {
  padding: 0;
  margin: 0; }
  .operatoryRooms ul li {
    float: left;
    margin: .5em .5em 0 0;
    list-style-type: none; }

.operatoryRooms .operatories {
  display: block;
  width: 54px;
  height: 35px;
  background: url("../imgs/operatories.png") no-repeat top left; }
  .operatoryRooms .operatories.available {
    background-position: -1px -39px; }
  .operatoryRooms .operatories.selected {
    background-position: -1px -2px; }
  .operatoryRooms .operatories.booked {
    background-position: -1px -76px;
    cursor: default; }
  .operatoryRooms .operatories.booked-event {
    background-position: -1px -113px; }

.operatoryRooms .overBooking {
  position: relative;
  font: 0.8em/1.2em Calibri, Sans-serif, Arial;
  background-color: #23b951;
  width: 16px;
  height: 16px;
  border-radius: 20px;
  display: inline-block;
  text-align: center;
  color: #fff;
  top: -10px;
  left: 42px; }

.operatoryRooms .rooms_list, .operatoryRooms .scanners {
  margin: 10px 0 0 26px;
  width: 100%; }
  .operatoryRooms .rooms_list .rooms, .operatoryRooms .scanners .rooms {
    display: block;
    width: 54px;
    height: 35px;
    background: url("../imgs/rooms.png") no-repeat top left; }
    .operatoryRooms .rooms_list .rooms.available, .operatoryRooms .scanners .rooms.available {
      background-position: -1px -39px; }
    .operatoryRooms .rooms_list .rooms.selected, .operatoryRooms .scanners .rooms.selected {
      background-position: -1px -2px; }
    .operatoryRooms .rooms_list .rooms.booked, .operatoryRooms .scanners .rooms.booked {
      background-position: -1px -76px;
      cursor: default; }
    .operatoryRooms .rooms_list .rooms.booked-event, .operatoryRooms .scanners .rooms.booked-event {
      background-position: -1px -113px; }
  .operatoryRooms .rooms_list .scanner, .operatoryRooms .scanners .scanner {
    display: block;
    width: 54px;
    height: 35px;
    background: url("../imgs/scans.png") no-repeat top left; }
    .operatoryRooms .rooms_list .scanner.available, .operatoryRooms .scanners .scanner.available {
      background-position: -1px -39px; }
    .operatoryRooms .rooms_list .scanner.selected, .operatoryRooms .scanners .scanner.selected {
      background-position: -1px -2px; }
    .operatoryRooms .rooms_list .scanner.booked, .operatoryRooms .scanners .scanner.booked {
      background-position: -1px -76px;
      cursor: default; }
    .operatoryRooms .rooms_list .scanner.booked-event, .operatoryRooms .scanners .scanner.booked-event {
      background-position: -1px -113px; }

.operatoryRooms a:focus {
  border-radius: 5px;
  background-color: #faa762;
  box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999; }
  .operatoryRooms a:focus.operatories.selected {
    border: 1px solid #dddddd; }

/* appointment/event operatories and rooms */
/* appointments chief complaint */
.apptEvntChiefCompl {
  text-align: center;
  margin: auto; }
  .apptEvntChiefCompl .modal-tissue-boxes {
    font-size: .8em; }
    .apptEvntChiefCompl .modal-tissue-boxes div {
      background: #f1f1f1;
      width: 120px;
      height: 35px;
      margin: 0px 10px 10px 0px;
      font-family: "RobotoRegular";
      padding: 6px 8px 5px;
      border-radius: 8px;
      max-width: 120px;
      box-shadow: none;
      font-size: 0.9em; }
  .apptEvntChiefCompl .otherChiefCompl {
    float: none;
    max-width: 263px;
    display: inline-block; }
    .apptEvntChiefCompl .otherChiefCompl input {
      margin-top: 6px; }
    .apptEvntChiefCompl .otherChiefCompl .error {
      text-align: left; }

/* appointments chief complaint */
/* appointments field cross button */
.apptEvntClearBtn {
  position: absolute;
  background: transparent;
  color: #fa9948;
  font-weight: bold;
  box-shadow: none;
  font-size: 21px;
  border: 0 none;
  right: 22px;
  padding: 0;
  margin: 0;
  top: 23px; }

/* appointments field cross button */
/* appointments schedular link and button */
.goToSchedular_calender {
  background: transparent;
  color: #fa9948;
  margin: 4px 0 0 0;
  float: right;
  padding: 0;
  border: 0; }
  .goToSchedular_calender.disable_link {
    cursor: default !important;
    pointer-events: none;
    color: #ccc; }

.goToSchedular_txt {
  font: bold 0.77em "RobotoRegular";
  color: #fa9948;
  margin: 8px 8px 0 0;
  cursor: pointer;
  float: right; }
  .goToSchedular_txt.disable_link {
    cursor: default !important;
    pointer-events: none;
    color: #ccc; }
  .goToSchedular_txt:hover, button:hover span.goToSchedular_txt.cmnicons, .goToSchedular_txt:focus, .goToSchedular_txt:active {
    color: #fa9948; }

.smsEmailChbx {
  margin-left: 10px !important; }

.durationMrgnBtm {
  margin-bottom: 41px; }

.oprMrgn {
  margin-top: -7px; }

.disp-inherit {
  display: inherit !important; }

/* appointments schedular link and button */
/* appointments infectious deseases */
.apptInfDiseaseCont {
  font: 0.9em Calibri, Sans-serif, Arial;
  float: right; }
  .apptInfDiseaseCont .infSection {
    position: relative;
    margin: 4px 0px 0px 40px;
    float: left; }
    .apptInfDiseaseCont .infSection.default_inf {
      margin-top: 35px; }
      .apptInfDiseaseCont .infSection.default_inf .infDFlag {
        top: -7px; }
    @media (min-width: 992px) and (max-width: 1200px) {
      .apptInfDiseaseCont .infSection {
        margin: 4px 0px 0px 40px !important; } }
  .apptInfDiseaseCont .infDFlag {
    background: url("../imgs/infectious_stage_icons.png") no-repeat 0px -140px;
    position: absolute;
    width: 35px;
    height: 35px;
    left: -40px;
    top: 5px; }
    .apptInfDiseaseCont .infDFlag.grey {
      background-position: 0px -140px; }
    .apptInfDiseaseCont .infDFlag.green {
      background-position: 0px -35px; }
    .apptInfDiseaseCont .infDFlag.yellow {
      background-position: 0px 0px; }
    .apptInfDiseaseCont .infDFlag.red {
      background-position: 0px -70px; }
    .apptInfDiseaseCont .infDFlag.orange {
      background-position: 0px -106px; }
  .apptInfDiseaseCont .infDTitle {
    font: bold 0.88em "AvantGradeRegular";
    margin: 0 0 0px 4px;
    padding: 0; }
  .apptInfDiseaseCont .infDAltTxt {
    background: #f1f1f1;
    padding: 1px 16px 2px 6px;
    border-radius: 5px;
    float: left; }
    .apptInfDiseaseCont .infDAltTxt.infDTxt_cntr {
      padding-right: 6px; }
  .apptInfDiseaseCont .infDEdit {
    float: left; }
    .apptInfDiseaseCont .infDEdit .infEdit, .apptInfDiseaseCont .infDEdit .infSearch {
      background: url("../imgs/actin_icns.png") no-repeat;
      width: 23px;
      height: 23px;
      margin: -1px 0px 0px -14px;
      cursor: pointer;
      float: left; }
    .apptInfDiseaseCont .infDEdit .infEdit {
      background-position: -433px -416px; }
    .apptInfDiseaseCont .infDEdit .infSearch {
      background-position: -534px -416px; }

/* appointments infectious deseases */
@media (max-width: 766px) {
  .newinfForm .modalBtns {
    right: -20px !important; } }

@media (min-width: 767px) {
  .newinfForm .modalBtns {
    right: -40px !important; } }

.newinfForm .viewInfo {
  /* for confirmation buttons YES || NO */
  /** new reasons checbox ui **/ }
  .newinfForm .viewInfo b, .newinfForm .viewInfo h5 {
    color: #fa9948; }
  .newinfForm .viewInfo .infDiseaseQuestionsModel {
    counter-reset: myCounter;
    margin: -16px 0 0 0;
    text-align: center;
    color: #444444; }
    .newinfForm .viewInfo .infDiseaseQuestionsModel legend {
      font-weight: 600;
      color: #fa9948; }
    .newinfForm .viewInfo .infDiseaseQuestionsModel .infViewHdr {
      margin: 0 0 5px 0;
      font-size: 1em;
      width: 100% !important;
      border-bottom: 0; }
      .newinfForm .viewInfo .infDiseaseQuestionsModel .infViewHdr .hdrCount {
        float: left;
        padding: 0 0px 0 0;
        width: 50px; }
        .newinfForm .viewInfo .infDiseaseQuestionsModel .infViewHdr .hdrCount:before {
          counter-increment: myCounter;
          content: "Q " counter(myCounter, decimal-leading-zero) ". ";
          color: #fa9948;
          font-size: 16px;
          margin: 0 0 0 0;
          float: left; }
    .newinfForm .viewInfo .infDiseaseQuestionsModel input[type="text"], .newinfForm .viewInfo .infDiseaseQuestionsModel input[type="number"] {
      outline: 0;
      width: 100%;
      height: auto;
      resize: none;
      min-height: 27px;
      padding: 3px 0 0;
      font: 14px Calibri, Sans-serif, Arial;
      box-shadow: 0 2px 0 #ebebeb;
      border: 0px;
      border-bottom: 2px solid #fbba83; }
    .newinfForm .viewInfo .infDiseaseQuestionsModel #infDiseaseQuestionsList .questionairre_sections {
      margin: 0px 0 0px 0;
      width: 100%;
      float: left;
      padding: 10px 5px 10px 5px;
      border-top: 1px solid #eee; }
      .newinfForm .viewInfo .infDiseaseQuestionsModel #infDiseaseQuestionsList .questionairre_sections:first-child {
        border-top: none; }
      .newinfForm .viewInfo .infDiseaseQuestionsModel #infDiseaseQuestionsList .questionairre_sections .astrick {
        color: #ff0000;
        font-size: 1.4em; }
    .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList {
      margin: 0;
      float: left;
      width: 100%; }
      .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList.spcTop {
        padding: 10px 5px 10px 5px;
        border-top: 1px solid #eee; }
      .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList .radioBtnsFlag {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center; }
        .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList .radioBtnsFlag .block {
          width: 90%;
          max-width: 500px;
          margin: 0 0 0; }
      .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList .manualFlagRemarks {
        display: none;
        margin-top: 60px; }
        .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList .manualFlagRemarks.showFlagRemarks {
          display: block; }
      @media (max-width: 670px) {
        .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider {
          display: block;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          flex-direction: row;
          align-content: stretch;
          position: relative;
          width: 100%;
          margin-top: 10px;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          text-align: center; }
          .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider input {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            cursor: pointer; }
          .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider label {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            cursor: pointer;
            display: inline-block;
            position: relative;
            width: 49%;
            height: 60px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none; }
            .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider label.lbl-green:after {
              border-width: 2px;
              border-style: solid;
              border-color: #17b722; }
            .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider label.lbl-red:after {
              border-width: 2px;
              border-style: solid;
              border-color: #d12323; }
            .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider label.lbl-yellow:after {
              border-width: 2px;
              border-style: solid;
              border-color: #fff11b; }
            .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider label.lbl-orange:after {
              border-width: 2px;
              border-style: solid;
              border-color: #ff831c; }
            .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider label:before {
              content: attr(data-desc);
              transition: all 0.15s ease-in-out;
              line-height: 16px;
              font-weight: normal;
              padding: 0 5px 12px 5px;
              opacity: 1;
              width: 100%;
              float: left;
              clear: both;
              margin: 35px 0 0 0; }
            .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider label:after {
              content: " ";
              position: absolute;
              left: 50%;
              top: 0;
              -webkit-transform: translate(-50%, 0%) scale(0.75);
              transform: translate(-50%, 0%) scale(0.75);
              width: 30px;
              height: 30px;
              border-width: 2px;
              border-style: solid;
              border-color: #000;
              background: #fff;
              border-radius: 50%;
              pointer-events: none;
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none;
              z-index: 1;
              cursor: pointer;
              transition: all 0.15s ease-in-out; }
            .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider label:hover:after {
              -webkit-transform: translate(-50%, -15%) scale(1);
              transform: translate(-50%, -15%) scale(1); }
          .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider input {
            display: none; }
            .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider input:checked ~ label:before {
              font-weight: 800; }
            .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider input:checked ~ label:after {
              border-width: 2px;
              -webkit-transform: translate(-50%, -15%) scale(1);
              transform: translate(-50%, -15%) scale(1); }
            .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider input:checked ~ #infStatus-radio-pos {
              opacity: 1; }
            .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider input:disabled:checked ~ label:hover:after {
              border-width: 2px;
              -webkit-transform: translate(-50%, -15%) scale(1);
              transform: translate(-50%, -15%) scale(1); }
            .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider input:disabled ~ label {
              cursor: default; }
              .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider input:disabled ~ label:hover:after {
                -webkit-transform: translate(-50%, 0%) scale(0.75);
                transform: translate(-50%, 0%) scale(0.75); }
          .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider #infStatus-radio-pos {
            display: block;
            position: absolute;
            top: 50%;
            width: 18px;
            height: 18px;
            background: #000;
            border-radius: 50%;
            transition: all 0.15s ease-in-out;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            border-width: 2px;
            border-style: solid;
            border-color: #fff;
            opacity: 0;
            z-index: 2; }
          .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider.infStatusRadioSliderCount_3 .Green input:checked:nth-child(1) ~ #infStatus-radio-pos {
            left: 25.2%;
            background: #17b722;
            top: 20px;
            display: block !important; }
          .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider.infStatusRadioSliderCount_3 .Yellow input:checked:nth-child(1) ~ #infStatus-radio-pos {
            left: 74.8%;
            background: #cbbf00;
            top: 20px;
            display: block !important; }
          .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider.infStatusRadioSliderCount_3 .Red input:checked:nth-child(1) ~ #infStatus-radio-pos {
            left: 50.1%;
            background: #d12323;
            top: 84px;
            display: block !important; }
          .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider.infStatusRadioSliderCount_4 .Green input:checked:nth-child(1) ~ #infStatus-radio-pos {
            left: 25%;
            background: #17b722;
            top: 10px;
            display: block !important; }
          .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider.infStatusRadioSliderCount_4 .Yellow input:checked:nth-child(1) ~ #infStatus-radio-pos {
            left: 75%;
            background: #cbbf00;
            top: 10px;
            display: block !important; }
          .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider.infStatusRadioSliderCount_4 .Red input:checked:nth-child(1) ~ #infStatus-radio-pos {
            left: 25%;
            background: #d12323;
            top: 80px;
            display: block !important; }
          .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider.infStatusRadioSliderCount_4 .Orange input:checked:nth-child(1) ~ #infStatus-radio-pos {
            left: 75%;
            background: #ff831c;
            top: 80px;
            display: block !important; }
        @-webkit-keyframes spin {
          from {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            width: 24px;
            opacity: 1;
            margin-right: 12px; }
          to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
            width: 24px;
            opacity: 1;
            margin-right: 12px; } }
        @keyframes spin {
          from {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            width: 24px;
            opacity: 1;
            margin-right: 12px; }
          to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
            width: 24px;
            opacity: 1;
            margin-right: 12px; } }
          .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider .manualFlagRemarks {
            margin-top: 20px; } }
      @media (min-width: 671px) {
        .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider {
          display: -webkit-box;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          flex-direction: row;
          align-content: stretch;
          position: relative;
          width: 100%;
          height: 30px;
          margin-top: 10px;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          text-align: center; }
          .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider:before {
            content: " ";
            position: absolute;
            height: 2px;
            width: 100%;
            width: calc(100% * (4 / 5));
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            background: #ccc; }
          .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider input {
            box-sizing: border-box;
            -webkit-box-flex: 1;
            flex: 1;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            cursor: pointer; }
          .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider label {
            box-sizing: border-box;
            -webkit-box-flex: 1;
            flex: 1;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            cursor: pointer;
            display: inline-block;
            position: relative;
            width: 20%;
            height: 100%;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none; }
            .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider label.lbl-green:after {
              border-width: 2px;
              border-style: solid;
              border-color: #17b722; }
            .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider label.lbl-red:after {
              border-width: 2px;
              border-style: solid;
              border-color: #d12323; }
            .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider label.lbl-yellow:after {
              border-width: 2px;
              border-style: solid;
              border-color: #fff11b; }
            .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider label.lbl-orange:after {
              border-width: 2px;
              border-style: solid;
              border-color: #ff831c; }
            .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider label:before {
              content: attr(data-desc);
              position: absolute;
              left: 50%;
              -webkit-transform: translate(-50%, 35px);
              transform: translate(-50%, 35px);
              transition: all 0.15s ease-in-out;
              line-height: 16px;
              font-weight: normal;
              padding: 0 5px 12px 5px;
              opacity: 1;
              width: 100%; }
            .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider label:after {
              content: " ";
              position: absolute;
              left: 50%;
              top: 50%;
              -webkit-transform: translate(-50%, -50%) scale(0.75);
              transform: translate(-50%, -50%) scale(0.75);
              width: 34px;
              height: 34px;
              border-width: 2px;
              border-style: solid;
              border-color: #000;
              background: #fff;
              border-radius: 50%;
              pointer-events: none;
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none;
              z-index: 1;
              cursor: pointer;
              transition: all 0.15s ease-in-out; }
            .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider label:hover:after {
              -webkit-transform: translate(-50%, -50%) scale(1);
              transform: translate(-50%, -50%) scale(1); }
          .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider input {
            display: none; }
            .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider input:checked ~ label:before {
              font-weight: 800; }
            .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider input:checked ~ label:after {
              border-width: 2px;
              -webkit-transform: translate(-50%, -50%) scale(1);
              transform: translate(-50%, -50%) scale(1); }
            .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider input:checked ~ #infStatus-radio-pos {
              opacity: 1; }
            .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider input:disabled:checked ~ label:hover:after {
              border-width: 2px;
              -webkit-transform: translate(-50%, -50%) scale(1);
              transform: translate(-50%, -50%) scale(1); }
            .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider input:disabled ~ label {
              cursor: default; }
              .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider input:disabled ~ label:hover:after {
                -webkit-transform: translate(-50%, -50%) scale(0.75);
                transform: translate(-50%, -50%) scale(0.75); }
          .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider #infStatus-radio-pos {
            display: block;
            position: absolute;
            top: 50%;
            width: 20px;
            height: 20px;
            background: #000;
            border-radius: 50%;
            transition: all 0.15s ease-in-out;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            border-width: 2px;
            border-style: solid;
            border-color: #fff;
            opacity: 0;
            z-index: 2; }
          .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider.infStatusRadioSliderCount_3 .Green input:checked:nth-child(1) ~ #infStatus-radio-pos {
            left: 16.8%;
            background: #17b722;
            display: block !important; }
          .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider.infStatusRadioSliderCount_3 .Yellow input:checked:nth-child(1) ~ #infStatus-radio-pos {
            left: 50%;
            background: #fff11b;
            display: block !important; }
          .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider.infStatusRadioSliderCount_3 .Red input:checked:nth-child(1) ~ #infStatus-radio-pos {
            left: 83.3%;
            background: #d12323;
            display: block !important; }
          .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider.infStatusRadioSliderCount_4 .Green input:checked:nth-child(1) ~ #infStatus-radio-pos {
            left: 12.5%;
            background: #17b722;
            display: block !important; }
          .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider.infStatusRadioSliderCount_4 .Yellow input:checked:nth-child(1) ~ #infStatus-radio-pos {
            left: 37.4%;
            background: #fff11b;
            display: block !important; }
          .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider.infStatusRadioSliderCount_4 .Red input:checked:nth-child(1) ~ #infStatus-radio-pos {
            left: 62.5%;
            background: #d12323;
            display: block !important; }
          .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider.infStatusRadioSliderCount_4 .Orange input:checked:nth-child(1) ~ #infStatus-radio-pos {
            left: 87.5%;
            background: #ff831c;
            display: block !important; }
        @-webkit-keyframes spin {
          from {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            width: 24px;
            opacity: 1;
            margin-right: 12px; }
          to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
            width: 24px;
            opacity: 1;
            margin-right: 12px; } }
        @keyframes spin {
          from {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            width: 24px;
            opacity: 1;
            margin-right: 12px; }
          to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
            width: 24px;
            opacity: 1;
            margin-right: 12px; } }
          .newinfForm .viewInfo .infDiseaseQuestionsModel .infDiseaseflagList #infStatusRadioSlider .manualFlagRemarks {
            margin-top: 20px; } }
    .newinfForm .viewInfo .infDiseaseQuestionsModel .rating {
      position: relative;
      display: inline-block;
      margin: 10px 0 12px; }
      .newinfForm .viewInfo .infDiseaseQuestionsModel .rating.rtng-chbx {
        margin-top: 10px;
        margin-bottom: -16px;
        display: inline-flex; }
      .newinfForm .viewInfo .infDiseaseQuestionsModel .rating.rtng-textfield {
        text-align: left;
        margin: 6px 0 8px 25px; }
      .newinfForm .viewInfo .infDiseaseQuestionsModel .rating .subreasons {
        margin: 18px 0 0 0;
        float: left; }
  .newinfForm .viewInfo .confirm_btns_animate {
    text-align: center;
    margin: 0;
    float: none !important;
    display: inline-block; }
    .newinfForm .viewInfo .confirm_btns_animate label {
      box-shadow: 0px 4px 0px 0px #dbd9d9;
      background-color: #f2f2f2;
      position: relative;
      font: normal 15px Calibri, Sans-serif, Arial;
      width: auto;
      height: auto;
      text-transform: uppercase;
      text-decoration: none;
      border-radius: 10px;
      transition: all 0.2s;
      padding: 5px 25px 5px 15px;
      color: #444444;
      cursor: pointer;
      margin: 0 12px 0 0;
      top: 0px;
      text-shadow: none; }
      .newinfForm .viewInfo .confirm_btns_animate label:before {
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 12px;
        padding: 2px 8px 2px 2px;
        transition: transform .3s ease-in-out;
        width: 14px;
        box-sizing: initial; }
      .newinfForm .viewInfo .confirm_btns_animate label.active {
        top: -2px;
        color: #fff; }
      .newinfForm .viewInfo .confirm_btns_animate label.btn-Green:before {
        content: "\f00d";
        box-sizing: initial; }
      .newinfForm .viewInfo .confirm_btns_animate label.btn-Green.active {
        background-color: #86d22c;
        box-shadow: 0px 6px 0px 0px #6cae1e; }
      .newinfForm .viewInfo .confirm_btns_animate label.btn-Red:before {
        content: "\f00c";
        box-sizing: initial; }
      .newinfForm .viewInfo .confirm_btns_animate label.btn-Red.active {
        background-color: #e13353;
        box-shadow: 0px 6px 0px 0px #d2183a; }
      .newinfForm .viewInfo .confirm_btns_animate label.btn-Yellow:before {
        content: "\f00c";
        box-sizing: initial; }
      .newinfForm .viewInfo .confirm_btns_animate label.btn-Yellow.active {
        background-color: #ccca15;
        box-shadow: 0px 6px 0px 0px #aaa92f; }
      .newinfForm .viewInfo .confirm_btns_animate label.btn-Orange:before {
        content: "\f00c";
        box-sizing: initial; }
      .newinfForm .viewInfo .confirm_btns_animate label.btn-Orange.active {
        background-color: #dd911a;
        box-shadow: 0px 6px 0px 0px #c2944b; }
  .newinfForm .viewInfo .btns-cboxtags {
    position: relative;
    display: inline-block;
    margin: 0px 12px 10px 0;
    height: auto; }
    .newinfForm .viewInfo .btns-cboxtags label {
      box-shadow: 0px 4px 0px 0px #dbd9d9;
      background-color: #f2f2f2;
      padding: 5px 12px 5px 8px;
      font: normal 15px Calibri, Sans-serif, Arial;
      border-radius: 10px;
      color: #444444;
      cursor: pointer;
      float: left;
      -webkit-touch-callout: none;
      user-select: none;
      -webkit-tap-highlight-color: transparent;
      transition: all .2s;
      text-shadow: none; }
      .newinfForm .viewInfo .btns-cboxtags label:before {
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 12px;
        padding: 2px 4px 2px 2px;
        content: "\f067";
        transition: transform .3s ease-in-out;
        width: 14px;
        box-sizing: initial; }
    .newinfForm .viewInfo .btns-cboxtags input[type="checkbox"] {
      position: absolute;
      width: 100%;
      height: 100%;
      cursor: pointer;
      opacity: 0;
      left: 0;
      top: 0; }
      .newinfForm .viewInfo .btns-cboxtags input[type="checkbox"]:checked ~ label {
        box-shadow: 0px 3px 0px #0c7faa;
        background-color: #22a5d6;
        border-color: #0c7faa;
        transition: all .2s;
        color: #fff; }
        .newinfForm .viewInfo .btns-cboxtags input[type="checkbox"]:checked ~ label:before {
          content: "\f00c";
          transform: rotate(-360deg);
          transition: transform .3s ease-in-out; }
  .newinfForm .viewInfo .formBtn {
    position: relative;
    display: inline-block; }
    .newinfForm .viewInfo .formBtn input[type=radio] {
      display: none; }
  .newinfForm .viewInfo .survey_textarea {
    margin: 0 20px;
    display: block;
    width: auto; }
    .newinfForm .viewInfo .survey_textarea .txtareCont {
      position: relative;
      min-height: 50px;
      display: block;
      padding: 0;
      border: 0;
      margin: 0; }
      .newinfForm .viewInfo .survey_textarea .txtareCont textarea {
        outline: 0;
        width: 100%;
        resize: none;
        height: auto;
        min-height: 50px;
        padding: 5px 5px 0;
        font: 14px Calibri, Sans-serif, Arial;
        box-shadow: 0 2px 0 #ebebeb;
        border-bottom: 2px solid #fbba83; }
      .newinfForm .viewInfo .survey_textarea .txtareCont .counter-text {
        display: block;
        text-align: right;
        font-size: .95em;
        margin: 2px 0 0 0; }
  .newinfForm .viewInfo .combineArea {
    margin: 20px 0 0; }

.newinfForm .fleft {
  float: left; }

.newinfForm .modal-header .section-lbl #selectedPatientName {
  text-transform: capitalize;
  display: inline-block;
  text-align: center;
  color: #444444; }

.newinfForm .modal-header .section-lbl #selectedPatientMobile {
  display: inline-block;
  color: #fa9948; }

@media (max-width: 600px) {
  .newinfForm .modal-header .modal-title {
    width: 100%;
    text-align: center; } }

@media (max-width: 600px) {
  .newinfForm .modal-header .section-lbl {
    padding: 0;
    margin: 10px 0 0 0;
    text-align: center;
    float: left;
    clear: both;
    width: 100%; }
  .newinfForm .modal-header .section-date {
    float: left;
    clear: both;
    margin: 10px 0 0 0;
    text-align: center;
    width: 100%; }
    .newinfForm .modal-header .section-date span {
      float: none;
      text-align: center; } }

@media (min-width: 601px) {
  .newinfForm .modal-header .section-lbl {
    margin: 0;
    padding: 0 0 0 20px;
    text-align: center;
    display: inline-block; }
  .newinfForm .modal-header .section-date {
    float: right;
    margin: 0 5px 0 0; } }

.newinfForm label .error {
  transition: none;
  background: transparent;
  box-shadow: none;
  padding: 5px 0 0;
  float: left;
  text-align: left;
  color: #ff0000;
  cursor: text;
  border-radius: initial;
  text-transform: capitalize;
  display: block; }
  .newinfForm label .error:before {
    display: none; }

.newinfForm .mdt10 {
  float: left;
  margin: 0 3px 0 0; }

/*  START : Inf Form New Modal */
.subRsn {
  /*position: absolute;*/
  left: -169px;
  top: -8px; }

.subRsnLft {
  position: absolute;
  left: -169px;
  top: -8px; }

.subRsnLabel {
  left: -44px; }

.fbRsn {
  display: inline-block; }

.mrgn241 {
  position: absolute;
  right: 0px;
  left: -232px;
  top: -31px; }

.leftAlg {
  margin-left: -265px; }

.disCont {
  display: contents; }

.filesPreview iframe {
  width: 100%;
  height: 100vh; }

.filesPreview .modalBtns {
  right: -28px !important; }

.filesPreview #prewButton {
  padding: 20px;
  border: none;
  border-radius: 0;
  top: 46px !important;
  max-height: calc(100vh - 210px);
  height: 100%;
  font-size: 30px;
  left: 7px;
  color: #c2b7b7;
  position: fixed;
  top: 45%;
  cursor: pointer;
  background-color: rgba(194, 183, 183, 0.1); }
  .filesPreview #prewButton:hover, .filesPreview button:hover span#prewButton.cmnicons, button:hover .filesPreview span#prewButton.cmnicons {
    color: #fa9948 !important; }

.filesPreview #nextButton {
  padding: 20px;
  border: none;
  border-radius: 0;
  top: 46px !important;
  max-height: calc(100vh - 210px);
  height: 100%;
  font-size: 30px;
  right: 12px;
  color: #c2b7b7;
  position: fixed;
  top: 45%;
  cursor: pointer;
  background-color: rgba(194, 183, 183, 0.1); }
  .filesPreview #nextButton:hover, .filesPreview button:hover span#nextButton.cmnicons, button:hover .filesPreview span#nextButton.cmnicons {
    color: #fa9948 !important; }

.filesPreview .modal-lg {
  width: 70%;
  margin: 5% 0% 1% 14%; }

.filesPreview .modal-body {
  height: 630px; }

.filesPreview .notesSec {
  padding-left: 16px; }
  .filesPreview .notesSec .notes {
    padding-left: 10px; }

.filesPreview .reverseDownload {
  transform: rotate(180deg);
  background-position: -9px -682px; }

.filesPreview .zoomInOut {
  width: 95%;
  height: calc(100vh - 155px);
  margin: 2% 0% 8% 2%; }
  .filesPreview .zoomInOut .modal-content {
    height: calc(100vh - 65px); }
  .filesPreview .zoomInOut .modal-inset {
    height: calc(100vh - 75px); }
  .filesPreview .zoomInOut .modal-body {
    max-height: calc(100vh - 155px); }

.filesPreview .plus {
  font-size: 1.2em;
  display: block; }

.filesPreview .minus {
  font-size: 1.2em;
  display: block; }

.company_txt {
  margin: 0px 0 0 24px;
  color: #fa9948;
  font-size: 0.94em;
  font-weight: bold;
  clear: both;
  float: left; }
  .company_txt .fsize9 {
    font-size: 14px;
    margin: 3px 0 -2px 0; }
  .company_txt.rcpt_comp_name {
    float: none;
    margin: 0 0 0 5px; }

.no-wdth {
  width: auto !important; }

.re-salable_qty, .damaged_qty {
  width: 55px;
  height: auto;
  display: inline-block;
  text-align: center;
  font-size: 0.9em;
  margin: 0; }
  .re-salable_qty input, .damaged_qty input {
    width: 100%;
    height: auto;
    margin: 6px 0 2px 0px;
    text-align: center;
    min-height: auto;
    padding: 0; }
  .re-salable_qty label, .damaged_qty label {
    font-weight: normal;
    text-align: center;
    color: #444444;
    margin: 0 0 -5px 0;
    font-size: .9em;
    display: block; }

.re-salable_qty {
  margin-right: 6px; }

.returnable_qty .error {
  font-size: 0.938em !important; }

.rcptProductSize {
  font-weight: normal !important;
  display: inline !important; }

.batchTable .whtTr {
  background-color: #fff !important; }
  .batchTable .whtTr .name {
    border-right: 1px solid #eee; }
  .batchTable .whtTr td {
    border-top: 0.5px solid #eee; }

.batchTable .greyTr {
  background-color: #f2f2f2; }
  .batchTable .greyTr .name {
    border-right: 1px solid #fff; }
  .batchTable .greyTr td {
    border-top: 0.5px solid #fff; }

.activityLog .filesIcons {
  cursor: pointer;
  margin-top: 4px; }

.prmCalendarbtn {
  position: absolute;
  top: -38px;
  left: -9px; }

/** operatory & rooms series **/
.op_rm_series {
  font: bold 19px Calibri, Sans-serif, Arial;
  margin: 1px 12px 0 0;
  color: #444444;
  float: right;
  opacity: .4; }
  .op_rm_series.selected, .op_rm_series.booked, .op_rm_series.event {
    color: #fff;
    opacity: .8; }
  .op_rm_series.rooms_series {
    margin: 2px 5px 0 0;
    font-size: 17px; }

/** operatory & rooms series **/
/* password reset Validation/discription of reset popup*/
#form-change-password .passwordValidation .glyphicon, .changeProfile .passwordValidation .glyphicon {
  font-size: 12px !important;
  top: 2px !important; }
  #form-change-password .passwordValidation .glyphicon.glyphicon-ok::before, .changeProfile .passwordValidation .glyphicon.glyphicon-ok::before {
    color: green; }
  #form-change-password .passwordValidation .glyphicon.glyphicon-remove::before, .changeProfile .passwordValidation .glyphicon.glyphicon-remove::before {
    color: red; }

#form-change-password .passwordValidation .passwordSuccess, .changeProfile .passwordValidation .passwordSuccess {
  color: green; }

#form-change-password .passwordValidation .passwordError, .changeProfile .passwordValidation .passwordError {
  color: red; }

#form-change-password .passwordValidationSection .glyphicon, .changeProfile .passwordValidationSection .glyphicon {
  font-size: 12px;
  top: 2px; }

#form-change-password .passwordValidationSection div, .changeProfile .passwordValidationSection div {
  color: #888888; }

#form-change-password .passwordValidationSection {
  margin: -9px 0 0 0; }

.changeProfile .passwordValidationSection {
  margin: 3px 0 -8px 0; }

/* START : graph modal CSS */
.statsModalContainer .tabContent {
  margin-bottom: 0px; }
  .statsModalContainer .tabContent .tab-content {
    border-width: 1px;
    border-style: solid;
    border-color: #cbc3bf;
    box-shadow: none;
    border-width: 1px 0px 0px 0px;
    border-radius: 0px;
    padding-left: 0px;
    padding-right: 0px; }
    .statsModalContainer .tabContent .tab-content hr {
      margin: 10px 0px -5px 0px; }
  .statsModalContainer .tabContent ul.nav-tabs {
    margin: 0px !important; }
  .statsModalContainer .tabContent .treatment_name {
    margin-top: 8px;
    margin-right: 15px;
    float: right; }
    @media screen and (max-width: 1099px) and (min-width: 768px) {
      .statsModalContainer .tabContent .treatment_name {
        margin-top: 0;
        float: left;
        margin-bottom: 15px; } }
    @media screen and (max-width: 653px) and (min-width: 320px) {
      .statsModalContainer .tabContent .treatment_name {
        margin-top: 0;
        float: left;
        margin-bottom: 15px; } }

.statsModalContainer .marginBody {
  margin-bottom: 65px !important; }

.statsModalContainer .margnBtm {
  margin-bottom: 20px !important; }

.statsModalContainer .filter .text {
  font-size: 1.1em; }

.statsModalContainer .filter .calenderBtn {
  position: relative;
  top: 0; }

.statsModalContainer .filter .fa {
  font: normal normal normal 30px/1 FontAwesome;
  vertical-align: initial;
  cursor: pointer; }

.statsModalContainer .filter .aligner_dates {
  align-items: end;
  display: inline-flex;
  flex-direction: column;
  float: right;
  margin-right: 5px; }
  .statsModalContainer .filter .aligner_dates .aligner_start_date {
    margin-top: -5px; }
  .statsModalContainer .filter .aligner_dates .aligner_end_date {
    margin-top: -3px; }
  @media (max-width: 480px) {
    .statsModalContainer .filter .aligner_dates {
      display: block;
      float: initial; } }

.statsModalContainer .filter .date_range {
  cursor: pointer;
  text-decoration: underline;
  vertical-align: super; }

.statsModalContainer .filter .disable_arrow {
  cursor: default;
  pointer-events: none;
  color: #bcbbbb !important; }

.statsModalContainer .filter .vertical_alignment {
  vertical-align: super; }

.statsModalContainer .no_data_display {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center; }
  .statsModalContainer .no_data_display i {
    font-size: 50px;
    color: grey;
    margin-bottom: 10px; }
  .statsModalContainer .no_data_display .no_data_text {
    font-size: 22px;
    font-weight: bold;
    color: grey;
    margin-bottom: 10px;
    text-align: center; }

.statsModalContainer table tbody tr td.red_hours, .statsModalContainer table tbody tr td .red_hours {
  color: red; }

.statsModalContainer table tbody tr td.green_hours, .statsModalContainer table tbody tr td .green_hours {
  color: green; }

/* END : graph modal css */
.triggredTooltip .fa-info-circle {
  position: relative;
  font-size: 1.1em;
  cursor: pointer; }

.triggredTooltip .couponDataOnHover {
  width: 315px;
  pointer-events: none; }

.emailVerification .green {
  color: green; }

.emailVerification div {
  font-size: 0.75em; }
  .emailVerification div.subs {
    font-size: 0.95em; }
  .emailVerification div.appt {
    font: 400 14px Calibri,Sans-serif,Arial; }

.emailVerification .fa {
  font-size: 1.1em; }

.prmCalendarbtn {
  position: absolute;
  top: -38px;
  left: -9px; }

.searchableDrpdwn {
  width: 100%; }

.searchableCustomCombo .menu {
  display: none; }

.searchableCustomCombo .option_search {
  width: 100%;
  padding: 0 20px 0 0;
  position: relative; }

.searchableCustomCombo .drpdwnLabel {
  position: absolute;
  top: 5px;
  font: 14px Calibri, Sans-serif, Arial;
  margin: 4px 0px 0px 3px;
  height: 22px;
  overflow: hidden; }

.searchableCustomCombo.open .menu {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 0;
  margin: 2px 0 0 0px;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  border-radius: 4px;
  width: 85%;
  max-height: 180px;
  overflow-y: auto; }
  @media (max-width: 768px) {
    .searchableCustomCombo.open .menu {
      width: 90%; } }
  .searchableCustomCombo.open .menu li {
    cursor: pointer; }
    .searchableCustomCombo.open .menu li.selected {
      background: #b2b2b2;
      color: #fff; }
    .searchableCustomCombo.open .menu li.active {
      background: #f09d58 !important;
      color: #fff !important; }
    .searchableCustomCombo.open .menu li.disable_option {
      color: #8d8d8d;
      background: #f1f1f1; }

.searchableCustomCombo .customComboBtn {
  position: absolute;
  width: auto;
  height: auto;
  color: #fa9948;
  font-size: 0.8em;
  z-index: 1;
  padding: 0;
  right: 1px;
  top: 8px; }

.searchableCustomCombo .listingData {
  position: relative;
  display: block;
  padding: 2px 10px;
  margin: 0px 0px -1px 0px;
  background-color: #fff; }

.searchableCustomCombo .disable_label {
  margin: 2px 0px 0px 17px;
  color: #8d8d8d; }

@media (max-width: 992px) {
  .modal-header-center {
    width: 100%;
    text-align: center !important; } }

.maplink {
  color: #337ab7; }

/*** START : CSS For Allocation Screen **/
.allocation .jumbotronCont .jumbotron .title {
  display: flex;
  align-items: center;
  min-height: 45px; }

.allocation .jumbotronCont .jumbotron .buttonSection ul li:first-child {
  border: 0; }
  .allocation .jumbotronCont .jumbotron .buttonSection ul li:first-child button {
    padding-right: 10px !important; }

.allocation .jumbotronCont .jumbotron .buttonSection ul li button {
  padding-left: 10px !important; }

.allocation .jumbotronCont .jumbotron .zone .multiselect-parent {
  width: 100px; }
  .allocation .jumbotronCont .jumbotron .zone .multiselect-parent ul {
    min-width: inherit !important; }

.allocation .jumbotronCont .jumbotron .facility .multiselect-parent {
  width: 160px; }
  .allocation .jumbotronCont .jumbotron .facility .multiselect-parent ul {
    min-width: inherit !important; }

.allocation .jumbotronCont .jumbotron .saveBtn.actnsVertIcns ul li {
  border: 0; }

.allocation .pageFilters .filterRectArea {
  justify-content: space-between; }
  .allocation .pageFilters .filterRectArea section ul li .advanceSearch {
    display: flex;
    align-items: center;
    margin-top: -5px;
    color: #999; }
    .allocation .pageFilters .filterRectArea section ul li .advanceSearch .fa-caret-down, .allocation .pageFilters .filterRectArea section ul li .advanceSearch .fa-caret-right {
      font-size: 1.4em; }
    .allocation .pageFilters .filterRectArea section ul li .advanceSearch .line {
      height: 1px;
      width: 80%;
      background-color: #ccc; }
      @media (max-width: 1100px) {
        .allocation .pageFilters .filterRectArea section ul li .advanceSearch .line {
          max-width: 55%; } }
  .allocation .pageFilters .filterRectArea section ul li.disableRadio {
    opacity: 0.6; }
  .allocation .pageFilters .filterRectArea section ul .statusSection {
    display: inline-grid; }
    .allocation .pageFilters .filterRectArea section ul .statusSection span {
      margin-top: -3px; }
  .allocation .pageFilters .filterRectArea section.btnGroupFilter {
    align-items: center; }

.allocation table thead th .cstm_rdb_ckb {
  display: block;
  margin-top: -4px; }

.allocation table tbody td .allocationTransition span {
  color: #008000;
  font-size: 12px;
  padding-right: 5px; }

.allocation table tbody td .allocationTransition .popover {
  border-color: #fa9948; }
  .allocation table tbody td .allocationTransition .popover .arrow {
    border-top-color: #fa9948; }
  .allocation table tbody td .allocationTransition .popover .popover-inner .popover-content {
    color: #000000; }

.allocationModal .modal-dialog .modal-content .alert {
  width: 100%;
  left: 0;
  margin: 0; }

.allocationModal #allocateForm .dis-inline-tbl {
  display: inline-table; }

.allocationModal #allocateForm searchable-custom-combo input {
  width: 85%; }

.allocationModal #allocateForm searchable-custom-combo .drpdwnLabel {
  top: 2px; }

.allocationModal #allocateForm searchable-custom-combo .customComboBtn {
  top: 2px; }

.allocationModal #allocateForm searchable-custom-combo ul.menu {
  width: 85%; }

.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
  color: #fff !important;
  background-color: #fa9948 !important; }

.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover, .p-multiselect-panel .p-multiselect-items button:hover span.p-multiselect-item.cmnicons:not(.p-highlight):not(.p-disabled), button:hover .p-multiselect-panel .p-multiselect-items span.p-multiselect-item.cmnicons:not(.p-highlight):not(.p-disabled) {
  color: #fff !important;
  background-color: #fa9948 !important; }

.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
  box-shadow: inset 0 0 0 0.15rem rgba(250, 153, 72, 0.5) !important; }

.p-multiselect:not(.p-disabled).p-focus {
  border-color: #fa9948 !important;
  box-shadow: none !important; }

.p-checkbox .p-checkbox-box.p-highlight {
  border-color: #fff  !important;
  background: #fa9948  !important; }

.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  color: #fff !important;
  background-color: #fa9948 !important; }

.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover, .p-dropdown-panel .p-dropdown-items button:hover span.p-dropdown-item.cmnicons:not(.p-highlight):not(.p-disabled), button:hover .p-dropdown-panel .p-dropdown-items span.p-dropdown-item.cmnicons:not(.p-highlight):not(.p-disabled) {
  color: #fff !important;
  background-color: #fa9948 !important; }

.p-dropdown:not(.p-disabled).p-focus {
  box-shadow: none !important;
  border-color: #fa9948 !important; }

.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
  box-shadow: none !important; }

.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  background: #fa9948 !important;
  border-color: #fa9948 !important;
  color: #ffffff !important; }

p-checkbox {
  margin-top: 4px; }
  p-checkbox .p-checkbox .p-checkbox-box.p-focus {
    box-shadow: none; }

/** POPOVER HANDLING **/
[popover] {
  position: inherit;
  padding: 0;
  border: 0; }

/** POPOVER HANDLING **/
.date-time-picker {
  display: flex;
  justify-content: space-around; }
  @media (max-width: 700px) {
    .date-time-picker {
      display: inline-block; } }

.subscriber-next-followup b {
  font-size: 12px;
  padding-left: 15px; }
  @media (max-width: 600px) {
    .subscriber-next-followup b {
      padding-left: 0px; } }

.subscriber-next-followup strong {
  font-size: 11px; }

/* //////////////////////////// */
.active_stage_tag {
  font-weight: 500; }
  .active_stage_tag .fa {
    color: green; }

table#timepicker td:nth-last-child(2) {
  text-align: left; }

.followup-duration {
  position: relative;
  left: -17px;
  color: white;
  top: 6px;
  text-shadow: 2px 1px 0px #faa762, 0 1px 0 #FAA762, 1px 1px 0 #faa762, 1px 0 0 #faa762, 1px 1px 0 #faa762, 0 1px 0 #faa762, 2px 1px 0 #faa762, -1px 0 0 #faa762;
  font-family: sans-serif;
  font-size: 18px; }

.fnt_size18 {
  font-size: 18px !important; }

.fnt-size24 {
  font-size: 24px !important; }

@media (max-width: 700px) {
  .followup-reminder-modal {
    text-align: center !important;
    margin-bottom: 3px; } }

.followup-alert-pannel {
  display: flex;
  gap: 10px; }

/** floating section label - Add Screens **/
.verticleBox:before {
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  text-orientation: upright;
  writing-mode: vertical-rl;
  text-transform: uppercase;
  background: #fff;
  letter-spacing: 8px;
  padding: 5px 3px 0;
  color: #444444;
  font-weight: bold;
  font-size: 18px;
  content: 'info';
  left: -36px;
  top: 0; }

.verticleBox.scnd_box:before {
  left: -44px;
  content: 'call'; }

@media (max-width: 767px) {
  .verticleBox:before, .verticleBox:after {
    display: none; } }

@media (max-width: 420px) {
  .verticleBox .subsAddEditCommunication ul li {
    min-width: 46px !important; } }

/** subscriber follow up modal **/
.follow_alert_box {
  width: 520px !important;
  height: 310px !important;
  transform: translateY(-50%);
  transition: right 1s;
  top: 50% !important;
  font-size: 14px; }
  .follow_alert_box:before {
    top: 50% !important;
    transform: translateY(-50%); }
  @media (max-width: 766px) {
    .follow_alert_box {
      width: 340px !important;
      height: 409px !important; } }
  @media (min-width: 767px) {
    .follow_alert_box {
      width: 520px !important;
      height: 310px !important; } }
  .follow_alert_box.open_alert {
    right: -1px !important; }
  @media (max-width: 766px) {
    .follow_alert_box.close_alert {
      right: -340px !important; } }
  @media (min-width: 767px) {
    .follow_alert_box.close_alert {
      right: -482px !important; } }
  .follow_alert_box .alertList-body {
    width: 100% !important;
    height: 100% !important;
    box-shadow: none !important;
    padding: 0 10px !important; }
  @media (max-width: 766px) {
    .follow_alert_box .alertwrp .alerttext {
      transform: translateY(-50%) !important;
      left: -42px !important;
      top: 50% !important; } }
  @media (min-width: 767px) {
    .follow_alert_box .alertwrp .alerttext {
      left: -2px !important; } }
  .follow_alert_box .csm-summary-container {
    display: grid; }
    @media (max-width: 766px) {
      .follow_alert_box .csm-summary-container {
        grid-template-columns: repeat(3, 2fr);
        grid-column-gap: 0px;
        grid-row-gap: 20px; } }
    @media (min-width: 767px) {
      .follow_alert_box .csm-summary-container {
        grid-template-columns: repeat(5, 1fr);
        grid-column-gap: 0px; } }
    .follow_alert_box .csm-summary-container .csm-summary-box {
      position: relative;
      justify-content: space-between;
      width: 86px;
      height: 80px;
      background: #f2f2f2;
      flex-direction: column;
      border-radius: 10px;
      padding: 5px 8px 8px;
      display: flex;
      margin: auto; }
      .follow_alert_box .csm-summary-container .csm-summary-box .title {
        min-height: 40px; }
      .follow_alert_box .csm-summary-container .csm-summary-box .val_number {
        line-height: initial;
        color: #fa9948;
        font-weight: bold;
        font-size: 2em;
        margin: -2px 0 0 0; }
        .follow_alert_box .csm-summary-container .csm-summary-box .val_number.pointer {
          cursor: pointer; }

.base_fnt {
  font: 14px Calibri, Sans-serif, Arial; }

.block_m_t_1 {
  margin-top: 1px; }

.fnt1 {
  font-size: 1em; }

.invoiceTableListDetails .accordianViewBox.accordAppt {
  padding: 5px; }

.invoiceTableListDetails .accordianViewBox .invoiceCardViewBoxData {
  font-family: Calibri, Sans-serif, Arial; }
  .invoiceTableListDetails .accordianViewBox .invoiceCardViewBoxData.apptCardView {
    font-family: Calibri, Sans-serif, Arial; }

.invoiceCardView .invoiceCardViewBoxData.apptCardView ul li span {
  display: inline-block; }

.invoiceCardView .invoiceCardViewBoxData.apptCardView ul li div.apptListingPNameAndIcons {
  width: 100%;
  justify-content: flex-end; }

.invoiceCardView .invoiceCardViewBoxData.apptCardView ul li div span {
  font-weight: normal; }

@media (max-width: 768px) {
  .jumbotronCont .jumbotron.centerclass h1 {
    float: none !important;
    margin: 0.5em 0 !important; }
  .disNone {
    display: none !important; }
  .headerRowCard .allChckbox.dispCheckBox {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .headerRowCard .allChckbox .actDiv a {
    margin-top: 0px; }
    .headerRowCard .allChckbox .actDiv a .actIcon {
      font-size: 1.9em;
      height: 36px;
      width: 36px;
      padding-top: 7px; }
  .jumboClass.jumbotron div h1 {
    margin: 0.5em 0;
    float: none !important; } }
  @media (max-width: 768px) and (min-width: 520px) {
    .jumboClass.jumbotron div h1 {
      margin: 0.5em 0 !important; } }

@media (max-width: 768px) {
  .jumboClass.jumbotron .buttonsHdr {
    text-align: center !important; }
  .campCreationdate {
    text-align: center !important; }
  .pageFilters .filterRectArea.filtrArea {
    padding: 10px 17px; }
  .pageFilters .filterRectArea .formGroupFilter.filter_5_top_1 > ul .highlightGroupFilter > li {
    width: 29%; } }
  @media (max-width: 768px) and (max-width: 500px) {
    .pageFilters .filterRectArea .formGroupFilter.filter_5_top_1 > ul .highlightGroupFilter > li.wd_sml_12 {
      width: 100%; } }
  @media (max-width: 768px) and (max-width: 500px) {
    .pageFilters .filterRectArea .formGroupFilter.filter_5_top_1 > ul .highlightGroupFilter > li.wd_sml_6 {
      width: 47%; } }

@media (max-width: 768px) {
  .cardView .invoiceCardViewBoxData {
    font-family: Calibri, Sans-serif, Arial; }
    .cardView .invoiceCardViewBoxData ul li div[ng-bind-html="cardData.subs_stage"] br {
      display: none; }
    .cardView .invoiceCardViewBoxData ul .brnone br {
      display: none; }
    .cardView .invoiceCardViewBoxData ul div {
      display: inline-block; }
      .cardView .invoiceCardViewBoxData ul div div.text-center {
        display: inline-block; }
        .cardView .invoiceCardViewBoxData ul div div.text-center span.glyphicon {
          display: inline-block; }
      .cardView .invoiceCardViewBoxData ul div span {
        font-weight: normal !important; }
    .cardView .invoiceCardViewBoxData.chckCardDis {
      padding: 0px;
      width: 95%;
      text-align: left; }
      .cardView .invoiceCardViewBoxData.chckCardDis ul {
        margin-left: 12px; }
  .invoiceTableListDetails .accordianViewBox {
    padding: 5px !important; }
    .invoiceTableListDetails .accordianViewBox .chckboxDiv {
      width: 5% !important;
      display: inline-block;
      margin-top: 4px; }
  .headerRowCard {
    margin-bottom: 10px;
    padding: 0 10px; }
    .headerRowCard .allChckbox {
      width: 100%;
      padding: 5px 5px 2px 4px;
      box-shadow: 0px 1px 2px #ccc;
      background: #f2f2f2;
      display: inline-block;
      border-radius: 5px;
      border-bottom: 1px solid #f48d38; }
      .headerRowCard .allChckbox .chckboxall {
        width: 5%;
        display: inline-block;
        margin-top: -4px; }
      .headerRowCard .allChckbox .slcthead span {
        margin-left: 25px; }
  .pagingUI .pagination2Wrapper {
    margin-right: 0;
    width: auto; }
  .cardView .topPagination pg-info div.pgStatus,
  .cardView .btmPagination pg-info div.pgStatus {
    margin: 0.2em 0 0 0 !important;
    font-size: 12.8px !important;
    width: auto !important;
    font: normal 1em "RobotoRegular"; } }

/*** subscriber ***/
.appt_preference_icon.appt_web {
  background: url("../imgs/subs_appt_call_web.png") no-repeat top left;
  width: 21px;
  height: 20px;
  vertical-align: bottom;
  display: inline-block;
  background-size: 81%;
  margin: 0 0 0 5px; }
  .appt_preference_icon.appt_web.call_scn {
    vertical-align: middle;
    margin: 3px 0 0 5px; }

.appt_preference_icon.appt_app {
  background: url("../imgs/subs_appt_call_app.png") no-repeat top left;
  width: 21px;
  height: 20px;
  vertical-align: bottom;
  display: inline-block;
  background-size: 81%;
  margin: 0 0 0 5px; }
  .appt_preference_icon.appt_app.call_scn {
    vertical-align: middle;
    margin: 3px 0 0 5px; }

.data_icon {
  padding: 0 0 0 10px; }

.pre_icon {
  /*@include positioning (absolute);
    top: calc(50% - 8px);  
    left: -8px;*/
  float: right;
  margin: 0; }

.ovr_float .pre_icon {
  float: none;
  display: inline-block; }

.sml_txt_enquiry {
  font-size: 14px;
  font-family: Calibri, Sans-serif, Arial; }

.pageFilters .filterRectArea.advFormGroupFilter .formGroupFilterAligned ul li .multiSelectDD.subs_filter_multi_select .dropdown-multiselect .dropdown-toggle {
  font: 400 14px Calibri, Sans-serif, Arial; }

.pageFilters .filterRectArea.advFormGroupFilter .formGroupFilterAligned ul li .multiSelectDD.subs_filter_multi_select .dropdown-multiselect ul {
  max-height: 340px;
  padding: 0 0 5px 0;
  width: 200px !important; }
  .pageFilters .filterRectArea.advFormGroupFilter .formGroupFilterAligned ul li .multiSelectDD.subs_filter_multi_select .dropdown-multiselect ul li {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important; }
    .pageFilters .filterRectArea.advFormGroupFilter .formGroupFilterAligned ul li .multiSelectDD.subs_filter_multi_select .dropdown-multiselect ul li a {
      padding: 9px 14px 5px 14px; }
    .pageFilters .filterRectArea.advFormGroupFilter .formGroupFilterAligned ul li .multiSelectDD.subs_filter_multi_select .dropdown-multiselect ul li .dropdown-header {
      padding: 0 14px 0; }
    .pageFilters .filterRectArea.advFormGroupFilter .formGroupFilterAligned ul li .multiSelectDD.subs_filter_multi_select .dropdown-multiselect ul li.divider {
      margin: 10px 0 0 0 !important; }

/*** subscriber ***/
.errorBlock {
  font-size: .8em;
  display: inline-block;
  border-radius: 3px;
  margin-bottom: 3.5px;
  text-align: center;
  color: #fff;
  padding: 0 5px;
  color: #fff;
  background-color: #ff0000; }

#ozonetelFloatingButton {
  position: fixed;
  cursor: pointer;
  z-index: 9;
  background: url(../imgs/icons/ozonetel-call-in-progress.png) no-repeat;
  width: 77px;
  height: 68px;
  left: 3px;
  bottom: 0px;
  background-size: 100% 100%; }

.ozonetelSnapshortModal .personal_info_heading {
  margin: 0;
  padding: 0px 0px 14px 0px;
  margin-bottom: 21px;
  border-bottom: 1px solid #e8dfdf;
  width: 100%; }

.ozonetelSnapshortModal .modal-dialog {
  margin-left: 80px; }
  .ozonetelSnapshortModal .modal-dialog .modalBtns {
    right: -39px; }

.ozonetelSnapshortModal .oznonetel_btn {
  background-color: #f48d38;
  color: white;
  border-radius: 9px;
  margin-right: 10px; }

.ozonetelSnapshortModal .past_deatil {
  border-top: 1px solid #dcdcdc;
  margin: auto;
  border-bottom: 1px solid #dcdcdc;
  padding: 14px 0px;
  margin: 20px 0px; }

.ozonetelSnapshortModal .modal-body-height {
  min-height: 170px; }

.ozonetelSnapshortModal .table-responsive {
  max-height: 200px;
  overflow-y: scroll;
  overflow-y: scroll;
  scrollbar-color: #FF6707 transparent;
  scrollbar-width: thin; }
  .ozonetelSnapshortModal .table-responsive table tbody tr.active > td {
    background-color: #f3e2a7; }
  .ozonetelSnapshortModal .table-responsive table tbody tr td input {
    min-height: 0;
    box-shadow: none; }
  .ozonetelSnapshortModal .table-responsive table tbody tr td .cstm_rdb_ckb {
    display: block; }
    .ozonetelSnapshortModal .table-responsive table tbody tr td .cstm_rdb_ckb ul {
      padding: 6px 0px 1px 3px;
      width: 20px !important; }
      .ozonetelSnapshortModal .table-responsive table tbody tr td .cstm_rdb_ckb ul li label {
        height: 20px; }

@media (max-width: 800px) {
  .ozonetelSnapshortModal .mrgnLft30 {
    margin-left: 0px !important; } }

.new-subscriber div {
  margin-left: auto !important; }

.iFrameBox, .iFrameBoxActive {
  position: fixed;
  right: 0px;
  bottom: -546px;
  z-index: 1092;
  transition: all .3s linear; }

.iFrameBoxActive {
  bottom: -6px; }

.iFrameBtn {
  float: right;
  z-index: 9;
  margin-right: 3px; }

.ozonetelWidegetButton ~ div iframe {
  border: 1px solid #d2d1d1;
  background-color: white; }

.cloud-telephony-frame-icon {
  height: 68px;
  cursor: pointer; }

.ozonetelWidget {
  font-size: 28px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  height: 38px;
  width: 38px;
  color: #fa9948;
  background: #fff;
  cursor: pointer;
  border: 1px solid #ccc;
  transition: all .2s linear; }

.ozonetelWidget:hover, button:hover span.ozonetelWidget.cmnicons {
  color: #fff;
  background: #fa9948;
  border: 1px solid #fff; }

.snapshot-dialog .modal-dialog {
  margin-left: 80px; }

.itemTagging {
  background: green;
  border-radius: 4px;
  font-size: 11px;
  text-transform: capitalize;
  color: #fff;
  padding: 0px 3px 0px;
  margin: 0 0 0 2px;
  text-align: center; }

.showTagBadge {
  display: inline-block !important;
  text-transform: uppercase;
  padding: 1px 4px 0px;
  border-radius: 3px;
  font-weight: 600;
  font-size: 10px;
  color: white; }
  .showTagBadge.bg_008000 {
    background-color: #008000; }
  .showTagBadge.bg_E98734 {
    background-color: #E98734; }
  .showTagBadge.bg_4391BA {
    background-color: #4391BA; }

.showTagBadge_008000, .showTagBadge_ED9043, .showTagBadge_4391BA {
  -webkit-transform-origin: 50%  50%;
  position: absolute;
  text-transform: uppercase;
  width: 46px;
  height: 46px;
  font-weight: 600;
  color: white;
  left: -5px;
  top: -5px; }
  .showTagBadge_008000 .badge_text_rotate, .showTagBadge_ED9043 .badge_text_rotate, .showTagBadge_4391BA .badge_text_rotate {
    width: 34px;
    height: 38px;
    transform: rotate(314deg);
    font-size: 11px; }

.showTagBadge_008000 {
  background: url("../imgs/badge-green.png") no-repeat top left; }

.showTagBadge_ED9043 {
  background: url("../imgs/badge-orange.png") no-repeat top left; }

.showTagBadge_4391BA {
  background: url("../imgs/badge-blue.png") no-repeat top left; }

/** subslisting **/
.hideAllTableCheckbox table thead tr th .cstm_rdb_ckb {
  display: none; }

.hideAllTableCheckbox table tbody tr td .cstm_rdb_ckb {
  display: none; }

.hideAllTableCheckbox .slcthead {
  display: none; }

.hideAllTableCheckbox.cardView .accordianViewBox .chckCardDis {
  display: none; }

.hideAllTableCheckbox.cardView .invoiceCardViewBoxData.chckCardDis {
  width: 100%; }

.tooltip .tooltip-inner {
  border: 1px solid #faa762;
  background-color: #fff;
  color: #444444; }

.tooltip.in {
  opacity: 1; }

.tooltip.top .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
  border-top-color: #faa762; }

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #faa762; }

.tooltip.left .tooltip-arrow {
  border-left-color: #faa762; }

.tooltip.right .tooltip-arrow {
  border-right-color: #faa762; }

.modal_tooth_edit {
  margin: 6px 0 0 8px;
  font-weight: bold;
  color: red;
  font-size: 14px;
  color: #faa762; }

.color_red {
  color: red; }

.access_denied_container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  flex-wrap: wrap;
  left: 0;
  right: 0;
  height: calc(90% - 70px);
  bottom: auto;
  top: auto;
  text-align: center;
  font-size: 17px; }
  .access_denied_container.inclosure {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 6px;
    border: 1px solid #dfdfdf; }
  @media screen and (max-width: 766px) {
    .access_denied_container {
      margin: 0 20px; } }
  .access_denied_container .fixed-width-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 30px; }
    .access_denied_container .fixed-width-container img {
      width: 45%; }
  .access_denied_container .ip_info {
    margin: 0 0 20px 0;
    font-weight: 600;
    font-size: 22px; }
    .access_denied_container .ip_info span {
      color: #d72e2e; }
  .access_denied_container .email_info {
    font-weight: 600; }

.subLeadFilter {
  margin-top: 30px !important;
  display: flex !important; }
  .subLeadFilter .subLeadSearchInput {
    width: 70% !important; }

@media (max-width: 764px) {
  .subLeadFilter {
    margin: 8px 0px 15px !important;
    justify-content: end !important; } }

@media (max-width: 764px) {
  .lwo_listing_table .clinic_name {
    text-align: center !important; }
  .lwo_listing_table .actnsVertIcns {
    display: flex; } }

.wh-space-nowrap {
  white-space: nowrap; }

@media (min-width: 768px) {
  .d-md-flex {
    display: flex; } }

.mrgn-right-5 {
  margin-right: 5px !important; }

.multiSelectDD .multiselect-parent ul li.disable_click_event {
  pointer-events: none;
  filter: opacity(0.8); }

.multiSelectDD .multiselect-parent ul li.disable_click_event a > span {
  position: relative; }

.multiSelectDD .multiselect-parent ul li a > span {
  width: 11px;
  height: 10px; }

.multiSelectDD .multiselect-parent ul li.disable_click_event a > span::before {
  content: "\f096";
  color: gray;
  width: 10px;
  height: 10px;
  display: inline-block; }

.multiSelectDD .multiselect-parent ul li.disable_click_event a > span::after {
  content: "\f00d";
  font-size: 0.92rem;
  color: gray;
  top: 0;
  left: 2px;
  position: absolute;
  width: 7px;
  height: 7px;
  line-height: 12px; }

.app_icon_subsview {
  display: inline-block;
  margin: -11px 10px; }
  .app_icon_subsview .adjust_icon {
    margin: 0 auto -6px !important; }

.tooltip_btm_custom.tool_auto .tooltip {
  width: auto;
  left: 60px !important; }

.tooltip_btm_custom .tooltip.top {
  bottom: -46px;
  top: auto !important; }
  .tooltip_btm_custom .tooltip.top .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
    border-bottom-color: #faa762; }

.tooltip_btm_custom.tool_btm_62 .tooltip.top {
  bottom: -62px; }

.collapse {
  height: 0px;
  transition: height 0.25s ease-in; }
  .collapse.in {
    height: auto !important; }

.modal-backdrop {
  display: none; }

.reco_text_accr {
  padding: 0 40px 7px 20px;
  font-size: 15px;
  line-height: 22px; }

.grid-selected {
  background-color: #f7e2b0 !important; }
  .grid-selected .btnLabel {
    color: #008000; }

.grid-highligted {
  background-color: #f5e9db !important; }
  .grid-highligted td {
    border-color: #ddd0d0 !important; }

.search_coupon_container {
  background: #f5f5f5;
  display: block;
  border: 1px solid #c7c7c7;
  border-radius: 3px;
  margin: 0 0 10px 0;
  padding: 5px 0; }
  .search_coupon_container label {
    display: block;
    margin: unset;
    font-weight: 600; }
  .search_coupon_container .actnsVertIcns a {
    margin: 5px 3px 0 0; }
    .search_coupon_container .actnsVertIcns a .btnLabel {
      margin: 0 0 -6px 0;
      display: block; }

.actin_col_style {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  align-items: center; }
  .actin_col_style span.actn-icn.activ {
    padding: 0;
    margin: 0; }
  .actin_col_style span.btnLabel {
    margin: 0 0 0 4px; }

#membershipCouponListTable tbody tr td {
  height: 38px; }

.searched_coupon_tag {
  font-size: 12px;
  font-weight: 600;
  margin: -3px 0 2px 0;
  color: #e16c0b; }

.invoice_receipt_listing_data {
  width: 13%; }
  .invoice_receipt_listing_data div {
    display: block;
    word-break: break-word;
    white-space: normal;
    overflow-wrap: break-word;
    max-width: 100%; }

.labWorkView {
  height: 480px !important; }

.modal_content_print {
  position: absolute;
  right: 18px;
  opacity: 1 !important;
  z-index: 9;
  top: 0; }
  .modal_content_print .cmnicons, .modal_content_print button:hover span.cmnicons, button:hover .modal_content_print span.cmnicons {
    width: 35px;
    height: 35px;
    border: 0;
    box-shadow: none;
    background-position: -942px -194px;
    border-radius: 0; }
    .modal_content_print .cmnicons:hover, .modal_content_print button:hover span.cmnicons, button:hover .modal_content_print span.cmnicons {
      background-position: -942px -194px !important;
      background-color: transparent;
      box-shadow: none; }

.mxH300 .dropdown-menu {
  max-height: 300px; }

.stageinfotext {
  color: #347ab6;
  cursor: pointer; }

@media (max-width: 767px) {
  .lwo_source {
    text-align: left; }
  .Lab_work_order {
    text-align: left; } }

@media (min-width: 768px) {
  .lwo_source {
    text-align: center; }
  .Lab_work_order {
    text-align: right; } }

/** batch status **/
.batch_status {
  width: 20px;
  height: 20px;
  border-radius: 0.25em;
  margin: -3px 2px 0px 0;
  display: inline-block;
  vertical-align: middle; }
  .batch_status.orange {
    background-color: #f3a041; }
  .batch_status.green {
    background-color: #23A761; }
  .batch_status.grey {
    background-color: #DEDEDE; }

.paytmQR img {
  width: 249px; }

.paytmQR .status_btn {
  background: #FAA762;
  border: none;
  color: #FFFFFF;
  padding: 4px 15px;
  font-size: 18px;
  margin-top: 15px;
  cursor: pointer;
  border-radius: 6px; }

.paytmQR .success {
  margin-bottom: 34px; }
  .paytmQR .success img {
    width: 100px;
    margin: auto;
    margin-top: 13px;
    margin-bottom: 9px; }
  .paytmQR .success tr {
    background-color: white; }
  .paytmQR .success .payment_sccess_heading {
    margin-bottom: 40px;
    margin-top: 34px; }

.mdu_clinic .header_bar {
  display: flex;
  align-items: center; }

.mdu_clinic .ttoth_site {
  border-left: none;
  width: 100%;
  max-width: 100%;
  margin-left: 0 !important;
  padding-left: 0 !important; }

.mdu_clinic .nav-tabs:first-of-type > li {
  display: none !important; }

.mdu_clinic .tab-content {
  border: none;
  box-shadow: none; }

.sendConsentModal hr {
  margin: 10px 0px 10px 0 !important; }

.sendConsentModal .print, .sendConsentModal .send {
  outline: none;
  border: none;
  background: #FAA762;
  color: white;
  width: 49px;
  border-radius: 3px; }

.procedure_tag {
  background: #FAA762;
  padding: 2px 7px;
  color: white;
  border-radius: 4px; }

.receipt_view_list_modal, #DiagnosListView {
  background-color: rgba(0, 0, 0, 0.4); }

.appointment_enquiry .enquiry-detail-container {
  padding-left: 0px; }

/*!
 * angular-aside - v1.1.2
 * https://github.com/dbtek/angular-aside
 * 2014-12-24
 * Copyright (c) 2014 İsmail Demirbilek
 * License: MIT
 */
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInTop {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInTop {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }

.fadeInTop {
  -webkit-animation-name: fadeInTop;
  animation-name: fadeInTop; }

@-webkit-keyframes fadeInBottom {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInBottom {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }

.fadeInBottom {
  -webkit-animation-name: fadeInBottom;
  animation-name: fadeInBottom; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

/* Common */
.ng-aside {
  overflow-y: auto;
  overflow-x: hidden;
  /** horizontalEffect **/
  /** verticalEffect **/ }
  .ng-aside.fade .modal-dialog {
    -o-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -webkit-transition: none;
    transition: none;
    /*CSS transforms*/
    -o-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none; }
  .ng-aside .modal-dialog {
    background-color: #fff;
    border-radius: 0 10px 10px 0;
    position: absolute;
    box-shadow: 2px 2px 2px #ccc;
    margin: 0;
    padding: 0;
    width: 75px; }
    .ng-aside .modal-dialog .modal-content {
      border-radius: 0;
      overflow-y: auto;
      overflow-x: hidden;
      border: none;
      padding: 0;
      box-shadow: none; }
      .ng-aside .modal-dialog .modal-content .modal-body {
        position: relative;
        max-height: none;
        padding: 0; }
        .ng-aside .modal-dialog .modal-content .modal-body ul {
          padding: 0;
          border: 0 none;
          display: block;
          width: 75px; }
          .ng-aside .modal-dialog .modal-content .modal-body ul li:last-child a {
            border-bottom: 0 none; }
          .ng-aside .modal-dialog .modal-content .modal-body ul a {
            padding: .3em 0 .1em;
            border-bottom: 1px solid #cdcdcd; }
            .ng-aside .modal-dialog .modal-content .modal-body ul a .btn {
              padding: 0;
              margin: 0; }
            .ng-aside .modal-dialog .modal-content .modal-body ul a b {
              display: block;
              font-size: .9em;
              font-weight: normal;
              color: #444444; }
            .ng-aside .modal-dialog .modal-content .modal-body ul a:hover {
              background: transparent; }
  .ng-aside.horizontal {
    height: 100%; }
    .ng-aside.horizontal .modal-dialog {
      position: absolute;
      top: 10%; }
      .ng-aside.horizontal .modal-dialog .modal-content {
        text-align: center;
        width: 133px;
        background: none; }
    .ng-aside.horizontal.left .modal-dialog {
      position: static;
      left: 0;
      top: 10%; }
    .ng-aside.horizontal.left.in .modal-dialog {
      animation: fadeInLeft 400ms;
      -webkit-animation: fadeInLeft 400ms;
      -moz-animation: fadeInLeft 400ms;
      -o-animation: fadeInLeft 400ms;
      -ms-animation: fadeInLeft 400ms; }
    .ng-aside.horizontal.right .modal-dialog {
      right: 0;
      animation: fadeOutRight 400ms;
      -webkit-animation: fadeOutRight 400ms;
      -moz-animation: fadeOutRight 400ms;
      -o-animation: fadeOutRight 400ms;
      -ms-animation: fadeOutRight 400ms; }
    .ng-aside.horizontal.right.in .modal-dialog {
      animation: fadeInRight 250ms;
      -webkit-animation: fadeInRight 250ms; }
  .ng-aside.vertical {
    width: 100% !important;
    overflow: hidden; }
    .ng-aside.vertical .modal-dialog {
      left: 0;
      right: 0;
      width: 100% !important; }
      .ng-aside.vertical .modal-dialog .modal-content {
        max-height: 400px; }
    .ng-aside.vertical.top .modal-dialog {
      animation: fadeOutUp 250ms;
      -webkit-animation: fadeOutUp 250ms;
      -webkit-animation: fadeOutUp 250ms;
      -moz-animation: fadeOutUp 250ms;
      -o-animation: fadeOutUp 250ms;
      -ms-animation: fadeOutUp 250ms;
      top: 0; }
      .ng-aside.vertical.top .modal-dialog .modal-content {
        width: 100%; }
    .ng-aside.vertical.top.in .modal-dialog {
      animation: fadeInTop 250ms;
      -webkit-animation: fadeInTop 250ms;
      -webkit-animation: fadeInTop 250ms;
      -moz-animation: fadeInTop 250ms;
      -o-animation: fadeInTop 250ms;
      -ms-animation: fadeInTop 250ms; }
    .ng-aside.vertical.bottom .modal-dialog {
      animation: fadeOutDown 250ms;
      -webkit-animation: fadeOutDown 250ms;
      -webkit-animation: fadeOutDown 250ms;
      -moz-animation: fadeOutDown 250ms;
      -o-animation: fadeOutDown 250ms;
      -ms-animation: fadeOutDown 250ms;
      bottom: 0; }
    .ng-aside.vertical.bottom.in .modal-dialog {
      animation: fadeInBottom 250ms;
      -webkit-animation: fadeInBottom 250ms;
      -webkit-animation: fadeInBottom 250ms;
      -moz-animation: fadeInBottom 250ms;
      -o-animation: fadeInBottom 250ms;
      -ms-animation: fadeInBottom 250ms; }

.modal-open .ng-aside {
  display: flex !important;
  align-items: flex-start; }
  .modal-open .ng-aside.horizontal.left .modal-dialog {
    animation: fadeOutLeft 250ms;
    -webkit-animation: fadeOutLeft 250ms;
    -moz-animation: fadeOutLeft 250ms;
    -o-animation: fadeOutLeft 250ms;
    -ms-animation: fadeOutLeft 250ms; }

@media (min-height: 530px) {
  .modal-open .ng-aside {
    align-items: center; } }

/** leftNav **/
.sidemenu li a:active {
  background: transparent; }

.sidemenu li a .btn:active {
  box-shadow: none; }

.modal-backdrop {
  /* @include positioning(inherit); */ }

.modal-vertical-centered {
  transform: translate(0, 50%) !important;
  -ms-transform: translate(0, 50%) !important;
  /* IE 9 */
  -webkit-transform: translate(0, 50%) !important;
  /* Safari and Chrome */ }

/*
	Contents	:	The file contains the ui css of calender in new theme for Clove PRM
	Author		:	Sweety Gupta
*/
/* Calender (New Theme) */
.datepickerMain ul {
  width: 207px;
  padding: 4px !important;
  border: 1px solid #999;
  border-radius: 5px;
  font: normal 1em "RobotoRegular";
  color: #444444; }
  .datepickerMain ul li {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important; }
  .datepickerMain ul table {
    outline: 0px;
    width: 100% !important; }
    .datepickerMain ul table button[role="heading"] {
      background: #f7d4be;
      font-size: .95em; }
    .datepickerMain ul table tr {
      background: #fff !important; }
      .datepickerMain ul table tr td, .datepickerMain ul table tr th {
        padding: 0px;
        margin: 0px;
        padding: 0px; }
        .datepickerMain ul table tr td button, .datepickerMain ul table tr th button {
          padding: 0px; }
      .datepickerMain ul table tr td .prevDateDisabled {
        display: none; }
    .datepickerMain ul table thead tr {
      margin-left: 5px;
      margin-right: 5px; }
      .datepickerMain ul table thead tr th button {
        background: #f7d4be;
        font-size: .95em; }
      .datepickerMain ul table thead tr:nth-child(1) {
        background: #e1e1e1;
        border: 1px solid #999; }
        .datepickerMain ul table thead tr:nth-child(1) button {
          border: 0px; }
          .datepickerMain ul table thead tr:nth-child(1) button:hover, .datepickerMain ul table thead tr:nth-child(1) button.btn-default {
            background: #e4e4e4; }
          .datepickerMain ul table thead tr:nth-child(1) button i.glyphicon {
            width: 20px;
            height: 20px;
            position: relative;
            top: 3px; }
      .datepickerMain ul table thead tr:nth-child(1) th {
        background: #e4e4e4; }
      .datepickerMain ul table thead tr:nth-child(2) th {
        font-weight: 600;
        font-size: .9em; }
    .datepickerMain ul table thead button {
      padding: 0 3px 2px !important; }
    .datepickerMain ul table tbody td {
      padding: 2px !important;
      width: auto; }
      .datepickerMain ul table tbody td button {
        font-weight: 600;
        border: 1px solid #999;
        background: #e4e4e4;
        padding: 1px;
        border-radius: 2px; }
        .datepickerMain ul table tbody td button.active {
          box-shadow: none;
          background: #dd5600;
          border: 0px; }
        .datepickerMain ul table tbody td button span {
          font-size: .85em; }
      .datepickerMain ul table tbody td[aria-disabled="false"] button:hover {
        color: #fff;
        border-color: #faa762;
        background: #faa762; }
        .datepickerMain ul table tbody td[aria-disabled="false"] button:hover .text-info {
          color: #fff; }
      .datepickerMain ul table tbody td span.ng-binding.text-muted {
        color: #a9a9a9; }
      .datepickerMain ul table tbody td.text-center.h6.ng-hide ~ td button.btn[disabled] {
        opacity: .5 !important; }
    .datepickerMain ul table:focus, .datepickerMain ul table:active {
      border: 0 none !important;
      outline: 0 none !important; }
    .datepickerMain ul table[ng-switch-when=month], .datepickerMain ul table[ng-switch-when=day] {
      width: 100%; }
    .datepickerMain ul table .text-info {
      color: #444444; }
    .datepickerMain ul table button.btn.btn-default.active {
      background: #faa762 !important;
      border: 1px solid #faa762;
      color: #fff; }
      .datepickerMain ul table button.btn.btn-default.active > span {
        color: #fff !important; }
      .datepickerMain ul table button.btn.btn-default.active .text-info {
        color: #fff; }
      .datepickerMain ul table button.btn.btn-default.active[disabled] {
        background-color: #e6e6e6 !important;
        border-color: #adadad !important;
        color: #444444 !important; }
        .datepickerMain ul table button.btn.btn-default.active[disabled] > span {
          color: #444444 !important; }
    .datepickerMain ul table button.btn.btn-default[disabled] {
      background-color: #e6e6e6 !important;
      border-color: #adadad !important;
      color: #444444 !important; }
      .datepickerMain ul table button.btn.btn-default[disabled] > span {
        color: #444444 !important; }
    .datepickerMain ul table .form-control {
      z-index: 1; }
    .datepickerMain ul table .input-group-btn button.btn {
      padding: 8px 12px;
      color: #fff;
      background: #dd5600;
      border-bottom: 1px solid #dd5600;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px; }
    .datepickerMain ul table[ng-switch-when="day"] tbody tr td button {
      width: 24px !important;
      height: auto;
      text-align: right;
      padding-right: 4px; }
      .datepickerMain ul table[ng-switch-when="day"] tbody tr td button span {
        font-size: .95em; }
    .datepickerMain ul table[ng-switch-when="month"] tbody tr td button {
      width: 61px !important;
      height: auto; }
    .datepickerMain ul table[ng-switch-when="year"] tbody tr td button {
      width: 35px !important;
      height: auto; }

/* jquery calender */
#ui-datepicker-div {
  width: 207px;
  padding: 4px !important;
  border: 1px solid #999;
  border-radius: 5px;
  font: normal 1em "RobotoRegular";
  color: #444444; }
  #ui-datepicker-div .ui-datepicker-header {
    width: 100% !important;
    padding: 0 0 4px 0 !important;
    margin: 0 0 4px 0 !important;
    border: 1px solid #999;
    border-radius: 0px;
    background: #e4e4e4 !important; }
  #ui-datepicker-div .ui-datepicker-title {
    font-size: .8em;
    margin: 0 10px; }
  #ui-datepicker-div .ui-state-default {
    background: #e4e4e4;
    border: 1px solid #999;
    text-align: center;
    font-weight: 600;
    font-size: .85em;
    padding: 1px 0px 1px 2px;
    border-radius: 2px;
    width: 24px !important;
    color: #444; }
    #ui-datepicker-div .ui-state-default:hover, #ui-datepicker-div button:hover span.ui-state-default.cmnicons, button:hover #ui-datepicker-div span.ui-state-default.cmnicons {
      color: #fff;
      border-color: #faa762;
      background: #faa762; }
  #ui-datepicker-div .ui-datepicker-today .ui-state-default {
    background: #bbb;
    color: #444; }
    #ui-datepicker-div .ui-datepicker-today .ui-state-default:hover, #ui-datepicker-div .ui-datepicker-today button:hover span.ui-state-default.cmnicons, button:hover #ui-datepicker-div .ui-datepicker-today span.ui-state-default.cmnicons {
      color: #fff;
      border-color: #faa762;
      background: #faa762; }
  #ui-datepicker-div .ui-datepicker-current-day .ui-state-default {
    color: #fff;
    border-color: #faa762;
    background: #faa762; }
  #ui-datepicker-div .ui-datepicker-unselectable.ui-state-disabled .ui-state-default:hover, #ui-datepicker-div .ui-datepicker-unselectable.ui-state-disabled button:hover span.ui-state-default.cmnicons, button:hover #ui-datepicker-div .ui-datepicker-unselectable.ui-state-disabled span.ui-state-default.cmnicons {
    background: #fff;
    color: #444444; }
  #ui-datepicker-div select.ui-datepicker-month, #ui-datepicker-div select.ui-datepicker-year {
    width: 65px;
    font: 600 1em "RobotoRegular";
    color: #444444;
    padding: 0;
    margin: -2px 4px 0 4px; }
    #ui-datepicker-div select.ui-datepicker-month option, #ui-datepicker-div select.ui-datepicker-year option {
      font-size: .9em; }
  #ui-datepicker-div .ui-datepicker-next, #ui-datepicker-div .ui-datepicker-prev {
    background: transparent;
    width: auto;
    height: auto;
    position: relative;
    cursor: pointer;
    top: 8px;
    font-size: .8em;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased; }
    #ui-datepicker-div .ui-datepicker-next span, #ui-datepicker-div .ui-datepicker-prev span {
      background: transparent;
      position: relative;
      margin: 0;
      left: auto;
      top: auto;
      display: none; }
    #ui-datepicker-div .ui-datepicker-next.ui-state-hover, #ui-datepicker-div .ui-datepicker-prev.ui-state-hover {
      border: 0 none;
      background: transparent; }
  #ui-datepicker-div .ui-datepicker-prev {
    float: left;
    left: 5px; }
    #ui-datepicker-div .ui-datepicker-prev:before {
      content: "\e079"; }
  #ui-datepicker-div .ui-datepicker-next {
    float: right;
    right: 5px; }
    #ui-datepicker-div .ui-datepicker-next:before {
      content: "\e080"; }
  #ui-datepicker-div table {
    outline: 0px;
    width: 100% !important; }
    #ui-datepicker-div table tr {
      background: #fff !important; }
      #ui-datepicker-div table tr td, #ui-datepicker-div table tr th {
        padding: 0px;
        margin: 0px;
        padding: 0px; }
    #ui-datepicker-div table thead tr {
      margin-left: 5px;
      margin-right: 5px; }
      #ui-datepicker-div table thead tr:nth-child(1) {
        font-size: .85em; }
      #ui-datepicker-div table thead tr:nth-child(2) th {
        font-weight: 600;
        font-size: .9em; }
    #ui-datepicker-div table tbody td {
      padding: 2px !important;
      width: auto; }

/* Calender (New Theme) */
/******************** verticle icons ********************/
.actnsVertIcns {
  text-align: right !important;
  /*&.actnsSmlFnts {


	&.actnsSmlFnts {
		font-size: .8em;
	}

	&.actnsMdFnts {
		font-size: .9em;
	}*/ }
  .actnsVertIcns.icns_left {
    text-align: left !important; }
  .actnsVertIcns.icns_center {
    text-align: center !important; }
  .actnsVertIcns.shiftRight {
    float: right; }
  .actnsVertIcns.tool_w200 .tooltip {
    width: 180px; }
  .actnsVertIcns button {
    background-color: transparent; }
    .actnsVertIcns button:hover, .actnsVertIcns button:active, .actnsVertIcns button:focus {
      background-color: transparent; }
  .actnsVertIcns a, .actnsVertIcns button, .actnsVertIcns label {
    width: auto;
    height: 100%;
    text-align: center;
    color: #444444;
    font-size: 13px;
    min-width: 40px;
    padding: 0 2px;
    margin: auto; }
    .actnsVertIcns a.mini_actions, .actnsVertIcns button.mini_actions, .actnsVertIcns label.mini_actions {
      min-width: 32px;
      padding: 0 1px; }
    .actnsVertIcns a:hover, .actnsVertIcns a:active, .actnsVertIcns a:focus, .actnsVertIcns button:hover, .actnsVertIcns button:active, .actnsVertIcns button:focus, .actnsVertIcns label:hover, .actnsVertIcns label:active, .actnsVertIcns label:focus {
      color: #fa9948; }
    .actnsVertIcns a:active, .actnsVertIcns button:active, .actnsVertIcns label:active {
      box-shadow: none; }
    .actnsVertIcns a.disable_button, .actnsVertIcns button.disable_button, .actnsVertIcns label.disable_button {
      color: #666666; }
      .actnsVertIcns a.disable_button:hover, .actnsVertIcns a.disable_button:active, .actnsVertIcns a.disable_button:focus, .actnsVertIcns button.disable_button:hover, .actnsVertIcns button.disable_button:active, .actnsVertIcns button.disable_button:focus, .actnsVertIcns label.disable_button:hover, .actnsVertIcns label.disable_button:active, .actnsVertIcns label.disable_button:focus {
        color: #666666; }
    .actnsVertIcns a.no_button_highlight:hover, .actnsVertIcns a.no_button_highlight:active, .actnsVertIcns a.no_button_highlight:focus, .actnsVertIcns button.no_button_highlight:hover, .actnsVertIcns button.no_button_highlight:active, .actnsVertIcns button.no_button_highlight:focus, .actnsVertIcns label.no_button_highlight:hover, .actnsVertIcns label.no_button_highlight:active, .actnsVertIcns label.no_button_highlight:focus {
      color: #444444; }
    .actnsVertIcns a span.actn-icn, .actnsVertIcns button span.actn-icn, .actnsVertIcns label span.actn-icn {
      background: url("../imgs/actin_icns.png") no-repeat top left;
      width: 30px;
      height: 30px;
      display: block;
      margin: auto; }
      .actnsVertIcns a span.actn-icn.copy_clipboard, .actnsVertIcns button span.actn-icn.copy_clipboard, .actnsVertIcns label span.actn-icn.copy_clipboard {
        background-position: -390px -640px;
        width: 20px;
        height: 20px;
        margin: -6px 0 0 0; }
      .actnsVertIcns a span.actn-icn.patient_deactivate, .actnsVertIcns button span.actn-icn.patient_deactivate, .actnsVertIcns label span.actn-icn.patient_deactivate {
        background-position: -941px -553px; }
      .actnsVertIcns a span.actn-icn.patient_activate, .actnsVertIcns button span.actn-icn.patient_activate, .actnsVertIcns label span.actn-icn.patient_activate {
        background-position: -473px -553px; }
      .actnsVertIcns a span.actn-icn.patient_deactivate_2, .actnsVertIcns button span.actn-icn.patient_deactivate_2, .actnsVertIcns label span.actn-icn.patient_deactivate_2 {
        background-position: -647px -553px; }
      .actnsVertIcns a span.actn-icn.patient_activate_2, .actnsVertIcns button span.actn-icn.patient_activate_2, .actnsVertIcns label span.actn-icn.patient_activate_2 {
        background-position: -561px -553px; }
      .actnsVertIcns a span.actn-icn.wf_icon, .actnsVertIcns button span.actn-icn.wf_icon, .actnsVertIcns label span.actn-icn.wf_icon {
        background: transparent; }
      .actnsVertIcns a span.actn-icn.callRefresh, .actnsVertIcns button span.actn-icn.callRefresh, .actnsVertIcns label span.actn-icn.callRefresh {
        background-position: -601px -920px; }
      .actnsVertIcns a span.actn-icn.add, .actnsVertIcns button span.actn-icn.add, .actnsVertIcns label span.actn-icn.add {
        background-position: -27px -337px; }
      .actnsVertIcns a span.actn-icn.edit, .actnsVertIcns button span.actn-icn.edit, .actnsVertIcns label span.actn-icn.edit {
        background-position: -91px -259px; }
      .actnsVertIcns a span.actn-icn.view, .actnsVertIcns button span.actn-icn.view, .actnsVertIcns label span.actn-icn.view {
        background-position: -21px -19px; }
      .actnsVertIcns a span.actn-icn.delete, .actnsVertIcns button span.actn-icn.delete, .actnsVertIcns label span.actn-icn.delete {
        background-position: -548px -340px; }
      .actnsVertIcns a span.actn-icn.reco, .actnsVertIcns button span.actn-icn.reco, .actnsVertIcns label span.actn-icn.reco {
        background-position: -696px -340px; }
      .actnsVertIcns a span.actn-icn.history, .actnsVertIcns button span.actn-icn.history, .actnsVertIcns label span.actn-icn.history {
        background-position: -506px -264px; }
      .actnsVertIcns a span.actn-icn.print, .actnsVertIcns button span.actn-icn.print, .actnsVertIcns label span.actn-icn.print {
        background-position: -155px -260px; }
      .actnsVertIcns a span.actn-icn.print-send, .actnsVertIcns button span.actn-icn.print-send, .actnsVertIcns label span.actn-icn.print-send {
        background-position: -815px -486px;
        width: 29px; }
      .actnsVertIcns a span.actn-icn.cancel, .actnsVertIcns button span.actn-icn.cancel, .actnsVertIcns label span.actn-icn.cancel {
        background-position: -884px -264px; }
      .actnsVertIcns a span.actn-icn.save, .actnsVertIcns button span.actn-icn.save, .actnsVertIcns label span.actn-icn.save {
        background-position: -482px -340px; }
      .actnsVertIcns a span.actn-icn.followup, .actnsVertIcns button span.actn-icn.followup, .actnsVertIcns label span.actn-icn.followup {
        background-position: -806px -264px; }
      .actnsVertIcns a span.actn-icn.getReview, .actnsVertIcns button span.actn-icn.getReview, .actnsVertIcns label span.actn-icn.getReview {
        background-position: -653px -263px; }
      .actnsVertIcns a span.actn-icn.subReview, .actnsVertIcns button span.actn-icn.subReview, .actnsVertIcns label span.actn-icn.subReview {
        background-position: -731px -264px; }
      .actnsVertIcns a span.actn-icn.suspend, .actnsVertIcns button span.actn-icn.suspend, .actnsVertIcns label span.actn-icn.suspend {
        background-position: -96px -337px; }
      .actnsVertIcns a span.actn-icn.reopen, .actnsVertIcns button span.actn-icn.reopen, .actnsVertIcns label span.actn-icn.reopen {
        background-position: -174px -337px; }
      .actnsVertIcns a span.actn-icn.retreat, .actnsVertIcns button span.actn-icn.retreat, .actnsVertIcns label span.actn-icn.retreat {
        background-position: -254px -339px; }
      .actnsVertIcns a span.actn-icn.call, .actnsVertIcns button span.actn-icn.call, .actnsVertIcns label span.actn-icn.call {
        background-position: -701px -173px; }
      .actnsVertIcns a span.actn-icn.callGrn, .actnsVertIcns button span.actn-icn.callGrn, .actnsVertIcns label span.actn-icn.callGrn {
        background: url("../imgs/callGrn-icn.gif") no-repeat 0px -1px; }
      .actnsVertIcns a span.actn-icn.callRed, .actnsVertIcns button span.actn-icn.callRed, .actnsVertIcns label span.actn-icn.callRed {
        background-position: -575px -264px; }
      .actnsVertIcns a span.actn-icn.apptAdd, .actnsVertIcns button span.actn-icn.apptAdd, .actnsVertIcns label span.actn-icn.apptAdd {
        background-position: -439px -264px; }
      .actnsVertIcns a span.actn-icn.dboard, .actnsVertIcns button span.actn-icn.dboard, .actnsVertIcns label span.actn-icn.dboard {
        background-position: -228px -262px; }
      .actnsVertIcns a span.actn-icn.compAdd, .actnsVertIcns button span.actn-icn.compAdd, .actnsVertIcns label span.actn-icn.compAdd {
        background-position: -300px -264px; }
      .actnsVertIcns a span.actn-icn.compList, .actnsVertIcns button span.actn-icn.compList, .actnsVertIcns label span.actn-icn.compList {
        background-position: -371px -264px; }
      .actnsVertIcns a span.actn-icn.cclist, .actnsVertIcns button span.actn-icn.cclist, .actnsVertIcns label span.actn-icn.cclist {
        background-position: -27px -259px; }
      .actnsVertIcns a span.actn-icn.wd, .actnsVertIcns button span.actn-icn.wd, .actnsVertIcns label span.actn-icn.wd {
        background-position: -952px -18px; }
      .actnsVertIcns a span.actn-icn.rcpt, .actnsVertIcns button span.actn-icn.rcpt, .actnsVertIcns label span.actn-icn.rcpt {
        background-position: -109px -173px; }
      .actnsVertIcns a span.actn-icn.pay, .actnsVertIcns button span.actn-icn.pay, .actnsVertIcns label span.actn-icn.pay {
        background-position: -396px -171px;
        width: 35px;
        height: 35px; }
      .actnsVertIcns a span.actn-icn.cpn, .actnsVertIcns button span.actn-icn.cpn, .actnsVertIcns label span.actn-icn.cpn {
        background-position: -499px -174px;
        width: 35px;
        height: 31px; }
      .actnsVertIcns a span.actn-icn.deleteRevert, .actnsVertIcns button span.actn-icn.deleteRevert, .actnsVertIcns label span.actn-icn.deleteRevert {
        background-position: -622px -340px; }
      .actnsVertIcns a span.actn-icn.cncl_sm, .actnsVertIcns button span.actn-icn.cncl_sm, .actnsVertIcns label span.actn-icn.cncl_sm {
        background-position: -541px -18px; }
      .actnsVertIcns a span.actn-icn.refresh, .actnsVertIcns button span.actn-icn.refresh, .actnsVertIcns label span.actn-icn.refresh {
        background-position: -23px -95px; }
      .actnsVertIcns a span.actn-icn.cancelRct, .actnsVertIcns button span.actn-icn.cancelRct, .actnsVertIcns label span.actn-icn.cancelRct {
        background-position: -540px -16px; }
      .actnsVertIcns a span.actn-icn.manualUpdate, .actnsVertIcns button span.actn-icn.manualUpdate, .actnsVertIcns label span.actn-icn.manualUpdate {
        background-position: -332px -340px; }
      .actnsVertIcns a span.actn-icn.activ, .actnsVertIcns button span.actn-icn.activ, .actnsVertIcns label span.actn-icn.activ {
        background-position: -628px -412px; }
      .actnsVertIcns a span.actn-icn.activ-green, .actnsVertIcns button span.actn-icn.activ-green, .actnsVertIcns label span.actn-icn.activ-green {
        background-position: -296px -634px; }
      .actnsVertIcns a span.actn-icn.assist, .actnsVertIcns button span.actn-icn.assist, .actnsVertIcns label span.actn-icn.assist {
        background-position: -726px -412px; }
      .actnsVertIcns a span.actn-icn.invList, .actnsVertIcns button span.actn-icn.invList, .actnsVertIcns label span.actn-icn.invList {
        background-position: -817px -411px;
        width: 40px; }
      .actnsVertIcns a span.actn-icn.batch, .actnsVertIcns button span.actn-icn.batch, .actnsVertIcns label span.actn-icn.batch {
        background-position: -915px -411px;
        width: 38px; }
      .actnsVertIcns a span.actn-icn.noShow, .actnsVertIcns button span.actn-icn.noShow, .actnsVertIcns label span.actn-icn.noShow {
        background-position: -878px -339px;
        width: 34px;
        height: 32px; }
      .actnsVertIcns a span.actn-icn.eVideo, .actnsVertIcns button span.actn-icn.eVideo, .actnsVertIcns label span.actn-icn.eVideo {
        background-position: -332px -415px; }
      .actnsVertIcns a span.actn-icn.feedback, .actnsVertIcns button span.actn-icn.feedback, .actnsVertIcns label span.actn-icn.feedback {
        background-position: -789px -341px; }
      .actnsVertIcns a span.actn-icn.show, .actnsVertIcns button span.actn-icn.show, .actnsVertIcns label span.actn-icn.show {
        background-position: -878px -339px;
        width: 34px;
        height: 32px; }
      .actnsVertIcns a span.actn-icn.chkIn, .actnsVertIcns button span.actn-icn.chkIn, .actnsVertIcns label span.actn-icn.chkIn {
        background-position: -27px -415px;
        width: 34px; }
      .actnsVertIcns a span.actn-icn.lateChkIn, .actnsVertIcns button span.actn-icn.lateChkIn, .actnsVertIcns label span.actn-icn.lateChkIn {
        background-position: -224px -415px;
        width: 40px; }
      .actnsVertIcns a span.actn-icn.lateChkIn, .actnsVertIcns button span.actn-icn.lateChkIn, .actnsVertIcns label span.actn-icn.lateChkIn {
        background-position: -224px -415px;
        width: 40px; }
      .actnsVertIcns a span.actn-icn.graph, .actnsVertIcns button span.actn-icn.graph, .actnsVertIcns label span.actn-icn.graph {
        background-position: -722px -489px;
        width: 36px; }
      .actnsVertIcns a span.actn-icn.loc_share, .actnsVertIcns button span.actn-icn.loc_share, .actnsVertIcns label span.actn-icn.loc_share {
        background-position: -98px -555px;
        height: 32px; }
      .actnsVertIcns a span.actn-icn.alloc_clinic, .actnsVertIcns button span.actn-icn.alloc_clinic, .actnsVertIcns label span.actn-icn.alloc_clinic {
        background-position: -27px -558px; }
      .actnsVertIcns a span.actn-icn.whatsapp, .actnsVertIcns button span.actn-icn.whatsapp, .actnsVertIcns label span.actn-icn.whatsapp {
        background-position: -290px -556px; }
      .actnsVertIcns a span.actn-icn.send_email, .actnsVertIcns button span.actn-icn.send_email, .actnsVertIcns label span.actn-icn.send_email {
        background-position: -393px -556px;
        width: 34px; }
      .actnsVertIcns a span.actn-icn.receive, .actnsVertIcns button span.actn-icn.receive, .actnsVertIcns label span.actn-icn.receive {
        background-position: -838px -553px; }
      .actnsVertIcns a span.actn-icn.manualCall, .actnsVertIcns button span.actn-icn.manualCall, .actnsVertIcns label span.actn-icn.manualCall {
        background-position: -182px -556px;
        width: 36px; }
      .actnsVertIcns a span.actn-icn.csv, .actnsVertIcns button span.actn-icn.csv, .actnsVertIcns label span.actn-icn.csv {
        background-position: -202px -633px; }
      .actnsVertIcns a span.actn-icn.stop, .actnsVertIcns button span.actn-icn.stop, .actnsVertIcns label span.actn-icn.stop {
        background-position: -28px -634px; }
      .actnsVertIcns a span.actn-icn.reStartIcon, .actnsVertIcns button span.actn-icn.reStartIcon, .actnsVertIcns label span.actn-icn.reStartIcon {
        background-position: -114px -634px; }
      .actnsVertIcns a span.actn-icn.consent, .actnsVertIcns button span.actn-icn.consent, .actnsVertIcns label span.actn-icn.consent {
        background-position: -840px -704px;
        height: 32px; }
      .actnsVertIcns a span.actn-icn.primary_concern, .actnsVertIcns button span.actn-icn.primary_concern, .actnsVertIcns label span.actn-icn.primary_concern {
        background-position: -560px -631px;
        height: 33px; }
      .actnsVertIcns a span.actn-icn.paymentqrIcon, .actnsVertIcns button span.actn-icn.paymentqrIcon, .actnsVertIcns label span.actn-icn.paymentqrIcon {
        background-position: -222px -707px;
        width: 28px;
        height: 28px; }
      .actnsVertIcns a span.actn-icn.register, .actnsVertIcns button span.actn-icn.register, .actnsVertIcns label span.actn-icn.register {
        background-position: -941px -707px;
        height: 32px; }
    .actnsVertIcns a span.trtNewIcons, .actnsVertIcns button span.trtNewIcons, .actnsVertIcns label span.trtNewIcons {
      background: url("../imgs/treatment-cmn-icons.png") no-repeat top left;
      width: 30px;
      height: 30px;
      display: block;
      margin: auto; }
      .actnsVertIcns a span.trtNewIcons.trt_book_icn, .actnsVertIcns button span.trtNewIcons.trt_book_icn, .actnsVertIcns label span.trtNewIcons.trt_book_icn {
        background-position: -105px -115px; }
      .actnsVertIcns a span.trtNewIcons.trt_unbook_icn, .actnsVertIcns button span.trtNewIcons.trt_unbook_icn, .actnsVertIcns label span.trtNewIcons.trt_unbook_icn {
        background-position: -50px -59px; }
      .actnsVertIcns a span.trtNewIcons.trt_strt_icn, .actnsVertIcns button span.trtNewIcons.trt_strt_icn, .actnsVertIcns label span.trtNewIcons.trt_strt_icn {
        background-position: -99px -60px; }
      .actnsVertIcns a span.trtNewIcons.trt_copy_icn, .actnsVertIcns button span.trtNewIcons.trt_copy_icn, .actnsVertIcns label span.trtNewIcons.trt_copy_icn {
        background-position: -58px -116px; }
      .actnsVertIcns a span.trtNewIcons.trt_dischrg_icn, .actnsVertIcns button span.trtNewIcons.trt_dischrg_icn, .actnsVertIcns label span.trtNewIcons.trt_dischrg_icn {
        background-position: -105px -159px; }
    .actnsVertIcns a span.wfIcons, .actnsVertIcns button span.wfIcons, .actnsVertIcns label span.wfIcons {
      width: 31px;
      height: 31px;
      display: block;
      margin: auto; }
      .actnsVertIcns a span.wfIcons.approved, .actnsVertIcns button span.wfIcons.approved, .actnsVertIcns label span.wfIcons.approved {
        background: url("/webappnew/assets/icons/approve.svg") no-repeat top left; }

.invoiceList .actnsVertIcns a {
  padding: 0px; }

.patientRedFlagged .actnsVertIcns a span.actn-icn.call {
  /*background-position: -150px -1021px;*/ }

.dashboardRefreshIcon {
  background: url("../imgs/actin_icns.png") no-repeat top left;
  width: 30px;
  height: 26px;
  text-indent: -99999px;
  display: inline-block;
  padding: 3px 0 0 0;
  margin: 0 0 0 3px; }
  .dashboardRefreshIcon.callRefresh {
    background-position: -23px -98px; }

.treatment_status_img, .product_status_img {
  background: url("../imgs/actin_icns.png") no-repeat top left;
  width: 26px;
  height: 26px;
  display: block;
  margin: auto; }
  .treatment_status_img.in-progress, .product_status_img.in-progress {
    background-position: -476px -490px; }
  .treatment_status_img.partially-progress, .product_status_img.partially-progress {
    background-position: -334px -490px; }
  .treatment_status_img.start, .product_status_img.start {
    background-position: -405px -490px; }
  .treatment_status_img.disabled, .product_status_img.disabled {
    background-position: -548px -490px; }
  .treatment_status_img.completed, .product_status_img.completed {
    background-position: -29px -493px; }
  .treatment_status_img.grey, .product_status_img.grey {
    background-position: -244px -493px; }
  .treatment_status_img.whatsapp-icon, .product_status_img.whatsapp-icon {
    background-position: -300px -708px; }
  .treatment_status_img.sms-icon, .product_status_img.sms-icon {
    background-position: -748px -635px; }
  .treatment_status_img.email-icon, .product_status_img.email-icon {
    background-position: -841px -638px; }
  .treatment_status_img.p-icon, .product_status_img.p-icon {
    background-position: -946px -637px;
    width: 22px;
    height: 22px; }
  .treatment_status_img.p-icon-tag, .product_status_img.p-icon-tag {
    vertical-align: middle;
    background-position: -379px -710px;
    width: 20px;
    height: 20px; }
  .treatment_status_img.credit_tag, .product_status_img.credit_tag {
    background-position: -449px -709px;
    width: 21px;
    height: 21px;
    display: inline-block;
    margin: 0 0 -4px 0; }
  .treatment_status_img.p-icon-tag-small, .product_status_img.p-icon-tag-small {
    vertical-align: middle;
    background-position: -706px -711px;
    width: 18px;
    height: 18px; }
    .treatment_status_img.p-icon-tag-small.elem-position, .product_status_img.p-icon-tag-small.elem-position {
      position: fixed;
      top: 2px;
      left: 2px; }

.treatment_status_img {
  width: 23px;
  height: 30px; }

/** heading save and cancel button **/
.heading_sml_btns {
  margin: 0;
  padding: 0; }
  .heading_sml_btns ul {
    margin: 0;
    padding: 0;
    float: right;
    list-style-type: none; }
    .heading_sml_btns ul li {
      float: left;
      border-left: 1px solid #ccc; }
      .heading_sml_btns ul li a, .heading_sml_btns ul li button {
        background: transparent;
        min-width: 60px;
        border: 0 none;
        padding: 0px;
        float: left; }
        .heading_sml_btns ul li a i, .heading_sml_btns ul li button i {
          font-family: Calibri, Sans-serif, Arial;
          font-style: inherit;
          margin: 8px 0 8px 0;
          font-size: 14px;
          display: block;
          line-height: 0; }
        .heading_sml_btns ul li a:hover, .heading_sml_btns ul li button:hover {
          background-color: #f2f2f2; }
      .heading_sml_btns ul li:last-child a:hover {
        border-radius: 0 6px 6px 0; }
  .heading_sml_btns.fltrBtns a {
    padding: 3px 0px; }
    .heading_sml_btns.fltrBtns a .actn-icn {
      width: 32px;
      height: 34px; }
      .heading_sml_btns.fltrBtns a .actn-icn.manualUpdate {
        background-position: -332px -338px; }
      .heading_sml_btns.fltrBtns a .actn-icn.view {
        background-position: -22px -18px; }

/** heading save and cancel button **/
/******************** verticle icons ********************/
.newRed, .newBlack, .newBlue, .newYellow {
  margin: 3px 5px 0px 0px;
  background: transparent;
  cursor: pointer;
  float: left; }

.newRed {
  color: #ff0000; }
  .newRed.prntBrdr {
    border-color: #ff0000 !important; }

.newBlack {
  color: #000000; }
  .newBlack.prntBrdr {
    border-color: #000 !important; }

.newBlue {
  color: blue; }
  .newBlue.prntBrdr {
    border-color: blue !important; }

.newYellow {
  color: #faa762; }
  .newYellow.prntBrdr {
    border-color: #faa762 !important; }

.safety_flag_position {
  border: 1px solid #fff;
  float: right;
  margin-left: 5px;
  margin-top: 5px;
  background: #fff;
  padding: 0px 2px;
  border-radius: 3px; }

.scrollbar-deep-purple {
  scrollbar-color: #FF6707 #D6D4D4; }
  .scrollbar-deep-purple::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #D6D4D4;
    /*border-radius: 10px; */ }
  .scrollbar-deep-purple::-webkit-scrollbar {
    width: 12px;
    background-color: #D6D4D4; }
  .scrollbar-deep-purple::-webkit-scrollbar-thumb {
    /*border-radius: 10px;*/
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #FF6707; }

.scrollbar-cyan {
  scrollbar-color: #00bcd4 #F5F5F5; }
  .scrollbar-cyan::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px; }
  .scrollbar-cyan::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5; }
  .scrollbar-cyan::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #00bcd4; }

.bordered-deep-purple::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border: 1px solid #D6D4D4; }

.bordered-deep-purple::-webkit-scrollbar-thumb {
  -webkit-box-shadow: none; }

.bordered-cyan::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border: 1px solid #00bcd4; }

.bordered-cyan::-webkit-scrollbar-thumb {
  -webkit-box-shadow: none; }

.square::-webkit-scrollbar-track {
  border-radius: 0 !important; }

.square::-webkit-scrollbar-thumb {
  border-radius: 0 !important; }

.thin::-webkit-scrollbar {
  width: 6px; }

/*.example-1 {
position: relative;
overflow-y: scroll;
height: 200px;
}*/
/*
	*stylesheet includes
	*module/screen wise
*/
/*
	* Patient Dashboard SCSS
*/
/** patientDashboard: expand/collapse boxes **/
.patientDashboard #transitionMessageBox {
  display: none; }

.patientDashboard .panel-group {
  font-family: "RobotoRegular"; }
  .patientDashboard .panel-group .panel {
    box-shadow: 0px 0.06em 0.18em #ccc;
    margin: 0.95em 0;
    border: 0 none;
    padding: 0; }
    .patientDashboard .panel-group .panel .pdicons {
      margin: -2.2em auto 0; }
    .patientDashboard .panel-group .panel .panel-collapse .panel-body {
      border-radius: 0 0 5px 5px;
      border-width: 0;
      border-style: none;
      border-color: transparent;
      padding: 0;
      overflow: hidden;
      font: 0.965em Calibri, Sans-serif, Arial; }
      .patientDashboard .panel-group .panel .panel-collapse .panel-body .collapse.show {
        display: block; }
    .patientDashboard .panel-group .panel .panel-heading {
      background-color: #fff;
      border-radius: 10px;
      padding: 0.1em 0.7em 0.2em;
      text-transform: capitalize; }
      .patientDashboard .panel-group .panel .panel-heading .panel-title {
        font: 0.75em "RobotoRegular";
        display: inline-block;
        margin: 0 0 0 0.5em;
        text-align: center;
        min-width: 90px;
        left: 50%; }
      .patientDashboard .panel-group .panel .panel-heading .panel-link-group {
        margin: 0;
        border-top: 0;
        text-align: initial;
        float: right !important;
        padding: 0; }
    .patientDashboard .panel-group .panel .panel-body .table-responsive {
      border: none;
      margin-bottom: 0; }

.patientDashboard .jumbotron h1 span {
  border: 2px solid #faa762;
  position: relative;
  width: auto;
  height: auto;
  margin: -3px 4px 0 0;
  border-radius: 4px;
  font-size: 14px;
  display: none;
  padding: 2px; }

.patientDashboard .jumbotron h1 i {
  position: relative;
  font-size: 12px;
  left: -1px;
  top: -3px; }

@media (min-width: 280px) and (max-width: 480px) {
  .patientDashboard .jumbotron h1 {
    float: none !important; } }

/** patientDashboard: expand/collapse boxes **/
/** start: creating orange buttons **/
.btn-wrap {
  font: bold 0.813em/0 Calibri, Sans-serif, Arial;
  margin: 0 0 0 .5em;
  color: #333;
  padding: 0; }
  .btn-wrap .sprtIcons {
    background: transparent url("../imgs/patientDashB-sprite.png") no-repeat -32px -31px;
    width: 25px;
    height: 28px;
    display: inline-block;
    padding: 0;
    margin: 0; }
    .btn-wrap .sprtIcons.add {
      background-position: -32px -91px; }
    .btn-wrap .sprtIcons.lab {
      background-position: -130px -243px;
      width: 16px;
      height: 18px; }
    .btn-wrap .sprtIcons.actv {
      background-position: -333px -161px;
      width: 22px;
      height: 20px;
      margin: -2px 0; }
    .btn-wrap .sprtIcons.mes_icon {
      background-position: -35px -622px;
      width: 22px;
      height: 21px;
      margin: -3px 0 -2px; }
    .btn-wrap .sprtIcons.loc_share {
      background-position: -415px -96px;
      width: 22px;
      height: 21px;
      margin: -3px 0 -2px; }
    .btn-wrap .sprtIcons.rev_share {
      background-position: -325px -97px;
      width: 23px;
      height: 20px;
      margin: -2px 0; }
    .btn-wrap .sprtIcons.assist {
      background-position: -335px -242px;
      width: 23px;
      height: 20px;
      margin: -2px 0; }
    .btn-wrap .sprtIcons.g_review {
      background: transparent url("../imgs/google_rating_icon.png") no-repeat top left;
      width: 24px;
      height: 22px;
      margin: -3px 0 -2px 0; }
  .btn-wrap > span {
    border-radius: 6px;
    background: #fdad6e;
    /* Old browsers */
    background: linear-gradient(to bottom, #fdad6e 0%, #fbab6c 37%, #feaa6a 42%, #f9a664 61%, #f5a260 63%, #f29f5d 74%, #ee9e5f 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding: 0.3em 1em;
    margin: 0 0 0.5em;
    display: block; }
    .btn-wrap > span span {
      color: #fff;
      font-size: 1.2em; }
    .btn-wrap > span .fa.fa-search {
      position: relative;
      top: -1px !important; }
  .btn-wrap.btn-wrap-img > span {
    padding: 0.18em 0.3em; }

/** end: creating orange buttons **/
/** start: table **/
.panel-body {
  /** for: CC **/
  /** for: OE **/
  /** for: PROFILE **/ }
  .panel-body #chiefcompalintWidgetListTable thead tr th:nth-child(1) {
    width: 25%; }
  .panel-body #oralexamWidgetListTable thead tr th:nth-child(1) {
    width: 20%; }
  .panel-body #oralexamWidgetListTable thead tr th:nth-child(4) {
    width: 23%; }
  .panel-body .profile-info {
    background: #f8f8f8;
    border-radius: 0.5em;
    margin: 0 0.5em 0.5em;
    padding: 0.8em 1em 0.1em; }

/** end: table **/
/** transaction related **/
.patientDetails .fa.fa-share {
  color: green; }

/** transaction related **/
.toothNoContainer,
.brk-all-txt {
  word-break: break-all; }

table.diagnosticsTbl tbody tr td {
  padding: 0; }

.patientNotes {
  padding: 0 15px; }

.g_location_icon {
  font-size: 1.4em !important;
  font-weight: unset !important;
  line-height: 16px !important; }

.g_review_icon {
  font-size: 1.6em !important;
  line-height: 16px !important; }

/*
	* Doctor Dashboard SCSS
*/
/** today's appointment **/
.todayAppt {
  display: none; }

.todayApptCont {
  box-shadow: 0px 0 4px #ccc;
  font: normal 1em "AvantGradeRegular";
  background-color: rgba(255, 255, 255, 0.4);
  padding: 10px 20px;
  border-radius: 10px;
  margin-bottom: 20px;
  min-height: 29em;
  color: #4e3224; }
  .todayApptCont .ui-controlgroup-controls {
    border-bottom: 2px solid #e3dfde;
    display: inline-block;
    padding: 5px 0 15px;
    clear: both;
    width: 100%; }
  .todayApptCont .infoMessage {
    font-size: .8em; }
  .todayApptCont .heading {
    border-bottom: 1px solid #e1e1e1;
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 0 0 10px;
    margin: 0 0 10px; }
    .todayApptCont .heading .reminderBox a {
      position: relative;
      font: 1em/11px "AvantGradeRegular";
      border-radius: 5px;
      display: inline-block;
      color: #fa9948;
      text-align: center;
      float: right;
      margin: 0 0 0 7px;
      width: 43px;
      height: 43px;
      padding: 3px; }
      .todayApptCont .heading .reminderBox a.nobtn {
        padding: 0px;
        border: 0px none;
        width: auto; }
      .todayApptCont .heading .reminderBox a .calendar {
        background: transparent url("../imgs/cmn-icn-sprite.png") no-repeat -14px -160px;
        position: relative;
        width: 47px;
        height: 43px;
        display: inline-block;
        border-radius: 0;
        font-size: 0.5em;
        left: 0;
        top: 0; }
        .todayApptCont .heading .reminderBox a .calendar span {
          position: absolute;
          font-family: "AvantGradeBold";
          width: auto;
          height: auto;
          background: transparent;
          border-radius: 0;
          color: #fa9948;
          font-size: 2.5em;
          border: 0 none;
          top: 11px;
          left: 0;
          right: 0; }
        .todayApptCont .heading .reminderBox a .calendar .calendarMonth {
          color: #fff;
          font-size: 1em;
          top: 2px; }
      .todayApptCont .heading .reminderBox a span {
        position: absolute;
        font: 0.7em "AvantGradeRegular";
        width: 18px;
        height: 18px;
        border-radius: 10px;
        color: #fff;
        border: 0 none;
        left: -6px;
        top: -9px; }
        .todayApptCont .heading .reminderBox a span.infoCount {
          left: auto;
          right: -2px; }
      .todayApptCont .heading .reminderBox a.notifications span {
        background: #79e554; }
        .todayApptCont .heading .reminderBox a.notifications span.infoCount {
          background: #f7ce38; }
    .todayApptCont .heading .reminderBox .bulbicon > .ico, .todayApptCont .heading .reminderBox .bellIcon > .ico {
      background: transparent url("../imgs/cmn-icn-sprite.png") no-repeat -12px -86px;
      width: 35px;
      height: 35px;
      display: inline-block;
      position: static; }
    .todayApptCont .heading .reminderBox .bulbicon:hover > .ico, .todayApptCont .heading .reminderBox button:hover span.bulbicon.cmnicons > .ico, button:hover .todayApptCont .heading .reminderBox span.bulbicon.cmnicons > .ico {
      background-position: -96px -444px; }
    .todayApptCont .heading .reminderBox .bulbicon.ylwbrdr {
      background-color: rgba(255, 255, 255, 0.6);
      box-shadow: inset 0 0 0 1px #f7ce38, 0 0 4px #ccc;
      transform: translateZ(0);
      transition-duration: 0.3s;
      transition-property: box-shadow;
      backface-visibility: hidden;
      -webkit-transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-property: box-shadow;
      -moz-osx-font-smoothing: grayscale; }
      .todayApptCont .heading .reminderBox .bulbicon.ylwbrdr:hover, .todayApptCont .heading .reminderBox button:hover span.bulbicon.ylwbrdr.cmnicons, button:hover .todayApptCont .heading .reminderBox span.bulbicon.ylwbrdr.cmnicons {
        background-color: #faa762;
        box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999; }
    .todayApptCont .heading .reminderBox .bulbicon.redbrdr {
      background-color: rgba(255, 255, 255, 0.6);
      box-shadow: inset 0 0 0 1px #ff0000, 0 0 4px #ccc;
      transform: translateZ(0);
      transition-duration: 0.3s;
      transition-property: box-shadow;
      backface-visibility: hidden;
      -webkit-transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-property: box-shadow;
      -moz-osx-font-smoothing: grayscale; }
      .todayApptCont .heading .reminderBox .bulbicon.redbrdr:hover, .todayApptCont .heading .reminderBox button:hover span.bulbicon.redbrdr.cmnicons, button:hover .todayApptCont .heading .reminderBox span.bulbicon.redbrdr.cmnicons {
        background-color: #faa762;
        box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999; }
    .todayApptCont .heading .reminderBox .bulbicon > .dashboardYellowBulb {
      background-position: -12px -444px; }
    .todayApptCont .heading .reminderBox .bulbicon > .dashboardRedBulb {
      background-position: -12px -506px; }
    .todayApptCont .heading .reminderBox .bulbicon > .yellowBadge {
      color: #fff;
      background-color: #f7ce38; }
    .todayApptCont .heading .reminderBox .bulbicon > .redBadge {
      color: #fff;
      background: #ff0000; }
    .todayApptCont .heading .reminderBox .bellIcon > .ico {
      background-position: -11px -14px; }
    .todayApptCont .heading .reminderBox .bellIcon:hover > .ico, .todayApptCont .heading .reminderBox button:hover span.bellIcon.cmnicons > .ico, button:hover .todayApptCont .heading .reminderBox span.bellIcon.cmnicons > .ico, .todayApptCont .heading .reminderBox .bellIcon.active > .ico {
      background-position: -95px -508px; }

/** today's appointment **/
/** start: notification **/
.notificationListData {
  z-index: 2;
  position: absolute;
  box-shadow: 0px 0 4px #ccc;
  background-color: #fff;
  width: 82.2%;
  height: 0;
  border-radius: 0.5em;
  overflow: hidden;
  top: 80px;
  left: 9%;
  font: 1em "RobotoRegular";
  -webkit-transition: height 0.8s ease-in-out;
  -moz-transition: height 0.8s ease-in-out;
  -o-transition: height 0.8s ease-in-out;
  transition: height 0.8s ease-in-out;
  /* div {
	    @include positioning(relative);
	} */ }
  .notificationListData.on {
    height: 388px; }
  .notificationListData ul.nav-tabs {
    width: 100%;
    margin-bottom: 3px; }
    .notificationListData ul.nav-tabs li {
      box-sizing: border-box;
      border: 0 none;
      float: left;
      width: 50%;
      text-transform: capitalize; }
      .notificationListData ul.nav-tabs li:first-child {
        border-right: 1px solid rgba(0, 0, 0, 0.2); }
    .notificationListData ul.nav-tabs a {
      display: block;
      text-align: center;
      text-transform: capitalize;
      color: #000000;
      font-weight: normal;
      font-size: 0.750em;
      border: 0 none;
      text-shadow: none;
      padding: 5px 0;
      border: 0;
      margin: 0; }
      .notificationListData ul.nav-tabs a:hover, .notificationListData ul.nav-tabs a.selected:hover, .notificationListData ul.nav-tabs a.selected {
        color: #dd5600;
        border: 0 none;
        position: relative; }
      .notificationListData ul.nav-tabs a:hover, .notificationListData ul.nav-tabs a:focus {
        background: transparent;
        border: 0 none; }
    .notificationListData ul.nav-tabs li.active a {
      color: #fa9948;
      border: 0 none; }
      .notificationListData ul.nav-tabs li.active a:hover, .notificationListData ul.nav-tabs li.active a:focus {
        background: transparent;
        border: 0 none; }
  .notificationListData .notification-showAll {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: block;
    text-align: center;
    padding: .3em;
    box-sizing: border-box;
    background-color: #f5f4f5;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 0 0 0.3em 0.3em;
    color: #4e3224; }
    .notificationListData .notification-showAll:hover, .notificationListData button:hover span.notification-showAll.cmnicons, button:hover .notificationListData span.notification-showAll.cmnicons {
      color: #fa9948; }
  .notificationListData .notification-icon.fa-info-circle {
    font-size: 1.3em;
    margin-top: 3px !important; }
  .notificationListData .no-records-found {
    font-size: 1em;
    padding: 10px !important;
    text-align: center; }
  .notificationListData .notification-scroll {
    height: 356px;
    overflow: auto; }
  .notificationListData .timeSince {
    float: right;
    font-size: 0.85em;
    margin: 2px 0 0;
    color: #a5b3b7; }
  .notificationListData .tab-content {
    font-size: 0.7em;
    height: 86.5%; }
    .notificationListData .tab-content .tab-pane {
      height: 100%; }
    .notificationListData .tab-content ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      height: 100%; }
      .notificationListData .tab-content ul li {
        border-bottom: 1px solid #e1e1e1;
        margin: 0 0 3px;
        padding: 0 0 3px;
        height: 19.2%; }
        .notificationListData .tab-content ul li:nth-child(5) {
          border-bottom: 0; }
        .notificationListData .tab-content ul li.high_priority_notification {
          background: #fff0f0;
          margin: 0; }
          .notificationListData .tab-content ul li.high_priority_notification .imgcontainer {
            border-color: red;
            border-width: 2px; }
            .notificationListData .tab-content ul li.high_priority_notification .imgcontainer .notification-icon {
              color: red;
              font-weight: bold;
              margin-top: 2px; }
          .notificationListData .tab-content ul li.high_priority_notification a {
            font-weight: bold; }
        .notificationListData .tab-content ul li .notification-body {
          padding: 0 15px; }
          .notificationListData .tab-content ul li .notification-body a {
            float: right;
            margin-top: 0;
            color: #4e3224;
            font-size: .9em; }
            .notificationListData .tab-content ul li .notification-body a:hover {
              color: #fa9948; }
      .notificationListData .tab-content ul .sname {
        float: left;
        color: #fa9948;
        font-weight: bold;
        letter-spacing: 0.5px; }
      .notificationListData .tab-content ul .detail {
        display: inline-block;
        margin: 0px 0 0;
        clear: both;
        width: 100%; }
        .notificationListData .tab-content ul .detail .content {
          display: inline-block;
          line-height: 15px;
          width: 82%; }
    .notificationListData .tab-content #info ul li {
      margin: 0 0 4px;
      padding: 0 0 5px;
      min-height: 52px; }
    .notificationListData .tab-content .imgcontainer {
      width: 26px;
      height: 26px;
      border-radius: 14px;
      border: 1px solid #adb3a2;
      display: inline-block;
      margin: 3px 10px auto auto;
      text-align: center;
      vertical-align: middle;
      float: left; }
      .notificationListData .tab-content .imgcontainer .notification-icon {
        display: inline-block;
        vertical-align: middle;
        margin-top: 5px; }
    .notificationListData .tab-content .assistance_notif_cont {
      margin: 3px 10px auto auto;
      width: 26px;
      height: 26px;
      vertical-align: middle;
      display: inline-block;
      text-align: center;
      float: left; }
      .notificationListData .tab-content .assistance_notif_cont .assist_icon {
        background: transparent url("../imgs/patientDashB-sprite.png") no-repeat -452px -239px;
        width: 25px;
        height: 26px;
        float: left; }

/** end: notification **/
/** pagination **/
.previous, .next {
  border: 1px solid #adb3a2;
  font: 0.85em "RobotoRegular";
  color: #fa9948;
  padding: 5px 0;
  outline: 0; }
  .previous i, .next i {
    color: #92827a;
    margin: 0 5px 0 0; }
  .previous:hover, button:hover span.previous.cmnicons, .next:hover, button:hover span.next.cmnicons {
    color: #fa9948;
    border-color: #fa9948; }
    .previous:hover i, button:hover span.previous.cmnicons i, .next:hover i, button:hover span.next.cmnicons i {
      color: #fa9948; }

.previous {
  border-radius: 0 15px 15px 0;
  padding-right: 25px;
  border-left: 0 none; }

.next {
  border-radius: 15px 0 0 15px;
  padding-left: 25px;
  border-right: 0 none;
  float: right; }
  .next i {
    margin: 0 0 0 5px; }

/** pagination **/
/** DD icons **/
.dd-icons-lists {
  position: relative;
  font-family: "AvantGradeRegular";
  margin: auto;
  padding: 0; }
  .dd-icons-lists ul {
    width: 100%;
    height: 100%;
    list-style-type: none;
    text-align: center;
    margin: 20px auto 0;
    padding: 0; }
    .dd-icons-lists ul li {
      display: inline-block;
      margin: 0 0 20px;
      min-width: 113px;
      width: 50%;
      float: left; }
      .dd-icons-lists ul li a {
        color: #4e3224; }
        .dd-icons-lists ul li a b {
          font-weight: normal;
          text-align: center;
          font-size: .78em;
          margin-top: 0px;
          display: block; }
        .dd-icons-lists ul li a > span {
          background-color: rgba(255, 255, 255, 0.6);
          box-shadow: inset 0 0 0 1px #adb3a2, 0 0 4px #ccc;
          transform: translateZ(0);
          transition-duration: 0.3s;
          transition-property: box-shadow;
          backface-visibility: hidden;
          -webkit-transform: translateZ(0);
          -webkit-backface-visibility: hidden;
          -webkit-transition-duration: 0.3s;
          -webkit-transition-property: box-shadow;
          -moz-osx-font-smoothing: grayscale;
          width: 60px;
          height: 60px;
          border-radius: 30px;
          display: block;
          margin: auto; }
          .dd-icons-lists ul li a > span#dashBoardInformation span {
            background-position: -201px -4px; }
          .dd-icons-lists ul li a > span#dashBoardInformation:hover span, .dd-icons-lists ul li button:hover a > span#dashBoardInformation.cmnicons span, button:hover .dd-icons-lists ul li a > span#dashBoardInformation.cmnicons span {
            background-position: -92px -4px; }
          .dd-icons-lists ul li a > span#dashBoardScheduler span {
            background-position: -421px -476px; }
          .dd-icons-lists ul li a > span#dashBoardScheduler:hover span, .dd-icons-lists ul li button:hover a > span#dashBoardScheduler.cmnicons span, button:hover .dd-icons-lists ul li a > span#dashBoardScheduler.cmnicons span {
            background-position: -303px -476px; }
          .dd-icons-lists ul li a > span#dashBoardAppointmentAdd span {
            background-position: -424px -186px; }
          .dd-icons-lists ul li a > span#dashBoardAppointmentAdd:hover span, .dd-icons-lists ul li button:hover a > span#dashBoardAppointmentAdd.cmnicons span, button:hover .dd-icons-lists ul li a > span#dashBoardAppointmentAdd.cmnicons span {
            background-position: -305px -186px; }
          .dd-icons-lists ul li a > span#dashBoardAppointment span {
            background-position: -201px -92px; }
          .dd-icons-lists ul li a > span#dashBoardAppointment:hover span, .dd-icons-lists ul li button:hover a > span#dashBoardAppointment.cmnicons span, button:hover .dd-icons-lists ul li a > span#dashBoardAppointment.cmnicons span {
            background-position: -92px -92px; }
          .dd-icons-lists ul li a > span#dashBoardPatientsAdd span {
            background-position: -422px -282px; }
          .dd-icons-lists ul li a > span#dashBoardPatientsAdd:hover span, .dd-icons-lists ul li button:hover a > span#dashBoardPatientsAdd.cmnicons span, button:hover .dd-icons-lists ul li a > span#dashBoardPatientsAdd.cmnicons span {
            background-position: -309px -282px; }
          .dd-icons-lists ul li a > span#dashBoardProducts span {
            background-position: -196px -188px; }
          .dd-icons-lists ul li a > span#dashBoardProducts:hover span, .dd-icons-lists ul li button:hover a > span#dashBoardProducts.cmnicons span, button:hover .dd-icons-lists ul li a > span#dashBoardProducts.cmnicons span {
            background-position: -102px -188px; }
          .dd-icons-lists ul li a > span#dashBoardReports span {
            background-position: -420px -384px; }
          .dd-icons-lists ul li a > span#dashBoardReports:hover span, .dd-icons-lists ul li button:hover a > span#dashBoardReports.cmnicons span, button:hover .dd-icons-lists ul li a > span#dashBoardReports.cmnicons span {
            background-position: -309px -384px; }
          .dd-icons-lists ul li a > span#dashBoardMyProfile span {
            background-position: -207px -286px; }
          .dd-icons-lists ul li a > span#dashBoardMyProfile:hover span, .dd-icons-lists ul li button:hover a > span#dashBoardMyProfile.cmnicons span, button:hover .dd-icons-lists ul li a > span#dashBoardMyProfile.cmnicons span {
            background-position: -100px -286px; }
          .dd-icons-lists ul li a > span#dashBoardAddSubscriber span {
            background-position: -421px -97px; }
          .dd-icons-lists ul li a > span#dashBoardAddSubscriber:hover span, .dd-icons-lists ul li button:hover a > span#dashBoardAddSubscriber.cmnicons span, button:hover .dd-icons-lists ul li a > span#dashBoardAddSubscriber.cmnicons span {
            background-position: -306px -97px; }
          .dd-icons-lists ul li a > span#dashBoardSubscriberList span {
            background-position: -422px -3px; }
          .dd-icons-lists ul li a > span#dashBoardSubscriberList:hover span, .dd-icons-lists ul li button:hover a > span#dashBoardSubscriberList.cmnicons span, button:hover .dd-icons-lists ul li a > span#dashBoardSubscriberList.cmnicons span {
            background-position: -308px -3px; }
          .dd-icons-lists ul li a > span#dashBoardFBList span {
            background-position: -508px -4px; }
          .dd-icons-lists ul li a > span#dashBoardFBList:hover span, .dd-icons-lists ul li button:hover a > span#dashBoardFBList.cmnicons span, button:hover .dd-icons-lists ul li a > span#dashBoardFBList.cmnicons span {
            background-position: -508px -96px; }
          .dd-icons-lists ul li a > span#dashBoardFBAdd span {
            background-position: -508px -4px; }
          .dd-icons-lists ul li a > span#dashBoardFBAdd:hover span, .dd-icons-lists ul li button:hover a > span#dashBoardFBAdd.cmnicons span, button:hover .dd-icons-lists ul li a > span#dashBoardFBAdd.cmnicons span {
            background-position: -509px -96px; }
          .dd-icons-lists ul li a > span#dashBoardMiscAdd span {
            background-position: -686px -2px; }
          .dd-icons-lists ul li a > span#dashBoardMiscAdd:hover span, .dd-icons-lists ul li button:hover a > span#dashBoardMiscAdd.cmnicons span, button:hover .dd-icons-lists ul li a > span#dashBoardMiscAdd.cmnicons span {
            background-position: -689px -95px; }
          .dd-icons-lists ul li a > span#dashBoardMiscList span {
            background-position: -596px -4px; }
          .dd-icons-lists ul li a > span#dashBoardMiscList:hover span, .dd-icons-lists ul li button:hover a > span#dashBoardMiscList.cmnicons span, button:hover .dd-icons-lists ul li a > span#dashBoardMiscList.cmnicons span {
            background-position: -602px -95px; }
          .dd-icons-lists ul li a > span#dashBoardCMAdd span {
            background-position: -932px -750px; }
          .dd-icons-lists ul li a > span#dashBoardCMAdd:hover span, .dd-icons-lists ul li button:hover a > span#dashBoardCMAdd.cmnicons span, button:hover .dd-icons-lists ul li a > span#dashBoardCMAdd.cmnicons span {
            background-position: -932px -834px; }
          .dd-icons-lists ul li a > span#dashBoardCMList span {
            background-position: -932px -580px; }
          .dd-icons-lists ul li a > span#dashBoardCMList:hover span, .dd-icons-lists ul li button:hover a > span#dashBoardCMList.cmnicons span, button:hover .dd-icons-lists ul li a > span#dashBoardCMList.cmnicons span {
            background-position: -932px -665px; }
          .dd-icons-lists ul li a > span#dashBoardCampSubs span {
            background-position: -678px -848px; }
          .dd-icons-lists ul li a > span#dashBoardCampSubs:hover span, .dd-icons-lists ul li button:hover a > span#dashBoardCampSubs.cmnicons span, button:hover .dd-icons-lists ul li a > span#dashBoardCampSubs.cmnicons span {
            background-position: -777px -848px; }
          .dd-icons-lists ul li a > span#dashBoardCampSubsList span {
            background-position: -422px -1417px; }
          .dd-icons-lists ul li a > span#dashBoardCampSubsList:hover span, .dd-icons-lists ul li button:hover a > span#dashBoardCampSubsList.cmnicons span, button:hover .dd-icons-lists ul li a > span#dashBoardCampSubsList.cmnicons span {
            background-position: -521px -1417px; }
          .dd-icons-lists ul li a > span#dashBoardAI span {
            background-position: -207px -1582px; }
          .dd-icons-lists ul li a > span#dashBoardAI:hover span, .dd-icons-lists ul li button:hover a > span#dashBoardAI.cmnicons span, button:hover .dd-icons-lists ul li a > span#dashBoardAI.cmnicons span {
            background-position: -325px -1582px; }
          .dd-icons-lists ul li a > span#treatmentMonitoringList span {
            background-position: -687px -1670px; }
          .dd-icons-lists ul li a > span#treatmentMonitoringList:hover span, .dd-icons-lists ul li button:hover a > span#treatmentMonitoringList.cmnicons span, button:hover .dd-icons-lists ul li a > span#treatmentMonitoringList.cmnicons span {
            background-position: -806px -1670px; }
          .dd-icons-lists ul li a > span#workflow-add span {
            background-position: -426px -1670px; }
          .dd-icons-lists ul li a > span#workflow-add:hover span, .dd-icons-lists ul li button:hover a > span#workflow-add.cmnicons span, button:hover .dd-icons-lists ul li a > span#workflow-add.cmnicons span {
            background-position: -553px -1670px; }
          .dd-icons-lists ul li a > span:hover, .dd-icons-lists ul li button:hover a > span.cmnicons, button:hover .dd-icons-lists ul li a > span.cmnicons {
            background-color: #faa762;
            box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999; }
          .dd-icons-lists ul li a > span span {
            background: transparent url("../imgs/cmn-icn-sprite.png") no-repeat -201px -4px;
            width: 60px;
            height: 60px;
            display: block; }

@media only screen and (max-width: 767px) {
  .dd-icons-lists ul li a > span#dashBoardScheduler {
    background-color: #ddd; }
  .dd-icons-lists ul li a > span:hover#dashBoardScheduler, .dd-icons-lists ul li button:hover a > span#dashBoardScheduler.cmnicons, button:hover .dd-icons-lists ul li a > span#dashBoardScheduler.cmnicons {
    background-color: #dddddd;
    box-shadow: inset 0 0 0 1px #adb3a2, 0 0 4px #ccc;
    transform: translateZ(0);
    transition-duration: 0.3s;
    transition-property: box-shadow;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    -moz-osx-font-smoothing: grayscale; }
    .dd-icons-lists ul li a > span:hover#dashBoardScheduler span, .dd-icons-lists ul li button:hover a > span#dashBoardScheduler.cmnicons span, button:hover .dd-icons-lists ul li a > span#dashBoardScheduler.cmnicons span {
      background-position: -421px -476px; } }

/** DD icons **/
/** TA lists **/
.appList {
  text-transform: capitalize;
  font: 0.8em "AvantGradeRegular";
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .appList .dashAppointmentListing {
    font-size: 1.1em; }
  .appList li {
    border-bottom: 1px solid #e1e1e1;
    margin: 0 0 10px;
    padding: 0 0 5px; }
  .appList a {
    color: #4e3224; }
  .appList .btns {
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    float: right;
    width: 100%; }
    .appList .btns .dashboardBtn {
      display: inline-block;
      margin: 5px 0 0 10px;
      font-size: 0.8em; }
      .appList .btns .dashboardBtn > span {
        display: block; }
      .appList .btns .dashboardBtn .dashboardProfileIcon, .appList .btns .dashboardBtn .dashboardCCIcon, .appList .btns .dashboardBtn .dashboardWorkDoneIcon {
        background: transparent url("../imgs/cmn-icn-sprite.png") no-repeat -103px -384px;
        width: 30px;
        height: 32px;
        margin: auto; }
      .appList .btns .dashboardBtn .dashboardWorkDoneIcon {
        background-position: -190px -385px; }
      .appList .btns .dashboardBtn .dashboardCCIcon {
        background-position: -17px -384px; }
  .appList .timeSpan {
    clear: both;
    display: block;
    font-size: 0.85em; }
  .appList .nameWrp {
    vertical-align: bottom;
    display: inline-block;
    text-align: center;
    width: 100%; }
    .appList .nameWrp a {
      color: #fa9948; }

/** TA lists **/
/** thought of the day **/
.thoughts-box {
  display: none; }

/** thought of the day **/
.leftLinkBox {
  padding: 0; }

/** past history structure **/
.pastHistory-heading {
  font: 1em "AvantGradeRegular";
  background: #faa762;
  padding: 5px 15px;
  color: #fff; }
  .pastHistory-heading span {
    background: #4e3224;
    border-radius: 5px;
    font-size: 0.8em;
    padding: 5px;
    float: right; }

/** past history structure **/
/** pastHistory **/
.addHistBtn {
  position: relative;
  font: 0.95em "AvantGradeRegular";
  color: #444444;
  cursor: pointer;
  float: right;
  right: 20px;
  z-index: 9;
  top: 10px; }
  .addHistBtn i {
    margin: 0 2px 0 0 !important; }

/** pastHistory **/
/** chiefComplaintModalBoxStyle - commons **/
.ccAddEditModal .txtareCont {
  margin: 20px auto 5px;
  text-align: center;
  width: 80%; }
  .ccAddEditModal .txtareCont span {
    font-size: .85em !important; }

.clrField {
  margin: auto;
  width: 100%;
  clear: both;
  text-align: center; }

/** chiefComplaintModalBoxStyle - commons **/
/** chiefComplaintModalBoxStyle - headings **/
.location_Wrp h4, .intensity_Wrp h4, .period_Wrp h4 {
  font: 1.3em "AvantGradeBold";
  color: #fa9948;
  text-align: center;
  padding: 0;
  margin: 0; }

.period_Wrp h5 {
  font: 1.1em "AvantGradeRegular";
  text-align: center;
  margin: 0;
  color: #4e3224;
  display: block; }

/** chiefComplaintModalBoxStyle - headings **/
/** chiefComplaintModalBoxStyle - Location **/
.location_Wrp {
  position: relative; }
  .location_Wrp h4 {
    margin: 0 0 0 98px; }
  .location_Wrp .maxiMandiSectn {
    width: 80px;
    height: 180px;
    font: 1.05em/15px "AvantGradeRegular";
    display: inline-block;
    margin: 0 10px 0 0;
    text-align: center;
    color: #4e3224; }
    .location_Wrp .maxiMandiSectn div {
      width: 100%;
      height: 90px;
      vertical-align: middle;
      padding: 36px 0 0 0;
      display: block; }
      .location_Wrp .maxiMandiSectn div span {
        background-color: rgba(255, 255, 255, 0.6);
        box-shadow: inset 0 0 0 1px #e3dfde, 0 0 0 #ccc;
        transform: translateZ(0);
        transition-duration: 0.3s;
        transition-property: box-shadow;
        backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        -webkit-transition-duration: 0.3s;
        -webkit-transition-property: box-shadow;
        -moz-osx-font-smoothing: grayscale;
        background: #fff url("../imgs/cmn-icn-sprite.png") no-repeat top left;
        width: 70px;
        height: 55px;
        border-radius: 20px;
        display: inline-block; }
        .location_Wrp .maxiMandiSectn div span.maxillary {
          background-position: -9px -568px; }
        .location_Wrp .maxiMandiSectn div span.mandibular {
          background-position: -9px -622px; }
        .location_Wrp .maxiMandiSectn div span i {
          border-bottom: 7px solid transparent;
          border-top: 7px solid transparent;
          border-left: 7px solid #e3dfde;
          position: absolute;
          width: 0;
          height: 0;
          right: -7px;
          height: 0;
          top: 22px;
          width: 0; }
  .location_Wrp .posteriorAntrrior {
    width: 400px;
    height: auto;
    display: inline-block;
    vertical-align: top; }
  .location_Wrp .location {
    width: auto;
    height: auto;
    margin: 0; }
    .location_Wrp .location ul {
      width: 100%;
      height: auto;
      font: 1.2em "RobotoRegular";
      list-style: none;
      padding: 0;
      margin: 0; }
      .location_Wrp .location ul li {
        background: url("../imgs/orng_dashed_v_bg.gif") repeat-x left bottom, url("../imgs/gry_dashed_bg.gif") repeat-y top right;
        position: relative;
        width: 24.81%;
        height: 80px;
        text-align: center;
        font-size: 0.7em;
        float: left;
        margin: 0; }
        .location_Wrp .location ul li a {
          position: relative;
          background-color: rgba(255, 255, 255, 0.6);
          box-shadow: inset 0 0 0 1px #f2f2f2, 0 2px 1px #ccc;
          transform: translateZ(0);
          transition-duration: 0.3s;
          transition-property: box-shadow;
          backface-visibility: hidden;
          -webkit-transform: translateZ(0);
          -webkit-backface-visibility: hidden;
          -webkit-transition-duration: 0.3s;
          -webkit-transition-property: box-shadow;
          -moz-osx-font-smoothing: grayscale;
          background: #fafafa;
          border-radius: 12px;
          display: inline-block;
          padding: 16px 10px;
          color: #000000;
          right: 0;
          top: 12px;
          left: 0; }
          .location_Wrp .location ul li a:hover {
            background-color: #faa762;
            box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999;
            color: #fff; }
            @media screen and (max-width: 480px) {
              .location_Wrp .location ul li a:hover {
                box-shadow: 0 0 0 1px #c9c9c9 inset, 0 0 3px #ccc;
                background-color: #f7f7f7;
                color: #333; } }
          .location_Wrp .location ul li a.selected {
            background-color: #faa762;
            box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999;
            color: #fff; }
            .location_Wrp .location ul li a.selected i {
              color: #fff; }
        .location_Wrp .location ul li i {
          display: inline-block;
          font-style: normal;
          margin-top: -6px;
          font-size: 1.2em; }
        .location_Wrp .location ul li:nth-child(2)::after {
          background: url("../imgs/orng_dashed_bg.gif") repeat-y center center;
          position: relative;
          width: 1px;
          height: 200px;
          display: block;
          content: "";
          right: -100px;
          top: -80px; }
        .location_Wrp .location ul li:nth-child(6), .location_Wrp .location ul li:nth-child(2) {
          background: url("../imgs/orng_dashed_v_bg.gif") repeat-x left bottom; }
        .location_Wrp .location ul li:nth-child(4), .location_Wrp .location ul li:nth-child(8) {
          background: url("../imgs/orng_dashed_v_bg.gif") repeat-x left bottom; }
        .location_Wrp .location ul li:nth-child(5), .location_Wrp .location ul li:nth-child(6), .location_Wrp .location ul li:nth-child(7), .location_Wrp .location ul li:nth-child(8) {
          background: url("../imgs/gry_dashed_bg.gif") repeat-y right top; }
        .location_Wrp .location ul li:nth-child(6), .location_Wrp .location ul li:nth-child(8) {
          background: none; }
  .location_Wrp .locationButt {
    font: 1.1em "AvantGradeRegular";
    margin: 0 0 0.5em;
    color: #4e3224;
    display: block; }
    .location_Wrp .locationButt span {
      width: 49%;
      height: auto;
      display: inline-block;
      text-align: center; }

/** chiefComplaintModalBoxStyle - Location **/
/** chiefComplaintModalBoxStyle - Intensity **/
/*.intensity_Wrp {
	.outer-mask {
		border-left: 2px solid #e6e6e6;
		@include positioning(absolute);
	    transform: skew(11deg, 0deg);
		@include size(168px, 184px);
		@include radius(15px);
	    overflow: hidden;
	    left: 41px;
	    top: 54px;
	}

	.inner-mask {
		@include positioning(absolute);
		border: 2px solid $brdr_lgrey2;
		transform: skew(-20deg, 0deg);
		@include size(158px, 184px);
		@include radius(15px);
		overflow: hidden;
		left: -60px;
		top: 0;
	}

	.content-t {
		@include positioning(absolute);
		@include size(260px, 184px);
		font: 600 1.1em $roboto;
		left: 0;
		top: 0;

		a {
			border-bottom: 1px solid $brdr_lgrey2;
			transform: skew(10deg, 0deg);
			text-align: center;
			padding: 17px 0;
			display: block;

			&.selected {
				background: $bgcolor_orng;
				color: $txt_wht;
			}

			&:nth-of-type(1) {
				@include size(72%, 60px);
				color: $txt_red;

				&.selected {
					color: $txt_wht;
				}
			}

			&:nth-of-type(2) {
				@include size(82%, 60px);
				color: $txt_org_clr;

				&.selected {
					color: $txt_wht;
				}
			}

			&:nth-of-type(3) {
				@include size(90%, 60px);
				border-bottom: 0 none;
				color: $txt_tilt;

				&.selected {
					color: $txt_wht;
				}
			}
		}
	}
}*/
.intensity_Wrp {
  /*	.outer-mask {
		box-shadow: 0px 0px 1px$bg_gry;
		@include radius(10px 0 10px 0);
		@include size(100px, auto);
		margin: 10px auto 0;
	}

	.inner-mask {
		border: 1px solid $brdr_lgrey2;
		@include radius(10px 0 10px 0);
	}
*/ }
  .intensity_Wrp .content-t {
    margin: 5px 0 0 0;
    /*font: 600 1.05em $avantgradeR;*/ }
    .intensity_Wrp .content-t a {
      /*border-bottom: 1px solid $brdr_lgrey2;*/
      text-align: center;
      display: inherit;
      margin: auto;
      padding: 0;
      /*			&:nth-of-type(1) {
				background: linear-gradient(to top, $txt_red 51%, white 50%);
				@include radius(10px 0 0 0);
				background-size: 100% 200%;
				background-position: bottom top;
				transition: all .7s ease-in-out;
				color: $txt_red;

				&.selected, &:hover {
					color: $txt_wht;
					background-position: left bottom;
				}
			}

			&:nth-of-type(2) {
				background: linear-gradient(to top, $txt_org_clr 51%, white 50%);
				background-size: 100% 200% ;
				background-position: bottom top;
				transition: all .7s ease-in-out;
				color: $txt_org_clr;

				&.selected, &:hover {
					color: $txt_wht;
					background-position: left bottom;
				}
			}

			&:nth-of-type(3) {
				background: linear-gradient(to top, $txt_tilt 51%, white 50%);
				@include radius(0 0 10px 0);
				background-size: 100% 200% ;
				background-position: bottom top;
				transition: all .7s ease-in-out;
				border-bottom: 0 none;
				color: $txt_tilt;

				&.selected, &:hover {
					color: $txt_wht;
					background-position: left bottom;
				}
			}*/ }
      .intensity_Wrp .content-t a.Severe {
        width: 134px;
        height: 71px;
        background: url("../imgs/severe_btn.png") no-repeat top left; }
        .intensity_Wrp .content-t a.Severe.selected {
          background-position: bottom left; }
      .intensity_Wrp .content-t a.Moderate {
        width: 115px;
        height: 66px;
        background: url("../imgs/moderate_btn.png") no-repeat top left; }
        .intensity_Wrp .content-t a.Moderate.selected {
          background-position: bottom left; }
      .intensity_Wrp .content-t a.Mild {
        width: 93px;
        height: 62px;
        background: url("../imgs/mild_btn.png") no-repeat top left; }
        .intensity_Wrp .content-t a.Mild.selected {
          background-position: bottom left; }

/** chiefComplaintModalBoxStyle - Intensity **/
/** chiefComplaintModalBoxStyle - Period **/
#periodSection ul {
  border: 2px solid #e6e6e6;
  position: relative;
  width: 30px;
  height: 182px;
  background: #faa762;
  border-radius: 50px;
  list-style: none;
  overflow: auto;
  margin: auto;
  padding: 0; }
  #periodSection ul li {
    text-align: center; }
    #periodSection ul li.selected {
      background-color: #fff; }
      #periodSection ul li.selected a {
        color: #fa9948; }
    #periodSection ul li a {
      text-decoration: none;
      color: #fff;
      display: block; }
      #periodSection ul li a:hover, #periodSection ul li a:focus {
        background-color: #fff;
        color: #fa9948; }

.periodOnDesktop #periodSection ul {
  overflow: hidden; }

.periodOnDesktop #periodSection div.col-xs-5 {
  width: 39.66666667%;
  padding: 0; }

.periodOnDesktop #periodSection div.col-xs-1 {
  padding: 0;
  margin: 0 3px 0 0; }

.periodScrollUp {
  border-bottom: 8px solid #bcbbbb;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  text-indent: -99999px;
  box-shadow: 0 1px 0 #ccc;
  display: block;
  height: 10px;
  float: right;
  width: 0px;
  position: absolute;
  top: 33px;
  right: 0; }
  .periodScrollUp:hover, button:hover span.periodScrollUp.cmnicons {
    border-bottom-color: #faa762; }

.periodScrollDown {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #bcbbbb;
  text-indent: -99999px;
  box-shadow: 0 -1px 0 #ccc;
  margin: -8px 0 0;
  display: block;
  float: right;
  height: 10px;
  width: 0px;
  position: absolute;
  bottom: -35px;
  right: 0; }
  .periodScrollDown:hover, button:hover span.periodScrollDown.cmnicons {
    border-top-color: #faa762; }

/** chiefComplaintModalBoxStyle - Period **/
@media (min-width: 280px) {
  .location_Wrp {
    width: 515px; }
  .spetrr {
    width: 530px; }
  .intensity_Wrp {
    width: 180px;
    height: 256px; }
  .period_Wrp {
    width: 220px;
    padding: 0; } }

@media (min-width: 768px) {
  .location_Wrp, .spetrr {
    width: auto; } }

@media (min-width: 1100px) {
  .modal-exlg, .cc-modal-window .modal-lg {
    width: 960px; } }

.setHeightMnth {
  height: 168px; }

/** oralExamSpecific **/
/** teeth&tissue - Section **/
/*** all teeth selection ***/
.toggletext {
  position: absolute;
  z-index: 2;
  right: 20px;
  top: 55px; }
  .toggletext.olml {
    top: 50%; }
  .toggletext.olmlquad {
    bottom: 10px;
    top: unset; }
  .toggletext.rNeg10 {
    right: -10px; }
  .toggletext.tNeg15 {
    top: -15px; }
  .toggletext.tCalc27 {
    top: calc(50% - 27px); }
  .toggletext.noBtm {
    bottom: 0; }
  .toggletext.wdth120 {
    width: 110px; }
  .toggletext .btn-selectAll {
    font: 14px "AvantGradeRegular";
    border-radius: 4px;
    background: #eaeaea;
    color: #444444;
    padding: 0px 6px 3px 14px;
    text-align: center; }
    .toggletext .btn-selectAll.smlrBnts {
      padding: 0px 6px 3px 0;
      text-align: center;
      display: block;
      width: 100%; }
    .toggletext .btn-selectAll .cmnicons {
      background-color: white;
      box-shadow: inset 0 0 0 1px #666, 0 0 4px #ccc;
      transform: translateZ(0);
      transition-duration: 0.3s;
      transition-property: box-shadow;
      backface-visibility: hidden;
      -webkit-transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-property: box-shadow;
      -moz-osx-font-smoothing: grayscale;
      width: auto;
      height: auto;
      background-image: none;
      border-radius: 6px;
      float: left; }
      .toggletext .btn-selectAll .cmnicons span {
        font-size: 1em;
        color: #fff;
        padding: 5px; }
    .toggletext .btn-selectAll b {
      display: inline-block;
      font-weight: normal;
      color: #444444;
      font-size: .9em;
      min-width: 60px; }
    .toggletext .btn-selectAll:hover, .toggletext button:hover span.btn-selectAll.cmnicons, button:hover .toggletext span.btn-selectAll.cmnicons, .toggletext .btn-selectAll.selected {
      background: #faa762; }
      .toggletext .btn-selectAll:hover b, .toggletext button:hover span.btn-selectAll.cmnicons b, button:hover .toggletext span.btn-selectAll.cmnicons b, .toggletext .btn-selectAll.selected b {
        color: #fff; }
      .toggletext .btn-selectAll:hover .cmnicons, .toggletext button:hover span.btn-selectAll.cmnicons .cmnicons, button:hover .toggletext span.btn-selectAll.cmnicons .cmnicons, .toggletext .btn-selectAll.selected .cmnicons {
        background-color: white;
        box-shadow: inset 0 0 0 1px #666, 0 0 4px #ccc;
        transform: translateZ(0);
        transition-duration: 0.3s;
        transition-property: box-shadow;
        backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        -webkit-transition-duration: 0.3s;
        -webkit-transition-property: box-shadow;
        -moz-osx-font-smoothing: grayscale; }
    .toggletext .btn-selectAll.selected .cmnicons span {
      color: #fa9948; }

/*** all teeth selection ***/
.newteeth-wrp {
  position: absolute;
  bottom: 0;
  left: -30px;
  top: 50%;
  transform: translateY(-51%);
  height: 145px; }
  .newteeth-wrp a {
    display: inline-block;
    margin: 0 9px 15px 0; }
    .newteeth-wrp a .tab-mini-btns {
      box-shadow: 0 0 0 1px #fff inset, 0 1px 1px #999;
      width: 24px;
      height: 24px;
      background: #cdcdcd;
      border-radius: 8px;
      margin: 0 5px 0 0;
      float: left; }
    .newteeth-wrp a b {
      font-weight: normal;
      color: #444444;
      font-size: 0.8em;
      margin: 4px 0 0;
      float: left; }
    .newteeth-wrp a:hover .tab-mini-btns, .newteeth-wrp a > .active .tab-mini-btns {
      background-color: #faa762;
      box-shadow: inset 0 0 0 1px #fff, 0 1px 1px #999; }
    .newteeth-wrp a:hover b, .newteeth-wrp a > .active b {
      color: #fa9948; }
  .newteeth-wrp .radioTab {
    padding: 0; }
    .newteeth-wrp .radioTab a {
      box-shadow: 0px 1px 1px #ccc;
      border: 1px solid #dfdfdf;
      border-radius: 0 5px 5px 0;
      width: 60px;
      height: 34px;
      background: #eaeaea;
      font: 14px "AvantGradeRegular";
      text-align: center;
      border-left: 0px;
      margin: 0 0 15px;
      display: block; }
      .newteeth-wrp .radioTab a b {
        display: inline-block;
        font-weight: normal;
        margin: 4px auto 0;
        font-size: 1em;
        float: none; }
      .newteeth-wrp .radioTab a:hover, .newteeth-wrp .radioTab a.selected {
        box-shadow: 0px 0px 3px #aaaaaa;
        background: #faa762;
        border: 1px solid #fff;
        border-left: 0px; }
        .newteeth-wrp .radioTab a:hover b, .newteeth-wrp .radioTab a.selected b {
          color: #fff; }
      .newteeth-wrp .radioTab a.selected {
        width: 67px; }

.softtissue-wrap {
  width: auto;
  height: auto;
  margin: auto auto -5px;
  text-align: center; }
  .softtissue-wrap ul {
    width: auto;
    height: auto;
    list-style-type: none;
    display: inline-block;
    padding: 0;
    margin: 0; }
    .softtissue-wrap ul li {
      width: 70px;
      height: auto;
      display: inline-block;
      margin: 0 20px 15px;
      cursor: pointer; }
      .softtissue-wrap ul li .sh {
        background-color: rgba(255, 255, 255, 0.6);
        box-shadow: inset 0 0 0 1px #fafafa, 0 0 2px #aaaaaa;
        transform: translateZ(0);
        transition-duration: 0.3s;
        transition-property: box-shadow;
        backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        -webkit-transition-duration: 0.3s;
        -webkit-transition-property: box-shadow;
        -moz-osx-font-smoothing: grayscale;
        background: #fafafa url("../imgs/sh-tissues-img.png") no-repeat top left;
        width: 70px;
        height: 67px;
        border-radius: 5px;
        margin: 0 0 8px;
        /** softTissues **/
        /** hardTissue **/ }
        .softtissue-wrap ul li .sh.cheek {
          background-position: -20px -20px; }
        .softtissue-wrap ul li .sh.floorofmouth {
          background-position: -112px -20px; }
        .softtissue-wrap ul li .sh.frenum {
          background-position: -203px -23px; }
        .softtissue-wrap ul li .sh.gingiva {
          background-position: -296px -19px; }
        .softtissue-wrap ul li .sh.salivarygland {
          background-position: -388px -19px; }
        .softtissue-wrap ul li .sh.lip {
          background-position: -20px -114px; }
        .softtissue-wrap ul li .sh.lymphnodes {
          background-position: -112px -114px; }
        .softtissue-wrap ul li .sh.palate {
          background-position: -204px -112px; }
        .softtissue-wrap ul li .sh.tongue {
          background-position: -296px -113px; }
        .softtissue-wrap ul li .sh.vestibule {
          background-position: -388px -113px; }
        .softtissue-wrap ul li .sh.mandibularangle {
          background-position: -20px -300px; }
        .softtissue-wrap ul li .sh.mandibularbody {
          background-position: -113px -208px; }
        .softtissue-wrap ul li .sh.maxillarytuberosity {
          background-position: -204px -208px; }
        .softtissue-wrap ul li .sh.posteriormaxilla {
          background-position: -204px -297px; }
        .softtissue-wrap ul li .sh.pre-maxilla {
          background-position: -295px -208px; }
        .softtissue-wrap ul li .sh.maxillarysinus {
          background-position: -389px -298px; }
        .softtissue-wrap ul li .sh.mandibularsymphysis {
          background-position: -389px -205px; }
        .softtissue-wrap ul li .sh.tmjoint {
          background-position: -112px -298px; }
        .softtissue-wrap ul li .sh:hover, .softtissue-wrap ul li button:hover span.sh.cmnicons, button:hover .softtissue-wrap ul li span.sh.cmnicons, .softtissue-wrap ul li.selected .sh {
          background-color: #faa762;
          box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999;
          background-color: #f2f2f2;
          /** softTissues **/
          /** hardTissue **/ }
          .softtissue-wrap ul li .sh:hover.cheek, .softtissue-wrap ul li button:hover span.sh.cheek.cmnicons, button:hover .softtissue-wrap ul li span.sh.cheek.cmnicons, .softtissue-wrap ul li.selected .cheek.sh {
            background-position: -20px -389px; }
          .softtissue-wrap ul li .sh:hover.floorofmouth, .softtissue-wrap ul li button:hover span.sh.floorofmouth.cmnicons, button:hover .softtissue-wrap ul li span.sh.floorofmouth.cmnicons, .softtissue-wrap ul li.selected .floorofmouth.sh {
            background-position: -112px -389px; }
          .softtissue-wrap ul li .sh:hover.frenum, .softtissue-wrap ul li button:hover span.sh.frenum.cmnicons, button:hover .softtissue-wrap ul li span.sh.frenum.cmnicons, .softtissue-wrap ul li.selected .frenum.sh {
            background-position: -203px -392px; }
          .softtissue-wrap ul li .sh:hover.gingiva, .softtissue-wrap ul li button:hover span.sh.gingiva.cmnicons, button:hover .softtissue-wrap ul li span.sh.gingiva.cmnicons, .softtissue-wrap ul li.selected .gingiva.sh {
            background-position: -296px -388px; }
          .softtissue-wrap ul li .sh:hover.salivarygland, .softtissue-wrap ul li button:hover span.sh.salivarygland.cmnicons, button:hover .softtissue-wrap ul li span.sh.salivarygland.cmnicons, .softtissue-wrap ul li.selected .salivarygland.sh {
            background-position: -388px -388px; }
          .softtissue-wrap ul li .sh:hover.lip, .softtissue-wrap ul li button:hover span.sh.lip.cmnicons, button:hover .softtissue-wrap ul li span.sh.lip.cmnicons, .softtissue-wrap ul li.selected .lip.sh {
            background-position: -20px -483px; }
          .softtissue-wrap ul li .sh:hover.lymphnodes, .softtissue-wrap ul li button:hover span.sh.lymphnodes.cmnicons, button:hover .softtissue-wrap ul li span.sh.lymphnodes.cmnicons, .softtissue-wrap ul li.selected .lymphnodes.sh {
            background-position: -112px -483px; }
          .softtissue-wrap ul li .sh:hover.palate, .softtissue-wrap ul li button:hover span.sh.palate.cmnicons, button:hover .softtissue-wrap ul li span.sh.palate.cmnicons, .softtissue-wrap ul li.selected .palate.sh {
            background-position: -204px -481px; }
          .softtissue-wrap ul li .sh:hover.tongue, .softtissue-wrap ul li button:hover span.sh.tongue.cmnicons, button:hover .softtissue-wrap ul li span.sh.tongue.cmnicons, .softtissue-wrap ul li.selected .tongue.sh {
            background-position: -296px -482px; }
          .softtissue-wrap ul li .sh:hover.vestibule, .softtissue-wrap ul li button:hover span.sh.vestibule.cmnicons, button:hover .softtissue-wrap ul li span.sh.vestibule.cmnicons, .softtissue-wrap ul li.selected .vestibule.sh {
            background-position: -388px -482px; }
          .softtissue-wrap ul li .sh:hover.mandibularangle, .softtissue-wrap ul li button:hover span.sh.mandibularangle.cmnicons, button:hover .softtissue-wrap ul li span.sh.mandibularangle.cmnicons, .softtissue-wrap ul li.selected .mandibularangle.sh {
            background-position: -20px -669px; }
          .softtissue-wrap ul li .sh:hover.mandibularbody, .softtissue-wrap ul li button:hover span.sh.mandibularbody.cmnicons, button:hover .softtissue-wrap ul li span.sh.mandibularbody.cmnicons, .softtissue-wrap ul li.selected .mandibularbody.sh {
            background-position: -113px -577px; }
          .softtissue-wrap ul li .sh:hover.maxillarytuberosity, .softtissue-wrap ul li button:hover span.sh.maxillarytuberosity.cmnicons, button:hover .softtissue-wrap ul li span.sh.maxillarytuberosity.cmnicons, .softtissue-wrap ul li.selected .maxillarytuberosity.sh {
            background-position: -204px -577px; }
          .softtissue-wrap ul li .sh:hover.posteriormaxilla, .softtissue-wrap ul li button:hover span.sh.posteriormaxilla.cmnicons, button:hover .softtissue-wrap ul li span.sh.posteriormaxilla.cmnicons, .softtissue-wrap ul li.selected .posteriormaxilla.sh {
            background-position: -204px -666px; }
          .softtissue-wrap ul li .sh:hover.pre-maxilla, .softtissue-wrap ul li button:hover span.sh.pre-maxilla.cmnicons, button:hover .softtissue-wrap ul li span.sh.pre-maxilla.cmnicons, .softtissue-wrap ul li.selected .pre-maxilla.sh {
            background-position: -295px -577px; }
          .softtissue-wrap ul li .sh:hover.maxillarysinus, .softtissue-wrap ul li button:hover span.sh.maxillarysinus.cmnicons, button:hover .softtissue-wrap ul li span.sh.maxillarysinus.cmnicons, .softtissue-wrap ul li.selected .maxillarysinus.sh {
            background-position: -389px -667px; }
          .softtissue-wrap ul li .sh:hover.mandibularsymphysis, .softtissue-wrap ul li button:hover span.sh.mandibularsymphysis.cmnicons, button:hover .softtissue-wrap ul li span.sh.mandibularsymphysis.cmnicons, .softtissue-wrap ul li.selected .mandibularsymphysis.sh {
            background-position: -389px -574px; }
          .softtissue-wrap ul li .sh:hover.tmjoint, .softtissue-wrap ul li button:hover span.sh.tmjoint.cmnicons, button:hover .softtissue-wrap ul li span.sh.tmjoint.cmnicons, .softtissue-wrap ul li.selected .tmjoint.sh {
            background-position: -112px -667px; }
      .softtissue-wrap ul li h5 {
        background-color: rgba(255, 255, 255, 0.6);
        box-shadow: inset 0 0 0 1px #fafafa, 0 0 3px #aaaaaa;
        transform: translateZ(0);
        transition-duration: 0.3s;
        transition-property: box-shadow;
        backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        -webkit-transition-duration: 0.3s;
        -webkit-transition-property: box-shadow;
        -moz-osx-font-smoothing: grayscale;
        width: 70px;
        height: 30px;
        background: #f2f2f2;
        font: 12px/14px "RobotoRegular";
        vertical-align: middle;
        border-radius: 5px;
        display: table-cell;
        text-align: center;
        color: #444444; }
        .softtissue-wrap ul li h5:hover, .softtissue-wrap ul li h5.selected, .softtissue-wrap ul li.selected h5 {
          background-color: #faa762;
          box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999;
          color: #fff; }

.modal-softHardTissue .softtissue-wrap {
  border-bottom: 2px solid #faa762;
  width: auto;
  height: auto;
  margin: 0 15px 15px 0;
  float: left;
  padding: 0; }
  .modal-softHardTissue .softtissue-wrap ul {
    width: 100%;
    height: auto;
    text-align: center; }
    .modal-softHardTissue .softtissue-wrap ul li {
      margin: 0 15px 15px 0; }
      .modal-softHardTissue .softtissue-wrap ul li .sh {
        margin: 0 0 -10px; }

.modal-softHardTissue .sh-t-box {
  padding: 0;
  width: auto;
  text-align: center; }

.modal-tissue-boxes {
  display: inline;
  padding: 0;
  margin: 0; }
  .modal-tissue-boxes div {
    box-shadow: 0 0 0 1px #c9c9c9 inset, 0 0 3px #ccc;
    font: 0.89em/1.3em "AvantGradeRegular";
    background-color: #f7f7f7;
    width: 90px;
    height: 80px;
    border-radius: 10px;
    display: inline-table;
    vertical-align: top;
    cursor: pointer;
    max-width: 90px;
    margin: 13px;
    padding: 5px; }
    .modal-tissue-boxes div:hover {
      background-color: #faa762;
      box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999;
      color: #fff; }
      .modal-tissue-boxes div:hover i {
        color: #fff; }
      @media screen and (max-width: 480px) {
        .modal-tissue-boxes div:hover {
          box-shadow: 0 0 0 1px #c9c9c9 inset, 0 0 3px #ccc;
          background-color: #f7f7f7;
          color: #444444; } }
      .modal-tissue-boxes div:hover ~ .severity .sicon {
        background: transparent url("../imgs/oes-a-icn.png") no-repeat top center;
        background-size: 100%; }
    .modal-tissue-boxes div.selected {
      background-color: #faa762;
      box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999;
      color: #fff; }
      .modal-tissue-boxes div.selected i {
        color: #fff; }
  .modal-tissue-boxes span {
    overflow-wrap: break-word;
    vertical-align: middle;
    word-break: break-word;
    display: table-cell;
    text-align: center; }
    .modal-tissue-boxes span i {
      font: normal 15px Calibri, Sans-serif, Arial;
      color: #fa9948;
      margin-right: 2px; }

.showAllFew {
  margin: 0 0 -5px 0;
  height: auto;
  padding: 0;
  z-index: 9; }
  .showAllFew button {
    width: auto;
    height: auto;
    background: transparent;
    font: bold 13px "RobotoRegular";
    color: #faa762;
    text-align: center;
    border: 0 none;
    padding: 0; }
    .showAllFew button i {
      font-size: 14px;
      margin: 0 2px 0 0; }

#obpopupmodalheader h4 {
  margin: 3px 10px 0 0; }

.ioparBtn {
  margin: auto 24px 0;
  height: 50px; }
  .ioparBtn a span {
    box-shadow: 0 0 0 1px #c9c9c9 inset, 0 0 3px #ccc;
    background-color: #f7f7f7;
    text-transform: uppercase;
    font: 0.9em "AvantGradeRegular";
    border-radius: 5px;
    color: #444444;
    padding: 6px 16px;
    margin: 0 0 15px; }
    .ioparBtn a span i {
      font-style: normal; }
    .ioparBtn a span:hover, .ioparBtn a button:hover span.cmnicons, button:hover .ioparBtn a span.cmnicons, .ioparBtn a span.active {
      background-color: #faa762;
      box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999;
      color: #fff; }
  .ioparBtn .txtareCont {
    clear: both; }
  .ioparBtn .notestext {
    font-size: .9em !important; }

.nrmlTextBox {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 94%; }
  .nrmlTextBox .notestext {
    font-size: .9em !important; }

#oralexampopupproblems {
  position: relative;
  margin: 10px 10px 0 0;
  display: block;
  clear: both; }
  #oralexampopupproblems .pull-left {
    display: inline-block; }
  #oralexampopupproblems .badgesContArea {
    min-height: inherit;
    font: 0.8em "RobotoRegular";
    border: 0 none;
    padding: 0;
    margin: 0; }
    #oralexampopupproblems .badgesContArea .tags ul > div {
      float: left; }
      #oralexampopupproblems .badgesContArea .tags ul > div .oralexamkey {
        font-weight: bold;
        margin: 5px 10px 0 0; }
      #oralexampopupproblems .badgesContArea .tags ul > div li.tag-item {
        border-radius: 8px;
        margin-right: 7px;
        padding: 3px 6px; }
      #oralexampopupproblems .badgesContArea .tags ul > div li .remove-button {
        margin: 1px -3px 0 3px; }
    #oralexampopupproblems .badgesContArea .spanselectedproblems {
      vertical-align: middle; }

#cubeboxwrapper .outer-wrapper {
  box-shadow: 0 0 0 1px #fafafa inset, 0 1px 5px #ccc;
  width: 233px;
  height: 213px;
  border-radius: 10px;
  background: #eee;
  padding: 20px;
  margin: auto; }
  #cubeboxwrapper .outer-wrapper:active {
    box-shadow: none; }

/** teeth&tissue - Section **/
/** oralExamSpecific **/
#toothViewPopup div.modal-height {
  max-height: 400px;
  position: relative;
  overflow-y: scroll; }

#toothViewPopup, #oeProDiagnoPopup, #oeHardTissuePopup, #oralExamView {
  background-color: rgba(0, 0, 0, 0.4); }

#tpmodalheight {
  border-left: 1px solid #dd5600;
  border: 0 none;
  display: table-caption;
  height: 407px;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 48.3%;
  padding: 0;
  margin: 0; }

.cubeWrap {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 0 0 1px #fafafa inset, 0 0 3px #ccc;
  border-radius: 10px;
  color: #333;
  cursor: pointer;
  font: 0.95em "RobotoRegular";
  height: 153px;
  margin: auto;
  position: relative;
  text-align: center;
  width: 173px; }

.face {
  position: relative; }

.face span {
  position: absolute;
  left: 12px; }

.Occlusal-face {
  background: #eee none repeat scroll 0 0;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #fafafa inset, 0 1px 5px #ccc;
  height: 65px;
  left: 44px;
  position: absolute;
  top: 44px;
  width: 85px;
  z-index: 3; }

.Occlusal-face:active {
  box-shadow: none; }

.Occlusal-face.selected, .Incisal-face.selected {
  background: #faa762 none repeat scroll 0 0;
  box-shadow: 0 0 0 1px #fff inset, 0 0 4px #999;
  color: #fff; }

.Buccal-face {
  border-left: 52px solid transparent;
  border-radius: 10px;
  border-right: 52px solid transparent;
  border-top: 52px solid #fcfcfc;
  box-shadow: 0 -5px 5px -5px #ccc;
  height: 0;
  left: 0;
  position: absolute;
  z-index: 2;
  width: 173px; }

.Buccal-face:active {
  box-shadow: none; }

.Buccal-face span {
  left: 14px;
  top: -40px; }

.Buccal-face.selected {
  border-top-color: #faa762;
  box-shadow: 0 -5px 5px -5px #333;
  color: #fff; }

.Lingual-face.selected,
.Palatal-face.selected {
  border-bottom-color: #faa762;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 5px 5px -5px #333;
  color: #fff; }

.Mesial-face {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-bottom: 52px solid transparent;
  border-left: 52px solid #fcfcfc;
  border-radius: 10px;
  border-top: 52px solid transparent;
  box-shadow: -5px 0 5px -5px #ccc;
  height: 153px;
  z-index: 2;
  left: 0;
  position: absolute;
  top: 0;
  width: 0; }

.Mesial-face:active {
  box-shadow: none; }

.Mesial-face span {
  left: -50px;
  top: 16px;
  transform: rotate(90deg);
  z-index: 2; }

.Mesial-face.selected {
  border-left-color: #faa762;
  box-shadow: -5px 0 5px -5px #333;
  color: #fff; }

.Surface-face.selected {
  color: #fff; }

.Distal-face {
  border-bottom: 52px solid transparent;
  border-radius: 10px;
  border-right: 52px solid #fcfcfc;
  border-top: 52px solid transparent;
  height: 153px;
  left: 121px;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 2; }

.Distal-face:active {
  box-shadow: none; }

.Distal-face span {
  right: -54px;
  top: 15px;
  transform: rotate(90deg);
  z-index: 2; }

.Palatal-face span {
  left: 14px;
  top: 20px; }

.Palatal-face span.palatal {
  left: 0;
  line-height: 16px;
  right: 0;
  top: 15px; }

.Distal-face.selected {
  border-right-color: #faa762;
  box-shadow: 3px 0 3px -2px #333;
  color: #fff; }

.Perio-face {
  border-left: 92px solid transparent;
  border-right: 86px solid transparent;
  border-top: 59px solid #eee;
  bottom: -101px;
  height: 0;
  position: absolute;
  width: 0;
  z-index: 3; }

.Perio-face:active {
  box-shadow: none; }

.Perio-face.selected {
  color: #fff;
  border-top-color: #faa762; }

.Perio-face span {
  left: -63px;
  top: -50px;
  width: 125px;
  display: block; }

.Perio-face .selected {
  border-top: 59px solid #fff; }

.Surface-face {
  /*bottom: -40px;
    height: 30px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
    z-index: 2; */
  position: absolute;
  width: 233px;
  height: 213px;
  text-align: center;
  bottom: -40px;
  left: -30px;
  z-index: 1;
  right: 0; }

.Surface-face span {
  position: absolute;
  margin-left: -33px;
  bottom: 12px;
  left: auto; }

.outer-wrapper > span {
  color: #000;
  font-weight: bold;
  margin: -8px 0 0 -43px;
  position: absolute; }

#perio1 {
  background: #fff none repeat scroll 0 0;
  box-shadow: 2px 0 2px 1px #ccc;
  height: 103px;
  left: 135px;
  position: absolute;
  top: 173px;
  transform: rotate(55deg);
  width: 1px;
  z-index: 2; }

#perio2 {
  background: #fff none repeat scroll 0 0;
  box-shadow: -2px 0 2px 1px #ccc;
  height: 110px;
  left: 45px;
  position: absolute;
  top: 169px;
  transform: rotate(-57deg);
  width: 1px;
  z-index: 2; }

div.Palatal-face {
  border-bottom: 52px solid #fcfcfc;
  border-left: 52px solid transparent;
  border-radius: 10px;
  border-right: 52px solid transparent;
  box-shadow: 0 5px 5px -5px #ccc;
  height: 0;
  position: absolute;
  top: 101px;
  z-index: 2;
  width: 173px; }

div.Incisal-face {
  background: #f2f2f2 none repeat scroll 0 0;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #fafafa inset, 0 1px 5px #ccc;
  height: 65px;
  left: 44px;
  position: absolute;
  top: 44px;
  width: 85px;
  z-index: 3; }

div.Incisal-face span {
  left: 0;
  line-height: 16px;
  right: 0;
  top: 17px; }

.Occlusal-face span {
  left: 0;
  right: 0;
  top: 22px; }

#cubeboxwrapper {
  border-bottom: 2px solid orange;
  display: block;
  float: none;
  margin: 0 15px 15px 0;
  padding: 0 20px 80px 0;
  width: auto; }

.modal-tooth-tissue-box {
  display: inline;
  padding: 0;
  margin: 0; }
  .modal-tooth-tissue-box div {
    backface-visibility: hidden;
    background-color: #f7f7f7;
    border-radius: 10px;
    box-shadow: 0 0 0 1px #c9c9c9 inset, 0 0 3px #ccc;
    cursor: pointer;
    display: inline-table;
    font: 0.89em/1.3em "AvantGradeRegular";
    height: 80px;
    margin: 0 13px 15px 0;
    max-width: 90px;
    padding: 5px;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow;
    vertical-align: top;
    width: 90px; }
    @media (hover) {
      .modal-tooth-tissue-box div:hover {
        background-color: #faa762;
        box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999;
        color: #fff; }
        .modal-tooth-tissue-box div:hover i {
          color: #fff; } }
  @media screen and (hover) and (max-width: 480px) {
    .modal-tooth-tissue-box div:hover {
      box-shadow: 0 0 0 1px #c9c9c9 inset, 0 0 3px #ccc;
      background-color: #f7f7f7;
      color: #333; } }
    @media (hover) {
        .modal-tooth-tissue-box div:hover ~ .severity .sicon {
          background: transparent url("../imgs/oes-a-icn.png") no-repeat top center;
          background-size: 100%; } }
    .modal-tooth-tissue-box div.selected {
      background-color: #faa762;
      box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999;
      color: #fff; }
      .modal-tooth-tissue-box div.selected i {
        color: #fff; }
  .modal-tooth-tissue-box span {
    overflow-wrap: break-word;
    vertical-align: middle;
    word-break: break-word;
    display: table-cell;
    text-align: center;
    word-wrap: anywhere; }
    .modal-tooth-tissue-box span i {
      font: normal 15px Calibri, Sans-serif, Arial;
      color: #fa9948;
      margin-right: 2px; }

.line-top-left,
.line-top-right,
.line-bottom-left,
.line-bottom-right {
  position: absolute;
  width: 2px;
  height: 62px;
  display: inline-block;
  background: #eee;
  z-index: 4; }

.line-top-left {
  transform: rotate(-44deg);
  left: 24px;
  top: -6px; }

.line-bottom-left {
  transform: rotate(44deg);
  bottom: -6px;
  left: 24px; }

.line-top-right {
  right: 24px;
  top: -6px;
  transform: rotate(44deg); }

.line-bottom-right {
  right: 24px;
  bottom: -6px;
  transform: rotate(-44deg); }

#cubeboxwrapper .outer-wrapper.selected {
  background-color: #faa762;
  box-shadow: 0 0 0 1px #fff inset, 0 0 4px #999;
  color: #fff; }

.floating-hdr {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 15px 15px 0 0;
  height: auto;
  left: 0;
  padding: 8px 10px 2px;
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
  z-index: 3; }

.Lingual-face {
  border-bottom: 52px solid #fcfcfc;
  border-left: 52px solid transparent;
  border-radius: 10px;
  border-right: 52px solid transparent;
  box-shadow: 0 5px 5px -5px #ccc;
  height: 0;
  position: absolute;
  top: 101px;
  width: 173px; }
  .Lingual-face span {
    left: 12px;
    top: 20px; }

.iopar-img.OElisting {
  background-position: -373px -726px;
  height: 30px;
  width: 26px; }

.iopar-img {
  background: rgba(0, 0, 0, 0) url("../imgs/cmn-icn-sprite.png") no-repeat -322px -723px;
  display: table-cell;
  height: 37px;
  margin: 0 auto;
  vertical-align: middle;
  width: 35px; }

.modal-header .showAllFew {
  margin: 0;
  clear: both; }
  .modal-header .showAllFew button i {
    float: left;
    font-size: 16px;
    margin: 1px 5px 0 0; }

/************************************** @media queries **************************************/
@media (min-width: 480px) {
  .ioparBtn a span {
    margin: 0; }
  .ioparBtn .txtareCont {
    margin: 0 0 0 100px;
    clear: none; }
  .ioparBtn .notestext {
    font-size: .9em !important; } }

@media (min-width: 767px) {
  .modal-header .showAllFew {
    position: absolute;
    height: 0;
    right: 32px;
    bottom: 35px;
    z-index: 9; }
    .modal-header .showAllFew button {
      background: #f7f7f7 none repeat scroll 0 0;
      border: 0 none;
      border-radius: 5px;
      box-shadow: 0 0 0 1px #fff inset, 0 0 4px #ccc;
      color: #444444;
      font: 12px/14px "RobotoRegular";
      height: auto;
      padding: 7px 0;
      text-align: center;
      width: 70px; }
      .modal-header .showAllFew button:hover, .modal-header .showAllFew button.selected {
        background-color: #faa762;
        box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999;
        color: #fff; }
  .floating-hdr {
    position: absolute;
    right: 0;
    top: 0; } }

@media (min-width: 992px) {
  .newteeth-wrp a .tab-mini-btns {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    margin: 0 10px 0 0; }
  .newteeth-wrp a b {
    font-size: 0.85em;
    margin: 6px 0 0; }
  .softtissue-wrap {
    width: 570px;
    height: auto; }
    .softtissue-wrap ul {
      width: 650px;
      height: auto; }
      .softtissue-wrap ul li {
        margin: 0 40px 15px 0; }
        .softtissue-wrap ul li.nomrgn, .softtissue-wrap ul li:nth-child(6), .softtissue-wrap ul li:nth-child(10) {
          margin-right: 0; }
  .modal-softHardTissue .softtissue-wrap ul li:nth-child(6), .modal-softHardTissue .softtissue-wrap ul li:nth-child(10) {
    margin-right: 15px; }
  #cubeboxwrapper {
    border-bottom: 0px none;
    float: left;
    margin: 0;
    padding: 0 20px 70px 0; }
  .modal-tooth-tissue-list {
    border-left: 2px solid orange;
    max-width: 555px;
    float: left;
    margin: 0 0 0 5px !important;
    padding: 0 0 0 20px; }
  .modal-softHardTissue .softtissue-wrap {
    border-right: 2px solid #faa762;
    border-bottom: 0px none;
    float: left;
    margin: 0 15px 0 0;
    width: 260px; }
    .modal-softHardTissue .softtissue-wrap ul {
      text-align: left; }
  .modal-softHardTissue .sh-t-box {
    float: left;
    width: 530px;
    text-align: left; } }

@media (min-width: 1200px) {
  .newteeth-wrp a {
    margin: 0 0 15px; }
    .newteeth-wrp a .tab-mini-btns {
      width: 32px;
      height: 32px;
      border-radius: 12px; }
    .newteeth-wrp a b {
      font-weight: bold;
      font-size: 0.9em; } }

/************************************** @media queries **************************************/
.content {
  position: relative; }
  .content .sicon {
    width: 15px;
    height: 15px;
    display: inline-block;
    z-index: 2;
    background: transparent url("../imgs/oes-d-icn.png") no-repeat top center;
    background-size: 100%;
    position: absolute;
    bottom: 3px;
    right: 3px; }
    .content .sicon.active {
      background: transparent url("../imgs/oes-a-icn.png") no-repeat top center;
      background-size: 100%; }
  .content:hover .sicon, button:hover span.content.cmnicons .sicon {
    background-image: url("../imgs/oes-a-icn.png") !important; }

.severity {
  position: absolute;
  right: 19px;
  z-index: 2;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  border: 0;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  top: 76px; }
  .severity.mdl {
    bottom: -71px;
    right: 20px; }
  .severity.sft {
    bottom: -59px;
    right: 19px; }
  .severity .sicon-int {
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 1px;
    background: transparent url("../imgs/oes-d-icn.png") no-repeat top center;
    background-size: 100%; }
  .severity .slist {
    top: -17px;
    left: -17px;
    padding: 12px 10px 4px 10px !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    border: 1px solid #ccc;
    background: #fff !important;
    box-shadow: none !important;
    border-radius: 9px !important;
    position: absolute;
    z-index: 10; }
    .severity .slist ul {
      margin: 0;
      padding: 0; }
      .severity .slist ul li {
        height: auto !important;
        width: 120px !important;
        margin: 4px 0;
        display: flex !important;
        gap: 5px !important;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start; }
        .severity .slist ul li input {
          width: 17px !important;
          height: 17px !important; }
        .severity .slist ul li label {
          font-size: 14px;
          padding: 4px 0 0 26px;
          text-align: left;
          line-height: 14px;
          min-height: 20px;
          display: flex;
          align-items: center; }
        .severity .slist ul li .stl-chkB-rdB {
          width: 18px;
          height: 18px;
          border: 1px solid #999;
          box-shadow: none;
          padding: 0;
          top: 2px; }
  .severity .oeserror {
    display: block;
    font-size: 14px !important;
    text-align: left; }
    .severity .oeserror.txt_orng_drk {
      color: #f48d38; }

.oes_name {
  font-size: 12px;
  font-family: Calibri, Sans-serif, Arial;
  line-height: 12px;
  padding: 4px 0 0 0;
  display: block !important; }

.quick-oe-groups {
  margin: 20px auto 16px;
  width: fit-content;
  text-align: center;
  display: flex;
  justify-content: center;
  font-size: 14px;
  font-family: Calibri, Sans-serif, Arial;
  gap: 0;
  border: 1px solid #e3e3e3;
  padding: 8px 8px;
  border-radius: 5px;
  position: relative;
  background-color: #fff;
  flex-wrap: wrap;
  flex-direction: column; }
  .quick-oe-groups.BRDR-error {
    border: 1px solid red; }
  .quick-oe-groups .qcMTitle {
    padding: 0;
    font-weight: bold;
    font-size: 18px;
    color: #fa9948;
    display: block;
    text-align: left;
    line-height: 16px; }
  .quick-oe-groups .quick-oe-groups-list {
    display: flex;
    gap: 30px;
    flex-direction: row; }
  .quick-oe-groups .quick-oe-group {
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px; }
    .quick-oe-groups .quick-oe-group h4 {
      width: auto;
      font-family: "AvantGradeRegular";
      margin: 0;
      padding: 0;
      font-size: 13px;
      font-weight: 600;
      text-transform: capitalize; }
    .quick-oe-groups .quick-oe-group .quick-oe-options {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      gap: 5px; }
      .quick-oe-groups .quick-oe-group .quick-oe-options .quick-oe-option {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0; }
        .quick-oe-groups .quick-oe-group .quick-oe-options .quick-oe-option.locked {
          cursor: not-allowed; }
        .quick-oe-groups .quick-oe-group .quick-oe-options .quick-oe-option.selected input {
          background-color: #faa762;
          color: #fff; }
        .quick-oe-groups .quick-oe-group .quick-oe-options .quick-oe-option input {
          width: 17px;
          height: 17px;
          display: none; }
        .quick-oe-groups .quick-oe-group .quick-oe-options .quick-oe-option span {
          font-size: 14px;
          font-family: 'AvantGradeRegular';
          text-transform: capitalize;
          background: #f1f1f1;
          padding: 6px 12px;
          margin: 0;
          border-radius: 4px;
          font-weight: 600;
          border: 1px solid #ccc;
          cursor: pointer; }
        .quick-oe-groups .quick-oe-group .quick-oe-options .quick-oe-option.selected span {
          background: #faa762;
          color: #fff;
          border: 1px solid #faa762; }
        .quick-oe-groups .quick-oe-group .quick-oe-options .quick-oe-option.locked span {
          cursor: not-allowed; }
  @media screen and (min-width: 1110px) and (max-width: 1370px) {
    .quick-oe-groups {
      margin-top: -15px; } }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .quick-oe-groups {
      margin: -10px auto 30px; } }
  @media screen and (max-width: 1370px) {
    .quick-oe-groups .qcMTitle {
      margin-bottom: 10px; }
    .quick-oe-groups .quick-oe-groups-list {
      gap: 50px; }
    .quick-oe-groups .quick-oe-group {
      flex-direction: column;
      gap: 5px; } }
  @media screen and (max-width: 870px) {
    .quick-oe-groups .quick-oe-groups-list {
      flex-direction: column;
      gap: 10px; }
    .quick-oe-groups .quick-oe-group {
      flex-direction: row; } }

.oe-qf-update-old.deleted {
  text-decoration: line-through;
  color: #999; }

.modal-qoe {
  display: flex;
  gap: 10px;
  font-size: 14px;
  font-family: "AvantGradeRegular";
  font-weight: 600;
  justify-content: flex-start;
  padding: 0;
  margin: 0 !important;
  align-items: center; }
  .modal-qoe .modal-qoe-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px; }
    .modal-qoe .modal-qoe-options .modal-qoe-option {
      display: flex;
      align-items: center;
      margin: 0; }
      .modal-qoe .modal-qoe-options .modal-qoe-option input {
        width: 17px;
        height: 17px;
        padding: 0;
        margin: 0;
        min-height: auto;
        display: none; }
      .modal-qoe .modal-qoe-options .modal-qoe-option label {
        font-size: 14px;
        text-transform: capitalize;
        background: #f1f1f1;
        padding: 6px 12px;
        border-radius: 4px;
        font-weight: 600;
        border: 1px solid #ccc;
        margin: 0;
        cursor: pointer; }
        .modal-qoe .modal-qoe-options .modal-qoe-option label.selected {
          background: #faa762;
          color: #fff;
          border-color: #faa762; }

.oe-tissue-tab-disabled > .nav-tabs > li:nth-child(2) {
  opacity: 0.65;
  cursor: not-allowed;
  pointer-events: none; }

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

/****Camp Subscriber****/
.list-comma::before {
  content: ', '; }

.list-comma:first-child::before {
  content: ''; }

/****(camp subscriber font)****/
.csTitle {
  font-size: 0.8em; }

/**** Save Button ****/
/****border****/
.campSubs-tblborder {
  border-top: 1px solid #faa762; }

.mrgborder {
  margin-bottom: 1.2em; }

.list_item_field {
  list-style: none;
  display: inline;
  padding: 10px; }
  .list_item_field .item_field {
    box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.75);
    border-radius: 4px;
    margin-right: 14px;
    border: .1em solid #DD5600;
    border-radius: .3em;
    font-weight: bold;
    font-size: 0.688em;
    padding: .3em;
    color: #DD5600;
    cursor: pointer;
    float: right;
    margin-left: -100px; }

.fa-check-circle, .fa-info-circle {
  color: #fa9948; }

.campTool {
  display: none; }

.fa-check-circle:hover + .campTool, button:hover span.fa-check-circle.cmnicons + .campTool, .fa-info-circle:hover + .campTool, button:hover span.fa-info-circle.cmnicons + .campTool {
  display: block; }

.inf_flag_blck:hover .campTooltip .campTool, button:hover span.inf_flag_blck.cmnicons .campTooltip .campTool {
  display: block; }

.cmnToolTip {
  position: absolute;
  width: 145px;
  border: 1px solid #fa9948;
  border-radius: 10px;
  padding: 5px;
  box-shadow: -2px 1px 10px #999;
  padding: 2px 10px;
  background: #fff;
  border-radius: 5px;
  cursor: default;
  z-index: 1;
  left: 100%;
  margin-top: -37px;
  transition: opacity 0.3s;
  margin-left: -76px; }
  .cmnToolTip::before {
    content: '';
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fa9948;
    top: 24px;
    left: 53px;
    transform: rotate(0deg); }
  .cmnToolTip::after {
    content: '';
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    top: 23px;
    left: 53px;
    transform: rotate(0deg); }

.couponDataOnHover {
  position: absolute;
  width: 168px;
  border: 1px solid #fa9948;
  border-radius: 10px;
  padding: 5px;
  box-shadow: -2px 1px 10px #999;
  padding: 5px 10px;
  background: #fff;
  border-radius: 5px;
  cursor: default;
  z-index: 99;
  left: 100%;
  margin-top: -38px;
  transition: opacity 0.3s;
  margin-left: 10px; }
  .couponDataOnHover::before {
    content: '';
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fa9948;
    top: 21px;
    left: -15px;
    transform: rotate(92deg); }
  .couponDataOnHover::after {
    content: '';
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    top: 21px;
    left: -14px;
    transform: rotate(92deg); }

.couponOnHover {
  position: initial; }
  @media (max-width: 992px) {
    .couponOnHover {
      white-space: normal; } }

.campTooltip {
  position: relative;
  display: inline; }

.viewLinkPara {
  list-style: none; }
  .viewLinkPara .viewLinkDoc {
    box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.75);
    border-radius: 4px;
    margin-right: 14px;
    border: .1em solid #DD5600;
    border-radius: .3em;
    font-weight: bold;
    font-size: 0.688em;
    padding: .3em;
    color: #DD5600;
    cursor: pointer; }

.campSubs-btnSave .badgesContArea {
  border: none;
  margin: 0px 0px 5px;
  min-height: 0px;
  padding: 0px; }
  .campSubs-btnSave .badgesContArea .tags ul li .remove-button {
    margin: -23px -5px 0 5px !important; }

.campSubs-btnSave .tag-list .tag-item span {
  display: inline-block;
  width: 110px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis; }

.deleted .item_field {
  text-decoration: line-through; }

#campSubs .tabularListing .actions {
  width: auto !important; }
  #campSubs .tabularListing .actions a {
    width: 70px !important;
    padding: 2px 0px 0px; }

.ds-right {
  float: right; }
  @media (max-width: 400px) {
    .ds-right {
      float: none; } }

.errorMsgDob {
  position: absolute; }

.btn_campSubs ul li button:active, .btn_campSubs ul li button:hover, .btn_campSubs ul li button:focus {
  outline: 0 none; }

.paymntNewTypShw {
  display: none; }

.recordPerPageMdlAlign {
  top: 4px !important; }

@media (max-width: 434px) {
  .campFinding {
    display: block; } }

.intrstLvl {
  margin-top: -7px;
  right: 3px; }
  @media (max-width: 434px) {
    .intrstLvl {
      position: relative;
      display: block;
      left: 0;
      margin: 0;
      top: 5px; }
      .intrstLvl b {
        display: block; } }
  .intrstLvl .checkbxTp {
    top: -7px; }
  .intrstLvl .errorMsgIntrstLvl {
    font: 0.95em Calibri, Sans-serif, Arial;
    margin-left: -17px; }
  .intrstLvl .intrstLvlLabel {
    font-size: 0.9em; }
  .intrstLvl .dis-inline {
    display: inline !important; }
  .intrstLvl .cstm_rdb_ckb ul li label {
    font-size: 0.95em; }

.campCrossBtn, span.campCrossBtn {
  background: #fff;
  position: absolute;
  color: black;
  border-radius: 21px;
  border: 1px solid #ccc;
  padding: 2px 6px;
  right: 12px;
  top: 2px;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
  line-height: 14px; }

.fileLeft {
  float: left !important; }

/****Media Query****/
@media (max-width: 992px) {
  .bronze-mbr {
    top: 0px !important; }
  .campSubs-btnSave {
    padding-left: 0px !important;
    padding-top: 0px !important; }
  .tablularSingleDetails {
    position: relative;
    border-bottom: 1px solid #e3dfde;
    margin: 4px 10px 10px;
    padding-bottom: 5px; }
  .paymentShowHide {
    display: none; }
  .paymntNewTypShw {
    display: block; }
  .mrgnTopBtm .ccAdd {
    margin-top: -9px !important; }
  .hrMrgn {
    margin-top: 132px; }
  .mrgnZero {
    margin: 0px !important; } }

.campSubs .modal-tissue-boxes div {
  margin: 6px;
  font: 0.8em "RobotoRegular" !important;
  position: relative; }

.campSubs .ageCol, .campSubs .dobCol {
  width: 50%;
  float: left; }

.campSubs .ageCol {
  padding: 0 0 0 10px; }

@media (max-width: 520px) {
  .campSubs .campCreationdate {
    width: 100%;
    text-align: center !important; } }

@media (max-width: 768px) {
  .campSubs .assignGapPayMode {
    padding: 0; }
    .campSubs .assignGapPayMode .modesSection > div {
      margin-top: 15px; } }

.campSubs .dropdown-menu {
  max-height: 272px;
  overflow-y: auto; }

.multiSelectDD .multiselect-parent ul {
  width: 100% !important;
  height: auto !important; }

.campOthrFindngs {
  margin-top: 12px;
  margin-bottom: 0px;
  float: right; }

.campFindgsTopMrgn {
  margin: 0px !important;
  width: 100%; }

.mrgnTopBtm {
  margin-bottom: 0px; }
  .mrgnTopBtm .ccAdd {
    margin-top: -48px; }

.record .recordsPerPageTabGroup {
  display: inline-flex;
  margin: .7em 0; }

.record .recordsPerPageTabGroupLabel {
  font-weight: bold; }

@media (max-width: 768px) {
  .modesSection .formBox.addSeparator::after {
    display: none; }
  .campOthrFindngs {
    width: 100%; } }

@media (min-width: 992px) {
  .campSubs-btnSave label {
    padding: 40px 0px 0px 0; } }

@media (max-width: 992px) {
  .campPayment {
    width: auto !important; }
  .campAmtWidth {
    width: 100% !important; } }

@media (max-width: 767px) {
  .mtop15_sml {
    margin-top: 15px; } }

@media (min-width: 320px) {
  .campSubs .cstm_rdb_ckb ul li {
    min-width: auto; } }

/** WorkDone **/
@media (min-width: 320px) {
  .halfwdt {
    width: 95%;
    font-size: 0.85em; }
  .statusContainer {
    width: 100%;
    float: left;
    padding: 0 6px; }
    .statusContainer .actions {
      text-align: center;
      width: 100%;
      margin: 5px 0; }
      .statusContainer .actions.tble-head-icn {
        width: auto;
        padding: 0; }
        .statusContainer .actions.tble-head-icn a {
          margin: 11px 0 0 7px; }
  .actions {
    text-align: left; }
  .dtNClncs .tblDD {
    clear: both;
    margin-right: 0; }
  .forivew {
    float: left;
    word-wrap: break-word;
    padding: 0 0 0 10px;
    position: relative;
    width: 100%;
    margin: 5px 0; }
  table thead .sno {
    width: 6%; }
  table thead .dt {
    width: 12%; }
  table thead .trtdnts {
    width: 14%; }
  table thead .clnm {
    width: 12%; }
  table thead .tmspnt {
    width: 10%; }
  table thead .trtstgs {
    width: 13%; }
  table thead .nts {
    width: 19%; }
  table thead .actn {
    width: 16%; } }

@media (min-width: 400px) {
  .statusContainer .actions {
    text-align: left;
    width: auto; }
  .dtNClncs .tblDD {
    clear: none; } }

@media (min-width: 768px) {
  .halfwdt {
    width: 48%;
    font-size: 0.85em; }
  .statusContainer {
    width: 50%;
    float: right;
    padding: 0 10px 0 0; }
    .statusContainer .actions {
      text-align: right;
      margin: 0; }
      .statusContainer .actions.tble-head-icn {
        /*padding: 0 15px;*/ }
        .statusContainer .actions.tble-head-icn a {
          margin: 11px 0 0 12px; }
  .actions {
    text-align: right; }
  table thead tr .sno {
    width: 1%;
    padding: 0 !important; }
  table thead tr .dt {
    width: 6%;
    text-align: center; }
  table thead tr .trtdnts {
    width: 14%; }
  table thead tr .clnm {
    width: 12%; }
  table thead tr .tmspnt {
    width: 6%; }
  table thead tr .trtstgs {
    width: 15%; }
  table thead tr .nts {
    width: 17%; }
  table thead tr .ntsadd {
    width: 34%; }
  table thead tr .pnts {
    width: 17%; }
  table thead tr .actn {
    width: 17%; } }

@media (min-width: 992px) {
  .halfwdt {
    width: 30%; }
  .statusContainer {
    width: 55%; }
  .buttonsHdr {
    text-align: right; }
  .tabularListing .table thead tr .sno {
    width: 1%;
    padding: 0 !important; }
  .tabularListing .table thead tr .dt {
    width: 6%;
    text-align: center; }
  .tabularListing .table thead tr .trtdnts {
    width: 14%; }
  .tabularListing .table thead tr .clnm {
    width: 12%; }
  .tabularListing .table thead tr .tmspnt {
    width: 6%; }
  .tabularListing .table thead tr .trtstgs {
    width: 15%; }
  .tabularListing .table thead tr .nts {
    width: 17%; }
  .tabularListing .table thead tr .ntsadd {
    width: 34%; }
  .tabularListing .table thead tr .pnts {
    width: 17%; }
  .tabularListing .table thead tr .actn {
    width: 17%; }
  .tabularListing .table thead tr.spcl_dnts_tr .sno {
    width: 1%;
    padding: 0 !important; }
  .tabularListing .table thead tr.spcl_dnts_tr .dt {
    width: 6%;
    text-align: center; }
  .tabularListing .table thead tr.spcl_dnts_tr .trtdnts {
    width: 14%; }
  .tabularListing .table thead tr.spcl_dnts_tr .spclst {
    width: 9%; }
  .tabularListing .table thead tr.spcl_dnts_tr .clnm {
    width: 12%; }
  .tabularListing .table thead tr.spcl_dnts_tr .tmspnt {
    width: 6%; }
  .tabularListing .table thead tr.spcl_dnts_tr .trtstgs {
    width: 15%; }
  .tabularListing .table thead tr.spcl_dnts_tr .nts {
    width: 17%; }
  .tabularListing .table thead tr.spcl_dnts_tr .ntsadd {
    width: 26%; }
  .tabularListing .table thead tr.spcl_dnts_tr .pnts {
    width: 17%; }
  .tabularListing .table thead tr.spcl_dnts_tr .actn {
    width: 17%; }
  .tabularListing .table thead tr.spcldntstr .sno {
    width: 1%;
    padding: 0 !important; }
  .tabularListing .table thead tr.spcldntstr .dt {
    width: 6%;
    text-align: center; }
  .tabularListing .table thead tr.spcldntstr .trtdnts {
    width: 14%; }
  .tabularListing .table thead tr.spcldntstr .clnm {
    width: 12%; }
  .tabularListing .table thead tr.spcldntstr .tmspnt {
    width: 6%; }
  .tabularListing .table thead tr.spcldntstr .trtstgs {
    width: 15%; }
  .tabularListing .table thead tr.spcldntstr .nts {
    width: 17%; }
  .tabularListing .table thead tr.spcldntstr .ntsadd {
    width: 26%; }
  .tabularListing .table thead tr.spcldntstr .pnts {
    width: 17%; }
  .tabularListing .table thead tr.spcldntstr .actn {
    width: 17%; } }

@media (max-width: 992px) {
  .dis-content {
    display: contents; } }

.wdAddEdit input[type="checkbox"] {
  min-height: 5px !important; }

.wdAddEdit .cstm_rdb_ckb ul li {
  margin-bottom: -3px; }

.wdAddEdit .actionTd {
  display: flex;
  flex-direction: row-reverse; }

.wdAddEdit .wdActionBtn a {
  margin-left: 0.3em !important; }

.wdAddEdit .wdHeader {
  display: grid !important;
  margin: 28px 28px 0px 0px !important; }
  @media (max-width: 520px) {
    .wdAddEdit .wdHeader {
      width: 100%;
      margin: 0px !important; } }
  .wdAddEdit .wdHeader .wdNameInfIcon {
    align-items: center;
    justify-content: center; }

.wdHistory .wdHeader {
  display: grid !important;
  margin: 28px 28px 0px 0px !important; }
  @media (max-width: 520px) {
    .wdHistory .wdHeader {
      width: 100%;
      margin: 0px !important; } }
  .wdHistory .wdHeader .wdNameInfIcon {
    align-items: center;
    justify-content: center; }

/** Patient App User Flag for App entries in log **/
.patient_app_user_flag {
  float: right;
  margin: -22px -16px 0 0; }
  .patient_app_user_flag.edit_in_mode {
    margin: -22px -16px 0 0;
    float: right; }
  .patient_app_user_flag i {
    font-size: 1.2em !important; }

.patient_app_tooltip_edit {
  position: relative; }
  .patient_app_tooltip_edit .popover.top {
    bottom: 38px !important;
    left: inherit !important;
    right: -88px !important;
    height: 40px;
    top: inherit !important; }

/** Patient App User Flag for App entries in log **/
.mrg_two_dd {
  width: 80%;
  height: auto; }

.mrg_two_dd_separator {
  border-top: 1px solid #444444;
  width: 80%;
  height: auto;
  display: block;
  margin: auto; }

/** login responsiveness **/
@media only screen and (min-width: 320px) {
  .logInBody {
    position: absolute;
    transform: translate(0%, -50%);
    width: 100%;
    top: 50%; } }

@media only screen and (min-width: 768px) {
  .logInBody .row .outermost_circle {
    margin: 40px auto; }
  .logInBody .login-form {
    width: 74%; }
    .logInBody .login-form form {
      padding: 10px 80px 12px 75px; }
  .errorTxt, #flashMessage.message {
    margin: 12px 0 0 -44px; }
    .errorTxt.error, .errorTxt.success, .errorTxt.warning, #flashMessage.message.error, #flashMessage.message.success, #flashMessage.message.warning {
      margin: 12px 0 0 30px; } }

@media only screen and (min-width: 992px) {
  .logInBody .vCenterDiv {
    top: 50%; }
  .logInBody .row .outermost_circle {
    margin: 40px 0; }
  .logInBody .login-form {
    width: 95%;
    float: right; }
  .logInBody .loginBox {
    margin-top: 73px; }
  footer {
    position: fixed;
    bottom: 0; } }

@media only screen and (min-width: 1200px) {
  .logInBody {
    position: relative;
    transform: none;
    width: 1000px;
    top: 0; } }

@media only screen and (max-width: 768px) and (orientation: landscape) {
  .logInBody {
    position: inherit;
    transform: none;
    height: auto;
    top: 0; }
  footer {
    position: inherit;
    margin: 10px 0 5px; } }

/** login responsiveness **/
/** header responsiveness **/
@media only screen and (min-width: 280px) {
  header #mobClinicName {
    font: 0.8em/1.3em "RobotoRegular";
    margin: 1em .5em 0 0;
    text-align: right;
    color: #fff;
    width: 110px;
    float: right; }
  header #topDropdownContainer {
    padding: 15px 0; }
  header .searchdetail .ui-icon-searchfield {
    width: 53.5%; }
  header .searchdetail .globalSearchDD {
    width: 27%; }
    header .searchdetail .globalSearchDD .custom-combobox input {
      width: 100%; }
  header .searchdetail .searchBtn {
    width: 11.5%;
    max-width: 33px;
    min-width: 33px; }
  header #topInstanceContainer {
    padding: 15px 0 0 0; }
  header .usrNameCont {
    float: left;
    padding: 15px 0 10px 0;
    width: 100%; }
    header .usrNameCont .username {
      width: 85%;
      text-align: right;
      float: left; } }

@media only screen and (min-width: 421px) {
  header #topDropdownContainer {
    width: 38%;
    float: left; }
    header #topDropdownContainer .custom-combobox input {
      width: 70%; }
  header .searchdetail {
    width: 59%;
    float: left;
    padding: 15px 0;
    margin: 0 0 0 3%; }
    header .searchdetail .ui-icon-searchfield {
      width: 49%; }
  header #topInstanceContainer {
    width: 38%;
    float: left;
    padding: 15px 0; }
    header #topInstanceContainer .custom-combobox input {
      width: 70%; }
  header .usrNameCont .username {
    width: 88%; }
  header .usrNameCont.usernameLogUI {
    width: 59%;
    margin: 0 0 0 3%; }
    header .usrNameCont.usernameLogUI .username {
      width: 80%; } }

@media only screen and (min-width: 581px) {
  header #topDropdownContainer {
    width: 28%; }
  header .searchdetail {
    width: 40%; }
  header #topInstanceContainer {
    width: 26%;
    margin: 0 0 0 3%; }
  header .usrNameCont {
    width: 26%;
    margin: 0 0 0 3%; }
    header .usrNameCont .username {
      text-align: right;
      width: auto; }
    header .usrNameCont.usernameLogUI {
      width: 100%;
      margin: 0; }
      header .usrNameCont.usernameLogUI .username {
        width: 92%; } }

@media only screen and (min-width: 768px) {
  header #mobClinicName {
    display: none; }
  header .container-fluid .navbar-collapse {
    width: 85%; }
  header #topDropdownContainer {
    width: 33%;
    padding: 15px 10px; }
    header #topDropdownContainer.hdr-md-adjt {
      width: 24%; }
  header .searchdetail {
    width: 41%;
    margin: 0;
    padding: 15px 10px; }
    header .searchdetail .ui-icon-searchfield {
      width: 42%; }
    header .searchdetail .globalSearchDD {
      width: 32%; }
    header .searchdetail.hdr-md-adjt {
      width: 34%; }
      header .searchdetail.hdr-md-adjt .ui-icon-searchfield {
        width: 38%; }
  header #topInstanceContainer {
    width: 17%;
    padding: 15px 10px;
    margin: 0; }
    header #topInstanceContainer .custom-combobox input {
      width: 55%; }
  header .usrNameCont {
    width: 26%;
    margin: 0;
    padding: 15px 10px 0 10px;
    float: right; }
    header .usrNameCont .username {
      text-align: right;
      float: right;
      margin-right: 1em; }
    header .usrNameCont.usernameLogUI {
      width: 25%; }
      header .usrNameCont.usernameLogUI .username {
        width: auto;
        margin: 0.4em .5em 0 0; } }

@media only screen and (min-width: 992px) {
  header #topDropdownContainer {
    width: 30%; }
    header #topDropdownContainer .custom-combobox input {
      width: 80%; }
    header #topDropdownContainer.hdr-md-adjt {
      width: 25%; }
  header .searchdetail {
    width: 46%; }
    header .searchdetail .ui-icon-searchfield {
      width: 63%; }
    header .searchdetail .globalSearchDD {
      width: 22%; }
    header .searchdetail.hdr-md-adjt {
      width: 35%; }
      header .searchdetail.hdr-md-adjt .ui-icon-searchfield {
        width: 45%; }
  header #topInstanceContainer {
    width: 18%; }
    header #topInstanceContainer .custom-combobox input {
      width: 65%; }
  header .usrNameCont {
    width: 24%; }
    header .usrNameCont.usernameLogUI {
      width: 22%; } }

@media only screen and (min-width: 1200px) {
  header #topDropdownContainer {
    width: 25%; }
    header #topDropdownContainer.hdr-md-adjt {
      width: 25%; }
  header .searchdetail {
    width: 44%;
    max-width: 430px; }
    header .searchdetail .ui-icon-searchfield {
      width: 65%; }
    header .searchdetail .globalSearchDD {
      width: 20%; }
    header .searchdetail.hdr-md-adjt {
      width: 35%; }
      header .searchdetail.hdr-md-adjt .ui-icon-searchfield {
        width: 58%; }
      header .searchdetail.hdr-md-adjt .globalSearchDD {
        width: 24%; }
  header #topInstanceContainer {
    padding: 15px 10px; }
    header #topInstanceContainer .custom-combobox input {
      width: 70%; }
  header .usrNameCont {
    width: 18%; }
    header .usrNameCont.usernameLogUI {
      width: 18%; } }

/** header responsiveness **/
/** doctor dashboard responsiveness **/
@media only screen and (min-width: 280px) {
  .todayAppt {
    display: block;
    margin-bottom: 50px; }
  .todayApptCont h2 {
    font: 0.9em "AvantGradeBold";
    display: inline-block;
    width: 30%;
    margin: 0; }
  .dd-icons-lists ul li {
    width: 43%; }
    .dd-icons-lists ul li:nth-child(odd) {
      margin-left: 20px; }
    .dd-icons-lists ul li:nth-child(even) {
      margin-right: 20px; }
  /** thought of the day **/
  .thoughts-box {
    box-shadow: 0px 0 4px #ccc;
    background-color: rgba(255, 255, 255, 0.6);
    width: auto;
    height: auto;
    border-radius: 30px;
    font: 1.4em "AachenBold";
    color: #fa9948;
    text-align: center;
    display: table;
    padding: 15px;
    margin: auto; }
    .thoughts-box span {
      display: table-cell;
      vertical-align: middle; }
      .thoughts-box span .boxWrap {
        overflow: hidden;
        word-break: break-word;
        /** break-all changes to break-word to break word not to characters **/
        word-wrap: break-word;
        height: auto;
        font-family: "AachenBold";
        width: auto; }
  /** thought of the day **/ }

@media only screen and (min-width: 385px) {
  .dd-icons-lists ul li {
    width: 33.3333%; }
    .dd-icons-lists ul li:nth-child(odd) {
      margin-left: 0px; }
    .dd-icons-lists ul li:nth-child(even) {
      margin-right: 0px; } }

@media only screen and (min-width: 420px) {
  .todayApptCont h2 {
    display: inline-block;
    margin-top: 10px;
    font-size: 1em;
    width: auto; } }

@media only screen and (min-width: 498px) {
  .dd-icons-lists ul li {
    width: 25%; } }

@media only screen and (max-width: 767px) {
  /** thought of the day **/
  .thoughts-box span .boxWrap {
    font-size: 1.1em !important; }
  /** thought of the day **/ }

@media only screen and (max-width: 420px) {
  /** thought of the day **/
  .thoughts-box {
    margin: 0 .5em; }
    .thoughts-box span .boxWrap {
      font-size: .9em !important; }
  /** thought of the day **/ }

@media only screen and (min-width: 520px) and (max-width: 992px) {
  .notificationListData .tab-content ul .detail .content {
    margin-top: .7em; } }

@media only screen and (min-width: 768px) {
  .leftLinkBox {
    padding: 0 15px; }
  /** thought of the day **/
  .thoughts-box {
    position: relative;
    width: 400px;
    height: 400px;
    border-radius: 200px;
    padding: 45px;
    top: 53px;
    left: 0; }
    .thoughts-box span .boxWrap {
      width: 308px;
      height: 200px; }
  /** thought of the day **/
  /** DD icons **/
  .dd-icons-lists {
    min-height: 500px; }
    .dd-icons-lists ul {
      position: absolute;
      right: 0;
      left: 0;
      top: 0;
      margin: 0; }
      .dd-icons-lists ul li {
        position: absolute;
        min-width: 130px;
        display: inline;
        margin: 0;
        top: 0;
        width: initial; }
        .dd-icons-lists ul li.pos-1 {
          left: 100px;
          top: 0; }
        .dd-icons-lists ul li.pos-2 {
          left: 20px;
          top: 75px; }
        .dd-icons-lists ul li.pos-3 {
          left: -10px;
          top: 166px; }
        .dd-icons-lists ul li.pos-4 {
          left: -10px;
          top: 259px; }
        .dd-icons-lists ul li.pos-5 {
          left: 20px;
          top: 354px; }
        .dd-icons-lists ul li.pos-6 {
          left: 100px;
          top: 419px; }
        .dd-icons-lists ul li.pos-7 {
          right: 100px; }
        .dd-icons-lists ul li.pos-8 {
          right: 20px;
          top: 75px; }
        .dd-icons-lists ul li.pos-9 {
          right: -10px;
          top: 166px; }
        .dd-icons-lists ul li.pos-10 {
          right: -10px;
          top: 259px; }
        .dd-icons-lists ul li.pos-11 {
          right: 20px;
          top: 354px; }
        .dd-icons-lists ul li.pos-12 {
          right: 100px;
          top: 419px; }
  /** DD icons **/
  .todayAppt {
    margin-bottom: 0; }
  .todayApptCont {
    margin-top: 20px; }
  .appList .dashAppointmentListing {
    font-size: 1em; }
  .appList .btns {
    text-align: left;
    width: auto; }
    .appList .btns .dashboardBtn {
      margin: 0 0 0 10px;
      font-size: 0.8em;
      float: left; }
  .appList .timeSpan {
    clear: both;
    display: block;
    font-size: 0.85em; }
  .appList .nameWrp {
    text-align: left;
    width: 120px; } }

@media only screen and (min-width: 992px) {
  /** DD icons **/
  .dd-icons-lists {
    min-height: 500px; }
    .dd-icons-lists ul li.pos-1 {
      left: 85px;
      top: 0; }
    .dd-icons-lists ul li.pos-2 {
      left: 5px;
      top: 75px; }
    .dd-icons-lists ul li.pos-3 {
      left: -25px;
      top: 166px; }
    .dd-icons-lists ul li.pos-4 {
      left: -25px;
      top: 259px; }
    .dd-icons-lists ul li.pos-5 {
      left: 5px;
      top: 354px; }
    .dd-icons-lists ul li.pos-6 {
      left: 85px;
      top: 419px; }
    .dd-icons-lists ul li.pos-7 {
      right: 85px; }
    .dd-icons-lists ul li.pos-8 {
      right: 5px;
      top: 75px; }
    .dd-icons-lists ul li.pos-9 {
      right: -25px;
      top: 166px; }
    .dd-icons-lists ul li.pos-10 {
      right: -25px;
      top: 259px; }
    .dd-icons-lists ul li.pos-11 {
      right: 5px;
      top: 354px; }
    .dd-icons-lists ul li.pos-12 {
      right: 85px;
      top: 419px; }
  /** DD icons **/
  .todayApptCont h2 {
    margin: 0;
    width: 38%; } }

@media only screen and (min-width: 1200px) {
  /** DD icons **/
  .dd-icons-lists {
    min-height: 500px; }
    .dd-icons-lists ul li.pos-1 {
      left: 100px;
      top: 0; }
    .dd-icons-lists ul li.pos-2 {
      left: 20px;
      top: 75px; }
    .dd-icons-lists ul li.pos-3 {
      left: -10px;
      top: 166px; }
    .dd-icons-lists ul li.pos-4 {
      left: -10px;
      top: 259px; }
    .dd-icons-lists ul li.pos-5 {
      left: 20px;
      top: 354px; }
    .dd-icons-lists ul li.pos-6 {
      left: 100px;
      top: 419px; }
    .dd-icons-lists ul li.pos-7 {
      right: 100px; }
    .dd-icons-lists ul li.pos-8 {
      right: 20px;
      top: 75px; }
    .dd-icons-lists ul li.pos-9 {
      right: -10px;
      top: 166px; }
    .dd-icons-lists ul li.pos-10 {
      right: -10px;
      top: 259px; }
    .dd-icons-lists ul li.pos-11 {
      right: 20px;
      top: 354px; }
    .dd-icons-lists ul li.pos-12 {
      right: 100px;
      top: 419px; }
  /** DD icons **/
  .todayApptCont h2 {
    margin: 10px auto auto;
    width: auto; } }

/** doctor dashboard responsiveness **/
/** main css responsive **/
@media only screen and (min-width: 280px) {
  .buttonsHdr {
    display: inline-block;
    text-align: center; }
    .buttonsHdr .btn-circular {
      display: inline-block;
      margin: 0.4em 0 0.1em .8em; }
  .subsListing .buttonsHdr .btn-circular {
    min-width: 65px;
    margin: 0.4em 0 0.1em; }
  .mngTitle, .mngTitleBtn {
    padding-left: 15px;
    padding-right: 15px; }
  .mngTitleBtn {
    width: 100%; } }

@media only screen and (max-width: 421px) {
  .visible-xs-cstm {
    display: block !important; } }

@media only screen and (min-width: 768px) {
  .modal-dialog {
    margin-top: 50px; }
    .modal-dialog .modalBtns {
      text-align: left;
      right: -22px;
      top: -15px;
      width: 45px; } }

@media only screen and (min-width: 992px) {
  .buttonsHdr {
    text-align: right; }
  .recordPerPageMdlAlign {
    position: relative;
    top: -38px;
    left: 50%;
    transform: translate(-50%);
    width: 300px; } }

/** main css responsive **/
/** subscriber responsiveness **/
@media only screen and (min-width: 521px) and (max-width: 620px) {
  .subsListing .pageFilters .filterRectArea .formGroupFilter > ul li {
    width: 44%;
    margin: 0 10px; }
  .subsListing .pageFilters .filterRectArea .formGroupFilter > ul .highlightGroupFilter li.datepickerMain {
    width: 44%;
    margin: 0 10px; }
    .subsListing .pageFilters .filterRectArea .formGroupFilter > ul .highlightGroupFilter li.datepickerMain.datecss {
      width: 29%;
      margin: 0 4px 0 0; }
  .subsListing .pageFilters .filterRectArea .formGroupFilter > ul .highlightGroupFilter li.radiocheckboxGroupFilter {
    width: 100%;
    margin: 0 10px; }
    .subsListing .pageFilters .filterRectArea .formGroupFilter > ul .highlightGroupFilter li.radiocheckboxGroupFilter li {
      width: auto; } }

@media only screen and (min-width: 621px) and (max-width: 767px) {
  .subsListing .pageFilters .filterRectArea .formGroupFilter > ul li {
    width: 20%;
    margin: 0 10px; }
  .subsListing .pageFilters .filterRectArea .formGroupFilter > ul .highlightGroupFilter li.datepickerMain {
    width: 45%;
    margin: 0 10px; }
    .subsListing .pageFilters .filterRectArea .formGroupFilter > ul .highlightGroupFilter li.datepickerMain.datecss {
      width: 29%;
      margin: 0 4px 0 0; }
  .subsListing .pageFilters .filterRectArea .formGroupFilter > ul .highlightGroupFilter li.radiocheckboxGroupFilter {
    width: 100%;
    margin: 0 10px; }
    .subsListing .pageFilters .filterRectArea .formGroupFilter > ul .highlightGroupFilter li.radiocheckboxGroupFilter li {
      width: auto; } }

@media only screen and (min-width: 320px) and (max-width: 520px) {
  .subsListing .pageFilters .filterRectArea.advFormGroupFilter .formGroupFilterAligned ul li {
    width: 49%;
    margin: 8px 0; } }

@media only screen and (min-width: 521px) and (max-width: 767px) {
  .subsListing .pageFilters .filterRectArea.advFormGroupFilter .formGroupFilterAligned ul li {
    width: 43%;
    margin: 8px 10px; }
  .subsAddEdit .panel .panel-body .col-xs-12 {
    width: 50%; } }

@media only screen and (max-width: 991px) {
  .subsListing .tabularListing table.table thead tr th:nth-child(5), .subsListing .tabularListing table.table thead tr th:nth-child(6), .subsListing .tabularListing table.table thead tr th:nth-child(7) {
    display: none; }
  .subsListing .tabularListing table.table tbody tr td:nth-child(5), .subsListing .tabularListing table.table tbody tr td:nth-child(6), .subsListing .tabularListing table.table tbody tr td:nth-child(7) {
    display: none; } }

/** subscriber responsiveness **/
/** call listing responsiveness **/
.callListing .mngTitleBtn {
  width: 194px;
  float: right; }

@media only screen and (max-width: 520px) {
  .callListing .mngTitleBtn {
    width: 100%; } }

@media only screen and (min-width: 521px) and (max-width: 767px) {
  .callListing .mngTitle {
    width: 58%;
    float: left; }
    .callListing .mngTitle h1 {
      margin: 2.3em 0 0 0; }
    .callListing .mngTitle .mdl-hdr-text {
      margin: 3.4em 0 0 0; }
  .callListing .mngTitleBtn {
    width: auto;
    float: right; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .callListing .mngTitle {
    width: 72%;
    float: left; }
    .callListing .mngTitle h1 {
      margin: 2.3em 0 0 0; }
    .callListing .mngTitle .mdl-hdr-text {
      margin: 3.4em 0 0 0; }
  .subsAddEdit .alternateContact, .addComplaint .alternateContact {
    padding-bottom: 34px !important; }
  .subsAddEdit .altContact, .addComplaint .altContact {
    padding-bottom: 51px !important; }
  .subsAddEdit .padding-bottom-10, .addComplaint .padding-bottom-10 {
    padding-bottom: 10px !important; }
  #callAddEditForm .infoField {
    padding-bottom: 17px !important; } }

@media only screen and (min-width: 1200px) {
  .callListing .mngTitle {
    width: 83%; }
  .callListing .mngTitleBtn {
    width: 17%; } }

@media only screen and (min-width: 521px) and (max-width: 767px) {
  #callAddEditForm .col-xs-12 {
    width: 50%; }
    #callAddEditForm .col-xs-12.notesarea {
      width: 100%; }
  #callAddEditForm .infoField {
    padding-bottom: 17px !important; } }

/** call listing responsiveness **/
/** filter box responsiveness **/
@media only screen and (min-width: 280px) {
  .filterRectArea {
    padding: 10px 28px; } }

@media only screen and (min-width: 768px) {
  .filterRectArea {
    padding: 10px; } }

@media only screen and (max-width: 767px) {
  .pageFilters .filterRectArea .formGroupFilter > ul .highlightGroupFilter.fields_Stability {
    padding: 10px !important; } }

@media only screen and (max-width: 420px) {
  .pageFilters .filterRectArea .formGroupFilter > ul > li {
    width: 99% !important;
    text-align: center; }
  .pageFilters .filterRectArea .formGroupFilter.cstm_filter_plced .highlightGroupFilter.fields_Stability li {
    width: 99% !important;
    text-align: center; }
  .pageFilters .filterRectArea .log_activity > ul .highlightGroupFilter > li {
    width: 99% !important; }
    .pageFilters .filterRectArea .log_activity > ul .highlightGroupFilter > li.radiocheckboxGroupFilter {
      width: auto !important; }
      .pageFilters .filterRectArea .log_activity > ul .highlightGroupFilter > li.radiocheckboxGroupFilter ul li {
        width: auto !important; } }

@media only screen and (max-width: 767px) and (min-width: 421px) {
  .pageFilters .filterRectArea .formGroupFilter.cstm_filter_plced .highlightGroupFilter.fields_Stability li {
    width: 49% !important; }
  .pageFilters .filterRectArea .log_activity > ul .highlightGroupFilter > li {
    width: 49% !important; }
    .pageFilters .filterRectArea .log_activity > ul .highlightGroupFilter > li.radiocheckboxGroupFilter {
      width: auto !important; }
      .pageFilters .filterRectArea .log_activity > ul .highlightGroupFilter > li.radiocheckboxGroupFilter ul li {
        width: auto !important; } }

/** filter box responsiveness **/
/** patient listing responsiveness **/
@media only screen and (min-width: 280px) {
  .patientListing .mngTitle {
    float: left; }
    .patientListing .mngTitle h1 {
      float: left !important; }
  .patientListing .mngTitleBtn {
    width: auto;
    float: right;
    padding-left: 0; } }

@media only screen and (min-width: 421px) {
  .patientListing .mngTitle {
    width: 48%;
    float: left;
    text-align: left !important; }
  .patientListing .mngTitleBtn {
    text-align: right;
    width: 52%; } }

@media only screen and (min-width: 581px) {
  .patientListing .mngTitle {
    max-width: 260px; }
  .patientListing .mngTitleBtn {
    width: auto;
    float: right; } }

@media only screen and (min-width: 768px) {
  .patientListing .btmDoctorfltr {
    margin-top: 2.5em; } }

@media only screen and (max-width: 991px) {
  .patientListing .btmDoctorfltr {
    margin-top: 2.5em; }
  .patientListing .tabularListing table.table thead tr th:nth-child(4), .patientListing .tabularListing table.table thead tr th:nth-child(6) {
    display: none; }
  .patientListing .tabularListing table.table tbody tr td:nth-child(4), .patientListing .tabularListing table.table tbody tr td:nth-child(6) {
    display: none; } }

/** patient listing responsiveness **/
/** patient dashboard responsiveness **/
@media only screen and (min-width: 280px) {
  .patientDashboard .jumbotronCont .mngTitle {
    float: left; }
  .patientDashboard .jumbotronCont .mngTitleBtn {
    float: right; }
    .patientDashboard .jumbotronCont .mngTitleBtn.mngTitleBtnExt {
      width: 100%; } }

@media only screen and (min-width: 421px) {
  .patientDashboard .jumbotronCont .hdrTypeOne.mdl-hdr-text {
    margin-top: 0;
    width: 100%; }
    .patientDashboard .jumbotronCont .hdrTypeOne.mdl-hdr-text h4 {
      display: inline;
      margin: 0 .5em 0 0; }
  .patientDashboard .jumbotronCont .mngTitle {
    width: 50%;
    text-align: left; }
    .patientDashboard .jumbotronCont .mngTitle .mdl-hdr-text {
      text-align: left; }
    .patientDashboard .jumbotronCont .mngTitle.mngTitleBtnExt {
      width: auto;
      text-align: center; }
      .patientDashboard .jumbotronCont .mngTitle.mngTitleBtnExt .mdl-hdr-text {
        text-align: center; }
  .patientDashboard .jumbotronCont .mngTitleBtn {
    width: 200px; } }

@media only screen and (min-width: 521px) {
  .patientDashboard .jumbotronCont .mngTitle {
    width: 56%; } }

@media only screen and (min-width: 581px) {
  .patientDashboard .jumbotronCont .mngTitle {
    width: 61%; }
    .patientDashboard .jumbotronCont .mngTitle.mngTitleBtnExt {
      width: 47%;
      text-align: left; }
      .patientDashboard .jumbotronCont .mngTitle.mngTitleBtnExt .mdl-hdr-text {
        text-align: left; }
  .patientDashboard .jumbotronCont .mngTitleBtn.mngTitleBtnExt {
    width: 280px; } }

@media only screen and (min-width: 584px) {
  .patientDashboard #accordion > .col-xs-12 {
    width: 50%; } }

@media only screen and (min-width: 681px) {
  .patientDashboard .jumbotronCont .mngTitle {
    width: 67%; }
    .patientDashboard .jumbotronCont .mngTitle #totalAmountMessage {
      display: inline; }
    .patientDashboard .jumbotronCont .mngTitle.mngTitleBtnExt {
      width: 55%; } }

@media only screen and (min-width: 768px) {
  .patientDashboard .row .jumbotronCont h1 {
    float: left; }
  .patientDashboard .row .jumbotronCont .hdrTypeOne .patientDetails:nth-last-child(1) {
    margin: 0 0 0 .5em; }
  .patientDashboard .row .jumbotronCont .mngTitle {
    width: 71%; }
    .patientDashboard .row .jumbotronCont .mngTitle.mngTitleBtnExt {
      width: 60%; }
  .patientDashboard .lftAlg {
    float: left !important; } }

@media only screen and (min-width: 992px) {
  .patientDashboard .row .jumbotronCont {
    padding: 0; }
    .patientDashboard .row .jumbotronCont h1 {
      float: left;
      margin-top: 1em; }
    .patientDashboard .row .jumbotronCont .mngTitle {
      width: 77%; }
      .patientDashboard .row .jumbotronCont .mngTitle .mdl-hdr-text {
        text-align: center; }
      .patientDashboard .row .jumbotronCont .mngTitle.mngTitleBtnExt {
        width: 68%; }
        .patientDashboard .row .jumbotronCont .mngTitle.mngTitleBtnExt .mdl-hdr-text {
          text-align: left; }
    .patientDashboard .row .jumbotronCont .hdrTypeOne .patientDetails:nth-last-child(1) {
      float: right; }
    .patientDashboard .row .jumbotronCont .mngTitleBtnExt .hdrTypeOne .patientDetails:nth-last-child(1) {
      float: none;
      margin: 0; }
    .patientDashboard .row .jumbotronCont .patientDetails #transitionMessage {
      position: absolute;
      padding: 0 0 0 228px;
      text-align: center;
      color: #4e3224;
      margin: 0;
      top: 20px;
      right: 0;
      left: 0; }
  .patientDashboard .lftAlg {
    float: none !important; } }

@media only screen and (min-width: 1130px) {
  .patientDashboard .row .jumbotronCont .mngTitle.mngTitleBtnExt .mdl-hdr-text {
    text-align: center; }
  .patientDashboard .row .jumbotronCont .mngTitleBtnExt .hdrTypeOne .patientDetails:nth-last-child(1) {
    float: right;
    margin: 0 0 0 .5em; } }

@media only screen and (min-width: 1200px) {
  .patientDashboard .row .jumbotronCont .mngTitle {
    width: 80%; }
    .patientDashboard .row .jumbotronCont .mngTitle.mngTitleBtnExt {
      width: 72%; } }

@media only screen and (min-width: 1280px) {
  .patientDashboard .row .jumbotronCont .mngTitle {
    width: 80%; }
    .patientDashboard .row .jumbotronCont .mngTitle.mngTitleBtnExt {
      width: 75%; } }

@media only screen and (max-width: 420px) {
  .modal-title {
    width: 100%; }
  .dis-inline {
    float: left; }
  .pd-in-15 {
    padding: 0px !important; } }

@media only screen and (max-width: 820px) {
  .mngBtnWdgt {
    width: 120px;
    text-align: right !important; }
    .mngBtnWdgt a {
      margin-bottom: .7em; }
      .mngBtnWdgt a.btn-wrap > span {
        width: 42px; } }

/** patient dashboard responsiveness **/
/** misc calls responsiveness **/
@media only screen and (min-width: 581px) {
  .miscListing .mngTitle {
    width: 33%;
    margin-top: 0.3em; }
  .miscListing .mngTitleBtn {
    width: 67%;
    text-align: right; } }

/** misc calls responsiveness **/
/** complaint responsiveness **/
@media only screen and (max-width: 991px) {
  .complaintListing .tabularListing table thead tr th:nth-child(5), .complaintListing .tabularListing table thead tr th:nth-child(7), .complaintListing .tabularListing table thead tr td:nth-child(5), .complaintListing .tabularListing table thead tr td:nth-child(7), .complaintListing .tabularListing table tbody tr th:nth-child(5), .complaintListing .tabularListing table tbody tr th:nth-child(7), .complaintListing .tabularListing table tbody tr td:nth-child(5), .complaintListing .tabularListing table tbody tr td:nth-child(7) {
    display: none; } }

@media only screen and (min-width: 280px) {
  .complaintListing .jumbotron h1.onlBtm {
    margin: 2.3em 0 .2em; } }

@media only screen and (max-width: 520px) {
  .complaintListing .pageFilters .filterRectArea ul {
    left: auto !important;
    right: 0px; } }

@media only screen and (min-width: 521px) and (max-width: 767px) {
  .complaintListing .pageFilters .filterRectArea .formGroupFilter > ul li {
    width: 22.4%;
    margin: 0 4px; }
  .addComplaint .panel .panel-body .col-xs-12 {
    width: 50%; }
    .addComplaint .panel .panel-body .col-xs-12.notesarea {
      width: 100%; } }

@media only screen and (max-width: 767px) {
  .modal-dialog {
    margin: 30px; }
    .modal-dialog .tabContent .jawContainer ul li {
      margin: 5px 10px; } }

/** complaint responsiveness **/
@media only screen and (min-width: 280px) {
  .ttlTxt, .ptTxt, .dtTxt {
    display: block;
    text-align: center; }
  .ttlTxt {
    float: left; } }

/** feedback responsiveness **/
@media only screen and (min-width: 280px) {
  .feedbackListing .mngTitle {
    display: block; }
  .feedbackListing .mngTitleBtn {
    display: block;
    width: 200px;
    margin: auto; } }

@media only screen and (min-width: 421px) {
  .feedbackListing .mngTitle {
    float: left; }
    .feedbackListing .mngTitle h1 {
      margin-top: 2em; }
  .feedbackListing .mngTitleBtn {
    float: right; } }

@media only screen and (min-width: 521px) and (max-width: 767px) {
  .fbAdd .whtBox .row .col-xs-12 {
    width: 50%; } }

@media only screen and (min-width: 521px) and (max-width: 620px) {
  .feedbackListing .pageFilters .filterRectArea .formGroupFilter > ul li {
    width: 45%;
    margin: 0 10px; }
  .feedbackListing .pageFilters .filterRectArea .formGroupFilter > ul .highlightGroupFilter li {
    width: 26%;
    margin: 0 10px; } }

@media only screen and (min-width: 621px) and (max-width: 767px) {
  .feedbackListing .pageFilters .filterRectArea .formGroupFilter > ul li {
    width: 20%;
    margin: 0 10px; }
  .feedbackListing .pageFilters .filterRectArea .formGroupFilter > ul .highlightGroupFilter li {
    width: 28%;
    margin: 0 10px; } }

@media only screen and (max-width: 991px) {
  .feedbackListing .tabularListing table thead tr th:nth-child(1), .feedbackListing .tabularListing table thead tr th:nth-child(4), .feedbackListing .tabularListing table thead tr td:nth-child(1), .feedbackListing .tabularListing table thead tr td:nth-child(4), .feedbackListing .tabularListing table tbody tr th:nth-child(1), .feedbackListing .tabularListing table tbody tr th:nth-child(4), .feedbackListing .tabularListing table tbody tr td:nth-child(1), .feedbackListing .tabularListing table tbody tr td:nth-child(4) {
    display: none; } }

/** feedback responsiveness **/
/** misc responsiveness **/
@media only screen and (min-width: 280px) {
  .miscAddEdit .mngTitle {
    display: block; }
  .miscAddEdit .mngTitleBtn {
    display: block;
    width: 280px;
    margin: auto; } }

@media only screen and (min-width: 421px) {
  .miscAddEdit .mngTitle {
    float: left; }
  .miscAddEdit .mngTitleBtn {
    float: right; } }

@media only screen and (min-width: 521px) and (max-width: 767px) {
  .miscAddEdit .panel .panel-body .col-xs-12 {
    width: 50%; }
    .miscAddEdit .panel .panel-body .col-xs-12.notesarea {
      width: 100%; } }

@media only screen and (min-width: 521px) and (max-width: 620px) {
  .miscListing .pageFilters .filterRectArea .formGroupFilter > ul li {
    width: 45%;
    margin: 0 10px; }
  .miscListing .pageFilters .filterRectArea .formGroupFilter > ul .highlightGroupFilter li {
    width: 45%;
    margin: 0 10px; } }

@media only screen and (min-width: 621px) and (max-width: 767px) {
  .miscListing .pageFilters .filterRectArea .formGroupFilter > ul li {
    width: 20%;
    margin: 0 10px; }
  .miscListing .pageFilters .filterRectArea .formGroupFilter > ul .highlightGroupFilter li {
    width: 46%;
    margin: 0 10px; } }

/** misc responsiveness **/
/** campSubs responsiveness **/
@media only screen and (min-width: 521px) and (max-width: 767px) {
  .campSubs .panel .panel-body .form-group {
    width: 50%; } }

/** campSubs responsiveness **/
/** clinic access responsiveness **/
@media only screen and (min-width: 521px) and (max-width: 767px) {
  .clinicAccessListing .accessClnc {
    width: 41.66666667%; }
  .clinicAccessListing .accessType {
    width: 50%; }
  .clinicAccessListing .accessFrm, .clinicAccessListing .accessTo {
    width: 41.66666667%; }
  .clinicAccessListing .accessAdd {
    width: 16.66666667%; }
  .clinicAccessListing .panel .panel-body .form-group {
    width: 50%; } }

/** clinic access responsiveness **/
/** modal all **/
@media only screen and (min-width: 521px) and (max-width: 767px) {
  .modal-body.viewInfo .col-xs-12 {
    width: 50%; }
    .modal-body.viewInfo .col-xs-12.notesarea {
      width: 100%; }
  .compFollowUpForm .form-group {
    padding: 0 10px; } }

@media only screen and (min-width: 767px) and (max-width: 992px) {
  .modal-body.viewInfo .col-xs-12 {
    width: 50%; }
    .modal-body.viewInfo .col-xs-12.notesarea {
      width: 100%; } }

/** modal all **/
/** patient registration **/
@media only screen and (min-width: 521px) and (max-width: 767px) {
  .patientRegistration .panel .panel-body .col-xs-12 {
    width: 50%; }
    .patientRegistration .panel .panel-body .col-xs-12.notesarea {
      width: 100%; }
    .patientRegistration .panel .panel-body .col-xs-12 .cstm_rdb_ckb ul li {
      min-width: 58px; }
  .patientRegistration .panel .panel-body .padding-left-10 {
    padding-left: 10px; }
  .patientRegistration .cityCountry {
    margin-bottom: 23px !important; } }

/** patient registration **/
/** patient cycle nav **/
@media only screen and (min-width: 768px) {
  .toggleMenu {
    top: calc(50% - 38px); }
    .toggleMenu .left-nav {
      background-position: -708px -458px;
      width: 46px;
      height: 46px;
      padding: 37px 0; }
      .toggleMenu .left-nav:hover, .toggleMenu button:hover span.left-nav.cmnicons, button:hover .toggleMenu span.left-nav.cmnicons, .toggleMenu .left-nav:active, .toggleMenu .left-nav:focus {
        background-position: -778px -458px; }
    .toggleMenu.slideLeftNavBtn {
      transition: all .75s ease;
      left: 0; }
      .toggleMenu.slideLeftNavBtn.slidefront {
        left: 75px; }
        .toggleMenu.slideLeftNavBtn.slidefront .left-nav {
          background-color: white;
          box-shadow: inset -1px 0 0 1px #d4c7bf, 2px 0 5px #ccc;
          transform: translateZ(0);
          transition-duration: 0.3s;
          transition-property: box-shadow;
          backface-visibility: hidden;
          -webkit-transform: translateZ(0);
          -webkit-backface-visibility: hidden;
          -webkit-transition-duration: 0.3s;
          -webkit-transition-property: box-shadow;
          -moz-osx-font-smoothing: grayscale;
          background-position: -635px -457px; }
          .toggleMenu.slideLeftNavBtn.slidefront .left-nav:hover, .toggleMenu.slideLeftNavBtn.slidefront button:hover span.left-nav.cmnicons, button:hover .toggleMenu.slideLeftNavBtn.slidefront span.left-nav.cmnicons, .toggleMenu.slideLeftNavBtn.slidefront .left-nav:active, .toggleMenu.slideLeftNavBtn.slidefront .left-nav:focus {
            background-color: #faa762;
            box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999;
            background-position: -565px -457px; } }

@media only screen and (max-height: 600px) {
  .leftNavSlider {
    width: 150px;
    top: calc(50% - 145px); }
    .leftNavSlider#leftNavSlide {
      transition: all .75s ease;
      left: -150px;
      opacity: 0; }
      .leftNavSlider#leftNavSlide.show {
        opacity: 1;
        left: 0px; }
    .leftNavSlider ul li {
      width: 48%;
      display: inline-block;
      vertical-align: middle; }
    .leftNavSlider .leftNavLi {
      width: 94% !important; }
  .toggleMenu.slideLeftNavBtn {
    left: 0; }
    .toggleMenu.slideLeftNavBtn.slidefront {
      left: 150px; } }

/** patient cycle nav **/
/** alert all prm **/
@media only screen and (max-width: 767px) {
  #patientAlert:before {
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-right: 40px solid #ddd;
    top: 12px;
    left: -41px;
    z-index: -9999999; } }

/** alert all prm **/
/** call history responsiveness **/
@media only screen and (max-width: 991px) {
  .callListing .tabularListing table thead tr th:nth-child(5), .callListing .tabularListing table thead tr th:nth-child(7), .callListing .tabularListing table thead tr th:nth-child(9), .callListing .tabularListing table thead tr td:nth-child(5), .callListing .tabularListing table thead tr td:nth-child(7), .callListing .tabularListing table thead tr td:nth-child(9), .callListing .tabularListing table tbody tr th:nth-child(5), .callListing .tabularListing table tbody tr th:nth-child(7), .callListing .tabularListing table tbody tr th:nth-child(9), .callListing .tabularListing table tbody tr td:nth-child(5), .callListing .tabularListing table tbody tr td:nth-child(7), .callListing .tabularListing table tbody tr td:nth-child(9) {
    display: none; } }

/** call history responsiveness **/
/** all tabs buttons **/
@media only screen and (max-width: 767px) {
  .modal-body .tabContent .nav-tabs .nav-tabs li a {
    padding: 8px 10px 8px; } }

/** all tabs buttons **/
/** oe listing **/
@media only screen and (min-width: 480px) {
  .oeListing .mngTitle, #DiagList .mngTitle, .chiefcomplaintListing .mngTitle {
    width: 58%;
    text-align: left;
    float: left; }
  .oeListing .mngTitleBtn, #DiagList .mngTitleBtn, .chiefcomplaintListing .mngTitleBtn {
    width: 160px;
    float: right; } }

@media only screen and (min-width: 540px) {
  .oeListing .mngTitle, #DiagList .mngTitle, .chiefcomplaintListing .mngTitle {
    width: 68%; }
    .oeListing .mngTitle h1, #DiagList .mngTitle h1, .chiefcomplaintListing .mngTitle h1 {
      margin: 2.3em 0 0 0; }
    .oeListing .mngTitle .mdl-hdr-text, #DiagList .mngTitle .mdl-hdr-text, .chiefcomplaintListing .mngTitle .mdl-hdr-text {
      margin: 3.4em 0px 0 0; } }

@media only screen and (min-width: 640px) {
  .oeListing .mngTitle, #DiagList .mngTitle, .chiefcomplaintListing .mngTitle {
    width: 73%; } }

@media only screen and (min-width: 768px) {
  .oeListing .mngTitle, #DiagList .mngTitle, .chiefcomplaintListing .mngTitle {
    width: 77%; } }

@media only screen and (min-width: 992px) {
  .oeListing .mngTitle, #DiagList .mngTitle, .chiefcomplaintListing .mngTitle {
    width: 80%; } }

@media only screen and (min-width: 1200px) {
  .oeListing .mngTitle, #DiagList .mngTitle, .chiefcomplaintListing .mngTitle {
    width: 84%; } }

@media only screen and (min-width: 1250px) {
  .oeListing .mngTitle, #DiagList .mngTitle, .chiefcomplaintListing .mngTitle {
    width: 85%; } }

/** oe listing **/
/** oe add **/
@media only screen and (max-width: 767px) {
  .oralExamAddEdit .newteeth-wrp {
    display: block;
    position: relative;
    height: auto;
    left: auto;
    right: auto;
    top: 15px; }
    .oralExamAddEdit .newteeth-wrp .radioTab {
      text-align: center; }
      .oralExamAddEdit .newteeth-wrp .radioTab a {
        border: 1px solid #dfdfdf;
        display: inline-block;
        border-radius: 5px;
        margin: 0 5px 15px; }
        .oralExamAddEdit .newteeth-wrp .radioTab a.selected, .oralExamAddEdit .newteeth-wrp .radioTab a:hover {
          border: 1px solid #fff; }
  .oralExamAddEdit .jawContainer ul li {
    margin: 0 10px 10px; } }

/** oe add **/
@media only screen and (min-width: 280px) and (max-width: 768px) {
  #DiagAddEdit .jumbotronCont .jumbotron h1, .chiefcomplaintAddEdit .jumbotronCont .jumbotron h1, .prescription .jumbotronCont .jumbotron h1 {
    width: 100%; }
  .noSpace {
    padding: 2px 7px 2px 7px !important; }
  .textDataVisualizer {
    white-space: normal;
    padding: 0px; }
  .tdvNotes {
    width: 200px; }
  .tdvTooth {
    width: 90px; }
  .tdvOthers {
    width: 150px; }
  .textDataVisualizerFull {
    width: 100%;
    white-space: normal;
    padding: 0px; }
  .cstm_rdb_ckb ul li:first-child,
  .cstm_rdb_ckb ul li:nth-child(2) {
    margin-bottom: 5px; } }

/* lab work order */
.pageFilters .filterRectArea.labworkorderfilter {
  padding: 7px 10px 3px 10px; }
  .pageFilters .filterRectArea.labworkorderfilter .formGroupFilter {
    width: 100%; }
    .pageFilters .filterRectArea.labworkorderfilter .formGroupFilter > ul li {
      float: left; }
  .pageFilters .filterRectArea.labworkorderfilter .btnGroupFilter {
    margin: 4px 0 0 0; }

@media only screen and (min-width: 280px) {
  .labQuiltDtls {
    padding: 0; } }

@media only screen and (min-width: 280px) and (max-width: 767px) {
  .labQuiltDtls {
    width: 50%;
    display: inline-block;
    verticle-align: middle; } }

@media only screen and (min-width: 420px) and (max-width: 767px) {
  .pageFilters .filterRectArea.labworkorderfilter .formGroupFilter > ul li {
    width: 46%;
    margin: 0 6px; } }

@media only screen and (min-width: 768px) {
  .labQuiltDtls.txtRght {
    text-align: right; } }

@media only screen and (min-width: 768px) and (max-width: 1180px) {
  .pageFilters .filterRectArea.labworkorderfilter .formGroupFilter {
    width: 88%; }
    .pageFilters .filterRectArea.labworkorderfilter .formGroupFilter > ul li {
      width: 125px; } }

@media only screen and (min-width: 992px) {
  .workOrderNumberListing .mngTitle {
    width: 80%; } }

@media only screen and (min-width: 480px) {
  .workOrderNumberListing .jumbotron .mngTitle {
    width: 58%;
    text-align: left;
    float: left; }
  .workOrderNumberListing .jumbotron .mngTitleBtn {
    width: 160px;
    float: right; } }

@media only screen and (min-width: 520px) {
  .workOrderNumberListing .jumbotron .mngTitle {
    width: 68%; }
    .workOrderNumberListing .jumbotron .mngTitle h1 {
      margin: .5em 0; }
    .workOrderNumberListing .jumbotron .mngTitle .mdl-hdr-text {
      margin: 0; } }

@media only screen and (min-width: 574px) {
  .workOrderNumberListing .jumbotron .mngTitle {
    text-align: center; }
    .workOrderNumberListing .jumbotron .mngTitle h1 {
      margin: 2.3em 0 .2em; }
    .workOrderNumberListing .jumbotron .mngTitle .mdl-hdr-text {
      margin: 3.4em 0 0 0; } }

@media only screen and (min-width: 574px) and (max-width: 640px) {
  .workOrderNumberListing .jumbotron .mngTitle h1 {
    margin: 1em 0 .5em;
    width: 120px; }
  .workOrderNumberListing .jumbotron .mngTitle .mdl-hdr-text {
    margin: 3.2em 0 0 0; } }

@media only screen and (min-width: 640px) {
  .workOrderNumberListing .jumbotron .mngTitle {
    width: 73%; } }

@media only screen and (min-width: 768px) {
  .workOrderNumberListing .jumbotron .mngTitle {
    width: 77%; } }

@media only screen and (min-width: 1181px) {
  .pageFilters .filterRectArea.labworkorderfilter .formGroupFilter {
    width: 92%; }
  .workOrderNumberListing .jumbotron .mngTitle {
    width: 84%; } }

@media only screen and (min-width: 1250px) {
  .workOrderNumberListing .jumbotron .mngTitle {
    width: 85%; } }

/* lab work order */
@media only screen and (min-width: 480px) and (max-width: 521px) {
  #DiagAddEdit .diagnostics-list-wrap .block {
    margin-right: 20px; } }

/*********************************** treatmentOEfindings ***********************************/
.smlTeethBox, .smlSoftHardTissueBox .smlSoftHardTissue {
  box-shadow: 0px 0px 4px #c1c1c1;
  border: 1px solid #bcbbbb;
  width: 35px;
  height: auto;
  vertical-align: bottom;
  display: inline-block;
  border-radius: 6px;
  text-align: center;
  margin: 5px 3px;
  cursor: pointer;
  padding: 1px; }
  .smlTeethBox.inc4, .smlSoftHardTissueBox .inc4.smlSoftHardTissue {
    width: 36px; }
  .smlTeethBox .teethBoxWht, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht {
    display: block;
    text-align: center; }
    .smlTeethBox .teethBoxWht .imgCont, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont {
      border-radius: 6px 6px 0 0;
      width: 100%;
      height: 38px;
      background: #f2f2f2;
      text-align: center;
      display: block; }
      .smlTeethBox .teethBoxWht .imgCont .toothBind, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind {
        background-image: url("../imgs/treatment-cmn-icons.png");
        width: 100%;
        height: 100%; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth11, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth11, .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth51, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth51 {
          background-position: -4px -226px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth12, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth12, .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth52, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth52 {
          background-position: -34px -226px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth13, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth13, .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth53, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth53 {
          background-position: -62px -226px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth14, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth14 {
          background-position: -91px -226px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth15, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth15 {
          background-position: -118px -226px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth16, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth16, .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth54, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth54 {
          background-position: -145px -226px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth17, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth17, .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth55, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth55 {
          background-position: -174px -226px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth18, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth18 {
          background-position: -5px -266px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth21, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth21, .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth61, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth61 {
          background-position: -34px -268px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth22, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth22, .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth62, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth62 {
          background-position: -62px -268px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth23, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth23, .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth63, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth63 {
          background-position: -92px -268px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth24, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth24 {
          background-position: -118px -268px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth25, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth25 {
          background-position: -145px -268px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth26, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth26, .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth64, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth64 {
          background-position: -174px -269px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth27, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth27, .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth65, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth65 {
          background-position: -6px -310px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth28, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth28 {
          background-position: -36px -307px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth31, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth31, .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth71, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth71 {
          background-position: -65px -308px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth32, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth32, .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth72, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth72 {
          background-position: -95px -309px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth33, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth33, .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth73, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth73 {
          background-position: -120px -308px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth34, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth34 {
          background-position: -146px -309px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth35, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth35 {
          background-position: -175px -311px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth36, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth36, .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth74, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth74 {
          background-position: -6px -348px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth37, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth37, .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth75, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth75 {
          background-position: -35px -346px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth38, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth38 {
          background-position: -65px -344px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth41, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth41, .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth81, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth81 {
          background-position: -94px -347px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth42, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth42, .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth82, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth82 {
          background-position: -120px -349px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth43, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth43, .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth83, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth83 {
          background-position: -145px -348px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth44, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth44 {
          background-position: -175px -348px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth45, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth45 {
          background-position: -5px -385px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth46, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth46, .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth84, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth84 {
          background-position: -36px -386px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth47, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth47, .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth85, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth85 {
          background-position: -64px -384px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.tooth48, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.tooth48 {
          background-position: -93px -384px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.toothAlladult, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.toothAlladult, .smlTeethBox .teethBoxWht .imgCont .toothBind.toothAllpedo, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.toothAllpedo, .smlTeethBox .teethBoxWht .imgCont .toothBind.toothAllmixed, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.toothAllmixed {
          background-position: -159px -156px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.toothUpperArch, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.toothUpperArch {
          background-position: -10px -708px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.toothLowerArch, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.toothLowerArch {
          background-position: -76px -708px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.toothQuadrant4, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.toothQuadrant4 {
          background-position: -285px -708px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.toothQuadrant3, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.toothQuadrant3 {
          background-position: -345px -708px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.toothQuadrant2, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.toothQuadrant2 {
          background-position: -207px -707px; }
        .smlTeethBox .teethBoxWht .imgCont .toothBind.toothQuadrant1, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .imgCont .toothBind.toothQuadrant1 {
          background-position: -146px -707px; }
    .smlTeethBox .teethBoxWht .labelTxt, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .labelTxt {
      border-radius: 0 0 6px 6px;
      width: 100%;
      height: auto;
      background: #fff;
      font-size: 0.867em;
      text-align: center;
      padding: 2px 0;
      display: block;
      margin: 1px auto auto; }
      .smlTeethBox .teethBoxWht .labelTxt.selected, .smlSoftHardTissueBox .smlSoftHardTissue .teethBoxWht .labelTxt.selected {
        background: #faa762;
        color: #fff; }

.virtualBorder {
  position: relative; }
  .virtualBorder::before {
    border-right: 1px solid #cac2be;
    position: absolute;
    width: 1px;
    height: 100%;
    content: "";
    left: 16.33%;
    top: 0; }
  .virtualBorder::after {
    border-right: 1px solid #cac2be;
    position: absolute;
    width: 1px;
    height: 100%;
    content: "";
    right: 48.33%;
    top: 0; }

.virtualbrdr {
  position: relative; }
  .virtualbrdr::after {
    border-right: 1px solid #cac2be;
    position: absolute;
    width: 1px;
    height: 100%;
    content: "";
    left: 520px;
    top: 0; }

.smlSoftHardTissueBox {
  width: 52px;
  height: auto;
  margin: 5px;
  cursor: pointer;
  float: left; }
  .smlSoftHardTissueBox .smlSoftHardTissue {
    width: 100%;
    height: 54px;
    margin: 0px;
    padding: 0; }
    .smlSoftHardTissueBox .smlSoftHardTissue .sh {
      background: #f2f2f2 url("../imgs/treatment-cmn-icons.png");
      width: 100.3%;
      height: 100%;
      border: 1px solid #fff;
      border-radius: 6px; }
      .smlSoftHardTissueBox .smlSoftHardTissue .sh.mandibularangle {
        background-position: -229px -459px; }
      .smlSoftHardTissueBox .smlSoftHardTissue .sh.mandibularbody {
        background-position: -292px -397px; }
      .smlSoftHardTissueBox .smlSoftHardTissue .sh.maxillarysinus {
        background-position: -485px -460px; }
      .smlSoftHardTissueBox .smlSoftHardTissue .sh.mandibularsymphysis {
        background-position: -481px -397px; }
      .smlSoftHardTissueBox .smlSoftHardTissue .sh.maxillarytuberosity {
        background-position: -359px -397px; }
      .smlSoftHardTissueBox .smlSoftHardTissue .sh.posteriormaxilla {
        background-position: -360px -457px; }
      .smlSoftHardTissueBox .smlSoftHardTissue .sh.pre-maxilla {
        background-position: -422px -394px; }
      .smlSoftHardTissueBox .smlSoftHardTissue .sh.tmjoint {
        background-position: -292px -458px; }
      .smlSoftHardTissueBox .smlSoftHardTissue .sh.lip {
        background-position: -229px -333px; }
      .smlSoftHardTissueBox .smlSoftHardTissue .sh.cheek {
        background-position: -233px -270px; }
      .smlSoftHardTissueBox .smlSoftHardTissue .sh.tongue {
        background-position: -418px -333px; }
      .smlSoftHardTissueBox .smlSoftHardTissue .sh.floorofmouth {
        background-position: -291px -267px; }
      .smlSoftHardTissueBox .smlSoftHardTissue .sh.palate {
        background-position: -355px -331px; }
      .smlSoftHardTissueBox .smlSoftHardTissue .sh.lymphnodes {
        background-position: -291px -331px; }
      .smlSoftHardTissueBox .smlSoftHardTissue .sh.gingiva {
        background-position: -423px -273px; }
      .smlSoftHardTissueBox .smlSoftHardTissue .sh.salivarygland {
        background-position: -487px -270px; }
      .smlSoftHardTissueBox .smlSoftHardTissue .sh.frenum {
        background-position: -355px -270px; }
      .smlSoftHardTissueBox .smlSoftHardTissue .sh.vestibule {
        background-position: -485px -333px; }
  .smlSoftHardTissueBox .tissueTextLabel {
    box-shadow: 0px 0px 4px #c1c1c1;
    position: relative;
    margin: -10px auto auto auto;
    border: 1px solid #bcbbbb;
    width: 100%;
    height: auto;
    border-radius: 6px;
    background: #fff;
    line-height: 12px;
    font-size: 11px;
    padding: 0; }
    .smlSoftHardTissueBox .tissueTextLabel span {
      border: 1px solid #fff;
      background: #f2f2f2;
      justify-content: center;
      border-radius: 6px;
      align-items: center;
      text-align: center;
      min-height: 26px;
      display: flex; }
    .smlSoftHardTissueBox .tissueTextLabel.selected span {
      background: #faa762;
      color: #fff; }

.compartmentOne {
  padding: 0; }

.compartmentTwo, .compartmentThree {
  padding: 0; }
  .compartmentTwo .labelTxt, .compartmentThree .labelTxt {
    margin: 4px 8px 0 0;
    font-weight: 600; }
  .compartmentTwo .badgeView, .compartmentThree .badgeView {
    box-shadow: 0 1px 1px #999;
    background: #f2f2f2;
    margin: 0 6px 6px 0;
    display: inline-block;
    padding: 3px 8px 2px;
    border-radius: 6px;
    cursor: pointer; }
    .compartmentTwo .badgeView.selected, .compartmentThree .badgeView.selected {
      background: #faa762;
      color: #fff; }

.checkBoxElem {
  display: block; }
  .checkBoxElem .vertMddle {
    margin: 5px auto auto;
    /*display: inline-block;*/
    vertical-align: middle; }
  .checkBoxElem .inputSelectionView {
    -webkit-transition: border .25s linear;
    transition: border .25s linear;
    border: 1px solid #888888;
    position: relative;
    width: 20px;
    height: 20px;
    display: block;
    margin: auto;
    z-index: 5; }
    .checkBoxElem .inputSelectionView::before {
      -webkit-transition: background 0.25s linear;
      transition: background 0.25s linear;
      position: absolute;
      width: 12px;
      height: 12px;
      display: block;
      margin: auto;
      content: ''; }
    .checkBoxElem .inputSelectionView.chkB {
      border-radius: 5px; }
      .checkBoxElem .inputSelectionView.chkB::before {
        border-radius: 5px;
        left: 2px;
        top: 1px; }
    .checkBoxElem .inputSelectionView.rdio {
      border-radius: 100%; }
      .checkBoxElem .inputSelectionView.rdio::before {
        border-radius: 100%;
        top: 3px;
        left: 3px; }
  .checkBoxElem b {
    font: normal 0.9em Calibri, Sans-serif, Arial;
    color: #444444; }
  .checkBoxElem.selected .inputSelectionView {
    color: #fa9948; }
    .checkBoxElem.selected .inputSelectionView.rdio::before {
      background: #faa762; }
    .checkBoxElem.selected .inputSelectionView.chkB::before {
      color: #fa9948;
      font-weight: bold;
      content: '\2714';
      font-size: 13px; }
  .checkBoxElem.selected b {
    color: #fa9948; }

.flex-mdle {
  align-items: center;
  display: flex; }

.dataRptView {
  display: inline-block;
  margin: 5px 0 3px 0; }
  .dataRptView.tooth {
    /*margin: 3px 0;*/ }
  .dataRptView > span {
    margin: 4px 0;
    display: inline-block; }
  .dataRptView.findingsLabel {
    margin-top: 13px; }

/*********************************** treatmentOEfindings ***********************************/
/*********************************** treatmentttooth ***********************************/
.arch-icon, .quad-icon, .teeth-icon {
  background: transparent url("../imgs/treatment-cmn-icons.png") no-repeat top left;
  position: relative;
  width: 34px;
  height: 32px;
  margin: -5px 0 0 -18px;
  float: left; }

.arch-icon {
  background-position: -130px -456px; }

.quad-icon {
  background-position: -99px -9px; }

.teeth-icon {
  background-position: -48px -9px; }

/*********************************** treatmentttooth ***********************************/
/*********************************** treatment-modal ***********************************/
.xlg .modal-lg {
  width: 950px; }

.xlg .modal-body {
  padding-bottom: 2px;
  margin-top: 40px; }

.editWrp {
  background-color: white;
  box-shadow: inset 0 0 0 1px #adb3a2, 0 0 4px #ccc;
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  -moz-osx-font-smoothing: grayscale;
  width: 28px;
  height: 28px;
  display: inline-block;
  margin: 0 10px 0 5px;
  border-radius: 6px;
  text-align: center; }
  .editWrp span {
    vertical-align: middle;
    color: #fa9948;
    padding: 6px; }
  .editWrp:hover, button:hover span.editWrp.cmnicons, .buttonsCont .uploadDocBox .uploadDocOption:hover .editWrp, .buttonsCont .uploadDocBox button:hover span.uploadDocOption.cmnicons .editWrp, button:hover .buttonsCont .uploadDocBox span.uploadDocOption.cmnicons .editWrp {
    background-color: #faa762;
    box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999; }
    .editWrp:hover span, button:hover span.editWrp.cmnicons span, .buttonsCont .uploadDocBox .uploadDocOption:hover .editWrp span, .buttonsCont .uploadDocBox button:hover span.uploadDocOption.cmnicons .editWrp span, button:hover .buttonsCont .uploadDocBox span.uploadDocOption.cmnicons .editWrp span {
      color: #fff; }

.treatmentModal .titleTxt {
  float: left;
  margin: 5px 0 0 0; }

.treatmentModal .nav-tabs {
  border: 0px;
  /*margin: -5px 0 0 10px;*/
  margin: -5px 0 0 8px; }
  .treatmentModal .nav-tabs li {
    font: 0.93em "AvantGradeRegular";
    cursor: pointer;
    padding: 0;
    margin: 0; }
    .treatmentModal .nav-tabs li a {
      border-radius: 6px 6px 0 0;
      background: #eaeaea;
      margin: 0 10px 0 0;
      color: #444444;
      padding: 6px 20px;
      border-width: 0px;
      font-weight: 600;
      cursor: pointer; }
      .treatmentModal .nav-tabs li a:hover {
        background: #faa762;
        color: #fff;
        border: 0px; }
        .treatmentModal .nav-tabs li a:hover::after {
          border-top: 10px solid #faa762;
          border-right: 8px solid transparent;
          border-left: 8px solid transparent; }
    .treatmentModal .nav-tabs li.active a {
      background: #faa762;
      cursor: pointer;
      color: #fff;
      border: 0px; }
      .treatmentModal .nav-tabs li.active a::after {
        border-top: 10px solid #faa762;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        position: absolute;
        width: 0;
        height: 0;
        margin-left: -0.45em;
        z-index: 2;
        bottom: -10px;
        content: "";
        height: 0;
        left: 50%; }
    @media (hover) {
      .treatmentModal .nav-tabs li:hover a::after {
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        border-top: 10px solid #faa762;
        position: absolute;
        width: 0;
        height: 0;
        margin-left: -0.45em;
        bottom: -10px;
        z-index: 2;
        content: "";
        height: 0;
        left: 50%; } }

.treatmentModal .trtPlanCategories {
  border-top: 1px solid #ffc785;
  width: 391px;
  height: 455px;
  display: inline-block;
  margin-bottom: -15px;
  overflow: hidden; }
  @media (max-width: 1200px) {
    .treatmentModal .trtPlanCategories {
      width: 100%;
      height: 100%;
      margin: 0 0 40px 0;
      overflow: inherit; } }
  .treatmentModal .trtPlanCategories .carousel {
    justify-content: center;
    /* align-items: center; */
    align-items: flex-start;
    display: flex;
    height: 95%; }
    .treatmentModal .trtPlanCategories .carousel .carousel-inner {
      margin-top: 5px; }
      .treatmentModal .trtPlanCategories .carousel .carousel-inner > .item {
        background: #fff; }
        .treatmentModal .trtPlanCategories .carousel .carousel-inner > .item.active {
          height: 430px; }
      .treatmentModal .trtPlanCategories .carousel .carousel-inner .col-xs-3 {
        float: none;
        display: inline-block;
        vertical-align: middle; }
  .treatmentModal .trtPlanCategories .trtCategName {
    box-shadow: 0 0 0 1px #fafafa inset, 0 0 4px #e1e1e1;
    transition-property: box-shadow;
    backface-visibility: hidden;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    border: 1px solid #d9d9d9;
    width: 84px;
    height: 72px;
    background: #fafafa;
    font: 0.88em/18px "RobotoRegular";
    border-radius: 0px;
    color: #444444;
    word-break: break-word;
    margin: 7px;
    padding: 0 5px; }
    .treatmentModal .trtPlanCategories .trtCategName .flxBrdr {
      width: 100%;
      height: 100%;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      display: flex; }
    .treatmentModal .trtPlanCategories .trtCategName.selected, .treatmentModal .trtPlanCategories .trtCategName:hover, .treatmentModal .trtPlanCategories button:hover span.trtCategName.cmnicons, button:hover .treatmentModal .trtPlanCategories span.trtCategName.cmnicons {
      box-shadow: 0 0 0 1px #fff inset, 0 0 4px #dfdfdf;
      background-color: #faa762;
      color: #fff; }

.treatmentModal .SelTrtPlanWrp {
  box-shadow: 0px 0px 4px #c1c1c1;
  width: 100% !important;
  height: 400px;
  border: 1px solid #ffc785;
  background: #fff;
  border-radius: 8px;
  padding: 5px !important; }
  .treatmentModal .SelTrtPlanWrp .img-thumbnail {
    padding: 4px;
    background: #faa762;
    margin-right: 10px;
    cursor: default;
    height: 100px !important; }
    .treatmentModal .SelTrtPlanWrp .img-thumbnail .closebtn {
      position: absolute;
      right: -20px;
      top: -10px; }
      .treatmentModal .SelTrtPlanWrp .img-thumbnail .closebtn .deletebtn {
        background: white;
        color: #faa762 !important;
        border: 1px solid #ccc;
        border-radius: 13px;
        font-size: 16px;
        padding: 3px 8px;
        font-weight: bold; }
  .treatmentModal .SelTrtPlanWrp .sel_treatment {
    position: relative; }
    .treatmentModal .SelTrtPlanWrp .sel_treatment .contentTp {
      border-radius: 10px;
      box-shadow: 0 0 0 1px #fff inset, 0 0 4px #dfdfdf;
      color: #fff;
      display: table-cell;
      overflow: hidden;
      text-align: center;
      vertical-align: middle;
      max-width: 120px;
      width: 110px; }
      .treatmentModal .SelTrtPlanWrp .sel_treatment .contentTp.complex_item .combined_trt_badge {
        background: url("../imgs/trt_combo_badge.png") no-repeat top left;
        position: absolute;
        width: 45px;
        height: 45px;
        left: 0;
        top: 0; }
      .treatmentModal .SelTrtPlanWrp .sel_treatment .contentTp.complex_item .complex_icon {
        background: url("../imgs/treatment-cmn-icons.png") no-repeat -55px -515px;
        width: 15px;
        height: 15px;
        margin: 0 7px 0 0;
        float: left; }
  .treatmentModal .SelTrtPlanWrp #selectedtreatmentsdiv .col-xs-3s {
    display: inline-block;
    float: none; }
  .treatmentModal .SelTrtPlanWrp .SelTrtPlan {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 893px;
    height: 390px; }
    .treatmentModal .SelTrtPlanWrp .SelTrtPlan .col-xs-3s {
      width: 13.5%;
      float: left;
      padding: .2em !important;
      margin: 0.5em 0.58em; }

.treatmentModal .trtPrice {
  background: #fafafa;
  color: #444;
  height: auto;
  max-height: 34px;
  line-height: 14px;
  min-height: 20px;
  width: 100%;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-items: baseline;
  justify-self: baseline;
  justify-content: center; }

.treatmentModal .trtItems {
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  word-break: break-word; }

.treatmentModal .subCategWrap {
  border-left: 1px solid #ccc;
  /*margin: -41px 0 0 20px;*/
  margin: -30px 0 0 5px;
  padding: 0 0 0 5px;
  /*min-height: 487px;*/
  min-height: 478px;
  width: 57%; }
  @media (max-width: 1200px) {
    .treatmentModal .subCategWrap {
      border-left: none;
      border-top: 1px solid #ccc;
      margin: 0px !important;
      padding: 0px !important;
      width: 100% !important; } }
  .treatmentModal .subCategWrap .searchTreatmentBox {
    position: relative;
    margin: 4px 26px 7px 9px;
    font-size: 1.03em; }
    .treatmentModal .subCategWrap .searchTreatmentBox input {
      padding-right: 20px; }
    .treatmentModal .subCategWrap .searchTreatmentBox .searchIcn {
      background: url("../imgs/treatment-cmn-icons.png") no-repeat -69px -466px;
      position: absolute;
      width: 20px;
      height: 20px;
      right: 0;
      top: 4px; }

.treatmentModal .tab-content {
  min-height: 440px; }

.treatmentModal #tpmodalheight {
  width: 100%;
  height: 428px;
  display: table-caption;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0;
  margin: 0;
  outline: none; }
  @media (max-width: 992px) {
    .treatmentModal #tpmodalheight {
      width: 100% !important; } }
  .treatmentModal #tpmodalheight .tpmodalplanbox {
    width: 100%;
    display: inline-block;
    vertical-align: top; }
    .treatmentModal #tpmodalheight .tpmodalplanbox .contentBx {
      box-shadow: 0 0 0 1px #fafafa inset, 0 0 4px #e1e1e1;
      transition-property: box-shadow;
      backface-visibility: hidden;
      width: 110px;
      height: 100px;
      transform: translateZ(0px);
      transition-duration: 0.3s;
      border: 1px solid #d9d9d9;
      background: #fafafa;
      font: 0.8614em "RobotoRegular";
      border-radius: 7px;
      color: #444444;
      margin: 7px;
      padding: 3px;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .treatmentModal #tpmodalheight .tpmodalplanbox .contentBx.complex_item {
        /* box-shadow: 0 0 0 1px #ffe0c7 inset, 0 0 4px $brdr_lgrey; */
        /* background: #ffe0c7;
					border-color: #ffe0c7; */
        position: relative; }
        .treatmentModal #tpmodalheight .tpmodalplanbox .contentBx.complex_item .combined_trt_badge {
          background: url("../imgs/trt_combo_badge.png") no-repeat top left;
          position: absolute;
          width: 45px;
          height: 45px;
          left: -5px;
          top: -5px; }
        .treatmentModal #tpmodalheight .tpmodalplanbox .contentBx.complex_item .complex_icon {
          background: url("../imgs/treatment-cmn-icons.png") no-repeat -15px -518px;
          width: 15px;
          height: 15px;
          margin: 0 -10px 0 5px;
          float: left; }
      .treatmentModal #tpmodalheight .tpmodalplanbox .contentBx .content-trtmnt {
        width: 100%;
        height: auto;
        max-height: 72px;
        min-height: 20px;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        padding: 0 2px;
        display: flex;
        overflow: hidden;
        word-break: break-word; }
      .treatmentModal #tpmodalheight .tpmodalplanbox .contentBx .price-trtmnt {
        background: #faa762;
        width: 100%;
        height: auto;
        max-height: 32px;
        line-height: 14px;
        font-size: 12px;
        border-radius: 4px;
        color: #fff;
        display: block;
        padding: 2px; }
      .treatmentModal #tpmodalheight .tpmodalplanbox .contentBx .bridgeTrt {
        position: relative;
        padding-left: 16px; }
      .treatmentModal #tpmodalheight .tpmodalplanbox .contentBx .bridgeTrt::before {
        content: "\032A";
        font-size: 38px;
        color: #fff;
        line-height: 0;
        position: absolute;
        left: 10px;
        bottom: calc(100% - -9.5px); }
      .treatmentModal #tpmodalheight .tpmodalplanbox .contentBx:hover .bridgeTrt::before, .treatmentModal #tpmodalheight .tpmodalplanbox button:hover span.contentBx.cmnicons .bridgeTrt::before, button:hover .treatmentModal #tpmodalheight .tpmodalplanbox span.contentBx.cmnicons .bridgeTrt::before {
        color: #faa762; }
      .treatmentModal #tpmodalheight .tpmodalplanbox .contentBx.selected .bridgeTrt::before {
        color: #ccc; }
      .treatmentModal #tpmodalheight .tpmodalplanbox .contentBx.selected .bridgeTrt.bridgeTrtchk::before {
        color: #ca4f01; }
      .treatmentModal #tpmodalheight .tpmodalplanbox .contentBx.selected, .treatmentModal #tpmodalheight .tpmodalplanbox .contentBx:hover, .treatmentModal #tpmodalheight .tpmodalplanbox button:hover span.contentBx.cmnicons, button:hover .treatmentModal #tpmodalheight .tpmodalplanbox span.contentBx.cmnicons {
        box-shadow: 0 0 0 1px #fff inset, 0 0 4px #dfdfdf;
        background-color: #faa762;
        color: #fff; }
        .treatmentModal #tpmodalheight .tpmodalplanbox .contentBx.selected .price-trtmnt, .treatmentModal #tpmodalheight .tpmodalplanbox .contentBx:hover .price-trtmnt, .treatmentModal #tpmodalheight .tpmodalplanbox button:hover span.contentBx.cmnicons .price-trtmnt, button:hover .treatmentModal #tpmodalheight .tpmodalplanbox span.contentBx.cmnicons .price-trtmnt {
          background: #fafafa;
          color: #444444; }
        .treatmentModal #tpmodalheight .tpmodalplanbox .contentBx.selected.complex_item .complex_icon, .treatmentModal #tpmodalheight .tpmodalplanbox .contentBx:hover.complex_item .complex_icon, .treatmentModal #tpmodalheight .tpmodalplanbox button:hover span.contentBx.complex_item.cmnicons .complex_icon, button:hover .treatmentModal #tpmodalheight .tpmodalplanbox span.contentBx.complex_item.cmnicons .complex_icon {
          background-position: -55px -518px; }
        .treatmentModal #tpmodalheight .tpmodalplanbox .contentBx.selected .content-trtmnt .p-icon-tag-small, .treatmentModal #tpmodalheight .tpmodalplanbox .contentBx:hover .content-trtmnt .p-icon-tag-small, .treatmentModal #tpmodalheight .tpmodalplanbox button:hover span.contentBx.cmnicons .content-trtmnt .p-icon-tag-small, button:hover .treatmentModal #tpmodalheight .tpmodalplanbox span.contentBx.cmnicons .content-trtmnt .p-icon-tag-small {
          background-position: -757px -711px; }

.treatmentModal .showAllFew {
  /*@include positioning(inherit);*/
  height: auto;
  right: 25px;
  clear: none;
  float: right;
  bottom: auto; }

.treatmentModal .toothBundle {
  /*@include positioning(absolute);*/
  vertical-align: top;
  text-align: left;
  float: left;
  left: 110px;
  padding: 0;
  margin: 5px 0 0 5px;
  float: left;
  top: 4px; }
  .treatmentModal .toothBundle.toothNAll {
    left: 70px; }

.treatmentModal .singleItem {
  color: #444444;
  margin: 0 4px 0 0;
  float: left; }
  .treatmentModal .singleItem .mrgn {
    margin-left: -3.6px; }

.treatmentModal .oeBadges {
  list-style-type: none;
  font-size: .915em;
  float: left;
  padding: 0;
  margin: -5px 0 0 5px; }
  .treatmentModal .oeBadges .singleItem {
    margin-top: 6px; }
  .treatmentModal .oeBadges li {
    margin: 5px 6px 5px 0;
    float: left; }
    .treatmentModal .oeBadges li .tagsItem {
      box-shadow: 0px 1px 2px #ccc;
      padding: 4px 4px 4px 10px;
      background: #f2f2f2;
      border-radius: 10px;
      float: left; }
      .treatmentModal .oeBadges li .tagsItem a {
        color: #444444; }
        .treatmentModal .oeBadges li .tagsItem a .remove-button {
          background: #f09d58;
          width: 18px;
          height: 18px;
          border-radius: 20px;
          margin: 1px 0 0 4px;
          float: right;
          padding: 0; }
          .treatmentModal .oeBadges li .tagsItem a .remove-button i {
            color: #fff;
            font-size: 11px;
            margin: -4px 0 0 0;
            display: inline-block;
            vertical-align: middle; }

.treatmentModal .floating-hdr {
  min-height: 44px; }

.treatmentModal .tpBridgeBox {
  margin: 10px 30px 0 0;
  text-align: right; }

.trtGrpSlideView {
  width: 100%; }

.trtGrpSlideView .carousel-control {
  display: none; }

.trtGrpSlideView .carousel-indicators {
  margin-bottom: -8px;
  bottom: -14px; }

.trtGrpSlideView .carousel-indicators li {
  background: #ddd;
  width: 30px;
  height: 6px;
  margin: 0px 3px;
  text-indent: -999px;
  border: 1px solid #ddd;
  border-radius: 3px; }

.trtGrpSlideView .carousel-indicators li.active {
  background: #faa762;
  border-color: #faa762;
  width: 30px;
  height: 6px;
  margin: 0px 3px; }

.trtGrpSlideView .next {
  border: none;
  padding: 0px;
  font-size: 15px; }

/*********************************** treatment-modal ***********************************/
/*********************************** treatmentAdd/Edittable ***********************************/
.categDvdr {
  border-right: 1px solid #ddd; }

.actionDvdr {
  border-left: 1px solid #ddd; }

.blckElem {
  float: left;
  width: 100%;
  clear: both; }
  .blckElem .wdt3 {
    width: 3%;
    display: inline-block; }
  .blckElem .wdt10 {
    width: 10%;
    display: inline-block; }
  .blckElem .wdt9Hlf {
    width: 9.5%;
    display: inline-block; }
  .blckElem input, .blckElem textarea, .blckElem select {
    width: 100% !important; }
  .blckElem select {
    border: 0px;
    border-bottom: 2px solid #fbba83;
    box-shadow: 0px 2px 0px #ebebeb;
    background: transparent;
    margin: 0 0 4px 0;
    padding: 0; }
  .blckElem input[type="text"] {
    margin: 0 0 4px 0; }
  .blckElem .custom-combo {
    float: left;
    width: 75%; }

.trtDeleteIcn {
  background: transparent url("../imgs/treatment-cmn-icons.png") no-repeat -7px -8px;
  width: 20px;
  height: 20px;
  margin: 2px 0 3px 0;
  float: right; }

.trtEditIcn {
  background: transparent url("../imgs/actin_icns.png") no-repeat -34px -711px;
  width: 20px;
  height: 20px;
  margin: 0 0 0 -5px;
  float: left; }

.trtSaveIcn {
  background: transparent url("../imgs/actin_icns.png") no-repeat -96px -711px;
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
  float: left; }

.trtCancelIcn {
  background: transparent url("../imgs/actin_icns.png") no-repeat -149px -711px;
  width: 20px;
  height: 20px;
  margin: 0;
  float: left; }

.altertbody.table tbody:nth-of-type(2n) {
  background-color: #f2f2f2; }

.altertbody.table tbody table tr:nth-of-type(2n) {
  border-top: 1px solid #ddd;
  background-color: transparent; }

.vmiddle {
  vertical-align: middle !important; }

.OverflwInhrt {
  overflow: inherit; }

.tpAddEdit .getRdcSpaceFrTab .table-responsive {
  width: 100.1%; }

.tpAddEdit .noRecordMsg {
  float: left;
  width: 100%;
  margin: 15px 0 0 0; }

.table_header {
  font: bold 0.8em "AvantGradeRegular"; }
  .table_header .compart {
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #cac2be; }

.tableRow table {
  width: 100%;
  font-size: 1em; }
  .tableRow table select {
    font-size: 1em; }
  .tableRow table .cpnFld {
    width: 45%; }
    .tableRow table .cpnFld input.fnt1 {
      font-size: .95em; }
  .tableRow table .cpnType {
    width: 45%;
    margin: 0 5px 0 0; }
  .tableRow table .cpnWdth {
    width: 43%;
    margin: 0 5px 0 0; }

/*********************************** treatmentAdd/Edittable ***********************************/
/*********************************** treatmenttableaction ***********************************/
.buttonsCont {
  border-top: 1px solid #dddddd;
  display: inline-block;
  padding: 5px 0px 0;
  margin: 0 0 -6px 0;
  width: 100%; }
  .buttonsCont .border-left-cpn {
    border-left: 3px solid #dddddd;
    margin: 1px 0 0 0px;
    min-height: 27px;
    padding-top: 5px; }
  .buttonsCont .couponCode {
    margin: 0 7px 5px 0;
    cursor: pointer;
    float: left; }
    .buttonsCont .couponCode .keyTxt {
      border-right: 1px solid #fff;
      background: #10885a;
      font: 0.85em Calibri, Sans-serif, Arial;
      padding: 2px 5px;
      color: #fff;
      float: left;
      margin: 0;
      height: 21px; }
    .buttonsCont .couponCode .couponCrossIcon {
      font: 600 1.1em/8px Calibri, Sans-serif, Arial;
      padding: 5px 7px 8px 6px;
      background: #0cd07e;
      color: #fff;
      float: left;
      margin: 0; }
      .buttonsCont .couponCode .couponCrossIcon:hover, .buttonsCont .couponCode button:hover span.couponCrossIcon.cmnicons, button:hover .buttonsCont .couponCode span.couponCrossIcon.cmnicons {
        background: #faa762; }
  .buttonsCont .uploadDocBox {
    border-top: 1px solid #f2f2f2;
    margin: 3px 0 8px 0px;
    padding-top: 10px; }
    .buttonsCont .uploadDocBox .docTitle {
      font: 0.9em "AvantGradeRegular";
      margin: 0 10px 0 0;
      float: left; }
      .buttonsCont .uploadDocBox .docTitle .mtop5 {
        margin-top: 5px; }
      .buttonsCont .uploadDocBox .docTitle .uploadicn {
        color: #fa9948;
        margin: 2px 7px 0 0;
        font-size: 1.6em;
        float: left; }
    .buttonsCont .uploadDocBox .uploadDocOption {
      font: normal 0.85em "AvantGradeRegular";
      margin: 2px 10px 0 0;
      float: left;
      padding: 0; }
      .buttonsCont .uploadDocBox .uploadDocOption label {
        font-weight: normal;
        cursor: pointer;
        margin: 0; }
        .buttonsCont .uploadDocBox .uploadDocOption label span {
          float: left; }
        .buttonsCont .uploadDocBox .uploadDocOption label .optionTitle {
          padding: 1px 0 0 0; }
      .buttonsCont .uploadDocBox .uploadDocOption .editWrp {
        width: 22px;
        height: 22px;
        margin: 0 7px 0 0; }
        .buttonsCont .uploadDocBox .uploadDocOption .editWrp .showHideCheck {
          color: #fff;
          visibility: hidden; }
        .buttonsCont .uploadDocBox .uploadDocOption .editWrp:hover .showHideCheck, .buttonsCont .uploadDocBox .uploadDocOption button:hover span.editWrp.cmnicons .showHideCheck, button:hover .buttonsCont .uploadDocBox .uploadDocOption span.editWrp.cmnicons .showHideCheck, .buttonsCont .uploadDocBox .uploadDocOption:hover .editWrp .showHideCheck, .buttonsCont .uploadDocBox button:hover span.uploadDocOption.cmnicons .editWrp .showHideCheck, button:hover .buttonsCont .uploadDocBox span.uploadDocOption.cmnicons .editWrp .showHideCheck {
          visibility: visible; }
      .buttonsCont .uploadDocBox .uploadDocOption:hover .editWrp .editWrp .showHideCheck, .buttonsCont .uploadDocBox button:hover span.uploadDocOption.cmnicons .editWrp .editWrp .showHideCheck, button:hover .buttonsCont .uploadDocBox span.uploadDocOption.cmnicons .editWrp .editWrp .showHideCheck {
        visibility: visible; }
  .buttonsCont .docView {
    box-shadow: 0px 1px 2px #bcbbbb;
    position: relative;
    padding: 4px 5px 5px 24px;
    background: #f2f2f2;
    border-radius: 6px;
    font: 0.8em "RobotoRegular";
    float: left;
    margin: 0 10px 0 0; }
    .buttonsCont .docView a {
      color: #444444; }
    .buttonsCont .docView .docCancel {
      background: #faa762;
      width: 18px;
      height: 17px;
      border-radius: 20px;
      padding: 4px 0 0 0;
      text-align: center;
      font-size: .75em;
      color: #fff; }
    .buttonsCont .docView .attachmentIconRotate {
      position: absolute;
      top: 0px;
      left: 5px; }
  .buttonsCont .arwTitle {
    margin: 4.5px 0 0 4px;
    line-height: 12px;
    float: right; }
  .buttonsCont .mentisBox {
    border-top: 1px solid #f2f2f2;
    margin: 3px 0 8px 0px;
    padding-top: 10px; }
    .buttonsCont .mentisBox .docTitle {
      font: 0.9em "AvantGradeRegular";
      margin: 0 10px 0 0;
      float: left; }
      .buttonsCont .mentisBox .docTitle .uploadicn {
        color: #fa9948;
        margin: 2px 7px 0 0;
        font-size: 1.6em;
        float: left; }
    .buttonsCont .mentisBox .displayIB {
      margin: -5px 0 0px 0;
      width: 250px; }

/*********************************** treatmenttableaction ***********************************/
/*********************************** treatmentlisting ***********************************/
.treatmentList .cstm_rdb_ckb ul li {
  min-width: auto !important; }

.treatmentList .tp-m3 {
  top: -3px; }

.treatmentList .tp-m4 {
  top: -3px; }

.treatmentList .dis-inline {
  display: inline !important; }

.treatmentList .tpIndicator {
  width: 21px;
  height: 21px;
  border-radius: 0.3em;
  margin: 0;
  display: block;
  border: 1px solid #fff;
  position: relative; }

.treatmentList .grayed {
  background: #9e9e9e;
  color: #fff; }

.treatmentList .bookedRow {
  background: #f3e2a7; }
  .treatmentList .bookedRow td {
    border-color: #fff; }

.treatmentList .bookedTrtIcon {
  background: url("../imgs/treatment-cmn-icons.png") no-repeat top left;
  background-position: -105px -115px;
  width: 30px;
  height: 30px;
  margin: auto;
  margin: 0;
  display: inline-block !important;
  vertical-align: middle;
  cursor: pointer; }

.treatmentList #treatmentlistingtable thead tr th:last-child {
  text-align: left !important; }

.treatmentList .popOverImg {
  display: inline-block;
  background: url("../imgs/cmn-icn-sprite.png") no-repeat top left;
  background-position: -580px -1283px;
  width: 30px;
  height: 30px;
  margin: auto; }

.treatmentList .bgWhite {
  background: #fff; }

.treatmentList .brd-bottom {
  border-bottom: 1px solid #dddddd; }

.treatmentList .cmpltedIndct {
  border: 2px solid #1b7d24 !important;
  background: transparent !important; }
  .treatmentList .cmpltedIndct:hover, .treatmentList button:hover span.cmpltedIndct.cmnicons, button:hover .treatmentList span.cmpltedIndct.cmnicons {
    border: 2px solid #1b7d24 !important; }
  .treatmentList .cmpltedIndct:before {
    margin: -1.5px 0 0 0 !important;
    color: #fff !important; }

@media (max-width: 320px) {
  .treatmentList .chk-setel {
    top: 0px !important; } }

.treatmentList .added_on_format {
  color: #ca4f01;
  font-size: 0.9em; }

.pad_setel {
  padding: 15px 15px 0px !important; }

.doctorViewListPopup .doctorListView {
  padding: 0px 15px;
  margin: 10px 0px; }
  .doctorViewListPopup .doctorListView .cstm_rdb_ckb ul {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 0 4px #ccc;
    border: 1px solid #adb3a2;
    overflow: hidden; }
    .doctorViewListPopup .doctorListView .cstm_rdb_ckb ul li {
      width: 100%;
      position: relative;
      margin: 0;
      padding: 6px 10px;
      display: block;
      float: none; }
      .doctorViewListPopup .doctorListView .cstm_rdb_ckb ul li label {
        font-size: 1em;
        position: relative;
        top: -3px; }
      .doctorViewListPopup .doctorListView .cstm_rdb_ckb ul li:nth-of-type(2n) {
        background-color: #f2f2f2; }
      .doctorViewListPopup .doctorListView .cstm_rdb_ckb ul li .stl-chkB-rdB {
        top: 5px;
        left: 10px; }
      .doctorViewListPopup .doctorListView .cstm_rdb_ckb ul li input {
        top: 6px;
        left: 11px; }

/*********************************** treatmentlisting ***********************************/
/*********************************** treatmentall ***********************************/
.arwTitle {
  color: #fa9948;
  font-size: 1.65em;
  margin: 4.5px 0 0 2px;
  float: left; }

.mtop8 {
  margin: 8px 0 0 0; }

/*********************************** treatmentall ***********************************/
/*********************************** address capture ***********************************/
.addressCapture {
  /*select[disabled],
    select[readonly] {
        &+div {
            background: white url("../imgs/lock_field.png") no-repeat 0 5px;
            border-color: $arow_clr1;
            color: $txt_medgry;
            padding-left: 18px;
            opacity: 1;

            &+span {
                color: $arow_clr1;
            }
        }
    }*/ }
  .addressCapture .addressErr {
    margin-top: -20px; }
  .addressCapture .stateErr {
    margin-top: -5px; }
  .addressCapture .notestext {
    font-size: 0.9em !important; }
  .addressCapture .required {
    top: -3px; }

/*********************************** address capture ***********************************/
.saveBtnAlign {
  margin: 7px 15px 3px 0; }
  .saveBtnAlign i {
    margin: 1px 0 0 0; }

.hideOeEditButton {
  display: none; }

.showOeEditButton {
  display: inline; }

#tgrouppopupbody {
  margin-top: 40px; }

.searchBridge .searchTreatmentBox {
  width: 65%; }

.searchBridge .tpBridgeBox {
  margin: -30px 30px 0 0; }

.top2 {
  top: 2px; }

.combinedToothTrtPlan {
  font: normal 1.1em "AvantGradeRegular";
  margin-top: 5px !important; }

.trtPlanzindex {
  z-index: 15; }

.mrgnLeft35 {
  margin-left: -35px !important; }

.width90 {
  width: 88%; }

.width-3_5 {
  width: 3.5%; }

/*********************************** css using for treatment add/edit screen for small device  ***********************************/
@media (max-width: 769px) {
  .trtNonCardGrid {
    display: none; }
  .tabContent .tab-content {
    padding-left: 5px;
    padding-right: 5px; }
  .trtCardGrid {
    display: block;
    font-size: 0.9em; }
    .trtCardGrid .findings {
      background: #f2f2f2;
      display: inline-block;
      padding: 0;
      border-radius: 5px;
      font-size: .9em;
      width: 100%;
      margin-top: 5px;
      margin-bottom: -5px;
      border: none !important; }
      .trtCardGrid .findings .findingChckBxLft {
        float: right;
        top: 10px;
        right: -5px;
        position: absolute; }
    .trtCardGrid tr {
      background-color: #fff !important; }
    .trtCardGrid .accordianViewBox {
      font-size: 1em !important; }
      .trtCardGrid .accordianViewBox > div:first-child {
        width: 100% !important; }
      .trtCardGrid .accordianViewBox .invCardViewData {
        text-align: left;
        width: 100%; }
        .trtCardGrid .accordianViewBox .invCardViewData ul {
          margin: 0;
          padding: 0; }
          .trtCardGrid .accordianViewBox .invCardViewData ul li {
            list-style-type: none;
            display: inline-block;
            vertical-align: top;
            width: 49%;
            padding: 0;
            margin: 0; }
            .trtCardGrid .accordianViewBox .invCardViewData ul li span {
              display: block;
              font-weight: bold; }
            .trtCardGrid .accordianViewBox .invCardViewData ul li.fullView {
              width: 100%; }
    .trtCardGrid .trtCardViewContainer {
      margin: 0 0 10px 0;
      padding: 0 15px;
      border-bottom: 1px solid #ccc; }
      .trtCardGrid .trtCardViewContainer ul {
        padding: 0;
        margin: 0; }
        .trtCardGrid .trtCardViewContainer ul li {
          list-style-type: none;
          display: inline-block;
          vertical-align: top;
          width: 49%;
          margin: 0 0 10px 0;
          padding: 0; }
          .trtCardGrid .trtCardViewContainer ul li span {
            display: block;
            font-weight: bold; }
          .trtCardGrid .trtCardViewContainer ul li.fullview {
            width: 100%; }
    .trtCardGrid .trtGroup .trtGrp {
      margin-bottom: 8px; }
    .trtCardGrid .trtGroup:last-child .trtGrp {
      margin-bottom: 0px; }
    .trtCardGrid .trtCardViewBoxData {
      position: relative;
      padding: 0 10px; }
      .trtCardGrid .trtCardViewBoxData ul {
        margin: 0;
        padding: 0; }
        .trtCardGrid .trtCardViewBoxData ul li {
          list-style-type: none;
          display: inline-block;
          vertical-align: top;
          margin: 0 0 10px;
          width: 49%; }
          .trtCardGrid .trtCardViewBoxData ul li span {
            font-weight: bold;
            display: block; }
          .trtCardGrid .trtCardViewBoxData ul li.fullview {
            width: 100%; }
          .trtCardGrid .trtCardViewBoxData ul li.actionList {
            position: absolute;
            width: auto;
            margin: 0;
            right: 0;
            top: 0; }
            .trtCardGrid .trtCardViewBoxData ul li.actionList span {
              color: #fa9948;
              cursor: pointer;
              font-size: 20px; }
            .trtCardGrid .trtCardViewBoxData ul li.actionList .listActionMenu {
              position: absolute;
              position: absolute;
              background-color: #fff;
              border: 1px solid #eee;
              padding: 0;
              border-radius: 5px;
              top: 0;
              right: 20px;
              box-shadow: 0px 1px 2px #ccc;
              z-index: 1; }
              .trtCardGrid .trtCardViewBoxData ul li.actionList .listActionMenu a {
                display: block;
                padding: 5px 10px 5px 10px; }
                .trtCardGrid .trtCardViewBoxData ul li.actionList .listActionMenu a span {
                  font-size: 0.95em;
                  font-weight: normal; }
    .trtCardGrid .trtTableListDetails {
      margin-bottom: 10px;
      padding: 0 10px; }
      .trtCardGrid .trtTableListDetails:last-child .cardViewContainer:last-child {
        border-bottom: 0px; }
        .trtCardGrid .trtTableListDetails:last-child .cardViewContainer:last-child ul li:nth-child(4), .trtCardGrid .trtTableListDetails:last-child .cardViewContainer:last-child ul li:nth-child(5) {
          margin: 0; }
    .trtCardGrid .trtActionBtn .actionList {
      position: absolute;
      width: auto;
      margin: 0;
      right: 2px;
      top: -5px; }
      .trtCardGrid .trtActionBtn .actionList span {
        color: #fa9948;
        cursor: pointer; }
      .trtCardGrid .trtActionBtn .actionList .listActionMenu {
        position: absolute;
        position: absolute;
        background-color: #fff;
        padding: 0;
        border-radius: 5px;
        top: 0;
        right: 20px;
        box-shadow: 0px 1px 2px #ccc;
        z-index: 1; }
        .trtCardGrid .trtActionBtn .actionList .listActionMenu a {
          display: block;
          padding: 5px 10px 5px 10px; }
          .trtCardGrid .trtActionBtn .actionList .listActionMenu a span {
            font-size: 0.8em;
            font-weight: normal; }
    .trtCardGrid .actnBtnSavemakePay {
      margin-top: -8px; }
    .trtCardGrid .trtTitle {
      margin-top: 7px; }
    .trtCardGrid .wdth64 {
      width: 64%; }
    .trtCardGrid .lnDltBtn {
      width: auto;
      clear: inherit; }
      .trtCardGrid .lnDltBtn a {
        right: 20px; }
    .trtCardGrid .mainCardBox {
      padding-bottom: 5px; }
      .trtCardGrid .mainCardBox .startSec {
        width: 15%; }
      .trtCardGrid .mainCardBox .trtNameSec {
        width: 83%; }
        .trtCardGrid .mainCardBox .trtNameSec .trtName {
          width: 83%;
          display: inherit;
          margin-top: 2px; }
          .trtCardGrid .mainCardBox .trtNameSec .trtName .readMore {
            display: inline !important; }
    .trtCardGrid .sourceWthActionbtn {
      margin-top: 0px !important;
      padding-bottom: 3px !important;
      margin-bottom: 5px !important;
      display: flex; }
      .trtCardGrid .sourceWthActionbtn .sourceSec {
        font-size: 0.9em;
        display: flex;
        width: 70%; }
        .trtCardGrid .sourceWthActionbtn .sourceSec .sourceTitle {
          margin-left: 7px;
          font-weight: bold; }
      .trtCardGrid .sourceWthActionbtn .actnsVertIcns {
        width: 30%;
        margin-top: -10px;
        float: right;
        font-size: 0.9em; } }

@media (min-width: 769px) {
  .trtNonCardGrid {
    display: block; }
  .trtCardGrid {
    display: none; } }

/*********************************** css using for treatment add/edit screen for small device  ***********************************/
/*********************************** media queries for treatment add/edit, findings  ***********************************/
@media (max-width: 992px) {
  .trtPlanFullwdth {
    width: 100% !important; }
  .trtPlanSlideWdth {
    width: 25% !important; }
  .trtPlanNoMrgn {
    margin: 0px; }
  .jspPane {
    width: 100% !important; }
  .jspContainer {
    width: 100% !important; }
  .trtFindingstable {
    white-space: initial !important; }
  .subTrtPlan {
    display: none; }
  .treatmentModal .tab-content {
    min-height: auto; } }

@media (min-width: 768px) and (max-width: 1200px) {
  .allteethToggleBtn {
    top: 0px !important; }
  .trtPlanFullwdth {
    width: 100% !important; }
  .trtPlanNoMrgn {
    margin: 0px; }
  #tgrouppopupbody {
    margin-top: 0px; }
  .disFlx {
    display: flex;
    position: relative; }
  .treatmentModal .tab-content {
    min-height: auto; }
  .subTrtPlan {
    display: none; } }

@media (max-width: 767px) {
  .allToggleBtns {
    display: flex;
    margin-bottom: 10px;
    text-align: center;
    gap: 30px;
    justify-content: center;
    align-items: center; }
    .allToggleBtns span {
      display: inline-block;
      position: relative;
      top: 0 !important;
      right: 0;
      bottom: 0 !important; }
  .archQuadBtn {
    margin-right: 15px; }
  #tgrouppopupbody {
    margin-top: 0; }
  .mrgnTop_7 {
    margin-top: -7px; }
  .mrgnPadd_7 {
    margin-top: -7px !important;
    padding: 0 !important; }
  .disFlx {
    display: flex; }
  .showAllFewBtn {
    right: 40px !important; }
  .virtualBorder::before {
    left: 178px; } }

@media (max-width: 953px) {
  .virtualBorder::before {
    left: 178px; } }

@media (min-width: 767px) and (max-width: 992px) {
  #tgrouppopupbody {
    margin-top: 0px; }
  .disFlx {
    display: flex;
    position: relative; } }

@media (max-width: 560px) {
  .trtPlanSlideWdth {
    width: 33% !important; }
  .planWidth {
    width: 33% !important; }
  .selTrtPlanList {
    width: 33% !important; }
    .selTrtPlanList .selTrtPlanClosebtn {
      right: 4px !important; }
  .trtPlanCntr {
    width: 100%;
    position: inherit !important; } }

@media (max-width: 444px) {
  .trtPlanSlideWdth {
    width: 49% !important; }
  .planWidth {
    width: 49% !important; }
  .selTrtPlanList {
    width: 49% !important; }
    .selTrtPlanList .selTrtPlanClosebtn {
      right: 15px !important; }
  .trtSearchBox {
    width: 92% !important; }
  .trtBridgeChck {
    display: inline; }
    .trtBridgeChck .checkbox-inline {
      float: left;
      left: 12px; }
  .byQuad {
    margin-top: 10px; } }

@media (min-width: 560px) and (max-width: 992px) {
  .selTrtPlanList {
    width: 21.5% !important; } }

/*********************************** media queries for treatment add/edit, findings ***********************************/
@media (max-width: 992px) {
  .searchContBox {
    margin: 10px 0 15px 0; }
    .searchContBox.searchBridge .tpBridgeBox {
      margin: -32px 0px 0 0; } }

.trt_company_text .mrgn-lft-30 {
  margin-left: 30px !important; }

.trtTable .noCheckbxShow {
  display: inline-block;
  width: 27px; }

.trtTable .trtType {
  width: 95px; }

.oe_finding_block {
  margin: 5px 0;
  width: auto;
  float: left; }

.findings_list {
  margin: -5px 0 0 0;
  padding: 0; }

.virtual_source_icon {
  opacity: 1;
  float: left;
  margin: 3px 2px 0 5px;
  padding: 4px 5px 6px 5px;
  border: 1px solid #ccc;
  background: #eee;
  border-radius: 4px;
  color: #444;
  cursor: pointer;
  line-height: 0; }
  .virtual_source_icon:hover, button:hover span.virtual_source_icon.cmnicons {
    border-color: #faa762;
    background: #fff;
    color: #fa9948; }
  .virtual_source_icon span {
    font-size: 13px;
    padding: 0;
    font-weight: bolder; }
  .virtual_source_icon.color_red {
    color: red; }
    .virtual_source_icon.color_red:hover, button:hover span.virtual_source_icon.color_red.cmnicons {
      color: red; }

.trans_semi {
  color: #999999; }
  .trans_semi .cstm_rdb_ckb ul li {
    cursor: default; }
  .trans_semi .cstm_rdb_ckb ul li input[type=checkbox]:checked ~ .stl-chkB-rdB,
  .trans_semi .cstm_rdb_ckb ul li input[type=checkbox]:checked ~ .stl-chkB-rdB::before {
    border-color: #999999;
    color: #999999; }

.getRdcSpaceFrTab table thead tr th {
  padding-top: 5px; }
  .getRdcSpaceFrTab table thead tr th:first-child {
    border-top-left-radius: 5px;
    border: 0; }
  .getRdcSpaceFrTab table thead tr th:last-child {
    border-top-right-radius: 5px;
    border: 0; }

.getRdcSpaceFrTab table tbody tr td:first-child {
  border-left: 0; }

.getRdcSpaceFrTab table tbody tr td:last-child {
  border-right: 0; }

.getRdcSpaceFrTab table tbody tr:last-child td {
  border-bottom: 0; }

@media (max-width: 767px) {
  .getRdcSpaceFrTab {
    margin: 0 -5px; } }

@media (min-width: 767px) {
  .getRdcSpaceFrTab {
    margin: 0 -30px; } }

@media (min-width: 992px) {
  .getRdcSpaceFrTab {
    margin: 0 -31px; } }

.btnmtop_trtbtn {
  padding-top: 0.4em !important; }

.tabContent .nav-tabs.tabbing_first_tab .nav-tabs li.first-nav.active {
  border-bottom: 1px solid #fff; }
  .tabContent .nav-tabs.tabbing_first_tab .nav-tabs li.first-nav.active::after {
    border-top: 8px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    margin-left: -8px; }
  .tabContent .nav-tabs.tabbing_first_tab .nav-tabs li.first-nav.active a {
    padding-bottom: 7px; }

.quick_oe_group .quick-source-btn {
  border: 1px solid #fb8321;
  border-radius: 3px;
  box-shadow: 0px 1px 2px #c1c1c1;
  background: #fff;
  text-align: center;
  color: #fb8321;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  gap: 5px;
  padding: 0 6px;
  margin: 0 0 0 5px; }
  .quick_oe_group .quick-source-btn strong {
    font-weight: bolder;
    font-size: 21px;
    line-height: 18px; }

.quick_oe_group > tr {
  position: relative; }
  .quick_oe_group > tr::after {
    content: "Quick Finding(s)";
    position: absolute;
    left: 0;
    /* transform: rotate(-90deg); */
    font-size: 12px;
    background: #fa9948;
    padding: 1px 7px 2px;
    color: #fff;
    top: 0;
    font-weight: 600;
    border-radius: 0 0 3px 0; }
  .quick_oe_group > tr > td {
    padding-top: 16px !important; }
    .quick_oe_group > tr > td .compartmentOne {
      display: flex;
      align-items: center;
      flex-direction: row;
      flex-wrap: wrap; }

#recieptListingPage .ui-checkbox .ui-icon {
  width: auto;
  height: auto;
  background: transparent;
  display: none; }

#recieptListingPage .hideBlock {
  display: none; }

#recieptListingPage .showHideNavMenu {
  display: none; }

#recieptListingPage #deletePopUp {
  opacity: 1;
  padding-top: 34px; }

#recieptListingPage .delPopUp {
  display: none; }

#recieptListingPage .displayHidden, #recieptListingPage .displayHiddenAdv {
  display: none; }

#recieptListingPage .advPaymentEdit {
  background: none !important; }

#recieptListingPage .ui-datepicker {
  width: 297px;
  padding: 4px;
  border: 1px solid #faa762;
  border-radius: 5px;
  font: normal 1em "RobotoRegular"; }
  #recieptListingPage .ui-datepicker td a {
    font-weight: bold;
    color: #444;
    border: 1px solid #faa762;
    background: none repeat scroll 0 0 #e4e4e4 !important;
    padding-right: 3px !important;
    border-radius: 2px !important; }
  #recieptListingPage .ui-datepicker .ui-datepicker-header {
    border: 1px solid #faa762; }
  #recieptListingPage .ui-datepicker th {
    font-weight: normal;
    font-size: .85em; }

#recieptListingPage .labelDateIcon {
  bottom: -2px;
  cursor: pointer; }

#recieptListingPage .advPayCloseBtn .fancybox-close {
  top: 58px !important;
  right: 20px !important; }

#recieptListingPage .fancybox-type-iframe {
  top: 40px !important; }

@media (max-width: 992px) {
  #recieptListingPage .mrngMob {
    padding: 10px 0px; } }

#recieptListingPage #advancePaymentPopUp {
  height: auto !important; }
  #recieptListingPage #advancePaymentPopUp #walletBlockAdv {
    margin-bottom: 10px; }

#recieptListingPage #fancybox-loading {
  background-color: #fff !important;
  border-radius: 0.3em !important;
  left: 50% !important;
  transform: translate(-50%) !important;
  padding: 0.5em !important;
  position: absolute !important;
  top: 22% !important;
  z-index: 99999 !important;
  margin-top: 0px;
  margin-left: 0px;
  cursor: pointer;
  opacity: 1;
  background: none; }
  #recieptListingPage #fancybox-loading div {
    height: 60px;
    width: 60px; }

#recieptListingPage .form-control[readonly] {
  background: url(../imgs/lock_field.png) no-repeat 0 5px;
  border-color: #bcbbbb !important;
  padding-left: 18px;
  color: #888888;
  opacity: 1; }

#recieptListingPage .cstm_rdb_ckb ul {
  padding: 0px 0 0 0 !important; }

/***********Advance Payment Edit css*************/
.advPaymentEdit {
  background: none !important; }
  .advPaymentEdit .advpaymentpopUp {
    min-height: auto !important; }
    .advPaymentEdit .advpaymentpopUp .displayHiddenAdv {
      display: none; }
  .advPaymentEdit .fancyBoxCustom .modal-dialog {
    margin: 10px auto !important;
    margin-top: 16px !important;
    width: 700px; }
  .advPaymentEdit .fancyBoxCustom .modal-body {
    max-height: 100vh; }
  .advPaymentEdit .form-control[readonly] {
    background: url(../imgs/lock_field.png) no-repeat 0 5px;
    border-color: #bcbbbb !important;
    padding-left: 18px;
    color: #888888;
    opacity: 1; }

/***********Receipt List Popup css*************/
#recieptListPopup {
  background: none !important; }
  #recieptListPopup .modal-dialog {
    margin: 10px auto !important;
    margin-top: 16px !important; }
    @media (max-width: 480px) {
      #recieptListPopup .modal-dialog {
        margin: 0px auto !important; } }
  #recieptListPopup .modal-body {
    max-height: 80vh; }
  #recieptListPopup .fancyHeader {
    padding: 10px 15px;
    border-bottom: 1px solid #e1e1e1; }
  #recieptListPopup .recieptListPopup {
    min-height: 0px !important; }
  #recieptListPopup .popupTable {
    margin-top: 10px; }
  @media (max-width: 480px) {
    #recieptListPopup .popUpDetailList li {
      width: 100%; } }

/**********************************************************************/
/*********************Reciept Add Page******************/
/**********************************************************************/
#recieptAddPage .ui-submit {
  text-indent: -9999px; }

#recieptAddPage .hideBlock {
  visibility: hidden; }

#recieptAddPage .showHideNavMenu {
  display: none; }

#recieptAddPage #recieptInvoice tbody .trtAdjst, #recieptAddPage #recieptInvoice tbody .advAdjst, #recieptAddPage #recieptInvoice tbody .viewOnTrtment {
  display: none; }

#recieptAddPage .viewOnTrtment {
  display: none; }

@media (min-width: 1200px) {
  #recieptAddPage .tabSettelCS {
    position: relative; } }

#recieptAddPage .tabSettelCS .paymentByTxt {
  padding-right: 20px;
  padding-top: 10px;
  font-family: "AvantGradeRegular";
  font-weight: bold;
  font-size: 0.93em; }
  @media (max-width: 480px) {
    #recieptAddPage .tabSettelCS .paymentByTxt {
      width: 100%;
      padding-bottom: 10px; } }

#recieptAddPage .tabSettelCS .radioList li a.selected {
  box-shadow: 0 -1px 2px #999;
  background: #faa762;
  color: #fff; }
  #recieptAddPage .tabSettelCS .radioList li a.selected::after {
    border-right: 0.45em solid transparent;
    border-left: 0.45em solid transparent;
    border-bottom: 0.45em solid #fff;
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -0.45em;
    bottom: -1px;
    content: "";
    height: 0;
    left: 50%; }

#recieptAddPage .form-control[readonly], #recieptAddPage .form-control[disabled] {
  background: url(../imgs/lock_field.png) no-repeat 0 5px;
  border-color: #bcbbbb !important;
  padding-left: 18px;
  color: #888888;
  opacity: 1; }

#recieptAddPage #receiptsAddListTable .billBottomInfo, #recieptAddPage #receiptsEditListTable .billBottomInfo {
  /*	        border-top: 1px solid #ddd;
			font-size: .9em;
			line-height: 2em;*/
  /*			@media(max-width:767px){
				width:1120px;
			}*/ }

#recieptAddPage #receiptsAddListTable .full-width-responsive, #recieptAddPage #receiptsEditListTable .full-width-responsive {
  max-width: inherit !important; }

#recieptAddPage #receiptsAddListTable .viewOnInvoice span, #recieptAddPage #receiptsAddListTable .billCollectedAmt span, #recieptAddPage #receiptsEditListTable .viewOnInvoice span, #recieptAddPage #receiptsEditListTable .billCollectedAmt span {
  width: 235px; }
  @media (max-width: 480px) {
    #recieptAddPage #receiptsAddListTable .viewOnInvoice span, #recieptAddPage #receiptsAddListTable .billCollectedAmt span, #recieptAddPage #receiptsEditListTable .viewOnInvoice span, #recieptAddPage #receiptsEditListTable .billCollectedAmt span {
      width: 32%; } }

@media (min-width: 320px) {
  #recieptAddPage #receiptsAddListTable .tabContent .tab-content, #recieptAddPage #receiptsEditListTable .tabContent .tab-content {
    padding: 0px !important; } }

#recieptAddPage #receiptsAddListTable .noGap, #recieptAddPage #receiptsEditListTable .noGap {
  padding: 0px; }

#recieptAddPage .actnsVertIcns .btn .actn-icn {
  background: url(../imgs/cmn-icn-sprite.png) no-repeat top left;
  width: 30px;
  height: 30px;
  margin: auto;
  display: block; }

#recieptAddPage .actnsVertIcns .btn .edit {
  background-position: -883px -920px; }

#recieptAddPage .padRight {
  padding-right: 15px; }

#recieptAddPage .pd-left-right {
  padding: 0px 12px; }

#recieptAddPage .pad-top {
  padding-top: 7px; }
  #recieptAddPage .pad-top .totalAmtPayTxt {
    position: relative;
    left: 10px; }

#recieptAddPage .trtment-received span {
  width: 311px;
  display: inline-block;
  text-align: left;
  padding-left: 50px; }

#recieptAddPage .displayHidden, #recieptAddPage .displayHiddenAdv {
  display: none; }

#recieptAddPage .lblTxtCs label {
  font-weight: normal; }

#recieptAddPage #advanceReceiptPopUpRender .modal-dialog {
  margin: 10px auto !important;
  margin-top: 16px !important; }

#recieptAddPage .fancybox-close {
  top: 50px; }

#recieptAddPage .fancybox-opened .fancybox-skin {
  box-shadow: none;
  background: none;
  text-shadow: none; }

#recieptAddPage .disabledOption {
  cursor: default; }
  #recieptAddPage .disabledOption a {
    cursor: default;
    color: #444444;
    background: #ccc; }
    #recieptAddPage .disabledOption a:hover {
      color: #444444;
      background: #ccc; }
  #recieptAddPage .disabledOption:hover a, #recieptAddPage button:hover span.disabledOption.cmnicons a, button:hover #recieptAddPage span.disabledOption.cmnicons a {
    box-shadow: 0 -1px 2px #ccc; }
  #recieptAddPage .disabledOption:hover::after, #recieptAddPage button:hover span.disabledOption.cmnicons::after, button:hover #recieptAddPage span.disabledOption.cmnicons::after {
    border: 0 none; }

#recieptAddPage .popUpCstmCkb {
  display: block !important;
  width: 20px;
  height: 20px; }

#recieptAddPage .recPad {
  padding-top: 10px; }

#recieptAddPage .floatingActions {
  display: none; }

@media (max-width: 480px) {
  #recieptAddPage .advanceReceiptView {
    width: 298px !important; }
    #recieptAddPage .advanceReceiptView .fancybox-inner {
      width: 290px !important; } }

#recieptAddPage #advanceReceiptTable .hideBlock {
  display: none; }

#recieptAddPage #advanceReceiptTable .lblTxtTbl {
  margin-bottom: 0px;
  margin-left: 5px; }

#recieptAddPage .advanceReceiptView {
  top: 40px !important; }

#recieptAddPage #advancePaymentPopUp {
  height: auto !important; }
  #recieptAddPage #advancePaymentPopUp #walletBlockAdv {
    margin-bottom: 10px; }
  @media (max-width: 767px) {
    #recieptAddPage #advancePaymentPopUp .rmv-pad-responsive {
      padding: 0px 15px; } }

.displayHiddenAdv {
  display: none; }

.add_wallet_error {
  margin-top: -5px; }

.altBoxClr div:nth-of-type(2n) {
  background-color: #f2f2f2; }

.collectedAmtFeld {
  float: right;
  width: 110px !important;
  margin: 0 0 0 20px; }
  .collectedAmtFeld input {
    text-align: right; }

.amtAdjustedFieldWd label {
  padding: 0;
  margin: 0;
  font-weight: normal; }

.amtAdjustedFieldWd input {
  width: 100%; }

.ui-chckbox-recipt {
  font-family: "AvantGradeRegular"; }
  .ui-chckbox-recipt .amtTextChckbx {
    margin: 8px 0 0 5px; }
  .ui-chckbox-recipt .checkbox-inline, .ui-chckbox-recipt .amtTextChckbx {
    float: left; }
  .ui-chckbox-recipt .actnsVertIcns {
    margin: 9px -15px 0 0; }
  .ui-chckbox-recipt .btn {
    padding: 0 0 0 5px;
    margin: -15px -7px 0 0; }
  .ui-chckbox-recipt .cstm_rdb_ckb ul li input[type=checkbox]:checked ~ .stl-chkB-rdB::before {
    top: -2px; }

.advanceTable {
  /*background: $bg_lghtgrey2;*/ }

/**** paymentModes ****/
.assignGapPayMode {
  padding: 10px 10px 15px; }

/** styling for payment modes selections **/
.modesSection .formBox > div {
  vertical-align: top; }

.modesSection .formBox > label {
  /*font: 15px $robotoBold;
			color: $txt_org_clr;*/ }

.modesSection .formBox .cstm_rdb_ckb ul li {
  min-width: 82px; }

.modesSection .formBox.addSeparator {
  position: relative; }
  .modesSection .formBox.addSeparator::after {
    border-right: 5px solid #e1e1e1;
    position: absolute;
    width: 2px;
    height: 100%;
    border-radius: 5px;
    content: '';
    right: 0;
    top: 0; }

.modesSection .formBox .leftAddSep {
  position: relative;
  left: 40px; }
  .modesSection .formBox .leftAddSep::before {
    border-right: 5px solid #e1e1e1;
    position: absolute;
    width: 2px;
    height: 100%;
    border-radius: 5px;
    content: '';
    left: -16px;
    top: 0; }

.modesSection .formBox .statLabel {
  font-family: "RobotoBold";
  color: #fa9948; }
  .modesSection .formBox .statLabel span {
    color: #444444; }
  .modesSection .formBox .statLabel.gry {
    color: #a5b3b7; }

.modesSection .formBox .disCheckB {
  cursor: default; }
  .modesSection .formBox .disCheckB .statLabel {
    cursor: default;
    color: #a5b3b7; }

.modesSection .formBox .txtareCont .notestext {
  bottom: -12px; }

.modesSection .formBox .dislbl {
  color: #a5b3b7; }

.modesSection .formBox .advApplied {
  position: absolute;
  font: 0.75em "RobotoBold";
  color: #a5b3b7;
  bottom: -10px;
  left: 26px; }

/** styling for payment modes selections **/
.tableBoxCont {
  padding: 20px 25px;
  background: rgba(255, 255, 255, 0.9);
  /** apply payment section **/
  /** apply payment section **/
  /** amount section at bottom **/
  /** amount section at bottom **/ }
  .tableBoxCont h4 {
    color: #fa9948;
    font: 600 0.8em "AvantGradeRegular";
    margin: 0 0 5px; }
  .tableBoxCont .captionArea {
    display: inline-block;
    width: 100%;
    border-bottom: 2px solid #e4e4e4;
    padding: 0 0 10px;
    margin: 0 0 10px 0;
    font-size: .92em;
    text-align: right; }
    .tableBoxCont .captionArea > div {
      padding: 0;
      margin: 12px 0 0 0; }
      .tableBoxCont .captionArea > div span {
        color: #fa9948; }
        .tableBoxCont .captionArea > div span.txt_gry {
          color: #444444; }
    .tableBoxCont .captionArea .totalFigCaption span {
      display: inline-block;
      margin: 0 4px 0 5px;
      text-align: right; }
    .tableBoxCont .captionArea .applyPayment {
      font-size: 1em;
      margin: 4px 0 0 0; }
    .tableBoxCont .captionArea.captionDrafts {
      border: 0px;
      padding-bottom: 0px;
      margin-bottom: -14px; }
  .tableBoxCont .showAmt {
    padding: 0 8px 0 0;
    text-align: right;
    font-weight: 600;
    font-size: .95em; }
    .tableBoxCont .showAmt.text-left {
      text-align: left; }
    .tableBoxCont .showAmt .dtlsMultipleRow {
      margin: -10px 0 0 0; }
    .tableBoxCont .showAmt .wdthDtlsLabel {
      width: 160px; }
    .tableBoxCont .showAmt span {
      display: inline-block;
      color: #fa9948;
      min-width: 50px; }
    .tableBoxCont .showAmt .separator_title {
      margin: 0 0 0 25px; }
    .tableBoxCont .showAmt .seperator {
      min-width: auto;
      margin: 0 8px; }
    .tableBoxCont .showAmt .red {
      color: #ff0000; }
      .tableBoxCont .showAmt .red span {
        color: #ff0000; }
  .tableBoxCont input.red {
    border-color: #ff0000; }
  .tableBoxCont input.black {
    border-color: #666; }
  .tableBoxCont .txtGreen {
    color: #23a761; }

/** amount section at bottom **/
.showAmt {
  padding: 0 8px 0 0;
  text-align: right;
  font-weight: 600;
  font-size: .9em; }
  .showAmt.text-left {
    text-align: left; }
  .showAmt .dtlsMultipleRow {
    margin: -10px 0 0 0; }
  .showAmt .wdthDtlsLabel {
    width: 150px; }
  .showAmt span {
    display: inline-block;
    color: #fa9948;
    min-width: 50px; }
  .showAmt .separator_title {
    margin: 0 0 0 25px; }
  .showAmt .seperator {
    min-width: auto;
    margin: 0 8px; }
  .showAmt .red {
    color: #ff0000; }
    .showAmt .red span {
      color: #ff0000; }

/** amount section at bottom **/
/** styling for apply payment button **/
.applyPayment {
  font-size: .92em; }
  .applyPayment a {
    background-color: white;
    box-shadow: inset 0 0 0 1px #adb3a2, 0 0 4px #ccc;
    transform: translateZ(0);
    transition-duration: 0.3s;
    transition-property: box-shadow;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    -moz-osx-font-smoothing: grayscale;
    background-position: -485px -1288px;
    background-image: url("../imgs/cmn-icn-sprite.png");
    background-repeat: no-repeat;
    padding: 5px 12px 5px 40px;
    border-radius: 5px;
    color: #444444;
    font-weight: 600; }
    .applyPayment a:hover {
      background-position: -662px -1288px;
      background-color: #faa762;
      box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999;
      color: #fff; }

/** styling for apply payment button **/
/** receipt add/edit screens - table data header **/
.mainTableHeader {
  display: inline-block;
  font: 0.9em "RobotoBold";
  padding: 0 22px 0 0;
  width: 100%; }
  .mainTableHeader > div, .mainTableHeader h4 {
    color: #fa9948;
    text-align: right;
    float: right; }
  .mainTableHeader h4 {
    width: auto;
    text-align: left;
    float: left;
    font: 1em "RobotoBold";
    margin: 0;
    padding: 0; }
    .mainTableHeader h4.wd2 {
      /*width: 460px;*/ }
  .mainTableHeader .ta {
    width: 124px; }
  .mainTableHeader .cpn {
    /*width: 83px;*/
    width: 80px; }
  .mainTableHeader .apy {
    /*width: 92px;*/
    width: 90px; }
  .mainTableHeader .apd {
    width: 89px; }
  .mainTableHeader .ade {
    /*width: 88px;*/
    width: 91px; }
  .mainTableHeader .cld {
    /*width: 85px;*/
    width: 80px; }

/*@media (min-width: 992px) {
	.mainTableHeader {
		h4 {
			width: 448px;
		}
	}
}*/
/** receipt add/edit screens - table data header **/
/** receipt add/edit screens - table data structure  **/
.invoiceTableListDetails .accordianViewBox {
  box-shadow: 0px 1px 2px #ccc;
  padding: 5px 22px 2px 4px;
  background: #f2f2f2;
  display: inline-block;
  border-radius: 5px;
  color: #fa9948;
  font-size: .9em;
  width: 100%; }
  .invoiceTableListDetails .accordianViewBox > div {
    color: #444444;
    text-align: right;
    float: right; }
    .invoiceTableListDetails .accordianViewBox > div:first-child {
      width: auto;
      text-align: left;
      float: left; }
    .invoiceTableListDetails .accordianViewBox > div.ta {
      width: 124px; }
    .invoiceTableListDetails .accordianViewBox > div.cpn {
      /*width: 83px;*/
      width: 80px; }
    .invoiceTableListDetails .accordianViewBox > div.apy {
      /*width: 92px;*/
      width: 90px; }
    .invoiceTableListDetails .accordianViewBox > div.apd {
      width: 89px; }
    .invoiceTableListDetails .accordianViewBox > div.ade {
      /*width: 88px;*/
      width: 91px; }
    .invoiceTableListDetails .accordianViewBox > div.cld {
      /*width: 85px;*/
      width: 80px; }
  .invoiceTableListDetails .accordianViewBox .cstm_rdb_ckb {
    width: auto;
    display: inline; }
    .invoiceTableListDetails .accordianViewBox .cstm_rdb_ckb ul {
      padding: 0;
      margin: 0;
      vertical-align: top; }
      .invoiceTableListDetails .accordianViewBox .cstm_rdb_ckb ul li {
        min-width: auto;
        margin: 0; }
        .invoiceTableListDetails .accordianViewBox .cstm_rdb_ckb ul li label {
          width: 26px;
          height: 20px; }

.invoiceTableListDetails .mrgn15all {
  margin: 15px; }

/*@media (min-width: 992px) {
	.invoiceTableListDetails {
		.accordianViewBox {
			&> div {
				&:first-child {
					width: 448px;
				}
			}
		}
	}
}*/
/** receipt add/edit screens - table data structure  **/
/** styling for voucher badges **/
.voucherLabel {
  box-shadow: 0px 2px 2px #ccc;
  margin: 0 0px 0 20px;
  font: 0.8em Calibri, Sans-serif, Arial;
  color: #fff;
  float: right; }
  .voucherLabel .vcode {
    background: #118959; }
  .voucherLabel .vamt {
    background: #0ccf80; }
  .voucherLabel span {
    padding: 2px 3px;
    float: left; }

.voucherBalanceBox {
  box-shadow: 0px 1px 2px #999;
  background: #f2f2f2;
  border-radius: 5px;
  font: 0.83em Calibri, Sans-serif, Arial;
  margin: 0 15px 0 0;
  cursor: pointer;
  padding: 9px;
  float: left; }
  .voucherBalanceBox > div {
    border-bottom: 1px solid #ccc;
    padding: 0 0 3px 0;
    margin: 0 0 2px;
    float: left;
    width: 100%; }
    .voucherBalanceBox > div span {
      padding: 2px 5px;
      color: #fff;
      float: left; }
  .voucherBalanceBox .vcode {
    background: #118959; }
  .voucherBalanceBox .vamt {
    background: #0ccf80; }
  .voucherBalanceBox label {
    font-size: .95em;
    cursor: pointer;
    margin: 5px 0 0;
    display: block; }
    .voucherBalanceBox label span {
      margin: 0 0 0 5px; }
  .voucherBalanceBox:hover, button:hover span.voucherBalanceBox.cmnicons {
    background-color: #faa762;
    color: #fff; }
    .voucherBalanceBox:hover > div, button:hover span.voucherBalanceBox.cmnicons > div {
      border-bottom: 1px solid #fff; }
    .voucherBalanceBox:hover label, button:hover span.voucherBalanceBox.cmnicons label {
      color: #fff; }

.voucherlabelsmodes {
  margin: 0 0 -30px 0;
  float: right;
  width: 495px; }
  .voucherlabelsmodes .voucherLabel {
    position: relative;
    background: #f2f2f2;
    margin: 3px 10px 3px 0;
    border-radius: 5px;
    cursor: pointer;
    padding: 1px;
    z-index: 999;
    float: left; }

/** styling for voucher badges **/
/** border for diving sections **/
.topbtmBrdr {
  border-top: 1px solid #faa762;
  border-bottom: 1px solid #faa762;
  padding: 10px 0 15px;
  margin: 0 0 20px; }

/** border for diving sections **/
/* hide up/down arrows ("spinners") on input fields marked type=number */
input[type='number'] {
  -moz-appearance: textfield; }

/* hide up/down arrows ("spinners") on input fields marked type=number */
/** styling for receipts - unknown **/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.flyerAmount {
  box-shadow: 0px 2px 2px #ccc;
  position: absolute;
  border-radius: 0 3px 3px 0;
  padding: 1px 5px 2px 4px;
  background: #0ccf80;
  color: #fff;
  font-size: .9em;
  bottom: 4px;
  left: 88px; }

.fnone {
  float: none;
  margin: auto; }

/** styling for receipts - unknown **/
/** styling for sending email report from receipts listing **/
#sendReceiptsDropdown {
  box-shadow: 0px 0px 4px #999;
  position: absolute;
  font: normal 1em Calibri, Sans-serif, Arial;
  list-style-type: none;
  border-radius: 10px;
  background: #fff;
  padding: 0px 10px;
  bottom: -100px; }
  #sendReceiptsDropdown.slideToggleUp {
    transition: all .2s ease;
    z-index: -1;
    opacity: 0; }
  #sendReceiptsDropdown.slideToggleDown {
    opacity: 1;
    z-index: 9; }
  #sendReceiptsDropdown:before {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    width: 0px;
    height: 0px;
    right: calc(50% - 9px);
    margin-left: -9px;
    content: "";
    z-index: 9;
    top: -9px; }
  #sendReceiptsDropdown li {
    margin: 8px 0;
    line-height: 30px; }
    #sendReceiptsDropdown li label {
      font-weight: normal;
      margin: 0;
      float: left;
      color: #444444;
      cursor: pointer; }
    #sendReceiptsDropdown li a {
      color: #faa762;
      margin: 0;
      float: left;
      cursor: pointer; }
      #sendReceiptsDropdown li a:hover {
        color: #fff; }
        #sendReceiptsDropdown li a:hover .sendBox {
          background: #faa762; }
    #sendReceiptsDropdown li:last-child {
      margin-bottom: 5px; }
    #sendReceiptsDropdown li .sendBox {
      box-shadow: 0px 0px 1px #ccc;
      padding: .2em .3em .1em .3em;
      line-height: initial;
      border-radius: 4px;
      background: #fff;
      margin: 0 10px 0 0;
      float: left; }

/** styling for sending email report from receipts listing **/
/** receipts listing filter box **/
.receiptListing .pageFilters .filterRectArea .formGroupFilter > ul li.extendWdth, .invoiceList .pageFilters .filterRectArea .formGroupFilter > ul li.extendWdth {
  margin-top: 4px;
  width: auto; }

.receiptListing .pageFilters .filterRectArea .formGroupFilter > ul li.radiocheckboxGroupFilter ul li, .invoiceList .pageFilters .filterRectArea .formGroupFilter > ul li.radiocheckboxGroupFilter ul li {
  margin-bottom: 0 !important; }

.receiptListing .pageFilters .filterRectArea .formGroupFilter .fbDateSettelAc, .invoiceList .pageFilters .filterRectArea .formGroupFilter .fbDateSettelAc {
  width: 30%; }

.receiptListing .cstm_rdb_ckb ul li input[type=checkbox]:checked ~ label .stl-chkB-rdB::before, .invoiceList .cstm_rdb_ckb ul li input[type=checkbox]:checked ~ label .stl-chkB-rdB::before {
  top: -1px;
  left: 3px; }

.receiptListing table tbody:nth-of-type(even), .invoiceList table tbody:nth-of-type(even) {
  background-color: #f2f2f2; }

.invoiceList .parentChildTxt .indicatorBox {
  float: left; }

.invoiceList td .pd-lft-5 {
  padding-left: 5px; }

.invoiceList tr.handlingStrikOff td.actnsVertIcns {
  text-decoration: none; }

.invoiceList .pageFilters .filterRectArea .formGroupFilter > ul li.extendWdth {
  width: 17.25%; }
  @media (min-width: 320px) and (max-width: 767px) {
    .invoiceList .pageFilters .filterRectArea .formGroupFilter > ul li.extendWdth {
      width: 49% !important; } }
  @media (min-width: 768px) and (max-width: 1300px) {
    .invoiceList .pageFilters .filterRectArea .formGroupFilter > ul li.extendWdth {
      width: 25% !important; } }
  @media (max-width: 420px) {
    .invoiceList .pageFilters .filterRectArea .formGroupFilter > ul li.extendWdth {
      width: 100% !important; } }

.invoiceList .correction_data span {
  display: block; }
  .invoiceList .correction_data span.origAmtStrikeOff {
    text-decoration: line-through; }

/** receipts listing filter box **/
/** notes advance **/
.adv_notes_txt {
  text-transform: capitalize;
  margin: 0 10px 0 0;
  color: #a5b3b7;
  display: none; }
  .adv_notes_txt.show {
    position: absolute;
    font-size: .85em;
    top: 4px;
    left: 0; }

.txtareCont textarea.adv_notes_txt_gap {
  padding-left: 130px; }

/** notes advance **/
/** parent child invoice or receipt number **/
.parentChildTxt .parent {
  text-decoration: underline;
  color: #fa9948;
  font-size: .85em;
  float: left; }
  .parentChildTxt .parent a {
    cursor: text;
    color: #fa9948; }
  .parentChildTxt .parent span {
    color: #444444;
    font-size: 14px;
    font-weight: bold; }

/** receipts listing filter box **/
.layerDis {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.1);
  top: 0;
  left: 0;
  z-index: 99; }

.statusRowClr {
  background: #ffc1074d; }

.tag {
  font-size: 11px;
  line-height: 16px;
  display: inline-block;
  margin-right: 2px;
  padding: 0 .4em;
  text-align: center;
  color: #fff;
  text-shadow: none; }

.correction {
  background-color: #ff9940; }

.rcptTotalDue {
  padding-left: 40px;
  padding-right: 40px; }

.buttonAdd {
  background: #fff;
  background-color: white;
  box-shadow: inset 0 0 0 1px #adb3a2, 0 0 4px #ccc;
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  -moz-osx-font-smoothing: grayscale;
  font: 1.7em/1em "RobotoBold";
  display: inline-block;
  border-radius: 6px;
  padding: 1px 9px 4px;
  vertical-align: top;
  color: #fa9948;
  cursor: pointer;
  border: 0; }
  .buttonAdd:hover, button:hover span.buttonAdd.cmnicons {
    background-color: #faa762;
    box-shadow: inset 0 0 0 1px #fff, 0 0 4px #999;
    color: #fff !important; }
  .buttonAdd:focus {
    color: #fa9948; }

.rcptTxtAlign {
  text-align: right; }

/** media mobile **/
@media (max-width: 766px) {
  .nonCardView {
    display: none; }
  .cardView {
    display: block;
    font-size: 0.9em; }
    .cardView .accordianViewBox {
      font-size: 1em; }
      .cardView .accordianViewBox > div:first-child {
        width: 100%; }
      .cardView .accordianViewBox .invCardViewData {
        text-align: left;
        width: 100%; }
        .cardView .accordianViewBox .invCardViewData ul {
          margin: 0;
          padding: 0; }
          .cardView .accordianViewBox .invCardViewData ul li {
            list-style-type: none;
            display: inline-block;
            vertical-align: top;
            width: 32%;
            padding: 0;
            margin: 0; }
            .cardView .accordianViewBox .invCardViewData ul li span {
              display: block;
              font-weight: bold; }
            .cardView .accordianViewBox .invCardViewData ul li.fullView {
              width: 100%; }
    .cardView .cardViewListDetails {
      color: #fa9948; }
      .cardView .cardViewListDetails h4 {
        font-weight: bold;
        font-size: 1em;
        margin: 3px 0; }
      .cardView .cardViewListDetails > h4, .cardView .cardViewListDetails div {
        float: left; }
    .cardView .cardViewContainer {
      border-bottom: 1px solid #ccc;
      margin: 0 0 10px 0;
      padding: 0 10px; }
      .cardView .cardViewContainer ul {
        padding: 0;
        margin: 0; }
        .cardView .cardViewContainer ul li {
          list-style-type: none;
          display: inline-block;
          vertical-align: top;
          width: 49%;
          margin: 0 0 10px 0;
          padding: 0; }
          .cardView .cardViewContainer ul li span {
            display: block;
            font-weight: bold; }
          .cardView .cardViewContainer ul li.fullview {
            width: 100%; } }
        @media (max-width: 766px) and (max-width: 480px) {
          .cardView .cardViewContainer ul li input {
            width: 100%; } }

@media (max-width: 766px) {
    .cardView .invoiceTableListDetails {
      margin-bottom: 10px;
      padding: 0 10px; }
      .cardView .invoiceTableListDetails:last-child .cardViewContainer:last-child {
        border-bottom: 0px; }
        .cardView .invoiceTableListDetails:last-child .cardViewContainer:last-child ul li:nth-child(4), .cardView .invoiceTableListDetails:last-child .cardViewContainer:last-child ul li:nth-child(5) {
          margin: 0; }
    .cardView .cardViewPaymentReceiptBox {
      position: relative;
      border-bottom: 1px solid #ccc;
      margin: 0 0 10px 0;
      padding: 0 10px; }
      .cardView .cardViewPaymentReceiptBox ul {
        margin: 0;
        padding: 0; }
        .cardView .cardViewPaymentReceiptBox ul li {
          list-style-type: none;
          display: inline-block;
          vertical-align: top;
          margin: 0 0 10px;
          width: 49%; }
          .cardView .cardViewPaymentReceiptBox ul li span {
            font-weight: bold;
            display: block; }
          .cardView .cardViewPaymentReceiptBox ul li.fullview {
            width: 100%; }
          .cardView .cardViewPaymentReceiptBox ul li.actionList {
            position: absolute;
            width: auto;
            margin: 0;
            right: 0;
            top: 0; }
            .cardView .cardViewPaymentReceiptBox ul li.actionList span {
              color: #fa9948;
              cursor: pointer;
              font-size: 20px; }
            .cardView .cardViewPaymentReceiptBox ul li.actionList .listActionMenu {
              position: absolute;
              position: absolute;
              background-color: #fff;
              border: 1px solid #eee;
              padding: 0;
              border-radius: 5px;
              top: 0;
              right: 20px;
              box-shadow: 0px 1px 2px #ccc; }
              .cardView .cardViewPaymentReceiptBox ul li.actionList .listActionMenu a {
                display: block;
                padding: 5px 10px 5px 10px; }
                .cardView .cardViewPaymentReceiptBox ul li.actionList .listActionMenu a:nth-child(2) {
                  border-top: 1px solid #eee;
                  border-bottom: 1px solid #eee; }
                .cardView .cardViewPaymentReceiptBox ul li.actionList .listActionMenu a span {
                  font-size: 0.95em;
                  font-weight: normal; }
    .cardView .totalRecpts {
      padding: 10px 0 0 !important; }
      .cardView .totalRecpts .applyPayment {
        font-size: 1em;
        display: block;
        float: none;
        clear: both;
        text-align: center;
        margin: 20px 0 5px 0; }
    .cardView .txtGreen {
      color: #23a761; }
    .cardView .collapsedBtn {
      background: #faa762;
      width: 21px;
      height: 22px;
      border-radius: 5px;
      color: #fff;
      font: 600 1.5em/0.8em Calibri, Sans-serif, Arial;
      display: inline-block;
      padding: 0px 4px 3px;
      vertical-align: top;
      color: #fff;
      cursor: pointer;
      border: solid 1px #fff; }
      .cardView .collapsedBtn:after {
        content: "-";
        margin-top: -1px;
        display: block;
        text-align: center; }
      .cardView .collapsedBtn.collapsed {
        border: solid 1px #adb3a2;
        width: 21px;
        height: 22px;
        background: #fff;
        color: #fa9948; }
        .cardView .collapsedBtn.collapsed:after {
          content: "+";
          margin-top: 0; }
        .cardView .collapsedBtn.collapsed:hover, .cardView button:hover span.collapsedBtn.collapsed.cmnicons, button:hover .cardView span.collapsedBtn.collapsed.cmnicons {
          color: #fff;
          border: solid 1px #fff;
          background-color: #faa762; } }

@media (max-width: 768px) {
  .invNonCardView, .nonCardView {
    display: none; }
  .invoiceCardView, .cardView {
    display: block;
    font-size: 0.9em; }
    .invoiceCardView .amtDueAdvSection, .cardView .amtDueAdvSection {
      width: 70%; }
    .invoiceCardView .paymentActn, .cardView .paymentActn {
      width: 30%; }
    .invoiceCardView .invStatusIcn, .cardView .invStatusIcn {
      width: 16px !important;
      height: 17px !important; }
    .invoiceCardView .invCrdtArrw, .cardView .invCrdtArrw {
      position: absolute;
      left: 37px;
      margin-top: 3px; }
    .invoiceCardView .totalAmtDueSec, .cardView .totalAmtDueSec {
      display: flex;
      padding: 0px 10px 0px 10px; }
    .invoiceCardView .invUpdwnArrw, .cardView .invUpdwnArrw {
      margin-left: 3px;
      transform: scale(1.8, 1.2); }
    .invoiceCardView .invTDTA .actionList, .cardView .invTDTA .actionList {
      position: absolute;
      width: auto;
      margin: 0;
      right: 0;
      top: 0; }
      .invoiceCardView .invTDTA .actionList span, .cardView .invTDTA .actionList span {
        color: #fa9948;
        cursor: pointer;
        font-size: 20px; }
      .invoiceCardView .invTDTA .actionList .listActionMenu, .cardView .invTDTA .actionList .listActionMenu {
        position: absolute;
        position: absolute;
        background-color: #fff;
        border: 1px solid #eee;
        padding: 0;
        border-radius: 5px;
        top: 0;
        right: 20px;
        box-shadow: 0px 1px 2px #ccc; }
        .invoiceCardView .invTDTA .actionList .listActionMenu a, .cardView .invTDTA .actionList .listActionMenu a {
          display: block;
          padding: 5px 10px 5px 10px; }
          .invoiceCardView .invTDTA .actionList .listActionMenu a:nth-child(2), .cardView .invTDTA .actionList .listActionMenu a:nth-child(2) {
            border-top: 1px solid #eee;
            border-bottom: 1px solid #eee; }
          .invoiceCardView .invTDTA .actionList .listActionMenu a span, .cardView .invTDTA .actionList .listActionMenu a span {
            font-size: 0.95em;
            font-weight: normal; }
    .invoiceCardView .accordianViewBox, .cardView .accordianViewBox {
      font-size: 1em; }
      .invoiceCardView .accordianViewBox > div:first-child, .cardView .accordianViewBox > div:first-child {
        width: 100%; }
      .invoiceCardView .accordianViewBox .invCardViewData, .cardView .accordianViewBox .invCardViewData {
        text-align: left;
        width: 100%; }
        .invoiceCardView .accordianViewBox .invCardViewData ul, .cardView .accordianViewBox .invCardViewData ul {
          margin: 0;
          padding: 0; }
          .invoiceCardView .accordianViewBox .invCardViewData ul li, .cardView .accordianViewBox .invCardViewData ul li {
            list-style-type: none;
            display: inline-block;
            vertical-align: top;
            width: 49%;
            padding: 0;
            margin: 0; }
            .invoiceCardView .accordianViewBox .invCardViewData ul li span, .cardView .accordianViewBox .invCardViewData ul li span {
              display: block;
              font-weight: bold; }
            .invoiceCardView .accordianViewBox .invCardViewData ul li.fullView, .cardView .accordianViewBox .invCardViewData ul li.fullView {
              width: 100%; }
    .invoiceCardView .InvoiceCardViewContainer, .cardView .InvoiceCardViewContainer {
      margin: 0 0 10px 0;
      padding: 0 15px;
      border-bottom: 1px solid #ccc; }
      .invoiceCardView .InvoiceCardViewContainer ul, .cardView .InvoiceCardViewContainer ul {
        padding: 0;
        margin: 0; }
        .invoiceCardView .InvoiceCardViewContainer ul li, .cardView .InvoiceCardViewContainer ul li {
          list-style-type: none;
          display: inline-block;
          vertical-align: top;
          width: 32%;
          margin: 0 0 10px 0;
          padding: 0; }
          .invoiceCardView .InvoiceCardViewContainer ul li span, .cardView .InvoiceCardViewContainer ul li span {
            display: block;
            font-weight: bold; }
          .invoiceCardView .InvoiceCardViewContainer ul li.fullview, .cardView .InvoiceCardViewContainer ul li.fullview {
            width: 100%; }
    .invoiceCardView .invoiceCardViewBoxData, .cardView .invoiceCardViewBoxData {
      position: relative;
      padding: 0 10px; }
      .invoiceCardView .invoiceCardViewBoxData ul, .cardView .invoiceCardViewBoxData ul {
        margin: 0;
        padding: 0; }
        .invoiceCardView .invoiceCardViewBoxData ul li, .cardView .invoiceCardViewBoxData ul li {
          list-style-type: none;
          display: inline-block;
          vertical-align: top;
          margin: 0 0 10px;
          width: 62%; }
          .invoiceCardView .invoiceCardViewBoxData ul li:nth-of-type(even), .cardView .invoiceCardViewBoxData ul li:nth-of-type(even) {
            width: 35%; }
          .invoiceCardView .invoiceCardViewBoxData ul li span, .cardView .invoiceCardViewBoxData ul li span {
            font-weight: bold;
            display: block; }
          .invoiceCardView .invoiceCardViewBoxData ul li.fullview, .cardView .invoiceCardViewBoxData ul li.fullview {
            width: 100%; }
          .invoiceCardView .invoiceCardViewBoxData ul li.actionList, .cardView .invoiceCardViewBoxData ul li.actionList {
            position: absolute;
            width: auto;
            margin: 0;
            right: 0;
            top: 0; }
            .invoiceCardView .invoiceCardViewBoxData ul li.actionList span, .cardView .invoiceCardViewBoxData ul li.actionList span {
              color: #fa9948;
              cursor: pointer;
              font-size: 20px; }
            .invoiceCardView .invoiceCardViewBoxData ul li.actionList .listActionMenu, .cardView .invoiceCardViewBoxData ul li.actionList .listActionMenu {
              position: absolute;
              position: absolute;
              background-color: #fff;
              border: 1px solid #eee;
              padding: 0;
              border-radius: 5px;
              top: 0;
              right: 20px;
              box-shadow: 0px 1px 2px #ccc;
              z-index: 1; }
              .invoiceCardView .invoiceCardViewBoxData ul li.actionList .listActionMenu a, .cardView .invoiceCardViewBoxData ul li.actionList .listActionMenu a {
                display: block;
                padding: 5px 10px 5px 10px; }
                .invoiceCardView .invoiceCardViewBoxData ul li.actionList .listActionMenu a span, .cardView .invoiceCardViewBoxData ul li.actionList .listActionMenu a span {
                  font-size: 0.95em;
                  font-weight: normal; }
    .invoiceCardView .invoiceTableListDetails, .cardView .invoiceTableListDetails {
      margin-bottom: 10px;
      padding: 0 10px; }
      .invoiceCardView .invoiceTableListDetails:last-child .cardViewContainer:last-child, .cardView .invoiceTableListDetails:last-child .cardViewContainer:last-child {
        border-bottom: 0px; }
        .invoiceCardView .invoiceTableListDetails:last-child .cardViewContainer:last-child ul li:nth-child(4), .invoiceCardView .invoiceTableListDetails:last-child .cardViewContainer:last-child ul li:nth-child(5), .cardView .invoiceTableListDetails:last-child .cardViewContainer:last-child ul li:nth-child(4), .cardView .invoiceTableListDetails:last-child .cardViewContainer:last-child ul li:nth-child(5) {
          margin: 0; } }

@media (min-width: 768px) {
  .invNonCardView, .nonCardView {
    display: block; }
  .invoiceCardView, .cardView {
    display: none; }
  .invFilterDisFlx {
    display: flex; } }

@media (min-width: 767px) {
  .nonCardView {
    display: block; }
  .cardView {
    display: none; } }

@media (max-width: 992px) {
  .hideInvTableClm {
    display: none !important; }
  .noDis {
    display: none; } }

.payReccoInclude {
  display: block; }

@media (max-width: 991px) {
  .paymentModeDivision {
    margin: 0 0 15px 0;
    padding: 15px 0 0 0 !important;
    border-bottom: 1px solid #cccccc; }
  .payReccoInclude {
    margin-bottom: 0px; } }

@media (min-width: 992px) {
  .payReccoInclude {
    margin-bottom: 0; } }

@media (min-width: 1200px) {
  .payReccoInclude {
    margin-bottom: 0; } }

@media (min-width: 767px) and (max-width: 992px) {
  .tabColHid {
    display: none; } }

/** media mobile **/
.dis-inline-blk {
  display: inline-block; }

@media (min-width: 521px) and (max-width: 767px) {
  .wdthFull {
    width: 100% !important;
    margin: 0.5em 0 !important; }
  .rcptFilter {
    width: 49% !important; } }

@media (max-width: 521px) {
  .rcptFilter {
    width: 100% !important; } }

@media (max-width: 767px) {
  .btnCenter {
    display: inline-block; }
  .rcptTxtAlign {
    text-align: center; } }

@media (max-width: 992px) {
  .rcptFullWdth {
    width: 100% !important;
    margin: 0.5em 0 !important; }
  .modalMrgnBtm20 {
    margin-bottom: 1em !important; }
  .modalMrgnTop20 {
    margin-top: 0 !important; } }

@media (min-width: 992px) and (max-width: 1234px) {
  #patientDashbContainer {
    display: contents; } }

.advDis {
  cursor: default !important;
  pointer-events: none; }

.modalMrgnTop20 {
  margin-top: 1em; }

/*reArranngementStructure*/
.mMode .hLabel {
  margin: 4px 12px 0 0;
  float: left; }
  .mMode .hLabel.mlType {
    margin-right: 17px; }

.mMode .cstm_rdb_ckb > ul {
  padding-top: 4px; }
  .mMode .cstm_rdb_ckb > ul li {
    margin-bottom: 0px !important; }

.mbtm23 {
  margin-bottom: 23px; }

.mB7 {
  margin-top: 7px;
  margin-bottom: 7px; }

/*reArranngementStructure*/
.blockedAdvTxt {
  margin: -2px 0 0px 0 !important;
  width: 100%;
  float: left;
  font-size: .75em !important; }
  .blockedAdvTxt.shiftRght {
    margin: -7px 0 0px 25px !important; }

@media (min-width: 882px) {
  .rcptHeader {
    margin-top: -20px !important; } }

.showNIPayRecco {
  color: #444444;
  margin: 0 0 0 1px;
  font: bold 1em Calibri, Sans-serif, Arial; }

.revisionBlock.rvLrgBadge {
  font-size: .95em;
  margin: 0px 0 0px 10px;
  float: left; }
  .revisionBlock.rvLrgBadge .labRevision {
    padding: 1px 9px 2px 9px;
    margin: 0; }

.animatingText {
  font-size: .9em;
  color: #888888;
  animation: color-change 2s infinite alternate; }

.cardView .animatingText {
  float: left;
  margin: 5px 0 0 0;
  font-family: Calibri, Sans-serif, Arial;
  font-weight: bold;
  font-size: .94em; }

@keyframes color-change {
  0% {
    color: #888888; }
  70% {
    color: #fa9948; }
  100% {
    color: #888888; } }

.lineItemAmtErr {
  position: absolute;
  right: 8px;
  bottom: 0px; }

.rcptPrintChckBx span ul {
  vertical-align: top;
  margin-top: -2px; }
  .rcptPrintChckBx span ul li {
    min-width: auto; }

.sendrcptDropdownOpen {
  margin-left: -45px; }

.roundAdj {
  float: right;
  font-size: 13px;
  margin: -3px 10px 3px 0; }

.receiptsAddEdit .provider_dropdown custom-combo {
  margin-bottom: -6px; }

.receiptsAddEdit .rcptDisablePtrTxn label {
  color: #ccc; }

.receiptsAddEdit .rcptDisablePtrTxn .stl-chkB-rdB {
  border-color: #ccc; }

.receiptsAddEdit .info {
  font-size: 0.8em; }

.receipt_membership_txt_details {
  font: 500 1em Calibri, Sans-serif, Arial;
  color: #008000;
  margin: 0 10px 0 0; }

.fbui {
  /** common styling **/
  /* reasons to come for ratings */
  /* reasons to come for ratings */
  /* reasons question */
  /* reasons question */
  /* elements likely, not likely and very likely */
  /* rating to reason arrow indication */
  /* rating to reason arrow indication */
  /* elements likely, not likely and very likely */
  /* common */
  /* common */ }
  .fbui .slide-bottom {
    -webkit-animation: animatebottom 0.5s;
    /* Safari 4.0 - 8.0 */
    animation: animatebottom 0.5s;
    position: relative; }

@keyframes animatebottom {
  0% {
    bottom: -250px;
    opacity: 0; }
  33% {
    bottom: -10px; }
  66% {
    bottom: -30px; }
  100% {
    bottom: 0px;
    opacity: 1; } }
  .fbui .inputGroup {
    background-color: #f2f2f2;
    position: relative;
    border-radius: 10px;
    margin: 10px 5px;
    text-align: center;
    padding: 0;
    vertical-align: top;
    display: inline-block; }
    .fbui .inputGroup label {
      padding: 7px 35px 7px 10px;
      font: bold 14px Calibri, Sans-serif, Arial;
      box-shadow: 0px 3px 0px 0 #e1e1e1;
      display: block;
      text-align: left;
      color: #3C454C;
      cursor: pointer;
      position: relative;
      z-index: 2;
      transition: color 200ms ease-in;
      overflow: hidden;
      border-radius: 10px; }
      .fbui .inputGroup label.blurBrdr {
        box-shadow: 0px 3px 0px 0 #3c95b6; }
      .fbui .inputGroup label:before {
        width: 10px;
        height: 10px;
        content: '';
        background-color: #22a5d6;
        position: absolute;
        transform: translate(-50%, -50%) scale3d(1, 1, 1);
        transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
        opacity: 0;
        z-index: -1; }
      .fbui .inputGroup label:after {
        width: 30px;
        height: 30px;
        content: '';
        background-repeat: no-repeat;
        background: url("../imgs/fbimgs/badges_icon.png");
        background-position: 0 30px;
        z-index: 2;
        position: absolute;
        right: 3px;
        top: 49%;
        transform: translateY(-50%);
        cursor: pointer;
        transition: all 200ms ease-in; }
    .fbui .inputGroup input:checked ~ label {
      color: #fff; }
      .fbui .inputGroup input:checked ~ label:before {
        transform: translate(-50%, -50%) scale3d(56, 56, 1);
        opacity: 1; }
      .fbui .inputGroup input:checked ~ label:after {
        background: url("../imgs/fbimgs/badges_icon.png");
        background-position: 0 -1px; }
    .fbui .inputGroup input {
      width: 100%;
      height: 100%;
      z-index: 9;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      padding: 0;
      margin: 0;
      opacity: 0; }
  .fbui .fbRsnInfo {
    display: block;
    font-size: 14px;
    font-weight: 600; }
  .fbui .fbRsn {
    margin: auto; }
  .fbui .subreasons {
    margin: 30px auto auto;
    clear: both;
    width: 100%; }
  .fbui .label1 {
    left: 0px;
    text-align: left; }
    .fbui .label1 .arrow {
      background: transparent url("../imgs/fbimgs/arw_sml.png") no-repeat bottom right;
      left: 65px;
      top: 40px; }
  .fbui .label2 .arrow {
    background: transparent url("../imgs/fbimgs/arw_sml2.png") no-repeat top center;
    left: -25px;
    top: 25px; }
  .fbui .label3 {
    right: 0px;
    text-align: right; }
    .fbui .label3 .arrow {
      background: transparent url("../imgs/fbimgs/arw_sml2.png") no-repeat top center;
      left: -80px;
      top: 25px; }
  .fbui .label1, .fbui .label2, .fbui .label3 {
    position: absolute;
    width: 100px;
    bottom: -20px;
    font-size: 12px; }
    .fbui .label1 .arrow, .fbui .label2 .arrow, .fbui .label3 .arrow {
      position: absolute;
      transition: all .75s ease;
      width: 40px;
      height: 0px;
      margin: auto;
      opacity: 0; }
      .fbui .label1 .arrow.show, .fbui .label2 .arrow.show, .fbui .label3 .arrow.show {
        width: 40px;
        height: 49px;
        opacity: 1; }
  .fbui .sections .questionairre_sections {
    text-align: center;
    margin-bottom: 50px; }
    .fbui .sections .questionairre_sections:last-child {
      margin-bottom: 0; }
    .fbui .sections .questionairre_sections > label {
      /*color: $txt_org_clr;*/
      /*font-weight: 600;*/
      /*font-size: .9em;*/ }
    .fbui .sections .questionairre_sections .rating {
      position: relative;
      display: block;
      margin: 0; }
      .fbui .sections .questionairre_sections .rating .cstm_rdb_ckb ul li {
        text-align: left; }
  .fbui .section_title {
    border-bottom: 1px solid #e3dfde;
    border-top: 1px solid #e3dfde;
    font-family: "AvantGradeRegular";
    margin: 10px 0 10px 0;
    padding: 12px 10px;
    color: #444444;
    font-size: 1em; }
    .fbui .section_title.top {
      padding-top: 0px;
      border-top: 0px;
      margin-top: 5px; }

.fbQData {
  margin: 0 0 25px !important; }
  .fbQData:last-child {
    margin-bottom: 0 !important;
    clear: both; }
  .fbQData .othMB {
    margin: 5px 0; }
  .fbQData:nth-of-type(3n) {
    clear: left; }

/** new reasons checbox ui **/
.ks-cboxtags {
  position: relative;
  display: inline-block;
  margin: 8px 2px 0 8px;
  height: 36px; }
  .ks-cboxtags label {
    padding: 6px 12px;
    border: 1px solid #525252;
    background-color: #fff;
    cursor: pointer;
    border-radius: 34px;
    display: flex;
    align-items: center;
    font-family: Open Sans, sans-serif !important;
    color: #525252;
    font-size: 14px;
    background: transparent url("../../../webapp/img/treatment.svg") no-repeat left;
    background-position: 7px;
    padding-left: 33px; }
  .ks-cboxtags input[type="checkbox"] {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    left: 0;
    top: 0; }
    .ks-cboxtags input[type="checkbox"]:checked + label {
      box-shadow: none;
      background-color: #4682b4;
      border-color: #4682b4;
      transition: all .2s;
      color: #fff;
      background-image: url("../../../webapp/img/treatment-white.svg");
      background-repeat: no-repeat;
      background-position: 7px center;
      padding-left: 33px; }

.rtngElemFeedback {
  padding: 12px 0 0 0px !important; }

.rtngElemFeedback i {
  font-size: 36px;
  color: #bbb;
  transition: color 0.3s ease; }

.rtngElemFeedback.active i {
  color: gold;
  /* or use #f39c12 for orange */ }

/** new reasons checbox ui **/
.dr_image_feedback {
  margin: 0 6px 0 0; }

.productSales {
  /** page heading **/
  /** page heading **/
  /** search **/
  /** search **/
  /** patient information filters **/
  /** patient information filters **/
  /** badge counter **/
  /** badge counter **/
  /** tabs section **/
  /** tabs section **/
  /** products box **/
  /** products box **/
  /** cart grid **/
  /** cart grid **/
  /** media for product box **/ }
  .productSales .jumbotronCont .jumbotron {
    margin-bottom: 1em; }
  .productSales .jumbotronCont .payable_sec {
    float: left;
    font-size: .9em;
    text-align: left;
    font-weight: 600;
    line-height: 16px;
    color: #666666;
    margin: 8px 0 0 10px; }
    .productSales .jumbotronCont .payable_sec span {
      display: block; }
    .productSales .jumbotronCont .payable_sec.pvalue {
      border-right: 1px solid #dddddd;
      margin: 0px -5px 0 10px;
      padding: 8px 10px 6px 0; }
  .productSales .company_name {
    font-weight: bold;
    font-size: 0.85em;
    margin: 2px 3px 0px 0;
    float: left;
    text-transform: uppercase;
    width: auto;
    color: #999; }
  .productSales .product-search-field input {
    font-size: 1em;
    margin: 4px 0 0;
    padding: 0 22px 0 0; }
  .productSales .product-srch-icn {
    background: url("../imgs/product_icons.png") no-repeat -14px -14px;
    position: absolute;
    width: 20px;
    height: 20px;
    float: right;
    bottom: 5px;
    right: 16px; }
    .productSales .product-srch-icn.pointer {
      cursor: pointer; }
  .productSales .product-srch-hdn {
    position: absolute;
    font-size: .9em;
    right: 140px;
    width: 18%;
    top: 4px; }
  .productSales .autoSearchFilters {
    font-size: .98em; }
    .productSales .autoSearchFilters label {
      font-size: .9em;
      display: none; }
    .productSales .autoSearchFilters .error {
      font-size: .9em;
      margin-bottom: -10px; }
    .productSales .autoSearchFilters .dropdown-menu li {
      display: block !important;
      width: 100% !important;
      margin: 0 !important; }
      .productSales .autoSearchFilters .dropdown-menu li a {
        cursor: pointer; }
    .productSales .autoSearchFilters.pageFilters {
      margin-bottom: 10px; }
      .productSales .autoSearchFilters.pageFilters .filterRectArea {
        padding: 0 0 0 10px; }
        .productSales .autoSearchFilters.pageFilters .filterRectArea .formGroupFilter {
          width: 87%; }
          .productSales .autoSearchFilters.pageFilters .filterRectArea .formGroupFilter > ul {
            width: 100%;
            margin: 11px 0 0 0; }
            .productSales .autoSearchFilters.pageFilters .filterRectArea .formGroupFilter > ul li {
              width: 21%;
              margin: 0 10px; }
  .productSales .cart-badge {
    background: url("../imgs/product_icons.png") no-repeat -121px -210px;
    width: 26px;
    height: 25px;
    margin: -2px 0 -3px 3px;
    float: right; }
    .productSales .cart-badge.cart-filled {
      background-position: -121px -63px; }
  .productSales .selected-item-badge {
    width: 16px;
    height: 16px;
    margin: -3px -9px 0 5px;
    border-radius: 50px;
    padding: 0px 0px 2px;
    background: #23b951;
    text-align: center;
    font-weight: bold;
    font-size: .64em;
    color: #fff;
    float: right; }
  .productSales .tabTitles {
    min-width: 360px;
    padding: 0;
    margin: 0; }
    .productSales .tabTitles a {
      border-left-color: #eaeaea;
      position: relative;
      border-radius: 6px 0 0 6px;
      border: 1px solid #ccc;
      background: #eaeaea;
      color: #666666;
      padding: 11px 20px;
      font-weight: bold;
      font-size: 1em;
      float: left;
      margin: 0; }
      .productSales .tabTitles a.active, .productSales .tabTitles a:hover {
        background-color: #faa762;
        border: 1px solid #f48d38;
        color: #fff; }
        .productSales .tabTitles a.active::after, .productSales .tabTitles a:hover::after {
          content: ' ';
          width: 0px;
          height: 0px;
          position: absolute;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-top: 12px solid #faa762;
          left: calc(50% - 10px);
          bottom: -10px; }
        .productSales .tabTitles a.active .cart-badge, .productSales .tabTitles a:hover .cart-badge {
          background-position: -121px -143px; }
      .productSales .tabTitles a:nth-child(2) {
        border-radius: 0 6px 6px 0 !important;
        padding-right: 25px;
        margin: 0 0 0 -1px; }
  .productSales .products {
    margin: 0 -10px;
    padding: 0;
    clear: both;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .productSales .products .product-spc {
      padding: 10px 10px; }
    .productSales .products .product-item {
      /*box-shadow: 2px 7px 9px $brdr_tbl_gray;*/
      box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px;
      border: 1px solid #dfdfdf;
      position: relative;
      background: #fff;
      padding: 0;
      justify-content: center;
      align-items: center;
      /* so child elements can use flexbox stuff too! */
      min-height: 289px;
      margin: auto;
      width: 100%;
      max-width: 189px;
      /* product image */
      /* product information */
      /* product button */ }
      .productSales .products .product-item .product-image {
        border-bottom: 1px solid #dfdfdf;
        position: relative;
        width: 100%;
        height: 140px;
        background: #fff;
        align-items: center;
        max-height: 140px;
        display: flex; }
        .productSales .products .product-item .product-image img {
          width: 90%;
          height: 90%;
          margin: auto; }
          .productSales .products .product-item .product-image img.loading_img {
            background: url(../imgs/default-product-image.png) no-repeat center center; }
      .productSales .products .product-item .product-info {
        margin-top: auto;
        clear: both; }
        .productSales .products .product-item .product-info h5 {
          padding: 0 5px 0 8px;
          color: #444444;
          line-height: 16px;
          font-size: 0.85em;
          font-weight: bold;
          min-height: 48px;
          text-align: left;
          margin: 5px 0; }
          .productSales .products .product-item .product-info h5.center_content {
            display: flex;
            align-items: center; }
            .productSales .products .product-item .product-info h5.center_content span {
              display: contents; }
        .productSales .products .product-item .product-info .batch_expiry_info {
          margin: 3px 8px 0 0;
          color: #999;
          line-height: normal;
          text-align: right;
          font-size: 0.8em;
          max-width: 110px;
          min-height: 26px;
          float: right;
          /* flex */
          align-items: center;
          display: flex; }
          .productSales .products .product-item .product-info .batch_expiry_info span {
            display: contents; }
          .productSales .products .product-item .product-info .batch_expiry_info.multi_data {
            margin-top: 0; }
          .productSales .products .product-item .product-info .batch_expiry_info.center_data {
            width: 100%;
            height: auto;
            display: inline-grid;
            text-align: center;
            max-width: 100%;
            float: left; }
            .productSales .products .product-item .product-info .batch_expiry_info.center_data span {
              display: block; }
          .productSales .products .product-item .product-info .batch_expiry_info.batch_multi_line {
            margin-top: -15px !important; }
        .productSales .products .product-item .product-info .size_info {
          margin: 3px 0px 0 8px;
          color: #444444;
          font-size: 0.85em;
          line-height: 14px;
          min-height: 26px;
          max-width: 70px;
          float: left;
          display: flex;
          align-items: center; }
          .productSales .products .product-item .product-info .size_info.center_data {
            width: 100%;
            height: auto;
            display: inline-grid;
            text-align: center;
            margin-left: 0;
            max-width: 100%; }
      .productSales .products .product-item .quantity-section {
        margin: -3px 6px 0 0; }
        .productSales .products .product-item .quantity-section .product-quantity {
          width: 35px;
          height: auto;
          text-align: center;
          margin: -2px 0 0 0;
          font-weight: bold;
          font-size: 1.02em;
          color: #666666;
          float: left; }
        .productSales .products .product-item .quantity-section .qtyBtns {
          background: url(../../web/imgs/product_icons.png) no-repeat -194px -152px;
          width: 18px;
          height: 18px;
          cursor: pointer;
          float: left; }
          .productSales .products .product-item .quantity-section .qtyBtns.neg {
            background-position: -254px -215px; }
            .productSales .products .product-item .quantity-section .qtyBtns.neg.disabled {
              background-position: -194px -215px; }
          .productSales .products .product-item .quantity-section .qtyBtns.pos {
            background-position: -255px -152px; }
            .productSales .products .product-item .quantity-section .qtyBtns.pos.disabled {
              background-position: -196px -152px; }
          .productSales .products .product-item .quantity-section .qtyBtns.disabled {
            cursor: default; }
      .productSales .products .product-item .product-action-btns {
        border-top: 1px solid #dfdfdf;
        position: absolute;
        background-color: #f6f6f6;
        /*@include size(100%, 28px);*/
        width: 100%;
        height: 35px;
        bottom: 0px;
        right: 0;
        left: 0; }
        .productSales .products .product-item .product-action-btns .quantity-section {
          margin: 7px 4px 0 0; }
          .productSales .products .product-item .product-action-btns .quantity-section .product-quantity {
            width: 25px; }
        .productSales .products .product-item .product-action-btns span.cent_value {
          position: absolute;
          background: none;
          font-size: 12px;
          right: -1px;
          top: 2px; }
      .productSales .products .product-item.item-highlight {
        border: 1px solid #ffcfa7;
        background: #ffe4ce; }
        .productSales .products .product-item.item-highlight .product-action-btns {
          /*border-top: 1px solid #ffcfa7;*/ }
      .productSales .products .product-item.selected {
        border: 1px solid #ffcfa7; }
      .productSales .products .product-item h6 {
        width: auto;
        height: auto;
        margin: 10px 0 0 5px;
        font-weight: bold;
        font-size: 14px;
        float: left;
        padding: 0; }
        .productSales .products .product-item h6 .sample_txt {
          text-transform: uppercase;
          font-size: 13px;
          color: #555; }
        .productSales .products .product-item h6 span {
          padding: 0 0 0 11px;
          background: url("../imgs/product_icons.png") no-repeat -258px -67px; }
      .productSales .products .product-item .company_name {
        text-transform: uppercase;
        margin: 6px 0 4px 8px;
        font-weight: bold;
        font-size: 12px;
        width: auto;
        clear: both;
        float: left; }
      .productSales .products .product-item .discounted_price {
        position: relative;
        padding: 0 15px 0 11px;
        margin: -3px 5px 0 0;
        color: #444444;
        font-size: 19px;
        float: left; }
        .productSales .products .product-item .discounted_price.disabled_orig_cost {
          text-decoration: line-through;
          color: #666666;
          font-weight: bold;
          background: none;
          font-size: 16px;
          float: left;
          padding: 0;
          margin: 0; }
      .productSales .products .product-item .promotional_offer {
        position: absolute;
        left: -9px;
        top: -5px; }
        .productSales .products .product-item .promotional_offer > div {
          position: relative;
          font-size: 14px;
          color: #444444;
          font-weight: bold;
          background: #ffdf00;
          padding: 1.5px 8px 1px 8px;
          float: right;
          text-transform: uppercase;
          margin: 4px -10px 0 0; }
          .productSales .products .product-item .promotional_offer > div::after {
            position: absolute;
            width: 4px;
            height: 11px;
            content: " ";
            top: 22px;
            left: 0px;
            border-left: 9px solid transparent;
            border-right: 0px solid #DAA520;
            border-top: 10px solid #DAA520; }
    .productSales .products .discount_info .info {
      background: transparent url("../imgs/patientDashB-sprite.png") no-repeat top left;
      width: 25px;
      height: 25px;
      vertical-align: middle;
      display: inline-block;
      margin: 2px 6px 0 0;
      cursor: pointer;
      padding: 0; }
      .productSales .products .discount_info .info.medical {
        background-position: -231px -96px; }
    .productSales .products .discount_info .popover {
      width: 140px;
      font-size: 12px;
      padding: 4px 8px;
      margin: -10px 0 0 -48px; }
      .productSales .products .discount_info .popover.top > .arrow {
        left: 85%; }
      .productSales .products .discount_info .popover .popover-content {
        padding: 4px 4px; }
  @media (max-width: 920px) {
    .productSales .product-item {
      flex: 1 21%; } }
  @media (max-width: 600px) {
    .productSales .product-item {
      flex: 1 46%; } }
  @media (max-width: 480px) {
    .productSales .product-filter {
      flex-direction: column; }
    .productSales .sort {
      align-self: flex-start; } }
  .productSales .productsGridItems {
    margin-top: 10px; }
    .productSales .productsGridItems .pLeft10 {
      padding: 0 0 0 8px; }
    .productSales .productsGridItems .pLeft5 {
      padding: 0 0 0 3px; }
    .productSales .productsGridItems .quantity-section {
      width: 80px;
      height: auto;
      display: inline-block;
      margin: 6px auto auto; }
      .productSales .productsGridItems .quantity-section .product-quantity {
        width: 30px;
        height: auto;
        font-weight: bold;
        font-size: 16px;
        color: #666666;
        margin: 0 5px;
        float: left; }
      .productSales .productsGridItems .quantity-section .qtyBtns {
        background: url(../../web/imgs/product_icons.png) no-repeat -194px -152px;
        width: 18px;
        height: 18px;
        cursor: pointer;
        float: left; }
        .productSales .productsGridItems .quantity-section .qtyBtns.neg {
          background-position: -254px -215px; }
          .productSales .productsGridItems .quantity-section .qtyBtns.neg.disabled {
            background-position: -194px -215px; }
        .productSales .productsGridItems .quantity-section .qtyBtns.pos {
          background-position: -256px -151px; }
          .productSales .productsGridItems .quantity-section .qtyBtns.pos.disabled {
            background-position: -196px -151px; }
        .productSales .productsGridItems .quantity-section .qtyBtns.disabled {
          cursor: default; }
      .productSales .productsGridItems .quantity-section.defaultQtyTxt {
        margin: 2px 0 -4px 0; }
        .productSales .productsGridItems .quantity-section.defaultQtyTxt .product-quantity-nrml {
          float: none;
          font-size: 1em;
          color: #444444;
          text-align: center;
          font-weight: normal;
          width: auto;
          height: auto;
          text-decoration: line-through; }
    .productSales .productsGridItems .outOfStock {
      color: red;
      display: inline-block;
      background: khaki;
      padding: 0px 5px 1px;
      font-size: 0.8em;
      font-weight: bold;
      word-break: break-word; }
    .productSales .productsGridItems .deleted .outOfStock {
      text-decoration: none;
      float: left; }
    .productSales .productsGridItems .deleted .company_name {
      text-decoration: line-through; }
    .productSales .productsGridItems .cpn_col {
      min-width: 132px; }
    .productSales .productsGridItems .cpn_bsis_col {
      min-width: 120px; }
    .productSales .productsGridItems .promotional_offer > div {
      padding: 0px 7px;
      font-weight: bold;
      font-size: 11px;
      color: #444444;
      text-transform: uppercase;
      background: #ffdf00;
      margin: 2px 10px 0px 0; }
    .productSales .productsGridItems .discount_info {
      color: green;
      font-size: 14px;
      /*font-weight: bold;*/
      margin: -3px 0 -4px 0; }
    .productSales .productsGridItems .batch_expiry_info {
      color: #2e8bd3;
      font-size: 12px;
      font-weight: bold; }
    .productSales .productsGridItems .animatingDiscInfoText {
      animation: multi-color-animate 2s infinite alternate; }

@keyframes multi-color-animate {
  0% {
    color: green; }
  25% {
    color: #444444; }
  50% {
    color: #fa9948; }
  70% {
    color: #444444; }
  100% {
    color: green; } }
  @media (min-width: 320px) and (max-width: 545px) {
    .productSales .payable_sec {
      display: none; }
    .productSales .products .product-spc {
      width: 50%; }
    .productSales .products .product-item {
      max-width: 195px; }
    .productSales .tabTitles a {
      padding: 8px 23px; }
      .productSales .tabTitles a:nth-child(2) {
        border-radius: 0px 6px 6px 0px;
        border-right: 0px; } }
  @media (min-width: 546px) and (max-width: 767px) {
    .productSales {
      /*.col-xs-5 {
			width: 33.33333333%; 
		}*/ }
      .productSales .payable_sec {
        display: inline; } }
  @media (min-width: 320px) and (max-width: 767px) {
    .productSales .product-srch-hdn {
      position: inherit;
      width: 100%;
      top: -5px;
      right: 0; }
    .productSales .products .product-spc .product-item h6 {
      min-width: 50px; } }
  @media (max-width: 645px) {
    .productSales .autoSearchFilters.pageFilters .filterRectArea {
      padding: 10px 10px 0; }
      .productSales .autoSearchFilters.pageFilters .filterRectArea .formGroupFilter {
        width: 100%; }
        .productSales .autoSearchFilters.pageFilters .filterRectArea .formGroupFilter ul li {
          width: 47%;
          margin: 5px; } }
  @media (min-width: 646px) and (max-width: 767px) {
    .productSales .autoSearchFilters.pageFilters .filterRectArea .formGroupFilter {
      width: 85%; }
      .productSales .autoSearchFilters.pageFilters .filterRectArea .formGroupFilter ul li {
        width: 24.2%;
        padding: 0;
        margin: 0; }
    .productSales .autoSearchFilters.pageFilters .filterRectArea .btnGroupFilter {
      margin: 0 0 0 10px;
      padding: 0 0 0 10px;
      min-width: 10%;
      max-width: 100%;
      border-left: 1px solid #ccc;
      border-top: none; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .productSales .autoSearchFilters.pageFilters .filterRectArea .formGroupFilter ul li {
      width: 23%;
      margin: 0 3px; }
    .productSales .product-srch-hdn {
      right: 15px; } }
  @media (min-width: 850px) and (max-width: 991px) {
    .productSales {
      /*	.col-sm-4 {
			width: 25%; 
		}*/ }
      .productSales .product-srch-hdn {
        min-width: 240px; } }
  @media (min-width: 992px) {
    .productSales .col-md-2 {
      width: 16.66666667%; } }
  @media (min-width: 1200px) and (max-width: 1276px) {
    .productSales .products .product-item .product-action-btns .cart-section {
      margin-left: 5px; }
    .productSales .products .product-item .product-action-btns .quantity-section {
      margin-right: 2px; }
      .productSales .products .product-item .product-action-btns .quantity-section .qtyBtns {
        width: 16px; }
      .productSales .products .product-item .product-action-btns .quantity-section .product-quantity {
        width: 25px; } }
  @media (max-width: 420px) {
    .productSales .products .product-item {
      min-height: 322px; }
      .productSales .products .product-item .product-info {
        display: grid; }
        .productSales .products .product-item .product-info .batch_expiry_info {
          float: left;
          text-align: left;
          margin-left: 8px; } }

/** enquiry buttons **/
.enquiry-detail-tabs {
  margin: -12px 0 10px;
  width: 100%;
  float: left; }
  .enquiry-detail-tabs a {
    position: relative;
    border: 1px solid #ccc;
    background: #eaeaea;
    border-radius: 5px;
    margin: 12px 8px 0px 0;
    color: #444444;
    padding: 4px 12px;
    font-weight: bold;
    font-size: 14px;
    float: left; }
    .enquiry-detail-tabs a:hover, .enquiry-detail-tabs a.active, .enquiry-detail-tabs a.selected {
      border-color: #f48d38;
      background: #faa762;
      color: #fff; }
    .enquiry-detail-tabs a.active:before {
      border-top: solid 8px #faa762;
      border-right: solid 8px transparent;
      border-left: solid 8px transparent;
      position: absolute;
      width: 0px;
      height: 0px;
      left: calc(50% - 8px);
      bottom: -8px;
      content: ''; }
    .enquiry-detail-tabs a:last-child {
      margin-right: 0; }
    .enquiry-detail-tabs a i {
      position: relative;
      top: 0.5px;
      left: -2px; }
  .enquiry-detail-tabs .enquiry_disabled {
    border-color: #f2f2f2 !important;
    color: #666666 !important;
    border: 1px solid #ccc;
    background: #f2f2f2 !important;
    cursor: default; }

/** enquiry child elements like interest level and other info **/
.enquiry_details_cont {
  border: 1px solid #ccc;
  width: 100%;
  height: auto;
  padding: 6px 10px 10px;
  border-radius: 5px;
  background: #fff;
  margin: 0 0 5px;
  clear: both;
  float: left; }
  .enquiry_details_cont label {
    font-weight: normal; }
    .enquiry_details_cont label sup {
      top: 0; }
  .enquiry_details_cont .cstm_rdb_ckb {
    cursor: auto;
    margin-bottom: -8px; }
    .enquiry_details_cont .cstm_rdb_ckb ul li {
      min-width: 50px;
      margin: 0 8px 8px 0; }
    @media (min-width: 700px) {
      .enquiry_details_cont .cstm_rdb_ckb ul .no-margin {
        margin-bottom: 0px !important; } }
  .enquiry_details_cont .other_info_btns {
    margin: 0 0 -6px 0;
    float: left;
    clear: both;
    width: 100%; }
    .enquiry_details_cont .other_info_btns ul {
      list-style-type: none;
      padding: 0;
      margin: 0; }
      .enquiry_details_cont .other_info_btns ul li {
        cursor: pointer; }
    .enquiry_details_cont .other_info_btns input, .enquiry_details_cont .other_info_btns li {
      border: 1px solid #ccc;
      border-radius: 5px;
      padding: 4px 12px;
      margin: 0 6px 6px 0;
      box-shadow: none;
      float: left; }
      .enquiry_details_cont .other_info_btns input:hover, .enquiry_details_cont .other_info_btns input.selected, .enquiry_details_cont .other_info_btns li:hover, .enquiry_details_cont .other_info_btns li.selected {
        border-color: #f48d38;
        background: #faa762;
        color: #fff; }
      .enquiry_details_cont .other_info_btns input:last-child, .enquiry_details_cont .other_info_btns li:last-child {
        margin-left: 0; }
      .enquiry_details_cont .other_info_btns input:disabled, .enquiry_details_cont .other_info_btns input.disable_other_info, .enquiry_details_cont .other_info_btns li:disabled, .enquiry_details_cont .other_info_btns li.disable_other_info {
        background: #f2f2f2;
        cursor: default;
        opacity: 0.8; }
        .enquiry_details_cont .other_info_btns input:disabled:hover, .enquiry_details_cont .other_info_btns input.disable_other_info:hover, .enquiry_details_cont .other_info_btns li:disabled:hover, .enquiry_details_cont .other_info_btns li.disable_other_info:hover {
          border-color: #ccc;
          color: #444444; }
  .enquiry_details_cont.open_box {
    border: 0px;
    padding: 0; }

/** enquiry child elements like interest level and other info **/
/** selected enquiry details snapshots **/
.enq_quick_snap {
  margin: 15px 0 0 0;
  float: left;
  width: 100%;
  clear: both; }
  .enq_quick_snap .snap_block {
    grid-template-columns: auto auto auto;
    position: relative;
    display: inline-grid;
    border-radius: 5px;
    margin: 10px 15px 5px 0;
    max-width: 280px;
    font-size: 14px; }
    .enq_quick_snap .snap_block .enq_name {
      border: 1px solid #f09d58;
      border-radius: 5px 0px 0px 5px;
      padding: 4px 8px 4px 8px;
      border-right-width: 0px; }
      .enq_quick_snap .snap_block .enq_name .fa {
        position: relative;
        top: 0.5px;
        left: -2px; }
        .enq_quick_snap .snap_block .enq_name .fa.clrWhite {
          color: #fff !important; }
        .enq_quick_snap .snap_block .enq_name .fa.PrimClr {
          color: #faa762 !important; }
      .enq_quick_snap .snap_block .enq_name.brd-rd5 {
        border-radius: 5px;
        border-right-width: 1px; }
      .enq_quick_snap .snap_block .enq_name.block {
        border-radius: 5px;
        border-right-width: 1px; }
      .enq_quick_snap .snap_block .enq_name.error {
        font-weight: 700 !important; }
    .enq_quick_snap .snap_block .enq_details {
      border: 1px solid #f09d58;
      border-radius: 0 5px 5px 0;
      padding: 4px 8px 4px 8px;
      word-break: break-word; }
    .enq_quick_snap .snap_block .remove_snap {
      position: absolute;
      background: #faa762;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      text-align: center;
      line-height: 19px;
      color: #fff;
      cursor: pointer;
      font-size: 12px;
      right: -10px;
      top: -10px;
      padding: 0; }
    .enq_quick_snap .snap_block:last-child {
      margin-right: 0; }
    .enq_quick_snap .snap_block.active_stage .enq_name {
      border-color: green;
      background: green;
      color: #fff; }
    .enq_quick_snap .snap_block.active_stage .enq_details {
      border-color: green; }
    .enq_quick_snap .snap_block.invalid_stage {
      border-color: red; }
      .enq_quick_snap .snap_block.invalid_stage .enq_name {
        color: red; }

/** selected enquiry details snapshots **/
/** staging related msgs **/
.stage_msgs {
  font-size: 14px;
  margin-top: 5px; }

/** staging related msgs **/
/** active staging and details **/
.active_stage_detail {
  font: normal 14px Calibri, Sans-serif, Arial; }
  .active_stage_detail i {
    margin: 3px 4px -1px 6px;
    font-size: 15px; }
  .active_stage_detail .stage_dtls {
    margin: 2px 0 -2px 0; }
  .active_stage_detail .runningTreatment:not(:empty) ~ .runningTreatment:not(:empty):before {
    content: ", "; }

.stage_active_stop_icon {
  font-weight: normal;
  margin: 2px 0 0 0;
  font-size: 15px;
  float: left; }
  .stage_active_stop_icon.active {
    color: #309830; }
  .stage_active_stop_icon.stop {
    color: #ff2c2c; }

.trt_progress_details {
  font: normal 14px Calibri, Sans-serif, Arial;
  margin: 2px 0 -1px 6px; }
  .trt_progress_details i {
    margin: 2px 4px 0 0;
    float: left; }

/** active staging and details **/
/** camp enquiry and info **/
.enq_btns {
  background: #eaeaea;
  border: 1px solid #d7d7d7;
  display: inline-block;
  border-radius: 5px;
  padding: 4px 12px;
  margin: 10px 8px 0 0;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  color: #444444; }
  .enq_btns:hover, button:hover span.enq_btns.cmnicons, .enq_btns.active, .enq_btns.selected {
    border-color: #f48d38;
    background: #faa762;
    color: #fff; }
  .enq_btns .fa {
    position: relative;
    top: 0.5px;
    left: -2px; }
    .enq_btns .fa.clrWhite {
      color: #fff !important; }

.priSecbtn li:hover {
  cursor: pointer; }

.priSecbtn .disable-radio-checkbox {
  pointer-events: none; }

.enq_all_inf_indent {
  margin: 10px 0 0 7px; }

.form-group.priSecbtn {
  margin: 0; }

@media only screen and (min-width: 769px) and (max-width: 1046px) {
  .cstm_rdb_ckb ul li:first-child {
    margin-bottom: 5px; }
  .cstm_rdb_ckb ul li:nth-child(2) {
    margin-bottom: 5px; } }

@media only screen and (min-width: 520px) and (max-width: 1276px) {
  .cstm_rdb_ckb.chkbox-pos.chkbxPos-stat {
    position: static; }
  .modal-body.viewInfo .col-xs-12 {
    width: 100%; }
  .modal-dialog .modal-content .modal-inset.rmv-modal-default-style .modal-body.viewInfo .col-md-4 {
    width: 33.33%; } }

.mrgn_btm_20_enq {
  margin-bottom: 20px !important; }

/** camp enquiry and info **/
.mrgnL13 {
  margin-left: 13px; }