@import url("menu.css");
@import url("fonts.css");
/* qTip2 v2.2.0 basic css3 | qtip2.com | Licensed MIT, GPL | Sat Mar 15 2014 21:51:12 */
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  box-shadow: none;
  padding: 0;
}
.qtip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word;
}
.qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: 700;
}
.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important;
}
.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  cursor: pointer;
  outline: medium none;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}
.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px;
}
* html .qtip-titlebar .qtip-close {
  top: 16px;
}
.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr;
}
.qtip-icon,
.qtip-icon .ui-icon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
}
.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: 400 bold 10px/13px Tahoma, sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em;
}
.qtip-focus {
}
.qtip-hover {
}
.qtip-default {
  border-width: 1px;
  border-style: solid;
  border-color: #f1d031;
  background-color: #ffffa3;
  color: #555;
}
.qtip-default .qtip-titlebar {
  background-color: #ffef93;
}
.qtip-default .qtip-icon {
  border-color: #ccc;
  background: #f1f1f1;
  color: #777;
}
.qtip-default .qtip-titlebar .qtip-close {
  border-color: #aaa;
  color: #111;
}
.qtip-light {
  background-color: #fff;
  border-color: #e2e2e2;
  color: #454545;
}
.qtip-light .qtip-titlebar {
  background-color: #f1f1f1;
}
.qtip-dark {
  background-color: #505050;
  border-color: #303030;
  color: #f3f3f3;
}
.qtip-dark .qtip-titlebar {
  background-color: #404040;
}
.qtip-dark .qtip-icon {
  border-color: #444;
}
.qtip-dark .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}
.qtip-cream {
  background-color: #fbf7aa;
  border-color: #f9e98e;
  color: #a27d35;
}
.qtip-cream .qtip-titlebar {
  background-color: #f0de7d;
}
.qtip-cream .qtip-close .qtip-icon {
  background-position: -82px 0;
}
.qtip-red {
  background-color: #f78b83;
  border-color: #d95252;
  color: #912323;
}
.qtip-red .qtip-titlebar {
  background-color: #f06d65;
}
.qtip-red .qtip-close .qtip-icon {
  background-position: -102px 0;
}
.qtip-red .qtip-icon {
  border-color: #d95252;
}
.qtip-red .qtip-titlebar .ui-state-hover {
  border-color: #d95252;
}
.qtip-green {
  background-color: #caed9e;
  border-color: #90d93f;
  color: #3f6219;
}
.qtip-green .qtip-titlebar {
  background-color: #b0de78;
}
.qtip-green .qtip-close .qtip-icon {
  background-position: -42px 0;
}
.qtip-blue {
  background-color: #e5f6fe;
  border-color: #add9ed;
  color: #5e99bd;
}
.qtip-blue .qtip-titlebar {
  background-color: #d0e9f5;
}
.qtip-blue .qtip-close .qtip-icon {
  background-position: -2px 0;
}
.qtip-shadow {
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}
.qtip-rounded,
.qtip-tipsy,
.qtip-bootstrap {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.qtip-rounded .qtip-titlebar {
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.qtip-youtube {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 3px #333;
  -moz-box-shadow: 0 0 3px #333;
  box-shadow: 0 0 3px #333;
  color: #fff;
  border-width: 0;
  background: #4a4a4a;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #4a4a4a),
    color-stop(100%, #000)
  );
  background-image: -webkit-linear-gradient(top, #4a4a4a 0, #000 100%);
  background-image: -moz-linear-gradient(top, #4a4a4a 0, #000 100%);
  background-image: -ms-linear-gradient(top, #4a4a4a 0, #000 100%);
  background-image: -o-linear-gradient(top, #4a4a4a 0, #000 100%);
}
.qtip-youtube .qtip-titlebar {
  background-color: #4a4a4a;
  background-color: rgba(0, 0, 0, 0);
}
.qtip-youtube .qtip-content {
  padding: 0.75em;
  font: 12px arial, sans-serif;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);";
}
.qtip-youtube .qtip-icon {
  border-color: #222;
}
.qtip-youtube .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}
.qtip-jtools {
  background: #232323;
  background: rgba(0, 0, 0, 0.7);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#717171),
    to(#232323)
  );
  background-image: -moz-linear-gradient(top, #717171, #232323);
  background-image: -webkit-linear-gradient(top, #717171, #232323);
  background-image: -ms-linear-gradient(top, #717171, #232323);
  background-image: -o-linear-gradient(top, #717171, #232323);
  border: 2px solid #ddd;
  border: 2px solid rgba(241, 241, 241, 1);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 12px #333;
  -moz-box-shadow: 0 0 12px #333;
  box-shadow: 0 0 12px #333;
}
.qtip-jtools .qtip-titlebar {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A)";
}
.qtip-jtools .qtip-content {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323)";
}
.qtip-jtools .qtip-titlebar,
.qtip-jtools .qtip-content {
  background: transparent;
  color: #fff;
  border: 0 dashed transparent;
}
.qtip-jtools .qtip-icon {
  border-color: #555;
}
.qtip-jtools .qtip-titlebar .ui-state-hover {
  border-color: #333;
}
.qtip-cluetip {
  -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  background-color: #d9d9c2;
  color: #111;
  border: 0 dashed transparent;
}
.qtip-cluetip .qtip-titlebar {
  background-color: #87876a;
  color: #fff;
  border: 0 dashed transparent;
}
.qtip-cluetip .qtip-icon {
  border-color: #808064;
}
.qtip-cluetip .qtip-titlebar .ui-state-hover {
  border-color: #696952;
  color: #696952;
}
.qtip-tipsy {
  background: #000;
  background: rgba(0, 0, 0, 0.87);
  color: #fff;
  border: 0 solid transparent;
  font-size: 11px;
  font-family: "Lucida Grande", sans-serif;
  font-weight: 700;
  line-height: 16px;
  text-shadow: 0 1px #000;
}
.qtip-tipsy .qtip-titlebar {
  padding: 6px 35px 0 10px;
  background-color: transparent;
}
.qtip-tipsy .qtip-content {
  padding: 6px 10px;
}
.qtip-tipsy .qtip-icon {
  border-color: #222;
  text-shadow: none;
}
.qtip-tipsy .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}
.qtip-tipped {
  border: 3px solid #959fa9;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #f9f9f9;
  color: #454545;
  font-weight: 400;
  font-family: serif;
}
.qtip-tipped .qtip-titlebar {
  border-bottom-width: 0;
  color: #fff;
  background: #3a79b8;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#3a79b8),
    to(#2e629d)
  );
  background-image: -webkit-linear-gradient(top, #3a79b8, #2e629d);
  background-image: -moz-linear-gradient(top, #3a79b8, #2e629d);
  background-image: -ms-linear-gradient(top, #3a79b8, #2e629d);
  background-image: -o-linear-gradient(top, #3a79b8, #2e629d);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D)";
}
.qtip-tipped .qtip-icon {
  border: 2px solid #285589;
  background: #285589;
}
.qtip-tipped .qtip-icon .ui-icon {
  background-color: #fbfbfb;
  color: #555;
}
.qtip-bootstrap {
  font-size: 14px;
  line-height: 20px;
  color: #333;
  padding: 1px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.qtip-bootstrap .qtip-titlebar {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.qtip-bootstrap .qtip-titlebar .qtip-close {
  right: 11px;
  top: 45%;
  border-style: none;
}
.qtip-bootstrap .qtip-content {
  padding: 9px 14px;
}
.qtip-bootstrap .qtip-icon {
  background: transparent;
}
.qtip-bootstrap .qtip-icon .ui-icon {
  width: auto;
  height: auto;
  float: right;
  font-size: 20px;
  font-weight: 700;
  line-height: 18px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.qtip-bootstrap .qtip-icon .ui-icon:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar {
  filter: none;
  -ms-filter: none;
}
.qtip .qtip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
}
x:-o-prefocus,
.qtip .qtip-tip {
  visibility: hidden;
}
.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
  position: absolute;
  color: #123456;
  background: transparent;
  border: 0 dashed transparent;
}
.qtip .qtip-tip canvas {
  top: 0;
  left: 0;
}
.qtip .qtip-tip .qtip-vml {
  behavior: url(#default#VML);
  display: inline-block;
  visibility: visible;
}
#qtip-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#qtip-overlay.blurs {
  cursor: pointer;
}
#qtip-overlay div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(Opacity=70)";
}
.qtipmodal-ie6fix {
  position: absolute !important;
}

/* common.css START */

.hidden {
  display: none !important;
}

.validation_img {
  background: url("../images/remove-listing.png") no-repeat scroll 10px 5px
    rgba(0, 0, 0, 0);
  cursor: pointer;
  float: right;
  height: 23px;
  margin-left: 10px;
  margin-top: 24px;
  position: absolute !important;
  right: -45px;
  top: -24px !important;
  width: 30px;
  z-index: 99999;
}
.inputbox-error {
  background: none repeat scroll 0 0 #fdfdfd;
  border-color: #ffd1b9 !important;
}
.vis-hidden span {
  visibility: hidden !important;
}
.justify_btn {
  height: 50%;
  right: 1%;
  top: 39%;
}
.unread,
.unread td {
  background: white !important;
}
.login_error_msg span {
  display: block;
  text-align: center;
}
.holdTimer {
  cursor: pointer;
}

.add-field-2 {
  background-image: url("../images/add_field.png") !important;
  background-position: left 5px top 9px;
  background-repeat: no-repeat;
  color: #06b9b1;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 34px;
  position: absolute;
  right: -5px;
  text-indent: 25px;
  top: -1px;
  width: 22px;
}

.add-field-2:not(*:root) {
  line-height: 36px;
  top: -3px;
}

.siz-fix-font {
  font-size: 16px !important;
  margin-left: -1.5% !important;
  max-width: 88% !important;
}

.daat {
  margin-bottom: -50px !important;
}

/**
    * Help popup styles
    * 
    * 
    * 
    * @author Muneeb Basheer <muneeb@confianzit.biz>
    * @created on   : 2014-07-10 
    * 
    *

    * 
    */

.help_div {
  padding: 10px;
  margin: 5px;
}
.help_div h4 {
  color: #0bb8c1;
  font-family: arial;
  font-size: 24px;
  font-weight: normal;
  margin: -10px 0 0;
}
.help_div ul li {
  color: #bcbcbc;
  font-size: 13px;
  margin: 0 30px;
  list-style-type: disc;
  padding: 0;
}
.help_div h5 {
  color: #0bb8c1;
  font-size: 16px;
  margin: -20px 0 0;
}
.help_div p {
  font-size: 12px;
  line-height: 1.5;
  color: #898989;
  margin: 0 0 10px;
  text-align: justify;
}
.help_div img {
  padding: 5px 0;
  margin: 0;
}
.newbox .ui-widget-header {
  background: none !important;
  border-bottom: 0 solid #d5d5d5;
  color: #5e5f61;
  font-family: arial !important;
  font-size: 17px;
  font-weight: 500;
  height: 45px;
  text-align: center;
}
.facility_typeformError.parentFormprovider.formError {
  left: 95px !important;
}
.hold-class {
  font-size: 12px;
  font-weight: 600;
  text-align: right !important;
}

.claims-footer.justified {
  background: #16638a !important;
}
.yellow-b {
  background: #f8cb00 !important;
}
.violet-b {
  background: #7401df !important;
}

.uploaded_data {
  font-size: 11px !important;
}

.icon-edit,
.icon-pick,
.icon-pencil,
.icon-add,
.icon-delete,
.icon-caancel,
.icon-renew,
.icon-emergency,
.icon-consult,
.icon-reject,
.icon-approve,
.icon-view,
.icon-bin,
.icon-permission,
.icon-link,
.icon-justify,
.icon-generate,
.icon-memberv,
.icon-pharmacy,
.icon-fec-ser,
.icon-speciality {
  top: 7px !important;
}
#loader {
  position: fixed;
  top: 0;
  left: 0; /*This may prevent it from being seen if the user has scrolled down */
  color: #000000;
  padding: 2px 2px 2px 20px;
  background: transparent url("../images/ajax-loader.gif") no-repeat scroll 50%
    50%;
  background-color: #ffffff;
  opacity: 0.5;
  display: none;
  z-index: 99999 !important;
  height: 100%;
  width: 100%;
}

.submitClaims {
  position: fixed;
  top: 0;
  left: 0; /*This may prevent it from being seen if the user has scrolled down */
  color: #000000;
  padding: 2px 2px 2px 20px;
  background: transparent url("../images/save.gif") no-repeat scroll 50% 50%;
  background-color: #ffffff;
  opacity: 0.5;
  display: none;
  z-index: 99999 !important;
  height: 100%;
  width: 100%;
}

.submitClaims span {
  display: block;
  font-size: 14px;
  position: relative;
  text-align: center;
  top: 53%;
  vertical-align: middle;
}

.right-0 {
  right: 337px !important;
  top: -6px !important;
}

.permission label {
  display: inline !important;
  width: 25.4%;
}
.permission {
  max-width: 100%;
}

.yadcf-filter-reset-button {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  color: #cccccc;
  position: relative;
  right: 24px;
  top: -2px;
}

.yadcf-filter {
  border: 1px solid #e3e3e3;
  float: none;
  padding: 2px 10px;
  width: 82%;
}

.hasDatepicker {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #d8d8d8 !important;
  font-size: 10px;
  height: 24px;
  overflow: hidden !important;
  padding: 5px !important;
}
.cosultation_buttons .medium.info.btn {
  line-height: 31px !important;
  text-transform: uppercase;
  font-weight: normal;
  padding-left: 1px !important;
  padding-right: 1px !important;
  width: 65px !important;
  float: left;
  margin-bottom: 5px;
}

.copay {
  width: 50px !important;
}

.copayy label {
  min-width: 100px;
}

.to {
  background: none repeat scroll 0 0 #ffffff;
  line-height: 0;
  margin-left: 30px;
  margin-top: -21px;
  position: absolute;
  text-indent: 10px;
  width: 54px;
}

.duub {
  margin-left: 6px !important;
}

.chosen-container {
  width: 100% !important;
}

.mrght {
  margin-right: 8px !important;
}
.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: visible !important;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}
#resume_button {
  width: 80px !important;
}
.Zebra_DatePicker {
  z-index: 99999 !important;
}

.data-3 td input {
  border: 1px solid #d0d0d0;
  font-size: 12px;
  margin-left: -17px !important;
  padding: 2px 10px;
}

.twelve.columns div #preview_ct {
  height: auto !important;
}

.tab-width-fix {
}
.approval_status,
.eprescription_status {
  padding: 0 9px;
}
h4.lapsed {
  line-height: 1.3 !important;
  margin-bottom: 0px;
  margin-top: 10px;
}
.ov_hidden {
  overflow: hidden !important;
}
.total-claims-wrap {
  margin-left: 9px;
}
.top-margin {
  margin-top: 10px;
}
.xwide {
  width: 79.5% !important;
}
.Zebra_DatePicker_Icon_Wrapper,
input {
  border: 0 solid #cccccc;
}
.filter_button {
  margin-left: 3%;
}

#clinic-doctors {
  width: 400px !important;
}

#all-clinic {
  width: 400px !important;
}

.claims-details-expand .ffb div.row {
  display: block !important;
}
.chkbox {
  display: inline-block !important;
  width: 30px !important;
  height: auto !important;
  margin-left: -7px !important;
}
.bit {
  width: 80px !important;
}
.radio_error {
  width: 400px;
  border: 1px solid #d8d8d8;
  padding: 5px;
  border-radius: 5px;
  font-family: Arial;
  font-size: 11px;
  text-transform: uppercase;
  background-color: rgb(255, 249, 242);
  color: rgb(211, 0, 0);
  text-align: center;
}
.rejectionCmntError {
  border: 1px solid;
  border-color: red !important;
}
.rejection_validation_img {
  background: url("../images/remove-listing.png") no-repeat scroll 10px 5px
    rgba(0, 0, 0, 0);
  cursor: pointer;
  float: right;
  height: 23px;
  margin-left: 10px;
  margin-top: 32px;
  position: absolute !important;
  right: 47px;
  top: -24px !important;
  width: 30px;
  z-index: 99999;
}
.emergency-b {
  background: none repeat scroll 0 0 #f5696c !important;
  min-height: 30px;
}

.hide-block {
  display: none !important;
}
.emergency-blink-block {
  display: inline-block;
  position: absolute;
}

.emergency-blink {
  display: inline-block;
  width: 30%;
}

.emergency-blink-block i {
  margin-top: -3px !important;
}

.tst_loc_nm {
  color: #00a7ae;
  font-style: normal;
  font-weight: normal;
  text-transform: inherit;
  white-space: normal;
}

.guidelines {
  width: 100%;
}
_:-ms-input-placeholder,
:root .field {
  margin: 10px 0;
}

.tob {
  width: 22% !important;
  margin-top: 4% !important;
  margin-right: 1% !important;
}

.notification-alert-danger {
  margin-right: 40px !important;
  float: right;
}

.notification-alert-danger .at {
  background-color: #e75b45;
  border-color: #fb4c2f;
  padding: 0 10px 0 10px;
  border-radius: 15px;
}

.notification-alert-danger .au {
  border-color: #fb4c2f;
}

.notification-alert-danger .av {
  color: #ffffff;
}

#comments_procedure_reference {
  margin-left: 50px;
}
#drug_request_auth_content {
  width: 600px !important;
  height: 600px !important;
  max-height: 90% !important;
  max-width: 90% !important;
}

#clear_date_filter {
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  padding: 7px 0 0;
  position: absolute;
}
.redClass td,
.redClass td.sorting_1,
tr.redClass > .sorting_1 {
  background: linear-gradient(to top, #880000, #d00000) repeat scroll 0 0
    rgba(0, 0, 0, 0) !important;
  color: #ffffff !important;
}
.card_disclaimer {
  background-attachment: scroll !important;
  background-clip: border-box !important;
  background-color: rgba(0, 0, 0, 0) !important;
  background-origin: padding-box !important;
  background-position: right 3px top -2px;
  background-repeat: no-repeat;
  background-size: 10px 10px !important;
  cursor: pointer;
  display: inline;
  font-size: 12px !important;
  line-height: 1;
  margin-bottom: 0;
  width: auto;
}
.select_reason_div {
  width: 85.75% !important;
}

#dialog-referral-confirm > p,
#dialog-physio-confirm > p {
  color: #7a7a7a;
  font-family: Arial;
  font-size: 13px;
  font-weight: normal;
  line-height: 12px;
  margin-bottom: 7px;
  padding-top: 10px;
  text-align: justify;
}

.sm-bt-4 {
  display: inline-block;
  position: absolute;
}
.c-width {
  width: auto !important;
  min-width: 12%;
  display: inline-block;
}
#queue_table_wrapper {
  float: left;
}
.physio_pad_rt {
  padding-right: 10px !important;
}
.wi-fix-2 {
  width: 52% !important;
}

.specialist_div.bbt {
  width: 40% !important;
}

.siit {
  padding-left: 0% !important;
}
.leet {
  margin-left: 10px !important;
}
.mit {
  margin-top: -10px;
}
.let-2 {
  margin-left: 6%;
}

.wi-fix-3 {
  width: 49.5% !important;
}
.version {
  bottom: 0;
  font-size: 12px;
  position: absolute;
  right: 0;
}
.field.nam {
  border-bottom: 1px solid #ececec;
  font-size: 13px;
  padding-bottom: 6px;
}
#diagnosis_1 {
  width: 56.5% !important;
}
tfoot input {
  box-sizing: border-box;
  padding: 3px;
  width: 100%;
}
.err_input {
  display: inline-block;
  width: 69.6%;
}
.err_input_1 {
  display: inline-block;
  width: 13.3% !important;
}

.smi {
  position: relative !important;
}

.emr-pop-span {
  background: none repeat scroll 0 0 #f00;
  display: inline-block;
  max-width: 350px !important;
  text-overflow: ellipsis !important;
  width: 350px !important;
}

#cpt_secondary_codes {
  max-width: 100% !important;
}

#country_code_ctr.ffb,
#identification_type_ctr.ffb {
  margin-top: 28px !important;
}

.medium.info.btn.icon-left.icon-mail.dit.cyan-b:hover {
  background: none repeat scroll 0 0 #006487 !important;
}

.medium.info.btn.icon-left.icon-mail.cyan-b.sid:hover {
  background: none repeat scroll 0 0 #006487 !important;
}
.gre-top-3 {
  width: 98% !important;
  padding-left: 1%;
  padding-right: 1%;
}
.gre-emr {
  left: 0 !important;
  margin: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: -36px !important;
  width: auto !important;
  height: 35px !important;
}
.ejadha_values {
  width: 100px !important;
  display: inline-block;
}
.h-width-fix {
  width: 100% !important;
}
#code_list {
  width: 100% !important;
}
.lab-data tr {
  background: none !important;
}

.smi-2 {
  position: static !important;
  margin-bottom: 5px;
}
.diiit {
  margin-top: 0px !important;
  width: 60% !important;
}
.ci {
  width: 26% !important;
}

.smi-3 {
  margin-bottom: -10px;
  position: static !important;
}

.denied_tooltip {
  cursor: pointer;
}

.birth-errorformError,
.belongs_type_errorformError {
  left: 56% !important;
}
.belongs_type_errorformError {
  left: 20% !important;
}
.gender-errorformError {
  left: 25% !important;
  top: 0 !important;
}
.role_errorformError {
  left: 81% !important;
}
.smi-4 {
  margin-bottom: 5px;
  position: absolute;
}
.onset_date_pickformError {
  left: 50% !important;
}
.mem-birth-errorformError {
  left: 70% !important;
  top: 7% !important;
}
.mem-gender-errorformError {
  left: 35% !important;
  top: 10% !important;
}
.mem-marital-errorformError {
  left: 67% !important;
  top: 30% !important;
}
.mem-bypass-errorformError {
  left: 55% !important;
  top: 0 !important;
}
.non_erx_modeformError {
  left: 55px !important;
  margin-top: -10px !important;
}

.emr-h70 {
  width: 68% !important;
  border: none !important;
  border-bottom: none !important;
}
.emr-sts {
  min-height: 1px !important;
  width: 14% !important;
}
.emr-h15 {
  width: 15% !important;
}
.emr-line {
  margin: 0;
  border: none;
  border-bottom: 1px solid #ececec;
}
.search_provider_container {
  width: 250px !important;
}

.search_provider_container #provider_name_ctr,
#provider_name_list2_ctr {
  text-align: left;
}

#claim_list_filter #card_number,
#claim_list_filter #soap_number,
#claim_list_pending_filter #soap_number_2,
#claim_list_pending_filter #card_number_2,
#pend_case_list_filter #soap_number_3,
#pend_case_list_filter #card_number_3,
#escalated_case_list_filter #soap_number_4,
#escalated_case_list_filter #card_number_4 {
  height: 35px;
}

.grey {
  color: #777777 !important;
}
.mleft0 {
  margin-left: 0 !important;
}
.mr-5 {
  margin-right: 5% !important;
}
.pharmacy-edit-icon {
  margin-top: -30% !important;
}
.pharmacy-edit-box {
  margin-top: 5%;
  width: 25%;
  height: 28px;
  text-align: center;
  border: 1px solid #eaeaea;
}
.color-box {
  display: inline-block;
  height: 13px;
  margin-left: 7px;
  margin-top: 10px;
  width: 15px;
}
.color-box-h4 {
  color: #777777;
  display: inline;
  font-family: Arial !important;
  font-size: 12px !important;
  font-weight: normal !important;
  line-height: 25px !important;
  padding-left: 5px;
}
#session_val {
  width: 10% !important;
}

.patient_form {
  height: 65px;
}
.field.mcc-approve {
  padding-right: 85px;
}
.service-block .field.pad > li.field > .h-width > label {
  margin-top: 14px;
}

