@charset "UTF-8";
/*
TABLE OF CONTENTS
=============================================
1. FONT-FACE        > Inheriting from curofic_base_4.scss
2. COLOR SHADE      > Inheriting
3. FONT-WEIGHT      > Inheriting
4. FONT-SIZE        > Inheriting two properties
5. GLOBAL VARIABLE  > Inheriting
6. MEDIA PRINT      > Inheriting
7. BODY             > Inheriting
8. START MENUBAR
9. PAGE CONTAINER
10. HEADER CONTAINER
11. FOOTER CONTAINER
12. LABLE CAPTION
13. INPUT FIELD
14. FIELD BETWEEN GAP
15. DOTTED MENU
16. SELECT CONTROLS
17. STICKER 
18. CASESHEET 
19. ICON
20. FILEPOND
21. BUTTON
22. TOOLTIP
23. COMMON
24. DISABLED
*/
/*
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;
}

/*8. START MENUBAR*/
/*Used for Menu Container*/
/*Used for Menu Container Header Dropdown Buttons, link Dashboard and All Records*/
.button-MainMenu {
  float: left;
  margin-right: 1.6rem; /*1rem | previously 1rem means now 1.6*/
}

/*Used for Menu Container Header User Profile*/
.button-MainMenu-userProfile {
  float: left;
  margin-right: 2.4rem; /*1.5rem*/
}

/*Used for Menu Container Header User Profile Circle*/
.button-left-small {
  float: left;
  margin-right: 0.32rem; /*.2rem*/
}

/*8. START MENUBAR*/
/*9. START PAGE CONTAINER*/
/*Used for Page Wrapper on Video Call Page, Page Main Container*/
.dvwrapper-top {
  position: absolute;
  z-index: 10000;
  top: 0;
  left: 0;
  right: 0;
  background-color: #FFFFFF;
}

/*Used for Page Wrapper on the Page, Page Main Container*/
.dvwrapper {
  display: flex;
  align-items: stretch;
  min-height: 100vh;
}

/*Used for Page Container, primarily used for Background color*/
.dvPatDtlsContainer {
  padding: 0 !important;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  background-color: #f9fbfb;
}

/*Used for Page Wrapper on the Page, Patient Details Page Main Container*/
.dvWrapContainer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 4.8rem;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  background-color: #f9fbfb !important;
}

/*Used for Page Wrapper on the Page, Patient Details Page Footer Container*/
.dvWrapContainerWithoutFooter {
  bottom: 0 !important;
}

/*The translateZ() CSS function repositions an element along the z-axis in 3D space, i.e., closer to or farther away from the viewer. Its result is a <transform-function> data type.*/
.modal.in {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

/*9. END PAGE CONTAINER*/
/*10. START HEADER CONTAINER*/
/*Modal Header Container*/
.modal-header-custom {
  align-items: flex-start;
  justify-content: space-between;
  padding: 0.5rem 1.6rem !important;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
}

/*Modal Header Container Close icon*/
.modal-header .close {
  float: right !important;
  padding-right: 0 !important;
  margin: 0 !important;
  color: #000000;
  opacity: 0.8;
  font-size: 2.2rem !important;
  padding: 0 !important;
  background-color: transparent;
  outline: none !important;
  border: none !important;
}

.dottedMenu-Container .dottedMenu {
  height: 4rem !important;
  width: 3rem !important;
}

/*10. END HEADER CONTAINER*/
/*11. START FOOTER CONTAINER*/
/*Used for Page Wrapper on the Page, Patient Details Page Footer Container*/
.dv-Footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  height: 4.8rem;
  background-color: rgba(182, 182, 182, 0.5);
  border-color: rgba(182, 182, 182, 0.5);
  padding: 0.2rem 0.5rem !important;
  border-top: 1px solid #B6B6B6;
}

/*Modal Footer Container not last child*/
.dv-Footer > :not(:last-child),
.modal-footer > :not(:last-child) {
  margin-right: 1rem;
}

/*Modal Footer Container*/
.modal-footer-custom {
  width: 100%;
  text-align: center !important;
  display: block;
  padding: 0.5rem 1.6rem !important;
}

/*Modal Footer Container used on Video call page*/
.modal-footer-gray {
  background-color: #edf5f8 !important;
  border: none !important;
  height: 9rem !important;
  padding: 1rem 1.5rem !important;
  border-top: 0.1rem solid #808080;
  position: fixed !important;
  bottom: 0 !important;
}

/*Modal Footer Container circle used on Video call page*/
.modal-footer > .btnCircleCloseCallNew {
  margin-left: 0 !important;
}

.dvPortal-growthChart {
  height: 83vh !important;
}

.dvPortal-growthChart .highcharts-container,
.dvPortal-growthChart .highcharts-root {
  height: 100% !important;
}

/*11. END FOOTER CONTAINER*/
/*12. START LABLE CAPTION*/
/*font widght normal*/
.font-weight-normal {
  font-weight: normal !important;
}

/*font widght bold*/
.font-weight-bold {
  font-weight: 700 !important;
}

/*common font*/
.lbl-font {
  color: #000000 !important;
  font-size: 1.4rem !important;
}

/*label big values*/
.label-primary-value-extra-Big {
  font-size: 2rem;
  font-weight: 700;
  color: #000000;
}

/*label small values*/
.label-primary-value-small {
  font-size: 1.6rem;
  color: #000000;
}

/*label primary values, used on checkin page Clinic Name and Patient Name*/
.label-primary-value-header {
  font-size: 2.8rem;
  color: #000000;
  font-weight: bold;
}

/*label common header*/
.label-primary-value-big {
  font-size: 1.6rem;
  color: #000000;
}

/*label common header*/
.label-header {
  font-size: 2.8rem;
  color: #000000;
  font-weight: bold;
  margin-bottom: 1.5rem;
  text-align: center;
}

/*label primary value*/
/*.label-primary-value {
    font-size: $fontNormalSize;
    color: $clrBlack;
}*/
/*label primary value white*/
.label-primary-valueWhite {
  font-size: 1.6rem;
  color: #FFFFFF;
}

/*label text with loading*/
.label-Loading-value {
  font-size: 2rem;
  color: #000000;
  margin-bottom: 3rem !important;
}

/*label secondary caption*/
.label-secondary-caption {
  font-size: 1.6rem;
  color: #808080;
}

/*label secondary value*/
.label-secondary-value {
  font-size: 1.6rem;
  color: #000000 !important;
  margin: 0 !important;
}

.label-secondary-value.small {
  font-size: 1.4rem;
  /*color: $clrGraydark2 !important;*/
}

.label-secondary-caption.small,
.label-primary-value.small {
  font-size: 1.4rem;
}

/*label secondary value white*/
.label-secondary-valueWhite {
  font-size: 1.6rem;
  color: rgba(255, 255, 255, 0.7);
  margin: 0 !important;
}

/*label secondary value white*/
.label-secondary-value-small {
  font-size: 1.6rem;
  color: #000000;
  margin: 0 !important;
}

/*label secondary value black*/
.label-secondary-value-color {
  color: #000000 !important;
}

/*12. END LABLE CAPTION*/
/*13. START INPUT FIELD*/
/*common input field*/
input[type=text],
input[type=number],
select,
input[type=email],
input[type=password] {
  border: 0.1rem solid rgba(182, 182, 182, 0.5);
  font-size: 1.6rem;
  color: #000000;
  height: 3.84rem;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  text-align: right;
}

/*common input field focus*/
input[type=text]:focus,
input[type=number]:focus,
select:focus,
input[type=email]:focus,
input[type=password]:focus {
  box-shadow: inset 0 0 0 0.24rem #808080 !important;
}

/*common input field disabled*/
input:disabled,
button:disabled,
input:disabled,
input[disabled=disabled] {
  cursor: no-drop !important;
  opacity: 0.8 !important;
}

/*common input field number*/
.input-number {
  text-align: right !important;
}

input::-webkit-input-placeholder,
.PDatetimePickerContainer .input-group .form-control::-webkit-input-placeholder,
.select2-selection__placeholder {
  font-size: 14px;
  font-weight: normal;
  color: #B6B6B6 !important;
  opacity: 0.9;
}

.select2-selection__placeholder {
  padding-left: 0.6rem !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  height: 39px;
  margin-right: 27px;
  font-size: 1.5rem;
  color: #808080;
}

.select2-container--default .select2-selection--single .select2-selection__clear:hover {
  color: #000000;
}

/*container input field*/
.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/*common check box*/
.custom-control-input:checked ~ .custom-control-label::before {
  color: #FFFFFF;
  border-color: #16a085;
  background-color: #16a085;
}

/*common check box*/
.custom-control-input ~ .custom-control-label::after {
  top: 0.732rem;
  left: -3.12rem;
  width: 1.44rem;
  height: 1.44rem;
  background-color: #808080;
  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;
}

/*common check box*/
.custom-control-input:checked ~ .custom-control-label::after {
  background-color: #FFFFFF !important;
  -webkit-transform: translateX(1.2rem);
  -moz-transform: translateX(1.2rem);
  -ms-transform: translateX(1.2rem);
  -o-transform: translateX(1.2rem);
  transform: translateX(1.2rem);
}

/*common check box*/
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.32rem rgba(0, 123, 255, 0.25);
}

/*common check box*/
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #1b55d8;
}

/*common check box*/
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #FFFFFF;
  background-color: #85c1e9;
  border-color: #85c1e9;
}

/*common check box*/
.custom-control-input:disabled ~ .custom-control-label {
  color: #808080;
}

/*common check box*/
.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
  font-size: 1.6rem;
  padding-left: 0.8rem;
  padding-top: 0.6rem;
}

/*common check box*/
input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/*common check box*/
.btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

/*common check box*/
.input-group-text input[type=checkbox], .input-group-text input[type=radio] {
  margin-top: 0;
}

/*Used for Factor small Input*/
.dvSmallBox {
  display: inline-block;
  vertical-align: top;
  margin: 0rem;
}

/*Used for Factor small Input Number*/
.dvSmallBox input[type=number] {
  height: 4.5rem !important;
  width: 4.5rem !important;
  font-weight: 700;
  line-height: 3.6rem;
  text-align: center !important;
  overflow: hidden;
  font-size: 2.4rem !important;
  padding: 1rem !important;
}

/*Used for Factor small Input Number*/
.dvSmallBox::-webkit-inner-spin-button,
.dvSmallBox::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
}

/*Used for Factor small Input Field*/
.dvSmallBox input[type=number]:focus {
  outline: none;
}

/*Used for primary button disabled*/
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  background-color: #634C9F !important;
  border-color: #634C9F !important;
}

/*Used for button prepend and append*/
.input-group-append, .input-group-prepend {
  display: -ms-flexbox;
  display: flex;
}

/*Used for button prepend and append*/
.input-group-prepend {
  margin-right: -0.1rem;
}

/*Used for button prepend and append*/
.input-group-prepend .btn {
  border-radius: 0.4rem 0 0 0.4rem;
}

/*Used for button prepend and append*/
.input-group-prepend input {
  border-radius: 0.4rem 0 0 0.4rem;
}

/*Used for button prepend and append*/
.form-control-prepend {
  border-radius: 0 0.4rem 0.4rem 0 !important;
}

/*Used for button prepend and append*/
.input-group-append {
  margin-left: -0.1rem;
}

/*Used for button prepend and append*/
.input-group-append .btn {
  border-radius: 0 0.4rem 0.4rem 0;
}

/*Used for Phone number with Country code*/
.FieldPhone input[type=text],
.FieldPhone input[type=number],
.FieldPhone input[type=numeric],
.FieldPhone input[type=tel],
.FieldPhone input[type=url],
.FieldPhone input[type=email] {
  float: left;
  width: 84% !important;
  border-radius: 0 0.4rem 0.4rem 0 !important;
}

/*common input field*/
input[type=text],
input[type=password],
input[type=number],
input[type=numeric],
input[type=search],
input[type=tel],
input[type=url],
input[type=email],
input[type=date],
textarea,
select {
  height: 4.2rem;
  padding: 1rem 1.5rem !important;
  background-color: #FFFFFF !important;
  color: #000000;
  box-shadow: none;
  text-shadow: 0 -0.1rem 0 #FFFFFF; /*For Combobox text for clearity of the Text*/
  transition: none;
  font-size: 1.6rem !important;
  width: 100% !important;
  font-weight: normal;
  border-radius: 0.4rem !important;
  outline: none;
  border: 0.1rem solid rgba(182, 182, 182, 0.5);
  -moz-appearance: none;
  -webkit-appearance: none;
}

textarea {
  height: auto;
}

/*common input field*/
input[type=text],
input[type=password],
input[type=number],
input[type=numeric],
input[type=search],
input[type=tel],
input[type=url],
input[type=email],
input[type=date],
select {
  height: 4.2rem !important;
}

/*common input field*/
input[type=text],
input[type=password],
input[type=number],
input[type=numeric],
input[type=tel],
input[type=url],
input[type=email],
input[type=date],
textarea,
select {
  outline: none;
}

/*common input field number*/
input[type=numeric],
input[type=number] {
  text-align: right !important;
  padding-right: 0.5rem !important;
}

/*common input field submin*/
input[type=submit],
input[type=image] {
  outline: none !important;
}

/*common input field checkbox*/
input[type=checkbox] {
  margin-bottom: 0.5rem;
}

/*common input field focus*/
.dvFormControlContainertxt .searchTextBox:active,
.dvFormControlContainertxt .searchTextBox:focus,
.dvFormControlNotFirst:active,
.dvFormControlNotFirst:focus,
textarea:active,
textarea:focus,
input[type=text]:active,
input[type=password]:active,
input[type=password]:focus,
input[type=number]:active,
input[type=numeric]:active,
input[type=text]:focus,
input[type=number]:focus,
input[type=numeric]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=date]:focus,
input[type=url]:focus,
input[type=email]:focus,
input[type=tel]:active,
input[type=date]:active,
input[type=url]:active,
input[type=email]:active {
  outline: none;
  box-shadow: inset 0 0 0 0.24rem #a193c5 !important;
  border-color: #a193c5 !important;
}

