@charset "UTF-8";
/*----------------------- Aloha Theme ------------------------------ */
/*-----------------------Aloha Base Files ------------------------------ */
/*****************
       Aloha-Left-Navabar
      ***********************/
/*****************
        Aloha-Icon-Sizes
       **********************/
/*****************
        Aloha-Icon-Codes
       **********************/
/*****************
        Aloha-Slim Scroll
       **************************/
/*****************
        ALoha-Card-Sizes
       **************************/
/*****************
        Aloha-Button-Sizes
       *************************/
/*****************
        Aloha-Dropdown Sizes
       ************************/
/*****************
        Aloha-Switch-Sizes
       ***********************/
/*****************
        Aloha-Dialog-Sizes
       **********************/
/*****************
        Aloha-Utilities
       *********************/
/**-----------------------AMD Base Classes------------------------------**/
/************
 * Headings
 ************/
@import "../Vendors/MaterialDesignIcons/materialdesignicons.css";
.md-title, .alohaLoginTitle, .scheduleFormView .noRecordsLabel, .alohaHeaderText {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.005em;
}

.md-subhead, .alohaSubHeaderText {
  font-size: 16px !important;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 24px;
}

/************
 * Body Copy
 ************/
.md-body-1, .addresstext, .alohaNewLineDatalabel, .alohaDatalabel, .alohalabel_Bold, .alohalabel, .printslide_btn, .md-chips, .aloha_ReportsTable table tbody td, .fixclaim_sampleViewTable table tbody td, .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-td, .alohatable-parent .alohatable .alohadatarow .alohatd, .alohatable-parent .alohatable .aloha_addDatarow .alohatd, .alohaSignLabel, .alohaFormTitle {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 24px;
}

.md-body-2, .aloha-Schedule-header, .aloha_CardTitle, .alohaTitle, .aloha_ReportsTable table thead th, .fixclaim_sampleViewTable table thead th, .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-headerrow .aloha-advanced-th, .alohatable-parent .alohatable .alohaheaderrow .alohath, .aloha-popover .alohaPopoverContainer .alohaPopoverHeader label, .popover .alohaPopoverContainer .alohaPopoverHeader label {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 24px;
}

.md-headline, .md-headline-label {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.md-caption, .alohaCaptionText-bold, .alohaCaptionText, .alohaMoreLabel, .alohaCaptionText_italic {
  font-size: 12px;
  letter-spacing: 0.02em;
}

.md-display-1 {
  color: #132443;
}

.md-headline-label {
  color: #76859c !important;
}

.md-headline, .md-headline-label {
  color: #132443;
}

/***------------Avatar Font Sizes-------------------------***/
.parentAvatar_Font, .ProfileparentAvatar .ProfileInitials {
  font-size: 45px;
}

.parentAvatar_smFont, .parentAvatar-sm .Avatar-Initials {
  font-size: 10px;
}

.parentAvatar_mdFont, .parentAvatar-md .Avatar-Initials {
  font-size: 14px;
}

.parentAvatar_lgFont, .parentAvatar-lgGt .Avatar-Initials, .parentAvatar-lg .Avatar-Initials {
  font-size: 16px;
}

/***------------Button Font Sizes-------------------------***/
.aloha_buttonFont, .alohabtnCalendar, .alohabtn-Calendar, .alohabtn-mute, .alohabtn-mute-sm, .alohabtn-mute-md, .alohabtn-mute-lg, .alohabtn-danger, .alohabtn-danger-sm, .alohabtn-default, .alohabtn-default-sm, .alohabtn-default-md, .alohabtn-default-lg, .alohabtn-Primary, .alohabtn-Primary-sm, .alohabtn-Primary-md, .alohabtn-Primary-lg {
  font-size: 14px;
}

.aloha_dropdownButtonFont, .timepicker .dropdown-menu a, .dropup .helpGuide_DropMenu li a, .cabinet_Menu .aloha_cabinetDropMenu a, .aloha_customDropdown .dropdown-menu a {
  font-size: 14px;
}

/***------------Label Font Sizes-------------------------***/
.aloha_noRecordsFont, .noRecordsLabel {
  font-size: 16px;
}

.aloha_notificationFont, .notifications .message, .notifications .error, .notifications .info, .notifications .notification, .notifications .success, .notifications .warning {
  font-size: 14px;
}

.aloha_togglerFont, .noPageSubContentLabel, .aloha-switch-lg span:before, .aloha-switch-md span:before, .aloha-switch-sm span:before, .aloha-switch-xs span:before, .aloha-switch_autoWidth span:before {
  font-size: 14px;
}

.aloha_tooltipFont, md-tooltip {
  font-size: 12px;
}

.aloha_componentHeaderFont, .scrolling-navbar .header-content {
  font-size: 24px;
}

.aloha_leftNavTitleFont, .menu-bar h2 {
  font-size: 24px;
}

.aloha_pagecannotviewed, .noPageContentLabel {
  font-size: 34px;
}

.aloha_leftNavMenuFont, .menu-bar a {
  font-size: 14px;
}

.aloha_searchFilterFont {
  font-size: 16px;
}

.aloha_dashboardlabelFont {
  font-size: 16px;
}

/*-----------------------End of AMD Base Classes------------------------------ */
/*-----------------------Aloha Font Base Classes------------------------------ */
/************
 * Please do changes here if required.
 * Override AMD classes to modify,based on Aloha Requirement
 ************/
/*-----------------------Aloha Primary color & Active-Inactive Classes------------------------------ */
.alohalink {
  color: #0074f1 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.alohaDefaultText, .printslide_btn {
  color: #76859c !important;
}

.alohaprimary, .aloha_CardTitle {
  color: #0074f1 !important;
}

.alohadanger {
  color: #fd4f4b !important;
}

.alohaVesrion_BG {
  background-color: #F7F9FC !important;
}

.alohainfoText {
  color: #3390f4 !important;
}

.alohawarnText {
  color: #eaab63 !important;
}

.alohasuccessText {
  color: #74d68e !important;
}

.alohaalertText, .custom-tooltip + .tooltip > .tooltip-inner {
  color: #fd726f !important;
}

.alohadisableText {
  color: #bdc3cc !important;
}

.alohatextWhite {
  color: #ffffff !important;
}

.alohaStatusActive {
  color: #51cc71 !important;
  cursor: default !important;
}

.alohaStatusInactive {
  color: #fd4f4b !important;
  cursor: default !important;
}

.alohaElementActive {
  color: #0074f1 !important;
  cursor: pointer !important;
}

.alohaElementActiveBg {
  background: #ebf6ff;
  padding-left: 10px;
}

.alohaStriketext {
  text-decoration: line-through !important;
}

.aloha_DefaultBG, .alohaDefaultBG {
  background-color: #ebeff5 !important;
}

.aloha_textLeftCenter {
  transform: translate(0%, 50%) !important;
}

.aloha_btnLeftCenter {
  transform: translate(0%, 50%);
}
.aloha_btnLeftCenter.ARPaymentSourceIcon {
  transform: translate(0%, 45%) !important;
}

.aloha_btnCenter {
  transform: translate(50%, 50%) !important;
}

.aloha_btnleft {
  transform: translate(0%, 0%) !important;
}

/*-----------------------Aloha Typography Classes------------------------------ */
.alohaSubHeaderText {
  color: #132443;
}

.alohaTitle, .aloha_ReportsTable table thead th, .fixclaim_sampleViewTable table thead th, .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-headerrow .aloha-advanced-th, .alohatable-parent .alohatable .alohaheaderrow .alohath, .aloha-popover .alohaPopoverContainer .alohaPopoverHeader label, .popover .alohaPopoverContainer .alohaPopoverHeader label {
  color: #132443;
  cursor: default;
}

.alohaFormTitle {
  font-weight: 500;
  color: #132443;
  cursor: default;
}

.aloha_CardTitle {
  font-size: 16px;
  cursor: default;
}

.alohalabel, .printslide_btn, .md-chips, .aloha_ReportsTable table tbody td, .fixclaim_sampleViewTable table tbody td, .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-td, .alohatable-parent .alohatable .alohadatarow .alohatd, .alohatable-parent .alohatable .aloha_addDatarow .alohatd, .alohaSignLabel {
  color: #76859c;
}

.alohalabel_Bold {
  color: #76859c;
  font-weight: 500 !important;
}

.extraSubTitle_Font {
  font-size: 16px !important;
  font-weight: bold !important;
}

.fontsize_12 {
  font-size: 12px !important;
}

.alohaDatalabel {
  color: #132443;
  display: inline;
}

.alohaLoginTitle, .scheduleFormView .noRecordsLabel {
  color: #0074f1;
  font-size: 24px;
}

.alohaCaptionText, .alohaMoreLabel, .alohaCaptionText_italic {
  color: #76859c;
}

.alohaCaptionText-bold {
  color: #76859c;
  font-weight: 500;
}

.alohaCaptionText_italic {
  font-style: italic;
}

.alohaSignLabel {
  font-size: 16px;
}

.alohaMoreLabel {
  padding: 3px 5px 2px;
}

.alohaCancel_Label {
  background-color: #ebeff5;
  color: #0074f1 !important;
  border-radius: 20px;
  padding: 4px 10px;
  outline: none;
  cursor: pointer;
}

.addForms_Label {
  border: 1px solid #0074f1;
  border-radius: 20px;
  background-color: #0074f1;
  color: #ffffff;
  cursor: pointer;
  outline: none;
  height: 30px;
  min-width: 120px;
  min-height: 30px;
  line-height: normal;
  text-align: center;
  padding-top: 5px;
}

.alohaNewLineDatalabel {
  color: #132443 !important;
  margin-top: -10px;
  margin-bottom: -10px;
}

.alohaVerticalMiddle {
  vertical-align: middle;
}

/** Styles for iOS ***/
body.iOS .alohadisableText {
  color: #132443 !important;
}

/******************
        BOOTSTRAP NORMALIZATION
       **************************************/
/*Heading font family to Roboto*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (min-width: 1400px) {
  .alohahidden-lg {
    display: none !important;
  }
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .alohahidden-mdgt {
    display: none !important;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .alohahidden-md {
    display: none !important;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .alohahidden-sm {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .alohahidden-xs {
    display: none !important;
  }
  .alohaPdng_xsNone {
    padding: 0px !important;
  }
  .alohaPdngRgt_xsNone {
    padding-right: 0px !important;
  }
}
label {
  font-weight: normal;
  margin-bottom: 0px;
}

img {
  vertical-align: unset;
}

.caret {
  border-top-color: #76859c !important;
  margin-left: 12px !important;
  margin-top: 5px;
  width: 10px;
  height: 10px;
}

.PopUpsearchIcon {
  margin-top: -26px;
  margin-right: 5px;
}

/**********************
        HIDE COLUMN
       *******************************/
.alohadisplayinline {
  display: inline-block;
}
.alohadisplayinline[ng\:cloak], .alohadisplayinline [ng-cloak], .alohadisplayinline [data-ng-cloak], .alohadisplayinline [x-ng-cloak], .alohadisplayinline .ng-cloak, .alohadisplayinline .x-ng-cloak, .alohadisplayinline .ng-hide:not(.ng-hide-animate) {
  visibility: hidden !important;
  display: inline-block !important;
}

.validationdisplay {
  min-height: 40px;
  display: block;
}

.highlight-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.hideOverflow {
  overflow: hidden !important;
}

.alohabreadcrumb {
  padding: 0px 0px;
  margin-bottom: 0px;
  background-color: #ffffff;
}
.alohabreadcrumb a:hover, .alohabreadcrumb a:focus {
  text-decoration: none;
}
.alohabreadcrumb a {
  cursor: pointer;
}
.alohabreadcrumb > li + li::before {
  content: "/ " !important;
}

.dropdown-menu li[disabled] a {
  color: #bdc3cc;
}

input::-webkit-calendar-picker-indicator {
  display: none;
}

/**************************
        Author - Anil
        Normalized Styles For GLOBAL ACCESS
       *******************************************/
.cursor-pointer {
  cursor: pointer !important;
}

.cursor-default {
  cursor: default !important;
}

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

.aloha_wordWrap {
  word-wrap: break-word;
}

.aloha_Ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.textOverflowVisible {
  overflow: hidden !important;
}

.aloha_emailWrap {
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  word-wrap: break-word;
}

.UnfadedDisable[disabled] {
  pointer-events: none;
  opacity: 1.5;
}

.fadedDisable[disabled] {
  pointer-events: none;
  opacity: 0.5;
}

.aloha_textJustify {
  text-align: justify;
}

.aloha_textCenter {
  text-align: -moz-center;
  text-align: center;
}

.aloha_NoTransform {
  transform: none !important;
}

.aloha_displayInlineFlex {
  display: inline-flex;
}

.aloha_displayInlineBlock {
  display: inline-block;
}

.aloha_displayInline {
  display: inline !important;
}

.aloha_displayInlineGrid {
  display: inline-grid !important;
}

.aloha_displayGrid {
  display: grid !important;
}

.aloha_displayInlineTable {
  display: inline-table !important;
}

.alohaFlexReverse {
  flex-flow: row-reverse;
}

.aloha_displayBlock {
  display: block !important;
}

.aloha_displayFlex {
  display: flex;
}

.displaynone {
  display: none !important;
}

.overflowHidden {
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

.aloha_clear {
  clear: both;
}

.aloha_clearLeft {
  clear: left !important;
}

.inputRightIconPadding {
  padding-right: 30px !important;
}

.paddingTp15 {
  padding-top: 15px;
}

.paddingTp50 {
  padding-top: 50px !important;
}

.margn50 {
  margin: 50px !important;
}

.positionRelative {
  position: relative;
}

.listPdfPrint {
  position: relative !important;
  margin-left: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

.lineHeight-7 {
  line-height: 7px;
}

.lineHeight-24 {
  line-height: 24px !important;
}

.aloha_W50 {
  max-width: 50%;
}

.alohaUppercase {
  text-transform: uppercase;
}

.outline-none {
  outline: none !important;
  text-decoration: none !important;
}

.listType-none {
  list-style: none !important;
}

.border-none, .borderNone {
  border: none !important;
}

.backgroundNone {
  background: none !important;
}

.alohalineheight {
  line-height: 32px;
}

.alohaWhitespaceNormal {
  white-space: normal !important;
}

/**************************
        Author - Vyshnavi
       Added For Cabinet Comment Styles
       *******************************************/
.aloha_width_100 {
  width: 100%;
}

/** Styles for iOS ***/
body.iOS .dropdown-menu li[disabled] a {
  color: #132443;
}

.aloha-word-wrap {
  white-space: pre-wrap;
  word-break: keep-all !important;
}

.aloha_width_auto {
  width: auto !important;
}

.aloha_z_index {
  z-index: 1200 !important;
}

/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v18/WxrXJa0C3KdtC7lMafG4dRTbgVql8nDJpwnrE27mub0.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v18/OpXUqTo0UgQQhGj_SFdLWBTbgVql8nDJpwnrE27mub0.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v18/1hZf02POANh32k2VkgEoUBTbgVql8nDJpwnrE27mub0.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
  font-display: swap;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v18/cDKhRaXnQTOVbaoxwdOr9xTbgVql8nDJpwnrE27mub0.woff2) format("woff2");
  unicode-range: U+0370-03FF;
  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v18/K23cxWVTrIFD6DJsEVi07RTbgVql8nDJpwnrE27mub0.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v18/vSzulfKSK0LLjjfeaxcREhTbgVql8nDJpwnrE27mub0.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v18/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
  font-display: swap;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v18/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v18/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v18/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
  font-display: swap;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v18/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0370-03FF;
  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v18/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v18/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v18/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
  font-display: swap;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
  font-display: swap;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0370-03FF;
  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/CWB0XYA8bzo0kSThX0UTuA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
  font-display: swap;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v18/ZLqKeelYbATG60EpZBSDyxJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v18/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v18/rGvHdJnr2l75qb0YND9NyBJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
  font-display: swap;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v18/mx9Uck6uB63VIKFYnEMXrRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0370-03FF;
  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v18/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v18/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v18/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
  font-display: swap;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
  font-display: swap;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0370-03FF;
  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
  font-display: swap;
}
/****************over ridding bootstrap grid system for basic laptop Responsive*******************/
/*@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }

    .col-mdgt-1,
    .col-mdgt-2,
    .col-mdgt-3,
    .col-mdgt-4,
    .col-mdgt-5,
    .col-mdgt-6,
    .col-mdgt-7,
    .col-mdgt-8,
    .col-mdgt-9,
    .col-mdgt-10,
    .col-mdgt-11 {
        float: left;
    }

    .col-mdgt-1 {
        width: 8.333333333333332%;
    }

    .col-mdgt-2 {
        width: 16.666666666666664%;
    }

    .col-mdgt-3 {
        width: 25%;
    }

    .col-mdgt-4 {
        width: 33.33333333333333%;
    }

    .col-mdgt-5 {
        width: 41.66666666666667%;
    }

    .col-mdgt-6 {
        width: 50%;
    }

    .col-mdgt-7 {
        width: 58.333333333333336%;
    }

    .col-mdgt-8 {
        width: 66.66666666666666%;
    }

    .col-mdgt-9 {
        width: 75%;
    }

    .col-mdgt-10 {
        width: 83.33333333333334%;
    }

    .col-mdgt-11 {
        width: 91.66666666666666%;
    }

    .col-mdgt-12 {
        width: 100%;
    }

    .col-mdgt-push-0 {
        left: auto;
    }

    .col-mdgt-push-1 {
        left: 8.333333333333332%;
    }

    .col-mdgt-push-2 {
        left: 16.666666666666664%;
    }

    .col-mdgt-push-3 {
        left: 25%;
    }

    .col-mdgt-push-4 {
        left: 33.33333333333333%;
    }

    .col-mdgt-push-5 {
        left: 41.66666666666667%;
    }

    .col-mdgt-push-6 {
        left: 50%;
    }

    .col-mdgt-push-7 {
        left: 58.333333333333336%;
    }

    .col-mdgt-push-8 {
        left: 66.66666666666666%;
    }

    .col-mdgt-push-9 {
        left: 75%;
    }

    .col-mdgt-push-10 {
        left: 83.33333333333334%;
    }

    .col-mdgt-push-11 {
        left: 91.66666666666666%;
    }

    .col-mdgt-pull-0 {
        right: auto;
    }

    .col-mdgt-pull-1 {
        right: 8.333333333333332%;
    }

    .col-mdgt-pull-2 {
        right: 16.666666666666664%;
    }

    .col-mdgt-pull-3 {
        right: 25%;
    }

    .col-mdgt-pull-4 {
        right: 33.33333333333333%;
    }

    .col-mdgt-pull-5 {
        right: 41.66666666666667%;
    }

    .col-mdgt-pull-6 {
        right: 50%;
    }

    .col-mdgt-pull-7 {
        right: 58.333333333333336%;
    }

    .col-mdgt-pull-8 {
        right: 66.66666666666666%;
    }

    .col-mdgt-pull-9 {
        right: 75%;
    }

    .col-mdgt-pull-10 {
        right: 83.33333333333334%;
    }

    .col-mdgt-pull-11 {
        right: 91.66666666666666%;
    }

    .col-mdgt-offset-0 {
        margin-left: 0;
    }

    .col-mdgt-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-mdgt-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-mdgt-offset-3 {
        margin-left: 25%;
    }

    .col-mdgt-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-mdgt-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-mdgt-offset-6 {
        margin-left: 50%;
    }

    .col-mdgt-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-mdgt-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-mdgt-offset-9 {
        margin-left: 75%;
    }

    .col-mdgt-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-mdgt-offset-11 {
        margin-left: 91.66666666666666%;
    }
}*/
/***********************************/
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  /****************** AMD Normalize *********************/
  /******************** Layout *****************************/
  body {
    font-size: 1.33rem !important;
  }
  /*******Typography*********/
  .md-title, .alohaHeaderText, .alohaLoginTitle, .scheduleFormView .noRecordsLabel {
    font-size: 19px !important;
  }
  .md-subhead, .alohaSubHeaderText {
    font-size: 15px !important;
  }
  .md-body-1, .addresstext, .alohaFormTitle, .alohalabel, .printslide_btn, .md-chips, .aloha_ReportsTable table tbody td, .fixclaim_sampleViewTable table tbody td, .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-td, .alohatable-parent .alohatable .alohadatarow .alohatd, .alohatable-parent .alohatable .aloha_addDatarow .alohatd, .alohalabel_Bold, .alohaDatalabel, .alohaSignLabel, .alohaNewLineDatalabel {
    font-size: 13px !important;
    line-height: 24px;
  }
  .md-body-2, .aloha-Schedule-header, .alohaTitle, .aloha_ReportsTable table thead th, .fixclaim_sampleViewTable table thead th, .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-headerrow .aloha-advanced-th, .alohatable-parent .alohatable .alohaheaderrow .alohath, .aloha-popover .alohaPopoverContainer .alohaPopoverHeader label, .popover .alohaPopoverContainer .alohaPopoverHeader label, .aloha_CardTitle {
    font-size: 13px !important;
  }
  .alohaLoginTitle, .scheduleFormView .noRecordsLabel {
    font-size: 20px !important;
  }
  /******************** Buttons ****************************/
  .alohabtn-default, .alohabtn-default-sm, .alohabtn-default-md, .alohabtn-default-lg, .alohabtn-Primary, .alohabtn-Primary-sm, .alohabtn-Primary-md, .alohabtn-Primary-lg {
    font-size: 13px !important;
  }
  .aloha_customDropdown {
    transform: translate(0%, 30%) !important;
  }
  .aloha_customDropdown.aloha_NoTransform {
    transform: none !important;
  }
  .aloha_textLeftCenter {
    transform: translate(0%, 30%) !important;
  }
  .aloha_btnLeftCenter {
    transform: translate(0%, 30%) !important;
  }
  .aloha_btnLeftCenter.ARPaymentSourceIcon {
    transform: translate(0%, 25%) !important;
  }
  /******************** Toggle Switch ***********************/
  /*.aloha-switch_autoWidth, .aloha-switch-xs, .aloha-switch-sm, .aloha-switch-md, .aloha-switch-lg {
      font-size: 13px !important;
  }*/
  .aloha_togglerFont, .noPageSubContentLabel, .aloha-switch-lg span:before, .aloha-switch-md span:before, .aloha-switch-sm span:before, .aloha-switch-xs span:before, .aloha-switch_autoWidth span:before {
    font-size: 13px !important;
  }
  /********************** Fab Icon **********************************/
  .md-button.md-fab.md-fab-bottom-right {
    bottom: 15% !important;
  }
  .md-button.md-fab.md-fab-bottom-right.hint {
    bottom: 5% !important;
  }
  /************************ Layout *********************************/
  .navbar {
    min-height: 48px !important;
  }
  .navbar-brand {
    padding: 14px 30px !important;
  }
  .navbar-sub-brand {
    padding: 13px 0px !important;
  }
  .headersearchfield {
    top: 8px !important;
  }
  .scrolling-navbar .header-content {
    padding: 7px 8px !important;
  }
  .scrolling-navbar .header-content.profileMenu {
    padding: 10px 8px !important;
  }
  .alohaComponent-Container {
    padding-top: 50px !important;
  }
  .chipsLabelBorder {
    padding-top: 4px !important;
  }
  .headerchipslabel {
    margin-top: 1px;
  }
  .alohaSub-Header .customSubHeader {
    min-height: 48px !important;
    margin-top: 48px !important;
  }
  .alohaCalendarSub-Header {
    height: 48px !important;
    margin-top: 48px !important;
  }
  .alohaCalendarSub-Header .calendarSubHeaderPdng {
    min-height: 48px !important;
    height: 48px !important;
  }
  .parent_SubHeader {
    min-height: 48px !important;
  }
  .aloha_tabs, .aloha_sheduleTabs {
    height: 48px !important;
  }
  .aloha_Formtabs .nav-tabs li a {
    padding: 12px 10px !important;
  }
  .form_tabFormName {
    padding-top: 0px !important;
  }
  .nav-tabs {
    padding: 0px !important;
  }
  .alohabreadcrumb {
    padding-top: 4px !important;
  }
  .alohabreadcrumb.historyTrakCrumb {
    padding-top: 0px !important;
  }
  .alohaNotifications .alohaBadge, .alohaMessages .alohaBadge {
    top: 5px !important;
  }
  /*********************** Tables ******************************/
  .alohatable-parent .alohatable .alohaheaderrow {
    min-height: 38px !important;
  }
  .alohatable-parent .alohatable .alohaheaderrow .alohath {
    min-height: 38px !important;
  }
  .alohatable-parent .alohatable .alohadatarow, .alohatable-parent .alohatable .aloha_addDatarow {
    min-height: 40px !important;
  }
  .alohatable-parent .alohatable .alohadatarow .alohatd, .alohatable-parent .alohatable .aloha_addDatarow .alohatd {
    min-height: 40px !important;
  }
  .alohatable-parent .alohatableFooterfixed {
    height: 40px !important;
    padding: 6px 0px !important;
  }
  /**Advanced Table**/
  .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-headerrow {
    min-height: 32px !important;
  }
  .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-headerrow .aloha-advanced-th {
    padding: 5px 10px;
  }
  .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-datarow {
    min-height: 40px !important;
  }
  .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-datarow .aloha-advanced-td {
    padding: 8px 10px;
  }
  /**Freeze Table**/
  table.freezetable thead tr {
    min-height: 32px !important;
  }
  table.freezetable thead tr th {
    height: 32px !important;
  }
  table.freezetable tbody tr {
    min-height: 40px !important;
  }
  table.freezetable tbody tr td {
    height: 40px !important;
  }
  /**Reports Table**/
  .aloha_ReportsTable table thead th, .fixclaim_sampleViewTable table thead th {
    height: 32px !important;
  }
  .aloha_ReportsTable table tbody tr td, .fixclaim_sampleViewTable table tbody tr td {
    padding: 8px 10px !important;
  }
  /*********************** Bootstrap Normalize *********************************/
  .form-control {
    font-size: 13px !important;
  }
  /************************ Dropdown Normalize ********************************************/
  .aloha_dropdownButtonFont, .timepicker .dropdown-menu a, .dropup .helpGuide_DropMenu li a, .cabinet_Menu .aloha_cabinetDropMenu a, .aloha_customDropdown .dropdown-menu a {
    font-size: 13px !important;
  }
  /***************** VIEWS *************************/
  /**Billing**/
  .billing_Datepicker {
    margin-top: -8px !important;
  }
  .billing_DateArrow {
    padding: 8px !important;
  }
  .tooltip .bottom {
    left: 89% !important;
    top: 39px !important;
  }
  .aloha_CardTitle {
    font-size: 15px !important;
  }
}
/*----------------------- Aloha Utils ------------------------------ */
/*------------------------
           Aloha Breakpoints Styles
          ------------------------------*/
/*------------------------ Aloha 2.0 Default Breakpoints ------------------------*/
/*---------------------------Html Usage--------------------------------------
|                                                                           |
|           @include breakpoint(bp_lg) {   //usage media range              |
|                @content;                                                  |
|            }                                                              |
|                                                                           |
|                                                                           |
|---------------------------------------------------------------------------*/
/*------------------------ Aloha 2.0 Device Targeting Breakpoints ------------------------*/
/*---------------------------Html Usage------------------------------------------
|                                                                               |
|       @include breakpoint-device(sm) {   //targets ipads and tablet devices   |
|         @content;                                                             |
|       }                                                                       |
|                                                                               |
|                                                                               |
|--------------------------------------------------------------------------------*/
/*------------------------ Aloha 2.0 Semantic Breakpoints ------------------------*/
/*---------------------------Html Usage----------------------------------------------
|                                                                                   |
|    @include breakpoint-max($sm-bp,$lg-bp) {   //pass media range variables        |
|       @content;                                                                   |
|    }                                                                              |
|                                                                                   |
|                                                                                   |
|------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------
    Note: we can use this semantic breakpoint as user conveniences like certain range values instead of calling multiple breakpoint values

    ---------------Example usage in Left navigation---------
    @include breakpoint-max($default-bp,$sm-bp-lt) { //min-width-0px & max-width-600px
    .navbar-nav {

    display: block !important;
    }

    .menu {
        display: none !important;
    }
    }

    @include breakpoint-max($sm-bp-lt,$lg-bp-gt) {  //min-width-601px & max-width-1920px
    .navbar-nav {
        display: none !important;
    }

    .menu {
        display: block !important;
    }
    }

-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------
           Aloha Placeholder Styles
          ------------------------------*/
/*------------------------
           Aloha Border Styles
          ------------------------------*/
.alohabrdr-1 {
  border: 1px solid #ebeff5;
}

.alohabrdr-tp-1 {
  border-top: 1px solid #ebeff5;
}

.alohabrdr-btm-1 {
  border-bottom: 1px solid #ebeff5;
}

.alohabrdr-lft-1 {
  border-left: 1px solid #ebeff5;
}

.alohabrdr-rgt-1 {
  border-right: 1px solid #ebeff5;
}

.alohabrdr-2 {
  border: 2px solid #ebeff5;
}

.alohabrdr-tp-2 {
  border-top: 2px solid #ebeff5;
}

.alohabrdr-btm-2 {
  border-bottom: 2px solid #ebeff5;
}

.alohabrdr-lft-2 {
  border-left: 2px solid #ebeff5;
}

.alohabrdr-rgt-2 {
  border-right: 2px solid #ebeff5;
}

.alohabrdr-3 {
  border: 3px solid #ebeff5;
}

.alohabrdr-tp-3 {
  border-top: 3px solid #ebeff5;
}

.alohabrdr-btm-3 {
  border-bottom: 3px solid #ebeff5;
}

.alohabrdr-lft-3 {
  border-left: 3px solid #ebeff5;
}

.alohabrdr-rgt-3 {
  border-right: 3px solid #ebeff5;
}

.alohabrdr-4 {
  border: 4px solid #ebeff5;
}

.alohabrdr-tp-4 {
  border-top: 4px solid #ebeff5;
}

.alohabrdr-btm-4 {
  border-bottom: 4px solid #ebeff5;
}

.alohabrdr-lft-4 {
  border-left: 4px solid #ebeff5;
}

.alohabrdr-rgt-4 {
  border-right: 4px solid #ebeff5;
}

.alohabrdr-5 {
  border: 5px solid #ebeff5;
}

.alohabrdr-tp-5 {
  border-top: 5px solid #ebeff5;
}

.alohabrdr-btm-5 {
  border-bottom: 5px solid #ebeff5;
}

.alohabrdr-lft-5 {
  border-left: 5px solid #ebeff5;
}

.alohabrdr-rgt-5 {
  border-right: 5px solid #ebeff5;
}

.alohabrdr-6 {
  border: 6px solid #ebeff5;
}

.alohabrdr-tp-6 {
  border-top: 6px solid #ebeff5;
}

.alohabrdr-btm-6 {
  border-bottom: 6px solid #ebeff5;
}

.alohabrdr-lft-6 {
  border-left: 6px solid #ebeff5;
}

.alohabrdr-rgt-6 {
  border-right: 6px solid #ebeff5;
}

.alohabrdr-7 {
  border: 7px solid #ebeff5;
}

.alohabrdr-tp-7 {
  border-top: 7px solid #ebeff5;
}

.alohabrdr-btm-7 {
  border-bottom: 7px solid #ebeff5;
}

.alohabrdr-lft-7 {
  border-left: 7px solid #ebeff5;
}

.alohabrdr-rgt-7 {
  border-right: 7px solid #ebeff5;
}

.alohabrdr-8 {
  border: 8px solid #ebeff5;
}

.alohabrdr-tp-8 {
  border-top: 8px solid #ebeff5;
}

.alohabrdr-btm-8 {
  border-bottom: 8px solid #ebeff5;
}

.alohabrdr-lft-8 {
  border-left: 8px solid #ebeff5;
}

.alohabrdr-rgt-8 {
  border-right: 8px solid #ebeff5;
}

.alohabrdr-9 {
  border: 9px solid #ebeff5;
}

.alohabrdr-tp-9 {
  border-top: 9px solid #ebeff5;
}

.alohabrdr-btm-9 {
  border-bottom: 9px solid #ebeff5;
}

.alohabrdr-lft-9 {
  border-left: 9px solid #ebeff5;
}

.alohabrdr-rgt-9 {
  border-right: 9px solid #ebeff5;
}

.alohabrdr-10 {
  border: 10px solid #ebeff5;
}

.alohabrdr-tp-10 {
  border-top: 10px solid #ebeff5;
}

.alohabrdr-btm-10 {
  border-bottom: 10px solid #ebeff5;
}

.alohabrdr-lft-10 {
  border-left: 10px solid #ebeff5;
}

.alohabrdr-rgt-10 {
  border-right: 10px solid #ebeff5;
}

.alohabrdr-11 {
  border: 11px solid #ebeff5;
}

.alohabrdr-tp-11 {
  border-top: 11px solid #ebeff5;
}

.alohabrdr-btm-11 {
  border-bottom: 11px solid #ebeff5;
}

.alohabrdr-lft-11 {
  border-left: 11px solid #ebeff5;
}

.alohabrdr-rgt-11 {
  border-right: 11px solid #ebeff5;
}

.alohabrdr-12 {
  border: 12px solid #ebeff5;
}

.alohabrdr-tp-12 {
  border-top: 12px solid #ebeff5;
}

.alohabrdr-btm-12 {
  border-bottom: 12px solid #ebeff5;
}

.alohabrdr-lft-12 {
  border-left: 12px solid #ebeff5;
}

.alohabrdr-rgt-12 {
  border-right: 12px solid #ebeff5;
}

.alohabrdr-13 {
  border: 13px solid #ebeff5;
}

.alohabrdr-tp-13 {
  border-top: 13px solid #ebeff5;
}

.alohabrdr-btm-13 {
  border-bottom: 13px solid #ebeff5;
}

.alohabrdr-lft-13 {
  border-left: 13px solid #ebeff5;
}

.alohabrdr-rgt-13 {
  border-right: 13px solid #ebeff5;
}

.alohabrdr-14 {
  border: 14px solid #ebeff5;
}

.alohabrdr-tp-14 {
  border-top: 14px solid #ebeff5;
}

.alohabrdr-btm-14 {
  border-bottom: 14px solid #ebeff5;
}

.alohabrdr-lft-14 {
  border-left: 14px solid #ebeff5;
}

.alohabrdr-rgt-14 {
  border-right: 14px solid #ebeff5;
}

.alohabrdr-15 {
  border: 15px solid #ebeff5;
}

.alohabrdr-tp-15 {
  border-top: 15px solid #ebeff5;
}

.alohabrdr-btm-15 {
  border-bottom: 15px solid #ebeff5;
}

.alohabrdr-lft-15 {
  border-left: 15px solid #ebeff5;
}

.alohabrdr-rgt-15 {
  border-right: 15px solid #ebeff5;
}

.alohabrdr-16 {
  border: 16px solid #ebeff5;
}

.alohabrdr-tp-16 {
  border-top: 16px solid #ebeff5;
}

.alohabrdr-btm-16 {
  border-bottom: 16px solid #ebeff5;
}

.alohabrdr-lft-16 {
  border-left: 16px solid #ebeff5;
}

.alohabrdr-rgt-16 {
  border-right: 16px solid #ebeff5;
}

.alohabrdr-17 {
  border: 17px solid #ebeff5;
}

.alohabrdr-tp-17 {
  border-top: 17px solid #ebeff5;
}

.alohabrdr-btm-17 {
  border-bottom: 17px solid #ebeff5;
}

.alohabrdr-lft-17 {
  border-left: 17px solid #ebeff5;
}

.alohabrdr-rgt-17 {
  border-right: 17px solid #ebeff5;
}

.alohabrdr-18 {
  border: 18px solid #ebeff5;
}

.alohabrdr-tp-18 {
  border-top: 18px solid #ebeff5;
}

.alohabrdr-btm-18 {
  border-bottom: 18px solid #ebeff5;
}

.alohabrdr-lft-18 {
  border-left: 18px solid #ebeff5;
}

.alohabrdr-rgt-18 {
  border-right: 18px solid #ebeff5;
}

.alohabrdr-19 {
  border: 19px solid #ebeff5;
}

.alohabrdr-tp-19 {
  border-top: 19px solid #ebeff5;
}

.alohabrdr-btm-19 {
  border-bottom: 19px solid #ebeff5;
}

.alohabrdr-lft-19 {
  border-left: 19px solid #ebeff5;
}

.alohabrdr-rgt-19 {
  border-right: 19px solid #ebeff5;
}

.alohabrdr-20 {
  border: 20px solid #ebeff5;
}

.alohabrdr-tp-20 {
  border-top: 20px solid #ebeff5;
}

.alohabrdr-btm-20 {
  border-bottom: 20px solid #ebeff5;
}

.alohabrdr-lft-20 {
  border-left: 20px solid #ebeff5;
}

.alohabrdr-rgt-20 {
  border-right: 20px solid #ebeff5;
}

.alohabrdr-21 {
  border: 21px solid #ebeff5;
}

.alohabrdr-tp-21 {
  border-top: 21px solid #ebeff5;
}

.alohabrdr-btm-21 {
  border-bottom: 21px solid #ebeff5;
}

.alohabrdr-lft-21 {
  border-left: 21px solid #ebeff5;
}

.alohabrdr-rgt-21 {
  border-right: 21px solid #ebeff5;
}

.alohabrdr-22 {
  border: 22px solid #ebeff5;
}

.alohabrdr-tp-22 {
  border-top: 22px solid #ebeff5;
}

.alohabrdr-btm-22 {
  border-bottom: 22px solid #ebeff5;
}

.alohabrdr-lft-22 {
  border-left: 22px solid #ebeff5;
}

.alohabrdr-rgt-22 {
  border-right: 22px solid #ebeff5;
}

.alohabrdr-23 {
  border: 23px solid #ebeff5;
}

.alohabrdr-tp-23 {
  border-top: 23px solid #ebeff5;
}

.alohabrdr-btm-23 {
  border-bottom: 23px solid #ebeff5;
}

.alohabrdr-lft-23 {
  border-left: 23px solid #ebeff5;
}

.alohabrdr-rgt-23 {
  border-right: 23px solid #ebeff5;
}

.alohabrdr-24 {
  border: 24px solid #ebeff5;
}

.alohabrdr-tp-24 {
  border-top: 24px solid #ebeff5;
}

.alohabrdr-btm-24 {
  border-bottom: 24px solid #ebeff5;
}

.alohabrdr-lft-24 {
  border-left: 24px solid #ebeff5;
}

.alohabrdr-rgt-24 {
  border-right: 24px solid #ebeff5;
}

.alohabrdr-25 {
  border: 25px solid #ebeff5;
}

.alohabrdr-tp-25 {
  border-top: 25px solid #ebeff5;
}

.alohabrdr-btm-25 {
  border-bottom: 25px solid #ebeff5;
}

.alohabrdr-lft-25 {
  border-left: 25px solid #ebeff5;
}

.alohabrdr-rgt-25 {
  border-right: 25px solid #ebeff5;
}

.alohabrdr-26 {
  border: 26px solid #ebeff5;
}

.alohabrdr-tp-26 {
  border-top: 26px solid #ebeff5;
}

.alohabrdr-btm-26 {
  border-bottom: 26px solid #ebeff5;
}

.alohabrdr-lft-26 {
  border-left: 26px solid #ebeff5;
}

.alohabrdr-rgt-26 {
  border-right: 26px solid #ebeff5;
}

.alohabrdr-27 {
  border: 27px solid #ebeff5;
}

.alohabrdr-tp-27 {
  border-top: 27px solid #ebeff5;
}

.alohabrdr-btm-27 {
  border-bottom: 27px solid #ebeff5;
}

.alohabrdr-lft-27 {
  border-left: 27px solid #ebeff5;
}

.alohabrdr-rgt-27 {
  border-right: 27px solid #ebeff5;
}

.alohabrdr-28 {
  border: 28px solid #ebeff5;
}

.alohabrdr-tp-28 {
  border-top: 28px solid #ebeff5;
}

.alohabrdr-btm-28 {
  border-bottom: 28px solid #ebeff5;
}

.alohabrdr-lft-28 {
  border-left: 28px solid #ebeff5;
}

.alohabrdr-rgt-28 {
  border-right: 28px solid #ebeff5;
}

.alohabrdr-29 {
  border: 29px solid #ebeff5;
}

.alohabrdr-tp-29 {
  border-top: 29px solid #ebeff5;
}

.alohabrdr-btm-29 {
  border-bottom: 29px solid #ebeff5;
}

.alohabrdr-lft-29 {
  border-left: 29px solid #ebeff5;
}

.alohabrdr-rgt-29 {
  border-right: 29px solid #ebeff5;
}

.alohabrdr-30 {
  border: 30px solid #ebeff5;
}

.alohabrdr-tp-30 {
  border-top: 30px solid #ebeff5;
}

.alohabrdr-btm-30 {
  border-bottom: 30px solid #ebeff5;
}

.alohabrdr-lft-30 {
  border-left: 30px solid #ebeff5;
}

.alohabrdr-rgt-30 {
  border-right: 30px solid #ebeff5;
}

.alohabrdr-31 {
  border: 31px solid #ebeff5;
}

.alohabrdr-tp-31 {
  border-top: 31px solid #ebeff5;
}

.alohabrdr-btm-31 {
  border-bottom: 31px solid #ebeff5;
}

.alohabrdr-lft-31 {
  border-left: 31px solid #ebeff5;
}

.alohabrdr-rgt-31 {
  border-right: 31px solid #ebeff5;
}

.alohabrdr-32 {
  border: 32px solid #ebeff5;
}

.alohabrdr-tp-32 {
  border-top: 32px solid #ebeff5;
}

.alohabrdr-btm-32 {
  border-bottom: 32px solid #ebeff5;
}

.alohabrdr-lft-32 {
  border-left: 32px solid #ebeff5;
}

.alohabrdr-rgt-32 {
  border-right: 32px solid #ebeff5;
}

.alohabrdr-33 {
  border: 33px solid #ebeff5;
}

.alohabrdr-tp-33 {
  border-top: 33px solid #ebeff5;
}

.alohabrdr-btm-33 {
  border-bottom: 33px solid #ebeff5;
}

.alohabrdr-lft-33 {
  border-left: 33px solid #ebeff5;
}

.alohabrdr-rgt-33 {
  border-right: 33px solid #ebeff5;
}

.alohabrdr-34 {
  border: 34px solid #ebeff5;
}

.alohabrdr-tp-34 {
  border-top: 34px solid #ebeff5;
}

.alohabrdr-btm-34 {
  border-bottom: 34px solid #ebeff5;
}

.alohabrdr-lft-34 {
  border-left: 34px solid #ebeff5;
}

.alohabrdr-rgt-34 {
  border-right: 34px solid #ebeff5;
}

.alohabrdr-35 {
  border: 35px solid #ebeff5;
}

.alohabrdr-tp-35 {
  border-top: 35px solid #ebeff5;
}

.alohabrdr-btm-35 {
  border-bottom: 35px solid #ebeff5;
}

.alohabrdr-lft-35 {
  border-left: 35px solid #ebeff5;
}

.alohabrdr-rgt-35 {
  border-right: 35px solid #ebeff5;
}

.alohabrdr-36 {
  border: 36px solid #ebeff5;
}

.alohabrdr-tp-36 {
  border-top: 36px solid #ebeff5;
}

.alohabrdr-btm-36 {
  border-bottom: 36px solid #ebeff5;
}

.alohabrdr-lft-36 {
  border-left: 36px solid #ebeff5;
}

.alohabrdr-rgt-36 {
  border-right: 36px solid #ebeff5;
}

.alohabrdr-37 {
  border: 37px solid #ebeff5;
}

.alohabrdr-tp-37 {
  border-top: 37px solid #ebeff5;
}

.alohabrdr-btm-37 {
  border-bottom: 37px solid #ebeff5;
}

.alohabrdr-lft-37 {
  border-left: 37px solid #ebeff5;
}

.alohabrdr-rgt-37 {
  border-right: 37px solid #ebeff5;
}

.alohabrdr-38 {
  border: 38px solid #ebeff5;
}

.alohabrdr-tp-38 {
  border-top: 38px solid #ebeff5;
}

.alohabrdr-btm-38 {
  border-bottom: 38px solid #ebeff5;
}

.alohabrdr-lft-38 {
  border-left: 38px solid #ebeff5;
}

.alohabrdr-rgt-38 {
  border-right: 38px solid #ebeff5;
}

.alohabrdr-39 {
  border: 39px solid #ebeff5;
}

.alohabrdr-tp-39 {
  border-top: 39px solid #ebeff5;
}

.alohabrdr-btm-39 {
  border-bottom: 39px solid #ebeff5;
}

.alohabrdr-lft-39 {
  border-left: 39px solid #ebeff5;
}

.alohabrdr-rgt-39 {
  border-right: 39px solid #ebeff5;
}

.alohabrdr-40 {
  border: 40px solid #ebeff5;
}

.alohabrdr-tp-40 {
  border-top: 40px solid #ebeff5;
}

.alohabrdr-btm-40 {
  border-bottom: 40px solid #ebeff5;
}

.alohabrdr-lft-40 {
  border-left: 40px solid #ebeff5;
}

.alohabrdr-rgt-40 {
  border-right: 40px solid #ebeff5;
}

.alohabrdr-41 {
  border: 41px solid #ebeff5;
}

.alohabrdr-tp-41 {
  border-top: 41px solid #ebeff5;
}

.alohabrdr-btm-41 {
  border-bottom: 41px solid #ebeff5;
}

.alohabrdr-lft-41 {
  border-left: 41px solid #ebeff5;
}

.alohabrdr-rgt-41 {
  border-right: 41px solid #ebeff5;
}

.alohabrdr-42 {
  border: 42px solid #ebeff5;
}

.alohabrdr-tp-42 {
  border-top: 42px solid #ebeff5;
}

.alohabrdr-btm-42 {
  border-bottom: 42px solid #ebeff5;
}

.alohabrdr-lft-42 {
  border-left: 42px solid #ebeff5;
}

.alohabrdr-rgt-42 {
  border-right: 42px solid #ebeff5;
}

.alohabrdr-43 {
  border: 43px solid #ebeff5;
}

.alohabrdr-tp-43 {
  border-top: 43px solid #ebeff5;
}

.alohabrdr-btm-43 {
  border-bottom: 43px solid #ebeff5;
}

.alohabrdr-lft-43 {
  border-left: 43px solid #ebeff5;
}

.alohabrdr-rgt-43 {
  border-right: 43px solid #ebeff5;
}

.alohabrdr-44 {
  border: 44px solid #ebeff5;
}

.alohabrdr-tp-44 {
  border-top: 44px solid #ebeff5;
}

.alohabrdr-btm-44 {
  border-bottom: 44px solid #ebeff5;
}

.alohabrdr-lft-44 {
  border-left: 44px solid #ebeff5;
}

.alohabrdr-rgt-44 {
  border-right: 44px solid #ebeff5;
}

.alohabrdr-45 {
  border: 45px solid #ebeff5;
}

.alohabrdr-tp-45 {
  border-top: 45px solid #ebeff5;
}

.alohabrdr-btm-45 {
  border-bottom: 45px solid #ebeff5;
}

.alohabrdr-lft-45 {
  border-left: 45px solid #ebeff5;
}

.alohabrdr-rgt-45 {
  border-right: 45px solid #ebeff5;
}

.alohabrdr-46 {
  border: 46px solid #ebeff5;
}

.alohabrdr-tp-46 {
  border-top: 46px solid #ebeff5;
}

.alohabrdr-btm-46 {
  border-bottom: 46px solid #ebeff5;
}

.alohabrdr-lft-46 {
  border-left: 46px solid #ebeff5;
}

.alohabrdr-rgt-46 {
  border-right: 46px solid #ebeff5;
}

.alohabrdr-47 {
  border: 47px solid #ebeff5;
}

.alohabrdr-tp-47 {
  border-top: 47px solid #ebeff5;
}

.alohabrdr-btm-47 {
  border-bottom: 47px solid #ebeff5;
}

.alohabrdr-lft-47 {
  border-left: 47px solid #ebeff5;
}

.alohabrdr-rgt-47 {
  border-right: 47px solid #ebeff5;
}

.alohabrdr-48 {
  border: 48px solid #ebeff5;
}

.alohabrdr-tp-48 {
  border-top: 48px solid #ebeff5;
}

.alohabrdr-btm-48 {
  border-bottom: 48px solid #ebeff5;
}

.alohabrdr-lft-48 {
  border-left: 48px solid #ebeff5;
}

.alohabrdr-rgt-48 {
  border-right: 48px solid #ebeff5;
}

.alohabrdr-49 {
  border: 49px solid #ebeff5;
}

.alohabrdr-tp-49 {
  border-top: 49px solid #ebeff5;
}

.alohabrdr-btm-49 {
  border-bottom: 49px solid #ebeff5;
}

.alohabrdr-lft-49 {
  border-left: 49px solid #ebeff5;
}

.alohabrdr-rgt-49 {
  border-right: 49px solid #ebeff5;
}

.alohabrdr-50 {
  border: 50px solid #ebeff5;
}

.alohabrdr-tp-50 {
  border-top: 50px solid #ebeff5;
}

.alohabrdr-btm-50 {
  border-bottom: 50px solid #ebeff5;
}

.alohabrdr-lft-50 {
  border-left: 50px solid #ebeff5;
}

.alohabrdr-rgt-50 {
  border-right: 50px solid #ebeff5;
}

.alohabrdr-51 {
  border: 51px solid #ebeff5;
}

.alohabrdr-tp-51 {
  border-top: 51px solid #ebeff5;
}

.alohabrdr-btm-51 {
  border-bottom: 51px solid #ebeff5;
}

.alohabrdr-lft-51 {
  border-left: 51px solid #ebeff5;
}

.alohabrdr-rgt-51 {
  border-right: 51px solid #ebeff5;
}

.alohabrdr-52 {
  border: 52px solid #ebeff5;
}

.alohabrdr-tp-52 {
  border-top: 52px solid #ebeff5;
}

.alohabrdr-btm-52 {
  border-bottom: 52px solid #ebeff5;
}

.alohabrdr-lft-52 {
  border-left: 52px solid #ebeff5;
}

.alohabrdr-rgt-52 {
  border-right: 52px solid #ebeff5;
}

.alohabrdr-53 {
  border: 53px solid #ebeff5;
}

.alohabrdr-tp-53 {
  border-top: 53px solid #ebeff5;
}

.alohabrdr-btm-53 {
  border-bottom: 53px solid #ebeff5;
}

.alohabrdr-lft-53 {
  border-left: 53px solid #ebeff5;
}

.alohabrdr-rgt-53 {
  border-right: 53px solid #ebeff5;
}

.alohabrdr-54 {
  border: 54px solid #ebeff5;
}

.alohabrdr-tp-54 {
  border-top: 54px solid #ebeff5;
}

.alohabrdr-btm-54 {
  border-bottom: 54px solid #ebeff5;
}

.alohabrdr-lft-54 {
  border-left: 54px solid #ebeff5;
}

.alohabrdr-rgt-54 {
  border-right: 54px solid #ebeff5;
}

.alohabrdr-55 {
  border: 55px solid #ebeff5;
}

.alohabrdr-tp-55 {
  border-top: 55px solid #ebeff5;
}

.alohabrdr-btm-55 {
  border-bottom: 55px solid #ebeff5;
}

.alohabrdr-lft-55 {
  border-left: 55px solid #ebeff5;
}

.alohabrdr-rgt-55 {
  border-right: 55px solid #ebeff5;
}

.alohabrdr-56 {
  border: 56px solid #ebeff5;
}

.alohabrdr-tp-56 {
  border-top: 56px solid #ebeff5;
}

.alohabrdr-btm-56 {
  border-bottom: 56px solid #ebeff5;
}

.alohabrdr-lft-56 {
  border-left: 56px solid #ebeff5;
}

.alohabrdr-rgt-56 {
  border-right: 56px solid #ebeff5;
}

.alohabrdr-57 {
  border: 57px solid #ebeff5;
}

.alohabrdr-tp-57 {
  border-top: 57px solid #ebeff5;
}

.alohabrdr-btm-57 {
  border-bottom: 57px solid #ebeff5;
}

.alohabrdr-lft-57 {
  border-left: 57px solid #ebeff5;
}

.alohabrdr-rgt-57 {
  border-right: 57px solid #ebeff5;
}

.alohabrdr-58 {
  border: 58px solid #ebeff5;
}

.alohabrdr-tp-58 {
  border-top: 58px solid #ebeff5;
}

.alohabrdr-btm-58 {
  border-bottom: 58px solid #ebeff5;
}

.alohabrdr-lft-58 {
  border-left: 58px solid #ebeff5;
}

.alohabrdr-rgt-58 {
  border-right: 58px solid #ebeff5;
}

.alohabrdr-59 {
  border: 59px solid #ebeff5;
}

.alohabrdr-tp-59 {
  border-top: 59px solid #ebeff5;
}

.alohabrdr-btm-59 {
  border-bottom: 59px solid #ebeff5;
}

.alohabrdr-lft-59 {
  border-left: 59px solid #ebeff5;
}

.alohabrdr-rgt-59 {
  border-right: 59px solid #ebeff5;
}

.alohabrdr-60 {
  border: 60px solid #ebeff5;
}

.alohabrdr-tp-60 {
  border-top: 60px solid #ebeff5;
}

.alohabrdr-btm-60 {
  border-bottom: 60px solid #ebeff5;
}

.alohabrdr-lft-60 {
  border-left: 60px solid #ebeff5;
}

.alohabrdr-rgt-60 {
  border-right: 60px solid #ebeff5;
}

.alohabrdr-61 {
  border: 61px solid #ebeff5;
}

.alohabrdr-tp-61 {
  border-top: 61px solid #ebeff5;
}

.alohabrdr-btm-61 {
  border-bottom: 61px solid #ebeff5;
}

.alohabrdr-lft-61 {
  border-left: 61px solid #ebeff5;
}

.alohabrdr-rgt-61 {
  border-right: 61px solid #ebeff5;
}

.alohabrdr-62 {
  border: 62px solid #ebeff5;
}

.alohabrdr-tp-62 {
  border-top: 62px solid #ebeff5;
}

.alohabrdr-btm-62 {
  border-bottom: 62px solid #ebeff5;
}

.alohabrdr-lft-62 {
  border-left: 62px solid #ebeff5;
}

.alohabrdr-rgt-62 {
  border-right: 62px solid #ebeff5;
}

.alohabrdr-63 {
  border: 63px solid #ebeff5;
}

.alohabrdr-tp-63 {
  border-top: 63px solid #ebeff5;
}

.alohabrdr-btm-63 {
  border-bottom: 63px solid #ebeff5;
}

.alohabrdr-lft-63 {
  border-left: 63px solid #ebeff5;
}

.alohabrdr-rgt-63 {
  border-right: 63px solid #ebeff5;
}

.alohabrdr-64 {
  border: 64px solid #ebeff5;
}

.alohabrdr-tp-64 {
  border-top: 64px solid #ebeff5;
}

.alohabrdr-btm-64 {
  border-bottom: 64px solid #ebeff5;
}

.alohabrdr-lft-64 {
  border-left: 64px solid #ebeff5;
}

.alohabrdr-rgt-64 {
  border-right: 64px solid #ebeff5;
}

.alohabrdr-65 {
  border: 65px solid #ebeff5;
}

.alohabrdr-tp-65 {
  border-top: 65px solid #ebeff5;
}

.alohabrdr-btm-65 {
  border-bottom: 65px solid #ebeff5;
}

.alohabrdr-lft-65 {
  border-left: 65px solid #ebeff5;
}

.alohabrdr-rgt-65 {
  border-right: 65px solid #ebeff5;
}

.alohabrdr-66 {
  border: 66px solid #ebeff5;
}

.alohabrdr-tp-66 {
  border-top: 66px solid #ebeff5;
}

.alohabrdr-btm-66 {
  border-bottom: 66px solid #ebeff5;
}

.alohabrdr-lft-66 {
  border-left: 66px solid #ebeff5;
}

.alohabrdr-rgt-66 {
  border-right: 66px solid #ebeff5;
}

.alohabrdr-67 {
  border: 67px solid #ebeff5;
}

.alohabrdr-tp-67 {
  border-top: 67px solid #ebeff5;
}

.alohabrdr-btm-67 {
  border-bottom: 67px solid #ebeff5;
}

.alohabrdr-lft-67 {
  border-left: 67px solid #ebeff5;
}

.alohabrdr-rgt-67 {
  border-right: 67px solid #ebeff5;
}

.alohabrdr-68 {
  border: 68px solid #ebeff5;
}

.alohabrdr-tp-68 {
  border-top: 68px solid #ebeff5;
}

.alohabrdr-btm-68 {
  border-bottom: 68px solid #ebeff5;
}

.alohabrdr-lft-68 {
  border-left: 68px solid #ebeff5;
}

.alohabrdr-rgt-68 {
  border-right: 68px solid #ebeff5;
}

.alohabrdr-69 {
  border: 69px solid #ebeff5;
}

.alohabrdr-tp-69 {
  border-top: 69px solid #ebeff5;
}

.alohabrdr-btm-69 {
  border-bottom: 69px solid #ebeff5;
}

.alohabrdr-lft-69 {
  border-left: 69px solid #ebeff5;
}

.alohabrdr-rgt-69 {
  border-right: 69px solid #ebeff5;
}

.alohabrdr-70 {
  border: 70px solid #ebeff5;
}

.alohabrdr-tp-70 {
  border-top: 70px solid #ebeff5;
}

.alohabrdr-btm-70 {
  border-bottom: 70px solid #ebeff5;
}

.alohabrdr-lft-70 {
  border-left: 70px solid #ebeff5;
}

.alohabrdr-rgt-70 {
  border-right: 70px solid #ebeff5;
}

.alohabrdr-71 {
  border: 71px solid #ebeff5;
}

.alohabrdr-tp-71 {
  border-top: 71px solid #ebeff5;
}

.alohabrdr-btm-71 {
  border-bottom: 71px solid #ebeff5;
}

.alohabrdr-lft-71 {
  border-left: 71px solid #ebeff5;
}

.alohabrdr-rgt-71 {
  border-right: 71px solid #ebeff5;
}

.alohabrdr-72 {
  border: 72px solid #ebeff5;
}

.alohabrdr-tp-72 {
  border-top: 72px solid #ebeff5;
}

.alohabrdr-btm-72 {
  border-bottom: 72px solid #ebeff5;
}

.alohabrdr-lft-72 {
  border-left: 72px solid #ebeff5;
}

.alohabrdr-rgt-72 {
  border-right: 72px solid #ebeff5;
}

.alohabrdr-73 {
  border: 73px solid #ebeff5;
}

.alohabrdr-tp-73 {
  border-top: 73px solid #ebeff5;
}

.alohabrdr-btm-73 {
  border-bottom: 73px solid #ebeff5;
}

.alohabrdr-lft-73 {
  border-left: 73px solid #ebeff5;
}

.alohabrdr-rgt-73 {
  border-right: 73px solid #ebeff5;
}

.alohabrdr-74 {
  border: 74px solid #ebeff5;
}

.alohabrdr-tp-74 {
  border-top: 74px solid #ebeff5;
}

.alohabrdr-btm-74 {
  border-bottom: 74px solid #ebeff5;
}

.alohabrdr-lft-74 {
  border-left: 74px solid #ebeff5;
}

.alohabrdr-rgt-74 {
  border-right: 74px solid #ebeff5;
}

.alohabrdr-75 {
  border: 75px solid #ebeff5;
}

.alohabrdr-tp-75 {
  border-top: 75px solid #ebeff5;
}

.alohabrdr-btm-75 {
  border-bottom: 75px solid #ebeff5;
}

.alohabrdr-lft-75 {
  border-left: 75px solid #ebeff5;
}

.alohabrdr-rgt-75 {
  border-right: 75px solid #ebeff5;
}

.alohabrdr-76 {
  border: 76px solid #ebeff5;
}

.alohabrdr-tp-76 {
  border-top: 76px solid #ebeff5;
}

.alohabrdr-btm-76 {
  border-bottom: 76px solid #ebeff5;
}

.alohabrdr-lft-76 {
  border-left: 76px solid #ebeff5;
}

.alohabrdr-rgt-76 {
  border-right: 76px solid #ebeff5;
}

.alohabrdr-77 {
  border: 77px solid #ebeff5;
}

.alohabrdr-tp-77 {
  border-top: 77px solid #ebeff5;
}

.alohabrdr-btm-77 {
  border-bottom: 77px solid #ebeff5;
}

.alohabrdr-lft-77 {
  border-left: 77px solid #ebeff5;
}

.alohabrdr-rgt-77 {
  border-right: 77px solid #ebeff5;
}

.alohabrdr-78 {
  border: 78px solid #ebeff5;
}

.alohabrdr-tp-78 {
  border-top: 78px solid #ebeff5;
}

.alohabrdr-btm-78 {
  border-bottom: 78px solid #ebeff5;
}

.alohabrdr-lft-78 {
  border-left: 78px solid #ebeff5;
}

.alohabrdr-rgt-78 {
  border-right: 78px solid #ebeff5;
}

.alohabrdr-79 {
  border: 79px solid #ebeff5;
}

.alohabrdr-tp-79 {
  border-top: 79px solid #ebeff5;
}

.alohabrdr-btm-79 {
  border-bottom: 79px solid #ebeff5;
}

.alohabrdr-lft-79 {
  border-left: 79px solid #ebeff5;
}

.alohabrdr-rgt-79 {
  border-right: 79px solid #ebeff5;
}

.alohabrdr-80 {
  border: 80px solid #ebeff5;
}

.alohabrdr-tp-80 {
  border-top: 80px solid #ebeff5;
}

.alohabrdr-btm-80 {
  border-bottom: 80px solid #ebeff5;
}

.alohabrdr-lft-80 {
  border-left: 80px solid #ebeff5;
}

.alohabrdr-rgt-80 {
  border-right: 80px solid #ebeff5;
}

.alohabrdr-81 {
  border: 81px solid #ebeff5;
}

.alohabrdr-tp-81 {
  border-top: 81px solid #ebeff5;
}

.alohabrdr-btm-81 {
  border-bottom: 81px solid #ebeff5;
}

.alohabrdr-lft-81 {
  border-left: 81px solid #ebeff5;
}

.alohabrdr-rgt-81 {
  border-right: 81px solid #ebeff5;
}

.alohabrdr-82 {
  border: 82px solid #ebeff5;
}

.alohabrdr-tp-82 {
  border-top: 82px solid #ebeff5;
}

.alohabrdr-btm-82 {
  border-bottom: 82px solid #ebeff5;
}

.alohabrdr-lft-82 {
  border-left: 82px solid #ebeff5;
}

.alohabrdr-rgt-82 {
  border-right: 82px solid #ebeff5;
}

.alohabrdr-83 {
  border: 83px solid #ebeff5;
}

.alohabrdr-tp-83 {
  border-top: 83px solid #ebeff5;
}

.alohabrdr-btm-83 {
  border-bottom: 83px solid #ebeff5;
}

.alohabrdr-lft-83 {
  border-left: 83px solid #ebeff5;
}

.alohabrdr-rgt-83 {
  border-right: 83px solid #ebeff5;
}

.alohabrdr-84 {
  border: 84px solid #ebeff5;
}

.alohabrdr-tp-84 {
  border-top: 84px solid #ebeff5;
}

.alohabrdr-btm-84 {
  border-bottom: 84px solid #ebeff5;
}

.alohabrdr-lft-84 {
  border-left: 84px solid #ebeff5;
}

.alohabrdr-rgt-84 {
  border-right: 84px solid #ebeff5;
}

.alohabrdr-85 {
  border: 85px solid #ebeff5;
}

.alohabrdr-tp-85 {
  border-top: 85px solid #ebeff5;
}

.alohabrdr-btm-85 {
  border-bottom: 85px solid #ebeff5;
}

.alohabrdr-lft-85 {
  border-left: 85px solid #ebeff5;
}

.alohabrdr-rgt-85 {
  border-right: 85px solid #ebeff5;
}

.alohabrdr-86 {
  border: 86px solid #ebeff5;
}

.alohabrdr-tp-86 {
  border-top: 86px solid #ebeff5;
}

.alohabrdr-btm-86 {
  border-bottom: 86px solid #ebeff5;
}

.alohabrdr-lft-86 {
  border-left: 86px solid #ebeff5;
}

.alohabrdr-rgt-86 {
  border-right: 86px solid #ebeff5;
}

.alohabrdr-87 {
  border: 87px solid #ebeff5;
}

.alohabrdr-tp-87 {
  border-top: 87px solid #ebeff5;
}

.alohabrdr-btm-87 {
  border-bottom: 87px solid #ebeff5;
}

.alohabrdr-lft-87 {
  border-left: 87px solid #ebeff5;
}

.alohabrdr-rgt-87 {
  border-right: 87px solid #ebeff5;
}

.alohabrdr-88 {
  border: 88px solid #ebeff5;
}

.alohabrdr-tp-88 {
  border-top: 88px solid #ebeff5;
}

.alohabrdr-btm-88 {
  border-bottom: 88px solid #ebeff5;
}

.alohabrdr-lft-88 {
  border-left: 88px solid #ebeff5;
}

.alohabrdr-rgt-88 {
  border-right: 88px solid #ebeff5;
}

.alohabrdr-89 {
  border: 89px solid #ebeff5;
}

.alohabrdr-tp-89 {
  border-top: 89px solid #ebeff5;
}

.alohabrdr-btm-89 {
  border-bottom: 89px solid #ebeff5;
}

.alohabrdr-lft-89 {
  border-left: 89px solid #ebeff5;
}

.alohabrdr-rgt-89 {
  border-right: 89px solid #ebeff5;
}

.alohabrdr-90 {
  border: 90px solid #ebeff5;
}

.alohabrdr-tp-90 {
  border-top: 90px solid #ebeff5;
}

.alohabrdr-btm-90 {
  border-bottom: 90px solid #ebeff5;
}

.alohabrdr-lft-90 {
  border-left: 90px solid #ebeff5;
}

.alohabrdr-rgt-90 {
  border-right: 90px solid #ebeff5;
}

.alohabrdr-91 {
  border: 91px solid #ebeff5;
}

.alohabrdr-tp-91 {
  border-top: 91px solid #ebeff5;
}

.alohabrdr-btm-91 {
  border-bottom: 91px solid #ebeff5;
}

.alohabrdr-lft-91 {
  border-left: 91px solid #ebeff5;
}

.alohabrdr-rgt-91 {
  border-right: 91px solid #ebeff5;
}

.alohabrdr-92 {
  border: 92px solid #ebeff5;
}

.alohabrdr-tp-92 {
  border-top: 92px solid #ebeff5;
}

.alohabrdr-btm-92 {
  border-bottom: 92px solid #ebeff5;
}

.alohabrdr-lft-92 {
  border-left: 92px solid #ebeff5;
}

.alohabrdr-rgt-92 {
  border-right: 92px solid #ebeff5;
}

.alohabrdr-93 {
  border: 93px solid #ebeff5;
}

.alohabrdr-tp-93 {
  border-top: 93px solid #ebeff5;
}

.alohabrdr-btm-93 {
  border-bottom: 93px solid #ebeff5;
}

.alohabrdr-lft-93 {
  border-left: 93px solid #ebeff5;
}

.alohabrdr-rgt-93 {
  border-right: 93px solid #ebeff5;
}

.alohabrdr-94 {
  border: 94px solid #ebeff5;
}

.alohabrdr-tp-94 {
  border-top: 94px solid #ebeff5;
}

.alohabrdr-btm-94 {
  border-bottom: 94px solid #ebeff5;
}

.alohabrdr-lft-94 {
  border-left: 94px solid #ebeff5;
}

.alohabrdr-rgt-94 {
  border-right: 94px solid #ebeff5;
}

.alohabrdr-95 {
  border: 95px solid #ebeff5;
}

.alohabrdr-tp-95 {
  border-top: 95px solid #ebeff5;
}

.alohabrdr-btm-95 {
  border-bottom: 95px solid #ebeff5;
}

.alohabrdr-lft-95 {
  border-left: 95px solid #ebeff5;
}

.alohabrdr-rgt-95 {
  border-right: 95px solid #ebeff5;
}

.alohabrdr-96 {
  border: 96px solid #ebeff5;
}

.alohabrdr-tp-96 {
  border-top: 96px solid #ebeff5;
}

.alohabrdr-btm-96 {
  border-bottom: 96px solid #ebeff5;
}

.alohabrdr-lft-96 {
  border-left: 96px solid #ebeff5;
}

.alohabrdr-rgt-96 {
  border-right: 96px solid #ebeff5;
}

.alohabrdr-97 {
  border: 97px solid #ebeff5;
}

.alohabrdr-tp-97 {
  border-top: 97px solid #ebeff5;
}

.alohabrdr-btm-97 {
  border-bottom: 97px solid #ebeff5;
}

.alohabrdr-lft-97 {
  border-left: 97px solid #ebeff5;
}

.alohabrdr-rgt-97 {
  border-right: 97px solid #ebeff5;
}

.alohabrdr-98 {
  border: 98px solid #ebeff5;
}

.alohabrdr-tp-98 {
  border-top: 98px solid #ebeff5;
}

.alohabrdr-btm-98 {
  border-bottom: 98px solid #ebeff5;
}

.alohabrdr-lft-98 {
  border-left: 98px solid #ebeff5;
}

.alohabrdr-rgt-98 {
  border-right: 98px solid #ebeff5;
}

.alohabrdr-99 {
  border: 99px solid #ebeff5;
}

.alohabrdr-tp-99 {
  border-top: 99px solid #ebeff5;
}

.alohabrdr-btm-99 {
  border-bottom: 99px solid #ebeff5;
}

.alohabrdr-lft-99 {
  border-left: 99px solid #ebeff5;
}

.alohabrdr-rgt-99 {
  border-right: 99px solid #ebeff5;
}

.alohabrdr-100 {
  border: 100px solid #ebeff5;
}

.alohabrdr-tp-100 {
  border-top: 100px solid #ebeff5;
}

.alohabrdr-btm-100 {
  border-bottom: 100px solid #ebeff5;
}

.alohabrdr-lft-100 {
  border-left: 100px solid #ebeff5;
}

.alohabrdr-rgt-100 {
  border-right: 100px solid #ebeff5;
}

.alohabrdr-none {
  border: none !important;
}

.alohabrdr-tpNone {
  border-top: none !important;
}

.alohabrdr-rgtNone {
  border-right: none !important;
}

.alohabrdr-btmNone {
  border-bottom: none !important;
}

.alohabrdr-lftNone {
  border-left: none !important;
}

/*------------------------
            Aloha Border Radius Styles 
           -----------------------------------*/
.aloharnd-1 {
  border: 1px;
}

.aloharnd-circle-1 {
  border-radius: 1px;
}

.aloharnd-tp-1 {
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
}

.aloharnd-btm-1 {
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}

.aloharnd-2 {
  border: 2px;
}

.aloharnd-circle-2 {
  border-radius: 2px;
}

.aloharnd-tp-2 {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.aloharnd-btm-2 {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.aloharnd-3 {
  border: 3px;
}

.aloharnd-circle-3 {
  border-radius: 3px;
}

.aloharnd-tp-3 {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.aloharnd-btm-3 {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.aloharnd-4 {
  border: 4px;
}

.aloharnd-circle-4 {
  border-radius: 4px;
}

.aloharnd-tp-4 {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.aloharnd-btm-4 {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.aloharnd-5 {
  border: 5px;
}

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

.aloharnd-tp-5 {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.aloharnd-btm-5 {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.aloharnd-6 {
  border: 6px;
}

.aloharnd-circle-6 {
  border-radius: 6px;
}

.aloharnd-tp-6 {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.aloharnd-btm-6 {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.aloharnd-7 {
  border: 7px;
}

.aloharnd-circle-7 {
  border-radius: 7px;
}

.aloharnd-tp-7 {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

.aloharnd-btm-7 {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

.aloharnd-8 {
  border: 8px;
}

.aloharnd-circle-8 {
  border-radius: 8px;
}

.aloharnd-tp-8 {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.aloharnd-btm-8 {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.aloharnd-9 {
  border: 9px;
}

.aloharnd-circle-9 {
  border-radius: 9px;
}

.aloharnd-tp-9 {
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}

.aloharnd-btm-9 {
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}

.aloharnd-10 {
  border: 10px;
}

.aloharnd-circle-10 {
  border-radius: 10px;
}

.aloharnd-tp-10 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.aloharnd-btm-10 {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.aloharnd-11 {
  border: 11px;
}

.aloharnd-circle-11 {
  border-radius: 11px;
}

.aloharnd-tp-11 {
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
}

.aloharnd-btm-11 {
  border-bottom-left-radius: 11px;
  border-bottom-right-radius: 11px;
}

.aloharnd-12 {
  border: 12px;
}

.aloharnd-circle-12 {
  border-radius: 12px;
}

.aloharnd-tp-12 {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.aloharnd-btm-12 {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.aloharnd-13 {
  border: 13px;
}

.aloharnd-circle-13 {
  border-radius: 13px;
}

.aloharnd-tp-13 {
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
}

.aloharnd-btm-13 {
  border-bottom-left-radius: 13px;
  border-bottom-right-radius: 13px;
}

.aloharnd-14 {
  border: 14px;
}

.aloharnd-circle-14 {
  border-radius: 14px;
}

.aloharnd-tp-14 {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}

.aloharnd-btm-14 {
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}

.aloharnd-15 {
  border: 15px;
}

.aloharnd-circle-15 {
  border-radius: 15px;
}

.aloharnd-tp-15 {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.aloharnd-btm-15 {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.aloharnd-16 {
  border: 16px;
}

.aloharnd-circle-16 {
  border-radius: 16px;
}

.aloharnd-tp-16 {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.aloharnd-btm-16 {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.aloharnd-17 {
  border: 17px;
}

.aloharnd-circle-17 {
  border-radius: 17px;
}

.aloharnd-tp-17 {
  border-top-left-radius: 17px;
  border-top-right-radius: 17px;
}

.aloharnd-btm-17 {
  border-bottom-left-radius: 17px;
  border-bottom-right-radius: 17px;
}

.aloharnd-18 {
  border: 18px;
}

.aloharnd-circle-18 {
  border-radius: 18px;
}

.aloharnd-tp-18 {
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
}

.aloharnd-btm-18 {
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
}

.aloharnd-19 {
  border: 19px;
}

.aloharnd-circle-19 {
  border-radius: 19px;
}

.aloharnd-tp-19 {
  border-top-left-radius: 19px;
  border-top-right-radius: 19px;
}

.aloharnd-btm-19 {
  border-bottom-left-radius: 19px;
  border-bottom-right-radius: 19px;
}

.aloharnd-20 {
  border: 20px;
}

.aloharnd-circle-20 {
  border-radius: 20px;
}

.aloharnd-tp-20 {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.aloharnd-btm-20 {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.aloharnd-21 {
  border: 21px;
}

.aloharnd-circle-21 {
  border-radius: 21px;
}

.aloharnd-tp-21 {
  border-top-left-radius: 21px;
  border-top-right-radius: 21px;
}

.aloharnd-btm-21 {
  border-bottom-left-radius: 21px;
  border-bottom-right-radius: 21px;
}

.aloharnd-22 {
  border: 22px;
}

.aloharnd-circle-22 {
  border-radius: 22px;
}

.aloharnd-tp-22 {
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
}

.aloharnd-btm-22 {
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
}

.aloharnd-23 {
  border: 23px;
}

.aloharnd-circle-23 {
  border-radius: 23px;
}

.aloharnd-tp-23 {
  border-top-left-radius: 23px;
  border-top-right-radius: 23px;
}

.aloharnd-btm-23 {
  border-bottom-left-radius: 23px;
  border-bottom-right-radius: 23px;
}

.aloharnd-24 {
  border: 24px;
}

.aloharnd-circle-24 {
  border-radius: 24px;
}

.aloharnd-tp-24 {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}

.aloharnd-btm-24 {
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}

.aloharnd-25 {
  border: 25px;
}

.aloharnd-circle-25 {
  border-radius: 25px;
}

.aloharnd-tp-25 {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}

.aloharnd-btm-25 {
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

.aloharnd-26 {
  border: 26px;
}

.aloharnd-circle-26 {
  border-radius: 26px;
}

.aloharnd-tp-26 {
  border-top-left-radius: 26px;
  border-top-right-radius: 26px;
}

.aloharnd-btm-26 {
  border-bottom-left-radius: 26px;
  border-bottom-right-radius: 26px;
}

.aloharnd-27 {
  border: 27px;
}

.aloharnd-circle-27 {
  border-radius: 27px;
}

.aloharnd-tp-27 {
  border-top-left-radius: 27px;
  border-top-right-radius: 27px;
}

.aloharnd-btm-27 {
  border-bottom-left-radius: 27px;
  border-bottom-right-radius: 27px;
}

.aloharnd-28 {
  border: 28px;
}

.aloharnd-circle-28 {
  border-radius: 28px;
}

.aloharnd-tp-28 {
  border-top-left-radius: 28px;
  border-top-right-radius: 28px;
}

.aloharnd-btm-28 {
  border-bottom-left-radius: 28px;
  border-bottom-right-radius: 28px;
}

.aloharnd-29 {
  border: 29px;
}

.aloharnd-circle-29 {
  border-radius: 29px;
}

.aloharnd-tp-29 {
  border-top-left-radius: 29px;
  border-top-right-radius: 29px;
}

.aloharnd-btm-29 {
  border-bottom-left-radius: 29px;
  border-bottom-right-radius: 29px;
}

.aloharnd-30 {
  border: 30px;
}

.aloharnd-circle-30 {
  border-radius: 30px;
}

.aloharnd-tp-30 {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

.aloharnd-btm-30 {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

.aloharnd-31 {
  border: 31px;
}

.aloharnd-circle-31 {
  border-radius: 31px;
}

.aloharnd-tp-31 {
  border-top-left-radius: 31px;
  border-top-right-radius: 31px;
}

.aloharnd-btm-31 {
  border-bottom-left-radius: 31px;
  border-bottom-right-radius: 31px;
}

.aloharnd-32 {
  border: 32px;
}

.aloharnd-circle-32 {
  border-radius: 32px;
}

.aloharnd-tp-32 {
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
}

.aloharnd-btm-32 {
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
}

.aloharnd-33 {
  border: 33px;
}

.aloharnd-circle-33 {
  border-radius: 33px;
}

.aloharnd-tp-33 {
  border-top-left-radius: 33px;
  border-top-right-radius: 33px;
}

.aloharnd-btm-33 {
  border-bottom-left-radius: 33px;
  border-bottom-right-radius: 33px;
}

.aloharnd-34 {
  border: 34px;
}

.aloharnd-circle-34 {
  border-radius: 34px;
}

.aloharnd-tp-34 {
  border-top-left-radius: 34px;
  border-top-right-radius: 34px;
}

.aloharnd-btm-34 {
  border-bottom-left-radius: 34px;
  border-bottom-right-radius: 34px;
}

.aloharnd-35 {
  border: 35px;
}

.aloharnd-circle-35 {
  border-radius: 35px;
}

.aloharnd-tp-35 {
  border-top-left-radius: 35px;
  border-top-right-radius: 35px;
}

.aloharnd-btm-35 {
  border-bottom-left-radius: 35px;
  border-bottom-right-radius: 35px;
}

.aloharnd-36 {
  border: 36px;
}

.aloharnd-circle-36 {
  border-radius: 36px;
}

.aloharnd-tp-36 {
  border-top-left-radius: 36px;
  border-top-right-radius: 36px;
}

.aloharnd-btm-36 {
  border-bottom-left-radius: 36px;
  border-bottom-right-radius: 36px;
}

.aloharnd-37 {
  border: 37px;
}

.aloharnd-circle-37 {
  border-radius: 37px;
}

.aloharnd-tp-37 {
  border-top-left-radius: 37px;
  border-top-right-radius: 37px;
}

.aloharnd-btm-37 {
  border-bottom-left-radius: 37px;
  border-bottom-right-radius: 37px;
}

.aloharnd-38 {
  border: 38px;
}

.aloharnd-circle-38 {
  border-radius: 38px;
}

.aloharnd-tp-38 {
  border-top-left-radius: 38px;
  border-top-right-radius: 38px;
}

.aloharnd-btm-38 {
  border-bottom-left-radius: 38px;
  border-bottom-right-radius: 38px;
}

.aloharnd-39 {
  border: 39px;
}

.aloharnd-circle-39 {
  border-radius: 39px;
}

.aloharnd-tp-39 {
  border-top-left-radius: 39px;
  border-top-right-radius: 39px;
}

.aloharnd-btm-39 {
  border-bottom-left-radius: 39px;
  border-bottom-right-radius: 39px;
}

.aloharnd-40 {
  border: 40px;
}

.aloharnd-circle-40 {
  border-radius: 40px;
}

.aloharnd-tp-40 {
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
}

.aloharnd-btm-40 {
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
}

.aloharnd-41 {
  border: 41px;
}

.aloharnd-circle-41 {
  border-radius: 41px;
}

.aloharnd-tp-41 {
  border-top-left-radius: 41px;
  border-top-right-radius: 41px;
}

.aloharnd-btm-41 {
  border-bottom-left-radius: 41px;
  border-bottom-right-radius: 41px;
}

.aloharnd-42 {
  border: 42px;
}

.aloharnd-circle-42 {
  border-radius: 42px;
}

.aloharnd-tp-42 {
  border-top-left-radius: 42px;
  border-top-right-radius: 42px;
}

.aloharnd-btm-42 {
  border-bottom-left-radius: 42px;
  border-bottom-right-radius: 42px;
}

.aloharnd-43 {
  border: 43px;
}

.aloharnd-circle-43 {
  border-radius: 43px;
}

.aloharnd-tp-43 {
  border-top-left-radius: 43px;
  border-top-right-radius: 43px;
}

.aloharnd-btm-43 {
  border-bottom-left-radius: 43px;
  border-bottom-right-radius: 43px;
}

.aloharnd-44 {
  border: 44px;
}

.aloharnd-circle-44 {
  border-radius: 44px;
}

.aloharnd-tp-44 {
  border-top-left-radius: 44px;
  border-top-right-radius: 44px;
}

.aloharnd-btm-44 {
  border-bottom-left-radius: 44px;
  border-bottom-right-radius: 44px;
}

.aloharnd-45 {
  border: 45px;
}

.aloharnd-circle-45 {
  border-radius: 45px;
}

.aloharnd-tp-45 {
  border-top-left-radius: 45px;
  border-top-right-radius: 45px;
}

.aloharnd-btm-45 {
  border-bottom-left-radius: 45px;
  border-bottom-right-radius: 45px;
}

.aloharnd-46 {
  border: 46px;
}

.aloharnd-circle-46 {
  border-radius: 46px;
}

.aloharnd-tp-46 {
  border-top-left-radius: 46px;
  border-top-right-radius: 46px;
}

.aloharnd-btm-46 {
  border-bottom-left-radius: 46px;
  border-bottom-right-radius: 46px;
}

.aloharnd-47 {
  border: 47px;
}

.aloharnd-circle-47 {
  border-radius: 47px;
}

.aloharnd-tp-47 {
  border-top-left-radius: 47px;
  border-top-right-radius: 47px;
}

.aloharnd-btm-47 {
  border-bottom-left-radius: 47px;
  border-bottom-right-radius: 47px;
}

.aloharnd-48 {
  border: 48px;
}

.aloharnd-circle-48 {
  border-radius: 48px;
}

.aloharnd-tp-48 {
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
}

.aloharnd-btm-48 {
  border-bottom-left-radius: 48px;
  border-bottom-right-radius: 48px;
}

.aloharnd-49 {
  border: 49px;
}

.aloharnd-circle-49 {
  border-radius: 49px;
}

.aloharnd-tp-49 {
  border-top-left-radius: 49px;
  border-top-right-radius: 49px;
}

.aloharnd-btm-49 {
  border-bottom-left-radius: 49px;
  border-bottom-right-radius: 49px;
}

.aloharnd-50 {
  border: 50px;
}

.aloharnd-circle-50 {
  border-radius: 50px;
}

.aloharnd-tp-50 {
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}

.aloharnd-btm-50 {
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
}

.aloharnd-51 {
  border: 51px;
}

.aloharnd-circle-51 {
  border-radius: 51px;
}

.aloharnd-tp-51 {
  border-top-left-radius: 51px;
  border-top-right-radius: 51px;
}

.aloharnd-btm-51 {
  border-bottom-left-radius: 51px;
  border-bottom-right-radius: 51px;
}

.aloharnd-52 {
  border: 52px;
}

.aloharnd-circle-52 {
  border-radius: 52px;
}

.aloharnd-tp-52 {
  border-top-left-radius: 52px;
  border-top-right-radius: 52px;
}

.aloharnd-btm-52 {
  border-bottom-left-radius: 52px;
  border-bottom-right-radius: 52px;
}

.aloharnd-53 {
  border: 53px;
}

.aloharnd-circle-53 {
  border-radius: 53px;
}

.aloharnd-tp-53 {
  border-top-left-radius: 53px;
  border-top-right-radius: 53px;
}

.aloharnd-btm-53 {
  border-bottom-left-radius: 53px;
  border-bottom-right-radius: 53px;
}

.aloharnd-54 {
  border: 54px;
}

.aloharnd-circle-54 {
  border-radius: 54px;
}

.aloharnd-tp-54 {
  border-top-left-radius: 54px;
  border-top-right-radius: 54px;
}

.aloharnd-btm-54 {
  border-bottom-left-radius: 54px;
  border-bottom-right-radius: 54px;
}

.aloharnd-55 {
  border: 55px;
}

.aloharnd-circle-55 {
  border-radius: 55px;
}

.aloharnd-tp-55 {
  border-top-left-radius: 55px;
  border-top-right-radius: 55px;
}

.aloharnd-btm-55 {
  border-bottom-left-radius: 55px;
  border-bottom-right-radius: 55px;
}

.aloharnd-56 {
  border: 56px;
}

.aloharnd-circle-56 {
  border-radius: 56px;
}

.aloharnd-tp-56 {
  border-top-left-radius: 56px;
  border-top-right-radius: 56px;
}

.aloharnd-btm-56 {
  border-bottom-left-radius: 56px;
  border-bottom-right-radius: 56px;
}

.aloharnd-57 {
  border: 57px;
}

.aloharnd-circle-57 {
  border-radius: 57px;
}

.aloharnd-tp-57 {
  border-top-left-radius: 57px;
  border-top-right-radius: 57px;
}

.aloharnd-btm-57 {
  border-bottom-left-radius: 57px;
  border-bottom-right-radius: 57px;
}

.aloharnd-58 {
  border: 58px;
}

.aloharnd-circle-58 {
  border-radius: 58px;
}

.aloharnd-tp-58 {
  border-top-left-radius: 58px;
  border-top-right-radius: 58px;
}

.aloharnd-btm-58 {
  border-bottom-left-radius: 58px;
  border-bottom-right-radius: 58px;
}

.aloharnd-59 {
  border: 59px;
}

.aloharnd-circle-59 {
  border-radius: 59px;
}

.aloharnd-tp-59 {
  border-top-left-radius: 59px;
  border-top-right-radius: 59px;
}

.aloharnd-btm-59 {
  border-bottom-left-radius: 59px;
  border-bottom-right-radius: 59px;
}

.aloharnd-60 {
  border: 60px;
}

.aloharnd-circle-60 {
  border-radius: 60px;
}

.aloharnd-tp-60 {
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
}

.aloharnd-btm-60 {
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
}

.aloharnd-61 {
  border: 61px;
}

.aloharnd-circle-61 {
  border-radius: 61px;
}

.aloharnd-tp-61 {
  border-top-left-radius: 61px;
  border-top-right-radius: 61px;
}

.aloharnd-btm-61 {
  border-bottom-left-radius: 61px;
  border-bottom-right-radius: 61px;
}

.aloharnd-62 {
  border: 62px;
}

.aloharnd-circle-62 {
  border-radius: 62px;
}

.aloharnd-tp-62 {
  border-top-left-radius: 62px;
  border-top-right-radius: 62px;
}

.aloharnd-btm-62 {
  border-bottom-left-radius: 62px;
  border-bottom-right-radius: 62px;
}

.aloharnd-63 {
  border: 63px;
}

.aloharnd-circle-63 {
  border-radius: 63px;
}

.aloharnd-tp-63 {
  border-top-left-radius: 63px;
  border-top-right-radius: 63px;
}

.aloharnd-btm-63 {
  border-bottom-left-radius: 63px;
  border-bottom-right-radius: 63px;
}

.aloharnd-64 {
  border: 64px;
}

.aloharnd-circle-64 {
  border-radius: 64px;
}

.aloharnd-tp-64 {
  border-top-left-radius: 64px;
  border-top-right-radius: 64px;
}

.aloharnd-btm-64 {
  border-bottom-left-radius: 64px;
  border-bottom-right-radius: 64px;
}

.aloharnd-65 {
  border: 65px;
}

.aloharnd-circle-65 {
  border-radius: 65px;
}

.aloharnd-tp-65 {
  border-top-left-radius: 65px;
  border-top-right-radius: 65px;
}

.aloharnd-btm-65 {
  border-bottom-left-radius: 65px;
  border-bottom-right-radius: 65px;
}

.aloharnd-66 {
  border: 66px;
}

.aloharnd-circle-66 {
  border-radius: 66px;
}

.aloharnd-tp-66 {
  border-top-left-radius: 66px;
  border-top-right-radius: 66px;
}

.aloharnd-btm-66 {
  border-bottom-left-radius: 66px;
  border-bottom-right-radius: 66px;
}

.aloharnd-67 {
  border: 67px;
}

.aloharnd-circle-67 {
  border-radius: 67px;
}

.aloharnd-tp-67 {
  border-top-left-radius: 67px;
  border-top-right-radius: 67px;
}

.aloharnd-btm-67 {
  border-bottom-left-radius: 67px;
  border-bottom-right-radius: 67px;
}

.aloharnd-68 {
  border: 68px;
}

.aloharnd-circle-68 {
  border-radius: 68px;
}

.aloharnd-tp-68 {
  border-top-left-radius: 68px;
  border-top-right-radius: 68px;
}

.aloharnd-btm-68 {
  border-bottom-left-radius: 68px;
  border-bottom-right-radius: 68px;
}

.aloharnd-69 {
  border: 69px;
}

.aloharnd-circle-69 {
  border-radius: 69px;
}

.aloharnd-tp-69 {
  border-top-left-radius: 69px;
  border-top-right-radius: 69px;
}

.aloharnd-btm-69 {
  border-bottom-left-radius: 69px;
  border-bottom-right-radius: 69px;
}

.aloharnd-70 {
  border: 70px;
}

.aloharnd-circle-70 {
  border-radius: 70px;
}

.aloharnd-tp-70 {
  border-top-left-radius: 70px;
  border-top-right-radius: 70px;
}

.aloharnd-btm-70 {
  border-bottom-left-radius: 70px;
  border-bottom-right-radius: 70px;
}

.aloharnd-71 {
  border: 71px;
}

.aloharnd-circle-71 {
  border-radius: 71px;
}

.aloharnd-tp-71 {
  border-top-left-radius: 71px;
  border-top-right-radius: 71px;
}

.aloharnd-btm-71 {
  border-bottom-left-radius: 71px;
  border-bottom-right-radius: 71px;
}

.aloharnd-72 {
  border: 72px;
}

.aloharnd-circle-72 {
  border-radius: 72px;
}

.aloharnd-tp-72 {
  border-top-left-radius: 72px;
  border-top-right-radius: 72px;
}

.aloharnd-btm-72 {
  border-bottom-left-radius: 72px;
  border-bottom-right-radius: 72px;
}

.aloharnd-73 {
  border: 73px;
}

.aloharnd-circle-73 {
  border-radius: 73px;
}

.aloharnd-tp-73 {
  border-top-left-radius: 73px;
  border-top-right-radius: 73px;
}

.aloharnd-btm-73 {
  border-bottom-left-radius: 73px;
  border-bottom-right-radius: 73px;
}

.aloharnd-74 {
  border: 74px;
}

.aloharnd-circle-74 {
  border-radius: 74px;
}

.aloharnd-tp-74 {
  border-top-left-radius: 74px;
  border-top-right-radius: 74px;
}

.aloharnd-btm-74 {
  border-bottom-left-radius: 74px;
  border-bottom-right-radius: 74px;
}

.aloharnd-75 {
  border: 75px;
}

.aloharnd-circle-75 {
  border-radius: 75px;
}

.aloharnd-tp-75 {
  border-top-left-radius: 75px;
  border-top-right-radius: 75px;
}

.aloharnd-btm-75 {
  border-bottom-left-radius: 75px;
  border-bottom-right-radius: 75px;
}

.aloharnd-76 {
  border: 76px;
}

.aloharnd-circle-76 {
  border-radius: 76px;
}

.aloharnd-tp-76 {
  border-top-left-radius: 76px;
  border-top-right-radius: 76px;
}

.aloharnd-btm-76 {
  border-bottom-left-radius: 76px;
  border-bottom-right-radius: 76px;
}

.aloharnd-77 {
  border: 77px;
}

.aloharnd-circle-77 {
  border-radius: 77px;
}

.aloharnd-tp-77 {
  border-top-left-radius: 77px;
  border-top-right-radius: 77px;
}

.aloharnd-btm-77 {
  border-bottom-left-radius: 77px;
  border-bottom-right-radius: 77px;
}

.aloharnd-78 {
  border: 78px;
}

.aloharnd-circle-78 {
  border-radius: 78px;
}

.aloharnd-tp-78 {
  border-top-left-radius: 78px;
  border-top-right-radius: 78px;
}

.aloharnd-btm-78 {
  border-bottom-left-radius: 78px;
  border-bottom-right-radius: 78px;
}

.aloharnd-79 {
  border: 79px;
}

.aloharnd-circle-79 {
  border-radius: 79px;
}

.aloharnd-tp-79 {
  border-top-left-radius: 79px;
  border-top-right-radius: 79px;
}

.aloharnd-btm-79 {
  border-bottom-left-radius: 79px;
  border-bottom-right-radius: 79px;
}

.aloharnd-80 {
  border: 80px;
}

.aloharnd-circle-80 {
  border-radius: 80px;
}

.aloharnd-tp-80 {
  border-top-left-radius: 80px;
  border-top-right-radius: 80px;
}

.aloharnd-btm-80 {
  border-bottom-left-radius: 80px;
  border-bottom-right-radius: 80px;
}

.aloharnd-81 {
  border: 81px;
}

.aloharnd-circle-81 {
  border-radius: 81px;
}

.aloharnd-tp-81 {
  border-top-left-radius: 81px;
  border-top-right-radius: 81px;
}

.aloharnd-btm-81 {
  border-bottom-left-radius: 81px;
  border-bottom-right-radius: 81px;
}

.aloharnd-82 {
  border: 82px;
}

.aloharnd-circle-82 {
  border-radius: 82px;
}

.aloharnd-tp-82 {
  border-top-left-radius: 82px;
  border-top-right-radius: 82px;
}

.aloharnd-btm-82 {
  border-bottom-left-radius: 82px;
  border-bottom-right-radius: 82px;
}

.aloharnd-83 {
  border: 83px;
}

.aloharnd-circle-83 {
  border-radius: 83px;
}

.aloharnd-tp-83 {
  border-top-left-radius: 83px;
  border-top-right-radius: 83px;
}

.aloharnd-btm-83 {
  border-bottom-left-radius: 83px;
  border-bottom-right-radius: 83px;
}

.aloharnd-84 {
  border: 84px;
}

.aloharnd-circle-84 {
  border-radius: 84px;
}

.aloharnd-tp-84 {
  border-top-left-radius: 84px;
  border-top-right-radius: 84px;
}

.aloharnd-btm-84 {
  border-bottom-left-radius: 84px;
  border-bottom-right-radius: 84px;
}

.aloharnd-85 {
  border: 85px;
}

.aloharnd-circle-85 {
  border-radius: 85px;
}

.aloharnd-tp-85 {
  border-top-left-radius: 85px;
  border-top-right-radius: 85px;
}

.aloharnd-btm-85 {
  border-bottom-left-radius: 85px;
  border-bottom-right-radius: 85px;
}

.aloharnd-86 {
  border: 86px;
}

.aloharnd-circle-86 {
  border-radius: 86px;
}

.aloharnd-tp-86 {
  border-top-left-radius: 86px;
  border-top-right-radius: 86px;
}

.aloharnd-btm-86 {
  border-bottom-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

.aloharnd-87 {
  border: 87px;
}

.aloharnd-circle-87 {
  border-radius: 87px;
}

.aloharnd-tp-87 {
  border-top-left-radius: 87px;
  border-top-right-radius: 87px;
}

.aloharnd-btm-87 {
  border-bottom-left-radius: 87px;
  border-bottom-right-radius: 87px;
}

.aloharnd-88 {
  border: 88px;
}

.aloharnd-circle-88 {
  border-radius: 88px;
}

.aloharnd-tp-88 {
  border-top-left-radius: 88px;
  border-top-right-radius: 88px;
}

.aloharnd-btm-88 {
  border-bottom-left-radius: 88px;
  border-bottom-right-radius: 88px;
}

.aloharnd-89 {
  border: 89px;
}

.aloharnd-circle-89 {
  border-radius: 89px;
}

.aloharnd-tp-89 {
  border-top-left-radius: 89px;
  border-top-right-radius: 89px;
}

.aloharnd-btm-89 {
  border-bottom-left-radius: 89px;
  border-bottom-right-radius: 89px;
}

.aloharnd-90 {
  border: 90px;
}

.aloharnd-circle-90 {
  border-radius: 90px;
}

.aloharnd-tp-90 {
  border-top-left-radius: 90px;
  border-top-right-radius: 90px;
}

.aloharnd-btm-90 {
  border-bottom-left-radius: 90px;
  border-bottom-right-radius: 90px;
}

.aloharnd-91 {
  border: 91px;
}

.aloharnd-circle-91 {
  border-radius: 91px;
}

.aloharnd-tp-91 {
  border-top-left-radius: 91px;
  border-top-right-radius: 91px;
}

.aloharnd-btm-91 {
  border-bottom-left-radius: 91px;
  border-bottom-right-radius: 91px;
}

.aloharnd-92 {
  border: 92px;
}

.aloharnd-circle-92 {
  border-radius: 92px;
}

.aloharnd-tp-92 {
  border-top-left-radius: 92px;
  border-top-right-radius: 92px;
}

.aloharnd-btm-92 {
  border-bottom-left-radius: 92px;
  border-bottom-right-radius: 92px;
}

.aloharnd-93 {
  border: 93px;
}

.aloharnd-circle-93 {
  border-radius: 93px;
}

.aloharnd-tp-93 {
  border-top-left-radius: 93px;
  border-top-right-radius: 93px;
}

.aloharnd-btm-93 {
  border-bottom-left-radius: 93px;
  border-bottom-right-radius: 93px;
}

.aloharnd-94 {
  border: 94px;
}

.aloharnd-circle-94 {
  border-radius: 94px;
}

.aloharnd-tp-94 {
  border-top-left-radius: 94px;
  border-top-right-radius: 94px;
}

.aloharnd-btm-94 {
  border-bottom-left-radius: 94px;
  border-bottom-right-radius: 94px;
}

.aloharnd-95 {
  border: 95px;
}

.aloharnd-circle-95 {
  border-radius: 95px;
}

.aloharnd-tp-95 {
  border-top-left-radius: 95px;
  border-top-right-radius: 95px;
}

.aloharnd-btm-95 {
  border-bottom-left-radius: 95px;
  border-bottom-right-radius: 95px;
}

.aloharnd-96 {
  border: 96px;
}

.aloharnd-circle-96 {
  border-radius: 96px;
}

.aloharnd-tp-96 {
  border-top-left-radius: 96px;
  border-top-right-radius: 96px;
}

.aloharnd-btm-96 {
  border-bottom-left-radius: 96px;
  border-bottom-right-radius: 96px;
}

.aloharnd-97 {
  border: 97px;
}

.aloharnd-circle-97 {
  border-radius: 97px;
}

.aloharnd-tp-97 {
  border-top-left-radius: 97px;
  border-top-right-radius: 97px;
}

.aloharnd-btm-97 {
  border-bottom-left-radius: 97px;
  border-bottom-right-radius: 97px;
}

.aloharnd-98 {
  border: 98px;
}

.aloharnd-circle-98 {
  border-radius: 98px;
}

.aloharnd-tp-98 {
  border-top-left-radius: 98px;
  border-top-right-radius: 98px;
}

.aloharnd-btm-98 {
  border-bottom-left-radius: 98px;
  border-bottom-right-radius: 98px;
}

.aloharnd-99 {
  border: 99px;
}

.aloharnd-circle-99 {
  border-radius: 99px;
}

.aloharnd-tp-99 {
  border-top-left-radius: 99px;
  border-top-right-radius: 99px;
}

.aloharnd-btm-99 {
  border-bottom-left-radius: 99px;
  border-bottom-right-radius: 99px;
}

.aloharnd-100 {
  border: 100px;
}

.aloharnd-circle-100 {
  border-radius: 100px;
}

.aloharnd-tp-100 {
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
}

.aloharnd-btm-100 {
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
}

/*------------------------
           Aloha Margin Styles
          ------------------------------*/
.alohaMrgn-0 {
  margin: 0px !important;
}

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

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

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

.alohaMrgn-rgt-0 {
  margin-right: 0px !important;
}

.alohaMrgn-1 {
  margin: 1px !important;
}

.alohaMrgn-tp-1 {
  margin-top: 1px !important;
}

.alohaMrgn-btm-1 {
  margin-bottom: 1px !important;
}

.alohaMrgn-lft-1 {
  margin-left: 1px !important;
}

.alohaMrgn-rgt-1 {
  margin-right: 1px !important;
}

.alohaMrgn-2 {
  margin: 2px !important;
}

.alohaMrgn-tp-2 {
  margin-top: 2px !important;
}

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

.alohaMrgn-lft-2 {
  margin-left: 2px !important;
}

.alohaMrgn-rgt-2 {
  margin-right: 2px !important;
}

.alohaMrgn-3 {
  margin: 3px !important;
}

.alohaMrgn-tp-3 {
  margin-top: 3px !important;
}

.alohaMrgn-btm-3 {
  margin-bottom: 3px !important;
}

.alohaMrgn-lft-3 {
  margin-left: 3px !important;
}

.alohaMrgn-rgt-3 {
  margin-right: 3px !important;
}

.alohaMrgn-4 {
  margin: 4px !important;
}

.alohaMrgn-tp-4 {
  margin-top: 4px !important;
}

.alohaMrgn-btm-4 {
  margin-bottom: 4px !important;
}

.alohaMrgn-lft-4 {
  margin-left: 4px !important;
}

.alohaMrgn-rgt-4 {
  margin-right: 4px !important;
}

.alohaMrgn-5 {
  margin: 5px !important;
}

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

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

.alohaMrgn-lft-5 {
  margin-left: 5px !important;
}

.alohaMrgn-rgt-5 {
  margin-right: 5px !important;
}

.alohaMrgn-6 {
  margin: 6px !important;
}

.alohaMrgn-tp-6 {
  margin-top: 6px !important;
}

.alohaMrgn-btm-6 {
  margin-bottom: 6px !important;
}

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

.alohaMrgn-rgt-6 {
  margin-right: 6px !important;
}

.alohaMrgn-7 {
  margin: 7px !important;
}

.alohaMrgn-tp-7 {
  margin-top: 7px !important;
}

.alohaMrgn-btm-7 {
  margin-bottom: 7px !important;
}

.alohaMrgn-lft-7 {
  margin-left: 7px !important;
}

.alohaMrgn-rgt-7 {
  margin-right: 7px !important;
}

.alohaMrgn-8 {
  margin: 8px !important;
}

.alohaMrgn-tp-8 {
  margin-top: 8px !important;
}

.alohaMrgn-btm-8 {
  margin-bottom: 8px !important;
}

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

.alohaMrgn-rgt-8 {
  margin-right: 8px !important;
}

.alohaMrgn-9 {
  margin: 9px !important;
}

.alohaMrgn-tp-9 {
  margin-top: 9px !important;
}

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

.alohaMrgn-lft-9 {
  margin-left: 9px !important;
}

.alohaMrgn-rgt-9 {
  margin-right: 9px !important;
}

.alohaMrgn-10 {
  margin: 10px !important;
}

.alohaMrgn-tp-10 {
  margin-top: 10px !important;
}

.alohaMrgn-btm-10 {
  margin-bottom: 10px !important;
}

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

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

.alohaMrgn-11 {
  margin: 11px !important;
}

.alohaMrgn-tp-11 {
  margin-top: 11px !important;
}

.alohaMrgn-btm-11 {
  margin-bottom: 11px !important;
}

.alohaMrgn-lft-11 {
  margin-left: 11px !important;
}

.alohaMrgn-rgt-11 {
  margin-right: 11px !important;
}

.alohaMrgn-12 {
  margin: 12px !important;
}

.alohaMrgn-tp-12 {
  margin-top: 12px !important;
}

.alohaMrgn-btm-12 {
  margin-bottom: 12px !important;
}

.alohaMrgn-lft-12 {
  margin-left: 12px !important;
}

.alohaMrgn-rgt-12 {
  margin-right: 12px !important;
}

.alohaMrgn-13 {
  margin: 13px !important;
}

.alohaMrgn-tp-13 {
  margin-top: 13px !important;
}

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

.alohaMrgn-lft-13 {
  margin-left: 13px !important;
}

.alohaMrgn-rgt-13 {
  margin-right: 13px !important;
}

.alohaMrgn-14 {
  margin: 14px !important;
}

.alohaMrgn-tp-14 {
  margin-top: 14px !important;
}

.alohaMrgn-btm-14 {
  margin-bottom: 14px !important;
}

.alohaMrgn-lft-14 {
  margin-left: 14px !important;
}

.alohaMrgn-rgt-14 {
  margin-right: 14px !important;
}

.alohaMrgn-15 {
  margin: 15px !important;
}

.alohaMrgn-tp-15 {
  margin-top: 15px !important;
}

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

.alohaMrgn-lft-15 {
  margin-left: 15px !important;
}

.alohaMrgn-rgt-15 {
  margin-right: 15px !important;
}

.alohaMrgn-16 {
  margin: 16px !important;
}

.alohaMrgn-tp-16 {
  margin-top: 16px !important;
}

.alohaMrgn-btm-16 {
  margin-bottom: 16px !important;
}

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

.alohaMrgn-rgt-16 {
  margin-right: 16px !important;
}

.alohaMrgn-17 {
  margin: 17px !important;
}

.alohaMrgn-tp-17 {
  margin-top: 17px !important;
}

.alohaMrgn-btm-17 {
  margin-bottom: 17px !important;
}

.alohaMrgn-lft-17 {
  margin-left: 17px !important;
}

.alohaMrgn-rgt-17 {
  margin-right: 17px !important;
}

.alohaMrgn-18 {
  margin: 18px !important;
}

.alohaMrgn-tp-18 {
  margin-top: 18px !important;
}

.alohaMrgn-btm-18 {
  margin-bottom: 18px !important;
}

.alohaMrgn-lft-18 {
  margin-left: 18px !important;
}

.alohaMrgn-rgt-18 {
  margin-right: 18px !important;
}

.alohaMrgn-19 {
  margin: 19px !important;
}

.alohaMrgn-tp-19 {
  margin-top: 19px !important;
}

.alohaMrgn-btm-19 {
  margin-bottom: 19px !important;
}

.alohaMrgn-lft-19 {
  margin-left: 19px !important;
}

.alohaMrgn-rgt-19 {
  margin-right: 19px !important;
}

.alohaMrgn-20 {
  margin: 20px !important;
}

.alohaMrgn-tp-20 {
  margin-top: 20px !important;
}

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

.alohaMrgn-lft-20 {
  margin-left: 20px !important;
}

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

.alohaMrgn-21 {
  margin: 21px !important;
}

.alohaMrgn-tp-21 {
  margin-top: 21px !important;
}

.alohaMrgn-btm-21 {
  margin-bottom: 21px !important;
}

.alohaMrgn-lft-21 {
  margin-left: 21px !important;
}

.alohaMrgn-rgt-21 {
  margin-right: 21px !important;
}

.alohaMrgn-22 {
  margin: 22px !important;
}

.alohaMrgn-tp-22 {
  margin-top: 22px !important;
}

.alohaMrgn-btm-22 {
  margin-bottom: 22px !important;
}

.alohaMrgn-lft-22 {
  margin-left: 22px !important;
}

.alohaMrgn-rgt-22 {
  margin-right: 22px !important;
}

.alohaMrgn-23 {
  margin: 23px !important;
}

.alohaMrgn-tp-23 {
  margin-top: 23px !important;
}

.alohaMrgn-btm-23 {
  margin-bottom: 23px !important;
}

.alohaMrgn-lft-23 {
  margin-left: 23px !important;
}

.alohaMrgn-rgt-23 {
  margin-right: 23px !important;
}

.alohaMrgn-24 {
  margin: 24px !important;
}

.alohaMrgn-tp-24 {
  margin-top: 24px !important;
}

.alohaMrgn-btm-24 {
  margin-bottom: 24px !important;
}

.alohaMrgn-lft-24 {
  margin-left: 24px !important;
}

.alohaMrgn-rgt-24 {
  margin-right: 24px !important;
}

.alohaMrgn-25 {
  margin: 25px !important;
}

.alohaMrgn-tp-25 {
  margin-top: 25px !important;
}

.alohaMrgn-btm-25 {
  margin-bottom: 25px !important;
}

.alohaMrgn-lft-25 {
  margin-left: 25px !important;
}

.alohaMrgn-rgt-25 {
  margin-right: 25px !important;
}

.alohaMrgn-26 {
  margin: 26px !important;
}

.alohaMrgn-tp-26 {
  margin-top: 26px !important;
}

.alohaMrgn-btm-26 {
  margin-bottom: 26px !important;
}

.alohaMrgn-lft-26 {
  margin-left: 26px !important;
}

.alohaMrgn-rgt-26 {
  margin-right: 26px !important;
}

.alohaMrgn-27 {
  margin: 27px !important;
}

.alohaMrgn-tp-27 {
  margin-top: 27px !important;
}

.alohaMrgn-btm-27 {
  margin-bottom: 27px !important;
}

.alohaMrgn-lft-27 {
  margin-left: 27px !important;
}

.alohaMrgn-rgt-27 {
  margin-right: 27px !important;
}

.alohaMrgn-28 {
  margin: 28px !important;
}

.alohaMrgn-tp-28 {
  margin-top: 28px !important;
}

.alohaMrgn-btm-28 {
  margin-bottom: 28px !important;
}

.alohaMrgn-lft-28 {
  margin-left: 28px !important;
}

.alohaMrgn-rgt-28 {
  margin-right: 28px !important;
}

.alohaMrgn-29 {
  margin: 29px !important;
}

.alohaMrgn-tp-29 {
  margin-top: 29px !important;
}

.alohaMrgn-btm-29 {
  margin-bottom: 29px !important;
}

.alohaMrgn-lft-29 {
  margin-left: 29px !important;
}

.alohaMrgn-rgt-29 {
  margin-right: 29px !important;
}

.alohaMrgn-30 {
  margin: 30px !important;
}

.alohaMrgn-tp-30 {
  margin-top: 30px !important;
}

.alohaMrgn-btm-30 {
  margin-bottom: 30px !important;
}

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

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

.alohaMrgn-31 {
  margin: 31px !important;
}

.alohaMrgn-tp-31 {
  margin-top: 31px !important;
}

.alohaMrgn-btm-31 {
  margin-bottom: 31px !important;
}

.alohaMrgn-lft-31 {
  margin-left: 31px !important;
}

.alohaMrgn-rgt-31 {
  margin-right: 31px !important;
}

.alohaMrgn-32 {
  margin: 32px !important;
}

.alohaMrgn-tp-32 {
  margin-top: 32px !important;
}

.alohaMrgn-btm-32 {
  margin-bottom: 32px !important;
}

.alohaMrgn-lft-32 {
  margin-left: 32px !important;
}

.alohaMrgn-rgt-32 {
  margin-right: 32px !important;
}

.alohaMrgn-33 {
  margin: 33px !important;
}

.alohaMrgn-tp-33 {
  margin-top: 33px !important;
}

.alohaMrgn-btm-33 {
  margin-bottom: 33px !important;
}

.alohaMrgn-lft-33 {
  margin-left: 33px !important;
}

.alohaMrgn-rgt-33 {
  margin-right: 33px !important;
}

.alohaMrgn-34 {
  margin: 34px !important;
}

.alohaMrgn-tp-34 {
  margin-top: 34px !important;
}

.alohaMrgn-btm-34 {
  margin-bottom: 34px !important;
}

.alohaMrgn-lft-34 {
  margin-left: 34px !important;
}

.alohaMrgn-rgt-34 {
  margin-right: 34px !important;
}

.alohaMrgn-35 {
  margin: 35px !important;
}

.alohaMrgn-tp-35 {
  margin-top: 35px !important;
}

.alohaMrgn-btm-35 {
  margin-bottom: 35px !important;
}

.alohaMrgn-lft-35 {
  margin-left: 35px !important;
}

.alohaMrgn-rgt-35 {
  margin-right: 35px !important;
}

.alohaMrgn-36 {
  margin: 36px !important;
}

.alohaMrgn-tp-36 {
  margin-top: 36px !important;
}

.alohaMrgn-btm-36 {
  margin-bottom: 36px !important;
}

.alohaMrgn-lft-36 {
  margin-left: 36px !important;
}

.alohaMrgn-rgt-36 {
  margin-right: 36px !important;
}

.alohaMrgn-37 {
  margin: 37px !important;
}

.alohaMrgn-tp-37 {
  margin-top: 37px !important;
}

.alohaMrgn-btm-37 {
  margin-bottom: 37px !important;
}

.alohaMrgn-lft-37 {
  margin-left: 37px !important;
}

.alohaMrgn-rgt-37 {
  margin-right: 37px !important;
}

.alohaMrgn-38 {
  margin: 38px !important;
}

.alohaMrgn-tp-38 {
  margin-top: 38px !important;
}

.alohaMrgn-btm-38 {
  margin-bottom: 38px !important;
}

.alohaMrgn-lft-38 {
  margin-left: 38px !important;
}

.alohaMrgn-rgt-38 {
  margin-right: 38px !important;
}

.alohaMrgn-39 {
  margin: 39px !important;
}

.alohaMrgn-tp-39 {
  margin-top: 39px !important;
}

.alohaMrgn-btm-39 {
  margin-bottom: 39px !important;
}

.alohaMrgn-lft-39 {
  margin-left: 39px !important;
}

.alohaMrgn-rgt-39 {
  margin-right: 39px !important;
}

.alohaMrgn-40 {
  margin: 40px !important;
}

.alohaMrgn-tp-40 {
  margin-top: 40px !important;
}

.alohaMrgn-btm-40 {
  margin-bottom: 40px !important;
}

.alohaMrgn-lft-40 {
  margin-left: 40px !important;
}

.alohaMrgn-rgt-40 {
  margin-right: 40px !important;
}

.alohaMrgn-41 {
  margin: 41px !important;
}

.alohaMrgn-tp-41 {
  margin-top: 41px !important;
}

.alohaMrgn-btm-41 {
  margin-bottom: 41px !important;
}

.alohaMrgn-lft-41 {
  margin-left: 41px !important;
}

.alohaMrgn-rgt-41 {
  margin-right: 41px !important;
}

.alohaMrgn-42 {
  margin: 42px !important;
}

.alohaMrgn-tp-42 {
  margin-top: 42px !important;
}

.alohaMrgn-btm-42 {
  margin-bottom: 42px !important;
}

.alohaMrgn-lft-42 {
  margin-left: 42px !important;
}

.alohaMrgn-rgt-42 {
  margin-right: 42px !important;
}

.alohaMrgn-43 {
  margin: 43px !important;
}

.alohaMrgn-tp-43 {
  margin-top: 43px !important;
}

.alohaMrgn-btm-43 {
  margin-bottom: 43px !important;
}

.alohaMrgn-lft-43 {
  margin-left: 43px !important;
}

.alohaMrgn-rgt-43 {
  margin-right: 43px !important;
}

.alohaMrgn-44 {
  margin: 44px !important;
}

.alohaMrgn-tp-44 {
  margin-top: 44px !important;
}

.alohaMrgn-btm-44 {
  margin-bottom: 44px !important;
}

.alohaMrgn-lft-44 {
  margin-left: 44px !important;
}

.alohaMrgn-rgt-44 {
  margin-right: 44px !important;
}

.alohaMrgn-45 {
  margin: 45px !important;
}

.alohaMrgn-tp-45 {
  margin-top: 45px !important;
}

.alohaMrgn-btm-45 {
  margin-bottom: 45px !important;
}

.alohaMrgn-lft-45 {
  margin-left: 45px !important;
}

.alohaMrgn-rgt-45 {
  margin-right: 45px !important;
}

.alohaMrgn-46 {
  margin: 46px !important;
}

.alohaMrgn-tp-46 {
  margin-top: 46px !important;
}

.alohaMrgn-btm-46 {
  margin-bottom: 46px !important;
}

.alohaMrgn-lft-46 {
  margin-left: 46px !important;
}

.alohaMrgn-rgt-46 {
  margin-right: 46px !important;
}

.alohaMrgn-47 {
  margin: 47px !important;
}

.alohaMrgn-tp-47 {
  margin-top: 47px !important;
}

.alohaMrgn-btm-47 {
  margin-bottom: 47px !important;
}

.alohaMrgn-lft-47 {
  margin-left: 47px !important;
}

.alohaMrgn-rgt-47 {
  margin-right: 47px !important;
}

.alohaMrgn-48 {
  margin: 48px !important;
}

.alohaMrgn-tp-48 {
  margin-top: 48px !important;
}

.alohaMrgn-btm-48 {
  margin-bottom: 48px !important;
}

.alohaMrgn-lft-48 {
  margin-left: 48px !important;
}

.alohaMrgn-rgt-48 {
  margin-right: 48px !important;
}

.alohaMrgn-49 {
  margin: 49px !important;
}

.alohaMrgn-tp-49 {
  margin-top: 49px !important;
}

.alohaMrgn-btm-49 {
  margin-bottom: 49px !important;
}

.alohaMrgn-lft-49 {
  margin-left: 49px !important;
}

.alohaMrgn-rgt-49 {
  margin-right: 49px !important;
}

.alohaMrgn-50 {
  margin: 50px !important;
}

.alohaMrgn-tp-50 {
  margin-top: 50px !important;
}

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

.alohaMrgn-lft-50 {
  margin-left: 50px !important;
}

.alohaMrgn-rgt-50 {
  margin-right: 50px !important;
}

.alohaMrgn-51 {
  margin: 51px !important;
}

.alohaMrgn-tp-51 {
  margin-top: 51px !important;
}

.alohaMrgn-btm-51 {
  margin-bottom: 51px !important;
}

.alohaMrgn-lft-51 {
  margin-left: 51px !important;
}

.alohaMrgn-rgt-51 {
  margin-right: 51px !important;
}

.alohaMrgn-52 {
  margin: 52px !important;
}

.alohaMrgn-tp-52 {
  margin-top: 52px !important;
}

.alohaMrgn-btm-52 {
  margin-bottom: 52px !important;
}

.alohaMrgn-lft-52 {
  margin-left: 52px !important;
}

.alohaMrgn-rgt-52 {
  margin-right: 52px !important;
}

.alohaMrgn-53 {
  margin: 53px !important;
}

.alohaMrgn-tp-53 {
  margin-top: 53px !important;
}

.alohaMrgn-btm-53 {
  margin-bottom: 53px !important;
}

.alohaMrgn-lft-53 {
  margin-left: 53px !important;
}

.alohaMrgn-rgt-53 {
  margin-right: 53px !important;
}

.alohaMrgn-54 {
  margin: 54px !important;
}

.alohaMrgn-tp-54 {
  margin-top: 54px !important;
}

.alohaMrgn-btm-54 {
  margin-bottom: 54px !important;
}

.alohaMrgn-lft-54 {
  margin-left: 54px !important;
}

.alohaMrgn-rgt-54 {
  margin-right: 54px !important;
}

.alohaMrgn-55 {
  margin: 55px !important;
}

.alohaMrgn-tp-55 {
  margin-top: 55px !important;
}

.alohaMrgn-btm-55 {
  margin-bottom: 55px !important;
}

.alohaMrgn-lft-55 {
  margin-left: 55px !important;
}

.alohaMrgn-rgt-55 {
  margin-right: 55px !important;
}

.alohaMrgn-56 {
  margin: 56px !important;
}

.alohaMrgn-tp-56 {
  margin-top: 56px !important;
}

.alohaMrgn-btm-56 {
  margin-bottom: 56px !important;
}

.alohaMrgn-lft-56 {
  margin-left: 56px !important;
}

.alohaMrgn-rgt-56 {
  margin-right: 56px !important;
}

.alohaMrgn-57 {
  margin: 57px !important;
}

.alohaMrgn-tp-57 {
  margin-top: 57px !important;
}

.alohaMrgn-btm-57 {
  margin-bottom: 57px !important;
}

.alohaMrgn-lft-57 {
  margin-left: 57px !important;
}

.alohaMrgn-rgt-57 {
  margin-right: 57px !important;
}

.alohaMrgn-58 {
  margin: 58px !important;
}

.alohaMrgn-tp-58 {
  margin-top: 58px !important;
}

.alohaMrgn-btm-58 {
  margin-bottom: 58px !important;
}

.alohaMrgn-lft-58 {
  margin-left: 58px !important;
}

.alohaMrgn-rgt-58 {
  margin-right: 58px !important;
}

.alohaMrgn-59 {
  margin: 59px !important;
}

.alohaMrgn-tp-59 {
  margin-top: 59px !important;
}

.alohaMrgn-btm-59 {
  margin-bottom: 59px !important;
}

.alohaMrgn-lft-59 {
  margin-left: 59px !important;
}

.alohaMrgn-rgt-59 {
  margin-right: 59px !important;
}

.alohaMrgn-60 {
  margin: 60px !important;
}

.alohaMrgn-tp-60 {
  margin-top: 60px !important;
}

.alohaMrgn-btm-60 {
  margin-bottom: 60px !important;
}

.alohaMrgn-lft-60 {
  margin-left: 60px !important;
}

.alohaMrgn-rgt-60 {
  margin-right: 60px !important;
}

.alohaMrgn-61 {
  margin: 61px !important;
}

.alohaMrgn-tp-61 {
  margin-top: 61px !important;
}

.alohaMrgn-btm-61 {
  margin-bottom: 61px !important;
}

.alohaMrgn-lft-61 {
  margin-left: 61px !important;
}

.alohaMrgn-rgt-61 {
  margin-right: 61px !important;
}

.alohaMrgn-62 {
  margin: 62px !important;
}

.alohaMrgn-tp-62 {
  margin-top: 62px !important;
}

.alohaMrgn-btm-62 {
  margin-bottom: 62px !important;
}

.alohaMrgn-lft-62 {
  margin-left: 62px !important;
}

.alohaMrgn-rgt-62 {
  margin-right: 62px !important;
}

.alohaMrgn-63 {
  margin: 63px !important;
}

.alohaMrgn-tp-63 {
  margin-top: 63px !important;
}

.alohaMrgn-btm-63 {
  margin-bottom: 63px !important;
}

.alohaMrgn-lft-63 {
  margin-left: 63px !important;
}

.alohaMrgn-rgt-63 {
  margin-right: 63px !important;
}

.alohaMrgn-64 {
  margin: 64px !important;
}

.alohaMrgn-tp-64 {
  margin-top: 64px !important;
}

.alohaMrgn-btm-64 {
  margin-bottom: 64px !important;
}

.alohaMrgn-lft-64 {
  margin-left: 64px !important;
}

.alohaMrgn-rgt-64 {
  margin-right: 64px !important;
}

.alohaMrgn-65 {
  margin: 65px !important;
}

.alohaMrgn-tp-65 {
  margin-top: 65px !important;
}

.alohaMrgn-btm-65 {
  margin-bottom: 65px !important;
}

.alohaMrgn-lft-65 {
  margin-left: 65px !important;
}

.alohaMrgn-rgt-65 {
  margin-right: 65px !important;
}

.alohaMrgn-66 {
  margin: 66px !important;
}

.alohaMrgn-tp-66 {
  margin-top: 66px !important;
}

.alohaMrgn-btm-66 {
  margin-bottom: 66px !important;
}

.alohaMrgn-lft-66 {
  margin-left: 66px !important;
}

.alohaMrgn-rgt-66 {
  margin-right: 66px !important;
}

.alohaMrgn-67 {
  margin: 67px !important;
}

.alohaMrgn-tp-67 {
  margin-top: 67px !important;
}

.alohaMrgn-btm-67 {
  margin-bottom: 67px !important;
}

.alohaMrgn-lft-67 {
  margin-left: 67px !important;
}

.alohaMrgn-rgt-67 {
  margin-right: 67px !important;
}

.alohaMrgn-68 {
  margin: 68px !important;
}

.alohaMrgn-tp-68 {
  margin-top: 68px !important;
}

.alohaMrgn-btm-68 {
  margin-bottom: 68px !important;
}

.alohaMrgn-lft-68 {
  margin-left: 68px !important;
}

.alohaMrgn-rgt-68 {
  margin-right: 68px !important;
}

.alohaMrgn-69 {
  margin: 69px !important;
}

.alohaMrgn-tp-69 {
  margin-top: 69px !important;
}

.alohaMrgn-btm-69 {
  margin-bottom: 69px !important;
}

.alohaMrgn-lft-69 {
  margin-left: 69px !important;
}

.alohaMrgn-rgt-69 {
  margin-right: 69px !important;
}

.alohaMrgn-70 {
  margin: 70px !important;
}

.alohaMrgn-tp-70 {
  margin-top: 70px !important;
}

.alohaMrgn-btm-70 {
  margin-bottom: 70px !important;
}

.alohaMrgn-lft-70 {
  margin-left: 70px !important;
}

.alohaMrgn-rgt-70 {
  margin-right: 70px !important;
}

.alohaMrgn-71 {
  margin: 71px !important;
}

.alohaMrgn-tp-71 {
  margin-top: 71px !important;
}

.alohaMrgn-btm-71 {
  margin-bottom: 71px !important;
}

.alohaMrgn-lft-71 {
  margin-left: 71px !important;
}

.alohaMrgn-rgt-71 {
  margin-right: 71px !important;
}

.alohaMrgn-72 {
  margin: 72px !important;
}

.alohaMrgn-tp-72 {
  margin-top: 72px !important;
}

.alohaMrgn-btm-72 {
  margin-bottom: 72px !important;
}

.alohaMrgn-lft-72 {
  margin-left: 72px !important;
}

.alohaMrgn-rgt-72 {
  margin-right: 72px !important;
}

.alohaMrgn-73 {
  margin: 73px !important;
}

.alohaMrgn-tp-73 {
  margin-top: 73px !important;
}

.alohaMrgn-btm-73 {
  margin-bottom: 73px !important;
}

.alohaMrgn-lft-73 {
  margin-left: 73px !important;
}

.alohaMrgn-rgt-73 {
  margin-right: 73px !important;
}

.alohaMrgn-74 {
  margin: 74px !important;
}

.alohaMrgn-tp-74 {
  margin-top: 74px !important;
}

.alohaMrgn-btm-74 {
  margin-bottom: 74px !important;
}

.alohaMrgn-lft-74 {
  margin-left: 74px !important;
}

.alohaMrgn-rgt-74 {
  margin-right: 74px !important;
}

.alohaMrgn-75 {
  margin: 75px !important;
}

.alohaMrgn-tp-75 {
  margin-top: 75px !important;
}

.alohaMrgn-btm-75 {
  margin-bottom: 75px !important;
}

.alohaMrgn-lft-75 {
  margin-left: 75px !important;
}

.alohaMrgn-rgt-75 {
  margin-right: 75px !important;
}

.alohaMrgn-76 {
  margin: 76px !important;
}

.alohaMrgn-tp-76 {
  margin-top: 76px !important;
}

.alohaMrgn-btm-76 {
  margin-bottom: 76px !important;
}

.alohaMrgn-lft-76 {
  margin-left: 76px !important;
}

.alohaMrgn-rgt-76 {
  margin-right: 76px !important;
}

.alohaMrgn-77 {
  margin: 77px !important;
}

.alohaMrgn-tp-77 {
  margin-top: 77px !important;
}

.alohaMrgn-btm-77 {
  margin-bottom: 77px !important;
}

.alohaMrgn-lft-77 {
  margin-left: 77px !important;
}

.alohaMrgn-rgt-77 {
  margin-right: 77px !important;
}

.alohaMrgn-78 {
  margin: 78px !important;
}

.alohaMrgn-tp-78 {
  margin-top: 78px !important;
}

.alohaMrgn-btm-78 {
  margin-bottom: 78px !important;
}

.alohaMrgn-lft-78 {
  margin-left: 78px !important;
}

.alohaMrgn-rgt-78 {
  margin-right: 78px !important;
}

.alohaMrgn-79 {
  margin: 79px !important;
}

.alohaMrgn-tp-79 {
  margin-top: 79px !important;
}

.alohaMrgn-btm-79 {
  margin-bottom: 79px !important;
}

.alohaMrgn-lft-79 {
  margin-left: 79px !important;
}

.alohaMrgn-rgt-79 {
  margin-right: 79px !important;
}

.alohaMrgn-80 {
  margin: 80px !important;
}

.alohaMrgn-tp-80 {
  margin-top: 80px !important;
}

.alohaMrgn-btm-80 {
  margin-bottom: 80px !important;
}

.alohaMrgn-lft-80 {
  margin-left: 80px !important;
}

.alohaMrgn-rgt-80 {
  margin-right: 80px !important;
}

.alohaMrgn-81 {
  margin: 81px !important;
}

.alohaMrgn-tp-81 {
  margin-top: 81px !important;
}

.alohaMrgn-btm-81 {
  margin-bottom: 81px !important;
}

.alohaMrgn-lft-81 {
  margin-left: 81px !important;
}

.alohaMrgn-rgt-81 {
  margin-right: 81px !important;
}

.alohaMrgn-82 {
  margin: 82px !important;
}

.alohaMrgn-tp-82 {
  margin-top: 82px !important;
}

.alohaMrgn-btm-82 {
  margin-bottom: 82px !important;
}

.alohaMrgn-lft-82 {
  margin-left: 82px !important;
}

.alohaMrgn-rgt-82 {
  margin-right: 82px !important;
}

.alohaMrgn-83 {
  margin: 83px !important;
}

.alohaMrgn-tp-83 {
  margin-top: 83px !important;
}

.alohaMrgn-btm-83 {
  margin-bottom: 83px !important;
}

.alohaMrgn-lft-83 {
  margin-left: 83px !important;
}

.alohaMrgn-rgt-83 {
  margin-right: 83px !important;
}

.alohaMrgn-84 {
  margin: 84px !important;
}

.alohaMrgn-tp-84 {
  margin-top: 84px !important;
}

.alohaMrgn-btm-84 {
  margin-bottom: 84px !important;
}

.alohaMrgn-lft-84 {
  margin-left: 84px !important;
}

.alohaMrgn-rgt-84 {
  margin-right: 84px !important;
}

.alohaMrgn-85 {
  margin: 85px !important;
}

.alohaMrgn-tp-85 {
  margin-top: 85px !important;
}

.alohaMrgn-btm-85 {
  margin-bottom: 85px !important;
}

.alohaMrgn-lft-85 {
  margin-left: 85px !important;
}

.alohaMrgn-rgt-85 {
  margin-right: 85px !important;
}

.alohaMrgn-86 {
  margin: 86px !important;
}

.alohaMrgn-tp-86 {
  margin-top: 86px !important;
}

.alohaMrgn-btm-86 {
  margin-bottom: 86px !important;
}

.alohaMrgn-lft-86 {
  margin-left: 86px !important;
}

.alohaMrgn-rgt-86 {
  margin-right: 86px !important;
}

.alohaMrgn-87 {
  margin: 87px !important;
}

.alohaMrgn-tp-87 {
  margin-top: 87px !important;
}

.alohaMrgn-btm-87 {
  margin-bottom: 87px !important;
}

.alohaMrgn-lft-87 {
  margin-left: 87px !important;
}

.alohaMrgn-rgt-87 {
  margin-right: 87px !important;
}

.alohaMrgn-88 {
  margin: 88px !important;
}

.alohaMrgn-tp-88 {
  margin-top: 88px !important;
}

.alohaMrgn-btm-88 {
  margin-bottom: 88px !important;
}

.alohaMrgn-lft-88 {
  margin-left: 88px !important;
}

.alohaMrgn-rgt-88 {
  margin-right: 88px !important;
}

.alohaMrgn-89 {
  margin: 89px !important;
}

.alohaMrgn-tp-89 {
  margin-top: 89px !important;
}

.alohaMrgn-btm-89 {
  margin-bottom: 89px !important;
}

.alohaMrgn-lft-89 {
  margin-left: 89px !important;
}

.alohaMrgn-rgt-89 {
  margin-right: 89px !important;
}

.alohaMrgn-90 {
  margin: 90px !important;
}

.alohaMrgn-tp-90 {
  margin-top: 90px !important;
}

.alohaMrgn-btm-90 {
  margin-bottom: 90px !important;
}

.alohaMrgn-lft-90 {
  margin-left: 90px !important;
}

.alohaMrgn-rgt-90 {
  margin-right: 90px !important;
}

.alohaMrgn-91 {
  margin: 91px !important;
}

.alohaMrgn-tp-91 {
  margin-top: 91px !important;
}

.alohaMrgn-btm-91 {
  margin-bottom: 91px !important;
}

.alohaMrgn-lft-91 {
  margin-left: 91px !important;
}

.alohaMrgn-rgt-91 {
  margin-right: 91px !important;
}

.alohaMrgn-92 {
  margin: 92px !important;
}

.alohaMrgn-tp-92 {
  margin-top: 92px !important;
}

.alohaMrgn-btm-92 {
  margin-bottom: 92px !important;
}

.alohaMrgn-lft-92 {
  margin-left: 92px !important;
}

.alohaMrgn-rgt-92 {
  margin-right: 92px !important;
}

.alohaMrgn-93 {
  margin: 93px !important;
}

.alohaMrgn-tp-93 {
  margin-top: 93px !important;
}

.alohaMrgn-btm-93 {
  margin-bottom: 93px !important;
}

.alohaMrgn-lft-93 {
  margin-left: 93px !important;
}

.alohaMrgn-rgt-93 {
  margin-right: 93px !important;
}

.alohaMrgn-94 {
  margin: 94px !important;
}

.alohaMrgn-tp-94 {
  margin-top: 94px !important;
}

.alohaMrgn-btm-94 {
  margin-bottom: 94px !important;
}

.alohaMrgn-lft-94 {
  margin-left: 94px !important;
}

.alohaMrgn-rgt-94 {
  margin-right: 94px !important;
}

.alohaMrgn-95 {
  margin: 95px !important;
}

.alohaMrgn-tp-95 {
  margin-top: 95px !important;
}

.alohaMrgn-btm-95 {
  margin-bottom: 95px !important;
}

.alohaMrgn-lft-95 {
  margin-left: 95px !important;
}

.alohaMrgn-rgt-95 {
  margin-right: 95px !important;
}

.alohaMrgn-96 {
  margin: 96px !important;
}

.alohaMrgn-tp-96 {
  margin-top: 96px !important;
}

.alohaMrgn-btm-96 {
  margin-bottom: 96px !important;
}

.alohaMrgn-lft-96 {
  margin-left: 96px !important;
}

.alohaMrgn-rgt-96 {
  margin-right: 96px !important;
}

.alohaMrgn-97 {
  margin: 97px !important;
}

.alohaMrgn-tp-97 {
  margin-top: 97px !important;
}

.alohaMrgn-btm-97 {
  margin-bottom: 97px !important;
}

.alohaMrgn-lft-97 {
  margin-left: 97px !important;
}

.alohaMrgn-rgt-97 {
  margin-right: 97px !important;
}

.alohaMrgn-98 {
  margin: 98px !important;
}

.alohaMrgn-tp-98 {
  margin-top: 98px !important;
}

.alohaMrgn-btm-98 {
  margin-bottom: 98px !important;
}

.alohaMrgn-lft-98 {
  margin-left: 98px !important;
}

.alohaMrgn-rgt-98 {
  margin-right: 98px !important;
}

.alohaMrgn-99 {
  margin: 99px !important;
}

.alohaMrgn-tp-99 {
  margin-top: 99px !important;
}

.alohaMrgn-btm-99 {
  margin-bottom: 99px !important;
}

.alohaMrgn-lft-99 {
  margin-left: 99px !important;
}

.alohaMrgn-rgt-99 {
  margin-right: 99px !important;
}

.alohaMrgn-100 {
  margin: 100px !important;
}

.alohaMrgn-tp-100 {
  margin-top: 100px !important;
}

.alohaMrgn-btm-100 {
  margin-bottom: 100px !important;
}

.alohaMrgn-lft-100 {
  margin-left: 100px !important;
}

.alohaMrgn-rgt-100 {
  margin-right: 100px !important;
}

.alohaMrgn-none {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

/*------------------------
           Aloha Padding Styles
          ------------------------------*/
.alohaPdng-0 {
  padding: 0px !important;
}

.alohaPdng-tp-0 {
  padding-top: 0px !important;
}

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

.alohaPdng-lft-0 {
  padding-left: 0px !important;
}

.alohaPdng-rgt-0 {
  padding-right: 0px !important;
}

.alohaPdng-1 {
  padding: 1px !important;
}

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

.alohaPdng-btm-1 {
  padding-bottom: 1px !important;
}

.alohaPdng-lft-1 {
  padding-left: 1px !important;
}

.alohaPdng-rgt-1 {
  padding-right: 1px !important;
}

.alohaPdng-2 {
  padding: 2px !important;
}

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

.alohaPdng-btm-2 {
  padding-bottom: 2px !important;
}

.alohaPdng-lft-2 {
  padding-left: 2px !important;
}

.alohaPdng-rgt-2 {
  padding-right: 2px !important;
}

.alohaPdng-3 {
  padding: 3px !important;
}

.alohaPdng-tp-3 {
  padding-top: 3px !important;
}

.alohaPdng-btm-3 {
  padding-bottom: 3px !important;
}

.alohaPdng-lft-3 {
  padding-left: 3px !important;
}

.alohaPdng-rgt-3 {
  padding-right: 3px !important;
}

.alohaPdng-4 {
  padding: 4px !important;
}

.alohaPdng-tp-4 {
  padding-top: 4px !important;
}

.alohaPdng-btm-4 {
  padding-bottom: 4px !important;
}

.alohaPdng-lft-4 {
  padding-left: 4px !important;
}

.alohaPdng-rgt-4 {
  padding-right: 4px !important;
}

.alohaPdng-5 {
  padding: 5px !important;
}

.alohaPdng-tp-5 {
  padding-top: 5px !important;
}

.alohaPdng-btm-5 {
  padding-bottom: 5px !important;
}

.alohaPdng-lft-5 {
  padding-left: 5px !important;
}

.alohaPdng-rgt-5 {
  padding-right: 5px !important;
}

.alohaPdng-6 {
  padding: 6px !important;
}

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

.alohaPdng-btm-6 {
  padding-bottom: 6px !important;
}

.alohaPdng-lft-6 {
  padding-left: 6px !important;
}

.alohaPdng-rgt-6 {
  padding-right: 6px !important;
}

.alohaPdng-7 {
  padding: 7px !important;
}

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

.alohaPdng-btm-7 {
  padding-bottom: 7px !important;
}

.alohaPdng-lft-7 {
  padding-left: 7px !important;
}

.alohaPdng-rgt-7 {
  padding-right: 7px !important;
}

.alohaPdng-8 {
  padding: 8px !important;
}

.alohaPdng-tp-8 {
  padding-top: 8px !important;
}

.alohaPdng-btm-8 {
  padding-bottom: 8px !important;
}

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

.alohaPdng-rgt-8 {
  padding-right: 8px !important;
}

.alohaPdng-9 {
  padding: 9px !important;
}

.alohaPdng-tp-9 {
  padding-top: 9px !important;
}

.alohaPdng-btm-9 {
  padding-bottom: 9px !important;
}

.alohaPdng-lft-9 {
  padding-left: 9px !important;
}

.alohaPdng-rgt-9 {
  padding-right: 9px !important;
}

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

.alohaPdng-tp-10 {
  padding-top: 10px !important;
}

.alohaPdng-btm-10 {
  padding-bottom: 10px !important;
}

.alohaPdng-lft-10 {
  padding-left: 10px !important;
}

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

.alohaPdng-11 {
  padding: 11px !important;
}

.alohaPdng-tp-11 {
  padding-top: 11px !important;
}

.alohaPdng-btm-11 {
  padding-bottom: 11px !important;
}

.alohaPdng-lft-11 {
  padding-left: 11px !important;
}

.alohaPdng-rgt-11 {
  padding-right: 11px !important;
}

.alohaPdng-12 {
  padding: 12px !important;
}

.alohaPdng-tp-12 {
  padding-top: 12px !important;
}

.alohaPdng-btm-12 {
  padding-bottom: 12px !important;
}

.alohaPdng-lft-12 {
  padding-left: 12px !important;
}

.alohaPdng-rgt-12 {
  padding-right: 12px !important;
}

.alohaPdng-13 {
  padding: 13px !important;
}

.alohaPdng-tp-13 {
  padding-top: 13px !important;
}

.alohaPdng-btm-13 {
  padding-bottom: 13px !important;
}

.alohaPdng-lft-13 {
  padding-left: 13px !important;
}

.alohaPdng-rgt-13 {
  padding-right: 13px !important;
}

.alohaPdng-14 {
  padding: 14px !important;
}

.alohaPdng-tp-14 {
  padding-top: 14px !important;
}

.alohaPdng-btm-14 {
  padding-bottom: 14px !important;
}

.alohaPdng-lft-14 {
  padding-left: 14px !important;
}

.alohaPdng-rgt-14 {
  padding-right: 14px !important;
}

.alohaPdng-15 {
  padding: 15px !important;
}

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

.alohaPdng-btm-15 {
  padding-bottom: 15px !important;
}

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

.alohaPdng-rgt-15 {
  padding-right: 15px !important;
}

.alohaPdng-16 {
  padding: 16px !important;
}

.alohaPdng-tp-16 {
  padding-top: 16px !important;
}

.alohaPdng-btm-16 {
  padding-bottom: 16px !important;
}

.alohaPdng-lft-16 {
  padding-left: 16px !important;
}

.alohaPdng-rgt-16 {
  padding-right: 16px !important;
}

.alohaPdng-17 {
  padding: 17px !important;
}

.alohaPdng-tp-17 {
  padding-top: 17px !important;
}

.alohaPdng-btm-17 {
  padding-bottom: 17px !important;
}

.alohaPdng-lft-17 {
  padding-left: 17px !important;
}

.alohaPdng-rgt-17 {
  padding-right: 17px !important;
}

.alohaPdng-18 {
  padding: 18px !important;
}

.alohaPdng-tp-18 {
  padding-top: 18px !important;
}

.alohaPdng-btm-18 {
  padding-bottom: 18px !important;
}

.alohaPdng-lft-18 {
  padding-left: 18px !important;
}

.alohaPdng-rgt-18 {
  padding-right: 18px !important;
}

.alohaPdng-19 {
  padding: 19px !important;
}

.alohaPdng-tp-19 {
  padding-top: 19px !important;
}

.alohaPdng-btm-19 {
  padding-bottom: 19px !important;
}

.alohaPdng-lft-19 {
  padding-left: 19px !important;
}

.alohaPdng-rgt-19 {
  padding-right: 19px !important;
}

.alohaPdng-20 {
  padding: 20px !important;
}

.alohaPdng-tp-20 {
  padding-top: 20px !important;
}

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

.alohaPdng-lft-20 {
  padding-left: 20px !important;
}

.alohaPdng-rgt-20 {
  padding-right: 20px !important;
}

.alohaPdng-21 {
  padding: 21px !important;
}

.alohaPdng-tp-21 {
  padding-top: 21px !important;
}

.alohaPdng-btm-21 {
  padding-bottom: 21px !important;
}

.alohaPdng-lft-21 {
  padding-left: 21px !important;
}

.alohaPdng-rgt-21 {
  padding-right: 21px !important;
}

.alohaPdng-22 {
  padding: 22px !important;
}

.alohaPdng-tp-22 {
  padding-top: 22px !important;
}

.alohaPdng-btm-22 {
  padding-bottom: 22px !important;
}

.alohaPdng-lft-22 {
  padding-left: 22px !important;
}

.alohaPdng-rgt-22 {
  padding-right: 22px !important;
}

.alohaPdng-23 {
  padding: 23px !important;
}

.alohaPdng-tp-23 {
  padding-top: 23px !important;
}

.alohaPdng-btm-23 {
  padding-bottom: 23px !important;
}

.alohaPdng-lft-23 {
  padding-left: 23px !important;
}

.alohaPdng-rgt-23 {
  padding-right: 23px !important;
}

.alohaPdng-24 {
  padding: 24px !important;
}

.alohaPdng-tp-24 {
  padding-top: 24px !important;
}

.alohaPdng-btm-24 {
  padding-bottom: 24px !important;
}

.alohaPdng-lft-24 {
  padding-left: 24px !important;
}

.alohaPdng-rgt-24 {
  padding-right: 24px !important;
}

.alohaPdng-25 {
  padding: 25px !important;
}

.alohaPdng-tp-25 {
  padding-top: 25px !important;
}

.alohaPdng-btm-25 {
  padding-bottom: 25px !important;
}

.alohaPdng-lft-25 {
  padding-left: 25px !important;
}

.alohaPdng-rgt-25 {
  padding-right: 25px !important;
}

.alohaPdng-26 {
  padding: 26px !important;
}

.alohaPdng-tp-26 {
  padding-top: 26px !important;
}

.alohaPdng-btm-26 {
  padding-bottom: 26px !important;
}

.alohaPdng-lft-26 {
  padding-left: 26px !important;
}

.alohaPdng-rgt-26 {
  padding-right: 26px !important;
}

.alohaPdng-27 {
  padding: 27px !important;
}

.alohaPdng-tp-27 {
  padding-top: 27px !important;
}

.alohaPdng-btm-27 {
  padding-bottom: 27px !important;
}

.alohaPdng-lft-27 {
  padding-left: 27px !important;
}

.alohaPdng-rgt-27 {
  padding-right: 27px !important;
}

.alohaPdng-28 {
  padding: 28px !important;
}

.alohaPdng-tp-28 {
  padding-top: 28px !important;
}

.alohaPdng-btm-28 {
  padding-bottom: 28px !important;
}

.alohaPdng-lft-28 {
  padding-left: 28px !important;
}

.alohaPdng-rgt-28 {
  padding-right: 28px !important;
}

.alohaPdng-29 {
  padding: 29px !important;
}

.alohaPdng-tp-29 {
  padding-top: 29px !important;
}

.alohaPdng-btm-29 {
  padding-bottom: 29px !important;
}

.alohaPdng-lft-29 {
  padding-left: 29px !important;
}

.alohaPdng-rgt-29 {
  padding-right: 29px !important;
}

.alohaPdng-30 {
  padding: 30px !important;
}

.alohaPdng-tp-30 {
  padding-top: 30px !important;
}

.alohaPdng-btm-30 {
  padding-bottom: 30px !important;
}

.alohaPdng-lft-30 {
  padding-left: 30px !important;
}

.alohaPdng-rgt-30 {
  padding-right: 30px !important;
}

.alohaPdng-31 {
  padding: 31px !important;
}

.alohaPdng-tp-31 {
  padding-top: 31px !important;
}

.alohaPdng-btm-31 {
  padding-bottom: 31px !important;
}

.alohaPdng-lft-31 {
  padding-left: 31px !important;
}

.alohaPdng-rgt-31 {
  padding-right: 31px !important;
}

.alohaPdng-32 {
  padding: 32px !important;
}

.alohaPdng-tp-32 {
  padding-top: 32px !important;
}

.alohaPdng-btm-32 {
  padding-bottom: 32px !important;
}

.alohaPdng-lft-32 {
  padding-left: 32px !important;
}

.alohaPdng-rgt-32 {
  padding-right: 32px !important;
}

.alohaPdng-33 {
  padding: 33px !important;
}

.alohaPdng-tp-33 {
  padding-top: 33px !important;
}

.alohaPdng-btm-33 {
  padding-bottom: 33px !important;
}

.alohaPdng-lft-33 {
  padding-left: 33px !important;
}

.alohaPdng-rgt-33 {
  padding-right: 33px !important;
}

.alohaPdng-34 {
  padding: 34px !important;
}

.alohaPdng-tp-34 {
  padding-top: 34px !important;
}

.alohaPdng-btm-34 {
  padding-bottom: 34px !important;
}

.alohaPdng-lft-34 {
  padding-left: 34px !important;
}

.alohaPdng-rgt-34 {
  padding-right: 34px !important;
}

.alohaPdng-35 {
  padding: 35px !important;
}

.alohaPdng-tp-35 {
  padding-top: 35px !important;
}

.alohaPdng-btm-35 {
  padding-bottom: 35px !important;
}

.alohaPdng-lft-35 {
  padding-left: 35px !important;
}

.alohaPdng-rgt-35 {
  padding-right: 35px !important;
}

.alohaPdng-36 {
  padding: 36px !important;
}

.alohaPdng-tp-36 {
  padding-top: 36px !important;
}

.alohaPdng-btm-36 {
  padding-bottom: 36px !important;
}

.alohaPdng-lft-36 {
  padding-left: 36px !important;
}

.alohaPdng-rgt-36 {
  padding-right: 36px !important;
}

.alohaPdng-37 {
  padding: 37px !important;
}

.alohaPdng-tp-37 {
  padding-top: 37px !important;
}

.alohaPdng-btm-37 {
  padding-bottom: 37px !important;
}

.alohaPdng-lft-37 {
  padding-left: 37px !important;
}

.alohaPdng-rgt-37 {
  padding-right: 37px !important;
}

.alohaPdng-38 {
  padding: 38px !important;
}

.alohaPdng-tp-38 {
  padding-top: 38px !important;
}

.alohaPdng-btm-38 {
  padding-bottom: 38px !important;
}

.alohaPdng-lft-38 {
  padding-left: 38px !important;
}

.alohaPdng-rgt-38 {
  padding-right: 38px !important;
}

.alohaPdng-39 {
  padding: 39px !important;
}

.alohaPdng-tp-39 {
  padding-top: 39px !important;
}

.alohaPdng-btm-39 {
  padding-bottom: 39px !important;
}

.alohaPdng-lft-39 {
  padding-left: 39px !important;
}

.alohaPdng-rgt-39 {
  padding-right: 39px !important;
}

.alohaPdng-40 {
  padding: 40px !important;
}

.alohaPdng-tp-40 {
  padding-top: 40px !important;
}

.alohaPdng-btm-40 {
  padding-bottom: 40px !important;
}

.alohaPdng-lft-40 {
  padding-left: 40px !important;
}

.alohaPdng-rgt-40 {
  padding-right: 40px !important;
}

.alohaPdng-41 {
  padding: 41px !important;
}

.alohaPdng-tp-41 {
  padding-top: 41px !important;
}

.alohaPdng-btm-41 {
  padding-bottom: 41px !important;
}

.alohaPdng-lft-41 {
  padding-left: 41px !important;
}

.alohaPdng-rgt-41 {
  padding-right: 41px !important;
}

.alohaPdng-42 {
  padding: 42px !important;
}

.alohaPdng-tp-42 {
  padding-top: 42px !important;
}

.alohaPdng-btm-42 {
  padding-bottom: 42px !important;
}

.alohaPdng-lft-42 {
  padding-left: 42px !important;
}

.alohaPdng-rgt-42 {
  padding-right: 42px !important;
}

.alohaPdng-43 {
  padding: 43px !important;
}

.alohaPdng-tp-43 {
  padding-top: 43px !important;
}

.alohaPdng-btm-43 {
  padding-bottom: 43px !important;
}

.alohaPdng-lft-43 {
  padding-left: 43px !important;
}

.alohaPdng-rgt-43 {
  padding-right: 43px !important;
}

.alohaPdng-44 {
  padding: 44px !important;
}

.alohaPdng-tp-44 {
  padding-top: 44px !important;
}

.alohaPdng-btm-44 {
  padding-bottom: 44px !important;
}

.alohaPdng-lft-44 {
  padding-left: 44px !important;
}

.alohaPdng-rgt-44 {
  padding-right: 44px !important;
}

.alohaPdng-45 {
  padding: 45px !important;
}

.alohaPdng-tp-45 {
  padding-top: 45px !important;
}

.alohaPdng-btm-45 {
  padding-bottom: 45px !important;
}

.alohaPdng-lft-45 {
  padding-left: 45px !important;
}

.alohaPdng-rgt-45 {
  padding-right: 45px !important;
}

.alohaPdng-46 {
  padding: 46px !important;
}

.alohaPdng-tp-46 {
  padding-top: 46px !important;
}

.alohaPdng-btm-46 {
  padding-bottom: 46px !important;
}

.alohaPdng-lft-46 {
  padding-left: 46px !important;
}

.alohaPdng-rgt-46 {
  padding-right: 46px !important;
}

.alohaPdng-47 {
  padding: 47px !important;
}

.alohaPdng-tp-47 {
  padding-top: 47px !important;
}

.alohaPdng-btm-47 {
  padding-bottom: 47px !important;
}

.alohaPdng-lft-47 {
  padding-left: 47px !important;
}

.alohaPdng-rgt-47 {
  padding-right: 47px !important;
}

.alohaPdng-48 {
  padding: 48px !important;
}

.alohaPdng-tp-48 {
  padding-top: 48px !important;
}

.alohaPdng-btm-48 {
  padding-bottom: 48px !important;
}

.alohaPdng-lft-48 {
  padding-left: 48px !important;
}

.alohaPdng-rgt-48 {
  padding-right: 48px !important;
}

.alohaPdng-49 {
  padding: 49px !important;
}

.alohaPdng-tp-49 {
  padding-top: 49px !important;
}

.alohaPdng-btm-49 {
  padding-bottom: 49px !important;
}

.alohaPdng-lft-49 {
  padding-left: 49px !important;
}

.alohaPdng-rgt-49 {
  padding-right: 49px !important;
}

.alohaPdng-50 {
  padding: 50px !important;
}

.alohaPdng-tp-50 {
  padding-top: 50px !important;
}

.alohaPdng-btm-50 {
  padding-bottom: 50px !important;
}

.alohaPdng-lft-50 {
  padding-left: 50px !important;
}

.alohaPdng-rgt-50 {
  padding-right: 50px !important;
}

.alohaPdng-51 {
  padding: 51px !important;
}

.alohaPdng-tp-51 {
  padding-top: 51px !important;
}

.alohaPdng-btm-51 {
  padding-bottom: 51px !important;
}

.alohaPdng-lft-51 {
  padding-left: 51px !important;
}

.alohaPdng-rgt-51 {
  padding-right: 51px !important;
}

.alohaPdng-52 {
  padding: 52px !important;
}

.alohaPdng-tp-52 {
  padding-top: 52px !important;
}

.alohaPdng-btm-52 {
  padding-bottom: 52px !important;
}

.alohaPdng-lft-52 {
  padding-left: 52px !important;
}

.alohaPdng-rgt-52 {
  padding-right: 52px !important;
}

.alohaPdng-53 {
  padding: 53px !important;
}

.alohaPdng-tp-53 {
  padding-top: 53px !important;
}

.alohaPdng-btm-53 {
  padding-bottom: 53px !important;
}

.alohaPdng-lft-53 {
  padding-left: 53px !important;
}

.alohaPdng-rgt-53 {
  padding-right: 53px !important;
}

.alohaPdng-54 {
  padding: 54px !important;
}

.alohaPdng-tp-54 {
  padding-top: 54px !important;
}

.alohaPdng-btm-54 {
  padding-bottom: 54px !important;
}

.alohaPdng-lft-54 {
  padding-left: 54px !important;
}

.alohaPdng-rgt-54 {
  padding-right: 54px !important;
}

.alohaPdng-55 {
  padding: 55px !important;
}

.alohaPdng-tp-55 {
  padding-top: 55px !important;
}

.alohaPdng-btm-55 {
  padding-bottom: 55px !important;
}

.alohaPdng-lft-55 {
  padding-left: 55px !important;
}

.alohaPdng-rgt-55 {
  padding-right: 55px !important;
}

.alohaPdng-56 {
  padding: 56px !important;
}

.alohaPdng-tp-56 {
  padding-top: 56px !important;
}

.alohaPdng-btm-56 {
  padding-bottom: 56px !important;
}

.alohaPdng-lft-56 {
  padding-left: 56px !important;
}

.alohaPdng-rgt-56 {
  padding-right: 56px !important;
}

.alohaPdng-57 {
  padding: 57px !important;
}

.alohaPdng-tp-57 {
  padding-top: 57px !important;
}

.alohaPdng-btm-57 {
  padding-bottom: 57px !important;
}

.alohaPdng-lft-57 {
  padding-left: 57px !important;
}

.alohaPdng-rgt-57 {
  padding-right: 57px !important;
}

.alohaPdng-58 {
  padding: 58px !important;
}

.alohaPdng-tp-58 {
  padding-top: 58px !important;
}

.alohaPdng-btm-58 {
  padding-bottom: 58px !important;
}

.alohaPdng-lft-58 {
  padding-left: 58px !important;
}

.alohaPdng-rgt-58 {
  padding-right: 58px !important;
}

.alohaPdng-59 {
  padding: 59px !important;
}

.alohaPdng-tp-59 {
  padding-top: 59px !important;
}

.alohaPdng-btm-59 {
  padding-bottom: 59px !important;
}

.alohaPdng-lft-59 {
  padding-left: 59px !important;
}

.alohaPdng-rgt-59 {
  padding-right: 59px !important;
}

.alohaPdng-60 {
  padding: 60px !important;
}

.alohaPdng-tp-60 {
  padding-top: 60px !important;
}

.alohaPdng-btm-60 {
  padding-bottom: 60px !important;
}

.alohaPdng-lft-60 {
  padding-left: 60px !important;
}

.alohaPdng-rgt-60 {
  padding-right: 60px !important;
}

.alohaPdng-61 {
  padding: 61px !important;
}

.alohaPdng-tp-61 {
  padding-top: 61px !important;
}

.alohaPdng-btm-61 {
  padding-bottom: 61px !important;
}

.alohaPdng-lft-61 {
  padding-left: 61px !important;
}

.alohaPdng-rgt-61 {
  padding-right: 61px !important;
}

.alohaPdng-62 {
  padding: 62px !important;
}

.alohaPdng-tp-62 {
  padding-top: 62px !important;
}

.alohaPdng-btm-62 {
  padding-bottom: 62px !important;
}

.alohaPdng-lft-62 {
  padding-left: 62px !important;
}

.alohaPdng-rgt-62 {
  padding-right: 62px !important;
}

.alohaPdng-63 {
  padding: 63px !important;
}

.alohaPdng-tp-63 {
  padding-top: 63px !important;
}

.alohaPdng-btm-63 {
  padding-bottom: 63px !important;
}

.alohaPdng-lft-63 {
  padding-left: 63px !important;
}

.alohaPdng-rgt-63 {
  padding-right: 63px !important;
}

.alohaPdng-64 {
  padding: 64px !important;
}

.alohaPdng-tp-64 {
  padding-top: 64px !important;
}

.alohaPdng-btm-64 {
  padding-bottom: 64px !important;
}

.alohaPdng-lft-64 {
  padding-left: 64px !important;
}

.alohaPdng-rgt-64 {
  padding-right: 64px !important;
}

.alohaPdng-65 {
  padding: 65px !important;
}

.alohaPdng-tp-65 {
  padding-top: 65px !important;
}

.alohaPdng-btm-65 {
  padding-bottom: 65px !important;
}

.alohaPdng-lft-65 {
  padding-left: 65px !important;
}

.alohaPdng-rgt-65 {
  padding-right: 65px !important;
}

.alohaPdng-66 {
  padding: 66px !important;
}

.alohaPdng-tp-66 {
  padding-top: 66px !important;
}

.alohaPdng-btm-66 {
  padding-bottom: 66px !important;
}

.alohaPdng-lft-66 {
  padding-left: 66px !important;
}

.alohaPdng-rgt-66 {
  padding-right: 66px !important;
}

.alohaPdng-67 {
  padding: 67px !important;
}

.alohaPdng-tp-67 {
  padding-top: 67px !important;
}

.alohaPdng-btm-67 {
  padding-bottom: 67px !important;
}

.alohaPdng-lft-67 {
  padding-left: 67px !important;
}

.alohaPdng-rgt-67 {
  padding-right: 67px !important;
}

.alohaPdng-68 {
  padding: 68px !important;
}

.alohaPdng-tp-68 {
  padding-top: 68px !important;
}

.alohaPdng-btm-68 {
  padding-bottom: 68px !important;
}

.alohaPdng-lft-68 {
  padding-left: 68px !important;
}

.alohaPdng-rgt-68 {
  padding-right: 68px !important;
}

.alohaPdng-69 {
  padding: 69px !important;
}

.alohaPdng-tp-69 {
  padding-top: 69px !important;
}

.alohaPdng-btm-69 {
  padding-bottom: 69px !important;
}

.alohaPdng-lft-69 {
  padding-left: 69px !important;
}

.alohaPdng-rgt-69 {
  padding-right: 69px !important;
}

.alohaPdng-70 {
  padding: 70px !important;
}

.alohaPdng-tp-70 {
  padding-top: 70px !important;
}

.alohaPdng-btm-70 {
  padding-bottom: 70px !important;
}

.alohaPdng-lft-70 {
  padding-left: 70px !important;
}

.alohaPdng-rgt-70 {
  padding-right: 70px !important;
}

.alohaPdng-71 {
  padding: 71px !important;
}

.alohaPdng-tp-71 {
  padding-top: 71px !important;
}

.alohaPdng-btm-71 {
  padding-bottom: 71px !important;
}

.alohaPdng-lft-71 {
  padding-left: 71px !important;
}

.alohaPdng-rgt-71 {
  padding-right: 71px !important;
}

.alohaPdng-72 {
  padding: 72px !important;
}

.alohaPdng-tp-72 {
  padding-top: 72px !important;
}

.alohaPdng-btm-72 {
  padding-bottom: 72px !important;
}

.alohaPdng-lft-72 {
  padding-left: 72px !important;
}

.alohaPdng-rgt-72 {
  padding-right: 72px !important;
}

.alohaPdng-73 {
  padding: 73px !important;
}

.alohaPdng-tp-73 {
  padding-top: 73px !important;
}

.alohaPdng-btm-73 {
  padding-bottom: 73px !important;
}

.alohaPdng-lft-73 {
  padding-left: 73px !important;
}

.alohaPdng-rgt-73 {
  padding-right: 73px !important;
}

.alohaPdng-74 {
  padding: 74px !important;
}

.alohaPdng-tp-74 {
  padding-top: 74px !important;
}

.alohaPdng-btm-74 {
  padding-bottom: 74px !important;
}

.alohaPdng-lft-74 {
  padding-left: 74px !important;
}

.alohaPdng-rgt-74 {
  padding-right: 74px !important;
}

.alohaPdng-75 {
  padding: 75px !important;
}

.alohaPdng-tp-75 {
  padding-top: 75px !important;
}

.alohaPdng-btm-75 {
  padding-bottom: 75px !important;
}

.alohaPdng-lft-75 {
  padding-left: 75px !important;
}

.alohaPdng-rgt-75 {
  padding-right: 75px !important;
}

.alohaPdng-76 {
  padding: 76px !important;
}

.alohaPdng-tp-76 {
  padding-top: 76px !important;
}

.alohaPdng-btm-76 {
  padding-bottom: 76px !important;
}

.alohaPdng-lft-76 {
  padding-left: 76px !important;
}

.alohaPdng-rgt-76 {
  padding-right: 76px !important;
}

.alohaPdng-77 {
  padding: 77px !important;
}

.alohaPdng-tp-77 {
  padding-top: 77px !important;
}

.alohaPdng-btm-77 {
  padding-bottom: 77px !important;
}

.alohaPdng-lft-77 {
  padding-left: 77px !important;
}

.alohaPdng-rgt-77 {
  padding-right: 77px !important;
}

.alohaPdng-78 {
  padding: 78px !important;
}

.alohaPdng-tp-78 {
  padding-top: 78px !important;
}

.alohaPdng-btm-78 {
  padding-bottom: 78px !important;
}

.alohaPdng-lft-78 {
  padding-left: 78px !important;
}

.alohaPdng-rgt-78 {
  padding-right: 78px !important;
}

.alohaPdng-79 {
  padding: 79px !important;
}

.alohaPdng-tp-79 {
  padding-top: 79px !important;
}

.alohaPdng-btm-79 {
  padding-bottom: 79px !important;
}

.alohaPdng-lft-79 {
  padding-left: 79px !important;
}

.alohaPdng-rgt-79 {
  padding-right: 79px !important;
}

.alohaPdng-80 {
  padding: 80px !important;
}

.alohaPdng-tp-80 {
  padding-top: 80px !important;
}

.alohaPdng-btm-80 {
  padding-bottom: 80px !important;
}

.alohaPdng-lft-80 {
  padding-left: 80px !important;
}

.alohaPdng-rgt-80 {
  padding-right: 80px !important;
}

.alohaPdng-81 {
  padding: 81px !important;
}

.alohaPdng-tp-81 {
  padding-top: 81px !important;
}

.alohaPdng-btm-81 {
  padding-bottom: 81px !important;
}

.alohaPdng-lft-81 {
  padding-left: 81px !important;
}

.alohaPdng-rgt-81 {
  padding-right: 81px !important;
}

.alohaPdng-82 {
  padding: 82px !important;
}

.alohaPdng-tp-82 {
  padding-top: 82px !important;
}

.alohaPdng-btm-82 {
  padding-bottom: 82px !important;
}

.alohaPdng-lft-82 {
  padding-left: 82px !important;
}

.alohaPdng-rgt-82 {
  padding-right: 82px !important;
}

.alohaPdng-83 {
  padding: 83px !important;
}

.alohaPdng-tp-83 {
  padding-top: 83px !important;
}

.alohaPdng-btm-83 {
  padding-bottom: 83px !important;
}

.alohaPdng-lft-83 {
  padding-left: 83px !important;
}

.alohaPdng-rgt-83 {
  padding-right: 83px !important;
}

.alohaPdng-84 {
  padding: 84px !important;
}

.alohaPdng-tp-84 {
  padding-top: 84px !important;
}

.alohaPdng-btm-84 {
  padding-bottom: 84px !important;
}

.alohaPdng-lft-84 {
  padding-left: 84px !important;
}

.alohaPdng-rgt-84 {
  padding-right: 84px !important;
}

.alohaPdng-85 {
  padding: 85px !important;
}

.alohaPdng-tp-85 {
  padding-top: 85px !important;
}

.alohaPdng-btm-85 {
  padding-bottom: 85px !important;
}

.alohaPdng-lft-85 {
  padding-left: 85px !important;
}

.alohaPdng-rgt-85 {
  padding-right: 85px !important;
}

.alohaPdng-86 {
  padding: 86px !important;
}

.alohaPdng-tp-86 {
  padding-top: 86px !important;
}

.alohaPdng-btm-86 {
  padding-bottom: 86px !important;
}

.alohaPdng-lft-86 {
  padding-left: 86px !important;
}

.alohaPdng-rgt-86 {
  padding-right: 86px !important;
}

.alohaPdng-87 {
  padding: 87px !important;
}

.alohaPdng-tp-87 {
  padding-top: 87px !important;
}

.alohaPdng-btm-87 {
  padding-bottom: 87px !important;
}

.alohaPdng-lft-87 {
  padding-left: 87px !important;
}

.alohaPdng-rgt-87 {
  padding-right: 87px !important;
}

.alohaPdng-88 {
  padding: 88px !important;
}

.alohaPdng-tp-88 {
  padding-top: 88px !important;
}

.alohaPdng-btm-88 {
  padding-bottom: 88px !important;
}

.alohaPdng-lft-88 {
  padding-left: 88px !important;
}

.alohaPdng-rgt-88 {
  padding-right: 88px !important;
}

.alohaPdng-89 {
  padding: 89px !important;
}

.alohaPdng-tp-89 {
  padding-top: 89px !important;
}

.alohaPdng-btm-89 {
  padding-bottom: 89px !important;
}

.alohaPdng-lft-89 {
  padding-left: 89px !important;
}

.alohaPdng-rgt-89 {
  padding-right: 89px !important;
}

.alohaPdng-90 {
  padding: 90px !important;
}

.alohaPdng-tp-90 {
  padding-top: 90px !important;
}

.alohaPdng-btm-90 {
  padding-bottom: 90px !important;
}

.alohaPdng-lft-90 {
  padding-left: 90px !important;
}

.alohaPdng-rgt-90 {
  padding-right: 90px !important;
}

.alohaPdng-91 {
  padding: 91px !important;
}

.alohaPdng-tp-91 {
  padding-top: 91px !important;
}

.alohaPdng-btm-91 {
  padding-bottom: 91px !important;
}

.alohaPdng-lft-91 {
  padding-left: 91px !important;
}

.alohaPdng-rgt-91 {
  padding-right: 91px !important;
}

.alohaPdng-92 {
  padding: 92px !important;
}

.alohaPdng-tp-92 {
  padding-top: 92px !important;
}

.alohaPdng-btm-92 {
  padding-bottom: 92px !important;
}

.alohaPdng-lft-92 {
  padding-left: 92px !important;
}

.alohaPdng-rgt-92 {
  padding-right: 92px !important;
}

.alohaPdng-93 {
  padding: 93px !important;
}

.alohaPdng-tp-93 {
  padding-top: 93px !important;
}

.alohaPdng-btm-93 {
  padding-bottom: 93px !important;
}

.alohaPdng-lft-93 {
  padding-left: 93px !important;
}

.alohaPdng-rgt-93 {
  padding-right: 93px !important;
}

.alohaPdng-94 {
  padding: 94px !important;
}

.alohaPdng-tp-94 {
  padding-top: 94px !important;
}

.alohaPdng-btm-94 {
  padding-bottom: 94px !important;
}

.alohaPdng-lft-94 {
  padding-left: 94px !important;
}

.alohaPdng-rgt-94 {
  padding-right: 94px !important;
}

.alohaPdng-95 {
  padding: 95px !important;
}

.alohaPdng-tp-95 {
  padding-top: 95px !important;
}

.alohaPdng-btm-95 {
  padding-bottom: 95px !important;
}

.alohaPdng-lft-95 {
  padding-left: 95px !important;
}

.alohaPdng-rgt-95 {
  padding-right: 95px !important;
}

.alohaPdng-96 {
  padding: 96px !important;
}

.alohaPdng-tp-96 {
  padding-top: 96px !important;
}

.alohaPdng-btm-96 {
  padding-bottom: 96px !important;
}

.alohaPdng-lft-96 {
  padding-left: 96px !important;
}

.alohaPdng-rgt-96 {
  padding-right: 96px !important;
}

.alohaPdng-97 {
  padding: 97px !important;
}

.alohaPdng-tp-97 {
  padding-top: 97px !important;
}

.alohaPdng-btm-97 {
  padding-bottom: 97px !important;
}

.alohaPdng-lft-97 {
  padding-left: 97px !important;
}

.alohaPdng-rgt-97 {
  padding-right: 97px !important;
}

.alohaPdng-98 {
  padding: 98px !important;
}

.alohaPdng-tp-98 {
  padding-top: 98px !important;
}

.alohaPdng-btm-98 {
  padding-bottom: 98px !important;
}

.alohaPdng-lft-98 {
  padding-left: 98px !important;
}

.alohaPdng-rgt-98 {
  padding-right: 98px !important;
}

.alohaPdng-99 {
  padding: 99px !important;
}

.alohaPdng-tp-99 {
  padding-top: 99px !important;
}

.alohaPdng-btm-99 {
  padding-bottom: 99px !important;
}

.alohaPdng-lft-99 {
  padding-left: 99px !important;
}

.alohaPdng-rgt-99 {
  padding-right: 99px !important;
}

.alohaPdng-100 {
  padding: 100px !important;
}

.alohaPdng-tp-100 {
  padding-top: 100px !important;
}

.alohaPdng-btm-100 {
  padding-bottom: 100px !important;
}

.alohaPdng-lft-100 {
  padding-left: 100px !important;
}

.alohaPdng-rgt-100 {
  padding-right: 100px !important;
}

.alohaPdng-101 {
  padding: 101px !important;
}

.alohaPdng-tp-101 {
  padding-top: 101px !important;
}

.alohaPdng-btm-101 {
  padding-bottom: 101px !important;
}

.alohaPdng-lft-101 {
  padding-left: 101px !important;
}

.alohaPdng-rgt-101 {
  padding-right: 101px !important;
}

.alohaPdng-102 {
  padding: 102px !important;
}

.alohaPdng-tp-102 {
  padding-top: 102px !important;
}

.alohaPdng-btm-102 {
  padding-bottom: 102px !important;
}

.alohaPdng-lft-102 {
  padding-left: 102px !important;
}

.alohaPdng-rgt-102 {
  padding-right: 102px !important;
}

.alohaPdng-103 {
  padding: 103px !important;
}

.alohaPdng-tp-103 {
  padding-top: 103px !important;
}

.alohaPdng-btm-103 {
  padding-bottom: 103px !important;
}

.alohaPdng-lft-103 {
  padding-left: 103px !important;
}

.alohaPdng-rgt-103 {
  padding-right: 103px !important;
}

.alohaPdng-104 {
  padding: 104px !important;
}

.alohaPdng-tp-104 {
  padding-top: 104px !important;
}

.alohaPdng-btm-104 {
  padding-bottom: 104px !important;
}

.alohaPdng-lft-104 {
  padding-left: 104px !important;
}

.alohaPdng-rgt-104 {
  padding-right: 104px !important;
}

.alohaPdng-105 {
  padding: 105px !important;
}

.alohaPdng-tp-105 {
  padding-top: 105px !important;
}

.alohaPdng-btm-105 {
  padding-bottom: 105px !important;
}

.alohaPdng-lft-105 {
  padding-left: 105px !important;
}

.alohaPdng-rgt-105 {
  padding-right: 105px !important;
}

.alohaPdng-106 {
  padding: 106px !important;
}

.alohaPdng-tp-106 {
  padding-top: 106px !important;
}

.alohaPdng-btm-106 {
  padding-bottom: 106px !important;
}

.alohaPdng-lft-106 {
  padding-left: 106px !important;
}

.alohaPdng-rgt-106 {
  padding-right: 106px !important;
}

.alohaPdng-107 {
  padding: 107px !important;
}

.alohaPdng-tp-107 {
  padding-top: 107px !important;
}

.alohaPdng-btm-107 {
  padding-bottom: 107px !important;
}

.alohaPdng-lft-107 {
  padding-left: 107px !important;
}

.alohaPdng-rgt-107 {
  padding-right: 107px !important;
}

.alohaPdng-108 {
  padding: 108px !important;
}

.alohaPdng-tp-108 {
  padding-top: 108px !important;
}

.alohaPdng-btm-108 {
  padding-bottom: 108px !important;
}

.alohaPdng-lft-108 {
  padding-left: 108px !important;
}

.alohaPdng-rgt-108 {
  padding-right: 108px !important;
}

.alohaPdng-109 {
  padding: 109px !important;
}

.alohaPdng-tp-109 {
  padding-top: 109px !important;
}

.alohaPdng-btm-109 {
  padding-bottom: 109px !important;
}

.alohaPdng-lft-109 {
  padding-left: 109px !important;
}

.alohaPdng-rgt-109 {
  padding-right: 109px !important;
}

.alohaPdng-110 {
  padding: 110px !important;
}

.alohaPdng-tp-110 {
  padding-top: 110px !important;
}

.alohaPdng-btm-110 {
  padding-bottom: 110px !important;
}

.alohaPdng-lft-110 {
  padding-left: 110px !important;
}

.alohaPdng-rgt-110 {
  padding-right: 110px !important;
}

.alohaPdng-none {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

/*------------------------------for padding Ending------------------------------*/
/*-----------------------
           Author - Anil
           Aloha Cutom Radio Button Styles
          -------------------------------------*/
.checkmark, .alohaCustomRadio:checked::before {
  left: 7px;
  top: 2px;
  width: 6px;
  height: 13px;
  border: solid #ffffff;
  border-width: 0 1.5px 1.5px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.alohaCustomRadio {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 5px;
  height: 19px;
  width: 19px;
  -webkit-transition: all 0.15s ease-out 0;
  -moz-transition: all 0.15s ease-out 0;
  transition: all 0.15s ease-out 0;
  border: 2px solid #bdc3cc;
  border-radius: 10%;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  outline: none;
  position: relative;
  margin-right: 0.5rem;
  z-index: 1000;
}

.alohaCustomRadio:disabled {
  border: 2px solid #ebeff5 !important;
  cursor: default !important;
}

.alohaCustomRadio:hover, .alohaCustomRadio:focus {
  outline: none !important;
}

.alohaCustomRadio:checked {
  background: #0074f1;
  border: none !important;
}

.alohaCustomRadio:checked::before {
  position: absolute;
  content: "";
  display: inline-block;
  text-align: center;
}

.alohaCustomRadio:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #000;
  content: "";
  display: block;
  position: relative;
  z-index: 100;
  border-radius: 50%;
}

/*----------------- Key Frames for Material Ripples ----------------------*/
@-webkit-keyframes click-wave {
  0% {
    width: 20px;
    height: 20px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 50px;
    width: 50px;
    margin-left: -15px;
    margin-top: -15px;
    opacity: 0;
  }
}
@-moz-keyframes click-wave {
  0% {
    width: 20px;
    height: 20px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 50px;
    width: 50px;
    margin-left: -15px;
    margin-top: -15px;
    opacity: 0;
  }
}
@-o-keyframes click-wave {
  0% {
    width: 20px;
    height: 20px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 50px;
    width: 50px;
    margin-left: -15px;
    margin-top: -15px;
    opacity: 0;
  }
}
@keyframes click-wave {
  0% {
    width: 20px;
    height: 20px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 50px;
    width: 50px;
    margin-left: -15px;
    margin-top: -15px;
    opacity: 0;
  }
}
/*--------------------HTML------------------------------------------------------------------------
    |	<div class="row">                                                                       |
    |                <label class="alohalabel">                                                 |
    |                   <input type="radio" class="alohaCustomCheckbox " name="example" />      |
    |                  Radio option 1                                                           |
    |             </label>                                                                      |
    |                                                                                           |
    |               <label class="alohalabel">                                                  |
    |                  <input type="radio" class="alohaCustomCheckbox " name="example" />       |
    |                 Radio option 2                                                            |
    |            </label>                                                                       |
    |                                                                                           |
    |               <label class="alohalabel">                                                  |
    |                  <input type="radio" class="alohaCustomCheckbox " name="example" />       |
    |                 Radio option 3                                                            |
    |            </label>                                                                       |
    |   </div>                                                                                  |
--------------------HTML-----------------------------------------------------------------------------------*/
/*-----------------------
            Author - Anil
            Aloha Cutom Checkbox Styles
           --------------------------------*/
.checkmark, .alohaCustomRadio:checked::before {
  left: 7px;
  top: 2px;
  width: 6px;
  height: 13px;
  border: solid #ffffff;
  border-width: 0 1.5px 1.5px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.alohaCustomCheckbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 5px;
  height: 19px;
  width: 19px;
  -webkit-transition: all 0.15s ease-out 0;
  -moz-transition: all 0.15s ease-out 0;
  transition: all 0.15s ease-out 0;
  border: 2px solid #bdc3cc;
  border-radius: 10%;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  outline: none;
  position: relative;
  margin-right: 0.5rem;
}

.alohaCustomCheckbox:disabled {
  border: 2px solid #ebeff5 !important;
  cursor: default !important;
}

.alohaCustomCheckbox:hover, .alohaCustomCheckbox:focus {
  outline: none !important;
}

.alohaCustomCheckbox:checked {
  background: #0074f1;
  border: none !important;
}
.alohaCustomCheckbox:checked.successcheck {
  background: #51cc71;
  border: none !important;
}
.alohaCustomCheckbox:checked.dangercheck {
  background: #fd4f4b;
  border: none !important;
}

.alohaCustomCheckbox:checked::before {
  position: absolute;
  content: "";
  display: inline-block;
  text-align: center;
}

.alohaCustomCheckbox:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #000;
  content: "";
  display: block;
  position: relative;
  z-index: 100;
  border-radius: 50%;
}

/*----------------- Key Frames for Material Ripples ----------------------*/
@-webkit-keyframes click-wave {
  0% {
    width: 20px;
    height: 20px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 50px;
    width: 50px;
    margin-left: -15px;
    margin-top: -15px;
    opacity: 0;
  }
}
@-moz-keyframes click-wave {
  0% {
    width: 20px;
    height: 20px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 50px;
    width: 50px;
    margin-left: -15px;
    margin-top: -15px;
    opacity: 0;
  }
}
@-o-keyframes click-wave {
  0% {
    width: 20px;
    height: 20px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 50px;
    width: 50px;
    margin-left: -15px;
    margin-top: -15px;
    opacity: 0;
  }
}
@keyframes click-wave {
  0% {
    width: 20px;
    height: 20px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 50px;
    width: 50px;
    margin-left: -15px;
    margin-top: -15px;
    opacity: 0;
  }
}
/*----------------------
       Author - Anil
       Styles Using For Progressbar
      ---------------------------------------*/
.progressbar {
  position: fixed;
  width: 100%;
  max-width: 600px;
  float: left;
  padding: 40px 38px;
  background-color: #CCC;
  border-radius: 4px;
  height: 10%;
  background: -webkit-linear-gradient(#CCC, #CCC);
  background: -o-linear-gradient(#CCC, #CCC);
  background: -moz-linear-gradient(#CCC, #CCC);
  background: linear-gradient(#ffffff, #d7d7d7);
}
.progressbar .progress {
  margin: 0px !important;
  background-image: linear-gradient(rgba(2, 86, 156, 0.3), rgba(2, 86, 156, 0.3));
}

.pageMask {
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 111111;
}

.alohaFlowerOnPageLoad {
  margin: 44.8vh auto;
  position: fixed;
  left: 47.9vw;
  top: 0;
  z-index: 111112;
}

.modal-content .alohaFlowerOnPageLoad {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

@media only screen and (max-width: 767px) {
  .alohaFlowerOnPageLoad {
    margin: 43.25vh auto;
    left: 40.4vw;
  }
}
@media only screen and (max-width: 767px) and (orientation: landscape) {
  .alohaFlowerOnPageLoad {
    margin: 37.25vh auto;
  }
}
.alohaCustomPopover_Container :hover .alohaCustomPopover_rgt, .alohaCustomPopover_Container :hover .alohaAttchmentsPopover_rgt, .alohaCustomPopover_Container :hover .alohaCustomPopover_btm {
  display: inline-flex !important;
}

.alohaCustomPopover_btm {
  text-align: justify;
  word-break: break-all;
  word-wrap: break-word;
  color: red;
  display: none;
  font-size: 12px;
  padding: 15px;
  position: absolute;
  width: 200px;
  min-height: 100px;
  z-index: 4;
  transform: translateX(-50%);
  top: 100%;
  background-color: #fff;
  border: 1px solid #ebeff5;
  webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.alohaAttchmentsPopover_rgt {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: absolute;
  left: 100%;
  z-index: 1010;
  display: none;
  max-width: 31vw;
  white-space: normal;
  background-clip: padding-box;
  min-height: 45px;
  min-width: 180px;
  max-width: 31vw;
  padding: 10px 15px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #ebeff5;
  border-radius: 10px !important;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  outline: none;
  margin-left: 12px;
  top: -15px;
  white-space: nowrap;
}
.alohaAttchmentsPopover_rgt:before {
  content: "";
  display: block !important;
  left: -5px;
  margin-left: -5px;
  position: absolute;
  border-right: 20px solid #ffffff;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  top: 3px;
}
.alohaAttchmentsPopover_rgt .alohalabel, .alohaAttchmentsPopover_rgt .printslide_btn, .alohaAttchmentsPopover_rgt .md-chips, .alohaAttchmentsPopover_rgt .aloha_ReportsTable table tbody td, .alohaAttchmentsPopover_rgt .fixclaim_sampleViewTable table tbody td, .aloha_ReportsTable table tbody .alohaAttchmentsPopover_rgt td, .fixclaim_sampleViewTable table tbody .alohaAttchmentsPopover_rgt td, .alohaAttchmentsPopover_rgt .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-td, .alohatable-advanced-parent .aloha-advanced-table .alohaAttchmentsPopover_rgt .aloha-advanced-td, .alohaAttchmentsPopover_rgt .alohatable-parent .alohatable .alohadatarow .alohatd, .alohaAttchmentsPopover_rgt .alohatable-parent .alohatable .aloha_addDatarow .alohatd, .alohatable-parent .alohatable .alohadatarow .alohaAttchmentsPopover_rgt .alohatd, .alohatable-parent .alohatable .aloha_addDatarow .alohaAttchmentsPopover_rgt .alohatd, .alohaAttchmentsPopover_rgt .alohaSignLabel {
  color: #000000;
}

.alohaCustomPopover_rgt {
  color: red;
  margin-left: 10px;
  padding: 15px;
  position: absolute;
  font-size: 12px;
  top: 10px;
  left: 100%;
  width: 200px;
  min-height: 100px;
  z-index: 4;
  margin-left: 20px;
  display: none;
  background-color: #fff;
  border: 1px solid #ebeff5;
  webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  text-align: justify;
  word-break: break-all;
  word-wrap: break-word;
}

.alohaCustomPopover_btm:before {
  content: "";
  display: block;
  right: 35%;
  margin-left: -7px;
  position: absolute;
  border-bottom: 20px solid #ebeff5;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  top: -20px;
}

.alohaCustomPopover_rgt:before {
  content: "";
  display: block !important;
  left: -13px;
  margin-left: -7px;
  position: absolute;
  border-right: 20px solid #ebeff5;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  top: 10px;
}

.custom-tooltip + .tooltip {
  width: 200px;
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  visibility: visible;
  pointer-events: none !important;
}

.custom-tooltip + .tooltip.in {
  opacity: 1 !important;
}

.custom-tooltip + .tooltip > .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.custom-tooltip + .tooltip > .tooltip-inner {
  background-color: #fff;
  border: 1px solid #ebeff5;
  text-align: center;
  text-decoration: none;
  border-radius: 4px;
  padding: 8px;
  max-width: 195px;
}

.custom-tooltip + .tooltip.bottom > .tooltip-arrow {
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.custom-tooltip + .tooltip > .tooltip.right {
  width: 182px !important;
  left: 96.5% !important;
}

.custom-tooltip + .tooltip.bottom {
  top: 66% !important;
}

.custom-tooltip + .tooltip.right {
  padding: 0px;
  margin-left: 0px;
}

.custom-tooltip + .tooltip.right > .tooltip-arrow {
  left: -5px;
  border-right-color: #fff;
}

.character_tooltip .tooltip {
  left: auto !important;
  right: 0 !important;
}
.character_tooltip .tooltip .tooltip-arrow {
  border-bottom-color: #aec2d7 !important;
}
.character_tooltip .tooltip .tooltip-inner {
  background-color: #aec2d7 !important;
  width: auto;
  max-width: 100% !important;
  padding: 2px 5px;
}

/*********************
       Author Anil
       Using for Schedule Popover
       ********************************/
.popover {
  position: absolute;
  top: 236px;
  left: 0;
  z-index: 1010;
  display: block !important;
  min-width: 31vw;
  max-width: 31vw;
  padding: 0px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  border: 0px solid #cccccc;
  border: 0px solid rgba(0, 0, 0, 0.2);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  outline: none;
}
.popover.fade.in {
  z-index: 2;
}
.popover .arrow {
  display: none;
}
.popover .popover-content {
  padding: 0px;
}
.popover .alohaPopoverContainer {
  outline: none;
}
.popover .alohaPopoverContainer .alohaPopoverHeader {
  height: 100px;
}
.popover .alohaPopoverContainer .alohaPopoverHeader label {
  color: #ffffff !important;
  padding: 0px 35px;
  white-space: nowrap;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.popover .alohaPopoverContainer .alohaPopoverHeader .alohaPopoverHeader_icons {
  float: right !important;
  padding: 3px;
  text-align: right;
}
.popover .alohaPopoverContainer .alohaPopoverHeader .alohaPopoverHeader_icons i {
  padding: 10px;
  color: #ffffff !important;
}
.popover .alohaPopoverContainer .alohaPopoverHeader .alohaPopoverHeader_icons i:hover {
  border-radius: 50%;
  background-color: #0074f1;
  filter: brightness(130%);
}
.popover .alohaPopoverContainer .alohaPopover_editIcon {
  margin-top: -20px;
  padding-left: 20px;
}
.popover .alohaPopoverContainer .alohaPopover_editIcon i {
  color: #ffffff !important;
  padding: 10px;
  border: 1px solid;
  border-radius: 50%;
  filter: brightness(130%);
  box-shadow: 0px 5px 5px 0px rgba(92, 92, 92, 0.5);
  -moz-box-shadow: 0px 5px 5px 0px rgba(92, 92, 92, 0.5);
  -webkit-box-shadow: 0px 5px 5px 0px rgba(92, 92, 92, 0.5);
}
.popover .alohaPopoverContainer .alohaPopover_statusIcon {
  float: right;
  border: 1px solid;
  border-radius: 50%;
  padding: 1px 2px;
  margin-right: 10px;
}
.popover .alohaPopoverContainer .alohaPopoverBody {
  padding: 10px 20px 20px;
}
.popover .alohaPopoverContainer .alohaPopoverBodyForCompleted {
  padding: 10px 20px 40px;
}
.popover .alohaPopoverContainer .alohaPopoverFooter {
  height: 60px;
  text-align: right;
  padding-right: 5px;
  padding: 15px 20px 20px 20px;
  margin-top: 0px;
  border-top: 1px solid #ebeff5;
}

.popover.scheduleSummaryPopover {
  min-width: 350px !important;
  left: -105px;
  width: 10vh;
}
.popover.scheduleSummaryPopover .alohaPopoverContainer {
  padding: 10px 10px 25px;
}
.popover.scheduleSummaryPopover .popover-title {
  background-color: #fff;
  border-bottom: 1px solid #0074f1;
  color: #132443;
}
.popover.scheduleSummaryPopover .alohaPopoverHeader {
  height: auto;
}
.popover.scheduleSummaryPopover .alohaPopoverHeader i[icon-name=iWindowClose-md] {
  top: 4px;
  position: absolute;
  right: 0px;
}

.popover.moreAppointmentsPopover {
  position: fixed;
  margin-top: 170px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .popover {
    min-width: 40vw !important;
    max-width: 40vw !important;
  }
}
.popover-x.popover {
  position: absolute;
  min-width: 180px;
  max-width: 31vw;
  padding: 0px;
  text-align: left;
  background-color: #76859c;
  border: none;
  border-radius: 10px !important;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  outline: none;
}
.popover-x.popover .arrow {
  border-right-color: transparent !important;
}
.popover-x.popover .arrow:after {
  bottom: -5px !important;
  border-right-color: #76859c !important;
}
.popover-x.popover .popover-content {
  padding: 10px 15px 0px;
  color: #ffffff;
}
.popover-x.popover .popover-content ul {
  padding: 0 !important;
}
.popover-x.popover .popover-content ul li {
  list-style-type: none;
}

@keyframes dot-keyframes {
  0% {
    opacity: 0.4;
    transform: scale(1, 1);
  }
  50% {
    opacity: 1;
    transform: scale(1.2, 1.2);
  }
  100% {
    opacity: 0.4;
    transform: scale(1, 1);
  }
}
.loading-dots {
  text-align: center;
  width: 100%;
  position: absolute;
  left: 15%;
  margin-top: 25%;
}
.loading-dots--dot {
  animation: dot-keyframes 1.5s infinite ease-in-out;
  border-radius: 10px;
  display: inline-block;
  height: 10px;
  width: 10px;
}
.loading-dots--dot:nth-child(2) {
  animation-delay: 0.5s;
}
.loading-dots--dot:nth-child(3) {
  animation-delay: 1s;
}

/** Styles for iOS ***/
body.iOS .popover {
  min-width: 575px;
  max-width: 575px;
}

.aloha-popover .alohaPopoverContainer {
  outline: none;
}
.aloha-popover .alohaPopoverContainer .alohaPopoverHeader {
  height: 100px;
}
.aloha-popover .alohaPopoverContainer .alohaPopoverHeader label {
  color: #ffffff !important;
  padding: 0px 35px;
  white-space: nowrap;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aloha-popover .alohaPopoverContainer .alohaPopoverHeader .alohaPopoverHeader_icons {
  float: right !important;
  padding: 3px;
  text-align: right;
}
.aloha-popover .alohaPopoverContainer .alohaPopoverHeader .alohaPopoverHeader_icons i {
  padding: 10px;
  color: #ffffff !important;
}
.aloha-popover .alohaPopoverContainer .alohaPopoverHeader .alohaPopoverHeader_icons i:hover {
  border-radius: 50%;
  background-color: #0074f1;
  filter: brightness(130%);
}
.aloha-popover .alohaPopoverContainer .alohaPopover_editIcon {
  margin-top: -20px;
  padding-left: 20px;
}
.aloha-popover .alohaPopoverContainer .alohaPopover_editIcon i {
  color: #ffffff !important;
  padding: 10px;
  border: 1px solid;
  border-radius: 50%;
  filter: brightness(130%);
  box-shadow: 0px 5px 5px 0px rgba(92, 92, 92, 0.5);
  -moz-box-shadow: 0px 5px 5px 0px rgba(92, 92, 92, 0.5);
  -webkit-box-shadow: 0px 5px 5px 0px rgba(92, 92, 92, 0.5);
}
.aloha-popover .alohaPopoverContainer .alohaPopover_statusIcon {
  float: right;
  border: 1px solid;
  border-radius: 50%;
  padding: 1px 2px;
  margin-right: 10px;
}
.aloha-popover .alohaPopoverContainer .alohaPopoverBody {
  padding: 10px 20px 20px;
}
.aloha-popover .alohaPopoverContainer .alohaPopoverBodyForCompleted {
  padding: 10px 20px 40px;
}
.aloha-popover .alohaPopoverContainer .alohaPopoverFooter {
  height: 60px;
  text-align: right;
  padding-right: 5px;
  padding: 15px 20px 20px 20px;
  margin-top: 0px;
  border-top: 1px solid #ebeff5;
}

.schedulePOPup .default-preview .modal-content {
  width: 595.188px;
  height: 340px;
}
.schedulePOPup .default-preview .modal-content .popupbodyscroll {
  overflow-y: unset !important;
}
.schedulePOPup .default-preview .modal-content .modal-body {
  padding: 0px !important;
}

/*----------------------- Aloha Icons ------------------------------ */
alohaGlyphicons, .cms1500BackgroundImage .cmsCheckbox input:checked:after, .alohaIcon {
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  cursor: pointer;
}

.alohaIcon {
  color: #76859c;
}

.alohaDarkIcon {
  color: #132443;
}

.alohaLabelIcon {
  color: #76859c;
}

.alohaWhiteIcon {
  color: #ffffff !important;
}

i[icon-color=iDashboard-xs]:before {
  content: "\f56e";
  font-size: 10px;
}

/****DASHBOARD***/
i[icon-name=iDashboard-xs]:before {
  content: "\f56e";
  font-size: 10px;
}

i[icon-name=iDashboard-sm]:before {
  content: "\f56e";
  font-size: 12px;
}

i[icon-name=iDashboard-md]:before {
  content: "\f56e";
  font-size: 18px;
}

i[icon-name=iDashboard-lg]:before {
  content: "\f56e";
  font-size: 24px;
}

i[icon-name=iDashboard-xl]:before {
  content: "\f56e";
  font-size: 30px;
}

/****STAFF***/
i[icon-name=iStaff-xs]:before {
  content: "\f004";
  font-size: 10px;
}

i[icon-name=iStaff-sm]:before {
  content: "\f004";
  font-size: 12px;
}

i[icon-name=iStaff-md]:before {
  content: "\f004";
  font-size: 18px;
}

i[icon-name=iStaff-lg]:before {
  content: "\f004";
  font-size: 24px;
}

i[icon-name=iStaff-xl]:before {
  content: "\f004";
  font-size: 30px;
}

/****CLIENT***/
i[icon-name=iClient-xs]:before {
  content: "\f00e";
  font-size: 10px;
}

i[icon-name=iClient-sm]:before {
  content: "\f00e";
  font-size: 12px;
}

i[icon-name=iClient-md]:before {
  content: "\f00e";
  font-size: 18px;
}

i[icon-name=iClient-lg]:before {
  content: "\f00e";
  font-size: 24px;
}

i[icon-name=iClient-xl]:before {
  content: "\f00e";
  font-size: 30px;
}

/****PAYER***/
i[icon-name=iPayer-xs]:before {
  content: " \f070";
  font-size: 10px;
}

i[icon-name=iPayer-sm]:before {
  content: " \f070";
  font-size: 12px;
}

i[icon-name=iPayer-md]:before {
  content: " \f070";
  font-size: 18px;
}

i[icon-name=iPayer-lg]:before {
  content: " \f070";
  font-size: 24px;
}

i[icon-name=iPayer-xl]:before {
  content: " \f070";
  font-size: 30px;
}

/****CALENDAR***/
i[icon-name=iCalendar-xs]:before {
  content: "\f0ed";
  font-size: 10px;
}

i[icon-name=iCalendar-sm]:before {
  content: "\f0ed";
  font-size: 12px;
}

i[icon-name=iCalendar-md]:before {
  content: "\f0ed";
  font-size: 18px;
}

i[icon-name=iCalendar-lg]:before {
  content: "\f0ed";
  font-size: 24px;
}

i[icon-name=iCalendar-xl]:before {
  content: "\f0ed";
  font-size: 30px;
}

/****BILLING***
i[icon-name="iBilling-xs"]:before {
	content: $hexBilling;
	font-size: $Icon-xs;
}
 i[icon-name="iBilling-sm"]:before {
	content: $hexBilling;
	font-size: $Icon-sm;
}
 i[icon-name="iBilling-md"]:before {
	content: $hexBilling;
	font-size: $Icon-md;
}
 i[icon-name="iBilling-lg"]:before {
	content: $hexBilling;
	font-size: $Icon-lg;
}
 i[icon-name="iBilling-xl"]:before {
	content: $hexBilling;
	font-size: $Icon-xl;
}
 /****PAYROLL***
i[icon-name="iPayroll-xs"]:before {
	content: $hexPayroll;
	font-size: $Icon-xs;
}
 i[icon-name="iPayroll-sm"]:before {
	content: $hexPayroll;
	font-size: $Icon-sm;
}
 i[icon-name="iPayroll-md"]:before {
	content: $hexPayroll;
	font-size: $Icon-md;
}
 i[icon-name="iPayroll-lg"]:before {
	content: $hexPayroll;
	font-size: $Icon-lg;
}
 i[icon-name="iPayroll-xl"]:before {
	content: $hexPayroll;
	font-size: $Icon-xl;
}
 /****REPORT***/
i[icon-name=iReports-xs]:before {
  content: "\f128";
  font-size: 10px;
}

i[icon-name=iReports-sm]:before {
  content: "\f128";
  font-size: 12px;
}

i[icon-name=iReports-md]:before {
  content: "\f128";
  font-size: 18px;
}

i[icon-name=iReports-lg]:before {
  content: "\f128";
  font-size: 24px;
}

i[icon-name=iReports-xl]:before {
  content: "\f128";
  font-size: 30px;
}

/****SETTINGS***/
i[icon-name=iSettings-xs]:before {
  content: "\f493";
  font-size: 10px;
}

i[icon-name=iSettings-sm]:before {
  content: "\f493";
  font-size: 12px;
}

i[icon-name=iSettings-md]:before {
  content: "\f493";
  font-size: 18px;
}

i[icon-name=iSettings-lg]:before {
  content: "\f493";
  font-size: 24px;
}

i[icon-name=iSettings-xl]:before {
  content: "\f493";
  font-size: 30px;
}

/****ACTIVITY LOG***/
i[icon-name=iActivitylog-xs]:before {
  content: "\f2da";
  font-size: 10px;
}

i[icon-name=iActivitylog-sm]:before {
  content: "\f2da";
  font-size: 12px;
}

i[icon-name=iActivitylog-md]:before {
  content: "\f2da";
  font-size: 18px;
}

i[icon-name=iActivitylog-lg]:before {
  content: "\f2da";
  font-size: 24px;
}

i[icon-name=iActivitylog-xl]:before {
  content: "\f2da";
  font-size: 30px;
}

/****MESSAGE***/
i[icon-name=iMessage-xs]:before {
  content: " \f1ee";
  font-size: 10px;
}

i[icon-name=iMessage-sm]:before {
  content: " \f1ee";
  font-size: 12px;
}

i[icon-name=iMessage-md]:before {
  content: " \f1ee";
  font-size: 18px;
}

i[icon-name=iMessage-lg]:before {
  content: " \f1ee";
  font-size: 24px;
}

i[icon-name=iMessage-xl]:before {
  content: " \f1ee";
  font-size: 30px;
}

/****NOTIFICATION***/
i[icon-name=iNotification-xs]:before {
  content: " \f09a";
  font-size: 10px;
}

i[icon-name=iNotification-sm]:before {
  content: " \f09a";
  font-size: 12px;
}

i[icon-name=iNotification-md]:before {
  content: " \f09a";
  font-size: 18px;
}

i[icon-name=iNotification-lg]:before {
  content: " \f09a";
  font-size: 24px;
}

i[icon-name=iNotification-xl]:before {
  content: " \f09a";
  font-size: 30px;
}

/*******Cabinet********/
i[icon-name=iCabinet-xs]:before {
  content: "\f17c";
  font-size: 10px;
}

i[icon-name=iCabinet-sm]:before {
  content: "\f17c";
  font-size: 12px;
}

i[icon-name=iCabinet-md]:before {
  content: "\f17c";
  font-size: 18px;
}

i[icon-name=iCabinet-lg]:before {
  content: "\f17c";
  font-size: 24px;
}

i[icon-name=iCabinet-xl]:before {
  content: "\f17c";
  font-size: 30px;
}

/****FILTER***/
i[icon-name=iFilter-xs]:before {
  content: "\f233";
  font-size: 10px;
}

i[icon-name=iFilter-sm]:before {
  content: "\f233";
  font-size: 12px;
}

i[icon-name=iFilter-md]:before {
  content: "\f233";
  font-size: 18px;
}

i[icon-name=iFilter-lg]:before {
  content: "\f233";
  font-size: 24px;
}

i[icon-name=iFilter-xl]:before {
  content: "\f233";
  font-size: 30px;
}

/****REMOVE FILTER***/
i[icon-name=iRemoveFilter-xs]:before {
  content: "\f235";
  font-size: 10px;
}

i[icon-name=iRemoveFilter-sm]:before {
  content: "\f235";
  font-size: 12px;
}

i[icon-name=iRemoveFilter-md]:before {
  content: "\f235";
  font-size: 18px;
}

i[icon-name=iRemoveFilter-lg]:before {
  content: "\f235";
  font-size: 24px;
}

i[icon-name=iRemoveFilter-xl]:before {
  content: "\f235";
  font-size: 30px;
}

/****DOWN ARROW***/
i[icon-name=iDownArrow-xs]:before {
  content: "\f140";
  font-size: 10px;
}

i[icon-name=iDownArrow-sm]:before {
  content: "\f140";
  font-size: 12px;
}

i[icon-name=iDownArrow-md]:before {
  content: "\f140";
  font-size: 18px;
}

i[icon-name=iDownArrow-lg]:before {
  content: "\f140";
  font-size: 24px;
}

i[icon-name=iDownArrow-xl]:before {
  content: "\f140";
  font-size: 30px;
}

/****LEFT ARROW***/
i[icon-name=iLeftArrow-xs]:before {
  content: "\f141";
  font-size: 10px;
}

i[icon-name=iLeftArrow-sm]:before {
  content: "\f141";
  font-size: 12px;
}

i[icon-name=iLeftArrow-md]:before {
  content: "\f141";
  font-size: 18px;
}

i[icon-name=iLeftArrow-lg]:before {
  content: "\f141";
  font-size: 24px;
}

i[icon-name=iLeftArrow-xl]:before {
  content: "\f141";
  font-size: 30px;
}

/****RIGHT ARROWS***/
i[icon-name=iRightArrow-xs]:before {
  content: "\f142";
  font-size: 10px;
}

i[icon-name=iRightArrow-sm]:before {
  content: "\f142";
  font-size: 12px;
}

i[icon-name=iRightArrow-md]:before {
  content: "\f142";
  font-size: 18px;
}

i[icon-name=iRightArrow-lg]:before {
  content: "\f142";
  font-size: 24px;
}

i[icon-name=iRightArrow-xl]:before {
  content: "\f142";
  font-size: 30px;
}

/****TOP ARROW***/
i[icon-name=iTopArrow-xs]:before {
  content: "\f143";
  font-size: 10px;
}

i[icon-name=iTopArrow-sm]:before {
  content: "\f143";
  font-size: 12px;
}

i[icon-name=iTopArrow-md]:before {
  content: "\f143";
  font-size: 18px;
}

i[icon-name=iTopArrow-lg]:before {
  content: "\f143";
  font-size: 24px;
}

i[icon-name=iTopArrow-xl]:before {
  content: "\f143";
  font-size: 30px;
}

/****LEFT Double ARROW***/
i[icon-name=iLeftdoubleArrow-xs]:before {
  content: "\f13d";
  font-size: 10px;
}

i[icon-name=iLeftdoubleArrow-sm]:before {
  content: "\f13d";
  font-size: 12px;
}

i[icon-name=iLeftdoubleArrow-md]:before {
  content: "\f13d";
  font-size: 18px;
}

i[icon-name=iLeftdoubleArrow-lg]:before {
  content: "\f13d";
  font-size: 24px;
}

i[icon-name=iLeftdoubleArrow-xl]:before {
  content: "\f13d";
  font-size: 30px;
}

/****RIGHT Double ARROWS***/
i[icon-name=iRightdoubleArrow-xs]:before {
  content: "\f13e";
  font-size: 10px;
}

i[icon-name=iRightdoubleArrow-sm]:before {
  content: "\f13e";
  font-size: 12px;
}

i[icon-name=iRightdoubleArrow-md]:before {
  content: "\f13e";
  font-size: 18px;
}

i[icon-name=iRightdoubleArrow-lg]:before {
  content: "\f13e";
  font-size: 24px;
}

i[icon-name=iRightdoubleArrow-xl]:before {
  content: "\f13e";
  font-size: 30px;
}

/****MENU UP***/
i[icon-name=iMenuUp-xs]:before {
  content: "\f360";
  font-size: 10px;
}

i[icon-name=iMenuUp-sm]:before {
  content: "\f360";
  font-size: 12px;
}

i[icon-name=iMenuUp-md]:before {
  content: "\f360";
  font-size: 18px;
}

i[icon-name=iMenuUp-lg]:before {
  content: "\f360";
  font-size: 24px;
}

i[icon-name=iMenuUp-lg]:before {
  content: "\f360";
  font-size: 24px;
}

i[icon-name=iMenuUpt-lg]:before {
  content: "\f360";
  font-size: 24px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  display: inline-block;
}

i[icon-name=iMenuUp-xl]:before {
  content: "\f360";
  font-size: 30px;
}

/****MENU DOWN***/
i[icon-name=iMenuDown-xs]:before {
  content: "\f35d";
  font-size: 10px;
}

i[icon-name=iMenuDown-sm]:before {
  content: "\f35d";
  font-size: 12px;
}

i[icon-name=iMenuDown-md]:before {
  content: "\f35d";
  font-size: 18px;
}

i[icon-name=iMenuDown-lg]:before {
  content: "\f35d";
  font-size: 24px;
}

i[icon-name=iMenuDown-xl]:before {
  content: "\f35d";
  font-size: 30px;
}

/****CLOSE-BOX OUTLINE***/
i[icon-name=iCloseboxOutline-xs]:before {
  content: "\f158";
  font-size: 10px;
}

i[icon-name=iCloseboxOutline-sm]:before {
  content: "\f158";
  font-size: 12px;
}

i[icon-name=iCloseboxOutline-md]:before {
  content: "\f158";
  font-size: 18px;
}

i[icon-name=iCloseboxOutline-lg]:before {
  content: "\f158";
  font-size: 24px;
}

i[icon-name=iCloseboxOutline-xl]:before {
  content: "\f158";
  font-size: 30px;
}

/****EDIT-BOX OUTLINE***/
i[icon-name=iEditboxOutline-xs]:before {
  content: "\f3ed";
  font-size: 10px;
}

i[icon-name=iEditboxOutline-sm]:before {
  content: "\f3ed";
  font-size: 12px;
}

i[icon-name=iEditboxOutline-md]:before {
  content: "\f3ed";
  font-size: 18px;
}

i[icon-name=iEditboxOutline-lg]:before {
  content: "\f3ed";
  font-size: 24px;
}

i[icon-name=iEditboxOutline-xl]:before {
  content: "\f3ed";
  font-size: 30px;
}

/****DELETE CIRCLE***/
i[icon-name=iDeleteCircle-xs]:before {
  content: "\f682";
  font-size: 10px;
}

i[icon-name=iDeleteCircle-sm]:before {
  content: "\f682";
  font-size: 12px;
}

i[icon-name=iDeleteCircle-md]:before {
  content: "\f682";
  font-size: 18px;
}

i[icon-name=iDeleteCircle-lg]:before {
  content: "\f682";
  font-size: 24px;
}

i[icon-name=iDeleteCircle-xl]:before {
  content: "\f682";
  font-size: 30px;
}

/****DELETE***/
i[icon-name=iDelete-xs]:before {
  content: "\f1c0";
  font-size: 10px;
}

i[icon-name=iDelete-sm]:before {
  content: "\f1c0";
  font-size: 12px;
}

i[icon-name=iDelete-md]:before {
  content: "\f1c0";
  font-size: 18px;
}

i[icon-name=iDelete-lg]:before {
  content: "\f1c0";
  font-size: 24px;
}

i[icon-name=iDelete-xl]:before {
  content: "\f1c0";
  font-size: 30px;
}

/****WINDOW CLOSE***/
i[icon-name=iWindowClose-xs]:before {
  content: "\f5ad";
  font-size: 10px;
}

i[icon-name=iWindowClose-sm]:before {
  content: "\f5ad";
  font-size: 12px;
}

i[icon-name=iWindowClose-md]:before {
  content: "\f5ad";
  font-size: 18px;
}

i[icon-name=iWindowClose-lg]:before {
  content: "\f5ad";
  font-size: 24px;
}

i[icon-name=iWindowClose-xl]:before {
  content: "\f5ad";
  font-size: 30px;
}

/****PLUS***/
i[icon-name=iPlus-xs]:before {
  content: "\f415";
  font-size: 10px;
}

i[icon-name=iPlus-sm]:before {
  content: "\f415";
  font-size: 12px;
}

i[icon-name=iPlus-md]:before {
  content: "\f415";
  font-size: 18px;
}

i[icon-name=iPlus-lg]:before {
  content: "\f415";
  font-size: 24px;
}

i[icon-name=iPlus-xl]:before {
  content: "\f415";
  font-size: 30px;
}

/****PLUS-BOX OUTLINE***/
i[icon-name=iPlusboxOutline-xs]:before {
  content: "\f703";
  font-size: 10px;
}

i[icon-name=iPlusboxOutline-sm]:before {
  content: "\f703";
  font-size: 12px;
}

i[icon-name=iPlusboxOutline-md]:before {
  content: "\f703";
  font-size: 18px;
}

i[icon-name=iPlusboxOutline-lg]:before {
  content: "\f703";
  font-size: 24px;
}

i[icon-name=iPlusboxOutline-xl]:before {
  content: "\f703";
  font-size: 30px;
}

/****PLUS CIRCLE***/
i[icon-name=iPlusCircle-xs]:before {
  content: " \f417";
  font-size: 10px;
}

i[icon-name=iPlusCircle-sm]:before {
  content: " \f417";
  font-size: 12px;
}

i[icon-name=iPlusCircle-md]:before {
  content: " \f417";
  font-size: 18px;
}

i[icon-name=iPlusCircle-lg]:before {
  content: " \f417";
  font-size: 24px;
}

i[icon-name=iPlusCircle-xl]:before {
  content: " \f417";
  font-size: 30px;
}

/****PLUS CIRCLE OUTLINE***/
i[icon-name=iPlusCircleOutline-xs]:before {
  content: " \f419";
  font-size: 10px;
}

i[icon-name=iPlusCircleOutline-sm]:before {
  content: " \f419";
  font-size: 12px;
}

i[icon-name=iPlusCircleOutline-md]:before {
  content: " \f419";
  font-size: 18px;
}

i[icon-name=iPlusCircleOutline-lg]:before {
  content: " \f419";
  font-size: 24px;
}

i[icon-name=iPlusCircleOutline-xl]:before {
  content: " \f419";
  font-size: 30px;
}

/****Magnify Plus Outline-BOX OUTLINE***/
i[icon-name=iMagnifyPlusOutline-xs]:before {
  content: "\f6ec";
  font-size: 10px;
}

i[icon-name=iMagnifyPlusOutline-sm]:before {
  content: "\f6ec";
  font-size: 12px;
}

i[icon-name=iMagnifyPlusOutline-md]:before {
  content: "\f6ec";
  font-size: 18px;
}

i[icon-name=iMagnifyPlusOutline-lg]:before {
  content: "\f6ec";
  font-size: 24px;
}

i[icon-name=iMagnifyPlusOutline-xl]:before {
  content: "\f6ec";
  font-size: 30px;
}

/****MINUS***/
i[icon-name=iMinus-xs]:before {
  content: " \f374";
  font-size: 10px;
}

i[icon-name=iMinus-sm]:before {
  content: " \f374";
  font-size: 12px;
}

i[icon-name=iMinus-md]:before {
  content: " \f374";
  font-size: 18px;
}

i[icon-name=iMinus-lg]:before {
  content: " \f374";
  font-size: 24px;
}

i[icon-name=iMinus-xl]:before {
  content: " \f374";
  font-size: 30px;
}

/****MINUS-BOX OUTLINE***/
i[icon-name=iMinusboxOutline-xs]:before {
  content: " \f6f1";
  font-size: 10px;
}

i[icon-name=iMinusboxOutline-sm]:before {
  content: " \f6f1";
  font-size: 12px;
}

i[icon-name=iMinusboxOutline-md]:before {
  content: " \f6f1";
  font-size: 18px;
}

i[icon-name=iMinusboxOutline-lg]:before {
  content: " \f6f1";
  font-size: 24px;
}

i[icon-name=iMinusboxOutline-xl]:before {
  content: " \f6f1";
  font-size: 26px;
}

/****MINUS CIRCLE***/
i[icon-name=iMinusCircle-xs]:before {
  content: "\f376";
  font-size: 10px;
}

i[icon-name=iMinusCircle-sm]:before {
  content: "\f376";
  font-size: 12px;
}

i[icon-name=iMinusCircle-md]:before {
  content: "\f376";
  font-size: 18px;
}

i[icon-name=iMinusCircle-lg]:before {
  content: "\f376";
  font-size: 24px;
}

i[icon-name=iMinusCircle-xl]:before {
  content: "\f376";
  font-size: 30px;
}

/****Magnify Minus Outline-BOX OUTLINE***/
i[icon-name=iMagnifyMinusOutline-xs]:before {
  content: "\f6eb";
  font-size: 10px;
}

i[icon-name=iMagnifyMinusOutline-sm]:before {
  content: "\f6eb";
  font-size: 12px;
}

i[icon-name=iMagnifyMinusOutline-md]:before {
  content: "\f6eb";
  font-size: 18px;
}

i[icon-name=iMagnifyMinusOutline-lg]:before {
  content: "\f6eb";
  font-size: 24px;
}

i[icon-name=iMagnifyMinusOutline-xl]:before {
  content: "\f6eb";
  font-size: 30px;
}

/****LOCK***/
i[icon-name=iLock-xs]:before {
  content: "\f33e";
  font-size: 10px;
}

i[icon-name=iLock-sm]:before {
  content: "\f33e";
  font-size: 12px;
}

i[icon-name=iLock-md]:before {
  content: "\f33e";
  font-size: 18px;
}

i[icon-name=iLock-lg]:before {
  content: "\f33e";
  font-size: 24px;
}

i[icon-name=iLock-xl]:before {
  content: "\f33e";
  font-size: 30px;
}

/****LOCK OUTLINE***/
i[icon-name=iLockOutline-xs]:before {
  content: "\f341";
  font-size: 10px;
}

i[icon-name=iLockOutline-sm]:before {
  content: "\f341";
  font-size: 12px;
}

i[icon-name=iLockOutline-md]:before {
  content: "\f341";
  font-size: 18px;
}

i[icon-name=iLockOutline-lg]:before {
  content: "\f341";
  font-size: 24px;
}

i[icon-name=iLockOutline-xl]:before {
  content: "\f341";
  font-size: 30px;
}

/****UNLOCK OUTLINE***/
i[icon-name=iUnlockOutline-xs]:before {
  content: "\f340";
  font-size: 10px;
}

i[icon-name=iUnlockOutline-sm]:before {
  content: "\f340";
  font-size: 12px;
}

i[icon-name=iUnlockOutline-md]:before {
  content: "\f340";
  font-size: 18px;
}

i[icon-name=iUnlockOutline-lg]:before {
  content: "\f340";
  font-size: 24px;
}

i[icon-name=iUnlockOutline-xl]:before {
  content: "\f340";
  font-size: 30px;
}

/****SEARCH***/
i[icon-name=iSearch-xs]:before {
  content: "\f349";
  font-size: 10px;
}

i[icon-name=iSearch-sm]:before {
  content: "\f349";
  font-size: 12px;
}

i[icon-name=iSearch-md]:before {
  content: "\f349";
  font-size: 18px;
}

i[icon-name=iSearch-lg]:before {
  content: "\f349";
  font-size: 24px;
}

i[icon-name=iSearch-xl]:before {
  content: "\f349";
  font-size: 30px;
}

/****MENU***/
i[icon-name=iMenu-xs]:before {
  content: "\f35c";
  font-size: 10px;
}

i[icon-name=iMenu-sm]:before {
  content: "\f35c";
  font-size: 12px;
}

i[icon-name=iMenu-md]:before {
  content: "\f35c";
  font-size: 18px;
}

i[icon-name=iMenu-lg]:before {
  content: "\f35c";
  font-size: 24px;
}

i[icon-name=iMenu-xl]:before {
  content: "\f35c";
  font-size: 30px;
}

/****CHECK***/
i[icon-name=iCheck-xs]:before {
  content: "\f12c";
  font-size: 10px;
}

i[icon-name=iCheck-sm]:before {
  content: "\f12c";
  font-size: 12px;
}

i[icon-name=iCheck-md]:before {
  content: "\f12c";
  font-size: 18px;
}

i[icon-name=iCheck-lg]:before {
  content: "\f12c";
  font-size: 24px;
}

i[icon-name=iCheck-xl]:before {
  content: "\f12c";
  font-size: 30px;
}

/****CHECKBOX BLANK OUTLINE***/
i[icon-name=iCheckboxBlankOutline-xs]:before {
  content: "\f131";
  font-size: 10px;
}

i[icon-name=iCheckboxBlankOutline-sm]:before {
  content: "\f131";
  font-size: 12px;
}

i[icon-name=iCheckboxBlankOutline-md]:before {
  content: "\f131";
  font-size: 18px;
}

i[icon-name=iCheckboxBlankOutline-lg]:before {
  content: "\f131";
  font-size: 24px;
}

i[icon-name=iCheckboxBlankOutline-xl]:before {
  content: "\f131";
  font-size: 26px;
}

/****CKECKBOX MARKED***/
i[icon-name=iCheckboxMarked-xs]:before {
  content: "\f132";
  font-size: 10px;
}

i[icon-name=iCheckboxMarked-sm]:before {
  content: "\f132";
  font-size: 12px;
}

i[icon-name=iCheckboxMarked-md]:before {
  content: "\f132";
  font-size: 18px;
}

i[icon-name=iCheckboxMarked-lg]:before {
  content: "\f132";
  font-size: 24px;
}

i[icon-name=iCheckboxMarked-xl]:before {
  content: "\f132";
  font-size: 26px;
}

/****RADIO-BOX BLANK***/
i[icon-name=iRadioboxBlank-xs]:before {
  content: "\f43d";
  font-size: 10px;
}

i[icon-name=iRadioboxBlank-sm]:before {
  content: "\f43d";
  font-size: 12px;
}

i[icon-name=iRadioboxBlank-md]:before {
  content: "\f43d";
  font-size: 18px;
}

i[icon-name=iRadioboxBlank-lg]:before {
  content: "\f43d";
  font-size: 24px;
}

i[icon-name=iRadioboxBlank-xl]:before {
  content: "\f43d";
  font-size: 30px;
}

/****RADIO-BOX BLANK MARKED***/
i[icon-name=iRadioboxBlankMarked-xs]:before {
  content: " \f43e";
  font-size: 10px;
}

i[icon-name=iRadioboxBlankMarked-sm]:before {
  content: " \f43e";
  font-size: 12px;
}

i[icon-name=iRadioboxBlankMarked-md]:before {
  content: " \f43e";
  font-size: 18px;
}

i[icon-name=iRadioboxBlankMarked-lg]:before {
  content: " \f43e";
  font-size: 24px;
}

i[icon-name=iRadioboxBlankMarked-xl]:before {
  content: " \f43e";
  font-size: 30px;
}

/****DOWN DROP CIRCLE***/
i[icon-name=iDowndropCircle-xs]:before {
  content: "\f04a";
  font-size: 10px;
}

i[icon-name=iDowndropCircle-sm]:before {
  content: "\f04a";
  font-size: 12px;
}

i[icon-name=iDowndropCircle-md]:before {
  content: "\f04a";
  font-size: 18px;
}

i[icon-name=iDowndropCircle-lg]:before {
  content: "\f04a";
  font-size: 24px;
}

i[icon-name=iDowndropCircle-xl]:before {
  content: "\f04a";
  font-size: 30px;
}

/****DOWN DROP CIRCLE OUTLINE***/
i[icon-name=iDowndropCircleOutline-xs]:before {
  content: "\f04b";
  font-size: 10px;
}

i[icon-name=iDowndropCircleOutline-sm]:before {
  content: "\f04b";
  font-size: 12px;
}

i[icon-name=iDowndropCircleOutline-md]:before {
  content: "\f04b";
  font-size: 18px;
}

i[icon-name=iDowndropCircleOutline-lg]:before {
  content: "\f04b";
  font-size: 24px;
}

i[icon-name=iDowndropCircleOutline-xl]:before {
  content: "\f04b";
  font-size: 30px;
}

/****MAP***/
i[icon-name=iMap-xs]:before {
  content: "\f7d8";
  font-size: 10px;
}

i[icon-name=iMap-sm]:before {
  content: "\f7d8";
  font-size: 12px;
}

i[icon-name=iMap-md]:before {
  content: "\f7d8";
  font-size: 18px;
}

i[icon-name=iMap-lg]:before {
  content: "\f7d8";
  font-size: 24px;
}

i[icon-name=iMap-xl]:before {
  content: "\f7d8";
  font-size: 30px;
}

/****PHONE***/
i[icon-name=iPhone-xs]:before {
  content: "\f3f2";
  font-size: 10px;
}

i[icon-name=iPhone-sm]:before {
  content: "\f3f2";
  font-size: 12px;
}

i[icon-name=iPhone-md]:before {
  content: "\f3f2";
  font-size: 18px;
}

i[icon-name=iPhone-lg]:before {
  content: "\f3f2";
  font-size: 24px;
}

i[icon-name=iPhone-xl]:before {
  content: "\f3f2";
  font-size: 30px;
}

/****MAIL OUTLINE***/
i[icon-name=iMailOutline-xs]:before {
  content: "\f1f0";
  font-size: 10px;
}

i[icon-name=iMailOutline-sm]:before {
  content: "\f1f0";
  font-size: 12px;
}

i[icon-name=iMailOutline-md]:before {
  content: "\f1f0";
  font-size: 18px;
}

i[icon-name=iMailOutline-lg]:before {
  content: "\f1f0";
  font-size: 24px;
}

i[icon-name=iMailOutline-xl]:before {
  content: "\f1f0";
  font-size: 30px;
}

/****PRINTER***/
i[icon-name=iPrinter-xs]:before {
  content: "\f42a";
  font-size: 10px;
}

i[icon-name=iPrinter-sm]:before {
  content: "\f42a";
  font-size: 12px;
}

i[icon-name=iPrinter-md]:before {
  content: "\f42a";
  font-size: 18px;
}

i[icon-name=iPrinter-lg]:before {
  content: "\f42a";
  font-size: 24px;
}

i[icon-name=iPrinter-xl]:before {
  content: "\f42a";
  font-size: 30px;
}

/****SORT-AZ***/
i[icon-name=iSortAZ-xs]:before {
  content: "\f4bb";
  font-size: 10px;
}

i[icon-name=iSortAZ-sm]:before {
  content: "\f4bb";
  font-size: 12px;
}

i[icon-name=iSortAZ-md]:before {
  content: "\f4bb";
  font-size: 18px;
}

i[icon-name=iSortAZ-lg]:before {
  content: "\f4bb";
  font-size: 24px;
}

i[icon-name=iSortAZ-xl]:before {
  content: "\f4bb";
  font-size: 30px;
}

/****INFO***/
i[icon-name=iInfo-xs]:before {
  content: "\f2fd";
  font-size: 10px;
}

i[icon-name=iInfo-sm]:before {
  content: "\f2fd";
  font-size: 12px;
}

i[icon-name=iInfo-md]:before {
  content: "\f2fd";
  font-size: 18px;
}

i[icon-name=iInfo-lg]:before {
  content: "\f2fd";
  font-size: 24px;
}

i[icon-name=iInfo-xl]:before {
  content: "\f2fd";
  font-size: 30px;
}

/****ALERT***/
i[icon-name=iAlert-xs]:before {
  content: "\f02a";
  font-size: 10px;
}

i[icon-name=iAlert-sm]:before {
  content: "\f02a";
  font-size: 12px;
}

i[icon-name=iAlert-md]:before {
  content: "\f02a";
  font-size: 18px;
}

i[icon-name=iAlert-lg]:before {
  content: "\f02a";
  font-size: 24px;
}

i[icon-name=iAlert-xl]:before {
  content: "\f02a";
  font-size: 30px;
}

/****ATTACHMENT***/
i[icon-name=iAttachment-xs]:before {
  content: "\f066";
  font-size: 10px;
}

i[icon-name=iAttachment-sm]:before {
  content: "\f066";
  font-size: 12px;
}

i[icon-name=iAttachment-md]:before {
  content: "\f066";
  font-size: 18px;
}

i[icon-name=iAttachment-lg]:before {
  content: "\f066";
  font-size: 24px;
}

i[icon-name=iAttachment-xl]:before {
  content: "\f066";
  font-size: 30px;
}

/****ATTACHMENT***/
i[icon-name=iPaperClip-xs]:before {
  content: "\f3e2";
  font-size: 10px;
}

i[icon-name=iPaperClip-sm]:before {
  content: "\f3e2";
  font-size: 12px;
}

i[icon-name=iPaperClip-md]:before {
  content: "\f3e2";
  font-size: 18px;
}

i[icon-name=iPaperClip-lg]:before {
  content: "\f3e2";
  font-size: 24px;
}

i[icon-name=iPaperClip-xl]:before {
  content: "\f3e2";
  font-size: 30px;
}

/****CAR***/
i[icon-name=iCar-xs]:before {
  content: "\f10b";
  font-size: 10px;
}

i[icon-name=iCar-sm]:before {
  content: "\f10b";
  font-size: 12px;
}

i[icon-name=iCar-md]:before {
  content: "\f10b";
  font-size: 18px;
}

i[icon-name=iCar-lg]:before {
  content: "\f10b";
  font-size: 24px;
}

i[icon-name=iCar-xl]:before {
  content: "\f10b";
  font-size: 30px;
}

/****CALENDAR PLUS***/
i[icon-name=iCalendarPlus-xs]:before {
  content: "\f0f3";
  font-size: 10px;
}

i[icon-name=iCalendarPlus-sm]:before {
  content: "\f0f3";
  font-size: 12px;
}

i[icon-name=iCalendarPlus-md]:before {
  content: "\f0f3";
  font-size: 18px;
}

i[icon-name=iCalendarPlus-lg]:before {
  content: "\f0f3";
  font-size: 24px;
}

i[icon-name=iCalendarPlus-xl]:before {
  content: "\f0f3";
  font-size: 30px;
}

/****CALENDAR CHECK***/
i[icon-name=iCalendarCheck-xs]:before {
  content: " \f0ef";
  font-size: 10px;
}

i[icon-name=iCalendarCheck-sm]:before {
  content: " \f0ef";
  font-size: 12px;
}

i[icon-name=iCalendarCheck-md]:before {
  content: " \f0ef";
  font-size: 18px;
}

i[icon-name=iCalendarCheck-lg]:before {
  content: " \f0ef";
  font-size: 24px;
}

i[icon-name=iCalendarCheck-xl]:before {
  content: " \f0ef";
  font-size: 30px;
}

/****GROUP***/
i[icon-name=iGroup-xs]:before {
  content: "\f00e";
  font-size: 10px;
}

i[icon-name=iGroup-sm]:before {
  content: "\f00e";
  font-size: 12px;
}

i[icon-name=iGroup-md]:before {
  content: "\f00e";
  font-size: 18px;
}

i[icon-name=iGroup-lg]:before {
  content: "\f00e";
  font-size: 24px;
}

i[icon-name=iGroup-xl]:before {
  content: "\f00e";
  font-size: 30px;
}

/****EYE***/
i[icon-name=iEye-xs]:before {
  content: "\f6cf";
  font-size: 10px;
}

i[icon-name=iEye-sm]:before {
  content: "\f6cf";
  font-size: 12px;
}

i[icon-name=iEye-md]:before {
  content: "\f6cf";
  font-size: 18px;
}

i[icon-name=iEye-lg]:before {
  content: "\f6cf";
  font-size: 24px;
}

i[icon-name=iEye-xl]:before {
  content: "\f6cf";
  font-size: 30px;
}

/****C EYE***/
i[icon-name=icEye-xs]:before {
  content: "\f6cf";
  font-size: 10px;
}

i[icon-name=iCEye-sm]:before {
  content: "\f6d0";
  font-size: 12px;
}

i[icon-name=iCEye-md]:before {
  content: "\f6d0";
  font-size: 18px;
}

i[icon-name=iCEye-lg]:before {
  content: "\f6d0";
  font-size: 24px;
}

i[icon-name=iCEye-xl]:before {
  content: "\f6d0";
  font-size: 30px;
}

/****Sort Ascending***/
i[icon-name=iSortAscending-xs]:before {
  content: "\f4bc";
  font-size: 10px;
}

i[icon-name=iSortAscending-sm]:before {
  content: "\f4bc";
  font-size: 12px;
}

i[icon-name=iSortAscending-md]:before {
  content: "\f4bc";
  font-size: 18px;
}

i[icon-name=iSortAscending-lg]:before {
  content: "\f4bc";
  font-size: 24px;
}

i[icon-name=iSortAscending-xl]:before {
  content: "\f4bc";
  font-size: 30px;
}

/****Sort Descending***/
i[icon-name=iSortDescending-xs]:before {
  content: "\f4bd";
  font-size: 10px;
}

i[icon-name=iSortDescending-sm]:before {
  content: "\f4bd";
  font-size: 12px;
}

i[icon-name=iSortDescending-md]:before {
  content: "\f4bd";
  font-size: 18px;
}

i[icon-name=iSortDescending-lg]:before {
  content: "\f4bd";
  font-size: 24px;
}

i[icon-name=iSortDescending-xl]:before {
  content: "\f4bd";
  font-size: 30px;
}

/****Image***/
i[icon-name=iImage-xs]:before {
  content: "\f2e9";
  font-size: 10px;
}

i[icon-name=iImage-sm]:before {
  content: "\f2e9";
  font-size: 12px;
}

i[icon-name=iImage-md]:before {
  content: "\f2e9";
  font-size: 18px;
}

i[icon-name=iImage-lg]:before {
  content: "\f2e9";
  font-size: 24px;
}

i[icon-name=iImage-xl]:before {
  content: "\f2e9";
  font-size: 30px;
}

/****Verified***/
i[icon-name=iVerified-xs]:before {
  content: "\f565";
  font-size: 10px;
}

i[icon-name=iVerified-sm]:before {
  content: "\f565";
  font-size: 12px;
}

i[icon-name=iVerified-md]:before {
  content: "\f565";
  font-size: 18px;
}

i[icon-name=iVerified-lg]:before {
  content: "\f565";
  font-size: 24px;
}

i[icon-name=iVerified-xl]:before {
  content: "\f565";
  font-size: 30px;
}

/****List Bullet***/
i[icon-name=iListBullet-xs]:before {
  content: "\f279";
  font-size: 10px;
}

i[icon-name=iListBullet-sm]:before {
  content: "\f279";
  font-size: 12px;
}

i[icon-name=iListBullet-md]:before {
  content: "\f279";
  font-size: 18px;
}

i[icon-name=iListBullet-lg]:before {
  content: "\f279";
  font-size: 24px;
}

i[icon-name=iListBullet-xl]:before {
  content: "\f279";
  font-size: 30px;
}

/****Question Mark View***/
i[icon-name=iQuestionMark-xs]:before {
  content: "\f2d7";
  font-size: 10px;
}

i[icon-name=iQuestionMark-sm]:before {
  content: "\f2d7";
  font-size: 12px;
}

i[icon-name=iQuestionMark-md]:before {
  content: "\f2d7";
  font-size: 18px;
}

i[icon-name=iQuestionMark-lg]:before {
  content: "\f2d7";
  font-size: 24px;
}

i[icon-name=iQuestionMark-xl]:before {
  content: "\f2d7";
  font-size: 30px;
}

i[icon-name=iQuestionMark]:before {
  content: "\f2d7";
  font-size: 24px;
  color: #ffffff;
}

/***********Fab Action ***********/
i[icon-name=iFabIcon]:before {
  content: "\f415";
  font-size: 28px;
  color: #ffffff;
}

/****Error***/
i[icon-name=iError-xs]:before {
  content: "\f5d6";
  font-size: 10px;
}

i[icon-name=iError-sm]:before {
  content: "\f5d6";
  font-size: 12px;
}

i[icon-name=iError-md]:before {
  content: "\f5d6";
  font-size: 18px;
}

i[icon-name=iError-lg]:before {
  content: "\f5d6";
  font-size: 24px;
}

i[icon-name=iError-xl]:before {
  content: "\f5d6";
  font-size: 30px;
}

/****Alert***/
i[icon-name=iAlert-xs]:before {
  content: "\f02a";
  font-size: 10px;
}

i[icon-name=iAlert-sm]:before {
  content: "\f02a";
  font-size: 12px;
}

i[icon-name=iAlert-md]:before {
  content: "\f02a";
  font-size: 18px;
}

i[icon-name=iAlert-lg]:before {
  content: "\f02a";
  font-size: 24px;
}

i[icon-name=iAlert-xl]:before {
  content: "\f02a";
  font-size: 30px;
}

/****Lead Pencil***/
i[icon-name=iLeadPencil-xs]:before {
  content: "\f64f";
  font-size: 10px;
}

i[icon-name=iLeadPencil-sm]:before {
  content: "\f64f";
  font-size: 12px;
}

i[icon-name=iLeadPencil-md]:before {
  content: "\f02a";
  font-size: 18px;
}

i[icon-name=iLeadPencil-lg]:before {
  content: "\f64f";
  font-size: 24px;
}

i[icon-name=iLeadPencil-xl]:before {
  content: "\f64f";
  font-size: 30px;
}

/****Pencil***/
i[icon-name=iPencil-xs]:before {
  content: "\f3eb";
  font-size: 10px;
}

i[icon-name=iPencil-sm]:before {
  content: "\f3eb";
  font-size: 12px;
}

i[icon-name=iPencil-md]:before {
  content: "\f3eb";
  font-size: 18px;
}

i[icon-name=iPencil-lg]:before {
  content: "\f3eb";
  font-size: 24px;
}

i[icon-name=iPencil-xl]:before {
  content: "\f3eb";
  font-size: 30px;
}

/****Circle***/
i[icon-name=iCircle-xs]:before {
  content: "\f764";
  font-size: 10px;
  border: 1px solid #ffffff;
  border-radius: 50px;
  height: auto;
  background: #ffffff;
}

i[icon-name=iCircle-xs]:after {
  border: 2px solid #ffffff;
  border-radius: 50px;
}

i[icon-name=iCircle-sm]:before {
  content: "\f764";
  font-size: 12px;
  border: 1px solid #ffffff;
  border-radius: 50px;
  height: auto;
  background: #ffffff;
}

i[icon-name=iCircle-sm]:after {
  border: 2px solid #ffffff;
  border-radius: 50px;
}

i[icon-name=iCircle-md]:before {
  content: "\f764";
  font-size: 18px;
  border: 1px solid #ffffff;
  border-radius: 50px;
  height: auto;
  background: #ffffff;
}

i[icon-name=iCircle-md]:after {
  border: 2px solid #ffffff;
  border-radius: 50px;
}

i[icon-name=iCircle-lg]:before {
  content: "\f764";
  font-size: 24px;
  border: 1px solid #ffffff;
  border-radius: 50px;
  height: auto;
  background: #ffffff;
}

i[icon-name=iCircle-lg]:after {
  border: 2px solid #ffffff;
  border-radius: 50px;
}

i[icon-name=iCircle-xl]:before {
  content: "\f764";
  font-size: 30px;
  border: 1px solid #ffffff;
  border-radius: 50px;
  height: auto;
  background: #ffffff;
}

/****Appointment Circle***/
i[icon-name=iApptCircle-xs]:before {
  content: "\f764";
  font-size: 10px;
}

i[icon-name=iApptCircle-sm]:before {
  content: "\f764";
  font-size: 12px;
}

i[icon-name=iApptCircle-md]:before {
  content: "\f764";
  font-size: 18px;
}

i[icon-name=iApptCircle-lg]:before {
  content: "\f764";
  font-size: 24px;
}

i[icon-name=iApptCircle-xl]:before {
  content: "\f764";
  font-size: 30px;
}

/****Blank Circle***/
i[icon-name=iBlankCircle-xs]:before {
  content: "○";
  font-size: 10px;
}

i[icon-name=iBlankCircle-sm]:before {
  content: "○";
  font-size: 12px;
}

i[icon-name=iBlankCircle-md]:before {
  content: "○";
  font-size: 18px;
}

i[icon-name=iBlankCircle-lg]:before {
  content: "○";
  font-size: 24px;
}

i[icon-name=iBlankCircle-xl]:before {
  content: "○";
  font-size: 30px;
}

/****Semi Circle***/
i[icon-name=iSemiCircle-xs]:before {
  content: "◐";
  font-size: 10px;
}

i[icon-name=iSemiCircle-sm]:before {
  content: "◐";
  font-size: 14.35px;
}

i[icon-name=iSemiCircle-md]:before {
  content: "◐";
  font-size: 18px;
}

i[icon-name=iSemiCircle-lg]:before {
  content: "◐";
  font-size: 24px;
}

i[icon-name=iSemiCircle-xl]:before {
  content: "◐";
  font-size: 30px;
}

/****Help***/
i[icon-name=iHelp-xs]:before {
  content: "\f2d6";
  font-size: 10px;
  border: 2px solid #ffffff;
  border-radius: 50px;
}

i[icon-name=iHelp-xs]:after {
  border: 2px solid #ffffff;
  border-radius: 50px;
}

i[icon-name=iHelp-sm]:before {
  content: "\f2d6";
  font-size: 12px;
}

i[icon-name=iHelp-md]:before {
  content: "\f2d6";
  font-size: 18px;
}

i[icon-name=iHelp-lg]:before {
  content: "\f2d6";
  font-size: 24px;
}

i[icon-name=iHelp-xl]:before {
  content: "\f2d6";
  font-size: 30px;
}

/****Account box***/
i[icon-name=iAccountboxOutline-xs]:before {
  content: "\f007";
  font-size: 10px;
}

i[icon-name=iAccountboxOutline-sm]:before {
  content: "\f007";
  font-size: 12px;
}

i[icon-name=iAccountboxOutline-md]:before {
  content: "\f007";
  font-size: 18px;
}

i[icon-name=iAccountboxOutline-lg]:before {
  content: "\f007";
  font-size: 24px;
}

i[icon-name=iAccountboxOutline-xl]:before {
  content: "\f007";
  font-size: 30px;
}

/****Password***/
i[icon-name=iPassword-xs]:before {
  content: "\f30b";
  font-size: 10px;
}

i[icon-name=iPassword-sm]:before {
  content: "\f30b";
  font-size: 12px;
}

i[icon-name=iPassword-md]:before {
  content: "\f30b";
  font-size: 18px;
}

i[icon-name=iPassword-lg]:before {
  content: "\f30b";
  font-size: 24px;
}

i[icon-name=iPassword-xl]:before {
  content: "\f30b";
  font-size: 30px;
}

/****My Preference***/
i[icon-name=iMyPreference-xs]:before {
  content: "\f631";
  font-size: 10px;
}

i[icon-name=iMyPreference-sm]:before {
  content: "\f631";
  font-size: 12px;
}

i[icon-name=iMyPreference-md]:before {
  content: "\f631";
  font-size: 18px;
}

i[icon-name=iMyPreference-lg]:before {
  content: "\f631";
  font-size: 24px;
}

i[icon-name=iMyPreference-xl]:before {
  content: "\f631";
  font-size: 30px;
}

/****Submit Timesheets***/
i[icon-name=iSubmitTimesheets-xs]:before {
  content: "\f216";
  font-size: 10px;
}

i[icon-name=iSubmitTimesheets-sm]:before {
  content: "\f216";
  font-size: 12px;
}

i[icon-name=iSubmitTimesheets-md]:before {
  content: "\f216";
  font-size: 18px;
}

i[icon-name=iSubmitTimesheets-lg]:before {
  content: "\f216";
  font-size: 24px;
}

i[icon-name=iSubmitTimesheets-xl]:before {
  content: "\f216";
  font-size: 30px;
}

/****Time Zone***/
i[icon-name=iTimeZone-xs]:before {
  content: "\f150";
  font-size: 10px;
}

i[icon-name=iTimeZone-sm]:before {
  content: "\f150";
  font-size: 12px;
}

i[icon-name=iTimeZone-md]:before {
  content: "\f150";
  font-size: 18px;
}

i[icon-name=iTimeZone-lg]:before {
  content: "\f150";
  font-size: 24px;
}

i[icon-name=iTimeZone-xl]:before {
  content: "\f150";
  font-size: 30px;
}

/****Log Off***/
i[icon-name=iLogOff-xs]:before {
  content: "\f5fd";
  font-size: 10px;
}

i[icon-name=iLogOff-sm]:before {
  content: "\f5fd";
  font-size: 12px;
}

i[icon-name=iLogOff-md]:before {
  content: "\f5fd";
  font-size: 18px;
}

i[icon-name=iLogOff-lg]:before {
  content: "\f5fd";
  font-size: 24px;
}

i[icon-name=iLogOff-xl]:before {
  content: "\f5fd";
  font-size: 30px;
}

/****Group Appointment***/
i[icon-name=iGroupAppt-xs]:before {
  content: "\f010";
  font-size: 10px;
}

i[icon-name=iGroupAppt-sm]:before {
  content: "\f010";
  font-size: 12px;
}

i[icon-name=iGroupAppt-md]:before {
  content: "\f010";
  font-size: 18px;
}

i[icon-name=iGroupAppt-lg]:before {
  content: "\f010";
  font-size: 24px;
}

i[icon-name=iGroupAppt-xl]:before {
  content: "\f010";
  font-size: 30px;
}

/****Service Appointment***/
i[icon-name=iServiceAppt-xs]:before {
  content: "\f192";
  font-size: 10px;
}

i[icon-name=iServiceAppt-sm]:before {
  content: "\f192";
  font-size: 12px;
}

i[icon-name=iServiceAppt-md]:before {
  content: "\f192";
  font-size: 18px;
}

i[icon-name=iServiceAppt-lg]:before {
  content: "\f192";
  font-size: 24px;
}

i[icon-name=iServiceAppt-xl]:before {
  content: "\f192";
  font-size: 30px;
}

/****Break time Appointment***/
i[icon-name=iBreakTimeAppt-xs]:before {
  content: "\f6c9";
  font-size: 10px;
}

i[icon-name=iBreakTimeAppt-sm]:before {
  content: "\f6c9";
  font-size: 12px;
}

i[icon-name=iBreakTimeAppt-md]:before {
  content: "\f6c9";
  font-size: 18px;
}

i[icon-name=iBreakTimeAppt-lg]:before {
  content: "\f6c9";
  font-size: 24px;
}

i[icon-name=iBreakTimeAppt-xl]:before {
  content: "\f6c9";
  font-size: 30px;
}

/****Grid View***/
i[icon-name=iGridView-xs]:before {
  content: "\f03b";
  font-size: 10px;
}

i[icon-name=iGridView-sm]:before {
  content: "\f03b";
  font-size: 12px;
}

i[icon-name=iGridView-md]:before {
  content: "\f03b";
  font-size: 18px;
}

i[icon-name=iGridView-lg]:before {
  content: "\f03b";
  font-size: 24px;
}

i[icon-name=iGridView-xl]:before {
  content: "\f03b";
  font-size: 30px;
}

/****Calendar Clock View***/
i[icon-name=iCalendarClock-xs]:before {
  content: "\f0f0";
  font-size: 10px;
}

i[icon-name=iCalendarClock-sm]:before {
  content: "\f0f0";
  font-size: 12px;
}

i[icon-name=iCalendarClock-md]:before {
  content: "\f0f0";
  font-size: 18px;
}

i[icon-name=iCalendarClock-lg]:before {
  content: "\f0f0";
  font-size: 24px;
}

i[icon-name=iCalendarClock-xl]:before {
  content: "\f0f0";
  font-size: 30px;
}

/****Key View***/
i[icon-name=iKey-xs]:before {
  content: "\f306";
  font-size: 10px;
}

i[icon-name=iKey-sm]:before {
  content: "\f306";
  font-size: 12px;
}

i[icon-name=iKey-md]:before {
  content: "\f306";
  font-size: 18px;
}

i[icon-name=iKey-lg]:before {
  content: "\f306";
  font-size: 24px;
}

i[icon-name=iKey-xl]:before {
  content: "\f306";
  font-size: 30px;
}

/****Calender Question View***/
i[icon-name=iCalenderQuestion-xs]:before {
  content: "\f691";
  font-size: 10px;
}

i[icon-name=iCalenderQuestion-sm]:before {
  content: "\f691";
  font-size: 12px;
}

i[icon-name=iCalenderQuestion-md]:before {
  content: "\f691";
  font-size: 18px;
}

i[icon-name=iCalenderQuestion-lg]:before {
  content: "\f691";
  font-size: 24px;
}

i[icon-name=iCalenderQuestion-xl]:before {
  content: "\f691";
  font-size: 30px;
}

/****Qualification***/
i[icon-name=iQualification-xs]:before {
  content: "\f474";
  font-size: 10px;
}

i[icon-name=iQualification-sm]:before {
  content: "\f474";
  font-size: 12px;
}

i[icon-name=iQualification-md]:before {
  content: "\f474";
  font-size: 18px;
}

i[icon-name=iQualification-lg]:before {
  content: "\f474";
  font-size: 24px;
}

i[icon-name=iQualification-xl]:before {
  content: "\f474";
  font-size: 30px;
}

/****Break Time***/
i[icon-name=iBreakTime-xs]:before {
  content: "\f6c9";
  font-size: 10px;
}

i[icon-name=iBreakTime-sm]:before {
  content: "\f6c9";
  font-size: 12px;
}

i[icon-name=iBreakTime-md]:before {
  content: "\f6c9";
  font-size: 18px;
}

i[icon-name=iBreakTime-lg]:before {
  content: "\f6c9";
  font-size: 24px;
}

i[icon-name=iBreakTime-xl]:before {
  content: "\f6c9";
  font-size: 30px;
}

/****Ellipsis Icon***/
i[icon-name=iEllipsis-xs]:before {
  content: "\f1d8";
  font-size: 10px;
}

i[icon-name=iEllipsis-sm]:before {
  content: "\f1d8";
  font-size: 12px;
}

i[icon-name=iEllipsis-md]:before {
  content: "\f1d8";
  font-size: 18px;
}

i[icon-name=iEllipsis-lg]:before {
  content: "\f1d8";
  font-size: 24px;
}

i[icon-name=iEllipsis-xl]:before {
  content: "\f1d8";
  font-size: 30px;
}

/****Staff Check Icon***/
i[icon-name=iStaffCheck-xs]:before {
  content: "\f008";
  font-size: 10px;
}

i[icon-name=iStaffCheck-sm]:before {
  content: "\f008";
  font-size: 12px;
}

i[icon-name=iStaffCheck-md]:before {
  content: "\f008";
  font-size: 18px;
}

i[icon-name=iStaffCheck-lg]:before {
  content: "\f008";
  font-size: 24px;
}

i[icon-name=iStaffCheck-xl]:before {
  content: "\f008";
  font-size: 30px;
}

/****Staff Productivity Icon***/
i[icon-name=iStaffProductivity-xs]:before {
  content: "\f630";
  font-size: 10px;
}

i[icon-name=iStaffProductivity-sm]:before {
  content: "\f630";
  font-size: 12px;
}

i[icon-name=iStaffProductivity-md]:before {
  content: "\f630";
  font-size: 18px;
}

i[icon-name=iStaffProductivity-lg]:before {
  content: "\f630";
  font-size: 24px;
}

i[icon-name=iStaffProductivity-xl]:before {
  content: "\f630";
  font-size: 30px;
}

/****Schedule Report Icon***/
i[icon-name=iScheduleReport-xs]:before {
  content: "\f0f5";
  font-size: 10px;
}

i[icon-name=iScheduleReport-sm]:before {
  content: "\f0f5";
  font-size: 12px;
}

i[icon-name=iScheduleReport-md]:before {
  content: "\f0f5";
  font-size: 18px;
}

i[icon-name=iScheduleReport-lg]:before {
  content: "\f0f5";
  font-size: 24px;
}

i[icon-name=iScheduleReport-xl]:before {
  content: "\f0f5";
  font-size: 30px;
}

/****Genarate Report Icon***/
i[icon-name=iGenerateReport-xs]:before {
  content: "\f219";
  font-size: 10px;
}

i[icon-name=iGenerateReport-sm]:before {
  content: "\f219";
  font-size: 12px;
}

i[icon-name=iGenerateReport-md]:before {
  content: "\f219";
  font-size: 18px;
}

i[icon-name=iGenerateReport-lg]:before {
  content: "\f219";
  font-size: 24px;
}

i[icon-name=iGenerateReport-xl]:before {
  content: "\f219";
  font-size: 30px;
}

/****Custom Report Icon***/
i[icon-name=iCustomReport-xs]:before {
  content: "\f14e";
  font-size: 10px;
}

i[icon-name=iCustomReport-sm]:before {
  content: "\f14e";
  font-size: 12px;
}

i[icon-name=iCustomReport-md]:before {
  content: "\f14e";
  font-size: 18px;
}

i[icon-name=iCustomReport-lg]:before {
  content: "\f14e";
  font-size: 24px;
}

i[icon-name=iCustomReport-xl]:before {
  content: "\f14e";
  font-size: 30px;
}

/****Profit and Loss Icon***/
i[icon-name=iProfitLoss-xs]:before {
  content: "\f6c7";
  font-size: 10px;
}

i[icon-name=iProfitLoss-sm]:before {
  content: "\f6c7";
  font-size: 12px;
}

i[icon-name=iProfitLoss-md]:before {
  content: "\f6c7";
  font-size: 18px;
}

i[icon-name=iProfitLoss-lg]:before {
  content: "\f6c7";
  font-size: 24px;
}

i[icon-name=iProfitLoss-xl]:before {
  content: "\f6c7";
  font-size: 30px;
}

i[icon-name=iClock-xs]:before {
  content: "\f150";
  font-size: 10px;
}

i[icon-name=iClock-sm]:before {
  content: "\f150";
  font-size: 12px;
}

i[icon-name=iClock-md]:before {
  content: "\f150";
  font-size: 18px;
}

i[icon-name=iClock-lg]:before {
  content: "\f150";
  font-size: 24px;
}

i[icon-name=iClock-xl]:before {
  content: "\f150";
  font-size: 30px;
}

i[icon-name=iDownload-xs]:before {
  content: "\f1da";
  font-size: 10px;
}

i[icon-name=iDownload-sm]:before {
  content: "\f1da";
  font-size: 12px;
}

i[icon-name=iDownload-md]:before {
  content: "\f1da";
  font-size: 18px;
}

i[icon-name=iDownload-lg]:before {
  content: "\f1da";
  font-size: 24px;
}

i[icon-name=iDownload-xl]:before {
  content: "\f1da";
  font-size: 30px;
}

i[icon-name=iRefresh-xs]:before {
  content: "\f0e8";
  font-size: 10px;
}

i[icon-name=iRefresh-sm]:before {
  content: "\f0e8";
  font-size: 12px;
}

i[icon-name=iRefresh-md]:before {
  content: "\f0e8";
  font-size: 18px;
}

i[icon-name=iRefresh-lg]:before {
  content: "\f0e8";
  font-size: 24px;
}

i[icon-name=iRefresh-xl]:before {
  content: "\f0e8";
  font-size: 30px;
}

i[icon-name=iBlankCircl-xs]:before {
  content: "\f130";
  font-size: 10px;
}

i[icon-name=iBlankCircle-sm]:before {
  content: "\f130";
  font-size: 12px;
}

i[icon-name=iBlankCircle-md]:before {
  content: "\f130";
  font-size: 18px;
}

i[icon-name=iBlankCircle-lg]:before {
  content: "\f130";
  font-size: 24px;
}

i[icon-name=iBlankCircle-xl]:before {
  content: "\f130";
  font-size: 30px;
}

i[icon-name=iMarkedCircle-xs]:before {
  content: " \f12f";
  font-size: 10px;
}

i[icon-name=iMarkedCircle-sm]:before {
  content: " \f12f";
  font-size: 12px;
}

i[icon-name=iMarkedCircle-md]:before {
  content: " \f12f";
  font-size: 18px;
}

i[icon-name=iMarkedCircle-lg]:before {
  content: " \f12f";
  font-size: 24px;
}

i[icon-name=iMarkedCircle-xl]:before {
  content: " \f12f";
  font-size: 30px;
}

i[icon-name=iIncmpltdAppts-sm]:before {
  content: "\f130";
  font-size: 12px;
}

i[icon-name=iIncmpltdAppts-md]:before {
  content: "\f0f6";
  font-size: 18px;
}

i[icon-name=iIncmpltdAppts-lg]:before {
  content: "\f0f6";
  font-size: 24px;
}

i[icon-name=iIncmpltdAppts-xl]:before {
  content: "\f0f6";
  font-size: 30px;
}

i[icon-name=iExport-sm]:before {
  content: "\f343";
  font-size: 12px;
}

i[icon-name=iExport-md]:before {
  content: "\f343";
  font-size: 18px;
}

i[icon-name=iExport-lg]:before {
  content: "\f343";
  font-size: 24px;
}

i[icon-name=iExport-xl]:before {
  content: "\f343";
  font-size: 30px;
}

i[icon-name=iText-sm]:before {
  content: "\f284";
  font-size: 12px;
}

i[icon-name=iText-md]:before {
  content: "\f284";
  font-size: 18px;
}

i[icon-name=iText-lg]:before {
  content: "\f284";
  font-size: 24px;
}

i[icon-name=iText-xl]:before {
  content: "\f284";
  font-size: 30px;
}

i[icon-name=iParagraph-sm]:before {
  content: "\f285";
  font-size: 12px;
}

i[icon-name=iParagraph-md]:before {
  content: "\f285";
  font-size: 18px;
}

i[icon-name=iParagraph-lg]:before {
  content: "\f285";
  font-size: 24px;
}

i[icon-name=iParagraph-xl]:before {
  content: "\f285";
  font-size: 30px;
}

i[icon-name=iUnBill-sm]:before {
  content: "\f0f4";
  font-size: 12px;
}

i[icon-name=iUnBill-md]:before {
  content: "\f0f4";
  font-size: 18px;
}

i[icon-name=iUnBill-lg]:before {
  content: "\f0f4";
  font-size: 24px;
}

i[icon-name=iUnBill-xl]:before {
  content: "\f0f4";
  font-size: 30px;
}

i[icon-name=iPercentage-sm]:before {
  content: " \f3f0";
  font-size: 12px;
}

i[icon-name=iPercentage-md]:before {
  content: " \f3f0";
  font-size: 18px;
}

i[icon-name=iPercentage-lg]:before {
  content: " \f3f0";
  font-size: 24px;
}

i[icon-name=iPercentage-xl]:before {
  content: " \f3f0";
  font-size: 30px;
}

i[icon-name=iReplay-sm]:before {
  content: "\f45a";
  font-size: 12px;
}

i[icon-name=iReplay-md]:before {
  content: "\f45a";
  font-size: 18px;
}

i[icon-name=iReplay-lg]:before {
  content: "\f45a";
  font-size: 24px;
}

i[icon-name=iReplay-xl]:before {
  content: "\f45a";
  font-size: 30px;
}

i[icon-name=iUSD-sm]:before {
  content: "\f1b3";
  font-size: 12px;
}

i[icon-name=iUSD-md]:before {
  content: "\f1b3";
  font-size: 18px;
}

i[icon-name=iUSD-lg]:before {
  content: "\f1b3";
  font-size: 24px;
}

i[icon-name=iUSD-xl]:before {
  content: "\f1b3";
  font-size: 30px;
}

i[icon-name=iAlarm-sm]:before {
  content: "\f34e";
  font-size: 12px;
}

i[icon-name=iAlarm-md]:before {
  content: "\f34e";
  font-size: 18px;
}

i[icon-name=iAlarm-lg]:before {
  content: "\f34e";
  font-size: 24px;
}

i[icon-name=iAlarm-xl]:before {
  content: "\f34e";
  font-size: 30px;
}

i[icon-name=iPreview-sm]:before {
  content: "\f225";
  font-size: 12px;
}

i[icon-name=iPreview-md]:before {
  content: "\f225";
  font-size: 18px;
}

i[icon-name=iPreview-lg]:before {
  content: "\f225";
  font-size: 24px;
}

i[icon-name=iPreview-xl]:before {
  content: "\f225";
  font-size: 30px;
}

i[icon-name=iUpload-sm]:before {
  content: "\f05e";
  font-size: 12px;
}

i[icon-name=iUpload-md]:before {
  content: "\f05e";
  font-size: 18px;
}

i[icon-name=iUpload-lg]:before {
  content: "\f05e";
  font-size: 24px;
}

i[icon-name=iUpload-xl]:before {
  content: "\f05e";
  font-size: 30px;
}

i[icon-name=iPDF-sm]:before {
  content: "\f0fb3";
  font-size: 12px;
}

i[icon-name=iPDF-md]:before {
  content: "\f0fb3";
  font-size: 18px;
}

i[icon-name=iPDF-lg]:before {
  content: "\f0fb3";
  font-size: 24px;
}

i[icon-name=iPDF-xl]:before {
  content: "\f0fb3";
  font-size: 30px;
}

i[icon-name=iWarning-sm]:before {
  content: "\f02a";
  font-size: 12px;
}

i[icon-name=iWarning-md]:before {
  content: "\f02a";
  font-size: 18px;
}

i[icon-name=iWarning-lg]:before {
  content: "\f02a";
  font-size: 24px;
}

i[icon-name=iWarning-xl]:before {
  content: "\f02a";
  font-size: 30px;
}

i[icon-name=iStar-sm]:before {
  content: "★";
  font-size: 12px;
}

i[icon-name=iStar-md]:before {
  content: "★";
  font-size: 18px;
}

i[icon-name=iStar-lg]:before {
  content: "★";
  font-size: 24px;
}

i[icon-name=iStar-xl]:before {
  content: "★";
  font-size: 30px;
}

i[icon-name=iEmptyStar-sm]:before {
  content: "☆";
  font-size: 12px;
}

i[icon-name=iEmptyStar-md]:before {
  content: "☆";
  font-size: 18px;
}

i[icon-name=iEmptyStar-lg]:before {
  content: "☆";
  font-size: 24px;
}

i[icon-name=iEmptyStar-xl]:before {
  content: "☆";
  font-size: 30px;
}

/*********** Usage*************

   32 Pixel Icons goes here

*******************************/
.alohaImgIcon {
  display: inline-flex;
  font-size: inherit;
  text-rendering: auto;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 32px;
  height: 32px;
  position: relative;
  cursor: pointer;
  background-image: url("../../Images/alohaSpritImage32.svg") !important;
  background-repeat: no-repeat;
}

.alohaImgIconSmall {
  transform: scale(0.5);
  display: inline-flex;
  font-size: inherit;
  text-rendering: auto;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 32px;
  height: 32px;
  position: relative;
  cursor: pointer;
  background-image: url("../../Images/alohaSpritImage32.svg") !important;
  background-repeat: no-repeat;
}

.alohaImgIconSort {
  display: inline-grid;
  font-size: inherit;
  text-rendering: auto;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 32px;
  height: 32px;
  position: relative;
  cursor: pointer;
  background: url("../../Images/alohaSpritImage32.svg") no-repeat;
}

.showDefaultsort {
  display: inline-grid;
}

.hideDefaultsort {
  display: none;
}

.sessionNote {
  height: 23px !important;
  width: 25px !important;
  padding-right: 18px !important;
  padding-top: -3px !important;
  bottom: 3px !important;
}

.sessionNoteweek {
  height: 23px !important;
  width: 22px !important;
  bottom: 4px !important;
  position: absolute;
  right: 16px;
}

.sessionNoteday {
  height: 24px !important;
  width: 32px !important;
  bottom: 4px !important;
  position: absolute !important;
  right: 4px !important;
}

.sessionNotemore {
  height: 25px !important;
  width: 25px !important;
  padding-right: 18px !important;
  padding-top: -3px !important;
  bottom: 3px !important;
}

.sessionNotegridview {
  top: -23px !important;
  right: -10px !important;
}

.sessionNotetabview {
  top: -10px !important;
  right: -36px !important;
}

.sessionAlign {
  margin: 0px !important;
}

.sessionnoteAlign {
  margin: 0px !important;
  position: absolute !important;
  right: 0px !important;
}

.sesionnotepoisition {
  justify-content: space-between !important;
}

/****sort Default***/
i[icon-name=iSortDefault-sm] {
  background-position: 0px 0px;
  width: 22px;
  height: 32px;
}

i[icon-name=iSortDefault-md] {
  background-position: -32px 0px;
  width: 22px;
  height: 32px;
}

i[icon-name=iSortDefault-lg] {
  background-position: -64px 0px;
  /*width: 22px;
  height: 32px;*/
}

i[icon-name=iSortDefault-xl] {
  background-position: -96px 0px;
  width: 22px;
  height: 32px;
}

/***********search-icon**************/
i[icon-name=iSearchDefault-sm] {
  background-position: 0px -32px;
}

i[icon-name=iSearchDefault-md] {
  background-position: -32px -32px;
}

i[icon-name=iSearchDefault-lg] {
  background-position: -64px -32px;
}

i[icon-name=iSearchDefault-xl] {
  background-position: -96px -32px;
}

/***********Delete Outline-icon**************/
i[icon-name=iDeleteOutline-sm] {
  background-position: 0 -64px;
}

i[icon-name=iDeleteOutline-md] {
  background-position: -32px -64px;
}

i[icon-name=iDeleteOutline-lg] {
  background-position: -64px -64px;
}

i[icon-name=iDeleteOutline-xl] {
  background-position: -96px -64px;
}

/***********Toggle-icon*************/
i[icon-name=iToggle-sm] {
  background-position: 0 -96px;
}

i[icon-name=iToggle-md] {
  background-position: -32px -96px;
}

i[icon-name=iToggle-lg] {
  background-position: -64px -96px;
}

i[icon-name=iToggle-xl] {
  background-position: -96px -96px;
}

/***********Status-Active-icon**************/
i[icon-name=iActiveStatus-sm] {
  background-position: 0 -128px;
}

i[icon-name=iActiveStatus-md] {
  background-position: -32px -128px;
}

i[icon-name=iActiveStatus-lg] {
  background-position: -64px -128px;
}

i[icon-name=iActiveStatus-xl] {
  background-position: -96px -128px;
}

/***********Status-Inactive-icon**************/
i[icon-name=iInactiveStatus-sm] {
  background-position: 0 -160px;
}

i[icon-name=iInactiveStatus-md] {
  background-position: -32px -160px;
}

i[icon-name=iInactiveStatus-lg] {
  background-position: -64px -160px;
}

i[icon-name=iInactiveStatus-xl] {
  background-position: -96px -160px;
}

/***********Settings Outline-icon**************/
i[icon-name=iSettingsOutline-sm] {
  background-position: 0 -192px;
}

i[icon-name=iSettingsOutline-md] {
  background-position: -32px -192px;
}

i[icon-name=iSettingsOutline-lg] {
  background-position: -64px -192px;
}

i[icon-name=iSettingsOutline-xl] {
  background-position: -96px -192px;
}

/***********Calendar 1M Active icon**************/
i[icon-name=iCalendarOneMonthActive-sm] {
  background-position: 0 -256px;
}

i[icon-name=iCalendarOneMonthActive-md] {
  background-position: -32px -256px;
}

i[icon-name=iCalendarOneMonthActive-lg] {
  background-position: -64px -256px;
}

i[icon-name=iCalendarOneMonthActive-xl] {
  background-position: -96px -256px;
}

/***********Calendar 1M icon**************/
i[icon-name=iCalendarOneMonth-sm] {
  background-position: 0 -288px;
}

i[icon-name=iCalendarOneMonth-md] {
  background-position: -32px -288px;
}

i[icon-name=iCalendarOneMonth-lg] {
  background-position: -64px -288px;
}

i[icon-name=iCalendarOneMonth-xl] {
  background-position: -96px -288px;
}

/***********Calendar 3M Active icon**************/
i[icon-name=iCalendarThreeMonthActive-sm] {
  background-position: 0 -320px;
}

i[icon-name=iCalendarThreeMonthActive-md] {
  background-position: -32px -320px;
}

i[icon-name=iCalendarThreeMonthActive-lg] {
  background-position: -64px -320px;
}

i[icon-name=iCalendarThreeMonthActive-xl] {
  background-position: -96px -320px;
}

/***********Calendar 3M icon**************/
i[icon-name=iCalendarThreeMonth-sm] {
  background-position: 0 -352px;
}

i[icon-name=iCalendarThreeMonth-md] {
  background-position: -32px -352px;
}

i[icon-name=iCalendarThreeMonth-lg] {
  background-position: -64px -352px;
}

i[icon-name=iCalendarThreeMonth-xl] {
  background-position: -96px -352px;
}

/***********Calendar 6M Active icon**************/
i[icon-name=iCalendarSixMonthActive-sm] {
  background-position: 0 -384px;
}

i[icon-name=iCalendarSixMonthActive-md] {
  background-position: -32px -384px;
}

i[icon-name=iCalendarSixMonthActive-lg] {
  background-position: -64px -384px;
}

i[icon-name=iCalendarSixMonthActive-xl] {
  background-position: -96px -384px;
}

/***********Calendar 6M icon**************/
i[icon-name=iCalendarSixMonth-sm] {
  background-position: 0 -416px;
}

i[icon-name=iCalendarSixMonth-md] {
  background-position: -32px -416px;
}

i[icon-name=iCalendarSixMonth-lg] {
  background-position: -64px -416px;
}

i[icon-name=iCalendarSixMonth-xl] {
  background-position: -96px -416px;
}

/***********Generate Invoice icon**************/
i[icon-name=iGenerateInvoice-sm] {
  background-position: 0 -448px;
}

i[icon-name=iGenerateInvoice-md] {
  background-position: -32px -448px;
}

i[icon-name=iGenerateInvoice-lg] {
  background-position: -64px -448px;
}

i[icon-name=iGenerateInvoice-xl] {
  background-position: -96px -448px;
}

/***********Post Payment icon**************/
i[icon-name=iPostPayment-sm] {
  background-position: 0 -480px;
}

i[icon-name=iPostPayment-md] {
  background-position: -32px -480px;
}

i[icon-name=iPostPayment-lg] {
  background-position: -64px -480px;
}

i[icon-name=iPostPayment-xl] {
  background-position: -96px -480px;
}

/***********Transaction History icon**************/
i[icon-name=iTransaction-sm] {
  background-position: 0 -512px;
}

i[icon-name=iTransaction-md] {
  background-position: -32px -512px;
}

i[icon-name=iTransaction-lg] {
  background-position: -64px -512px;
}

i[icon-name=iTransaction-xl] {
  background-position: -96px -512px;
}

/***********30 Days icon**************/
i[icon-name=iThirtyDays-sm] {
  background-position: 0 -544px;
}

i[icon-name=iThirtyDays-md] {
  background-position: -32px -544px;
}

i[icon-name=iThirtyDays-lg] {
  background-position: -64px -544px;
}

i[icon-name=iThirtyDays-xl] {
  background-position: -96px -544px;
}

/***********60 Days icon**************/
i[icon-name=iSixtyDays-sm] {
  background-position: 0 -576px;
}

i[icon-name=iSixtyDays-md] {
  background-position: -32px -576px;
}

i[icon-name=iSixtyDays-lg] {
  background-position: -64px -576px;
}

i[icon-name=iSixtyDays-xl] {
  background-position: -96px -576px;
}

/***********90 Days icon**************/
i[icon-name=iNinetyDays-sm] {
  background-position: 0 -608px;
}

i[icon-name=iNinetyDays-md] {
  background-position: -32px -608px;
}

i[icon-name=iNinetyDays-lg] {
  background-position: -64px -608px;
}

i[icon-name=iNinetyDays-xl] {
  background-position: -96px -608px;
}

/***********Charge Lookup icon**************/
i[icon-name=iChargeLookup-sm] {
  background-position: 0 -640px;
}

i[icon-name=iChargeLookup-md] {
  background-position: -32px -640px;
}

i[icon-name=iChargeLookup-lg] {
  background-position: -64px -640px;
}

i[icon-name=iChargeLookup-xl] {
  background-position: -96px -640px;
}

/***********Locked**************/
i[icon-name=iLocked-sm] {
  background-position: 0 -672px;
}

i[icon-name=iLocked-md] {
  background-position: -32px -672px;
}

i[icon-name=iLocked-lg] {
  background-position: -64px -672px;
}

i[icon-name=iLocked-xl] {
  background-position: -96px -672px;
}

/***********UnLock**************/
i[icon-name=iUnLock-sm] {
  background-position: 0 -704px;
}

i[icon-name=iUnLock-md] {
  background-position: -32px -704px;
}

i[icon-name=iUnLock-lg] {
  background-position: -64px -704px;
}

i[icon-name=iUnLock-xl] {
  background-position: -96px -704px;
}

/***********Refresh**************/
i[icon-name=iRefreshIcon-sm] {
  background-position: 0 -736px;
}

i[icon-name=iRefreshIcon-md] {
  background-position: -32px -736px;
}

i[icon-name=iRefreshIcon-lg] {
  background-position: -64px -736px;
}

i[icon-name=iRefreshIcon-xl] {
  background-position: -96px -736px;
}

/***********Default Service Appointment**************/
i[icon-name=iDefaultService-sm] {
  background-position: 0 -768px;
}

i[icon-name=iDefaultService-md] {
  background-position: -32px -768px;
}

i[icon-name=iDefaultService-lg] {
  background-position: -64px -768px;
}

i[icon-name=iDefaultService-xl] {
  background-position: -96px -768px;
}

/***********Service Appointment**************/
i[icon-name=iServiceT-sm] {
  background-position: -3px -804px !important;
}

i[icon-name=iService-sm] {
  background-position: 0 -800px !important;
}

i[icon-name=iService-md] {
  background-position: -32px -800px !important;
}

i[icon-name=iService-lg] {
  background-position: -64px -800px !important;
}

i[icon-name=iService-xl] {
  background-position: -96px -800px !important;
}

/***********Primary Service Appointment**************/
i[icon-name=iPrimaryService-sm] {
  background-position: 0 -832px !important;
}

i[icon-name=iPrimaryService-md] {
  background-position: -32px -832px !important;
}

i[icon-name=iPrimaryService-lg] {
  background-position: -64px -832px !important;
}

i[icon-name=iPrimaryService-xl] {
  background-position: -96px -832px !important;
}

/***********Default Group Service Appointment**************/
i[icon-name=iDefaultGroupService-sm] {
  background-position: 0 -864px;
}

i[icon-name=iDefaultGroupService-md] {
  background-position: -32px -864px;
}

i[icon-name=iDefaultGroupService-lg] {
  background-position: -64px -864px;
}

i[icon-name=iDefaultGroupService-xl] {
  background-position: -96px -864px;
}

/***********Group Service Appointment**************/
i[icon-name=iGroupServiceT-sm] {
  background-position: -3px -900px !important;
}

i[icon-name=iGroupService-sm] {
  background-position: 0 -896px !important;
}

i[icon-name=iGroupService-md] {
  background-position: -32px -896px !important;
}

i[icon-name=iGroupService-lg] {
  background-position: -64px -896px;
}

i[icon-name=iGroupService-xl] {
  background-position: -96px -896px;
}

/***********Group Success Service Appointment**************/
i[icon-name=iGroupSuccessService-sm] {
  background-position: 0 -928px;
}

i[icon-name=iGroupSuccessService-md] {
  background-position: -32px -928px;
}

i[icon-name=iGroupSuccessService-lg] {
  background-position: -64px -928px;
}

i[icon-name=iGroupSuccessService-xl] {
  background-position: -96px -928px;
}

/***********Default Non-Service Appointment**************/
i[icon-name=iDefaultNonService-sm] {
  background-position: 0 -960px;
}

i[icon-name=iDefaultNonService-md] {
  background-position: -32px -960px;
}

i[icon-name=iDefaultNonService-lg] {
  background-position: -64px -960px;
}

i[icon-name=iDefaultNonService-xl] {
  background-position: -96px -960px;
}

/***********Non-Service Appointment**************/
i[icon-name=iNonServiceT-sm] {
  background-position: -3px -996px !important;
}

i[icon-name=iNonService-sm] {
  background-position: 0 -992px !important;
}

i[icon-name=iNonService-md] {
  background-position: -32px -992px !important;
}

i[icon-name=iNonService-lg] {
  background-position: -64px -992px;
}

i[icon-name=iNonService-xl] {
  background-position: -96px -992px;
}

/***********Warning Non-Service Appointment**************/
i[icon-name=iWarningNonService-sm] {
  background-position: 0 -1024px;
}

i[icon-name=iWarningNonService-md] {
  background-position: -32px -1024px;
}

i[icon-name=iWarningNonService-lg] {
  background-position: -64px -1024px;
}

i[icon-name=iWarningNonService-xl] {
  background-position: -96px -1024px;
}

/***********Default Group Non-Service Appointment**************/
i[icon-name=iDefaultGroupNonService-sm] {
  background-position: 0 -1056px;
}

i[icon-name=iDefaultGroupNonService-md] {
  background-position: -32px -1056px;
}

i[icon-name=iDefaultGroupNonService-lg] {
  background-position: -64px -1056px;
}

i[icon-name=iDefaultGroupNonService-xl] {
  background-position: -96px -1056px;
}

/***********Group Non-Service Appointment**************/
i[icon-name=iGroupNonServiceT-sm] {
  background-position: -3px -1092px !important;
}

i[icon-name=iGroupNonService-sm] {
  background-position: 0 -1088px !important;
}

i[icon-name=iGroupNonService-md] {
  background-position: -32px -1088px !important;
}

i[icon-name=iGroupNonService-lg] {
  background-position: -64px -1088px;
}

i[icon-name=iGroupNonService-xl] {
  background-position: -96px -1088px;
}

/***********Group Warning Non-Service Appointment**************/
i[icon-name=iGroupWarningService-sm] {
  background-position: 0 -1120px;
}

i[icon-name=iGroupWarningService-md] {
  background-position: -32px -1120px;
}

i[icon-name=iGroupWarningService-lg] {
  background-position: -64px -1120px;
}

i[icon-name=iGroupWarningService-xl] {
  background-position: -96px -1120px;
}

/***********Default DriveTime Appointment**************/
i[icon-name=iDefaultDriveTime-sm] {
  background-position: 0 -1152px;
}

i[icon-name=iDefaultDriveTime-md] {
  background-position: -32px -1152px;
}

i[icon-name=iDefaultDriveTime-lg] {
  background-position: -64px -1152px;
}

i[icon-name=iDefaultDriveTime-xl] {
  background-position: -96px -1152px;
}

/***********DriveTime Appointment**************/
i[icon-name=iDriveTimeT-sm] {
  background-position: -3px -1188px !important;
}

i[icon-name=iDriveTime-sm] {
  background-position: 0 -1184px !important;
}

i[icon-name=iDriveTime-md] {
  background-position: -32px -1184px !important;
}

i[icon-name=iDriveTime-lg] {
  background-position: -64px -1184px;
}

i[icon-name=iDriveTime-xl] {
  background-position: -96px -1184px;
}

/***********Primary DriveTime Appointment**************/
i[icon-name=iPrimaryDriveTime-sm] {
  background-position: 0 -1216px;
}

i[icon-name=iPrimaryDriveTime-md] {
  background-position: -32px -1216px;
}

i[icon-name=iPrimaryDriveTime-lg] {
  background-position: -64px -1216px;
}

i[icon-name=iPrimaryDriveTime-xl] {
  background-position: -96px -1216px;
}

/***********Default BreakTime Appointment**************/
i[icon-name=iDefaultBreakTimeAppnt-sm] {
  background-position: 0 -1248px;
}

i[icon-name=iDefaultBreakTimeAppnt-md] {
  background-position: -32px -1248px;
}

i[icon-name=iDefaultBreakTimeAppnt-lg] {
  background-position: -64px -1248px;
}

i[icon-name=iDefaultBreakTimeAppnt-xl] {
  background-position: -96px -1248px;
}

/***********BreakTime Appointment**************/
i[icon-name=iBreakTimeT-sm] {
  background-position: -3px -1284px !important;
}

i[icon-name=iBreakTimeAppnt-sm] {
  background-position: 0 -1280px !important;
}

i[icon-name=iBreakTimeAppnt-md] {
  background-position: -32px -1280px !important;
}

i[icon-name=iBreakTimeAppnt-lg] {
  background-position: -64px -1280px;
}

i[icon-name=iBreakTimeAppnt-xl] {
  background-position: -96px -1280px;
}

/***********Alert BreakTime Appointment**************/
i[icon-name=iAlertBreakTime-sm] {
  background-position: 0 -1312px;
}

i[icon-name=iAlertBreakTime-md] {
  background-position: -32px -1312px;
}

i[icon-name=iAlertBreakTime-lg] {
  background-position: -64px -1312px;
}

i[icon-name=iAlertBreakTime-xl] {
  background-position: -96px -1312px;
}

/***********Default Group BreakTime Appointment**************/
i[icon-name=iDefaultGroupBreakTime-sm] {
  background-position: 0 -1344px;
}

i[icon-name=iDefaultGroupBreakTime-md] {
  background-position: -32px -1344px;
}

i[icon-name=iDefaultGroupBreakTime-lg] {
  background-position: -64px -1344px;
}

i[icon-name=iDefaultGroupBreakTime-xl] {
  background-position: -96px -1344px;
}

/***********Group BreakTime Appointment**************/
i[icon-name=iGroupBreakTimeT-sm] {
  background-position: -3px -1380px !important;
}

i[icon-name=iGroupBreakTime-sm] {
  background-position: 0 -1376px !important;
}

i[icon-name=iGroupBreakTime-md] {
  background-position: -32px -1376px !important;
}

i[icon-name=iGroupBreakTime-lg] {
  background-position: -64px -1376px;
}

i[icon-name=iGroupBreakTime-xl] {
  background-position: -96px -1376px;
}

/***********Group Alert BreakTime Appointment**************/
i[icon-name=iGroupAlertBreakTime-sm] {
  background-position: 0 -1408px;
}

i[icon-name=iGroupAlertBreakTime-md] {
  background-position: -32px -1408px;
}

i[icon-name=iGroupAlertBreakTime-lg] {
  background-position: -64px -1408px;
}

i[icon-name=iGroupAlertBreakTime-xl] {
  background-position: -96px -1408px;
}

/***********Billing **************/
i[icon-name=iBilling-sm] {
  background-position: 0 -1440px;
}

i[icon-name=iBilling-md] {
  background-position: -32px -1440px;
}

i[icon-name=iBilling-lg] {
  background-position: -64px -1440px;
}

i[icon-name=iBilling-xl] {
  background-position: -96px -1440px;
}

/***********Payroll **************/
i[icon-name=iPayroll-sm] {
  background-position: 0 -1472px;
}

i[icon-name=iPayroll-md] {
  background-position: -32px -1472px;
}

i[icon-name=iPayroll-lg] {
  background-position: -64px -1472px;
}

i[icon-name=iPayroll-xl] {
  background-position: -96px -1472px;
}

/***********Un-Billied Appointment **************/
i[icon-name=iUnBill-sm] {
  background-position: 0 -1504px;
}

i[icon-name=iUnBill-md] {
  background-position: -32px -1504px;
}

i[icon-name=iUnBill-lg] {
  background-position: -64px -1504px;
}

i[icon-name=iUnBill-xl] {
  background-position: -96px -1504px;
}

/***********Appointment Billing **************/
i[icon-name=iAppointmentBilling-sm] {
  background-position: 0 -1536px;
}

i[icon-name=iAppointmentBilling-md] {
  background-position: -32px -1536px;
}

i[icon-name=iAappointmentBilling-lg] {
  background-position: -64px -1536px;
}

i[icon-name=iAappointmentBilling-xl] {
  background-position: -96px -1536px;
}

/***********Primary Billing **************/
i[icon-name=iPrimaryBilling-sm] {
  background-position: 0 -1568px;
}

i[icon-name=iPrimaryBilling-md] {
  background-position: -32px -1568px;
}

i[icon-name=iPrimaryBilling-lg] {
  background-position: -64px -1568px;
}

i[icon-name=iPrimaryBilling-xl] {
  background-position: -96px -1568px;
}

/***********Active Billing **************/
i[icon-name=iActiveBilling-sm] {
  background-position: 0 -1600px;
}

i[icon-name=iActiveBilling-md] {
  background-position: -32px -1600px;
}

i[icon-name=iActiveBilling-lg] {
  background-position: -64px -1600px;
}

i[icon-name=iActiveBilling-xl] {
  background-position: -96px -1600px;
}

/***********Active Payroll **************/
i[icon-name=iActivePayroll-sm] {
  background-position: 0 -1632px;
}

i[icon-name=iActivePayroll-md] {
  background-position: -32px -1632px;
}

i[icon-name=iActivePayroll-lg] {
  background-position: -64px -1632px;
}

i[icon-name=iActivePayroll-xl] {
  background-position: -96px -1632px;
}

/***********Export to Excel **************/
i[icon-name=iExportTo-sm] {
  background-position: 0 -1664px;
}

i[icon-name=iExportTo-md] {
  background-position: -32px -1664px;
}

i[icon-name=iExportTo-lg] {
  background-position: -64px -1664px;
}

i[icon-name=iExportTo-xl] {
  background-position: -96px -1664px;
}

/***********Outine CircledCheck icon**************/
i[icon-name=iOutlineCircleCheck-sm] {
  background-position: 0 -1696px;
}

i[icon-name=iOutlineCircleCheck-md] {
  background-position: -32px -1696px;
}

i[icon-name=iOutlineCircleCheck-lg] {
  background-position: -64px -1696px;
}

i[icon-name=iOutlineCircleCheck-xl] {
  background-position: -96px -1696px;
}

/***********Copy 6M icon**************/
i[icon-name=iCopyIcon-sm] {
  background-position: 0 -2176px;
}

i[icon-name=iCopyIcon-md] {
  background-position: -32px -2176px;
}

i[icon-name=iCopyIcon-lg] {
  background-position: -64px -2176px;
}

i[icon-name=iCopyIcon-xl] {
  background-position: -96px -2176px;
}

/***********EVV Active icon**************/
i[icon-name=iEvvActiveIcon-sm] {
  background-position: 0 -2208px;
}

i[icon-name=iEvvActiveIcon-md] {
  background-position: -32px -2208px;
}

i[icon-name=iEvvActiveIcon-lg] {
  background-position: -64px -2208px;
}

i[icon-name=iEvvActiveIcon-xl] {
  background-position: -96px -2208px;
}

/***********EVV icon**************/
i[icon-name=iEvvIcon-sm] {
  background-position: 0 -2240px;
}

i[icon-name=iEvvIcon-md] {
  background-position: -32px -2240px;
}

i[icon-name=iEvvIcon-lg] {
  background-position: -64px -2240px;
}

i[icon-name=iEvvIcon-xl] {
  background-position: -96px -2240px;
}

/***********Edit icon**************/
i[icon-name=iEditIcon-sm] {
  background-position: 0 -2304px;
}

i[icon-name=iEditIcon-md] {
  background-position: -32px -2304px;
}

i[icon-name=iEditIcon-lg] {
  background-position: -64px -2304px;
}

i[icon-name=iEditIcon-xl] {
  background-position: -96px -2304px;
}

/***********Edit Blue icon**************/
i[icon-name=iEditBlueIcon-sm] {
  background-position: 0 -2336px;
}

i[icon-name=iEditBlueIcon-md] {
  background-position: -32px -2336px;
}

i[icon-name=iEditBlueIcon-lg] {
  background-position: -64px -2336px;
}

i[icon-name=iEditBlueIcon-xl] {
  background-position: -96px -2336px;
}

/***********Form Service icon**************/
i[icon-name=iFormServiceIcon-sm] {
  background-position: 0 -2368px;
}

i[icon-name=iFormServiceIcon-md] {
  background-position: -32px -2368px;
}

i[icon-name=iFormServiceIcon-lg] {
  background-position: -64px -2368px;
}

i[icon-name=iFormServiceIcon-xl] {
  background-position: -96px -2368px;
}

/***********Form Service Blue icon**************/
i[icon-name=iFormServiceBlueIcon-sm] {
  background-position: 0 -2400px;
}

i[icon-name=iFormServiceBlueIcon-md] {
  background-position: -32px -2400px;
}

i[icon-name=iFormServiceBlueIcon-lg] {
  background-position: -64px -2400px;
}

i[icon-name=iFormServiceBlueIcon-xl] {
  background-position: -96px -2400px;
}

/***********Outine CircledCheck Blue icon**************/
i[icon-name=iOutlineCircleCheckBlue-sm] {
  background-position: 0 -2432px;
}

i[icon-name=iOutlineCircleCheckBlue-md] {
  background-position: -32px -2432px;
}

i[icon-name=iOutlineCircleCheckBlue-lg] {
  background-position: -64px -2432px;
}

i[icon-name=iOutlineCircleCheckBlue-xl] {
  background-position: -96px -2432px;
}

/***********Delete Outline Blue-icon**************/
i[icon-name=iDeleteOutlineBlue-sm] {
  background-position: 0 -2464px;
}

i[icon-name=iDeleteOutlineBlue-md] {
  background-position: -32px -2464px;
}

i[icon-name=iDeleteOutlineBlue-lg] {
  background-position: -64px -2464px;
}

i[icon-name=iDeleteOutlineBlue-xl] {
  background-position: -96px -2464px;
}

/***********Copy 6M Blue icon**************/
i[icon-name=iCopyBlueIcon-sm] {
  background-position: 0 -2496px;
}

i[icon-name=iCopyBlueIcon-md] {
  background-position: -32px -2496px;
}

i[icon-name=iCopyBlueIcon-lg] {
  background-position: -64px -2496px;
}

i[icon-name=iCopyBlueIcon-xl] {
  background-position: -96px -2496px;
}

/*********** usage*************

    64 Pixel Icons goes here

 *******************************/
.alohaImgIcon64 {
  display: inline-block;
  background: url("../../Images/alohaSpritImage64.svg") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  width: 64px;
  height: 64px;
  pointer-events: none;
}

/***********No Record Found icon**************/
i[icon-name=iNoRecordFound-sm] {
  background-position: 0px 0px;
}

i[icon-name=iNoRecordFound-md] {
  background-position: -64px 0px;
}

i[icon-name=iNoRecordFound-lg] {
  background-position: -128px 0px;
}

i[icon-name=iNoRecordFound-xl] {
  background-position: -192px 0px;
}

/***********No RecordAvailable icon**************/
i[icon-name=iNoRecordAvailable-sm] {
  background-position: 0px -64px;
}

i[icon-name=iNoRecordAvailable-md] {
  background-position: -64px -64px;
}

i[icon-name=iNoRecordAvailable-lg] {
  background-position: -128px -64px;
}

i[icon-name=iNoRecordAvailable-xl] {
  background-position: -192px -64px;
}

/***********Default Organization icon**************/
i[icon-name=iDefaultOrganization-sm] {
  background-position: 0px -128px;
}

i[icon-name=iDefaultOrganization-md] {
  background-position: -64px -128px;
}

i[icon-name=iDefaultOrganization-lg] {
  background-position: -128px -128px;
}

i[icon-name=iDefaultOrganization-xl] {
  background-position: -192px -128px;
}

/***********File Download icon**************/
i[icon-name=iFileDownload-sm] {
  background-position: 0px -192px;
}

i[icon-name=iFileDownload-md] {
  background-position: -64px -192px;
}

i[icon-name=iFileDownload-lg] {
  background-position: -128px -192px;
}

i[icon-name=iFileDownload-xl] {
  background-position: -192px -192px;
}

/***********File Printicon**************/
i[icon-name=iFilePrint-sm] {
  background-position: 0px -256px;
}

i[icon-name=iFilePrint-md] {
  background-position: -64px -256px;
}

i[icon-name=iFilePrint-lg] {
  background-position: -128px -256px;
}

i[icon-name=iFilePrint-xl] {
  background-position: -192px -256px;
}

/***********Reports icon**************/
i[icon-name=iReportsFile-sm] {
  background-position: 0px -320px;
}

i[icon-name=iReportsFile-md] {
  background-position: -64px -320px;
}

i[icon-name=iReportsFile-lg] {
  background-position: -128px -320px;
}

i[icon-name=iReportsFile-xl] {
  background-position: -192px -320px;
}

/***********Upload icon**************/
i[icon-name=iFileUpload-sm] {
  background-position: 0px -384px;
}

i[icon-name=iFileUpload-md] {
  background-position: -64px -384px;
}

i[icon-name=iFileUpload-lg] {
  background-position: -128px -384px;
}

i[icon-name=iFileUpload-xl] {
  background-position: -192px -384px;
}

/***********Document not Found**************/
i[icon-name=iFilenotFound-sm] {
  background-position: 0px -448px;
}

i[icon-name=iFilenotFound-md] {
  background-position: -64px -448px;
}

i[icon-name=iFilenotFound-lg] {
  background-position: -128px -448px;
}

i[icon-name=iFilenotFound-xl] {
  background-position: -192px -448px;
}

/***********Locked icon**************/
i[icon-name=iLocked64-sm] {
  background-position: 0px -512px;
}

i[icon-name=iLocked64-md] {
  background-position: -64px -512px;
}

i[icon-name=iLocked64-lg] {
  background-position: -128px -512px;
}

i[icon-name=iLocked64-xl] {
  background-position: -192px -512px;
}

i[icon-name=iError404-sm] {
  background-position: 0px -576px;
}

i[icon-name=iError404-md] {
  background-position: -64px -576px;
}

i[icon-name=iError404-lg] {
  background-position: -128px -576px;
}

i[icon-name=iError404-xl] {
  background-position: -192px -576px;
}

/***********No AppointmentAvailable icon**************/
i[icon-name=iAppointmentAvailable-sm] {
  background-position: 0px -704px;
}

i[icon-name=iAppointmentAvailable-md] {
  background-position: -64px -704px;
}

i[icon-name=iAppointmentAvailable-lg] {
  background-position: -128px -704px;
}

i[icon-name=iAppointmentAvailable-xl] {
  background-position: -192px -704px;
}

/***********No FormsSelected icon**************/
i[icon-name=iNoFormsSelected-sm] {
  background-position: 0px -768px;
}

i[icon-name=iNoFormsSelected-md] {
  background-position: -64px -768px;
}

i[icon-name=iNoFormsSelected-lg] {
  background-position: -128px -768px;
}

i[icon-name=iNoFormsSelected-xl] {
  background-position: -192px -768px;
}

/***********Schedule Payroll Summary**************/
i[icon-name=iSchedulePayroll-sm] {
  background-position: 0 -1856px;
}

i[icon-name=iSchedulePayroll-md] {
  background-position: -32px -1856px;
}

i[icon-name=iSchedulePayroll-lg] {
  background-position: -64px -1856px;
}

i[icon-name=iSchedulePayroll-xl] {
  background-position: -96px -1856px;
}

/***********Signature Icon**************/
i[icon-name=iSignature-sm] {
  background-position: 0 -1888px;
}

i[icon-name=iSignature-md] {
  background-position: -32px -1888px;
}

i[icon-name=iSignature-lg] {
  background-position: -64px -1888px;
}

i[icon-name=iSignature-xl] {
  background-position: -96px -1888px;
}

/***********Mass Apply Icon**************/
i[icon-name=iMassApply-sm] {
  background-position: 0 -1920px;
}

i[icon-name=iMassApply-md] {
  background-position: -32px -1920px;
}

i[icon-name=iMassApply-lg] {
  background-position: -64px -1920px;
}

i[icon-name=iMassApply-xl] {
  background-position: -96px -1920px;
}

/***********payroll earning code defaults**************/
i[icon-name=iPayrollEarningCodeDefault-sm] {
  background-position: 0 -1952px;
}

i[icon-name=iPayrollEarningCodeDefault-md] {
  background-position: -32px -1952px;
}

i[icon-name=iPayrollEarningCodeDefault-lg] {
  background-position: -64px -1952px;
}

i[icon-name=iPayrollEarningCodeDefault-xl] {
  background-position: -96px -1952px;
}

/***********payroll earning code list**************/
i[icon-name=iPayrollEarningCodeList-sm] {
  background-position: 0 -2240px;
}

i[icon-name=iPayrollEarningCodeList-md] {
  background-position: -32px -2240px;
}

i[icon-name=iPayrollEarningCodeList-lg] {
  background-position: -64px -2240px;
}

i[icon-name=iPayrollEarningCodeList-xl] {
  background-position: -96px -2240px;
}

/***********payroll earning code list**************/
i[icon-name=i120Days-sm] {
  background-position: 0 -2016px;
}

i[icon-name=i120Days-md] {
  background-position: -32px -2016px;
}

i[icon-name=i120Days-lg] {
  background-position: -64px -2016px;
}

i[icon-name=i120Days-xl] {
  background-position: -96px -2016px;
}

/***********Session note Icon**************/
i[icon-name=sessionnote-sm] {
  background-position: 0 -2048px;
}

i[icon-name=sessionnote-md] {
  background-position: -32px -2048px;
}

i[icon-name=sessionnote-lg] {
  background-position: -64px -2048px;
}

i[icon-name=sessionnote-xl] {
  background-position: -96px -2048px;
}

/***********Session note small Icon**************/
i[icon-name=sessionnote-xs] {
  background-position: 0 -48px;
}

i[icon-name=sessionnote-warning-xs] {
  background-position: -3px -48px;
}

/***********Session note warning Icon**************/
i[icon-name=sessionnote-warning-sm] {
  background-position: 0 -2080px;
}

i[icon-name=sessionnote-warning-md] {
  background-position: -32px -2080px;
}

i[icon-name=sessionnote-warning-lg] {
  background-position: -64px -2080px;
}

i[icon-name=sessionnote-warning-xl] {
  background-position: -96px -2080px;
}

/***********Session note available Icon**************/
i[icon-name=sessionnote-available-sm] {
  background-position: 0 -2112px;
}

i[icon-name=sessionnote-available-md] {
  background-position: -32px -2112px;
}

i[icon-name=sessionnote-available-lg] {
  background-position: -64px -2112px;
}

i[icon-name=sessionnote-available-xl] {
  background-position: -96px -2112px;
}

.sessionnoteAlign i[icon-name=sessionnote-available-sm] {
  height: 22px !important;
  width: 22px !important;
  background-position: 0 -2116px;
  padding-right: 0px !important;
  position: relative !important;
  bottom: -3px !important;
}

/***********Sync On Available Icon**************/
i[icon-name=sync-on-sm] {
  background-position: 0 -2144px;
}

i[icon-name=sync-on-md] {
  background-position: -32px -2144px;
}

i[icon-name=sync-on-lg] {
  background-position: -64px -2144px;
}

i[icon-name=sync-on-xl] {
  background-position: -96px -2144px;
}

/*----------------------- Aloha Layout ------------------------------ */
/*************************
       Global Body Styles
      ***************************/
html {
  font-size: 62.5%;
  line-height: 1.4;
  scrollbar-color: #0074f1 #ebeff5;
  scrollbar-width: thin;
}

body {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: normal !important;
  background: #ffffff;
  height: auto;
}

.bodyContent {
  margin: 0px;
  width: 100%;
  min-height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.statusRibbon .menu {
  top: 60px !important;
}
.statusRibbon .menu-bar {
  top: 60px !important;
}
.statusRibbon .scrolling-navbar, .statusRibbon .alohaSub-Header, .statusRibbon .alohaCalendarSub-Header {
  top: 61px !important;
}
.statusRibbon .alohaComponent-Container {
  padding-top: 121px !important;
}
.statusRibbon .alohaCalendar-Content {
  padding-top: 181px;
}
.statusRibbon .userStatus_Content {
  display: block !important;
}
.statusRibbon .aloha_PaymentDueDiv {
  padding: 20px 30px;
  min-height: 60px;
}

/***********************
Slim-Scroll Styles
**************************/
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar:horizontal {
  width: 6px;
  height: 10px;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #ebeff5;
}

::-webkit-scrollbar-thumb {
  background: #0074f1;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
}

/********************
    Header Styles
   **********************/
.alohaSub-Header {
  z-index: 1;
  background-color: #ffffff !important;
  box-shadow: none;
  border-radius: 0px;
  align-items: center;
}
.alohaSub-Header .customSubHeader {
  margin: 60px 30px 0px 95px;
  min-height: 60px;
}

.parent_SubHeader {
  min-height: 60px;
}

.alohaComponent-toolbar {
  min-height: 40px;
}

.alohaComponent-Container {
  padding: 61px 30px 30px 95px;
  height: auto !important;
}

/********************
    Media Queries
   **********************/
@media only screen and (max-width: 600px) {
  .alohaComponent-Container {
    padding: 110px 12px 30px 12px !important;
    height: auto !important;
  }
  .alohaSub-Header {
    margin: 0px;
    padding: 0px !important;
  }
  .alohaSub-Header .customSubHeader {
    margin: 60px 10px 0px 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .alohaComponent-Container {
    padding: 60px 12px 30px 12px;
    height: auto !important;
  }
  .alohaSub-Header {
    margin: 0px;
    padding: 0px !important;
  }
  .alohaSub-Header .customSubHeader {
    margin: 60px 10px 0px 10px;
  }
  .aloha_PaymentDueDiv {
    padding: 5px 30px !important;
    font-size: 12px;
  }
  .claim-type-dropdown {
    min-width: 120px !important;
  }
}
.AutoLockScreenBlur {
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .aloha_PaymentDueDiv {
    padding: 12px 30px !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .statusRibbon .alohaCalendar-Content {
    padding-top: 159px;
  }
}
/*********************** 
           Author - Anil 
           Using for Fixed Left Menu Styles
          ***************************************/
.menu {
  position: fixed;
  left: 0;
  height: 100%;
  width: 65px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: #373330;
  z-index: 2;
  display: flex;
  flex-direction: column;
  top: 0;
}
.menu li:last-child {
  position: fixed;
  bottom: 5px;
}
.menu a {
  display: block;
  height: 52px;
  padding-top: 15px;
  width: 65px;
  text-align: center;
  color: #524d49;
  position: relative;
  cursor: pointer;
}
.menu a i {
  color: #a19d97;
}
.menu a .ActiveBilling, .menu a .ActivePayroll, .menu a .ActiveEvv {
  display: none;
}
.menu a:before {
  speak: none;
  text-indent: 0em;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.menu a:hover {
  background: #524d49;
}
.menu a:active {
  color: #ffffff;
  /*.defaultBilling, .defaultPayroll {
      display: none;
  }

  .ActiveBilling, .ActivePayroll {
      display: inline-block !important;
  }

  i {
      color: $White;
  }*/
}
.menu .disabled_color a {
  cursor: default !important;
}
.menu .disabled_color a:hover, .menu .disabled_color a:active {
  background: none;
}
.menu .disabled_color a:hover i, .menu .disabled_color a:active i {
  color: #a19d97;
  cursor: default !important;
}

/******************************** 
            Author - Anil 
            Sub-Menus of Left Menu Styles
           ***************************************/
.menu-bar {
  left: 65px;
  z-index: 2;
  width: 0;
  height: 0;
  position: fixed;
  top: 0;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: #524d49;
  overflow: hidden;
}
.menu-bar.open {
  overflow: auto !important;
}
.menu-bar h2 {
  padding: 0px 20px;
  color: #ffffff;
  font-weight: 500;
}
.menu-bar h2 i {
  float: right;
  cursor: pointer;
}
.menu-bar a {
  display: block;
  padding: 10px 10px 10px 30px;
  text-align: left;
  text-decoration: none;
  position: relative;
  color: #ffffff;
  cursor: pointer;
}
.menu-bar a:hover {
  background: #423d37;
  color: #ffffff;
  margin: 0px;
}
.menu-bar a:active {
  background: #423d37;
  color: #ffffff;
  margin: 0px;
}
.menu-bar a .drop-downarrow-icon, .menu-bar a .drop-uparrow-icon {
  float: right;
  color: #ffffff !important;
}
.menu-bar .disabled_color a {
  cursor: default !important;
}
.menu-bar li:first-child a {
  height: 5em;
  background: #423d37;
  color: #ffffff;
  line-height: 5;
}

.menu:hover .dropdown-content {
  display: block;
}

.main-submenu {
  margin: 0px;
  padding: 0px;
}
.main-submenu li:first-child a {
  height: 3em;
  background: none;
  line-height: 1;
}
.main-submenu li {
  list-style: none;
}
.main-submenu li a {
  display: block;
  margin: 0px 0px 0px -41px;
  text-decoration: none;
  position: relative;
  color: #ffffff;
}
.main-submenu li a:hover, .main-submenu li a:active {
  background: #423d37;
  color: #ffffff;
  margin: 0px 0px 0px -41px;
}

.open {
  width: 240px;
  height: 100%;
  z-index: 4;
}

.setMenuItemActive {
  background: #524d49;
}

.setMenuItemSelected {
  background: #48433f !important;
  color: #ffffff !important;
}

.setMenuSelected {
  background: #48433f;
  color: #ffffff;
}
.setMenuSelected .defaultBilling, .setMenuSelected .defaultPayroll, .setMenuSelected .defaultEvv {
  display: none;
}
.setMenuSelected .ActiveBilling, .setMenuSelected .ActivePayroll, .setMenuSelected .ActiveEvv {
  display: inline-block !important;
}
.setMenuSelected i {
  color: #ffffff !important;
}

/**************************
            Author - Anil 
            Using for Mobile Left Menu Styles
           ***************************************/
.side-menu {
  position: fixed;
  width: 300px;
  height: 100%;
}
.side-menu .navbar-nav {
  background: #373330;
}
.side-menu .navbar-nav li {
  display: block;
  width: 100%;
}
.side-menu .navbar-nav li:last-child {
  padding-bottom: 5px;
}
.side-menu .navbar-nav li a {
  padding: 12px;
  color: #a19d97;
  /*&:active{

      .defaultBilling, .defaultPayroll {
          display: none;
      }

      .ActiveBilling, .ActivePayroll {
          display: inline-block !important;
      }
  }*/
}
.side-menu .navbar-nav li a label, .side-menu .navbar-nav li a i {
  color: #a19d97;
}
.side-menu .navbar-nav li a .ActiveBilling, .side-menu .navbar-nav li a .ActivePayroll, .side-menu .navbar-nav li a .ActiveEvv {
  display: none;
}
.side-menu .navbar-nav li a .sm-screen {
  padding-right: 10px;
  padding-left: 3px;
  color: #a19d97 !important;
}
.side-menu .navbar-nav li a .drop-downarrow-icon, .side-menu .navbar-nav li a .drop-uparrow-icon {
  float: right;
  padding-top: 3px;
}
.side-menu .navbar-nav li a:active, .side-menu .navbar-nav li a:hover, .side-menu .navbar-nav li a:focus {
  color: #ffffff !important;
  background: #524d49;
  outline: none;
}
.side-menu .navbar-nav li a:active .sm-screen, .side-menu .navbar-nav li a:active i, .side-menu .navbar-nav li a:active label, .side-menu .navbar-nav li a:hover .sm-screen, .side-menu .navbar-nav li a:hover i, .side-menu .navbar-nav li a:hover label, .side-menu .navbar-nav li a:focus .sm-screen, .side-menu .navbar-nav li a:focus i, .side-menu .navbar-nav li a:focus label {
  color: #ffffff !important;
}
.side-menu .dropdown {
  border: 0;
  margin-bottom: 0;
  border-radius: 0;
  background-color: transparent;
}
.side-menu .dropdown .Sub-menu {
  padding: 0px;
}
.side-menu .dropdown .Sub-menu .navbar-nav {
  width: 100%;
  background: #524d49 !important;
  margin: 0px;
}
.side-menu .dropdown .Sub-menu .navbar-nav a {
  padding-left: 50px;
}
.side-menu .dropdown .Sub-menu .navbar-nav a:active, .side-menu .dropdown .Sub-menu .navbar-nav a:hover, .side-menu .dropdown .Sub-menu .navbar-nav a:focus {
  background: #373330 !important;
  color: #ffffff !important;
  outline: none;
}

/**************************
            Author - Anil 
            Using for Screen Lock Dialog Styles
           ***************************************/
.screenLockContent .screenLockWarn_icon {
  text-align: center;
  display: block;
  padding-bottom: 30px;
}
.screenLockContent .screenLockWarn_icon .alohaIcon {
  border: 1px solid #ebeff5;
  border-radius: 50%;
  padding: 13px 15px;
}
.screenLockContent .screenLockWarn_messge {
  text-align: center;
}
.screenLockContent .screenLockWarn_messge .alohalabel, .screenLockContent .screenLockWarn_messge .printslide_btn, .screenLockContent .screenLockWarn_messge .md-chips, .screenLockContent .screenLockWarn_messge .aloha_ReportsTable table tbody td, .screenLockContent .screenLockWarn_messge .fixclaim_sampleViewTable table tbody td, .aloha_ReportsTable table tbody .screenLockContent .screenLockWarn_messge td, .fixclaim_sampleViewTable table tbody .screenLockContent .screenLockWarn_messge td, .screenLockContent .screenLockWarn_messge .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-td, .alohatable-advanced-parent .aloha-advanced-table .screenLockContent .screenLockWarn_messge .aloha-advanced-td, .screenLockContent .screenLockWarn_messge .alohatable-parent .alohatable .alohadatarow .alohatd, .screenLockContent .screenLockWarn_messge .alohatable-parent .alohatable .aloha_addDatarow .alohatd, .alohatable-parent .alohatable .alohadatarow .screenLockContent .screenLockWarn_messge .alohatd, .alohatable-parent .alohatable .aloha_addDatarow .screenLockContent .screenLockWarn_messge .alohatd, .screenLockContent .screenLockWarn_messge .alohaSignLabel {
  display: block;
}
.screenLockContent .screenLockWarn_messge .alohalabel.screenLockWarn_timer, .screenLockContent .screenLockWarn_messge .screenLockWarn_timer.printslide_btn, .screenLockContent .screenLockWarn_messge .screenLockWarn_timer.md-chips, .screenLockContent .screenLockWarn_messge .aloha_ReportsTable table tbody td.screenLockWarn_timer, .screenLockContent .screenLockWarn_messge .fixclaim_sampleViewTable table tbody td.screenLockWarn_timer, .aloha_ReportsTable table tbody .screenLockContent .screenLockWarn_messge td.screenLockWarn_timer, .fixclaim_sampleViewTable table tbody .screenLockContent .screenLockWarn_messge td.screenLockWarn_timer, .screenLockContent .screenLockWarn_messge .alohatable-advanced-parent .aloha-advanced-table .screenLockWarn_timer.aloha-advanced-td, .alohatable-advanced-parent .aloha-advanced-table .screenLockContent .screenLockWarn_messge .screenLockWarn_timer.aloha-advanced-td, .screenLockContent .screenLockWarn_messge .alohatable-parent .alohatable .alohadatarow .screenLockWarn_timer.alohatd, .screenLockContent .screenLockWarn_messge .alohatable-parent .alohatable .aloha_addDatarow .screenLockWarn_timer.alohatd, .alohatable-parent .alohatable .alohadatarow .screenLockContent .screenLockWarn_messge .screenLockWarn_timer.alohatd, .alohatable-parent .alohatable .aloha_addDatarow .screenLockContent .screenLockWarn_messge .screenLockWarn_timer.alohatd, .screenLockContent .screenLockWarn_messge .screenLockWarn_timer.alohaSignLabel {
  color: #132443;
  font-size: 16px;
}
.screenLockContent .screenLockWarn_messge .alohalabel.screenLockWarn_timer span, .screenLockContent .screenLockWarn_messge .screenLockWarn_timer.printslide_btn span, .screenLockContent .screenLockWarn_messge .screenLockWarn_timer.md-chips span, .screenLockContent .screenLockWarn_messge .aloha_ReportsTable table tbody td.screenLockWarn_timer span, .screenLockContent .screenLockWarn_messge .fixclaim_sampleViewTable table tbody td.screenLockWarn_timer span, .aloha_ReportsTable table tbody .screenLockContent .screenLockWarn_messge td.screenLockWarn_timer span, .fixclaim_sampleViewTable table tbody .screenLockContent .screenLockWarn_messge td.screenLockWarn_timer span, .screenLockContent .screenLockWarn_messge .alohatable-advanced-parent .aloha-advanced-table .screenLockWarn_timer.aloha-advanced-td span, .alohatable-advanced-parent .aloha-advanced-table .screenLockContent .screenLockWarn_messge .screenLockWarn_timer.aloha-advanced-td span, .screenLockContent .screenLockWarn_messge .alohatable-parent .alohatable .alohadatarow .screenLockWarn_timer.alohatd span, .screenLockContent .screenLockWarn_messge .alohatable-parent .alohatable .aloha_addDatarow .screenLockWarn_timer.alohatd span, .alohatable-parent .alohatable .alohadatarow .screenLockContent .screenLockWarn_messge .screenLockWarn_timer.alohatd span, .alohatable-parent .alohatable .aloha_addDatarow .screenLockContent .screenLockWarn_messge .screenLockWarn_timer.alohatd span, .screenLockContent .screenLockWarn_messge .screenLockWarn_timer.alohaSignLabel span {
  font-weight: 500;
}

/********************
        Media Queries
       **********************/
/***Normalizing Styles for Mobile***/
@media screen and (max-height: 34em) {
  .menu li, .menu-bar {
    font-size: 70%;
  }
}
@media screen and (max-height: 34em) and (max-width: 500px) {
  .menu {
    height: 3.5em;
  }
}
/***end of Normalizing Styles for Mobile***/
@media only screen and (max-width: 767px) {
  /***Desktop Menu styles ***/
  .menu {
    display: none;
    width: 10%;
    height: 100%;
    top: 7%;
  }
  .menu li {
    display: inline-block;
    float: left;
  }
  .menu a {
    width: 60px;
    line-height: 3.5em;
    height: auto;
    margin-top: 0px !important;
  }
  .menu-bar {
    display: none;
    width: 100%;
    left: 0;
    height: 0;
  }
  .menu-bar span {
    float: right;
  }
  /***Mobile Menu styles ***/
  .navbar-nav {
    display: block !important;
  }
  .side-menu {
    position: relative;
    width: 100%;
    height: 0;
    border-right: 0;
    z-index: 3;
  }
  /***Mobile Slide Menu Container Styles ***/
  .side-menu-container > .navbar-nav.slide-in {
    -moz-animation: slidein 300ms forwards;
    -o-animation: slidein 300ms forwards;
    -webkit-animation: slidein 300ms forwards;
    animation: slidein 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    overflow: auto;
  }
  .side-menu-container > .navbar-nav {
    position: fixed;
    width: 90%;
    top: 52px;
    height: 100%;
    margin-left: -10px;
    background: #373330;
    -moz-animation: slideout 300ms forwards;
    -o-animation: slideout 300ms forwards;
    -webkit-animation: slideout 300ms forwards;
    animation: slideout 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  /**************************
          Author - Anil 
          Using for Menu Slide-in Animation Styles
         ***************************************/
  @-moz-keyframes slidein {
    0% {
      left: -90%;
    }
    100% {
      left: 10px;
    }
  }
  @-webkit-keyframes slidein {
    0% {
      left: -90%;
    }
    100% {
      left: 10px;
    }
  }
  @keyframes slidein {
    0% {
      left: -90%;
    }
    100% {
      left: 10px;
    }
  }
  @-moz-keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -90%;
    }
  }
  @-webkit-keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -90%;
    }
  }
  @keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -90%;
    }
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /*.disablesettings-xs {
      background-color: $alohaDefaultDisableText_c !important;

      a, i {
          color: $alohaDefaultDisableText_c !important
      }
  }*/
  .side-menu {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .navbar-nav {
    display: none !important;
  }
  .menu {
    display: flex !important;
  }
  .side-menu {
    display: none;
  }
}
.getDisplay {
  display: none;
}

@media (max-height: 750px) {
  .menu li:last-child {
    display: block;
    height: 60px;
    padding-top: 10px;
    width: 65px;
    text-align: center;
    color: #524d49;
    position: relative;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .menu a {
    height: 55px;
  }
}
.underlineUI {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

/****** Style for favourite icon in Reports ******/
.favouriteIconColour {
  color: #E0CE94 !important;
}

.main-submenu li {
  margin-left: -10px;
}

/**********************
       Author - Anil
       Component Header Styles
      ******************************/
.navbar {
  margin-bottom: 0px;
  min-height: 60px;
}

.scrolling-navbar {
  z-index: 3;
  background-color: #ffffff !important;
  box-shadow: none;
  border-radius: 0px;
  margin-left: 65px;
  padding-right: 30px;
  top: 0px;
}
.scrolling-navbar .main-menu {
  display: none;
  position: absolute;
  padding: 0px;
  margin-top: 18px;
}
.scrolling-navbar .header-content {
  display: block;
  float: right;
  padding: 15px 8px 11px;
  cursor: pointer;
}
.scrolling-navbar .header-content.user-img {
  margin-right: -30px;
}
.scrolling-navbar .header-content.profileMenu {
  padding-top: 17px;
  padding-bottom: 15px;
}
.scrolling-navbar .header-content.profileMenu.open {
  width: 0px !important;
  margin-right: 30px;
}
.scrolling-navbar .header-content.open {
  width: 40px !important;
}
.scrolling-navbar .header-content .aloha_HeaderMenu {
  margin-right: 15px;
  margin-top: -5px;
  padding: 0px;
  width: 350px;
  border: none;
  border-radius: 0;
  /*li {
      line-height: 48px;
      text-decoration: none;
      color: $LightGrey;
      max-height: 100%;
      outline: none;

      span {
          width: 100%;
          margin: auto 0;
          padding-left: 16px;
          padding-right: 16px;

          &:hover {
              color: $RadianceBlue !important;

              i {
                  color: $RadianceBlue !important;
              }
          }
      }

      .alohaBadge {
          left: 25px;
          height: 18px;
          font-size: 9px;
          line-height: 11px;
          top: -8px;
          border-radius: 5px;
      }
  }*/
}
.scrolling-navbar .header-content .aloha_HeaderMenu .userProfileSection {
  background-color: #f5f7fa;
  height: 140px;
  border-bottom: 1px solid #ebeff5;
}
.scrolling-navbar .header-content .aloha_HeaderMenu .profileMenuSection {
  margin-left: 0;
  margin-right: 0;
  padding: 17px 15px;
  cursor: default !important;
}
.scrolling-navbar .header-content .aloha_HeaderMenu .profileMenuSection .profileMenuContent {
  height: 100px;
  width: 100px;
  text-align: center;
  margin: 3px;
  border: 1px solid #ffffff;
  outline: none;
  padding: 0;
  cursor: pointer !important;
}
.scrolling-navbar .header-content .aloha_HeaderMenu .profileMenuSection .profileMenuContent span {
  outline: none;
}
.scrolling-navbar .header-content .aloha_HeaderMenu .profileMenuSection .profileMenuContent span i {
  padding-top: 25px;
}
.scrolling-navbar .header-content .aloha_HeaderMenu .profileMenuSection .profileMenuContent span .alohaCaptionText, .scrolling-navbar .header-content .aloha_HeaderMenu .profileMenuSection .profileMenuContent span .alohaCaptionText_italic, .scrolling-navbar .header-content .aloha_HeaderMenu .profileMenuSection .profileMenuContent span .alohaMoreLabel {
  padding-top: 10px;
  display: block;
}
.scrolling-navbar .header-content .aloha_HeaderMenu .profileMenuSection .profileMenuContent:active, .scrolling-navbar .header-content .aloha_HeaderMenu .profileMenuSection .profileMenuContent:hover {
  border: 1px solid #ebeff5;
}
.scrolling-navbar .header-content .aloha_HeaderMenu .profileMenuSection .profileMenuContent:active span i, .scrolling-navbar .header-content .aloha_HeaderMenu .profileMenuSection .profileMenuContent:active span .alohaCaptionText, .scrolling-navbar .header-content .aloha_HeaderMenu .profileMenuSection .profileMenuContent:active span .alohaCaptionText_italic, .scrolling-navbar .header-content .aloha_HeaderMenu .profileMenuSection .profileMenuContent:active span .alohaMoreLabel, .scrolling-navbar .header-content .aloha_HeaderMenu .profileMenuSection .profileMenuContent:hover span i, .scrolling-navbar .header-content .aloha_HeaderMenu .profileMenuSection .profileMenuContent:hover span .alohaCaptionText, .scrolling-navbar .header-content .aloha_HeaderMenu .profileMenuSection .profileMenuContent:hover span .alohaCaptionText_italic, .scrolling-navbar .header-content .aloha_HeaderMenu .profileMenuSection .profileMenuContent:hover span .alohaMoreLabel {
  color: #0074f1;
  cursor: pointer !important;
}
.scrolling-navbar .header-content .aloha_HeaderMenu:before {
  content: "";
  display: block;
  right: 2%;
  margin-left: -7px;
  position: absolute;
  border-bottom: 20px solid #f5f7fa;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  top: -10px;
}
.scrolling-navbar .disabled_color {
  cursor: default !important;
}
.scrolling-navbar .disabled_color:hover i, .scrolling-navbar .disabled_color:active i {
  cursor: default !important;
}

.alohaComponent-Container .disabled_color {
  pointer-events: none !important;
}

.navbar-brand {
  padding: 20px 30px 16px;
}

/*****Tooltip*******/
.profileMenu .tooltip {
  left: 97% !important;
  top: 43px !important;
  transform: translate(-90%, 0%);
  padding: 10px 20px;
  color: #76859c;
  font-weight: normal;
  font-size: 13px;
  border-radius: 8px;
  position: absolute;
  z-index: 99999999;
}
.profileMenu .tooltip span {
  color: #dee1e6;
  font-size: 12px;
}
.profileMenu .tooltip-inner {
  min-width: 165px;
  max-width: 100%;
  padding: 5px 10px;
  color: #ffffff;
  text-align: left;
  background: #76859c;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.profileMenu .tooltip-arrow {
  position: absolute;
  bottom: 100%;
  left: 80% !important;
  margin-left: -12px;
  border-bottom-color: #76859c !important;
  overflow: hidden;
  top: 5px !important;
}

/************* 
   Author - Anil 
   Using for Notifications Styles
   ***************************************/
.alohaNotifications, .alohaMessages {
  position: relative;
}
.alohaNotifications .alohaBadge, .alohaMessages .alohaBadge {
  position: absolute;
  top: 10px;
  right: -5px;
  padding: 1px 1px 1px 0px;
  border-radius: 3px;
  background-color: #0074f1;
  color: #ffffff;
  font-size: 11px;
  border: 2px solid #ffffff;
  font-weight: 300;
  width: 24px;
  text-align: center;
}

.notificationMenu {
  display: none;
  right: 0;
  top: 55px;
  width: 600px;
  position: fixed;
  background-color: #ffffff;
  box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.12);
  z-index: 25;
}
.notificationMenu .notificationHeader {
  height: 30px;
  border-bottom: 1px solid #ebeff5;
  padding: 5px 30px 0px 15px;
}
.notificationMenu .notificationContainer {
  overflow: auto;
  max-height: 91vh;
  padding: 10px 15px 15px 15px;
}
.notificationMenu .notificationContainer .mdi-cake-layered {
  font-size: 24px;
}
.notificationMenu .notificationContainer a {
  text-decoration: none;
}
.notificationMenu .notificationContainer .notificationList {
  height: 50px;
  padding: 5px 0px 5px 0px;
  margin: 2px 10px;
  border-bottom: 1px solid #ebeff5;
}
.notificationMenu .notificationContainer .notificationList .notificationActions {
  display: none;
}
.notificationMenu .notificationContainer .notificationList:hover {
  background-color: #f8f8f8;
}
.notificationMenu .notificationContainer .notificationList:hover .notificationActions {
  display: block;
}
.notificationMenu .notificationContainer .notificationList:hover .notificationActions .BlankCircle, .notificationMenu .notificationContainer .notificationList:hover .notificationActions .MarkedCircle {
  background: none !important;
}

.ReadNotification {
  background-color: #ffffff;
}

.unReadNotification {
  background-color: #e7f1fd;
}
.unReadNotification:hover {
  background-color: #deeaf8 !important;
}

.notificationOpacity {
  animation: opac 0.8s;
}

.notificationOverlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 2;
}

.bodyScrollToggle {
  overflow: hidden !important;
}

.circular-progress-button {
  height: 36px;
}

.circular-progress-button > md-progress-circular {
  margin: auto;
  margin-top: 0px; /* If circular does not appear at the center, change this value. */
}

.circular-progress-button > md-progress-circular .md-half-circle {
  border-top-color: white !important;
}

.circular-progress-button > md-progress-circular .md-left > .md-half-circle {
  border-left-color: white;
}

.circular-progress-button > md-progress-circular .md-right > .md-half-circle {
  border-right-color: white;
}

/*end of Notifications Styles*/
/********************
        Media Queries
       **********************/
@media only screen and (max-width: 320px) {
  .navbar.scrolling-navbar .header-content .aloha_HeaderMenu .profileMenuSection {
    margin-left: 20% !important;
  }
}
@media only screen and (min-width: 321px) and (max-width: 375px) {
  .navbar.scrolling-navbar .header-content .aloha_HeaderMenu .profileMenuSection {
    margin-left: 5% !important;
  }
}
@media only screen and (min-width: 376px) and (max-width: 425px) {
  .navbar.scrolling-navbar .header-content .aloha_HeaderMenu .profileMenuSection {
    margin-left: 10% !important;
  }
}
@media only screen and (max-width: 600px) {
  .navbar.scrolling-navbar .header-content .aloha_HeaderMenu {
    width: 100vw !important;
  }
  .navbar.scrolling-navbar .header-content .aloha_HeaderMenu .profileMenuSection {
    max-height: calc(100vh - 222px);
    overflow: scroll;
    padding: 23px;
  }
  .navbar.scrolling-navbar .header-content .aloha_HeaderMenu .profileMenuSection .profileMenuContent {
    margin: 7px;
    word-wrap: break-word;
    white-space: normal;
    height: 125px;
    width: 125px;
  }
}
@media only screen and (max-width: 767px) {
  .navbar.scrolling-navbar {
    margin: 0px;
    padding: 0px 0px 0px 10px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .navbar.scrolling-navbar .main-menu {
    display: block;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .notificationMenu {
    width: 100%;
  }
}
@media only screen and (max-width: 1400px) {
  .notificationMenu .notificationContainer {
    padding: 10px 15px 30px 15px !important;
  }
}
@media only screen and (max-width: 411px) {
  .showMiniCalendar {
    display: block;
    float: right !important;
    padding: 15px 2px 0px !important;
    cursor: pointer;
  }
}
.monthStyle {
  font-size: 15px;
  padding-right: 11px;
  padding-top: 4px;
}

.dropdown.dropdown-lg .dropdown-menu {
  margin-top: -1px;
  padding: 6px 15px;
}

.input-group-btn .btn-group {
  display: flex !important;
}

.btn-group .btn {
  border-radius: 0;
  margin-left: -1px;
  border: none;
  color: #76859c;
}

.btn-group .btn:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.btn-group .form-horizontal .btn[type=submit] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}

.form-group .form-control:last-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  background-color: #ffffff;
  color: #bdc3cc;
  outline: none;
  box-shadow: none;
}

.input-group-addon, .input-group-btn, .input-group .form-control {
  border-top: none;
  border-left: none;
  border-right: none;
  outline: none;
  box-shadow: none;
  padding-top: 6px;
}

.iconSearch {
  color: #bdc3cc;
  margin-top: 10px;
  z-index: 1;
}

.form-control {
  border-color: #dee1e6 !important;
}
.form-control:focus {
  border-color: #0074f1 !important;
}

.alohaSearchbar {
  margin: 0px;
  padding: 3px 0px;
}
.alohaSearchbar:focus {
  border-bottom: 2px solid #0074f1;
  outline: none;
}

.today-button {
  border: 1px dotted #ebeff5;
}

.Closebtn {
  margin: 11px -35px !important;
}

/*.dropdownIconMargin {
    margin-left: -20px;
    margin-top: 10px;
}*/
/*.footerButtons {
    float: right;
    padding-bottom: 10px;
    padding-top: 10px;
}*/
/*.searchInputField {
    padding-left: 30px;
    margin-top: 4px;
    margin-left: -23px;
}*/
/***Timesheet Submission styles***/
.span [disabled] {
  pointer-events: none;
  opacity: 0.5;
}

.span_disabled {
  pointer-events: none;
  opacity: 0.5;
}

.progressbar {
  top: 200px;
  left: 250px;
}

.userGuideTitle {
  font-size: 15px;
}

@keyframes blink {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
/*----------------------- Aloha Components ------------------------------ */
/********************
       Author - Anil
       Using for Button Styles
      *********************************/
/*--------- Aloha-Primary-Button ---------*/
.alohabtn-Primary, .alohabtn-Primary-sm, .alohabtn-Primary-md, .alohabtn-Primary-lg {
  color: #ffffff !important;
  background-color: #0074f1 !important;
  box-shadow: none;
  border-radius: 30px;
  border: 2px solid #0074f1 !important;
  margin: 0px;
  font-weight: 400;
  border: none;
  transition: none;
  /*&:disabled {
  	cursor: not-allowed;
  	background-color: $alohaDefaultDisableBg_c !important;
  	border: none;
  	color: $alohaDefaultDisableText_c !important;
  }*/
}
.alohabtn-Primary:hover, .alohabtn-Primary-sm:hover, .alohabtn-Primary-md:hover, .alohabtn-Primary-lg:hover {
  cursor: pointer;
  border: 2px solid #035ec1 !important;
  background-color: #035ec1 !important;
  color: #ffffff !important;
}
.alohabtn-Primary:focus, .alohabtn-Primary-sm:focus, .alohabtn-Primary-md:focus, .alohabtn-Primary-lg:focus {
  outline: none;
}

/*--------- Aloha-Default-Button ---------*/
.alohabtn-default, .alohabtn-default-sm, .alohabtn-default-md, .alohabtn-default-lg {
  color: #0074f1 !important;
  background-color: #ffffff !important;
  box-shadow: none;
  border-radius: 30px;
  border: 2px solid #0074f1;
  margin: 0px;
  font-weight: 400;
  /*&:disabled {
  	cursor: not-allowed;
  	background-color: $alohaDefaultDisableBg_c !important;
  	border: none;
  	color: $alohaDefaultDisableText_c !important;
  }*/
}
.alohabtn-default:hover, .alohabtn-default-sm:hover, .alohabtn-default-md:hover, .alohabtn-default-lg:hover {
  cursor: pointer;
  border: 2px solid #0074f1;
  color: #0074f1 !important;
  background-color: #ffffff !important;
}
.alohabtn-default:focus, .alohabtn-default-sm:focus, .alohabtn-default-md:focus, .alohabtn-default-lg:focus {
  outline: none;
}

.alohabtn-danger, .alohabtn-danger-sm {
  color: red !important;
  background-color: #ffffff !important;
  box-shadow: none;
  border-radius: 30px;
  border: 2px solid #0074f1;
  margin: 0px;
  font-weight: 400;
  /*&:disabled {
  	cursor: not-allowed;
  	background-color: $alohaDefaultDisableBg_c !important;
  	border: none;
  	color: $alohaDefaultDisableText_c !important;
  }*/
}
.alohabtn-danger:hover, .alohabtn-danger-sm:hover {
  cursor: pointer;
  border: 2px solid #0074f1;
  color: #0074f1 !important;
  background-color: #ffffff !important;
}
.alohabtn-danger:focus, .alohabtn-danger-sm:focus {
  outline: none;
}

/*--------- Aloha-Default-Mute ---------*/
.alohabtn-mute, .alohabtn-mute-sm, .alohabtn-mute-md, .alohabtn-mute-lg {
  color: #76859c !important;
  background-color: #ffffff !important;
  box-shadow: none;
  border-radius: 30px;
  border: 2px solid #76859c;
  margin: 0px;
  font-weight: 400;
  /*&:disabled {
  	cursor: not-allowed;
  	background-color: $alohaDefaultDisableBg_c !important;
  	border: none;
  	color: $alohaDefaultDisableText_c !important;
  }*/
}
.alohabtn-mute:hover, .alohabtn-mute-sm:hover, .alohabtn-mute-md:hover, .alohabtn-mute-lg:hover {
  cursor: pointer;
  border: 2px solid #0074f1;
  color: #0074f1 !important;
  background-color: #ffffff !important;
}
.alohabtn-mute:focus, .alohabtn-mute-sm:focus, .alohabtn-mute-md:focus, .alohabtn-mute-lg:focus {
  outline: none;
}

/*--------------Calendar Button-----------------------------*/
.alohabtnCalendar, .alohabtn-Calendar {
  color: #76859c !important;
  background-color: #ebeff5 !important;
  box-shadow: none;
  border-radius: 30px;
  border: 1px solid none !important;
  margin: 0px;
  font-weight: 400;
}
.alohabtnCalendar:hover, .alohabtn-Calendar:hover {
  cursor: pointer;
  border: 1px solid none !important;
  background-color: #ebeff5 !important;
  color: #76859c !important;
}
.alohabtnCalendar:focus, .alohabtn-Calendar:focus {
  outline: none;
}

/*--------- Aloha-Material-Button ---------*/
.md-button {
  text-transform: capitalize !important;
}
.md-button.aloha_noTextTransform {
  text-transform: none !important;
}

.md-button:not([disabled]).md-focused {
  background-color: #0074f1;
}

/*--------- Aloha-Primary-Button-Sizes ---------*/
.alohabtn-Primary-lg {
  height: 30px;
  min-width: 200px;
  min-height: 30px;
  line-height: normal;
}

.alohabtn-Primary-md {
  height: 30px;
  min-width: 120px;
  min-height: 30px;
  line-height: normal;
}

.alohabtn-Primary-sm {
  height: 30px;
  min-width: 60px;
  min-height: 30px;
  line-height: normal;
}

/*--------- Aloha-Default-Button-Sizes ---------*/
.alohabtn-default-lg {
  height: 30px;
  min-width: 200px;
  min-height: 30px;
  line-height: normal;
}

.alohabtn-default-md {
  height: 30px;
  min-width: 120px;
  min-height: 30px;
  line-height: normal;
}

.alohabtn-default-sm {
  height: 30px;
  min-width: 60px;
  min-height: 30px;
  line-height: normal;
}

/*--------- Aloha-Default-Mute-Sizes ---------*/
.alohabtn-mute-lg {
  height: 30px;
  min-width: 200px;
  min-height: 30px;
  line-height: normal;
}

.alohabtn-mute-md {
  height: 30px;
  min-width: 120px;
  min-height: 30px;
  line-height: normal;
}

.alohabtn-mute-sm {
  height: 30px;
  min-width: 60px;
  min-height: 30px;
  line-height: normal;
}

/*--------- Aloha-Calendar-Button-Sizes ---------*/
.alohabtn-Calendar {
  height: 30px;
  min-width: 60px;
  min-height: 30px;
  line-height: normal;
}

.alohabtn-danger-sm {
  height: 30px;
  min-width: 60px;
  min-height: 30px;
  line-height: normal;
}

/*----------------
    Author - Anil
    Class under testing Please don't do any changes
    --------------------------------------------------*/
/*.alohaButtonDropdown {
	background: $alohaBorder_C;
	border-radius: 5px;
	padding: 0px 10px;
}*/
.alohaSuccessButton {
  color: #ffffff !important;
  background-color: #51cc71 !important;
  box-shadow: none;
  border-radius: 30px;
  border: 2px solid #51cc71;
  margin: 0px;
  font-weight: 400;
  height: 30px;
  min-width: 120px;
  min-height: 30px;
  line-height: normal;
}

/********************
       Author - Anil
       Using for Pagination Styles
      *************************************/
.pagination {
  float: right;
  margin: 0px;
}

.pagination > li > a, .pagination > li > span {
  padding: 3px 0px;
  border: none;
  width: 35px;
  height: 25px;
  text-align: center;
  margin-left: 0px;
  color: #76859c;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 2;
  cursor: default;
  border-color: none;
  background-color: #0074f1;
  border-radius: 12px;
  color: #ffffff;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  background-color: #ebeff5;
  border-radius: 12px;
  color: #000000;
}
.pagination > li > a:hover .alohaIcon, .pagination > li > span:hover .alohaIcon, .pagination > li > a:focus .alohaIcon, .pagination > li > span:focus .alohaIcon {
  color: #000000;
}

/********************
       Author - Veena
       Using for Slim Scroll Styles
      **********************************/
@media (min-width: 1024px) {
  .mCustomScrollbar {
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 100%;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .mCustomScrollbar .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCustomScrollbar .mCS-3d-dark.mCSB_scrollTools, .mCustomScrollbar .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #ebeff5;
    box-shadow: none;
    border-radius: 4px;
    z-index: 0;
    margin: 0;
  }
  .mCustomScrollbar .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #0074f1;
  }
  .mCustomScrollbar .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCustomScrollbar .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCustomScrollbar .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCustomScrollbar .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-image: none;
  }
  .mCSB_inside > .mCSB_container {
    margin-right: 0px;
  }
  .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    width: 100% !important;
  }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 6px;
  }
  .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
  }
  .mCSB_scrollTools {
    width: 6px;
  }
  .mCSB_container_wrapper {
    margin-right: 0;
  }
  .mCSB_container_wrapper .mCSB_container {
    padding-right: 0;
    padding-bottom: 0;
  }
}
/**********************
       Author - Anil
       Using for Switch control Styles
      ***************************************/
/*--------- Aloha-Basic Switch Control ---------*/
/*--------- Aloha-Tri State Switch Control ---------*/
aloha-tristateSwitch, .aloha-TristateSwitch {
  display: inline-block;
  border-radius: 15px;
  overflow: hidden;
  height: 26px;
  background-color: #0074f1;
  cursor: pointer;
}
aloha-tristateSwitch input[type=radio], .aloha-TristateSwitch input[type=radio] {
  position: absolute;
  visibility: hidden;
  display: none;
}
aloha-tristateSwitch label, .aloha-TristateSwitch label {
  color: #ffffff;
  display: inline-block;
  cursor: pointer;
  padding: 2px 10px 0px 10px;
  font-weight: 500;
}
aloha-tristateSwitch input[type=radio]:checked + label, .aloha-TristateSwitch input[type=radio]:checked + label {
  color: #0074f1;
  background: #ffffff;
  border-radius: 15px;
  height: 22px;
  margin: 0px 2px 0px 2px;
  padding: 0px 10px 0px 10px;
  text-align: center;
}

/*-----------------------------HTML USAGE--------------------------------
   |SWITCH CONTROL:                                                     |
   |     <label class="aloha-switch-lg">                                |
   |         <input type="checkbox" checked />                          |
   |         <span data-on="Some text" data-off="Some text"></span>     |
   |      </label>	                                                     |
|														             |
|TRI-STATE SWITCH CONTROL :											 |
| <div class="aloha-TristateSwitch">    // use your css class name     |
   |        <input type="radio" id="option-one" name="selector">        |
   |        <label for="option-one">option1</label>                     |
   |        <input type="radio" id="option-two" name="selector">        |
   |        <label for="option-two">option2</label>                     |
   |        <input type="radio" id="option-three" name="selector">      |
   |        <label for="option-three">option3</label>                   |
   |       </div>														 |
|NOTE:																 |
|		Auto - aloha-switch-auto									 |
|		Extra Small - aloha-switch-xs			                     |
|		Small - aloha-switch-sm						                 |
|		Medium - aloha-switch-md						             |
|		Large- aloha-switch-lg								         |
|		TriState - aloha-TristateSwitch							     |
  ----------------------------------------------------------------------*/
.aloha-switch_autoWidth {
  width: "";
  cursor: pointer;
}
.aloha-switch_autoWidth span {
  position: relative;
  display: block;
  height: 26px;
  line-height: 1.2em;
  overflow: hidden;
  font-weight: normal;
  text-align: center;
  border-radius: 15px;
  padding: 4px;
  transition: color 0.3s ease, padding 0.3s ease-in-out, background 0.3s ease-in-out;
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .aloha-switch_autoWidth span {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
.aloha-switch_autoWidth span:before {
  position: relative;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.36em;
  padding: 0 5px;
}
.aloha-switch_autoWidth span:after {
  position: absolute;
  display: block;
  content: "";
  border-radius: 15px;
  width: 23px;
  height: 22px;
  margin-left: -25px;
  text-overflow: ellipsis;
  top: 2px;
  background: #ffffff;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 0.97), background 0.3s ease-in-out;
}
.aloha-switch_autoWidth input[type=checkbox] {
  display: none !important;
}
.aloha-switch_autoWidth input[type=checkbox]:not(:checked) + span[data-off=Female] {
  background: #f25bc6;
}
.aloha-switch_autoWidth input[type=checkbox]:not(:checked) + span {
  background: #aec2d7;
  color: #ffffff;
  padding-left: 24px;
  padding-right: 0.4em;
}
.aloha-switch_autoWidth input[type=checkbox]:not(:checked) + span:before {
  content: attr(data-off);
  color: #ffffff;
}
.aloha-switch_autoWidth input[type=checkbox]:not(:checked) + span:after {
  background: #ffffff;
  left: 27px;
}
.aloha-switch_autoWidth input[type=checkbox]:checked + span[data-on=Male] {
  background: #0074f1;
}
.aloha-switch_autoWidth input[type=checkbox]:checked + span {
  background: #0074f1;
  color: #ffffff;
  padding-left: 0.4em;
  padding-right: 24px;
}
.aloha-switch_autoWidth input[type=checkbox]:checked + span:before {
  content: attr(data-on);
  text-overflow: ellipsis;
}
.aloha-switch_autoWidth input[type=checkbox]:checked + span:after {
  background: #ffffff;
  left: 100%;
}
.aloha-switch_autoWidth input[type=checkbox]:disabled, .aloha-switch_autoWidth input[type=checkbox]:disabled + span, .aloha-switch_autoWidth input[type=checkbox]:read-only, .aloha-switch_autoWidth input[type=checkbox]:read-only + span {
  cursor: default;
}
.aloha-switch_autoWidth input[type=checkbox]:disabled, .aloha-switch_autoWidth input[type=checkbox]:disabled + span {
  background: #bdc3cc;
}

.aloha-switch-xs {
  width: 50px;
  cursor: pointer;
}
.aloha-switch-xs span {
  position: relative;
  display: block;
  height: 26px;
  line-height: 1.2em;
  overflow: hidden;
  font-weight: normal;
  text-align: center;
  border-radius: 15px;
  padding: 4px;
  transition: color 0.3s ease, padding 0.3s ease-in-out, background 0.3s ease-in-out;
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .aloha-switch-xs span {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
.aloha-switch-xs span:before {
  position: relative;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.36em;
  padding: 0 5px;
}
.aloha-switch-xs span:after {
  position: absolute;
  display: block;
  content: "";
  border-radius: 15px;
  width: 23px;
  height: 22px;
  margin-left: -25px;
  text-overflow: ellipsis;
  top: 2px;
  background: #ffffff;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 0.97), background 0.3s ease-in-out;
}
.aloha-switch-xs input[type=checkbox] {
  display: none !important;
}
.aloha-switch-xs input[type=checkbox]:not(:checked) + span[data-off=Female] {
  background: #f25bc6;
}
.aloha-switch-xs input[type=checkbox]:not(:checked) + span {
  background: #aec2d7;
  color: #ffffff;
  padding-left: 24px;
  padding-right: 0.4em;
}
.aloha-switch-xs input[type=checkbox]:not(:checked) + span:before {
  content: attr(data-off);
  color: #ffffff;
}
.aloha-switch-xs input[type=checkbox]:not(:checked) + span:after {
  background: #ffffff;
  left: 27px;
}
.aloha-switch-xs input[type=checkbox]:checked + span[data-on=Male] {
  background: #0074f1;
}
.aloha-switch-xs input[type=checkbox]:checked + span {
  background: #0074f1;
  color: #ffffff;
  padding-left: 0.4em;
  padding-right: 24px;
}
.aloha-switch-xs input[type=checkbox]:checked + span:before {
  content: attr(data-on);
  text-overflow: ellipsis;
}
.aloha-switch-xs input[type=checkbox]:checked + span:after {
  background: #ffffff;
  left: 100%;
}
.aloha-switch-xs input[type=checkbox]:disabled, .aloha-switch-xs input[type=checkbox]:disabled + span, .aloha-switch-xs input[type=checkbox]:read-only, .aloha-switch-xs input[type=checkbox]:read-only + span {
  cursor: default;
}
.aloha-switch-xs input[type=checkbox]:disabled, .aloha-switch-xs input[type=checkbox]:disabled + span {
  background: #bdc3cc;
}

.aloha-switch-sm {
  width: 60px;
  cursor: pointer;
}
.aloha-switch-sm span {
  position: relative;
  display: block;
  height: 26px;
  line-height: 1.2em;
  overflow: hidden;
  font-weight: normal;
  text-align: center;
  border-radius: 15px;
  padding: 4px;
  transition: color 0.3s ease, padding 0.3s ease-in-out, background 0.3s ease-in-out;
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .aloha-switch-sm span {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
.aloha-switch-sm span:before {
  position: relative;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.36em;
  padding: 0 5px;
}
.aloha-switch-sm span:after {
  position: absolute;
  display: block;
  content: "";
  border-radius: 15px;
  width: 23px;
  height: 22px;
  margin-left: -25px;
  text-overflow: ellipsis;
  top: 2px;
  background: #ffffff;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 0.97), background 0.3s ease-in-out;
}
.aloha-switch-sm input[type=checkbox] {
  display: none !important;
}
.aloha-switch-sm input[type=checkbox]:not(:checked) + span[data-off=Female] {
  background: #f25bc6;
}
.aloha-switch-sm input[type=checkbox]:not(:checked) + span {
  background: #aec2d7;
  color: #ffffff;
  padding-left: 24px;
  padding-right: 0.4em;
}
.aloha-switch-sm input[type=checkbox]:not(:checked) + span:before {
  content: attr(data-off);
  color: #ffffff;
}
.aloha-switch-sm input[type=checkbox]:not(:checked) + span:after {
  background: #ffffff;
  left: 27px;
}
.aloha-switch-sm input[type=checkbox]:checked + span[data-on=Male] {
  background: #0074f1;
}
.aloha-switch-sm input[type=checkbox]:checked + span {
  background: #0074f1;
  color: #ffffff;
  padding-left: 0.4em;
  padding-right: 24px;
}
.aloha-switch-sm input[type=checkbox]:checked + span:before {
  content: attr(data-on);
  text-overflow: ellipsis;
}
.aloha-switch-sm input[type=checkbox]:checked + span:after {
  background: #ffffff;
  left: 100%;
}
.aloha-switch-sm input[type=checkbox]:disabled, .aloha-switch-sm input[type=checkbox]:disabled + span, .aloha-switch-sm input[type=checkbox]:read-only, .aloha-switch-sm input[type=checkbox]:read-only + span {
  cursor: default;
}
.aloha-switch-sm input[type=checkbox]:disabled, .aloha-switch-sm input[type=checkbox]:disabled + span {
  background: #bdc3cc;
}

.aloha-switch-md {
  width: 86px;
  cursor: pointer;
}
.aloha-switch-md span {
  position: relative;
  display: block;
  height: 26px;
  line-height: 1.2em;
  overflow: hidden;
  font-weight: normal;
  text-align: center;
  border-radius: 15px;
  padding: 4px;
  transition: color 0.3s ease, padding 0.3s ease-in-out, background 0.3s ease-in-out;
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .aloha-switch-md span {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
.aloha-switch-md span:before {
  position: relative;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.36em;
  padding: 0 5px;
}
.aloha-switch-md span:after {
  position: absolute;
  display: block;
  content: "";
  border-radius: 15px;
  width: 23px;
  height: 22px;
  margin-left: -25px;
  text-overflow: ellipsis;
  top: 2px;
  background: #ffffff;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 0.97), background 0.3s ease-in-out;
}
.aloha-switch-md input[type=checkbox] {
  display: none !important;
}
.aloha-switch-md input[type=checkbox]:not(:checked) + span[data-off=Female] {
  background: #f25bc6;
}
.aloha-switch-md input[type=checkbox]:not(:checked) + span {
  background: #aec2d7;
  color: #ffffff;
  padding-left: 24px;
  padding-right: 0.4em;
}
.aloha-switch-md input[type=checkbox]:not(:checked) + span:before {
  content: attr(data-off);
  color: #ffffff;
}
.aloha-switch-md input[type=checkbox]:not(:checked) + span:after {
  background: #ffffff;
  left: 27px;
}
.aloha-switch-md input[type=checkbox]:checked + span[data-on=Male] {
  background: #0074f1;
}
.aloha-switch-md input[type=checkbox]:checked + span {
  background: #0074f1;
  color: #ffffff;
  padding-left: 0.4em;
  padding-right: 24px;
}
.aloha-switch-md input[type=checkbox]:checked + span:before {
  content: attr(data-on);
  text-overflow: ellipsis;
}
.aloha-switch-md input[type=checkbox]:checked + span:after {
  background: #ffffff;
  left: 100%;
}
.aloha-switch-md input[type=checkbox]:disabled, .aloha-switch-md input[type=checkbox]:disabled + span, .aloha-switch-md input[type=checkbox]:read-only, .aloha-switch-md input[type=checkbox]:read-only + span {
  cursor: default;
}
.aloha-switch-md input[type=checkbox]:disabled, .aloha-switch-md input[type=checkbox]:disabled + span {
  background: #bdc3cc;
}

.aloha-switch-lg {
  width: 130px;
  cursor: pointer;
}
.aloha-switch-lg span {
  position: relative;
  display: block;
  height: 26px;
  line-height: 1.2em;
  overflow: hidden;
  font-weight: normal;
  text-align: center;
  border-radius: 15px;
  padding: 4px;
  transition: color 0.3s ease, padding 0.3s ease-in-out, background 0.3s ease-in-out;
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .aloha-switch-lg span {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
.aloha-switch-lg span:before {
  position: relative;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.36em;
  padding: 0 5px;
}
.aloha-switch-lg span:after {
  position: absolute;
  display: block;
  content: "";
  border-radius: 15px;
  width: 23px;
  height: 22px;
  margin-left: -25px;
  text-overflow: ellipsis;
  top: 2px;
  background: #ffffff;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 0.97), background 0.3s ease-in-out;
}
.aloha-switch-lg input[type=checkbox] {
  display: none !important;
}
.aloha-switch-lg input[type=checkbox]:not(:checked) + span[data-off=Female] {
  background: #f25bc6;
}
.aloha-switch-lg input[type=checkbox]:not(:checked) + span {
  background: #aec2d7;
  color: #ffffff;
  padding-left: 24px;
  padding-right: 0.4em;
}
.aloha-switch-lg input[type=checkbox]:not(:checked) + span:before {
  content: attr(data-off);
  color: #ffffff;
}
.aloha-switch-lg input[type=checkbox]:not(:checked) + span:after {
  background: #ffffff;
  left: 27px;
}
.aloha-switch-lg input[type=checkbox]:checked + span[data-on=Male] {
  background: #0074f1;
}
.aloha-switch-lg input[type=checkbox]:checked + span {
  background: #0074f1;
  color: #ffffff;
  padding-left: 0.4em;
  padding-right: 24px;
}
.aloha-switch-lg input[type=checkbox]:checked + span:before {
  content: attr(data-on);
  text-overflow: ellipsis;
}
.aloha-switch-lg input[type=checkbox]:checked + span:after {
  background: #ffffff;
  left: 100%;
}
.aloha-switch-lg input[type=checkbox]:disabled, .aloha-switch-lg input[type=checkbox]:disabled + span, .aloha-switch-lg input[type=checkbox]:read-only, .aloha-switch-lg input[type=checkbox]:read-only + span {
  cursor: default;
}
.aloha-switch-lg input[type=checkbox]:disabled, .aloha-switch-lg input[type=checkbox]:disabled + span {
  background: #bdc3cc;
}

/**********************
       Author - Anil
       Using for Table Styles
      ***************************************/
/*------------ Basic Table ------------*/
.alohatable-parent {
  overflow-x: auto;
  overflow-y: hidden;
}
.alohatable-parent .alohatable {
  display: inline-block;
  width: 100%;
}
.alohatable-parent .alohatable .alohaheaderrow {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08), 0 0px 0px rgba(0, 0, 0, 0);
  padding-left: 5px;
  min-height: 40px;
  outline: none;
  padding-right: 5px;
  display: inline-block;
  width: 100%;
}
.alohatable-parent .alohatable .alohaheaderrow .alohath {
  display: inline-block;
  padding: 0px 5px;
  outline: none;
  cursor: default;
  align-items: center;
  min-height: 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  align-content: center;
}
.alohatable-parent .alohatable .alohadatarow, .alohatable-parent .alohatable .aloha_addDatarow {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
  min-height: 37pt;
  border-bottom: 1px solid #ebeff5;
  margin-top: -5px;
  outline: none;
  display: inline-block;
  width: 100%;
}
.alohatable-parent .alohatable .alohadatarow:hover, .alohatable-parent .alohatable .aloha_addDatarow:hover {
  box-shadow: 0 0px 100px rgba(0, 0, 0, 0.08), 0 5px 5px rgba(0, 0, 0, 0);
  position: relative;
}
.alohatable-parent .alohatable .alohadatarow.active, .alohatable-parent .alohatable .active.aloha_addDatarow {
  box-shadow: 0 0px 100px rgba(0, 0, 0, 0.08), 0 5px 5px rgba(0, 0, 0, 0);
  position: relative;
}
.alohatable-parent .alohatable .alohadatarow .alohatd, .alohatable-parent .alohatable .aloha_addDatarow .alohatd {
  display: inline-flex;
  padding: 5px 5px 5px 5px;
  outline: none;
  cursor: default;
  align-items: center;
  min-height: 50px;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  align-content: center;
  word-wrap: break-word;
  word-break: break-all;
}
.alohatable-parent .alohatable .alohatable-body {
  width: 100%;
  height: auto;
  touch-action: auto;
  overflow: auto;
  overflow-x: hidden;
}
.alohatable-parent .alohatable .alohatable-body.bodyscroll {
  max-height: calc(100vh - 290px);
}
.alohatable-parent .alohatableFooterfixed {
  background: #ffffff;
  padding: 10px 0px;
  margin-top: 0px;
  border-top: 1px solid #ebeff5;
  position: fixed;
  left: 30px;
  right: 30px;
  bottom: 0;
  height: 50px;
  margin-left: 65px;
  z-index: 1;
}

.alohatable-userrole {
  position: sticky;
}

.dropdown-scrollbar {
  overflow: hidden !important;
}

.aloha-text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  outline: none;
}

.tableRowActive {
  box-shadow: 0 0px 100px rgba(0, 0, 0, 0.08), 0 5px 5px rgba(0, 0, 0, 0);
}

.alohaTd-right, .alohaTh-right {
  text-align: right !important;
  justify-content: flex-end;
}

.alohaTd-left, .alohaTh-left {
  text-align: left !important;
  justify-content: flex-start;
}

.alohaTd-center, .alohaTh-center {
  text-align: center !important;
  justify-content: center;
}

.aloha_addDatarow {
  border: none !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

/*------------ Advanced Table ------------*/
.alohatable-advanced-parent {
  overflow-x: auto !important;
  overflow-y: hidden;
}
.alohatable-advanced-parent .aloha-advanced-table {
  display: inline-block !important;
  width: auto;
}
.alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-headerrow {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08), 0 0px 0px rgba(0, 0, 0, 0);
  min-height: 40px;
  outline: none;
  padding-right: 5px;
  padding-left: 4px;
  display: inline-block !important;
  width: 100%;
  white-space: nowrap;
}
.alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-headerrow .aloha-advanced-th {
  display: table-cell;
  padding: 7px 10px;
  outline: none;
  cursor: default;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  align-content: center;
}
.alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-datarow {
  min-height: 55px;
  border-bottom: 1px solid #ebeff5;
  outline: none;
  width: 100%;
  white-space: nowrap;
}
.alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-datarow:hover {
  box-shadow: 0 0px 100px rgba(0, 0, 0, 0.08), 0 5px 5px rgba(0, 0, 0, 0);
}
.alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-td {
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
  display: table-cell;
  padding: 13px 10px;
  outline: none;
  cursor: default;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  align-content: center;
}
.alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-table-body {
  width: 100%;
  height: auto;
  touch-action: auto;
  overflow: auto;
  overflow-x: hidden;
  white-space: nowrap;
}

.aloha-advanced-table-Footerfixed {
  background: #ffffff;
  padding: 10px 0px;
  margin-top: 0px;
  border-top: 1px solid #ebeff5;
  position: fixed;
  left: 30px;
  right: 30px;
  bottom: 0;
  height: 50px;
  margin-left: 65px;
  z-index: 1;
}

.listViewFooterAlignment {
  background: #ffffff;
  padding: 10px 0px;
  margin-top: 0px;
  position: fixed;
  left: 10px;
  right: 30px;
  bottom: 31px;
  height: 50px;
  margin-left: 1px;
  z-index: 1;
  width: 820px;
}

.aloha-info-message-header {
  display: inline-block;
  color: #0074f1 !important;
  margin-top: 8px;
  margin-right: 8px;
}

/*------------ Advanced Table - Select Header ------------*/
.advanced_NewHeader {
  box-shadow: none !important;
  border-bottom: 1px solid #ebeff5;
}
.advanced_NewHeader .aloha-advanced-th {
  margin-left: -0.3px !important;
}

/*------------ Table Width Class's------------*/
.alohaWidth-30 {
  min-width: 30px;
  width: 30px;
}

.alohaWidth-35 {
  min-width: 35px;
  width: 35px;
}

.alohaWidth-40 {
  min-width: 40px;
  width: 40px;
}

.alohaWidth-45 {
  min-width: 45px;
  width: 45px;
}

.alohaWidth-50 {
  min-width: 50px;
  width: 50px;
}

.alohaWidth-75 {
  min-width: 75px;
  width: 75px;
}

.alohaWidth-80 {
  min-width: 80px;
  width: 80px;
}

.alohaWidth-90 {
  min-width: 90px;
  width: 90px;
}

.alohaWidth-100 {
  min-width: 100px;
  width: 100px;
}

.alohaWidth-110 {
  min-width: 110px;
  width: 110px;
}

.alohaWidth-120 {
  min-width: 120px;
  width: 120px;
}

.alohaWidth-125 {
  min-width: 125px;
  width: 125px;
}

.alohaWidth-130 {
  min-width: 130px;
  width: 130px;
}

.alohaWidth-135 {
  min-width: 135px;
  width: 135px;
}

.alohaWidth-140 {
  min-width: 140px;
  width: 140px;
}

.alohaWidth-150 {
  min-width: 150px;
  width: 150px;
}

.alohaWidth-151 {
  min-width: 151px;
  width: 151px;
}

.alohaWidth-160 {
  min-width: 160px;
  width: 160px;
}

.alohaWidth-170 {
  min-width: 170px;
  width: 170px;
}

.alohaWidth-180 {
  min-width: 180px;
  width: 180px;
}

.alohaWidth-195 {
  min-width: 195px;
  width: 195px;
}

.alohaWidth-200 {
  min-width: 200px;
  width: 200px;
}

.alohaWidth-203 {
  min-width: 203px;
  width: 203px;
}

.alohaWidth-204 {
  min-width: 204px;
  width: 204px;
}

.alohaWidth-215 {
  min-width: 215px;
  width: 215px;
}

.alohaWidth-230 {
  min-width: 230px;
  width: 230px;
}

.alohaWidth-250 {
  min-width: 250px;
  width: 250px;
}

.alohaWidth-260 {
  min-width: 260px;
  width: 260px;
}

.alohaWidth-300 {
  min-width: 300px;
  width: 300px;
}

.alohaWidth-306 {
  min-width: 306px;
  width: 306px;
}

.alohaWidth-307 {
  min-width: 307px;
  width: 307px;
}

.alohaWidth-310 {
  min-width: 310px;
  width: 310px;
}

.alohaWidth-311 {
  min-width: 311px;
  width: 311px;
}

.alohaWidth-312 {
  min-width: 312px;
  width: 312px;
}

.alohaWidth-330 {
  min-width: 330px;
  width: 330px;
}

.alohaWidth-350 {
  min-width: 350px;
  width: 350px;
}

.alohaWidth-400 {
  min-width: 400px;
  max-width: 400px;
}

.alohaWidth-450 {
  min-width: 450px;
  max-width: 450px;
}

.alohaWidth-500 {
  min-width: 500px;
  width: 500px;
}

.alohaWidth-530 {
  min-width: 530px;
  width: 530px;
}

.alohaWidth-545 {
  min-width: 545px;
  width: 545px;
}

.alohaWidth-548 {
  min-width: 548px;
  width: 548px;
}

.alohaWidth-550 {
  min-width: 550px;
  width: 550px;
}

.alohaWidth-600 {
  min-width: 600px;
  width: 600px;
}

.alohaWidth-650 {
  min-width: 650px;
  width: 650px;
}

.alohaWidth-700 {
  min-width: 700px;
  width: 700px;
}

.alohaWidth-680 {
  min-width: 680px;
  width: 680px;
}

.alohaWidth-730 {
  min-width: 730px;
  width: 730px;
}

.alohaWidth-780 {
  min-width: 780px;
  width: 780px;
}

.alohaWidth-750 {
  min-width: 750px;
  width: 750px;
}

.alohaWidth-830 {
  min-width: 830px;
  width: 830px;
}

.alohaWidth-840 {
  min-width: 840px;
  width: 840px;
}

.alohaWidth-842 {
  min-width: 842px;
  width: 842px;
}

.alohaWidth-843 {
  min-width: 843px;
  width: 843px;
}

.alohaWidth-844 {
  min-width: 844px;
  width: 844px;
}

.alohaWidth-847 {
  min-width: 847px;
  width: 847px;
}

.alohaWidth-848 {
  min-width: 848px;
  width: 848px;
}

.alohaWidth-849 {
  min-width: 849px;
  width: 849px;
}

.alohaWidth-850 {
  min-width: 850px;
  width: 850px;
}

.alohaWidth-851 {
  min-width: 851px;
  width: 851px;
}

.alohaWidth-852 {
  min-width: 852px;
  width: 852px;
}

.alohaWidth-855 {
  min-width: 855px;
  width: 855px;
}

.alohaWidth-880 {
  min-width: 880px;
  width: 880px;
}

.alohaWidth-990 {
  min-width: 990px;
  width: 990px;
}

.alohaWidth-980 {
  min-width: 980px;
  width: 980px;
}

.alohaWidth-1000 {
  min-width: 1000px;
  width: 1000px;
}

.alohaWidth-1030 {
  min-width: 1030px;
  width: 1030px;
}

.alohaWidth-1050 {
  min-width: 1050px;
  width: 1050px;
}

.alohaWidth-1070 {
  min-width: 1070px;
  width: 1070px;
}

.alohaWidth-1080 {
  min-width: 1080px;
  width: 1080px;
}

.alohaWidth-1200 {
  min-width: 1200px;
  width: 1200px;
}

.alohaWidth-1350 {
  min-width: 1350px;
  width: 1350px;
}

.alohaWidth-3580 {
  min-width: 3580px;
  width: 3580px;
}

.alohaHeight-20 {
  min-height: 20px !important;
}

.alohaHeight-40 {
  min-height: 40px !important;
}

.alohaHeight-50 {
  min-height: 50px !important;
}

.alohaHeight-80 {
  min-height: 80px !important;
}

.alohaHeight-150 {
  min-height: 150px !important;
}

.alohaHeight-330 {
  max-height: 330px;
  min-height: 330px;
}

.alohaHeight-400 {
  max-height: 400px;
  min-height: 400px;
}

.alohaHeight-500 {
  max-height: 500px;
  min-height: 500px;
}

/********************
        Media Queries
       **********************/
.payrollTable {
  max-height: calc(100vh - 310px) !important;
}

.alohatable-advanced-parent .scheduleListCalendar_Table {
  display: block !important;
}

@media (max-width: 767px) {
  .alohatableFooterfixed {
    background: #ffffff;
    padding: 10px 0px;
    margin-top: 0px;
    border-top: 1px solid #ebeff5;
    position: fixed;
    left: 5px !important;
    right: 5px !important;
    bottom: 0;
    height: 50px;
    margin-left: 0px !important;
    z-index: 2;
  }
  .aloha-advanced-table-Footerfixed {
    background: #ffffff;
    padding: 10px 10px;
    margin-top: 0px;
    border-top: 1px solid #ebeff5;
    position: fixed;
    left: 0px !important;
    right: 0px !important;
    bottom: 0;
    height: 50px;
    margin-left: 0px !important;
    z-index: 1;
  }
  .scheduleListCalendar_Table .aloha-schedule-dialog-masscomplete {
    max-height: 600px !important;
    min-height: 600px !important;
  }
  .scheduleListCalendar_Table .aloha-schedule-dialog-massupdate {
    max-height: 600px !important;
    min-height: 600px !important;
  }
}
@media only screen and (min-width: 767px) {
  #general_ProviderIdentifierTable .aloha-advanced-td {
    display: table-cell;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  #postPayment_CustomTable .aloha-advanced-headerrow {
    display: table !important;
  }
  #postPayment_CustomTable .aloha-advanced-table-body {
    display: table-cell;
    overflow: visible;
    overflow-x: visible;
    height: 200px;
  }
  .scheduleListCalendar_Table .aloha-schedule-dialog-masscomplete {
    max-height: 600px !important;
    min-height: 600px !important;
  }
  .scheduleListCalendar_Table .aloha-schedule-dialog-massupdate {
    max-height: 600px !important;
    min-height: 600px !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  /**Default Advanced Table Styles**/
  .alohatable-advanced-parent .aloha-advanced-table .autoFilterdTbody {
    max-height: calc(100vh - 232px) !important;
    min-height: calc(100vh - 232px) !important;
  }
  .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-table-body {
    max-height: calc(100vh - 192px);
    min-height: calc(100vh - 192px);
  }
  /**Schedule Supervisor Table Styles**/
  .SupervisorTable .aloha-advanced-table-body {
    max-height: calc(100vh - 500px) !important;
    min-height: calc(100vh - 500px) !important;
  }
  /**AR Payment Center Table Styles**/
  .paymentCenter_ChargeTable .aloha-advanced-table-body {
    max-height: calc(100vh - 600px) !important;
    min-height: calc(100vh - 600px) !important;
  }
  /**AR Postpayment Table Styles**/
  .postPayment_Table .aloha-advanced-table-body {
    max-height: calc(100vh - 480px) !important;
    min-height: calc(100vh - 480px) !important;
  }
  .postPayment_CustomTable .aloha-advanced-table-body {
    max-height: 200px !important;
    min-height: 200px !important;
  }
  /**AR Table Styles**/
  .ARManager_Table .aloha-advanced-table-body, .postPayment_ChargeTable .aloha-advanced-table-body {
    max-height: calc(100vh - 255px) !important;
    min-height: calc(100vh - 255px) !important;
  }
  .ARManager_ChargeTable .aloha-advanced-table-body {
    max-height: calc(100vh - 280px) !important;
    min-height: calc(100vh - 280px) !important;
  }
  #ARManager_Table .autoFilterdTbody, #postPayment_ChargeTable .autoFilterdTbody {
    max-height: calc(100vh - 295px) !important;
    min-height: calc(100vh - 295px) !important;
  }
  /**AR FixClaim Table Styles**/
  #fixcliam_Table .fixclaimFilterdTbody {
    max-height: calc(100vh - 288px) !important;
    min-height: calc(100vh - 288px) !important;
  }
  .fixcliam_Table .aloha-advanced-table-body {
    max-height: calc(100vh - 250px) !important;
    min-height: calc(100vh - 250px) !important;
  }
  /**ProviderIdentifier General Table Styles**/
  #general_ProviderIdentifierTable .autoFilterdTbody {
    max-height: calc(100vh - 265px) !important;
    min-height: calc(100vh - 265px) !important;
  }
  .general_ProviderIdentifierTable .aloha-advanced-table-body {
    max-height: calc(100vh - 225px) !important;
    min-height: calc(100vh - 225px) !important;
  }
  /** ScheduleListView Calendar Table Styles**/
  .scheduleListCalendar_Table .aloha-advanced-table-body {
    max-height: calc(100vh - 195px) !important;
    min-height: calc(100vh - 195px) !important;
  }
  .scheduleListCalendar_Table .aloha-schedule-dialog-masscomplete {
    max-height: 300px !important;
    min-height: 300px !important;
  }
  .scheduleListCalendar_Table .aloha-schedule-dialog-massupdate {
    max-height: 200px !important;
    min-height: 200px !important;
  }
  #scheduleListCalendar_Table .autoFilterdTbody {
    max-height: calc(100vh - 233px) !important;
    min-height: calc(100vh - 233px) !important;
  }
  .statusRibbon {
    /**Default Advanced Table Styles**/
    /**AR Postpayment Table Styles**/
    /**AR Table Styles**/
    /**AR FixClaim Table Styles**/
    /**ProviderIdentifier General Table Styles**/
    /** ScheduleListView Calendar Table Styles**/
  }
  .statusRibbon .alohatable-advanced-parent .aloha-advanced-table .autoFilterdTbody {
    max-height: calc(100vh - 303px) !important;
    min-height: calc(100vh - 303px) !important;
  }
  .statusRibbon .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-table-body {
    max-height: calc(100vh - 264px);
    min-height: calc(100vh - 264px);
  }
  .statusRibbon .postPayment_Table .aloha-advanced-table-body {
    max-height: calc(100vh - 480px) !important;
    min-height: calc(100vh - 480px) !important;
  }
  .statusRibbon .postPayment_CustomTable .aloha-advanced-table-body {
    max-height: calc(100vh - 580px) !important;
    min-height: 50px !important;
  }
  .statusRibbon .ARManager_Table .aloha-advanced-table-body, .statusRibbon .postPayment_ChargeTable .aloha-advanced-table-body {
    max-height: calc(100vh - 325px) !important;
    min-height: calc(100vh - 325px) !important;
  }
  .statusRibbon .ARManager_ChargeTable .aloha-advanced-table-body {
    max-height: calc(100vh - 335px) !important;
    min-height: calc(100vh - 335px) !important;
  }
  .statusRibbon #ARManager_Table .autoFilterdTbody, .statusRibbon #postPayment_ChargeTable .autoFilterdTbody {
    max-height: calc(100vh - 363px) !important;
    min-height: calc(100vh - 363px) !important;
  }
  .statusRibbon #fixcliam_Table .fixclaimFilterdTbody {
    max-height: calc(100vh - 360px) !important;
    min-height: calc(100vh - 360px) !important;
  }
  .statusRibbon .fixcliam_Table .aloha-advanced-table-body {
    max-height: calc(100vh - 320px) !important;
    min-height: calc(100vh - 320px) !important;
  }
  .statusRibbon #general_ProviderIdentifierTable .autoFilterdTbody {
    max-height: calc(100vh - 335px) !important;
    min-height: calc(100vh - 335px) !important;
  }
  .statusRibbon .general_ProviderIdentifierTable .aloha-advanced-table-body {
    max-height: calc(100vh - 295px) !important;
    min-height: calc(100vh - 295px) !important;
  }
  .statusRibbon .scheduleListCalendar_Table .aloha-advanced-table-body {
    max-height: calc(100vh - 262px) !important;
    min-height: calc(100vh - 262px) !important;
  }
  .statusRibbon #scheduleListCalendar_Table .autoFilterdTbody {
    max-height: calc(100vh - 302px) !important;
    min-height: calc(100vh - 302px) !important;
  }
}
@media only screen and (min-width: 1400px) {
  /**Default Advanced Table Styles**/
  .alohatable-advanced-parent .aloha-advanced-table .autoFilterdTbody {
    max-height: calc(100vh - 250px) !important;
    min-height: calc(100vh - 250px) !important;
  }
  .alohatable-advanced-parent .aloha-advanced-table .PrintViewScroll {
    height: auto !important;
    max-height: 100% !important;
    min-height: 50vh !important;
  }
  .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-table-body {
    /*max-height: calc(100vh - 260px);
    min-height: calc(100vh - 260px);*/
    max-height: calc(100vh - 210px);
    min-height: calc(100vh - 210px);
  }
  /**Schedule Supervisor Table Styles**/
  .SupervisorTable .aloha-advanced-table-body {
    max-height: calc(100vh - 530px) !important;
    min-height: calc(100vh - 530px) !important;
  }
  /**AR Payment Center Table Styles**/
  .paymentCenter_ChargeTable .aloha-advanced-table-body {
    max-height: calc(100vh - 700px) !important;
    min-height: calc(100vh - 700px) !important;
  }
  /**AR Postpayment Table Styles**/
  .postPayment_Table .aloha-advanced-table-body {
    max-height: calc(100vh - 500px) !important;
    min-height: calc(100vh - 500px) !important;
  }
  .postPayment_CustomTable .aloha-advanced-datarow {
    min-height: 40px !important;
  }
  .postPayment_CustomTable .aloha-advanced-td {
    padding: 8px 13px !important;
  }
  .postPayment_CustomTable .aloha-advanced-table-body {
    max-height: 45vh !important;
    min-height: 50px !important;
  }
  .postPayment_CustomTable .aloha-no-result-icon-margin {
    height: 200px !important;
  }
  /**ProviderIdentifier General Table Styles**/
  #general_ProviderIdentifierTable .autoFilterdTbody {
    max-height: calc(100vh - 280px) !important;
    min-height: calc(100vh - 280px) !important;
  }
  .general_ProviderIdentifierTable .aloha-advanced-table-body {
    max-height: calc(100vh - 239px) !important;
    min-height: calc(100vh - 239px) !important;
  }
  /**AR Table Styles**/
  .ARManager_Table .aloha-advanced-table-body, .postPayment_ChargeTable .aloha-advanced-table-body {
    max-height: calc(100vh - 285px) !important;
    min-height: calc(100vh - 285px) !important;
  }
  .ARManager_ChargeTable .aloha-advanced-table-body {
    max-height: calc(100vh - 317px) !important;
    min-height: calc(100vh - 317px) !important;
  }
  .ARManager_ChargeTable .aloha-advanced-table-body-evv {
    max-height: calc(100vh - 240px) !important;
    min-height: calc(100vh - 240px) !important;
  }
  #ARManager_Table .autoFilterdTbody, #postPayment_ChargeTable .autoFilterdTbody {
    max-height: calc(100vh - 325px) !important;
    min-height: calc(100vh - 325px) !important;
  }
  /**AR FixClaim Table Styles**/
  #fixcliam_Table .fixclaimFilterdTbody {
    max-height: calc(100vh - 322px) !important;
    min-height: calc(100vh - 322px) !important;
  }
  .fixcliam_Table .aloha-advanced-table-body {
    max-height: calc(100vh - 281px) !important;
    min-height: calc(100vh - 281px) !important;
  }
  .statusRibbon {
    /**Default Advanced Table Styles**/
    /**AR Postpayment Table Styles**/
    /**ProviderIdentifier General Table Styles**/
    /**AR Table Styles**/
    /**AR FixClaim Table Styles**/
  }
  .statusRibbon .alohatable-advanced-parent .aloha-advanced-table .autoFilterdTbody {
    max-height: calc(100vh - 310px) !important;
    min-height: calc(100vh - 310px) !important;
  }
  .statusRibbon .alohatable-advanced-parent .aloha-advanced-table .PrintViewScroll {
    height: auto !important;
    max-height: 100% !important;
    min-height: 50vh !important;
  }
  .statusRibbon .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-table-body {
    /*max-height: calc(100vh - 260px);
    min-height: calc(100vh - 260px);*/
    max-height: calc(100vh - 270px);
    min-height: calc(100vh - 270px);
  }
  .statusRibbon .postPayment_Table .aloha-advanced-table-body {
    max-height: calc(100vh - 560px) !important;
    min-height: calc(100vh - 560px) !important;
  }
  .statusRibbon .postPayment_CustomTable .aloha-advanced-table-body {
    max-height: calc(100vh - 710px) !important;
    min-height: 50px !important;
  }
  .statusRibbon #general_ProviderIdentifierTable .autoFilterdTbody {
    max-height: calc(100vh - 340px) !important;
    min-height: calc(100vh - 340px) !important;
  }
  .statusRibbon .general_ProviderIdentifierTable .aloha-advanced-table-body {
    max-height: calc(100vh - 299px) !important;
    min-height: calc(100vh - 299px) !important;
  }
  .statusRibbon .ARManager_Table .aloha-advanced-table-body, .statusRibbon .postPayment_ChargeTable .aloha-advanced-table-body {
    max-height: calc(100vh - 345px) !important;
    min-height: calc(100vh - 345px) !important;
  }
  .statusRibbon .ARManager_ChargeTable .aloha-advanced-table-body {
    max-height: calc(100vh - 377px) !important;
    min-height: calc(100vh - 377px) !important;
  }
  .statusRibbon #ARManager_Table .autoFilterdTbody, .statusRibbon #postPayment_ChargeTable .autoFilterdTbody {
    max-height: calc(100vh - 385px) !important;
    min-height: calc(100vh - 385px) !important;
  }
  .statusRibbon #fixcliam_Table .fixclaimFilterdTbody {
    max-height: calc(100vh - 382px) !important;
    min-height: calc(100vh - 382px) !important;
  }
  .statusRibbon .fixcliam_Table .aloha-advanced-table-body {
    max-height: calc(100vh - 341px) !important;
    min-height: calc(100vh - 341px) !important;
  }
  .scheduleListCalendar_Table .aloha-schedule-dialog-masscomplete {
    max-height: 400px !important;
    min-height: 400px !important;
  }
  .scheduleListCalendar_Table .aloha-schedule-dialog-massupdate {
    max-height: 400px !important;
    min-height: 400px !important;
  }
}
/********************
       Author - Anil
       Using for Fab Button Styles
      ***************************************/
.md-button.md-default-theme.md-fab, .md-button.md-fab {
  background-color: #0074f1;
  box-shadow: 0 6px 14px 0 rgba(66, 66, 66, 0.4);
}

.md-button.md-fab.md-fab-bottom-right {
  right: 3%;
  bottom: 12%;
  position: fixed;
  box-shadow: 0 6px 14px 0 rgba(66, 66, 66, 0.4);
}
.md-button.md-fab.md-fab-bottom-right.hint {
  bottom: 5%;
}

.md-button.md-default-theme.md-fab:not([disabled]).md-focused, .md-button.md-fab:not([disabled]).md-focused, .md-button.md-default-theme.md-fab:not([disabled]):hover, .md-button.md-fab:not([disabled]):hover {
  background-color: #0074f1;
}

.aloha_customFab {
  right: 34% !important;
}

/*---------- Edit option for <a> tags------------ */
.editable-click, a.editable-click {
  text-decoration: none;
  color: #0074f1;
  border-bottom: none !important;
  min-width: 50px;
  font-style: normal;
}

.editable-click, a.editable-click:hover {
  color: #0074f1;
}

.editable-wrap .editable-controls > input {
  border-bottom: 2px solid #0074f1 !important;
}

.editable-empty, .editable-empty:hover, .editable-empty:focus, a.editable-empty, a.editable-empty:hover, a.editable-empty:focus {
  /*color: $alohaBodyText1_C;*/
  font-style: normal;
}

.editable-wrap .editable-controls > input {
  border: none;
  border-radius: 0px;
  box-shadow: none;
  border-bottom: 2px solid;
  padding-left: 0px;
  color: #76859c !important;
  padding-bottom: 1px;
  width: 60%;
}

.editable-wrap .editable-controls > select {
  border: none;
  border-radius: 0px;
  box-shadow: none;
  border-bottom: 2px solid #0074f1;
  padding-left: 0px;
  color: #76859c !important;
  padding-bottom: 1px;
  width: 70%;
  margin-right: 0px !important;
}

/*----------- Edit buttons,input,glyphicon margin & width -------------*/
.editable-buttons button {
  margin-right: 4px;
}

.editable-buttons {
  margin: 0px 0px !important;
}

.edit-pencil {
  display: none;
  margin-left: 10px;
  padding-top: 7px;
}

.edit-pencil-icon {
  margin-left: 10px;
  margin-top: -5px;
}

.hover-text:hover {
  border-bottom: 1px solid #bdc3cc !important;
  display: inline-block;
}

a.hover-text, .tooltip-color:hover .edit-pencil {
  display: inline;
}

.alohaeditableinput {
  width: 75%;
  display: inline-block;
  border: none;
  border-radius: 0px;
  box-shadow: none;
  border-bottom: 2px solid;
  padding-left: 0px;
  color: #76859c !important;
  padding-bottom: 1px;
  border-bottom: 2px solid #0074f1 !important;
}
.alohaeditableinput:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.editable-buttons button {
  background-color: #ffffff;
  margin: 0px !important;
  padding: 0px;
  outline: none;
}

.btn:focus {
  outline: none;
}

.btn:active, .btn.active {
  box-shadow: none;
}

.decimalTypeInput {
  border: none;
  background: none;
  margin-top: -45px;
  padding-right: 45px;
}
.decimalTypeInput md-input-container .md-default-theme .input, .decimalTypeInput md-input-container .md-input {
  border-bottom: 2px solid #0074f1 !important;
}

.btnPdngForDecimal {
  margin-left: -43px !important;
}

/***---------
       Author - Anil
      -------------------***/
/*--------- Avatar - Autocomplete ---------*/
.autocompleteavatarname, .autocompleteavatarname_dialog {
  display: inline-flex;
  position: absolute;
  top: -12px;
}

.autocompleteavatarname_dialog {
  position: relative;
}

.autocompleteavatarjobtitle {
  position: absolute;
  top: 20px;
}

.alohaavatar-lgspan {
  float: left;
}

.avatarBrdr {
  border: 0.5px solid #dee1e5;
}

.userprofile {
  border-bottom: 1px solid #ebeff5;
  padding: 7px 0px 7px 0px;
  min-height: 60px;
}

/*-----------------------------------------Html Usage---------------------------------------------
|          <div class="userprofile" >                                                           |
|            <span>                                                                             |
|               <aloha-avatar data="user" > </aloha-avatar >                                    |
|               <span class="userformatname alohaprimary" >{{user |formatName}}</span >     |
|            </span >                                                                           |
|           <span class="userjobtitile" > {{user .JobTitle}}</span >                            |
|        </div >                                                                                |
|                                                                                               |
|-----------------------------------------------------------------------------------------------*/
/*Note:this avatar will come views along with border*/
/*-----------------------------------------Html Usage---------------------------------------------
|          <div class="alohaAvatar-table" >                                                     |
|            <span>                                                                             |
|               <aloha-avatar data="user" > </aloha-avatar >                                    |
|               <span class="userformatname alohaprimary" >{{user |formatName}}</span >         |
|            </span >                                                                           |
|           <span class="userjobtitile-tbl" > {{user .JobTitle}}</span >                        |
|        </div >                                                                                |
|                                                                                               |
|-----------------------------------------------------------------------------------------------*/
/*Note:this avatar will come in table along with user format name and job title*/
/*---------------------------Html Usage-Table-------------------------------------
|                                                                               |
|      <span class="alohaAvatar-table" >                                        |
|         <aloha-avatar data="user" > </aloha-avatar >                          |
|         <span class="userformatname-tbl alohaprimary" >                       |
|           {{user |formatName}}                                                |
|         </span >                                                              |
|      </span >                                                                 |
|                                                                               |
|--------------------------------------------------------------------------------*/
/*Note:this avatar will come in table along with user format name*/
/***---------
    By Veena
   ----------------***/
/*--------- Avatar SM ---------*/
.parentAvatar-sm {
  position: relative;
  height: 20px;
  width: 20px;
}
.parentAvatar-sm .Avatar-sm {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  margin-top: 5px;
}
.parentAvatar-sm .Avatar-Initials {
  position: relative;
  float: left;
  top: 50%;
  left: 50%;
  color: #ffffff;
  transform: translate(-50%, -50%);
}

/*--------- Avatar MD ---------*/
.parentAvatar-md {
  position: relative;
  height: 30px;
  width: 30px;
  margin-top: -5px;
}
.parentAvatar-md .Avatar-md {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  margin-top: 3px;
}
.parentAvatar-md .Avatar-Initials {
  position: relative;
  float: left;
  top: 50%;
  left: 50%;
  color: #ffffff;
  transform: translate(-50%, -50%);
  margin: 0px;
}
.parentAvatar-md .Avatar-statusicon-md {
  position: absolute;
  bottom: -3px;
  right: -2px;
}
.parentAvatar-md img {
  vertical-align: middle;
}

.withImageStatusIcon {
  bottom: -6px !important;
  right: -2px !important;
}

.alohaMrgn-tp-n4 {
  margin-top: -5px;
}

/*--------- Avatar LG ---------*/
.parentAvatar-lg {
  position: relative;
  height: 40px;
  width: 40px;
}
.parentAvatar-lg .Avatar-lg {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  margin-top: 5px;
}
.parentAvatar-lg .Avatar-Initials {
  position: relative;
  float: left;
  top: 50%;
  left: 50%;
  color: #ffffff;
  transform: translate(-50%, -50%);
  margin: 0px;
}
.parentAvatar-lg .Avatar-statusicon-lg {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.parentAvatar-lg img {
  vertical-align: middle;
}

/*--------- Avatar LGGT ---------*/
.parentAvatar-lgGt {
  position: relative;
  height: 80px;
  width: 80px;
}
.parentAvatar-lgGt .Avatar-lgGt {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  margin-top: 5px;
}
.parentAvatar-lgGt .Avatar-Initials {
  position: relative;
  float: left;
  top: 50%;
  left: 50%;
  color: #ffffff;
  transform: translate(-50%, -50%);
  margin: 0px;
}
.parentAvatar-lgGt .Avatar-statusicon-lgGt {
  position: absolute;
  bottom: 2px;
  right: 8px;
}
.parentAvatar-lgGt img {
  vertical-align: middle;
}

/*--------- Profile Avatar ---------*/
.ProfileparentAvatar {
  position: relative;
}
.ProfileparentAvatar .ProfileInitials {
  position: absolute;
  float: left;
  top: 50%;
  left: 50%;
  color: #ffffff;
  transform: translate(-50%, -50%);
  margin: 0px;
}
.ProfileparentAvatar .Profile-statusicon {
  position: absolute;
  bottom: 0%;
  left: 70%;
  cursor: default !important;
}
.ProfileparentAvatar img {
  vertical-align: middle;
}
.ProfileparentAvatar .ProfilePic-responsive {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}

@media (min-width: 0px) and (max-width: 480px) {
  .ProfilePic-responsive {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    padding-bottom: 50% !important;
    position: relative;
    width: 50% !important;
  }
  .Profile-statusicon {
    position: absolute;
    bottom: -3% !important;
    left: 58% !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ProfilePic-responsive {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    padding-bottom: 20% !important;
    position: relative;
    width: 20% !important;
  }
  .Profile-statusicon {
    position: absolute;
    bottom: 0% !important;
    left: 54% !important;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .ProfilePic-responsive {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    padding-bottom: 30% !important;
    position: relative;
    width: 30% !important;
  }
  .Profile-statusicon {
    position: absolute;
    bottom: 0%;
    left: 55% !important;
  }
}
/**---------   
    Author - Anil
    Description:  Style Modifications to match Laptop responsive     
    -------------------------------------------------------------------**/
@media (min-width: 1200px) and (max-width: 1399px) {
  .ProfilePic-responsive {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    position: relative;
  }
}
/********************
       Author - Veena
       Using for Notifications Bar Styles
      ******************************************/
/*! ng-notifications-bar - v0.0.16 (http://beletsky.net/ng-notifications-bar/) */
body {
  -webkit-backface-visibility: hidden;
}

.notifications .notifications-container {
  position: fixed;
  top: 65px;
  right: 10px;
  left: auto;
  min-height: 30px;
  line-height: 40px;
  padding: 5px 0;
  width: auto;
  z-index: 111112;
}

.notifications .error, .notifications .info, .notifications .notification, .notifications .success, .notifications .warning {
  position: relative;
  -webkit-animation: fadeInDown 1s ease 0.2s 1 both;
  -moz-animation: fadeInDown 1s ease 0.2s 1 both;
  animation: fadeInDown 1s ease 0.2s 1 both;
  -webkit-animation-backface-visibility: hidden;
  -moz-animation-backface-visibility: hidden;
  -ms-animation-backface-visibility: hidden;
  -o-animation-backface-visibility: hidden;
  animation-backface-visibility: hidden;
  text-align: center;
  color: #ffffff;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.notifications .message {
  padding: 0 12px;
  padding: 0 10px;
}

.notifications .error {
  background-color: #F64747;
  border-bottom: 1px solid #f31515;
  padding: 0 10px;
}

.notifications .success {
  background-color: #74d68e;
  border-bottom: 1px solid #def0d8;
  color: #ffffff;
  padding: 0 10px;
}

.notifications .warning {
  background-color: #eaab63 !important;
  border-bottom: 1px solid #e7ba08;
  padding: 0 10px;
}

.notifications .info {
  background-color: #3391f5;
  border-bottom: 1px solid #3391f5;
  padding: 0 10px;
}

.notifications .close-click {
  font-size: inherit;
  cursor: pointer;
  padding: 10px;
  margin: 0 auto;
}

/********************
       Author - Veena
       Using for Tabs Styles
      *********************************/
.aloha_tabs {
  height: 60px;
}

.nav-tabs {
  z-index: 1;
  width: 100%;
  padding: 10px 0px 0px 0px;
  border: none;
}
.nav-tabs li {
  outline: none;
}
.nav-tabs li a {
  border: none;
  border-radius: 0;
  color: #76859c;
  margin-left: 2px;
  display: inline-flex;
  padding: 13px 15px;
}
.nav-tabs li a .primary_Qualificationicon {
  display: none;
}
.nav-tabs li a:hover {
  color: #0074f1;
  cursor: pointer;
  border-bottom: 4px solid #0074f1;
  background-color: #ffffff !important;
}
.nav-tabs li a:hover .default_Qualificationicon {
  display: none;
}
.nav-tabs li a:hover .primary_Qualificationicon {
  display: inline-block !important;
}
.nav-tabs li a:hover i {
  color: #0074f1;
}
.nav-tabs li a:focus {
  background-color: #ffffff !important;
}
.nav-tabs li.active a {
  color: #0074f1;
  cursor: pointer;
  background-color: none;
  border: none;
  border-bottom: 4px solid #0074f1;
}
.nav-tabs li.active a i {
  color: #0074f1;
}
.nav-tabs li.active a .primary_Qualificationicon {
  display: inline-block !important;
}
.nav-tabs li.active a .default_Qualificationicon {
  display: none;
}
.nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
  color: #0074f1;
  cursor: pointer;
  background-color: #ffffff !important;
  border: none;
  border-bottom: 4px solid #0074f1;
  outline: none;
}
.nav-tabs li.active a:hover i, .nav-tabs li.active a:focus i {
  color: #0074f1;
}

.aloha_Formtabs {
  border-bottom: 1px solid #ebeff5;
}
.aloha_Formtabs .nav-tabs {
  padding: 0px;
  display: flex;
}
.aloha_Formtabs .nav-tabs li {
  display: inline-block;
  flex: 1;
  text-align: center;
  margin-left: 2px;
  margin-right: 2px;
}
.aloha_Formtabs .nav-tabs li a {
  display: flow-root;
  padding: 17px 10px;
  margin-left: 0;
  margin-right: 0;
}

.aloha_sheduleTabs {
  height: 50px;
}
.aloha_sheduleTabs .nav-tabs {
  padding: 0px;
}
.aloha_sheduleTabs .nav-tabs li {
  display: inline-block;
  flex: 1;
  text-align: center;
  margin-left: 2px;
  margin-right: 2px;
}
.aloha_sheduleTabs .nav-tabs li a {
  padding: 13px;
  margin-left: 0;
  margin-right: 0;
}

/********************
    Media Queries
   **********************/
@media only screen and (max-width: 767px) {
  .aloha_tabs {
    height: 66px;
    background: #ffffff;
  }
  .aloha_sheduleTabs {
    height: 60px;
    background: #ffffff;
  }
  .aloha_sheduleTabs .nav-tabs li a {
    padding: 8px 10px !important;
  }
  .nav {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;
    width: 100%;
  }
  .tabs_item {
    display: table-cell !important;
  }
  .tabs_link {
    display: block !important;
  }
  /**
  * Primary nav. Extends `.tabs`.
  *
  * 1. Stop tabs’ corners leaking out beyond our 4px round.
  */
  .nav-tabs {
    text-align: center;
    border-radius: 4px;
    overflow: hidden;
    padding: 0px 8px;
  }
  .nav-tabs li {
    float: none;
  }
  .nav-tabs a {
    padding: 1em;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
  }
  .nav-tabs a span {
    font-size: 12px;
  }
}
/********************
       Author - Anil
       Using for File Uploader Styles
      *********************************/
/*------Choose File---------*/
.show-image {
  position: relative;
  margin: 15px 0px 0px 10px;
  display: inline-block;
}
.show-image img {
  border: 1px;
  object-fit: cover;
  width: 100px;
}
.show-image i {
  top: 0%;
  right: 0%;
  position: absolute;
}

/*------Multi Choose File---------*/
.choosefilechipsLabelBorder {
  min-height: 30px;
  margin: 7px 0px 0px 0px;
  padding-left: 6px;
}
.choosefilechipsLabelBorder .choosefilelabelBorder {
  border: 0px solid #bdc3cc;
  padding: 1px 7px 1px 7px;
  border-radius: 15px;
  width: auto;
  background-color: #ebeff5;
}

.choosefilechipsLabelBorderSchedule {
  padding-left: 6px;
}
.choosefilechipsLabelBorderSchedule .choosefilelabelBorder {
  border: 0px solid #bdc3cc;
  padding: 2px 7px 2px 7px;
  border-radius: 15px;
  width: auto;
  background-color: #ebeff5;
}

/********************
       Author - Anil
       Using for Customized Drop-down Button Styles
      ***************************************************/
/*************************************************************     Html Usage     ***************************************************************
  |             <div class="aloha_customDropdown">                                                                                             |     
  |                  <div class="btn-group clearfix">                                                                                          |
  |                      <button type="button" class="btn btn_Dropdown dropdown-toggle" data-toggle="dropdown" ng-click="$mdMenu.open()">      |
  |                          <span data-bind="dropdown_SelectLabel">Hourly</span>                                                              |
  |                       <i class="alohaIcon aloha_caret" icon-name="iMenuDown-lg"></i>                                                       |
  |                      </button>                                                                                                             |
  |                      <ul class="dropdown-menu">                                                                                            |
  |                          <li><a class="">Hourly</a></li>                                                                                   |
  |                           <li><a class="">Salary Exempt</a></li>                                                                           |
  |                      </ul>                                                                                                                 |
  |                  </div>                                                                                                                    |
  |              </div>                                                                                                                        |
  |
  |***********************************************************************************************************************************************/
/*****************************************************************Script Usage *********************************************************************
  |                                                                                                                                              |
  |                                                                                                                                              |
  |     <script>                                                                                                                                 |
  |         $(document.body).on('click', '.dropdown-menu li', function (event) {                                                                 |
  |              var $target = $(event.currentTarget);                                                                                           |
  |              $target.closest('.btn-group')                                                                                                   |
  |             .find('[data-bind="dropdown_SelectLabel"]').text($target.text())                                                                 |
  |             .end()                                                                                                                           |
  |             .children('.dropdown-toggle').dropdown('toggle');                                                                                |
  |              return false;                                                                                                                   |
  |          });                                                                                                                                 |
  |     </script>                                                                                                                                |
  |                                                                                                                                              |
  |                                                                                                                                              |
  |**************************************************************************************************************************************************/
/***
    Note :1.when a button required with text change on selection please add "" <span data-bind="dropdown_SelectLabel">Hourly</span> "" and its following script in html page.
          2.If not not required please ignore the "" <span> "" and the script.
    ***/
/*--------- Aloha-Custom-Drop-Down---------*/
.aloha_customDropdown {
  margin-top: 3px;
  position: relative;
  transform: translate(0%, 50%);
  /*----Customized Styles for Material Drop-Down------*/
  /*----Overring Bootstrap Class's------*/
}
.aloha_customDropdown .open {
  width: auto;
  z-index: 2;
}
.aloha_customDropdown .btn_tblDropdown, .aloha_customDropdown .btn_tblchckDropdown {
  background: none !important;
  border: none;
  color: #0074f1;
  box-shadow: none !important;
  position: relative;
  overflow: hidden;
}
.aloha_customDropdown .btn_tblchckDropdown {
  right: 5px;
  padding: 0px;
}
.aloha_customDropdown .btn_Dropdown {
  background: #ebeff5;
  border: #ebeff5;
  color: #76859c;
  box-shadow: none !important;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  border-radius: 5px;
  padding: 3px 0px 2px 5px;
}
.aloha_customDropdown .aloha_caret {
  margin-top: -2px;
  color: #76859c;
  padding-left: 5px;
}
.aloha_customDropdown .dropdown-menu {
  position: absolute;
  min-width: 280px;
  border: 1px solid #ebeff5;
  border-radius: 0px;
  max-height: 32vh;
  overflow-y: auto;
  padding: 0px 0;
}
.aloha_customDropdown .dropdown-menu .md-button:focus, .aloha_customDropdown .dropdown-menu .md-button:hover {
  color: #0074f1 !important;
  outline: none;
  background: #ebeff5 !important;
}
.aloha_customDropdown .dropdown-menu a {
  min-height: 36px;
  min-width: 88px;
  line-height: 36px;
  vertical-align: middle;
  text-align: left;
  display: inline-block;
  border-radius: 0;
  margin: auto 0;
  text-transform: none;
  font-weight: 400;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
  color: #76859c;
}
.aloha_customDropdown .dropdown-menu a:hover {
  text-decoration: none;
}
.aloha_customDropdown .dropdown-menu li {
  outline: none;
}
.aloha_customDropdown .dropdown-menu a:hover, .aloha_customDropdown .dropdown-menu a:focus {
  color: #0074f1 !important;
  outline: none;
  background: #ebeff5 !important;
  cursor: pointer;
}
.aloha_customDropdown .btn-group, .aloha_customDropdown .btn-group-vertical {
  outline: none;
}

.CustomSelectDropdown {
  background-color: #ebeff5;
  height: 30px;
  width: 125px;
  border-radius: 4px;
  margin: 0px !important;
  display: inline-block;
  transform: translate(0%, 30%);
}
.CustomSelectDropdown .md-select-value {
  padding: 0px 5px 0px 5px;
}
.CustomSelectDropdown .md-select-value span:not(.md-select-icon) .md-text {
  padding-left: 10px;
}
.CustomSelectDropdown .md-select-value .md-select-icon {
  color: #76859c !important;
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
  .dropdown-menu {
    min-width: 160px !important;
  }
}
@media only screen and (min-width: 601px) {
  .dropdown-menu {
    min-width: 280px;
  }
}
/*--------- Cabinet-Custom-Drop-Down---------*/
.cabinet_Menu {
  display: block;
  float: right;
  cursor: pointer;
}
.cabinet_Menu.open {
  width: 0px !important;
}
.cabinet_Menu .aloha_cabinetDropMenu {
  min-width: 150px;
  right: 3px;
  left: auto;
  border: 1px solid #ebeff5;
  border-radius: 0px;
}
.cabinet_Menu .aloha_cabinetDropMenu a {
  min-height: 36px;
  min-width: 88px;
  line-height: 36px;
  vertical-align: middle;
  text-align: left;
  display: inline-block;
  border-radius: 0;
  margin: auto 0;
  text-transform: none;
  font-weight: 400;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
  color: #76859c;
}
.cabinet_Menu .aloha_cabinetDropMenu li {
  outline: none;
}
.cabinet_Menu .aloha_cabinetDropMenu a:hover, .cabinet_Menu .aloha_cabinetDropMenu a:focus {
  color: #0074f1 !important;
  outline: none;
  background: #ebeff5 !important;
  cursor: pointer;
}
.cabinet_Menu .aloha_cabinetDropMenu:before {
  content: "";
  display: block;
  right: 6%;
  margin-left: -7px;
  position: absolute;
  border-bottom: 10px solid #ebeff5;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  top: -10px;
}

/*--------- Transcation-Custom-Drop-Down---------*/
.transcationDropMenu {
  position: relative !important;
  left: -150px !important;
}

/*--------- Help-Guide-Drop-Down---------*/
.dropup {
  height: 40px;
  width: 65px;
  text-align: center;
  cursor: pointer;
}
.dropup i {
  color: #a19d97;
  padding: 9px;
}
.dropup.open i, .dropup:hover i {
  background: #524d49;
  border-radius: 50%;
}
.dropup.open i {
  color: #ffffff;
}
.dropup .helpGuide_DropMenu {
  min-width: 200px;
  border: none;
  border-radius: 4px;
  background: #524d49;
  z-index: 400;
  bottom: 0px;
  left: 65px;
}
.dropup .helpGuide_DropMenu li {
  outline: none;
  position: relative;
}
.dropup .helpGuide_DropMenu li.disableBrdr-btm {
  border-bottom: 1px solid #635f5a;
}
.dropup .helpGuide_DropMenu li.disableBrdr-tp {
  border-top: 1px solid #635f5a;
}
.dropup .helpGuide_DropMenu li a {
  min-height: 36px;
  min-width: 88px;
  line-height: 36px;
  vertical-align: middle;
  text-align: left;
  display: inline-block;
  border-radius: 0;
  margin: auto 0;
  text-transform: none;
  font-weight: 400;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
  color: #a9a69f;
  background: #524d49;
}
.dropup .helpGuide_DropMenu li a:hover, .dropup .helpGuide_DropMenu li a:focus {
  color: #ffffff !important;
  outline: none;
  background: #423d37 !important;
  cursor: pointer;
}
.dropup .helpGuide_DropMenu:before {
  content: "";
  display: block !important;
  left: -5px;
  margin-left: -5px;
  position: absolute;
  /*border-right: 20px solid $alohaNavHover_C;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;*/
  border-right: 10px solid #524d49;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  top: 88%;
}

/********Schedule Calendar************/
.aloha_custom_calDropdown {
  /*margin-top: 15px;*/
  position: relative;
}
.aloha_custom_calDropdown .open {
  width: auto;
  z-index: 2;
}
.aloha_custom_calDropdown .btn_Dropdown {
  background: #ebeff5;
  border: #ebeff5;
  color: #76859c;
  box-shadow: none !important;
  max-height: 30px;
  max-width: 80px;
  /*padding-top: 6px;*/
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  padding-left: 7px;
}
.aloha_custom_calDropdown .dropdown-menu {
  min-width: auto;
  top: 72%;
  border: none;
}
.aloha_custom_calDropdown .dropdown-menu.settingDropdown {
  top: 35px !important;
}
.aloha_custom_calDropdown .dropdown-menu .md-button:focus, .aloha_custom_calDropdown .dropdown-menu .md-button:hover {
  color: #0074f1 !important;
  outline: none;
  background: #ebeff5 !important;
}
.aloha_custom_calDropdown .dropdown-menu a {
  min-height: 20px;
  min-width: 88px;
  line-height: 36px;
  vertical-align: middle;
  font-size: 15px;
  text-align: left;
  display: inline-block;
  border-radius: 0;
  margin: auto 0;
  text-transform: none;
  font-weight: 400;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.aloha_custom_calDropdown .dropdown-menu li {
  outline: none;
}
.aloha_custom_calDropdown .dropdown-menu a:hover, .aloha_custom_calDropdown .dropdown-menu a:focus {
  color: #0074f1 !important;
  outline: none;
  background: #ebeff5 !important;
  cursor: pointer;
}

/********Schedule Cancel Appointment*************/
.cancleAppt_btn {
  background-color: #fd4f4b;
  height: 30px;
  min-width: 130px;
  max-width: 190px;
  border-radius: 4px;
  color: #ffffff;
  padding: 2px 5px;
}
.cancleAppt_btn .md-select-value {
  padding: 0px 5px;
}
.cancleAppt_btn .md-select-value .md-select-icon {
  color: #ffffff !important;
}
.cancleAppt_btn md-input-container .md-default-theme .md-input, .cancleAppt_btn md-input-container .md-input, .cancleAppt_btn .md-select-value > span:not(.md-select-icon) .md-text, .cancleAppt_btn md-chips.md-default-theme .md-chips .md-chip-input-container input, .cancleAppt_btn md-chips .md-chips .md-chip-input-container input, .cancleAppt_btn md-chips.md-default-theme md-chip, .cancleAppt_btn md-chips md-chip, .cancleAppt_btn md-select-menu.md-default-theme md-content md-option, .cancleAppt_btn md-select-menu md-content md-option {
  color: #ffffff;
}

.alohaMrgnLeft-negative {
  margin-left: -134px !important;
}

/********************
       Author - Anil
       Using for Search No-Result Styles
      *********************************/
/************************************************  HTML USAGE  ***********************************************************************
    |                                                                                                                               |
    |             <div class="aloha_NoResultFound">                                                                                  |
    |                       <span class="aloha_NoResult">                                                                           |
		<i class="alohaImgIcon64" icon-name="iNoRecordFound-xl"></i>
    |                         <label class="alohalabel lbl_noResult">No Results Found</label>                                       |
    |                    </span>                                                                                                    |
    |               </div>                                                                                                          |
    |                                                                                                                               |
    |                                                                                                                               |
    **************************************************************************************************************************************/
/*--------- Aloha-No Result Found ---------*/
.aloha_NoResultFound {
  padding: 100px;
}
.aloha_NoResultFound .aloha_NoResult {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.aloha_NoResultFound .aloha_NoResult .lbl_noResult {
  display: block;
}

/************************************************  HTML USAGE  ***********************************************************************
    |                                                                                                                               |
    |  <aloha-no-results title="No Records Available" link-title="Add" dialog-id="#Add" ng-click="Add()" ng-hide="List.length">     |
	|		</aloha-no-results                                                                                                      |
    |                                                                                                                               |
    |                                                                                                                               |
    |                                                                                                                               |
    **************************************************************************************************************************************/
/*--------- Aloha-No Records Available---------*/
.noRecordsFoundHorizontal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.noRecordsFoundHorizontalForCard {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.noRecordsFoundHorizontalForCardDatainit {
  position: absolute;
  top: 60%;
  left: 40%;
  transform: translate(-50%, -50%);
}

.noRecordsFoundVertical {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.noRecordsLabel {
  color: #bdc3cc;
}

.noResultAvailableTransactionview {
  height: 350px;
  justify-content: center;
  display: flex;
}

.noResultsFound_fixclaim {
  height: 350px;
  justify-content: center;
  display: flex;
}

.noPageContentLabel {
  color: #0074f1;
}

.noPageSubContentLabel {
  color: #bdc3cc;
}

/************************
       Author - Anil
       Using for Dialog Exapndable Search  Styles
      ************************************************/
.SearchDefault_icon, .aloha_DialogSearch .search_input:focus, .aloha_DialogSearch .search_input {
  background: url("../../Images/alohaSiimpleSearch_icon.png") no-repeat;
  height: 26px;
}

.aloha_AutoCompleteSearch md-input-container .md-placeholder, .aloha_AutoCompleteSearch md-input-container label:not(.md-no-float):not(.md-container-ignore) {
  padding-left: 25px;
}
.aloha_AutoCompleteSearch md-input-container .md-input {
  padding-left: 25px;
}

.aloha_InputLftIcon md-input-container .md-placeholder, .aloha_InputLftIcon md-input-container label:not(.md-no-float):not(.md-container-ignore) {
  padding-left: 20px;
}
.aloha_InputLftIcon md-input-container .md-input {
  padding-left: 20px;
}

.aloha_DialogSearch .search_input {
  padding-right: 13px;
  transition: all 0.5s ease 0s;
  width: 25px;
  float: right;
  cursor: pointer;
  border: none;
  box-shadow: none;
  outline: none;
}
.aloha_DialogSearch .search_input:focus {
  width: 100%;
  background-color: #ffffff;
  color: #76859c;
  padding-left: 30px;
  border-bottom: 2px solid #016ee5 !important;
  outline: none;
  border-radius: 0;
}

/******************
       Author - Anil 
       Using for Chips Styles
      ******************************/
.chipsLabelBorder {
  min-height: 34px;
  margin: 0px 0px 0px 0px !important;
  padding: 0px;
  display: inline-block;
  align-items: center;
  padding-top: 6px;
  line-height: 28px;
}

.headerchipslabel {
  border: 0px solid #bdc3cc;
  padding: 0px 7px 0px 7px;
  border-radius: 15px;
  background-color: #ebeff5;
}

/********************
       Author - Anil
       Using for Billing Manager Freeze Table Styles
      ***************************************************/
table.freezetable {
  position: relative;
  width: calc(100vw - 120px);
  overflow: hidden;
  background: #ffffff;
  border-collapse: collapse;
  /*thead*/
}
table.freezetable thead {
  position: relative;
  display: block; /*seperates the header from the body allowing it to be positioned*/
  width: calc(100vw - 120px);
  overflow: visible;
}
table.freezetable thead tr {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08), 0 0px 0px transparent;
  min-height: 40px;
  outline: none;
  padding-right: 5px;
  display: inline-flex;
}
table.freezetable thead th {
  background-color: #ffffff;
  padding: 0px 10px;
  outline: none;
  cursor: default;
  align-items: center;
  height: 40px;
  display: flex;
  -webkit-align-content: center;
  align-content: center;
}
table.freezetable .autoTbody {
  min-height: calc(100vh - 262px);
  max-height: calc(100vh - 262px);
}
table.freezetable tbody {
  position: relative;
  display: block;
  width: calc(100vw - 120px);
  min-height: calc(100vh - 222px);
  max-height: calc(100vh - 222px);
  overflow: scroll;
  margin-top: 10px;
  height: 0vh;
}
table.freezetable tbody tr {
  padding-top: 0px;
  min-height: 50px;
  border-bottom: 1px solid #ebeff5;
  outline: none;
  width: 100%;
}
table.freezetable tbody td {
  background-color: #ffffff;
  padding: 0px 10px;
  outline: none;
  cursor: default;
  align-items: center;
  height: 50px;
  -webkit-align-content: center;
  align-content: center;
  word-break: break-all;
}

.minwidth {
  min-width: 175px;
  max-width: 175px;
}

#sortable1 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 60%;
}

#sortable1 li {
  margin: 0 3px 3px 3px;
  padding: 0px;
  height: 35px;
}

.groupModifiersList {
  padding: 0px;
  height: 35px;
}

.heightForGroupModifiers {
  height: 105px !important;
}

.heightForGroupDxCodes {
  height: 105px !important;
}

#sortable1 li span {
  position: absolute;
  margin-left: -1.3em;
}

.statusRibbon table.freezetable .autoTbody {
  min-height: calc(100vh - 322px);
  max-height: calc(100vh - 322px);
}
.statusRibbon table.freezetable tbody {
  min-height: calc(100vh - 282px);
  max-height: calc(100vh - 282px);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  table.freezetable .autoTbody {
    min-height: calc(100vh - 229px);
    max-height: calc(100vh - 229px);
  }
  table.freezetable tbody {
    position: relative;
    display: block;
    width: calc(100vw - 120px);
    min-height: calc(100vh - 190px);
    max-height: calc(100vh - 190px);
  }
  .statusRibbon table.freezetable .autoTbody {
    min-height: calc(100vh - 300px);
    max-height: calc(100vh - 300px);
  }
  .statusRibbon table.freezetable tbody {
    min-height: calc(100vh - 262px);
    max-height: calc(100vh - 262px);
  }
}
/************************
       Author - Anil
       Using for Report Table Styles
      **************************************/
.aloha_ReportsTable, .fixclaim_sampleViewTable {
  border-collapse: collapse;
  overflow-x: auto;
  max-width: 100%;
  width: 100%;
  max-height: calc(100vh - 171px);
  min-height: calc(100vh - 171px);
}
.aloha_ReportsTable table, .fixclaim_sampleViewTable table {
  width: 100%;
}
.aloha_ReportsTable table thead, .fixclaim_sampleViewTable table thead {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08), 0 0px 0px rgba(0, 0, 0, 0);
}
.aloha_ReportsTable table thead tr, .fixclaim_sampleViewTable table thead tr {
  width: calc(100% - 20px);
}
.aloha_ReportsTable table thead th, .fixclaim_sampleViewTable table thead th {
  padding: 0px 10px;
  cursor: default;
  align-items: center;
  white-space: nowrap;
  word-wrap: break-word;
  word-break: break-all;
  min-width: 120px;
  height: 40px;
}
.aloha_ReportsTable table tbody tr, .fixclaim_sampleViewTable table tbody tr {
  border-bottom: 1px solid #ebeff5;
}
.aloha_ReportsTable table tbody tr:hover, .fixclaim_sampleViewTable table tbody tr:hover {
  box-shadow: 0 0px 100px rgba(0, 0, 0, 0.08), 0 5px 5px rgba(0, 0, 0, 0);
  position: relative;
}
.aloha_ReportsTable table tbody tr.active, .fixclaim_sampleViewTable table tbody tr.active {
  box-shadow: 0 0px 100px rgba(0, 0, 0, 0.08), 0 5px 5px rgba(0, 0, 0, 0);
  position: relative;
}
.aloha_ReportsTable table tbody td, .fixclaim_sampleViewTable table tbody td {
  padding: 13px 10px;
  outline: none;
  min-width: 120px;
  cursor: default;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  word-wrap: break-word;
  word-break: break-all;
  white-space: nowrap;
  border-bottom: none;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.alohaReport-ParamScrollBar {
  overflow-y: auto;
  height: calc(100vh - 170px);
}

/*------------- Reports and Schedule Toggle Styles --------------*/
.aloha_reportsToggle {
  padding-top: 40vh;
  height: 83vh;
}

.alohaScheduleToggle {
  height: 79vh !important;
}

.alohaSchedule_defaultToggle {
  padding-top: 40vh;
  height: 82vh;
}

.reportsToggle_Collapse {
  width: 50px;
  padding: 0px 15px 0px 15px;
}

.reportsToggle_Expand {
  padding-left: 50px;
  width: 100%;
  padding-right: 20px;
}

/*------------- Schedule Form Toggle Styles --------------*/
.Schedule_formToggle {
  padding-top: 35vh;
  height: 68vh;
}

.Schedule_formCollapse {
  width: 50px;
  padding: 0px 15px 0px 15px;
}

.Schedule_formExpand {
  padding-left: 50px;
  width: 100%;
  padding-right: 20px;
}

.statusRibbon .aloha_ReportsTable, .statusRibbon .fixclaim_sampleViewTable {
  max-height: calc(100vh - 231px);
  min-height: calc(100vh - 231px);
}
.statusRibbon .aloha_reportsToggle {
  height: 77vh;
}
.statusRibbon .alohaScheduleToggle {
  height: 71vh !important;
}
.statusRibbon .alohaSchedule_defaultToggle {
  padding-top: 37vh;
  height: 76vh;
}

/*------------- Table Responsive -------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .aloha_ReportsTable, .fixclaim_sampleViewTable {
    max-height: calc(100vh - 148px) !important;
    min-height: calc(100vh - 148px) !important;
  }
  .statusRibbon .aloha_ReportsTable, .statusRibbon .fixclaim_sampleViewTable {
    max-height: calc(100vh - 220px) !important;
    min-height: calc(100vh - 220px) !important;
  }
  .statusRibbon .aloha_reportsToggle {
    height: 72vh;
  }
  .statusRibbon .alohaScheduleToggle {
    height: 72vh !important;
  }
}
/**************************
       Fixclaim Table
       Discription: re using reprts table style  
      ********************************************/
.fixclaim_sampleViewTable {
  max-height: 300px !important;
  min-height: 300px !important;
}

/*----------------------- AMD Components ------------------------------ */
/****************
   Angular Body Theme changed as per Aloha
   *******************************************/
body.md-default-theme,
body,
html.md-default-theme,
html {
  color: #76859c;
  background-color: #ffffff;
}

.md-open-menu-container {
  margin: 18px 0px 0px -22px;
  z-index: 1200;
}

/*****Angular MD Pop over controls*****/
/*---------------------------------------------------------------------------------
    |Pop over Z-index has increased 80 to 1040.                                   |
    |to overcome Bootstrap z-index issues related to popOver                      |
  --------------------------------------------------------------------------------*/
.md-select-menu-container,
.md-datepicker-calendar-pane,
.md-virtual-repeat-container.md-autocomplete-suggestions-container {
  z-index: 2000;
  margin-top: 20px;
}

.md-select-menu-container,
.md-virtual-repeat-container.md-autocomplete-suggestions-container {
  max-height: 300px !important;
  height: 240px;
  z-index: 1500 !important;
}

md-backdrop.md-select-backdrop.md-click-catcher.ng-scope {
  z-index: 1040;
}

md-input-container.md-block,
md-autocomplete md-input-container,
md-input-container {
  z-index: 0;
  margin-bottom: 0px !important;
  padding: 1px;
}

/*-----------------------------------------------------------------
    |Reduced distance between Input container & error label       |
    |to match Aloha requirement ````````````                      |
  -----------------------------------------------------------------*/
md-input-container .md-errors-spacer {
  float: right;
  min-height: 0px;
  min-width: 1px;
}

md-input-container.md-block label {
  margin-bottom: 0px;
}

/*------------------------------------------------------------------------
    |AMD Placeholder color changed as per Aloha requirement			     |
    |AMD Label color changed as per Aloha requirement				     |
	|AMD Select color changed as per Aloha requirement				     |
	|AMD Chips color & background color changed as per Aloha requirement |
  -----------------------------------------------------------------------*/
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused .md-input,
md-input-container:not(.md-input-invalid).md-input-focused .md-input,
md-input-container.md-default-theme:not(.md-input-invalid).md-input-resized .md-input,
md-input-container:not(.md-input-invalid).md-input-resized .md-input {
  border-color: #0074f1;
}

md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused label,
md-input-container:not(.md-input-invalid).md-input-focused label,
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused .md-icon,
md-input-container:not(.md-input-invalid).md-input-focused .md-icon {
  color: #0074f1 !important;
}

md-input-container:not(.md-input-invalid).md-input-has-value label,
md-input-container.md-default-theme .md-placeholder,
md-input-container .md-placeholder,
md-input-container.md-default-theme label,
md-input-container label {
  color: #76859c;
}

md-input-container.md-default-theme .md-input,
md-input-container .md-input,
.md-select-value > span:not(.md-select-icon) .md-text,
md-chips.md-default-theme .md-chips .md-chip-input-container input,
md-chips .md-chips .md-chip-input-container input,
md-chips.md-default-theme md-chip,
md-chips md-chip,
md-select-menu.md-default-theme md-content md-option,
md-select-menu md-content md-option {
  color: #132443;
}
md-input-container.md-default-theme .md-input::-moz-placeholder,
md-input-container .md-input::-moz-placeholder,
.md-select-value > span:not(.md-select-icon) .md-text::-moz-placeholder,
md-chips.md-default-theme .md-chips .md-chip-input-container input::-moz-placeholder,
md-chips .md-chips .md-chip-input-container input::-moz-placeholder,
md-chips.md-default-theme md-chip::-moz-placeholder,
md-chips md-chip::-moz-placeholder,
md-select-menu.md-default-theme md-content md-option::-moz-placeholder,
md-select-menu md-content md-option::-moz-placeholder {
  color: #bdc3cc;
}
md-input-container.md-default-theme .md-input::-webkit-input-placeholder,
md-input-container .md-input::-webkit-input-placeholder,
.md-select-value > span:not(.md-select-icon) .md-text::-webkit-input-placeholder,
md-chips.md-default-theme .md-chips .md-chip-input-container input::-webkit-input-placeholder,
md-chips .md-chips .md-chip-input-container input::-webkit-input-placeholder,
md-chips.md-default-theme md-chip::-webkit-input-placeholder,
md-chips md-chip::-webkit-input-placeholder,
md-select-menu.md-default-theme md-content md-option::-webkit-input-placeholder,
md-select-menu md-content md-option::-webkit-input-placeholder {
  color: #bdc3cc;
}
md-input-container.md-default-theme .md-input:-ms-input-placeholder,
md-input-container .md-input:-ms-input-placeholder,
.md-select-value > span:not(.md-select-icon) .md-text:-ms-input-placeholder,
md-chips.md-default-theme .md-chips .md-chip-input-container input:-ms-input-placeholder,
md-chips .md-chips .md-chip-input-container input:-ms-input-placeholder,
md-chips.md-default-theme md-chip:-ms-input-placeholder,
md-chips md-chip:-ms-input-placeholder,
md-select-menu.md-default-theme md-content md-option:-ms-input-placeholder,
md-select-menu md-content md-option:-ms-input-placeholder {
  color: #bdc3cc;
}
md-input-container.md-default-theme .md-input::placeholder,
md-input-container .md-input::placeholder,
.md-select-value > span:not(.md-select-icon) .md-text::placeholder,
md-chips.md-default-theme .md-chips .md-chip-input-container input::placeholder,
md-chips .md-chips .md-chip-input-container input::placeholder,
md-chips.md-default-theme md-chip::placeholder,
md-chips md-chip::placeholder,
md-select-menu.md-default-theme md-content md-option::placeholder,
md-select-menu md-content md-option::placeholder {
  color: #bdc3cc;
}

md-input-container.md-default-theme .md-input,
md-input-container .md-input {
  border-color: #ebeff5;
}

[disabled] md-input-container.md-default-theme .md-input,
[disabled] md-input-container .md-input,
md-input-container.md-default-theme .md-input[disabled],
md-input-container .md-input[disabled] {
  background-image: none;
  border-bottom: 1px solid #ebeff5;
}

md-input-container textarea.md-input {
  min-height: 30px;
}

md-select.md-default-theme .md-select-value,
md-select .md-select-value {
  border-bottom-color: #ebeff5;
}

/*--------datepicker icon color--------*/
.md-default-theme .md-datepicker-triangle-button .md-datepicker-expand-triangle,
.md-datepicker-triangle-button .md-datepicker-expand-triangle {
  border-top-color: #bdc3cc !important;
}

/*--------drop down traingle icon-------*/
md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value {
  color: #132443 !important;
}

md-select.md-default-theme .md-select-icon,
md-select .md-select-icon {
  color: #bdc3cc !important;
}

md-select.md-default-theme .md-select-value.md-select-placeholder,
md-select .md-select-value.md-select-placeholder {
  color: #76859c;
}

md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value.md-select-placeholder {
  color: #76859c;
}

/*md-input-container textarea.md-input {
	min-height: 80px;
	max-height: 80px;
}*/
/*.md-button:not([disabled]).md-focused {
	background-color: $alohaTheme_C;
}*/
.md-autocomplete-suggestions li {
  min-height: 34px;
  max-height: 65px;
  height: auto !important;
  padding: 0px 5px;
  align-items: center;
  justify-content: left;
  display: flex;
  line-height: 48px;
}

.md-autocomplete-suggestions-client {
  min-height: 55px;
}

.client-profile {
  min-height: 55px;
  margin-top: -5px;
  margin-bottom: -4px;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bdc3cc;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #bdc3cc;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #bdc3cc;
}

div[disabled] {
  pointer-events: none;
  opacity: 0.5;
}

md-autocomplete md-progress-linear {
  display: none;
}

/******* Commented code by Veena, Facing issue for mandatory field********/
md-select[required].ng-invalid:not(.md-no-asterisk) .md-select-value.md-select-placeholder span:first-child:after {
  content: " *" !important;
}

.md-select-value span:first-child:after {
  content: " " !important;
}

md-input-container label:not(.md-container-ignore).md-required:after {
  content: " *";
  font-size: 13px;
  vertical-align: top;
}

.alohaMandatoryIcon-default {
  font-size: 13px;
  vertical-align: top;
}

.alohaMandatoryIcon {
  font-size: 14px;
  vertical-align: top;
  color: #fd4f4b;
}

md-input-container.md-default-theme:not(.md-input-focused):not(.md-input-invalid) label.md-required:after,
md-input-container:not(.md-input-focused):not(.md-input-invalid) label.md-required:after,
md-input-container:not(.md-input-focused):not(.md-input-invalid) md-select.md-default-theme .md-select-value span:first-child:after,
md-input-container:not(.md-input-focused):not(.md-input-invalid) md-select .md-select-value span:first-child:after {
  color: #76859c;
}

.alohaPdng-tp-n3 {
  padding-top: -5px;
}

/* Added Position fixed for progress bar to avoid page movement
    ALOHA-5590 Progress bar position on AlohaABA & Client Portal */
md-progress-linear {
  position: fixed !important;
}

.DatainitProgressBarShadow md-progress-linear {
  position: relative !important;
}

.modal-dialog md-progress-linear {
  margin-top: -5px !important;
}

.modal-dialog .BillingProgressBar md-progress-linear {
  position: relative !important;
}

/** Styles for iOS ***/
body.iOS [disabled] md-input-container.md-default-theme .md-input,
body.iOS [disabled] md-input-container .md-input,
body.iOS md-input-container.md-default-theme .md-input[disabled],
body.iOS md-input-container .md-input[disabled] {
  color: #132443 !important;
}
body.iOS div[disabled] {
  opacity: 0.7 !important;
}

.aloha-not-synced md-input-container .md-input {
  color: #eaab63;
}

/*------------------------------------------------------------------------
   | AMD Datepicker Overridden classes to match Aloha Requirement       |
  -----------------------------------------------------------------------*/
/*-------------------------------------------------------- HTML Usage ---------------------------------------------------------------------
    |                                                                                                                                     |
    |  <md-datepicker ng-model="ctrl.myDate" ng-click="ctrl.isOpen = true" ng-blur="ctrl.isOpen = false" md-placeholder="Enter date"      |
    |                 md-is-open="ctrl.isOpen" md-hide-icons="calendar"></md-datepicker>                                                  |
    |                                                                                                                                     |
    ----------------------------------------------------------------------------------------------------------------------------------------------*/
.md-calendar-date.md-focus .md-default-theme .md-calendar-date-selection-indicator,
.md-calendar-date.md-focus .md-calendar-date-selection-indicator,
.md-default-theme .md-calendar-date-selection-indicator:hover,
.md-calendar-date-selection-indicator:hover {
  background: #ebeff5;
}

.md-default-theme .md-calendar-day-header, .md-calendar-day-header {
  background-color: #0074f1;
  color: #ffffff;
}

.md-default-theme .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator,
.md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator,
.md-default-theme .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator,
.md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {
  background: #0074f1;
  color: #ffffff;
  border-color: transparent;
}

.md-default-theme .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator,
.md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator {
  border: #0074f1;
}

.md-datepicker-input {
  max-width: 100%;
  min-width: 100%;
}

.md-datepicker-input-container {
  position: relative;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: inline-block;
  width: 100%;
}

/*.md-datepicker-input-container {
	display: block;
	}*/
._md-datepicker-has-triangle-icon {
  padding-right: 0px;
  margin-right: 0px;
}

.md-datepicker-open input.md-input {
  border-color: #0074f1;
}

.md-datepicker-input-mask {
  display: none;
}

/*.md-datepicker-calendar-pane{
position:fixed !important;
}*/
/*--------------------------------------------------------------------------------
    |   AMD Dropdown/Select Overridden classes to match Aloha Requirement      |
   ----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------
    |      Input container margin assigned to 0px                                 |
    |      Which will reduce the height between input controllers                 |
    |                                                                             |
    -----------------------------------------------------------------------------------*/
md-select-menu.md-default-theme md-content md-option:not([disabled]):focus, md-select-menu md-content md-option:not([disabled]):focus, md-select-menu.md-default-theme md-content md-option:not([disabled]):hover, md-select-menu md-content md-option:not([disabled]):hover {
  background: #ebeff5;
}

md-select-menu.md-default-theme md-content md-option:not([disabled]):focus, md-select-menu md-content md-option:not([disabled]):focus, md-select-menu.md-default-theme md-content md-option:not([disabled]):hover, md-select-menu md-content md-option:not([disabled]):hover,
md-select-menu.md-default-theme md-content md-option[selected], md-select-menu md-content md-option[selected] {
  color: #0074f1;
}

md-select.md-default-theme:not([disabled]):focus .md-select-value,
md-select:not([disabled]):focus .md-select-value {
  border-bottom-color: #0074f1;
  color: #76859c;
}

.md-select-value .md-select-icon {
  margin: 0px;
}

.selectdemoSelectHeader .demo-header-searchbox {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0;
}

.selectdemoSelectHeader .demo-select-header {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  padding-left: 10.667px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
}

md-select-menu md-content {
  min-width: 136px;
  min-height: 48px;
  max-height: 308px;
  overflow-y: auto;
}

md-select.md-default-theme[disabled] .md-select-value, md-select[disabled] .md-select-value {
  background-image: none;
  border-bottom: 1px solid #ebeff5;
}

md-select.md-default-theme[disabled] .md-select-icon,
md-select[disabled] .md-select-icon,
md-select.md-default-theme[disabled] .md-select-value, md-select[disabled] .md-select-value,
md-select.md-default-theme[disabled] .md-select-value.md-select-placeholder,
md-select[disabled] .md-select-value.md-select-placeholder {
  color: #bdc3cc;
}

md-select[disabled] .md-select-value > span:not(.md-select-icon) .md-text {
  color: #bdc3cc;
}

/** Styles for iOS ***/
body.iOS md-select.md-default-theme[disabled] .md-select-icon,
body.iOS md-select[disabled] .md-select-icon,
body.iOS md-select.md-default-theme[disabled] .md-select-value, body.iOS md-select[disabled] .md-select-value,
body.iOS md-select.md-default-theme[disabled] .md-select-value.md-select-placeholder,
body.iOS md-select[disabled] .md-select-value.md-select-placeholder, body.iOS md-select[disabled] .md-select-value > span:not(.md-select-icon) .md-text {
  color: #132443;
}

/*---------------------------------------------------------------------------
   |   AMD Tooltip Overridden classes to match Aloha Requirement     |
  ---------------------------------------------------------------------------*/
md-tooltip {
  background-color: #76859c !important;
  color: #ffffff !important;
  white-space: pre-wrap;
}

.md-tooltip.md-show {
  margin-top: -2px;
}

.md-tooltip {
  position: relative;
  border: 4px solid #76859c;
}

.md-tooltip:after, .md-tooltip:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.md-tooltip:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #76859c;
  border-width: 7px;
  margin-left: -7px;
}

.md-tooltip:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #76859c;
  border-width: 10px;
  margin-left: -10px;
}

/*------------------------------------------------------------------------
   |AMD Chips Overridden classes to match Aloha Requirement             |
  -----------------------------------------------------------------------*/
.md-chips {
  margin: 18px 0px;
}

.md-chips md-chip .md-chip-remove md-icon {
  min-height: 16px;
  min-width: 16px;
}

md-chips.md-default-theme md-chip md-icon, md-chips md-chip md-icon {
  color: #76859c;
}

md-chips.md-default-theme md-chip.md-focused md-icon,
md-chips md-chip.md-chip.md-focused md-icon {
  color: #ffffff !important;
}

/*---------Chips with Picture---------*/
.md-contact-suggestion .md-contact-email, .md-contact-suggestion .md-contact-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #76859c;
}

.md-autocomplete-suggestions-container.md-default-theme li.selected, .md-autocomplete-suggestions-container li.selected, .md-autocomplete-suggestions-container.md-default-theme li:hover, .md-autocomplete-suggestions-container li:hover {
  background: #ebeff5;
}

.md-contact-suggestion img {
  height: 30px;
  width: 30px;
  border-radius: 20px;
  margin-bottom: 5px;
}

md-chips.md-default-theme .md-chips.md-focused,
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #0074f1;
}

md-chips.md-default-theme md-chip.md-focused,
md-chips md-chip.md-focused {
  background: #0074f1 !important;
  color: #ffffff !important;
}

md-chips.md-default-theme md-chip, md-chips md-chip {
  background: #ebeff5;
}

.md-chips .md-chip-input-container input:not([type])::-moz-placeholder,
.md-chips .md-chip-input-container input[type=email]::-moz-placeholder,
.md-chips .md-chip-input-container input[type=number]::-moz-placeholder,
.md-chips .md-chip-input-container input[type=tel]::-moz-placeholder,
.md-chips .md-chip-input-container input[type=text]::-moz-placeholder,
.md-chips .md-chip-input-container input[type=url]::-moz-placeholder,
.md-datepicker-input::-moz-placeholder {
  color: #bdc3cc;
}
.md-chips .md-chip-input-container input:not([type])::-webkit-input-placeholder,
.md-chips .md-chip-input-container input[type=email]::-webkit-input-placeholder,
.md-chips .md-chip-input-container input[type=number]::-webkit-input-placeholder,
.md-chips .md-chip-input-container input[type=tel]::-webkit-input-placeholder,
.md-chips .md-chip-input-container input[type=text]::-webkit-input-placeholder,
.md-chips .md-chip-input-container input[type=url]::-webkit-input-placeholder,
.md-datepicker-input::-webkit-input-placeholder {
  color: #bdc3cc;
}
.md-chips .md-chip-input-container input:not([type]):-ms-input-placeholder,
.md-chips .md-chip-input-container input[type=email]:-ms-input-placeholder,
.md-chips .md-chip-input-container input[type=number]:-ms-input-placeholder,
.md-chips .md-chip-input-container input[type=tel]:-ms-input-placeholder,
.md-chips .md-chip-input-container input[type=text]:-ms-input-placeholder,
.md-chips .md-chip-input-container input[type=url]:-ms-input-placeholder,
.md-datepicker-input:-ms-input-placeholder {
  color: #bdc3cc;
}
.md-chips .md-chip-input-container input:not([type])::placeholder,
.md-chips .md-chip-input-container input[type=email]::placeholder,
.md-chips .md-chip-input-container input[type=number]::placeholder,
.md-chips .md-chip-input-container input[type=tel]::placeholder,
.md-chips .md-chip-input-container input[type=text]::placeholder,
.md-chips .md-chip-input-container input[type=url]::placeholder,
.md-datepicker-input::placeholder {
  color: #bdc3cc;
}

.validateChipsInput md-chips-wrap {
  box-shadow: 0 1px red !important;
}
.validateChipsInput md-chips-wrap md-autocomplete-wrap input::-webkit-input-placeholder {
  color: red !important;
}
.validateChipsInput md-chips-wrap md-autocomplete-wrap input:-moz-placeholder { /* Firefox 18- */
  color: red !important;
}
.validateChipsInput md-chips-wrap md-autocomplete-wrap input::-moz-placeholder { /* Firefox 19+ */
  color: red !important;
}
.validateChipsInput md-chips-wrap md-autocomplete-wrap input:-ms-input-placeholder {
  color: red !important;
}

/*------------------------------------------------------------------------
   |  AMD Cards Overridden classes to match Aloha Requirement           |
  -----------------------------------------------------------------------*/
md-card {
  margin: 30px 0px 0px 0px;
  box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.12);
  min-height: 320px;
}

md-card md-card-title {
  padding: 0px 10px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 36px;
  align-items: center;
  border-bottom: solid 1px #0074f1;
  white-space: nowrap;
}

md-card md-card-title md-card-title-media {
  margin-top: 4px;
  width: 5%;
  text-align: right;
}

md-card md-card-title + md-card-content {
  padding: 20px 30px;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

md-card .md-actions, md-card md-card-actions {
  margin: 0px;
  padding: 0px 20px 20px 20px;
}

md-card md-card-footer {
  margin-top: auto;
  padding: 0px 25px 15px 30px;
}

/*-----------------------------------------------------------------------
    |aloha-card-xs - Extra Small card 200px									|
	|aloha-card-sm - Small card 300px										|
	|aloha-card-md - Medium card 500px										|
	|aloha-card-lg - Large card 800px										|
    -----------------------------------------------------------------------*/
/*---------------------HTML USAGE-----------------------------------------
    With Footer : 
		<md-card aloha-card-xs>
		<md-card-title>
		<md-card-title-text><span class="alohaContainerHeader">Aloha Card Extra Small-xs</span></md-card-title-text>
		<md-card-title-media><i class="alohaIcon" icon-name="iEditboxOutline-md"></i></md-card-title-media>
		</md-card-title>
		<md-card-content>
		<p>Aloha Card Extra Small Content-Body</p>
		</md-card-content>
		<md-card-footer layout-align="left center">
		<label>Aloha Card Extra Small Footer</label>
		</md-card-footer>
		</md-card>
 	 Without Footer : 
		<md-card aloha-card-xs>
		<md-card-title>
		<md-card-title-text><span class="alohaContainerHeader">Aloha Card Extra Small-xs</span></md-card-title-text>
		<md-card-title-media><i class="alohaIcon" icon-name="iEditboxOutline-md"></i></md-card-title-media>
		</md-card-title>
		<md-card-content>
		<p>Aloha Card Extra Small Content-Body</p>
		</md-card-content>
	-----------------------------------------------------------------------*/
md-card[aloha-card-xs] {
  height: 200px;
}
md-card[aloha-card-xs] md-card md-card-title + md-card-content {
  max-height: 200px;
}

md-card[aloha-card-sm] {
  height: 350px;
}
md-card[aloha-card-sm] md-card md-card-title + md-card-content {
  max-height: 350px;
}

md-card[aloha-card-md] {
  height: 380px;
}
md-card[aloha-card-md] md-card md-card-title + md-card-content {
  max-height: 380px;
}

md-card[aloha-card-lg] {
  height: 800px;
}
md-card[aloha-card-lg] md-card md-card-title + md-card-content {
  max-height: 800px;
}

md-card[aloha-card-amd] {
  height: 500px;
}
md-card[aloha-card-amd] md-card md-card-title + md-card-content {
  max-height: 500px;
}

md-card md-card-title md-card-title-text {
  max-width: 95%;
}

md-card md-card-title md-card-title-text span {
  overflow: hidden;
  max-width: 98%;
  text-overflow: ellipsis;
}

/*---------------- Responsive Card Styles ----------------*/
@media (max-width: 1025px) {
  md-card[aloha-card-xs] {
    height: auto;
  }
  md-card[aloha-card-xs] md-card md-card-title + md-card-content {
    max-height: auto;
  }
  md-card[aloha-card-sm] {
    height: auto;
    min-height: 350px;
  }
  md-card[aloha-card-sm] md-card md-card-title + md-card-content {
    max-height: auto;
  }
  md-card[aloha-card-md] {
    height: auto;
  }
  md-card[aloha-card-md] md-card md-card-title + md-card-content {
    max-height: auto;
  }
  md-card[aloha-card-lg] {
    height: auto;
  }
  md-card[aloha-card-lg] md-card md-card-title + md-card-content {
    max-height: auto;
  }
}
/* by Anil
---------------- Responsive Card  Auto Size Styles ----------------*/
md-card[aloha-card-auto] {
  height: auto;
  min-height: 235px !important;
}
md-card[aloha-card-auto] md-card md-card-title + md-card-content {
  max-height: auto;
}

@media only screen and (max-width: 1024px) {
  md-card md-card-title md-card-title-text {
    max-width: 90%;
  }
}
@media only screen and (max-width: 768px) {
  md-card md-card-title md-card-title-text {
    max-width: 94%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  md-card md-card-title md-card-title-text {
    max-width: 93% !important;
  }
  md-card md-card-title md-card-title-media {
    margin-top: 4px;
    width: 7% !important;
    text-align: right;
  }
}
/*------------------------------------------------------------------------
   |AMD Checkbox Overridden classes to match Aloha Requirement             |
  -----------------------------------------------------------------------*/
md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked .md-ink-ripple {
  color: #0074f1;
}

md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon,
.md-checkbox-enabled.md-default-theme[selected] .md-icon, .md-checkbox-enabled[selected] .md-icon {
  background-color: #0074f1;
  /*border-color: $alohaTheme_C;*/
}

md-checkbox.md-default-theme[disabled].md-checked .md-icon, md-checkbox[disabled].md-checked .md-icon {
  background-color: #bdc3cc;
  border-color: #bdc3cc;
}

md-checkbox.md-default-theme[disabled]:not(.md-checked) .md-icon,
md-checkbox[disabled]:not(.md-checked) .md-icon {
  border-color: #ebeff5;
  /*background-color: $LightestGrey;*/
}

md-checkbox.md-default-theme:not(.md-checked) .md-icon, md-checkbox:not(.md-checked) .md-icon,
md-checkbox .md-label,
.md-checkbox-enabled.md-default-theme:not(.md-checked) .md-icon, .md-checkbox-enabled:not(.md-checked) .md-icon {
  color: #76859c;
  border-color: #76859c;
}

md-checkbox {
  margin-bottom: 0px;
}

.alohaCheckbox {
  color: #76859c !important;
  margin-left: 8px;
  float: left;
}

.alohaCheckboxselected {
  color: #0074f1 !important;
  margin-left: 8px;
  float: left;
}

.alohacheckboxselectall {
  color: #76859c;
  padding-left: 40px;
  padding-top: 3px;
  display: block;
  top: 24px;
}

md-checkbox.warncheckbox .md-icon {
  border-color: #eaab63 !important;
}

md-checkbox.md-checked.warncheckbox .md-icon {
  background-color: #eaab63 !important;
}

md-checkbox.successcheckbox .md-icon {
  border-color: #74d68e !important;
}

md-checkbox.md-checked.successcheckbox .md-icon {
  background-color: #74d68e !important;
}

/*---------------------------------------------------------------------------
   |   AMD Radio Button Overridden classes to match Aloha Requirement     |
  ---------------------------------------------------------------------------*/
md-radio-button {
  color: #76859c;
}

md-radio-button.md-default-theme .md-off, md-radio-button .md-off {
  border-color: #76859c;
}

md-radio-button.md-default-theme[disabled] .md-container .md-off,
md-radio-button[disabled] .md-container .md-off,
md-radio-button.md-default-theme[disabled] .md-container .md-on,
md-radio-button[disabled] .md-container .md-on,
md-radio-group.md-default-theme[disabled] .md-container .md-off,
md-radio-group[disabled] .md-container .md-off,
md-radio-group.md-default-theme[disabled] .md-container .md-on, md-radio-group[disabled] .md-container .md-on {
  border-color: #ebeff5;
}

md-radio-button.md-default-theme:not([disabled]).md-primary.md-checked .md-off,
md-radio-button:not([disabled]).md-primary.md-checked .md-off,
md-radio-button.md-default-theme:not([disabled]) .md-primary.md-checked .md-off,
md-radio-button:not([disabled]) .md-primary.md-checked .md-off,
md-radio-button.md-default-theme:not([disabled]).md-primary .md-checked .md-off,
md-radio-button:not([disabled]).md-primary .md-checked .md-off,
md-radio-button.md-default-theme:not([disabled]) .md-primary .md-checked .md-off,
md-radio-button:not([disabled]) .md-primary .md-checked .md-off,
md-radio-group.md-default-theme:not([disabled]).md-primary.md-checked .md-off,
md-radio-group:not([disabled]).md-primary.md-checked .md-off,
md-radio-group.md-default-theme:not([disabled]) .md-primary.md-checked .md-off,
md-radio-group:not([disabled]) .md-primary.md-checked .md-off,
md-radio-group.md-default-theme:not([disabled]).md-primary .md-checked .md-off,
md-radio-group:not([disabled]).md-primary .md-checked .md-off,
md-radio-group.md-default-theme:not([disabled]) .md-primary .md-checked .md-off,
md-radio-group:not([disabled]) .md-primary .md-checked .md-off {
  border-color: #0074f1;
}

md-radio-button.md-default-theme:not([disabled]).md-primary .md-on, md-radio-button:not([disabled]).md-primary .md-on, md-radio-button.md-default-theme:not([disabled]) .md-primary .md-on, md-radio-button:not([disabled]) .md-primary .md-on, md-radio-group.md-default-theme:not([disabled]).md-primary .md-on, md-radio-group:not([disabled]).md-primary .md-on, md-radio-group.md-default-theme:not([disabled]) .md-primary .md-on, md-radio-group:not([disabled]) .md-primary .md-on {
  background-color: #0074f1;
}

md-radio-button.md-default-theme.md-checked .md-off, md-radio-button.md-checked .md-off {
  border-color: #0074f1;
}

md-radio-button.md-default-theme .md-on, md-radio-button .md-on {
  background-color: #0074f1;
}

/*------------------------------------------------------------------------
   |  AMD Menu Overridden classes to match Aloha Requirement            |
  -----------------------------------------------------------------------*/
md-menu-content.md-dense md-menu-item {
  height: 46px;
  min-height: 0;
}

md-menu-content.md-menu-bar-menu.md-dense .md-button {
  min-height: 0;
  height: 46px;
}

md-toolbar.alohatoolbar {
  z-index: 0;
  min-height: 0px;
}

/*----------------------- Aloha Views ------------------------------ */
/****************Staff Profile Styles************************/
.staff_ProfileAliasValue {
  display: inline-flex;
}
.staff_ProfileAliasValue span {
  margin-top: -5px;
}

@media only screen and (min-width: 1px) and (max-width: 767px), (min-width: 992px) and (max-width: 1199px) {
  .staff_Info {
    padding-left: 0 !important;
    padding-top: 15px;
  }
  .staff_addressInfo {
    padding-top: 10px;
  }
}
/**************************Staff Supervisor Styles********************************/
.inactive {
  font-size: 10px;
  color: rgb(0, 0, 0);
  font-style: italic;
  font-weight: bold;
}

.supervisor_Header {
  padding-bottom: 5px;
  border-bottom: 2px solid #ebeff5;
}

.supervisor_dateFeild {
  padding-top: 10px;
}

@media only screen and (max-width: 767px) {
  .supervisor_dateFeild {
    padding-top: 0;
    padding-left: 55px;
  }
  .supervisor_dateFeild .text_center {
    text-align: center;
  }
  .supervisor_dateFeild .supervisor_xs_ToFeild {
    padding: 0;
  }
}
@media only screen and (max-width: 360px) {
  .supervisor_xs_ToFeild {
    padding: 0px 15px 0px 25px !important;
  }
}
.alohaSettingIconPosition {
  top: -35px;
}

.alohaHeight-0 {
  height: 0px;
}

.alohaHeight-41 {
  height: 41px;
}

.cabinet_Attachment {
  line-height: 30px;
  padding-top: 10px;
  /*max-height: 300px;*/
  overflow-y: hidden !important;
}

.aloha_CabinetComments {
  line-height: 17px;
  padding-top: 5px;
  padding-left: 10px;
}

.Cabinet md-input-container textarea {
  font-size: 12px !important;
}

.CabinetEditIcons {
  margin-top: -21px;
}

pre {
  display: block;
  font-size: 12px;
  line-height: 20px !important;
  color: #76859c !important;
  font-family: Roboto;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #ffffff !important;
  border: 0px solid #cccccc;
  border-radius: 0px;
}

/****************Client Profile styles********************/
.client_ProfileAliasValue {
  display: inline-flex;
}
.client_ProfileAliasValue span {
  margin-top: -5px;
}

@media only screen and (min-width: 1px) and (max-width: 767px), (min-width: 992px) and (max-width: 1199px) {
  .client_Info {
    padding-left: 0 !important;
  }
}
/********************Client Contact styles ***************************/
.Client_Card {
  padding-right: 15px;
}
.Client_Card .client_CardTitle {
  border-bottom: 2px solid #ebeff5;
}
.Client_Card .client_CardContent {
  min-height: 200px;
  padding: 10px 0px 10px 0px;
}

@media only screen and (max-width: 767px) {
  .Client_Card {
    padding-right: 0px;
  }
  .Client_Card .client_CardContent {
    height: 100% !important;
  }
  .Info_xsView {
    padding-top: 15px;
  }
}
/**********************Client Assignment Styles*****************************/
.client_AssignmentHeader {
  padding: 0px 12px 5px 0px;
  border-bottom: 2px solid #ebeff5;
}

.client_AssignmentContent, .client_AssignmentContent-PopupScroll, .client_AssignmentSubContent {
  width: 100%;
  /*overflow-x: hidden;
  overflow-y: auto;*/
  padding-top: 10px;
  /*max-height: 390px;*/
}

.client_AssignmentTeams {
  padding: 10px 10px 10px 0px;
  border-bottom: 2px solid #ebeff5;
}
.client_AssignmentTeams .client_AssignmentTeams_avatar {
  border-bottom: 1px solid #ebeff5;
}
.client_AssignmentTeams .client_AssignmentTeams_avatar:last-child {
  border-bottom: none;
}

.client_AssignmentSubContent {
  max-height: 250px;
  padding-right: 5px;
}

.client_AssignmentContent-PopupScroll {
  max-height: 360px !important;
}

.styleForClientListDataLoadingIcon {
  position: fixed;
  top: 50%;
  left: 50%;
  text-align: center;
  z-index: 1200;
}

.editoricon {
  position: relative;
  left: 100%;
}

.alignment {
  min-height: 73.8px;
}

.aloha_verticalBorder {
  border-left: 1px solid #ebeff5;
  padding-left: 30px;
}

.client_AttachLabel {
  line-height: 32px;
}

.client_AuthorizationViews {
  padding: 10px 15px 10px 0px;
}
.client_AuthorizationViews .client_AuthorizeBorder {
  padding-top: 15px;
  border-bottom: 2px solid #ebeff5;
}

.pullRight {
  float: right;
}

.addModifier {
  font-style: italic;
}

@media only screen and (max-width: 767px) {
  .Paddingtp {
    padding-top: 15px;
  }
}
.signatureInput {
  height: 100px;
  width: 100%;
  border-bottom: 1px solid #ebeff5;
  outline: none;
  text-align: center;
  vertical-align: middle;
  line-height: 90px;
}

.marginForInActiveDate {
  margin-top: -25px;
}

.aloha-billingrules-headertext {
  display: flex;
}

@media only screen and (max-width: 767px), (min-width: 992px) {
  .info_services {
    border-left: 1px solid #ebeff5;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .info_services {
    padding-top: 30px;
  }
}
#SettingIcon {
  position: absolute;
  right: 0;
  top: -12px;
  z-index: 111 !important;
}

.card-theme-2 md-card-title-text {
  width: 95%;
  display: inline-block !important;
}

.card {
  width: 30%;
  display: flex;
  flex-direction: column;
  margin: auto;
  width: 60%;
  padding-top: 25px;
}

.card-body {
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 5px;
  padding-top: 10px;
  min-height: 150px;
  box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.12);
}

/* new billing rules screen functionality */
.tab {
  border-right: 1px solid #ebeff5;
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: #76859c;
  padding: 10px 25px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 16px;
  border-bottom: 1px solid #ebeff5;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #f8f8f8;
  color: #0074f1;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #f8f8f8;
  color: #0074f1;
  border-left: 5px solid #0074f1;
  padding: 10px 20px !important;
}

/* hover tooltip styles for add rule icons */
.primaryTooltip .tooltiptext {
  visibility: hidden;
  background-color: #0074f1;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px;
  position: absolute;
  z-index: 1;
  top: 120%;
  left: 50%;
  margin-left: -55px;
}

.primaryTooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #0074f1 transparent;
}

.primaryTooltip:hover .tooltiptext {
  visibility: visible;
}

/* end of new billing rules screen functionality */
.add-new-qualifiation-action .tooltiptext {
  width: 200px;
  left: -20%;
}

#sortable {
  margin: 0;
  padding: 0;
  width: 100%;
}

.pos-addicon .add-new-pos-action {
  position: relative;
}
.pos-addicon .add-new-pos-action .tooltiptext {
  width: 200px;
  position: absolute;
}

.drag-drop {
  font-size: 12px;
}

/***********************Custom list General********************************/
.customlistvalue-fixedheight {
  max-height: 250px;
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
}

/*************************Custom Fields***********************************/
.verticalBorder {
  border-left: 1px solid #bdc3cc;
  min-height: 300px;
  max-height: 1000px;
  left: 4%;
}

@media only screen and (max-width: 767px) {
  .customfield_xsVeiw {
    padding-left: 0;
  }
}
/***********************Organization*******************************/
.Organization {
  display: block;
  float: left;
  width: 50%;
}

.full-image {
  width: 100%;
  height: 170px;
  align-items: center;
  display: flex;
  justify-content: center;
  border: 1px solid #ebeff5;
  background-color: #f8f8f8;
}

.aloha_TimeZone {
  display: inline-flex;
}

@media (min-width: 768px) {
  .Organization {
    display: block;
    float: left;
    width: 41.6666666667%;
  }
  .full-image {
    width: 100%;
    height: 170px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .Organization {
    display: block;
    float: left;
    width: 41.6666666667%;
  }
  .full-image {
    width: 100%;
    height: 100px;
    border: 1px solid #ebeff5;
  }
}
@media (min-width: 1400px) and (max-width: 1600px) {
  .Organization {
    display: block;
    float: left;
    width: 41.6666666667%;
  }
  .full-image {
    width: 100%;
    height: 150px;
    border: 1px solid #ebeff5;
  }
}
.organizationlogo {
  width: 164px;
  height: 164px;
  border-radius: 50%;
  text-align: center;
}

.alignDefaultPic {
  border-radius: 50%;
}

/***********************Payroll General***********************************/
.showRecords {
  text-decoration: underline;
  cursor: pointer;
  outline: none;
}

@media only screen and (max-width: 767px) {
  .payroll_textRightAlign {
    padding-right: 0;
  }
  .payroll_textLeftAlign {
    padding-left: 0;
  }
}
/***********************Payroll Over time rule***************************/
.aloha-advanced-datarow_overtimeRules {
  min-height: 50px !important;
  outline: none;
  width: 100%;
  white-space: nowrap;
}
.aloha-advanced-datarow_overtimeRules:hover {
  box-shadow: 0 0px 100px rgba(0, 0, 0, 0.08), 0 5px 5px rgba(0, 0, 0, 0);
}

.tblovertimerule {
  /*max-height: calc(100vh - 333px) !important;*/
  width: 100%;
  height: auto;
  touch-action: auto;
  overflow: auto;
  overflow-x: hidden;
}

/***********************Security*****************************************/
.alohatd.contentleftpdng:first-child {
  padding-left: 25px !important;
}

.useracount_PrimaryAvatar {
  border-bottom: 1px solid #ebeff5;
  min-height: 60px;
}

.useraccountChkBox {
  left: 5px;
}

.alohatable-parent .alohatable .alohadatarow .alohatd.userRole_phaseOne, .alohatable-parent .alohatable .aloha_addDatarow .alohatd.userRole_phaseOne {
  padding-left: 50px;
}
.alohatable-parent .alohatable .alohadatarow .alohatd.userRole_phaseOne.userRole_phaseOneExpand, .alohatable-parent .alohatable .aloha_addDatarow .alohatd.userRole_phaseOne.userRole_phaseOneExpand {
  padding-left: 35px !important;
}
.alohatable-parent .alohatable .alohadatarow .alohatd.userRole_phaseTwo, .alohatable-parent .alohatable .aloha_addDatarow .alohatd.userRole_phaseTwo {
  padding-left: 75px;
}
.alohatable-parent .alohatable .alohadatarow .alohatd.userRole_phaseTwo.userRole_phaseTwoExpand, .alohatable-parent .alohatable .aloha_addDatarow .alohatd.userRole_phaseTwo.userRole_phaseTwoExpand {
  padding-left: 60px !important;
}
.alohatable-parent .alohatable .alohadatarow .alohatd.userRole_phaseThree, .alohatable-parent .alohatable .aloha_addDatarow .alohatd.userRole_phaseThree {
  padding-left: 100px;
}

#userRoleTable.alohatable-parent .alohatable .alohaheaderrow.headerrowFixed {
  position: fixed;
  width: 76.4%;
  z-index: 2;
  background: #ffffff;
}

.userRoleStyle md-input-container {
  margin: 0px !important;
  padding: 0px !important;
  max-width: 100% !important;
}
.userRoleStyle .md-select-value {
  min-height: 24px !important;
  padding: 0px !important;
}

@media only screen and (max-width: 1200px) {
  #userRoleTable.alohatable-parent .alohatable .alohaheaderrow.headerrowFixed {
    width: 56.4%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  #userRoleTable.alohatable-parent .alohatable .alohaheaderrow.headerrowFixed {
    width: 67.4%;
  }
}
/*************************System Settings********************************/
.SettingsNotificationSelect {
  margin-top: -10px !important;
}

.SettingsNotificationSelectContent {
  display: inline-flex;
  white-space: nowrap;
  overflow: hidden;
}

.directiveMD_select {
  height: auto;
  max-height: 400px;
}

.component_One {
  left: 100px;
  position: absolute;
}

.component_Two {
  left: 275px;
  position: absolute;
}

.component_Three {
  left: 270px;
  position: absolute;
}

.component_Four {
  left: 300px;
  position: absolute;
}

.disabled_color {
  opacity: 0.5;
}
.disabled_color i {
  cursor: default !important;
}

.SYS_FREQUENCY {
  margin-top: -53px !important;
  margin-left: 50%;
}
.SYS_FREQUENCY::after {
  clear: both;
  content: "";
  display: block;
}

.SYS_SLCTMNTHDAY, .SYS_SLCTWKDAY {
  margin-top: -53px !important;
  float: right;
}
.SYS_SLCTMNTHDAY::after, .SYS_SLCTWKDAY::after {
  clear: both;
  content: "";
  display: block;
}

.appointmentReminderMessageSection:nth-child(2) {
  margin-bottom: 10px;
}

#textMessagingServicesContainer .row {
  margin-right: 0px;
}

.aloha-tabs-center {
  align-items: center;
  padding: 6px 15px !important;
}

.aloha-tabs-payroll-earningcodes {
  align-items: center;
  padding: 6px 15px 6px 4px !important;
}

.aloha-container--left {
  float: none;
}

.aloha-clinical-integration-row {
  display: flex;
  justify-content: space-between;
}
.aloha-clinical-integration-row aloha-content-row {
  width: 100%;
}

.alohalabel.tax, .tax.printslide_btn, .tax.alohaSignLabel, .alohatable-parent .alohatable .alohadatarow .tax.alohatd, .alohatable-parent .alohatable .aloha_addDatarow .tax.alohatd, .alohatable-advanced-parent .aloha-advanced-table .tax.aloha-advanced-td, .aloha_ReportsTable table tbody td.tax, .fixclaim_sampleViewTable table tbody td.tax, .tax.md-chips {
  padding-right: 20px;
}

/* Data Import Styles */
.dataSelectedStyles {
  background: #0074f1;
  color: #fff !important;
}

.dataImport_Wordbreak {
  word-break: break-word !important;
}

.positionAlignment {
  position: fixed !important;
  top: 15% !important;
  right: 25px !important;
}

.clinicalIntegrationNoRecordsFound {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.paymentgatewayview {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(50%, 180%);
}

.alohaPdng-tp-175 {
  padding-top: 175px !important;
}

.alohaPositionAbsolute {
  position: absolute;
}

.alohaVisibilityHidden {
  visibility: hidden;
}

.alohaVisibilityVisible {
  visibility: visible;
}

.disabled-link {
  color: #76859c !important;
}

.generatePassword {
  height: auto !important;
}

.sidebar {
  width: 350px;
  padding-top: 20px;
  padding-left: 10px;
  box-sizing: border-box;
  border-right: 1px solid #ebeff5;
  height: 90vh;
}

.margin-right-n {
  margin-right: -18px;
}

.sidebar a {
  display: block;
  background-color: inherit;
  color: #76859c;
  padding: 10px 25px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 16px;
  border-bottom: 1px solid #ebeff5;
}

.sidebar a:hover {
  background-color: #f8f8f8;
  color: #0074f1;
}

.sidebar a.alohaSettingsActive {
  background-color: #f8f8f8;
  color: #0074f1;
  border-left: 5px solid #0074f1;
  padding: 10px 20px !important;
}

.content {
  padding: 20px;
  flex-grow: 1;
  box-sizing: border-box;
  height: 100vh;
}

.form-group {
  margin-bottom: 20px;
}

select {
  width: 100%;
  padding: 8px;
  font-size: 14px;
  box-sizing: border-box;
}

.addIcon {
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  font-size: 16px;
}

.displayFlex {
  display: inline-flex;
}

.label-error {
  color: red;
}

.aloha-clearing-hs-add-section {
  display: flex;
  justify-content: end;
  padding-top: 20px;
}

.sysWarnClr .md-text {
  color: #eaab63 !important;
}

.sysStopClr .md-text {
  color: #fd726f !important;
}

.DataInitApp {
  margin-top: 500px;
}

.login_container {
  height: 100vh;
  position: relative;
  background-color: #0074f1;
  overflow-y: auto;
}

.login_Component_View {
  min-height: 100%;
  margin-bottom: -40px;
}

.login_card {
  /*width: 385px;
  margin-top: 20vh;
  margin-bottom: 100px;
  //
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;*/
  height: auto;
  background: #ffffff;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  margin: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 385px;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.login_card_content {
  display: block;
  padding: 30px;
}

.login_header {
  padding-top: 10px;
  padding-bottom: 30px;
}

.login_input {
  text-align: left;
}

.login_icons {
  float: right;
  margin-top: -24px;
}

.captionLineHeight {
  line-height: 20px;
}

/*.login_content {
    margin-top: 35px;
    margin-bottom: 30px;
    //margin-top: 40px;
    // margin-bottom: 20px;
}*/
.email_link {
  margin-bottom: 30px;
}

.return_link {
  font-weight: 400;
  height: 40px;
  cursor: pointer;
}

.loginBtn {
  margin-top: 40px;
  margin-bottom: 50px;
  font-weight: 400;
  height: 40px;
}

.setBtn {
  margin-top: 40px;
  margin-bottom: 10px;
  font-weight: 400;
}

.success-msg {
  margin-top: 20px;
}

.success-msg-modal {
  margin-top: 50px;
  margin-bottom: 50px;
}

.login-page_footer {
  position: relative;
}
.login-page_footer span, .login-page_footer a {
  color: #ffffff;
}
.login-page_footer a {
  text-decoration: none;
  cursor: pointer;
}
.login-page_footer span {
  padding: 0px 15px 0px 15px;
}

.errormessage {
  float: left;
}

/*==========  Mobile First Method  ==========*/
/* Extra Small Devices, Phones,Custom, iPhone Retina */
@media only screen and (min-width: 1px) and (max-width: 600px) {
  .login_card {
    width: 100%;
    margin-top: 0px;
    height: 100vh;
    overflow-y: auto;
  }
  .login_container {
    overflow-y: hidden;
  }
  .login_card_content {
    padding: 60px;
  }
  .alohalink_rgt {
    padding-top: 30px;
  }
  .login-page_footer {
    display: none;
  }
  .login-card_footer {
    position: relative;
    margin: auto 0 0;
    padding-bottom: 15px;
  }
  .login-card_footer span {
    padding: 0px 15px 0px 15px;
  }
  .aloha_xsTermsView {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 601px) and (max-width: 1920px) {
  .login_card {
    width: 385px;
  }
  .alohalink_rgt {
    text-align: right;
    padding-right: 0;
  }
  .alohalink_lft {
    text-align: left;
    padding-left: 0;
  }
}
@media only screen and (min-width: 601px) and (max-width: 767px) {
  .alohalink_rgt {
    top: -25px !important;
  }
  .login-card_footer {
    display: none;
  }
  .aloha_xsTermsView {
    padding-left: 30px;
    padding-right: 30px;
  }
}
/********************************
   Author - Anil 
   User Signup Wizard styles 
   **************************************/
.setupWizardContainer {
  min-width: 75vw;
  max-width: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  border: 1px solid #ebeff5;
}
.setupWizardContainer .setupWizard_Header {
  height: 60px;
  border-bottom: 1px solid #ebeff5;
  padding: 20px 10px;
}
.setupWizardContainer .setupWizard_Body {
  padding: 30px 20px;
  min-height: 65vh;
  max-height: 65vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.setupWizardContainer .setupWizard_Footer {
  border-top: 1px solid #ebeff5;
  height: 60px;
  padding: 15px;
  text-align: right;
}

#firstUserLoginPageLoader {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background: rgba(255, 255, 255, 0.5);
  z-index: 10;
}
#firstUserLoginPageLoader h5 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
}
#firstUserLoginPageLoader .preloader {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.userStatus_Content {
  position: fixed;
  background: no-repeat center center;
  color: #ffffff;
  text-align: center;
  width: 100%;
  height: 60px;
  z-index: 1020;
  display: none;
}
.userStatus_Content a {
  border-bottom: 1px solid #ffffff;
}
.userStatus_Content.inactiveInfo {
  background-color: #EF5350;
}
.userStatus_Content.activeInfo {
  background-color: #66BB6A;
}
.userStatus_Content .closeTopRibbon {
  position: absolute;
  right: 30px;
  top: 15px;
  color: #ffffff;
  font-weight: bold;
  border: 2px solid #ffffff;
  border-radius: 50%;
  padding: 7px 6px 5px 6px;
}

.ribbonInput md-input-container .md-input {
  color: #ffffff;
}
.ribbonInput md-input-container {
  margin: 10px 0px;
}
.ribbonInput md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused .md-input, .ribbonInput md-input-container:not(.md-input-invalid).md-input-focused .md-input, .ribbonInput md-input-container.md-default-theme:not(.md-input-invalid).md-input-resized .md-input, .ribbonInput md-input-container:not(.md-input-invalid).md-input-resized .md-input {
  border-color: #ffffff;
}

/***** Media Queries - for Responsive Ui******/
@media only screen and (min-width: 300px) and (max-width: 1024px) {
  .new_UserInfoContent {
    min-width: 100%;
    padding: 0px 15px;
  }
}
@media only screen and (min-width: 601px) {
  .creditInfoContent {
    min-width: 500px !important;
  }
  .creditInfoContent md-radio-group {
    display: inline-flex;
  }
  .creditInfoContent md-radio-group md-radio-button:nth-child(2) {
    margin-left: 15px;
  }
}
@media only screen and (min-width: 767px) {
  .new_UserInfoContent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .creditInfoContent {
    min-width: 500px !important;
  }
}
@media only screen and (min-width: 1025px) {
  .new_UserInfoContent {
    min-width: 75%;
  }
}
/*@import "../Vendors/Calendar/calendar";*/
.clinical_team-scroll {
  max-height: 386px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.clinical_team-scrollxs {
  height: auto;
  width: 100%;
  /*overflow-x: hidden;
     overflow-y: auto;*/
}

.clinical_team-scroll-xs {
  /*height: 420px;*/
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  /*min-height: 250px;
  max-height: 250px;*/
}

@media only screen and (max-width: 480px) {
  .clinical_team-scroll {
    /*height: 270px;*/
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .clinical_team-scroll-xs {
    height: auto;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .clinical_team {
    padding-left: 0px;
    padding-right: 0px;
  }
  .clinical_team-subScroll {
    max-height: 501px !important;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .clinical_team-names {
    padding: 15px 0px 0px 10px;
    border-bottom: 1px solid #ebeff5;
  }
}
.clinical_team-subcontent {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.clinical_team-subScroll {
  max-height: 496px !important;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.clinical_team-names {
  display: flex;
  padding: 5px 10px 5px 5px;
}

.manage-team_list {
  padding: 0px 26px 0px 0px;
  border-bottom: 1px solid #ebeff5;
}

.clinical_team-profile-name {
  padding: 0px 12px 5px 0px;
  border-bottom: 2px solid #ebeff5;
}

/**--------------------
        Author Anil
        Using for Manage Clinical Teams Direct View page Styles
       --------------------------------------------------------------**/
.teamProfileHeader {
  padding: 0px 10px 5px 0px;
  border-bottom: 2px solid #ebeff5;
}

.TeamNames_List {
  display: flex;
  padding: 10px 10px 10px 5px;
  outline: none !important;
}

.clinicalStaff_List {
  border-bottom: 1px solid #ebeff5;
}
.clinicalStaff_List:last-child {
  border-bottom: none !important;
}

.aligncustomfield {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: left;
  align-items: center;
}

.signatureInputForForms {
  height: 100px;
  border-bottom: 1px solid #ebeff5;
  outline: none;
  text-align: center;
  vertical-align: middle;
  line-height: 90px;
}

/*********************************
   Author - Anil 
   Schedule Refactored styles 
   ***************************************/
.calender_FixedTable {
  table-layout: fixed;
  margin: 0px !important;
}
.calender_FixedTable thead th, .calender_FixedTable tbody td {
  line-height: 1.42857143;
  border: 1px solid #ebeff5;
}
.calender_FixedTable thead th:first-child, .calender_FixedTable tbody td:first-child {
  border-left: none !important;
}
.calender_FixedTable thead th:last-child, .calender_FixedTable tbody td:last-child {
  border-right: none !important;
}
.calender_FixedTable thead th.calendar_HourColumn, .calender_FixedTable tbody td.calendar_HourColumn {
  width: 50px;
  color: black;
  text-align: center;
}
.calender_FixedTable thead th {
  color: #132443;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  border-bottom: none !important;
  border-top: none !important;
  cursor: default;
}
.calender_FixedTable tbody td {
  height: 40px;
  padding: 0px !important;
}

.schedule_DayView .calender_FixedTable tbody td {
  height: 54px;
  padding: 0px !important;
}

.aloha-schedule-calendar-margin__bottom {
  margin-bottom: 50px !important;
}

.calendarEventWrap {
  position: relative;
}
.calendarEventWrap .calendarEvent {
  outline: none !important;
  cursor: pointer;
  position: absolute;
}
.calendarEventWrap .calendarEvent_inner {
  display: flex;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.calendarEventWrap .calendarEvent_inner .calendarEvent_icon {
  display: flex;
  align-items: center;
  float: left !important;
}
.calendarEventWrap .calendarEvent_inner .calendarEvent_status {
  position: absolute;
  bottom: 1px;
  right: 2px;
  cursor: default;
}
.calendarEventWrap .calendarEvent_inner .calendarEvent_dialogStatusIcon {
  margin: 8px 2px auto auto;
  cursor: default;
}

#data-View .calendarEvent_status {
  display: block;
  margin-left: 36px;
}

.dialog_apptIcon {
  width: 24px;
  height: 24px !important;
}
.dialog_apptIcon i {
  margin-left: -5px;
  margin-top: -4px;
}
.dialog_apptIcon i[icon-name=iMinusCircle-sm] {
  margin: 5px !important;
}

.tab_billingIcon {
  width: 24px;
  height: 24px !important;
  margin-top: -6px;
}

.AppointmentInfo_textarea md-input-container textarea.md-input {
  min-height: 80px;
}

.client_VerificationBrdr {
  border-left: 1px solid #ebeff5;
  margin-left: -15px;
  padding-left: 15px;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container.StafflistAutosuggestions {
  margin-top: 2px;
  height: 240px;
  min-width: 280px !important;
}
.md-virtual-repeat-container.md-autocomplete-suggestions-container.StafflistAutosuggestions .md-contact-suggestion .md-contact-name {
  width: 250px !important;
}

.heightForClientList {
  max-height: 120px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.multiLevelTypeahead .tags {
  list-style: none;
  width: 100%;
  padding: 5px 0px;
  border-radius: 0px;
  margin-bottom: 0;
  border-bottom: 1px solid #ebeff5;
  cursor: text;
  outline: none;
}
.multiLevelTypeahead .tags:active {
  border-bottom: 2px solid #0074f1;
}
.multiLevelTypeahead .tags .tag {
  display: inline-block;
  border: 0px solid #aaa;
  background-color: #ebeff5;
  border-radius: 15px;
  color: #76859c !important;
  cursor: pointer;
  margin: 8px 8px 0px 0px;
  height: 32px;
  position: relative;
  outline: none;
}
.multiLevelTypeahead .tags .tag i {
  padding-left: 5px;
  margin-right: 5px;
}
.multiLevelTypeahead .tags .inputtag {
  display: inline;
  outline: none;
}
.multiLevelTypeahead .tags .inputtag input {
  border: none !important;
  display: inline;
  height: initial;
  width: initial;
  margin: initial;
  padding-top: 5px;
  outline: none;
}
.multiLevelTypeahead .list {
  list-style: none;
  background-color: #ffffff;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px 0px rgba(0, 0, 0, 0.12);
  border-top: none;
  width: 400px;
  padding: 0;
  margin: 0;
}
.multiLevelTypeahead .list li {
  padding: 5px;
  cursor: pointer;
}
.multiLevelTypeahead .list li.active {
  color: #0074f1 !important;
  outline: none;
  background: #ebeff5 !important;
}

.ScheduleSupervisedHours md-input-container {
  margin-top: 10px;
}

/******Media Queries********/
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .client_VerificationBrdr {
    border-left: none !important;
    padding-left: 0;
    margin-left: 0;
  }
}
md-chips.md-default-theme .md-chips, md-chips .md-chips {
  box-shadow: 0 1px rgb(235, 239, 245);
}

/****** End of Schedule Refactored styles ******/
button.more.btn.btn-default.calendarview.dropdown-toggle {
  width: 75px;
}

.tg-halfhourmarker {
  height: 0px;
  font-size: 12px;
  /*border-bottom: 1px dotted #ddd;*/
}

.tg-timecolumnmain {
  height: 12px;
  color: #757575;
  font-size: 14px;
}

.avatarContact {
  margin-top: -258px !important;
}

.md-contact-chips .md-chips md-chip .md-contact-avatar img {
  height: 30px;
  border-radius: 20px;
  width: 30px !important;
}

/********************************
   Author - Anil 
   Schedule Refactored styles 
   **************************************/
.aloha_PrintCalendar {
  page-break-before: always !important;
}
.aloha_PrintCalendar:last-child {
  page-break-after: auto !important;
  font-size: 80px !important;
}

.has-error {
  color: #dd2c00 !important;
}

@media only screen and (min-width: 300px) {
  .delete-icon {
    position: absolute;
    right: 0;
  }
}
.alohaCalendarSub-Header {
  height: 60px;
  margin: 60px 0px 0px 95px;
  z-index: 2;
  background-color: #ffffff !important;
  box-shadow: none;
  border-radius: 0px;
}
.alohaCalendarSub-Header .calendarSubHeaderPdng {
  min-height: 60px;
  margin-right: 30px;
}

i[icon-name=iWarning-sm]:before {
  font-size: 15px !important;
  color: #eaab63 !important;
}

.scheduleIcons i {
  padding: 5px;
}
.scheduleIcons i:hover {
  border-radius: 50%;
  background-color: #ebeff5;
}
.scheduleIcons i.schedulePayroll:hover {
  border-radius: 0%;
  background-color: #ffffff;
}
.scheduleIcons i[icon-name=iListBullet-lg],
.scheduleIcons i[icon-name=iGridView-lg] {
  vertical-align: super;
}

.ScheduleSettings_icon {
  margin-top: -5px;
}

.alohaSchedulecalender1 .ui-state-active {
  background: #bdc3cc !important;
  border-radius: 50% !important;
}

.aloha-schedule-body-container {
  height: 77vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.aloha-schedule-body-container-row {
  overflow-y: hidden;
  display: flex;
}

.aloha-schedule-left-container {
  display: flex;
  flex-direction: column;
  width: 256px;
  height: 82vh;
}

.aloha-schedule-right-container {
  flex: 1 1 auto;
  overflow: hidden;
  position: relative;
  margin-left: 10px;
}

@media only screen and (min-width: 300px) and (max-width: 767px) {
  .alohaSchedulecalender .ui-datepicker .ui-state-default,
  .alohaSchedulecalender1 .ui-datepicker .ui-state-default {
    padding: 6px 7px !important;
    margin: 0px 10px !important;
    width: 32px !important;
    height: 32px !important;
  }
  .aloha-validate-container {
    margin-bottom: 15px;
  }
}
.alohaSchedulecalender .ui-datepicker-calendar, .alohaSchedulecalender1 .ui-datepicker-calendar {
  width: inherit;
}
.alohaSchedulecalender .ui-widget-content, .alohaSchedulecalender1 .ui-widget-content {
  border: none !important;
  font-weight: normal;
  color: #132443;
  padding: 0px;
  position: relative;
  width: 100%;
}
.alohaSchedulecalender .ui-datepicker .ui-datepicker-title, .alohaSchedulecalender1 .ui-datepicker .ui-datepicker-title {
  padding: 10px 0px 15px 0px !important;
  text-align: left !important;
  font-size: 14px !important;
  font-weight: 500;
  letter-spacing: 0.01em;
}
.alohaSchedulecalender .ui-datepicker .ui-datepicker-prev, .alohaSchedulecalender1 .ui-datepicker .ui-datepicker-prev,
.alohaSchedulecalender .ui-datepicker .ui-datepicker-next,
.alohaSchedulecalender1 .ui-datepicker .ui-datepicker-next {
  float: right !important;
  padding: 4px 4px 0px 20px;
  margin-top: 8px;
  width: 10px;
  height: 24px;
}
.alohaSchedulecalender .ui-datepicker .ui-datepicker-prev:hover, .alohaSchedulecalender1 .ui-datepicker .ui-datepicker-prev:hover,
.alohaSchedulecalender .ui-datepicker .ui-datepicker-next:hover,
.alohaSchedulecalender1 .ui-datepicker .ui-datepicker-next:hover {
  background: #ebeff5 !important;
  border-radius: 50%;
}
.alohaSchedulecalender .ui-datepicker .ui-datepicker-prev, .alohaSchedulecalender1 .ui-datepicker .ui-datepicker-prev {
  margin-right: 5px;
}
.alohaSchedulecalender .ui-datepicker th, .alohaSchedulecalender1 .ui-datepicker th {
  padding: 0px 5px 10px 5px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  border: 0;
}
.alohaSchedulecalender .ui-datepicker td a, .alohaSchedulecalender1 .ui-datepicker td a {
  display: block;
  text-align: center;
  font-size: 14px !important;
  text-decoration: none;
}
.alohaSchedulecalender .ui-datepicker .blueg > a, .alohaSchedulecalender1 .ui-datepicker .blueg > a {
  border: none !important;
  background: #0074f1 !important;
  border-radius: 50%;
  font-weight: normal;
  height: 34px;
  width: 34px;
  color: #ffffff;
  text-align: center;
}
.alohaSchedulecalender .ui-datepicker .pink > a, .alohaSchedulecalender1 .ui-datepicker .pink > a {
  background-color: none !important;
  background-image: none !important;
  font-weight: bold !important;
  color: #132443;
}
.alohaSchedulecalender .ui-datepicker .green > a, .alohaSchedulecalender1 .ui-datepicker .green > a {
  background-color: none !important;
  background-image: none !important;
  font-weight: bold !important;
}
.alohaSchedulecalender .ui-datepicker .backg > a, .alohaSchedulecalender1 .ui-datepicker .backg > a {
  background-color: #ebeff5 !important;
}
.alohaSchedulecalender .ui-datepicker .ui-state-default, .alohaSchedulecalender1 .ui-datepicker .ui-state-default {
  padding: 8px 9px;
}
.alohaSchedulecalender .ui-datepicker .ui-state-default, .alohaSchedulecalender1 .ui-datepicker .ui-state-default {
  border: none !important;
  background: #ffffff;
  font-weight: normal;
  color: #76859c;
  border: none !important;
  font-weight: normal;
  margin: -1px;
}
.alohaSchedulecalender .ui-datepicker .state_active, .alohaSchedulecalender1 .ui-datepicker .state_active {
  border: none !important;
  background: #ebeff5 !important;
  border-radius: 0%;
  font-weight: normal;
  margin: 3px;
}
.alohaSchedulecalender .ui-datepicker .ui-state-active, .alohaSchedulecalender1 .ui-datepicker .ui-state-active {
  border: none !important;
  border-radius: 0%;
  font-weight: normal;
}
.alohaSchedulecalender .ui-datepicker .ui-datepicker-other-month.ui-state-disabled, .alohaSchedulecalender1 .ui-datepicker .ui-datepicker-other-month.ui-state-disabled {
  text-align: center;
  text-decoration: none;
  color: #bdc3cc;
  opacity: 0.2 !important;
}
.alohaSchedulecalender .alohaScheduleleftmenu, .alohaSchedulecalender1 .alohaScheduleleftmenu {
  height: 28vh;
  overflow: auto;
}
.alohaSchedulecalender .alohaSchedule_Filterleftmenu, .alohaSchedulecalender1 .alohaSchedule_Filterleftmenu {
  height: 36vh !important;
}
.alohaSchedulecalender md-checkbox .md-default-theme.md-checked .md-icon, .alohaSchedulecalender1 md-checkbox .md-default-theme.md-checked .md-icon,
.alohaSchedulecalender md-checkbox.md-checked .md-icon,
.alohaSchedulecalender1 md-checkbox.md-checked .md-icon,
.alohaSchedulecalender .md-checkbox-enabled.md-default-theme[selected] .md-icon,
.alohaSchedulecalender .md-checkbox-enabled[selected] .md-icon,
.alohaSchedulecalender1 .md-checkbox-enabled[selected] .md-icon {
  background-color: transparent;
}
.alohaSchedulecalender md-checkbox, .alohaSchedulecalender1 md-checkbox {
  width: 20px !important;
}

.schedule_MonthView {
  height: 16vh !important;
  max-height: 16vh !important;
}

.CalendarNoRecords {
  min-height: 75vh;
}

.alohaCalendar-Content {
  padding: 116px 30px 0px 95px;
  width: 100%;
}
.alohaCalendar-Content .schedule_DayView,
.alohaCalendar-Content .aloha-schedule-monthview {
  height: 83vh;
  overflow: auto;
}
.alohaCalendar-Content .schedule_WeekView {
  height: 78vh;
  overflow: auto;
  margin-right: -6px;
}
.alohaCalendar-Content .scheduleFilterDayView {
  height: 79vh !important;
}
.alohaCalendar-Content .scheduleFilterWeekView {
  height: 75vh !important;
}
.alohaCalendar-Content .schedulePrintViewScroll {
  height: auto !important;
  max-height: none !important;
}

.statusRibbon .alohaCalendar-Content .schedule_DayView {
  height: 76vh;
}
.statusRibbon .alohaCalendar-Content .schedule_WeekView {
  height: 72vh;
}
.statusRibbon .alohaCalendar-Content .scheduleFilterDayView {
  height: 71vh !important;
}
.statusRibbon .alohaCalendar-Content .scheduleFilterWeekView {
  height: 67vh !important;
}
.statusRibbon .aloha_dayViewToggle,
.statusRibbon .aloha_weekViewToggle,
.statusRibbon .aloha_monthViewToggle {
  height: 76vh;
}
.statusRibbon .alohaSchedulecalender .alohaScheduleleftmenu, .statusRibbon .alohaSchedulecalender1 .alohaScheduleleftmenu {
  height: 36vh;
}
.statusRibbon .alohaSchedulecalender .alohaSchedule_Filterleftmenu, .statusRibbon .alohaSchedulecalender1 .alohaSchedule_Filterleftmenu {
  height: 31vh !important;
}

.weeklyRepeat_icon md-checkbox {
  margin-top: 18px;
}
.weeklyRepeat_icon md-checkbox .md-container {
  visibility: hidden;
}
.weeklyRepeat_icon md-checkbox .md-label {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  text-align: center;
  padding-top: 8px;
  margin-left: 0px;
}
.weeklyRepeat_icon md-checkbox.unchecked .md-label {
  background-color: #ebeff5;
}
.weeklyRepeat_icon md-checkbox.checked .md-label {
  background-color: #0074f1;
  color: #ffffff !important;
}

.schedule_inputChips .md-chips {
  padding-left: 0px;
  margin: 0px 0px;
}

.clientChipLabel {
  display: flex;
  max-width: 50vw;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  float: left;
  outline: none;
  padding-left: 5px;
  padding-top: 5px;
}
.clientChipLabel .client_label {
  max-width: 25vw;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  outline: none;
}
.clientChipLabel .service_label {
  color: #76859c !important;
  font-weight: normal !important;
  text-transform: uppercase !important;
  padding-left: 0px !important;
  outline: none;
}

.shedule_ChooseFile .choosefilechipsLabelBorder {
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}

.schedule_FormLabel {
  color: black !important;
  font-size: 16px !important;
}

.add_FormInfo {
  position: absolute;
  top: 65px;
  z-index: 1000;
}

.add_FormInfoTip {
  display: block;
  position: relative;
  left: 58px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #355380;
  opacity: 0.75;
}

.add_FormInfoBox {
  display: block;
  width: 100%;
  height: 120px;
  background-color: #355380;
  opacity: 0.75;
  margin-left: 6px;
}

.add_FormInfoClose {
  float: right !important;
  text-align: right;
  margin-right: 10px;
  font-size: 25px;
  cursor: pointer;
  color: white;
}

.add_FormInfoMsg {
  display: block;
  padding: 20px;
  color: white;
}

.add_FormInfoBtn {
  border-radius: 8px;
  border: 1px solid white !important;
  padding: 0px 15px;
  margin-left: 0px;
}

.docTabMinHeight {
  min-height: 190px !important;
}

.scheduleFormView .noRecordsLabel {
  font-weight: 400;
}
.scheduleFormView .scheduleNoRecords .noRecordsFoundHorizontal {
  padding-left: 20%;
}

.printslide_btn {
  display: inline-flex;
  align-items: center;
  border: none;
  background: none;
  background-color: #ffffff !important;
  outline: none;
  padding: 5px 0px;
}

.schedule_printHeader {
  padding: 0px 0px !important;
  min-height: 100px;
  max-height: 100px;
}
.schedule_printHeader .printLogo {
  top: 150px;
  float: left;
}
.schedule_printHeader .printLogo img {
  max-height: 95px;
  max-width: 250px;
}
.schedule_printHeader .defaultLogo {
  display: flex;
  border: 1px solid #ebeff5;
  background-color: #f8f8f8;
  width: 250px;
  height: 80px;
  align-items: center;
  justify-content: center;
}

.printBullets {
  width: 15px;
  height: 15px;
  background: #ffffff;
  border: 1px solid #ebeff5;
  float: left;
  margin: 1px 5px 0px 0px;
}

.verificationBottomBorder {
  margin-bottom: 5px;
  border-bottom: 1px solid #ebeff5 !important;
}

.borderForSubmittedDocument {
  border-bottom: 1px solid #ebeff5 !important;
}

.borderForSubmittedDocument2px {
  border-bottom: 2px solid #ebeff5 !important;
}

.borderForSubmittedDocument4px {
  border-bottom: 3px solid #bdc3cc !important;
  line-height: 2.2;
}

.printable-row {
  min-width: 210mm;
}

.aloha-text-right {
  text-align: end;
}

#formPreview {
  position: relative;
  min-width: 210mm;
}
#formPreview header {
  position: absolute;
  top: 70px;
  right: 110px;
  font-size: 1.375em;
  font-weight: normal;
}

.Schedule-hover i {
  padding: 5px;
}
.Schedule-hover i:hover {
  border-radius: 50%;
  background-color: #ebeff5;
}
.Schedule-hover i[icon-name=iListBullet-lg],
.Schedule-hover i[icon-name=iGridView-lg] {
  vertical-align: super;
}

/*****Media Queries******/
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ScheduleSettings_icon {
    margin-top: -1px !important;
  }
  .alohaSchedulecalender .alohaScheduleleftmenu, .alohaSchedulecalender1 .alohaScheduleleftmenu {
    height: 28vh !important;
  }
  .alohaSchedulecalender .alohaSchedule_Filterleftmenu, .alohaSchedulecalender1 .alohaSchedule_Filterleftmenu {
    height: 25vh !important;
  }
  .alohaCalendar-Content {
    padding-top: 95px;
  }
  .authorizationDateRangeWidth {
    min-width: 225px !important;
    width: 225px !important;
  }
  .styleforPopoverDataLabels {
    width: 200px !important;
    min-width: 200px !important;
  }
  .statusRibbon .alohaCalendar-Content .schedule_DayView {
    height: 75vh;
  }
  .statusRibbon .alohaCalendar-Content .schedule_WeekView {
    height: 71vh;
  }
  .statusRibbon .alohaCalendar-Content .scheduleFilterDayView {
    height: 72vh !important;
  }
  .statusRibbon .alohaCalendar-Content .scheduleFilterWeekView {
    height: 67vh !important;
  }
  .statusRibbon .aloha_dayViewToggle,
  .statusRibbon .aloha_weekViewToggle,
  .statusRibbon .aloha_monthViewToggle {
    height: 75vh;
  }
  .statusRibbon .alohaSchedulecalender .alohaScheduleleftmenu, .statusRibbon .alohaSchedulecalender1 .alohaScheduleleftmenu {
    height: 25vh !important;
  }
  .statusRibbon .alohaSchedulecalender .alohaSchedule_Filterleftmenu, .statusRibbon .alohaSchedulecalender1 .alohaSchedule_Filterleftmenu {
    height: 20vh !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .alohaSchedulecalender .ui-datepicker .blueg > a, .alohaSchedulecalender1 .ui-datepicker .blueg > a {
    height: 32px !important;
    width: 32px !important;
  }
  .alohaSchedulecalender .ui-datepicker .ui-state-default, .alohaSchedulecalender1 .ui-datepicker .ui-state-default {
    padding: 6px 7px !important;
  }
  .clientChipLabel {
    max-width: 60vw !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1050px) {
  .alohaSchedulecalender .alohaScheduleleftmenu, .alohaSchedulecalender1 .alohaScheduleleftmenu {
    height: 45vh !important;
  }
}
@media only screen and (max-width: 767px) {
  .aloha-schedule-body-container-row {
    height: auto;
    overflow-y: auto;
    flex-direction: column;
    padding: 16px;
    overflow-x: hidden;
  }
  .aloha-schedule-left-container {
    width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1050px) {
  .alohaSchedulecalender .alohaScheduleleftmenu, .alohaSchedulecalender1 .alohaScheduleleftmenu {
    height: 34vh !important;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1850px) {
  .alohaSchedulecalender .ui-datepicker .ui-state-default, .alohaSchedulecalender1 .ui-datepicker .ui-state-default {
    padding: 8px 5px !important;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .alohaCalendarSub-Header {
    display: none !important;
  }
  .alohaCalendar-Content {
    padding: 60px 15px 30px 15px !important;
  }
  .alohaSchedulecalender .xs_Calender, .alohaSchedulecalender1 .xs_Calender {
    margin-right: -15px;
    margin-left: -15px;
  }
  .alohaSchedulecalender .ui-datepicker .blueg > a, .alohaSchedulecalender1 .ui-datepicker .blueg > a {
    height: 32px !important;
    width: 32px !important;
  }
  .alohaSchedulecalender .ui-datepicker .ui-state-default, .alohaSchedulecalender1 .ui-datepicker .ui-state-default {
    padding: 6px 7px !important;
    margin: 0px 8px;
  }
  .alohaSchedulecalender .ui-datepicker .ui-state-active, .alohaSchedulecalender1 .ui-datepicker .ui-state-active {
    width: inherit;
  }
  .alohaSchedulecalender .ui-datepicker .ui-datepicker-header, .alohaSchedulecalender1 .ui-datepicker .ui-datepicker-header {
    display: none !important;
  }
  .alohaSchedulecalender .ui-datepicker th, .alohaSchedulecalender1 .ui-datepicker th {
    padding: 5px !important;
  }
  .alohaSchedulecalender .ui-datepicker td, .alohaSchedulecalender1 .ui-datepicker td {
    padding: 0px;
  }
  .alohaSchedulecalender .ui-datepicker .blueg, .alohaSchedulecalender1 .ui-datepicker .blueg,
  .alohaSchedulecalender .ui-datepicker .ui-datepicker-today,
  .alohaSchedulecalender1 .ui-datepicker .ui-datepicker-today {
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 0px;
    width: 100%;
  }
  .alohaSchedulecalender .ui-datepicker .ui-datepicker-current-day, .alohaSchedulecalender1 .ui-datepicker .ui-datepicker-current-day {
    display: table-cell;
    width: auto;
    text-align: -webkit-center;
  }
  .alohaSchedulecalender .alohaScheduleleftmenu, .alohaSchedulecalender1 .alohaScheduleleftmenu {
    height: auto !important;
    padding-right: 15px;
    overflow: auto;
    min-height: 80px;
  }
  .scheduleFormView .scheduleNoRecords .noRecordsFoundHorizontal {
    padding-left: 0px !important;
  }
  .CalendarNoRecords {
    min-height: 100px !important;
  }
}
@media only screen and (min-width: 1025px) {
  .weeklyRepeat_icon md-checkbox .md-label:hover {
    background-color: #0074f1 !important;
    color: #ffffff;
  }
}
/****** End of Schedule Refactored styles ******/
.aloha-tabs-disable-container li [disabled] {
  pointer-events: none;
  opacity: 0.4;
}
.aloha-tabs-disable-container div [disabled] * {
  pointer-events: none;
  opacity: 1 !important;
}

li [disabled] {
  pointer-events: none;
}

div [disabled] {
  pointer-events: none;
}

.setSelected {
  background-color: #ebeff5;
  color: #0074f1 !important;
}

.setSelected a.settingsleft {
  color: #0074f1 !important;
}

.setSelectedResource {
  background-color: #ebeff5;
  color: #0074f1 !important;
}

.StyleForGoogleStatus {
  padding: 24px 0px 3px 0px;
  border-bottom: 1px solid #ebeff5;
  text-align: right;
  width: 40%;
}

.aloha_weekViewToggle {
  padding-top: 40vh;
  height: 81vh;
}

.aloha_dayViewToggle {
  padding-top: 40vh;
  height: 81vh;
}

.aloha_monthViewToggle {
  padding-top: 40vh;
  height: 82vh;
}

.popOverAuthorizedSummary {
  width: 80%;
}

.popOverPayrollSummary {
  width: 70%;
  padding-bottom: 20%;
}

.authorizationDateRangeWidth {
  min-width: 240px;
  width: 240px;
}

.colorForAuthorizationDateRange {
  color: #132443;
  font-weight: 500;
}

.styleforPopoverDataLabels {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  outline: none;
  width: 225px;
  min-width: 225px;
  padding-top: 5px;
}

.aloha-schedule-day-listview {
  display: flex !important;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: start !important;
  padding-left: 0px;
  padding-right: 0px;
}
.aloha-schedule-day-listview .listview-items-title {
  display: flex;
  justify-content: space-between;
}
.aloha-schedule-day-listview .listview-items {
  display: inline-flex;
  width: 100%;
}
.aloha-schedule-day-listview .listview-items .alohaImgIcon {
  margin-left: -6px;
}

.aloha-mainheader-right {
  display: flex;
  justify-content: right;
  align-items: center;
}

.aloha-arrow-down {
  display: inline-flex;
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #76859c;
  padding-top: 4px;
}

.aloha-arrow-up {
  display: inline-flex;
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #76859c;
  margin-bottom: 4px;
}

.tabViewAppointmentWidth {
  width: 100% !important;
}

@media print {
  .alohatable-advanced-parent .aloha-advanced-table {
    overflow-x: hidden !important;
  }
  .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-table-body {
    overflow-y: hidden !important;
  }
}
.scheduleFormBreak {
  word-break: break-word;
  word-wrap: break-word;
}

.fc .fc-toolbar.fc-header-toolbar {
  display: none !important;
}

md-content.md-default-theme, md-content {
  background-color: white !important;
}

.boldDate {
  font-weight: bold !important;
  color: #132443;
}

.timeLineEvents {
  display: flex !important;
  height: 23px !important;
}

.timeLineTitle {
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.aloha_switchLabelFont {
  font-size: 10px;
  font-weight: bold;
}

.alohaImgIconTimeline {
  display: inline-flex;
  font-size: inherit;
  text-rendering: auto;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 25px;
  height: 25px;
  position: relative;
  cursor: pointer;
  background-image: url("../../Images/alohaSpritImage32.svg") !important;
  background-repeat: no-repeat;
}

.completeIcon {
  height: 24px !important;
  width: 32px !important;
  bottom: -12px !important;
  position: absolute !important;
  right: -12px !important;
}

.leftmenu_Collapse {
  display: none;
}

.timeline_view {
  width: 100%;
}

.timelineViewWidth {
  width: 100%;
  padding: 0px 15px 8px 15px;
}

.alohaWidthFitContent {
  width: fit-content !important;
}

#calendarTimeLine {
  max-width: 100%;
  margin: 0 auto;
  height: calc(100vh - 150px);
}

md-content.md-default-theme, md-content {
  background-color: white !important;
}

.boldDate {
  font-weight: bold !important;
  color: #132443;
}

.timeLineEvents {
  display: flex !important;
  height: 23px !important;
}

.timeLineTitle {
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#datepickerTimeline .md-datepicker-input-container {
  border-bottom-width: 0;
}

.timeLineEvents {
  display: flex !important;
  height: 23px !important;
}

.timeLineTitle {
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.calendarEventT_status {
  margin-left: 36px;
}

.staffClient {
  background-color: transparent;
  position: absolute;
}

.alohaImgIconV2 {
  display: inline-flex;
  font-size: inherit;
  text-rendering: auto;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 32px;
  height: 32px;
  position: relative;
  cursor: pointer;
  background-image: url("../../Images/Spritimage.svg") !important;
  background-repeat: no-repeat;
}

.sessionNoteday_timeline {
  height: 24px !important;
  width: 32px !important;
  bottom: -7px !important;
  position: absolute !important;
  right: 8px !important;
}

i[icon-name=iBookmark-lg] {
  background-position: -60px -48px !important;
}

i[icon-name=iTimeline-lg] {
  background-position: -93px -19px !important;
}

i[icon-name=sessionnote-available-xs] {
  background-position: 0px 0px !important;
}

i[icon-name=sessionnote-warning-xs] {
  background-position: -32px 0px !important;
}

.massCompleteLoader {
  width: 20px;
  padding: 5px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #0074f1;
  --_m: conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3 1s infinite linear;
}

@keyframes l3 {
  to {
    transform: rotate(1turn);
  }
}
/*************************
       Billing Manager Styles
      *********************************/
.billing_CheckBox {
  display: inline-flex;
  padding: 0px;
}

.billing_Datepicker {
  margin-top: -5px;
}

.billing_infoText {
  padding-top: 20px;
}

.billing_Calendar {
  padding-top: 15px;
}

.billing_DateArrow {
  padding: 5px 5px 5px 5px;
}
.billing_DateArrow:hover {
  border-radius: 50%;
  background-color: #ebeff5;
}

.settings_Select {
  margin-top: -3px;
}

.billing_Calendar {
  display: flex;
}
.billing_Calendar .billing_Calendar1M_Primary, .billing_Calendar .billing_Calendar3M_Primary, .billing_Calendar .billing_Calendar6M_Primary {
  display: none;
}
.billing_Calendar .billing_Calendar1M:hover .billing_Calendar1M_default {
  display: none;
}
.billing_Calendar .billing_Calendar1M:hover .billing_Calendar1M_Primary {
  display: block;
}
.billing_Calendar .billing_Calendar1M.active .billing_Calendar1M_default {
  display: none;
}
.billing_Calendar .billing_Calendar1M.active .billing_Calendar1M_Primary {
  display: block;
}
.billing_Calendar .billing_Calendar3M:hover .billing_Calendar3M_default {
  display: none;
}
.billing_Calendar .billing_Calendar3M:hover .billing_Calendar3M_Primary {
  display: block;
}
.billing_Calendar .billing_Calendar3M.active .billing_Calendar3M_default {
  display: none;
}
.billing_Calendar .billing_Calendar3M.active .billing_Calendar3M_Primary {
  display: block;
}
.billing_Calendar .billing_Calendar6M:hover .billing_Calendar6M_default {
  display: none;
}
.billing_Calendar .billing_Calendar6M:hover .billing_Calendar6M_Primary {
  display: block;
}
.billing_Calendar .billing_Calendar6M.active .billing_Calendar6M_default {
  display: none;
}
.billing_Calendar .billing_Calendar6M.active .billing_Calendar6M_Primary {
  display: block;
}

.billing_btnSelectMenu {
  transform: translate(0%, 0%) !important;
}

/************************
        Author - Anil
        Discription: styles for Tab Normalizations
       ***************************************************/
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .processBilling_xsView {
    transform: translate(25%, 25%) !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .alohaMargin {
    margin-right: 4px !important;
  }
  .billing_infoText {
    padding-top: 15px !important;
  }
  .billing_Calendar {
    padding-top: 7px !important;
  }
  .marginLeft_33 {
    margin-left: -33px !important;
  }
  .marginLeft_9 {
    margin-left: -9px !important;
  }
  .marginRight_14 {
    margin-right: -14px !important;
  }
  .aloha-rangepicker-container md-input-container.md-block {
    min-width: 0px !important;
    width: -webkit-fill-available;
  }
}
/*****Generate Invoice footer buttons******/
#GenerateInvoiceFields .generateInvoice_defaultWizard {
  position: relative;
  min-height: calc(100vh - 135px);
  border: 1px solid #0074f1;
}
#GenerateInvoiceFields .generateInvoice_defaultWizard .generateInvoice_dateField, #GenerateInvoiceFields .generateInvoice_defaultWizard .generateInvoice_Summary {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 580px;
}
#GenerateInvoiceFields .generateInvoice_defaultWizard .generateInvoice_Summary {
  min-width: 580px;
  width: 580px;
  min-height: 400px;
}

.GenerateInvoiceFooter .modal-footer {
  position: relative !important;
}

.aloha_displayBox {
  display: block;
  margin-left: 0px;
}

.errormessage {
  float: none !important;
}

.uploaderaerror {
  padding-left: 10px !important;
}

@media only screen and (min-width: 350px) and (max-width: 600px) {
  #GenerateInvoiceFields .generateInvoice_defaultWizard .generateInvoice_dateField, #GenerateInvoiceFields .generateInvoice_defaultWizard .generateInvoice_Summary {
    min-width: 300px;
  }
  #GenerateInvoiceFields .generateInvoice_defaultWizard .generateInvoice_Summary {
    min-width: 300px;
    width: 300px;
  }
}
@media only screen and (min-width: 601px) and (max-width: 767px) {
  #GenerateInvoiceFields .generateInvoice_defaultWizard .generateInvoice_dateField, #GenerateInvoiceFields .generateInvoice_defaultWizard .generateInvoice_Summary {
    min-width: 400px;
  }
  #GenerateInvoiceFields .generateInvoice_defaultWizard .generateInvoice_Summary {
    min-width: 400px;
    width: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 820px) {
  #GenerateInvoiceFields .generateInvoice_defaultWizard .generateInvoice_dateField, #GenerateInvoiceFields .generateInvoice_defaultWizard .generateInvoice_Summary {
    min-width: 530px;
  }
  #GenerateInvoiceFields .generateInvoice_defaultWizard .generateInvoice_Summary {
    min-width: 530px;
    width: 530px;
  }
}
.gly-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.styleForSelectAllBackground {
  background: white;
  background: rgba(255, 255, 255, 0.8);
  filter: blur(4px);
  -o-filter: blur(4px);
  -ms-filter: blur(4px);
  -moz-filter: blur(4px);
  -webkit-filter: blur(4px);
}

.styleForSelectAllRecordsProcessing {
  position: absolute;
  z-index: 1024;
  top: 50%;
  left: 40%;
  text-align: center;
}

.button-range-nav {
  display: block;
}

.aloha-flex-container {
  display: flex;
  justify-content: flex-end;
}

.alohaMargin {
  margin-right: 7px;
}

.aloha-rangepicker-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.aloha-rangepicker-container .aloha-payer-container {
  margin-right: 20px;
  margin-left: 25px;
}
.aloha-rangepicker-container md-input-container.md-block {
  min-width: 300px;
  width: -webkit-fill-available;
}
.aloha-rangepicker-container .aloha-rangepicker {
  width: 225px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 20px;
}
.aloha-rangepicker-container .aloha-rangepicker .md-select-value {
  border-bottom-color: #ebeff5;
}
.aloha-rangepicker-container .aloha-rangepicker .md-select-value .md-select-icon:after {
  color: #bdc3cc;
}
.aloha-rangepicker-container .aloha-rangepicker .button-range-nav {
  display: block;
}

.styleForEditPaymentNote {
  word-wrap: normal !important;
  word-break: normal !important;
}

#GenerateFormsFields .generateForms_defaultWizard {
  position: relative;
  min-height: calc(100vh - 135px);
  border: 1px solid #0074f1;
}
#GenerateFormsFields .generateForms_defaultWizard .generateForms_dateField, #GenerateFormsFields .generateForms_defaultWizard .generateForms_Summary {
  position: absolute;
  top: 15%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 580px;
}
#GenerateFormsFields .generateForms_defaultWizard .generateForms_Summary {
  min-width: 580px;
  width: 580px;
  min-height: 400px;
}

.showtnfrButton:hover {
  opacity: 1;
}

.showtnfrButton {
  opacity: 0.5;
}

#verificationFormAddEdit #editableDatepickerForm .md-input-message-animation {
  color: blue !important;
  display: none;
}

body.disable-scroll {
  overflow: hidden;
}

.billed-files-ctrl .customSubHeader {
  margin: 60px 0px 0px 72px;
}

@media only screen and (min-width: 601px) and (max-width: 768px) {
  .billed-files-ctrl .customSubHeader {
    margin: 60px 0px 0px 72px;
  }
  .claim-type-dropdown {
    min-width: 120px !important;
  }
}
.claim-type-dropdown {
  min-width: 200px;
}

@media (max-width: 600px) {
  .billed-files-ctrl .customSubHeader {
    margin: 60px 0px 0px 20px !important;
  }
  .claim-type-dropdown {
    min-width: 120px;
  }
}
.pdf-loader {
  border: 6px solid #f3f3f3;
  border-radius: 50%;
  border-top: 6px solid black;
  width: 60px;
  height: 60px;
  -webkit-animation: pdf-spin 2s linear infinite; /* Safari */
  animation: pdf-spin 2s linear infinite;
  z-index: 1200;
  position: absolute;
  margin: 0px auto;
  left: 47%;
  top: 45%;
}

/* Safari */
@-webkit-keyframes pdf-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes pdf-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.billing-export-icon {
  top: -5px;
  position: relative;
}

.billing-export-button {
  margin-right: -7px;
}

.aloha-paymentsource-subheader {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 50px;
}
.aloha-paymentsource-subheader .range-picker-container {
  display: flex;
  justify-content: center;
  align-items: baseline;
  padding-left: 10px;
}
.aloha-paymentsource-subheader .range-picker-container .aloha-rangepicker {
  margin: 0px 5px;
}
.aloha-paymentsource-subheader .range-picker-container .billing_DateArrow {
  padding: 0px;
}

.armanagertemplate {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ar-flex-center {
  justify-content: center;
  align-items: center;
}

.alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-headerrow.payer12 {
  display: flex !important;
  flex-direction: row !important;
}

.PreviewMinheight {
  min-height: 150px;
}

.arpreviewdropdown {
  top: 150px !important;
  border: 1px solid #ebeff5;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.arpreviewdropdown li a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #428bca;
  cursor: pointer;
}
.arpreviewdropdown li a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #428bca;
  cursor: pointer;
}
.arpreviewdropdown li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333;
  white-space: nowrap;
}
.arpreviewdropdown .filter_pdng {
  padding: 10px 20px;
}

.Erapreviewsetting {
  top: -10px !important;
  margin-left: 15px !important;
}

.Previewmargin {
  margin-left: -50px !important;
}

.ErapreviewExporticon {
  top: -30px !important;
}

.arpreview {
  position: absolute;
  min-width: 280px;
  border: 1px solid #ebeff5;
  border-radius: 0px;
  max-height: 32vh;
  overflow-y: auto;
  padding: 0px 0;
}
.arpreview li a:hover {
  color: #0074f1 !important;
  outline: none;
  background: #ebeff5 !important;
  cursor: pointer;
}
.arpreview li a:focus {
  color: #0074f1 !important;
  outline: none;
  background: #ebeff5 !important;
  cursor: pointer;
}

.erapreviewcolor {
  color: #76859c !important;
}

.bm-tbl-skeleton {
  position: absolute;
  top: 120px;
  left: 80px;
  z-index: 1;
  width: calc(100vw - 90px);
}

/*********************************
   Anil- Preview Form Ui Styles
   ***************************/
.formContainer {
  padding: 0px;
  border: 1px solid #ebeff5;
}
.formContainer .preview_FormHeader {
  height: 100px;
  padding: 30px 10px 0px;
  margin: 0px 30px;
  border-bottom: 1px solid #ebeff5;
}
.formContainer .preview_FormBody {
  padding: 5px 30px;
  height: 583px;
  overflow-y: auto;
  overflow-x: hidden;
}
.formContainer .preview_FormBody md-checkbox.md-default-theme:not(.md-checked) .md-icon,
.formContainer .preview_FormBody md-checkbox:not(.md-checked) .md-icon,
.formContainer .preview_FormBody md-checkbox .md-label,
.formContainer .preview_FormBody .md-checkbox-enabled.md-default-theme:not(.md-checked) .md-icon,
.formContainer .preview_FormBody .md-checkbox-enabled:not(.md-checked) .md-icon {
  color: #76859c;
  border-color: #76859c;
}
.formContainer .preview_FormBody md-select.md-default-theme[disabled] .md-select-icon,
.formContainer .preview_FormBody md-select[disabled] .md-select-icon,
.formContainer .preview_FormBody md-select.md-default-theme[disabled] .md-select-value,
.formContainer .preview_FormBody md-select[disabled] .md-select-value,
.formContainer .preview_FormBody md-select.md-default-theme[disabled] .md-select-value.md-select-placeholder,
.formContainer .preview_FormBody md-select[disabled] .md-select-value.md-select-placeholder {
  color: #76859c;
}
.formContainer .preview_FormBody md-radio-button.md-default-theme[disabled] .md-container .md-off,
.formContainer .preview_FormBody md-radio-button[disabled] .md-container .md-off,
.formContainer .preview_FormBody md-radio-button.md-default-theme[disabled] .md-container .md-on,
.formContainer .preview_FormBody md-radio-button[disabled] .md-container .md-on,
.formContainer .preview_FormBody md-radio-group.md-default-theme[disabled] .md-container .md-off,
.formContainer .preview_FormBody md-radio-group[disabled] .md-container .md-off,
.formContainer .preview_FormBody md-radio-group.md-default-theme[disabled] .md-container .md-on,
.formContainer .preview_FormBody md-radio-group[disabled] .md-container .md-on {
  border-color: #76859c;
}
.formContainer .preview_FormSubBody {
  min-height: 450px;
  overflow-y: hidden;
  overflow-x: hidden;
}
.formContainer .preview_FormSubBody .aloha-switch_autoWidth {
  min-width: 50px;
}
.formContainer .preview_FormHooter {
  padding: 20px;
  margin-top: 0px;
  border-top: 1px solid #ebeff5;
  min-height: 70px;
  overflow: hidden;
}

.addFieldContaier {
  padding: 0px;
  border: none;
}
.addFieldContaier md-chips.md-default-theme .md-chips,
.addFieldContaier md-chips .md-chips {
  box-shadow: none;
}
.addFieldContaier .md-chips md-chip {
  width: 100%;
  margin: 0px;
  height: 40px;
  padding: 5px 10px;
  border-radius: 50px;
  display: flex;
  outline: none;
}

.form_tabFormName {
  padding-top: 10px;
}

/*****************/
.apps-container {
  border: 2px dashed blue;
  margin: 10px 10px 0 0;
  padding: 5px;
}

/*.app {
    width: 170px;
    padding: 5px 10px;
    margin: 5px 0;
    border: 2px solid #444;
    border-radius: 5px;
    background-color: #EA8A8A;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    cursor: move;
}*/
.remoteApp {
  width: 50%;
  padding: 5px 10px;
  border: 1px solid #ffffff;
  margin: 0px;
  text-align: left;
  cursor: move;
  min-height: 65px;
  /*& md-chips.md-default-theme .md-chips, md-chips .md-chips {
        box-shadow: 0 1px rgba(255,255,255,.2);
    }*/
}
.remoteApp:hover {
  border: 1px dotted #ebeff5;
  border-radius: 0px;
}
.remoteApp.active {
  background-color: #f8f8f8;
  border: 1px solid #ebeff5;
}
.remoteApp.active .displaynone {
  display: block !important;
}

.formSettingsActive {
  background-color: #f8f8f8;
  padding: 0px 10px 12px;
  margin: 0px -10px;
}

/***  Extra ***/
.logList {
  margin-top: 20px;
  width: 250px;
  min-height: 300px;
  padding: 5px 15px;
  border: 5px solid #000;
  border-radius: 15px;
}

.logItem {
  margin-bottom: 10px;
}

.logList:before {
  content: "log";
  padding: 0 5px;
  position: relative;
  top: -1.1em;
  background-color: #fff;
}

/*.floatleft {
    float: left;
}*/
.floatright {
  float: right;
}

.clear {
  clear: both;
}

/*********************************
   vyshnavi - session form Manager Ui Styles
    ***************************/
.formsList {
  border-bottom: 1px solid #ebeff5;
  padding-bottom: 20px;
  margin: 0;
  height: 65px;
  outline: none;
}
.formsList .formsActions {
  display: none;
}
.formsList:hover .formsActions, .formsList.active .formsActions {
  padding-top: 26px;
  padding-left: 45px;
  display: flex;
}
.formsList.active {
  background-color: #ebeff5;
}

.noRecordsFoundHorizontal_SessionForms {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.restrict-horizontal-scroll {
  overflow: hidden;
}

.formSelectPdng {
  padding: 0px 2px !important;
}

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

/*********responsive***************/
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .formContainer .preview_FormHeader {
    height: 80px !important;
    padding: 20px 10px 0px !important;
  }
  .formContainer .preview_FormBody {
    height: 468px !important;
  }
  .formContainer .preview_FormSubBody {
    min-height: 450px;
  }
  .formContainer .preview_FormHooter {
    padding: 15px 20px !important;
    min-height: 60px !important;
  }
}
.session-notes {
  margin: 0px;
}
.session-notes .arrow-down {
  padding-left: 0;
  padding-right: 0;
}
.session-notes .Icon-down-arrow {
  color: #0074f1;
  float: right;
}

.horizontal-line {
  border-bottom: 1px solid lightgray;
}

.mb-30 {
  margin-bottom: 30px;
}

.session-details .each-detail-column {
  padding-left: 25px;
  padding-top: 20px;
}
.session-details .br-gray {
  border-right: 1px solid lightgray;
}
.session-details .details-column {
  padding-bottom: 10px;
  padding-left: 10px;
}

.vertical-line {
  border-right: 1px solid lightgray;
}

.session-bold {
  font-weight: 400;
  color: #132443;
}

.Icon-up-arrow {
  float: right;
  position: relative;
  top: -3px;
}

.blue-background {
  background-color: aliceblue;
}

.pt-15 {
  padding-top: 15px;
}

@media screen and (min-width: 769px) {
  .pr-15 {
    padding-right: 15px !important;
  }
}
.signature-img {
  min-height: 60px;
}

.actionPopupLeft {
  margin-left: -192px !important;
  margin-top: -82px !important;
  min-width: 200px !important;
  height: 200px !important;
}

.bluehover:hover {
  color: #0070F5;
  background-color: #E8F7FF;
}

.formServiceStyle {
  border-bottom: 1px solid #ebeff5;
  padding: 7px 0px 7px 0px;
  min-height: 40px;
  color: black;
}

.widthWebkitFillAvailable {
  width: -webkit-fill-available;
  width: -moz-available;
}

.kebabMenuStyle {
  font-size: 40px;
  color: black;
  position: absolute;
  padding: 19px 10px 21px;
}

.leftDateLabel {
  left: 14px !important;
}

.kebabMenu:after {
  content: "⠇";
  font-size: 40px;
  position: absolute;
  padding: 19px 10px 21px;
}

.activeFormService {
  margin-top: -3px !important;
}

/**********************Provider Identifier General Table Styles ****************************/
.provideridentifier_OfficeNames .aloha-advanced-datarow:last-child {
  border-bottom: 2px solid #ebeff5;
}
.provideridentifier_OfficeNames .provideridentifier_OfficeNames_Repeat {
  display: table-cell;
}
.provideridentifier_OfficeNames .provideridentifier_OfficeNames_Repeat .aloha-advanced-td:nth-child(1) {
  display: none !important;
}

/*.alohaPdng-tp {
    padding-top: 132px !important;
    padding-left: 102px;
}*/
.piQualFocus input:focus {
  border-bottom: 2px solid #0074f1;
}
.piQualFocus .PIQualificationInput {
  border: none;
  outline: none;
  cursor: pointer;
  background-color: inherit;
}

.PIStaffQualificationPadding .tooltipss {
  position: relative;
  display: inline-block;
}
.PIStaffQualificationPadding .tooltipss .tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: #76859c;
  color: #ffffff;
  text-align: center;
  border-radius: 6px;
  padding: 0px;
  margin-left: -62px;
  margin-top: -30px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}
.PIStaffQualificationPadding .tooltipss:hover .tooltiptext {
  visibility: visible;
}
.PIStaffQualificationPadding label.tip span:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 8px solid #76859c;
  left: 60px;
  top: 22px;
  bottom: 5px;
}
.PIStaffQualificationPadding label.qualificationCursor {
  cursor: pointer;
}

@font-face {
  /*font-family: "Material Design Icons";
  src: url("https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/2.1.19/fonts/materialdesignicons-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;*/
  font-family: "Material Design Icons";
  src: url("../Vendors/MaterialDesignIcons/fonts/materialdesignicons-webfont.eot");
  src: url("../Vendors/MaterialDesignIcons/fonts/materialdesignicons-webfont.eot") format("embedded-opentype"), url("../Vendors/MaterialDesignIcons/fonts/materialdesignicons-webfont.woff2") format("woff2"), url("../Vendors/MaterialDesignIcons/fonts/materialdesignicons-webfont.woff") format("woff"), url("../Vendors/MaterialDesignIcons/fonts/materialdesignicons-webfont.ttf") format("truetype"), url("../Vendors/MaterialDesignIcons/fonts/materialdesignicons-webfont.svg#materialdesigniconsregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/************ Tab Version ***********/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cms1500BackgroundImage {
    /*.cmsPatientLastName {
        top: 155% !important;
        left: 1.5% !important;
    }

    .cmsPatientFirstName {
        top: 155% !important;
        left: 1.3% !important;
    }

    .cmsPatientMiddleName {
        top: 155% !important;
        left: 2.3% !important;
    }

    .cmsSpace {
        top: 160% !important;
        left: 1.5% !important;
    }

    .cmsSpace1 {
        top: 160% !important;
        left: 2.3% !important;
    }*/
    /*.cmsInsuredLastName {
        top: 155% !important;
        left: 11.9% !important;
    }

    .cmsInsuredFirstName {
        top: 155% !important;
        left: 12.7% !important;
    }

    .cmsInsuredMiddleName {
        top: 155% !important;
        left: 13.8% !important;
    }

    .cmsSpace3 {
        top: 161% !important;
        left: 13% !important;
    }

    .cmsSpace4 {
        top: 161% !important;
        left: 14.1% !important;
    }*/
    /*.cmsOtherLastName {
        top: 155% !important;
        left: 1.4% !important;
    }

    .cmsOtherFirstName {
        top: 155% !important;
        left: 2% !important;
    }

    .cmsOtherMiddleName {
        top: 155% !important;
        left: 3% !important;
    }

    .cmsSpace5 {
        top: 155% !important;
        left: 2.2% !important;
    }

    .cmsSpace6 {
        top: 155% !important;
        left: 3% !important;
    }*/
    /*.cmsRefferingProviderLastName {
        top: 248% !important;
        left: 1.5% !important;
    }

    .cmsRefferingProviderFirstName {
        top: 248% !important;
        left: 2.4% !important;
    }

    .cmsRefferingProviderMiddleName {
        top: 248% !important;
        left: 3.2% !important;
    }

    .cmsSpace7 {
        top: 248% !important;
        left: 2.4% !important;
    }

    .cmsSpace8 {
        top: 248% !important;
        left: 3.2% !important;
    }*/
    /*.cmsSupplierHeaderAToG1 {
        top: 196% !important;           
    }*/
    /*.cmsBillingProviderLastName {
        top: 29% !important;
        left: 28.1% !important;
        margin-top: 30px !important
    }

    .cmsBillingProviderFirstName {
        top: 29% !important;
        left: 28.7% !important;
        margin-top: 30px !important
    }

    .cmsBillingProviderMiddleName {
        top: 29% !important;
        left: 29.8% !important;
        margin-top: 30px !important
    }

    .cmsSpace11 {
        top: 29% !important;
        left: 28.3% !important;
        margin-top: 30px !important
    }

    .cmsSpace12 {
        top: 29% !important;
        left: 29.3% !important;
        margin-top: 30px !important
    }*/
    /*.cmsServiceFacilityCity {
        top: -479% !important;
        left: 27.4% !important;
        margin-top: -10px !important
    }

    .cmsServiceFacilityState {
        top: -479% !important;
        left: 27.9% !important;
        margin-top: -10px !important
    }

    .cmsServiceFacilityZip {
        top: -479% !important;
        left: 28.4% !important;
        margin-top: -10px !important
    }*/
    /*.cmsBillingProviderCity {
        top: -479% !important;
        left: 29.6% !important;
        margin-top: -10px !important
    }

    .cmsBillingProviderState {
        top: -479% !important;
        left: 30.1% !important;
        margin-top: -10px !important
    }

    .cmsBillingProviderZip {
        top: -479% !important;
        left: 30.6% !important;
        margin-top: -10px !important
    }*/
    /*.cmsPhysicianLastName {
        top: -582% !important;
        left: 1.4% !important;
        margin-top: -55px !important
    }

    .cmsPhysicianFirstName {
        top: -582% !important;*/
    /*left: 1.9% !important;
        left: 8.9% !important;
        margin-top: -55px !important
    }

    .cmsPhysicianMiddleName {
        top: -582% !important;
        left: 2.9% !important;
        left: 16.9% !important;
        margin-top: -55px !important
    }

    .cmsSpace9 {
        top: -582% !important;
        left: 1.6% !important;
        left: 8.4% !important;
        margin-top: -55px !important
    }

    .cmsSpace10 {
        top: -582% !important;
        left: 2.4% !important;
        left: 16.4% !important;
        margin-top: -55px !important
    }*/
  }
  .cms1500BackgroundImage .cmsCheckBox7 {
    top: 50% !important;
    left: 6.9% !important;
  }
  .cms1500BackgroundImage .cmsCheckBox8 {
    top: 60% !important;
    left: 9.8% !important;
  }
  .cms1500BackgroundImage .cms1500Address {
    top: 163% !important;
    left: 50.9% !important;
  }
  .cms1500BackgroundImage .cms1500Address1 {
    top: 103% !important;
    left: 62% !important;
  }
  .cms1500BackgroundImage .cms1500Address2 {
    top: 43% !important;
    left: 62% !important;
  }
  .cms1500BackgroundImage .cms1500Address3 {
    top: 123% !important;
    left: -12.1% !important;
  }
  .cms1500BackgroundImage .cms1500Address4 {
    top: 83% !important;
    left: 19.4% !important;
  }
  .cms1500BackgroundImage .cmsInsuredId {
    left: 38.6% !important;
    top: 162% !important;
  }
  .cms1500BackgroundImage .cmsPatientName {
    top: 155% !important;
    left: 1.5% !important;
  }
  .cms1500BackgroundImage .cmsPatientDOBMonth {
    top: 157% !important;
    left: 6.5% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage .cmsPatientDOBDate {
    top: 157% !important;
    left: 7.6% !important;
    width: 3.4% !important;
  }
  .cms1500BackgroundImage .cmsPatientDOBYear {
    top: 157% !important;
    left: 6.7% !important;
    width: 4.8% !important;
  }
  .cms1500BackgroundImage .cmsInsuredName {
    top: 155% !important;
    left: 28.9% !important;
  }
  .cms1500BackgroundImage .cmsPatientStreet {
    top: 155% !important;
    left: 1.5% !important;
  }
  .cms1500BackgroundImage .cmsInsuredStreet {
    top: 155% !important;
    left: 15.6% !important;
  }
  .cms1500BackgroundImage .cmsPatientCity {
    top: 155% !important;
    left: 1.4% !important;
  }
  .cms1500BackgroundImage .cmsPatientState {
    top: 155% !important;
    left: 2.1% !important;
  }
  .cms1500BackgroundImage .cmsReservedForNUCCAdd {
    top: 155% !important;
    left: 3% !important;
  }
  .cms1500BackgroundImage .cmsInsuredCity {
    top: 155% !important;
    left: 3.8% !important;
  }
  .cms1500BackgroundImage .cmsInsuredState {
    top: 155% !important;
    left: 5% !important;
  }
  .cms1500BackgroundImage .cmsPatientZipCode {
    top: 155% !important;
    left: 1.4% !important;
  }
  .cms1500BackgroundImage .cmsPatientTelephone {
    top: 155% !important;
    left: 3.7% !important;
    width: 3.6% !important;
  }
  .cms1500BackgroundImage .cmsPatientphone {
    top: 155% !important;
    left: 4.3% !important;
  }
  .cms1500BackgroundImage .cmsReservedForNUCCAdd1 {
    left: 5.8% !important;
  }
  .cms1500BackgroundImage .cmsInsuredZipCode {
    top: 155% !important;
    left: 6.5% !important;
  }
  .cms1500BackgroundImage .cmsInsuredTelephone {
    top: 155% !important;
    left: 10% !important;
    width: 3.6% !important;
  }
  .cms1500BackgroundImage .cmsInsuredphone {
    top: 155% !important;
    left: 11% !important;
  }
  .cms1500BackgroundImage .cmsOtherName {
    top: 155% !important;
    left: 1.4% !important;
  }
  .cms1500BackgroundImage .cmsReservedForNUCCAdd2 {
    left: 5.3% !important;
  }
  .cms1500BackgroundImage .cmsInsuredPolicyFECANumber {
    top: 153% !important;
    left: 6.1% !important;
  }
  .cms1500BackgroundImage .cmsInsuredPolicy {
    top: 150% !important;
    left: 1.4% !important;
  }
  .cms1500BackgroundImage .cmsInsuredDOBMonth {
    top: 157% !important;
    left: 24.4% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage .cmsInsuredDOBDate {
    top: 157% !important;
    left: 25.3% !important;
    width: 3.4% !important;
  }
  .cms1500BackgroundImage .cmsInsuredDOBYear {
    top: 157% !important;
    left: 24.5% !important;
    width: 4.8% !important;
  }
  .cms1500BackgroundImage .cmsCheckBox15 {
    top: 44% !important;
    left: 44.9%;
  }
  .cms1500BackgroundImage .cmsCheckBox16 {
    top: 60% !important;
    left: 46.4%;
  }
  .cms1500BackgroundImage .cmsPatientReservedNUCC {
    top: 155% !important;
    left: 1.5% !important;
  }
  .cms1500BackgroundImage .cmsPatientAutoAccidentNoState {
    top: 155% !important;
    left: 14.7% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage .cmsOtherClaimId {
    top: 155% !important;
    left: 17.7% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage .cmsInsuredOtherClaimId {
    top: 155% !important;
    left: 17.3% !important;
  }
  .cms1500BackgroundImage .cmsPatientReservedNUCC2 {
    top: 155% !important;
    left: 1.5% !important;
  }
  .cms1500BackgroundImage .cmsInsurencePlanName {
    top: 155% !important;
    left: 20.7% !important;
  }
  .cms1500BackgroundImage .cmsPatientInsurencePlanName {
    top: 155% !important;
    left: 1.5% !important;
  }
  .cms1500BackgroundImage .cmsClaimCodes {
    top: 155% !important;
    left: 2.6% !important;
  }
  .cms1500BackgroundImage .cmsPatientSignedBelow {
    top: 235% !important;
    left: 7.5% !important;
  }
  .cms1500BackgroundImage .cmsPatientSignedDate {
    top: 235% !important;
    left: 15.5% !important;
  }
  .cms1500BackgroundImage .cmsInsuredSigned {
    top: 238% !important;
    left: 23.5% !important;
  }
  .cms1500BackgroundImage .cmsPatientInjuryMonth {
    top: 251% !important;
    left: 2.7% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage .cmsPatientInjuryDate {
    top: 251% !important;
    left: 3.5% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage .cmsPatientInjuryYear {
    top: 251% !important;
    left: 3.2% !important;
    width: 4.8% !important;
  }
  .cms1500BackgroundImage .cmsPatientQualification {
    top: 251% !important;
    left: 7.9% !important;
  }
  .cms1500BackgroundImage .cmsPatientOtherQualification {
    top: 251% !important;
    left: 12.3% !important;
  }
  .cms1500BackgroundImage .cmsPatientInjuryOtherMonth {
    top: 251% !important;
    left: 16.4% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage .cmsPatientInjuryOtherDate {
    top: 251% !important;
    left: 17.4% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage .cmsPatientInjuryOtherYear {
    top: 251% !important;
    left: 17.4% !important;
    width: 4.8% !important;
  }
  .cms1500BackgroundImage .cmsPatientUnableFromMonth {
    top: 251% !important;
    left: 25.9% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage .cmsPatientUnableFromDate {
    top: 251% !important;
    left: 26.7% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage .cmsPatientUnableFromYear {
    top: 251% !important;
    left: 26.9% !important;
    width: 4.8% !important;
  }
  .cms1500BackgroundImage .cmsPatientUnableToMonth {
    top: 251% !important;
    left: 31.8% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage .cmsPatientUnableToDate {
    top: 251% !important;
    left: 32.5% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage .cmsPatientUnableToYear {
    top: 251% !important;
    left: 32.4% !important;
    width: 4.8% !important;
  }
  .cms1500BackgroundImage .cmsRefferingProvider {
    top: 249% !important;
    left: 1.2% !important;
    width: 3.6% !important;
  }
  .cms1500BackgroundImage .cmsRefferingProviderName {
    top: 248% !important;
    left: 1.5% !important;
  }
  .cms1500BackgroundImage .cmsRefferingProvider2 {
    top: 203% !important;
    left: 6.1% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage .cmsRefferingProvider3 {
    top: 205% !important;
    left: 5.8% !important;
  }
  .cms1500BackgroundImage .cmsRefferingProviderNpi {
    top: 249% !important;
    left: -14.5% !important;
  }
  .cms1500BackgroundImage .cmsHospitalizationFromMonth {
    top: 248% !important;
    left: -8.6% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage .cmsHospitalizationFromDate {
    top: 248% !important;
    left: -7.8% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage .cmsHospitalizationFromYear {
    top: 248% !important;
    left: -7.7% !important;
    width: 4.8% !important;
  }
  .cms1500BackgroundImage .cmsHospitalizationToMonth {
    top: 248% !important;
    left: -2.7% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage .cmsHospitalizationToDate {
    top: 248% !important;
    left: -1.9% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage .cmsHospitalizationToYear {
    top: 248% !important;
    left: -2.1% !important;
    width: 4.8% !important;
  }
  .cms1500BackgroundImage .cmsAdditionalClaimInfermation {
    top: 248% !important;
    left: 1.4% !important;
  }
  .cms1500BackgroundImage .cmsOutsideLabCharges {
    top: 248% !important;
    left: 10.2% !important;
  }
  .cms1500BackgroundImage .cmsOutsideLabCharges1 {
    top: 248% !important;
    left: 10.7% !important;
  }
  .cms1500BackgroundImage .cmsPatientDiagnosisA {
    top: 248% !important;
    left: 3.4% !important;
  }
  .cms1500BackgroundImage .cmsPatientDiagnosisB {
    top: 248% !important;
    left: 10.9% !important;
  }
  .cms1500BackgroundImage .cmsPatientDiagnosisC {
    top: 248% !important;
    left: 18.4% !important;
  }
  .cms1500BackgroundImage .cmsPatientICD {
    top: 206% !important;
    left: 26.2% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage .cmsPatientDiagnosisD {
    top: 253% !important;
    left: 23% !important;
  }
  .cms1500BackgroundImage .cmsPatientResubmissionCode {
    top: 253% !important;
    left: 24.7% !important;
  }
  .cms1500BackgroundImage .cmsPatientOriginalRefNo {
    top: 253% !important;
    left: 25.4% !important;
  }
  .cms1500BackgroundImage .cmsPatientDiagnosisE {
    top: 196% !important;
    left: 3.4% !important;
  }
  .cms1500BackgroundImage .cmsPatientDiagnosisF {
    top: 198% !important;
    left: 10.9% !important;
  }
  .cms1500BackgroundImage .cmsPatientDiagnosisG {
    top: 198% !important;
    left: 18.4% !important;
  }
  .cms1500BackgroundImage .cmsPatientDiagnosisH {
    top: 203% !important;
    left: 25.9% !important;
  }
  .cms1500BackgroundImage .cmsPatientDiagnosisI {
    top: 0% !important;
    left: 3.4% !important;
  }
  .cms1500BackgroundImage .cmsPatientDiagnosisJ {
    top: 0% !important;
    left: 10.9% !important;
  }
  .cms1500BackgroundImage .cmsPatientDiagnosisK {
    top: 0% !important;
    left: 18.4% !important;
  }
  .cms1500BackgroundImage .cmsPatientDiagnosisL {
    top: 0% !important;
    left: 25.9% !important;
  }
  .cms1500BackgroundImage .cmsAuthorizationNumber {
    top: 153% !important;
    left: 27.6% !important;
  }
  .cms1500BackgroundImage .cmsSupplierHeaderAToG2 {
    top: 96% !important;
  }
  .cms1500BackgroundImage .cmsSupplierHeaderAToG3 {
    top: -7% !important;
  }
  .cms1500BackgroundImage .cmsSupplierHeaderAToG4 {
    top: -107% !important;
  }
  .cms1500BackgroundImage .cmsSupplierHeaderAToG5 {
    top: -207% !important;
  }
  .cms1500BackgroundImage .cmsSupplierHeaderAToG6 {
    top: -307% !important;
  }
  .cms1500BackgroundImage .cmsSupplierHeaderH1 {
    top: 196% !important;
  }
  .cms1500BackgroundImage .cmsSupplierHeaderH2 {
    top: 96% !important;
  }
  .cms1500BackgroundImage .cmsSupplierHeaderH3 {
    top: -7% !important;
  }
  .cms1500BackgroundImage .cmsSupplierHeaderH4 {
    top: -107% !important;
  }
  .cms1500BackgroundImage .cmsSupplierHeaderH5 {
    top: -207% !important;
  }
  .cms1500BackgroundImage .cmsSupplierHeaderH6 {
    top: -307% !important;
  }
  .cms1500BackgroundImage .cmsSupplierHeaderI1 {
    top: 196% !important;
  }
  .cms1500BackgroundImage .cmsSupplierHeaderI2 {
    top: 96% !important;
  }
  .cms1500BackgroundImage .cmsSupplierHeaderI3 {
    top: -7% !important;
  }
  .cms1500BackgroundImage .cmsSupplierHeaderI4 {
    top: -107% !important;
  }
  .cms1500BackgroundImage .cmsSupplierHeaderI5 {
    top: -207% !important;
  }
  .cms1500BackgroundImage .cmsSupplierHeaderI6 {
    top: -307% !important;
  }
  .cms1500BackgroundImage .renderingProviderMrgnRgt {
    margin-right: 115px;
  }
  .cms1500BackgroundImage .cmsRenderingProviderID1 {
    top: 196% !important;
  }
  .cms1500BackgroundImage .cmsRenderingProviderID3 {
    top: 96% !important;
  }
  .cms1500BackgroundImage .cmsRenderingProviderID5 {
    top: -7% !important;
  }
  .cms1500BackgroundImage .cmsRenderingProviderID7 {
    top: -107% !important;
  }
  .cms1500BackgroundImage .cmsRenderingProviderID9 {
    top: -207% !important;
  }
  .cms1500BackgroundImage .cmsRenderingProviderID11 {
    top: -307% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceFromMonth1 {
    top: 130% !important;
    margin-top: -18px;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceFromMonth2 {
    top: 46% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceFromMonth3 {
    top: -57% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceFromMonth4 {
    top: -157% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceFromMonth5 {
    top: -257% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceFromMonth6 {
    top: -357% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceFromDate1 {
    top: 146% !important;
    margin-top: -18px;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceFromDate2 {
    top: 46% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceFromDate3 {
    top: -57% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceFromDate4 {
    top: -157% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceFromDate5 {
    top: -257% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceFromDate6 {
    top: -357% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceFromYear1 {
    top: 146% !important;
    margin-top: -18px;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceFromYear2 {
    top: 46% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceFromYear3 {
    top: -57% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceFromYear4 {
    top: -157% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceFromYear5 {
    top: -257% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceFromYear6 {
    top: -357% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceToMonth1 {
    top: 146% !important;
    margin-top: -18px;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceToMonth2 {
    top: 46% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceToMonth3 {
    top: -57% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceToMonth4 {
    top: -157% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceToMonth5 {
    top: -257% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceToMonth6 {
    top: -357% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceToDate1 {
    top: 146% !important;
    margin-top: -18px;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceToDate2 {
    top: 46% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceToDate3 {
    top: -57% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceToDate4 {
    top: -157% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceToDate5 {
    top: -257% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceToDate6 {
    top: -357% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceToYear1 {
    top: 146% !important;
    margin-top: -18px;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceToYear2 {
    top: 46% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceToYear3 {
    top: -57% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceToYear4 {
    top: -157% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceToYear5 {
    top: -257% !important;
  }
  .cms1500BackgroundImage .cmsDatesOfServiceToYear6 {
    top: -357% !important;
  }
  .cms1500BackgroundImage .cmsPlaceOfService1 {
    top: 146% !important;
    margin-top: -18px;
  }
  .cms1500BackgroundImage .cmsPlaceOfService2 {
    top: 46% !important;
  }
  .cms1500BackgroundImage .cmsPlaceOfService3 {
    top: -57% !important;
  }
  .cms1500BackgroundImage .cmsPlaceOfService4 {
    top: -157% !important;
  }
  .cms1500BackgroundImage .cmsPlaceOfService5 {
    top: -257% !important;
  }
  .cms1500BackgroundImage .cmsPlaceOfService6 {
    top: -357% !important;
  }
  .cms1500BackgroundImage .cmsEmg1 {
    top: 146% !important;
    margin-top: -18px;
  }
  .cms1500BackgroundImage .cmsEmg2 {
    top: 46% !important;
  }
  .cms1500BackgroundImage .cmsEmg3 {
    top: -57% !important;
  }
  .cms1500BackgroundImage .cmsEmg4 {
    top: -157% !important;
  }
  .cms1500BackgroundImage .cmsEmg5 {
    top: -257% !important;
  }
  .cms1500BackgroundImage .cmsEmg6 {
    top: -357% !important;
  }
  .cms1500BackgroundImage .cmsServices1 {
    top: 146% !important;
    margin-top: -18px;
  }
  .cms1500BackgroundImage .cmsServices2 {
    top: 46% !important;
  }
  .cms1500BackgroundImage .cmsServices3 {
    top: -57% !important;
  }
  .cms1500BackgroundImage .cmsServices4 {
    top: -157% !important;
  }
  .cms1500BackgroundImage .cmsServices5 {
    top: -257% !important;
  }
  .cms1500BackgroundImage .cmsServices6 {
    top: -357% !important;
  }
  .cms1500BackgroundImage .cmsModifier1-1 {
    top: 146% !important;
    margin-top: -18px;
  }
  .cms1500BackgroundImage .cmsModifier1-2 {
    top: 46% !important;
  }
  .cms1500BackgroundImage .cmsModifier1-3 {
    top: -57% !important;
  }
  .cms1500BackgroundImage .cmsModifier1-4 {
    top: -157% !important;
  }
  .cms1500BackgroundImage .cmsModifier1-5 {
    top: -257% !important;
  }
  .cms1500BackgroundImage .cmsModifier1-6 {
    top: -357% !important;
  }
  .cms1500BackgroundImage .cmsModifier2-1 {
    top: 146% !important;
    margin-top: -18px;
  }
  .cms1500BackgroundImage .cmsModifier2-2 {
    top: 46% !important;
  }
  .cms1500BackgroundImage .cmsModifier2-3 {
    top: -57% !important;
  }
  .cms1500BackgroundImage .cmsModifier2-4 {
    top: -157% !important;
  }
  .cms1500BackgroundImage .cmsModifier2-5 {
    top: -257% !important;
  }
  .cms1500BackgroundImage .cmsModifier2-6 {
    top: -357% !important;
  }
  .cms1500BackgroundImage .cmsModifier3-1 {
    top: 146% !important;
    margin-top: -18px;
  }
  .cms1500BackgroundImage .cmsModifier3-2 {
    top: 46% !important;
  }
  .cms1500BackgroundImage .cmsModifier3-3 {
    top: -57% !important;
  }
  .cms1500BackgroundImage .cmsModifier3-4 {
    top: -157% !important;
  }
  .cms1500BackgroundImage .cmsModifier3-5 {
    top: -257% !important;
  }
  .cms1500BackgroundImage .cmsModifier3-6 {
    top: -357% !important;
  }
  .cms1500BackgroundImage .cmsModifier4-1 {
    top: 146% !important;
    margin-top: -18px;
  }
  .cms1500BackgroundImage .cmsModifier4-2 {
    top: 46% !important;
  }
  .cms1500BackgroundImage .cmsModifier4-3 {
    top: -57% !important;
  }
  .cms1500BackgroundImage .cmsModifier4-4 {
    top: -157% !important;
  }
  .cms1500BackgroundImage .cmsModifier4-5 {
    top: -257% !important;
  }
  .cms1500BackgroundImage .cmsModifier4-6 {
    top: -357% !important;
  }
  .cms1500BackgroundImage .cmsDiagnosisPointer1 {
    top: 146% !important;
    margin-top: -18px;
  }
  .cms1500BackgroundImage .cmsDiagnosisPointer2 {
    top: 46% !important;
  }
  .cms1500BackgroundImage .cmsDiagnosisPointer3 {
    top: -57% !important;
  }
  .cms1500BackgroundImage .cmsDiagnosisPointer4 {
    top: -157% !important;
  }
  .cms1500BackgroundImage .cmsDiagnosisPointer5 {
    top: -257% !important;
  }
  .cms1500BackgroundImage .cmsDiagnosisPointer6 {
    top: -357% !important;
  }
  .cms1500BackgroundImage .cmsCharges1 {
    top: 146% !important;
    margin-top: -18px;
  }
  .cms1500BackgroundImage .cmsCharges2 {
    top: 46% !important;
  }
  .cms1500BackgroundImage .cmsCharges3 {
    top: -57% !important;
  }
  .cms1500BackgroundImage .cmsCharges4 {
    top: -157% !important;
  }
  .cms1500BackgroundImage .cmsCharges5 {
    top: -257% !important;
  }
  .cms1500BackgroundImage .cmsCharges6 {
    top: -357% !important;
  }
  .cms1500BackgroundImage .cmsCharges1-1 {
    top: 146% !important;
    margin-top: -18px;
  }
  .cms1500BackgroundImage .cmsCharges1-2 {
    top: 46% !important;
  }
  .cms1500BackgroundImage .cmsCharges1-3 {
    top: -57% !important;
  }
  .cms1500BackgroundImage .cmsCharges1-4 {
    top: -157% !important;
  }
  .cms1500BackgroundImage .cmsCharges1-5 {
    top: -257% !important;
  }
  .cms1500BackgroundImage .cmsCharges1-6 {
    top: -357% !important;
  }
  .cms1500BackgroundImage .cmsDaysOrUnits1 {
    top: 146% !important;
    margin-top: -18px;
  }
  .cms1500BackgroundImage .cmsDaysOrUnits2 {
    top: 46% !important;
  }
  .cms1500BackgroundImage .cmsDaysOrUnits3 {
    top: -57% !important;
  }
  .cms1500BackgroundImage .cmsDaysOrUnits4 {
    top: -157% !important;
  }
  .cms1500BackgroundImage .cmsDaysOrUnits5 {
    top: -257% !important;
  }
  .cms1500BackgroundImage .cmsDaysOrUnits6 {
    top: -357% !important;
  }
  .cms1500BackgroundImage .cmsEpsdt1 {
    top: 146% !important;
    margin-top: -18px;
  }
  .cms1500BackgroundImage .cmsEpsdt2 {
    top: 46% !important;
  }
  .cms1500BackgroundImage .cmsEpsdt3 {
    top: -57% !important;
  }
  .cms1500BackgroundImage .cmsEpsdt4 {
    top: -157% !important;
  }
  .cms1500BackgroundImage .cmsEpsdt5 {
    top: -257% !important;
  }
  .cms1500BackgroundImage .cmsEpsdt6 {
    top: -357% !important;
  }
  .cms1500BackgroundImage .cmsRenderingProviderID2 {
    top: 146% !important;
    margin-top: -18px;
  }
  .cms1500BackgroundImage .cmsRenderingProviderID4 {
    top: 46% !important;
  }
  .cms1500BackgroundImage .cmsRenderingProviderID6 {
    top: -57% !important;
  }
  .cms1500BackgroundImage .cmsRenderingProviderID8 {
    top: -157% !important;
  }
  .cms1500BackgroundImage .cmsRenderingProviderID10 {
    top: -257% !important;
  }
  .cms1500BackgroundImage .cmsRenderingProviderID12 {
    top: -357% !important;
  }
  .cms1500BackgroundImage cmsSupplierHeaderAToG, .cms1500BackgroundImage .cmsSupplierHeaderAToG6, .cms1500BackgroundImage .cmsSupplierHeaderAToG5, .cms1500BackgroundImage .cmsSupplierHeaderAToG4, .cms1500BackgroundImage .cmsSupplierHeaderAToG3, .cms1500BackgroundImage .cmsSupplierHeaderAToG2, .cms1500BackgroundImage .cmsSupplierHeaderAToG1 {
    left: 1.4% !important;
  }
  .cms1500BackgroundImage cmsSupplierHeaderH, .cms1500BackgroundImage .cmsSupplierHeaderH6, .cms1500BackgroundImage .cmsSupplierHeaderH5, .cms1500BackgroundImage .cmsSupplierHeaderH4, .cms1500BackgroundImage .cmsSupplierHeaderH3, .cms1500BackgroundImage .cmsSupplierHeaderH2, .cms1500BackgroundImage .cmsSupplierHeaderH1 {
    left: 2.1% !important;
    width: 2.3% !important;
  }
  .cms1500BackgroundImage cmsSupplierHeaderI, .cms1500BackgroundImage .cmsSupplierHeaderI6, .cms1500BackgroundImage .cmsSupplierHeaderI5, .cms1500BackgroundImage .cmsSupplierHeaderI4, .cms1500BackgroundImage .cmsSupplierHeaderI3, .cms1500BackgroundImage .cmsSupplierHeaderI2, .cms1500BackgroundImage .cmsSupplierHeaderI1 {
    left: 2.3% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage cmsRenderingProviderIDa, .cms1500BackgroundImage .cmsRenderingProviderID11, .cms1500BackgroundImage .cmsRenderingProviderID9, .cms1500BackgroundImage .cmsRenderingProviderID7, .cms1500BackgroundImage .cmsRenderingProviderID5, .cms1500BackgroundImage .cmsRenderingProviderID3, .cms1500BackgroundImage .cmsRenderingProviderID1 {
    left: 2.8% !important;
  }
  .cms1500BackgroundImage cmsDatesOfServiceFromMonth, .cms1500BackgroundImage .cmsDatesOfServiceFromMonth6, .cms1500BackgroundImage .cmsDatesOfServiceFromMonth5, .cms1500BackgroundImage .cmsDatesOfServiceFromMonth4, .cms1500BackgroundImage .cmsDatesOfServiceFromMonth3, .cms1500BackgroundImage .cmsDatesOfServiceFromMonth2, .cms1500BackgroundImage .cmsDatesOfServiceFromMonth1 {
    left: 1.4% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage cmsDatesOfServiceFromDate, .cms1500BackgroundImage .cmsDatesOfServiceFromDate6, .cms1500BackgroundImage .cmsDatesOfServiceFromDate5, .cms1500BackgroundImage .cmsDatesOfServiceFromDate4, .cms1500BackgroundImage .cmsDatesOfServiceFromDate3, .cms1500BackgroundImage .cmsDatesOfServiceFromDate2, .cms1500BackgroundImage .cmsDatesOfServiceFromDate1 {
    left: 1.9% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage cmsDatesOfServiceFromYear, .cms1500BackgroundImage .cmsDatesOfServiceFromYear6, .cms1500BackgroundImage .cmsDatesOfServiceFromYear5, .cms1500BackgroundImage .cmsDatesOfServiceFromYear4, .cms1500BackgroundImage .cmsDatesOfServiceFromYear3, .cms1500BackgroundImage .cmsDatesOfServiceFromYear2, .cms1500BackgroundImage .cmsDatesOfServiceFromYear1 {
    left: 1.7% !important;
    width: 4.8% !important;
  }
  .cms1500BackgroundImage cmsDatesOfServiceToMonth, .cms1500BackgroundImage .cmsDatesOfServiceToMonth6, .cms1500BackgroundImage .cmsDatesOfServiceToMonth5, .cms1500BackgroundImage .cmsDatesOfServiceToMonth4, .cms1500BackgroundImage .cmsDatesOfServiceToMonth3, .cms1500BackgroundImage .cmsDatesOfServiceToMonth2, .cms1500BackgroundImage .cmsDatesOfServiceToMonth1 {
    left: 1.1% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage cmsDatesOfServiceToDate, .cms1500BackgroundImage .cmsDatesOfServiceToDate6, .cms1500BackgroundImage .cmsDatesOfServiceToDate5, .cms1500BackgroundImage .cmsDatesOfServiceToDate4, .cms1500BackgroundImage .cmsDatesOfServiceToDate3, .cms1500BackgroundImage .cmsDatesOfServiceToDate2, .cms1500BackgroundImage .cmsDatesOfServiceToDate1 {
    left: 1.5% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage cmsDatesOfServiceToYear, .cms1500BackgroundImage .cmsDatesOfServiceToYear6, .cms1500BackgroundImage .cmsDatesOfServiceToYear5, .cms1500BackgroundImage .cmsDatesOfServiceToYear4, .cms1500BackgroundImage .cmsDatesOfServiceToYear3, .cms1500BackgroundImage .cmsDatesOfServiceToYear2, .cms1500BackgroundImage .cmsDatesOfServiceToYear1 {
    left: 1.7% !important;
    width: 4.8% !important;
  }
  .cms1500BackgroundImage cmsPlaceOfService, .cms1500BackgroundImage .cmsPlaceOfService6, .cms1500BackgroundImage .cmsPlaceOfService5, .cms1500BackgroundImage .cmsPlaceOfService4, .cms1500BackgroundImage .cmsPlaceOfService3, .cms1500BackgroundImage .cmsPlaceOfService2, .cms1500BackgroundImage .cmsPlaceOfService1 {
    left: 1.1% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage cmsEmg, .cms1500BackgroundImage .cmsEmg6, .cms1500BackgroundImage .cmsEmg5, .cms1500BackgroundImage .cmsEmg4, .cms1500BackgroundImage .cmsEmg3, .cms1500BackgroundImage .cmsEmg2, .cms1500BackgroundImage .cmsEmg1 {
    left: 1.7% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage cmsServices, .cms1500BackgroundImage .cmsServices6, .cms1500BackgroundImage .cmsServices5, .cms1500BackgroundImage .cmsServices4, .cms1500BackgroundImage .cmsServices3, .cms1500BackgroundImage .cmsServices2, .cms1500BackgroundImage .cmsServices1 {
    left: 2.9% !important;
  }
  .cms1500BackgroundImage cmsModifier1, .cms1500BackgroundImage .cmsModifier1-6, .cms1500BackgroundImage .cmsModifier1-5, .cms1500BackgroundImage .cmsModifier1-4, .cms1500BackgroundImage .cmsModifier1-3, .cms1500BackgroundImage .cmsModifier1-2, .cms1500BackgroundImage .cmsModifier1-1 {
    left: 4.7% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage cmsModifier2, .cms1500BackgroundImage .cmsModifier2-6, .cms1500BackgroundImage .cmsModifier2-5, .cms1500BackgroundImage .cmsModifier2-4, .cms1500BackgroundImage .cmsModifier2-3, .cms1500BackgroundImage .cmsModifier2-2, .cms1500BackgroundImage .cmsModifier2-1 {
    left: 5.3% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage cmsModifier3, .cms1500BackgroundImage .cmsModifier3-6, .cms1500BackgroundImage .cmsModifier3-5, .cms1500BackgroundImage .cmsModifier3-4, .cms1500BackgroundImage .cmsModifier3-3, .cms1500BackgroundImage .cmsModifier3-2, .cms1500BackgroundImage .cmsModifier3-1 {
    left: 5.9% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage cmsModifier4, .cms1500BackgroundImage .cmsModifier4-6, .cms1500BackgroundImage .cmsModifier4-5, .cms1500BackgroundImage .cmsModifier4-4, .cms1500BackgroundImage .cmsModifier4-3, .cms1500BackgroundImage .cmsModifier4-2, .cms1500BackgroundImage .cmsModifier4-1 {
    left: 6.5% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage cmsDiagnosisPointer, .cms1500BackgroundImage .cmsDiagnosisPointer6, .cms1500BackgroundImage .cmsDiagnosisPointer5, .cms1500BackgroundImage .cmsDiagnosisPointer4, .cms1500BackgroundImage .cmsDiagnosisPointer3, .cms1500BackgroundImage .cmsDiagnosisPointer2, .cms1500BackgroundImage .cmsDiagnosisPointer1 {
    left: 7% !important;
  }
  .cms1500BackgroundImage cmsCharges, .cms1500BackgroundImage .cmsCharges6, .cms1500BackgroundImage .cmsCharges5, .cms1500BackgroundImage .cmsCharges4, .cms1500BackgroundImage .cmsCharges3, .cms1500BackgroundImage .cmsCharges2, .cms1500BackgroundImage .cmsCharges1 {
    left: 8.5% !important;
  }
  .cms1500BackgroundImage cmsCharges1a, .cms1500BackgroundImage .cmsCharges1-6, .cms1500BackgroundImage .cmsCharges1-5, .cms1500BackgroundImage .cmsCharges1-4, .cms1500BackgroundImage .cmsCharges1-3, .cms1500BackgroundImage .cmsCharges1-2, .cms1500BackgroundImage .cmsCharges1-1 {
    left: 9.5% !important;
    width: 3% !important;
  }
  .cms1500BackgroundImage cmsDaysOrUnits, .cms1500BackgroundImage .cmsDaysOrUnits6, .cms1500BackgroundImage .cmsDaysOrUnits5, .cms1500BackgroundImage .cmsDaysOrUnits4, .cms1500BackgroundImage .cmsDaysOrUnits3, .cms1500BackgroundImage .cmsDaysOrUnits2, .cms1500BackgroundImage .cmsDaysOrUnits1 {
    left: 9.6% !important;
    width: 4.3% !important;
  }
  .cms1500BackgroundImage cmsEpsdt, .cms1500BackgroundImage .cmsEpsdt6, .cms1500BackgroundImage .cmsEpsdt5, .cms1500BackgroundImage .cmsEpsdt4, .cms1500BackgroundImage .cmsEpsdt3, .cms1500BackgroundImage .cmsEpsdt2, .cms1500BackgroundImage .cmsEpsdt1 {
    left: 10% !important;
    width: 2.4% !important;
  }
  .cms1500BackgroundImage cmsRenderingProviderIDb, .cms1500BackgroundImage .cmsRenderingProviderID12, .cms1500BackgroundImage .cmsRenderingProviderID10, .cms1500BackgroundImage .cmsRenderingProviderID8, .cms1500BackgroundImage .cmsRenderingProviderID6, .cms1500BackgroundImage .cmsRenderingProviderID4, .cms1500BackgroundImage .cmsRenderingProviderID2 {
    left: 13.6% !important;
  }
  .cms1500BackgroundImage .cmsFederalTaxID {
    top: 29% !important;
    left: 1.4% !important;
    margin-top: 30px !important;
  }
  .cms1500BackgroundImage .cmsPatientAccountNO {
    top: 29% !important;
    left: 4.4% !important;
    margin-top: 30px !important;
  }
  .cms1500BackgroundImage .cmsTotalCharge {
    top: 29% !important;
    left: 15.9% !important;
    margin-top: 30px !important;
  }
  .cms1500BackgroundImage .cmsTotalCharge1 {
    top: 29% !important;
    left: 16.7% !important;
    width: 3% !important;
    margin-top: 30px !important;
  }
  .cms1500BackgroundImage .cmsAmountPaid {
    top: 29% !important;
    left: 18.4% !important;
    margin-top: 30px !important;
  }
  .cms1500BackgroundImage .cmsAmountPaid1 {
    top: 29% !important;
    left: 18.9% !important;
    width: 3% !important;
    margin-top: 30px !important;
  }
  .cms1500BackgroundImage .cmsRsvdForNuccUse {
    top: 29% !important;
    left: 18.8% !important;
    margin-top: 30px !important;
  }
  .cms1500BackgroundImage .cmsRsvdForNuccUse1 {
    top: 29% !important;
    left: 19.8% !important;
    width: 3% !important;
    margin-top: 30px !important;
  }
  .cms1500BackgroundImage .cmsServiceFacilityLocation {
    top: 29% !important;
    left: 27.4% !important;
    margin-top: 30px !important;
  }
  .cms1500BackgroundImage .cmsBillingProviderFullName {
    top: 29% !important;
    left: 28.1% !important;
    margin-top: 25px !important;
  }
  .cms1500BackgroundImage .cmsBillingProviderInfo {
    top: 29% !important;
    left: 28.1% !important;
  }
  .cms1500BackgroundImage .cmsBillingProviderTelephone {
    top: -407% !important;
    left: 8.9% !important;
    width: 3.6% !important;
    margin-top: -5px !important;
  }
  .cms1500BackgroundImage .cmsBillingProviderphone {
    top: -407% !important;
    left: 9.4% !important;
    margin-top: -5px !important;
  }
  .cms1500BackgroundImage .cmsServiceFacilityLocation1 {
    top: -419% !important;
    left: -4.1% !important;
    margin-top: -7px !important;
  }
  .cms1500BackgroundImage .cmsBillingProviderInfo1 {
    top: -419% !important;
    left: -3.5% !important;
    width: 30% !important;
    margin-top: -7px !important;
  }
  .cms1500BackgroundImage .cmsServiceFacilityFullAddress {
    top: -479% !important;
    left: 27.4% !important;
    margin-top: -10px !important;
  }
  .cms1500BackgroundImage .cmsServiceFacilityLocation2 {
    top: -479% !important;
    left: 27.4% !important;
    margin-top: -10px !important;
  }
  .cms1500BackgroundImage .cmsBillingProviderFullAddress {
    top: -479% !important;
    left: 29.6% !important;
    margin-top: -10px !important;
  }
  .cms1500BackgroundImage .cmsBillingProviderInfo2 {
    top: -479% !important;
    left: 28.1% !important;
  }
  .cms1500BackgroundImage .cmsRenderingProviderLastName {
    top: -582% !important;
    left: 1.4% !important;
    margin-top: 46px !important;
  }
  .cms1500BackgroundImage .cmsPhysicianSignature {
    top: -582% !important;
    left: 1.4% !important;
  }
  .cms1500BackgroundImage .cmsPhysicianSignatureDate {
    top: -540% !important;
    /*left: -4.6% !important;*/
    left: 17.4% !important;
    margin-top: -18px !important;
  }
  .cms1500BackgroundImage .cmsServiceFacilityLocationNPI {
    top: -512% !important;
    /*left: -1.6% !important;*/
    left: 20.4% !important;
    margin-top: -10px !important;
  }
  .cms1500BackgroundImage .cmsServiceFacilityLocationNPI1 {
    top: -512% !important;
    /*left: 0.2% !important;*/
    left: 22.2% !important;
    margin-top: -10px !important;
  }
  .cms1500BackgroundImage .cmsBillingProviderInfoNPI {
    top: -512% !important;
    /*left: 2.2% !important;*/
    left: 24.2% !important;
    margin-top: -10px !important;
  }
  .cms1500BackgroundImage .cmsBillingProviderInfoNPI1 {
    top: -512% !important;
    /*left: 3.9% !important;*/
    left: 25.9% !important;
    margin-top: -10px !important;
  }
  .cms1500BackgroundImage .alohaMrgn-rgt46 {
    margin-right: 6% !important;
  }
  .cms1500BackgroundImage .alohaMrgn-rgt-450 {
    margin-right: 0px !important;
  }
}
.LocationNPI md-select {
  width: 38px !important;
  margin: 0px !important;
}
.LocationNPI md-select-value {
  min-width: 38px !important;
}
.LocationNPI .md-select-value .md-select-icon {
  width: 16px !important;
}

.BillingNPI md-select {
  width: 74px !important;
  margin: 0px !important;
}
.BillingNPI md-select-value {
  min-width: 38px !important;
}
.BillingNPI .md-select-value .md-select-icon {
  width: 16px !important;
}

.cms-chargelines {
  height: 472px !important;
}

/**********************************/
.secondary-billing {
  overflow: scroll;
}
.secondary-billing .insurance-type-row {
  position: relative;
  top: 3.7% !important;
}
.secondary-billing .client-name-section {
  top: 3.8%;
  position: relative;
}
.secondary-billing .address-section {
  position: relative;
  top: 3.7%;
}
.secondary-billing .city-section {
  position: relative;
  top: 3.6%;
}
.secondary-billing .zip-section {
  position: relative;
  top: 3.7%;
}
.secondary-billing .other-insured-section,
.secondary-billing .cmsRow {
  position: relative;
  top: 3.7%;
}
.secondary-billing .patient-signature-section {
  height: 100px !important;
}
.secondary-billing .diagnosis-row {
  height: 30px !important;
}
.secondary-billing .diagnosis-row1 {
  height: 54px !important;
}

.cms1500BackgroundImage {
  background-image: url("/Content/Images/cms1500-form-white-1.png");
  background-repeat: round;
  width: 1150px;
  height: 1955px;
  overflow: hidden;
  /*::placeholder {
      color: $LighterGrey;
      opacity: 1;
  }*/
  /*.cmsPatientLastName {
      @extend cmsFormFixedInputField;
      top: 162%;
      left: 2%;
      width: 10%;
  }

  .cmsPatientFirstName {
      @extend cmsFormFixedInputField;
      top: 162%;
      left: 2.5%;
      width: 10%;
  }

  .cmsPatientMiddleName {
      @extend cmsFormFixedInputField;
      top: 162%;
      left: 3.5%;
      width: 10%;
  }

  .cmsSpace {
      @extend cmsSpaceFixedFields;
      top: 162%;
      left: 2.2%;
  }

  .cmsSpace1 {
      @extend cmsSpaceFixedFields;
      top: 162%;
      left: 3%;
  }*/
  /*.cmsInsuredLastName {
      @extend cmsFormFixedInputField;
      top: 162%;
      left: 13.6%;
      width: 11%;
  }

  .cmsInsuredFirstName {
      @extend cmsFormFixedInputField;
      top: 162%;
      left: 14.2%;
      width: 11%;
  }

  .cmsInsuredMiddleName {
      @extend cmsFormFixedInputField;
      top: 162%;
      left: 15.3%;
      width: 10.5%;
  }

  .cmsSpace3 {
      @extend cmsSpaceFixedFields;
      top: 162%;
      left: 13.7%;
  }

  .cmsSpace4 {
      @extend cmsSpaceFixedFields;
      top: 162%;
      left: 14.8%;
  }*/
  /*.cmsOtherLastName {
      @extend cmsFormFixedInputField;
      top: 162%;
      left: 2%;
      width: 10%;
  }

  .cmsOtherFirstName {
      @extend cmsFormFixedInputField;
      top: 162%;
      left: 2.5%;
      width: 10%;
  }

  .cmsOtherMiddleName {
      @extend cmsFormFixedInputField;
      top: 162%;
      left: 3.5%;
      width: 10%;
  }

  .cmsSpace5 {
      @extend cmsSpaceFixedFields;
      top: 162%;
      left: 2.2%;
  }

  .cmsSpace6 {
      @extend cmsSpaceFixedFields;
      top: 162%;
      left: 3%;
  }*/
  /*.cmsRefferingProviderLastName {
      @extend cmsFormFixedInputField;
      top: 255%;
      left: 2.8%;
      width: 8.3%;
  }

  .cmsRefferingProviderFirstName {
      @extend cmsFormFixedInputField;
      top: 255%;
      left: 3.3%;
      width: 8.3%;
  }

  .cmsRefferingProviderMiddleName {
      @extend cmsFormFixedInputField;
      top: 255%;
      left: 4.3%;
      width: 9%;
  }

  .cmsSpace7 {
      @extend cmsSpaceFixedFields;
      top: 255%;
      left: 3%;
  }

  .cmsSpace8 {
      @extend cmsSpaceFixedFields;
      top: 255%;
      left: 3.8%;
  }*/
}
.cms1500BackgroundImage cmsFormFixedInputField, .cms1500BackgroundImage .cmsBillingProviderInfoNP-qc, .cms1500BackgroundImage .cmsBillingProviderInfoNPI1, .cms1500BackgroundImage .cmsBillingProviderInfoNPI, .cms1500BackgroundImage .cmsServiceFacilityLocationNPI1_qc, .cms1500BackgroundImage .cmsServiceFacilityLocationNPI1, .cms1500BackgroundImage .cmsServiceFacilityLocationNPI, .cms1500BackgroundImage .cmsRenderingProviderTaxonomy, .cms1500BackgroundImage .cmsRenderingProviderDegreeorCred, .cms1500BackgroundImage .cmsRenderingProviderMiddleName, .cms1500BackgroundImage .cmsRenderingProviderFirstName, .cms1500BackgroundImage .cmsRenderingProviderLastName, .cms1500BackgroundImage .billingprovider-zip, .cms1500BackgroundImage .billingprovider-state, .cms1500BackgroundImage .billingprovider-city, .cms1500BackgroundImage .cmsBillingProviderFullAddress, .cms1500BackgroundImage .cmsServiceFacilityZip, .cms1500BackgroundImage .cmsServiceFacilityState, .cms1500BackgroundImage .cmsServiceFacilityCity, .cms1500BackgroundImage .cmsServiceFacilityFullAddress, .cms1500BackgroundImage .cmsBillingProviderInfo1, .cms1500BackgroundImage .cmsServiceFacilityLocation1, .cms1500BackgroundImage .cmsBillingProviderphone32, .cms1500BackgroundImage .cmsBillingProviderphone, .cms1500BackgroundImage .cmsBillingProviderTelephone32, .cms1500BackgroundImage .cmsBillingProviderTelephone, .cms1500BackgroundImage .cmsBillingProviderMiddleName, .cms1500BackgroundImage .cmsBillingProviderFirstName, .cms1500BackgroundImage .cmsBillingProviderLastName, .cms1500BackgroundImage .cmsBillingProviderFullName, .cms1500BackgroundImage .cmsServiceFacilityLocation, .cms1500BackgroundImage .cmsRsvdForNuccUse1, .cms1500BackgroundImage .cmsRsvdForNuccUse, .cms1500BackgroundImage .cmsAmountPaid1, .cms1500BackgroundImage .cmsAmountPaid, .cms1500BackgroundImage .cmsTotalCharge1, .cms1500BackgroundImage .cmsTotalCharge, .cms1500BackgroundImage .cmsPatientAccountNO, .cms1500BackgroundImage .cmsFederalTaxID, .cms1500BackgroundImage cmsRenderingProviderIDb, .cms1500BackgroundImage .cmsRenderingProviderID12, .cms1500BackgroundImage .cmsRenderingProviderID10, .cms1500BackgroundImage .cmsRenderingProviderID8, .cms1500BackgroundImage .cmsRenderingProviderID6, .cms1500BackgroundImage .cmsRenderingProviderID4, .cms1500BackgroundImage .cmsRenderingProviderID2, .cms1500BackgroundImage cmsEpsdt, .cms1500BackgroundImage .cmsEpsdt6, .cms1500BackgroundImage .cmsEpsdt5, .cms1500BackgroundImage .cmsEpsdt4, .cms1500BackgroundImage .cmsEpsdt3, .cms1500BackgroundImage .cmsEpsdt2, .cms1500BackgroundImage .cmsEpsdt1, .cms1500BackgroundImage cmsDaysOrUnits, .cms1500BackgroundImage .cmsDaysOrUnits6, .cms1500BackgroundImage .cmsDaysOrUnits5, .cms1500BackgroundImage .cmsDaysOrUnits4, .cms1500BackgroundImage .cmsDaysOrUnits3, .cms1500BackgroundImage .cmsDaysOrUnits2, .cms1500BackgroundImage .cmsDaysOrUnits1, .cms1500BackgroundImage cmsCharges1a, .cms1500BackgroundImage .cmsCharges1-6, .cms1500BackgroundImage .cmsCharges1-5, .cms1500BackgroundImage .cmsCharges1-4, .cms1500BackgroundImage .cmsCharges1-3, .cms1500BackgroundImage .cmsCharges1-2, .cms1500BackgroundImage .cmsCharges1-1, .cms1500BackgroundImage cmsCharges, .cms1500BackgroundImage .cmsCharges6, .cms1500BackgroundImage .cmsCharges5, .cms1500BackgroundImage .cmsCharges4, .cms1500BackgroundImage .cmsCharges3, .cms1500BackgroundImage .cmsCharges2, .cms1500BackgroundImage .cmsCharges1, .cms1500BackgroundImage cmsDiagnosisPointer, .cms1500BackgroundImage .cmsDiagnosisPointer6, .cms1500BackgroundImage .cmsDiagnosisPointer5, .cms1500BackgroundImage .cmsDiagnosisPointer4, .cms1500BackgroundImage .cmsDiagnosisPointer3, .cms1500BackgroundImage .cmsDiagnosisPointer2, .cms1500BackgroundImage .cmsDiagnosisPointer1, .cms1500BackgroundImage cmsModifier4, .cms1500BackgroundImage .cmsModifier4-6, .cms1500BackgroundImage .cmsModifier4-5, .cms1500BackgroundImage .cmsModifier4-4, .cms1500BackgroundImage .cmsModifier4-3, .cms1500BackgroundImage .cmsModifier4-2, .cms1500BackgroundImage .cmsModifier4-1, .cms1500BackgroundImage cmsModifier3, .cms1500BackgroundImage .cmsModifier3-6, .cms1500BackgroundImage .cmsModifier3-5, .cms1500BackgroundImage .cmsModifier3-4, .cms1500BackgroundImage .cmsModifier3-3, .cms1500BackgroundImage .cmsModifier3-2, .cms1500BackgroundImage .cmsModifier3-1, .cms1500BackgroundImage cmsModifier2, .cms1500BackgroundImage .cmsModifier2-6, .cms1500BackgroundImage .cmsModifier2-5, .cms1500BackgroundImage .cmsModifier2-4, .cms1500BackgroundImage .cmsModifier2-3, .cms1500BackgroundImage .cmsModifier2-2, .cms1500BackgroundImage .cmsModifier2-1, .cms1500BackgroundImage cmsModifier1, .cms1500BackgroundImage .cmsModifier1-6, .cms1500BackgroundImage .cmsModifier1-5, .cms1500BackgroundImage .cmsModifier1-4, .cms1500BackgroundImage .cmsModifier1-3, .cms1500BackgroundImage .cmsModifier1-2, .cms1500BackgroundImage .cmsModifier1-1, .cms1500BackgroundImage cmsServices, .cms1500BackgroundImage .cmsServices6, .cms1500BackgroundImage .cmsServices5, .cms1500BackgroundImage .cmsServices4, .cms1500BackgroundImage .cmsServices3, .cms1500BackgroundImage .cmsServices2, .cms1500BackgroundImage .cmsServices1, .cms1500BackgroundImage cmsEmg, .cms1500BackgroundImage .cmsEmg6, .cms1500BackgroundImage .cmsEmg5, .cms1500BackgroundImage .cmsEmg4, .cms1500BackgroundImage .cmsEmg3, .cms1500BackgroundImage .cmsEmg2, .cms1500BackgroundImage .cmsEmg1, .cms1500BackgroundImage cmsPlaceOfService, .cms1500BackgroundImage .cmsPlaceOfService6, .cms1500BackgroundImage .cmsPlaceOfService5, .cms1500BackgroundImage .cmsPlaceOfService4, .cms1500BackgroundImage .cmsPlaceOfService3, .cms1500BackgroundImage .cmsPlaceOfService2, .cms1500BackgroundImage .cmsPlaceOfService1, .cms1500BackgroundImage cmsDatesOfServiceToYear, .cms1500BackgroundImage .cmsDatesOfServiceToYear6, .cms1500BackgroundImage .cmsDatesOfServiceToYear5, .cms1500BackgroundImage .cmsDatesOfServiceToYear4, .cms1500BackgroundImage .cmsDatesOfServiceToYear3, .cms1500BackgroundImage .cmsDatesOfServiceToYear2, .cms1500BackgroundImage .cmsDatesOfServiceToYear1, .cms1500BackgroundImage cmsDatesOfServiceToDate, .cms1500BackgroundImage .cmsDatesOfServiceToDate6, .cms1500BackgroundImage .cmsDatesOfServiceToDate5, .cms1500BackgroundImage .cmsDatesOfServiceToDate4, .cms1500BackgroundImage .cmsDatesOfServiceToDate3, .cms1500BackgroundImage .cmsDatesOfServiceToDate2, .cms1500BackgroundImage .cmsDatesOfServiceToDate1, .cms1500BackgroundImage cmsDatesOfServiceToMonth, .cms1500BackgroundImage .cmsDatesOfServiceToMonth6, .cms1500BackgroundImage .cmsDatesOfServiceToMonth5, .cms1500BackgroundImage .cmsDatesOfServiceToMonth4, .cms1500BackgroundImage .cmsDatesOfServiceToMonth3, .cms1500BackgroundImage .cmsDatesOfServiceToMonth2, .cms1500BackgroundImage .cmsDatesOfServiceToMonth1, .cms1500BackgroundImage cmsDatesOfServiceFromYear, .cms1500BackgroundImage .cmsDatesOfServiceFromYear6, .cms1500BackgroundImage .cmsDatesOfServiceFromYear5, .cms1500BackgroundImage .cmsDatesOfServiceFromYear4, .cms1500BackgroundImage .cmsDatesOfServiceFromYear3, .cms1500BackgroundImage .cmsDatesOfServiceFromYear2, .cms1500BackgroundImage .cmsDatesOfServiceFromYear1, .cms1500BackgroundImage cmsDatesOfServiceFromDate, .cms1500BackgroundImage .cmsDatesOfServiceFromDate6, .cms1500BackgroundImage .cmsDatesOfServiceFromDate5, .cms1500BackgroundImage .cmsDatesOfServiceFromDate4, .cms1500BackgroundImage .cmsDatesOfServiceFromDate3, .cms1500BackgroundImage .cmsDatesOfServiceFromDate2, .cms1500BackgroundImage .cmsDatesOfServiceFromDate1, .cms1500BackgroundImage cmsDatesOfServiceFromMonth, .cms1500BackgroundImage .cmsDatesOfServiceFromMonth6, .cms1500BackgroundImage .cmsDatesOfServiceFromMonth5, .cms1500BackgroundImage .cmsDatesOfServiceFromMonth4, .cms1500BackgroundImage .cmsDatesOfServiceFromMonth3, .cms1500BackgroundImage .cmsDatesOfServiceFromMonth2, .cms1500BackgroundImage .cmsDatesOfServiceFromMonth1, .cms1500BackgroundImage cmsRenderingProviderIDa, .cms1500BackgroundImage .cmsRenderingProviderID11, .cms1500BackgroundImage .cmsRenderingProviderID9, .cms1500BackgroundImage .cmsRenderingProviderID7, .cms1500BackgroundImage .cmsRenderingProviderID5, .cms1500BackgroundImage .cmsRenderingProviderID3, .cms1500BackgroundImage .cmsRenderingProviderID1, .cms1500BackgroundImage cmsSupplierHeaderI, .cms1500BackgroundImage .cmsSupplierHeaderI6, .cms1500BackgroundImage .cmsSupplierHeaderI5, .cms1500BackgroundImage .cmsSupplierHeaderI4, .cms1500BackgroundImage .cmsSupplierHeaderI3, .cms1500BackgroundImage .cmsSupplierHeaderI2, .cms1500BackgroundImage .cmsSupplierHeaderI1, .cms1500BackgroundImage cmsSupplierHeaderH, .cms1500BackgroundImage .cmsSupplierHeaderH6, .cms1500BackgroundImage .cmsSupplierHeaderH5, .cms1500BackgroundImage .cmsSupplierHeaderH4, .cms1500BackgroundImage .cmsSupplierHeaderH3, .cms1500BackgroundImage .cmsSupplierHeaderH2, .cms1500BackgroundImage .cmsSupplierHeaderH1, .cms1500BackgroundImage cmsSupplierHeaderAToG, .cms1500BackgroundImage .cmsSupplierHeaderAToG6, .cms1500BackgroundImage .cmsSupplierHeaderAToG5, .cms1500BackgroundImage .cmsSupplierHeaderAToG4, .cms1500BackgroundImage .cmsSupplierHeaderAToG3, .cms1500BackgroundImage .cmsSupplierHeaderAToG2, .cms1500BackgroundImage .cmsSupplierHeaderAToG1, .cms1500BackgroundImage .cmsAuthorizationNumber, .cms1500BackgroundImage .cmsPatientDiagnosisL, .cms1500BackgroundImage .cmsPatientDiagnosisK, .cms1500BackgroundImage .cmsPatientDiagnosisJ, .cms1500BackgroundImage .cmsPatientDiagnosisI, .cms1500BackgroundImage .cmsPatientDiagnosisH, .cms1500BackgroundImage .cmsPatientDiagnosisG, .cms1500BackgroundImage .cmsPatientDiagnosisF, .cms1500BackgroundImage .cmsPatientDiagnosisE, .cms1500BackgroundImage .cmsPatientOriginalRefNo, .cms1500BackgroundImage .cmsPatientResubmissionCode, .cms1500BackgroundImage .cmsPatientDiagnosisD, .cms1500BackgroundImage .cmsPatientICD, .cms1500BackgroundImage .cmsPatientDiagnosisC, .cms1500BackgroundImage .cmsPatientDiagnosisB, .cms1500BackgroundImage .cmsPatientDiagnosisA, .cms1500BackgroundImage .cmsOutsideLabCharges1, .cms1500BackgroundImage .cmsOutsideLabCharges, .cms1500BackgroundImage .cmsAdditionalClaimInfermation, .cms1500BackgroundImage .cmsHospitalizationToYear, .cms1500BackgroundImage .cmsHospitalizationToDate, .cms1500BackgroundImage .cmsHospitalizationToMonth, .cms1500BackgroundImage .cmsHospitalizationFromYear, .cms1500BackgroundImage .cmsHospitalizationFromDate, .cms1500BackgroundImage .cmsHospitalizationFromMonth, .cms1500BackgroundImage .cmsRefferingProviderNpi, .cms1500BackgroundImage .cmsRefferingProvider3, .cms1500BackgroundImage .referring-provider-mn, .cms1500BackgroundImage .referring-provider-ln, .cms1500BackgroundImage .referring-provider-fn, .cms1500BackgroundImage .cmsRefferingProviderName, .cms1500BackgroundImage .cmsRefferingProvider2, .cms1500BackgroundImage .cmsRefferingProvider, .cms1500BackgroundImage .cmsPatientUnableToYear, .cms1500BackgroundImage .cmsPatientUnableToDate, .cms1500BackgroundImage .cmsPatientUnableToMonth, .cms1500BackgroundImage .cmsPatientUnableFromYear, .cms1500BackgroundImage .cmsPatientUnableFromDate, .cms1500BackgroundImage .cmsPatientUnableFromMonth, .cms1500BackgroundImage .cmsPatientInjuryOtherYear, .cms1500BackgroundImage .cmsPatientInjuryOtherDate, .cms1500BackgroundImage .cmsPatientInjuryOtherMonth, .cms1500BackgroundImage .cmsPatientOtherQualification, .cms1500BackgroundImage .cmsPatientQualification, .cms1500BackgroundImage .cmsPatientInjuryYear, .cms1500BackgroundImage .cmsPatientInjuryDate, .cms1500BackgroundImage .cmsPatientInjuryMonth, .cms1500BackgroundImage .cmsInsuredSigned, .cms1500BackgroundImage .cmsPatientSignedDate, .cms1500BackgroundImage .cmsPatientSignedBelow, .cms1500BackgroundImage .cmsClaimCodes, .cms1500BackgroundImage .cmsPatientInsurencePlanName, .cms1500BackgroundImage .cmsInsurencePlanName, .cms1500BackgroundImage .cmsPatientReservedNUCC2, .cms1500BackgroundImage .cmsInsuredOtherClaimId, .cms1500BackgroundImage .cmsOtherClaimId, .cms1500BackgroundImage .cmsPatientAutoAccidentNoState, .cms1500BackgroundImage .cmsPatientReservedNUCC, .cms1500BackgroundImage .cmsInsuredDOBYear, .cms1500BackgroundImage .cmsInsuredDOBDate, .cms1500BackgroundImage .cmsInsuredDOBMonth, .cms1500BackgroundImage .cmsInsuredPolicy, .cms1500BackgroundImage .cmsInsuredPolicyFECANumber, .cms1500BackgroundImage .cmsReservedForNUCCAdd2, .cms1500BackgroundImage .other-insured-mn, .cms1500BackgroundImage .other-insured-fn, .cms1500BackgroundImage .other-insured-ln, .cms1500BackgroundImage .cmsOtherName, .cms1500BackgroundImage .cmsInsuredphone, .cms1500BackgroundImage .cmsInsuredTelephone, .cms1500BackgroundImage .cmsInsuredZipCode, .cms1500BackgroundImage .cmsReservedForNUCCAdd1, .cms1500BackgroundImage .cmsPatientphone, .cms1500BackgroundImage .cmsPatientTelephone, .cms1500BackgroundImage .cmsPatientZipCode, .cms1500BackgroundImage .cmsInsuredState, .cms1500BackgroundImage .cmsInsuredCity, .cms1500BackgroundImage .cmsReservedForNUCCAdd, .cms1500BackgroundImage .cmsPatientState, .cms1500BackgroundImage .cmsPatientCity, .cms1500BackgroundImage .cmsInsuredStreet, .cms1500BackgroundImage .cmsPatientStreet, .cms1500BackgroundImage .insured-middle-name, .cms1500BackgroundImage .insured-first-name, .cms1500BackgroundImage .insured-last-name, .cms1500BackgroundImage .cmsInsuredName, .cms1500BackgroundImage .cmsPatientDOBYear, .cms1500BackgroundImage .cmsPatientDOBDate, .cms1500BackgroundImage .cmsPatientDOBMonth, .cms1500BackgroundImage .cmsPatientName, .cms1500BackgroundImage .cmsInsuredId, .cms1500BackgroundImage .client-middle-name, .cms1500BackgroundImage .client-first-name, .cms1500BackgroundImage .client-last-name, .cms1500BackgroundImage .payer-zip, .cms1500BackgroundImage .payer-state, .cms1500BackgroundImage .payer-city, .cms1500BackgroundImage .cms1500Address4, .cms1500BackgroundImage .cms1500Address3, .cms1500BackgroundImage .cms1500Address2, .cms1500BackgroundImage .cms1500Address1_payerId, .cms1500BackgroundImage .cms1500Address1, .cms1500BackgroundImage .cms1500Address {
  position: relative;
  float: left;
  font-size: 15px;
  border: none;
  outline: none;
}
.cms1500BackgroundImage input,
.cms1500BackgroundImage p {
  color: #132443;
  background-color: transparent !important;
  font-size: 15px;
}
.cms1500BackgroundImage input:disabled {
  background-color: transparent !important;
}
.cms1500BackgroundImage .cmsRow {
  height: 58.4px;
}
.cms1500BackgroundImage .address-container {
  height: 28px;
}
.cms1500BackgroundImage .cmsRow1 {
  /*height: 36px;*/
  padding-top: 8%;
  padding-bottom: 2%;
}
.cms1500BackgroundImage .cmsRow2 {
  height: 45px;
  /*padding-top: 2%;*/
}
.cms1500BackgroundImage .cmsRow3 {
  height: 0px;
  margin-top: 144px;
}
.cms1500BackgroundImage .alohaMrgn-rgt46 {
  margin-right: 7%;
}
.cms1500BackgroundImage .alohaMrgn-rgt-450 {
  margin-right: 450px;
}
.cms1500BackgroundImage .alohaMrgn-rgt-570 {
  margin-right: 570px;
}
.cms1500BackgroundImage textarea {
  color: #132443;
}
.cms1500BackgroundImage .cmsBackgroundImageCenter {
  text-align: -webkit-center;
}
.cms1500BackgroundImage alohaGlyphicons, .cms1500BackgroundImage .cmsCheckbox input:checked:after, .cms1500BackgroundImage .alohaIcon {
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  cursor: pointer;
}
.cms1500BackgroundImage .cmsCheckbox input[type=radio] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 1px;
  box-sizing: border-box;
  position: relative;
  box-sizing: content-box;
  width: 15px;
  height: 15px;
  border-width: 0;
  transition: all 0.3s linear;
  border: none;
  background-color: transparent;
  /*margin-top: 345px;*/
  float: left;
  margin-left: 22px;
  top: 15px;
}
.cms1500BackgroundImage .cmsCheckbox input[type=radio]:focus {
  outline: 0 none;
  box-shadow: none;
}
.cms1500BackgroundImage .cmsCheckbox input:checked:after {
  content: "\f5ad";
  color: #132443;
  font-size: 24px;
  text-align: center;
  float: left;
  position: absolute;
  left: -2px;
  font-weight: 400;
  top: -4px;
}
.cms1500BackgroundImage cmsSpaceFixedFields {
  font-size: 24px;
  float: left;
  color: #524d49;
  position: relative;
}
.cms1500BackgroundImage .cmsCheckBox {
  top: 20% !important;
  left: 3.2%;
}
.cms1500BackgroundImage .cmsCheckBox1 {
  top: 37% !important;
  left: 9.8%;
}
.cms1500BackgroundImage .cmsCheckBox2 {
  top: 37% !important;
  left: 16.5%;
}
.cms1500BackgroundImage .cmsCheckBox3 {
  top: 37% !important;
  left: 22.8%;
}
.cms1500BackgroundImage .cmsCheckBox4 {
  top: 37% !important;
  left: 30.3%;
}
.cms1500BackgroundImage .cmsCheckBox5 {
  top: 37% !important;
  left: 37.5%;
}
.cms1500BackgroundImage .cmsCheckBox6 {
  top: 37% !important;
  left: 43.5%;
}
.cms1500BackgroundImage .cmsCheckBox7 {
  top: 44% !important;
  left: 25%;
}
.cms1500BackgroundImage .cmsCheckBox8 {
  top: 60% !important;
  left: 26.5%;
}
.cms1500BackgroundImage .cmsCheckBox9 {
  top: 45% !important;
  left: 5.6%;
}
.cms1500BackgroundImage .cmsCheckBox10 {
  top: 60% !important;
  left: 9%;
}
.cms1500BackgroundImage .cmsCheckBox11 {
  top: 60% !important;
  left: 14%;
}
.cms1500BackgroundImage .cmsCheckBox12 {
  top: 60% !important;
  left: 17.7%;
}
.cms1500BackgroundImage .cmsCheckBox13 {
  top: -22% !important;
  left: 6%;
}
.cms1500BackgroundImage .cmsCheckBox14 {
  top: -7% !important;
  left: 9.2%;
}
.cms1500BackgroundImage .cmsCheckBox15 {
  top: 43% !important;
  left: 45.2%;
}
.cms1500BackgroundImage .cmsCheckBox16 {
  top: 56% !important;
  left: 47.3%;
}
.cms1500BackgroundImage .cmsCheckBox17 {
  top: -8% !important;
  left: 5%;
}
.cms1500BackgroundImage .cmsCheckBox18 {
  top: 9% !important;
  left: 8.4%;
}
.cms1500BackgroundImage .cmsCheckBox19 {
  top: 9% !important;
  left: 5%;
}
.cms1500BackgroundImage .cmsCheckBox20 {
  top: 22% !important;
  left: 8.3%;
}
.cms1500BackgroundImage .cmsCheckBox21 {
  top: 42% !important;
  left: 10.8%;
}
.cms1500BackgroundImage .cmsCheckBox22 {
  top: 58% !important;
  left: 14.4%;
}
.cms1500BackgroundImage .cmsCheckBox23 {
  top: 40% !important;
  left: 6.1%;
}
.cms1500BackgroundImage .cmsCheckBox24 {
  top: 56% !important;
  left: 9.2%;
}
.cms1500BackgroundImage .cmsCheckBox25 {
  top: -5% !important;
  left: 4.5% !important;
  margin-top: 40px;
}
.cms1500BackgroundImage .cmsCheckBox26 {
  top: -5% !important;
  left: 6.2% !important;
  margin-top: 40px;
}
.cms1500BackgroundImage .cmsCheckBox27 {
  top: -5% !important;
  left: 8%;
  margin-top: 40px;
}
.cms1500BackgroundImage .cmsCheckBox28 {
  top: -5% !important;
  left: 12%;
  margin-top: 40px;
}
.cms1500BackgroundImage .cms1500Address {
  top: 170%;
  left: 51.5%;
  width: 31.5%;
}
.cms1500BackgroundImage .cms1500Address1 {
  top: 10%;
  left: 62.1%;
  width: 24.5%;
}
.cms1500BackgroundImage .cms1500Address1_payerId {
  top: 10%;
  width: 6.5%;
  left: 62.5% !important;
}
.cms1500BackgroundImage .cms1500Address2 {
  top: 2%;
  left: 62%;
  width: 31.5%;
}
.cms1500BackgroundImage .cms1500Address3 {
  top: 35%;
  left: 0%;
  width: 31.4%;
}
.cms1500BackgroundImage .cms1500Address4 {
  top: 70%;
  left: 30.5%;
  width: 30.5%;
  opacity: 0;
}
.cms1500BackgroundImage .payer-city {
  position: relative;
  top: 38%;
  left: 0.2%;
}
.cms1500BackgroundImage .payer-state {
  position: relative;
  top: 38%;
  left: 1.5%;
  width: 8%;
}
.cms1500BackgroundImage .payer-zip {
  position: relative;
  top: 38%;
  left: 2%;
  width: 6.5%;
}
.cms1500BackgroundImage .client-last-name {
  top: 43%;
  left: 6%;
  width: 12%;
}
.cms1500BackgroundImage .client-first-name {
  top: 43%;
  left: 6.5%;
  width: 13.5%;
}
.cms1500BackgroundImage .client-middle-name {
  top: 43%;
  left: 7%;
  width: 2.5%;
}
.cms1500BackgroundImage .address-container2 {
  height: 70px;
}
.cms1500BackgroundImage .federal-tax-container {
  height: 70px;
}
.cms1500BackgroundImage .cmsInsuredId {
  left: 51%;
  top: 43%;
  width: 21%;
}
.cms1500BackgroundImage .cmsPatientName {
  top: 43%;
  left: 5.8%;
  width: 29.5%;
}
.cms1500BackgroundImage .patient-dob-container {
  display: inline-block;
  width: 15.5%;
  position: relative;
  top: 2%;
  left: -25%;
}
.cms1500BackgroundImage .patient-dob-container_11a {
  display: inline-block;
  width: 16.5%;
  position: relative;
  top: 2%;
  left: 23%;
}
.cms1500BackgroundImage .patient-dob-patientinjurydate {
  display: inline-block;
  width: 11.5%;
  position: relative;
  top: 2%;
  left: -12%;
}
.cms1500BackgroundImage .patient-work-start-date,
.cms1500BackgroundImage .patient-work-end-date,
.cms1500BackgroundImage .patient-hospitalized-start-date,
.cms1500BackgroundImage .patient-hospitalized-end-date,
.cms1500BackgroundImage .patient-dob-illness-first-date {
  display: inline-block;
  position: relative;
  top: 2%;
  width: 11.5%;
}
.cms1500BackgroundImage .patient-dob-illness-first-date {
  left: 19%;
}
.cms1500BackgroundImage .patient-work-start-date {
  left: 24%;
}
.cms1500BackgroundImage .patient-work-end-date {
  left: 27%;
}
.cms1500BackgroundImage .patient-hospitalized-start-date {
  left: -8%;
}
.cms1500BackgroundImage .patient-hospitalized-end-date {
  left: -5%;
}
.cms1500BackgroundImage .cmsPatientDOBMonth {
  top: 42%;
  left: 8%;
  width: 2.6%;
}
.cms1500BackgroundImage .cmsPatientDOBDate {
  top: 42%;
  left: 8.8%;
  width: 2.6%;
}
.cms1500BackgroundImage .cmsPatientDOBYear {
  top: 42%;
  left: 9.8%;
  width: 4.8%;
}
.cms1500BackgroundImage .cmsInsuredName {
  top: 42%;
  left: 28.8%;
  width: 29.6%;
}
.cms1500BackgroundImage .insured-last-name {
  top: 42%;
  left: 31%;
  width: 12%;
}
.cms1500BackgroundImage .insured-first-name {
  top: 42%;
  left: 31.5%;
  width: 13.2%;
}
.cms1500BackgroundImage .insured-middle-name {
  top: 42%;
  left: 32%;
  width: 3%;
}
.cms1500BackgroundImage .cmsPatientStreet {
  top: 44%;
  left: 5.8%;
  width: 29.5%;
}
.cms1500BackgroundImage .cmsInsuredStreet {
  top: 43%;
  left: 23.1%;
  width: 30%;
}
.cms1500BackgroundImage .cmsPatientCity {
  top: 42%;
  left: 5.9%;
  width: 25%;
}
.cms1500BackgroundImage .cmsPatientState {
  top: 42%;
  left: 2.5%;
  width: 3.8%;
}
.cms1500BackgroundImage .cmsReservedForNUCCAdd {
  top: 41%;
  left: 8.5%;
  width: 23%;
}
.cms1500BackgroundImage .cmsInsuredCity {
  top: 42%;
  left: 13.4%;
  width: 20%;
}
.cms1500BackgroundImage .cmsInsuredState {
  top: 42%;
  left: 15%;
  width: 7%;
}
.cms1500BackgroundImage .cmsPatientZipCode {
  top: 42%;
  left: 5.9%;
  width: 9%;
}
.cms1500BackgroundImage .cmsPatientTelephone {
  top: 42%;
  left: 7.7%;
  width: 4%;
}
.cms1500BackgroundImage .cmsPatientphone {
  top: 42%;
  left: 7.5%;
  width: 14.8%;
}
.cms1500BackgroundImage .cmsReservedForNUCCAdd1 {
  top: 6%;
  left: 9.6%;
  width: 23%;
}
.cms1500BackgroundImage .cmsInsuredZipCode {
  top: 42%;
  left: 14.4%;
  width: 9.2%;
}
.cms1500BackgroundImage .cmsInsuredTelephone {
  top: 42%;
  left: 16%;
  width: 4%;
}
.cms1500BackgroundImage .cmsInsuredphone {
  top: 43%;
  left: 16%;
  width: 14%;
}
.cms1500BackgroundImage .cmsOtherName {
  top: 40%;
  left: 5.8%;
  width: 30.5%;
}
.cms1500BackgroundImage .other-insured-ln {
  top: 40%;
  left: 6%;
  width: 12.2%;
}
.cms1500BackgroundImage .other-insured-fn {
  top: 40%;
  left: 6.3%;
  width: 12.5%;
}
.cms1500BackgroundImage .other-insured-mn {
  top: 40%;
  left: 7.5%;
  width: 2%;
}
.cms1500BackgroundImage .cmsReservedForNUCCAdd2 {
  top: -45%;
  left: 10.2%;
  width: 23%;
}
.cms1500BackgroundImage .cmsInsuredPolicyFECANumber {
  top: 41%;
  left: 15.6%;
  width: 29.9%;
}
.cms1500BackgroundImage .cmsInsuredPolicy {
  top: 40%;
  left: 6%;
  width: 29.2%;
}
.cms1500BackgroundImage .cmsInsuredDOBMonth {
  top: 54%;
  left: 26%;
  width: 2.6%;
}
.cms1500BackgroundImage .cmsInsuredDOBDate {
  top: 42%;
  left: 29.6%;
  width: 2.6%;
}
.cms1500BackgroundImage .cmsInsuredDOBYear {
  top: 42%;
  left: 30.3%;
  width: 4.8%;
}
.cms1500BackgroundImage .cmsPatientReservedNUCC {
  top: 42%;
  left: 5%;
  width: 30%;
}
.cms1500BackgroundImage .cmsPatientAutoAccidentNoState {
  top: 44%;
  left: 27.8%;
  width: 3%;
}
.cms1500BackgroundImage .cmsOtherClaimId {
  top: 44%;
  left: 28.6%;
  width: 3%;
}
.cms1500BackgroundImage .cmsInsuredOtherClaimId {
  top: 44%;
  left: 29.2%;
  width: 23%;
}
.cms1500BackgroundImage .cmsPatientReservedNUCC2 {
  top: 42%;
  left: 5%;
  width: 30%;
}
.cms1500BackgroundImage .cmsInsurencePlanName {
  top: 39%;
  left: 29%;
  width: 30%;
}
.cms1500BackgroundImage .cmsPatientInsurencePlanName {
  top: 40%;
  left: 6%;
  width: 29%;
}
.cms1500BackgroundImage .cmsClaimCodes {
  top: 40%;
  left: 7.5%;
  width: 23%;
}
.cms1500BackgroundImage .cmsPatientSignedBelow {
  top: 60%;
  left: 8%;
  width: 29%;
}
.cms1500BackgroundImage .cmsPatientSignedDate {
  top: 60%;
  left: 11%;
  width: 14%;
}
.cms1500BackgroundImage .cmsInsuredSigned {
  top: 60%;
  left: 26%;
  width: 26%;
}
.cms1500BackgroundImage .cmsPatientInjuryMonth {
  top: 42%;
  left: 6.3%;
  width: 2.6%;
}
.cms1500BackgroundImage .cmsPatientInjuryDate {
  top: 42%;
  left: 6.6%;
  width: 2.6%;
}
.cms1500BackgroundImage .cmsPatientInjuryYear {
  top: 42%;
  left: 6.8%;
  width: 4.8%;
}
.cms1500BackgroundImage .cmsPatientQualification {
  top: 42%;
  left: 12%;
  width: 13.5%;
}
.cms1500BackgroundImage .cmsPatientOtherQualification {
  top: 42%;
  left: 27.3%;
  width: 3.5%;
}
.cms1500BackgroundImage .cmsPatientInjuryOtherMonth {
  top: 42%;
  left: 19%;
  width: 2.6%;
}
.cms1500BackgroundImage .cmsPatientInjuryOtherDate {
  top: 42%;
  left: 20%;
  width: 2.6%;
}
.cms1500BackgroundImage .cmsPatientInjuryOtherYear {
  top: 42%;
  left: 21.3%;
  width: 4.8%;
}
.cms1500BackgroundImage .cmsPatientUnableFromMonth {
  top: 42%;
  left: 31.3%;
  width: 2.6%;
}
.cms1500BackgroundImage .cmsPatientUnableFromDate {
  top: 42%;
  left: 31.4%;
  width: 2.6%;
}
.cms1500BackgroundImage .cmsPatientUnableFromYear {
  top: 42%;
  left: 31.5%;
  width: 4.8%;
}
.cms1500BackgroundImage .cmsPatientUnableToMonth {
  top: 42%;
  left: 34.5%;
  width: 2.6%;
}
.cms1500BackgroundImage .cmsPatientUnableToDate {
  top: 42%;
  left: 34.5%;
  width: 2.6%;
}
.cms1500BackgroundImage .cmsPatientUnableToYear {
  top: 42%;
  left: 34.5%;
  width: 4.8%;
}
.cms1500BackgroundImage .cmsRefferingProvider {
  top: 42%;
  left: 6.2%;
  width: 2.6%;
}
.cms1500BackgroundImage .cmsRefferingProvider md-select {
  margin: 0px;
  width: 38px;
}
.cms1500BackgroundImage .cmsRefferingProvider md-select md-select-value {
  min-width: 38px !important;
}
.cms1500BackgroundImage .cmsRefferingProvider md-select .md-select-value .md-select-icon {
  width: 16px !important;
}
.cms1500BackgroundImage .cmsRefferingProvider2 {
  top: 42%;
  left: 6.2%;
  width: 2.6%;
}
.cms1500BackgroundImage .cmsRefferingProvider2 md-select {
  margin: 0px;
  width: 38px;
}
.cms1500BackgroundImage .cmsRefferingProvider2 md-select md-select-value {
  min-width: 38px !important;
}
.cms1500BackgroundImage .cmsRefferingProvider2 md-select .md-select-value .md-select-icon {
  width: 16px !important;
}
.cms1500BackgroundImage .cmsRefferingProviderName {
  top: 42%;
  left: 6.8%;
  width: 27.2%;
}
.cms1500BackgroundImage .referring-provider-fn {
  top: 42%;
  left: 7.8%;
  width: 11.2%;
}
.cms1500BackgroundImage .referring-provider-ln {
  top: 42%;
  left: 8.5%;
  width: 11%;
}
.cms1500BackgroundImage .referring-provider-mn {
  top: 42%;
  left: 8.8%;
  width: 3%;
}
.cms1500BackgroundImage .cmsRefferingProvider2 {
  top: 7%;
  left: 12.6%;
  width: 2.7%;
}
.cms1500BackgroundImage .cmsRefferingProvider3 {
  top: 6%;
  left: 14.4%;
  width: 18.5%;
}
.cms1500BackgroundImage .cmsRefferingProviderNpi {
  top: 49%;
  left: -4%;
  width: 19%;
}

.cmsHospitalizationFromMonth {
  top: 42%;
  left: 0.7%;
  width: 2.6%;
}

.cmsHospitalizationFromDate {
  top: 42%;
  left: 0.7%;
  width: 2.6%;
}

.cmsHospitalizationFromYear {
  top: 42%;
  left: 0.7%;
  width: 4.8%;
}

.cmsHospitalizationToMonth {
  top: 42%;
  left: -1%;
  width: 2.6%;
}

.cmsHospitalizationToDate {
  top: 42%;
  left: -1%;
  width: 2.6%;
}

.cmsHospitalizationToYear {
  top: 42%;
  left: -1%;
  width: 4.8%;
}

.cmsAdditionalClaimInfermation {
  top: 36%;
  left: 6%;
  width: 57%;
}

.cmsOutsideLabCharges {
  top: 40%;
  left: 19%;
  width: 6%;
}

.cmsOutsideLabCharges1 {
  top: 40%;
  left: 19.3%;
  width: 6%;
}

.cmsPatientDiagnosisA {
  top: 42%;
  left: 6.5%;
  width: 8%;
}

.cmsPatientDiagnosisB {
  top: 42%;
  left: 9.5%;
  width: 8%;
}

.cmsPatientDiagnosisC {
  top: 42%;
  left: 12.5%;
  width: 8%;
}

.cmsPatientICD {
  top: 52%;
  left: 26.4%;
  width: 2.6%;
}

.cmsPatientDiagnosisD {
  top: 42%;
  left: 12.8%;
  width: 8%;
}

.cmsPatientResubmissionCode {
  top: 42%;
  left: 29.5%;
  width: 13%;
}
.cmsPatientResubmissionCode md-select {
  margin: 0px !important;
  width: 145px !important;
}
.cmsPatientResubmissionCode md-select md-select-value {
  min-width: 38px !important;
}
.cmsPatientResubmissionCode md-select .md-select-value .md-select-icon {
  width: 16px !important;
}

.cmsPatientOriginalRefNo {
  top: 42%;
  left: 30%;
  width: 17.5%;
}

.cmsPatientDiagnosisE {
  top: 0%;
  left: 6.5%;
  width: 8%;
}

.cmsPatientDiagnosisF {
  top: 0%;
  left: 9.5%;
  width: 8%;
}

.cmsPatientDiagnosisG {
  top: 0%;
  left: 12.5%;
  width: 8%;
}

.cmsPatientDiagnosisH {
  top: -2%;
  left: 15.5%;
  width: 8%;
}

.cmsPatientDiagnosisI {
  top: 0%;
  left: 6.5%;
  width: 8%;
}

.cmsPatientDiagnosisJ {
  top: 0%;
  left: 9.5%;
  width: 8%;
}

.cmsPatientDiagnosisK {
  top: 0%;
  left: 12.5%;
  width: 8%;
}

.cmsPatientDiagnosisL {
  top: 0%;
  left: 15.5%;
  width: 8%;
}

.cmsAuthorizationNumber {
  top: 0%;
  left: 32.5%;
  width: 30%;
}

cmsSupplierHeaderAToG, .cmsSupplierHeaderAToG6, .cmsSupplierHeaderAToG5, .cmsSupplierHeaderAToG4, .cmsSupplierHeaderAToG3, .cmsSupplierHeaderAToG2, .cmsSupplierHeaderAToG1 {
  position: absolute !important;
  left: 6%;
  top: 16%;
  width: 66.5%;
}

cmsSupplierHeaderH, .cmsSupplierHeaderH6, .cmsSupplierHeaderH5, .cmsSupplierHeaderH4, .cmsSupplierHeaderH3, .cmsSupplierHeaderH2, .cmsSupplierHeaderH1 {
  position: absolute !important;
  top: 16%;
  left: 74.5%;
  width: 2%;
}

cmsSupplierHeaderI, .cmsSupplierHeaderI6, .cmsSupplierHeaderI5, .cmsSupplierHeaderI4, .cmsSupplierHeaderI3, .cmsSupplierHeaderI2, .cmsSupplierHeaderI1 {
  position: absolute !important;
  left: 78%;
  top: 16%;
  width: 2.6%;
}

cmsRenderingProviderIDa, .cmsRenderingProviderID11, .cmsRenderingProviderID9, .cmsRenderingProviderID7, .cmsRenderingProviderID5, .cmsRenderingProviderID3, .cmsRenderingProviderID1 {
  position: absolute !important;
  left: 82%;
  top: 16%;
  width: 12%;
}

cmsDatesOfServiceFromMonth, .cmsDatesOfServiceFromMonth6, .cmsDatesOfServiceFromMonth5, .cmsDatesOfServiceFromMonth4, .cmsDatesOfServiceFromMonth3, .cmsDatesOfServiceFromMonth2, .cmsDatesOfServiceFromMonth1 {
  position: absolute !important;
  top: 22%;
  left: 6%;
  width: 15%;
}

cmsDatesOfServiceFromDate, .cmsDatesOfServiceFromDate6, .cmsDatesOfServiceFromDate5, .cmsDatesOfServiceFromDate4, .cmsDatesOfServiceFromDate3, .cmsDatesOfServiceFromDate2, .cmsDatesOfServiceFromDate1 {
  top: 21%;
  left: -77%;
  width: 2%;
}

cmsDatesOfServiceFromYear, .cmsDatesOfServiceFromYear6, .cmsDatesOfServiceFromYear5, .cmsDatesOfServiceFromYear4, .cmsDatesOfServiceFromYear3, .cmsDatesOfServiceFromYear2, .cmsDatesOfServiceFromYear1 {
  top: 153%;
  left: -77%;
  width: 4%;
}

cmsDatesOfServiceToMonth, .cmsDatesOfServiceToMonth6, .cmsDatesOfServiceToMonth5, .cmsDatesOfServiceToMonth4, .cmsDatesOfServiceToMonth3, .cmsDatesOfServiceToMonth2, .cmsDatesOfServiceToMonth1 {
  top: 21%;
  left: -77%;
  width: 2%;
}

cmsDatesOfServiceToDate, .cmsDatesOfServiceToDate6, .cmsDatesOfServiceToDate5, .cmsDatesOfServiceToDate4, .cmsDatesOfServiceToDate3, .cmsDatesOfServiceToDate2, .cmsDatesOfServiceToDate1 {
  top: 21%;
  left: -77%;
  width: 2%;
}

cmsDatesOfServiceToYear, .cmsDatesOfServiceToYear6, .cmsDatesOfServiceToYear5, .cmsDatesOfServiceToYear4, .cmsDatesOfServiceToYear3, .cmsDatesOfServiceToYear2, .cmsDatesOfServiceToYear1 {
  left: -77%;
  top: 21%;
  width: 4%;
}

cmsPlaceOfService, .cmsPlaceOfService6, .cmsPlaceOfService5, .cmsPlaceOfService4, .cmsPlaceOfService3, .cmsPlaceOfService2, .cmsPlaceOfService1 {
  position: absolute !important;
  left: 23%;
  top: 22%;
  width: 2.6%;
}

cmsEmg, .cmsEmg6, .cmsEmg5, .cmsEmg4, .cmsEmg3, .cmsEmg2, .cmsEmg1 {
  position: absolute !important;
  left: 28%;
  top: 22%;
  width: 2.6%;
}

cmsServices, .cmsServices6, .cmsServices5, .cmsServices4, .cmsServices3, .cmsServices2, .cmsServices1 {
  position: absolute !important;
  left: 32%;
  top: 22%;
  width: 6%;
}

cmsModifier1, .cmsModifier1-6, .cmsModifier1-5, .cmsModifier1-4, .cmsModifier1-3, .cmsModifier1-2, .cmsModifier1-1 {
  position: absolute !important;
  left: 39%;
  top: 22%;
  width: 2.6%;
}

cmsModifier2, .cmsModifier2-6, .cmsModifier2-5, .cmsModifier2-4, .cmsModifier2-3, .cmsModifier2-2, .cmsModifier2-1 {
  position: absolute !important;
  left: 42.5%;
  top: 22%;
  width: 2.6%;
}

cmsModifier3, .cmsModifier3-6, .cmsModifier3-5, .cmsModifier3-4, .cmsModifier3-3, .cmsModifier3-2, .cmsModifier3-1 {
  position: absolute !important;
  top: 22%;
  left: 45.5%;
  width: 2.6%;
}

cmsModifier4, .cmsModifier4-6, .cmsModifier4-5, .cmsModifier4-4, .cmsModifier4-3, .cmsModifier4-2, .cmsModifier4-1 {
  position: absolute !important;
  top: 22%;
  left: 48.5%;
  width: 2.6%;
}

cmsDiagnosisPointer, .cmsDiagnosisPointer6, .cmsDiagnosisPointer5, .cmsDiagnosisPointer4, .cmsDiagnosisPointer3, .cmsDiagnosisPointer2, .cmsDiagnosisPointer1 {
  position: absolute !important;
  top: 22%;
  left: 53%;
  width: 5%;
}

cmsCharges, .cmsCharges6, .cmsCharges5, .cmsCharges4, .cmsCharges3, .cmsCharges2, .cmsCharges1 {
  position: absolute !important;
  width: 7.5%;
  top: 22%;
  left: 59%;
}
cmsCharges md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused .md-input, cmsCharges md-input-container:not(.md-input-invalid).md-input-focused .md-input, .cmsCharges6 md-input-container:not(.md-input-invalid).md-input-focused .md-input, .cmsCharges5 md-input-container:not(.md-input-invalid).md-input-focused .md-input, .cmsCharges4 md-input-container:not(.md-input-invalid).md-input-focused .md-input, .cmsCharges3 md-input-container:not(.md-input-invalid).md-input-focused .md-input, .cmsCharges2 md-input-container:not(.md-input-invalid).md-input-focused .md-input, .cmsCharges1 md-input-container:not(.md-input-invalid).md-input-focused .md-input, cmsCharges md-input-container.md-default-theme:not(.md-input-invalid).md-input-resized .md-input, cmsCharges md-input-container:not(.md-input-invalid).md-input-resized .md-input, .cmsCharges6 md-input-container:not(.md-input-invalid).md-input-resized .md-input, .cmsCharges5 md-input-container:not(.md-input-invalid).md-input-resized .md-input, .cmsCharges4 md-input-container:not(.md-input-invalid).md-input-resized .md-input, .cmsCharges3 md-input-container:not(.md-input-invalid).md-input-resized .md-input, .cmsCharges2 md-input-container:not(.md-input-invalid).md-input-resized .md-input, .cmsCharges1 md-input-container:not(.md-input-invalid).md-input-resized .md-input {
  border-color: transparent !important;
}

cmsCharges1a, .cmsCharges1-6, .cmsCharges1-5, .cmsCharges1-4, .cmsCharges1-3, .cmsCharges1-2, .cmsCharges1-1 {
  position: absolute !important;
  width: 3%;
  top: 22%;
  left: 63.5%;
}

cmsDaysOrUnits, .cmsDaysOrUnits6, .cmsDaysOrUnits5, .cmsDaysOrUnits4, .cmsDaysOrUnits3, .cmsDaysOrUnits2, .cmsDaysOrUnits1 {
  position: absolute !important;
  width: 3.8%;
  top: 22%;
  left: 67.5%;
}

cmsEpsdt, .cmsEpsdt6, .cmsEpsdt5, .cmsEpsdt4, .cmsEpsdt3, .cmsEpsdt2, .cmsEpsdt1 {
  position: absolute !important;
  top: 22%;
  left: 73%;
  width: 2%;
}

cmsRenderingProviderIDb, .cmsRenderingProviderID12, .cmsRenderingProviderID10, .cmsRenderingProviderID8, .cmsRenderingProviderID6, .cmsRenderingProviderID4, .cmsRenderingProviderID2 {
  position: absolute !important;
  top: 22%;
  left: 82%;
  width: 12%;
}

.cmsSupplierHeaderAToG1 {
  /*top: 203%;*/
  top: 17%;
}

.cmsSupplierHeaderAToG2 {
  top: 29%;
}

.cmsSupplierHeaderAToG3 {
  top: 41%;
}

.cmsSupplierHeaderAToG4 {
  top: 53%;
}

.cmsSupplierHeaderAToG5 {
  top: 65%;
}

.cmsSupplierHeaderAToG6 {
  top: 77%;
}

.cmsSupplierHeaderH1 {
  top: 16%;
}

.cmsSupplierHeaderH2 {
  top: 28%;
}

.cmsSupplierHeaderH3 {
  top: 40%;
}

.cmsSupplierHeaderH4 {
  top: 52%;
}

.cmsSupplierHeaderH5 {
  top: 64%;
}

.cmsSupplierHeaderH6 {
  top: 76%;
}

.cmsSupplierHeaderI1 {
  top: 11%;
}

.cmsSupplierHeaderI2 {
  top: 24%;
}

.cmsSupplierHeaderI3 {
  top: 36%;
}

.cmsSupplierHeaderI4 {
  top: 48%;
}

.cmsSupplierHeaderI5 {
  top: 60%;
}

.cmsSupplierHeaderI6 {
  top: 72%;
}

.cmsRenderingProviderID1 {
  top: 16%;
}

.cmsRenderingProviderID3 {
  top: 28%;
}

.cmsRenderingProviderID5 {
  top: 40%;
}

.cmsRenderingProviderID7 {
  top: 52%;
}

.cmsRenderingProviderID9 {
  top: 64%;
}

.cmsRenderingProviderID11 {
  top: 76%;
}

.cmsDatesOfServiceFromMonth1 {
  position: absolute !important;
  top: 22%;
  left: 7%;
  width: 15%;
}

.cmsDatesOfServiceFromMonth2 {
  top: 34%;
}

.cmsDatesOfServiceFromMonth3 {
  top: 46%;
}

.cmsDatesOfServiceFromMonth4 {
  top: 58%;
}

.cmsDatesOfServiceFromMonth5 {
  top: 70%;
}

.cmsDatesOfServiceFromMonth6 {
  top: 82%;
}

.cmsDatesOfServiceFromDate1 {
  top: 21.5%;
  left: -77%;
}

.cmsDatesOfServiceFromDate2 {
  top: 24%;
  left: -77%;
}

.cmsDatesOfServiceFromDate3 {
  top: 25.5%;
  left: -77%;
}

.cmsDatesOfServiceFromDate4 {
  top: 28%;
  left: -77%;
}

.cmsDatesOfServiceFromDate5 {
  top: 29.5%;
  left: -77%;
}

.cmsDatesOfServiceFromDate6 {
  top: 32%;
  left: -77%;
}

.cmsDatesOfServiceFromYear1 {
  top: 21.5%;
}

.cmsDatesOfServiceFromYear2 {
  top: 24%;
}

.cmsDatesOfServiceFromYear3 {
  top: 25.5%;
}

.cmsDatesOfServiceFromYear4 {
  top: 28%;
}

.cmsDatesOfServiceFromYear5 {
  top: 29.5%;
}

.cmsDatesOfServiceFromYear6 {
  top: 32%;
}

.cmsDatesOfServiceToMonth1 {
  top: 21.5%;
  left: -77%;
}

.cmsDatesOfServiceToMonth2 {
  top: 24%;
}

.cmsDatesOfServiceToMonth3 {
  top: 25.5%;
}

.cmsDatesOfServiceToMonth4 {
  top: 28%;
}

.cmsDatesOfServiceToMonth5 {
  top: 29.5%;
}

.cmsDatesOfServiceToMonth6 {
  top: 32%;
}

.cmsDatesOfServiceToDate1 {
  top: 21.5%;
}

.cmsDatesOfServiceToDate2 {
  top: 24%;
}

.cmsDatesOfServiceToDate3 {
  top: 25.5%;
}

.cmsDatesOfServiceToDate4 {
  top: 28%;
}

.cmsDatesOfServiceToDate5 {
  top: 29.5%;
}

.cmsDatesOfServiceToDate6 {
  top: 32%;
}

.cmsDatesOfServiceToYear1 {
  top: 21.5%;
}

.cmsDatesOfServiceToYear2 {
  top: 24%;
}

.cmsDatesOfServiceToYear3 {
  top: 25.5%;
}

.cmsDatesOfServiceToYear4 {
  top: 28%;
}

.cmsDatesOfServiceToYear5 {
  top: 29.5%;
}

.cmsDatesOfServiceToYear6 {
  top: 32%;
}

.cmsPlaceOfService1 {
  top: 22%;
}

.cmsPlaceOfService2 {
  top: 34%;
}

.cmsPlaceOfService3 {
  top: 46%;
}

.cmsPlaceOfService4 {
  top: 58%;
}

.cmsPlaceOfService5 {
  top: 70%;
}

.cmsPlaceOfService6 {
  top: 82%;
}

.cmsEmg1 {
  top: 22%;
}

.cmsEmg2 {
  top: 34%;
}

.cmsEmg3 {
  top: 46%;
}

.cmsEmg4 {
  top: 58%;
}

.cmsEmg5 {
  top: 70%;
}

.cmsEmg6 {
  top: 82%;
}

.cmsServices1 {
  top: 22%;
}

.cmsServices2 {
  top: 34%;
}

.cmsServices3 {
  top: 46%;
}

.cmsServices4 {
  top: 58%;
}

.cmsServices5 {
  top: 70%;
}

.cmsServices6 {
  top: 82%;
}

.cmsModifier1-1 {
  top: 22%;
}

.cmsModifier1-2 {
  top: 34%;
}

.cmsModifier1-3 {
  top: 46%;
}

.cmsModifier1-4 {
  top: 58%;
}

.cmsModifier1-5 {
  top: 70%;
}

.cmsModifier1-6 {
  top: 82%;
}

.cmsModifier2-1 {
  top: 22%;
}

.cmsModifier2-2 {
  top: 34%;
}

.cmsModifier2-3 {
  top: 46%;
}

.cmsModifier2-4 {
  top: 58%;
}

.cmsModifier2-5 {
  top: 70%;
}

.cmsModifier2-6 {
  top: 82%;
}

.cmsModifier3-1 {
  top: 22%;
}

.cmsModifier3-2 {
  top: 34%;
}

.cmsModifier3-3 {
  top: 46%;
}

.cmsModifier3-4 {
  top: 58%;
}

.cmsModifier3-5 {
  top: 70%;
}

.cmsModifier3-6 {
  top: 82%;
}

.cmsModifier4-1 {
  top: 22%;
}

.cmsModifier4-2 {
  top: 34%;
}

.cmsModifier4-3 {
  top: 46%;
}

.cmsModifier4-4 {
  top: 58%;
}

.cmsModifier4-5 {
  top: 70%;
}

.cmsModifier4-6 {
  top: 82%;
}

.cmsDiagnosisPointer1 {
  top: 22%;
}

.cmsDiagnosisPointer2 {
  top: 34%;
}

.cmsDiagnosisPointer3 {
  top: 46%;
}

.cmsDiagnosisPointer4 {
  top: 58%;
}

.cmsDiagnosisPointer5 {
  top: 70%;
}

.cmsDiagnosisPointer6 {
  top: 82%;
}

.cmsCharges1 {
  top: 17.4%;
}

.cmsCharges2 {
  top: 29.3%;
}

.cmsCharges3 {
  top: 41.2%;
}

.cmsCharges4 {
  top: 53%;
}

.cmsCharges5 {
  top: 65%;
}

.cmsCharges6 {
  top: 77%;
}

.cmsCharges1-1 {
  top: 22%;
}

.cmsCharges1-2 {
  top: 34%;
}

.cmsCharges1-3 {
  top: 46%;
}

.cmsCharges1-4 {
  top: 58%;
}

.cmsCharges1-5 {
  top: 70%;
}

.cmsCharges1-6 {
  top: 82%;
}

.cmsDaysOrUnits1 {
  top: 22%;
  margin-top: -20px;
}

.cmsDaysOrUnits2 {
  top: 34%;
  margin-top: -20px;
}

.cmsDaysOrUnits3 {
  top: 46%;
  margin-top: -20px;
}

.cmsDaysOrUnits4 {
  top: 58%;
  margin-top: -20px;
}

.cmsDaysOrUnits5 {
  top: 70%;
  margin-top: -20px;
}

.cmsDaysOrUnits6 {
  top: 82%;
  margin-top: -20px;
}

.cmsEpsdt1 {
  top: 22%;
  width: 2%;
  left: 73% !important;
}
.cmsEpsdt1 md-select {
  margin: 0px !important;
  width: 38px !important;
}
.cmsEpsdt1 md-select md-select-value {
  min-width: 42px !important;
}
.cmsEpsdt1 md-select .md-select-value .md-select-icon {
  width: 16px !important;
}

.npipos1 {
  left: 77.5% !important;
}
.npipos1 md-select {
  width: 48px !important;
}
.npipos1 md-select .md-select-value {
  min-width: 46px;
}

.npipos2 {
  left: 77.5% !important;
}
.npipos2 md-select {
  width: 38px !important;
}
.npipos2 md-select .md-select-value {
  min-width: 46px;
}

.npipos3 {
  left: 77.5% !important;
}
.npipos3 md-select {
  width: 38px !important;
}
.npipos3 md-select .md-select-value {
  min-width: 46px;
}

.npipos4 {
  left: 77.5% !important;
}
.npipos4 md-select {
  width: 38px !important;
}
.npipos4 md-select .md-select-value {
  min-width: 46px;
}

.npipos5 {
  left: 77.5% !important;
}
.npipos5 md-select {
  width: 38px !important;
}
.npipos5 md-select .md-select-value {
  min-width: 46px;
}

.npipos6 {
  left: 77.5% !important;
}
.npipos6 md-select {
  width: 38px !important;
}
.npipos6 md-select .md-select-value {
  min-width: 46px;
}

.cmsEpsdt2 {
  top: 34%;
}
.cmsEpsdt2 md-select {
  margin: 0px !important;
  width: 38px !important;
}
.cmsEpsdt2 md-select md-select-value {
  min-width: 42px !important;
}
.cmsEpsdt2 md-select .md-select-value .md-select-icon {
  width: 16px !important;
}

.cmsEpsdt3 {
  top: 46%;
}
.cmsEpsdt3 md-select {
  margin: 0px !important;
  width: 38px !important;
}
.cmsEpsdt3 md-select md-select-value {
  min-width: 42px !important;
}
.cmsEpsdt3 md-select .md-select-value .md-select-icon {
  width: 16px !important;
}

.cmsEpsdt4 {
  top: 58%;
}
.cmsEpsdt4 md-select {
  margin: 0px !important;
  width: 38px !important;
}
.cmsEpsdt4 md-select md-select-value {
  min-width: 42px !important;
}
.cmsEpsdt4 md-select .md-select-value .md-select-icon {
  width: 16px !important;
}

.cmsEpsdt5 {
  top: 70%;
}
.cmsEpsdt5 md-select {
  margin: 0px !important;
  width: 38px !important;
}
.cmsEpsdt5 md-select md-select-value {
  min-width: 42px !important;
}
.cmsEpsdt5 md-select .md-select-value .md-select-icon {
  width: 16px !important;
}

.cmsEpsdt6 {
  top: 82%;
}
.cmsEpsdt6 md-select {
  margin: 0px !important;
  width: 38px !important;
}
.cmsEpsdt6 md-select md-select-value {
  min-width: 42px !important;
}
.cmsEpsdt6 md-select .md-select-value .md-select-icon {
  width: 16px !important;
}

.cmsRenderingProviderID2 {
  top: 22%;
}

.cmsRenderingProviderID4 {
  top: 34%;
}

.cmsRenderingProviderID6 {
  top: 46%;
}

.cmsRenderingProviderID8 {
  top: 58%;
}

.cmsRenderingProviderID10 {
  top: 70%;
}

.cmsRenderingProviderID12 {
  top: 82%;
}

.cmsFederalTaxID {
  top: 47%;
  left: 5.5%;
  width: 13%;
}

.cmsPatientAccountNO {
  top: 54%;
  left: 9%;
  width: 16%;
}

.cmsTotalCharge {
  top: 54%;
  width: 7.6%;
  left: 16.5%;
}

.cmsTotalCharge1 {
  top: 54%;
  left: 17%;
  width: 1px;
}

.cmsAmountPaid {
  top: 54%;
  left: 19%;
  width: 6.5%;
}

.cmsAmountPaid1 {
  top: 54%;
  left: 18%;
  width: 2.6%;
}

.cmsRsvdForNuccUse {
  top: 54%;
  left: 20%;
  width: 7%;
}

.cmsRsvdForNuccUse1 {
  top: 54%;
  left: 20%;
  width: 2.6%;
}

.cmsServiceFacilityLocation {
  top: 61%;
  width: 28%;
  left: 29.5%;
}

/*.cmsBillingProviderLastName {
        @extend cmsFormFixedInputField;
        top: -353%;
        left: 28.7%;
        width: 11%;
        margin-top: 35px;
    }

    .cmsBillingProviderFirstName {
        @extend cmsFormFixedInputField;
        top: -353%;
        left: 29.3%;
        width: 11%;
        margin-top: 35px;
    }

    .cmsBillingProviderMiddleName {
        @extend cmsFormFixedInputField;
        top: -353%;
        left: 30.4%;
        width: 10.5%;
        margin-top: 35px;
    }

    .cmsSpace11 {
        @extend cmsSpaceFixedFields;
        top: -353%;
        left: 28.9%;
        margin-top: 35px;
    }

    .cmsSpace12 {
        @extend cmsSpaceFixedFields;
        top: -353%;
        left: 29.9%;
        margin-top: 35px;
    }*/
.cmsBillingProviderFullName {
  top: 61%;
  width: 36%;
  left: 31%;
}

.cmsBillingProviderLastName {
  top: 61%;
  width: 20%;
  left: 31%;
}

.cmsBillingProviderFirstName {
  top: 61%;
  width: 11%;
  left: 31.2%;
}

.cmsBillingProviderMiddleName {
  top: 61%;
  width: 3%;
  left: 32%;
}

.cmsBillingProviderTelephone {
  top: 223%;
  left: 20%;
  width: 3%;
}

.cmsBillingProviderTelephone32 {
  top: 21%;
  left: 31.5%;
  width: 3%;
}

.cmsBillingProviderphone {
  top: 223%;
  left: 20%;
  width: 10%;
}

.cmsBillingProviderphone32 {
  top: 21%;
  left: 31%;
  width: 10%;
}

.cmsServiceFacilityLocation1 {
  top: 43%;
  left: 29%;
  width: 29%;
  margin-top: -2px;
}

.cmsBillingProviderInfo1 {
  top: 43%;
  left: 30%;
  width: 36%;
  margin-top: -2px;
}

/*.cmsServiceFacilityCity {
        @extend cmsFormFixedInputField;
        top: -472%;
        left: 28%;
        width: 9%;
        margin-top: -5px;
    }

    .cmsServiceFacilityState {
        @extend cmsFormFixedInputField;
        top: -472%;
        left: 28.5%;
        width: 11%;
        margin-top: -5px;
    }

    .cmsServiceFacilityZip {
        @extend cmsFormFixedInputField;
        top: -472%;
        left: 29%;
        width: 10%;
        margin-top: -5px;
    }*/
.cmsServiceFacilityFullAddress {
  top: 30%;
  left: 29%;
  width: 15%;
  margin-top: -5px;
}

.cmsServiceFacilityCity {
  top: 30%;
  left: 29%;
  width: 14.5%;
  margin-top: -5px;
}

.cmsServiceFacilityCity {
  top: 30%;
  left: 29%;
  width: 14.5%;
  margin-top: -5px;
}

.cmsServiceFacilityState {
  top: 30%;
  left: 29.2%;
  width: 5%;
  margin-top: -5px;
}

.cmsServiceFacilityZip {
  top: 30%;
  left: 30%;
  width: 8%;
  margin-top: -5px;
}

/*.cmsBillingProviderCity {
        @extend cmsFormFixedInputField;
        top: -472%;
        left: 30.2%;
        width: 9%;
        margin-top: -5px;
    }

    .cmsBillingProviderState {
        @extend cmsFormFixedInputField;
        top: -472%;
        left: 30.7%;
        width: 12%;
        margin-top: -5px;
    }

    .cmsBillingProviderZip {
        @extend cmsFormFixedInputField;
        top: -472%;
        left: 31.2%;
        width: 11%;
        margin-top: -5px;
    }*/
.cmsBillingProviderFullAddress {
  top: 30%;
  left: 30%;
  width: 23%;
  margin-top: -5px;
}

.billingprovider-city {
  top: 30%;
  left: 31.5%;
  width: 9.5%;
  margin-top: -5px;
}

.billingprovider-state {
  top: 30%;
  left: 31.5%;
  width: 4.5%;
  margin-top: -5px;
}

.billingprovider-zip {
  top: 30%;
  left: 32%;
  width: 9%;
  margin-top: -5px;
}

.cmsRenderingProviderLastName {
  top: -74%;
  left: 6%;
  width: 11%;
  margin-top: -50px;
}

.cmsRenderingProviderFirstName {
  top: -74%;
  left: 17%;
  width: 8%;
  margin-top: -50px;
}

.cmsRenderingProviderMiddleName {
  top: -74%;
  left: 25%;
  width: 3.5%;
  margin-top: -50px;
}

/*.cmsPhysicianLastName {
        @extend cmsFormFixedInputField;
        top: -575%;
        left: 2%;
        width: 7%;
        margin-top: -50px;
    }*/
/*.cmsPhysicianFirstName {
        @extend cmsFormFixedInputField;
        top: -575%;*/
/*left: 2.5%;
        left: 9.5%;
        width: 7%;
        margin-top: -50px;
    }

    .cmsPhysicianMiddleName {
        @extend cmsFormFixedInputField;
        top: -575%;
        left: 3.5%;
        left: 17.5%;
        width: 7.5%;
        margin-top: -50px;
    }

    .cmsSpace9 {
        @extend cmsSpaceFixedFields;
        top: -575%;
        left: 2.2%;
        left: 9%;
        margin-top: -50px;
    }

    .cmsSpace10 {
        @extend cmsSpaceFixedFields;
        top: -575%;
        left: 3%;
        left: 17%;
        margin-top: -50px;
    }*/
.cmsRenderingProviderDegreeorCred {
  top: -62%;
  left: 6%;
  width: 7%;
  margin-top: -10px;
}
.cmsRenderingProviderDegreeorCred.degreeorcredwidth {
  width: 22% !important;
}

.cmsRenderingProviderTaxonomy {
  position: absolute !important;
  top: 13%;
  left: 6%;
  width: 22%;
  margin-top: -10px;
}

.cmsServiceFacilityLocationNPI {
  top: -13%;
  left: -1%;
  left: 7%;
  width: 9%;
  margin-top: 5px;
}

.cmsServiceFacilityLocationNPI1 {
  top: -14%;
  left: 13%;
  width: 14%;
  margin-top: 5px;
}

.cmsServiceFacilityLocationNPI1_qc {
  top: -4%;
  left: 39.2%;
  position: absolute !important;
  width: 4%;
}

.cmsBillingProviderInfoNPI {
  top: -14%;
  left: 14%;
  width: 13%;
  margin-top: 5px;
}

.cmsBillingProviderInfoNPI1 {
  top: -14%;
  left: 16.5%;
  width: 14%;
  margin-top: 5px;
}

.cmsBillingProviderInfoNP-qc {
  top: -14%;
  left: 15.5%;
  width: 6.5%;
  margin-top: 5px;
}

.cmsBackgroundImageCenter .cms1500ImageBottomWidth {
  width: 1800px;
}

.primaryRemittance a {
  color: #0074f1 !important;
}
.primaryRemittance a:hover,
.primaryRemittance a:focus {
  color: #0074f1 !important;
  text-decoration: underline;
}

.secondary-billing-submit {
  transform: none !important;
  margin-top: 0px !important;
}

/*@import "../Views/Schedule/Clock_Picker";*/
/**********************
          Process Payroll Styles
          *******************************/
.processPayroll_completeWizard {
  max-height: calc(100vh - 260px);
  min-height: calc(100vh - 260px);
  border: 1px solid #0074f1;
}
.processPayroll_completeWizard .processPayroll_completionView {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.canvas-page {
  min-width: 210mm;
  max-width: 350mm;
  padding-right: 10px;
}
.canvas-page .printable-row-heading {
  padding-right: 0px;
}
.canvas-page .printable-footer-row {
  margin-left: -6em !important;
}
.canvas-page .printable-row {
  min-width: 210mm;
}
.canvas-page .printable-row p {
  padding-left: 1em;
}
.canvas-page .row {
  margin-left: 0px;
}

.processpayroll-canvas-page .printable-row {
  display: table;
}
.processpayroll-canvas-page th:nth-child(1),
.processpayroll-canvas-page td:nth-child(1) {
  width: 40% !important;
}
.processpayroll-canvas-page th:nth-child(2),
.processpayroll-canvas-page td:nth-child(2) {
  width: 20% !important;
}
.processpayroll-canvas-page th:nth-child(3),
.processpayroll-canvas-page td:nth-child(3) {
  width: 10% !important;
}
.processpayroll-canvas-page th:nth-child(4),
.processpayroll-canvas-page td:nth-child(4) {
  width: 10% !important;
}
.processpayroll-canvas-page th:nth-child(5),
.processpayroll-canvas-page td:nth-child(5) {
  width: 10% !important;
}
.processpayroll-canvas-page th:nth-child(6),
.processpayroll-canvas-page td:nth-child(6) {
  width: 10% !important;
}

#DailogPayrollBatchReport th:nth-child(1),
#DailogPayrollBatchReport td:nth-child(1) {
  width: 40% !important;
}
#DailogPayrollBatchReport th:nth-child(2),
#DailogPayrollBatchReport td:nth-child(2) {
  width: 20% !important;
}
#DailogPayrollBatchReport th:nth-child(3),
#DailogPayrollBatchReport td:nth-child(3) {
  width: 10% !important;
}
#DailogPayrollBatchReport th:nth-child(4),
#DailogPayrollBatchReport td:nth-child(4) {
  width: 10% !important;
}
#DailogPayrollBatchReport th:nth-child(5),
#DailogPayrollBatchReport td:nth-child(5) {
  width: 10% !important;
}
#DailogPayrollBatchReport th:nth-child(6),
#DailogPayrollBatchReport td:nth-child(6) {
  width: 10% !important;
}

.processPayroll_defaultWizard {
  min-height: calc(100vh - 135px);
  max-height: calc(100vh - 135px);
  border: 1px solid #0074f1;
}
.processPayroll_defaultWizard .processPayroll_dateField, .processPayroll_defaultWizard .payroll_PaySummary {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 580px;
}
.processPayroll_defaultWizard .payroll_PaySummary {
  min-width: 580px;
  width: 580px;
  min-height: 400px;
}
.processPayroll_defaultWizard .paroll_rightArrow {
  right: 25px;
}
.processPayroll_defaultWizard .label_PayrollProcessed {
  padding-left: 225px;
}

.processPayroll_mismatchTable .aloha-advanced-datarow .aloha-advanced-td:nth-child(3) {
  background-color: #f5f7fa;
}

.processPayroll_noPayTable .aloha-advanced-datarow .aloha-advanced-td:nth-child(8) {
  background-color: #f5f7fa;
}

.aloha_floatClear {
  clear: both;
}

#outputPayrollReport {
  display: none;
}

/********************
    Responsive Styles
    ******************************/
@media only screen and (min-width: 350px) and (max-width: 600px) {
  .processPayroll_defaultWizard .processPayroll_dateField, .processPayroll_defaultWizard .payroll_PaySummary {
    position: absolute;
    top: 50%;
    left: 25%;
    -ms-transform: translate(-15%, -50%);
    -webkit-transform: translate(-15%, -50%);
    transform: translate(-15%, -50%);
    min-width: 300px;
  }
  .processPayroll_defaultWizard .payroll_PaySummary {
    min-width: 300px;
    width: 300px;
  }
  .processPayroll_defaultWizard .paroll_rightArrow {
    right: 30px;
  }
  .processPayroll_defaultWizard .label_PayrollProcessed {
    padding-left: 47px;
  }
}
.aloha-text-overflow {
  white-space: nowrap !important;
  text-overflow: ellipsis;
  overflow: hidden !important;
  max-width: 20px;
}

/*.aloha-text-overflow:hover {
    overflow: visible;
}*/
@media only screen and (min-width: 601px) and (max-width: 767px) {
  .processPayroll_defaultWizard .processPayroll_dateField, .processPayroll_defaultWizard .payroll_PaySummary {
    position: absolute;
    top: 50%;
    left: 25%;
    -ms-transform: translate(-15%, -50%);
    -webkit-transform: translate(-15%, -50%);
    transform: translate(-15%, -50%);
    min-width: 400px;
  }
  .processPayroll_defaultWizard .payroll_PaySummary {
    min-width: 400px;
    width: 400px;
  }
  .processPayroll_defaultWizard .paroll_rightArrow {
    right: 30px;
  }
  .processPayroll_defaultWizard .label_PayrollProcessed {
    padding-left: 58px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 820px) {
  .processPayroll_defaultWizard .processPayroll_dateField, .processPayroll_defaultWizard .payroll_PaySummary {
    position: absolute;
    top: 50%;
    left: 14%;
    -ms-transform: translate(-7%, -50%);
    -webkit-transform: translate(-7%, -50%);
    transform: translate(-7%, -50%);
    min-width: 530px;
  }
  .processPayroll_defaultWizard .payroll_PaySummary {
    min-width: 530px;
    width: 530px;
  }
  .processPayroll_defaultWizard .paroll_rightArrow {
    right: 30px;
  }
  .processPayroll_defaultWizard .label_PayrollProcessed {
    padding-left: 193px;
  }
}
.processPayroll_defaultWizard_border {
  border: 1px solid #0074f1;
}

/**********************
       Author - Anil
       Account Receivable Component Styles
      **********************************************/
/*----------- AR- Manager Styles-----------*/
.AR_selectAllCheck {
  margin-left: -4px;
}

.AR_CheckBoxTbody {
  display: inline-flex;
  margin-bottom: -8px;
}

.AR_DaysField {
  margin-top: -10px;
  display: inline-flex;
  transform: translate(0%, 30%);
}

.aloha-armanager-subheader {
  display: flex;
  flex-direction: row;
  align-content: center;
}

.ARManager_Table .advanced_NewHeader .aloha-advanced-th:nth-child(2),
.ARManager_Table .advanced_NewHeader .aloha-advanced-th:nth-child(3),
.ARManager_ChargeTable .advanced_NewHeader .aloha-advanced-th:nth-child(2),
.ARManager_ChargeTable .advanced_NewHeader .aloha-advanced-th:nth-child(3) {
  background-color: #f5f7fa;
  border-right: 1px solid #ebeff5;
  border-left: 1px solid #ebeff5;
  border-bottom: none;
  border-top: none;
  margin-right: -4px;
}

.dropdown-menu-right {
  right: 0px;
  left: auto;
}

.dropdown-menu-center {
  right: unset;
  left: auto;
}

.payment-source-transfer {
  position: relative;
  top: 6px;
}

.ar_BtnclientInvoice {
  padding-right: 80px !important;
}

.ar_btnFixClaim {
  margin-right: 80px;
}

.short_settingsContent {
  padding-top: 50px;
  padding-bottom: 50px;
}

.ar_settingsMargin {
  margin-top: -3px;
}

#loadedRecordsMessage {
  position: absolute;
  right: 0px;
  top: 10px;
}

#loadMoreClaims {
  position: absolute;
  bottom: 3%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 111111;
}
#loadMoreClaims .loadMoreClaimsButton {
  background: #ebeff5;
  border: #ebeff5;
  color: #0074f1 !important;
}

/*----------- AR - Fix Claim Styles-----------*/
.fixcliam_Table .advanced_NewHeader .aloha-advanced-th:nth-child(3),
.fixcliam_Table .advanced_NewHeader .aloha-advanced-th:nth-child(4) {
  background-color: #f5f7fa;
  border-right: 1px solid #ebeff5;
  border-left: 1px solid #ebeff5;
  border-bottom: none;
  border-top: none;
  margin-right: -4px;
}

.ar_FixClaimArrows {
  margin-right: -10em;
}

.ar_scrollArrow {
  padding: 5px 5px 5px 5px;
}
.ar_scrollArrow:hover {
  border-radius: 50%;
  background-color: #ebeff5;
}

.billingCodeStyle md-input-container {
  margin: 0px !important;
  padding: 0px !important;
}
.billingCodeStyle .md-select-value {
  min-height: 24px !important;
  padding: 0px !important;
}

.AR_FixClaimSampleView .editable-wrap {
  max-width: 100px;
}
.AR_FixClaimSampleView .editable-wrap aloha-input.fixClaimUnits md-input-container, .AR_FixClaimSampleView .editable-wrap aloha-input.fixClaimRate md-input-container {
  width: 50px;
  margin-top: 0px;
  display: inline-block;
}
.AR_FixClaimSampleView .editable-wrap aloha-input.fixClaimUnits .has-error, .AR_FixClaimSampleView .editable-wrap aloha-input.fixClaimRate .has-error {
  display: none !important;
}
.AR_FixClaimSampleView .editable-wrap aloha-input.fixClaimRate md-input-container {
  width: 75px;
}

/*----------- AR - Post Payment Styles-----------*/
.scrollForPaymentSource i[icon-name=iMenuDown-lg],
.scrollForPaymentSource i[icon-name=iMenuUp-lg] {
  top: 3px;
}

.postPayment_Table .aloha-advanced-headerrow {
  padding-left: 0px !important;
}
.postPayment_Table .advanced_NewHeader .aloha-advanced-th:nth-child(3),
.postPayment_Table .advanced_NewHeader .aloha-advanced-th:nth-child(5) {
  background-color: #f5f7fa;
  border-right: 1px solid #ebeff5;
  border-left: 1px solid #ebeff5;
  border-bottom: none;
  border-top: none;
}

.postPayment_ChargeTable .advanced_NewHeader .aloha-advanced-th:nth-child(3),
.postPayment_ChargeTable .advanced_NewHeader .aloha-advanced-th:nth-child(4) {
  background-color: #f5f7fa;
  border-right: 1px solid #ebeff5;
  border-left: 1px solid #ebeff5;
  border-bottom: none;
  border-top: none;
  margin-right: -4px;
}

.AR_adjutment_Dialoginfo {
  line-height: 32px;
}

.paymentLabel {
  padding-left: 50px;
  float: right;
}

.RgtTableHight {
  min-height: 330px;
  max-height: 330px;
}
.RgtTableHight .alohadatarow, .RgtTableHight .aloha_addDatarow {
  min-height: 40px !important;
}
.RgtTableHight .alohadatarow .alohatd, .RgtTableHight .aloha_addDatarow .alohatd {
  min-height: 40px !important;
}

.PostPayment-LftTable1 {
  min-height: 50px;
}
.PostPayment-LftTable1 .colLog1 {
  min-width: 170px;
  max-width: 170px;
}
.PostPayment-LftTable1 .colLog2,
.PostPayment-LftTable1 .colLog6 {
  min-width: 120px;
  max-width: 120px;
}
.PostPayment-LftTable1 .colLog3,
.PostPayment-LftTable1 .colLog4,
.PostPayment-LftTable1 .colLog5 {
  min-width: 110px;
  max-width: 110px;
}
.PostPayment-LftTable1 .colLog7 {
  min-width: 160px;
  max-width: 160px;
}
.PostPayment-LftTable1 .colLog8 {
  min-width: 100px;
  max-width: 100px;
}
.PostPayment-LftTable1 .colLog9 {
  min-width: 170px;
  max-width: 170px;
}

.PostPayment-LftTable2 {
  min-height: 100px;
}
.PostPayment-LftTable2 .colLog1 {
  min-width: 150px;
  max-width: 150px;
}
.PostPayment-LftTable2 .colLog2 {
  min-width: 270px;
  max-width: 270px;
}
.PostPayment-LftTable2 .colLog3 {
  min-width: 182px;
  max-width: 182px;
}
.PostPayment-LftTable2 .colLog4,
.PostPayment-LftTable2 .colLog5,
.PostPayment-LftTable2 .colLog6,
.PostPayment-LftTable2 .colLog7 {
  min-width: 130px;
  max-width: 130px;
}
.PostPayment-LftTable2 .colLog8 {
  min-width: 50px;
  max-width: 50px;
}
.PostPayment-LftTable2 .paymentNoteLabel {
  min-width: 1120px;
  max-width: 1120px;
  padding: 0px 10px 0px;
  outline: none;
}
.PostPayment-LftTable2 i[icon-name=iReplay-lg] {
  color: #0074f1;
}
.PostPayment-LftTable2 div:disabled i[icon-name=iReplay-lg],
.PostPayment-LftTable2 div[disabled] i[icon-name=iReplay-lg] {
  color: #76859c !important;
}

#paymentDetailsSection *[disabled] md-input-container > label {
  opacity: 0.5;
}

/*----------- AR - Payment Source Styles-----------*/
.paymentSource_TransactionIcon {
  margin: -15px 0px 7px 0px;
  top: 12px;
}

.column_disabled {
  background-color: #f8f8f8;
  pointer-events: none;
}

/*----------- AR - Rebill Styles-----------*/
.rebill_btnProcessBilling {
  margin: 15px 100px;
}

.arPostPayment_gridView {
  border-right: 5px solid #ebeff5;
}

.paymentsource-footeractions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.alohabtn-focus:active {
  border-color: yellow;
}
.alohabtn-focus:focus {
  outline: none;
  box-shadow: 0px 1px 1px #0074f1, -1px 1px 1px #0074f1, -1px -1px 1px #0074f1, 1px -1px 1px #0074f1;
}

.aloha-focus-none:focus {
  outline: none;
}
.aloha-focus-none:focus-visible {
  outline: none;
}

.postpayment-right-container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: baseline;
}

.date-picker-container {
  display: flex;
  align-items: center;
  min-width: 300px;
}
.date-picker-container ._md-datepicker-floating-label {
  margin-top: 0px !important;
}

.postPaymentsubHeader .mass-apply {
  top: 14px;
}
.postPaymentsubHeader .open {
  width: initial;
}
.postPaymentsubHeader .billing_DateArrow {
  position: relative;
  top: 0px;
  padding: 10px;
}

/**********************
        Author - Anil
        Discription: Tab Normalization Account Receivable Component Styles
       *************************************************************************/
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /*----------- AR - Rebill Styles-----------*/
  .rebill_btnProcessBilling {
    margin: 15px 50px !important;
  }
  .ar_BtnclientInvoice {
    padding-right: 10px !important;
  }
  .ar_btnFixClaim {
    margin-right: 50px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .PostPaymentTabView {
    clear: both;
  }
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .mainDiv {
    height: 80vh !important;
    overflow-y: hidden;
  }
  .short_settingsContent {
    transform: translate(0%, 40%);
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }
  .paymentLabel {
    padding-left: 40px;
    float: left;
  }
  .arPostPayment_smPdng {
    padding-top: 50px;
  }
  .arPostPayment_gridView {
    padding-left: 30px;
    padding-right: 30px;
    border-right: none;
  }
  .PostPaymentTabView {
    clear: both;
  }
  .resizableTable {
    min-height: 50px !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mainDiv {
    height: 80vh !important;
    overflow-y: hidden;
  }
  .panel-top {
    flex: 0 0 auto;
    min-height: 100px;
    max-height: 250px;
  }
  .panel-top-no-results {
    min-height: 300px;
  }
  .scrollForPaymentSource {
    overflow-x: auto !important;
    max-height: calc(100vh - 193px) !important;
    min-height: calc(100vh - 193px) !important;
  }
  .postPaymentsubHeader .paymentLabel {
    padding-left: 40px;
  }
  .postPaymentsubHeader .aloha_textLeftCenter {
    transform: translate(0%, 39%) !important;
  }
  .postPaymentsubHeader .open {
    width: initial;
  }
  .postPaymentsubHeader .billing_DateArrow {
    position: relative;
    top: 10px;
    padding: 10px;
  }
  .postPaymentsubHeader .mass-apply {
    position: relative;
    top: 14px;
  }
  .postPaymentsubHeader .date-picker-container ._md-datepicker-floating-label {
    margin-top: 10px !important;
  }
  .alohaComponent-Container {
    padding: 61px 30px 15px 95px;
  }
  .RgtTableHight {
    min-height: 110px;
    max-height: 110px;
  }
  #paymentDetailsSection md-input-container {
    margin: 12px 0;
  }
  #paymentDetailsSection md-input-container .md-input {
    height: 25px;
  }
  #paymentDetailsSection md-input-container i[icon-name=iUSD-md] {
    margin-top: -21px;
  }
  #actionSection .md-select-value {
    min-height: 18px;
  }
  .resizableTable,
  .resizableTempTable {
    min-height: 50px;
  }
  .PostPayment-LftTable1 {
    min-height: 50px;
  }
  .PostPayment-LftTable1 .colLog1 {
    min-width: 105px;
    max-width: 105px;
  }
  .PostPayment-LftTable1 .colLog2,
  .PostPayment-LftTable1 .colLog6 {
    min-width: 80px;
    max-width: 80px;
  }
  .PostPayment-LftTable1 .colLog3,
  .PostPayment-LftTable1 .colLog4,
  .PostPayment-LftTable1 .colLog5 {
    min-width: 82px;
    max-width: 82px;
  }
  .PostPayment-LftTable1 .colLog7 {
    min-width: 90px;
    max-width: 90px;
  }
  .PostPayment-LftTable1 .colLog8 {
    min-width: 95px;
    max-width: 95px;
  }
  .PostPayment-LftTable1 .colLog9 {
    min-width: 106px;
    max-width: 106px;
  }
  .PostPayment-LftTable2 {
    min-height: 50px;
  }
  .PostPayment-LftTable2 .colLog1 {
    min-width: 100px;
    max-width: 100px;
  }
  .PostPayment-LftTable2 .colLog2 {
    min-width: 120px;
    max-width: 120px;
  }
  .PostPayment-LftTable2 .colLog3 {
    min-width: 100px;
    max-width: 100px;
  }
  .PostPayment-LftTable2 .colLog4,
  .PostPayment-LftTable2 .colLog5,
  .PostPayment-LftTable2 .colLog6,
  .PostPayment-LftTable2 .colLog7 {
    min-width: 110px;
    max-width: 110px;
  }
  .PostPayment-LftTable2 .colLog8 {
    min-width: 40px;
    max-width: 40px;
  }
  .PostPayment-LftTable2 .paymentNoteLabel {
    min-width: 760px;
    max-width: 760px;
  }
}
@media only screen and (min-width: 1400px) {
  .resizableTable,
  .resizableTempTable {
    min-height: 50px;
  }
  .mainDiv {
    height: 80vh !important;
    overflow-y: hidden;
  }
  .panel-top {
    flex: 0 0 auto;
    min-height: 100px;
    max-height: 500px;
  }
  .panel-top-no-results {
    min-height: 300px;
  }
  .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-table-body {
    max-height: calc(100vh - 240px);
    min-height: calc(100vh - 240px);
  }
  .alohatable-advanced-parent .aloha-advanced-table .autoFilterdTbody {
    max-height: calc(100vh - 282px) !important;
    min-height: calc(100vh - 282px) !important;
  }
}
.md-button.md-icon-button md-icon,
button.md-button.md-fab md-icon {
  display: none;
}

.splitter-horizontal {
  flex: 0 0 auto;
  cursor: row-resize;
}

.panel-bottom {
  flex: 1 1 auto;
  min-height: 100px;
}

/* Secondary Billing Styles*/
.secondaryBillingView {
  margin: 60px 30px 0px 95px;
}

.secondaryBillingView2 {
  margin: 0px 30px 0px 95px;
}

.editClaimView {
  margin: 100px 15px 0px 80px;
}
.editClaimView ul {
  list-style-type: none;
}

.chargeLineInfoPopupStyle {
  max-height: calc(40vh - 240px) !important;
  min-height: calc(40vh - 240px) !important;
}

.EditCliamViewStyles li:hover {
  background-color: #ebeff5 !important;
}
.EditCliamViewStyles li:hover a {
  text-decoration: none !important;
  color: #0074f1 !important;
}

.selectedfieldColor {
  background-color: #ebeff5 !important;
}
.selectedfieldColor a {
  text-decoration: none !important;
  color: #0074f1 !important;
}

.secondaryClaimHeight {
  width: 75% !important;
  height: 85vh !important;
}

.aloha-fontweight-500 {
  font-weight: 500;
}

.adjustmentStyleInEditClaim {
  background-color: #f5f7fa;
  border-right: 1px solid #ebeff5;
  border-left: 1px solid #ebeff5;
}

.PrimaryRemittanceRemove {
  border: 1px solid;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  text-align: center;
}

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

/* End of Secondary Billing Styles*/
@media only screen and (min-width: 1300px) and (max-width: 1600px) {
  /*----------- Postpayment transfer button styles-----------*/
  .transferBtnStyle {
    position: absolute;
    margin-left: 35px;
    margin-top: -10px;
  }
}
.billed-files-header {
  display: flex;
  flex-wrap: wrap;
}
.billed-files-header .aloha-rangepicker-container {
  margin-right: -5px;
}

@media only screen and (max-width: 767px) {
  .billed-files-header .aloha-rangepicker-container {
    margin-left: 0px;
  }
  .billed-files-header .aloha-rangepicker-container .aloha-rangepicker {
    width: 160px !important;
    margin-right: -5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .billed-files-header .aloha-rangepicker-container {
    margin-left: 0px;
  }
  .billed-files-header .aloha-rangepicker-container .aloha-rangepicker {
    width: 160px !important;
    margin-right: -5px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .billed-files-header .aloha-rangepicker-container {
    margin-left: 56px !important;
  }
}
.aloha-payment-tran-history {
  display: flex !important;
  align-items: center;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 24px;
  width: 100% !important;
}
.aloha-payment-tran-history .payment-tran-history-title {
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 24px;
  padding: 7px 10px 7px 32px;
  justify-content: center;
  width: 100%;
}

.aloha-download-excel {
  position: relative;
  top: 14px;
}

.paymentsource-tooltip a {
  position: relative;
  display: inline-block;
}
.paymentsource-tooltip span {
  display: none;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin: 2px !important;
}
.paymentsource-tooltip a:hover span {
  display: block;
  position: absolute;
  width: max-content;
  left: -172px;
  top: 20px;
  color: red;
  background: white;
}

/********************BASE CLASS****************************/
.aloha-dashboardCard {
  margin-top: 15px;
}

.dashboardCard {
  border-radius: 5px;
  padding: 10px;
  box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.12);
}

.defaultWidget {
  border: 1px dashed rgba(0, 0, 0, 0.12);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/********************--ROW 0--***************************/
.alohaCardShadow {
  box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.12);
}

.info-card {
  margin: 0px 0px 0px 0px;
  height: 72px;
  border-radius: 5px;
}

.dbd_prefixImage {
  height: 72px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}

.infoSection {
  height: 70px;
}

.infoCardTitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  padding: 5px 5px 0px 5px;
}

/********************--ROW 1--***************************/
.widget_row1 {
  position: relative;
  margin: auto;
  height: 120px;
  width: 100%;
}

.widget-card-row1 {
  margin: 0px 0px 0px 0px;
  height: 150px;
  border-radius: 5px;
}

/********************--ROW 2--***************************/
.widget_row2 {
  position: relative;
  margin: auto;
  height: 280px;
  width: 100%;
}

.widget-card-row2 {
  margin: 0px 0px 0px 0px;
  height: 300px;
  border-radius: 5px;
}

/********************--ROW 3--***************************/
.widget_row3 {
  position: relative;
  margin: auto;
  height: 180px;
  width: 100%;
}

.listView {
  position: relative;
  margin: auto;
  width: 100%;
  height: 176px;
}

.widget-card-row3 {
  margin: 0px 0px 0px 0px;
  height: 250px;
  border-radius: 5px;
}

/****** 
    - Sneha
    Range added for potraite mode (md- range)
        ************/
@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .listview {
    height: 175px !important;
  }
  .ellipsis {
    white-space: nowrap;
    width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
  }
  .leftnav {
    width: 26px;
  }
  .rightnav {
    width: 8px;
  }
  .widthdate {
    padding-left: 4px;
  }
}
.removeAnim {
  margin: auto;
  border: 1px solid #ff0303;
  color: white;
  -webkit-animation: mymove 5s infinite;
  animation: mymove 1s infinite;
  border-radius: 45%;
}

/* Chrome, Safari, Opera 
@-webkit-keyframes mymove {
    50% {
        -webkit-transform: rotate(60deg);
    }
}

/* Standard syntax */
@keyframes mymove {
  50% {
    transform: rotate(60deg);
  }
}
.test1 {
  font-size: 16px;
}

.greyedout {
  background-color: #f5f5f5;
}

.datepickerTest .md-button.md-icon-button {
  display: none;
}
.datepickerTest .md-datepicker-input-container {
  border-bottom-width: 0px;
  width: auto;
}
.datepickerTest .md-datepicker-input {
  width: 200px;
  min-width: 100px;
  max-width: 0px;
}

.dialyAppts .md-datepicker-button {
  display: none !important;
  box-sizing: border-box;
  background: none;
  vertical-align: middle;
  position: relative;
}
.dialyAppts .md-button {
  display: none !important;
}
.dialyAppts.md-datepicker-input-container {
  position: relative;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  display: inline-block;
  width: 100%;
}

._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  /*right: 69px !important;
  left: auto;
  width: calc(100% - 84px);*/
  right: 60px !important;
  left: auto;
  width: calc(100% - 74px);
}

.alohaWidth-115 {
  width: 115px;
}

/*@media only screen and (max-width:1200px) and (min-width:1024px) {
    .widget_row  {
        height: 140px !important;
    }
}*/
@media only screen and (max-width: 768px) {
  ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
    right: 9px !important;
    left: auto;
    width: calc(100% - 23px);
  }
}
.box {
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
  height: 40px;
  width: 40px;
  background: white;
  border-radius: 25px;
}

.alohaMrgnn-tp-17 {
  margin-top: -17px !important;
}

.alohaMrgnn-rgt-63 {
  margin-right: -63px !important;
}

.alohaMrgnn-tp-19 {
  margin-top: -19px !important;
}

.alohaMrgnn-rgt-112 {
  margin-right: -112px !important;
}

.aloha-switch_dashboard {
  width: 24px;
  cursor: pointer;
}

.aloha-switch_dashboard span {
  position: relative;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 1.2em;
  overflow: hidden;
  font-weight: normal;
  text-align: center;
  border-radius: 15px;
  padding: 4px;
  transition: color 0.3s ease, padding 0.3s ease-in-out, background 0.3s ease-in-out;
}

@media (max-width: 1399px) and (min-width: 1200px) {
  .aloha-switch_dashboard span {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
.aloha-switch_dashboard span:before {
  position: relative;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.36em;
  padding: 0 5px;
}

.aloha-switch_dashboard span:after {
  position: absolute;
  display: block;
  content: "";
  border-radius: 15px;
  width: 16px;
  height: 15px;
  margin-left: -17px;
  text-overflow: ellipsis;
  top: 2px;
  background: #ffffff;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 0.97), background 0.3s ease-in-out;
}

.aloha-switch_dashboard input[type=checkbox] {
  display: none !important;
}

.aloha-switch_dashboard input[type=checkbox]:not(:checked) + span {
  background: #aec2d7;
  color: #ffffff;
  padding-left: 24px;
  padding-right: 0.4em;
}

.aloha-switch_dashboard input[type=checkbox]:not(:checked) + span:before {
  content: attr(data-off);
  color: #ffffff;
}

.aloha-switch_dashboard input[type=checkbox]:not(:checked) + span:after {
  background: #ffffff;
  left: 19px;
}

.aloha-switch_dashboard input[type=checkbox]:checked + span {
  background: #0074f1;
  color: #ffffff;
  padding-left: 0.4em;
  padding-right: 24px;
}

.aloha-switch_dashboard input[type=checkbox]:checked + span:before {
  content: attr(data-on);
  text-overflow: ellipsis;
}

.aloha-switch_dashboard input[type=checkbox]:checked + span:after {
  background: #ffffff;
  left: 100%;
}

.aloha-switch_dashboard {
  width: "";
  cursor: pointer;
}

.aloha-switch_dashboard span {
  position: relative;
  display: block;
  height: 21px;
  width: 20px;
  line-height: 1.2em;
  overflow: hidden;
  font-weight: normal;
  text-align: center;
  border-radius: 15px;
  padding: 4px;
  transition: color 0.3s ease, padding 0.3s ease-in-out, background 0.3s ease-in-out;
}

@media (max-width: 1399px) and (min-width: 1200px) {
  .aloha-switch_dashboard span {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
.aloha-switch_dashboard span:before {
  position: relative;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.36em;
  padding: 0 5px;
}

.aloha-switch_dashboard span:after {
  position: absolute;
  display: block;
  content: "";
  border-radius: 15px;
  width: 18px;
  height: 16px;
  margin-left: -19px;
  text-overflow: ellipsis;
  top: 2px;
  background: #ffffff;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 0.97), background 0.3s ease-in-out;
}

.aloha-switch_dashboard input[type=checkbox] {
  display: none !important;
}

.aloha-switch_dashboard input[type=checkbox]:not(:checked) + span {
  background: #aec2d7;
  color: #ffffff;
  padding-left: 24px;
  padding-right: 0.4em;
}

.aloha-switch_dashboard input[type=checkbox]:not(:checked) + span:before {
  content: attr(data-off);
  color: #ffffff;
}

.aloha-switch_dashboard input[type=checkbox]:not(:checked) + span:after {
  background: #ffffff;
  left: 19px;
}

.aloha-switch_dashboard input[type=checkbox]:checked + span {
  background: #0074f1;
  color: #ffffff;
  padding-left: 0.4em;
  padding-right: 24px;
}

.aloha-switch_dashboard input[type=checkbox]:checked + span:before {
  content: attr(data-on);
  text-overflow: ellipsis;
}

.aloha-switch_dashboard input[type=checkbox]:checked + span:after {
  background: #ffffff;
  left: 100%;
}

.rate {
  display: inline-block;
  float: right !important;
}

.aloha-switch_dashboard {
  margin-left: 10px; /* Adjust as needed for spacing between label and toggle */
  float: right !important;
}

.evv-data {
  padding: 10px !important;
}

.select-evv {
  padding-left: 40px !important;
}

.aloha-icon-wrapper {
  position: relative;
  z-index: 0;
  overflow: hidden;
  padding: 20rem 0;
}

/* The circle */
.aloha-icon-emitter {
  position: relative;
  margin: 0 auto;
  width: 275px;
  height: 275px;
  border-radius: 9999px;
}

/* the 'wave', same shape and size as its parent */
.aloha-icon-wave {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1000px;
  background-color: #f3f3f3;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
}

/*
  Animate!
  NOTE: add browser prefixes where needed.
*/
.aloha-icon-wave {
  animation: sonarWave 2s linear infinite;
}

@keyframes sonarWave {
  from {
    opacity: 0.4;
  }
  to {
    transform: scale(3);
    opacity: 0;
  }
}
.DatainitLogo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.DatainitProgressBarShadow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.DatainitProgressBar {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.DatainitProgressBar md-progress-linear.md-default-theme .md-bar, .DatainitProgressBar md-progress-linear .md-bar {
  background-color: #d3c585 !important;
}
.DatainitProgressBar md-progress-linear.md-default-theme .md-container, .DatainitProgressBar md-progress-linear .md-container {
  background-color: #f1edd9;
}

.BillingProgressBar md-progress-linear.md-default-theme .md-bar, .BillingProgressBar md-progress-linear .md-bar {
  background-color: #d3c585 !important;
}
.BillingProgressBar md-progress-linear.md-default-theme .md-container, .BillingProgressBar md-progress-linear .md-container {
  background-color: #f1edd9;
}
.BillingProgressBar md-progress-linear.md-default-theme .md-container, .BillingProgressBar md-progress-linear .md-container {
  position: relative !important;
}

.DatainitText {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.DatainitTextReload {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.DatainitTextReload1 {
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.DatainitTextPercentage {
  position: absolute;
  top: 65%;
  left: 110%;
  transform: translate(-50%, -50%);
}

.globalProgressBarShadow {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.globalProgressBar {
  position: absolute;
  top: 23%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  /*& md-progress-linear.md-default-theme .md-bar, md-progress-linear .md-bar {
      //background-color: $alohaLink_C !important;
  }*/
}
.globalProgressBar md-progress-linear.md-default-theme .md-container, .globalProgressBar md-progress-linear .md-container {
  background-color: #f8f8f8;
}

#navigateToPaymentsPagePopup .md-button {
  padding: 0 10px !important;
}

/*=========================================================================================
    Admin - Anil
 Discription: GlobalProgressBar Loding Color -- over riding default md-theme inline style
==========================================================================================**/
md-progress-linear.md-default-theme .md-bar, md-progress-linear .md-bar {
  background-color: #0074f1 !important;
}

.globalProgressBarText {
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dashboardProgressBar {
  z-index: 6;
}

.aloha-progress-bar-text {
  padding-left: 378px;
  padding-right: 286px;
  padding-top: 9px;
}

.dashboardProgressBarMargin {
  margin-left: -104px;
}

@media only screen and (max-width: 823px) and (min-width: 768px) {
  .aloha-progress-bar-text {
    padding-left: 0;
    padding-right: 0;
  }
  .dashboardProgressBarMargin {
    margin-left: -76px;
  }
}
@media only screen and (max-width: 991px) and (min-width: 824px) {
  .aloha-progress-bar-text {
    padding-left: 10px;
    padding-right: 0;
  }
  .dashboardProgressBarMargin {
    margin-left: -76px;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .aloha-progress-bar-text {
    padding-left: 78px;
    padding-right: 0;
  }
  .dashboardProgressBarMargin {
    margin-left: -76px;
  }
}
@media only screen and (max-width: 1399px) and (min-width: 1200px) {
  .aloha-progress-bar-text {
    padding-left: 78px;
    padding-right: 0;
    padding-top: 1px;
  }
  .dashboardProgressBarMargin {
    margin-left: -76px;
  }
}
@media only screen and (max-width: 1745px) and (min-width: 1400px) {
  .aloha-progress-bar-text {
    padding-left: 312px;
    padding-right: 0;
  }
  .dashboardProgressBarMargin {
    margin-left: -76px;
  }
}
/*----------------------- Aloha Popups ------------------------------ */
/**********************
       Author - Anil
       Advanced Pop-up Styles
      ******************************/
/*--------- bootstrap Claas's ---------*/
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1039;
  display: none;
  overflow: auto;
}

.modal-content {
  -webkit-box-shadow: 0 0px 100px rgba(0, 0, 0, 0.08), 0 5px 5px rgba(0, 0, 0, 0);
  box-shadow: 0px 3px 100px rgba(0, 0, 0, 0.25) !important;
  border: rgba(0, 0, 0, 0);
  border-radius: 0px !important;
}

.modal-backdrop {
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0.1 !important;
}
.modal-backdrop.fade {
  transition: none !important;
}

.modal-dialog {
  padding: 0px;
}

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
  margin-right: 0px;
}

@media screen and (min-width: 768px) {
  .modal-content {
    -webkit-box-shadow: 0 0px 100px rgba(0, 0, 0, 0.08), 0 5px 5px rgba(0, 0, 0, 0);
    box-shadow: 0 0px 100px rgba(0, 0, 0, 0.08), 0 5px 5px rgba(0, 0, 0, 0);
    border-radius: 0px !important;
  }
}
/*----------- Bootstrap Class's Overridden -----------*/
.modal-header {
  min-height: 36px;
  padding: 5px 10px 0px 10px;
  border-bottom: 1px solid #0074f1;
}

.modal-body {
  padding: 20px 30px 20px 30px;
}

/**************************
        Author - Anil
        Screen lock Pop-up baground blur Styles
       ***************************************************/
body {
  -webkit-backface-visibility: none; /*fix chrome bug*/
}

.screenBlur {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}

/*#ABA_ScreenLock, #ABA_ScreenLocked {
    z-index: 9999 !important;
}*/
/********************
        Media Queries
       **********************/
@media (min-width: 0px) and (max-width: 767px) {
  .scheduleTabs_modal .modal-body {
    padding: 20px 15px !important;
  }
}
@media (max-width: 595px) {
  .default-preview {
    background-color: #ECF0F1;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    max-width: 100%;
    max-height: 100%;
    padding: 0px;
  }
  .default-preview .popupbodyscroll {
    height: calc(100vh - 260px);
    overflow-y: auto;
  }
  .default-preview .modal-content {
    height: 100%;
  }
  .modal-footer {
    background: #ffffff;
    padding: 10px 5px 20px;
    margin-top: 0px;
    border-top: 1px solid #ebeff5;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 80px;
    height: 50px;
  }
  .modal-body {
    padding-bottom: 50px;
  }
  .textOverflowVisible {
    overflow: visible !important;
  }
}
@media (min-width: 596px) and (max-width: 1024px) and (orientation: portrait) {
  .default-preview {
    background-color: #ECF0F1;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    max-width: 100%;
    max-height: 100%;
    padding: 0px;
  }
  .default-preview .popupbodyscroll {
    height: calc(100vh - 330px);
    overflow-y: auto;
  }
  .default-preview .modal-content {
    height: 100%;
  }
  .modal-footer {
    background: #ffffff;
    padding: 10px 20px 20px;
    margin-top: 0px;
    border-top: 1px solid #ebeff5;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 120px;
    height: 50px;
  }
}
@media (min-width: 596px) and (max-width: 1024px) and (orientation: landscape) {
  .default-preview {
    background-color: #ECF0F1;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    max-width: 100%;
    max-height: 100%;
    padding: 0px;
  }
  .default-preview .popupbodyscroll {
    height: calc(100vh - 200px);
    overflow-y: auto;
  }
  .default-preview .modal-content {
    height: 100%;
  }
  .modal-footer {
    background: #ffffff;
    padding: 10px 20px 20px;
    margin-top: 0px;
    border-top: 1px solid #ebeff5;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 100px;
    height: 50px;
  }
}
@media (min-width: 1200px) and (max-width: 1440px) {
  .default-preview.lg-modal.modal-dialog.lg {
    width: 75% !important;
  }
  .default-preview.lg-modal.modal-dialog.xs {
    width: 25% !important;
    padding: 115px 0px 0px 0px;
  }
  .alohadocTextpreviewDialogbody {
    height: 85vh !important;
  }
}
@media (min-width: 1025px) {
  .default-preview {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    max-width: 100%;
    max-height: 100%;
    padding: 0px;
  }
  .default-preview.lg-modal.modal-dialog {
    transition: none;
  }
  .default-preview.lg-modal.modal-dialog.md {
    width: 768px !important;
    padding: 115px 0px 0px 0px !important;
  }
  .default-preview.lg-modal.modal-dialog.sm {
    width: 576px !important;
    padding: 115px 0px 0px 0px !important;
  }
  .default-preview.lg-modal.modal-dialog.lg {
    width: 60%;
    padding: 115px 0px 0px 0px;
  }
  .default-preview.lg-modal.modal-dialog.xs {
    width: 20%;
    padding: 115px 0px 0px 0px;
  }
  .default-preview.lg-modal.modal-dialog.xl {
    width: 80%;
    padding: 115px 0px 0px 0px;
  }
  .default-preview.lg-modal .popupbodyscroll {
    max-height: calc(100vh - 320px) !important;
    overflow-y: auto;
    height: auto !important;
  }
  .default-preview .popup-close-btn {
    margin: 4px auto;
  }
  .modal-dialog.md {
    width: 768px;
    padding: 115px 0px 0px 0px;
  }
  .modal-dialog.md .popupbodyscroll {
    max-height: calc(100vh - 50px);
    overflow-y: auto;
  }
  .modal-footer {
    padding: 14px;
    margin-top: 0px;
    border-top: 1px solid #ebeff5;
  }
}
@media (min-width: 1400px) {
  .default-preview {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    max-width: 100%;
    max-height: 100%;
    padding: 0px;
  }
  .default-preview.lg-modal.modal-dialog {
    transition: none;
  }
  .default-preview.lg-modal.modal-dialog.md {
    width: 768px !important;
    padding: 115px 0px 0px 0px !important;
  }
  .default-preview.lg-modal.modal-dialog.sm {
    width: 576px !important;
    padding: 115px 0px 0px 0px !important;
  }
  .default-preview.lg-modal.modal-dialog.lg {
    width: 60%;
    padding: 115px 0px 0px 0px;
  }
  .default-preview.lg-modal.modal-dialog.xs {
    width: 20%;
    padding: 115px 0px 0px 0px;
  }
  .default-preview.lg-modal.modal-dialog.xl {
    width: 80%;
    padding: 115px 0px 0px 0px;
  }
  .default-preview.lg-modal .popupbodyscroll {
    max-height: calc(100vh - 240px) !important;
    overflow-y: auto;
    height: auto !important;
  }
  .default-preview .popup-close-btn {
    margin: 4px auto;
  }
  .modal-dialog.md {
    width: 768px;
    padding: 115px 0px 0px 0px;
  }
  .modal-dialog.md .popupbodyscroll {
    max-height: calc(100vh - 50px);
    overflow-y: auto;
  }
  .modal-footer {
    padding: 14px;
    margin-top: 0px;
    border-top: 1px solid #ebeff5;
  }
}
@media only screen and (max-width: 480px) {
  .shortPopUp {
    background-color: #ECF0F1;
    height: 156px !important;
    width: 294px !important;
    position: fixed;
    top: 190px !important;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 0px !important;
  }
  .shortPopUp .modal-body {
    height: 156px !important;
  }
  .shortPopUp .modal-footer {
    background: #ffffff;
    padding: 10px 3px 20px;
    margin-top: 0px;
    border-top: 1px solid #ebeff5;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
  }
  .shortPopUp .popup-close-btn {
    margin: 4px auto;
  }
  .short_popupContent {
    transform: translate(0%, 30%) !important;
    text-align: center;
  }
  .short_popupCenterContent {
    transform: translate(0%, 50%) !important;
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 481px) {
  .shortPopUp {
    background-color: #ECF0F1;
    height: 156px !important;
    width: 385px !important;
    position: fixed;
    top: 240px !important;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 0px !important;
  }
  .shortPopUp .modal-body {
    height: 156px !important;
  }
  .shortPopUp .modal-footer {
    background: #ffffff;
    padding: 10px 36px 20px;
    margin-top: 0px;
    border-top: 1px solid #ebeff5;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
  }
  .shortPopUp .popup-close-btn {
    margin: 4px auto;
  }
  .short_popupContent {
    transform: translate(0%, 30%) !important;
    text-align: center;
  }
  .short_popupCenterContent {
    transform: translate(0%, 50%) !important;
    margin-left: 20px;
    margin-right: 20px;
  }
}
/*----------- Aloha Document Preview Dialog ----------- */
.alohadocPreviewDialogmodal {
  background-color: rgba(0, 0, 0, 0.63) !important;
  overflow: hidden;
}
.alohadocPreviewDialogmodal .modal-dialog.alohadocpreviewDialog {
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.alohadocPreviewDialogmodal .modal-dialog.alohadocpreviewDialog .modal-content {
  background-color: rgba(0, 0, 0, 0) !important;
}

.alohadocPreviewDialogmodal modal-header {
  background-color: #000000 !important;
}

.modal-dialog.alohadocpreviewDialog {
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.modal-dialog.alohadocpreviewDialog.modal-content {
  background-color: rgba(0, 0, 255, 0) !important;
}

.alohadocPreview_header {
  min-height: 50px;
  padding: 0px 10px;
  border-bottom: 1px solid #000000;
  background-color: rgba(0, 0, 0, 0.75) !important;
  margin-top: 0px;
  display: inline-flex;
  width: 100%;
  align-items: center;
}

.alohadocTextPreview_header {
  min-height: 50px;
  padding: 0px 10px;
  border-bottom: 1px solid #0074f1;
  background-color: white !important;
  margin-top: 0px;
  display: inline-flex;
  width: 100%;
  align-items: center;
}

.alohadocpreviewDialogbody {
  background-color: rgba(0, 0, 0, 0.45) !important;
  margin-left: 0px;
  padding: 0px;
  height: 95vh;
  overflow: auto;
}

.alohadocTextpreviewDialogbody {
  background-color: rgba(0, 0, 0, 0.45) !important;
  margin-left: 0px;
  padding: 0px;
  height: 90vh;
  overflow: auto;
}

.hidebodyScroll {
  overflow: hidden;
}

.imagecontroll {
  width: 100% !important;
  background: #000000 !important;
  height: 40px !important;
  text-align: center;
}

.defaultDownloaddiv {
  width: 350px;
  background: white;
  height: 250px;
  align-items: center;
  justify-content: center;
}

.dialog-scroll {
  height: 420px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.dialog-scroll_subcontent {
  height: 350px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.dialog-scroll_subScroll {
  height: 520px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

xmp {
  background-color: #f6f6f6;
  color: #76859c;
  font-size: 16px;
}

ul.sidenav {
  list-style-type: none;
  /* margin: 0; */
  padding: 0;
  /* width: 25%; */
  background-color: #f1f1f1;
  /* position: fixed; */
  height: 100%;
  overflow: auto;
}

ul.sidenav li a {
  display: block;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
}

ul.sidenav li a.active {
  background-color: #0074f1;
  color: white;
}

ul.sidenav li a:hover:not(.active) {
  background-color: #555;
  color: white;
}

div.alohacontent {
  padding: 1px 16px;
  height: 1000px;
}

@media screen and (max-width: 900px) {
  ul.sidenav {
    width: 100%;
    height: auto;
    position: relative;
  }
  ul.sidenav li a {
    float: left;
    padding: 15px;
  }
  div.content {
    margin-left: 0;
  }
}
@media screen and (max-width: 400px) {
  ul.sidenav li a {
    text-align: center;
    float: none;
  }
}
/***************Different Sizes Dialog********************/
.modal-dialog.search {
  width: 40%;
  padding-top: 42px;
}
.modal-dialog.search.modal-content {
  height: auto !important;
}

.modal-dialog.tableSearch {
  width: 49%;
  padding-top: 209px;
}
.modal-dialog.tableSearch.modal-content {
  height: auto !important;
}

/*----------- Bootstrap Class's Overridden -----------*/
.Search_close {
  padding: 0;
  margin: 5px 15px;
  background: none;
  border: none;
  outline: none;
}

.Search_closePopUp {
  float: right;
  padding: 0px;
  margin: 12px 0px;
  background: none;
  border: none;
  outline: none;
}

.Search_modal-header {
  padding: 5px 10px 0px 10px;
}

.Search_modal-body {
  max-height: calc(100vh - 210px);
  padding: 0px 30px 30px 30px;
}

.Search_modal-footer {
  padding: 20px;
  margin-top: 0px;
  text-align: right;
  border-top: 1px solid #ebeff5;
}

/********************
        Media Queries
       **********************/
@media only screen and (max-width: 480px) {
  .modal-dialog.search {
    width: 90%;
  }
  .modal-dialog.tableSearch {
    width: 90%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .modal-dialog.search {
    width: 75%;
  }
  .modal-dialog.tableSearch {
    width: 75%;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1280px) {
  .modal-dialog.search {
    width: 50%;
    margin-left: 269px;
  }
  .modal-dialog.tableSearch {
    width: 49%;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  .modal-dialog.search {
    width: 40%;
  }
  .modal-dialog.tableSearch {
    width: 49%;
  }
}
.headersearchfield {
  position: relative;
  color: #aaa;
  font-size: 16px;
  top: 10px;
  float: left;
}
.headersearchfield input {
  width: 100%;
  height: 32px;
  background: #ffffff;
  border: none;
  border-radius: 0px;
  box-shadow: none;
  border-bottom: 1px solid #dee1e6;
}

.alohacomponentSearch {
  padding: 0px 42px 0px 25px;
}

.iconSearch {
  position: absolute;
  top: -5px;
  left: 0px;
}

.icondropdown {
  position: absolute;
  top: 5px;
  right: 0px;
}

.iconcrossbtn {
  position: absolute;
  top: 0px;
  right: 10px;
}

.form-control:focus {
  box-shadow: none;
}

@media (min-width: 0px) and (max-width: 1024px) {
  .modal-dialog.search {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    max-width: 100%;
    max-height: 100%;
    padding: 0px;
    margin-left: 0px;
  }
  .modal-dialog.search .Search_modal-body {
    height: calc(100vh - 100px);
    overflow-y: auto;
  }
  .modal-dialog.search .modal-content {
    height: 100%;
  }
  .Search_modal-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .modal-dialog.tableSearch {
    width: 100%;
    padding: 0px !important;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1279px) {
  .customSearchFilter {
    width: 89%;
    padding-left: 0;
  }
  .customSearchFilter .iconSearch {
    position: absolute;
    top: -5px;
    left: auto;
  }
  .customSearchFilter .icondropdown {
    position: absolute;
    top: 5px;
    right: 11%;
  }
  .customSearchFilter .iconcrossbtn {
    position: absolute;
    top: 0px;
    right: 12%;
  }
}
@media only screen and (min-width: 1280px) {
  .customSearchFilter {
    width: 89%;
    padding-left: 7%;
  }
  .customSearchFilter .iconSearch {
    position: absolute;
    top: -5px;
    left: auto;
  }
  .customSearchFilter .icondropdown {
    position: absolute;
    top: 5px;
    right: 11%;
  }
  .customSearchFilter .iconcrossbtn {
    position: absolute;
    top: 0px;
    right: 12%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .modal-dialog.search {
    padding-top: 40px !important;
  }
}
/**********************
       Author - Anil
       Advanced Pop-up Styles
      ******************************/
/*--------- Dynamic Dialog Center-Alignment ---------*/
modal_CenterAlign, .modal-Advdialog.xl, .modal-Advdialog.lg, .modal-Advdialog.md, .modal-Advdialog.sm, .modal-Advdialog.xs {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50, -50%) !important;
}

/*--------- Different Sizes Dialog ---------*/
.modal-Advdialog.xs {
  width: 20%;
}

.modal-Advdialog.sm {
  width: 30%;
}

.modal-Advdialog.md {
  width: 40%;
}

.modal-Advdialog.lg {
  width: 60%;
}

.modal-Advdialog.xl {
  width: 80%;
}

/*----------- Bootstrap Class's Overridden -----------*/
.Adv_modal-header {
  min-height: 36px;
  padding: 5px 10px 0px 10px;
  border-bottom: 1px solid #0074f1;
}

.Adv_popupbodyscroll {
  max-height: calc(100vh - 240px);
  height: 40vh;
  overflow-y: auto;
  overflow-x: auto;
}

.Adv_modal-footer {
  padding: 20px;
  margin-top: 0px;
  border-top: 1px solid #ebeff5;
}

/*----------- Responsive Pop-up Styles -----------*/
@media only screen and (min-width: 961px) and (max-width: 1280px) {
  .modal-Advdialog.xs {
    width: 60%;
  }
  .modal-Advdialog.sm {
    width: 75%;
  }
  .modal-Advdialog.md {
    width: 75%;
  }
  .modal-Advdialog.lg {
    width: 60%;
  }
  .modal-Advdialog.xl {
    width: 60%;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  .modal-Advdialog.xs {
    width: 60%;
  }
  .modal-Advdialog.sm {
    width: 40%;
  }
  .modal-Advdialog.md {
    width: 60%;
  }
  .modal-Advdialog.lg {
    width: 60%;
  }
  .modal-Advdialog.xl {
    width: 60%;
  }
}
/********************
        Media Queries
       **********************/
@media only screen and (max-width: 991px) {
  .modal-Advdialog.lg, .modal-Advdialog.md, .modal-Advdialog.sm, .modal-Advdialog.xs {
    width: 96%;
  }
}
@media only screen and (max-width: 767px) {
  .modal-Advdialog.lg, .modal-Advdialog.md, .modal-Advdialog.sm, .modal-Advdialog.xs {
    width: 96%;
  }
  .Adv_modal-body {
    padding: 20px 30px 0px 0px;
    white-space: nowrap;
  }
  .Adv_modal-body .xs_Testwidth {
    width: 800px;
    display: inline-block;
    text-decoration: none;
  }
}
/*************************Vendors**********************************/
.addresstext {
  color: #76859c !important;
}

.aloha-Schedule-header {
  color: #132443 !important;
  cursor: default;
}

.aloha-progress-bar {
  z-index: 1039;
  align-content: center;
}

.aloha-progress-text {
  padding-left: 316px;
  padding-top: 9px;
}

.alohaSelectHeader {
  /* Please note: All these selectors are only applied to children of elements with the 'alohaSelectHeader' class */
}

.alohaSelectHeader .aloha-header-searchbox {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0;
}

.aloha-header-searchbox {
  position: fixed !important;
  z-index: 100 !important;
  height: 50px !important;
  width: 97% !important;
}

.aloha-era-content {
  height: 100%;
  -webkit-user-select: text;
  font-size: 14px;
  background-color: #fff !important;
  color: #000 !important;
  display: block;
  font-family: "Courier New", Courier, monospace, arial, sans-serif;
  margin: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
}

.alohaSelectHeader .aloha-select-header {
  /*box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);*/
  padding-left: 10.667px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
}

.alohaSelectHeader md-content._md {
  max-height: 240px;
}

.editableDatepicker .md-datepicker-button {
  display: none !important;
  box-sizing: border-box;
  background: none;
  vertical-align: middle;
  position: relative;
}

.editableDatepickerMargin {
  margin-left: -13px;
  margin-right: 8px;
}

.aloha-empty-block {
  display: block;
  width: 100%;
  text-decoration: none !important;
}

.alohaWidthFitContent {
  width: fit-content !important;
}

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

._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
  margin-left: 15px;
}

.editableTimePicker md-input-container {
  position: relative;
  background-color: white;
  width: 120px;
  height: 18px;
}
.editableTimePicker md-input-container md-select {
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 14px;
  border: none;
  width: 120px;
  margin: 0;
  border: none;
}
.editableTimePicker md-input-container input {
  position: absolute;
  top: 0px;
  width: 100px;
  padding: 4px;
  font-size: 12px;
  border: none;
}
.editableTimePicker md-input-container md-select:focus, .editableTimePicker md-input-container input:focus {
  outline: none;
}

.icondropdownTimePicker {
  position: absolute;
  top: 22px;
  right: 11px;
  color: #bdc3cc !important;
}

/***------------Focus CSS-------------------------***/
.alohabtn-Primary-sm:focus, .alohabtn-default-sm:focus, .alohabtn-Primary-md:focus, .show-image img:focus, .show-image i:focus, .alohaLabelIcon:focus {
  box-shadow: #0000F5 0px 5px 15px !important;
}

.md-button.md-fab.md-fab-bottom-right:focus {
  box-shadow: #0074f1 0px 5px 15px !important;
}

.tab-focus:focus {
  text-decoration: none;
  outline: none !important;
  box-shadow: #7878EE 10px 10px 24px;
}

i[icon-name=iEllipsis-md]:before {
  padding: 5px 7px 10px 10px;
}

i[icon-name=iDeleteCircle-xl]:before {
  font-style: initial !important;
}

.dropdown-toggle:focus {
  text-decoration: none;
  box-shadow: #0000F5 0px 5px 15px;
}

a.toggle-focus:focus {
  box-shadow: #0000F5 0px 5px 15px;
  outline: none !important;
}

i[icon-name=iEditboxOutline-lg]:before {
  font-style: initial !important;
}

i[icon-name=iDeleteCircle-lg]:before {
  font-style: initial !important;
}

i[icon-name=iCloseboxOutline-lg]:focus {
  box-shadow: #0000F5 0px 5px 0px;
  outline: none !important;
}

i[icon-name=iPlusboxOutline-lg]:before {
  font-style: initial !important;
}

i[icon-name=iEditboxOutline-md]:before {
  font-style: initial !important;
}

.timepicker.open {
  width: auto;
}
.timepicker .dropdown-menu {
  position: absolute;
  min-width: 200px;
  max-width: 200px;
  border: 1px solid #ebeff5;
  border-radius: 0px;
  height: 250px;
  overflow-y: auto;
  padding: 0px 0;
}
.timepicker .dropdown-menu .md-button:focus, .timepicker .dropdown-menu .md-button:hover {
  color: #0074f1 !important;
  outline: none;
  background: #ebeff5 !important;
}
.timepicker .dropdown-menu a {
  min-height: 36px;
  min-width: 88px;
  line-height: 36px;
  vertical-align: middle;
  text-align: left;
  display: inline-block;
  border-radius: 0;
  margin: auto 0;
  text-transform: none;
  font-weight: 400;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
  color: #76859c;
}
.timepicker .dropdown-menu a:hover {
  text-decoration: none;
}
.timepicker .dropdown-menu li {
  outline: none;
}
.timepicker .dropdown-menu a:hover, .timepicker .dropdown-menu a:focus [aria-selected=true] {
  color: #0074f1 !important;
  outline: none;
  background: #ebeff5 !important;
  cursor: pointer;
}

.highlight {
  color: #0074f1 !important;
  outline: none;
  background: #ebeff5 !important;
  cursor: pointer;
}

.mystyle {
  position: relative !important;
  top: -1354px !important;
  left: 0px !important;
}

.previewaligncenter {
  height: 90% !important;
}

.previewheight {
  height: 100% !important;
}

.loading input, .loading md-input-container.md-default-theme .md-input, .loading md-input-container .md-input, .loading md-select, .loading multi-level-typeahead > div, .loading #appointmentTabs li {
  animation: pageLoading 1.7s infinite linear;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  background: linear-gradient(90deg, transparent, rgba(175, 163, 163, 0.2), transparent);
  background-repeat: no-repeat;
  background-size: 80px;
}

.aloha-loading {
  animation: pageLoading 1s infinite linear;
  background: linear-gradient(90deg, transparent, rgba(0, 116, 241, 0.0784313725), transparent);
  background-repeat: no-repeat;
  background-size: 40%;
}
.aloha-loading:before {
  content: "";
  transform: skewX(-45deg);
  background: linear-gradient(90deg, transparent, rgba(0, 116, 241, 0.0784313725), transparent);
}

@keyframes pageLoading {
  0% {
    background-position: -100%;
  }
  100% {
    background-position: 100%;
  }
}
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.aloha_emailWrap {
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  word-wrap: break-word;
}

.stystemsttingalgn {
  display: flex;
  flex-direction: column;
  padding-top: 30px;
}

.processing-loader {
  width: 20px;
  padding: 5px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #0074f1;
  --_m: conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3 1s infinite linear;
}
.processing-loader.primary {
  background: #ffffff !important;
}
.processing-loader.default {
  background: #0074f1 !important;
}

.aloha-circular-loading-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.aloha-circular-loading {
  width: 20px;
  padding: 5px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #0074f1;
  --_m: conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: lc 1s infinite linear;
}

@keyframes lc {
  to {
    transform: rotate(1turn);
  }
}
.alohabtn-Primary .aloha-circular-loading, .alohabtn-Primary-sm .aloha-circular-loading, .alohabtn-Primary-md .aloha-circular-loading, .alohabtn-Primary-lg .aloha-circular-loading {
  background: white !important;
}

.md-button.aloha-circular-loading {
  min-width: 30px;
  min-height: 30px;
}

.loading-skeleton h1, .loading-skeleton h2, .loading-skeleton h3, .loading-skeleton h4, .loading-skeleton h5, .loading-skeleton h6,
.loading-skeleton p, .loading-skeleton li,
.loading-skeleton .btn,
.loading-skeleton label,
.loading-skeleton .form-control {
  color: transparent;
  appearance: none;
  -webkit-appearance: none;
  background-color: #eee;
  border-color: #eee;
  margin: 0px;
  min-height: 16px;
}
.loading-skeleton h1::placeholder, .loading-skeleton h2::placeholder, .loading-skeleton h3::placeholder, .loading-skeleton h4::placeholder, .loading-skeleton h5::placeholder, .loading-skeleton h6::placeholder,
.loading-skeleton p::placeholder, .loading-skeleton li::placeholder,
.loading-skeleton .btn::placeholder,
.loading-skeleton label::placeholder,
.loading-skeleton .form-control::placeholder {
  color: transparent;
}

@keyframes l-skeleton {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
.loading-skeleton {
  pointer-events: none;
}
.loading-skeleton .row {
  margin-bottom: 16px;
}

.container.loading-skeleton {
  min-height: 300px;
  position: absolute;
  padding-top: 20px;
  margin-top: 37px;
  padding-left: 6%;
  width: 90%;
  background: white;
}
.container.loading-skeleton aloha-loading {
  margin-bottom: 20px;
}

.dynamic-card-loading .loading-skeleton {
  min-height: auto;
}

.aloha-form-loading h1, .aloha-form-loading h2, .aloha-form-loading h3, .aloha-form-loading h4, .aloha-form-loading h5, .aloha-form-loading h6,
.aloha-form-loading p, .aloha-form-loading li,
.aloha-form-loading .select,
.aloha-form-loading input {
  color: transparent;
  appearance: none;
  -webkit-appearance: none;
  background-color: #eee;
  border-color: #eee;
}
.aloha-form-loading h1::placeholder, .aloha-form-loading h2::placeholder, .aloha-form-loading h3::placeholder, .aloha-form-loading h4::placeholder, .aloha-form-loading h5::placeholder, .aloha-form-loading h6::placeholder,
.aloha-form-loading p::placeholder, .aloha-form-loading li::placeholder,
.aloha-form-loading .select::placeholder,
.aloha-form-loading input::placeholder {
  color: transparent;
}

@keyframes aloha-form-loading {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
.aloha-form-loading {
  pointer-events: none;
  animation: aloha-form-loading 0.5s infinite alternate;
}
.aloha-form-loading label {
  display: none;
}
.aloha-form-loading img {
  filter: grayscale(100) contrast(0%) brightness(1.8);
}
.preview_class .default-preview.lg-modal.modal-dialog.lg {
  width: 64% !important;
}