.warning-b {
  background: #f6b83f !important;
}
.vip-b {
  background: #58c026 !important;
}
#comment_error {
  width: 220px;
  border: 1px solid #d8d8d8;
  padding: 5px;
  border-radius: 5px;
  font-family: Arial;
  font-size: 11px;
  text-transform: uppercase;
  background-color: rgb(255, 249, 242);
  color: rgb(211, 0, 0);
  text-align: left;
}
table.escalated_comments tr {
}
table.escalated_comments td {
  padding: 10px;
}
table.escalated_comments tr:first-child td {
  background-color: #efefef;
}
table.escalated_comments tr td {
  border: 1px solid #ececec;
}
table.escalated_comments td {
  padding: 10px;
}
#show-comment-escalate-view td {
  line-height: 15px;
}
.inconsistency_line_height {
  line-height: 1.5;
}
.maintenance_div {
  padding: 10px;
  margin: 40px;
}
.maintenance_div h4 {
  color: #0bb8c1;
  font-family: arial;
  font-size: 24px;
  font-weight: normal;
  margin: -10px 0 0;
}
.maintenance_div ul li {
  color: #898989;
  font-size: 15px;
  margin: 0 30px;
  list-style-type: disc;
  padding: 0;
}
.maintenance_div h5 {
  color: #0bb8c1;
  font-size: 16px;
  margin: -20px 0 0;
}
.maintenance_div p {
  font-size: 16px;
  line-height: 1.5;
  color: #898989;
  margin: 0 0 10px;
  text-align: justify;
}
.maintenance_div b {
  font-weight: bold;
}
.maintenance_div img {
  padding: 5px 0;
  margin: 0;
}
.maintenance-b {
  height: 83% !important;
}
.taleft {
  text-align: left !important;
}
#membership_message {
  height: auto !important;
  line-height: 1 !important;
}
.benefit_red {
  color: red;
}
.other_benefits {
  font-size: 16px !important;
  padding: 3px 0 0 0;
}
.ajax-upload-dragdrop span b {
  display: none;
}
#rule_parent {
  width: 98%;
  padding-left: 16px;
}
.txcenter {
  text-align: center;
}
.txbold {
  font-weight: bold !important;
}
.service_list_mcc .paging {
  float: left !important;
}
.emergency_mcc {
  font-size: 18px;
  color: #f5696c;
  padding-left: 75%;
  font-family: Arial;
  font-weight: normal;
}
.benefit_underline {
  text-decoration: underline;
}
.nd_user {
  position: relative;
  pointer-events: none;
  opacity: 1;
}
div.nd_user:after {
  position: absolute;
  left: 0;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  background: #ffffffb5;
  z-index: 1;
}
.nd_title {
  display: none;
  position: absolute;
  margin-left: 45%;
  top: 45%;
  z-index: 2;
  font-weight: bold;
}
.nd_title label {
  font-weight: bold;
  font-size: 13px !important;
  border: 2px solid;
  padding: 6px;
  border-radius: 5px;
}
.mandatory_lbl {
  color: red;
  font-size: 15px;
}
.lh15 {
  line-height: 1.5 !important;
}
.disclaimer_text {
  color: red;
  float: left;
}
.warning_benefit {
  background: none !important;
}
/* common.css END */

table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 0px solid #111;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  /*    border-top: 1px solid #111;*/
}
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
  cursor: pointer;
  *cursor: hand;
}

.main-wrap thead {
  background: linear-gradient(to bottom, #fafafa 0%, #fdfdfd 100%) repeat scroll
    0 0 rgba(0, 0, 0, 0);
  color: #575759;
  font-size: 12px;
  font-weight: bold;
}

table.dataTable thead .sorting {
  background: url("../images/sort_both.png") no-repeat center right;
}
table.dataTable thead .sorting_asc {
  background: url("../images/sort_asc.png") no-repeat center right;
}
table.dataTable thead .sorting_desc {
  background: url("../images/sort_desc.png") no-repeat center right;
}
table.dataTable thead .sorting_asc_disabled {
  background: url("../images/sort_asc_disabled.png") no-repeat center right;
}
table.dataTable thead .sorting_desc_disabled {
  background: url("../images/sort_desc_disabled.png") no-repeat center right;
}
table.dataTable tbody tr {
  background: linear-gradient(to top, #f3f3f3, #fefefe) repeat scroll 0 0
    rgba(0, 0, 0, 0);
  color: #575759;
  border-top: 1px solid #d2d2d2;
}
table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 2px 10px;
}
table.dataTable th.center,
table.dataTable td.center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.right,
table.dataTable td.right {
  text-align: right;
}
table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border-top: 1px solid #d2d2d2 !important;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background: #eaeaea;
  color: #575759;
}
table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected {
  background-color: #abb9d3;
}
table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover,
table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover {
  background-color: #f5f5f5;
}
table.dataTable.hover tbody tr:hover.selected,
table.dataTable.hover tbody tr.odd:hover.selected,
table.dataTable.hover tbody tr.even:hover.selected,
table.dataTable.display tbody tr:hover.selected,
table.dataTable.display tbody tr.odd:hover.selected,
table.dataTable.display tbody tr.even:hover.selected {
  background-color: #a9b7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3,
table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #f9f9f9;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3,
table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad4;
}
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr.odd > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: #f5f5f5;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b3cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a7b5ce;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b6d0;
}
table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background: -webkit-linear-gradient(
    top,
    #f3f3f3,
    #fefefe
  ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(
    top,
    #f3f3f3,
    #fefefe
  ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(
    top,
    #f3f3f3,
    #fefefe
  ); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to top, #f3f3f3, #fefefe); /* Standard syntax */
  color: #575759;
}
table.dataTable.display tbody tr.even > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fbfbfb;
}
table.dataTable.display tbody tr.even > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fdfdfd;
}
table.dataTable.display tbody tr.even.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad4;
}
table.dataTable.display tbody tr.even.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #adbbd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.display tbody tr.odd:hover > .sorting_1,
table.dataTable.display tbody tr.even:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.display tbody tr.odd:hover > .sorting_2,
table.dataTable.display tbody tr.even:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 {
  background-color: #ebebeb;
}
table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.display tbody tr.odd:hover > .sorting_3,
table.dataTable.display tbody tr.even:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 {
  background-color: #eee;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.display tbody tr.even:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 {
  background-color: #a1aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.display tbody tr.even:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 {
  background-color: #a2afc8;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.display tbody tr.even:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 {
  background-color: #a4b2cb;
}
table.dataTable.no-footer {
  border: 1px solid #d2d2d2;
}
table.dataTable,
table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
}
.dataTables_wrapper .dataTables_filter input {
  border: 1px solid #d2d2d2;
  float: right;
  margin-bottom: 8px;
  margin-left: 0.5em;
  padding: 0.4%;
  position: relative;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  border: 1px solid rgba(0, 0, 0, 0);
  box-sizing: border-box;
  color: #333333 !important;
  cursor: pointer;
  display: inline-block;
  margin-left: 0px;
  padding: 0 6px;
  text-align: center;
  text-decoration: none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #cacaca;
  background-color: #fff;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fff),
    color-stop(100%, #dcdcdc)
  );
  background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  background-color: #585858;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #585858),
    color-stop(100%, #111)
  );
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #2b2b2b),
    color-stop(100%, #0c0c0c)
  );
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, rgba(255, 255, 255, 0)),
    color-stop(25%, rgba(255, 255, 255, 0.9)),
    color-stop(75%, rgba(255, 255, 255, 0.9)),
    color-stop(100%, rgba(255, 255, 255, 0))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.9) 25%,
    rgba(255, 255, 255, 0.9) 75%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.9) 25%,
    rgba(255, 255, 255, 0.9) 75%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.9) 25%,
    rgba(255, 255, 255, 0.9) 75%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.9) 25%,
    rgba(255, 255, 255, 0.9) 75%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.9) 25%,
    rgba(255, 255, 255, 0.9) 75%,
    rgba(255, 255, 255, 0) 100%
  );
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper
  .dataTables_scroll
  div.dataTables_scrollBody
  th
  > div.dataTables_sizing,
.dataTables_wrapper
  .dataTables_scroll
  div.dataTables_scrollBody
  td
  > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
#consultation li.field.no-pad.investigation-drugs-box {
  display: flex;
  align-items: baseline;
  margin-top: 
}
@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
  #consultation li.field.no-pad.investigation-drugs-box input {
    width: 50% !important;
    display: inline-block !important;
    float: none !important;
    margin-bottom: 10px;
  }
  #consultation li.field.no-pad.investigation-drugs-box label {
      display: inline-block !important;
      float: none !important;
      width: 45% !important;
  }
  #consultation li.field.no-pad.investigation-drugs-box {
    display: block;
    white-space: initial;
  }
  #consultation li.field.no-pad.investigation-drugs-box select{ 
    margin-bottom:10px;
  }
  #add_theraputic.mob-a-tag-2 {
    top: auto;
    bottom: 0 !important;
    z-index: 100;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}

#dataTable_length > label {
  margin-left: 3px;
}

.dataTables_length select {
  border: 1px solid #d2d2d2;
}

.xscroll th,
.xscroll td {
  white-space: nowrap;
}
/*common.css End*/

/*custom.css Start*/

* {
  border: 0 none;
  margin: 0;
  outline: medium none;
  padding: 0;
}

*::-moz-placeholder {
  color: #1b1b1b;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  text-transform: capitalize;
}
*::-moz-selection {
  background: none repeat scroll 0 0 #a4ecab;
}

label {
  color: #777777;
  font-size: 14px !important;
  padding-right: 15px !important;
  width: 4%;
}

html,
body {
  background-color: #efefef !important;
  outline: 0px none;
}

body::-webkit-scrollbar {
  width: 1em;
}

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

body::-moz-scrollbar {
  width: 1em;
}

body::-moz-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-moz-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.clear {
  clear: both;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.orange {
  color: #ffa500;
}

.hei {
  max-height: 97% !important;
  overflow-x: hidden;
  overflow-y: hidden;
}
.fileUpload {
  background: none repeat scroll 0 0 #cecece !important;
  border: 0 solid #ababab;
  font-size: 12px !important;
  margin: 10px 3px 9px;
  overflow: hidden;
  padding: 22px 26px !important;
  position: relative;
  top: 21px;
  width: 75px !important;
  height: 32px !important;
}
.fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 12px !important;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

.fileUpload.medium.info.btn > span:not(*:root) {
  margin-top: -20px !important;
}

.fileUpload.medium.info.btn > span:not(:root) {
  margin-top: 0 !important;
  position: absolute;
  right: 11px;
}

.fileUpload input.upload:not(*:root) {
  position: absolute !important;
  margin-top: 0px !important;
  cursor: pointer !important;
}

.lna {
  width: 98% !important;
}

.m-width {
  display: inline-table;
  padding-right: 11%;
  width: 51%;
}
.bit {
  width: 20% !important;
}
.smi {
  position: absolute;
}

.upload_help_text {
  display: inline-block;
  float: left;
  padding-left: 50px;
  padding-top: 24px;
  white-space: normal;
  font-size: 12px !important;
}

.upload_help_text > p {
  font-size: 14px;
}

.ditss {
  height: 32px !important;
  width: 70px !important;
}
.q-width {
  display: inline-block;
  width: 33%;
}

.w-width {
  display: inline-table;
  width: 33.2%;
}

.s-width {
  display: inline-block;
  width: 16%;
}

.pos {
  margin-left: 45%;
  margin-top: 2px;
  position: absolute;
}

#smessage {
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative !important;
  width: 99% !important;
}

.radio {
  margin-top: 4px;
}

.x-width {
  display: inline-block;
  margin-top: 26px;
  position: absolute;
  width: 20%;
}

.alert.pos.danger p {
  display: inline-block !important;
  font-size: 12px;
  margin-left: 10px;
}
#dobpicker1 fieldset {
  margin: 0 !important;
}

.dits {
  float: right !important;
  height: 33px !important;
  margin-left: 98px !important;
  position: absolute;
  width: 10% !important;
}
.brow-dit {
  float: left;
  width: 88% !important;
  margin-top: -3px !important;
}

.dit {
  width: 80px !important;
}

.field.brow {
  display: block;
  flex-wrap: nowrap;
  font-size: 16px;
  margin-bottom: 10px;
  max-width: 100%;
  overflow: visible;
  padding-right: 14px;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
}

.hasDatepicker {
  background: url("../images/cal.png") no-repeat scroll right 10px center
    #ffffff;
  border: 1px solid #d8d8d8 !important;
  height: 24px;
  padding: 5px !important;
}

.brow {
  border: 1px solid #e4e4e4 !important;
  height: 64px;
  padding-top: 13px;
}

.fixedb {
  position: fixed;
  bottom: 0px;
}

.fixed {
  display: inline !important;
  position: fixed;
  top: 169px;
}

.b {
  color: #505050;
  font-size: 13px !important;
  font-weight: 600 !important;
}
.c {
  color: #505050;
  font-family: tahoma, Arial;
  font-size: 13px !important;
  font-weight: 100 !important;
}

.bottomfixed {
  position: absolute;
  bottom: 0px;
}

.white-wrap-align {
  margin-bottom: 20px;
  padding: 1.5%;
}

.white-align {
  margin-bottom: 20px;
  padding: 16px 0px;
}

.center {
  line-height: 2;
  text-align: center;
}

/* FONT SETTINGS*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Arial !important;
  color: #777777;
  font-weight: normal !important;
}

h1 {
  font-size: 142px !important;
  line-height: 167px !important;
}

h2 {
  font-size: 40px !important;
  line-height: 68px !important;
}

h3 {
  font-size: 26px !important;
}

h4 {
  font-size: 24px !important;
}

h5 {
  font-size: 18px !important;
}

h6 {
  font-size: 26px !important;
}

h5 {
  font-size: 13px !important;
  padding-top: 20px !important;
}

/* BORDER 3 SETTINGS*/

.lb-cyan {
  border-left: 3px solid #58b7af !important;
}
.lb-grey {
  border-left: 3px solid #c6c6c6 !important;
}
.lb-yellow {
  border-left: 3px solid #ffc000 !important;
}
.lb-red {
  border-left: 3px solid #ff7770 !important;
}
.lb-blue {
  border-left: 3px solid #4ac7da !important;
}

/* BORDER 4 SETTINGS*/

.lb-cyan4 {
  border-left: 4px solid #58b7af !important;
  border-top: 1px solid #ffffff !important;
}
.lb-grey4 {
  border-left: 4px solid #c6c6c6 !important;
}
.lb-yellow4 {
  border-left: 4px solid #ffc000 !important;
}
.lb-red4 {
  border-left: 4px solid #ff7770 !important;
}
.lb-blue4 {
  border-left: 4px solid #4ac7da !important;
}

.rb {
  border-right: 1px solid;
}
.tb {
  border-top: 1px solid;
}
.bb {
  border-bottob: 1px solid;
}

.all-b,
.all-b * {
  font-weight: bold !important;
}

/* COLOR SETTINGS*/
/* Font Color*/

.white-sel,
.white-sel * {
  background: #ffffff;
  font-weight: bold !important;
}
.white-cel,
.white-cel * {
  background: none repeat scroll 0 0 #ffffff;
}

.white-cel-bg,
.white-cel-bg * {
  background-color: #ffffff;
}

.red,
.red * {
  color: #ff7770 !important;
}
.blue {
  color: #4ac7da !important;
}
.cyan {
  color: #0bb8c1 !important;
}
.brown {
  color: brown !important;
}
.red {
  color: #f5696c;
}
.yellow {
  color: #ffc000;
}
.yellowl {
  color: #fff568;
}
.grey {
  color: #ababab;
}
.grey7 {
  color: #777777;
}
.d-grey {
  color: #8f8f8f;
}
.green {
  color: #339335 !important;
}
.dgreen {
  color: #00b050 !important;
}

/* BG Color*/
.white {
  background: #ffffff;
}
.yellow-b {
  background: #f8cb00;
}
.cyan-b {
  background: #0bb8c1 !important;
}
.red-l {
  background: #f5696c !important;
}
.blue-dark {
  background: #16638a !important;
}
.red-dark {
  background: #a52a2a !important;
}
.yellow-dark {
  background: #f6b83f !important;
}
.black-b {
  background: #000 !important;
}
.lgreen-b {
  background: #58c026 !important;
}

.grey-b {
  background: #f3f3f3;
}
.greyl-b {
  background: #b7b7b7;
}
.greyd-b {
  background: #9b9b9b;
}
.blue-b {
  background: #67c4d6 !important;
}
.brown-b {
  background: brown !important;
}
.grey-bb {
  background: #747474 !important;
}
.blue-l {
  background: #32aeec !important;
}
.orange-l {
  background: #e86339 !important;
}
.purple-l {
  background: #9a6cd2 !important;
}

.grey-bg {
  background: none repeat scroll 0 0 #f8f8f8;
  border: 1px solid #e1e1e1;
  margin-bottom: 15px;
}

.dop {
  left: 0;
  margin-top: 54px;
  position: static !important;
}

.white-sel p {
  font-size: 12px;
  font-weight: normal !important;
  line-height: 21px;
  padding: 20px 10px 10px 10px;
}

.white-bg {
  background-color: #ffffff;
  border: 1px solid #e2e2e2;
  height: 300px !important;
  overflow-y: auto;
  padding: 0;
}

.lgrey-bg {
  background-color: #fcfcfc;
  border: 1px solid #f0f0f0;
  height: auto;
  overflow-y: auto;
  padding: 0;
}

.pad {
  padding: 1% 2%;
}

.pad-1 {
  padding: 1% 1%;
}

.pad-1-fix {
  padding: 1% 1% 0% 1% !important;
}

.dit {
  margin-right: 2%;
}

.white-bg-nor {
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
  padding: 2%;
}

.white-bbg {
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
}

.white-bgg {
  background-color: #ffffff !important;
}

/* ICON SETTINGS*/

.dashboard,
.register-patient,
.queue,
.search-members,
.support-tickets,
.patient-registration,
.reports,
.search,
.add,
.manage_insured,
.validate-card,
.patient,
.cost,
.provider,
.master-data,
.rules,
.waiting,
.tickets,
.notifi,
.reffer,
.invoice,
.lab,
.sync-main,
.eligibility-check,
.chronic,
.pic
 {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  line-height: 81px;
  z-index: 9999;
}

.dashboard {
  background-image: url("../images/dashboard.png");
}
.rules {
  background-image: url("../images/rules.png");
}
.register-patient {
  background-image: url("../images/paeient_reg.png");
}
.eligibility-check {
  background-image: url("../images/eligibility_check.png");
}
.sf-menu .queue {
  background-image: url("../images/queue.png") !important;
  z-index: 9999 !important;
}
.search-members {
  background-image: url("../images/search_patient.png");
}
.support-tickets {
  background-image: url("../images/ticket.png");
}
.patient-registration {
  background-image: url("../images/search.svg");
}
.reports {
  background-image: url("../images/repots.png");
}
.manage_insured {
  background-image: url("../images/repots.png");
}
.tick {
  background-image: url("../images/tick.png");
  width: 19px;
  height: 16px;
  background: #ff0 !important;
}
.search {
  background-image: url("../images/search.png");
}
.waiting {
  background-image: url("../images/waiting.png");
}
.validate-card {
  background-image: url("../images/validate-card.png") !important;
}
.add {
  background-image: url("../images/add.png");
}
.patient {
  background-image: url("../images/patient.png");
}
.cost {
  background-image: url("../images/cost.png");
}
.provider {
  background-image: url("../images/provider.png");
}
.master-data {
  background-image: url("../images/data.png");
}
.sf-menu .tickets {
  background-image: url("../images/tickets.png") !important;
}
.notifi {
  background-image: url("../images/notification.png");
}
.reffer {
  background-image: url("../images/reffer.png");
}
.invoice {
  background-image: url("../images/invoice.png");
}
.lab {
  background-image: url("../images/lab.png");
}
.pharmacy.dir,
.chronic.dir {
  background-image: url("../images/pharmacy.png");
}
.tickets {
  background-image: url("../images/tickets.png") !important;
}
.sync-main {
  background-image: url("../images/sync_main.png");
}
.pic {
  background-image: url("../images/pic-dir.png");
}
.icon-re-consult {
  background: url("../images/re-consult.png") no-repeat;
  width: 16px;
  height: 14px;
}
.icon-edit,
.icon-pick,
.icon-pencil,
.icon-add,
.icon-delete,
.icon-freez,
.icon-unfreez,
.icon-caancel,
.icon-print-page,
.icon-emergency,
.icon-consult,
.icon-reject,
.icon-approve,
.icon-view,
.icon-bin,
.icon-permission,
.icon-link,
.icon-justify,
.icon-generate,
.icon-memberv,
.icon-pharmacy,
.icon-fec-ser,
.icon-schedule,
.icon-save,
.icon-dispense,
.icon-sync,
.icon-sync-pharma,
.icon-renew,
.icon-speciality,
.icon-sync-speciality,
.icon-pwd-view {
  background-repeat: no-repeat;
  background-size: 16px 16px;
  height: 21px;
  position: relative !important;
  top: 6px;
  width: 16px;
  z-index: 9999;
}

.icon-memberv {
  background-image: url("../images/mem.png");
}
.icon-edit {
  background-image: url("../images/edit.png");
}
.icon-view {
  background-image: url("../images/icon-view.png");
}
.icon-flag {
  background-image: url("../images/flag.png");
  background-repeat: no-repeat;
  display: block;
  height: 16px;
  width: 19px;
}
.icon-approve {
  background-image: url("../images/icon-approve.png");
}
.icon-reject {
  background-image: url("../images/icon-reject.png");
}
.icon-print-page {
  background-image: url("../images/icon-print.png");
  background-repeat: no-repeat;
}

.icon-pencil {
  background-image: url("../images/edit.png");
}
.icon-add {
  background-image: url("../images/add-new.png");
}
.icon-delete {
  background-image: url("../images/delete.png");
}
.icon-freez {
  background-image: url("../images/unlocked.png");
}
.icon-unfreez {
  background-image: url("../images/locked.png");
}
.icon-bin {
  background-image: url("../images/bin.png");
  top: -1px !important;
}
.icon-permission {
  background-image: url("../images/lock.png");
  top: 5px !important;
}
.icon-caancel {
  background-image: url("../images/cancel.png");
}
.icon-emergency {
  background-image: url("../images/emergency-icon.png");
}
.icon-consult {
  background-image: url("../images/consult.png");
}
.icon-justify {
  background-image: url("../images/justify.png");
}
.icon-link {
  background-image: url("../images/link.png");
}
.icon-generate {
  background-image: url("../images/gen.png");
}
.icon-pharmacy {
  background-image: url("../images/pharma.png");
}
.icon-fec-ser {
  background-image: url("../images/serv.png");
}
.icon-pick {
  background-image: url("../images/pick.png");
}
.icon-schedule {
  background-image: url("../images/icon-clock.png");
}
.icon-save {
  background-image: url("../images/icon-save.png");
}
.icon-dispense {
  background-image: url("../images/dispense.png");
}
.icon-sync {
  background-image: url("../images/synchronize.png");
}
.icon-sync-pharma {
  background-image: url("../images/synchornize-pharmacy.png");
}
.icon-renew {
  background-image: url("../images/renew.png");
}
.icon-speciality {
  background-image: url("../images/speciality.png");
}
.icon-sync-speciality {
  background-image: url("../images/synchornize-speciality.png");
}
.icon-pwd-view {
  background-image: url("../images/icon-view.png");
  position: relative !important;
  margin: 5px 4% -2px -35px !important;
  background-size: 20px 20px !important;
  cursor: pointer;
}

.ico-user,
.ico-pic,
.ico-role,
.ico-ig,
.ico-provider,
.ico-notification,
.ico-lab,
.ico-pharmacy {
  background-repeat: no-repeat;
  background-size: 47px 47px;
  display: block;
  height: 47px;
  margin-left: auto;
  margin-right: auto;
  position: relative !important;
  top: 30px;
  width: 47px;
  z-index: 9999;
}

.ico-user {
  background-image: url("../images/regis.png");
}
.ico-pic {
  background-image: url("../images/pic.png");
}
.ico-role {
  background-image: url("../images/roles.png");
}
.ico-ig {
  background-image: url("../images/ig.png");
}
.ico-provider {
  background-image: url("../images/prov.png");
}
.ico-notification {
  background-image: url("../images/notificatio.png");
}
.ico-lab {
  background-image: url("../images/lab.png");
}
.ico-pharmacy {
  background-image: url("../images/pharmacy.png");
}

.ico {
  background: linear-gradient(to bottom, #f6f6f6 0%, #e5e5e5 100%) repeat scroll
    0 0 rgba(0, 0, 0, 0);
  border: 1px solid #ececec;
  border-radius: 10px;
  display: inline-block;
  height: 128px;
  width: 128px;
  margin-left: 2%;
}

.ico-wrap {
  display: inline-block;
  margin-bottom: 20px;
  margin-left: 6%;
  width: 40%;
}

.ico-wrap-2 {
  display: inline-block;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 1%;
}

html[xmlns*=""] .ico-head {
  font-weight: bold;
  text-align: center;
  width: 128px;
  color: #000000 !important;
  color: red;
}
ody:last-child #seis {
  color: red;
}
.static-button-3 {
  margin-top: 10px;
  width: 15%;
}

/* Icon Size*/

.zoom2x {
  background-size: 15px 15px !important;
  background-position: 11px 13px !important;
}

.zoom1x {
  background-position: 16px 18px !important;
  background-size: 20px 20px !important;
}

.zoom1x-n {
  background-position: 0px 0px !important;
  background-size: 20px 20px !important;
}
.validate-card.zoom1x-n {
  background-position-y: -6px !important;
  padding-left: 15px;
}

/* Table Icons*/

.opens {
  background-image: url("../images/open.png") !important;
  background-repeat: no-repeat !important;
  height: 10px;
  width: 14px;
  background-position: 7px 7px !important;
}

.mfix {
  margin-right: 3.94% !important;
}

.opened {
  background-image: url("../images/opened.png") !important;
  background-repeat: no-repeat !important;
  height: 10px;
  width: 14px;
  background-position: 7px 5px !important;
}

.approve,
.deny {
  background-repeat: no-repeat;
  background-size: 16px 16px;
  display: inline-block;
  height: 16px;
  margin-left: 3px;
  position: relative !important;
  top: 3px;
  width: 16px;
  z-index: 9999;
}

.side-di {
  width: 100%;
  border-top: 1px solid #e3e3e3;
  padding: 4px 0px;
}

.top-5 > span {
  display: inline-block;
  margin-top: 0%;
  position: relative;
  width: 57%;
}

.top-5:first-child {
  display: inline-block;
  margin-top: 1%;
  position: absolute !important;
  margin-left: 2% !important;
}

