@charset "UTF-8";
/*Icons Sizes*/
/*End of Icons Sizes*/
/*Icons Codes*/
/*End of Icon Codes*/
/*Aloha Slim-Scroll*/
/*End of Aloha Slim-Scroll*/
/*Cards Sizes*/
/*End of Cards Sizes*/
/*Aloha Button Sizes*/
/*Aloha Dropdown*/
/*Aloha Switch Sizes*/
/*Aloha Modal Pop-up*/
/*-----------------------AMD Base Classes------------------------------ */
/************
 * Headings
 ************/
.md-title, .alohaLoginTitle, .alohaHeaderText {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.005em;
}

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

/************
 * Body Copy
 ************/
.md-body-1, .alohaDatalabel, .alohalabel, .md-chips, .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-td, .alohatable-parent .alohatable .alohadatarow .alohatd, .alohatable-parent .alohatable .aloha_addDatarow .alohatd, .alohaSignhere {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 24px;
}

.md-body-2, .alohaTitle, .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-headerrow .aloha-advanced-th, .alohatable-parent .alohatable .alohaheaderrow .alohath {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 24px;
}

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

/***------------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-lg .Avatar-Initials {
  font-size: 16px;
}

/***------------Button Font Sizes-------------------------***/
.aloha_buttonFont, .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;
}

.aloha_dropdownButtonFont, .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, .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_leftNavMenuFont, .menu-bar a {
  font-size: 14px;
}

.aloha_searchFilterFont {
  font-size: 16px;
}

.aloha_dashboardlabelFont {
  font-size: 32px;
}

/*-----------------------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;
}

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

.alohadanger {
  color: #fd4f4b !important;
}

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

.alohawarnText {
  color: #eaab63 !important;
}

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

.alohaalertText {
  color: #fd726f !important;
}

.alohadisableText {
  color: #bdc3cc !important;
}

.alohatextWhite {
  color: #ffffff !important;
}

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

.alohaStatusInactive {
  color: #fd4f4b !important;
}

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

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

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

.alohalineheight {
  line-height: 32px;
}

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

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

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

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

.aloha_btnLeftCenter {
  transform: translate(0%, 50%);
}

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

/*-----------------------Aloha Typography Classes------------------------------ */
.alohaHeaderText {
  /*color: $alohaPrimary_C;*/
}

.alohaSubHeaderText {
  color: #132443;
}

.alohaTitle, .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-headerrow .aloha-advanced-th, .alohatable-parent .alohatable .alohaheaderrow .alohath {
  color: #132443;
  cursor: default;
}

.alohalabel, .md-chips, .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-td, .alohatable-parent .alohatable .alohadatarow .alohatd, .alohatable-parent .alohatable .aloha_addDatarow .alohatd, .alohaSignhere {
  color: #76859c;
}

.alohalabel-weight500 {
  color: #132443;
  font-weight: 500;
}

.alohaDatalabel {
  word-break: break-word;
  color: #132443;
  display: inline;
}

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

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

.alohaSignhere {
  color: #76859c;
}

.abaPrimary {
  color: #E0CE94;
}

.abaLink {
  color: #bea34b !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.abaLinkn {
  color: #bea34b !important;
  cursor: none !important;
  text-decoration: none !important;
  opacity: 0.5;
}

.abainfoLabel {
  font-size: 11px;
}

.abainputInfo {
  color: #ADADAD !important;
}

.abaRegularLabel {
  font-weight: 600 !important;
}

.aloha_CardTitle {
  font-size: 16px;
  cursor: default;
  color: #E0CE94;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 24px;
}

.rem-check {
  width: 16px !important;
  height: 16px !important;
}

.remember {
  position: relative;
  top: -2px;
  left: 5px;
}