/*Used for Field disabled*/
.ContainerDisabled,
input[type=number]:disabled,
textarea:disabled,
input[type=tel]:disabled,
input[type=email]:disabled,
input[type=url]:disabled,
input[type=text]:disabled {
  background-color: #f9fbfb !important;
  cursor: no-drop !important;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .DateTimePicker_Calendar {
  font: normal normal normal 1.4rem/1 FontAwesome;
  content: "\f073";
  margin-left: 0.5rem;
  font-size: 1.4rem;
  line-height: 2.8rem;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .MakeArrow {
  border: 0 solid #000000;
  border-width: 0 0.3rem 0.3rem 0;
  display: inline-block;
  padding: 0.3rem;
  height: 1.5rem !important;
  width: 1.5rem !important;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .DateTimePicker_Calendar {
  font: normal normal normal 1.4rem/1 FontAwesome;
  content: "\f073";
  margin-left: 0.5rem;
  font-size: 1.4rem;
  line-height: 2.8rem;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .MakeArrow {
  border: 0 solid #000000;
  border-width: 0 0.3rem 0.3rem 0;
  display: inline-block;
  padding: 0.3rem;
  height: 1.5rem !important;
  width: 1.5rem !important;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .right {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-right: 0.5rem !important;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .left {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .up {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .down {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-bottom: 0.5rem !important;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer input,
.PDatetimePickerContainer button {
  font-size: 1.4rem;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer a {
  color: #000000 !important;
  text-decoration: none !important;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer a:hover,
.PDatetimePickerContainer a:focus {
  color: #000000 !important;
  text-decoration: underline !important;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer a:focus {
  outline: thin dotted !important;
  outline: 0.5rem auto -webkit-focus-ring-color !important;
  outline-offset: -0.2rem !important;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .list-unstyled {
  padding-left: 0 !important;
  list-style: none !important;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .container {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  margin-right: auto;
  margin-left: auto;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer table {
  background-color: transparent !important;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer th {
  text-align: left;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .table-condensed > thead > tr > th,
.PDatetimePickerContainer .table-condensed > tbody > tr > td {
  padding: 0.5rem !important;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .form-control {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.42857143;
  color: #000000;
  background-color: #FFFFFF;
  background-image: none;
  border: 0.1rem solid rgba(182, 182, 182, 0.5);
  -webkit-box-shadow: inset 0 0.1rem 0.1rem #FFFFFF;
  -moz-box-shadow: inset 0 0.1rem 0.1rem #FFFFFF;
  box-shadow: inset 0 0.1rem 0.1rem #FFFFFF;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -moz-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-radius: 0.4rem 0 0 0.4rem !important;
}

.PDatetimePickerContainer .form-control-left {
  border-radius: 0 0.4rem 0.4rem 0 !important;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .form-control::-moz-placeholder {
  color: rgba(182, 182, 182, 0.5);
  opacity: 1;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .form-control:-ms-input-placeholder {
  color: rgba(182, 182, 182, 0.5);
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .form-control::-webkit-input-placeholder {
  color: rgba(182, 182, 182, 0.5);
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .form-group {
  margin-bottom: 1.5rem;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .btn:focus,
.PDatetimePickerContainer .btn:active:focus {
  outline: thin dotted !important;
  outline: 0.5rem auto -webkit-focus-ring-color !important;
  outline-offset: -2px !important;
  outline-offset: -0.2rem !important;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .btn:hover,
.PDatetimePickerContainer .btn:focus {
  color: #000000 !important;
  text-decoration: none !important;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .btn:active {
  background-image: none !important;
  outline: 0 !important;
  -webkit-box-shadow: inset 0 0.3rem 0.5rem rgba(182, 182, 182, 0.5) !important;
  -moz-box-shadow: inset 0 0.3rem 0.5rem rgba(182, 182, 182, 0.5) !important;
  box-shadow: inset 0 0.3rem 0.5rem rgba(182, 182, 182, 0.5) !important;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .btn-primary {
  color: #FFFFFF;
  background-color: #1b55d8;
  border-color: #1b55d8;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .btn-primary:hover,
.PDatetimePickerContainer .btn-primary:focus,
.PDatetimePickerContainer .btn-primary:active {
  color: #FFFFFF;
  background-color: #E74C3C;
  border-color: #1b55d8;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .btn-primary:active {
  background-image: none !important;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .collapse .in {
  display: block;
  visibility: visible !important;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .dropdown-menu {
  position: absolute !important;
  top: 100% !important;
  z-index: 1000 !important;
  display: none;
  float: initial !important;
  min-width: 16rem !important;
  padding: 0.5rem !important;
  margin: 0.2rem 0 0 !important;
  font-size: 1.4rem !important;
  text-align: left !important;
  list-style: none !important;
  background-color: #FFFFFF !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  border: 0.1rem solid rgba(182, 182, 182, 0.5) !important;
  border-radius: 0.4rem !important;
  -webkit-box-shadow: 0 0.6rem 1.2rem #B6B6B6 !important;
  -moz-box-shadow: 0 0.6rem 1.2rem #B6B6B6 !important;
  box-shadow: 0 0.6rem 1.2rem #B6B6B6;
  width: 17em;
  height: 25.4rem !important;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .input-group {
  position: relative !important;
  display: table;
  border-collapse: separate !important;
  margin-bottom: 0 !important;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .btnCalender:before {
  font-size: 1.4rem !important;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .btnTime {
  margin-right: 0.5rem !important;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .input-group-addon,
.PDatetimePickerContainer .input-group .form-control {
  display: table-cell;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .input-group-addon {
  font-size: 1.4rem;
  line-height: 1;
  color: #B6B6B6;
  text-align: center;
  background-color: #FFFFFF;
  width: 4rem !important;
  white-space: nowrap;
  vertical-align: middle;
  height: 3.3rem !important;
  border: 0.1rem solid rgba(182, 182, 182, 0.5);
  border-left: none !important;
  border-radius: 0 0.4rem 0.4rem 0 !important;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .container:before,
.PDatetimePickerContainer .container:after,
.PDatetimePickerContainer .row:before,
.PDatetimePickerContainer .row:after {
  display: table;
  content: " ";
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .container:after,
.PDatetimePickerContainer .row:after {
  clear: both;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .right {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-right: 0.5rem !important;
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .left {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .up {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/*Used for DatetimePickerContainer*/
.PDatetimePickerContainer .down {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-bottom: 0.5rem !important;
}

/*Used for Dashboard Dropdown left hand side*/
.dropdown-Portal .btn-secondary {
  font-size: 1.6rem !important;
  line-height: 3rem;
  background-color: transparent !important;
  padding: 0.5rem 1rem !important;
  font-weight: bold;
  color: #634C9F !important;
  border: 1px solid #634C9F !important;
  border: 0.1rem solid #634C9F !important;
}

.dropdown-Portal .btn-secondary.normal {
  font-weight: normal;
}

/*Used for Book Appointment Dropdown right hand side*/
.dropdown-Portal-book .dropdown-menu {
  position: absolute !important;
  padding: 0;
  transform: none !important;
  top: 4rem !important;
  right: 0 !important;
  float: right;
  left: auto !important;
  box-shadow: 0 0.1rem 0.3rem #808080 !important;
}

.dropdown-Portal-book2 .dropdown-menu {
  top: -5rem !important;
  bottom: 4rem !important;
}

/*Used for Book Appointment Dropdown right hand side*/
.dropdown-Portal-book .dropdown-toggle {
  background-color: #826fb2 !important;
  border: 0.1rem solid #634C9F !important;
}

.dropdown-Portal-book .dropdown-toggle.refresh::after {
  border-top: 0.3em solid #808080 !important;
}

/*Used for Book Appointment Dropdown right hand side*/
.dropdown-Portal-book .dropdown-toggle.refresh {
  background-color: #FFFFFF !important;
  border: 0.1rem solid #B6B6B6 !important;
}

/*Used for Book Appointment Dropdown right hand side*/
.dropdown-Portal-book .dropdown-toggle.refresh:hover {
  background-color: #FFFFFF !important;
  border: 0.1rem solid #B6B6B6 !important;
}

/*Used for Book Appointment Dropdown right hand side*/
.dropdown-Portal-book .dropdown-toggle:hover {
  background-color: #634C9F !important;
  border: 0.1rem solid #634C9F !important;
}

/*Used for Book Appointment Dropdown item right hand side*/
.dropdown-Portal-book .dropdown-item {
  padding: 1.2rem 1.5rem;
  cursor: pointer;
  font-size: 1.6rem !important;
}

/*Used for Book Appointment Dropdown item right hand side*/
.dropdown-Portal-book .dropdown-item-purple,
.dropdown-item-purple {
  color: #634C9F !important;
  font-weight: bold !important;
}

.dropdown-Portal-book .dropdown-item-red {
  color: #E74C3C !important;
  font-weight: bold !important;
}

/*Used for Book Appointment right hand side*/
.dropdown-Portal-book .btn-secondary::after {
  border-top: 0.3em solid #FFFFFF;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent;
  line-height: 3rem !important;
  margin-top: 0;
}

/*Used for Book Appointment right hand side*/
.dropdown-Portal .btn-secondary::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.3em;
  vertical-align: middle;
  content: "";
  border-top: 0.3em solid #634C9F;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent;
}

/*Used for Book Appointment dropdoen menu*/
.dropdown-Portal .dropdown-menu {
  position: absolute !important;
  padding: 0 !important;
  box-shadow: 0 0.1rem 0.3rem #808080 !important;
  max-width: 300px;
}

.dropdown-Portal .dropdownscroll {
  max-height: 300px;
  overflow: hidden !important;
  overflow-y: auto !important;
  width: 100% !important;
  max-width: 100% !important;
}

/*Used for Book Appointment dropdoen menu*/
.dropdown-Portal .dropdown-item {
  padding: 1rem 2rem;
  border-bottom: 0.1rem solid rgba(182, 182, 182, 0.5);
}

/*Used for Book Appointment dropdoen menu focus*/
.dropdown-item:focus,
.dropdown-item:hover {
  color: #FFFFFF !important;
  text-decoration: none;
  background-color: #634C9F !important;
}

/*Used for Book Appointment dropdoen menu focus*/
.dropdown-item-black:focus,
.dropdown-item-black:hover {
  color: #FFFFFF !important;
  text-decoration: none;
  background-color: #808080 !important;
}

/*Used for dropdoen menu Left hand side, all records*/
.dropdown-Portal-small .btn-secondary {
  font-size: 1.6rem !important;
  border: none !important;
  line-height: 3rem;
  background-color: transparent !important;
  padding: 0.6rem 1.5rem !important;
  font-weight: bold;
  color: #000000 !important;
}

/*Used for dropdoen menu Left hand side, all records*/
.dropdown-Portal-small .btn-secondary::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.3em;
  vertical-align: middle;
  content: "";
  border-top: 0.3em solid #000000;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent;
}

/*Used for dropdoen menu Left hand side, all records menu*/
.dropdown-Portal-small .dropdown-menu {
  position: absolute !important;
  box-shadow: 0 0.1rem 0.3rem #808080 !important;
  max-height: 35rem;
  overflow: auto !important;
}

.dropdown-Portal-small .dropdownscroll {
  max-height: 24rem;
}

/*Used for dropdoen menu Left hand side, all records menu item*/
.dropdown-Portal-small .dropdown-item {
  font-size: 1.6rem !important;
}

/*Used for dropdoen toggle*/
.dropdown-toggle::after {
  font-size: 2rem;
}

.dropdown-menu-long {
  min-width: 15rem !important;
}

.dropdown-item {
  padding: 0.8rem 1.5rem !important;
}

.dropdown-small .dropdown-toggle::after {
  margin: 0 !important;
}

/*Used for dropdoen toggle*/
.dropdown-toggle:active {
  color: #826fb2;
}

/*Used for dropdoen toggle*/
.dvPatPortalContainer .dropdown-backdrop {
  display: none !important;
}

/*13. END INPUT FIELD*/
/*14. START FIELD BETWEEN GAPD*/
/*14. END FIELD BETWEEN GAP*/
/*15. START DOTTED MENU*/
/*Used for dotted menu*/
.dottedMenuContainer .dropdown-item:hover {
  color: #FFFFFF !important;
}

/*Used for dotted menu container*/
.dottedMenuContainer2 {
  background: inherit !important;
  border: none !important;
  position: initial !important;
}

/*Used for dotted menu container hover*/
.dottedMenuContainer2:hover, .dottedMenuContainer2:active, .dottedMenuContainer2:visited, .dottedMenuContainer2:focus {
  background: inherit !important;
  border: none !important;
}

/*Used for dotted menu container hover*/
.dottedMenuContainer2 .dropdownmenu2 {
  right: -0.4rem !important;
  left: auto !important;
  top: 7.5rem !important;
  border: none !important;
  min-width: 15rem !important;
  border-radius: 0.4rem !important;
  border-bottom: none !important;
  padding: 0 !important;
}

/*Used for dotted menu container hover*/
.dottedMenuContainer2 .dropdownmenu2 {
  position: absolute !important;
  top: 8rem !important;
  border: none !important;
}

/*Used for dotted menu container hover*/
.dottedMenuContainer2 .dropdownmenu3 {
  position: absolute !important;
  top: 6rem !important;
  border: none !important;
  right: 1.5rem !important;
}

/*Used for dotted menu container*/
.dropdownmenu2 .dropdown-item {
  border-top: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  color: #FFFFFF !important;
  background-color: #FFFFFF !important;
  min-width: 15rem !important;
  border: 0.1rem solid #B6B6B6 !important;
  padding: 0.5rem 0.1rem !important;
  width: auto !important;
}

/*Used for dotted menu container hover*/
.dropdownmenu2 .dropdown-item:hover {
  background-color: #826fb2 !important;
}

/*Used for dotted menu container*/
.dropdownmenu2 .dropdown-item-inner {
  color: #000000 !important;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
}

/*Used for dotted menu container hover*/
.dropdownmenu2 .dropdown-item-inner:hover {
  color: #FFFFFF !important;
  background-color: transparent !important;
  border: none !important;
}

/*Used for dotted menu container*/
.dropdownmenu2 .optBlack {
  color: #000000 !important;
  background-color: transparent !important;
  border: none !important;
}

/*Used for dotted menu container hover*/
.dropdownmenu2 .optBlack:hover {
  color: #FFFFFF !important;
  background-color: #826fb2 !important;
}

/*Used for dotted menu container*/
/*Used for dotted menu container*/
.dv-Dotted {
  margin-bottom: 0;
  margin-right: 0;
  float: right;
}

/*Used for dotted menu container*/
.dv-Dotted .dottedMenu {
  background-color: transparent !important;
  cursor: pointer;
  float: right;
  outline: none !important;
  color: #808080;
  box-shadow: none !important;
}

/*Used for dotted menu container*/
.dv-Dotted .btn3Dot:hover {
  color: #000000 !important;
}

/*Used for dotted menu container*/
.dv-Dotted .btn3Dot:after {
  content: "⠇";
  font-size: 3.52rem;
  cursor: pointer;
  line-height: 4.3rem;
}

/*Used for dotted menu*/
.dvSmallContainer3dot2 .dropdown .dropdown-menu {
  top: 0 !important;
}

/*Used for dotted menu*/
.dottedMenuContainer2 .dropdownmenu2 {
  position: absolute !important;
  top: 8rem !important;
  border: none !important;
}

/*Used for dotted menu*/
.dottedMenuContainer2 .dropdownmenu3 {
  position: absolute !important;
  top: 6rem !important;
  border: none !important;
  right: 1.5rem !important;
}

/*15. END DOTTED MENU*/
/*Used for modify select2*/
.ddlFamilyMember .select2-container--default .select2-selection--single .select2-selection__rendered {
  background-color: transparent !important;
  text-shadow: none;
  color: #000000 !important;
  text-align: left !important;
  padding: 0;
}

/*17. START STICKER*/
.badge {
  padding: 0.32rem 0.8rem;
  font-size: 1.4rem;
  /*border: 1px solid $clrGray;
  box-shadow: 1px 1px $clrGray;*/
}

.badgeSticker {
  padding: 0.2rem 0.5rem;
  font-size: 1.4rem;
  border: 1px solid #B6B6B6;
  box-shadow: 1px 1px #B6B6B6;
}

/*Used for sticker left gap*/
.badge-left-gap {
  margin-left: 0.48rem;
}

/*Used for sticker small*/
.badge-small {
  position: absolute !important;
  padding: 0.3rem 0.5rem 0.2rem 0.4rem;
  top: 0.2rem !important;
}

/*Used for sticker small*/
.badge-info-red {
  background-color: #E74C3C !important;
  color: #FFFFFF !important;
  font-weight: normal;
}

/*Used for sticker small*/
.badge-info-orange {
  background-color: #F39C12 !important;
  color: #FFFFFF !important;
  font-weight: normal;
}

/*Used for sticker small*/
.badge-info-bluelight {
  background-color: #43CBFF !important;
  color: #FFFFFF !important;
  font-weight: normal;
}

/*Used for sticker small*/
.badge-info-bluedark {
  background-color: #00326E !important;
  color: #FFFFFF !important;
  font-weight: normal;
}

/*Used for sticker small*/
.badge-info-green {
  background-color: #2ecc71 !important;
  color: #FFFFFF !important;
  font-weight: normal;
}

/*Used for sticker small*/
.badge-info-black {
  background-color: #000000 !important;
  color: #FFFFFF !important;
  font-weight: normal;
}

/*Used for sticker small*/
.badge-info-blue {
  background-color: #1b55d8 !important;
  color: #FFFFFF !important;
  font-weight: normal;
}

/*Used for sticker small*/
.badge-info-yellow {
  background-color: #FFFFA5 !important;
  color: #000000 !important;
  border: 1rem solid #FFFFA5;
  font-weight: normal;
}

/*Used for sticker small*/
.badge-info-yellow-small {
  background-color: #FFFFA5 !important;
  color: #000000 !important;
  font-weight: normal;
}

.badge-custom {
  width: max-content;
  margin-bottom: 0.5rem;
}

/*Used for sticker small*/
.badge-info-gray {
  background-color: #808080 !important;
  color: #FFFFFF !important;
  font-weight: normal;
}

/*Used for sticker small*/
.badge-info-purple {
  background-color: #7c5df7 !important;
  color: #FFFFFF !important;
  font-weight: normal;
  margin-left: 0.3rem;
}

/*Used for sticker small*/
.badge-info-graylight1 {
  background-color: rgba(182, 182, 182, 0.5) !important;
  color: #000000 !important;
}

/*Used for sticker small*/
.badge-success-custom {
  color: #2ecc71;
}

.select2-container {
  display: block;
}

.select2-container .select2-selection {
  border: 0.1rem solid rgba(182, 182, 182, 0.5) !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
  height: 30px !important;
  padding: 0.2rem 1.5rem !important;
  width: 50% !important;
}

.select2-selection--multiple:before {
  content: "\f0d7";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  line-height: 27px;
  background-color: transparent;
  position: absolute;
  right: 0;
  margin-right: 5px;
  margin-top: 5px;
  color: rgba(182, 182, 182, 0.5);
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  white-space: break-spaces !important;
}

.select2-container .select2-search.select2-search--inline {
  display: block !important;
}

.select2-container--default .select2-selection--single {
  min-height: 4.2rem !important;
  border: 0.1rem solid rgba(182, 182, 182, 0.5) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 4rem !important;
  font-family: LatoRegular;
  font-size: 1.6rem;
  padding-left: 1.5rem;
}

.select2-results__option {
  font-family: LatoRegular;
  font-size: 1.6rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 4rem !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #f9fbfb !important;
}

/*17. END STICKER*/
/*19. START ICON*/
/*Used for small image container*/
.user-pic {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  cursor: pointer;
  margin-top: 0.2rem;
  border: 0.1rem solid #B6B6B6 !important;
}

/*Used for small image container*/
.user-name-arrow {
  padding: 1.5rem 1rem;
  font-weight: bold !important;
}

/*Used for small image after*/
.user-name-arrow:after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.3em;
  vertical-align: middle;
  content: "";
  border-top: 0.4em solid;
  border-right: 0.4em solid transparent;
  border-left: 0.4em solid transparent;
}

/*Used for icon orange*/
.fa-orange:before {
  color: #F39C12 !important;
}

/*Used for icon red*/
.fa-red:before {
  color: #E74C3C !important;
}

/*Used for icon green*/
.fa-green:before {
  color: #369960 !important;
}

/*Used for user profile default image*/
.img-Profile-Img-User:before {
  font: normal normal normal 1.4rem/1 FontAwesome;
  margin-left: 0.9rem;
  line-height: 3.8rem;
  content: "\f2c0";
  font-size: 2.4rem; /* $fontTooltipIcon Replaced by Arnab*/
  color: rgba(182, 182, 182, 0.5);
}

.img-Profile-Img-User-n {
  -webkit-mask: url(../Images/user-regular.svg) no-repeat center;
  mask: url(../Images/user-regular.svg) no-repeat;
  background-color: rgba(182, 182, 182, 0.5);
  width: 45% !important;
  margin-left: 15px;
  margin-top: 12px;
}

.user-picture .patient {
  -webkit-mask: url(../Images/user-regular.svg) no-repeat center;
  mask: url(../Images/user-regular.svg) no-repeat;
  background-color: rgba(182, 182, 182, 0.5);
  width: 45% !important;
  margin-left: 11px;
  margin-top: 9px;
  height: 45px;
}

.btn-primary-dropdown .btn-primary {
  min-width: 21rem !important;
}

.img-calendar {
  -webkit-mask: url(../Images/calendar-alt.svg) no-repeat center;
  mask: url(../Images/calendar-alt.svg) no-repeat;
  background-color: #FFFFFF;
  width: 10% !important;
  height: 25px;
  float: left;
}

.img-mike {
  -webkit-mask: url(../Images/calendar-alt.svg) no-repeat center;
  mask: url(../Images/calendar-alt.svg) no-repeat;
  background-color: rgba(182, 182, 182, 0.5);
  width: 45% !important;
  margin-left: 11px;
  margin-top: 9px;
  height: 45px;
}

/*Used for user profile default hover*/
.img-Profile-Img-User:hover {
  color: #808080 !important;
}

/*Used for spinner*/
.sr-only {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  padding: 0;
  margin: -0.1rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/*Used for icon loading*/
.icon-Loading:before {
  display: inline-block;
  font: normal normal normal 1.4rem/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f110" !important;
  font-size: 2.8rem;
  color: #000000;
  -webkit-animation: fa-spin 4s infinite linear;
  -moz-animation: fa-spin 4s infinite linear;
  animation: fa-spin 4s infinite linear;
}

/*Used for icon arrow down*/
.fa-arrow-down {
  color: #c0392b;
  width: 2rem;
}

/*Used for icon arrow up*/
.fa-arrow-up {
  color: #2ecc71;
  width: 2rem;
}

/*Used for icon with value*/
.fa-value {
  padding-left: 2rem;
}

/*Used for small image container*/
.Small-Image {
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 50%;
  overflow: hidden;
  float: left;
}

.fa-thumbs-o-up:before {
  font-size: 10rem;
  font-weight: 700;
  line-height: 3rem;
  vertical-align: super;
  color: #369960;
}

.Small-Image-data {
  float: left;
  padding-left: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80%;
}

.Small-Image-data-width {
  width: 75%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.fa-map-marker {
  color: #1b55d8;
  cursor: pointer;
  font-size: 1.6rem;
}

.fa-gap-left {
  padding-left: 1rem;
}

/*Used for mobile icon bigger*/
.fa-mobile {
  font-size: 2rem;
}

/*Used for whatsapp icon bigger*/
.fa-whatsapp {
  font-size: 2rem;
}

.fa-paperclip:before {
  line-height: 2.3rem;
  margin-right: 0.5rem;
}

.fa-big {
  font-size: 7.7rem;
  color: #808080;
}

.lock:after {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f023";
  font-size: 20px;
  margin-left: 10px;
  color: #CE0203;
}

.fa-lock {
  font-size: 3rem;
  color: #E74C3C;
  line-height: 3.8rem;
}

.fa-lock-small {
  font-size: 1.6rem;
  margin-right: 0.5rem;
}

.fa-medium {
  font-size: 1.5rem;
  line-height: 4rem;
  color: rgba(255, 255, 255, 0.7) !important;
}

.fa-font-small {
  font-size: 0.8rem;
}

.fa-non-image:before {
  content: "\f046";
  font-size: 4rem;
  line-height: 5rem;
  color: #FFFFFF;
}

.fa-bg-green {
  background-color: #2ecc71;
  border: 0.1rem solid #2ecc71;
  color: #FFFFFF;
}

.fa-green {
  color: #2ecc71;
}

.fa-line-thin {
  color: gray;
}

.fa-line-thin-green {
  color: #2ecc71;
}

.fa-line-thin:before {
  content: "\f068";
  font-size: 2.8rem;
  margin-left: -0.5rem;
  vertical-align: middle;
  margin-right: -0.5rem;
}

.fa-feedback:before {
  content: "\f005";
  font-size: 1.6rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  vertical-align: baseline;
}

.fa-small:before {
  padding-right: 0.5rem;
  font-size: 1.6rem !important;
}

.btn-block {
  padding: 0.8rem 0.32rem !important;
  width: 100% !important;
}

.fa-right-gap:before {
  margin-right: 6px;
  margin-right: 0.6rem;
}

.fa-left-gap:before {
  margin-left: 0.6rem;
}

.fa-orange:before {
  color: #F39C12;
}

.fa-green:before {
  color: #2ecc71;
}

.fa-blue:before {
  color: #43CBFF;
}

.btn-exclamation:before {
  font: normal normal normal 0.9rem/1 FontAwesome;
  margin-right: 1rem;
  font-size: 1.4rem;
  content: "\f071";
  color: #c0392b;
}

.btn-unlock:before {
  font: normal normal normal 0.9rem/1 FontAwesome;
  font-size: 1.4rem;
  content: "\f084";
}

.btn-completed:before {
  font: normal normal normal 0.9rem/1 FontAwesome;
  margin-right: 1rem;
  font-size: 1.92rem;
  content: "\f058";
  color: #369960;
}

.btn-save:before,
.btn-search:before,
.btn-video-Icon:before {
  font: normal normal normal 0.9rem/1 FontAwesome;
  margin-right: 0.5rem;
  font-size: 1.4rem;
}

.btn-search:before {
  content: "\f002";
  color: #634C9F;
  padding-left: 0.5rem;
}

.btn-search.orange:before {
  color: #FFB43E;
}

.btn-save:before {
  content: "\f0c7";
}

.btn-video-Icon:before {
  content: "\f03d";
  margin-right: 0.4rem;
}

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

/*Used for Loading*/
.btnLoading,
.btnLoadingSmall {
  pointer-events: none;
}

/*Used for Loading*/
.btnLoading:before,
.btnLoadingSmall:before {
  display: inline-block;
  font: normal normal normal 1.4rem/1 FontAwesome;
  content: "\f110";
  margin-right: 0.6rem;
  font-size: 1.4rem;
  width: 1.4rem;
  height: 1.4rem;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 1s linear infinite;
  border-radius: 50%;
}

.btnLoadingSmall {
  margin-right: 0 !important;
}

/*19. END ICON*/
/*20. START FILEPOND*/
/*File Upload New Controls*/
.filepond--action-revert-item-processing {
  visibility: hidden !important;
}

/*File Upload New Controls*/
.filepond--file-action-button {
  cursor: pointer;
}

/*File Upload New Controls*/
.filepond--drop-label {
  color: #000000;
  font-family: LatoRegular;
}

/*File Upload New Controls*/
.filepond--drop-label label {
  color: #000000;
  font-family: LatoRegular;
}

/*File Upload New Controls*/
.filepond--root {
  margin-bottom: 0 !important;
  border-radius: 0.4rem !important;
  -moz-box-shadow: inset 0 0 0.8rem #B6B6B6;
  -webkit-box-shadow: inset 0 0 0.8rem #B6B6B6;
  box-shadow: inset 0 0 0.8rem #B6B6B6;
  height: 30rem !important;
  overflow: hidden;
  background-color: #FFFFFF;
}

/*File Upload New Controls*/
.filepond--label-action {
  text-decoration-color: #FFFFFF; /*The text-decoration-color property specifies the color of the text-decoration (underlines, overlines, linethroughs).|| https://www.w3schools.com/cssref/css3_pr_text-decoration-color.asp */
  color: #1b55d8;
  outline: none;
}

/*File Upload New Controls*/
.filepond--panel-root {
  background-color: transparent !important;
  border-radius: 0 !important;
  border: none !important;
}

/*File Upload New Controls*/
.filepond--item-panel {
  border-radius: 0.5em;
}

/*File Upload New Controls*/
.filepond--item-panel {
  background-color: #808080;
}

/*File Upload New Controls*/
.filepond--drip-blob {
  background-color: #B6B6B6;
}

/*File Upload New Controls*/
.filepond--file-action-button {
  background-color: #4b5158;
}

/*File Upload New Controls*/
.filepond--file-action-button {
  color: #FFFFFF;
}

/*File Upload New Controls*/
.filepond--file-action-button:after {
  border-color: #FFFFFF;
}

/*File Upload New Controls*/
.filepond--file {
  color: #FFFFFF;
}

/*20. END FILEPOND*/
/*21. START BUTTON*/
/*used for secondary nav bar*/
.secondary-nav {
  display: block;
  text-align: left !important;
  clear: both;
  margin: 0;
  margin-bottom: 0.5rem;
  margin-top: 0;
  padding: 0 !important;
  background-color: transparent;
  height: 4rem;
}

.secondary-nav.big {
  height: 5rem;
}

/*used for dropdown seperator*/
.dropdown-divider {
  margin: 0 0 !important;
}

/*used for btn Primary Selected*/
.btn-Primary-Selected {
  color: #000000 !important;
  background-color: #FFFFFF !important;
  border-bottom: 0.5rem inset #1b55d8 !important;
  font-weight: bold;
}

/*Used for as a container on MyHealth Page right side dropdown button*/
.btn-primary-dropdown {
  padding: 0 !important;
}

/*used for btn Primary dropdown*/
.btn-primary-dropdown .btn-primary-left {
  float: left !important;
  border-radius: 0.4rem 0 0 0.4rem !important;
}

/*used for btn Primary dropdown*/
.btn-primary-dropdown .dropdown-toggle {
  border-radius: 0 0.4rem 0.4rem 0 !important;
}

/*used for btn Primary dropdown*/
.btn-primary-custom {
  border-color: #634C9F;
  cursor: pointer;
  font-size: 1.28rem;
  color: #FFFFFF;
  background-color: #634C9F;
  min-width: 14rem !important;
}

/*used for btn Primary red*/
.btn-primary-red {
  border-color: #c0392b;
  cursor: pointer;
  font-size: 1.28rem;
  color: #FFFFFF;
  background-color: #c0392b;
  min-width: 14rem !important;
}

/*used for btn Primary dropdown*/
.btn-primary-align {
  float: right;
  margin-top: -0.8rem;
}

/*used for btn Primary red border*/
.btn-primary-red-border {
  border-color: #E74C3C;
  cursor: pointer;
  font-size: 1.28rem;
  color: #E74C3C;
  background-color: #FFFFFF;
  min-width: 14px !important;
}

/*used for btn Primary red border*/
.btn-primary-red-border:hover,
.btn-primary-red-border:focus {
  color: #E74C3C;
  background-color: #FFFFFF !important;
  box-shadow: 0 0 0 0.32 #f8c9c4;
  border-color: #c0392b !important;
  outline: none !important;
}

/*used for btn Primary GRay border*/
.btn-primary-gray-border {
  border-color: #808080;
  cursor: pointer;
  font-size: 1.28rem;
  color: #808080;
  background-color: #FFFFFF;
  min-width: 14px !important;
}

/*used for btn Primary GRay border*/
.btn-primary-gray-border:hover,
.btn-primary-gray-border:focus {
  color: #B6B6B6;
  background-color: #FFFFFF !important;
  box-shadow: 0 0 0 0.32 #808080;
  border-color: #808080 !important;
  outline: none !important;
}

/*used for btn Primary red border*/
.btn-primary-green-border {
  border-color: #369960;
  cursor: pointer;
  font-size: 1.28rem;
  color: #369960;
  background-color: #FFFFFF;
  min-width: 14rem !important;
}

/*used for btn Primary green border with green text*/
.btn-primaryGreen-Red-border {
  border-color: #E74C3C;
  cursor: pointer;
  font-size: 1.28rem;
  background-color: #FFFFFF;
  min-width: 14rem !important;
}

/*used for btn Primary red border*/
.btn-primary-green-border:hover,
.btn-primary-green-border:focus {
  color: #369960;
  background-color: #FFFFFF !important;
  box-shadow: 0 0 0 0.2rem #16a085;
  border-color: #369960 !important;
  outline: none !important;
}

/*used for btn Primary green border with green text*/
.btn-primaryGreen-Red-border:hover,
.btn-primaryGreen-Red-border:focus {
  background-color: #FFFFFF !important;
  box-shadow: 0 0 0 0.32rem #f8c9c4;
  border-color: #E74C3C !important;
  outline: none !important;
}

/*used for btn Primary red hover*/
.btn-primary-red:hover {
  color: #FFFFFF;
  background-color: #E74C3C !important;
  box-shadow: 0 0 0 0.32rem #f8c9c4;
  border-color: #c0392b !important;
  outline: none !important;
}

/*used for btn Primary red border*/
.btn-outline-danger-custom:hover,
.btn-outline-danger-custom:focus,
.btn-outline-danger-custom:active {
  color: #FFFFFF;
  background-color: #E74C3C !important;
  box-shadow: 0 0 0 0.32rem #f8c9c4;
}

/*used for btn Primary red border*/
.btn-outline-danger-custom:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger-custom:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-danger-custom.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.32rem #f8c9c4;
}

/*used for btn red*/
.btn-red {
  color: #FFFFFF;
  background-color: #E74C3C;
  border-color: #E74C3C;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  padding-left: 1.6rem !important;
  padding-right: 1.6rem !important;
}

/*used for btn Primary*/
.btn-primary {
  background-color: #634C9F;
  border: 0.1rem solid #826fb2;
  color: #FFFFFF;
  box-shadow: 0 0 0.2rem #a193c5;
  text-transform: uppercase;
  padding-left: 1.6rem !important;
  padding-right: 1.6rem !important;
  min-width: 12rem !important;
}

.btn-secondary {
  border: 0.1rem solid #826fb2;
  box-shadow: 0 0 0.2rem #a193c5;
}

.btn-secondary.important {
  color: #826fb2 !important;
}

.btn {
  box-shadow: 0 0 0.4rem #B6B6B6 !important;
}

.btn-secondary:hover {
  color: #000000;
  background-color: #FFFFFF;
  border-color: #634C9F;
}

/*used for btn Primary with white background*/
.btn-primary-white {
  background-color: #FFFFFF !important;
  border: 0.1rem solid #634C9F !important;
  color: #634C9F;
  box-shadow: 0 0 0.2rem #a193c5;
  text-transform: uppercase;
  padding-left: 1.6rem !important;
  padding-right: 1.6rem !important;
  min-width: 12rem !important;
}

/*used for btn Primary login*/
.btn-primary-login {
  background-color: #634C9F;
  border: 0.1rem solid #826fb2;
  color: #FFFFFF;
  box-shadow: 0 0 0.2rem #a193c5;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  min-width: 12rem !important;
}

/*used for btn Primary login*/
.btn-primary .fa {
  color: #FFFFFF;
}

/*used for btn small*/
.btn-small {
  height: 3.84rem !important;
  width: 3.84rem !important;
  min-width: 3.84rem !important;
  padding: 0.48rem !important;
}

.btn-small.new {
  width: 4.2rem !important;
}

/*used for btn primary*/
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  color: #FFFFFF;
  background-color: #634C9F !important;
  box-shadow: 0 0 0 0.32rem #a193c5;
  border-color: #826fb2 !important;
  outline: none !important;
}

/*used for btn Primary with white background*/
.btn-primary-white:hover,
.btn-primary-white:focus,
.btn-primary-white:active {
  color: #634C9F;
  background-color: #FFFFFF !important;
  box-shadow: 0 0 0 0.32rem #a193c5;
  border-color: #634C9F !important;
  outline: none !important;
}

/*used for btn primary*/
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary-white:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.32rem #a193c5;
}

/*used for btn primary disabled*/
.btn-primary.disabled,
.btn-primary-white:disabled {
  box-shadow: none !important;
}

/*used for btn primary disabled*/
.btn-primary.disabled .fa,
.btn-primary-white:disabled .fa {
  color: #000000 !important;
}

/*used for btn secondary gray*/
.btn-secondary-custom-dark {
  color: #FFFFFF;
  background-color: #808080;
  border-color: #634C9F;
  font-size: 1.44rem;
  padding: 0.64rem 1.6rem;
  min-width: 4rem;
  text-transform: uppercase;
}

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

/*used for btn secondary gray*/
.btn-secondary-custom-new {
  color: #000000;
  background-color: #FFFFFF;
  border-color: rgba(182, 182, 182, 0.5);
  font-size: 1.44rem;
  padding: 0.8rem 1.2rem;
  min-width: 4rem;
  outline: none !important;
}

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

/*used for btn secondary lower case*/
.btn-secondary-lower {
  text-transform: lowercase !important;
}

/*used for btn secondary lower case*/
.btn-secondary-custom:not(:disabled):not(.disabled).active:focus,
.btn-secondary-custom:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.32rem #808080;
}

/*used for btn secondary bg none*/
.btn-secondary-custom-transparent {
  outline: none !important;
  float: right !important;
  padding: 0.48rem !important;
  color: #808080;
  font-size: 3rem;
}

/*used for btn secondary bg none*/
.btn-secondary-custom-transparent:hover {
  color: #000000;
}

.btn-group-lg > .btn, .btn-lg {
  padding: 1rem;
  /*min-width: 20rem;*/
  height: 6rem !important;
}

/*used for btn back*/
.btn-back {
  float: left;
  cursor: pointer;
  margin-right: 1.6rem;
  outline: none !important;
  background-color: transparent !important;
  padding: 0 !important;
  -webkit-appearance: button;
  -moz-appearance: button;
  border: none !important;
}

/*used for btn back*/
.btn-back:before {
  font: normal normal normal 1.4rem/1 FontAwesome;
  content: "\f104";
  font-size: 3.6rem;
  line-height: 2.5rem;
  color: #FFFFFF;
}

/*used for btn next and prev*/
.btnNext,
.btnPrev {
  padding: 1rem;
}

/*used for btn next and prev*/
.btnPrev {
  margin-right: 1.6rem;
}

/*used for btn next and prev*/
.btnNext:after,
.btnPrev:before {
  display: inline-block;
  font: normal normal normal 1.4rem/1 FontAwesome;
  font-size: inherit;
  color: #B6B6B6;
}

.btnNext:after {
  content: "\f061";
  margin-left: 0.5rem;
}

/*used for btn next and prev*/
.btnPrev:before {
  content: "\f060";
  margin-right: 0.5rem;
}

/*used for btn left*/
.btn-left {
  float: left;
}

/*used for btn container*/
.dvButtonWrapper {
  width: 100%;
  text-align: center;
  height: 6rem;
  padding: 1rem 0.5rem !important;
  background: #edf5f8;
  border-top: 0.1rem solid #B6B6B6;
}

/*used for btn btn-primary*/
.dvButtonWrapper .btn-primary {
  width: 20rem !important;
}

/*used for btn container*/
.dvButtonWrapper .btn-secondary-custom {
  margin-left: 1.5rem;
}

/*used for btn container*/
.dvButtonWrapper .btn-primary-white {
  margin-right: 1.5rem;
}

/*used for btn secondary*/
.dvButtonWrapper .btn-secondary-custom-first {
  margin-right: 1.5rem;
}

/*used for btn container*/
button[type=button]:disabled {
  cursor: no-drop;
  pointer-events: none;
}

/*used for btn gray */
.btn-gray {
  padding: 0.4rem 1rem !important;
}

/*used for btn gray video icon*/
.btn-gray .btn-video-Icon {
  float: left;
  line-height: 3.4rem;
  margin-right: 0.4rem;
  color: #808080 !important;
}

/*used for btn gray video text*/
.btn-gray .btn-video-text {
  float: left;
  line-height: 1.6rem;
  text-align: left;
  text-transform: initial;
  color: #808080 !important;
}

/*used for btn gray small font*/
.btn-gray .lbl-low-font {
  font-size: 1.4rem;
  color: #000000;
}

/*used for btn gray video icon*/
.btn-gray:hover .btn-video-Icon,
.btn-gray:hover .btn-video-text {
  color: #000000 !important;
}

/*used for btn red*/
.btn-primary-red {
  padding: 0.4rem 1.5rem !important;
}

/*used for btn red*/
.btn-primary-red .btn-video-Icon {
  float: left;
  line-height: 3.4rem;
  margin-right: 0.4rem;
  color: #FFFFFF !important;
}

/*used for btn red*/
.btn-primary-red-fixed {
  min-width: 17rem !important;
}

/*used for btn red*/
.btn-primary-red .btn-video-text {
  float: left;
  line-height: 1.6rem;
  text-align: left;
  text-transform: initial;
  color: #FFFFFF !important;
}

/*used for btn red*/
.btn-primary-red .lbl-low-font {
  font-size: 1.4rem;
  color: #FFFFFF;
}

/*used for btn red*/
.btn-primary-red .text-red {
  color: #FFFFFF !important;
}

/*used for btn red*/
.btn-primary-red:hover .btn-video-Icon,
.btn-primary-red:hover .btn-video-text {
  color: #FFFFFF !important;
}

/*used for btn gray*/
.btn-primary-gray {
  border-color: #634C9F;
  cursor: pointer;
  font-size: 1.28rem;
  color: #FFFFFF;
  background-color: #B6B6B6;
  padding: 0.4rem 1.5rem !important;
}

/*used for btn gray*/
.btn-primary-gray:hover {
  color: #FFFFFF;
  background-color: #B6B6B6 !important;
  box-shadow: 0 0 0 0.32rem #a193c5;
  border-color: #634C9F !important;
  outline: none !important;
}

/*used for btn right*/
.button-right {
  float: right;
}

/*used for btn left*/
.button-left {
  float: left;
  margin-right: 2.4rem;
}

/*21. START BUTTON*/
/*22. START TOOLTIP*/
.SuccessTooltip,
.InfoTooltip,
.SuccessSmallTooltip,
.ErrorTooltip {
  box-shadow: 0 0 0.2px #B6B6B6;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  border-radius: 0.4rem;
  padding: 1rem 1.5rem;
  color: #FFFFFF;
  margin: 0 auto;
  z-index: 1200;
  display: inline-block;
  font-family: LatoRegular;
}

/*Used for Tooltip*/
.deTooltipNew {
  position: fixed;
  top: 0;
  margin: 0 auto;
  z-index: 1100;
  text-align: center;
  left: 0;
  right: 0;
  padding-top: 3rem;
  min-width: 9rem;
  border-radius: 0.4rem !important;
  display: inline-block;
  box-sizing: border-box;
  width: auto;
}

/*Used for image*/
.alertImg {
  cursor: pointer;
  background-color: transparent;
  border: none !important;
  top: 2rem;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 2rem !important;
  margin-left: 1rem;
  margin-right: 0;
  padding-right: 0 !important;
  outline: none !important;
}

/*Used for image*/
.alertImg:hover {
  transform: translateY(-0.2rem);
  color: #FFFFFF;
}

/*Used for Alert Msg*/
.lblAlertMsgInnerTxt {
  font-size: 2rem;
  margin-top: 0.5rem;
  color: #FFFFFF;
}

/*Used for Status Tooltip Success*/
.SuccessTooltip {
  background-color: #369960;
}

/*Used for Status Tooltip Warning*/
.InfoTooltip,
.SuccessSmallTooltip {
  background-color: #FFB43E;
}

/*Used for Status Tooltip Error*/
.ErrorTooltip {
  background-color: #E74C3C;
}

/*Used for WarningTooltip*/
.WarningTooltip:before,
.ErrorTooltip:before,
.SuccessSmallTooltip:before {
  font: normal normal normal 1.4rem/1 FontAwesome;
  margin-right: 1rem;
  line-height: 2.5rem;
  margin-top: 0.5rem;
}

/*Used for WarningTooltip*/
.WarningTooltip:before {
  content: "\f071";
  font-size: 2.2rem;
}

/*Used for SuccessSmallTooltip*/
.SuccessSmallTooltip:before {
  content: "\f129";
  font-size: 2.2rem;
  padding: 0.2rem 1rem;
  background-color: #F39C12;
  border-radius: 0.4rem;
}

/*Used for ErrorTooltip*/
.ErrorTooltip:before {
  font-size: 2.2rem;
  content: "\f05a";
}

/*Used for Tooltip*/
.SuccessTooltip,
.WarningTooltip,
.SuccessSmallTooltip,
.ErrorTooltip {
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  border-radius: 0.4rem;
  padding: 1rem 2.5rem;
  min-height: 5.5rem;
  min-width: 10rem;
  margin: 0 auto;
  z-index: 1200;
  display: flex;
  display: inline-block;
}

/*Used for Tooltip*/
.WarningTooltip {
  background-color: #FFB43E;
  color: #FFFFFF;
  box-shadow: 0 0 0.2rem #B6B6B6;
}

/*Used for Tooltip*/
.WarningTooltip:before {
  font: normal normal normal 1.4rem/1 FontAwesome;
  content: "\f071";
  margin-right: 1rem;
  font-size: 2.5rem;
  line-height: 2.5rem;
  margin-top: 0.5rem;
}

/*22. END TOOLTIP*/
/*23. COMMON*/
.lblCursorNone {
  cursor: default !important;
}

/*Used for investigation result*/
.PastInvResultNormal {
  border-left: 0.5rem solid #2ecc71 !important;
}

/*Used for investigation result*/
.PastInvResultAbnormal {
  border-left: 0.5rem solid #E74C3C !important;
}

/*Used for Worning*/
.divWorning {
  color: #E74C3C;
  font-size: 1.4rem;
}

.divSuccess {
  color: #369960;
  font-size: 1.4rem;
}

/*Used for Calendar*/
.btnCalendar {
  color: #1b55d8;
}

/*Used for pnl*/
.pnl-bg-gray {
  background-color: #edf5f8;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  overflow-y: auto;
}

.pnl-bg-dark-gray {
  background-color: #4b5158;
  width: 100%;
  padding: 10vh 4% 2%;
}

/*Used for tab-content active*/
.tab-content .active {
  box-shadow: none !important;
  border: none !important;
  background-color: #edf5f8;
}

/*Used for tab-content tabmenu*/
.tab-content .tabmenu {
  background-color: #edf5f8;
}

/*Used for chart container*/
.highcharts-container {
  background-color: #FFFFFF !important;
}

/*Used for Dashbaord container*/
.Dv-Container-Dashbaord {
  top: 0;
  bottom: 0;
  width: 100%;
  position: fixed;
  overflow: hidden;
  overflow-y: hidden;
}

/*Used for Dashbaord menu*/
.pnl-dashboard-menu {
  padding: 1rem !important;
  padding-bottom: 0 !important;
  border-bottom: 1px solid rgba(182, 182, 182, 0.5);
}

/*Used for Dashbaord data*/
.pnl-dashboard-data {
  padding: 0.8rem 1rem !important;
  margin-top: 0rem !important;
  padding-bottom: 0 !important;
  background-color: white;
}

.pnl-dashboard-data .inner {
  background-color: white;
  border: 1px solid rgba(182, 182, 182, 0.5);
  border-radius: 4px 4px 0 0;
  overflow: hidden;
  overflow-y: auto;
}

/*Used for video conatiner*/
.pnl-video-consulation {
  padding: 1.5rem 2rem !important;
}

/*Used for video conatiner*/
.pnl-video-consulation .tab-pane {
  border: 1rem solid #F39C12;
  border-radius: 0.4rem;
}

/*Used for video conatiner*/
.dvDataHeaderButton {
  padding: 1rem !important;
  overflow: hidden;
  overflow-y: auto;
  background-color: #FFFFFF !important;
}

.dvDataHeaderButton.normal {
  background-color: transparent !important;
}

/*Used for modal body*/
.modal-body {
  background-color: #f9fbfb !important;
  padding: 1rem 3rem 1.5rem !important;
}

.modal-body.setheight {
  min-height: 20rem;
}

.modal-body.confirm {
  padding: 3rem !important;
}

.ml-1 {
  margin-left: 0.5rem !important;
}

.mr-1 {
  margin-right: 0.5rem !important;
}

.m-1 {
  margin: 0 0.5rem !important;
}

/*Used for Patient Details Loading*/
.dymamic-loading .modal-body {
  background-color: #FFFFFF !important;
  padding-bottom: 1.5rem !important;
  border-radius: 0.96rem !important;
}

/*Used for Grid Data Loading*/
.dymamic-loading-trans .modal-body {
  background-color: transparent !important;
  padding-bottom: 1.5rem !important;
}

/*Used for text header*/
.text-header {
  margin: 0;
  line-height: 4rem;
  font-size: 2.8rem;
  color: #000000 !important;
}

/*Used for text header*/
.card-header {
  font-weight: bold;
  text-align: left;
  padding: 0.7rem 1rem !important;
  border-bottom: none !important;
  background-color: #FFFFFF;
  color: #000000 !important;
  font-size: 1.6rem;
  border-radius: 0.4rem !important;
  cursor: pointer !important;
}

/*Used for menu button*/
.appointmentsSelected {
  background-color: #369960;
  box-shadow: 0 0 0 0.32rem #9dd6cb;
  margin-bottom: 0;
  float: left;
  margin-right: 0.8rem;
  border: 0.2rem solid rgba(0, 0, 0, 0.125);
}

/*Used for menu button*/
.blueSelected {
  background-color: #2980b9;
  box-shadow: 0 0 0 0.32rem #85c1e9;
  margin-bottom: 0;
  border: 0.2rem solid #2980b9;
  float: left;
  margin-right: 0.8rem;
}

.dropdown-toggle-normal {
  border-radius: 0.4rem !important;
}

/*Used for menu button*/
.card-header-appointments {
  background-color: #16a085;
  color: #FFFFFF !important;
}

/*Used for menu button*/
.card-header-blue {
  background-color: #2980b9;
  color: #FFFFFF !important;
}

/*Used for Button Group Non Selected Multiple Small Text Blue Gift Card Preview*/
.btnTooltipBlue {
  margin-left: 0.5rem;
  background-color: #43CBFF !important;
  padding: 0.2rem 0.5rem 0.3rem;
  color: #FFFFFF;
  border-radius: 0.4rem 0.4rem 0.4rem 0 !important;
  font-size: 1.3rem;
  letter-spacing: 0.04rem;
}

/*Used for tooltip*/
.btnTooltipBlack {
  margin-left: 0.5rem;
  background-color: #000000 !important;
  padding: 0.2rem 0.5rem 0.3rem;
  color: #FFFFFF;
  border-radius: 0.4rem 0.4rem 0.4rem 0 !important;
  font-size: 1.3rem;
  letter-spacing: 0.04rem;
}

/*Used for tooltip*/
.btnTooltip {
  position: absolute;
  font-size: 1.3rem;
  top: 0;
  color: #000000;
  margin-top: 0.3rem;
}

/*Used for seperator*/
hr {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  border: 0;
  border-top: 0.1rem solid rgba(182, 182, 182, 0.5);
}

/*Used for menu button*/
.appointmentsSelected .card-header {
  background-color: #16a085;
  color: #FFFFFF !important;
}

/*Used for menu button*/
.blueSelected .card-header {
  background-color: #2980b9;
  color: #FFFFFF !important;
}

/*Used for menu button*/
.conditionsSelected {
  background-color: #B6B6B6;
}

/*Used for menu button*/
.conditionsSelected .card-header {
  background-color: #B6B6B6;
  color: #FFFFFF !important;
}

/*Used for menu button helper test, upcoming..*/
.lblcard-helper-text {
  font-size: 1.4rem;
  font-weight: normal !important;
}

/*Used for menu button helper test, upcoming..*/
.lblcard-helper {
  font-size: 1.4rem;
  font-weight: normal !important;
  padding-left: 0.5rem;
  line-height: 2rem;
}

/*Used for menu button helper test, upcoming..*/
.lblcard-helper-bg-red,
.lblcard-helper-bg-green,
.lblcard-helper-bg-gray {
  font-size: 1.4rem;
  font-weight: normal !important;
  margin-left: 0.5rem;
  line-height: 2rem;
  color: #FFFFFF;
  padding: 0.1rem 0.5rem;
  border-radius: 0.4rem !important;
}

.lblcard-helper-bg-red {
  background-color: #E74C3C;
}

.lblcard-helper-bg-green {
  background-color: #369960;
}

.lblcard-helper-bg-gray {
  background-color: #808080;
}

/*Used for menu button blue*/
.medications {
  background-color: #FFFFFF;
  border: 0.2rem solid #16a085;
  margin-bottom: 0;
  float: left;
  margin-right: 0.8rem;
}

/*Used for menu button seperator*/
.dvSeperator {
  float: left;
  width: 0.2rem;
  height: 100%;
  height: 4rem;
  background-color: #B6B6B6;
  margin: 0rem 1.6rem 0.8rem 0.8rem;
}

/*Used for menu button blue*/
.appointmentsSelected,
.blueSelected,
.bluebar,
.medications {
  margin-bottom: 0.6rem !important;
  height: 4.2rem !important;
}

.appointmentsSelected {
  margin-bottom: 0.6rem !important;
}

/*Used for menu button blue*/
.bluebar {
  background-color: #FFFFFF;
  border: 0.2rem solid #2980b9;
  margin-bottom: 0;
  float: left;
  margin-right: 0.8rem;
}

.user-name {
  padding: 1rem 1rem 1rem 0.5rem;
  font-size: 1.6rem; /*Added by Arnab*/
  font-weight: bold !important; /*Added by Arnab*/
}

/*Used for image*/
.btnImage {
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 50%;
  cursor: pointer;
}

/*Used for gap*/
.dvHeightGap {
  height: 1rem;
}

/*Used for sticker*/
.pnl-White,
.sticker {
  width: 100%;
  margin-bottom: 0 !important;
  border-radius: 0.6rem;
  background-color: #FFFFFF;
  padding: 1.5rem;
  overflow: hidden;
  overflow-y: auto;
  box-shadow: 0 0 0.8rem #B6B6B6;
  min-height: 92.5vh;
}

/*Used for page body*/
.PageBodyContainer,
.PageBodyContainerSignup {
  padding: 2rem;
  background: #f9fbfb !important;
  border-radius: 0.96rem;
}

.PageBodyContainerSignup {
  padding: 1.5rem;
}

.PageBodyContainerDone {
  background: rgba(182, 182, 182, 0.5) !important;
}

/*Used for pnl 100%*/
.pnlFull {
  height: 100vh;
}

/*Used for print*/
.dvPrintActivity {
  padding: 0 1.5rem;
}

/*Used for scroll bar*/
.scrollBar {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
}

/*Used for patient details patient bill*/
.btnPatdtls {
  float: left;
}

/*Used for payment getway patient bill*/
.dvPaymentGetWayCon {
  text-align: center;
  margin-bottom: 0;
  padding-top: 0;
}

/*Used for payment information patient bill*/
.card container-cards {
  padding-left: 2%;
  padding-right: 2%;
}

/*Used for payment information patient bill*/
.lblPaymentInfo {
  font-size: 2rem;
  color: #4b5158;
}

/*Used for payment information patient bill*/
.lblPaymentInfoValue {
  font-size: 2.4rem;
}

/*Used for pricing section patient bill*/
.container-cards {
  border-bottom: none !important;
  margin-bottom: 0 !important;
}

/*Used for header patient bill*/
.pricing-card-header {
  background: #edf5f8;
  border-left: 0.1rem solid #edf5f8;
  border-right: 0.1rem solid #edf5f8;
  border-radius: 0.4rem 0.4rem 0 0;
  box-sizing: content-box;
  color: #FFFFFF;
  display: inline-block;
  margin-left: -0.1rem;
  margin-top: -0.1rem;
  padding: 0;
  position: relative;
  text-decoration: none;
  width: 100%;
  border-bottom: 0.1rem solid #B6B6B6;
}

/*Used for header patient bill*/
.dv-header {
  background: #edf5f8;
  border-radius: 0.4rem 0.4rem 0 0;
  box-sizing: content-box;
  text-decoration: none;
  width: 100%;
}

/*Used for header patient bill*/
.dv-header .dv-First {
  padding-top: 1.4rem !important;
}

/*Used for header gap patient bill*/
.divCon {
  padding: 1.5rem 3rem;
}

/*Used for data right*/
.pnlDataRight {
  padding-right: 0 !important;
  float: right !important;
  text-align: right;
}

/*Used for primary link color*/
.lblColorBlue {
  color: #1b55d8;
}

/*Used for 3dot*/
.dropdown-item {
  cursor: pointer !important;
  border-bottom: 0.1rem solid rgba(182, 182, 182, 0.5);
}

/*Used for 3dot*/
.dvSmallContainer3dot2 {
  padding: 0;
  color: #B6B6B6;
  float: right;
  width: 3.6rem;
  font-size: 1.6rem;
}

/*Used for 3dot*/
.dvSmallContainer3dot2 .dropdown {
  padding-right: 1rem !important;
  padding-top: 1.5rem !important;
}

.dvSmallContainer3dot2:hover {
  color: #000000 !important;
}

/*Used for 3dot*/
.btn3Dot {
  width: 1rem !important;
}

/*Used for 3dot*/
.btn3Dot2 {
  width: 3.5rem !important;
}

/*Used for 3dot*/
.btn3Dot:after {
  content: "⠇";
  font-size: 3em;
  cursor: pointer;
}

/*Used for next and select button*/
.btnNextOrSelect {
  outline: none !important;
  cursor: pointer !important;
  border: none !important;
  color: #FFFFFF !important;
  height: 6rem !important;
  padding: 2rem 1.5rem !important;
  background-color: #369960 !important;
  box-shadow: 0 0.2rem 0.3rem 0 #B6B6B6;
}

/*Used for next and select button*/
.btnNextOrSelect:hover {
  border: none !important;
  background-color: #2ecc71 !important;
}

/*Used for fixed with*/
.fixedWidth {
  min-width: 17.4rem !important;
  font-size: 2.8rem !important;
  border-right: 0.1rem solid #2ecc71 !important;
}

/*Used for label blink*/
.lblBlink {
  -webkit-animation: blinker 1s linear infinite; /* Safari 4.0 - 8.0 */
  -moz-animation: blinker 1s linear infinite;
  animation: blinker 1s linear infinite;
  animation-iteration-count: 3;
}

/*Used for Item Added From Panel*/
.dvItemAddedSmall {
  float: left;
  margin: 0 0.5rem 0.5rem 0;
  cursor: default;
  border: 0.1rem solid #B6B6B6;
  border-radius: 0.4rem;
  padding: 0.1rem 1rem;
  line-height: 3rem;
}

/*Used for menu List on grid page*/
.menuList {
  list-style: none;
  padding: 0;
  margin: 0;
}

/*Used for menu List on grid page*/
.menuList li {
  float: left;
  margin-right: 2rem;
  color: #1b55d8 !important;
  cursor: pointer;
  line-height: 3rem;
}

.menuList.new li {
  float: left;
  margin-right: 1rem;
  color: #000000 !important;
  cursor: pointer;
  line-height: 2rem;
  padding: 0.2rem 1.5rem;
  border: 1px solid #16a085 !important;
  border-radius: 2rem;
}

/*Used for menu List on grid page*/
.menuList .active {
  border-bottom: 0.5rem solid #634C9F;
  line-height: 2rem !important;
}

.menuList.new .active {
  background-color: #9dd6cb;
  color: #000000 !important;
}

/*Used for add card*/
.pnlAddCard {
  position: absolute !important;
  top: 0;
}

/*Used for LowEmphasis White*/
.lblLowEmphasisWhite {
  color: #B6B6B6 !important;
}

/*Used for small label*/
.btnSmallLink {
  background-color: transparent;
  border: 0.1rem solid transparent;
  padding: 0;
  font-family: LatoRegular;
  cursor: pointer;
  font-size: 1.4rem;
  outline: none !important;
  color: #000000 !important;
  float: left;
  line-height: 2.5rem;
}

/*Used for Button Wrapper*/
.dvButtonWrappergap {
  padding-top: 0.6rem !important;
}

/*Used for secondary-nav*/
.secondary-nav ul.list {
  display: inline-flex;
  clear: both;
  float: none;
  margin: 0 auto;
  padding: 0;
}

/*Used for secondary-nav*/
.secondary-nav ul.listRight {
  float: right !important;
  margin-right: 0;
}

/*Used for secondary-nav*/
.secondary-nav ul li {
  float: left;
  padding: 0 !important;
  cursor: pointer;
  margin: 0 !important;
  list-style: none;
}

/*Used for secondary-nav*/
.secondary-nav-inner ul li {
  padding: 0 0.5rem 0.5rem !important;
}

/*Used for secondary-nav*/
.secondary-nav ul li .tabmenu {
  color: #000000;
  font-size: 1.6rem;
  margin: 0;
  float: left;
  padding: 0.9rem 0.7rem;
  text-decoration: none;
  border: 0.1rem solid rgba(182, 182, 182, 0.5);
  border-bottom: none !important;
  border-radius: 0.4rem 0.4rem 0 0;
  background-color: #f9fbfb !important;
  line-height: 3rem;
}

li:before {
  content: "" !important;
  margin-right: 0 !important;
}

/*Used for consent list*/
.listConsentDone {
  margin: 1rem 0 !important;
}

/*Used for consent list*/
.listConsentDone ul li:before {
  content: "" !important;
  margin-right: 0 !important;
}

/*Used for consent list*/
.listConsentDone li {
  line-height: 3rem !important;
  text-align: left;
  padding-bottom: 0 !important;
  font-size: 2rem;
}

/*Used for consent list*/
.listConsentDone-li {
  line-height: 3rem !important;
  text-align: left;
  padding-bottom: 0 !important;
}

/*Used for menu list*/
.secondary-nav ul.listRight li {
  margin-right: 0 !important;
}

/*Used for tab content*/
.tab-content {
  border: 0.1rem solid rgba(182, 182, 182, 0.5);
}

/*Used for menu list consent page*/
.secondary-nav ul .joinButton {
  margin-right: 0 !important;
}

/*Used for menu list consent page*/
.secondary-nav ul .joinButtonRight {
  border-radius: 0 0.4rem 0 0;
}

/*Used for menu list consent page*/
.secondary-nav ul .joinButton a {
  border-radius: 0.4rem 0 0 0;
  border-right: none !important;
  margin-right: 0 !important;
}

/*Used for menu list active*/
.secondary-nav ul li .active {
  color: #000000 !important;
  font-weight: bold;
  line-height: 2.7rem !important;
  border-top: 0.5rem solid #43CBFF;
}

/*Used for Add Payment Card window*/
.checkout__container {
  top: 38% !important;
}

@media (max-width: 480px) {
  .checkout__con {
    transform: none;
    max-width: 100%;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
  }
}
/*Used for loading-dots container*/
.dvLoaderNew {
  position: absolute;
  top: 6.5rem;
  bottom: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

/*Used for loading-dots*/
@keyframes dot-keyframes {
  0% {
    opacity: 0.4;
    transform: scale(1, 1);
  }
  50% {
    opacity: 1;
    transform: scale(1.2, 1.2);
  }
  100% {
    opacity: 0.4;
    transform: scale(1, 1);
  }
}
/*Used for loading-dots*/
.loading-dots {
  text-align: center;
  width: 100%;
  padding: 1rem 0;
}
.loading-dots--dot {
  animation: dot-keyframes 1.5s infinite ease-in-out;
  background-color: #2ecc71;
  border-radius: 1rem;
  display: inline-block;
  height: 1.2rem;
  width: 1.2rem;
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}
.loading-dots--dot:nth-child(2) {
  animation-delay: 0.25s;
}
.loading-dots--dot:nth-child(3) {
  animation-delay: 0.5s;
}
.loading-dots--dot:nth-child(4) {
  animation-delay: 0.75s;
}
.loading-dots--dot:nth-child(5) {
  animation-delay: 1s;
}

/*Used for casehsheet body*/
.card-body {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}

/*Used for field with icon*/
.field-icon {
  float: right;
  margin-top: -2.5rem;
  position: relative;
  z-index: 2;
  margin-right: 0.5rem;
}

.field-icon-eye {
  margin-top: -4rem !important;
  font-size: 1.4rem !important;
  padding: 1.4rem;
}

/*Used for casehsheet body*/
.pnlCaseBodyContainer {
  background: #edf5f8;
  border-radius: 0.6rem 0.6rem 0 0;
  box-sizing: content-box;
  color: #FFFFFF;
  text-decoration: none;
  width: 100%;
  border-bottom: 0.1rem solid #B6B6B6;
}

/*Used for panel header*/
.pnlHeaderContainer {
  padding: 1.5rem !important;
}

/*Used for modl header with border color*/
.modal-lg, .modal-sm, .modal-md {
  border-top: none !important;
  border-radius: 0.4rem !important;
}

/*Used for modl header with border radius*/
.modal-centered .divModalHeaderForPopUp {
  border-radius: 0.4rem 0.4rem 0 0 !important;
}

/*Used for button*/
.btn_Custom {
  min-width: 6rem !important;
}

*, ::after, ::before {
  box-sizing: border-box;
}

/*Used for full page loading container, pat registration*/
.PageLoading {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1300;
  background-color: rgba(182, 182, 182, 0.5);
}

/*Used for full page loading container, pat registration*/
.PageLoading .modal-content {
  padding: 0;
  border: 0.1rem solid rgba(0, 0, 0, 0.2) !important;
}

/*Used for Page where Background color not needed*/
.page-container {
  overflow: hidden !important;
  padding: 1.6rem 1.6rem 0 1.6rem !important;
}

/*Used for Page where Background color require*/
.page-container-2 {
  overflow: hidden !important;
  padding: 0 !important;
  background-color: #edf5f8;
}

.PageLoading.full {
  background-color: #FFFFFF !important;
}

.PageLoading.full .dymamic-loading-trans {
  padding-top: 3% !important;
}

/*Used for container for registration*/
.Container_Body_registration {
  padding-top: 0 !important;
  border-radius: 0 0 0.8rem 0.8rem;
}

/*Used for Incoming Due Call Common*/
.btnIncomingDueCall:after,
.btnIncomingDueCall:before {
  font: normal normal normal 1.4rem/1 FontAwesome;
  padding: 0 0.1rem;
  border-radius: 0.4rem;
  float: left;
}

/*Used for Incoming Due Call*/
.btnIncomingDueCall:after {
  content: "\f060";
  font-size: 1.4rem;
  line-height: 1.7rem;
  transform: rotate(315deg);
  margin-right: 0.2rem;
  margin-left: -1.1rem;
  color: #2ecc71;
}

/*Used for Incoming Due Call*/
.btnIncomingDueCall:before {
  content: "\f095";
  font: normal normal normal 1.4rem/1 FontAwesome;
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: #2ecc71;
}

/*Used for Incoming Due Call*/
.btnOutgoingDueCall,
.btnIncomingDueCall {
  margin-right: 0.5rem;
}

/*Used for Outgoing Due Call*/
.btnOutgoingDueCall:after {
  content: "\f060";
  font: normal normal normal 1.4rem/1 FontAwesome;
  font-size: 1.4rem;
  line-height: 2rem;
  padding: 0 0.1rem;
  border-radius: 0.4rem;
  transform: rotate(135deg);
  float: left;
  margin-right: 0;
  margin-left: -1.1rem;
  color: #E74C3C;
}

/*Used for Outgoing Due Call*/
.btnOutgoingDueCall:before {
  content: "\f095";
  font: normal normal normal 1.4rem/1 FontAwesome;
  font-size: 1.6rem;
  line-height: 2.9rem;
  padding: 0 0.1rem;
  border-radius: 0.4rem;
  float: left;
  color: #E74C3C;
}

/*used for Checkin Page Patient Image*/
.Small-Image img {
  border-radius: 50% !important;
  max-width: 5.4rem;
  max-height: 5.4rem;
}

.Small-Image .img-n {
  border-radius: 50% !important;
  width: 5.4rem;
  height: 5.4rem;
}

/*used for icon Call*/
.btnCall:before {
  content: "\f095";
  font: normal normal normal 1.4rem/1 FontAwesome;
  font-size: 1.6rem !important;
  line-height: 2rem !important;
  margin-right: 0.2rem !important;
}

/*used for menu list on patient registration*/
.secondary-nav {
  display: block;
  text-align: center;
  clear: both;
  margin: 0;
  padding-bottom: 0.5rem;
  height: 4rem;
}

/*used for seperator*/
.seperator-line {
  border-bottom: 0.1rem solid rgba(182, 182, 182, 0.5);
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}

/*used for menu list on patient registration*/
.secondary-nav ul.list {
  display: inline-flex;
  clear: both;
  float: none;
  margin: 0 auto;
  padding: 0;
}

/*used for menu list*/
.secondary-nav ul li {
  float: left;
  padding: 0 2rem;
  margin: 0 1rem 0 0 !important;
}

/*used for menu list*/
.secondary-nav ul li a {
  color: #4b5158;
  font-size: 1.6rem;
  margin: 0;
  float: left;
  padding: 1rem;
  text-decoration: none;
}

/*used for menu list last*/
.secondary-nav ul .liLast {
  margin: 0 !important;
}

/*Used for Appintment List Grid for showing date*/
.data-80 {
  float: left;
  width: 80%;
}

.data-80-n {
  float: left;
}

/*Used for Appintment List Grid for showing time*/
.data-20 {
  float: left;
  width: 20%;
}

.data-20-n {
  float: left;
  margin-right: 1rem;
}

/*Used for float none*/
.float-none {
  float: none !important;
}

/**Used on Login and Payment Method Page*/
.container-fluid-custom {
  padding-top: 1.6rem;
  margin-bottom: 1.6em;
}

/**Used on Login and Payment Method Page*/
.container-fluid-custom-full {
  padding: 1.6rem;
}

/**Used on Login Page*/
.pnlLogin-img .pnlSignin {
  padding: 1.6rem;
  background-color: #FFFFFF;
  border-radius: 0 0.8rem 0.8rem 0;
}

/**Used on element hide*/
.Invisible {
  display: none !important;
}

/**Used on element visible*/
.Visible {
  display: block !important;
}

/**Used on iframe class*/
.container-iframe {
  width: 100%;
  border: none;
  overflow-x: hidden;
}

/**Used on iframe body*/
.container-iframe body {
  overflow-x: hidden;
}

/**Used on iframe modal*/
.container-iframe-modal {
  width: 100%;
  border: none;
  overflow-x: hidden;
  border-radius: 0.4rem;
}

/**Used on iframe body*/
.container-iframe-modal body {
  overflow-x: hidden;
}

/**Used on label for common*/
label {
  margin-bottom: 0.48rem;
}

/*Used on helper text with animation*/
.text-danger {
  animation: blinker 1s;
  animation-iteration-count: 3;
  color: #CE0203 !important;
}

/**Used on helper text normal*/
.text-danger-normal {
  animation: none !important;
}

/**Used on Page Header*/
.container-page-header,
.container-page-header-pnl {
  margin-bottom: 0;
  width: 100%;
  border-bottom: 0.1rem solid rgba(182, 182, 182, 0.5) !important;
  padding: 1.28rem;
}

/*Used on Page Header for Panel*/
.container-page-header-pnl {
  border-bottom: none !important;
  padding: 1.6rem 0.8rem;
}

/*Used on data container for Panel*/
.pnl-data {
  padding: 0 1.6rem !important;
  overflow-y: auto;
  overflow-x: hidden;
  clear: both;
}

/*Used on data container wallet*/
.pnl-data-new {
  padding: 0 1rem !important;
  clear: both;
}

/**Used on Page Header Caption*/
.container-page-header h4 {
  margin-bottom: 0;
  line-height: 3.9rem !important;
}

/*Modal Header*/
.modal-title {
  font-size: 2.8rem;
  color: #000000;
  float: left;
}

/*Modal Header multiline, vitals details*/
.modal-title-multiline {
  line-height: 2rem;
}

/*Used for Details Page Status*/
.dvRedWithPointerNone {
  background-color: #f8c9c4;
  color: #FFFFFF !important;
}

/*Used for modal background*/
.dvModalBG {
  background-color: rgba(182, 182, 182, 0.5);
  overflow-y: auto !important;
}

/*Used for loading container 5 dot*/
.dymamic-loading,
.dymamic-loading-trans {
  width: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  overflow: hidden;
  outline: 0;
  padding-top: 15% !important;
}

/*Used for container for loading without background color*/
.modal-content-custom {
  background-color: transparent !important;
  border: none !important;
  text-align: center;
}

/*Used for loading container 5 dot*/
.pnl-dashboard-data .dymamic-loading-trans {
  padding-top: 0 !important;
}

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

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

.lblFieldValueBig {
  font-size: 2rem !important;
  line-height: 2.5rem;
}

/*Used for icon file*/
.fa-file-big {
  font-size: 2.4rem !important;
  color: #808080;
  padding-top: 0.5rem;
}

/*Used for icon used with imput field, show password*/
.field-icon {
  float: right;
  margin-left: -2.5rem;
  margin-top: -2.5rem;
  position: relative;
  z-index: 2;
  margin-right: 1rem;
  line-height: 1rem !important;
}

/*Used for no records to display container*/
.dvNoRecToDisplay {
  margin-top: 0 !important;
  text-align: center;
  padding-top: 7%;
  padding-bottom: 3%;
}

/*Used for no records to display image*/
.dvNoRecToDisplay svg {
  width: 100% !important;
}

/*Used for no records to display msg*/
.dvNoRecToDisplay .svgInfo {
  width: 100% !important;
}

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

/*Used for displaying for right*/
.float-right {
  float: right;
}

/*Used for displaying for elft*/
.float-left {
  float: left;
}

/*Used for external page container*/
.container {
  padding-top: 1%;
  margin: auto;
  padding-bottom: 1%;
}

/*Used for icon recall*/
.fa-repeat {
  margin-right: 0.5rem;
}

/*Used for icon fa-eye show password*/
.fa-eye-slash:before {
  color: gray;
}

/*Used for small button menu*/
.card-header,
.card-body {
  text-align: center;
}

/*Used for small button menu*/
.card-title,
.card-body .btn {
  margin-bottom: 3.2rem;
  margin-top: 3.2rem;
}

/*Used for small button menu*/
.card-header .fa-address-card-o,
.card-header .fa-user-o {
  font-size: 5rem;
  margin-bottom: 3.2rem;
  margin-top: 3.2rem;
  color: #FFFFFF;
}

/*Used for modal container*/
.modal-content {
  border-radius: 0.96rem !important;
  border-top: 0.5rem solid #43CBFF !important;
}

.modal-sm {
  max-width: 34rem;
  padding-top: 15%;
}

.modal-lg, .modal-md {
  padding-top: 5%;
}

/*Used for button common*/
.btn {
  font-size: 1.6rem !important;
  cursor: pointer !important;
  outline: none !important;
  height: 4.2rem !important;
  padding: 1rem 1.5rem;
  line-height: 2.2rem;
  box-shadow: 0 0 0.2rem #B6B6B6;
}

/*used for btn big*/
.btn-primary-big {
  padding: 1.6rem;
  min-width: 20rem !important;
  height: 6rem !important;
}

/*Used for primary button*/
.btn-primary-custom:hover {
  color: #FFFFFF;
  background-color: #634C9F !important;
  box-shadow: 0 0 0 0.2rem #a193c5;
  border-color: #826fb2 !important;
  outline: none !important;
}

/*Used for primary button focus*/
.btn-primary-custom.focus {
  color: #FFFFFF !important;
  background-color: #2ecc71 !important;
}

/*Progress Bar on the Page Top Bar*/
.progress-bar-striped {
  background-color: #2ecc71 !important;
  height: 0.5rem;
  background-image: none;
}

/*used for text color red*/
.text-red {
  color: #E74C3C !important;
  cursor: pointer;
  text-decoration: none;
}

/*used for text color purple*/
.text-purple {
  color: #634C9F !important;
  cursor: pointer;
  text-decoration: none;
}

/*used for callout, displaying address when click on the locaiton icon*/
.dvAddress-top {
  display: block;
  position: absolute;
  z-index: 1000;
}

.dvAddress-top.data {
  margin-left: -10.688px !important;
  overflow: auto !important;
}

/*used for callout, displaying address when click on the locaiton icon*/
.dvPositionAbsolute {
  display: block;
  padding: 0.5rem 1rem;
  border: 0.1rem solid rgba(182, 182, 182, 0.5);
  border-radius: 0.6rem;
  background-color: #FFFFFF;
  box-shadow: 0 0 0.2rem #B6B6B6;
}

/*used for callout, displaying address when click on the locaiton icon*/
.dvTooltipYellow {
  background-color: #FFFFA5 !important;
}

/*used for callout, displaying address when click on the locaiton icon*/
.top-Arrow {
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-bottom: 1rem solid rgba(182, 182, 182, 0.5);
  margin-left: 6%;
  width: 0;
}

/*used for checkin page*/
.dvCheckin-Top {
  right: 0;
  left: auto;
  top: 2.5rem;
}

/*used for Questionnaire List option, on the grid*/
.QuestionnaireList {
  padding-left: 1.5rem !important;
  list-style: disc !important;
  margin: 0;
}

/*used for Questionnaire List option, on the grid*/
.QuestionnaireList li {
  padding-bottom: 0.5rem !important;
}

/*used for text primary with color blue*/
.text-primary {
  color: #1b55d8 !important;
  cursor: pointer;
  text-decoration: none;
  outline: none !important;
}

/*used for text primary with color blue*/
.text-primary a {
  color: #1b55d8 !important;
}

/*used for text primary hover*/
.text-primary:hover {
  text-decoration: none;
}

/*used for text primary right with blue light color*/
.text-primary-light {
  color: #43CBFF !important;
  cursor: pointer;
  text-decoration: none;
  outline: none !important;
}

/*used for text primary right with blue light color hover*/
.text-primary-light:hover {
  text-decoration: none;
}

/*used for text on panel*/
.text-primary-low {
  color: #FFFFFF !important;
  cursor: pointer;
  text-decoration: underline;
}

/*used for text on panel hover*/
.text-primary-low:hover {
  color: #FFFFFF !important;
}

/*used for not required scroll*/
.noOverFlow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-break {
  line-break: anywhere;
}

/*Used for Status Border*/
.RowStatusBorderGreen {
  border-left: 0.5rem solid #369960 !important;
  padding-left: 0.5rem !important;
  border-radius: 0.4rem;
}

/*used for select combo*/
.dvGridColumn {
  padding: 0 !important;
}

/*used for btn Search*/
.btn-Search:before {
  font: normal normal normal 2.2rem/1 FontAwesome;
  content: "\f002";
  font-size: 1.6rem;
  color: #000000;
}

/*used for icon loading*/
.btn-loading:before {
  font: normal normal normal 2.2rem/1 FontAwesome;
  content: "\f110";
  font-size: 1.6rem;
  color: #000000;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 1s linear infinite;
  border-radius: 50%;
}

/*used for container background gray*/
.bg-gray {
  background-color: #B6B6B6;
}

/*used for button red, card delete*/
.btn-outline-danger-custom {
  color: #FFFFFF;
  background-color: #E74C3C;
  border-color: #E74C3C;
}

/*used for container with scroll*/
.ContainerScroll {
  overflow-x: hidden;
  position: fixed;
  left: 0;
  right: 0;
  overflow-y: auto;
  height: 100vh;
  background-color: #edf5f8 !important;
}

/*used for image container document handler*/
.img-container {
  width: 10rem;
  min-height: 8rem;
  max-height: 11.7rem;
}

/*used for image container document handler*/
.img-container-nonDoc {
  text-align: center;
  padding-top: 1.6rem;
  background-color: #369960;
}

/*Used for Document Handler Page*/
.img-container img {
  width: 10rem;
  height: 11.7rem;
  border-radius: 0.4rem;
  cursor: pointer;
}

/*Used for Scroll on the Container*/
.Scroll {
  overflow: hidden;
  overflow-y: auto !important;
}

/*Used for icon online*/
.IconOnline:before {
  font: normal normal normal 1.2rem/1 FontAwesome;
  line-height: 2.8rem;
  content: "\f0e7";
  font-size: 2rem;
  color: #43CBFF;
}

/*Used for appt list with icon online*/
.dvApptListHeadarSection {
  padding: 0.5rem;
  padding-bottom: 0;
}

/*Used for flyout low imp color*/
.text-white-dull1 {
  color: rgba(255, 255, 255, 0.7);
}

/*Used for grid container row*/
.table-striped .rowdataOuter {
  padding: 0 1.6rem 1.12rem !important;
  margin-bottom: 1.6rem !important;
  background-color: #FFFFFF !important;
}

/*Used for grid container row*/
.table-striped .rowdataOuter .rowBG {
  padding-top: 1.12rem;
  padding-bottom: 1.12rem;
  border-radius: 0.4rem 0.4rem 0 0;
  background-color: #826fb2 !important;
}

.table-striped .rowdata:nth-of-type(odd) {
  background-color: rgba(182, 182, 182, 0.15) !important;
}

/*Used for grid container row*/
.table-striped .rowdata-small-panel:nth-of-type(odd) {
  background-color: rgba(182, 182, 182, 0.15);
}

/*Used for grid container row*/
.table-striped .rowdataInner {
  padding: 0.7rem 1rem !important;
  margin-bottom: 0.2rem !important;
  background-color: #FFFFFF !important;
  border-top: 0.1rem solid #edf5f8;
}

/*Used for grid container row*/
.table-striped .rowdata-small,
.table-striped .rowdata-small-panel {
  padding: 0.8rem;
  margin-bottom: 0;
}

.table-striped .rowdata .column {
  padding: 0 0.5rem;
}

.table-striped .rowdata .items {
  padding-left: 2rem !important;
}

.table-striped .rowdata .group-items {
  padding-left: 1rem !important;
}

/*Used for card container*/
.custom-control {
  position: relative;
  display: block;
  min-height: 2.4rem;
  padding-left: 2.4rem;
}

/*Used for text left*/
.text-left {
  float: left !important;
}

/*Used for text right*/
.text-right {
  text-align: right !important;
}

/*Used for text green*/
.text-green {
  color: #369960 !important;
}

/*Used for text center*/
.text-center {
  text-align: center !important;
}

.pnlLoginMargin {
  margin-left: 4.8rem;
}

/*Used for keyframes spinner*/
@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*Used for spinner*/
.spinner-border {
  display: inline-block;
  width: 8rem;
  height: 8rem;
  vertical-align: text-bottom;
  border: 0.25em solid #1b55d8;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: 0.75s linear infinite spinner-border;
  -moz-animation: 0.75s linear infinite spinner-border;
  animation: 0.75s linear infinite spinner-border;
}

/*Used for keyframes spinner*/
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*Used for icon chart*/
.fa-line-chart {
  font-size: 2rem !important;
  margin-top: 1rem;
  color: #1b55d8 !important;
  cursor: pointer !important;
}

.fa-line-growth-chart {
  color: #CE0203 !important;
}

/*Used for contaier on consent page*/
.pnl-heightlited {
  width: 100%;
  margin-bottom: 0 !important;
  border-radius: 0.4rem !important;
  -moz-box-shadow: inset 0 0 0.8rem #B6B6B6;
  -webkit-box-shadow: inset 0 0 0.8rem #B6B6B6;
  box-shadow: inset 0 0 0.8rem #B6B6B6;
  height: 10rem !important;
  overflow: hidden;
  background-color: #FFFFFF;
}

/*Used for contaier on consent page*/
.pnl-heightlited-white {
  width: 100%;
  margin-bottom: 0 !important;
  border-radius: 0.4rem 0.4rem 0 0 !important;
  background-color: #FFFFFF;
  padding: 1.5rem;
  height: 40rem;
  overflow: hidden;
  overflow-y: auto;
  box-shadow: inset 0 0 0.8rem #B6B6B6;
}

/*Used for contaier on consent page*/
.pnl-heightlited-orange {
  background-color: #F39C12 !important;
  padding: 0.5rem 1.5rem;
  border-radius: 0 0 0.4rem 0.4rem !important;
}

/*Used for Container when document is viewed.*/
.pnl-heightlited-green {
  background-color: #369960 !important;
  padding: 0.5rem 1.5rem;
  border-radius: 0 0 0.4rem 0.4rem !important;
  color: #FFFFFF;
}

/*Used for Container when document is viewed.*/
.pnl-heightlited-green .fa {
  margin-right: 0.5rem;
}

/*Used for add card body*/
.card-fixed {
  height: 100vh;
}

/*Used for checkbox container*/
.custom-switch {
  padding-left: 3.6rem;
  display: inline-block;
}

/*Used for checkbox container*/
.custom-switch-top {
  margin-top: 0.5rem;
}

.custom-switch .helper {
  padding-left: 5px;
  font-size: 12px;
}

/*Used for cursor pointer*/
.cursor-pointer {
  cursor: pointer !important;
}

/*Used for cursor default*/
.cursor-default {
  cursor: default !important;
}

/*Used for icon required*/
.lbl-Required:after {
  font: normal normal normal 0.9rem/1 FontAwesome;
  content: "\f069";
  margin-left: 0.5rem;
  color: #E74C3C;
  vertical-align: super;
}

/*Used Payment Method Page*/
.dv-appt-confirm {
  padding: 1.6rem;
  margin-top: 5%;
  border: 0.1rem solid #ddd;
  border-radius: 0.4rem;
}

/*Used ??*/
.text {
  padding: 0.32rem;
  line-height: 1.2em;
  position: relative;
}

/*Used ??*/
.form-group-closed label {
  margin-bottom: 0 !important;
}

/*Used ??*/
.form-group-margin-none {
  margin-bottom: 0 !important;
}

/*Used for list item*/
.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
  color: #000000 !important;
  background-color: #edf5f8;
}

/*Used for text info black color*/
.text-info-black {
  color: #000000;
}

/*Used for Tooltip Msg*/
.lblTooltipMsg {
  color: #FFFFFF;
  font-size: 1.6;
}

/*Used for Login Small Image*/
.dvLoginSmallImage {
  text-align: center;
  display: inline-block;
  width: 100%;
}

.dvLoginSmallImage .small {
  max-width: 150px;
}

/*Used for Login Small Image*/
/*.dvLoginSmallImage img {
    float: left;
}*/
/*Used for Login Small Image*/
.pnlContainer-border {
  border: 0.1rem solid rgba(182, 182, 182, 0.5);
  padding: 7vh 2% 2%;
  background-color: #FFFFFF;
  box-shadow: 0 0 2px #B6B6B6;
  border-radius: 1rem !important;
}

/*Used for feedback*/
.dvFeedback-no {
  text-align: center;
}

/*Used for feedback*/
.dvFeedback-no ul {
  padding-left: 1.5rem;
}

/*Used for feedback*/
.dvFeedback-no ul li {
  margin-bottom: 1rem;
}

/*Used for feedback*/
.dvFeedback-no-gap {
  padding-top: 2rem;
}

/*Used for feedback*/
.iframe-height {
  min-height: 71rem !important;
}

/*Used for feedback*/
.dvFeedback-no .fa-smile-o:before {
  font-size: 4rem;
  font-weight: 700;
  line-height: 3rem;
  vertical-align: super;
  color: #2ecc71;
}

/*Used for Container Body*/
.Container_Body_NoBorder {
  padding: 0;
  border-radius: 0.4rem;
  position: absolute;
  left: 12%;
  width: 76%;
  top: 6%;
}

/*Used for Container Body*/
.Container_Body_full {
  padding-top: 1.6rem !important;
}

/*Used for blink*/
.blink {
  animation: blinker 1s;
  animation-iteration-count: 3;
}

/*Used for seperator*/
.lblPipeOpe {
  padding-left: 1rem;
  padding-right: 1rem;
  color: #B6B6B6 !important;
}

/*customized Iframe*/
.custom_frame {
  width: 100%;
  border: none;
}

@keyframes blinker {
  25% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.3;
  }
  75% {
    opacity: 0;
  }
}
/*Used for Upload Image Controls*/
.ImageNotAvailable {
  height: 8rem;
  width: 9rem;
  font: normal normal normal 1.4rem/1 FontAwesome;
  text-align: center;
  line-height: 10rem;
  cursor: pointer;
  float: left;
  border: 0.1rem solid rgba(182, 182, 182, 0.5);
  border-radius: 0.4rem;
  color: rgba(182, 182, 182, 0.5);
  background-color: #FFFFFF !important;
}

/*Used for Image Non Available before*/
.ImageNotAvailable:hover {
  color: #808080;
}

/*Used for Image Non Available before*/
.ImageNotAvailable:before {
  content: "\f0ee";
  font-size: 4rem;
  line-height: 6rem;
}

/*Used for icon calendar*/
.btnCalender:before {
  content: "\f073";
  line-height: 3rem;
  font: normal normal normal 1.8rem/1 FontAwesome;
  font-size: 1.4rem;
}

/*Used for Amount Suffix*/
.divAmountSuffix {
  height: 3rem;
  width: 3rem;
  background-color: #FFFFFF;
  border: 0.1rem solid rgba(182, 182, 182, 0.5);
  border-left: 0;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}

/*Used for Amount Suffix Calander*/
.divAmountSuffix .btnCalander:before {
  color: #B6B6B6;
}

.modal-body-fixedHeight {
  height: 42rem;
  overflow-y: auto;
}

/*Used for prefix*/
.divAmountPrefix .input-group-addon {
  height: 3rem;
  width: 3rem;
  background-color: #FFFFFF;
  border-left: 0;
  line-height: 1.8rem;
  font-size: 1.6rem;
  color: #000000;
  text-align: center;
  border: 0.1rem solid rgba(182, 182, 182, 0.5);
  padding: 0.8rem 1.2rem !important;
  border-radius: 0.4rem 0 0 0.4rem;
  border-right: none !important;
}

/*Used for next and prev*/
.pnl-next-prev {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #FFFFFF;
  padding-left: 0.5rem;
}

/*Used for prefix*/
.divAmountPrefix .form-control {
  border-radius: 0 0.4rem 0.4rem 0 !important;
}

/*Used for gap*/
.pnl-top-gap-small {
  margin-top: 0.8rem;
}

/*Used for table-striped ul*/
.table-striped ul {
  padding: 0;
  list-style: none;
}

/*Used for Panel*/
.pnlBlack {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 1400;
  top: 0;
  background-color: #4b5158;
  padding: 0;
  border-radius: 0;
  box-shadow: 0 0 0.2rem #4b5158;
}

/*used as text primary panel*/
.text-primary-white {
  color: #FFFFFF !important;
}

/*used as text secondary panel*/
.text-primary-white-dull {
  color: rgba(255, 255, 255, 0.7) !important;
}

/*used as icon right gap*/
.fa-small-right {
  padding-right: 0.5rem !important;
}

/*used as progress bar*/
.dvProgress {
  width: 20rem;
  background-color: #FFFFFF;
  border: 0.1rem solid rgba(182, 182, 182, 0.5);
  border-radius: 0.4rem;
  margin-bottom: 0;
  height: 1.2rem;
}

/*used as menu container*/
.pnlMenuContainer {
  width: 100%;
}

/*used as progress bar*/
.dvProgressbar {
  background-color: #2ecc71;
  height: 1.2rem;
  margin-top: -0.1rem;
}

/*used as input group gap*/
.input-group {
  margin-bottom: 2rem;
}

/*used as Field Name*/
.lblFieldName {
  color: #000000 !important;
  font-weight: bold !important;
  font-size: 1.4rem !important;
}

/*Used for Sign Document on Document Manager Page*/
.lblSignPendingBorder {
  padding: 0.1rem 1rem;
  border-radius: 0.4rem;
  border: 0.2rem solid #E74C3C;
  color: #FFFFFF;
  width: fit-content;
}

/*Used for Sign Document on Document Manager Page*/
.lblSignExpiredBorder {
  padding: 0.1rem 1rem;
  border-radius: 0.4rem;
  border: 0.2rem solid rgba(182, 182, 182, 0.5);
  color: #FFFFFF;
  width: fit-content;
}

.lblSignCompletedBorder {
  padding: 0.1rem 1rem;
  border-radius: 0.4rem;
  border: 0.2rem solid #369960;
  color: #FFFFFF;
  width: fit-content;
}

/*used as container for ctrl Address*/
.dvFieldSet {
  padding: 1rem 0 0 0;
  margin-bottom: 4rem;
  width: 100%;
}

/*used as container for ctrl Address*/
.dvFieldSet legend {
  width: auto !important;
  margin-bottom: 0 !important;
  font-size: 2rem;
  border-radius: 0.4rem;
  font-weight: 700;
  color: #000000;
}

/*used as category with phone number*/
.FieldPhone select,
.FieldPhone .select2-container {
  float: left;
  width: 16% !important;
}

/*used as category with phone number*/
.FieldPhone select,
.FieldPhone .select2-container .selection .select2-selection {
  border-radius: 0.4rem 0 0 0.4rem !important;
  border-right: none !important;
}

.FieldPhone .select2-container--open .select2-dropdown--below {
  width: fit-content !important;
}

/*used as checkbox*/
.custom-control-label::before {
  position: absolute;
  top: 0.4rem;
  left: -2.4rem;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  pointer-events: none;
  content: "";
  background-color: #FFFFFF;
  border: #adb5bd solid 0.1rem;
}

/*used as checkbox*/
.custom-control-label::before, .custom-file-label, .custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/*used as image on login page*/
.tblLoginImage {
  width: 100%;
}

/*used as image on login page*/
.tblLoginImage img {
  max-width: 100%;
}

/*used as image on login page*/
.tblLoginImage td {
  height: 28rem;
  text-align: center;
}

/*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: #adb5bd !important;
  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;
}

/*used as checkout, add card*/
.checkout {
  position: relative;
  height: 100vh;
  background: hsla(0, 0%, 88%, 0.95);
  overflow: hidden !important;
  overflow-y: scroll !important;
}

/*used as checkbox*/
.dv-checkbox {
  margin-left: 2rem;
}

/*used as User-circle*/
.User-circle {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}

/*used as User-circle*/
.User-circle:before {
  margin-left: 1.6rem;
  line-height: 5rem;
}

/*used as button common*/
.btnCommon {
  padding: 0.1rem;
  cursor: pointer;
  font-size: 1.4rem;
  padding: 0 0.5rem !important;
  outline: none !important;
  height: 3.6rem !important;
  letter-spacing: 0.025em;
  transition: all 0.15s ease;
  border-radius: 0.4rem !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*used as cosial media container*/
.pnlSocialMedia {
  height: 8rem;
}

/*used as cosial media container*/
.btnSocialMedia {
  cursor: pointer;
  font-size: 1.4rem;
  outline: none !important;
  height: 4rem;
  letter-spacing: 0.025em;
  transition: all 0.15s ease;
  border-radius: 0.4rem !important;
  padding: 0 !important;
  margin-right: 1.5rem;
  float: left;
}

/*All Social Media Icons*/
.btnInstagram::before,
.btnTwitter::before,
.btnLinkedIn::before,
.btnFacebook::before {
  font: normal normal normal 1.4rem/1 FontAwesome;
  font-size: 4.4rem;
  line-height: 4rem;
  cursor: pointer;
}

/*used as icon Facebook*/
.btnFacebook::before {
  content: "\f082";
  color: #2980b9;
}

.btnInstagram::before {
  content: "\f16d";
  color: transparent;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background-clip: text;
  -webkit-background-clip: text;
}

/*used as icon Twitter*/
.btnTwitter::before {
  content: "\f081";
  color: #43CBFF;
}

/*used as icon Linked In*/
.btnLinkedIn::before {
  content: "\f08c";
  color: #808080;
}

.loginpageleftimage {
  max-height: 150%;
  background-color: transparent;
}

.btn-Feedback {
  padding: 0.4rem 1.5rem !important;
}

.btn-Feedback p {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1rem;
  text-align: left;
}

/*used as line through*/
.line-through {
  text-decoration: line-through;
  font-weight: normal !important;
}

/*used as line through hover*/
.line-through:hover {
  text-decoration: line-through;
  font-weight: normal !important;
}

/*used as small Xray icon, on grid*/
.btnSmallIconXrayBig:before {
  font: normal normal normal 1.4rem/1 FontAwesome;
  content: "\f256";
}

/*used as small video icon, on grid*/
.btnSmallIconVideo {
  background-color: transparent;
  border: none !important;
  height: 10rem !important;
  color: #000000;
  position: absolute;
  width: 7rem !important;
  padding: 0 !important;
}

/*used as fixed button*/
.buttonFixed {
  position: fixed;
  bottom: -0.4rem;
}

/*used as signature gap*/
.signnatureTopGap {
  margin-top: 2.2rem;
}

/*23. COMMON*/
/*25 START DISABLED*/
/*disabled container*/
.FieldDisabled {
  background-color: rgba(182, 182, 182, 0.5) !important;
  cursor: no-drop !important;
  pointer-events: none !important;
}

.FieldDisabledDark {
  background-color: transparent !important;
}

.FieldDisabledDark .fa-star {
  cursor: no-drop !important;
  pointer-events: none !important;
}

/*disabled upload image container */
.FieldDisabled-inner .dvImageControlWrapperPortrait {
  background-color: #edf5f8 !important;
  cursor: no-drop !important;
  pointer-events: none !important;
}

/*disabled container*/
.FieldDisabled .select2-container,
.FieldDisabled {
  background-color: #edf5f8 !important;
  cursor: no-drop !important;
  color: #000000;
  pointer-events: none !important;
}

/*disabled container button*/
.FieldDisabled .btn,
.FieldDisabled .fa-star {
  background-color: #edf5f8 !important;
  cursor: no-drop !important;
}

/*disabled container*/
.ContainerDisabled::before {
  color: #4b5158 !important;
}

/*25 END DISABLED*/
/*Last Review: Agranee: 2020-07-17 08:20 PM | No. of lines: 8914*/
/*Last Review: Agranee: 2020-07-20 08:20 PM | No. of lines: 6408*/
/*Last Review: Agranee, Arnab, SM 2020-07-22 01:15 PM | No. of lines: 5948*/
/*17. END QUEUE DETAILS*/
/*used for label*/
.dvBGLightGray {
  padding: 4rem 0;
  border-radius: 0.3rem;
  text-align: center;
}

.dvBGLightGray span {
  float: none !important;
}

/*input search controls big*/
.input-lg {
  resize: none;
  overflow: hidden;
  white-space: nowrap;
}

/*used for normal caption/value*/
.lblCaption,
.lblCaptionSmall,
.lblValueSmall {
  font-size: 1.6rem;
  line-height: 2rem;
  padding: 0 !important;
}

/*used for normal caption*/
.lblCaption {
  color: #B6B6B6;
}

/*used for icon*/
.dvBigIconCon {
  padding: 0 5%;
  text-align: center;
}

/*START FEEDBACK*/
/*feedback body container*/
.feedback-body {
  text-align: center;
}

/*feedback star*/
.feedback-body .fa-star {
  font-size: 4rem;
  margin-right: 2rem;
  color: #B6B6B6;
  cursor: pointer;
}

/*feedback star done, orange star*/
.feedback-body .fa-star-done {
  color: #F39C12;
}

/*feedback comments*/
.feedback-body textarea {
  height: auto !important;
}

/*feedback star*/
.fa-star:last-child {
  margin-right: 0;
}

/*feedback clinic icon*/
.fa-hospital-o-big:before {
  font-size: 2rem;
  vertical-align: text-top;
  line-height: 2.5rem;
}

/*feedback footer*/
.dvButtonWrapper {
  border-top: 0.1rem solid #B6B6B6;
}

/*feedback Power By*/
.lblPowerBy {
  color: #634C9F !important;
  cursor: pointer;
}

/*feedback header*/
.dvHeader {
  width: 100%;
  padding: 1.5rem 3rem;
  background-color: white;
  border-radius: 0.4rem 0.4rem 0 0;
}

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

/*END FEEDBACK*/
/*This is used in the section where we show all pending paperwork*/
.divPendingPaperworkContainer {
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 1.5rem;
  height: 70vh;
}

.btnPaddingLeft {
  float: left;
  padding-left: 2rem;
}

.btnPaddingRight {
  float: right;
  padding-right: 2rem;
}

/*Used for Serial Number in the duplicate window for pat and lead*/
.dvDupGrdSlNo {
  float: left;
  width: 3%;
  min-width: 3.5rem;
}

/*Used for displyaing patient and lead details in the grid*/
.dvDupGrdValue {
  float: left;
  width: 95%;
}

/*Main div for all duplicate rows*/
.dvDuplicateRows {
  height: 25rem;
  overflow: auto;
}

.margin-Left {
  margin-left: 0.5rem;
}

/*Used for button Pause*/
.btnPause:before {
  font: normal normal normal 1.4rem/1 FontAwesome;
  content: "\f04c";
  margin-right: 0.6rem;
}

.dvPaperworkDraft {
  padding: 1rem 1.5rem;
  background-color: #2ecc71;
  color: #FFFFFF;
  text-align: center;
}

/*Used for Value Same Line*/
.lblValueSameLine {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*Used for package icon*/
.dvPackageIcon,
.dvPackageIconLeft,
.dvPackageIconWhite {
  float: right;
  margin-right: 0.2rem;
  background-color: #4b5158;
  color: #FFFFFF;
  border-radius: 50%;
  margin-top: 0.2rem;
  font-size: 1.4rem;
  width: 1.4rem;
  margin-left: 0.2rem;
  text-align: center;
  height: 1.4rem;
  padding: 0.1rem;
  line-height: 1.5rem !important;
}

/*Used for package icon*/
.dvPackageIconLeft {
  float: left !important;
}

.dvPackageIconLeft {
  float: left;
  margin-top: 0.4rem;
  margin-left: 0.5rem;
}

.dvPackageIconGap {
  margin-top: 0.2rem;
  float: none !important;
  padding: 0.1rem 0.4rem !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/*Consent Icon*/
/*Consent Icon*/
.btnPaperwork {
  color: #000000;
  transition: all 0.15s ease;
  cursor: pointer;
  float: left;
}

.btnPaperwork:before {
  content: "\f044";
  font-size: 1.6rem;
  color: #000000 !important;
  margin-right: 0.6rem;
}

.btnPaperwork:hover {
  transform: translateY(-0.2rem);
}

/*Used for small icon button after*/
.btnSmallIcon:after, btnSmallIconApptList:after {
  font: normal normal normal 1.4rem/1 FontAwesome;
  line-height: 3.6rem !important;
  font-size: 1.6rem !important;
}

/*Used for small icon button before*/
.btnSmallIcon:before, btnSmallIconApptList:before {
  margin-right: 0 !important;
}

button[type=button]:not(.btnBackNew):not(.btnBackWhite):not(.btnSmallIconApptList):before,
.btnSmallIcon:before {
  font: normal normal normal 1.6rem/1 FontAwesome;
  margin-right: 0.6rem;
}

.btnSmallIconApptList:before {
  font: normal normal normal 1.6rem/1 FontAwesome;
}

.lblFromLeftSide,
.lblFromLeftSideWithField {
  float: left;
  margin-right: 0.1rem !important;
}

/*Used for Gap for 5 px, used just top of the Grid*/
.divFormGridBetweenGap {
  height: 0.5rem;
  width: 100%;
}

/*to give gap form desktop mode only*/
.divFormGridBetweenGapBigOnly {
  height: 0.3rem;
  width: 100%;
}

.redText {
  color: #E74C3C !important;
}

/*used for loading icon*/
.btnIconLoading:before,
.btnLoading:before,
.lblLoading:before {
  display: inline-block;
  font: normal normal normal 1.6rem/1 FontAwesome;
  content: "\f110";
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 1s linear infinite;
  text-align: center;
  border-radius: 50%;
}

/*Used for Report Download Loading*/
.lblLoading:before {
  margin-right: 0.6rem;
  font-size: 1.6rem;
  border-radius: 0;
}

.lh-3 {
  line-height: 3rem;
}

.fa-whatsapp:before {
  content: "\f232";
  font-size: 2rem;
}

.dvPortalCortainerNew {
  min-height: 93vh !important;
}

.dvPortalCortainerNew.full {
  min-height: 100vh !important;
}

.dvChangePassword {
  min-height: auto !important;
}

.grd-header {
  border-radius: 4px 4px 0 0;
  background-color: #4b5158 !important;
  min-height: 3rem;
  padding: 0.3rem 0.5rem;
}

.grd-header .column {
  padding: 0 0.5rem;
  color: #FFFFFF;
  font-size: 1.4rem;
  line-height: 2.4rem;
}

.btnMarkAsCompleted {
  border: none;
  color: #369960;
}

.btnMarkAsInComplete {
  border: none;
  color: #CE0203;
}

.btnMarkAsCompleted:before, .btnMarkAsInComplete:before {
  font: normal normal normal 1.4rem/1 FontAwesome;
  padding: 0 !important;
  text-align: center;
  margin-right: 0.4rem;
  line-height: 1.5rem;
  content: "\f00c" !important;
  font-size: 1.2rem;
}

.dvPasswordBoxData {
  border: 0.1rem black solid;
  padding: 0.1rem 0.2rem;
  margin: 0.1rem 0.2rem;
  box-shadow: 0.2rem 0.3rem #B6B6B6;
}

.dvSearchContainer {
  display: flex;
  margin-bottom: 1rem !important;
  margin-top: 0rem !important;
}

.dvSearchContainer input[type=search] {
  border-radius: 0.4rem 0 0 0.4rem !important;
}

.dvSearchContainer .btn-search {
  border-left: none;
  border-radius: 0 0.4rem 0.4rem 0;
  background-color: #FFFFFF !important;
  border: 1px solid #634C9F;
  color: #634C9F;
}

.dvSearchContainer .btn-search:hover {
  background-color: #826fb2;
}

.chat-icon-feedback:before {
  margin-left: 6px;
}

.chat-icon-feedback:before {
  font: normal normal normal 16px/20px FontAwesome;
  margin-left: 10px;
  content: "\f2c0" !important;
}

.chat-icon-feedback:after {
  font: normal normal normal 14px/20px FontAwesome;
  margin-right: 4px;
  color: #FFB43E !important;
  content: "\f075" !important;
  vertical-align: text-bottom;
  margin-top: -7px;
  position: absolute;
  margin-left: -2px !important;
}

.dvExtPageHeader {
  display: block;
  background: #FFFFFF;
  border-radius: 0.6rem 0.6rem 0 0;
  color: #FFFFFF;
  text-decoration: none;
  width: 100%;
  border-bottom: 0.1rem solid #B6B6B6;
  font-size: 1.6rem !important;
  line-height: 1.5 !important;
  font-family: LatoRegular;
  padding-bottom: 5px;
}

.select2-container--default .select2-results__option--disabled {
  display: none !important;
}

.ImageBlankPerson,
.ImagePerson {
  height: 75px;
  width: 75px;
  box-shadow: 0 0 2px #B6B6B6;
  border: 1px solid #B6B6B6 !important;
  transition: all 0.15s ease;
  border-radius: 3px;
  text-align: center;
  line-height: 90px;
  cursor: pointer;
  float: left;
  background-color: #FFFFFF;
}

.ImageBlankPerson.normal,
.ImagePerson.normal {
  cursor: default !important;
}

.ImageBlankPerson:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f007";
  font-size: 40px;
  line-height: 50px;
}

.ImagePerson img {
  height: 72px;
  width: 72px;
  margin-top: -1.8rem;
}

.dvImageActionCon {
  float: left;
  padding: 0 1rem;
}

.dvImageActionCon i {
  margin-bottom: 1rem;
  margin-top: 0.5rem;
  cursor: pointer;
  font-size: 1.6rem;
}

.dvImageActionCon .small {
  font-size: 1.4rem !important;
}

.custom-fieldset {
  border: 0.1rem solid rgba(182, 182, 182, 0.5) !important;
  margin: 0 2px;
  padding: 1rem;
}

.custom-fieldset legend {
  width: fit-content;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0;
}

.fieldset-none {
  border-bottom: none !important;
  border-left: 0 !important;
  border-right: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 1.5rem !important;
}

.fieldset-none legend {
  text-align: center;
}

/*39 START REQUIRED*/
/*Used for Required Star*/
.lblFieldNameRequired:after,
.lblBulltCaptionRequired:after {
  font: normal normal normal 9px/1 FontAwesome;
  content: "\f069";
  margin-left: 0.5rem;
  color: #E74C3C;
  vertical-align: super;
}

/*Used for Required Star*/
.lblFieldNameRequired:after {
  line-height: 1.4rem;
}

/*Used for Required Star*/
.lblBulltCaptionRequired:after {
  line-height: 3rem;
}

/*Used for required*/
input:required {
  box-shadow: none;
}

/*Used for Invalid Common*/
input:invalid:focus,
.inputInvalid .select2-container--default .select2-selection--single,
.inputInvalid {
  border: 0.1rem solid #E74C3C !important;
  background-repeat: no-repeat;
  background-size: 1.6rem;
  box-shadow: 0 0 5px 2px #E74C3C !important;
}

/*Used for input Invalid*/
input:invalid:focus {
  background-position: center right 1rem;
}

/*Used for Dropdown Invalid*/
.inputInvalid .select2-container--default .select2-selection--single {
  background-position: center right 16px;
}

input:focus:required:invalid,
.inputInvalid .select2-container--default .select2-selection--single,
.inputInvalid :focus {
  border-color: #E74C3C !important;
  background-repeat: no-repeat;
  background-size: 1.6rem;
  box-shadow: 0 0 0 3px #E74C3C !important;
  background-position: center right 1.6rem;
}

input:required:valid {
  background-color: white !important;
  color: black;
}

/*Used for textarea Invalid*/
.textarea[aria-invalid=true] {
  border-color: #E74C3C !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.6rem;
  box-shadow: 0 0 0 3px #E74C3C !important;
  background-position: center right 16px;
  border-radius: 0.4rem;
}

/*Used for textarea Invalid*/
.textarea[aria-invalid=true],
.errInvalid {
  border-color: #E74C3C !important;
  background-repeat: no-repeat;
  background-size: 1.6rem 1.6rem;
  box-shadow: 0 0 0 3px #E74C3C !important;
  background-position: center right 1.6rem;
  border-radius: 0.4rem;
}

.clinic-logo {
  max-height: 13vh;
}

.header-data {
  text-align: right;
}

/*Used for Grid Data Loading*/
.dymamic-loading-trans .modal-content {
  border: none !important;
  background-color: transparent !important;
}

.btn-primary-small {
  width: 4.2rem !important;
  padding-left: 0.5rem !important;
  padding-right: 0.7rem !important;
  min-width: 4.4rem !important;
}

/*.clinic-icon-feedback:before {
    font: normal normal normal 16px/20px FontAwesome;
    margin-left: 0;
    margin-right: 0.1rem !important;
    content: "\f0f8" !important;
}*/
.clinic-icon-feedback {
  background-color: #F39C12 !important;
  cursor: pointer;
}

.clinic-icon-feedback:before {
  font: normal normal normal 14px/20px FontAwesome;
  margin-right: 4px;
  color: #FFFFFF !important;
  content: "\f075" !important;
  margin-left: 7px !important;
}

.clinic-icon-notification {
  background-color: #F39C12 !important;
  cursor: pointer;
}

.clinic-icon-notification:before {
  font: normal normal normal 14px/20px FontAwesome;
  margin-right: 4px;
  color: #FFFFFF !important;
  content: "\f0a1" !important;
  margin-left: 7px !important;
}

.dvClinicHighLightTextValue {
  padding: 2rem;
  background-color: #edf5f8;
  border-radius: 10px;
  border: 1px solid #edf5f8;
  overflow: auto !important;
}

.dvClinicHighLightTextValue a {
  color: #1b55d8 !important;
  border: none !important;
  text-decoration: none;
  cursor: pointer;
}

.dvClinicHighLightTextValue a:hover {
  color: #1b55d8 !important;
  border: none !important;
}

input[type=radio] {
  width: 1.6rem;
  height: 2rem;
}

.form-check:checked ~ .form-check::before {
  color: red;
  border-color: #826fb2;
  background-color: red;
}

.form-check-label {
  font-weight: 700;
  font-size: 1.4rem;
}

.dvEnterMobileOrEmail {
  background-color: #edf5f8 !important;
  padding: 2rem 3rem;
  border-radius: 1rem;
}

.dvEnterMobileOrEmail.box {
  width: fit-content;
  margin: 0 auto;
}

.dvValidationDiv {
  background: #f8c9c4 !important;
  padding: 8px !important;
  border-radius: 0 !important;
  position: relative;
  box-shadow: 1px 1px 1px #aaaaaa;
  margin-top: 5px;
}

.dvValidationLabel {
  font-size: 1.4rem;
  font-weight: normal !important;
  position: relative;
  clear: both;
  width: 100%;
  background-color: #CE0203;
  border-radius: 2px;
  color: #FFFFFF;
  padding: 8px 16px;
  margin-top: 10px;
  top: 0px;
}

.card-size {
  font-size: 35px !important;
}

.default-card-size {
  font-size: 40px !important;
}

.fa-cc-visa {
  color: #634C9F;
}

.fa-cc-mastercard {
  color: #F39C12;
}

.fa-cc-paypal {
  color: #FFFFA5;
}

.fa-cc-amex {
  color: #00326E;
}

.mainmodalcontainer {
  z-index: 0 !important;
  margin-top: 45px !important;
  background-color: var(--clr-white);
}

.dvWrapContainer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0px;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.dvLoadingFull2 {
  min-height: 80px;
  width: 100%;
  text-align: center;
  display: inline-grid;
  align-items: center;
  justify-content: center;
  padding-top: 70px;
}

.img-fluid img {
  max-width: 100%;
  height: auto;
}

.icon-Small:before {
  font: normal normal normal 1.8rem/1.8rem FontAwesome !important;
  margin-right: 6px !important;
}

.icon-Membership-Small {
  width: 1rem;
  height: 1.1rem;
  padding: 0;
  margin-left: 0.2rem;
  margin-right: 0.6rem;
  margin-top: 0.3rem;
  line-height: 0.9rem !important;
  text-shadow: 0 0.2rem 0.3rem;
}

.icon-Membership-Small:before,
.icon-Membership:before {
  font: normal normal normal 1.6rem/1.6rem FontAwesome;
  content: "\f0a3";
  text-shadow: 0.1rem 0.1rem 0.1rem #4b5158;
}

.icon-Membership-multi:before {
  font: normal normal normal 1.6rem/1.6rem FontAwesome !important;
  content: "\f0a3";
  margin-right: 0 !important;
  position: relative;
}

.icon-Membership-multi {
  cursor: pointer;
}

.icon-Membership-multi .after:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f0a3";
  margin-left: -7.2px !important;
  color: #808080 !important;
  margin-right: 0 !important;
  line-height: 15px;
}

.lblMembership .small-m-name {
  color: #000000;
  padding-left: 5px;
  font-size: 14px;
}

.lblCommon {
  font-family: LatoRegular;
  margin: 0;
  text-align: left;
  padding: 0;
  background-color: transparent;
  border: none;
}

.lblListSecondaryValue {
  font-size: 1.6rem;
  line-height: 2.5rem;
}

.lblLowEmphasis {
  color: #4b5158;
  line-height: 2rem;
}

.tooltip-new .tooltiptext,
.tooltip-new .tooltip-button {
  display: none;
  position: absolute;
  width: 30rem;
  background-color: #FFFFA5;
  color: #000000;
  text-align: center;
  padding: 0;
  border-radius: 0.4rem;
  z-index: 1;
  border: 0.1rem solid rgba(182, 182, 182, 0.5);
}

.tooltip-new .tooltip-button {
  top: 48px !important;
}

.tooltip-new .tooltip-button {
  top: 48px !important;
}

.tooltip-bottom {
  top: 135%;
  left: 50%;
  margin-left: -6rem;
}

.tooltip-bottom {
  top: 135%;
  left: 50%;
  margin-left: -3rem;
}

.tooltip-new .tooltiptext-right {
  left: -13.4rem;
  margin-left: -12rem;
}

.tooltip-new {
  position: relative;
  display: inline-block;
}

.tooltip-new .tooltip-header-close {
  float: right;
  font-weight: bold;
  cursor: pointer;
}

.tooltip-bottom::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 2.2rem;
  margin-left: -0.5rem;
  border-width: 0.7rem;
  border-style: solid;
  border-color: transparent transparent #FFB43E transparent;
}

.icon-Membership-multi:before {
  font: normal normal normal 1.4rem/1.6rem FontAwesome !important;
  content: "\f0a3";
  margin-right: 0 !important;
  position: relative;
}

/*Used for Membership Caption*/
.lblMembership {
  padding: 0.1rem 0.5rem 0.1rem;
  font-size: 1.4rem;
  border: 0.2rem solid !important;
  border-radius: 0.4rem;
  margin-left: 0.5rem;
  background: #FFFFFF !important;
  cursor: pointer;
}

.tooltip-new .tooltip-header {
  padding: 10px;
  background-color: #FFB43E;
  text-align: left;
  border-radius: 5px 5px 0 0;
  margin: -1px;
  border-bottom: 1px solid rgba(182, 182, 182, 0.5);
  font-weight: bold;
  font-size: 14px;
  line-height: 15px !important;
}

.tooltip-new .tooltip-data {
  padding: 10px;
  text-align: left;
  font-size: 14px;
  line-height: 15px;
  font-weight: normal !important;
}

.li-Membership-multi {
  padding-left: 15px;
  margin: 0;
}

.li-Membership-multi li::marker {
  line-height: 25px;
}

.li-Membership-multi li p {
  font-size: 12px !important;
  margin: 0;
}

.li-Membership-multi li {
  padding: 5px;
  border: none !important;
  list-style: decimal !important;
}

.li-Membership-multi li:not(:last-child) {
  margin-bottom: 5px;
}

.li-Membership-multi li .coldata {
  width: 80%;
  float: left;
}

.li-Membership-multi li .coldata.full {
  width: 100%;
  float: left;
}

.li-Membership-multi li .default:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f00c";
  font-size: 18px;
  color: #369960;
  float: right;
}

.li-Membership-multi .default-row {
  background-color: #9dd6cb;
  padding: 5px;
  border-radius: 4px;
}

.li-Membership-multi li .btnApplySmall {
  height: 30px !important;
  float: right;
}

.li-Membership-multi li .colaction {
  width: 20%;
  float: left;
}

.badge.small {
  font-size: 10px;
  font-weight: normal;
}

.badge.primary {
  background-color: #7c5df7;
}

/*END REQUIRED*/