.approve {
  background-image: url("../images/app.png");
  margin-left: -14%;
}
.deny {
  background-image: url("../images/den.png");
}

.notice,
.memo,
.circular {
  background-position: -1px -2px;
  background-repeat: no-repeat;
  background-size: 21px 20px;
  display: inline-block;
  float: left;
  height: 16px;
  margin-left: 4px !important;
  margin-right: 0;
  position: relative !important;
  top: 0px;
  width: 16px;
  z-index: 9999;
}

.notice {
  background-image: url("../images/notice.png");
  margin-left: -14%;
}
.memo {
  background-image: url("../images/memo.png");
}
.circular {
  background-image: url("../images/cir.png");
}

.button-1.yellow-b:hover {
  background: none repeat scroll 0 0 #f8e015;
  color: #727272;
  cursor: pointer;
}

.button-1.cyan-b:hover {
  background: none repeat scroll 0 0 #28d5de !important;
  color: #727272;
  cursor: pointer;
}

.dashboard,
.register-patient,
.queue,
.search-members,
.support-tickets,
.patient-registration,
.reports,
.eligibility-check {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  font-size: 13px;
  line-height: 80px;
  margin-top: 0 !important;
  text-transform: inherit !important;
  z-index: 9999;
}

.xinput.textarea {
  border: 1px solid #d8d8d8;
  padding: 10px;
}
.head {
  color: #0bb8c1;
  display: block;
  font-size: 12px;
  line-height: 21px;
  margin-bottom: 8px;
  padding: 0;
  text-indent: 28px;
}
.float_head {
  width: 50%;
  float: left;
}
.lab {
  float: left;
  min-width: 13%;
}
.pharmacy.dir {
  float: left;
  min-width: 13%;
}

header {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  height: auto;
  background: #f3f3f3;
  margin: 0 auto;
  min-height: 110px;
  padding: 0 0%;
  width: 100%;
}

.two.columns.header-logo {
  height: 100px;
  margin-left: 15px;
}

.header-logo a {
  display: inline-block;
  vertical-align: middle;
  width: 96%;
}

.header-logo span {
  display: inline-block;
  width: 0.01%;
  height: 100%;
  vertical-align: middle;
}
.line {
  background-image: url("../images/line.jpg");
  height: 3px;
  width: 100%;
}

.line-footer {
  position: fixed;
  bottom: 0px;
  background-image: url("../images/line.jpg");
  height: 3px;
  width: 100%;
}

.doot {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #d8d8d8 !important;
  border-radius: 0;
  color: #8c8c8c;
  font-size: 12px !important;
  height: 32px;
  line-height: 34px;
  padding: 0 10px !important;
  position: relative;
  width: 250px !important;
  z-index: 0 !important;
}
/* ---------------------My Account-------------------- */
.my-account {
  background-image: url("../images/acc_icon.png");
  padding-right: 20px;
  position: absolute;
  right: -3px;
  top: 10px;
  width: 82px;
}

.my-account-name {
  color: #44b8af;
  font-weight: bold;
  padding-right: 19px;
  position: absolute;
  right: 0;
  top: 28px;
  white-space: nowrap;
  width: auto;
}
.acc-head {
  width: 90%;
  margin-bottom: 10px;
  display: inline-block;
  font-size: 13px !important;
  font-weight: bold !important;
}

.top-1 {
  margin-top: 1% !important;
}

.my-account:hover {
  cursor: pointer;
  background-image: url("../images/acc_icon_hover.png");
}

.greyd {
  margin-top: -40px !important;
  position: absolute;
}

.main-wrap {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #ffffff #e7e7e7 #e7e7e7 !important;
  border-image: none;
  border-style: solid;
  border-width: 0 1px 1px;
  height: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0px 0px;
  width: 98%;
}

.white-b {
  background: none repeat scroll 0 0 #ffffff;
  height: 100%;
  padding-bottom: 0 !important;
}
.photo {
  background: none repeat scroll 0 0 #f3f3f3;
  margin: 17px auto 8px;
  padding: 12px 0 0 10px;
  width: 90%;
}

.user-detail > ul {
  width: 100%;
}

.user-image {
  border: 2px solid #ffffff;
  border-radius: 50%;
  display: inline-block;
  font-size: 10px;
  height: 60px;
  line-height: 16px;
  overflow: hidden;
  text-align: center;
  width: 60px;
}

.width-99 {
  width: 99% !important;
}
.user-detail li {
  line-height: 14px;
  margin-top: -38px !important;
  max-width: 50%;
  white-space: pre-wrap;
}

#center_region > .row {
  margin-top: 10px !important;
  width: 100%;
}

.user-detail {
  display: inline-block;
  margin-left: 17px;
}

div.dropdown {
  margin: 3px -22px 0 0;
  color: #555555;
  height: 17px;
  position: fixed !important;
  right: 10px !important;
  text-align: left !important;
  top: 10px;
  width: 143px !important;
  z-index: 999999;
}

div.dropdown {
}

div.submenu {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #ffffff;
  border-radius: 17px 0 17px 17px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  padding: 10px 6px 9px;
  position: absolute;
  right: 16px;
  top: 35px;
  width: 340px;
  z-index: 99999999999 !important;
}

.dropdown li a {
  color: #555555;
  cursor: pointer;
  display: inline;
  font-family: arial;
  font-size: 12px;
  font-weight: normal;
  padding: 0 21px 5px 0;
  text-decoration: none;
}

.dropdown li a:hover {
  color: #0bb8c1;
  text-decoration: none;
}

.submenu > img {
  position: absolute;
  right: 9px;
  top: -9px;
}

.submenu > ul {
}

a.account {
  color: #555;
  cursor: pointer;
  display: block;
  font-size: 11px;
  height: 28px;
  line-height: 16px;
  margin: 0px 0 0 0px;
  padding: 11px 0 0 20px;
  position: absolute;
  text-decoration: none;
  width: 121px;
  z-index: 110;
}

.root {
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-size: 11px;
  padding: 11px 0 0 0px;
  border-top: 0px solid #dedede;
}

.root > li {
  border-bottom: 1px dotted #dcdcdc;
  display: inline-block;
  margin-left: 15px;
  min-width: 138px;
}

/* ------------------- ACCORDIAN -------------------- */

div.dropdown2 {
  color: #555555;
  height: 17px;
  margin: 3px -22px 0 0;
  position: fixed !important;
  right: 10px !important;
  text-align: left !important;
  top: 10px;
  width: 143px !important;
  z-index: 999998;
}

div.submenu2 {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #ffffff;
  border-radius: 5px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  padding: 10px 6px 9px;
  position: absolute;
  right: 40px;
  top: 81px;
  width: 340px;
  z-index: 99999;
}

.claims-footer.justified {
  background: #00a6a3;
}

.dropdown2 li a {
  color: #555555;
  cursor: pointer;
  display: inline;
  font-family: arial;
  font-size: 12px;
  font-weight: normal;
  padding: 0 21px 5px 0;
  text-decoration: none;
}

.dropdown2 li a:hover {
  color: #0bb8c1;
  text-decoration: none;
}

.submenu2 > img {
  position: absolute;
  right: 9px;
  top: -9px;
}

.submenu2 > ul {
}

.noti-header {
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  margin: 0;
  padding: 8px 14px;
}

.noti-footer {
  background: none repeat scroll 0 0 #f7f7f7;
  border-top: 1px solid #ebebeb;
  color: #444444;
  display: block;
  font-size: 12px;
  padding: 3px 0;
  text-align: center;
  text-decoration: none;
}

.noti-contents {
  border-bottom: 1px solid #ddd;
  display: block;
  line-height: 18px;
  width: 100%;
}

.noti-contents span {
  color: #777;
  font-weight: bold;
  line-height: 23px;
  margin-left: 11px;
}

.noti-detail {
  color: #777;
  font-size: 11px;
  line-height: 10px;
  margin-bottom: 6px;
  margin-left: 31px;
}

.noti-header a {
  color: #333;
  display: block;
  font-size: 11px;
  line-height: 15px;
  padding: 7px 5px 7px 45px;
  text-decoration: none;
}

.tim {
  color: #ccc !important;
  float: right !important;
  font-size: 10px !important;
  line-height: 34px !important;
  margin-right: 10px;
}

.noti-contents > a > .notice {
  margin-top: 7px;
}

.noti-contents > a > .memo {
  margin-top: 7px;
}

.noti-contents > a > .circular {
  margin-top: 7px;
}

.noti-contents:hover {
  background: #ececec;
  cursor: pointer;
}

.permission > label {
  display: inline-block !important;
  font-size: 12px !important;
  margin-bottom: 14px;
  width: auto !important;
}

.m2 {
  width: 100% !important;
}

.ui-accordion-header.ui-helper-reset.ui-state-default.ui-accordion-icons.ui-corner-all {
  background-color: #ffffff;
  background-image: url("../images/exp.png");
  background-position: right 9px center;
  background-repeat: no-repeat;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
  cursor: pointer;
  font-family: Arial !important;
  font-size: 12px !important;
  font-weight: normal !important;
  padding-left: 10px;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: -1px;
}

.ui-accordion-header.ui-helper-reset.ui-state-default.ui-accordion-icons.ui-accordion-header-active.ui-state-active.ui-corner-top {
  background-color: #44b8af !important;
  background-image: url("../images/col.png") !important;
  background-position: right 9px center;
  background-repeat: no-repeat;
  border: 1px solid #44b8af !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: normal !important;
  padding-left: 10px;
  cursor: pointer;
}

#tabs label {
  display: table-row-group;
}

.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active {
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  padding: 1%;
}

.ui-accordion-header.ui-helper-reset.ui-state-default.ui-corner-all.ui-accordion-icons:last-of-type {
  border-bottom: 1px solid #e1e1e1;
}
.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active:last-of-type {
  border-bottom: 1px solid #e1e1e1;
}

#accordion {
  border-left: 1px solid #e1e1e1;
  list-style: none outside none;
  margin-top: -26px;
  min-height: 500px;
  padding: 1.5%;
  width: 100%;
  padding-top: 35px;
}
#accordion li {
  border-bottom: 1px solid #e1e1e1;
  padding-left: 10px;
}

.colapse {
  display: inline-block;
  line-height: 53px;
  margin-bottom: 0 !important;
  margin-right: 24px;
  margin-top: -12px;
  z-index: 999999999 !important;
}

.colapse a {
  color: #777777 !important;
  font-size: 13px;
  z-index: 9999 !important;
}
.colapse a:hover {
  color: #44b8af;
  cursor: pointer;
}

#accordion > li {
  font-weight: bold;
  background-color: #ffffff;
  border-bottom: 1px solid #e1e1e1;
  padding-left: 10px;
  background-image: url("../images/exp.png");
  background-repeat: no-repeat;
  background-position: center right 9px;
}

#accordion > ul {
  margin: 0px;
}

#accordion > ul > li {
  border: 0px none;
}
#accordion ul {
  border: 0 solid #cccccc;
  display: none;
  list-style: none outside none;
  padding: 0;
}
#accordion ul li {
  background-color: #f7f7f7;
  cursor: auto;
  font-weight: normal;
  padding: 5px 20px 2px;
}
#accordion a {
  color: #494949;
  text-decoration: none;
}
#accordion a:hover {
  text-decoration: none;
}

/* ------------------- TAB -------------------- */

.ui-state-default.ui-tabs-active.ui-state-active.ui-corner-left {
  background-attachment: scroll !important;
  background-clip: border-box !important;
  background-color: #f3f3f3 !important;
  background-image: url("../images/act-aeeow.png");
  background-origin: padding-box !important;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto auto !important;
}

.ui-tabs-vertical {
  margin-left: 1%;
  width: 100%;
}
.ui-tabs-vertical .ui-tabs-nav {
  float: left;
  width: 15%;
}
.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active {
  height: auto !important;
  background: #f7f7f7;
}

.ui-tabs-vertical .ui-tabs-nav li {
  border-bottom-width: 1px !important;
  border-right-width: 0 !important;
  clear: left;
  margin: 0 0px 0em 0;
  width: 100%;
}
.ui-tabs-vertical .ui-tabs-nav li a {
  color: #777777;
  display: block;
  font-size: 12px;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
  padding-bottom: 0;
  padding-right: 0.1em;
  border-right-width: 1px;
  border-right-width: 1px;
}
.ui-tabs-vertical .ui-tabs-panel {
  float: right;
  padding: 0;
  width: 85%;
}
#tabContainer {
  border-radius: 0;
  overflow: auto;
  padding: 0;
  width: auto;
}

#tabs {
  border: 1px solid #e1e1e1;
  height: auto;
  min-height: 300px;
  overflow: hidden;
  width: 98%;
}
#tabs > ul {
  font: 1em;
  list-style: none;
}

#tabs > ul > li {
  background-color: #ffffff;
  border: 1px solid #eaeaea;
  margin-top: -2px;
  padding: 7px 10px 7px 14px !important;
  position: relative;
  width: 101%;
  z-index: 0 !important;
}
#tabs > ul > li:hover {
  background-color: #f8f8f8; /* firefox */
  cursor: pointer;
  color: #333;
}

#tabs > ul > li.tabActiveHeader {
  background-color: #fefefe;
  border-top: 2px solid #68d4cf;
  color: #464646;
  cursor: pointer;
  height: 42px;
  text-transform: capitalize !important;
  z-index: 0 !important;
}

#tabscontent {
  background: none repeat scroll 0 0 #f6f6f6;
  color: #333333;
  margin: 0 10px 10px 10px;
  padding: 0;
}

label a {
  font-size: 12px;
}
#tabContainer > #tabscontent {
  bottom: 40px;
  left: 18px;
  overflow-y: scroll;
  position: static;
  top: 204px;
  max-height: 565px !important;
}

.tabpage {
  border: 1px solid #d2d2d2;
}

/* ------------------- TABLE STYLE -------------------- */

/*  ***************************   DATA TABLE 1 ************************  */

.data {
  margin-bottom: 20px;
}

.data tr:nth-child(2n) {
  background-color: #ffffff;
}

.data tr {
  background: none repeat scroll 0 0 #eaeaea;
}

.data td {
  border-top: 1px solid #d2d2d2;
  color: #777777;
  height: 30px;
  padding-left: 28px;
  text-align: left !important;
}

.data td a {
  color: #575759;
  text-decoration: none;
  font-size: 12px;
}

.data td a:hover {
  text-decoration: underline;
}

.data th {
  background-color: #ffffff;
  border-bottom: 0 solid #cccccc;
  color: #333333;
  padding-left: 27px;
  text-align: left;
  white-space: nowrap;
}

.data th:last-child,
.data td:last-child {
  height: 30px;
  line-height: 18px;
  padding-right: 10px;
}

.data th a {
  color: #333333;
  font: 12px Arial, Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica,
    sans-serif;
  text-decoration: none;
  font-weight: bold;
}

.data th a:hover {
  text-decoration: underline;
}

.data .namedata {
  text-align: left;
}

.data .phonenumeric a {
  color: #333333;
}

.data th sup {
  font-size: 10px;
}

.data_subhead {
}

.data_subhead th {
  border-top: 1px solid #cccccc;
  border-bottom: none;
  color: #000;
  font: 14px Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-weight: normal;
  text-align: center;
  line-height: 5px;
}

.data_subhead th:empty {
  border: none;
}

.data_subhead th span {
  position: relative;
  background-color: #fff;
  padding: 0 10px;
  top: -5px;
}

/*  ***************************   DATA TABLE 2 ************************  */

.data-2 {
  margin-bottom: 20px;
}

.data-2 tr:nth-child(2n) {
  background-color: #ffffff;
}

.data-2 tr {
  background: none repeat scroll 0 0 #f5f5f5;
}

.data-2 td {
  border: 1px solid #dddddd;
  color: #6f6f6f;
  font-size: 11px;
  height: 21px !important;
  line-height: 18px;
  padding: 5px 10px;
}
.data-2 td a {
  color: #575759;
  text-decoration: none;
  font-size: 12px;
}

.data-2 td a:hover {
  text-decoration: underline;
}

.data-2 th {
  background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%) repeat scroll
    0 0 rgba(0, 0, 0, 0);
  border: 1px solid #dcdcdc;
  color: #767676;
  font-size: 11px;
  font-weight: bold;
  height: 21px !important;
  padding: 0 16px;
  text-align: center;
  white-space: nowrap;
}

.data-2 th:last-child,
.data-2 td:last-child {
  height: 30px;
  line-height: 18px;
  padding-right: 10px;
}

.investigation-5.sub-box {
  width: 65%;
}
.investigation-4.sub-box {
  width: 75%;
}
.data-2 th a {
  color: #333333;
  font: 12px Arial, Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica,
    sans-serif;
  text-decoration: none;
  font-weight: bold;
}

.data-2 th a:hover {
  text-decoration: underline;
}

.data-2 .namedata-2 {
  text-align: left;
}

.data-2 .phonenumeric a {
  color: #333333;
}

.data-2 th sup {
  font-size: 10px;
}

.data-2_subhead {
}

.data-2_subhead th {
  border-top: 1px solid #cccccc;
  border-bottom: none;
  color: #000;
  font: 14px Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-weight: normal;
  text-align: center;
  line-height: 5px;
}

.data-2_subhead th:empty {
  border: none;
}

.data-2_subhead th span {
  position: relative;
  background-color: #fff;
  padding: 0 10px;
  top: -5px;
}

/*  ***************************   DATA TABLE 3 ************************  */

.data-3 {
  margin-bottom: 20px;
}

.data-3 tr:nth-child(2n) {
  background-color: #ffffff;
}

.data-3 tr {
  background: none repeat scroll 0 0 #fbfbfb;
}

.data-3 td {
  border: 1px solid #dddddd;
  color: #6f6f6f;
  font-size: 11px;
  height: 30px !important;
  line-height: 18px;
  padding-left: 28px;
  text-align: left;
  padding-right: 10px;
}

.data-3 td a {
  color: #575759;
  text-decoration: none;
  font-size: 12px;
}

.data-3 td a:hover {
  text-decoration: underline;
}

.data-3 th {
  background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%) repeat scroll
    0 0 rgba(0, 0, 0, 0);
  border: 1px solid #dcdcdc;
  color: #767676;
  font-size: 11px;
  font-weight: bold;
  height: 30px !important;
  padding-left: 0;
  text-align: center;
  white-space: nowrap;
}

.data-3 th:last-child,
.data-3 td:last-child {
  height: 30px;
  line-height: 18px;
  padding-right: 10px;
}

.data-3 th a {
  color: #333333;
  font: 12px Arial, Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica,
    sans-serif;
  text-decoration: none;
  font-weight: bold;
}

.data-3 th a:hover {
  text-decoration: underline;
}

.data-3 .namedata-3 {
  text-align: left;
}

.data-3 .phonenumeric a {
  color: #333333;
}

.data-3 th sup {
  font-size: 10px;
}

.data-3_subhead {
}

.data-3_subhead th {
  border-top: 1px solid #cccccc;
  border-bottom: none;
  color: #000;
  font: 14px Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-weight: normal;
  text-align: center;
  line-height: 5px;
}

.data-3_subhead th:empty {
  border: none;
}

.data-3_subhead th span {
  position: relative;
  background-color: #fff;
  padding: 0 10px;
  top: -5px;
}

/*  ***************************   DATA TABLE 33 ************************  */

.data-33 {
  margin-bottom: 20px;
}

.data-33 tr:nth-child(2n) {
  background-color: #ffffff;
}

.data-33 tr {
  background: none repeat scroll 0 0 #fbfbfb;
}

.data-33 td {
  border: 1px solid #dddddd;
  color: #6f6f6f;
  font-size: 11px;
  height: 30px !important;
  line-height: 18px;
  padding-left: 28px;
  text-align: left;
  padding-right: 30px;
}

.data-33 td a {
  color: #575759;
  text-decoration: none;
  font-size: 12px;
}

.data-33 td a:hover {
  text-decoration: underline;
}

.data-33 th {
  background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%) repeat scroll
    0 0 rgba(0, 0, 0, 0);
  border: 1px solid #dcdcdc;
  color: #767676;
  font-size: 11px;
  font-weight: bold;
  height: 30px !important;
  padding-left: 0;
  text-align: center;
  white-space: nowrap;
}

.data-33 th:last-child,
.data-33 td:last-child {
  height: 30px;
  line-height: 18px;
  padding-right: 10px;
}

.data-33 th a {
  color: #333333;
  font: 12px Arial, Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica,
    sans-serif;
  text-decoration: none;
  font-weight: bold;
}

.data-33 th a:hover {
  text-decoration: underline;
}

.data-33 .namedata-33 {
  text-align: left;
}

.data-33 .phonenumeric a {
  color: #333333;
}

.data-33 th sup {
  font-size: 10px;
}

.data-33_subhead {
}

.data-33_subhead th {
  border-top: 1px solid #cccccc;
  border-bottom: none;
  color: #000;
  font: 14px Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-weight: normal;
  text-align: center;
  line-height: 5px;
}

.data-33_subhead th:empty {
  border: none;
}

.data-33_subhead th span {
  position: relative;
  background-color: #fff;
  padding: 0 10px;
  top: -5px;
}

.data-33 td input {
  border: 1px solid #d0d0d0 !important;
  font-size: 12px !important;
  margin-left: -17px !important;
  padding: 2px 10px !important;
}

/*  ***************************   DATA TABLE 4 ************************  */

.data-4 {
  margin-bottom: -2px;
}

.data-4 tr:nth-child(2n) {
  background-color: #f6f6f6;
}

.data-4 tr {
  background: none repeat scroll 0 0 #ffffff;
}

.data-4 td {
  border: 1px solid #dddddd;
  color: #6f6f6f;
  font-size: 11px !important;
  height: 30px !important;
  line-height: 21px !important;
  padding-left: 15px;
  padding-right: 10px;
  text-align: left;
}

.data-4 td a {
  color: #575759;
  text-decoration: none;
  font-size: 12px;
}

.data-4 td a:hover {
  text-decoration: underline;
}

.data-4 th {
  background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%) repeat scroll
    0 0 rgba(0, 0, 0, 0);
  border: 1px solid #dcdcdc;
  color: #767676;
  font-size: 11px;
  font-weight: bold;
  height: 30px !important;
  padding-left: 0;
  text-align: center;
  white-space: nowrap;
}

.data-4 th:last-child,
.data-4 td:last-child {
  height: 30px;
  line-height: 18px;
  padding-right: 10px;
}

.data-4 th a {
  color: #333333;
  font: 12px Arial, Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica,
    sans-serif;
  text-decoration: none;
  font-weight: bold;
}

.data-4 th a:hover {
  text-decoration: underline;
}

.data-4 .namedata-4 {
  text-align: left;
}

.data-4 .phonenumeric a {
  color: #333333;
}

.data-4 th sup {
  font-size: 10px;
}

.data-4_subhead {
}

.data-4_subhead th {
  border-top: 1px solid #cccccc;
  border-bottom: none;
  color: #000;
  font: 14px Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-weight: normal;
  text-align: center;
  line-height: 5px;
}

.data-4_subhead th:empty {
  border: none;
}

.data-4_subhead th span {
  position: relative;
  background-color: #fff;
  padding: 0 10px;
  top: -5px;
}

/*  ***************************   DATA TABLE 5 ************************  */

.data-5 tr:nth-child(2n) {
  background-color: #f6f6f6;
}

.data-5 tr {
  background: none repeat scroll 0 0 #f6f6f6;
}

.data-5 td {
  border: 1px solid #e8e8e8;
  color: #4e4e4e;
  font-size: 11px;
  height: 30px !important;
  line-height: 18px;
  padding-left: 28px;
  padding-right: 10px;
  text-align: left;
}

.data-5 td a {
  color: #575759;
  text-decoration: none;
  font-size: 12px;
}

.data-5 td a:hover {
  text-decoration: underline;
}