/****Open Sans Light Font****/
@font-face {
  font-family: "Open Sans";
  src: local("OpenSans-Light"), url("../../../fonts/OpenSansFont/OpenSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: local("OpenSans-LightItalic"), url("../../../fonts/OpenSansFont/OpenSans-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
/****Open Sans Regular Font****/
@font-face {
  font-family: "Open Sans";
  src: local("OpenSans-Regular"), url("../../../fonts/OpenSansFont/OpenSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: local("OpenSans-Italic"), url("../../../fonts/OpenSansFont/OpenSans-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
/****Open Sans Semi Bold Font****/
@font-face {
  font-family: "Open Sans";
  src: local("OpenSans-SemiBold"), url("../../../fonts/OpenSansFont/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: local("OpenSans-SemiBoldItalic"), url("../../../fonts/OpenSansFont/OpenSans-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
/****Open Sans Bold Font****/
@font-face {
  font-family: "Open Sans";
  src: local("OpenSans-Bold"), url("../../../fonts/OpenSansFont/OpenSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: local("OpenSans-BoldItalic"), url("../../../fonts/OpenSansFont/OpenSans-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
/****Open Sans Extra Bold Font****/
@font-face {
  font-family: "Open Sans";
  src: local("OpenSans-ExtraBold"), url("../../../fonts/OpenSansFont/OpenSans-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: local("OpenSans-ExtraBoldItalic"), url("../../../fonts/OpenSansFont/OpenSans-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
/*****************************************BOOTSTRAP NORMALIZATION*************************************************************/
/*Global Padding*/
/*.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	@include aloha-padding(15px,'top-bottom')
}*/
/*Heading font family to Roboto*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: Open Sans;
}

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
  margin-right: 0px;
}

@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;
  }
}
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;
}

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

.alohabreadcrumb {
  padding: 0px 0px;
  margin-bottom: 0px;
  background-color: #ffffff;
}
.alohabreadcrumb a:hover, .alohabreadcrumb a:focus {
  text-decoration: none;
}
.alohabreadcrumb a {
  cursor: pointer;
}

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

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

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

.cursorNotallowed {
  cursor: not-allowed !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%;
}

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

.aloha_textJustify {
  text-align: justify;
}

.historyTrackingview {
  display: inline-block;
}

.aloha_NoTransform {
  transform: none !important;
}

.aloha_displayInlineFlex {
  display: inline-flex;
}

.aloha_displayBlock {
  display: block;
}

.aloha_clear {
  clear: both;
}

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

/****************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 {
    font-size: 19px !important;
  }
  .md-subhead, .alohaSubHeaderText, .alohalabel-weight500 {
    font-size: 15px !important;
  }
  .md-body-1, .alohalabel, .md-chips, .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-td, .alohatable-parent .alohatable .alohadatarow .alohatd, .alohatable-parent .alohatable .aloha_addDatarow .alohatd, .alohaDatalabel, .alohaSignhere {
    font-size: 13px !important;
    line-height: 24px;
  }
  .md-body-2, .alohaTitle, .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-headerrow .aloha-advanced-th, .alohatable-parent .alohatable .alohaheaderrow .alohath {
    font-size: 13px !important;
  }
  .alohaLoginTitle {
    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;
  }
  /******************** Toggle Switch ***********************/
  /*.aloha-switch_autoWidth, .aloha-switch-xs, .aloha-switch-sm, .aloha-switch-md, .aloha-switch-lg {
      font-size: 13px !important;
  }*/
  .aloha_togglerFont, .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: 12px 30px !important;
  }
  .navbar-sub-brand {
    padding: 13px 0px !important;
  }
  .headersearchfield {
    top: 8px !important;
  }
  .scrolling-navbar .header-content {
    padding: 7px 8px !important;
  }
  .alohaComponent-Container {
    padding-top: 50px !important;
  }
  .headerchipslabel {
    margin-top: 1px;
  }
  .alohaSub-Header {
    min-height: 48px !important;
    margin-top: 48px !important;
  }
  .parent_SubHeader {
    min-height: 48px !important;
  }
  .aloha_tabs {
    height: 48px !important;
  }
  .nav-tabs {
    padding: 0px !important;
  }
  .alohabreadcrumb {
    padding-top: 8px !important;
  }
  /*********************** Table ******************************/
  .alohatable-parent .alohatable .alohaheaderrow {
    min-height: 32px !important;
  }
  .alohatable-parent .alohatable .alohaheaderrow .alohath {
    min-height: 32px !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;
  }
  /*********************** Bootstrap Normalize *********************************/
  .form-control {
    font-size: 13px !important;
  }
  /************************ Dropdown Normalize ********************************************/
  .aloha_dropdownButtonFont, .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;
  }
}
@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?v=2.0.46");
  src: url("../../Vendors/MaterialDesignIcons/fonts/materialdesignicons-webfont.eot?#iefix&v=2.0.46") format("embedded-opentype"), url("../../Vendors/MaterialDesignIcons/fonts/materialdesignicons-webfont.woff2?v=2.0.46") format("woff2"), url("../../Vendors/MaterialDesignIcons/fonts/materialdesignicons-webfont.woff?v=2.0.46") format("woff"), url("../../Vendors/MaterialDesignIcons/fonts/materialdesignicons-webfont.ttf?v=2.0.46") format("truetype"), url("../../Vendors/MaterialDesignIcons/fonts/materialdesignicons-webfont.svg?v=2.0.46#materialdesigniconsregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*alohaGlyphicons
/*alohaGlyphicons-set {
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
	text-indent: 0em;
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}*/
alohaGlyphicons, .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: "\f502";
  font-size: 10px;
}

/****DASHBOARD***/
i[icon-name=iDashboard-xs]:before {
  content: "\f502";
  font-size: 10px;
}

i[icon-name=iDashboard-sm]:before {
  content: "\f502";
  font-size: 12px;
}

i[icon-name=iDashboard-md]:before {
  content: "\f502";
  font-size: 18px;
}

i[icon-name=iDashboard-lg]:before {
  content: "\f502";
  font-size: 24px;
}

i[icon-name=iDashboard-xl]:before {
  content: "\f502";
  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: "\f011";
  font-size: 10px;
}

i[icon-name=iClient-sm]:before {
  content: "\f011";
  font-size: 12px;
}

i[icon-name=iClient-md]:before {
  content: "\f011";
  font-size: 18px;
}

i[icon-name=iClient-lg]:before {
  content: "\f011";
  font-size: 24px;
}

i[icon-name=iClient-xl]:before {
  content: "\f011";
  font-size: 30px;
}

/****PAYER***/
i[icon-name=iPayer-xs]:before {
  content: " \f19b";
  font-size: 10px;
}

i[icon-name=iPayer-sm]:before {
  content: " \f19b";
  font-size: 12px;
}

i[icon-name=iPayer-md]:before {
  content: " \f19b";
  font-size: 18px;
}

i[icon-name=iPayer-lg]:before {
  content: " \f19b";
  font-size: 24px;
}

i[icon-name=iPayer-xl]:before {
  content: " \f19b";
  font-size: 30px;
}

/****BILLING***/
i[icon-name=iBilling-xs]:before {
  content: "\f449";
  font-size: 10px;
}

i[icon-name=iBilling-sm]:before {
  content: "\f449";
  font-size: 12px;
}

i[icon-name=iBilling-md]:before {
  content: "\f449";
  font-size: 18px;
}

i[icon-name=iBilling-lg]:before {
  content: "\f449";
  font-size: 24px;
}

i[icon-name=iBilling-xl]:before {
  content: "\f449";
  font-size: 30px;
}

/****PAYROLL***/
i[icon-name=iPayroll-xs]:before {
  content: "\f1b3";
  font-size: 10px;
}

i[icon-name=iPayroll-sm]:before {
  content: "\f1b3";
  font-size: 12px;
}

i[icon-name=iPayroll-md]:before {
  content: "\f1b3";
  font-size: 18px;
}

i[icon-name=iPayroll-lg]:before {
  content: "\f1b3";
  font-size: 24px;
}

i[icon-name=iPayroll-xl]:before {
  content: "\f1b3";
  font-size: 30px;
}

/****REPORT***/
i[icon-name=iReports-xs]:before {
  content: "\f14d";
  font-size: 10px;
}

i[icon-name=iReports-sm]:before {
  content: "\f14d";
  font-size: 12px;
}

i[icon-name=iReports-md]:before {
  content: "\f14d";
  font-size: 18px;
}

i[icon-name=iReports-lg]:before {
  content: "\f14d";
  font-size: 24px;
}

i[icon-name=iReports-xl]:before {
  content: "\f14d";
  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;
}

/****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 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: "\f5d6";
  font-size: 10px;
}

i[icon-name=iInfo-sm]:before {
  content: "\f5d6";
  font-size: 12px;
}

i[icon-name=iInfo-md]:before {
  content: "\f5d6";
  font-size: 18px;
}

i[icon-name=iInfo-lg]:before {
  content: "\f5d6";
  font-size: 24px;
}

i[icon-name=iInfo-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;
}

/****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;
}

/****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;
}

/****CLOSED-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: "\f625";
  font-size: 10px;
}

i[icon-name=iQuestionMark-sm]:before {
  content: "\f625";
  font-size: 12px;
}

i[icon-name=iQuestionMark-md]:before {
  content: "\f625";
  font-size: 18px;
}

i[icon-name=iQuestionMark-lg]:before {
  content: "\f625";
  font-size: 24px;
}

i[icon-name=iQuestionMark-xl]:before {
  content: "\f625";
  font-size: 30px;
}

i[icon-name=iQuestionMark]:before {
  content: "\f625";
  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;
}

/****info***/
i[icon-name=iInfo-xs]:before {
  content: "\f5d6";
  font-size: 10px;
}

i[icon-name=iInfo-sm]:before {
  content: "\f5d6";
  font-size: 12px;
}

i[icon-name=iInfo-md]:before {
  content: "\f5d6";
  font-size: 18px;
}

i[icon-name=iInfo-lg]:before {
  content: "\f5d6";
  font-size: 24px;
}

i[icon-name=iInfo-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;
}

/****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: "\f150";
  font-size: 10px;
}

i[icon-name=iCalendarClock-sm]:before {
  content: "\f150";
  font-size: 12px;
}

i[icon-name=iCalendarClock-md]:before {
  content: "\f150";
  font-size: 18px;
}

i[icon-name=iCalendarClock-lg]:before {
  content: "\f150";
  font-size: 24px;
}

i[icon-name=iCalendarClock-xl]:before {
  content: "\f150";
  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;
}

/*********** 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: url("../../Images/alohaSpritImage32.png") 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.png") no-repeat;
}

.showDefaultsort {
  display: inline-grid;
}

.hideDefaultsort {
  display: none;
}

/****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;
}

/***********Qualification-icon**************/
i[icon-name=iQualification-sm] {
  background-position: 0 -64px;
}

i[icon-name=iQualification-md] {
  background-position: -32px -64px;
}

i[icon-name=iQualification-lg] {
  background-position: -64px -64px;
}

i[icon-name=iQualification-xl] {
  background-position: -96px -64px;
}

/***********Qualification-Primary-icon**************/
i[icon-name=iQualificationPrimary-sm] {
  background-position: 0 -96px;
}

i[icon-name=iQualificationPrimary-md] {
  background-position: -32px -96px;
}

i[icon-name=iQualificationPrimary-lg] {
  background-position: -64px -96px;
}

i[icon-name=iQualificationPrimary-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=iRefresh-sm] {
  background-position: 0 -736px;
}

i[icon-name=iRefresh-md] {
  background-position: -32px -736px;
}

i[icon-name=iRefresh-lg] {
  background-position: -64px -736px;
}

i[icon-name=iRefresh-xl] {
  background-position: -96px -736px;
}

/*******by suresh For Test Scenario************/
/***********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=iService-sm] {
  background-position: 0 -800px;
}

i[icon-name=iService-md] {
  background-position: -32px -800px;
}

i[icon-name=iService-lg] {
  background-position: -64px -800px;
}

i[icon-name=iService-xl] {
  background-position: -96px -800px;
}

/***********Primary Service Appointment**************/
i[icon-name=iPrimaryService-sm] {
  background-position: 0 -832px;
}

i[icon-name=iPrimaryService-md] {
  background-position: -32px -832px;
}

i[icon-name=iPrimaryService-lg] {
  background-position: -64px -832px;
}

i[icon-name=iPrimaryService-xl] {
  background-position: -96px -832px;
}

/***********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=iGroupService-sm] {
  background-position: 0 -896px;
}

i[icon-name=iGroupService-md] {
  background-position: -32px -896px;
}

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=iNonService-sm] {
  background-position: 0 -992px;
}

i[icon-name=iNonService-md] {
  background-position: -32px -992px;
}

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=iGroupNonService-sm] {
  background-position: 0 -1088px;
}

i[icon-name=iGroupNonService-md] {
  background-position: -32px -1088px;
}

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=iDriveTime-sm] {
  background-position: 0 -1184px;
}

i[icon-name=iDriveTime-md] {
  background-position: -32px -1184px;
}

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=iBreakTimeAppnt-sm] {
  background-position: 0 -1280px;
}

i[icon-name=iBreakTimeAppnt-md] {
  background-position: -32px -1280px;
}

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=iGroupBreakTime-sm] {
  background-position: 0 -1376px;
}

i[icon-name=iGroupBreakTime-md] {
  background-position: -32px -1376px;
}

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;
}

/*********** usage*************

    64 Pixel Icons goes here

 *******************************/
.alohaImgIcon64 {
  display: inline-block;
  background: url("../../Images/alohaSpritImage64.png") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  width: 64px;
  height: 64px;
}

/***********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;
}

/*------------------------------for border Starting------------------------------*/
.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;
}

/*------------------------------for border Ending------------------------------*/
/*------------------------------for border with radius Starting------------------------------*/
.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;
}

/*------------------------------for border with radius Ending------------------------------*/
/************Breakpoints**************/
/*********************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;
    }
    }

-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------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-----------------*/
/*------------------------css------------------------*/
.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%;
}

@-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;
  }
}
.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%;
}

@-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;
  }
}
/*------------------------------for  Margin Positive------------------------------*/
.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: 0px;
}

/*------------------------------for Margin Negative------------------------------*/
/*------------------------------for padding Starting------------------------------*/
.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-none {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

/*------------------------------for padding Ending------------------------------*/
/************************************************  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>                                                                                                          |
    |                                                                                                                               |
    |                                                                                                                               |
    **************************************************************************************************************************************/
/************** styles***********************/
.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                                                                                                       |
    |                                                                                                                                |
    |                                                                                                                               |
    |                                                                                                                               |
    **************************************************************************************************************************************/
.noRecordsFoundHorizontal {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -100px;
  /*display:contents;*/
}

.noRecordsFoundHorizontalForCard {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -100px;
}

.noRecordsFoundVertical {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.noRecordsLabel {
  color: #bdc3cc;
}

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

.noResultAvailableTransactionview {
  height: 350px;
  justify-content: center;
  display: flex;
}

.no_results_found_fixclaim {
  height: 350px;
  justify-content: center;
  display: flex;
}

/*! 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: 1000;
}

.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: #fff;
}

@-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-image:url(../Images/alohaImages/aloha_error-icon.png);*/
  background-color: #F64747;
  border-bottom: 1px solid #f31515;
  padding: 0 10px;
}

.notifications .success {
  /*background-image:url(../Images/alohaImages/aloha_error-icon.png);*/
  background-color: #74d68e;
  border-bottom: 1px solid #def0d8;
  color: #ffffff;
  padding: 0 10px;
}

.notifications .warning {
  background-color: #F7CA18;
  border-bottom: 1px solid #e7ba08;
  padding: 0 10px;
}

.notifications .info {
  background-color: #0c6997;
  border-bottom: 1px solid #0c6997;
  padding: 0 10px;
}

.notifications .close-click {
  font-size: inherit;
  cursor: pointer;
  padding: 10px;
  margin: 0 auto;
}

@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;
  }
}
.chipsLabelBorder {
  min-height: 34px;
  margin: 0px 0px 0px 0px !important;
  padding: 0px;
  display: inline-block;
  align-items: center;
  padding-top: 5px;
  line-height: 28px;
}

