@charset "UTF-8";
/*
TABLE OF CONTENTS
=============================================
1. max-width: 992px || 99.2rem
2. max-width: 768px || 76.8rem
3. max-width: 667px || 66.7rem
4. max-width: 576px || 57.6rem
*/
/*
TABLE OF CONTENTS
=============================================
1. COLOR SHADE
2. FONT-FACE
3. FONT-WEIGHT
4. FONT-SIZE
5. GLOBAL VARIABLE
6. MEDIA PRINT Property
7. Common Property on html
8. Common Property on body of the page
9. common classes
*/
@font-face {
  font-family: LatoRegular;
  font-style: normal;
  font-weight: 400;
  /* https://css-tricks.com/snippets/css/using-font-face-in-css/ */
  src: url("/fonts/lato-regular-webfont.eot"); /* IE9 Compat Modes */
  src: url("/fonts/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/lato-regular-webfont.woff2") format("woff2"), url("/fonts/lato-regular-webfont.woff") format("woff"), url("/fonts/lato-regular-webfont.ttf") format("truetype"), url("/fonts/lato-regular-webfont.svg") format("svg"); /* Legacy iOS */
}
/*COLOR SHADEs*/
/*White Shades*/
/*black color shade*/
/*148 Selectors*/
/*59 Selectors lowemphasis text color, 15 Selectors lowemphasis border color, 8 Selectors replace discontinue, btnapphistory*/
/*50 Selectors replace color before currency and %*/
/*purple color shade*/
/*9 Selectors primary button hover color*/
/*blue color shade*/
/*green color shade*/
/*orange color shade*/
/*red color shade*/
/*yellow color shade*/
/*FONT-WEIGHT*/
/*FONT-SIZE*/
/*End FONT-SIZE*/
/*Strikers & Icons*/
/*End Strikers & Icons*/
/*GLOBAL VARIABLE*/
/*$borderRadius: 4px;*/
/*MEDIA PRINT Property*/
@media print {
  /*Used for print only the with data container after Print Clicked*/
  .myDivToPrint {
    font-family: LatoRegular;
  }
}
/*START BODY*/
/*Common Property on html*/
html {
  font-family: LatoRegular;
  line-height: 1.2;
  -webkit-text-size-adjust: 100%; /*webkit-tap-highlight-color is a non-standard CSS property that sets the color of the highlight that appears over a link while it's being 	tapped.*/
  -ms-text-size-adjust: 100%; /* The property -ms-text-size-adjust is compatible with -webkit-text-size-adjust and should be included as well*/
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  height: 100%; /*Added Height support for safari || https: //stackoverflow.com/questions/25516934/safari-css-using-calc-with-vh-does-not-work */
  font-size: 62.5% !important;
}

/*Common Property on body of the page*/
body {
  font-family: LatoRegular;
  font-size: 1.6rem;
  width: 100%;
  height: 100%;
  margin: 0;
  /*Added Height support for safari*/
  /*https: //stackoverflow.com/questions/25516934/safari-css-using-calc-with-vh-does-not-work */
}

/*------------------------------------------------------------Common classes-----------------------------------------------------------------*/
/*START BODY*/
h4 {
  font-size: 1.6rem;
}

.filepond--drop-label label {
  font-size: 1.6rem;
}

.filepond--file-status .filepond--file-status-main {
  font-size: 1.6rem;
}

.filepond--file-info .filepond--file-info-main {
  font-size: 1.6rem;
}

.filepond--file-info .filepond--file-info-sub {
  font-size: 1.4rem;
}

/*Used for Menu Containeron internal pages and Used as a page header for external pages*/
.dvDataHeader {
  padding: 0.8rem 1rem !important; /*padding: 12px 20px !important;*/
  border-bottom: 1px solid rgba(182, 182, 182, 0.5);
  height: 5.8rem !important; /*height: 68px !important;*/
}

/*Used as a page header Caption*/
.dvDataHeader h4 {
  margin: 0;
  line-height: 4rem; /*40px*/
}