.data-5 th {
  background: linear-gradient(to bottom, #f5f5f5 0%, #ececec 100%) repeat scroll
    0 0 rgba(0, 0, 0, 0);
  border: 1px solid #dcdcdc;
  color: #4e4e4e;
  font-size: 11px;
  font-weight: bold;
  height: 30px !important;
  padding-left: 0;
  text-align: center;
  white-space: nowrap;
}

.data-5 th:last-child,
.data-5 td:last-child {
  height: 30px;
  line-height: 18px;
  padding-right: 10px;
}

.data-5 th a {
  color: #333333;
  font: 12px Arial, Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica,
    sans-serif;
  text-decoration: none;
  font-weight: bold;
}

.data-5 th a:hover {
  text-decoration: underline;
}

.data-5 .namedata-5 {
  text-align: left;
}

.data-5 .phonenumeric a {
  color: #333333;
}

.data-5 th sup {
  font-size: 10px;
}

.data-5_subhead {
}

.data-5_subhead th {
  border-top: 1px solid #cccccc;
  border-bottom: none;
  color: #000;
  font: 14px Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-weight: normal;
  text-align: center;
  line-height: 5px;
}

.data-5_subhead th:empty {
  border: none;
}

.data-5_subhead th span {
  position: relative;
  background-color: #fff;
  padding: 0 10px;
  top: -5px;
}

.data-6 tr:nth-child(2n) {
  background-color: #eaeaea;
}

.data-6 tr {
  background: none repeat scroll 0 0 #fbfbfb;
}

.data-6 td {
  border: 1px solid #dddddd;
  color: #6f6f6f;
  font-size: 11px;
  height: 30px !important;
  line-height: 18px;
  padding-left: 28px;
  text-align: left;
  padding-right: 10px;
}

.data-6 td a {
  color: #575759;
  text-decoration: none;
  font-size: 12px;
}

.data-6 td a:hover {
  text-decoration: underline;
}

.data-6 th {
  background: #fbfbfb;
  border: 1px solid #dcdcdc;
  color: #767676;
  font-size: 11px;
  font-weight: bold;
  height: 30px !important;
  padding-left: 0;
  text-align: center;
  white-space: nowrap;
}

.data-6 th:last-child,
.data-6 td:last-child {
  height: 30px;
  line-height: 18px;
  padding-right: 10px;
}

.data-6 th a {
  color: #333333;
  font: 12px Arial, Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica,
    sans-serif;
  text-decoration: none;
  font-weight: bold;
}

.data-6 th a:hover {
  text-decoration: underline;
}

.data-6 .namedata-6 {
  text-align: left;
}

.data-6 .phonenumeric a {
  color: #333333;
}

.data-6 th sup {
  font-size: 10px;
}

.data-6_subhead {
}

.data-6_subhead th {
  border-top: 1px solid #cccccc;
  border-bottom: none;
  color: #000;
  font: 14px Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-weight: normal;
  text-align: center;
  line-height: 5px;
}

.data-6_subhead th:empty {
  border: none;
}

.data-6_subhead th span {
  position: relative;
  background-color: #fff;
  padding: 0 10px;
  top: -5px;
}

.data-7 tr:nth-child(2n) {
  background-color: #f6f6f6;
}

.data-7 tr {
  background: none repeat scroll 0 0 #f6f6f6;
}

.data-7 td {
  border-top: 1px solid #e8e8e8;
  color: #4e4e4e;
  font-size: 11px;
  height: 30px !important;
  line-height: 18px;
  padding-left: 28px;
  padding-right: 10px;
  text-align: left;
}

.data-7 td a {
  color: #575759;
  text-decoration: none;
  font-size: 12px;
}

.data-7 td a:hover {
  text-decoration: underline;
}

.data-7 th {
  background: none repeat scroll 0 0 #0bb8c4;
  border: 0 solid #dcdcdc;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  height: 30px !important;
  padding-left: 0;
  text-align: center;
  white-space: nowrap;
}
.data-7 th:last-child,
.data-5 td:last-child {
  height: 29px !important;
  line-height: 18px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: left;
}
.data-7 th a {
  color: #333333;
  font: 12px Arial, Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica,
    sans-serif;
  text-decoration: none;
  font-weight: bold;
}

.data-7 th a:hover {
  text-decoration: underline;
}

.data-7 .namedata-5 {
  text-align: left;
}

.data-7 .phonenumeric a {
  color: #333333;
}

.data-7 th sup {
  font-size: 10px;
}

.data-7_subhead {
}

.data-7_subhead th {
  border-top: 1px solid #cccccc;
  border-bottom: none;
  color: #000;
  font: 14px Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-weight: normal;
  text-align: center;
  line-height: 5px;
}

.data-7_subhead th:empty {
  border: none;
}

.data-7_subhead th span {
  position: relative;
  background-color: #fff;
  padding: 0 10px;
  top: -5px;
}

.data-8 {
  margin-bottom: 20px;
}

.data-8 tr:nth-child(2n) {
  background-color: #ffffff;
}

.data-8 tr {
  background: none repeat scroll 0 0 #fbfbfb;
}

.data-8 td {
  border: 1px solid #dddddd;
  color: #6f6f6f;
  font-size: 11px;
  height: 18px !important;
  line-height: 15px;
  padding-left: 28px;
  padding-right: 10px;
  text-align: left;
}

.data-8 td a {
  color: #575759;
  text-decoration: none;
  font-size: 12px;
}

.data-8 td a:hover {
  text-decoration: underline;
}

.data-8 th {
  background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%) repeat scroll
    0 0 rgba(0, 0, 0, 0);
  border: 1px solid #dcdcdc;
  color: #767676;
  font-size: 11px;
  font-weight: bold;
  height: 30px !important;
  padding-left: 0;
  text-align: left;
  white-space: nowrap;
  text-indent: 5px;
}

.data-8 th:last-child,
.data-8 td:last-child {
  height: 30px;
  line-height: 18px;
  padding-right: 10px;
}

.data-8 th a {
  color: #333333;
  font: 12px Arial, Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica,
    sans-serif;
  text-decoration: none;
  font-weight: bold;
}

.data-8 th a:hover {
  text-decoration: underline;
}

.data-8 .namedata-8 {
  text-align: left;
}

.data-8 .phonenumeric a {
  color: #333333;
}

.data-8 th sup {
  font-size: 10px;
}

.data-8_subhead {
}

.data-8_subhead th {
  border-top: 1px solid #cccccc;
  border-bottom: none;
  color: #000;
  font: 14px Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-weight: normal;
  text-align: center;
  line-height: 5px;
}

.data-8_subhead th:empty {
  border: none;
}

.data-8_subhead th span {
  position: relative;
  background-color: #fff;
  padding: 0 10px;
  top: -5px;
}

.data-9 tr:nth-child(2n) {
  background-color: #f6f6f6;
}

.data-9 tr {
  background: none repeat scroll 0 0 #f6f6f6;
}

.data-9 td {
  border: 1px solid #e8e8e8;
  color: #4e4e4e;
  font-size: 11px;
  height: 30px;
  line-height: 18px;
  padding-left: 28px;
  padding-right: 10px;
  text-align: left;
}

.data-9 td a {
  color: #575759;
  text-decoration: none;
  font-size: 12px;
}

.data-9 td a:hover {
  text-decoration: underline;
}