.headerchipslabel {
  border: 0px solid #bdc3cc;
  padding: 0px 7px 0px 7px;
  border-radius: 15px;
  background-color: #ebeff5;
}

.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;
  /*.searchbar {

      padding: 8px 0px 6px 30px;
      @extend .testsearch_icon;
      position: absolute;
      border: none !important;
      border-bottom: 2px solid $GreyDisable !important;
      outline: none;
      font-size: 16px;
      right: 0;
      width: 100%;
      box-shadow: none;
      border-radius: 0px;
      cursor: pointer;

      &:focus {
          border-bottom: 2px solid $alohaTheme_C !important;

      }
  }*/
}
.scrolling-navbar .main-menu {
  display: none;
  position: absolute;
  padding: 0px;
  margin-top: 15px;
}
.scrolling-navbar .header-content {
  display: block;
  float: right;
  padding: 13px 8px;
  cursor: pointer;
}
.scrolling-navbar .header-content.user-img {
  margin-right: -30px;
}
.scrolling-navbar .header-content.open {
  width: 0px !important;
  margin-right: 30px;
}
.scrolling-navbar .header-content .aloha_HeaderMenu {
  margin-right: 15px;
  min-width: 240px;
}
.scrolling-navbar .header-content .aloha_HeaderMenu li {
  line-height: 48px;
  text-decoration: none;
  color: #76859c;
  max-height: 100%;
  outline: none;
}
.scrolling-navbar .header-content .aloha_HeaderMenu li span {
  width: 100%;
  margin: auto 0;
  padding-left: 16px;
  padding-right: 16px;
}
.scrolling-navbar .header-content .aloha_HeaderMenu li span:hover {
  color: #0074f1 !important;
}
.scrolling-navbar .header-content .aloha_HeaderMenu li span:hover i {
  color: #0074f1 !important;
}

.navbar-brand {
  padding: 18px 30px;
}

.navbar-sub-brand {
  padding: 20px 0px;
}

.md-open-menu-container {
  margin: 18px 0px 0px -22px;
}

/*************************Menu Button dropdown lis*******************************************/
.alohaButtonDropdown {
  padding: 0px 2px 7px 10px;
}

.alohaButtonDropdown {
  background: #ebeff5 !important;
  border-radius: 5px;
  padding: 0px 10px 7px;
}
.alohaButtonDropdownmd-menu-bar button:hover {
  background: #ebeff5 !important;
}

.alohaButtonDropdown-content {
  line-height: 48px;
  text-decoration: none;
  color: #76859c;
  max-height: 100%;
}
.alohaButtonDropdown-content div:focus, .alohaButtonDropdown-content div:hover {
  text-decoration: none;
  color: #0074f1;
  height: 48px;
  cursor: pointer;
}
.alohaButtonDropdown-content div:focus .iconColor, .alohaButtonDropdown-content div:hover .iconColor {
  color: #0074f1;
}

md-menu-item > * {
  min-width: 240px;
}

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;
}

.iconTxt {
  margin-left: -22px;
  margin-top: 2px;
}

md-menu-content.alohaButtonDropdown-content.md-menu-bar-menu.md-dense.dropdownPdng {
  min-width: 240px;
}