/*Page Main Body Container*/
.dvClinPageContainer {
  font-family: LatoRegular;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #000000;
  background-color: transparent;
  padding: 0 !important;
  /*The text-rendering CSS property provides information to the rendering engineabout what to optimize for when rendering text.*/
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/*Make menu unselectable when Load Page*/
.unselectable {
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
}

/*END BODY*/
/**Used on clear both*/
.clearboth {
  clear: both;
}

/*used as gap*/
.divFormFieldBetweenGap {
  height: 2rem;
  width: 100%;
}

/*Used for gap small*/
.container-between-gap-small {
  height: 1rem;
}

/*used for label*/
.lblCommon {
  font-family: LatoRegular !important;
  margin: 0;
  text-align: left;
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none !important;
}

/*used for normal value*/
.lblValue {
  font-size: 1.6rem;
  line-height: 2rem;
  padding: 0 !important;
  color: #000000;
}

/*Used for bold*/
.lblBold {
  font-weight: bold;
}

/*used for red*/
.lblColorRed {
  color: #E74C3C !important;
}

/*used for page header*/
.lblPageHeader {
  letter-spacing: 0.01em;
  margin: 0;
  padding: 0;
  font-size: 2.8rem !important;
  line-height: 4rem !important;
}

/*used for black*/
.lblColorBlack {
  color: #000000;
}

/*Used for footer*/
.dv-footer-custom > :not(:last-child) {
  margin-right: 0.4rem;
}

/*used for secondary nav bar*/
.btn-secondary-custom-left {
  margin-left: 1rem !important;
}

/*used for btn secondary*/
.btn-secondary-custom {
  color: #000000;
  background-color: #FFFFFF;
  border-color: #634C9F !important;
  font-size: 1.6rem;
  padding: 0.8rem 1.2rem;
  min-width: 4rem;
  text-transform: uppercase;
  outline: none !important;
}

/*used for btn secondary*/
.btn-secondary-custom:hover,
.btn-secondary-custom:focus,
.btn-secondary-custom:active {
  color: #000000;
  background-color: #FFFFFF !important;
  box-shadow: 0 0 0 0.32rem #a193c5;
}

/*used for btn secondary*/
.btn-secondary-custom .fa:before {
  color: #634C9F;
}

/*Used for progressNew*/
.progressNew {
  height: 0.5rem !important;
  position: absolute;
  background-color: #B6B6B6;
  top: 0;
  z-index: 2000;
}

/*Used for table on grid row*/
.table-striped .rowdata {
  padding: 0.5rem !important;
  background-color: #FFFFFF !important;
  margin-bottom: 0.5rem;
}

.table-striped .rowdata:nth-of-type(odd) {
  background-color: #edebfc !important;
}

/*label primary value*/
.label-primary-value {
  font-size: 1.6rem;
  color: #000000;
  margin: 0;
  line-height: 2rem;
}

.label-primary-value-Red {
  font-size: 1.6rem;
  color: #CE0203;
}

/*From here these classes are using in external pages and only in paperwork*/
/*Used for external page outer container*/
.outerContainer {
  background-color: #4b5158;
  overflow: auto;
  padding: 0;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/*Used for external page*/
.pnlExternal-Page {
  background-color: #edf5f8;
  border-radius: 0.96rem;
  min-height: 97vh;
  max-height: 100%;
  margin-left: 5%;
  margin-right: 5%;
}

/*Used for external page*/
.pnlExternal-Page .con {
  padding: 0 !important;
}

/*Used for external page*/
.pnlExternal-Page .head {
  padding-bottom: 1.5rem !important;
}

/*Used for external page*/
.pnlExternal-Page .body {
  padding: 1.5rem !important;
}

/*used as checkbox*/
.custom-switch .custom-control-label::before {
  left: -3.6rem;
  width: 3.84rem;
  pointer-events: all;
  border-radius: 1.6rem;
  height: 2.56rem;
}

/*used as checkbox*/
.custom-control-label::after {
  position: absolute;
  top: 0.4rem;
  left: -2.4rem;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  content: "";
  background: no-repeat 50%/50% 50%;
}

/*used as checkbox*/
.custom-switch .custom-control-label::after {
  top: 0.84rem;
  left: -3rem;
  width: 1.6rem;
  height: 1.6rem;
  background-color: #edebfc;
  border-radius: 0.8rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}

.modal-dialog {
  margin: auto !important;
}

.border {
  border: 0.2rem solid rgba(182, 182, 182, 0.5);
  border-radius: 0.4rem;
  padding: 0.1rem 1rem 0.1rem 1rem;
  width: fit-content;
}

/*Used for Blink*/
.item-Blink {
  -webkit-animation: blinker 1s linear infinite;
  -moz-animation: blinker 1s linear infinite;
  animation: blinker 1s linear infinite;
  animation-iteration-count: 3;
}

/*Used for icon small*/
.fa-very-small:before {
  line-height: 1.4rem;
  vertical-align: text-top;
  font-size: 1.4rem;
}

/*Used for icon small*/
.fa-home:before {
  line-height: 1.4rem;
  vertical-align: text-top;
  font-size: 1.2rem;
}

/*Dropdown*/
/*Used for dotted menu container*/
.dottedMenuContainer {
  background: transparent !important;
  border: none !important;
  position: initial !important;
}

/*Used for dropdown menu common*/
.dropdown-menu {
  position: inherit !important;
  box-shadow: none !important;
  font-size: 1.6rem !important; /*Added by arnab to override bootstrap predefined size*/
  height: auto;
  overflow-y: auto;
  background-color: #FFFFFF !important;
}

/*Used for dotted menu display position*/
.dottedMenu-Container .dropdown-menu {
  top: 7.5rem !important;
}

/*Used for dotted menu display position*/
.dottedMenuContainer .dropdown-menu {
  min-width: 22rem !important;
  border-radius: 0.4rem !important;
  border-bottom: none !important;
  box-shadow: 0 0 0.2rem #B6B6B6;
  position: absolute !important;
  background-color: #FFFFFF !important;
  padding: 0 !important;
  right: 0 !important;
  max-width: 22rem;
  top: 2rem !important;
  left: auto;
}

.dottedMenuContainer .dropdown-item {
  color: #000000 !important;
  padding: 0.7rem 1rem !important;
  border-bottom: 0.1rem solid rgba(182, 182, 182, 0.6);
  min-width: 14rem;
  width: auto;
}

/*Used for dotted menu*/
.dottedMenuContainer .dropdown-item-red {
  color: #E74C3C !important;
}

/*Used for dotted menu height*/
.dottedMenu-Container .dottedMenu {
  height: 3rem !important;
}

/*Used for dotted menu container hover*/
.dottedMenu-Portal {
  color: #808080;
  box-shadow: none !important;
  background-color: transparent;
  outline: none !important;
  padding-top: 0.8rem !important;
}

/*Used for dotted menu hover*/
.dottedMenu:hover {
  color: #000000;
  box-shadow: none !important;
  background-color: transparent;
}

/*Used for dotted menu*/
.dottedMenu::after {
  display: inline-block;
  content: "⠇" !important;
  font-size: 3.2rem !important;
  line-height: 2.4rem !important;
  margin-left: 0;
  vertical-align: top;
  border-top: 0 solid;
  border-left: 0 solid transparent;
  margin-right: 0;
}

/*Used for displaying for right with left gap*/
.float-from-right {
  float: right;
  margin-left: 0.32rem;
}

/*sets height & width in modal in curofic*/
.dvPortalCortainer {
  max-height: 70vh;
  overflow: hidden;
  overflow-y: auto;
  min-height: 65vh;
}

.modal-close {
  font-size: 4.1rem;
  padding: 0.5rem;
}

.dvYellowContanier {
  height: 50vh;
  overflow-x: hidden;
  overflow-y: auto;
}

html {
  font-size: 62.5% !important;
}

@media (max-width: 992px) {
  /*Used for data container*/
  .wrapper .data, .wrapper .page, .wrapper .data-full, .wrapper .page-full {
    position: fixed;
    top: 6vh;
  }
  /*.container-fluid-custom Used on Login and Payment Method Page*/
  .container-fluid-custom .card-header,
  .container-fluid-custom .card-footer,
  .container-fluid-custom .card-body {
    padding: 0.4rem;
  }
  /*Used for secondary-nav*/
  .container-fluid-custom .secondary-nav-footer ul li .tabmenu,
  .container-fluid-custom .secondary-nav ul li .tabmenu {
    padding: 0.2rem;
  }
  /*Used for data container*/
  .wrapper .data {
    height: 94vh;
    overflow: hidden;
    overflow-y: scroll;
  }
  /*Used for Container Body*/
  .Container_Body_NoBorder {
    left: 0;
    width: 100%;
    top: 0;
    border: none !important;
  }
  .pnlLoginMargin {
    margin-left: 0;
  }
  .btnSocialMedia {
    margin-right: 1rem;
  }
  /*Used for menu*/
  .pnlMenuHeader,
  .pnl-data {
    padding: 0.8rem !important;
  }
  /*Used for tab container*/
  .pnlTabContainer {
    padding-left: 16%;
    padding-right: 16%;
    padding-top: 10vh;
  }
  /*Used for video conatiner*/
  .pnl-video-consulation {
    padding: 0 !important;
  }
  /*Used for video conatiner*/
  .pnl-video-consulation .tab-pane {
    border-radius: 0 !important;
  }
  /*Used for text header*/
  .card-header {
    padding: 0.48rem 1rem !important;
  }
  .dvClinicHighLightTextValue {
    padding: 0.5rem !important;
  }
}
@media (max-width: 768px) {
  /*Used for menu button blue*/
  .appointmentsSelected,
  .blueSelected,
  .bluebar,
  .medications {
    margin-bottom: 0.8rem !important;
  }
  /*used as menu container all records*/
  .Dv-Menu {
    position: absolute;
    left: 0;
    right: 0;
    top: -0.1rem;
  }
  /*Used for as a container on MyHealth Page right side dropdown button*/
  .btn-primary-dropdown .dropdown-toggle {
    border-radius: 0.4rem !important;
  }
  /*Used for Dashbaord menu*/
  .pnl-dashboard-menu {
    padding: 1rem !important;
    padding-top: 1rem !important;
  }
  /*Used for Dashbaord data*/
  .pnl-dashboard-data {
    padding: 1rem !important;
    padding-top: 0.5rem !important;
    margin-top: 1rem !important;
    padding-bottom: 0.5rem !important;
  }
  .menuList.new li {
    margin-bottom: 0.5rem !important;
  }
  /*Used for video conatiner*/
  .dvDataHeaderButton {
    padding: 1rem !important;
  }
  /*Used for Container Body*/
  .Container_Body_NoBorder {
    left: 0;
    width: 100%;
    top: 0;
    border: none !important;
  }
  /*Used for menu*/
  .pnlMenuHeader,
  .pnl-data {
    padding: 0.8rem !important;
  }
  .pnlLoginMargin {
    margin-left: 0;
  }
  .section-0 {
    padding: 0 !important;
  }
  .dvEnterMobileOrEmail {
    padding: 1rem !important;
  }
  .btnSocialMedia {
    margin-right: 1rem;
  }
  /*Used for data container*/
  .wrapper .data, .wrapper .page, .wrapper .data-full, .wrapper .page-full {
    position: fixed;
    top: 6.4rem;
  }
  /*.container-fluid-custom Used on Login and Payment Method Page*/
  .container-fluid-custom .card-header,
  .container-fluid-custom .card-footer,
  .container-fluid-custom .card-body {
    padding: 0.4rem;
  }
  /*Used for secondary-nav*/
  .container-fluid-custom .secondary-nav-footer ul li .tabmenu,
  .container-fluid-custom .secondary-nav ul li .tabmenu {
    padding: 0.2rem;
    cursor: pointer;
  }
  /*Used for data container*/
  .wrapper .data {
    height: 92vh;
    overflow: hidden;
    overflow-y: scroll;
  }
  /*Used for tab container*/
  .pnlTabContainer {
    padding-left: 16%;
    padding-right: 16%;
    padding-top: 6vh;
  }
  /*Used for Page where Background color require*/
  .page-container-2 {
    padding: 0 0 0.64rem !important;
  }
  /*Used for panel data*/
  .pnl-data {
    padding-bottom: 4rem !important;
  }
  /*Used for video conatiner*/
  .pnl-video-consulation {
    padding: 0 !important;
  }
  /*Used for video conatiner*/
  .pnl-video-consulation .tab-pane {
    border-radius: 0 !important;
  }
  /*used as header*/
  .dvDataHeader {
    height: auto !important;
    padding: 1rem !important;
  }
  /*used as menu container all records*/
  .Dv-Menu {
    width: 75% !important;
    float: left !important;
    margin-top: 2rem;
  }
  /*used as menu container*/
  .pnlMenuContainer .Dv-Menu-Dropdown,
  .pnl-dashboard-menu .Dv-Menu-Dropdown {
    float: left;
    padding: 0 !important;
  }
  /*Used for inv range data on checkin page*/
  .Dv-data-70 {
    float: left !important;
    width: 70% !important;
  }
  /*Used for inv range data on checkin page*/
  .Dv-data-30 {
    float: left !important;
    width: 30% !important;
  }
  /*used as menu container*/
  .pnlMenuContainer {
    padding: 0 !important;
    margin: 0;
  }
  /*Used for refresh button*/
  .Dv-Menu-refresh {
    margin-top: 15px !important;
    padding: 0 !important;
  }
  /*Used for add payment card refresh button*/
  .Dv-Menu-refresh2 {
    width: 12%;
    padding: 0 !important;
  }
  /*Used for text header*/
  .card-header {
    padding: 0.8rem 1rem !important;
  }
  /*Used for container*/
  .container {
    padding: 0 !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  /*Used for print*/
  .dvPrintActivity {
    padding: 0 !important;
  }
  /*Used for external page*/
  .pnlExternal-Page {
    border-radius: 1rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /*Used for page body*/
  .PageBodyContainer {
    padding: 1rem !important;
    position: fixed;
    bottom: 40px;
  }
  .dvClinicHighLightTextValue {
    padding: 0.5rem !important;
  }
}
@media (max-width: 667px) {
  /*used for Notification window gap on Video call Page*/
  .dvPatNotificationConYellow {
    position: fixed !important;
    width: auto !important;
    left: 0.5rem;
    left: 0.5rem;
    right: 0.5rem;
    bottom: 10rem;
  }
  /*used for Notification window gap on Video call Page*/
  .dvPatNotificationConYellowTop {
    bottom: 25rem !important;
  }
  /*Used for container*/
  .container {
    padding: 0 !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  /*Used for consent tab on consent page*/
  .btn-consent-tab {
    padding: 0.5rem 1rem !important;
  }
  /*Used for print*/
  .dvPrintActivity {
    padding: 0 !important;
  }
  /*Used for external page*/
  .pnlExternal-Page {
    border-radius: 1rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /*Used for page body*/
  .PageBodyContainer {
    padding: 1rem !important;
  }
  .pnlLoginMargin {
    margin-left: 0;
  }
  .section-0 {
    padding: 0 !important;
  }
  .dvEnterMobileOrEmail {
    padding: 1rem !important;
  }
  .btnSocialMedia {
    margin-right: 1rem;
  }
  /*Used for Book Appointment Dropdown right hand side*/
  .dropdown-Portal-book {
    /*position: fixed !important;*/
    right: 0rem !important;
    /*top: 1rem !important;*/
  }
  /*Used for as a container on MyHealth Page right side dropdown button*/
  .btn-primary-dropdown .dropdown-toggle {
    border-radius: 0.4rem !important;
  }
  /*Used for Menu Container Header User Profile*/
  .button-MainMenu-userProfile {
    float: left;
    margin-right: 0;
    width: 100%;
    margin-bottom: 0;
    background-color: #FFFFFF !important;
    padding: 0.2rem 0rem;
    border-radius: 0.4rem;
  }
  .table-striped .rowdata .column {
    padding: 0.2rem 0.5rem !important;
  }
  /*Used for Menu Container Header Dropdown Buttons, link Dashboard and All Records*/
  .button-MainMenu {
    float: left;
    margin-right: 0;
    width: 100%;
    margin-bottom: 1rem;
  }
  /*Used for myhealth dashboard menu*/
  .pnl-dashboard-menu {
    padding: 1rem !important;
    padding-top: 1rem !important;
  }
  /*Used for Dashbaord data*/
  .pnl-dashboard-data {
    padding: 1rem !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .menuList.new li {
    margin-bottom: 0.5rem !important;
  }
  /*Used for Page Wrapper on the Page, Patient Details Page Main Container*/
  .dvWrapContainer {
    bottom: 4.8rem !important;
  }
  .dvWrapContainer.login {
    bottom: 0rem !important;
  }
  .dvWrapContainer.page {
    bottom: 4.8rem !important;
  }
  .FieldPhone select,
  .FieldPhone .select2-container {
    width: 30% !important;
  }
  .FieldPhone input[type=text],
  .FieldPhone input[type=number],
  .FieldPhone input[type=numeric],
  .FieldPhone input[type=tel],
  .FieldPhone input[type=url],
  .FieldPhone input[type=email] {
    width: 70% !important;
  }
  .header-logo,
  .header-data {
    text-align: center !important;
  }
  /*Used for Page Wrapper on the Page, Patient Details Page Footer Container*/
  .dv-Footer {
    bottom: 6.1rem !important;
  }
  .dv-Footer.login {
    bottom: 0rem !important;
  }
  .dvAddress-top.data {
    width: 100% !important;
  }
  /*Used for icon on Patient Registration*/
  .fa-small-device:before {
    margin-right: 0 !important;
    padding-left: 0.24rem !important;
    padding-right: 0.24rem !important;
  }
  /*Used for casesheet on checkin page*/
  .dvContainerCasesheetRow {
    padding: 1.5rem !important;
  }
  /*Used for casesheet on checkin page*/
  .dvContain erCasesheetRow-PurpleLight2 {
    border-left: 0 solid white !important;
    border-right: 0 solid white !important;
  }
  /*Used for casesheet on checkin page*/
  .dvContainerCasesheetRow-PurpleLight2 .dvGridColumn {
    padding: 1.5rem !important;
  }
  /*Used for casesheet on checkin page*/
  .dvContainerCasesheetRow-White {
    padding: 1.5rem !important;
    border-left: 1.5rem solid #FFFFFF !important;
    border-right: 1.5rem solid #FFFFFF !important;
  }
  /*Used for casesheet section purple on checkin page*/
  .dvContainerCasesheetRow-Purple {
    padding: 1.5rem !important;
  }
  /*Used for casesheet section purple on checkin page*/
  .dvContainerCasesheetRow-Purple1 {
    padding: 1.5rem !important;
    border-left: 1.5rem solid #634C9F !important;
    border-right: 1.5rem solid #634C9F !important;
    border: 0.1rem solid #634C9F !important;
  }
  /*Used for casesheet section purple on checkin page*/
  .emDivToggleWithInput {
    width: 70% !important;
  }
  /*Used for casesheet section purple on checkin page*/
  .dvContainerCasesheetRow-PurpleLight1 {
    border-left: 0 solid #634C9F !important;
    border-right: 0 solid #634C9F !important;
  }
  /*Used for casesheet section purple on checkin page*/
  .dvContainerCasesheetRow-PurpleLight1 .dvGridColumn {
    padding: 1.5rem !important;
  }
  /*Used for casesheet on checkin page*/
  .emdivEMRRowGroupItem {
    padding: 0 0 0.1rem 0 !important;
  }
  /*Used for casesheet section purple on checkin page*/
  .dvContainerCasesheetRow-Purple1 {
    padding: 1.5rem 3rem !important;
  }
  /*Used for external page*/
  .pnlExternal-Page .column {
    text-align: center !important;
    margin-bottom: 1.5rem !important;
  }
  .dvClinicHighLightTextValue {
    padding: 0.5rem !important;
  }
}
@media (max-width: 576px) {
  /*used for Notification window gap on Video call Page*/
  .dvPatNotificationConYellow {
    position: fixed !important;
    width: auto !important;
    left: 0.5rem;
    right: 0.5rem;
    bottom: 10rem;
  }
  /*used for Notification window gap on Video call Page*/
  .dvPatNotificationConYellowTop {
    bottom: 25rem !important;
  }
  /*Used for container*/
  .container {
    padding: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /*Used for consent tab on consent page*/
  .btn-consent-tab {
    padding: 0.5rem 1rem !important;
  }
  /*Used for print*/
  .dvPrintActivity {
    padding: 0 !important;
  }
  /*Used for external page*/
  .pnlExternal-Page {
    border-radius: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin: 0 !important;
  }
  .pnlLoginMargin {
    margin-left: 0;
  }
  .section-0 {
    padding: 0 !important;
  }
  .dvEnterMobileOrEmail {
    padding: 1rem !important;
  }
  .btnSocialMedia {
    margin-right: 1rem;
  }
  /*Used for page body*/
  .PageBodyContainer {
    padding: 1rem !important;
    position: fixed;
    bottom: 40px;
  }
  /*Used for casesheet on checkin page*/
  .dvContainerCasesheetRow {
    padding: 1.5rem 1.5rem !important;
  }
  /*Used for casesheet section purple on checkin page*/
  .dvContainerCasesheetRow-PurpleLight2 {
    border-left: 0 solid white !important;
    border-right: 0 solid white !important;
  }
  /*Used for casesheet section purple on checkin page*/
  .dvContainerCasesheetRow-PurpleLight2 .dvGridColumn {
    padding: 1.5rem !important;
  }
  /*Used for casesheet on checkin page*/
  .dvContainerCasesheetRow-White {
    padding: 1.5rem !important;
    border-left: 1.5rem solid #FFFFFF !important;
    border-right: 1.5rem solid #FFFFFF !important;
  }
  /*Used for casesheet section purple on checkin page*/
  .dvContainerCasesheetRow-Purple {
    padding: 1.5rem !important;
  }
  /*Used for casesheet section purple on checkin page*/
  .dvContainerCasesheetRow-Purple1 {
    padding: 1.5rem !important;
    border-left: 1.5remsolid #634C9F !important;
    border-right: 1.5rem solid #634C9F !important;
    border: 0.1rem solid #634C9F !important;
  }
  /*Used for casesheet section purple on checkin page*/
  .emDivToggleWithInput {
    width: 64% !important;
  }
  /*Used for casesheet section purple on checkin page*/
  .dvContainerCasesheetRow-PurpleLight1 {
    border-left: 0 solid #634C9F !important;
    border-right: 0 solid #634C9F !important;
  }
  /*Used for casesheet section purple on checkin page*/
  .dvContainerCasesheetRow-PurpleLight1 .dvGridColumn {
    padding: 1.5rem !important;
  }
  /*Used for Book Appointment Dropdown right hand side*/
  .dropdown-Portal-book {
    /*position: fixed !important;*/
    right: 0rem !important;
    /*top: 1rem !important;*/
  }
  /*Used for Menu Container Header Dropdown Buttons, link Dashboard and All Records*/
  .button-MainMenu {
    float: left;
    margin-right: 0;
    width: 100%;
    margin-bottom: 1rem;
  }
  /*Used for Page Wrapper on the Page, Patient Details Page Main Container*/
  .dvWrapContainer {
    bottom: 4.8rem !important;
  }
  .dvWrapContainer.login {
    bottom: 0rem !important;
  }
  .dvWrapContainer.page {
    bottom: 4.8rem !important;
  }
  .FieldPhone select,
  .FieldPhone .select2-container {
    width: 30% !important;
  }
  .FieldPhone input[type=text],
  .FieldPhone input[type=number],
  .FieldPhone input[type=numeric],
  .FieldPhone input[type=tel],
  .FieldPhone input[type=url],
  .FieldPhone input[type=email] {
    width: 70% !important;
  }
  .header-logo,
  .header-data {
    text-align: center !important;
  }
  /*Used for Page Wrapper on the Page, Patient Details Page Footer Container*/
  .dv-Footer {
    bottom: 6.1rem !important;
  }
  .dvAddress-top.data {
    width: 100% !important;
  }
  .dv-Footer.login {
    bottom: 0rem !important;
  }
  /*Used for icon on Patient Registration*/
  .fa-small-device:before {
    margin-right: 0 !important;
    padding: 0 0.24rem !important;
  }
  /*Used for Book appt Dropdown menu on Myhealth page*/
  .dropdown-toggle-split {
    border-radius: 0.4rem !important;
  }
  /*Used for Menu Container Header User Profile*/
  .button-MainMenu-userProfile {
    float: left;
    margin-right: 0;
    width: 100%;
    margin-bottom: 0;
    background-color: #FFFFFF !important;
    padding: 0.2rem 0rem;
    border-radius: 0.4rem;
  }
  .table-striped .rowdata .column {
    padding: 0.2rem 0.5rem !important;
  }
  /*Used for Dashbaord menu*/
  .pnl-dashboard-menu {
    padding: 1rem !important;
  }
  /*Used for Dashbaord data*/
  .pnl-dashboard-data {
    padding: 1rem !important;
    padding-top: 0.5rem !important;
    margin-top: 0 !important;
    padding-bottom: 0.5rem !important;
  }
  .menuList.new li {
    margin-bottom: 0.5rem !important;
  }
  /*Used for data container*/
  .wrapper .data, .wrapper .page, .wrapper .data-full, .wrapper .page-full {
    position: fixed;
    top: 6.5vh;
  }
  /*.container-fluid-custom Used on Login and Payment Method Page*/
  .container-fluid-custom .card-header,
  .container-fluid-custom .card-footer,
  .container-fluid-custom .card-body {
    padding: 0.4rem;
  }
  /*Used for secondary-nav*/
  .container-fluid-custom .secondary-nav-footer ul li .tabmenu,
  .container-fluid-custom .secondary-nav ul li .tabmenu {
    padding: 0.2rem;
  }
  /*Used for data container*/
  .wrapper .data {
    height: 92vh;
    overflow: hidden;
    overflow-y: scroll;
  }
  /*Used for Container Body*/
  .Container_Body_NoBorder {
    left: 0;
    width: 100%;
    top: 0;
    border: none !important;
  }
  /*Used for menu*/
  .pnlMenuHeader,
  .pnl-data {
    padding: 0.8rem !important;
  }
  /*Used for gap on the login page container*/
  .pnl-top-gap {
    margin-top: 1.6rem;
  }
  /*Used for container remove padding*/
  .pnlTabContainer {
    padding-left: 0;
    padding-right: 0;
  }
  /*Used for less padding on button*/
  .btn-block {
    padding: 0.8rem 0.16rem !important;
  }
  /*Used for icon*/
  .fa-small {
    padding-right: 0 0.24rem !important;
  }
  /*Used for icon*/
  .fa-font-small {
    font-size: 0.96rem !important;
  }
  /*Used Payment Method Page*/
  .dv-appt-confirm {
    border: none !important;
    padding: 0 1.6rem 1.6rem !important;
    margin-top: 0 !important;
  }
  /*Used for Page where Background color require*/
  .page-container-2 {
    padding: 0 0 0.64rem !important;
  }
  /*Used for panel data*/
  .pnl-data {
    padding-bottom: 4rem !important;
  }
  /*Used for video conatiner*/
  .pnl-video-consulation {
    padding: 0 !important;
  }
  /*Used for video conatiner*/
  .pnl-video-consulation .tab-pane {
    border-radius: 0 !important;
  }
  /*used as header*/
  .dvDataHeader {
    height: auto !important;
    padding: 1rem 1rem !important;
  }
  /*used as menu container all records*/
  .Dv-Menu {
    width: 75% !important;
    float: left !important;
    margin-top: 2rem;
  }
  /*used as menu container*/
  .pnlMenuContainer {
    padding: 0 !important;
    margin: 0;
  }
  /*used as menu container*/
  .pnlMenuContainer .Dv-Menu-Dropdown,
  .pnl-dashboard-menu .Dv-Menu-Dropdown {
    float: left;
    width: 70%;
    padding: 0 !important;
  }
  /*Used for video conatiner*/
  .dvDataHeaderButton {
    padding: 1rem !important;
  }
  /*Used for refresh button*/
  .Dv-Menu-refresh {
    margin-top: 0 !important;
    width: 30%;
    padding: 0 !important;
  }
  /*Used for inv range data on checkin page*/
  .Dv-data-70 {
    float: left !important;
    width: 70% !important;
  }
  /*Used for inv range data on checkin page*/
  .Dv-data-30 {
    float: left !important;
    width: 30% !important;
  }
  /*Used for text header*/
  .card-header {
    padding: 0.8rem 1rem !important;
  }
  /*Modal Header/Footer Container*/
  .modal-header-custom,
  .modal-footer-custom {
    padding: 0.8rem !important;
  }
  /*Used for as a container on MyHealth Page right side dropdown button*/
  .btn-primary-dropdown .dropdown-toggle {
    border-radius: 0.4rem !important;
  }
  /*used as fixed button*/
  .buttonFixed {
    position: fixed !important;
    bottom: 0;
  }
  /*Used for casesheet on checkin page*/
  .emdivEMRRowSeperatorItem,
  .emdivEMRRowGroupItem {
    padding: 0 0 1rem 0 !important;
  }
  /*Used for casesheet section purple on checkin page*/
  .dvContainerCasesheetRow-Purple1 {
    padding: 1.5rem 3rem !important;
  }
  /*Used for casesheet on checkin page*/
  .emdivEMRRowSeperator {
    padding-left: 0 !important;
  }
  /*Used for external page*/
  .pnlExternal-Page .column {
    text-align: center !important;
    margin-bottom: 1.5rem !important;
  }
  .resp-P {
    padding-left: 6px !important;
  }
  .divFormGridBetweenGapBigOnly {
    height: 0.5rem;
  }
  .dvClinicHighLightTextValue {
    padding: 0.5rem !important;
  }
}