.data-9 th {
  background: linear-gradient(to bottom, #f5f5f5 0%, #ececec 100%) repeat scroll
    0 0 rgba(0, 0, 0, 0);
  border: 1px solid #dcdcdc;
  color: #4e4e4e;
  font-size: 11px;
  font-weight: bold;
  height: 30px;
  padding-left: 0;
  text-align: center;
  white-space: nowrap;
}

.data-9 th:last-child,
.data-9 td:last-child {
  height: 30px;
  line-height: 18px;
  padding-right: 10px;
}

.data-9 th a {
  color: #333333;
  font: 12px Arial, Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica,
    sans-serif;
  text-decoration: none;
  font-weight: bold;
}

.data-9 th a:hover {
  text-decoration: underline;
}

.data-9 .namedata-9 {
  text-align: left;
}

.data-9 .phonenumeric a {
  color: #333333;
}

.data-9 th sup {
  font-size: 10px;
}

.data-9_subhead {
}

.data-9_subhead th {
  border-top: 1px solid #cccccc;
  border-bottom: none;
  color: #000;
  font: 14px Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-weight: normal;
  text-align: center;
  line-height: 5px;
}

.data-9_subhead th:empty {
  border: none;
}

.data-9_subhead th span {
  position: relative;
  background-color: #fff;
  padding: 0 10px;
  top: -5px;
}

.data-13 tr:nth-child(2n) {
  background-color: #f6f6f6;
}

.data-13 tr {
  background: none repeat scroll 0 0 #ffffff !important;
}

.data-13 td {
  border: 1px solid #000000;
  color: #333333;
  font-size: 11px;
  height: 30px;
  line-height: 18px;
  padding-left: 20px;
  padding-right: 10px;
  text-align: left !important;
}

.data-13 td a {
  color: #666666;
  text-decoration: none;
  font-size: 12px;
}

.data-13 td a:hover {
  text-decoration: underline;
}

.data-13 th {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #000000;
  color: #333333;
  font-size: 11px;
  font-weight: bold;
  height: 30px;
  padding-left: 0;
  text-align: center;
  white-space: nowrap;
}

.data-13 th:last-child,
.data-13 td:last-child {
  height: 30px;
  line-height: 18px;
  padding-right: 10px;
  text-align: left;
  padding-left: 1.5%;
}

.data-13 th a {
  color: #666666;
  font: 12px Arial, Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica,
    sans-serif;
  text-decoration: none;
  font-weight: bold;
}

.data-13 th a:hover {
  text-decoration: underline;
}

.data-13 .namedata-13 {
  text-align: left;
}

.data-13 .phonenumeric a {
  color: #666666;
}

.data-13 th sup {
  font-size: 10px;
}

.data-13_subhead {
}

.data-13_subhead th {
  border-top: 1px solid #000000;
  border-bottom: none;
  color: #666666;
  font: 14px Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-weight: normal;
  text-align: center;
  line-height: 5px;
}

.data-13_subhead th:empty {
  border: none;
}

.data-13_subhead th span {
  position: relative;
  background-color: #fff;
  padding: 0 10px;
  top: -5px;
}

.data-1 {
  height: 68px;
  margin-bottom: -6px !important;
  margin-left: -8%;
  margin-right: 0 !important;
  margin-top: -1.5% !important;
  padding: 0 !important;
  width: 111% !important;
}
.data-1 tr:nth-child(2n) {
  background-color: #f6f6f6;
}

.amber {
  color: #ffc200;
}

.data-1 tr {
  background: none repeat scroll 0 0 #f6f6f6;
}

.data-1 td {
  border: 0 solid #e8e8e8;
  color: #4e4e4e;
  font-size: 11px;
  height: 30px;
  line-height: 18px;
  padding-left: 28px;
  padding-right: 10px;
  text-align: center;
}

.data-1 td a {
  color: #575759;
  text-decoration: none;
  font-size: 12px;
}

.data-1 td a:hover {
  text-decoration: underline;
}

.data-1 th {
  background: linear-gradient(to bottom, #f5f5f5 0%, #ececec 100%) repeat scroll
    0 0 rgba(0, 0, 0, 0);
  border: 1px solid #dcdcdc;
  color: #4e4e4e;
  font-size: 11px;
  font-weight: bold;
  height: 30px;
  padding-left: 0;
  text-align: center;
  white-space: nowrap;
}

.data-1 th:last-child,
.data-1 td:last-child {
  height: 30px;
  line-height: 18px;
  padding-right: 10px;
}

.data-1 th a {
  color: #333333;
  font: 12px Arial, Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica,
    sans-serif;
  text-decoration: none;
  font-weight: bold;
}

.data-1 th a:hover {
  text-decoration: underline;
}

.data-1 .namedata-1 {
  text-align: left;
}

.data-1 .phonenumeric a {
  color: #333333;
}

.data-1 th sup {
  font-size: 10px;
}

.data-1_subhead {
}

.data-1_subhead th {
  border-top: 1px solid #cccccc;
  border-bottom: none;
  color: #000;
  font: 14px Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-weight: normal;
  text-align: center;
  line-height: 5px;
}

.data-1_subhead th:empty {
  border: none;
}

.data-1_subhead th span {
  position: relative;
  background-color: #fff;
  padding: 0 10px;
  top: -5px;
}

.data-99 tr:nth-child(2n) {
  background-color: #ffffff;
}

.data-99 tr {
  background: none repeat scroll 0 0 #f6f6f6;
}

.data-99 td {
  border: 1px solid #e8e8e8;
  color: #4e4e4e;
  font-size: 11px;
  height: 30px !important;
  line-height: 18px;
  padding-left: 28px;
  padding-right: 10px;
  text-align: left;
}

.data-99 td a {
  color: #575759;
  text-decoration: none;
  font-size: 12px;
}

.data-99 td a:hover {
  text-decoration: underline;
}

.data-99 th {
  background: linear-gradient(to bottom, #f5f5f5 0%, #ececec 100%) repeat scroll
    0 0 rgba(0, 0, 0, 0);
  border: 1px solid #dcdcdc;
  color: #4e4e4e;
  font-size: 11px;
  font-weight: bold;
  height: 30px !important;
  padding-left: 0;
  text-align: center;
  white-space: nowrap;
}

.data-99 th:last-child,
.data-99 td:last-child {
  height: 30px;
  line-height: 18px;
  padding-right: 10px;
}

.data-99 th a {
  color: #333333;
  font: 12px Arial, Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica,
    sans-serif;
  text-decoration: none;
  font-weight: bold;
}

.data-99 th a:hover {
  text-decoration: underline;
}

.data-99 .namedata-99 {
  text-align: left;
}

.data-99 .phonenumeric a {
  color: #333333;
}

.data-99 th sup {
  font-size: 10px;
}

.data-99_subhead {
}

.data-99_subhead th {
  border-top: 1px solid #cccccc;
  border-bottom: none;
  color: #000;
  font: 14px Tahoma, Verdana, Segoe, "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-weight: normal;
  text-align: center;
  line-height: 5px;
}

.data-99_subhead th:empty {
  border: none;
}

.data-99_subhead th span {
  position: relative;
  background-color: #fff;
  padding: 0 10px;
  top: -5px;
}

.rele {
  position: relative !important;
}

.fx-img {
  background-image: url("../images/fd_img.jpg");
  background-position: left center;
  background-repeat: no-repeat;
  height: 54px;
  position: absolute;
  right: 8px !important;
  top: 9px;
  width: 53px;
}

.to-fi {
  display: inline-block;
  margin-left: 1% !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  min-width: 462px !important;
  width: 49% !important;
}
.hdb-3 {
  font-size: 15px !important;
  font-weight: bold !important;
}
.hdb {
  font-size: 14px !important;
  font-weight: bold !important;
}
.hdb-2 {
  font-size: 12px !important;
  font-weight: bold !important ;
  color: #757575;
}
.nt {
  font-size: 12px !important;
  font-weight: normal;
  color: #757575;
}
.hdb-nor {
  font-size: 12px !important;
  font-weight: normal !important ;
  color: #757575;
}
.dec-r {
  float: right;
  margin-right: 18%;
  text-align: left;
}
.tab-de {
  padding: 0px;
  margin: 0px;
  background: #ffffff;
}
.fri {
  float: right;
  padding-right: 1%;
  background-color: #e8e8e8 !important;
}
.roop {
  background: #e1e1e1;
}
.hd {
  font-size: 16px !important;
  font-weight: bold;
  color: #858585 !important;
}

.no-hei {
  height: 0px !important;
  padding: 0px !important;
  margin: 0px !important;
  line-height: 0px !important;
}

.stat {
  background: none repeat scroll 0 0 #e7e7e7;
  border: 1px solid #dbdbdb;
  float: right;
  height: 27px;
  margin-right: -10px;
  width: 31px;
}

.noti {
  padding-left: 20px !important;
  text-align: left !important;
}

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

.bo-bt-none-l {
  background: none repeat scroll 0 0 #ffffff;
  border-bottom: 1px solid #ffffff !important;
  border-left: 1px solid #ffffff !important;
  border-right: 1px solid #ffffff !important;
  text-align: right !important;
}

.bo-bt-none {
  background: none repeat scroll 0 0 #ffffff;
  border-bottom: 1px solid #ffffff !important;
  text-align: right !important;
}

.f-width {
  width: 102% !important;
}
.pad-1 {
  padding: 0 1%;
}

.pad-1a {
  padding: 1%;
}

.pad-1t {
  padding: 1% 0px 0px 0px;
}

.slug {
  color: #c2c1c1;
  width: 27px !important;
  font-style: italic;
  font-size: 11px;
  display: inline !important;
}

.card-no {
  border-bottom: 1px solid #f6f6f6;
  border-top: 1px solid #f6f6f6;
  color: #929292;
  font-size: 27px;
  font-weight: bolder;
  padding: 15px 20px;
  text-align: center;
}

.investigation {
  width: 7.5% !important;
}

.card-no-fname {
  border-right: 0 solid #f6f6f6;
  color: #929292;
  font-size: 12px;
  font-weight: normal;
  padding: 0 30px 12px !important;
  text-align: left;
}

.card-no-lname {
  border-right: 0px solid #f6f6f6;
  border-top: 1px solid #f6f6f6;
  color: #929292;
  font-size: 12px;
  font-weight: normal;
  padding: 5px 10px 0px 10px;
  text-align: left;
}

.brow {
  border: 1px solid #e4e4e4 !important;
}

/* LOGIN*/
.login {
  border: 1px solid #e0e0e0;
  border-radius: 15px;
  height: auto;
  margin: 0 auto auto;
  min-height: 430px;
  padding: 18px 45px 1px;
  width: 550px;
}

select {
  height: 22px;
}

.notification.error.alert.alert-danger {
  border: 0 solid #f00;
  color: #ff0000;
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
  margin-top: -98px !important;
  text-align: center;
  width: 40%;
}

.usr {
  background-image: url("../images/usr.png");
  background-repeat: no-repeat;
  width: 23px;
  height: 23px;
  background-position: center right;
}
.pss {
  background-image: url("../images/pss.png");
  background-repeat: no-repeat;
  width: 23px;
  height: 23px;
  background-position: center right;
}

.medium.default.btn.button-4.cyan-b > input {
  color: #ffffff !important;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 32px;
}

.text.input.text-field-2 {
  width: 100% !important;
}
.text.input.text-field-3 {
  width: 100% !important;
}
.text-field-1 {
  border: 1px solid #eeeeee !important;
  border-radius: 15px 0 0 15px !important;
  height: 52px !important;
  margin-bottom: 20px;
  margin-left: 2%;
  padding: 1% 4% !important;
  width: 67% !important;
  font-family: Tahoma;
}

.text-field-dash {
  border: 1px solid #eeeeee !important;
  border-radius: 15px 15px 15px 15px !important;
  height: 52px !important;
  margin-bottom: 20px;
  margin-left: 2%;
  padding: 1% 4% !important;
  width: 67% !important;
  font-family: Tahoma;
}

.text-field-2 {
  background-image: url("../images/usr.png") !important;
  background-position: center right 20px !important;
  background-repeat: no-repeat !important;
  background-size: 23px 23px;
  background-color: #fafafa !important;
  border: 1px solid #e4e4e4 !important;
  border-radius: 10px !important;
  height: 54px;
  padding: 1% 5% !important;
  width: 88% !important;
}

.text-field-2:not(*:root) {
  background-position: 96% 46%;
}
.text-field-3:not(*:root) {
  background-position: 96% 46%;
}
.text-field-3 {
  background-image: url("../images/pss.png") !important;
  background-position: center right 20px !important;
  background-repeat: no-repeat !important;
  background-size: 23px 23px;
  background-color: #fafafa !important;
  border: 1px solid #e4e4e4 !important;
  border-radius: 10px !important;
  height: 54px;
  padding: 1% 5% !important;
  width: 88% !important;
}
.text-field-4 {
  background-color: #fafafa !important;
  border: 1px solid #e4e4e4 !important;
  border-radius: 10px !important;
  height: 54px;
  padding: 1% 5% !important;
  width: 88% !important;
}
.notification.success.alert.alert-success {
  margin-left: 44%;
  position: relative;
  top: 23px !important;
}

/* NOTIFICATIONS*/
.notification {
  margin-top: 59px !important;
  position: absolute;
  right: 45px !important;
  z-index: 0 !important;
}
.mail {
  background-image: url("../images/mail_icon.png");
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  height: 13px;
  width: 19px;
  z-index: 0 !important;
}
.mail-notificatin {
  background-color: #e74955;
  border-radius: 50%;
  color: #ffffff;
  font-size: 11px;
  height: 18px;
  line-height: 18px;
  margin-left: 11px;
  margin-top: -12px;
  max-height: 30px;
  max-width: 30px;
  padding: 0 6px;
  position: absolute;
  text-align: center;
  z-index: 0 !important;
}

.mail-notificatin-2 {
  background-color: #e74955;
  border-radius: 10px;
  color: #ffffff;
  font-size: 10px;
  height: 18px;
  line-height: 17px;
  margin-left: 23px;
  margin-top: 5px;
  min-height: 15px;
  min-width: 15px;
  padding: 0 6px;
  position: absolute;
  text-align: left !important;
  text-indent: 0;
  z-index: 0 !important;
}

.mail-notificatin-3 {
  background-color: #e74955;
  border-radius: 19px;
  color: #ffffff;
  font-size: 10px;
  height: 18px;
  left: 47px;
  line-height: 17px;
  margin-left: 23px;
  margin-top: 5px;
  min-height: 15px;
  min-width: 18px;
  padding: 0 6px;
  position: absolute;
  text-align: center !important;
  text-indent: 0;
  z-index: 0 !important;
}

/* TOOLTIP SETTINGS*/
:selection {
  background: #a4ecab;
}

::-moz-selection {
  background: #a4ecab;
}

::-webkit-selection {
  background: #a4ecab;
}

a.tooltip {
  position: relative;
  display: inline;
}

a.tooltip:after {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85);
  border-radius: 2px;
  bottom: 0;
  color: #ffffff;
  content: attr(data-tool);
  display: block;
  height: auto;
  min-width: 186px;
  opacity: 0;
  padding: 13px 10px;
  position: absolute;
  right: -25px !important;
  top: 30px !important;
  visibility: hidden;
  z-index: 999;
}

a.tooltip:before {
  position: absolute;
  visibility: hidden;
  width: 0;
  height: 0;
  left: 50%;
  bottom: 0px;
  opacity: 0;
  content: "";
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent;
}

a.tooltip:hover:after {
  visibility: visible;
  opacity: 1;
  bottom: 20px;
}

a.tooltip:hover:before {
  visibility: visible;
  opacity: 1;
  bottom: 14px;
}

a.tooltip.animate:after,
a.tooltip.animate:before {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* tips on bottom */
a.tooltip.bottom:after {
  bottom: auto;
  top: 0;
}

a.tooltip.bottom:hover:after {
  top: 28px;
}

a.tooltip.bottom:before {
  border-width: 0 5px 8.7px 5px;
  border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
  top: 0px;
}

a.tooltip.bottom:hover:before {
  top: 20px;
}

/* tips on the right */
a.tooltip.right:after {
  left: 100%;
  bottom: -45%;
}

a.tooltip.right:hover:after {
  left: 110%;
  bottom: -45%;
}

a.tooltip.right:before {
  border-width: 5px 10px 5px 0;
  border-color: transparent rgba(0, 0, 0, 0.85) transparent transparent;
  left: 90%;
  bottom: 2%;
}

a.tooltip.right:hover:before {
  left: 100%;
  bottom: 2%;
}

/* tips on the left */
a.tooltip.left:after {
  left: auto;
  right: 100%;
  bottom: -45%;
}

a.tooltip.left:hover:after {
  right: 110%;
  bottom: -45%;
}

a.tooltip.left:before {
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.85);
  left: auto;
  right: 90%;
  bottom: 2%;
}

a.tooltip.left:hover:before {
  right: 100%;
  bottom: 2%;
}

/* tooltip colors (add your own!) */
a.tooltip.blue:after {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #d6d6d6;
  color: #999999;
  font-size: 13px;
}

a.tooltip.blue:before {
  border-color: #5f87c2 transparent transparent transparent;
}

a.tooltip.bottom.blue:before {
  align-self: center;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;
  left: 9px;
  position: absolute;
  top: 22px;
  z-index: 999 !important;
}

a.tooltip.right.blue:before {
  border-color: transparent #5f87c2 transparent transparent;
}

a.tooltip.left.blue:before {
  border-color: transparent transparent transparent #5f87c2;
}

/* FORM SETTINGS*/

.top-bar {
  border-top: 2px solid #82c8c2;
}

.button-1 {
  border-radius: 0 15px 15px 0;
  color: #ffffff;
  font-family: Arial;
  font-size: 15px;
  font-weight: normal;
  height: 52px;
  margin-right: 3%;
  padding: 1%;
  text-transform: uppercase;
  width: 26%;
  text-align: center;
}

.button-2 {
  border-radius: 10px 0 0 10px;
  color: #ffffff;
  font-family: Arial;
  font-size: 10px;
  font-weight: normal;
  height: 24px;
  padding: 1%;
  text-transform: uppercase;
  width: 100%;
}

.button-3 {
  border-radius: 10px;
  color: #ffffff !important;
  font-family: Arial !important;
  font-size: 15px !important;
  font-weight: bold !important;
  height: 64px !important;
  padding: 0 !important;
  text-transform: uppercase;
  width: 98% !important;
  line-height: 55px !important;
}

.button-4 {
  border-radius: 10px;
  font-family: Arial !important;
  font-size: 15px !important;
  font-weight: bold !important;
  height: 64px !important;
  line-height: 56px !important;
  padding: 0 !important;
  text-transform: uppercase;
  width: 100% !important;
}

.button-5 {
  border-radius: 10px 0 0 10px;
  color: #ffffff;
  font-family: Arial !important;
  font-size: 11px;
  font-weight: normal;
  min-height: 30px;
  padding: 1% 5%;
  text-transform: uppercase;
  width: 100%;
  white-space: normal;
}
.add-button-dash {
  border-radius: 15px 15px 15px 15px;
  color: #ffffff;
  font-family: Arial;
  font-size: 15px;
  font-weight: normal;
  height: 52px;
  margin-right: 3%;
  padding: 1%;
  text-transform: uppercase;
  width: 26%;
  text-align: center;
}

.time-num-wrap h5 {
  font-size: 11px !important;
}

.button-1,
.button-2,
.button-3,
.button-4,
.button-5:hover {
  cursor: pointer;
}
.button-1,
.button-2,
.button-3,
.button-4,
.button-5:focus {
  cursor: pointer;
}

.button-5 a {
  font-size: 12px;
  text-transform: uppercase;
}

.medium.default.btn.button-4.cyan-b > a {
  color: #ffffff;
  font-size: 20px;
}

.label-1 {
  color: #777777;
  display: block;
  font-family: Arial;
  font-size: 20px;
  margin-bottom: 0;
  padding-left: 45px;
  padding-top: 0;
  text-align: left;
  width: 100%;
  line-height: 56px;
}

.time-but-wrap.fleft > label {
  color: #9e9e9e;
  line-height: 29px;
  width: 100%;
  text-align: center;
}

.grid-3.grey-bg.fright.white-wrap-align.on > img {
  display: inline;
  float: left;
  margin-right: 2%;
}

.side-detail {
  width: 80%;
  float: right;
}

.time-row {
  border-bottom: 1px solid #f0f0f0;
  display: block;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  width: 90%;
}

.time-num-wrap {
  width: 60%;
}
.total-num-wrap {
  float: right;
  padding-right: 3%;
  width: 20%;
}

.center-claims {
  line-height: 76px;
  text-align: center;
}

.time-but-wrap {
  border-right: 1px solid #f0f0f0;
  height: 70px;
  padding-top: 17px;
  width: 55%;
}

.time-but-wrap-inner {
  border-right: 1px solid #f0f0f0;
  height: 44px;
  padding-top: 9px;
  width: 65%;
}

.total-claims-wrap.fleft p {
  height: 20px;
  margin-top: -37px;
  font-size: 13px;
}

.claims-display {
  display: block;
}

.claims-display .doct-note {
  white-space: pre-wrap;
}

.total-claims-wrap.fleft h4 {
  font-size: 15px !important;
  font-weight: bold;
  line-height: 25px;
}

.total-claims-wrap {
  border-right: 1px solid #f0f0f0;
  height: 75px;
  line-height: 0;
  margin-top: 10px;
  padding-top: 0;
  width: 70%;
}

.main-wrap-footer {
  height: 30px;
  padding: 0 1%;
  width: 100%;
}

ul.dropdown li.dir {
  font-size: 13px;
  margin-right: 29px;
  padding: 12px 3px;
}

.white-wrap-align {
  margin-bottom: 20px;
  padding: 1.5%;
}

header {
  min-height: 72px;
  margin-bottom: 15px !important;
}

.two.columns > img {
  margin-left: 10%;
  vertical-align: text-top;
}

.twelve.columns.white-bg label {
  display: inline-block;
  margin-right: 0%;
  width: auto !important;
}

/*   Other Settings   */

.tip {
  display: block;
  font-family: Arial;
  font-size: 18px !important;
  font-weight: normal;
  margin-bottom: 11px;
  margin-left: 17px;
  white-space: unset;
  max-width: 100%;
}
.row .nine.columns .tip {
  font-family: Arial;
  font-weight: normal;
  margin-bottom: 11px;
  margin-left: 0px;
  font-size: 18px !important;
}

.tips {
  font-family: Arial;
  font-size: 18px !important;
  font-weight: normal;
  margin-left: 0px;
}

.tips-detail {
  color: #333333;
  font-family: Arial;
  font-size: 13px !important;
  font-weight: normal;
  line-height: 24px;
  margin-left: 0;
}

.tips-bot {
  color: #6f6f6f;
  font-family: Arial;
  font-size: 11px !important;
  font-weight: normal;
  line-height: 20px;
  margin-left: 0px;
}

.inv-head {
  font-size: 18px !important;
  margin-bottom: 7px;
}
.inv-date {
  color: #777777;
  font-size: 16px;
  margin-top: -17px;
  text-align: right !important;
}

.inv-date-2 {
  color: #777777;
  font-size: 13px;
  margin-top: -35px;
  text-align: right !important;
}
.details {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  width: 100% !important;
}

.bal {
  margin-top: 37px;
  padding: 15px 20px;
}

.bal-fix {
  margin-top: 37px;
  padding: 0px 20px;
}

.bal-na {
  padding: 15px 20px;
  margin-top: 0px;
  margin-bottom: 20px;
}

.bal-2 {
  padding: 5px 20px;
  margin-top: 33px;
}

.bal-nor {
  margin-top: 37px;
  padding: 15px 0;
}

.bal-no-mar {
  margin-top: 0px;
  padding: 15px 0px;
}

.bal-ico {
  margin-left: -0.5% !important;
  margin-top: 29px;
  padding: 0;
}

.bal-half-pad {
  padding: 0px 20px;
  margin-top: 15px;
}

/*.side-detail {
    float: right;
    width: 45% ;
}*/

.side-detail {
  float: left;
  width: 100% !important;
}

.side-detail a {
  color: #777777;
  line-height: 38px;
}

.side-detail td:first-child {
  color: #006487;
  font-size: 11px;
  font-weight: normal;
  padding-right: 9%;
  text-align: left;
  white-space: normal;
  width: 38%;
}

.side-detail tr {
  border-bottom: 1px solid #cccccc;
}

.main-wrap.white-b.hei {
  overflow-y: visible;
}

.side-detail td {
  display: inline-block;
  line-height: 18px;
  text-align: left;
}

.dash-head {
  color: #777777;
  font-size: 15px;
  font-weight: normal;
  line-height: 1;
  padding-bottom: 10px;
  padding-top: 4px;
  text-indent: 27px;
}

.wider {
  width: 100% !important;
  margin-right: 1% !important;
  display: inline-block;
}
.semi-wider {
  width: 50% !important;
  margin-right: 1% !important;
  display: inline-block;
}
.qut-wider {
  width: 25% !important;
  margin-right: 1% !important;
  display: inline-block;
}
.sm-wider {
  display: inline-block !important;
  margin-right: 1% !important;
  width: 23% !important;
}

.toper {
  background: none repeat scroll 0 0 #ffffff;
  border-color: #e7e7e7 #e7e7e7 #ffffff;
  border-style: solid;
  border-width: 1px;
  height: auto;
  margin: 0 auto;
  width: 98%;
}

/*----------SLIDEBAR----------*/

.add_new {
  height: 27px !important;
  right: 0;
  text-align: right !important;
  top: 0;
}

.fancybox.fancybox.iframe.add_new.medium.primary.btn {
  padding: 0px 20px !important;
}

.go_back {
  height: 29px !important;
  position: absolute;
  right: 179px;
  top: 1px;
}

.high-fix {
  height: 95%;
}
.no-pad {
  padding: 0 !important;
}

.h-width {
  display: inline-table;
  width: 50%;
}

.fu-width {
  display: inline-table;
  width: 100%;
  margin-top: 15px;
}

.lleft {
  margin-left: 2%;
}
.lleft4 {
  margin-left: 4%;
  float: left;
}
.lleft15 {
  margin-left: 15%;
  float: left;
}
.lleft1 {
  margin-left: 1%;
}
.rright {
  margin-right: 1% !important;
}
.rright2 {
  margin-right: 1.5% !important;
}
.bpad {
  margin-top: 8px;
}
.long {
  height: 210px;
}
.dop {
}

.width-fix {
  width: 93% !important;
}
.width-fix-5 {
  width: 85% !important;
  padding-right: 4% !important;
}
.width-fix-2 {
  width: 88% !important;
}
.width-fix-3 {
  width: 103% !important;
}

.no-wrap {
  width: auto;
  white-space: nowrap;
}

#avg_waiting_time {
  font-size: 75px !important;
  margin-top: -30px;
  margin-bottom: -59px !important;
}

.l1 {
  margin-left: 1% !important;
}

.autoco-wf {
  display: inline-block;
  width: 31%;
  margin-right: 0%;
}

.fright.no-pad.patient_info {
  width: 12.5%;
}

.row .twelve.columns {
  width: 99%;
}

.static-button-size-fix {
  width: 16% !important;
}

.static-button {
  display: inline-block;
  min-width: 90px;
  width: 50% !important;
}

.static-button-2 {
  display: inline-block;
  width: auto !important;
  margin-left: -3.5% !important;
  padding: 1% !important;
}

.loader,
.loader_eprescription {
  background-image: url("../images/loader.gif") !important;
  /*    background-position: left 16px top 1px;*/
  background-repeat: no-repeat;
  color: #000000;
  display: inline-block;
  position: relative;
  /*    text-indent: -5000px;*/
  top: 0;
  width: 100%;
  padding-left: 20px !important;
}

.mandatory {
  background-attachment: scroll !important;
  background-clip: border-box !important;
  background-color: rgba(0, 0, 0, 0) !important;
  background-image: url("../images/star.png") !important;
  background-origin: padding-box !important;
  background-position: right 3px top -2px;
  background-repeat: no-repeat;
  background-size: 10px 10px !important;
  cursor: pointer;
  display: inline;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 9px;
}

.dash {
  margin-bottom: 30px !important;
  padding-bottom: 0px !important;
}

.inv-width-fix {
  width: 24.7% !important;
}

.field.pharmacy_1.dash > label {
  display: inline;
}
.field.pharmacy_2.dash > label {
  display: inline;
}

.slag {
  font-size: 11px !important;
  color: #a7a7a7 !important;
  font-style: italic !important;
}

.linne {
  border-bottom: 1px dashed #999999 !important;
  display: inline-block;
  height: 2px;
  width: 100%;
  padding-top: 35px !important;
}

.wrapp > span {
  left: 0px;
  overflow: hidden;
  position: static;
  right: 0;
  text-overflow: ellipsis;
  white-space: normal;
  top: 1px;
  transform: scaleY(1);
  transform-origin: top;
  transition: transform 0.26s ease;
}

.wrapp:hover > span {
  overflow: visible;
  left: 7px;
  position: static;
  white-space: normal;
  transform: scaleY(1);
}

.tr {
  transform: scaleY(1);
  transform-origin: top;
  transition: transform 0.26s ease;
}

.tr:hover {
  transform: scaleY(1);
}

.wrapp {
  position: relative;
}

/*----------EXPANDABLE DIV----------*/

option {
  background: none repeat scroll 0 0 #ffffff !important;
  border-bottom: 1px solid #cccccc;
  height: 29px;
  line-height: 81px !important;
  outline: 0 none;
  padding: 5px 10px;
}

option:hover {
  background: none repeat scroll 0 0 #0bb8c1 !important;
}

.accordion_group {
  border-left: 1px solid #e1e1e1;
  list-style: none outside none;
  margin-top: -21px !important;
  padding: 35px 1.5% 1.5%;
  width: 100%;
}
.accordion-header {
  background-color: #44b8af !important;
  background-image: url("../images/col.png") !important;
  background-position: right 9px center;
  background-repeat: no-repeat;
  border: 1px solid #44b8af !important;
  color: #ffffff !important;
  cursor: pointer;
  font-size: 12px !important;
  font-weight: normal !important;
  padding-left: 10px;
  margin-bottom: 7px;
}

.accordion_group .accordion_content {
  display: none;
}
.accordion_group .accordion_content:nth-child(2) {
  display: block;
}

.accordion-header {
  background-image: url("../images/nav-arrow-down.png") !important;
}

.accordion-header_collapse {
  background-image: url("../images/nav-arrow-top.png") !important;
}

.tftable {
  font-size: 12px;
  color: #333333;
  width: 100%;
  border-width: 1px;
  border-color: #a9a9a9;
  border-collapse: collapse;
}
.tftable th {
  font-size: 12px;
  background-color: #b8b8b8;
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #a9a9a9;
  text-align: left;
}
.tftable tr {
  background-color: #cdcdcd;
}
.tftable td {
  border-color: #d9d9d9;
  border-style: solid;
  border-width: 1px;
  font-size: 12px;
  padding: 8px;
}

.tftable tr:hover {
  background-color: #ffffff;
}
.r-but {
  float: right;
  height: 36px !important;
  margin-top: -19px;
  padding: 0px !important;
  position: relative;
  right: 8px !important;
  text-align: right !important;
  top: -12px;
  width: auto !important;
  z-index: 99999 !important;
}

.no-pad-l {
  margin-left: 0px !important;
}
.no-pad-r {
  margin-left: -1px !important;
  width: 34.1% !important;
}

.sm-bt {
  display: inline;
}
.si-but {
  display: inline;
  float: right;
  margin-top: -1%;
  position: relative;
  right: 2%;
  z-index: 999 !important;
}
.si-fix {
  display: inline;
  float: right;
  margin-top: -2%;
  position: relative;
  right: 2%;
}

.si-fix-22 {
  display: inline;
  float: right;
  margin-top: -2.5% !important;
  position: relative;
  right: 2%;
}

.si-fix-mcc {
  margin-top: 0% !important;
}

.autoco-wf:not(*:root) {
  vertical-align: top;
}

.fileUpload input.upload:not(*:root) {
  position: relative;
}

.m-width:not(*:root) {
  width: auto !important;
  padding-right: 6%;
}

.upload_help_text:not(*:root) {
  width: auto !important;
}
.si-fix-22:not(*:root) {
  display: inline;
  float: right;
  margin-top: -2.5% !important;
  position: relative;
  right: 2%;
}

.si-fix-3 {
  display: inline;
  float: right;
  margin-top: -2%;
  position: relative;
  right: 2%;
}
.si-but-l {
  display: inline;
  margin-left: 2%;
  top: 10px;
  z-index: 9999 !important;
}

.rt-but {
  background-color: #00a19b;
  color: #ffffff !important;
  height: 22px;
  line-height: 16px;
  padding: 3px 10px 3px 10px;
  text-align: center;
  width: auto;
}

/*
.rt-but-add {
  background: url("../images/addd.png") no-repeat scroll 0 0 ;
  color: #ffffff !important;
  height: 22px;
  line-height: 16px;
  padding: 3px 10px 3px 28px;
  text-align: center;
  width: auto;
  background-position: left 4px center;
}*/

.rt-but-log,
.rt-but-sync,
.rt-but-export,
.rt-but-resync,
.rt-but-add,
.rt-but-create,
.rt-but-search,
.rt-but-role,
.rt-but-group,
.rt-but-back,
.rt-but-up,
.rt-but-link,
.rt-but-approve,
.rt-but-reject,
.rt-but-pharmacy,
.rt-but-facility-service,
.rt-but-asso-provider,
.rt-but-download,
.rt-but-hold {
  background: url("../images/addd.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 0 solid #eeeeee;
  color: #00a19b !important;
  font-size: 13px;
  font-weight: bold;
  margin-left: 20px;
  margin-top: 0;
  padding: 1px 0 10px 20px;
  position: relative;
  right: 0;
  text-align: center;
  white-space: nowrap !important;
  width: auto;
  z-index: 9 !important;
}

.sob {
  height: 38px !important;
  line-height: 18px !important;
  padding-right: 10px !important;
  text-align: left !important;
  padding-left: 9px !important;
}

.login .validation_img {
  left: 13px;
  top: -11px !important;
}

.dlm {
  margin-left: 19px;
}

.rt-but-hold {
  background-image: url("../images/holds.png") !important;
  background-position: -6px 6px !important;
  background-repeat: no-repeat !important;
  color: #ffffff !important;
  text-indent: 10px;
}

.rt-but-sync {
  background-image: url("../images/sync.png") !important;
  background-position: -2px 6px !important;
  background-repeat: no-repeat !important;
  color: #ffffff !important;
  text-indent: 10px;
}

.rt-but-play {
  background-image: url("../images/play.png") !important;
  background-position: -7px 6px !important;
  background-repeat: no-repeat !important;
  color: #ffffff !important;
  text-indent: 10px;
}

.rt-but-log {
  background: url("../images/log.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.rt-but-download {
  background: url("../images/download.png") no-repeat scroll 0 0
    rgba(0, 0, 0, 0);
}

.rt-but-pharmacy {
  background: url("../images/phar.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  margin-left: 0 !important;
}

.rt-but-facility-service {
  background: url("../images/se.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  margin-left: 0 !important;
}

.rt-but-asso-provider {
  background: url("../images/pro.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  margin-left: 0 !important;
}

.rt-but-create {
  background: url("../images/addd.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  margin-left: 0 !important;
}

.rt-but-approve {
  background: url("../images/appp.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.rt-but-reject {
  background: url("../images/rejj.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.rt-but-back {
  background: url("../images/baak.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.rt-but-link {
  background: url("../images/lin.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.rt-but-up {
  background: url("../images/upload.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.rt-but-search {
  background: url("../images/ser.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  margin-left: 0 !important;
}

.rt-but-group {
  background: url("../images/group.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.rt-but-add {
  background: url("../images/addd.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.rt-but-export {
  background: url("../images/export.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.rt-but-role {
  background: url("../images/role.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.rt-but-add:hover {
  background: url("../images/addd-h.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #006990 !important;
}

.rt-but-resync {
  background: url("../images/re-sync.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  background-size: contain;
}

.rt-but-search:hover {
  color: #006990 !important;
}

.rt-but-create:hover {
  color: #006990 !important;
}


.mb1 {
  margin-bottom: 1% !important;
}
.but-fix {
  background: none repeat scroll 0 0 #fff !important;
  bottom: 11px;
  margin-bottom: 0 !important;
  margin-top: 0px;
  padding-left: 0 !important;
  padding-top: 1% !important;
  width: auto !important;
  z-index: 9999 !important;
}

.full-d {
  bottom: 7.4% !important;
}

.full-2 {
  bottom: 3% !important;
  width: 93% !important;
}
.but-fix-def {
  background-color: #ffffff !important;
  border-top: 1px solid #e1e1e1;
  bottom: 27px;
  margin-bottom: 3% !important;
  margin-left: 0.7%;
  padding-left: 1.4%;
  padding-top: 1%;
  width: 70.7%;
}

.but-fix-def-nor {
  background-color: #ffffff !important;
  border-top: 0 solid #e1e1e1;
  bottom: 6%;
  margin-bottom: 0 !important;
  margin-left: 1.9% !important;
  padding-left: 0;
  padding-top: 0;
}
.message-body p {
  color: #6b6b6b;
  font-size: 12px;
  margin-bottom: 30px;
  padding: 0px 30px 0px 25px;
}

.m-l {
  padding-left: 34px !important;
}

.chosen-results {
  max-height: 96px !important;
}

.diit {
  top: -12px !important;
  position: relative;
}
.but-fix-def-nor.but-fix.bbar.bbar-relative {
  padding-left: 36px;
  top: 0px;
}

.error-caution {
  background-position: center center;
  height: 166px !important;
  left: 45%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 176px !important;
  margin-top: 7%;
}
.caution {
  background-position: center center;
  height: 166px !important;
  left: 45%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 176px !important;
  margin-top: 11%;
}

.cau {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.cau h4 {
  text-align: center;
}

.log {
  position: relative;
  text-align: left;
}
.login_body {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  text-align: center;
}
.login_row {
  width: 690px;
  display: inline-block;
  vertical-align: middle;
}
.login_valign {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 1px;
}
.phy-tab-width-fix {
  width: 32% !important;
}

.car {
  margin-left: 0;
  margin-top: -47px;
  position: relative;
  right: 3%;
}

.car-2 {
  margin-left: 3%;
  position: absolute;
  right: 3.5%;
  top: 52px;
}

.car-full {
  display: inline-block;
  margin-left: 3%;
  margin-top: -84px;
  right: 3%;
}
#referral_approval_status {
  background: none repeat scroll 0 0 #fff8e3;
  border: 1px solid #ffc000 !important;
  border-radius: 0 !important;
  color: #525252 !important;
  font-size: 12px !important;
  font-weight: 700;
  margin: 10px 0;
}

#referral_approved {
  /*background: none repeat scroll 0 0 #eafeff !important;font-size: 12px !important;*/
  background: none repeat scroll 0 0 #fff !important;
  border: 1px solid #0bb8c1 !important;
  border-radius: 0 !important;
  color: black;
  font-size: 13px !important;
  font-weight: bold;
  margin: 10px 0;
  line-height: 21px;
}

#referral_rejected {
  background: none repeat scroll 0 0 #ffefee;
  border: 1px solid #ff7770 !important;
  border-radius: 0 !important;
  color: #ff7770 !important;
  font-size: 12px !important;
  margin: 10px 0;
  padding: 10px !important;
}

#referral_rejected > textarea {
  border: 1px solid #d6d6d6 !important;
}

#referral_rejected .action {
  background: none repeat scroll 0 0 #acacac !important;
  color: #fff;
  height: 30px;
  width: 100px;
}

.noty_message {
  background: none repeat scroll 0 0 #0bb8c1;
  border-radius: 0 !important;
  color: #fff !important;
  padding: 15px 10px !important;
}

.bottom.animate.blue {
  color: #ffffff !important;
}

.bottom.animate.blue:hover {
  color: #ffffff !important;
}

#noty_bottomRight_layout_container > li {
  border-radius: 0 !important;
  box-shadow: 0 0 0;
  margin-bottom: 1%;
  margin-left: 0 !important;
  padding-bottom: 0 !important;
}

.long-ta {
  display: block;
}

.long-ta td,
.long-ta th {
  white-space: nowrap;
}
.logo-sub {
  position: absolute;
  right: 59px;
  top: 63px;
}

.dataTables_wrapper {
  clear: both;
  min-height: 80px;
  position: relative;
  width: 98%;
}

.hasdblclick td {
  background: none repeat scroll 0 0 #62c9c7 !important;
  color: #ffffff !important;
  cursor: pointer;
}

.teal > th {
  padding-left: 1.5%;
  text-align: left;
}

.teall > th {
  text-align: left !important;
}

.rit {
  margin-left: 15px;
}
.line-2 {
  border-bottom: 1px solid #e5e5e5;
}

.hdd {
  margin-bottom: 7px;
  margin-top: -3px;
}

.dtn-fix {
  width: 10% !important;
}

.rside {
  float: right;
}

.tome {
  display: inline-block;
  margin-right: 0;
  width: 15%;
}
#ico-top {
  left: 78px !important;
  top: 2px !important;
}

.ht-fx {
  height: 27px !important;
}

.wide.text.input.ht-fx {
  width: 74% !important;
}

.comment li {
  border-bottom: 1px solid #efefef;
  font-size: 12px;
  margin-bottom: 2%;
  margin-left: 1%;
  padding-bottom: 0;
  font-weight: bold;
}

.commentss li {
  border-bottom: 1px solid #efefef;
  font-size: 12px;
  margin-bottom: 2%;
  margin-left: 1%;
  padding-bottom: 0;
  font-weight: normal;
}

.comm {
  color: #848484 !important;
  font-weight: normal !important;
  white-space: normal;
  margin-left: 10px;
}

.mcc-approve {
  float: right;
  margin-bottom: 15px !important;
  margin-right: -14px;
  margin-top: 10px !important;
}

.left-null {
  margin-left: 0% !important;
}
.pickerfix {
  overflow: visible !important;
  top: -1px;
}

/* Styles updated on  22/Aug/14 */
.scrollable-content .row .twelve.columns {
  display: block;
  margin-left: 0;
  padding: 0 17px;
  width: auto;
  float: none;
}

.scrollable-content .row .twelve.columns .row .twelve.columns {
  padding: 1%;
  width: 100%;
}
.scrollable-content .row .twelve.columns .dataTables_wrapper,
.scrollable-content .twelve.columns #datatable-wrapper {
  width: 100% !important;
}
.scrollable-content .row .twelve.columns table.display {
  width: 99.95% !important;
}

.show {
  overflow-y: auto !important;
}

.hid-x {
  overflow-y: hidden;
  overflow-x: hidden;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 0px 10px;
}

.gre-top {
  background: none repeat scroll 0 0 #0bb8c1;
  color: #ffffff;
  height: 30px;
  padding: 3px 1% 6px;
  position: fixed;
  top: 0;
  width: 98%;
}

.red {
  color: #f5696c;
}

.h-width:not(*:root) {
  vertical-align: top;
}

.w-width > br :not(*:root) {
  display: none;
}

.picker.pi-fix:not(*:root) {
  display: inline-table;
  margin-right: 15px;
  top: 10px !important;
}

.datt {
  margin-top: 30px;
}

.sm-bt-fi {
  position: relative;
  top: 27px !important;
}

.field .input:not(*:root) {
  line-height: 14px !important;
}

.top-5:not(*:root) {
  top: 20px !important;
}

.sid-2 {
  display: inline-block;
  margin-right: 9% !important;
  width: auto !important;
}
.dropdown-fix {
  border-top: 1px solid #dfd5d5;
  bottom: auto !important;
  top: auto !important;
  max-height: 125px !important;
}
.d-width {
  display: inline-block;
  margin-top: -5%;
  position: relative;
}

.picker.pi-fix {
  display: inline-table;
  margin-right: 15px;
  top: 5px !important;
}

.redb {
  color: #f5696c;
  text-transform: uppercase;
  font-weight: bold;
}

.let {
  margin-left: 1% !important;
}

.fx-img > img {
  text-align: center !important;
  line-height: 15px !important;
  vertical-align: middle !important;
}

.data-16 {
  position: relative;
  width: 100% !important;
  margin-left: -2% !important;
  margin-top: 2%;
  margin-bottom: 2% !important;
}
/* Styles end */

.mcc_referral_clinic_selection .ffb {
  top: 38px !important;
}

.field.mcc_referral_clinic_selection > div:last-child {
  padding-left: 9%;
}

.fleft.diagnosis.sub-box.investigation-5 {
  width: 56.6%;
}

.m-2 {
  margin-top: -2% !important;
}
#master_username {
  width: 49% !important;
}
.xxwide.text.input {
  padding-right: 11% !important;
}
.width-fix-2 {
  width: 83% !important;
}

.add-field:not(*:root) {
  text-indent: -27px;
  top: 10px;
  line-height: 36px;
  margin-top: -12px;
}

.si-fix-2:not(:root) {
  display: inline;
  float: right;
  margin-top: -3.5% !important;
  position: relative;
  right: 2%;
}
#pharmacy_panel {
  margin-bottom: 110px;
}
.claims-pop-2 {
  background-color: #ffffff;
  border: 1px solid #d5d5d5;
  display: inline-block;
  margin-bottom: 10px;
  min-height: 31px;
  position: relative;
  width: 100%;
}
.pro_comments.xwide.text.input {
  z-index: -1;
}
.diagnosis_1formError a {
  right: -9px !important;
}
.claims-details-expand div.specialist_div {
  width: auto;
}

.mcc_rule_7 {
  margin-top: 0px;
  position: absolute;
  width: 100%;
}
.gre2-top {
  width: 96% !important;
}
.pos-2 span {
  margin-left: 30% !important;
  margin-top: 2px !important;
  position: absolute !important;
}
.smi-2 {
  position: absolute;
  width: 5% !important;
}
.top-2 {
  margin-top: 1% !important;
}
.twrap {
  white-space: normal !important;
}

.wi {
  float: right !important;
  width: 53% !important;
  margin-bottom: 0px !important;
}

.gi {
  width: 46% !important;
}

.pos-3 {
  width: 98%;
  margin-left: 1%;
}
/* custom table */
.table-fixed-alignment > div:first-child {
  bottom: 108px;
  left: 40px;
  position: absolute;
  right: 40px;
  top: 250px;
}

.table-fixed-alignment > div.field {
  bottom: 55px;
  left: 40px;
  position: absolute;
  right: 40px;
  width: auto !important;
}

.table-fixed-alignment table tr td {
  padding-left: 10px;
  padding-right: 10px;
}

.table-fixed-alignment table .xxwide.text.input {
  margin-left: 0 !important;
  margin-right: 0;
  max-width: 150px;
}
.table-fixed-alignment table tr > td:nth-child(5) .xxwide.text.input,
.table-fixed-alignment table tr > td:nth-child(17) .xxwide.text.input,
.table-fixed-alignment table tr > td:nth-child(7) .xxwide.text.input {
  max-width: 90px;
}
.table-fixed-alignment table tr > td:nth-child(8) .xxwide.text.input,
.table-fixed-alignment table tr > td:nth-child(9) .xxwide.text.input {
  max-width: 75px;
}
.table-fixed-alignment table tr > td:nth-child(10) .xxwide.text.input,
.table-fixed-alignment table tr > td:nth-child(11) .xxwide.text.input,
.table-fixed-alignment table tr > td:nth-child(13) .xxwide.text.input,
.table-fixed-alignment table tr > td:nth-child(14) .xxwide.text.input {
  max-width: 120px;
}
.table-fixed-alignment table tr > td:nth-child(16) .xxwide.text.input,
.table-fixed-alignment table tr > td:nth-child(18) .xxwide.text.input,
.table-fixed-alignment table tr > td:nth-child(6) .xxwide.text.input {
  max-width: 60px;
  text-align: center;
}
.table-fixed-alignment table tr > td:nth-child(19) {
  min-width: 40px !important;
}
#erx_button {
  width: 20% !important;
  float: left;
}
.cosultation_buttons .static-button {
  width: 80% !important;
}
.soap {
  float: right;
}
.data-table-section td {
  padding: 5px 15px;
}
.data-table-section .dt-head td {
  color: #777777;
  background: #efefef;
}
.orange-o {
  background: none repeat scroll 0 0 #ffa500 !important;
}
.comment-bac > li {
  white-space: normal;
}
.service-block {
  border: 6px solid #f5f5f5;
  display: block !important;
  float: none !important;
  margin: 0 4px !important;
  padding: 0 !important;
  width: auto !important;
}

.service-block .s-full-w h5 {
  float: left;
  font-size: 12px !important;
  line-height: 17px;
  padding-top: 13px !important;
  width: 49% !important;
}
.service-block .s-full-w {
  border: 1px solid #e6e6e6;
}
.service-block .field.pad {
  border: 1px solid #e6e6e6;
  margin-bottom: 0;
  border-top: 0;
  margin-top: -2px !important;
}
.service-block .field.pad > li.field > .h-width {
  width: 100%;
}
.service-block .field.pad > li.field > .h-width > .field.sid.picker {
  width: auto !important;
  margin-left: 130px;
  display: block;
  margin-right: 0 !important;
}
.service-block .field.pad > li.field > .h-width > .field.sid.picker::after {
  color: #555555;
  /*content: "▾";*/
  font-family: entypo;
  margin-top: -10px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 14px;
}
.service-block .field.pad > li.field > .h-width > label {
  position: absolute;
  margin-top: 20px;
}
.service-block-edit {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 6px 0 5px;
  margin-bottom: -1px;
  background: #fff;
  position: relative;
  z-index: 1;
}
.claims-details-expand div.ffb {
  top: 35px !important;
  border-bottom: 1px solid #cccccc;
  padding: 0 !important;
}
.claims-details-expand div.ffb > div.content {
  padding: 0 !important;
}
.claims-details-expand div.ffb > div:empty {
  display: none !important;
}
.approval_status_badge {
  padding: 0 10px 0 10px;
  border-radius: 15px;
  color: #ffffff;
  width: 85%;
  display: inline-block;
  text-align: center;
}
.badge_orange {
  background-color: orange !important;
  border-color: orange !important;
}
.badge_brown {
  background-color: brown !important;
  border-color: brown !important;
}
.badge_green {
  background-color: #669639 !important;
  border-color: #669639 !important;
}

.badge_red {
  background-color: red !important;
  border-color: red !important;
}

.badge_blue {
  background-color: #45a9e7 !important;
  border-color: #45a9e7 !important;
}

.badge_grey {
  background-color: rgb(174, 158, 151) !important;
  border-color: rgb(174, 158, 151) !important;
}

.badge_yellow {
  background-color: #ffda21 !important;
  border-color: #ffda21 !important;
}

.badge_violet {
  background-color: #bd04ff !important;
  border-color: #bd04ff !important;
}

.badge_dark {
  background-color: #254e19 !important;
  border-color: #254e19 !important;
}

.badge_prussianblue {
  background-color: #4eb2ae !important;
  border-color: #4eb2ae !important;
}

.badge_pink {
  background-color: #ee7af4 !important;
  border-color: #ee7af4 !important;
}

.badge_lightgreen {
  background-color: #c3f47a !important;
  border-color: #c3f47a !important;
}

.badge_shade {
  background-color: #ad9442 !important;
  border-color: #ad9442 !important;
}
.search-top {
  background-color: #fff;
}
.search-top input {
  margin: 0.5em 0;
  padding: 5px 2%;
  width: 100%;
  border: 1px solid #ccc;
  color: #999;
  font-size: 12px;
}
#dobpicker1 input {
  width: 78%;
}
#dobpicker1 #clear_date_filter {
  padding: 7px 5px 0;
}
.search-top select {
  margin: 0.5em 0;
  padding: 5px 2%;
  border: 1px solid #ccc;
  color: #999;
  font-size: 12px;
  height: 29px !important;
}
.i-width {
  display: inline-block;
  margin-top: 25px;
  margin-right: 33px;
}

#redirection {
  position: fixed;
  top: 0;
  left: 0; /*This may prevent it from being seen if the user has scrolled down */
  color: #000000;
  padding: 2px 2px 2px 20px;
  background-color: #ffffff;
  opacity: 0.5;
  display: none;
  z-index: 99999 !important;
  height: 100%;
  width: 100%;
}

.print_consult_box {
  border: 1px solid #e1e1e1;
  border-top: 2px solid #82c8c2;
  padding: 5px 17px;
  width: 100%;
}
#claim_list_filter .field {
  padding-right: 14px !important;
}

#claim_list_filter .search_provider_container .field {
  padding-right: 2px !important;
}
.solid_red {
  color: red;
}

.mc_rule_span {
  max-width: 66%;
  display: inline-block;
  white-space: normal !important;
  vertical-align: top;
}
.rule_width {
  width: 75%;
  display: inline-block;
}

.mcc_ddrBox {
  display: table-cell;
  padding: 5px;
}
.mcc_ddrBox .ffb-arrow.out {
  /* css sprite technique */
  position: absolute;
}
.mcc_ddrBox .ffb-arrow.over {
  /* css sprite technique */
  position: absolute;
}
#activity_session_wrap .validation_img,
#misc_activity_session_wrap .validation_img {
  right: -56px;
}
.admission_dateformError .validation_img,
.discharge_dateformError .validation_img {
  right: 2%;
}
.error-not-found {
  cursor: pointer;
  color: #0bb8c1 !important;
  text-decoration: none;
}
.referral_rejection_reason_select.selectric {
  color: #787878 !important;
}
.common_reject .denial_selection .field.sid.picker {
  max-width: 69%;
}
.field_role_id .width-fix-3 {
  width: 100% !important;
}
.field.no-pad.car-full.no-margin {
  margin-top: -5px;
}
#admission_date,
#discharge_date,
#incident_type {
  display: block;
}
#admission_date_claim,
#discharge_date_claim {
  display: block;
  margin-top: 13px;
}
.selectric-incident .fleft {
  margin-left: 40px;
  min-width: 20%;
}
#diagnosis_1 {
  margin-left: 0px;
}
#checkbox-block .field label {
  min-width: 150px;
}
#checkbox-block .field label:first-child {
  min-width: 180px;
  font-weight: bold;
}
#incident-block div {
  display: inline-block;
}
#incident-block {
  max-width: 980px;
  background-color: #efefef;
}
#incident-block .picker {
  background-color: white;
  margin-right: 100px;
}
#checkbox-block2 ul li label {
  margin-left: 90px !important;
}
#checkbox-block2 ul li label:first-child {
  font-weight: bold;
  margin-left: 2% !important;
  color: #525252;
}