/*==========  Mobile First Method  ==========*/
/* Extra Small Devices, Phones,Custom, iPhone Retina */
@media only screen and (max-width: 360px) {
  .navbar.scrolling-navbar {
    margin: 0px;
    padding: 0px 0px 0px 10px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .navbar.scrolling-navbar .main-menu {
    display: block;
  }
  .navbar.scrolling-navbar .navbar-brand {
    padding: 15px 45px;
  }
}
@media only screen and (min-width: 361px) and (max-width: 400px) {
  .navbar.scrolling-navbar {
    margin: 0px;
    padding: 0px 0px 0px 10px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .navbar.scrolling-navbar .main-menu {
    display: block;
  }
  .navbar.scrolling-navbar .navbar-brand {
    padding: 15px 45px;
  }
}
@media only screen and (min-width: 401px) and (max-width: 480px) {
  .navbar.scrolling-navbar {
    margin: 0px;
    padding: 0px 0px 0px 10px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .navbar.scrolling-navbar .main-menu {
    display: block !important;
  }
  .navbar.scrolling-navbar .navbar-brand {
    padding: 15px 45px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 600px) {
  .navbar.scrolling-navbar {
    margin: 0px;
    padding: 0px 0px 0px 10px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .navbar.scrolling-navbar .main-menu {
    display: block;
  }
  .navbar.scrolling-navbar .navbar-brand {
    padding: 15px 45px;
  }
}
/* Small Devices, Tablets */
@media only screen and (min-width: 841px) and (max-width: 960px) {
  .main-menu {
    display: none;
  }
}
/* Medium Devices, Desktops */
@media only screen and (min-width: 961px) and (max-width: 1024px) {
  .main-menu {
    display: none;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .main-menu {
    display: none;
  }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  .main-menu {
    display: none;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1600px) {
  .main-menu {
    display: none;
  }
}
@media only screen and (min-width: 1601px) and (max-width: 1920px) {
  .main-menu {
    display: none;
  }
}
@media only screen and (min-width: 1921px) {
  .main-menu {
    display: none;
  }
}
.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;
}

.cardPdng {
  padding-top: 50px;
}

/*.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    border: none;
    background-color: #ffffff;
    margin-left: 170px;
    color: #76859c;
    box-shadow: none;
}*/
.iconSearch {
  color: #bdc3cc;
  margin-top: 10px;
  z-index: 1;
}

.dropdownIconMargin {
  margin-left: -20px;
  margin-top: 10px;
}

/*.iconWindowClose {
    float: right;
    margin-top: -30px;
    margin-right: 5px;
}*/
/*.btn .caret {
   margin-right: -15px;
   margin-top: 10px;
    color: $GreyDisable;
}

.btn-default .caret {
     border-top-color: #76859c;
    border-top-color: $GreyDisable;
}*/
.footerButtons {
  float: right;
  padding-bottom: 10px;
  padding-top: 10px;
}

.searchInputField {
  padding-left: 30px;
  margin-top: 4px;
  margin-left: -23px;
}

.form-control {
  border-color: #bdc3cc !important;
}

.form-control:focus {
  border-color: #0074f1 !important;
}

/*.advancedSearch {
    width: 100%;
}*/
.alohaSearchbar {
  margin: 0px;
  /*border-bottom: 2px solid #dee1e6;*/
  padding: 3px 0px;
  /*float:right;*/
  /*width:40%;*/
}
.alohaSearchbar:focus {
  border-bottom: 2px solid #0074f1;
  outline: none;
}

.today-button {
  border: 1px dotted #ebeff5;
}

.Closebtn {
  margin: 11px -35px !important;
}

.iconclose {
  padding-top: 4px;
}

/***Timesheet Submission styles***/
.timesheet_Scroll {
  max-height: 300px;
}

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

.span_disabled {
  pointer-events: none;
  opacity: 0.5;
}

html {
  font-size: 62.5%;
  line-height: 1.4;
}

body {
  font-family: Open Sans;
  font-size: 13px;
  font-weight: normal !important;
  background: #ffffff;
  height: auto;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.body-content {
  margin: 0px;
}

/*body::-webkit-scrollbar {
	width: 6px;
	border-radius: $alohaScrollBorder_R;
	background-color: $LightestGrey;
}

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

body::-webkit-scrollbar-thumb {
	background-color: $alohaTheme_C;
	outline: 1px solid $LightestGrey;
	border-radius: $alohaScrollBorder_R;
}*/
/***********************
Slim-Scroll Styles
**************************/
::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar:horizontal {
  width: 6px;
  height: 10px;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #ebeff5;
}

::-webkit-scrollbar-thumb {
  background: #E0CE94;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
}

.alohaSub-Header {
  min-height: 60px;
  z-index: 1;
  background-color: #ffffff !important;
  box-shadow: none;
  border-radius: 0px;
  /*display:inline-flex;*/
  align-items: center;
  margin: 60px 30px 0px 95px;
}

.alohaComponent-Container {
  padding: 61px 30px 30px 95px;
  height: auto !important;
}

.alohaComponent-toolbar {
  min-height: 40px;
}

.parent_SubHeader {
  min-height: 60px;
}

/********Component Alert Header************/
.aloha-Alert_SubHeader {
  min-height: 40px;
  border-bottom: 1px solid #ebeff5;
}

/********************/
.content-header {
  border-bottom: 1px solid #ebeff5;
  /*max-height: 120px;*/
  margin: 121px 30px 0px 95px !important;
  z-index: 2 !important;
}

.alohaComponent-withSubheader {
  padding: 120px 30px 30px 95px;
  height: auto !important;
}

.alohaComponent-withoutSubheader {
  padding: 60px 30px 30px 95px;
  height: auto !important;
}

/*.alohaComponent-TableContent {
	padding: 6% 0px 0px 0px;
}*/
/*==========  Mobile First Method  ==========*/
/* Extra Small Devices, Phones,Custom, iPhone Retina */
@media only screen and (max-width: 360px) {
  .alohaComponent-withSubheader {
    padding: 120px 12px 30px 12px !important;
    height: 100vh;
  }
  .alohaComponent-withoutSubheader {
    padding: 60px 12px 30px 12px !important;
    height: 100vh;
  }
  .alohaComponent-Container {
    padding: 60px 12px 30px 12px;
    height: auto !important;
  }
  .alohaSub-Header {
    margin: 0px;
    padding: 0px !important;
    margin: 60px 10px 0px 10px;
  }
  .content-header {
    margin: 130px 0px 0px 0px !important;
    padding: 0px !important;
  }
  .navbar-sub-brand {
    padding: 15px !important;
  }
}
@media only screen and (min-width: 361px) and (max-width: 400px) {
  .alohaComponent-withSubheader {
    padding: 120px 12px 30px 12px !important;
    height: 100vh;
  }
  .alohaComponent-withoutSubheader {
    padding: 60px 12px 30px 12px !important;
    height: 100vh;
  }
  .alohaComponent-Container {
    padding: 60px 12px 30px 12px;
    height: auto !important;
  }
  .alohaSub-Header {
    margin: 0px;
    padding: 0px !important;
    margin: 60px 10px 0px 10px;
  }
  .content-header {
    margin: 130px 0px 0px 0px !important;
    padding: 0px !important;
  }
  .navbar-sub-brand {
    padding: 15px !important;
  }
}
@media only screen and (min-width: 401px) and (max-width: 480px) {
  .alohaComponent-withSubheader {
    padding: 120px 12px 30px 12px !important;
    height: 100vh;
  }
  .alohaComponent-withoutSubheader {
    padding: 60px 12px 30px 12px !important;
    height: 100vh;
  }
  .alohaComponent-Container {
    padding: 60px 12px 30px 12px;
    height: auto !important;
  }
  .alohaSub-Header {
    margin: 0px;
    padding: 0px !important;
    margin: 60px 10px 0px 10px;
  }
  .content-header {
    margin: 130px 0px 0px 0px !important;
    padding: 0px !important;
  }
  .navbar-sub-brand {
    padding: 15px !important;
  }
}
@media only screen and (min-width: 481px) and (max-width: 600px) {
  .alohaComponent-withSubheader {
    padding: 120px 12px 30px 12px !important;
    height: 100vh;
  }
  .alohaComponent-withoutSubheader {
    padding: 60px 12px 30px 12px !important;
    height: 100vh;
  }
  .alohaComponent-Container {
    padding: 60px 12px 30px 12px;
    height: auto !important;
  }
  .alohaSub-Header {
    margin: 0px;
    padding: 0px !important;
    margin: 60px 10px 0px 10px;
  }
  .content-header {
    margin: 130px 0px 0px 0px !important;
    padding: 0px !important;
  }
  .navbar-sub-brand {
    padding: 15px !important;
  }
}
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
.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;
}

.menu {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 65px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: #373330;
  z-index: 2;
  overflow: hidden;
  /*box-shadow: 2px 0 18px rgba(0, 0, 0, 0.26);*/
}
.menu a {
  display: block;
  height: 5em;
  width: 65px;
  line-height: 6em;
  text-align: center;
  color: #524d49;
  position: relative;
  margin-top: -8px;
  cursor: pointer;
}
.menu a:before {
  speak: none;
  text-indent: 0em;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.menu a:hover, .menu a:active {
  background: #524d49;
  color: #ffffff;
}
.menu a:hover i, .menu a:active i {
  color: #ffffff;
}
.menu a i {
  color: #a19d97;
}

.menu-bar {
  overflow: hidden;
  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;
  /*box-shadow: 2px 0 18px rgba(0, 0, 0, 0.26);*/
}
.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 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;
}

.setMenuItemSelected {
  background: #423d37 !important;
  color: #ffffff !important;
}

.setMenuSelected {
  background: #524d49;
  color: #ffffff;
}
.setMenuSelected i {
  color: #ffffff !important;
}

/*******small screen sass code*********/
.side-menu {
  position: fixed;
  width: 300px;
  height: 100%;
}
.side-menu .navbar-nav {
  background: #373330;
  /*box-shadow: 2px 0 18px rgba(0, 0, 0, 0.26);*/
}
.side-menu .navbar-nav li {
  display: block;
  width: 100%;
}
.side-menu .navbar-nav li:last-child {
  padding-bottom: 5px;
}
.side-menu .navbar-nav li i {
  padding-right: 10px;
}
.side-menu .navbar-nav li a {
  padding: 12px;
  color: #a19d97;
  /*display: flex;*/
}
.side-menu .navbar-nav li a .sm-screen {
  padding-right: 10px;
  color: #a19d97 !important;
}
.side-menu .navbar-nav li a .drop-downarrow-icon, .side-menu .navbar-nav li a .drop-uparrow-icon {
  /*margin-left: 82%;*/
  float: right;
}
.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:hover .sm-screen, .side-menu .navbar-nav li a:hover i, .side-menu .navbar-nav li a:focus .sm-screen, .side-menu .navbar-nav li a:focus i {
  color: #ffffff !important;
}
.side-menu .dropdown {
  border: 0;
  margin-bottom: 0;
  border-radius: 0;
  background-color: transparent;
  /*box-shadow: none;*/
}
.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;
}

/**************Media-queries*******************/
@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;
  }
}
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
@media only screen and (max-width: 600px) {
  .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;
  }
  .navbar-nav {
    display: block !important;
  }
  .side-menu {
    position: relative;
    width: 100%;
    height: 0;
    border-right: 0;
    z-index: 3;
  }
  @-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%;
    }
  }
  .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;
    /*left: -90%;*/
    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;
  }
}
/* Extra Small Devices */
@media only screen and (min-width: 0px) and (max-width: 600px) {
  .disablesettings-xs {
    background-color: #bdc3cc !important;
  }
  .disablesettings-xs a, .disablesettings-xs i {
    color: #bdc3cc !important;
  }
  .side-menu {
    display: block;
  }
}
/* Small Devices, Tablets */
@media only screen and (min-width: 601px) and (max-width: 991px) {
  .navbar-nav {
    display: none !important;
  }
  .menu {
    display: block !important;
  }
  .side-menu {
    display: none;
  }
}
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .navbar-nav {
    display: none !important;
  }
  .menu {
    display: block !important;
  }
  .side-menu {
    display: none;
  }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .navbar-nav {
    display: none !important;
  }
  .menu {
    display: block !important;
  }
  .side-menu {
    display: none;
  }
}
@media screen and (min-width: 1600px) {
  .navbar-nav {
    display: none !important;
  }
  .menu {
    display: block !important;
  }
  .side-menu {
    display: none;
  }
}
/**********End of Media-queries***********************/
/**********************
       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 #E0CE94;
}

.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: 480px) {
  .modal-footer {
    background: #ffffff;
    padding: 10px 5px 20px !important;
    margin-top: 0px;
    border-top: 1px solid #ebeff5;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  .scheduleTabs_modal .modal-body {
    padding: 20px 15px !important;
  }
}
@media (min-width: 0px) and (max-width: 1024px) {
  .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 - 80px);
    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: 0;
    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;
  }
}
@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 - 240px) !important;
    overflow-y: auto;
    height: auto !important;
  }
  .default-preview .popup-discard-btn {
    display: none !important;
  }
  .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: 20px;
    margin-top: 0px;
    border-top: 1px solid #ebeff5;
  }
}
@media only screen and (min-width: 0px) {
  .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 20px 20px;
    margin-top: 0px;
    border-top: 1px solid #ebeff5;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .shortPopUp .popup-discard-btn {
    display: none !important;
  }
  .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;
}

.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;
}

/*****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 OVERRIDDEN********************/
.Adv_modal-header {
  min-height: 30px;
  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*********************************/
/*$alohaDialog-xs: 20%;
$alohaDialog-sm: 30%;
$alohaDialog-md: 40%;
$alohaDialog-lg: 60%;
$alohaDialog-xl: 80%;*/
@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 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;
    /*.testingScroll {
        display: inline-block;
        text-decoration: none;
        width: 150px;
    }*/
  }
  .Adv_modal-body .xs_Testwidth {
    width: 800px;
    display: inline-block;
    text-decoration: none;
  }
}
/***************Different Sizes Dialog********************/
.modal-dialog.search {
  width: 40%;
  padding-top: 50px;
}
.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 OVERRIDDEN********************/
.Search_close {
  /*float: right;*/
  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;
}

/*************************Responsive Pop-up*********************************/
@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;
  /*input {
  	text-indent: 32px;
  }*/
}
.headersearchfield input {
  width: 100%;
  height: 32px;
  background: #ffffff;
  border: none;
  border-radius: 0px;
  box-shadow: none;
  border-bottom: 1px solid #bdc3cc;
}

.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;
  }
}
.SearchDefault_icon, .aloha_DialogSearch .search_input:focus, .aloha_DialogSearch .search_input {
  background: url("../../Images/alohaSiimpleSearch_icon.png") no-repeat;
  height: 26px;
}

.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    **/
/****Dynamic Default Avatar*****/
.default_Avatar {
  position: relative;
  text-align: center;
}

.default_AvatarImg {
  height: 30px;
  width: 30px;
  border: none !important;
  outline: none !important;
  text-align: center;
  border-radius: 50%;
}

.default_AvatarName {
  /*position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -50%);*/
  color: #ffffff;
  padding: 3px 0px;
}