#checkbox-block2 table tr td {
  width: 20%;
}
.claims-footer div strong > label {
  color: #ffffff;
}
.tabContainer {
  overflow: inherit !important;
}
.mcc-approve .picker {
  height: 33px;
  top: 15px;
}
.mcc-approve .picker::after {
  width: auto;
  top: 61%;
}
.permission {
  display: block;
  width: 100%;
  white-space: normal !important;
}
.dialog_btn {
  color: #fff !important;
  font-weight: bold !important;
}

#checkbox-block2 label {
  color: #525252;
}
.div-seperation {
  width: 100%;
  height: 1px;
  background-color: #aeaeae;
  margin-top: 20px;
  margin-bottom: 20px;
}
.escalation {
  padding: 8px 8px;
}
.claim_outer_wrap,
claims-pop-2 span {
  font-size: 14px;
}
#escalation-text {
  text-align: center;
  font-size: 14px;
}
.escalation .h-width {
  width: 100%;
  text-align: center;
}
#user_designation_div .selectricWrapper {
  min-width: 180px;
}
#user_designation_div {
  display: table-cell;
}
#user_designation_div label {
  display: block;
  margin-bottom: 6px;
}
#dobpicker2 #clear_date_filter_2 {
  padding: 7px 5px 0;
}
#clear_date_filter_2 {
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  padding: 7px 0 0;
  position: absolute;
}
#dobpicker2 input {
  width: 78%;
}
#dobpicker3 #clear_date_filter_3 {
  padding: 7px 5px 0;
}
#clear_date_filter_3 {
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  padding: 7px 0 0;
  position: absolute;
}
#dobpicker3 input {
  width: 78%;
}
#claim_list th {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
}
#claim_list td,
#escalated_case_list td {
  text-align: center;
  font-size: 12px !important;
}
#claim_list_length {
  width: 20%;
}
#claim_list_filter {
  width: 70%;
}
@media (max-width: 1300px) {
  #claim_list td {
    font-size: 11px !important;
  }
  #claim_list_filter #card_number,
  #claim_list_filter #soap_number {
    width: 150px;
  }
  .twelve #claim_list_wrapper {
    width: 97%;
  }
}
#incident-block label {
  margin-left: 0px !important;
}
#incident-block input {
  max-width: 270px;
}
#type-illness-block2 table {
  max-width: 270px;
  border-color: transparent;
}
#type-illness-block2 table label {
  padding-left: 5px;
}
#type-illness-block2 {
  border: 1px solid #e5e5e5;
}

@media (max-width: 1400px) {
  .claims-footer span {
    font-size: 12px !important;
    padding: 1px 4px !important;
  }
  .claims-footer div strong > label {
    font-size: 12px !important;
  }
  .claim-open {
    font-size: 12px !important;
  }
  .claims-footer .time {
    padding: 1px 2% !important;
    font-size: 14px !important;
  }
}
.tdu {
  text-decoration: underline;
}
#type-illness-block2 label {
  font-size: 13px !important;
}
#rejected_session label {
  font-size: 13px !important;
}
#consultation #clear_admission_date,
#consultation #clear_discharge_date {
  position: absolute;
  bottom: 0px;
  margin-bottom: 12px;
  margin-left: 10px;
}
#print_claim_form {
  margin-top: 4px;
}
#addtional_feature .btn {
  padding: 0 5% !important;
  width: auto !important;
}
#q_approval_time {
  display: block;
}
.mcc-approve .picker {
  height: 33px;
  top: 15px;
}
.mcc-approve .picker::after {
  width: auto;
  top: 61%;
}
.class_pud {
  font-size: 12px;
  font-weight: bold;
  padding-left: 4px;
}
.class_pud a {
  color: #6f6f6f;
}

.claim-min-h-width {
  border: 1px solid #e7e7e7;
  padding: 0px 5px;
  margin-left: 5px;
}
.s-full-w-wob {
  background: #ffffff none repeat scroll 0 0;
  border-bottom: none;
  display: inline-table;
  font-size: 11px;
  line-height: 10px;
  padding: 10px 2.5%;
  width: 100%;
}
.s-full-w-wob > label {
  font-weight: bold;
}
.half-w {
  display: block !important;
  width: 50% !important;
  box-sizing: border-box;
  float: left;
}
.full-w {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box;
  clear: both;
  padding: 0 15px !important;
}
.fz-13 {
  font-size: 13px !important;
}
.esc-size span,
.esc-size label span {
  font-size: 13px;
}
#claim-height-fix {
  background-color: #efefef;
  max-width: 100%;
  border-right: 5px solid #fff;
  border-left: 5px solid #fff;
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom: 1px solid #fff;
}
#claim-height-fix span {
  border-bottom-color: transparent;
}
#claim-height-fix .s-half:first-child {
  border-bottom: 0px;
  border-right: 10px solid #fff;
  margin-bottom: 0px;
}
#claim-height-fix .s-half {
  display: table-cell;
}
#lmp_date {
  border: 1px solid #aeaeae;
  padding: 5px;
  display: ruby;
}
@media (max-width: 1085px) {
  .esc-size span,
  .esc-size label span {
    font-size: 12px;
  }
}
@media (max-width: 1095px) {
  .claims-footer span {
    padding: 1px 0px !important;
  }
}
@media (max-width: 1500px) {
  .esc-size span,
  .esc-size label span {
    line-height: 17px;
  }
}
.pend_case_upload .ajax-upload-dragdrop > span > b {
  margin-left: 10px;
}
.pend_case_upload .upload {
  text-align: center;
  padding: 0;
  line-height: 2;
  width: 80px;
}

.dash_inner_block {
  width: 100%;
  margin-bottom: 2%;
}
.dash_inner_right {
  width: 100%;
  border: 1px solid #ccc;
  margin-bottom: 1%;
}
.container-select_pend_cases div.picker select {
  width: 100% !important;
}
.container-select_pend_cases div.picker:after {
  display: none;
}

.claims-details-header {
  width: 100%;
  float: left;
}
.claims-details-header-left {
  width: 70%;
  float: left;
}
.claims-details-header-right {
  width: 30%;
  float: left;
}
.claims-details-div {
  width: 100%;
  float: left;
  padding-bottom: 10px;
}
.claims-details-header-right .claims-details-div {
  width: 100%;
  text-align: right;
  padding-bottom: 10px;
}
.claims-details-expand .claims-details-header {
  width: 100%;
  padding: 2px;
  line-height: 0;
}
.claims-details-expand .claims-details-header-row {
  width: 100%;
  padding-left: 5px;
}
.claims-details-expand .row-col-1 {
  width: 30%;
  float: left;
}
.claims-details-expand .row-col-2 {
  width: 40%;
  float: left;
}
.grey-bgr {
  background-color: #efefef !important;
}
#watermark {
  -webkit-transform: rotate(-45deg) scaleX(1.5) scaleY(2);
  opacity: 0.5;
  z-index: 99;
  color: rgba(1, 0, 0, 0.3);
  font-size: 64px;
  font-weight: bold;
  position: absolute;
  line-height: initial;
  max-height: 0px;
  font-weight: normal;
}
.print-cons-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fcare {
  padding-top: 10px;
  text-align: left;
  line-height: 1.5;
}
.mcc_rule_message {
  padding: 1% !important;
}
/* custom.css END*/

 .text.input {
  z-index: 0;
}
/* Drop-down arrow, with sprited image */
.ffb-arrow {
  background-image: url("../images/sel_win7.gif");
  border: 0 none !important;
  float: right;
  height: 22px;
  outline: 0 none !important;
  position: relative;
  right: 3px;
  top: -27px;
  width: 17px;
  z-index: 9999 !important;
}
.ffb-arrow.out {
  /* css sprite technique */
  background-position: 0;
}
.ffb-arrow.over {
  /* css sprite technique */
  background-position: -17px 0;
}
.ffb-arrow.active {
  /* css sprite technique */
  background-position: -34px 0;
}
.ffb-no-results {
  padding: 1px;
  color: #888;
  font-style: italic;
  border-bottom: 1px solid #828790;
}
/* Container for dropdown contents */
.ffb {
  background-color: #ffffff;
  border-left: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
  color: #8c8c8c !important;
  font-size: 12px;
  height: auto;
  margin-top: -4px;
  max-height: 210px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-top: 2px;
  position: absolute;
  width: 100% !important;
  z-index: 3 !important;
}
/* Inner div for dropdown */
.ffb .content {
  border-bottom: 1px solid #d5d5d5;
  color: #000;
  overflow: auto;
}

.ffb .content .row {
  border-bottom: 1px solid #d5d5d5;
  clear: both;
  color: #757575;
  font-size: 12px;
  height: 20px;
  line-height: 10px;
  padding-bottom: 17px;
  padding-left: 10px;
  padding-top: 5px;
}
.ffb-sel {
  cursor: pointer;
  cursor: hand;
  color: #fff !important;
  background-color: #07a999;
}
.ffb-match {
  font-weight: bold;
  color: #000;
}

/*#drug_name_ctr {
  bottom: 27px !important;
}*/

/* Paging */
.ffb .paging {
  vertical-align: middle;
  border-bottom: 1px solid #828790;
}
.ffb .page,
.ffb a.page {
  background-color: #fff !important;
  border: 1px solid #0bb8c1 !important;
  color: #545454 !important;
  font-size: 85% !important;
  margin: 2px 3px 6px 2px !important;
  padding: 3px !important;
}
.ffb .box {
  width: 22px;
  margin: 2px;
}
.ffb .summary {
  font-size: 85%;
}

/* qTip2 v2.2.0 None | qtip2.com | Licensed MIT, GPL | Thu Nov 21 2013 21:17:13 */
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  box-shadow: none;
  padding: 0;
}

.qtip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word;
}

.qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: 700;
}

.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important;
}

.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  cursor: pointer;
  outline: medium none;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}

.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
  top: 16px;
}

.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr;
}

.qtip-icon,
.qtip-icon .ui-icon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
}

.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: 400 bold 10px/13px Tahoma, sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em;
}

.qtip-focus {
}

.qtip-hover {
}

.qtip-default {
  background-color: #0bb8c1 !important;
  border-color: #0bb8c1 !important;
  border-radius: 0;
  border-style: solid;
  border-width: 3px;
  color: #fff !important;
}

.qtip-default .qtip-titlebar {
  background-color: #ffef93;
}

.qtip-default .qtip-icon {
  border-color: #ccc;
  background: #f1f1f1;
  color: #777;
}

.qtip-default .qtip-titlebar .qtip-close {
  border-color: #aaa;
  color: #111;
}

/*
 * jQuery UI CSS Framework 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui-helper-clearfix {
  display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
  height: 1%;
}
.ui-helper-clearfix {
  display: block;
}
/* end clearfix */
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
  display: inline-block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
 * jQuery UI CSS Framework 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
}
.ui-widget-content {
  background: none repeat scroll 0 0 #ffffff;
  color: #222222;
}
.ui-widget-content a {
  color: #222222;
}
.ui-widget-header {
  border-bottom: 0px solid #d5d5d5;
  color: #5e5f61;
  font-family: arial !important;
  font-size: 17px;
  font-weight: 500;
  height: 45px;
  text-align: center;
}
.ui-widget-header a {
  color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  color: #555555;
  font-weight: normal;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  /*background-image: url("images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #DADADA;*/
  color: #212121;
  font-weight: normal;
}
.ui-state-hover a,
.ui-state-hover a:hover {
  color: #212121;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #fefefe !important;
  border-color: #06b9b1 #ebebeb #ebebeb !important;
  border-image: none;
  border-style: solid !important;
  border-width: 2px 1px 0 !important;
  color: #b0b0b0 !important;
  font-size: 13px;
  font-weight: bold;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}