/***********************/
.default_Avatarxl {
  position: relative;
  text-align: center;
}

.default_AvatarImgxl {
  height: 120px;
  width: 120px;
  border: none !important;
  outline: none !important;
  /*background: none !important;*/
  border-radius: 50%;
}

.default_AvatarNamexl {
  /*position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -50%);*/
  color: #ffffff;
  padding: 3px 0px;
}

/***********Avatar for autocomplete***********/
.autocompleteavatarname {
  display: inline-flex;
  position: absolute;
  /* height: 30px; */
  top: -12px;
}

.autocompleteavatarjobtitle {
  position: absolute;
  top: 20px;
}

/***********Avatar for View***********/
.alohatest {
  display: inline-block;
  padding: 5px 5px 5px 5px;
  outline: none;
  cursor: default;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  align-content: center;
}

.aloharandomAvatarbg-md {
  /*position: absolute;*/
  /*top: 10px !important;*/
  /*margin: 33px 0px 0px -12px;*/
  background-color: transparent;
  display: inline;
  outline: none;
  position: absolute;
  margin-left: 19px;
  top: 20px;
}

.alohaavatar-lgspan {
  float: left;
}

.aloha-avatar-lg-div {
  min-height: 60px;
}

.aloharandomAvatarbg-lg {
  /*position: absolute;*/
  /*top: 10px !important;*/
  margin-left: -12px;
  position: relative !important;
  /*margin: 33px 0px 0px -12px;*/
  background-color: transparent;
  display: inline;
  outline: none;
}

.avatar-sm {
  width: 20px;
  height: 20px;
  /*top:10px;*/
  position: relative;
  display: inline;
}

.avatar-md {
  width: 30px;
  height: 30px;
  /*top:10px;*/
  position: relative;
  display: inline;
}

.avatar-lg {
  width: 40px;
  height: 40px;
  /*top:10px;*/
  position: relative;
  display: inline;
  border: none !important;
  outline: none !important;
  text-align: center;
  border-radius: 50%;
}

.userformatname, .userformatname-tbl {
  padding: 0px 0px 0px 10px;
}

.userjobtitile, .userjobtitile-tbl {
  display: block;
  padding: 0;
  /*margin: -23px 0px 3px 53px;*/
  position: relative;
}

.userprofile {
  border-bottom: 1px solid #eee;
  padding: 7px 0px 7px 0px;
  min-height: 60px;
}

.userformatname-tbl {
  /*top: -1px;*/
}

.userjobtitile-tbl {
  margin: -45px 0px 3px 53px;
}

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

/*-----------------------------------------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%;
}
.parentAvatar-sm .Avatar-Initials {
  position: relative;
  float: left;
  top: 50%;
  left: 50%;
  color: #ffffff;
  transform: translate(-50%, -50%);
  margin: 0px;
}

/***************** Avatar MD**********************/
.parentAvatar-md {
  position: relative;
  height: 30px;
  width: 30px;
}
.parentAvatar-md .Avatar-md {
  height: 30px;
  width: 30px;
  border-radius: 50%;
}
.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;
}

/***************** Avatar LG**********************/
.parentAvatar-lg {
  position: relative;
  height: 40px;
  width: 40px;
}
.parentAvatar-lg .Avatar-lg {
  height: 40px;
  width: 40px;
  border-radius: 50%;
}
.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;
}

/*****************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%;
}
.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;
  }
}
/*******aloha-button Primary**********/
.alohabtn-Primary, .alohabtn-Primary-sm, .alohabtn-Primary-md, .alohabtn-Primary-lg {
  color: #ffffff !important;
  background-color: #E0CE94 !important;
  box-shadow: none;
  border: 2px solid #E0CE94 !important;
  font-weight: 400;
  transition: none;
  letter-spacing: 2px;
  /*
  &: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 #ADADAD !important;
  background-color: #ADADAD !important;
  color: #ffffff !important;
}
.alohabtn-Primary:focus, .alohabtn-Primary-sm:focus, .alohabtn-Primary-md:focus, .alohabtn-Primary-lg:focus {
  outline: none;
}

.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;
  /*****disable*/
  /*&: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;
}

.md-button {
  text-transform: uppercase !important;
}
.md-button.aloha_noTextTransform {
  text-transform: none !important;
}

.md-button:not([disabled]).md-focused {
  background-color: #0074f1;
}

/*******aloha-button Primary**********/
.alohabtn-Primary-lg {
  height: 30px;
  min-width: 200px;
  min-height: 30px;
  line-height: normal;
}

.alohabtn-Primary-md {
  height: 30px;
  min-width: 96px;
  min-height: 30px;
  line-height: normal;
}

.alohabtn-Primary-sm {
  height: 30px;
  min-width: 60px;
  min-height: 30px;
  line-height: normal;
}

/*******aloha-button Default**********/
.alohabtn-default-lg {
  height: 30px;
  min-width: 200px;
  min-height: 30px;
  line-height: normal;
}

.alohabtn-default-md {
  height: 30px;
  min-width: 96px;
  min-height: 30px;
  line-height: normal;
}

.alohabtn-default-sm {
  height: 30px;
  min-width: 60px;
  min-height: 30px;
  line-height: normal;
}

.alohaButtonDropdown {
  background: #ebeff5;
  border-radius: 5px;
  padding: 0px 10px;
}

div.show-image {
  position: relative;
  margin: 15px 0px 0px 10px;
  display: inline-block;
}

div.show-image i {
  position: absolute;
}

div.show-image img {
  border: 1px;
}

div.show-image i.delete {
  top: 0%;
  right: 0%;
}

.choosefilechipsLabelBorder {
  min-height: 30px;
  /* border-bottom: 1px solid #ebeff5; */
  margin: 10px 0px 0px 0px !important;
  padding-left: 6px;
}

.choosefilelabelBorder {
  border: 0px solid #bdc3cc;
  padding: 2px 7px 2px 7px;
  border-radius: 15px;
  width: auto;
  background-color: #ebeff5;
}

.attachmenttextlimit {
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  display: inline-block;
  float: left;
}

.filecloseicon {
  padding-top: 3px;
}

/* 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%;
}

/* Edit buttons,input,glyphicon margin & width  */
.editable-buttons button {
  margin-right: 4px;
}

.editable-buttons {
  margin: 0px 0px !important;
}

.editable-input.editable-has-buttons {
  /*width: 362px;*/
}

.form-inline .form-control {
  /*margin-right: -67px;*/
}

.edit-pencil {
  display: none;
  margin-left: 10px;
  padding-top: 7px;
}

.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 {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.editable-buttons button {
  background-color: rgba(255, 255, 255, 0);
  margin: 0px !important;
  padding: 0px;
  outline: none;
}

.btn:focus {
  outline: none;
}

.btn:active, .btn.active {
  box-shadow: none;
}

/*************************************************************     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%);
}
.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_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;
}

.transcationDropMenu {
  position: relative !important;
  left: -150px !important;
}

/*.fab {
	width: 56px;
	height: 56px;
	background-color: #0074f1;
	border-radius: 50%;
	box-shadow: none;
	transition: all 0.1s ease-in-out;
	font-size: 0px;
	color: white;
	text-align: center;
	line-height: 55px;
	position: fixed;
	right: 4%;
	bottom: 12%;
	z-index: 1;
}


.fab:hover {
	box-shadow: 0 6px 14px 0 #666;
	transform: scale(1.05);
}*/
.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;
}

table.freezetable {
  position: relative;
  width: calc(100vw - 120px);
  background-color: #aaa;
  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 10px 10px rgba(0, 0, 0, 0.08), 0 0px 0px transparent;
  /*padding-left: 5px;*/
  min-height: 40px;
  outline: none;
  padding-right: 5px;
  display: inline-flex;
}
table.freezetable thead th {
  background-color: #ffffff;
  /*min-width: 120px;*/
  /*border: 1px solid #222;*/
  padding: 0px 10px;
  outline: none;
  cursor: default;
  align-items: center;
  height: 40px;
  display: flex;
  /*display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;*/
  -webkit-align-content: center;
  align-content: center;
}
table.freezetable tbody {
  position: relative;
  display: block;
  width: calc(100vw - 120px);
  min-height: calc(100vh - 270px);
  overflow: scroll;
  margin-top: 10px;
  height: 0vh;
}
table.freezetable tbody tr {
  /*padding-left: 5px;
  padding-right: 5px;*/
  padding-top: 0px;
  min-height: 50px;
  border-bottom: 1px solid #ebeff5;
  /*margin-top: -5px;*/
  outline: none;
  /*display: inline-block;*/
  width: 100%;
}
table.freezetable tbody td {
  background-color: #ffffff;
  /*min-width: 120px;*/
  /*border: 1px solid #222;*/
  padding: 0px 10px;
  outline: none;
  cursor: default;
  align-items: center;
  height: 50px;
  /*display: flex;*/
  /*display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;*/
  -webkit-align-content: center;
  align-content: center;
  word-break: break-all;
}

.minwidth {
  min-width: 175px;
}

#sortable1 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 60%;
}

#sortable1 li {
  margin: 0 3px 3px 3px;
  padding: 0px;
  height: 35px;
}

#sortable1 li span {
  position: absolute;
  margin-left: -1.3em;
}

.pagination {
  float: right;
  margin: 0px;
}

.pagination > li > a, .pagination > li > span {
  padding: 3px 0px;
  border: none;
  width: 24px;
  height: 24px;
  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;
  color: #0074f1;
  cursor: default;
  background-color: #ffffff;
  border-color: none;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  background-color: #0074f1;
  border-radius: 12px;
  color: #ffffff;
}
.pagination > li > a:hover .alohaIcon, .pagination > li > span:hover .alohaIcon, .pagination > li > a:focus .alohaIcon, .pagination > li > span:focus .alohaIcon {
  color: #ffffff;
}