.ui-widget :active {
  outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee
    url(custom_page/base/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50%
    repeat-x;
  color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50%
    repeat-x;
  color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(../images/ui-icons_222222_256x240.png);
}
.ui-widget-content .ui-icon {
  background-image: url(../images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
  background-image: url(../images/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
  background-image: url(../images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(../images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
  background-image: url(../images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
  background-image: url(../images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(../images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-carat-1-n {
  background-position: 0 0;
}
.ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.ui-icon-carat-1-e {
  background-position: -32px 0;
}
.ui-icon-carat-1-se {
  background-position: -48px 0;
}
.ui-icon-carat-1-s {
  background-position: -64px 0;
}
.ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.ui-icon-carat-1-w {
  background-position: -96px 0;
}
.ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -141px;
  margin-right: 10px;
  margin-top: 10px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-off {
  background-position: -96px -144px;
}
.ui-icon-radio-on {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl {
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
}
.ui-corner-tr {
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
}
.ui-corner-bl {
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.ui-corner-br {
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ui-corner-top {
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
}
.ui-corner-bottom {
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ui-corner-right {
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ui-corner-left {
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.ui-corner-all {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

/* Overlays */
.ui-widget-overlay {
  background: none repeat scroll 0 0 #ffffff;
  opacity: 0.8;
  z-index: 2147483647;
}
.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50%
    repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
} /*
 * jQuery UI Resizable 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
} /*
 * jQuery UI Selectable 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
/*
 * jQuery UI Accordion 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
  width: 100%;
}
.ui-accordion .ui-accordion-header {
  cursor: pointer;
  position: relative;
  margin-top: 1px;
  zoom: 1;
}
.ui-accordion .ui-accordion-li-fix {
  display: inline;
}
.ui-accordion .ui-accordion-header-active {
  border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a {
  display: block;
  font-size: 1em;
  padding: 0.5em 0.5em 0.5em 0.7em;
}
.ui-accordion-icons .ui-accordion-header a {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  margin-top: -2px;
  position: relative;
  top: 1px;
  margin-bottom: 2px;
  overflow: auto;
  display: none;
  zoom: 1;
}
.ui-accordion .ui-accordion-content-active {
  display: block;
}
/*
 * jQuery UI Autocomplete 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete {
  position: absolute;
  cursor: default;
}

/* workarounds */
* html .ui-autocomplete {
  width: 1px;
} /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.11
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  float: left;
}
.ui-menu .ui-menu {
  margin-top: -3px;
}
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 0.2em 0.4em;
  line-height: 1.5;
  zoom: 1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}
/*
 * jQuery UI Button 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: 0.1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible;
} /* the overflow property removes extra width in IE */
.ui-button-icon-only {
  width: 2.2em;
} /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
  width: 2.4em;
} /* button elements seem to need a little more width */
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}

/*button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: 1.4;
}
.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: 0.4em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  margin-left: -8px !important;
  margin-top: -8px !important;
  position: absolute;
  top: 50%;
}

#dialog-confirm > p {
  color: #7a7a7a;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 12px;
  margin-bottom: 7px;
  text-align: justify;
  padding-top: 10px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}

/*button sets*/
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}

/* workarounds */
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
} /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog {
  border: 1px solid #dedede;
  border-radius: 7px;
  box-shadow: 0 0 9px #c5c5c5;
  height: auto !important;
  overflow: hidden;
  position: absolute;
  width: auto !important;
  z-index: 9999999999;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  font-size: 13px;
  font-weight: bold;
  margin: 0.1em 16px 0.1em 0;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
}
.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0;
}
.ui-dialog .ui-dialog-content {
  background: none repeat scroll 0 0 #ffffff;
  border: 0 none;
  overflow: auto;
  padding: 0.5em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-buttonpane {
  background-image: none;
  border-width: 1px 0 0;
  margin: 0.5em 0 0;
  padding: 0.3em 1em 0.5em 0.4em;
  text-align: center;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
}

#delete-confirm > p {
  font-size: 12px;
  line-height: 10px;
}

.ui-dialog-content.ui-widget-content {
  height: auto !important;
}
.ui-dialog .ui-dialog-buttonpane button {
  background: none repeat scroll 0 0 #efefef;
  border: 1px solid #dedede;
  border-radius: 6px;
  cursor: pointer;
  margin: 0 0.4em 0.5em 0;
  padding: 3px 20px;
  width: auto;
}
.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
/*
 * jQuery UI Slider 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider-horizontal {
  height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
} /*
 * jQuery UI Tabs 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs {
  background: none repeat scroll 0 0 #f8f8f8;
  padding: 1px;
  position: relative;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0px 0px 0;
}
.ui-tabs .ui-tabs-nav li {
  background-color: #f8f8f8;
  border: 1px solid #eaeaea;
  float: left;
  list-style: none outside none;
  margin: 0 -2px -1px;
  padding: 0;
  position: relative;
  top: -1px;
  white-space: nowrap;
  width: 20%;
}

.ui-tabs-panel .dataTables_wrapper {
  margin-left: auto;
  margin-right: auto;
  margin-top: -5px;
  width: 98%;
}

.ui-tabs .ui-tabs-nav li a {
  float: left;
  font-size: 12px;
  line-height: 26px;
  padding: 0.5em 1em;
  text-decoration: none;
  text-indent: 19px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  margin-bottom: 0;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
  cursor: text;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer;
  display: block;
  text-align: left;
  width: 100%;
}
.ui-tabs .ui-tabs-panel {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-width: 0;
  display: block;
  padding: 0;
}
.ui-tabs .ui-tabs-hide {
  display: none !important;
}
/*
 * jQuery UI Datepicker 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  display: none; /*sorry for IE5*/
  display/**/: block; /*sorry for IE5*/
  position: absolute; /*must have*/
  z-index: -1; /*must have*/
  filter: mask(); /*must have*/
  top: -4px; /*must have*/
  left: -4px; /*must have*/
  width: 200px; /*must have*/
  height: 200px; /*must have*/
} /*
 * jQuery UI Progressbar 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar {
  height: 2em;
  text-align: left;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

#dataTable_filter > input {
  border: 1px solid #e4e4e4;
  padding: 2px 10px;
}

/*
 *  jQuery Custombox v1.1.3 - 2014/02/18
 *  jQuery Modal Window Effects.
 *  http://dixso.github.io/custombox/
 *  (c) 2014 Julio De La Calle - http://dixso.net - @dixso9
 *
 *  Under MIT License - http://www.opensource.org/licenses/mit-license.php
 */

/*
 -------------------------------------------------
 Overlay
 -------------------------------------------------
*/
.custombox-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}

/*
 -------------------------------------------------
 Modal
 -------------------------------------------------
*/
.custombox-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.custombox-modal {
  height: auto;
  visibility: hidden;
}

/*
 -------------------------------------------------
 Error
 -------------------------------------------------
*/
.custombox-error {
  padding: 20px;
  text-align: center;
  color: #f00;
  font-weight: bold;
  font-size: 14px;
  background-color: #fff;
  border-radius: 5px;
}

/*
 -------------------------------------------------
 Actions
 -------------------------------------------------
*/
.custombox-show {
  visibility: visible;
}
.custombox-show ~ .custombox-overlay {
  opacity: 1;
  visibility: visible;
}
.custombox-perspective,
.custombox-perspective body {
  height: 100%;
  overflow: hidden;
}
.custombox-perspective body {
  -webkit-perspective: 600px;
  perspective: 600px;
}
.custombox-container {
  min-height: 100%;
}
.custombox-hide-scrollbar {
  overflow-y: hidden;
}
.custombox-hide-scrollbar body {
  position: relative;
  overflow: hidden;
}

/*
 -------------------------------------------------
 Fade in and scale up
 -------------------------------------------------
*/
.custombox-fadein .custombox-modal-content {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  opacity: 0;
}
.custombox-show.custombox-fadein .custombox-modal-content {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/*
 -------------------------------------------------
Slide and stick to top
 -------------------------------------------------
*/
.custombox-slide-top {
  top: 0;
}
.custombox-slide-top .custombox-modal-content,
.custombox-close.custombox-slide-left-top .custombox-modal-content,
.custombox-close.custombox-slide-right-top .custombox-modal-content {
  -webkit-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
  -webkit-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  opacity: 0;
}
.custombox-show.custombox-slide-top .custombox-modal-content {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  border-radius: 0 0 3px 3px;
  opacity: 1;
}
.custombox-close.custombox-slide-top-bottom .custombox-modal-content,
.custombox-close.custombox-slide-right-bottom .custombox-modal-content,
.custombox-close.custombox-slide-bottom-bottom .custombox-modal-content,
.custombox-close.custombox-slide-left-bottom .custombox-modal-content {
  -webkit-transform: translateY(200%);
  -ms-transform: translateY(200%);
  transform: translateY(200%);
}

/*
 -------------------------------------------------
 Slide from the right
 -------------------------------------------------
*/
.custombox-slide-right .custombox-modal-content,
.custombox-close.custombox-slide-bottom-right .custombox-modal-content,
.custombox-close.custombox-slide-top-right .custombox-modal-content,
.custombox-close.custombox-slide-center-right .custombox-modal-content {
  -webkit-transform: translateX(20%);
  -ms-transform: translateX(20%);
  transform: translateX(20%);
  opacity: 0;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -ms-transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -webkit-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
}
.custombox-show.custombox-slide-right .custombox-modal-content {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
.custombox-close.custombox-slide-right-left .custombox-modal-content {
  -webkit-transform: translateX(-20%);
  -ms-transform: translateX(-20%);
  transform: translateX(-20%);
}

/*
 -------------------------------------------------
Slide from the bottom
 -------------------------------------------------
*/
.custombox-slide-bottom .custombox-modal-content {
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
  -webkit-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
}
.custombox-show.custombox-slide-bottom .custombox-modal-content {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.custombox-close.custombox-slide-bottom-top .custombox-modal-content {
  -webkit-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  transform: translateY(-20%);
}

/*
 -------------------------------------------------
 Slide from the left
 -------------------------------------------------
*/
.custombox-slide-left .custombox-modal-content,
.custombox-close.custombox-slide-top-left .custombox-modal-content,
.custombox-close.custombox-slide-center-left .custombox-modal-content {
  -webkit-transform: translateX(-20%);
  -ms-transform: translateX(-20%);
  transform: translateX(-20%);
  opacity: 0;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -ms-transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -webkit-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
}
.custombox-show.custombox-slide-left .custombox-modal-content {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
.custombox-close.custombox-slide-left-right .custombox-modal-content {
  -webkit-transform: translateX(20%);
  -ms-transform: translateX(20%);
  transform: translateX(20%);
}

/*
 -------------------------------------------------
Slide and stick to center
 -------------------------------------------------
*/
.custombox-slide-center .custombox-modal-content {
  -webkit-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
  -webkit-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  opacity: 0;
}
.custombox-show.custombox-slide-center .custombox-modal-content {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  border-radius: 0 0 3px 3px;
  opacity: 1;
}

/*
 -------------------------------------------------
Newspaper
 -------------------------------------------------
*/
.custombox-newspaper .custombox-modal-content {
  -webkit-transform: scale(0) rotate(720deg);
  -ms-transform: scale(0) rotate(720deg);
  transform: scale(0) rotate(720deg);
  opacity: 0;
}
.custombox-show.custombox-newspaper ~ .custombox-overlay,
.custombox-newspaper .custombox-modal-content {
  -webkit-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
}
.custombox-show.custombox-newspaper .custombox-modal-content {
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  opacity: 1;
}

/*
 -------------------------------------------------
Fall
 -------------------------------------------------
*/
.custombox-fall.custombox-modal {
  -webkit-perspective: 1300px;
  -ms-perspective: 1300px;
  perspective: 1300px;
}
.custombox-fall .custombox-modal-content {
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(600px) rotateX(20deg);
  -ms-transform: translateZ(600px) rotateX(20deg);
  transform: translateZ(600px) rotateX(20deg);
  opacity: 0;
}
.custombox-show.custombox-fall .custombox-modal-content {
  -webkit-transition-timing-function: ease-in;
  -ms-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  -webkit-transform: translateZ(0) rotateX(0deg);
  -ms-transform: translateZ(0) rotateX(0deg);
  transform: translateZ(0) rotateX(0deg);
  opacity: 1;
}

/*
 -------------------------------------------------
Side fall
 -------------------------------------------------
*/
.custombox-sidefall.custombox-modal {
  -webkit-perspective: 1300px;
  -ms-perspective: 1300px;
  perspective: 1300px;
}
.custombox-sidefall .custombox-modal-content {
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
  -ms-transform: translate(30%) translateZ(600px) rotate(10deg);
  transform: translate(30%) translateZ(600px) rotate(10deg);
  opacity: 0;
}
.custombox-show.custombox-sidefall .custombox-modal-content {
  -webkit-transition-timing-function: ease-in;
  -ms-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  -webkit-transform: translate(0%) translateZ(0) rotate(0deg);
  -ms-transform: translate(0%) translateZ(0) rotate(0deg);
  transform: translate(0%) translateZ(0) rotate(0deg);
  opacity: 1;
}

/*
 -------------------------------------------------
Blur
 -------------------------------------------------
*/
.custombox-show.custombox-blur ~ .custombox-container * {
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  color: transparent;
}
.custombox-show.custombox-blur ~ .custombox-container img {
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
}
.custombox-blur .custombox-modal-content {
  -webkit-transform: translateY(-5%);
  -ms-transform: translateY(-5%);
  transform: translateY(-5%);
  opacity: 0;
}
.custombox-blur .custombox-modal-content,
.custombox-show.custombox-blur ~ .custombox-container {
  -webkit-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
}
.custombox-show.custombox-blur .custombox-modal-content {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

/*
 -------------------------------------------------
3D Flip horizontal
 -------------------------------------------------
*/
.custombox-flip-horizontal.custombox-modal {
  -webkit-perspective: 1300px;
  -ms-perspective: 1300px;
  perspective: 1300px;
}
.custombox-flip-horizontal .custombox-modal-content {
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateY(-70deg);
  transform: rotateY(-70deg);
  -webkit-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  opacity: 0;
}
.custombox-show.custombox-flip-horizontal .custombox-modal-content {
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 1;
}

/*
 -------------------------------------------------
3D Flip vertical
 -------------------------------------------------
*/
.custombox-flip-vertical.custombox-modal {
  -webkit-perspective: 1300px;
  -ms-perspective: 1300px;
  perspective: 1300px;
}
.custombox-flip-vertical .custombox-modal-content {
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(-70deg);
  -ms-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
  -webkit-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  opacity: 0;
}
.custombox-show.custombox-flip-vertical .custombox-modal-content {
  -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1;
}

/*
 -------------------------------------------------
3D Sign
 -------------------------------------------------
*/
.custombox-sign.custombox-modal {
  -webkit-perspective: 1300px;
  -ms-perspective: 1300px;
  perspective: 1300px;
}
.custombox-sign .custombox-modal-content {
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(-60deg);
  -ms-transform: rotateX(-60deg);
  transform: rotateX(-60deg);
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  opacity: 0;
  -webkit-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
}
.custombox-show.custombox-sign .custombox-modal-content {
  -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1;
}

/*
 -------------------------------------------------
Super scaled
 -------------------------------------------------
*/
.custombox-superscaled .custombox-modal-content {
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  opacity: 0;
  -webkit-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
}
.custombox-show.custombox-superscaled .custombox-modal-content {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/*
 -------------------------------------------------
3D Slit
 -------------------------------------------------
*/
.custombox-slit.custombox-modal {
  -webkit-perspective: 1300px;
  -ms-perspective: 1300px;
  perspective: 1300px;
}
.custombox-slit .custombox-modal-content {
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-3000px) rotateY(90deg);
  -ms-transform: translateZ(-3000px) rotateY(90deg);
  transform: translateZ(-3000px) rotateY(90deg);
  opacity: 0;
}
.custombox-show.custombox-slit .custombox-modal-content {
  -webkit-animation: slit 0.7s forwards ease-out;
  -ms-animation: slit 0.7s forwards ease-out;
  animation: slit 0.7s forwards ease-out;
}
@-webkit-keyframes slit {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(89deg);
    opacity: 0.5;
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateZ(0) rotateY(0deg);
    opacity: 1;
  }
}
@-ms-keyframes slit {
  50% {
    -ms-transform: translateZ(-250px) rotateY(89deg);
    opacity: 0.5;
    -ms-animation-timing-function: ease-out;
  }
  100% {
    -ms-transform: translateZ(0) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes slit {
  50% {
    transform: translateZ(-250px) rotateY(89deg);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateZ(0) rotateY(0deg);
    opacity: 1;
  }
}

/*
 -------------------------------------------------
3D Rotate from bottom
 -------------------------------------------------
*/
.custombox-rotate-bottom.custombox-modal {
  -webkit-perspective: 1300px;
  -ms-perspective: 1300px;
  perspective: 1300px;
}
.custombox-rotate-bottom .custombox-modal-content {
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateY(100%) rotateX(90deg);
  -ms-transform: translateY(100%) rotateX(90deg);
  transform: translateY(100%) rotateX(90deg);
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  opacity: 0;
  -webkit-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
}
.custombox-show.custombox-rotate-bottom .custombox-modal-content {
  -webkit-transform: translateY(0%) rotateX(0deg);
  -ms-transform: translateY(0%) rotateX(0deg);
  transform: translateY(0%) rotateX(0deg);
  opacity: 1;
}

/*
 -------------------------------------------------
3D Rotate in from left
 -------------------------------------------------
*/
.custombox-rotate-left.custombox-modal {
  -webkit-perspective: 1300px;
  -ms-perspective: 1300px;
  perspective: 1300px;
}
.custombox-rotate-left .custombox-modal-content {
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  opacity: 0;
  -webkit-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
}
.custombox-show.custombox-rotate-left .custombox-modal-content {
  -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
  -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
  transform: translateZ(0px) translateX(0%) rotateY(0deg);
  opacity: 1;
}

/*
 -------------------------------------------------
Slide in from bottom with perspective on container
 -------------------------------------------------
*/
.custombox-show.custombox-letmein ~ .custombox-container {
  height: 100%;
  overflow: hidden;
  -webkit-transition-property: -webkit-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}
.custombox-show.custombox-letmein ~ .custombox-container,
.custombox-show.custombox-letmein ~ .custombox-overlay {
  -webkit-transform: rotateX(-2deg);
  -ms-transform: rotateX(-2deg);
  transform: rotateX(-2deg);
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.custombox-letmein .custombox-modal-content {
  opacity: 0;
  -webkit-transform: translateY(200%);
  -ms-transform: translateY(200%);
  transform: translateY(200%);
}
.custombox-show.custombox-letmein .custombox-modal-content {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
}

/*
 -------------------------------------------------
Slide from right with perspective on container
 -------------------------------------------------
*/
.custombox-show.custombox-makeway ~ .custombox-container {
  height: 100%;
  overflow: hidden;
}
.custombox-show.custombox-makeway ~ .custombox-overlay {
  background: rgba(143, 27, 15, 0.8);
  -webkit-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
}
.custombox-show.custombox-makeway ~ .custombox-container,
.custombox-show.custombox-makeway ~ .custombox-overlay {
  -webkit-transform-style: preserve-3d;
  -webkit-transform-origin: 0% 50%;
  -webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
  -ms-transform-style: preserve-3d;
  -ms-transform-origin: 0% 50%;
  -ms-animation: rotateRightSideFirst 0.5s forwards ease-in;
  transform-style: preserve-3d;
  transform-origin: 0% 50%;
  animation: rotateRightSideFirst 0.5s forwards ease-in;
}
@-webkit-keyframes rotateRightSideFirst {
  50% {
    -webkit-transform: translateZ(-50px) rotateY(5deg);
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateZ(-200px);
  }
}
@-ms-keyframes rotateRightSideFirst {
  50% {
    -ms-transform: translateZ(-50px) rotateY(5deg);
    -ms-animation-timing-function: ease-out;
  }
  100% {
    -ms-transform: translateZ(-200px);
  }
}
@keyframes rotateRightSideFirst {
  50% {
    transform: translateZ(-50px) rotateY(5deg);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateZ(-200px);
  }
}
.custombox-makeway .custombox-modal-content {
  -webkit-transform: translateX(200%);
  -ms-transform: translateX(200%);
  transform: translateX(200%);
  opacity: 0;
}
.custombox-show.custombox-makeway .custombox-modal-content {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  -webkit-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
}

/*
 -------------------------------------------------
Slip in from the top with perspective on container
 -------------------------------------------------
*/
.custombox-show.custombox-slip ~ .custombox-container {
  height: 100%;
  overflow: hidden;
}
.custombox-show.custombox-slip ~ .custombox-overlay {
  -webkit-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
}
.custombox-show.custombox-slip ~ .custombox-container,
.custombox-show.custombox-slip ~ .custombox-overlay {
  -webkit-transform-style: preserve-3d;
  -webkit-transform-origin: 50% 100%;
  -webkit-animation: OpenTop 0.5s forwards ease-in;
  -ms-transform-style: preserve-3d;
  -ms-transform-origin: 50% 100%;
  -ms-animation: OpenTop 0.5s forwards ease-in;
  transform-style: preserve-3d;
  transform-origin: 50% 100%;
  animation: OpenTop 0.5s forwards ease-in;
}
@-webkit-keyframes OpenTop {
  50% {
    -webkit-transform: rotateX(10deg);
    -webkit-animation-timing-function: ease-out;
  }
}
@-ms-keyframes OpenTop {
  50% {
    -ms-transform: rotateX(10deg);
    -ms-animation-timing-function: ease-out;
  }
}
@keyframes OpenTop {
  50% {
    transform: rotateX(10deg);
    animation-timing-function: ease-out;
  }
}
.custombox-slip .custombox-modal-content {
  -webkit-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
  opacity: 0;
}
.custombox-show.custombox-slip .custombox-modal-content {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
}

/*
== malihu jquery custom scrollbar plugin ==
Version: 3.0.2 
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/

/*
CONTENTS: 
        1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
        2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
        3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
        4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
        5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
        6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
                6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/

/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

.mCustomScrollbar {
  -ms-touch-action: none;
  touch-action: none; /* MSPointer events - direct all pointer events to js */
}
.mCustomScrollbar.mCS_no_scrollbar {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: visible;
  width: auto;
  height: auto;
}

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
} /* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
} /* RTL direction/left-side scrollbar */

.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
} /* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
} /* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px; /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_dragger
  .mCSB_dragger_bar {
  width: 12px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_draggerRail {
  width: 8px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
} /* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox
  + .mCSB_scrollTools
  + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
} /* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px; /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_dragger
  .mCSB_dragger_bar {
  height: 12px; /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_draggerRail {
  height: 8px; /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden
  + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden
  + .mCSB_scrollTools
  ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl
  > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
  > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl
  > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
  > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl
  > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
  > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden
  + .mCSB_scrollTools
  ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
  > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
  > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity 0.2s ease-in-out,
    background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s,
    margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s,
    margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
    opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s,
    margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s,
    margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
    opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s,
    margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s,
    margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
    opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s,
    margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s,
    margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
    opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/

/* default theme ("light") */

.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar
  > .mCustomScrollBox
  > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar
  > .mCustomScrollBox
  ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png); /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
    sprites locations 
    light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
    dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
    */
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
    sprites locations
    light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
    dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
    */
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
    sprites locations 
    light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
    dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
    */
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
    sprites locations 
    light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
    dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
    */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */

/* theme: "light-2", "dark-2" */

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

/* theme: "dark-2" */

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

/* ---------------------------------------- */

/* theme: "light-thick", "dark-thick" */

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

/* theme: "dark-thick" */

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

/* ---------------------------------------- */

/* theme: "light-thin", "dark-thin" */

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

/* theme "dark-thin" */

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */

/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal
  .mCSB_dragger
  .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_dragger
  .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_dragger
  .mCSB_dragger_bar {
  width: 16px; /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_draggerRail {
  width: 4px; /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_dragger
  .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_dragger
  .mCSB_dragger_bar {
  height: 16px; /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_draggerRail {
  height: 4px; /* auto-expanded scrollbar */
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

/* ---------------------------------------- */

/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, rgba(255, 255, 255, 0.5)),
    color-stop(100%, rgba(255, 255, 255, 0))
  );
  background-image: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background-image: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background-image: -ms-linear-gradient(
    left,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background-image: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(255, 255, 255, 0.5)),
    color-stop(100%, rgba(255, 255, 255, 0))
  );
  background-image: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background-image: -o-linear-gradient(
    top,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background-image: -ms-linear-gradient(
    top,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}

/* theme "3d", "3d-dark" */

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5),
    inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5),
    inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "3d-dark" */

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */

/* theme: "3d-thick", "3d-thick-dark" */

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1),
    inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1),
    inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */

.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1),
    inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4),
    inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */

/* theme: "minimal", "minimal-dark" */

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal
  + .mCSB_scrollTools
  + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark
  + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark
  + .mCSB_scrollTools
  + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */

/* theme "light-3", "dark-3" */

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_draggerRail {
  width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "dark-3" */

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */

/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */

.xdsoft_datetimepicker {
  box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
  background: #ffffff;
  border-bottom: 1px solid #bbbbbb;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  color: #333333;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  padding: 8px;
  padding-left: 0px;
  padding-top: 2px;
  position: absolute;
  z-index: 9999;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}

.xdsoft_datetimepicker iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 210px;
  background: transparent;
  border: none;
}
/*For IE8 or lower*/
.xdsoft_datetimepicker button {
  border: none !important;
}

.xdsoft_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.xdsoft_noselect::selection {
  background: transparent;
}
.xdsoft_noselect::-moz-selection {
  background: transparent;
}
.xdsoft_datetimepicker.xdsoft_inline {
  display: inline-block;
  position: static;
  box-shadow: none;
}
.xdsoft_datetimepicker * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  margin: 0px;
}
.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
  display: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active,
.xdsoft_datetimepicker .xdsoft_timepicker.active {
  display: block;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 224px;
  float: left;
  margin-left: 8px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
  width: 256px;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
  width: 58px;
  float: left;
  text-align: center;
  margin-left: 8px;
  margin-top: 0px;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
  margin-top: 8px;
  margin-bottom: 3px;
}
.xdsoft_datetimepicker .xdsoft_mounthpicker {
  position: relative;
  text-align: center;
}

.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==");
}
.xdsoft_datetimepicker .xdsoft_prev {
  float: left;
  background-position: -20px 0px;
}
.xdsoft_datetimepicker .xdsoft_today_button {
  float: left;
  background-position: -70px 0px;
  margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
  float: right;
  background-position: 0px 0px;
}
.xdsoft_datetimepicker .xdsoft_next:active,
.xdsoft_datetimepicker .xdsoft_prev:active {
}
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0px none currentColor;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 0.5;
  outline: medium none currentColor;
  overflow: hidden;
  padding: 0px;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 20px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  float: none;
  background-position: -40px -15px;
  height: 15px;
  width: 30px;
  display: block;
  margin-left: 14px;
  margin-top: 7px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  background-position: -40px 0px;
  margin-bottom: 7px;
  margin-top: 0px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 151px;
  overflow: hidden;
  border-bottom: 1px solid #dddddd;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #f5f5f5;
  border-top: 1px solid #dddddd;
  color: #666666;
  font-size: 12px;
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  border-bottom-width: 0px;
  height: 25px;
  line-height: 25px;
}

.xdsoft_datetimepicker
  .xdsoft_timepicker
  .xdsoft_time_box
  > div
  > div:first-child {
  border-top-width: 0px;
}
.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
  opacity: 1;
}
.xdsoft_datetimepicker .xdsoft_label {
  display: inline;
  position: relative;
  z-index: 9999;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
  float: left;
  width: 182px;
  text-align: center;
  cursor: pointer;
}
.xdsoft_datetimepicker .xdsoft_label:hover {
  text-decoration: underline;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  border: 1px solid #ccc;
  position: absolute;
  right: 0px;
  top: 30px;
  z-index: 101;
  display: none;
  background: #fff;
  max-height: 160px;
  overflow-y: hidden;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
  right: -7px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
  right: 2px;
}
.xdsoft_datetimepicker
  .xdsoft_label
  > .xdsoft_select
  > div
  > .xdsoft_option:hover {
  color: #fff;
  background: #ff8000;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding: 2px 10px 2px 5px;
}
.xdsoft_datetimepicker
  .xdsoft_label
  > .xdsoft_select
  > div
  > .xdsoft_option.xdsoft_current {
  background: #33aaff;
  box-shadow: #178fe5 0px 1px 3px 0px inset;
  color: #fff;
  font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_month {
  width: 90px;
  text-align: right;
}
.xdsoft_datetimepicker .xdsoft_calendar {
  clear: both;
}
.xdsoft_datetimepicker .xdsoft_year {
  width: 56px;
}
.xdsoft_datetimepicker .xdsoft_calendar table {
  border-collapse: collapse;
  width: 100%;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding-right: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  height: 25px;
}
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857142%;
  background: #f5f5f5;
  border: 1px solid #dddddd;
  color: #666666;
  font-size: 12px;
  text-align: right;
  padding: 0px;
  border-collapse: collapse;
  cursor: pointer;
  height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
  width: 12.5%;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  background: #f1f1f1;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #33aaff;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker
  .xdsoft_timepicker
  .xdsoft_time_box
  > div
  > div.xdsoft_current {
  background: #33aaff;
  box-shadow: #178fe5 0px 1px 3px 0px inset;
  color: #fff;
  font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
  opacity: 0.5;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
  opacity: 0.2;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #fff !important;
  background: #ff8000 !important;
  box-shadow: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker
  .xdsoft_timepicker
  .xdsoft_time_box
  > div
  > div.xdsoft_disabled:hover {
  color: inherit !important;
  background: inherit !important;
  box-shadow: inherit !important;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  font-weight: 700;
  text-align: center;
  color: #999;
  cursor: default;
}
.xdsoft_datetimepicker .xdsoft_copyright {
  color: #ccc !important;
  font-size: 10px;
  clear: both;
  float: none;
  margin-left: 8px;
}
.xdsoft_datetimepicker .xdsoft_copyright a {
  color: #eee !important;
}
.xdsoft_datetimepicker .xdsoft_copyright a:hover {
  color: #aaa !important;
}

.xdsoft_time_box {
  position: relative;
  border: 1px solid #ccc;
}
.xdsoft_scrollbar > .xdsoft_scroller {
  background: #ccc !important;
  height: 20px;
  border-radius: 3px;
}
.xdsoft_scrollbar {
  position: absolute;
  width: 7px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  cursor: pointer;
}
.xdsoft_scroller_box {
  position: relative;
}

.selectricWrapper {
  cursor: pointer;
  margin: 0 0 10px;
  position: relative;
  width: 300px;
  float: left;
  width: auto;
}

.selectric.sir {
  width: 65px;
}

.selectricResponsive {
  width: 100%;
}

.selectric {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #ddd;
  border-radius: 0;
  height: 33px !important;
  margin-right: 5px;
  position: relative;
}

.selectric .label {
  color: #444444;
  display: block;
  font-size: 12px;
  line-height: 24px;
  margin: 3px 30px 0 0;
  min-height: 26px;
  overflow: hidden;
  padding: 0 10px;
  text-align: left;
  white-space: nowrap;
}

.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  color: #bbb;
  text-align: center;
  font: 0/0 a;
  *font: 20px/30px Lucida Sans Unicode, Arial Unicode MS, Arial;
}

.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #bbb;
  border-bottom: none;
}

.selectricHover .selectric {
  border-color: #ccc;
}

.selectricHover .selectric .button {
  color: #888;
}

.selectricHover .selectric .button:after {
  border-top-color: #888;
}

.selectricOpen {
  z-index: 9999;
}

.selectricOpen .selectric {
  background: none repeat scroll 0 0 #ffffff;
  border-color: #ccc;
  z-index: 9999;
}
.selectricOpen .selectricItems {
  display: block;
}

.selectricDisabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-touch-callout: none;
  user-select: none;
}