/********SWITCH CONTROLLER*********/
/**Basic Switch control mixin for*/
/**Dynamic Width Ex: sm,md,lg**/
/********TRI STATE SWITCH CONTROLLER*********/
/**Base Class 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;
}
.aloha-switch_autoWidth span:before {
  position: relative;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.3em;
  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-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;
}
.aloha-switch-xs span:before {
  position: relative;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.3em;
  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-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;
}
.aloha-switch-sm span:before {
  position: relative;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.3em;
  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-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;
}
.aloha-switch-md span:before {
  position: relative;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.3em;
  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-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;
}
.aloha-switch-lg span:before {
  position: relative;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.3em;
  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;
}

/*******************************Table with divs***********************************************/
.alohatable-parent {
  overflow-x: auto;
  overflow-y: hidden;
}
.alohatable-parent .alohatable {
  display: inline-block;
  width: 100%;
}
.alohatable-parent .alohatable .alohaheaderrow {
  box-shadow: 0 10px 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%;
  /*background: $White;*/
}
.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;
  /*display: -webkit-flex;
  display: flex;*/
  -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: 2;
}

.aloha-text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tableRowActive {
  box-shadow: 0 0px 100px rgba(0, 0, 0, 0.08), 0 5px 5px rgba(0, 0, 0, 0);
}

.alohaTd-right, .alohaTh-right {
  /*display: inline-block !important;*/
  text-align: right !important;
  justify-content: flex-end;
}

.alohaTd-center, .alohaTh-center {
  /*display: inline-block !important;*/
  text-align: right !important;
  justify-content: center;
}

.aloha_addDatarow {
  border: none !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

/******************************* Advanced Table with divs***********************************************/
.alohatable-advanced-parent {
  overflow-x: auto !important;
  overflow-y: hidden;
  /*.aloha-advanced-table-Footerfixed {
      background: $White;
      padding: 10px 0px;
      margin-top: 0px;
      border-top: 1px solid $alohaBorder_C;
      position: fixed;
      left: 30px;
      right: 30px;
      bottom: 0;
      height: 50px;
      margin-left: 65px;
      z-index: 2;
  }*/
}
.alohatable-advanced-parent .aloha-advanced-table {
  display: inline-block !important;
  width: auto;
}
.alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-headerrow {
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.08), 0 0px 0px rgba(0, 0, 0, 0);
  min-height: 40px !important;
  outline: none;
  padding-right: 5px;
  display: inline-block !important;
  width: 100%;
  white-space: nowrap;
}
.alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-headerrow .aloha-advanced-th {
  display: inline-flex !important;
  padding: 7px 10px;
  outline: none;
  cursor: default;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  -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: 50px !important;
  border-bottom: 1px solid #ebeff5;
  outline: none;
  width: 100%;
  white-space: nowrap;
  /*word-wrap: break-word;
  word-break: break-all;*/
}
.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: inline-flex !important;
  padding: 15px 10px;
  outline: none;
  cursor: default;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  align-content: center;
  /*white-space:normal;
  word-wrap: break-word;
  word-break: break-all;*/
}
.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;
}
.alohatable-advanced-parent .aloha-advanced-table .AR_Tablebody {
  max-height: calc(100vh - 390px);
}

.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: 2;
}

.advanced_NewHeader {
  box-shadow: none !important;
  border-bottom: 1px solid #ebeff5;
}
.advanced_NewHeader .aloha-advanced-th {
  margin-left: -0.3px !important;
}

.alohaWidth-30 {
  min-width: 30px;
  width: 30px;
}

.alohaWidth-40 {
  min-width: 40px;
  width: 40px;
}

.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-150 {
  min-width: 150px;
  width: 150px;
}

.alohaWidth-160 {
  min-width: 160px;
  width: 160px;
}

.alohaWidth-151 {
  min-width: 151px;
  width: 151px;
}

.alohaWidth-180 {
  min-width: 180px;
  width: 180px;
}

.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;
  width: 400px;
}

.alohaWidth-500 {
  min-width: 500px;
  width: 500px;
}

.alohaWidth-545 {
  min-width: 545px;
  width: 545px;
}

.alohaWidth-548 {
  min-width: 548px;
  width: 548px;
}

.alohaWidth-550 {
  min-width: 550px;
  width: 550px;
}

.alohaWidth-650 {
  min-width: 650px;
  width: 650px;
}

.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-865 {
  min-width: 865px;
  width: 865px;
}

/*****************by veena new changes**************/
@media (max-width: 599px) {
  .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;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-table-body {
    max-height: calc(100vh - 280px);
  }
}
@media only screen and (min-width: 1400px) {
  .alohatable-advanced-parent .aloha-advanced-table .aloha-advanced-table-body {
    max-height: calc(100vh - 290px);
  }
}
.aloha_tabs {
  height: 60px;
}

/*.default_Qualificationicon {
    margin-top: -17px;
    margin-right: 10px;
    top: 11px;
}*/
/*.primary_Qualificationicon {
    @extend .default_Qualificationicon;
    top: 12px;
}*/
.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;
  margin: 0;
}
.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;
}

@media only screen and (max-width: 767px) {
  .aloha_tabs {
    height: 66px;
    background: #ffffff;
  }
  .nav {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table; /* [1] */
    /*table-layout: fixed;*/ /* [2] */
    width: 100%; /* [3] */
  }
  .tabs_item {
    display: table-cell !important; /* [4] */
  }
  .tabs_link {
    display: block !important; /* [5] */
  }
  /**
   * Primary nav. Extends `.tabs`.
   *
   * 1. Stop tabs’ corners leaking out beyond our 4px round.
   */
  .nav-tabs {
    text-align: center;
    border-radius: 4px;
    overflow: hidden; /* [1] */
    padding: 0px 8px;
  }
  .nav-tabs li {
    float: none;
  }
  .nav-tabs a {
    padding: 1em;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
  }
  .nav-tabs a span {
    font-size: 12px;
  }
}
/*------------------------------------------------------------------------
   |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: 30px;
  align-items: center;
  border-bottom: solid 1px #0074f1;
}

md-card md-card-title md-card-title-media {
  margin-top: 4px;
}

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;
}

/**********************************Responsive Card************************************************/
/*@include breakpoint-device('xs') {

	md-card[aloha-card-xs] {
		height: auto;

		md-card md-card-title + md-card-content {
			max-height: auto;
		}
	}

	md-card[aloha-card-sm] {
		height: auto;
		min-height: $alohaCard-sm;

		md-card md-card-title + md-card-content {
			max-height: auto;
		}
	}

	md-card[aloha-card-md] {
		height: auto;

		md-card md-card-title + md-card-content {
			max-height: auto;
		}
	}

	md-card[aloha-card-lg] {
		height: auto;

		md-card md-card-title + md-card-content {
			max-height: auto;
		}
	}
}
@include breakpoint-device('sm') {

    md-card[aloha-card-xs] {
        height: auto;
    }

    md-card[aloha-card-sm] {
        height: auto;

        md-card md-card-title + md-card-content {
            max-height: auto;
        }
    }

    md-card[aloha-card-md] {
        height: auto;

        md-card md-card-title + md-card-content {
            max-height: auto;
        }
    }

    md-card[aloha-card-lg] {
        height: auto;

        md-card md-card-title + md-card-content {
            max-height: auto;
        }
    }
}*/
@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;
  }
}
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;
}

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;
}

.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;
}

/**********Angular Body Theme changed as per Aloha****************/
body.md-default-theme, body, html.md-default-theme, html {
  color: #3B3E43;
  background-color: #ffffff;
}

/*****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: 1040;
}

md-backdrop.md-select-backdrop.md-click-catcher.ng-scope {
  z-index: 1040;
}

md-input-container.md-block, md-autocomplete 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: #E0CE94;
}

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: #E0CE94;
}

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: #3B3E43;
}

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: #D7D7D7;
}

[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: #D7D7D7;
}

/*<--------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-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: 55px;
  max-height: 65px;
  height: auto !important;
  padding: 0px 5px;
  align-items: center;
  /* align-content: left; */
  justify-content: left;
  display: flex;
  line-height: 48px;
}

::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;
}

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

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-value span:first-child:after {
    content: ' ' !important;
}*/
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;
}

.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;
}

/*****Angular MD Drop Down or Select*****/
/*---------------------------------------------------------------------------------
    |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: #E0CE94;
}

md-select.md-default-theme:not([disabled]):focus .md-select-value,
md-select:not([disabled]):focus .md-select-value {
  border-bottom-color: #E0CE94;
  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;
}

/*******Angular MD INPUT CONTAINER*******/
/*-----------------------------HTML USAGE----------------------------------------------------
	|INPUT:																					|
|    <md-input-container class="md-block">												|
|    <label> labelName</label>															|
|    <input name="lastName" ng-model="modelname" required>								|
|    </md-input-container>																|
|TEXTAREA:																				|
   |	<md-input-container class="md-block">												|
   |	<label>Biography</label>															|
|   <textarea ng-model="modelname" md-maxlength="150" rows="4" md-select-on-focus>		|
|   </textarea>																			|
   |	</md-input-container>																|
| NOTE:																					|
|    Use "required" Keyword if the field is having validation as Required				|
  -----------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
   |Input container margin assigned to 0px                                      |
   |Which will reduce the height between input controllers as per Aloha         |
  -------------------------------------------------------------------------------*/
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;
}

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;
}