.selectricHideSelect {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.selectricHideSelect select {
  position: absolute;
  left: -100%;
  display: none;
}

.selectricInput {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectricTempShow {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

.selectricItems {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #ccc;
  display: none;
  left: 0;
  max-height: 130px;
  overflow: auto;
  position: absolute;
  z-index: 999999;
  width: 100% !important;
}
.selectricItems ul,
.selectricItems li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}

.selectricItems li {
  border-bottom: 1px solid #e4e4e4;
  border-top: 1px solid #fff;
  color: #666;
  cursor: pointer;
  display: block;
  padding: 3px 3px 2px 5px;
}

.selectricItems li.selected {
  background: #efefef;
  color: #444;
  border-top-color: #e0e0e0;
}

.selectricItems li:hover {
  background: #f0f0f0;
  color: #444;
}

.selectricItems li.disabled {
  background: #f5f5f5;
  color: #bbb;
  border-top-color: #fafafa;
  cursor: default;
}

.print-mem-details {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.w-100p {
  width: 100% !important;
}
#invalid_auth {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
  display: inline-block;
  text-align: left;
  background: #ca3838;
  padding: 1px 10px;
  clear: both;
}
label.disabled {
  color: #c5c5c5;
}
.emirate_reg {
  max-width: 41% !important;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0px;
}
.emirate_reg #no_emirates_id {
  width: auto;
}
#watermark2 {
  position: fixed;
  top: 16%;
  right: 1%;
  text-align: center;
  opacity: 1;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
  z-index: -1000;
}
.disclaimer-head {
  font-size: 12px !important;
  margin-bottom: 7px;
  font-weight: bold;
  line-height: 14px;
}
.disclaimer-head .tips {
  font-size: 12px !important;
  font-weight: bold;
  color: #006687;
}
.disclaimer-footer {
  font-size: 9px !important;
  font-weight: bold;
  line-height: 14px;
}
.intl_message_head {
  text-decoration: underline;
  padding-right: 0px !important;
  padding-left: 5px;
  display: block;
  width: 39%;
  font-size: 12px !important;
  line-height: 1.6;
  background-color: red !important;
  margin-left: 3%;
  font-weight: bold;
}
.intl_message {
  padding: 6px 0 10px 15px;
  display: block;
  width: 100%;
  font-size: 11px !important;
  line-height: 1.6;
  font-style: italic;
  color: #0b0b0b;
}
.intl_message_registration {
  display: block;
  white-space: normal;
  padding: 0;
  font-size: 11px !important;
  line-height: 1.6;
}
.red_text {
  color: red;
}
.white {
  color: #fff;
}

.white-space-normal {
  white-space: normal !important;
}
.w-auto {
  width: auto !important;
}
.d-inline-block {
  display: inline-block !important;
}
.width-h {
  float: left;
  width: 50%;
}
.cons-h4 {
  font-size: 16px !important;
}
.captcha-field {
  width: 50%;
}
.captcha-image {
  position: absolute;
  padding: 1% 0 0 3%;
}
.refresh-captcha {
  margin-left: 90%;
  padding: 6%;
  position: absolute;
}
#consultation .card-no-lname {
  font-size: 14px;
}
#consultation .head {
  font-size: 15px;
}
#consultation .field .input {
  font-size: 15px;
}
#consultation .data-2 th {
  font-size: 15px;
}
#consultation .data-2 td {
  font-size: 15px;
}
#consultation .selectric .label {
  font-size: 14px;
}
#consultation .slug {
  color: #777777;
}
#consultation label.activity_req_amount {
  color: #777 !important;
}
#consultation .btn.info,
.skiplink.info {
  background: none repeat scroll 0 0 #777777;
}
#consultation .twelve.columns.white-bg label {
  font-weight: 600;
}
.disabled {
  opacity: 0.3;
}
.no-close .ui-dialog-titlebar-close {
  display: none;
}
#consultation {
  position: relative;
}
@media (max-width: 1400px) {
  .row .nine.columns {
    width: 98% !important;
  }
  .align-mobile-sec {
    white-space: normal !important;
  }
  .align-mobile-sec label.radio {
    white-space: nowrap;
  }
  .back-to-dashboard {
    position: fixed;
    top: 235px !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -11px !important;
  }
  #consultation .twelve.columns .row > table {
    margin-top: 30px !important;
  }
}
@media (max-width: 1200px) {
  .car-full {
    max-width: 370px;
  }
  #consultation li.field.no-pad.investigation-drugs-box {
    display: grid;
    align-items: baseline;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 15px;
  }
  #consultation li.field.no-pad.investigation-drugs-box input { 
    width:120px !important;
  }
}
@media (max-width: 1200px) and (min-width: 1200px) {
  .custom-tooltip {
    max-width: 200px;
    white-space: normal;
  }
}
@media (max-width: 992px) {
  .back-to-dashboard {
    right: 11px !important;
    margin: 0;
  }

  .dataTables_wrapper {
    width: 100vw !important;
    overflow: auto;
    padding-bottom: 30px;
    max-width: 95%;
  }
  .dataTables_wrapper .dataTable {
    min-width: 1000px;
    overflow-x: auto;
  }
  .dataTables_wrapper .dataTable .sorting_asc {
    max-width: 80px !important;
  }
  .dataTables_wrapper .dataTable .sorting_disabled {
    max-width: 80px !important;
  }
  .dataTables_wrapper .dataTables_length {
    width: 100%;
    padding: 20px 0;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    display: block;
    width: 100%;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter input,
  .si-but {
    float: none !important;
  }
  .sm-bt {
    display: block;
    text-align: center;
  }
  .three.columns.bal-half-pad.lgrey-bg.fixed.no-pad-l.smar {
    display: none !important;
  }
  #file_upload_form .h-width.z-width {
    width: 100% !important;
    float: none;
    display: block;
    margin-left: 0 !important;
  }
  .upload_help_text {
    padding-left: 0;
  }
  #file_upload_form .fileUpload + span {
    display: block;
    margin-top: 15px;
  }
  #file_upload_form .fileUpload + span a {
    margin-left: auto;
    display: inline-block;
    float: right;
    position: absolute;
    top: 0;
    line-height: 1.1;
  }
  #claim_list_length,
  #claim_list_filter {
    width: 100%;
  }
  .dataTables_filter .date_label {
    float: none;
    margin-left: auto;
    width: 40%;
    margin-right: auto;
    display: inline-block;
  }
  .dataTables_wrapper .dataTables_filter input[type="search"] {
    border: 1px solid #d2d2d2;
    float: right;
    margin-bottom: 24px;
    margin-left: 0.5em;
    padding: 15px;
    position: relative;
    width: 210px !important;
  }
  .field.no-pad.card_number .fright {
    float: none;
  }
  .car-full {
    display: inline-block;
    margin-left: 0;
    margin-top: 15px;
  }
  .card_number #yob {
    width: 100% !important;
    display: block;
    margin: 15px 0;
  }
  .card_number .custom-tooltip {
    position: initial;
    margin-bottom: 12px;
  }
  .card_number .custom-tooltip::after {
    top: 34px;
    transform: rotate(180deg);
    right: 25px;
  }
  #card_number {
    margin-top: 0px !important;
    width: 100%;
  }
  #consulted_patients_table {
    min-width: 1400px;
    overflow: auto;
  }
  #claims_list_filter {
    width: 100vw !important;
    float: none;
    max-width: 320px;
    text-align: center;
    margin-left: 50vw;
    transform: translateX(-50%);
  }
  #search_form {
    text-align: center !important;
  }
  #claims_list_filter .search_buttons,
  #claims_list_filter .submit-buttons {
    float: none !important;
  }
  #claims_list_filter .submit-buttons {
    width: 100% !important;
  }
  input[type="text"] {
    height: 33px !important;
  }
  #userForm .selectricWrapper {
    margin-bottom: 0;
  }
  .yobformError {
    top: 50px !important;
  }
  #consultation .field .fleft.date_of_onset,
  #diagnosis_1 {
    float: none;
    width: 388px !important;
  }
  .overflow-wrapper {
    width: 80vw;
    overflow-x: auto;
  }
  #diagnosis_table,
  #investigation_table {
    min-width: 1000px;
  }

  #consultation .twelve.columns .row > table {
    display: block;
    position: relative;
    padding: 10px 10px 0px;
  }
  #consultation .twelve.columns .row > table tr {
    display: grid;
    text-align: left;
  }
  #consultation .twelve.columns .row > table tbody {
    width: 100%;
    display: block;
  }
  #consultation .twelve.columns .row > table tr .card-no-lname {
    text-indent: 0;
  }
  a#emr_button {
    position: absolute;
    right: 15px;
    top: 8px;
  }
  h4.let.tip.cyan .fright {
    float: left;
  }
  #consultation #quantity,
  #consultation #requested_amount {
    min-width: 55px !important;
  }
  select#diagnosis_type,
  select#onset_date_pick {
    width: 105px !important;
    margin-right: 10px;
  }
  #consultation input#date_onset_1 {
    width: 388px !important;
    margin-left: -4px;
    margin-top: 10px;
  }
  input#diagnosis_1_input,
  #diagnosis_comments {
    width: 388px !important;
  }
  #consultation .twelve.columns .row > table tr:nth-child(3) td:last-child div {
    display: none;
  }
  div#investigation {
    min-width: 600px;
  }
  li#diagnosis-panel {
    padding-bottom: 40px !important;
  }
  li#diagnosis-panel .add-field {
    bottom: -20px !important;
    top: initial !important;
    left: 35px;
  }
}

@media (max-width: 768px) {
  .login_row {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .login {
    width: 100%;
  }
  body .row {
    padding-left: 15px;
    padding-right: 15px;
  }
  .dataTables_filter .date_label {
    width: 245px;
  }
  tr td:last-child {
    min-width: 150px;
  }
  .dataTables_wrapper .dataTables_filter input[type="button"].btn.medium {
    padding: 0 15px !important;
  }
  .dataTables_filter .date_div .hasDatepicker {
    height: 31px;
    width: 95%;
  }
  .row .row .column,
  .row .row .columns {
    width: 95% !important;
  }
  .row .row .column .column,
  .row .row .columns .columns {
    width: 100% !important;
    padding: 0 15px !important;
  }
  table.display.dataTable thead th {
    padding: 3px 15px 3px 10px;
  }
  #userForm .h-width {
    width: 100%;
    display: block;
  }
  .ui-tabs .ui-tabs-nav li {
    min-width: 140px;
  }
  .validate-card.zoom1x-n {
    padding-left: 15px;
    margin-top: 15px;
    line-height: 1.1;
    margin-bottom: 15px;
  }
  #userForm .width-fix-2 {
    width: calc(100% - 70px) !important;
  }
  #consulted_patients_table {
    min-width: 1100px;
    overflow: auto;
  }
  /* table#consulted_patients_table td, table#consulted_patients_table th {
        display: none;
    }
    table#consulted_patients_table th:nth-child(4), table#consulted_patients_table th:nth-child(6), table#consulted_patients_table td:nth-child(4), table#consulted_patients_table td:nth-child(6) {
        display: table-cell;
    }     */
  #consultation input#date_onset_1 {
    display: block;
    margin-left: 0;
  }
  .diagnosis_type_box {
    float: none;
  }
  #diagnosis_1 {
    margin-left: 0px;
    margin-bottom: 15px;
    margin-top: 10px;
  }
}
@media (max-width: 480px) {
  .login {
    padding: 18px 15px 1px;
  }
  .two.columns.header-logo {
    height: 90px;
    margin-left: 0;
  }
  .two.columns.header-logo img {
    width: 170px;
  }
  .two.columns.header-logo ~ .columns .dropdown {
    top: 18px;
  }
  .two.columns.header-logo ~ .columns .my-account-name {
    max-width: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  div.submenu {
    width: 300px;
  }
  .card_number .custom-tooltip {
    white-space: normal;
  }
  #claims_list_filter {
    margin-left: 40vw;
    transform: translateX(-50%);
    max-width: 200px;
  }
  .back-to-dashboard {
    top: 225px !important;
  }
  .sf-menu > li {
    width: 60px;
    white-space: normal;
  }
  span.menu-text {
    line-height: 1.1 !important;
    display: inline-block;
    margin-top: 30px;
    text-align: center;
    white-space: normal;
  }
  .sf-arrows .sf-with-ul:after {
    margin-top: 25% !important;
  }
}
@media (min-width: 1054px) {
  .fancybox-type-iframe .fancybox-inner {
    min-width: 1024px;
  }
  .fancybox-outer {
    min-width: 1024px;
  }
  .fancybox-skin {
    min-width: 1054px;
  }
  .fancybox-opened {
    width: auto !important;
    right: auto !important;
    margin: auto;
  }
}
.fancybox-close {
  top: 0px !important;
  right: 0px !important;
}
.disable_content {
  pointer-events: none;
  opacity: 0.4;
}
@media (max-width: 992px) {
  .t-header {
    display: none;
  }
  .mobile-row-table tbody tr td {
    display: block;
    padding-left: 160px !important;
    text-align: left !important;
    position: relative;
    min-height: 28px;
    height: auto !important;
  }
  .btn-reg {
    margin-top: 100px !important;
  }
  .mob-lh-res.mobile-row-table tbody tr td {
    min-height: 35px;
    line-height: 22px;
    height: auto !important;
  }
  .mob-lh-res2.mobile-row-table tbody tr td {
    min-height: 40px;
    line-height: 18px;
    height: auto !important;
    vertical-align: middle;
  }
  .mobile-row-table tbody tr td:before {
    content: attr(data-title);
    width: 138px;
    display: inline-block;
    border-right: 1px dotted #c7c7c7;
    margin-right: 15px;
    opacity: 0.7;
    position: absolute;
    left: 10px;
    top: 0px;
    bottom: 0;
    padding-top: 2px;
    line-height: 27px;
  }
  .mob-lh-res2.mobile-row-table tbody tr td:before {
    line-height: 35px;
  }
  .mob-lh-res2.mobile-row-table tbody tr td input {
    text-align: left;
    padding: 0px 8px;
    border: 1px solid #d6d6d6;
  }
  .mobile-row-table tbody tr {
    border-top: 6px solid #dadada !important;
  }
  table.display.mobile-row-table thead tr.search-top th {
    display: block;
    padding: 0px 10px !important;
  }
  .mobile-row-table {
    min-width: 0 !important;
  }
  .tab-mobile-style .dataTables_wrapper {
    margin: 0 !important;
    max-width: 99%;
  }
  .button-mobile-res {
    height: 31px;
  }
  .search-mobile-res span.filter_column.filter_text {
    display: flex;
    flex-direction: row;
  }
  .search-mobile-res span.filter_column.filter_text input {
    flex: 1;
  }
  .search-mobile-res span.filter_column.filter_text #clear_date_filter {
    position: relative;
  }
  .search-mobile-res .filter_select {
    display: flex;
  }
  .search-mobile-res .filter_select select {
    width: 100%;
  }

  /* detail page */
  .detail-mobile-res {
    width: calc(100vw - 48px) !important;
    margin: 16px 0 !important;
    padding-bottom: 13px !important;
  }
  .twelve.columns.mobile-col-12 {
    padding: 0 15px;
    width: calc(100% - 0px) !important;
    display: block;
  }
  .row .row .columns.mobile-wide-100 {
    margin: 0 !important;
    width: 100% !important;
    padding: 0 !important;
  }
  .mobile-oveflow-wrap {
    width: calc(100vw - 50px);
  }
  .mob-action-lh i[class^="icon-"],
  .mob-action-lh i[class*=" icon-"] {
    margin: 0 !important;
    margin-top: -5px !important;
  }
  div#investigation {
    min-width: 0;
  }
  .mobile-blocks-nxt {
    display: block;
    clear: both;
  }
  #claims_list_filter.claim-list-mob-res {
    margin-left: 0;
    transform: none;
    max-width: none;
    width: calc(100vw - 52px) !important;
  }
  .claim-list-mob-res > #search_form {
    display: flex;
    flex-wrap: wrap;
  }
  .claim-list-mob-res .search_inputs {
    display: inline-flex;
  }
  .claim-list-mob-res .date_div {
    display: inline-flex;
    flex-wrap: wrap;
  }
  #claims_list_filter.claim-list-mob-res .search_buttons {
    margin-right: 15px;
  }
  #claims_list_filter.claim-list-mob-res .submit-buttons {
    width: 130px !important;
  }
  #claims_list.claim-table-mob-width {
    width: calc(100vw - 47px) !important;
    min-width: 0 !important;
    display: block;
    margin: 0 !important;
  }
  .mob-col-wide.twelve.columns {
    width: calc(100vw - 46px) !important;
    display: block !important;
  }
  .mob-col-wide #claims_list_wrapper {
    max-width: calc(100vw - 45px);
  }
  .searchtop-overflow {
    display: block;
    overflow: hidden;
    width: 92.6vw;
  }
  .mobile-wide-100 #diagnosis_1,
  #consultation .mobile-wide-100 .field .fleft.date_of_onset {
    width: 100% !important;
  }
  .mobile-wide-100 input#diagnosis_1_input,
  .mobile-wide-100 #diagnosis_comments,
  #consultation .mobile-wide-100 input#date_onset_1 {
    width: 100% !important;
  }
  .mobile-wide-100 .input.wide,
  .mobile-wide-100 #speciality_input,
  .mobile-wide-100 .speciality-container,
  .mobile-wide-100 .pro_comments.xwide.text.input {
    width: 100%;
  }
  .xdsoft_calendar > table tr td:last-child {
    min-width: 0;
  }
  .mobile-wide-100 select#diagnosis_type,
  .mobile-wide-100 select#onset_date_pick,
  .mobile-wide-100 select#theraputic_speciality {
    width: 100% !important;
    margin-right: 10px;
    height: 30px;
    margin-top: 8px;
  }
  .mobile-wide-100 li#diagnosis-panel {
    padding-bottom: 0px !important;
  }
  .mobile-field-cover-1 .investigation-5.sub-box,
  .mobile-field-cover-1 .investigation-4.sub-box {
    width: 100%;
  }
  .mob-wide-sec input.xwide,
  input.mob-w-100.xwide {
    width: 100% !important;
  }
  .mb-15 {
    margin-bottom: 30px ​ !important;
  }
  .mobile-field-cover-1 a#add_investigation,
  #add_theraputic.mob-a-tag-2 {
    top: auto;
    bottom: -88px;
    z-index: 100;
  }
  .mob-block-top {
    display: block;
    height: 30px;
    width: 100%;
  }
  .mob-block-top2 {
    display: block;
    height: 50px;
    width: 100%;
  }
  #consultation .mobile-field-cover-1 #quantity,
  #consultation .mobile-field-cover-1 #theraputic_quantity,
  #consultation .mobile-field-cover-1 #requested_amount {
    min-width: calc(50vw - 90px - 2em) !important;
  }
  .wide-select-cover {
    width: 100%;
    margin-bottom: 14px;
  }
  li#diagnosis-panel .add-field.mobile-add-tip {
    bottom: -15px ​ !important;
    left: auto;
    z-index: 100;
  }
  .mobile-row.row > .columns {
    width: 100% !important;
  }
  .mobile-block-left-sec {
    float: none;
    display: block;
  }
  .head.patient {
    margin-top: 10px;
  }
  #country_code_input.input {
    min-height: 33px !important;
  }

  #consultation li.field.no-pad.investigation-drugs-box input {
    width: 50% !important;
    display: inline-block !important;
    float: none !important;
    margin-bottom: 10px;
  }
  #consultation li.field.no-pad.investigation-drugs-box label {
      display: inline-block !important;
      float: none !important;
      width: 45% !important;
  }
  #consultation li.field.no-pad.investigation-drugs-box {
    display: block;
    white-space: initial;
  }
  #consultation li.field.no-pad.investigation-drugs-box select{ 
    margin-bottom:10px;
  }
  #add_theraputic.mob-a-tag-2 {
    top: auto;
    bottom: 0 !important;
    z-index: 100;
  }
  .investigation-drugs-box .selectricWrapper{
    display: inline-block ;
  }
}

@media (max-width: 380px) {
  .res-mobile-block {
    display: block !important;
    margin-bottom: 15px;
  }
  .side-detail td:first-child {
    padding-top: 19px;
    width: 100% !important;
    display: block !important;
  }
}
.hakeem-report {
  margin-bottom: 10px;
}
.hakeem-report .selectricWrapper.logSelect {
  margin-bottom: 0;
}
#hakeem_list_filter {
  margin-bottom: 25px;
}
.password-verify-box {
  color: black;
    margin-bottom: 10px;
    border: 1px solid #efefef;
    border-radius: 12px;
    padding: 15px;
    position: absolute;
    right: -272px;
    top: 0;
    z-index: 1;
    background-color: #fff;
    max-width: 262px;
}
.password-verify-box::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: -9px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #efefef;
}
.password-verify-box p {
  margin-bottom: 0;
  padding-left: 22px;
  position: relative;
  color: #c43345;
  padding-right: 0;
}
.password-verify-box p::before {
  content: "";
  height: 18px;
  width: 18px;
  position: absolute;
  left: 0;
  background-image: url(../images/cancel-cirlce.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.password-verify-box p.pswd-verified {
  color: #367754;
}
.password-verify-box p.pswd-verified::before {
  background-image: url(../images/check-circle.svg);
}
.login_error_msg p {
  margin-bottom: 0;
  font-size: 0.9rem;
}
.login_error_msg span {
  padding: 8px 15px;
}
.actionClass {
  min-width: 135px;
}
.changeProviderColumn {
  max-width: 650px;
  margin-left: 20px;
  padding: 25px;
  background-color: #ffffff;
  border: 1px solid #e2e2e2;
  overflow: initial;
  position: absolute;
  min-width: 620px;
}
.changeProviderColumn form {
  margin-bottom: 0;
}
.changeProviderColumn #provider_input {
  padding-right: 30px !important;
}
.enableToothSelectionPopUp {
  display: inline-block;
  margin-left: 10px;
}
.mednetLogo {
    max-width: 85px;
    margin-top: 5px;
}