md-tabs.md-default-theme .md-tab, md-tabs .md-tab {
  color: #76859c;
}

md-tabs.md-default-theme .md-tab.md-active,
md-tabs .md-tab.md-active, md-tabs.md-default-theme .md-tab.md-active md-icon,
md-tabs .md-tab.md-active md-icon, md-tabs.md-default-theme .md-tab.md-focused,
md-tabs .md-tab.md-focused, md-tabs.md-default-theme .md-tab.md-focused md-icon, md-tabs .md-tab.md-focused md-icon {
  color: #0074f1;
  cursor: pointer;
}

md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {
  color: #0074f1;
  background: #0074f1;
}

md-tabs.md-default-theme .md-tab .md-ripple-container, md-tabs .md-tab .md-ripple-container {
  color: #0074f1;
}

.md-tab {
  text-transform: none;
  cursor: pointer;
}
.md-tab label {
  cursor: pointer;
}

md-tabs {
  top: 60px;
  position: initial !important;
}

md-tab-content {
  overflow: hidden;
  margin: 15px 0px 15px 0px;
}

md-tabs-wrapper {
  z-index: 1;
  top: 60px !important;
  left: 95px;
  background-color: #ffffff !important;
  position: fixed !important;
  right: 30px;
}

md-tabs-content-wrapper {
  overflow-y: hidden;
  overflow-x: hidden;
  top: 0px !important;
}

md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
  min-height: calc(100vh - 0px);
}

/*==========  Mobile First Method  ==========*/
/* Extra Small Devices, Phones,Custom, iPhone Retina */
@media only screen and (max-width: 360px) {
  md-tabs-wrapper {
    left: 0px;
  }
}
@media only screen and (min-width: 361px) and (max-width: 400px) {
  md-tabs-wrapper {
    left: 0px;
  }
}
@media only screen and (min-width: 401px) and (max-width: 480px) {
  md-tabs-wrapper {
    left: 0px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 600px) {
  md-tabs-wrapper {
    left: 0px;
  }
}
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
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;
}

/*******************
      Normalize styles
      ************************/
.PopUpsearchIcon {
  margin-top: -26px;
  margin-right: 5px;
  padding-top: 3px;
}

md-input-container.md-block, md-autocomplete md-input-container {
  z-index: 0;
  margin-bottom: 0px !important;
  padding: 1px;
}

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

.errormessage {
  float: left;
  text-align: left;
}

.progressBar {
  width: 100vw;
  position: fixed;
  z-index: 999;
}
.progressBar md-progress-linear.md-default-theme .md-bar, .progressBar md-progress-linear .md-bar {
  background-color: #E0CE94;
}
.progressBar md-progress-linear.md-default-theme .md-container, .progressBar md-progress-linear .md-container {
  background-color: #f1edd9;
}

md-radio-button .md-container {
  left: auto;
}

/***end of Normalize Styles***/
/*******************
           User Page styles
           ************************/
.identityLogo {
  padding-bottom: 40px;
  text-align: center;
  text-align: -webkit-center;
}

.identityInput {
  text-align: left;
}

.btnIdentity {
  margin-top: 40px;
  font-weight: 400 !important;
  height: 44px !important;
  padding: 0px 20px 0px 20px;
}

.identitySection {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  /*background: #fff;*/
  max-width: 100%;
  position: relative;
  z-index: 2;
}

.identitySection.identitySectionHeight {
  min-height: 100vh;
}

.identitySectionCard {
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
  padding: 30px;
  text-align: center;
}

.disableDisplay {
  display: none;
}

.loginRightIcon {
  margin-top: -25px !important;
  position: absolute;
  right: 0;
  float: right;
}

.enableDisplay {
  display: block !important;
}

.aba_LoignFooter {
  padding-top: 10px;
  font-style: italic;
}
.aba_LoignFooter a {
  text-decoration: none !important;
  outline: none !important;
  color: #bea34b;
}

.identitySectionFooter {
  /*display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 1.4;
  padding: 0 24px 14px;
  text-align: center;
}
.identitySectionFooter span {
  padding: 0px 10px 0px 10px;
}
.identitySectionFooter span a {
  color: #3B3E43;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}

.mfa-back-button {
  font-size: 26px;
  margin-left: 24px;
  margin-top: 40px;
  cursor: pointer;
  width: 30px;
}
.mfa-back-button p {
  min-height: 24px;
  color: #E0CE94 !important;
}

/*******************
           Media Queries
           ************************/
@media only screen and (min-width: 601px) {
  .identityComponent {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
  }
  .identityComponent:before {
    min-height: 30px;
  }
  .identityComponent:after {
    min-height: 64px;
  }
  .identityComponent:before, .identityComponent:after {
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    content: "";
    display: block;
    height: 24px;
  }
  .identitySection.identitySectionWidth {
    width: 460px;
  }
  .identitySection.identitySectionHeight {
    min-height: 0;
  }
  .identitySection {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    display: block;
    margin: 0 auto;
    min-height: 0;
    width: 460px;
  }
  .identitySection, .identitySectionCard {
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .identitySection.identitySectionWidth .identitySectionCard {
    height: auto;
  }
  .identitySectionCard {
    height: auto;
    overflow-y: auto;
  }
  .identitySectionFooter {
    height: 16.8px;
    padding: 15px 0 0;
    position: absolute;
    width: 100%;
  }
}
@media only screen and (min-width: 450px) {
  .identitySectionCard {
    padding: 60px 30px 70px 30px;
  }
}
/***end of User Page Styles***/
.LoginProgressBar md-progress-linear.md-default-theme .md-bar, .LoginProgressBar md-progress-linear .md-bar {
  background-color: #E0CE94;
}
.LoginProgressBar md-progress-linear.md-default-theme .md-container, .LoginProgressBar md-progress-linear .md-container {
  background-color: #f1edd9;
}

md-input-container label:not(.md-container-ignore).md-required:after {
  content: none !important;
  font-size: 13px;
  vertical-align: top;
}

.toppaddingrecaptcha {
  padding-top: 40px;
}

.stylesForVerificationCode {
  /* 2 group of 3 items */
  /* From: https://gist.github.com/ffoodd/000b59f431e3e64e4ce1a24d5bb36034 */
}
.stylesForVerificationCode .otc {
  position: relative;
  width: 320px;
  margin: 0 auto;
}
.stylesForVerificationCode .otc fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
.stylesForVerificationCode .otc fieldset div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.stylesForVerificationCode .otc legend {
  margin: 0 auto 1em;
  color: #5555FF;
}
.stylesForVerificationCode input[type=number] {
  width: 0.82em;
  line-height: 1;
  margin: 0.1em;
  padding: 8px 0 4px;
  font-size: 2.65em;
  text-align: center;
  appearance: textfield;
  -webkit-appearance: textfield;
  border: 2px solid aliceblue;
  color: #E0CE94;
  border-radius: 4px;
  background: aliceblue;
}
.stylesForVerificationCode input[type=number]:focus {
  outline: none !important;
  border: 2px solid aliceblue;
}
.stylesForVerificationCode input::-webkit-outer-spin-button,
.stylesForVerificationCode input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.stylesForVerificationCode input[type=number]:nth-child(n+4) {
  order: 2;
}
.stylesForVerificationCode .otc label {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.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;
}

.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;
}

md-select-menu {
  overflow: hidden !important;
}

.alohaSelectHeader md-content._md {
  max-height: 240px;
}

/* Login page background image */
.linkUnderline {
  text-decoration: underline !important;
}

.identityComponent {
  display: flex;
  flex-direction: row;
  min-height: 100vh;
  width: 100vw;
  overflow: hidden;
  padding: 0;
}

.image-side {
  flex: 0 0 60%;
  background: url("../../images/news_background.jpg") no-repeat center center;
  background-size: cover;
  position: relative;
}

.login-side {
  flex: 0 0 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4rem;
  position: relative;
}

/*.image-left-bottom {
        position: absolute;
        left: 0;
        bottom: 0;
    }*/
.image-right-top {
  position: absolute;
  right: 0;
  top: 0;
}

.news-cards {
  position: absolute;
  left: 50%;
  bottom: 32px;
  transform: translateX(-50%);
  width: 80%;
  max-width: 700px;
  display: flex;
  justify-content: center;
  gap: 24px;
  z-index: 3;
  padding-bottom: 0;
}

.news-card {
  width: 180px;
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.news-card img {
  width: 100%;
  height: 60%;
  object-fit: cover;
  border-radius: 8px;
}

.news-card-body {
  width: 100%;
  height: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  letter-spacing: normal;
}

.news-card-title {
  font-size: 16px;
  color: #222;
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin-bottom: 2px;
}

.news-card-desc {
  font-size: 14px;
  color: #555;
  text-align: center;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  min-height: 1.6em;
  height: 2.4em;
}

.login-banner-card {
  width: 100%;
  max-width: 420px;
  margin: 4rem auto 0 auto;
  background: #faf9fb;
  border-radius: 10px;
  box-shadow: 0 2px 1px 1px rgb(220, 220, 220);
  padding: 14px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-banner-card .banner-content {
  display: flex;
  align-items: center;
  gap: 0;
  width: 100%;
}
.login-banner-card .banner-icon-col {
  flex: 0 0 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  max-width: 44px;
  height: 44px;
}
.login-banner-card .banner-info-icon {
  font-size: 1.7rem;
  color: #0074f1;
}
.login-banner-card .banner-info-icon-png {
  width: 38px;
  height: 38px;
  object-fit: contain;
  display: block;
}
.login-banner-card .banner-text-col {
  flex: 1 1 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding-left: 8px;
}
.login-banner-card .banner-text {
  font-size: 1.2rem;
  color: #222;
  font-weight: 500;
  letter-spacing: 0.06em;
  word-break: break-word;
  line-height: 1.8;
}

.support-chat-bubble {
  cursor: pointer;
  background: #ffe066;
  border-radius: 50%;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  z-index: 2;
  border: 3px solid #faf9fb; /* White/gray border for concave effect */
  margin-left: 0;
}

.support-chat-bubble:hover {
  background: #d8b83a;
}

.custom-link,
.custom-link:hover {
  color: inherit;
  text-decoration: none;
  font-weight: inherit;
}

.chat-icon-png {
  width: 38px;
  height: 38px;
  object-fit: contain;
  display: block;
}

.support-chat-wrapper {
  position: fixed;
  right: 36px;
  bottom: 36px;
  z-index: 9999;
  display: flex;
  align-items: center;
  /* Remove position: relative/absolute from badge, use flex */
}

.support-chat-badge {
  background: #232c36;
  color: #fff;
  font-size: 1.08rem;
  padding: 7px 25px 7px 18px;
  border-radius: 13px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.13);
  white-space: nowrap;
  opacity: 0;
  transform: translateX(30px) scale(0.98);
  pointer-events: none;
  transition: opacity 0.28s cubic-bezier(0.4, 0, 0.2, 1), transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 2px solid #e6e1c3;
  font-family: inherit;
  min-height: 36px;
  z-index: 1;
  margin-right: -18px; /* Let bubble overlap badge */
}

.support-chat-badge b {
  color: #ffe066;
  font-weight: 700;
}

.support-chat-badge.show {
  opacity: 1;
  transform: translateX(0) scale(1);
  pointer-events: auto;
}

@media (min-width: 601px) and (max-width: 1024.98px) and (orientation: portrait) {
  .identityComponent {
    display: flex;
    flex-direction: column;
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
    overflow: hidden;
    align-items: stretch;
  }
  .login-side {
    /*order: 1;*/
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    padding: 0 1.5rem 0 1.5rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    flex-direction: column;
    z-index: 2;
  }
  .image-side {
    order: 2;
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    height: 200px;
    min-height: 150px;
    max-height: 250px;
    background: none !important;
    box-shadow: none;
    z-index: 1;
    top: -100px;
  }
  .image-left-bottom {
    display: none !important;
  }
  .news-cards {
    order: 3;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    max-width: 50rem;
    margin: 32px auto 0 auto;
    gap: 18px;
    z-index: 3;
    background: none;
    padding-bottom: 0;
  }
  .news-card {
    width: 125px;
    height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    margin: 0;
  }
  .news-card img {
    width: 100%;
    min-height: 60%;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 8px;
  }
  .news-card-title {
    font-size: 14px;
    margin-bottom: 2px;
    color: #222;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
  }
  .news-card-desc {
    font-size: 10px;
    color: #555;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    min-height: 2.2em;
    line-height: 1.2em;
    height: 2.2em;
  }
  .image-right-top {
    width: 150px;
    right: 0;
    top: -60px;
  }
}
@media (min-width: 601px) and (max-width: 1024.98px) and (orientation: landscape) {
  .identityComponent {
    flex-direction: row;
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
    overflow: hidden;
  }
  .image-side {
    flex: 0 0 55%;
    width: 55vw;
    min-width: 55vw;
    max-width: 55vw;
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
    background: url("../../images/news_background.jpg") no-repeat center center;
    background-size: cover;
    display: block !important;
    position: relative;
  }
  .login-side {
    flex: 0 0 45%;
    width: 45vw;
    min-width: 45vw;
    max-width: 45vw;
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
    padding: 0 3rem;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
  }
  .news-cards {
    width: 90%;
    max-width: 550px;
    gap: 10px;
    left: 48%;
    transform: translateX(-50%);
    position: absolute;
    bottom: 32px;
    justify-content: center;
    margin: 0;
  }
  .news-card {
    width: 125px;
    height: 150px;
    padding: 10px;
  }
  .news-card img {
    height: 60%;
  }
  .news-card-title {
    font-size: 14px;
  }
  .news-card-desc {
    font-size: 10px;
  }
  .image-left-bottom {
    display: none !important;
  }
  .image-right-top {
    width: 150px;
    right: 0;
    top: -60px;
  }
}
@media (min-width: 1025px) {
  .identityComponent {
    flex-direction: row;
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
    overflow: hidden;
  }
  .image-side {
    display: block !important;
    background: url("../../images/news_background.jpg") no-repeat center center;
    background-size: cover;
    flex: 0 0 60%;
    width: 60vw;
    min-width: 60vw;
    max-width: 60vw;
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
  }
  .login-side {
    flex: 0 0 40%;
    width: 40vw;
    min-width: 40vw;
    max-width: 40vw;
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
    padding: 0 4rem;
    justify-content: center;
  }
  .news-cards {
    display: flex !important;
    position: absolute;
    left: 50%;
    bottom: 32px;
    transform: translateX(-50%);
    width: 80%;
    max-width: 55rem;
    gap: 18px;
    flex-direction: row;
    justify-content: center;
    z-index: 3;
    padding-bottom: 0;
  }
  .news-card {
    width: 180px;
    padding: 12px;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .news-card img {
    width: 100%;
    min-height: 60%;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 10px;
  }
  .news-card-title {
    font-size: 16px;
    margin-bottom: 4px;
    color: #222;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
  }
  .news-card-desc {
    font-size: 12px;
    color: #555;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    min-height: 2.6em;
    line-height: 1.3em;
    height: 2.6em;
  }
  .image-left-bottom {
    display: none;
  }
  .image-right-top {
    width: 175px;
    right: 0;
    top: -60px;
  }
}
/* --- FINAL MOBILE OVERRIDE: Place at the end of your SCSS file --- */
@media (max-width: 600px), (max-height: 600px) {
  .image-side {
    display: none !important;
  }
  .identityComponent,
  .login-side {
    height: auto !important;
    min-height: 100vh;
    max-height: none !important;
    overflow: visible !important;
    display: block !important;
    width: 100vw;
    max-width: 100vw;
  }
  .login-side {
    padding: unset;
  }
  .image-left-bottom,
  .image-right-top {
    display: none;
  }
  .support-chat-wrapper {
    right: 40px;
    bottom: 40px;
  }
  .support-chat-badge {
    font-size: 0.98rem;
    padding: 5px 16px 5px 8px;
    border-radius: 10px;
    min-height: 28px;
    margin-right: -16px;
  }
  .support-chat-bubble {
    right: 12px;
    bottom: 12px;
    width: 48px;
    height: 48px;
    border-width: 3px;
  }
  .support-chat-bubble .chat-icon {
    font-size: 1.5rem;
  }
  .login-banner-card {
    max-width: 70vw;
    padding: 14px 8px;
  }
  .login-banner-card .banner-icon-col {
    min-width: 36px;
    max-width: 36px;
    height: 36px;
  }
  .login-banner-card .banner-text-col {
    padding-left: 8px;
  }
  .login-banner-card .banner-text {
    letter-spacing: 0.09em;
  }
}
.aba_404LeftCenter {
  transform: translate(0%, 35%);
}

.aba_errorPageHeader {
  font-size: 60px !important;
  letter-spacing: 7px;
  font-weight: 200;
  color: #E0CE94 !important;
}

.abaTitle {
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 4px !important;
  margin-right: -4px;
  padding-bottom: 17px;
  color: #3B3E43;
}
.abaTitle.lineNone:after {
  border-bottom: none !important;
}
.abaTitle.lineCenter:after {
  left: 49%;
  right: 50%;
}
.abaTitle.lineLeft:after {
  left: 0;
}
.abaTitle.lineRight:after {
  right: 0;
}
.abaTitle:after {
  content: "";
  border-bottom: 1px solid #E0CE94;
  position: absolute;
  display: block;
  width: 40px;
  margin-top: 17px;
}
.abaTitle.titleBefore:before {
  content: "say hello";
  position: absolute;
  display: block;
  left: 47%;
  margin-top: -35px;
  font-size: 13px;
  color: #E0CE94;
}

.abaDescriptLabel {
  padding-top: 17px;
  font-weight: 400;
  font-style: italic;
  font-size: 13px;
  color: #3B3E43;
}

.aba_btn {
  position: relative;
  box-shadow: none;
  margin: 0px;
  font-size: 13px;
  height: 40px;
  min-width: 120px;
  letter-spacing: 1.2px;
  padding-left: 6px;
  z-index: 2;
  text-transform: uppercase;
  overflow: hidden;
  -webkit-transition: width 0.25s;
  transition: width 0.25s;
  /*&:active, &.active {
      cursor: pointer;
      border: 2px solid $aba_Primary !important;
      color: $aba_White !important;
      background-color: $aba_Primary !important;
  }*/
}
.aba_btn:hover {
  cursor: pointer;
}
.aba_btn:focus {
  outline: none;
}
.aba_btn.TrailBtn {
  height: 45px;
  min-width: 200px;
}
.aba_btn:after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 0;
  height: 100%;
  opacity: 0;
  content: "";
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: width 0.25s;
  transition: width 0.25s;
}
.aba_btn:hover:after {
  width: 101%;
  opacity: 1;
}

.aba_btnActive {
  border: 1px solid #E0CE94;
  background-color: #E0CE94;
  color: #ffffff;
}
.aba_btnActive:hover {
  border-color: #585C62;
  background-color: #E0CE94;
  color: #ffffff;
}
.aba_btnActive:after {
  background-color: #585C62;
}

@media only screen and (max-width: 767px) {
  .aba_404LeftCenter {
    text-align: center !important;
  }
}