body {
  padding-top: 90px;
  position: relative;
  min-height: 100vh;
  font-family: "Open Sans", sans-serif;
  padding-bottom: 0 !important;
}
.theme-background-dark-green {
  background-color: #005A64;
  color: #fff;
}
.theme-background-dark {
  background-color: #147120;
  color: #fff;
}
.theme-background-dark.announcement {
  background-color: #a30014;
}
.ms-theme-dark-green-background {
  background-color: #147120;
  color: #fff;
}
.ms-theme-dark-green-background .ms-banner-paragraph .banner-headlin {
  font-size: 22px !important;
}
.theme-background-light {
  background-color: #244459;
  color: #000;
}
.theme-background-light-btn {
  background-color: #fff;
  color: #000;
}
.theme-background-light-grey {
  background-color: #f4f4f4;
  color: #555b5a;
}
.theme-background-grey {
  background-color: #dadddc;
  color: #000;
}
.theme-background-dark-grey {
  background-color: #244459;
  color: #f4f4f4;
  padding-top: 50px;
}
@media (max-width: 768px) {
  .ms-theme-dark-green-background .ms-banner-paragraph .banner-headline {
    font-size: 20px !important;
  }
}
@media (max-width: 767.98px) {
  body,
  .theme-background-dark-grey {
    padding-top: 80px;
  }
  .ms-theme-dark-green-background .ms-banner-paragraph .banner-headline {
    font-size: 18px !important;
  }
}
/******* Disabled Button *******/
.btn-disabled {
  cursor: not-allowed;
}
/*********** Input type number default arrow romove *****/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.custom-select {
  background: url(/src/resources/images/drop-down-arrow.svg) no-repeat right 0.25rem center / 10px 10px;
  border: 1px solid #555b5a;
}
.custom-select:focus {
  border: 1px solid #ff8700;
}
.form-control {
  border: 1px solid #555b5a;
  /*
    *Author: Rahul
    *Purpose: UC-MS-SCR-02 - Commented the focus field color. this color is not in MS style guide.
    *Date: 01/13/2022
    */
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
  background-image: none;
  border-color: #C92500;
}
.custom-select.is-invalid,
.was-validated .custom-select:invalid {
  background: url(/src/resources/images/drop-down-arrow.svg) no-repeat right 0.25rem center / 10px 10px;
  border-color: #C92500;
}
/*******************Button **START***************************/
.btn-outline-dark {
  padding: 18px 62px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #274463;
  background-color: #fff;
  border: 2px solid #274463;
}
.btn-outline-dark:focus,
.btn-outline-dark:active,
.btn-outline-dark:hover,
.btn-outline-dark:active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active {
  box-shadow: none !important;
  background-color: #fff;
  border: 2px solid #274463;
  color: #274463;
}
.btn-outline-dark:focus,
.btn-outline-dark:active:focus,
.btn-outline-dark:focus:hover {
  border: 2px solid #468CFF;
}
@media (max-width: 767px) {
  .btn-outline-dark {
    padding: 14px 30px;
    display: block;
    width: 100%;
  }
}
.btn-light {
  padding: 18px 62px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #000;
  background-color: #fff;
  border: 2px solid #fff;
  padding: 18px 25px 18px;
}
.btn-light:focus,
.btn-light:active,
.btn-light:hover,
.btn-light:active:focus,
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active {
  box-shadow: none !important;
  background-color: #fff;
  border: 2px solid #fff;
  color: #000;
}
.btn-light:focus,
.btn-light:active:focus,
.btn-light:focus:hover {
  border: 2px solid #468CFF;
}
@media (max-width: 767px) {
  .btn-light {
    padding: 14px 30px;
    display: block;
    width: 100%;
  }
}
.btn-dark {
  padding: 18px 62px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  background-color: #274463;
  border: 2px solid #274463;
}
.btn-dark:focus,
.btn-dark:active,
.btn-dark:hover,
.btn-dark:active:focus,
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active {
  box-shadow: none !important;
  background-color: #274463;
  border: 2px solid #274463;
  color: #fff;
}
.btn-dark:focus,
.btn-dark:active:focus,
.btn-dark:focus:hover {
  border: 2px solid #468CFF;
}
@media (max-width: 767px) {
  .btn-dark {
    padding: 14px 30px;
    display: block;
    width: 100%;
  }
}
.btn-light-grey {
  padding: 18px 62px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #274463;
  background-color: #dadddc;
  border: #dadddc;
  padding: 18px 25px 18px;
}
.btn-light-grey:focus,
.btn-light-grey:active,
.btn-light-grey:hover,
.btn-light-grey:active:focus,
.btn-light-grey:not(:disabled):not(.disabled).active,
.btn-light-grey:not(:disabled):not(.disabled):active {
  box-shadow: none !important;
  background-color: #dadddc;
  border: 2px solid #274463;
  color: #274463;
}
.btn-light-grey:focus,
.btn-light-grey:active:focus,
.btn-light-grey:focus:hover {
  border: #dadddc;
}
@media (max-width: 767px) {
  .btn-light-grey {
    padding: 14px 30px;
    display: block;
    width: 100%;
  }
}
.btn-transperant-outline-light {
  padding: 18px 62px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  background-color: #274463;
  border: 2px solid #fff;
  font-size: 18px;
  padding: 8px 20px;
  background-color: transparent;
}
.btn-transperant-outline-light:focus,
.btn-transperant-outline-light:active,
.btn-transperant-outline-light:hover,
.btn-transperant-outline-light:active:focus,
.btn-transperant-outline-light:not(:disabled):not(.disabled).active,
.btn-transperant-outline-light:not(:disabled):not(.disabled):active {
  box-shadow: none !important;
  background-color: #274463;
  border: 2px solid #fff;
  color: #fff;
}
.btn-transperant-outline-light:focus,
.btn-transperant-outline-light:active:focus,
.btn-transperant-outline-light:focus:hover {
  border: 2px solid #468CFF;
}
@media (max-width: 767px) {
  .btn-transperant-outline-light {
    padding: 14px 30px;
    display: block;
    width: 100%;
  }
}
.btn-transperant-outline-light:focus,
.btn-transperant-outline-light:active,
.btn-transperant-outline-light:hover,
.btn-transperant-outline-light:active:focus,
.btn-transperant-outline-light:not(:disabled):not(.disabled).active,
.btn-transperant-outline-light:not(:disabled):not(.disabled):active {
  box-shadow: none !important;
  background-color: transparent;
  color: #fff;
}
.btn-transperant-outline-dark {
  padding: 18px 62px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #274463;
  background-color: #274463;
  border: 2px solid #274463;
  font-size: 18px;
  padding: 8px 20px;
  background-color: transparent;
}
.btn-transperant-outline-dark:focus,
.btn-transperant-outline-dark:active,
.btn-transperant-outline-dark:hover,
.btn-transperant-outline-dark:active:focus,
.btn-transperant-outline-dark:not(:disabled):not(.disabled).active,
.btn-transperant-outline-dark:not(:disabled):not(.disabled):active {
  box-shadow: none !important;
  background-color: #274463;
  border: 2px solid #274463;
  color: #274463;
}
.btn-transperant-outline-dark:focus,
.btn-transperant-outline-dark:active:focus,
.btn-transperant-outline-dark:focus:hover {
  border: 2px solid #468CFF;
}
@media (max-width: 767px) {
  .btn-transperant-outline-dark {
    padding: 14px 30px;
    display: block;
    width: 100%;
  }
}
.btn-transperant-outline-dark:focus,
.btn-transperant-outline-dark:active,
.btn-transperant-outline-dark:hover,
.btn-transperant-outline-dark:active:focus,
.btn-transperant-outline-dark:not(:disabled):not(.disabled).active,
.btn-transperant-outline-dark:not(:disabled):not(.disabled):active {
  box-shadow: none !important;
  background-color: transparent;
  color: #274463;
}
.btn-secondary-outline-dark {
  padding: 18px 62px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  color: #fff;
  background-color: #274463;
  border: 0;
  font-size: 14px;
  padding: 8px 20px;
}
.btn-secondary-outline-dark:focus,
.btn-secondary-outline-dark:active,
.btn-secondary-outline-dark:hover,
.btn-secondary-outline-dark:active:focus,
.btn-secondary-outline-dark:not(:disabled):not(.disabled).active,
.btn-secondary-outline-dark:not(:disabled):not(.disabled):active {
  box-shadow: none !important;
  background-color: #274463;
  border: 2px solid #274463;
  color: #fff;
}
.btn-secondary-outline-dark:focus,
.btn-secondary-outline-dark:active:focus,
.btn-secondary-outline-dark:focus:hover {
  border: 2px solid #468CFF;
}
@media (max-width: 767px) {
  .btn-secondary-outline-dark {
    padding: 14px 30px;
    display: block;
    width: 100%;
  }
}
.btn-secondary-outline-dark:focus,
.btn-secondary-outline-dark:active,
.btn-secondary-outline-dark:hover,
.btn-secondary-outline-dark:active:focus,
.btn-secondary-outline-dark:not(:disabled):not(.disabled).active,
.btn-secondary-outline-dark:not(:disabled):not(.disabled):active {
  box-shadow: none !important;
  background-color: #274463;
  color: #fff;
  border: 0;
}
/********************Button **END**************************/
/************************Card***********************************/
.card {
  border-radius: 0px;
}
.card-header:first-child {
  border-radius: 0px;
}
.MuiFormLabel-root {
  font-family: 'Source Sans Pro', sans-serif !important;
}
.MuiFormLabel-asterisk {
  color: #C92500;
}
.MuiFormLabel-asterisk.Mui-error {
  color: #C92500 !important;
}
.MuiInput-underline:hover:not(.Mui-disabled):before {
  border-bottom: 1px solid #AAAFB9 !important;
}
.MuiInput-underline:before {
  border-bottom: 1px solid #AAAFB9 !important;
}
.MuiInput-underline:after {
  display: none;
}
.MuiInput-underline.Mui-focused:before,
.MuiFormLabel-root.MuiInputLabel-shrink + .MuiInput-underline:before {
  border-bottom: 1px solid #000 !important;
}
.MuiInput-underline.Mui-error {
  color: #C92500 !important;
}
.MuiInput-underline.Mui-error:hover:not(.Mui-disabled):before {
  border-bottom: 1px solid #C92500 !important;
}
.MuiInput-underline.Mui-error:before {
  border-bottom: 1px solid #C92500 !important;
}
.MuiFormGroup-root {
  margin-bottom: 16px;
}
.MuiFormHelperText-root.Mui-error {
  color: #C92500 !important;
}
.MuiFormHelperText-root .MuiFormHelperText-filled {
  color: #C92500 !important;
}
.input-root .MuiFormLabel-root {
  color: #555b5a;
  font-size: 18px;
}
.input-root .MuiFormLabel-root.Mui-focused,
.input-root .MuiFormLabel-root.MuiInputLabel-shrink {
  color: #555b5a !important;
  font-size: 14px !important;
}
.input-root .MuiInputBase-root {
  color: #000 !important;
  font-size: 18px !important;
}
.MuiCheckbox-colorPrimary.Mui-checked,
.MuiRadio-colorPrimary.Mui-checked {
  color: #274463 !important;
}
.MuiCheckbox-colorPrimary.Mui-checked.Mui-disabled {
  color: rgba(0, 0, 0, 0.26) !important;
}
.checkbox-root .MuiTypography-body1 {
  color: #000 !important;
  font-size: 14px !important;
}
.checkbox-root .MuiFormLabel-root {
  color: #000 !important;
  font-size: 18px !important;
}
.p-root .form-label {
  font-size: 18px;
}
.sq-root .MuiFormLabel-root,
.multiSelect .MuiFormLabel-root {
  color: #000 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
}
.tc-root .MuiFormLabel-root {
  color: #000 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}
.MuiFormLabel-root.Mui-error {
  color: #555b5a;
}
.react-collapsible {
  font-family: 'Source Sans Pro', sans-serif;
}
.react-collapsible .primary-button {
  padding: 4px 10px;
  font-size: 14px;
  min-width: 90px;
  height: 35px;
}
.react-collapsible .secondary-button {
  padding: 4px 10px;
  font-size: 14px;
  color: #f4f4f4;
  min-width: 90px;
  height: 35px;
}
.react-collapsible .minus-button {
  border-radius: 50%;
  position: relative;
  background-color: #555b5a;
  height: 15px;
  width: 15px;
  display: inline-block;
  margin-right: 5px;
}
.react-collapsible .minus-button:after {
  position: absolute;
  content: "-";
  transform: translate(-50%, -50%);
  left: 50%;
  top: 30%;
  color: #fff;
}
.react-collapsible .plus-button {
  border-radius: 50%;
  position: relative;
  background-color: #000;
  height: 15px;
  width: 15px;
  display: inline-block;
  margin-right: 5px;
}
.react-collapsible .plus-button:after {
  position: absolute;
  content: "+";
  transform: translate(-50%, -50%);
  left: 50%;
  top: 40%;
  color: #fff;
}
.section-style {
  box-shadow: 0px 110px 90px -125px #555b5a;
}
.ms-w600 {
  font-weight: 600;
}
/*
	*Author: Basha
	*Purpose: UC-MS-SCR-01 - Changed element styling dropdown arrow appearence for browser compatability issues.
	*Date: 17/01/2022
*/
/*
	*Author: Basha
	*Purpose: UC-MS-SCR-01 - added !important to override the error class to show the dropdown arrow.
	*Date: 19/01/2022
*/
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 25px;
  background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=) !important;
  background-repeat: no-repeat !important;
  background-position: 95% 42% !important;
}

.guidelineInfo.card {
  border: 1px dashed #AAAFB9;
}
.guidelineInfo.card .card-title {
  color: #000;
  font-size: 16px;
}
.guidelineInfo.card .list-item {
  border: none;
  color: #000;
  font-size: 14px;
}
.guidelineInfo.card figure {
  margin: 0 10px 0 0;
}
.guidelineInfo.card figure img {
  max-width: 12px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .video-container .ms-video {
    height: 294px;
  }
}

@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap);

* {
  font-family: 'Source Sans Pro', sans-serif;
  padding: 0%;
  margin: 0%;
  box-sizing: border-box;
}

div.chat-control * {
  font-family: Calibri, "Helvetica Neue", Arial, "sans-serif";
}

div.chat-control .webchat__bubble__content ul {
  padding-left: 40px;
}

div.chat-control .webchat__bubble__content ol {
  padding-left: 40px;
}

div.chat-control span.ms-Icon {
  font-family: 'FabricMDL2Icons' !important;
}

/* body {
  overflow-y: overlay !important;
} */

.firstBlock {
  display: flex;
  background: #fff;
  /* height: 315px; */
  /* width: 100%; */
  /* margin-left: auto;
  margin-right: auto; */
  /* margin-bottom: 15px; */
  /* font-size: 18px;
  font-weight: 600; */
  padding-bottom: 1.8rem;
  border-bottom: 1.5px solid #274463;
}

.ms-radio-toggle .MuiRadio-colorPrimary { 
  padding : 0px !important;
}

.ms-add-member-change .phone-remove-button {
  top: 85px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .firstBlock {
    display: block;
  }
}
@media (min-width: 1200px){
  .ms-phone-number-container .ms-new-add-another-container.container {
    max-width: 100% !important;
  }
} 
.accordionoptionheader{
  padding-bottom: 20px;
}

.accordiontable{
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 40px;
  padding-left: 40px;

}

/* .text-field { */
/*.text-field {
  border: 0 !important;
  border-bottom: 1px solid #aaafb9 !important;
  border-radius: 0 !important;
  width: 80% !important;
  box-shadow: none !important;
  height: 50px !important;
  padding: 25px 5px 11px 0px !important;
  color: #000000 !important;
  font-size: 18px !important;
  position: relative !important;
  transition: box-shadow 150ms ease-out !important;
}*/

.customContainer .col-md-6.marital-status-margin-top{
  margin-top:26px
}
.customContainer .col-md-6.relation-margin-top{
  margin-top:26px !important;
}

/* select {
  border: 0 !important;
  width: 80% !important;
  border-bottom: 1px solid #aaafb9 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 6px 0px 0px 0px !important;
  color: #555b5a !important;
  font-size: 18px !important;
  margin: 8px 0px 0px 0px !important;
  background-image: none !important;
} */

.verticalLine {
  border-left: 6px solid rgb(70, 173, 177);
  height: 40px;
  position: relative;
  left: 0%;
  top: 0;
}

.header-bg {
  background: #f4f4f4;
  display: flex;
  align-items: center;
  font-size: 22px;
  font-weight: 700;
  color: #333333;
  margin-top: 25px;
  padding-left: 10px;
  padding: 10px 15px;
  border-left: 4px solid #52A848;
}
.header-bg.health-insur-sub-header{
  margin-bottom: 25px
}
.header-bg.voterReg-bg
{
  border-left: 0;
  line-height: 25px
}
.header-bg.uploadDoc-bg
{
  background: #FFFFFF;
  padding-left: 10px;
  border-left: 0;
  line-height: 25px
}
.normalText {
  padding-left: 13px;
}

.addName {
  background: #f4f4f4;
  width: 380px;
  margin: 5px 0;
  padding: 10px;
  border: 1px dashed #aaafb9;
}

.name-field {
  border: 0 !important;
  border-bottom: 1px solid #aaafb9 !important;
  border-radius: 0 !important;
  width: 100% !important;
  box-shadow: none !important;
  height: 50px !important;
  padding: 25px 5px 11px 0px !important;
  color: #000000 !important;
  font-size: 18px !important;
  position: relative !important;
  transition: box-shadow 150ms ease-out !important;
  background-color: transparent !important;
}

.addMore-button {
  border: 1px solid #274463;
  background: #f4f4f4;
  border-radius: 3px;
  padding: 3px 15px;
  font-size: 0.875rem;
  text-transform: none;
  min-width: 110px;
  color: #274463;
  font-weight: 600;
}

.calender-image {
  position: relative;
  left: -20px;
}

/* input:focus ~ .floating-label,
  input:not(:focus):valid ~ .floating-label {
    font-size: 10px;
    opacity: 1;
    position: relative;
    top: -30px;
  } */

/* .floating-label {
    position: relative;
    pointer-events: none;
    left: 4%;
    transform: translateY(-25px);
    -webkit-transition: 0.2s ease all;
    -webkit-appearance: none !important;
    font-size: 16px;
  } */

.floating-label {
  -webkit-appearance: none !important;
}

/* span {
    display: inline-block;
    position: relative;
    left: 15px;
    top: 30px;
    transition: all 150ms ease-in;
    color: #676767;
  } */

.inputText {
  font-size: 14px;
  width: 100%;
  /* height: 25px; */
  border: none;
  outline: none;
  border-bottom: 2px solid #d8d2d2;
  background-color: white;
}

.leftContainer-form1 {
  padding: 2% 0% 0% 0%;
  width: 50%;
  float: left;
  /* position: relative; */
}

.rightContainer-form1 {
  float: right;
  width: 50%;
  padding: 2% 0% 0% 0%;
  /* position: relative; */
}

.fieldseperator {
  margin-top: 5%;
}

.breadcrumbitem{
  color: #000;
  cursor: pointer;
}
.breadcrum-separtor{
  padding-left: 10px;
  padding-right: 10px;
  color: #B35F00;
}



.navbartextfield{
   width: 500px;
   padding-right: 10px;
}

.navbaritems{
   margin-left: 20px;
   margin-right: 20px;
}

.secondBlock {
  background: white;
  height: 250px;
  width: 96%;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  position: relative;
  display: flex;
}

.mainFrame2 {
  background: #fff;
  width: 100% !important;
  color: #000;
  /* height: 40px; */
  border: 1px dashed #aaafb9;
  text-align: center;
  padding: 30px;
  font-size: 13px;
  margin: 25px 0px 30px 0px;

}
/* Sanket -added style for change for sub-heading of  upload doucment page */
.doc-intro-frame, .doc-list, .doc-note{
  font-size: 18px !important;
}
.doc-list{
  margin-left: 4% !important;
}
@media screen and (min-width: 1300px) {
.doc-list{
  margin-left: 36px !important;
}
}
/* Akshay, FAQ text - added font size CR-532938 */
.doc-list.faq-fontSize, .doc-intro-frame.faq-fontSize{
  font-size: 1rem !important;
}
.mainFrame2ar {
  background: #f4f4f4;
  width: 100% !important;
  color: #000;
  /* height: 40px; */
  border: 1px dashed #aaafb9;
  text-align: center;
  padding: 30px;
  font-size: 20px;
  margin: 25px 0px 30px 0px;

}
.dynamic-custom-container {
  background: #fff;
  width: 86.5% !important;
  color: #000;
  /* height: 40px; */
  border: 1px dashed #aaafb9;
  text-align: center;
  padding: 30px;
  font-size: 16px;
  margin: 25px 3px 45px 3px;
}

.customContainer{
  width: auto;
}
.customContainer .col-md-6, .customContainer .extra-top-margin.col-md-12 {
  margin-top: 1rem ;
  margin-bottom: 15px ;
}

.dollarAlignment  {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px !important;
  color: #333333;
  margin-left: -10px !important;
  position: absolute;
}
.percentageAlignment {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 6px !important;
  margin-left: -17px !important;
  /* position: absolute; */
}
.percentageLabel {
  margin-top: 6%;
  font-size: 18px !important;
  font-weight: 400;
}
.accordion_bg{
  border: 1px dashed #aaafb9;
}
.accordion-header {
  background: #f4f4f4 !important;
  min-height: 49px !important;
  font-weight: 700;
  flex-direction: row-reverse;
}
.customContainer .col-md-6.dynamic-cust-mrgn-fourLine {
  margin-top: 121px !important;
  margin-bottom: 15px !important;
}
.customContainer .col-md-6.dynamic-cust-mrgn-threeLine {
  margin-top: 91px !important;
  margin-bottom: 15px !important;
}
.customContainer .col-md-6.dynamic-cust-mrgn-twoLine {
  margin-top: 64px !important;
  margin-bottom: 15px !important;
}
.customContainer .col-md-6.dynamic-cust-mrgn-oneLine {
  margin-top: 36px !important;
  margin-bottom: 25px !important;
}
.dynamic-cust-mrgn .form-label{
  font-size:18px!important;
}
.MuiCollapse-wrapper {
  margin-bottom: 30px !important;
}
.customContainer .col {
  margin-top: 20px !important;
  margin-bottom: 15px !important;
}
.dynamicCustomContainer{
  width: 100% !important;
}

.income-tips-absolute-label .label-design{
  position: absolute !important;
  top: -24px !important
}

.dynamic-cust-mrgn.col-md-12.income-tips-radio-margin-bottom{
  margin-bottom:10px !important;
}

.ms-pad-right0 {
  padding-right: 0 !important
}

/* ::placeholder {
    color: rgb(14, 13, 13);
    opacity: 1;
  } */
  .intro-back {
    margin-top: auto;
    border: 2px solid #274463 !important;
    background-color: #f0f0f000 !important;
    color: #274463 !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    border-radius: 5px !important;
    position: absolute;
    padding: 20px 35px !important;
    font-weight: 700 !important;
    position: relative !important;
  }
  .intro-back {
    position: relative !important;
    margin-right: 0px !important;

  }
  .intro-next {
    margin-top: auto;
    background-color: #274463 !important;
    color: white !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    position: absolute;
    margin-left: -15px;
    margin-left: 0px !important;
    padding: 20px 35px !important;
    font-weight: 700 !important;
    position: relative !important;
  }
.next-button {
  margin-top: auto;
  line-height: 1.2 !important;
  background-color: #274463 !important;
  color: white !important;
  border-radius: 5px !important;
  text-transform: uppercase !important;
  font-size: 18px !important;
  position: absolute;
  padding: 10px 40px !important;
  margin-left: 1rem !important;
}
.help-button {
  margin-top: auto;
  background-color: #274463 !important;
  color: white !important;
  border-radius: 5px !important;
  text-transform: uppercase !important;
  font-weight: 100 !important;
  display: flex;
  position: absolute;
  height: 40px;
  padding: 22px 13px !important;
}
.search-button{
  margin-top: auto;
  background-color: #274463 !important;
  color: white !important;
  border-radius: 5px !important;
  text-transform: uppercase !important;
  font-weight: 100 !important;
  display: flex;
  position: absolute;
  height: 40px;
  padding: 23px 13px !important;
  padding-left: 20px;

}
.search-space{
  padding-left: 30px;
}
.back-button {
  margin-top: auto;
  line-height: 1 !important;
  left: 1rem;
  border: 2px solid #274463 !important;
  background-color: #f0f0f000 !important;
  color: #274463 !important;
  text-transform: uppercase !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  border-radius: 5px !important;
  position: absolute;
  padding: 10px 40px !important;
}
.input-root .MuiInputBase-root{
  font-family: "Open Sans", sans-serif !important;
}

.nav-button {
  font-family: 'Source Sans Pro', sans-serif !important;
  margin-top: auto;
  border: 2px solid #274463 !important;
  background-color: #f0f0f000 !important;
  color: #274463 !important;
  text-transform: uppercase !important;
  font-weight: 100 !important;
  border-radius: 5px !important;
  height: 30px;
  /*width: 200px;*/
  position: absolute;
  padding: 22px 13px !important;
}

.sidebar {
  min-width: 260px;
  height: auto;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px #c0c3c2;
  float: left;
}
@media screen and (max-width: 767px) {
  .sidebar {
    max-height: 100vh;
    overflow:auto
  }
  /* kunal Added code for css issue in new application  */
  .dollar-expanse label{
    margin-top :1rem
  }
}

.line-container {
  background-color: #274463;
  color: #fff;
  padding: 10px 33px;
}

.first-line {
  color: #fff;
  font-weight: lighter;
  font-size: 24px;
}

.second-line {
  color: #fff;
  font-weight: 500;
  font-size: 1.75rem;
  margin-top: -8px;
}

.first-option {
  color: #555b5a;
  font-size: 12px;
  font-weight: bold;
  padding: 18px 35px;
  padding-right: 60px;
  background-color: #fff;
}

.first-active {
  color: black;
}

.container-fluid {
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
}

.card-text-1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0px;
  background-color: #00837b;
  max-width: 100%;
  color: #fff;
}

.banner.short.right .row div:first-child.img-border-right {
  border-right: 3px solid #fff;
}

.banner.short.right .row div:first-child .banner-image {
  margin-left: 0px;
}

.banner.short.right .row div:last-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 35px;
  padding-right: 35px;
}

.banner.short.right .row div:last-child .banner-content {
  padding: 12px;
}

.banner.short.right .row div:last-child .banner-content .banner-headline {
  color: #fff;
  font-weight: 100;
  padding: 0px 0px;
  font-size: 24px;
  text-align: initial;
}

.progress {
  height: 7px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-width {
  width: 71%;
  /* padding-left: 9px; */
  margin-top: -8px;
  border: #dadddc 1px solid;
  padding: 2px;
  /* left: 37px; */
  margin: 0px 35px;
}

.errormessageclass {
  position: inherit;
  top: 0%;
  width: 100%;
  /* line-height: 2rem; */
}
/*Author: Basha
*Purpose: Styles added for field error alignment
*Date: 03/17/2022
*/
.ms-phone-number .errormessageclass, .ms-container-mrg .errormessageclass {
  top: -5px;
}
.errormessageclass.dollaramt {
  left: 2%;
  width:98%;
}
.accordionErrorMsg {
  margin-bottom: 7px;
}
.errormessageclass-dollaramt {
  position: absolute;
  top: 0%;
  left: 15px;
  width: 100%;
}
.errormessageCheckboxclass {
  position: inherit;
  top: 0%;
  left: 15px;
  width: 100%;
}
.errormessageForSelectclass {
  position: inherit;
  top: 0%;
  width: 100%;
}

.errormessage-radio-class {
    margin-top: 1.2rem;
    left: 15px;
    width: 100%;
    margin-bottom: -16px;
}

.errormessage-radio-class .warning-text,
.errormessageForSelectclass .warning-text,
.MuiFormGroup-root .errormessageclass .warning-text{
  color: #244459 !important;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}
.MuiFormGroup-root.ms-warning-msg .Mui-focused.Mui-error
input::placeholder {
  color: #244459 !important;
}
.MuiFormGroup-root.ms-warning-msg .Mui-focused.Mui-error
input:hover::placeholder {
  border-bottom-color: #244459 !important;
}
.MuiFormGroup-root.ms-warning-msg .errormessageForSelectclass,
.MuiFormGroup-root.ms-warning-msg .errormessageclass,
.MuiFormGroup-root.ms-warning-msg .errormessageclass .warning-text,
.ms-warning-msg .MuiFormControl-root .errormessageclass .warning-text
 {
  color: #244459 !important;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}

.ms-warning-msg .MuiFormControl-root .errormessageclass{
  color: #244459 !important;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}
.MuiFormGroup-root.ms-warning-msg .MuiFormLabel-root.Mui-error,
.ms-warning-msg .MuiFormControl-root .MuiFormLabel-root.Mui-error,
.ms-warning-msg .MuiInput-underline.Mui-error {
  color: #244459 !important;
}

.MuiFormGroup-root.ms-warning-msg .MuiInput-underline.Mui-error:before,
.ms-warning-msg .MuiFormControl-root .MuiInput-underline.Mui-error:before,
.MuiFormGroup-root.ms-warning-msg .MuiInput-underline.Mui-error:hover:not(.Mui-disabled):before,
.ms-warning-msg .MuiFormControl-root .MuiInput-underline.Mui-error:hover:not(.Mui-disabled):before{
  border-bottom-color: #244459 !important;
}

.MuiFormGroup-root.ms-warning-msg .MuiInput-underline.Mui-error:before .MuiInputBase-input,
.ms-warning-msg .MuiFormControl-root .MuiInput-underline.Mui-error:before .MuiInputBase-input{
  color: #244459 !important;
}

.errormessage-radio-class .error-text,
.errormessageclass .error-text,
.errormessageForSelectclass .error-text{
  color: #c92500;
  font-size: 0.75rem;
  font-weight: 400;
}
.errormessage-radio-class .error-icon,
.errormessageclass .error-icon,
.errormessageForSelectclass .error-icon{
  float: right;
  margin-left: 5px
}
.cstm-headerLink-mrgn {
  margin-bottom: -2.4rem !important;
}
/* .cstm-headerLink-mrgn .dashboard-header-link{
  max-width: 265px !important;
} */

.was-validated .custom-select:valid {
  background-image: none;
}

.was-validated .custom-select:invalid {
  background-image: none;
}

.glyphicon {
  display: none !important;
}

.glyphicon-remove {
  display: none !important;
}

.form-group.required .control-label:after {
  content: "*";
  color: #c92500;
}

.bigContainer {
  background-color: #6c6c6c;
  width: 100%;
}

.banner-headline {
  font-size: 22px;
  text-align: initial;
  padding: 7px;
  color: #fff;
  font-weight: 400;
}

.horizontal-line {
  max-width: 100%;
  height: 7px;
  background-color: #ffc107;
}

.outerContainer {
  background: white;
  width: 100%;
  height: auto;
  min-height: 180px;;
  border: 1px dashed silver;
  font-size: 20px;
  margin: 0px 0px 35px 0px;
  padding-bottom: 18px;
  }

  .containerTitle {
    width: 100%;
    background-color: #f4f4f4;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    padding: 10px;
  }

.mainContainer {
  padding: 10px;
  display: flex;
  justify-content: space-between;
}
.removeButtonForCustom {
  display: flex;
  justify-content: flex-end;
  z-index: 11;
  margin-top: -20px;
  margin-right: 105px;
 }
 .removeButton {
  display: inline;
  justify-content: flex-end;
  padding: 5px;
  position: absolute;
  right: 20px;
  bottom: 30px;
}

.remove {
  color: #fff;
  background: #468cff;
  border-radius: 3px;
  opacity: 1;
  width: 170px;
  height: 35px;
  font-weight: bold;
  padding: 0px 20px;
  border: 3px;
  font-size: 16px;
}

.selectField {
  margin-top: 2%;
  width: 22%;
  height: 3%;
}

.custom-Text-field {
  border: 0 !important;
  border-bottom: 1px solid #aaafb9 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  height: 50px !important;
  padding: 25px 5px 11px 0px !important;
  color: #000000 !important;
  font-size: 18px !important;
  position: relative !important;
  transition: box-shadow 150ms ease-out !important;
  width: 90% !important;
}

.heading-text-style {
  display: flex;
  align-items: center;
}

.menu{
  display: flex ;
}
.caution {
  display: flex;
  justify-content: flex-end;
  margin-right: -25px;
  font-size: 18px;
  color: #000;
}
.mtl-2 {
  padding-left: 0px !important;
}

.info-row {
  height: 3%;
  display: flex;
}

.progress-line {
  max-width: 100%;
  height: 7px;
  background-color: #ffc107;
  border-radius: 0px;
}
.progress-line-complete {
  max-width: 100%;
  height: 7px;
  background-color: #00b4a0;
  border-radius: 0px;
}
.not-active-progress-line {
  max-width: 100%;
  height: 7px;
  background-color: #f4f4f4;
  border-radius: 0px;
}

.wrapper-1 {
  padding: 20px 40px 20px 40px !important;

}

.saveAsDraft {
  padding: 5px;
  line-height: 1.2 !important;
  text-transform: uppercase;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 18px !important;
  background-color: #f4f4f4 !important;
  border: none !important;
  border-radius: 5px !important;
  font-weight: 700 !important;
  padding: 10px 20px !important;
  color: #274463 !important;
}

.application-Text {
  font-weight: 600;
  font-size: 16px;
  color: #000;
  margin-top: 12px;
}

.help-Text {
  font-weight: 600;
  font-size: 16px;
  color: #000;
  margin-top: 12px;
}

.captionText {
  font-size: 16px;
  color: #000000;
  margin-top: 20px;
}

.radio-display {
  display: flex !important;
}


.radio-spacing {
  margin-right: 75px !important;
  font-size: 18px !important;
  color: #555b5a !important;
}

.label-design {
  font-size: 16px !important;
  color:#333333 !important;
  line-height: 1.5em !important;
}

.label-design-lg {
  font-size: 12px !important;
  font-weight: 600!important;
  color:#000 !important;
}

.checkbox-text {
  cursor: pointer;
  margin-top: 10px;
  font-size: 16px;
  color: #000000;
  margin-left: 3%;
  margin-right: -9%;
}

.custom-checkbox {
  box-sizing: border-box;
  width: 20px;
  height: 25px;
  vertical-align: middle;
  margin-right: 5px;
  outline: none;
}

.checkbox-text-value {
  font-size: 16px;
  font-weight: 300;
}

.field {
  display: flex;
  flex-flow: column-reverse;
  margin-bottom: 1em;
}

label,
input {
  transition: all 0.2s;
  touch-action: manipulation;
}



.horizontalLine {
  padding-bottom: 0px;
  border-bottom: 4px solid #dadddc;
}

.termsBox {
  height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  width:auto;
  border: 1px solid #aaafb9;
  padding: 20px 15px;
  background-color: #ffffff;
  font-size: 14px;
  color: #333333;
  position: static;
  line-height: 24px;
  margin: 13px 0;
}
/* width */
.termsBox::-webkit-scrollbar {
  width: 4px;
}

/* Track */
.termsBox::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.termsBox::-webkit-scrollbar-thumb {
  background: rgb(194, 192, 192);
  opacity: 10%;
}

/* Handle on hover */
.termsBox::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.mainFrame2.submitApp, .termsBox.submitApp{
  width: 100% !important;
  margin-left: 0;
}
.termsBox.submitApp{
  height: 500px;
}
.termsBox.submitApp .MuiFormControlLabel-root{
  display: flex;
  align-items: end;
}
.ms-checkbox-alignment .MuiFormGroup-root .MuiFormGroup-root .ms-asterick{
  margin-right: auto;
}
.termsBox.submitApp .MuiFormControlLabel-root .MuiCheckbox-root{
  margin-top: -9px;
}
.termsBox.submitApp .customContainer{
  width: 100% !important;
  text-align: justify;
}

.termsText {
  padding-left: 0;
  padding-top: 10px;
  font-size: 16px;
  font-weight: 700;
}

.cursive-text-field {
  font-family: 'dancing Script' , cursive !important;
  font-size:21px;
  font-weight:700;
}
/* sanket Added class for  tanf second parent signature field */

.cursive-text-field.tanfSecParentSign .MuiInputBase-input{
  font-family: 'dancing Script' , cursive !important;
  text-indent: 5px !important;
}
.submit-cic-signature .MuiFormControl-root.MuiFormControl-fullWidth .MuiFormLabel-root.MuiInputLabel-root {
  position: absolute;
  top: -11px;
}

.MuiInputBase-root.MuiInput-root.MuiInput-underline.cursive-text-field  .MuiInputBase-input.MuiInput-input{
  text-indent: 5px !important;
}

.householdOuterContainer {
  background: white;
  width: auto;
  height: auto;
  border: 1px dashed silver;
  font-size: 20px;
  padding: 10px 15px 50px 10px;
  color: #000000;
  margin-bottom: 35px;
}
.hoh-pt {
  padding-right: 30px;
}
.select {
  border: 0 !important;
  width: 100% !important;
  border-bottom: 1px solid #aaafb9 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 6px 0px 0px 0px !important;
  color: #555b5a !important;
  font-size: 18px !important;
  margin: 8px 0px 0px 0px !important;
  background-image: none !important;
}

.household-sec-container {
  padding: 2% 0% 0% 0%;
  width: 100%;
  float: left;
}
.household-input-container {
  float: right;
  border-top: none;
  border-left: none;
  border-right: none;
  width: 40%;
}

.add-More-Button {
  position: absolute;
  top: 50px;
  border: 1px solid #274463;
  background: #f4f4f4;
  border-radius: 3px;
  padding: 3px 15px;
  font-size: 0.875rem;
  text-transform: none;
  min-width: 110px;
  color: #274463;
  font-weight: 600;
}



/* pretty radio */
label > input[type="radio"] {
   display: none;
 /*  opacity: 0; */
}
label > input[type="radio"] + *::before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 5px 0 0;
  width: 1.3rem;
  border-radius: 50%;
  height: 1.3rem;
  border: 1px solid gray;
  background-color: transparent;
}
label > input[type="radio"]:checked + * {
  color: #274463;
}
label > input[type="radio"]:checked + *::before {
  background: radial-gradient(
    #274463 0%,
    #274463 40%,
    transparent 50%,
    transparent
  );
  border-color: #274463;
}

label > input[type="radio"] + * {
  display: inline-block;
  padding: 0.5rem 1rem;
  line-height: initial;
}

/* pretty checkbox */
label > input[type="checkbox"] {
   display: none;
  /* opacity: 0; */
}
label > input[type="checkbox"] + *::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.3rem;
  border-radius: 10%;
  border-style: solid;
  border-width: 0.1rem;
  border-color: gray;
}
label > input[type="checkbox"]:checked + * {
  color: #274463;
}
label > input[type="checkbox"]:checked + *::before {
  content: "✓";
  color: white;
  text-align: center;
  background: #274463;
  border-color: #274463;
}

label > input[type="checkbox"] + * {
  display: inline-block;
  padding: 0.5rem 1rem;
}

.addmore_button {
  margin-top: -41px;
  padding-left: 200px;
  width: 100px;
  padding: 5px;
  border: 5px solid #000;
  border-radius: 5px;
}
.test-1 {
  display: inline-flex;
}
.test-2 {
  display: inline-block;
}

.native-Button {
  display: flex;
  justify-content: flex-end;
  padding: 5px;
  flex-direction: row;
  z-index: 11;
  margin-top: -41px;
  margin-right: 186px;
}

/* NEW code*/
/*
*Author: Basha
*Purpose: Styles added for field level styling
*Date: 02/09/2022
*/
.ms-radio-field {
  border-bottom: 1px solid #274463;
  padding-left: 0 !important;
  margin-left: 15px;
  padding-right: 0 !important;
  margin-bottom: 10px;
}
.ms-radio-field.ms-mrgr15 {
  flex: 1 0 calc(100% - 43px) !important;
  display: block !important;
}

.ms-radio-field.ms-mrgr15 .MuiFormControl-root .MuiFormGroup-row {
  margin-top: 5px;
}
.ms-radio-field.frmwrk_field_mrgn.col-md-12 {
  flex: 0 0 calc(100% - 30px);
}
.mainFrame2.ms-phtext {
  flex: 0 0 calc(100% - 30px);
  margin-left: 15px;
}
.ms-radio-field .MuiFormControl-root {
  flex-direction: revert;
  width: 100%;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.ms-font-18 {
  font-size: 18px;
}
.ms-radio-field .MuiFormControl-root label.cust-caption {
  min-width: 70%;
}
.fullWidthCaption {
  margin-right: 15px;
}
.ms-radio-field .MuiFormControl-root .MuiFormGroup-row {
  justify-content: flex-end;
  margin-right: 2rem;
}
.ms-radio-field .MuiFormControl-root .MuiFormGroup-row .ms-radio-toggle:last-child label {
  margin-right: 0;
}
.ms-block-header {
  font-weight: 600;
  font-size: 16px;
  margin-top: 20px;
}
.ms-cust-mrgt {
  margin-top: 15px;
}
.ms-terms-box {
  height: auto !important;
}
.ms-pt10 {
  padding-top: 10px;
}
.ms-pt15 {
  padding-top: 15px;
}
.ms-mrgt10 {
  margin-top: 10px;
}
.ms-mrgt20 {
  margin-top: 20px;
}
.ms-mrgt30 {
  margin-top: 30px;
}
.ms-mrgb30 {
  margin-bottom: 30px !important;
}
.ms-currency-mrg,
.ms-accordian-collapseble .container-border .col-md-6.ms-currency-mrg,
.ms-address-mrg,
.ms-accordian-collapseble .container-border .col-md-6.ms-address-mrg {
  margin-top: -15px !important;
}
.ms-mrgb-50 {
  margin-bottom: 50px !important;
}
.ms-ack-alignment .MuiButtonBase-root {
  margin-top: -8px;
}

.ms-ack-alignment .MuiFormControlLabel-root {
  align-items: flex-start !important;
}
.ms-cust-mrgt-10 .container-border {
  margin-top: -1rem;
}
.ms-label-two-line label.MuiFormLabel-root {
  margin-top: -12px;
}
.ms-accordian-dollar .MuiGrid-root.MuiGrid-container {
  margin-top: 0 !important;
}
.ms-font-16 {
  font-size: 16px;
}
.ms-font-14 {
  font-size: 14px;
}
.ms-mrb5 {
  margin-bottom: 5px !important;
}
.no-caption-text {
  margin-top: -10px;
}
.ms-field-details-container, .ms-mrgl0i {
  margin-left: 0 !important;
}
.ms-mrgr15 {
  margin-right: 15px !important;
}
.ms-mrgl15 {
  margin-left: 15px !important;
}
.ms-mrgr0, 
.ms-radio-field.ms-mrgr0 .MuiFormGroup-row,
.ms-radio-field.ms-radio-options .MuiFormGroup-row {
  margin-right: 0px !important;
}
.ms-details-container {
  padding-left: 40px !important;
}
.ms-details-container .header-bg {
  flex: 0 0 calc(100% - 29px);
  margin-left: 15px;
}

/*Author: Basha
*Purpose: styles added for errormessages and contrast issue fis
*Date: 03/17/2022
*/
.ms-details-container  a {
  color: #0047BA !important;
}
.ms-details-container .errormessageclass, .ms-details-container .errormessageForSelectclass {
  top: 0 !important;
}
.ms-checkbox-container .MuiFormControlLabel-root .MuiCheckbox-root{
  padding-bottom: 0;
  padding-top: 0;
}
.MuiFormGroup-root.MuiFormGroup-row span.ms-radio-toggle:first-child label {
  margin-right: 5px;
}
.ms-checkbox-container .ms-checkbox-title {
  margin-bottom: 10px !important;
}
.ms-accordian-collapseble .MuiAccordionSummary-content.Mui-expanded {
  margin: 0 !important;
}
.placeholder-style-two-line.placeholder-style-two-line-mobile label,
.ms-cust-mrgt.placeholder-style-two-line-mobile label,
.ms-mrgt20.placeholder-style-two-line-mobile label
 {
  position: absolute;
}
.ms-multiselect-dropdown {
  margin-top: 0 !important;
}
.ms-mrgt20.ms-multiselect-dropdown{
  margin-top: 20px !important;
}
.ms-multiselect-dropdown .new-checkbox-group__control {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none !important;
}
.ms-multiselect-dropdown .checkboxGroupError {
  border-top: 0;
  border-right: 0;
  border-left: 0;
}
.ms-accordian-collapseble .MuiCollapse-root.MuiCollapse-entered {
  margin-top: 20px;
}

.ms-custom-accordion.ms-accordian-collapseble .ms_accordion_bg_border,
.ms-custom-accordion.ms-accordian-collapseble .ms_accordion_header_border,
.ms-custom-accordion.ms-accordian-collapseble .ms_accordion_bg_borderCurl,
.ms-custom-accordion.ms-accordian-collapseble .ms_accordion_header_borderCurl {
  border-radius: 0 !important;
}

.ms-custom-accordion.ms-accordian-collapseble .accordion_bg {
  border-style: dashed !important;
  box-shadow: none;
}

.summary-sf {
  width: 70%;
  margin-left: 55px !important;
}
.ms-custom-accordion.ms-accordian-collapseble .accordion_bg
.ms-multiselect-dropdown .form-group , .ms-multiselect-dropdown .form-label {
  margin-bottom: 0;
  width: 100%;
}
.ms-multiselect-dropdown .form-group .errormessageCheckboxclass {
  top: initial !important;
}

.ms-custom-accordion.ms-accordian-collapseble .MuiIconButton-root {
  padding: 8px 12px;
}
.ms-custom-accordion.ms-accordian-collapseble .accordion-header {
  min-height: 46px !important
}

.ms-multiselect-dropdown .new-checkbox-group__value-container {
  padding-left: 0;
}
.ms-gray-color {
  color: #555B5A;
}
.hhmrMDesign {
  font-weight: bold;
  text-align: left;
}
.MuiFormGroup-root {
  margin-bottom: 0px !important;
  width: inherit;
  position: relative;
}
.ms-details-padding {
  padding-left: 30px;
  padding-right: 5px;
  margin-left: 0 !important;
}
.ms-relationship-table .tableStyling tr th, .ms-relationship-table .MuiTableBody-root .label.MuiFormLabel-root, .ms-relationship-table .MuiFormControl-fullWidth {
  text-align: left !important;
}
.ms-relationship-table .mainFrame2 + .col {
  padding-left: 0;
  padding-right: 0;
}
.ms-summary-table-margin {
  margin: 15px 40px !important;
}
.ms-summary-table-margin > div, .summary-sf div {
  color: #333 !important;
}
.ms-summary-edit {
  float: right;

/*Author: Basha
*Purpose: Color code changed as per XD to fix the 508 contrast issue
*Date: 03/17/2022
*/
  color: #147120;
  margin: 2px 0 0 5px;
}

.ms-submit-buttions-container .col-md-4 {
  margin-left: 0px;
}

.ms-remove-member .MuiFormGroup-root {
  display: flex !important;
  align-items: flex-end;
  width: 100%;
  flex-direction: row;
}
.ms-mrgtn-10 label {
  margin-top: -10px !important;
}
/* Ipad portrait */
@media (min-device-width: 768px) and (orientation: portrait) {
  .leftMenuButton {
    min-height: 110px;
  }
  .leftMenuButton img {
    position: absolute;
    left: -10px;
  }
  .ms-remove-member .MuiFormGroup-root {
    align-items: flex-end;
  }
  .ms-remove-member .MuiFormGroup-root button {
    margin-bottom: -40px;
    max-width: 180px;
  }
  .ms-label-two-line-federal.ms-federal label.MuiFormLabel-root {
    margin-top: 0px;
  }
}
.ms-select-planner .MuiInputBase-root.MuiInput-formControl {
  margin-top: 0;
}
.ms-relationship-label label {
  width:90% !important;
}
.ms-uncollapseble-heading {
  background: #f4f4f4;
  flex: 0 0 calc(100% + 34px) !important;
  margin-left: -17px;
  max-width: initial !important;
  margin-top: -25px;
  padding: 10px;
  font-weight: 600;
  margin-bottom: 10px;
}
 /*
  *Author: Basha
  *Purpose: Styles added for multiline label for ipad
  *Date: 03/23/2022
  */
@media (min-width: 1025px) and (max-width:1130px) {
  .ms-next-buttons-container .next-button {
    margin-left: -40px !important;
  }
  /* for 125% */
.you_pronoun_line32.frmwrk_field_mrgn.col-md-6.ms-line-upronoun-48 label{
  margin-top: 0rem !important;
}
  .ms-next-buttons-container .next-button.save-continue-button {
    margin-left: -154px !important;
  }
  .ms-next-buttons-container .next-button.save-continue-button.es-save-continue-button {
    margin-left: -178px !important;
  }
  .back-button-continue.es-back-button-continue {
    white-space: nowrap !important;
    margin-left: -54px !important;
  }
}
@media (min-width: 768px) and (max-width:1024px) {
  .ms-label-twoline.ms-tab3line.col-md-6 {
    flex: 100% !important;
    max-width: 100% !important;
  }
  .ms-tab-two-line.ms-currency-doller .MuiInputLabel-formControl {
    transform: translate(0, 13px) scale(1);
}
  .ms-label-twoline-mobile .MuiFormLabel-root,
  .ms-label-twoline-tab .MuiFormLabel-root,
  .newms-label-twoline-mobile-other .MuiFormLabel-root,
  .ms-label-twoline-mobile-other .MuiFormLabel-root {
    top: -15px !important;
  }
  .ms-label-twoline-mobile.signtr_spnsh .MuiFormGroup-root .MuiFormControl-root label {
    top: -28px !important;
  }
  .ms-label-twoline-mobile .MuiFormLabel-root.Mui-focused, .ms-label-twoline-mobile .MuiFormLabel-root.MuiFormLabel-filled, 
  .ms-label-twoline-tab .MuiFormLabel-root.Mui-focused, .ms-label-twoline-tab .MuiFormLabel-root.MuiFormLabel-filled,
  .ms-label-twoline-mobile-other .MuiFormLabel-root.Mui-focused, .ms-label-twoline-mobile-other .MuiFormLabel-root.MuiFormLabel-filled {
    top: -5px !important
  }
  .placeholder-style-two-line-mobile label {
    margin-bottom: -15px !important;
  }
  .placeholder-style-two-line.placeholder-style-two-line-mobile label,
  .ms-cust-mrgt.placeholder-style-two-line-mobile label,
  .ms-mrgt20.placeholder-style-two-line-mobile label
   {
    position: initial;
  }
  .placeholder-style-two-line-mobile.label-twoline {
    margin-top: 20px !important;
  }

  .placeholder-style-two-line-mobile.label-twoline .MuiFormLabel-root {
    max-width: 85%;
  }
  .customContainer {
    width: 100% !important;
  }
  .ms-next-buttons-container {
    width: 100%;
  }
  .ms-custom-accordion.ms-accordian-collapseble .customContainer,
  .ms-custom-accordion.ms-accordian-collapseble .container-border {
    width: 100% !important;
  }
  .ms-custom-accordion.ms-accordian-collapseble .container-border {
    border: 1px solid #ddd;
    display: flex;
    flex-wrap: wrap;
    margin-left: 15px;
    margin-right: -15px;
    padding-top: 25px;
    padding-bottom: 30px;
    margin-top: 0 !important;
  }
  .ms-custom-accordion.ms-accordian-collapseble .container-border .phone-add-button {
    max-width: 200px;
    margin-left: 14rem;
  }
  .ms-member-no-hoh.ms-custom-accordion.ms-accordian-collapseble .container-border:first-child .phone-add-button {
    max-width: 200px;
    margin-left: 10rem;
  }
  .ms-custom-accordion.ms-accordian-collapseble .container-border .phone-add-button,
  .ms-custom-accordion.ms-accordian-collapseble .container-border .phone-remove-button {
    top: 65px !important;
  }
  .ms-custom-accordion.ms-accordian-collapseble.ms-accordion-details .container-border .phone-add-button, 
  .ms-custom-accordion.ms-accordian-collapseble.ms-accordion-details .container-border .phone-remove-button {
    top: initial !important;
  }
  .ms-uncollapseble-heading {
    flex: 0 0 calc(100%) !important;
    margin-left: 0 !important;
  }
  .ms-accordion-add-section {
    margin-bottom: -50px;
    margin-top: 20px;
  }
  .ms-accordion-add-section > .customContainer > div {
    width: 100% !important;
  }
  .ms-accordion-add-section .container-border {
    position: relative;
  }
}
.ms-accordian-collapseble .phone-add-button {
  margin-left: 45rem;
  max-width: 200px;
  top: 65px !important;
}
.ms-accordian-collapseble .ms-accordion-add-section .phone-add-button {
  margin-left: 41rem;
}
.ms-custom-accordion.ms-accordian-collapseble.signaturefield .container-border{
 width: 100% !important;
}
.ms-custom-accordion.ms-accordian-collapseble.signaturefield label {
  padding-right: 20px;
}
.ms-accordian-collapseble .container-border:not(:first-child) .phone-add-button {
  margin-left: 34rem;
  max-width: 200px;
  margin-bottom: 0 !important;
}
/*style for edit button alignmemt in no hoh member account*/ 
.ms-member-no-hoh.ms-accordian-collapseble .container-border:first-child .phone-add-button {
  max-width: 200px;
  margin-left:34rem;
  margin-bottom: 0 !important;
}

.ms-accordian-collapseble.ms-auth-rep .phone-add-button {
  margin-left: 34rem;
  max-width: 200px;
  margin-bottom: 0 !important;
}

.ms-accordian-collapseble .ms-accordion-add-section .container-border:not(:first-child) .phone-add-button {
  margin-left: 29rem;
}
/*Author: Basha
*Purpose: Styles Added to handle alignment issue
*Date: 03/25/2022
*/
.ms-custom-accordion .container-border:not(:first-child), .ms-mrgt10i {
  margin-top: 10px !important
}
.ms-custom-container .phone-add-button.col,
.ms-custom-container .phone-remove-button.col,
.ms-expenses-amount .container.dynamic-gqcust-top-mrgn,
.ms-expenses-amount .ms-extra-input-caption.col-md-6,
.ms-accordian-collapseble .phone-add-button.col,
.ms-accordian-collapseble .phone-remove-button.col,
.ms-accordian-collapseble .container-border .col-md-6,
.ms-mrgt0i {
  margin-top: 0 !important;
}
.ms-custom-container .ms-radio-field .MuiFormControl-root .MuiFormGroup-row,
.ms-accordian-collapseble .container-border .ms-radio-field .MuiFormControl-root .MuiFormGroup-row {
  margin-right: 0 !important;
}

.ms-accordian-collapseble .container-border .col-md-6.ms-mrgt33i {
  margin-top: 33px !important;
}

.ms-accordian-collapseble .container-border .col-md-6.ms-mrgt22i {
  margin-top: 22px !important;
}

.ms-mrgt20i {
  margin-top: 20px !important;
}
.ms-mrgt38i {
  margin-top: 38px !important
}
.ms-mrgbn10i {
  margin-bottom: -10px !important;
}
.ms-mrgtn10i {
  margin-top: -10px !important;
}
.dollor-mrgt0 .MuiGrid-container {
  margin-top: 0 !important;
}
/*Author: Basha
*Purpose: Styles Added to handle alignment issue of next and back buttons on ipad rotate mode
*Date: 03/22/2022
*/
@media (min-width: 1024px) and (max-width:1124px) {
  .ms-next-buttons-container .col-md-2{
    text-align: center !important;
  }
  .placeholder-style-two-line-mobile.ml-1.ms-line-upronoun-32 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-shrink{
    width: 27rem !important;
  }
  .placeholder-style-two-line-mobile.ml-1.frmwrk_field_mrgn.col-md-6.ms-line-upronoun-16 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-shrink {
    width: 26rem !important;
  }
}
/*Author: Basha
*Purpose: Styles Added to handle alignment issue  on restore
*Date: 03/23/2022
*/

@media (min-width: 1025px) and (max-width:1120px) {
  .phone-add-button {
    margin-left: 32rem;
  }
  .ms-new-add-another-container .phone-add-button {
    margin-left: 18rem !important;
  }

  .ms-accordian-collapseble .phone-add-button {
    margin-left: 18rem;
  }
  .ms-custom-accordion.ms-accordian-collapseble .phone-add-button {
    margin-left: 26rem;
  }

  .ms-accordian-collapseble .container-border:not(:first-child) .phone-add-button {
    margin-left: 16rem !important
  }
}
.ms-mrgtn5i {
  margin-top: -5px !important;
}
.ms-mrgtn5ii {
  margin-top: 20px !important;
}
.ms-mrgtn5-prog {
  margin-top: 30px !important;
}
@media (min-width: 1121px) and (max-width:1220px) {
  .ms-new-add-another-container .phone-add-button {
    margin-left: 21rem !important;
  }
  .ms-accordian-collapseble .phone-add-button {
    margin-left: 21rem;
  }
  .ms-custom-accordion.ms-accordian-collapseble .phone-add-button {
    margin-left: 37rem;
  }
  .ms-custom-accordion.ms-accordian-collapseble .phone-add-button {
    margin-left: 35rem;
  }
  .ms-accordian-collapseble .container-border:not(:first-child) .phone-add-button {
    margin-left: 23rem !important
  }
  .ms-accordian-collapseble.ms-housemember-section .container-border:not(:first-child) .phone-add-button{
    margin-left: 21rem !important;
  }

  /* @kunal
  css alignment for edit in ar for 110% */
  .ms-accordian-collapseble .auth-rep-edit-button .container-border:first-child .phone-add-button {
    margin-left: 21rem !important;
}
.ms-accordian-collapseble .auth-rep-edit-button .container-border:not(:first-child) .phone-add-button {
  margin-left: 21rem !important;
}
}
@media (min-width: 1221px) and (max-width:1326px) {
  .ms-new-add-another-container .phone-add-button {
    margin-left: 28rem !important;
  }
  .ms-accordian-collapseble .phone-add-button {
    margin-left: 28rem;
  }
  .ms-custom-accordion.ms-accordian-collapseble .phone-add-button {
    margin-left: 39rem;
  }
  /*for 110%* edit button issue in no hoh member account*/
   .ms-member-no-hoh.ms-custom-accordion.ms-accordian-collapseble .phone-add-button {
    margin-left: 23rem !important;
  } 
  .ms-accordian-collapseble .container-border:not(:first-child) .phone-add-button {
    margin-left: 23rem !important
  }
  .ms-accordian-collapseble.ms-housemember-section .container-border:not(:first-child) .phone-add-button{
    margin-left: 25px;
  }
}
/*Author: Basha
*Purpose: Styles Added to handle alignment issue on document upload
*Date: 04/14/2022
*/
.add-row-section.ms-upload-input-sec > div:first-child .form-group label.MuiFormLabel-root {
  white-space: initial;
  text-overflow: ellipsis;
}
.add-row-section.ms-upload-input-sec {
  padding-top: 10px !important;
}
.ms-vi-upload-doc .ms-upload-input-sec > div:first-child .MuiFormLabel-root {
  top: 0 !important;
}
.ms-vi-upload-doc .ms-upload-input-sec > div:nth-child(5) .MuiFormLabel-root, .ms-es-upload-doc .ms-upload-input-sec > div .MuiFormLabel-root{
  white-space: initial;
  text-overflow: ellipsis;
  width: 89%;
  word-break: break-word;

}
/* @saikiran dt-31-01-24   added media query style for vietnam upload documents for fifth child*/
@media (min-width:1358px) and (max-width:1358px) and (max-height:654px){
  .uploadDoc-prgrm-name.ms-vi-upload-doc .ms-upload-input-sec > div:nth-child(5) .MuiFormLabel-root, .ms-es-upload-doc .ms-upload-input-sec > div .MuiFormLabel-root{
    top: -12px !important;
  }
  /* kunal white space issue in housholdmember is solved */
  .houseClassName.ms-new-add-another-container.container {
    max-width: 100% !important;
    margin-left: -35px !important
  }
  .ms-member-no-hoh.ms-housemember-section .ms-font-16.no-ar-text.col-md-12 {
    margin-left: 36px;
}



  .new-app-prgmname.ms-vi-upload-doc .ms-upload-input-sec > div:nth-child(5) .MuiFormLabel-root, .ms-es-upload-doc .ms-upload-input-sec > div .MuiFormLabel-root{
    top: -12px !important;
  }
  .uploadDoc-Doc-category .container .row .add-row-section.ms-upload-input-sec > div:first-child .form-group label.MuiFormLabel-root{    
  top: -11px !important;
 }
}
.ms-es-upload-doc .container .row .ms-upload-input-sec .column-text .MuiFormControl-root .MuiFormLabel-root{
  top: -15px;
}
.ms-es-upload-doc label{
  top: -15px;
}

@media (min-width: 1090px) and (max-width:1126px) {
  .ms-es-upload-doc .ms-upload-input-sec > div:first-child .MuiFormLabel-root {
    top: -32px !important;
  }
  .ms-es-upload-doc .ms-upload-input-sec .column-text {
    padding-top: 30px !important;
  }
  .ms-es-upload-doc .ms-upload-input-sec .column-input {
    padding-top: 48px;
  }
  .ms-es-upload-doc .ms-upload-input-sec .delete-pad {
    padding-top: 35px;
  }
}
@media (min-width: 960px) and (max-width:1090px) {
  .ms-es-upload-doc .ms-upload-input-sec > div .MuiFormLabel-root {
    top: -35px !important;
  }
  .ms-es-upload-doc .ms-upload-input-sec > div:first-child .MuiFormLabel-root , 
  .ms-es-upload-doc .ms-upload-input-sec > div:nth-child(5) .MuiFormLabel-root {
    top: -45px !important;
  }
  .ms-es-upload-doc .ms-upload-input-sec .column-text {
    padding-top: 45px !important;
  }
  .ms-es-upload-doc .ms-upload-input-sec .column-input {
    padding-top: 62px;
  }
  .ms-es-upload-doc .ms-upload-input-sec .delete-pad {
    padding-top: 55px;
  }
  .immigrationStatusAlign .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root{
    top: -30px !important;
  }
}
@media (min-width: 831px) and (max-width:959px) {
  .ms-es-upload-doc .ms-upload-input-sec > div:first-child .MuiFormLabel-root {
    top: -35px !important;
  }
  .ms-es-upload-doc .ms-upload-input-sec .column-text {
    padding-top: 45px !important;
  }
  .ms-es-upload-doc .ms-upload-input-sec .column-input {
    padding-top: 62px;
  }
  .ms-es-upload-doc .ms-upload-input-sec .delete-pad {
    padding-top: 55px;
  }
  .immigrationStatusAlign .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root{
    top: -30px !important;
  }
}

@media (min-width: 767px) and (max-width:831px) {
  .ms-es-upload-doc .ms-upload-input-sec > div .MuiFormLabel-root {
    top: -35px !important;
  }
  .ms-es-upload-doc .ms-upload-input-sec > div:nth-child(2) .MuiFormLabel-root {
    top: -18px !important;
  }
    .ms-es-upload-doc .ms-upload-input-sec .column-text {
    padding-top: 45px !important;
  }
  .ms-es-upload-doc .ms-upload-input-sec .column-input {
    padding-top: 62px;
  }
  .ms-es-upload-doc .ms-upload-input-sec .delete-pad {
    padding-top: 55px;
  }
}
@media (min-width: 1025px) and (max-width:1326px) {
  .add-row-section.ms-upload-input-sec label.MuiFormLabel-root {
    white-space: initial;
    text-overflow: ellipsis;
    top: 0px;
    width: 89%;
  }
  .ms-en-upload-doc-label label{
    top: -15px !important
  }
  .ms-vi-upload-doc-label label{
    top: -30px !important
  }
  .ms-vi-upload-doc .ms-upload-input-sec > div:first-child .MuiFormLabel-root,
  .ms-vi-upload-doc .ms-upload-input-sec > div:nth-child(5) .MuiFormLabel-root {
    top: -15px !important;
  }
  .ms-vi-upload-doc .ms-upload-input-sec > div:nth-child(2) .MuiFormLabel-root {
    top:0 !important;
  }
}
@media (min-width: 1025px) and (max-width:1122px) {
  .ms-vi-upload-doc .ms-upload-input-sec > div:nth-child(5) .MuiFormLabel-root {
    top: -28px !important;
  }
  .ms-vi-upload-doc .ms-upload-input-sec > div:nth-child(2) .MuiFormLabel-root {
    top:-15px !important;
  }
  .ms-vi-upload-doc .ms-upload-input-sec .column-text {
    padding-top: 30px !important;
  }
  .ms-vi-upload-doc .ms-upload-input-sec .column-input {
    padding-top: 47px;
  }
  .ms-vi-upload-doc .ms-upload-input-sec .delete-pad {
    padding-top: 40px;
  }
  .ms-en-upload-doc-label-threeline label{
    top: -30px !important
  }
  .ms-vi-upload-doc-label-twoline label{
    top: -15px !important
  }
}

.ms-custom-field-container.ms-members-container .outerContainer .phone-add-button {
  top: 36px !important;
  margin-left: 35rem;
  z-index: 11;
}
.ms-label-twoline.ms-ar-twoline .MuiFormLabel-root.Mui-focused, 
.ms-label-twoline.ms-ar-twoline .MuiFormLabel-root.MuiFormLabel-filled {
  top: -10px !important;
}
.ms-phone-number-container .outerContainer  {
  position: relative;
}
.ms-phone-number-container .outerContainer .phone-add-button {
    position: absolute !important;
    top: initial !important;
    bottom: -20px !important;
    margin-bottom: 0 !important;
    right: 30px;
}
.ms-phone-number-container .outerContainer:not(:first-child) .phone-add-button {
    right: 240px;
    z-index: 2;
    top: initial !important;
    bottom: -20px !important;
}
.ms-accordian-collapseble .container-border .col-md-6.ms-typeof-mrg {
  margin-top: 2rem !important;
}
.ms-label-checkbox-end {
  align-items: flex-end;
}
.ms-label-checkbox-end .MuiFormControlLabel-root {
  margin-bottom: 0;
}
.ms-label-twoline-w90 label.MuiFormLabel-root {
  width: 90%;
}
.ms-accordion-mrgt {
  margin-top: 35px;
}
.customContainer .ms-non-dustodial-container .col-md-6 {
  margin-bottom: 0;
}
.customContainer .ms-non-dustodial-container .col-md-6.ms-address .form-group {
  margin-bottom: 0;
  width: 100%;
}

.ms-label-font h5 {
  font-size: 16px !important;
}

.ms-authrep-change-container .customContainer > div {
  flex: 0 0 100%;
}
.ms-authrep-change-container .customContainer > div .container-border {
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}

.ms-checkbox-container .checkBoxMargin.ms-label-checkbox-end  {
  margin-bottom: 15px;
}

.ms-label-checkbox-end.ms-label-checkbox-endzero .MuiFormControlLabel-root {
  margin-right: 0 !important;
}

.ms-tanf-changes .phone-remove-button {
  position: absolute;
  right: 20px;
  bottom: -35px;
  top: initial !important;
}

@media (min-width: 1025px) and (max-width:1203px) {
  .ms-accordian-collapseble .container-border .col-md-6.ms-typeof-mrg {
    margin-top: 3.5rem !important;
  }
}
/* Properties for Mobile devices (iPhone and Android) */
@media (max-width: 767.98px) {
  /* .page-section-head div span:nth-child(2){
    margin-top: -21px !important;
  } */
  /*Newly added properties for MS IT2*/
  /*Author: Basha
  *Purpose: Styles Added to handle alignment issue on document upload
  *Date: 04/14/2022
  */
  /* @soumya allignment issue in edit and remove section is solved for mobile devices  */
  .immigrationStatusAlign.ms-line-upronoun-96 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-shrink{
    top: -50px !important;
    margin-top: 0 !important;
 }
 .ms-uprnon_style.ms-line-upronoun-64 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-shrink{
  top: -38px !important;
  margin-top: 0 !important;
}
.ms-uprnon_style.ms-line-upronoun-48 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-shrink{
  top: -22px !important;
  margin-top: 0 !important;
}
.immigration-status.immigrationStatusAlign.ms-uprnon_style.ms-uprnon_style.ms-line-upronoun-64 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root{
  margin-top: -45px !important;
}
.ms-uprnon_style.ms-line-upronoun-48 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root{
  margin-top: -32px !important;
}
 .you_pronoun_Line.frmwrk_field_mrgn.col-md-6.ms-line-upronoun-48 label{
  margin-top: -6px !important;
}
.ms-line-upronoun-72 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-shrink{
  top: -35px !important;
  margin-top: 0 !important;
}
.ms-line-upronoun-72 {
  margin-top: 25px !important;
}
.ms-line-upronoun-72 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root{
  top: -50px !important;
  margin-top: 0 !important;
}
  .immigrationStatusAlign.ms-uprnon_style.ms-line-upronoun-96 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-shrink{
    top: -50px !important;
    margin-top: 0 !important;
 }
 .ms-uprnon_style .col-md-6.ms-line-upronoun-48 label{
  margin-top: -6px !important;
}
  .sig_mob.ms-vi-phtxt .MuiFormGroup-root .MuiFormControl-root label {
    top: -26px !important;
}
  .hoh-membr-edit .MuiSelect-root.MuiSelect-select.MuiInput-input {
    margin-top: 2.0rem !important;
  }
  .newms-label-twoline-mobile-other .MuiFormLabel-root{
    margin-top:-15px !important
  }
  .ms-accordian-collapseble .container-border .househldtax.col-md-6 .MuiInputLabel-formControl {
    top: -11px !important;
}
  .ul_style{
    grid-template-columns: none !important;
    margin-left: -19% !important;
  }
  .termsBox.appeal-termsBox.dcnmt_list {
    width: 112% !important;
    margin-left: -23px !important;
  }
  .hoh-membr-remove-dodeath .MuiInputBase-input.MuiInput-input.MuiInputBase-inputAdornedEnd {
    margin-top: 1.0rem !important;
  }
  .container_upld_list{
    margin-top: -50px !important;
    margin-left: 11px !important;
  }
  .checkbox-submit .MuiFormGroup-root .MuiFormGroup-root{
    margin-top: -18px !important;
  }
  .checkbox-error-submit .MuiFormGroup-root .errormessageclass{
    margin-top: -14px !important;
  }
   .spcl_neds_input{
    margin-bottom: 41px;
    top: 48px;
   }
   .programdtls_specialneds{
    top: 50px;
    margin-bottom: 65px;
  }
  /* @soumya added style for ssn field allignment in mobile */
  .ssn-field-drpdwn .MuiFormGroup-root .MuiFormControl-root .MuiInputLabel-root.MuiInputLabel-formControl.MuiInputLabel-animated {
    margin-top: 15px !important;
  }

  /* following css is for alignment in iphone15 in cancel application popup */
  .cancel-btnn.ms-cancel-application-model + div.ms-footer-right a.primary{
    margin-left: 10px !important;
    margin-top: 10px !important;
  }
  .iphn-Dc .ms-en-dc-alignment .MuiFormControl-root{
    width: 100%;
  }
  /* bellow css is for allignment of e-signature in submit cic screen for mobile devices */
  .submit-cic-signature .MuiFormControl-root.MuiFormControl-fullWidth .MuiFormLabel-root.MuiInputLabel-root {
    position: absolute;
    top: -27px !important;
   }
   /*added top for save and back buttons, allignment issue */
   .next-button-cic {
     top: 50px !important
   }
   .back-button-cic {
    top: 50px !important;
   }
   /* @soumya added new class(othrchngs-txt) for please describe txt in othr chngs for solving allignment */
   .othrchngs-txt .MuiFormControl-root.MuiFormControl-fullWidth .MuiFormLabel-root.MuiInputLabel-root.MuiInputLabel-formControl {
    top: -28px !important;
   }
 
  .ms-docs-add-sec .first-row-bg-grey {
    background-color: transparent !important;
  }
  /* @kunal
  Styles Added to handle alignment issue on Authorized Representative Changes */
  .hohmembr_rltnshp_txt {
    padding-top: 7px !important;
  }
  .no-ar-text{
    /*  @kunal
    Added width to adjust for devices */
      width: auto !important;
  }
  .add-row-section {
    border: solid 1px #dadddc !important;
  }
  .add-row-section .form-group.col, .add-row-section .column-text.col {
    flex: 0 0 100%;
  }
  .add-row-section.ms-docs-add-sec .mobile-label,.ms-upload-input-sec .mobile-label {
    display: none;
  }
  .add-row-section.ms-docs-add-sec .mobile-label + div {
    padding: 10px 0 !important;
  }
  .add-row-section.ms-docs-add-sec .delete-pad, .ms-upload-input-sec .delete-pad {
    padding-left: 12px !important;
  }
  .add-row-section.ms-docs-add-sec.row {
    padding-bottom: 10px;
  }
  .ms-docs-add-sec .col {
    flex: 0 0 100%;
  }
  .add-row-section .MuiInputLabel-animated.MuiInputLabel-formControl {
    top: -10px !important;
  }
  .ms-upload-container {
    padding-bottom: 40px;
  }
  .ms-upload-add-more {
    border: none !important;
    margin-bottom: 40px;
  }
  .ms-upload-add-more .add-more-button {
    margin-top: -25px !important
  }
  .add-row-section.ms-upload-input-sec .column-input {
    flex-basis: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
    .page-section-head div span:nth-child(2) {
    margin-top: 0 !important;
  }
  .sub-head-label {
    width: 100% !important;
  }
  .fullWidthCaption {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .col-offset-6.frmwrk_field_mrgn.col-md-6 {
    padding-right: 0;
    width: calc(100% + 15px);
  }
  .ms-label-twoline-mobile .MuiFormLabel-root,
  .ms-label-twoline-mobile-only .MuiFormLabel-root {
    top: -15px !important;
  }
  .ms-label-twoline-mobile-only .MuiFormLabel-root.Mui-focused, .ms-label-twoline-mobile-only .MuiFormLabel-root.MuiFormLabel-filled,
  .ms-label-twoline-mobile .MuiFormLabel-root.Mui-focused, .ms-label-twoline-mobile .MuiFormLabel-root.MuiFormLabel-filled {
    top: -5px !important
  }
  .section-fields .field {
    display: grid !important;
    margin: 10px;
  }
  .ms-programSelection-link a {
    width: 100% !important;
  }

.placeholder-style-two-line.placeholder-style-two-line-mobile label,
.ms-cust-mrgt.placeholder-style-two-line-mobile label,
.ms-mrgt20.placeholder-style-two-line-mobile label
 {
  position: initial;
}
.placeholder-style-two-line-mobile.label-twoline {
  margin-top: 20px !important;
}

.placeholder-style-two-line-mobile.label-twoline .MuiFormLabel-root {
  max-width: 85%;
}
  .ms-details-container {
    padding-left: 15px !important;
  }
  .ms-radio-field .MuiFormControl-root {
    flex-direction: column;
  }
  .ms-radio-field .MuiFormControl-root .cust-caption{
    margin-bottom: 10px !important;
  }
  .ms-relationship-table .mainFrame2 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .ms-mrgt20 {
    margin-top: 30px !important;
  }
  .ms-block-header {
    margin-top: 15px;
  }
  .ms-field-details-container {
    margin-left: -15px !important;
    padding-top: 30px;
  }
  .ms-details-padding {
    padding-top: 30px;
    margin-left: -15px !important;
    margin-right: 10px !important;
  }
  .ms-details-inner-margin {
    margin-right: 0px !important;
  }
  .ms-details-padding .ms-radio-field {
    margin-top: 0 !important;
  }
  .ms-details-padding .dynamic-cust-mrgn {
    margin-top: 30px !important;
    margin-bottom: 5px !important;
  }
  .ms-details-padding .ms-radio-field .MuiFormControl-root .MuiFormGroup-row {
    margin-top: 0 !important;
  }
  .placeholder-style-two-line-mobile.ms-mrgt20 {
    margin-top: 0 !important;
  }
  .ms-radio-field .MuiFormControl-root .MuiFormGroup-row {
    justify-content: flex-start;
  }
  .ms-acknowledgement .MuiFormControlLabel-root {
    align-items: flex-start;
  }
  .ms-acknowledgement .MuiCheckbox-root{
    padding-top: 0 !important;
  }
  .ms-field-details-container .ms-mrgr15,
  .ms-mrgr15.ms-mrgr-m0 {
    margin-right: 0 !important;
  }
  .ms-field-details-container .ms-cust-mrgt {
    margin-top: 30px !important;
  }
  .ms-radio-field.ms-mrgr15 {
    flex: 0 0 calc(100% - 33px) !important;
  }

  .ms-summary-table-margin {
    margin: 15px 0px !important;
  }
  .summary-sf {
    width: calc(100% - 30px);
    margin-left: 15px !important;
  }
  .summary-sf .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .ms-tooltip-icon .MuiSelect-icon + .MuiInputAdornment-root img {
    position: absolute;
    right: 0;
  }
  .firstBlock .frmwrk_field_mrgn div.MuiFormGroup-row {
    margin-right: 0 !important;
  }
  .dynamic-gqcust-top-mrgn .col-md-3 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .containerTitle {
    margin-bottom: 1rem !important;
  }
  .firstBlock .frmwrk_field_mrgn div.MuiFormControl-root{
    display: flex !important;
    flex-direction: column !important;

  }
  .frmwrk_field_mrgn div label.cust-caption{
    width: 100% !important;
  }


  .dynamic-gqcust-top-mrgn {
    width: auto !important;
    padding-top: 10px;
  }
  .firstBlock .frmwrk_field_mrgn:first-child label {
    position: static !important;
    margin-bottom: 0px !important;
  }
  .firstBlock .frmwrk_field_mrgn label {
    margin-bottom: -15px;
  }
  .outerContainer {
    padding-bottom: 0px !important;
  }
  .ms-custom-accordion .MuiCollapse-wrapper {
    margin-bottom: 0px !important;
  }

  /*Author: Basha
*Purpose: Styles Added to handle alignment issue
*Date: 03/22/2022
*/
  .phone-add-button{
    top: 30px !important;
    display: flex;
    left: -1rem;
    justify-content: center;
    margin-left: 0rem !important;
    width: auto !important;
    padding: 0 !important;
  }
  .ms-new-add-another-container .phone-add-button {
    margin-left: 10px !important;
  }
  /* kunal added new class for aligment issue */
  .ms-new-add-another-container .phone-add-button.additional{
    margin-left: -33px !important;
  }
  .ms-custom-field-container.ms-members-container .outerContainer .phone-add-button {
    top: 66px !important;
  }
  .ms-custom-field-container.ms-members-container .outerContainer .dynamic-remove-button{
    width: 100% !important;
    justify-content: flex-end;
  }
  .ms-accordian-collapseble .phone-add-button {
    margin-left: 8rem !important;
    min-width: auto !important;
    max-width: 186px;
    top: 65px !important;
  }
  .ms-accordian-collapseble .container-border:not(:first-child) .phone-add-button {
    margin-left: 20px !important;
  }
  .ms-mrgt20.ms-medicaid-plnnr.frmwrk_field_mrgn.col-md-6 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root {
    margin-top: 14px;
  } 
  .ms-mrgt20.ms-plnnr-cntct-info.frmwrk_field_mrgn.col-md-6 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root {
    margin-top: 14px;
  }
  .add_2_mobile .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root {
    margin-top: 15px;
  }
  /*fixed edit button issue in all mobiles for no hoh account*/
  .ms-member-no-hoh.ms-accordian-collapseble .container-border:first-child .phone-add-button {
    margin-left: 20px !important;
  }
  .ms-accordian-collapseble .auth-rep-edit-button .container-border:first-child .phone-add-button {
    margin-left: 20px !important;
  }
  .ms-accordian-collapseble .auth-rep-edit-button{
    display:block !important;
  }
  
  .ms-accordian-collapseble .container-border .col-md-6,
  .ms-accordian-collapseble .container-border .col-md-6.ms-mrgt33i,
  .ms-accordian-collapseble .container-border .col-md-6.ms-mrgt22i {
    margin-top: 15px !important;
  }
  .ms-accordian-collapseble .container-border .col-md-6 .MuiInputLabel-formControl,
  .ms-accordian-collapseble .container-border .col-md-12 .MuiInputLabel-formControl {
    line-height: 1em !important;
    top: -12px !important;
  }
  .ms-accordian-collapseble .container-border .col-md-6.ms-cust-mrgt.ms-tab3line.col-md-6 {
    margin-top: 30px !important;
  }
  .ms-accordian-collapseble .container-border .col-md-6.ms-cust-mrgt.ms-tab3line.col-md-6 .MuiInputLabel-formControl {
    top: -35px !important;
  }
  .phone-remove-button{
    top: 30px !important;
    margin-left: 0px !important;
    display: flex;
    direction: rtl !important;
    z-index: 1;
    padding: 0px 15px 0px 0px !important;
  }
  .ms-custom-accordion .container-border {
    /* border: none !important;
    padding: 0 !important; */
    color: #000;
    margin-bottom: 2rem !important;
    margin-top: 0 !important;
    padding-top: 30px;
  }
  .ms-workflow-container {
    background-color: #f4f4f4;
    padding: 20px 0px 35px 0px !important;
    flex: 16;
    margin-top: -80px;
  }
  .firstBlock {
    padding-bottom: 1rem !important;
  }
  /*Newly added properties for MS IT2*/
  .accordiontable{
    padding: 10px;
  }
  .income-tips-absolute-label .label-design{
    top: -50px !important
  }
  .container-border {
    /* border: 1px solid #ddd; */
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 30px;
    margin-bottom: 0px;
  }
  .ms-accordian-collapseble .container-border {
    border: 1px solid #ddd;
    max-width: 93%;
  }
  .container-border .accordion-add-button {
    top: 65px;
    z-index: 1;
    width: auto !important;
    display: flex !important;
    flex-direction: row-reverse;
  }
  .container-border .accordion-remove-button {
    top: 65px;
    margin-left: 0px;
    margin-top: -55px;
    display: flex !important;
    direction: rtl;
    width: auto !important;
  }
  .addName {
      width: auto;
      padding-top: 25px;
  }
  .banner-headline {
      font-size: 14px;
  }
 .img-border-right {
      display: block;
  }
  .application-headline-text{
    font-size: 18px !important;
  }
  .saveAsDraft {
    position: relative;
    top: 20px;
    line-height: 2 !important;
    padding: 10px 40px !important;
    margin-left: calc(50% - 103px) !important;
 }
.caution {
  justify-content: center;
 }
.household-sec-container {
  padding: 11% 0% 0% 0%;
}
.hoh-thid-container {
  padding-top: 15px !important;
}
.cust-mrgn-t.mt-4 {
  margin-top: 0px !important;
}
.ccAddRmvButton{
  font-size: 10px !important;
  }
  .removeButton{
    right: 15px !important;
    bottom: 15px !important;
  }
  .foster-Button , .guardian-Button , .native-Button {
    display: block !important;
  }
  .addButton{
    right: 170px !important;
    bottom: 15px !important;
  }
  .foster-Label ,.guardian-Label {
    font-size: 15px !important;
  }

  .MuiFormGroup-root {
    margin-bottom: 0px !important;
    width: inherit;
}
  .form-check-inline{
    margin-right: 0px !important;
  }
  .fosterOuterContainer {
    padding: 10px 20px 50px 20px !important;
}
.cust-mrgn-t {
  padding-top: 25px;
}
.cust-mrgn-b {
  padding: 20px 15px 0px 15px;
}
.mainFrame2{
  width: auto !important;
}
.termsBox.submitApp, .mainFrame2.submitApp{
  width: auto !important;
}
.termsBox.submitApp{
  height: 500px;
}
.termsBox.submitApp .customContainer{
  width: auto !important;
  text-align: justify;
}
.customContainer + label[for="Income Amount"]{
  width: 110% !important;
}
.customContainer {
  width: 100% !important;
  margin-left: -3px !important;
}

.MuiAccordion-root.Mui-expanded:first-child {
  margin-top: 0;
  max-width: 100%;
}

.ms-custom-accordion.ms-accordian-collapseble .accordion_bg {
  max-width: 100% !important;
}
 /*.outerContainer {
  padding-bottom: 55px !important;
}*/
.dynamic-gqremove-button{
  top: 85px;
  margin-left: auto;
  margin-left: 146px !important;
  position: relative;
  margin-top: -56px !important;
}
.dynamic-add-button{
  top: 95px;
  display: flex !important;
  z-index: 1;
  direction: rtl;
  width: auto !important;
}
.accordion-add-button{
  top: 30px;
  z-index: 1;
  display: flex !important;
  justify-content: center;
  width: auto !important;
}
.accordion-remove-button{
  top: 85px;
  margin-left: 160px !important;
  margin-top: -57px !important;
  display: flex !important;
  direction: rtl !important;
  width: auto !important;
}
.cust-mrgn {
  line-height: 5em !important;
}
.back-button {
  left: 0px;
  line-height: 2 !important;
  margin-top: -120px !important;
  position: absolute !important;
  max-height: 56px;
}
.next-button {
  right: 0px;
  line-height: 2 !important;
  margin-top: -120px !important;
  position: absolute !important;
}
/* to get save and continue button to middle in mobiles */
.next-button.save-continue-button{
  position: relative !important;
  margin-bottom: -102px;
  margin-left: 51px !important; 
}
.next-button.save-continue-button.es-save-continue-button{
  margin-left: 30px !important;
}
/*Author: Basha
*Purpose: Styles Added to handle next button center in mobile screen for first page of MMHH
*Date: 03/22/2022
*/
.ms-application-next .next-button {
  right: initial;
  left: calc(50% - 75px);
}
.ms-application-next .next-button.save-button {
  right: 0;
  left: initial;
}

.label-design {
  font-size: 15px !important;
  line-height: 1.5em !important;

}
.MuiInputLabel-formControl{
  font-size: 16px  !important;
  line-height: 1.5em !important;
  top: -20px !important;
  margin-right: -5px !important;
}
.erromessage_customcontrol{
  margin-top: 8px !important;
}
.MuiInputLabel-formControl.customRelation {
  font-size: 12px  !important;
  line-height: 1.5em !important;
  top: -15px !important;
  margin-right: -5px !important;
}
 .cust-caption {
   margin-bottom: 25px !important;
 }
 .dynamic-remove-button{
  top: 18px;
  display: flex !important;
  direction: rtl;
  width: auto !important;
}
.errormessageForSelectclass {
  position: inherit;
  top: 85%;
  width: 100%;
}
.accordion-header {
  background: #f4f4f4 !important;
  min-height: 49px !important;
  font-weight: 700;
  flex-direction: row-reverse;
}
.accordion-remove-visible-button{
  text-align: end;
  top: 42px;
  margin-left: 126px;
  width: auto !important;
  margin-top: -45px;
  display:none !important;
}
.cstm-back-link {
  margin-right: 0px;
}

.errormessageCheckboxclass {
  position: absolute;
  top: 0%;
}
.errormessageclass {
  position: inherit;
  top: 0%;
  width: 100%;
}
.errormessageForSelectclass {
  position: inherit;
  top: 0%;
  width: 100%;
}
.dynamic-cust-mrgn {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.control-input-cap-mrgn {
    margin-top: 5px !important;
}
.dynamic-cust-mrgn-forDollar {
  margin-top: 50px !important;
  margin-bottom: 25px !important;
}
.customContainer .col-md-6 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.firstBlock .row .frmwrk_field_mrgn {
  margin-top: 25px !important;
}
.customContainer .checkBoxMargin {
  margin-bottom: -25px !important;
}
.ms-checkbox-container .customContainer .checkBoxMargin:not(:last-child) {
  margin-bottom: 0 !important;
}
.ms-checkbox-container .customContainer .checkBoxMargin:last-child {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.customContainer .checkBoxMargin label{
  width: max-content;
}
.customContainer .col {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.customContainer .col-md-6.dynamic-cust-mrgn-fourLine {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.customContainer .col-md-6.dynamic-cust-mrgn-threeLine {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.customContainer .col-md-6.dynamic-cust-mrgn-twoLine {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.customContainer .col-md-6.dynamic-cust-mrgn-oneLine {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.custom-checkbox-device {
  margin-bottom: 10px !important
}
.wrapper-1 {
  padding: 20px 15px 10px 15px !important;
}

.mainDivContainer {
  justify-content: space-between;
  padding: 0;
  margin: 125px 0px 125px !important;
}
.mainDivContainer .col-md-4 {
  text-align: center !important;
}
.lastSavedText {
  position: absolute !important;
  margin-top: 30px !important;
  margin-left: 60px !important;
}
.cstm-headerLink-mrgn {
  margin-bottom: 0px !important;
}
.subfield-header {
  margin-top: 25px !important;
  margin-bottom: 0px !important;
}
.horizontalLine {
  margin-top: 40px !important;
}
.intro-back {
  top: 65px;
  float: left;
  z-index: 1;
}
.intro-next {
  margin-left: 140px !important;
}
.cstmdateStyle label.MuiFormLabel-root {
  width: 90% !important;
}
.rmsc {
  width: 260px;
}
.MuiSelect-select.MuiSelect-select{
  min-width: 140px !important;
  width: 100%;
}
.placeholder-style-two-line-mobile label {
  position: static;
  margin-bottom: 0px !important;
}
.date-device-margin {
  padding-top: 5rem !important;
}
.date-device-margin label.MuiFormLabel-root {
  top: -5rem !important;
  font-size: 16px !important;
}
.header-bg.health-insur-sub-header{
  margin-bottom: 55px
}
.menu{
  display: block !important;
}
.menu-container .menu .menu-item.active {
  height: 40px !important;
}
.menu-container .menu .menu-item {
  height: 40px !important;
  border: 1px solid #dadddc;
}
.accordion-remove-button.frmwrk_field_mrgn {
  top: 35px !important;
}
.meandmyhousehold{
  margin-bottom: 25px
}
.financials{
  margin-bottom: 25px
}
  .ms-cancel-application-model + div.ms-footer-right {
    flex-direction: column-reverse !important;
  }
  .ms-cancel-application-model p {
    text-align: left !important;
  }
  .modal .modal-content .modal-body.ms-model-body.ms-cancel-application-model {
    padding-right: 10px !important;
  }
  .ms-cancel-application-model .MuiFormControlLabel-root[type="checkbox"] {
    margin-top: 20px;
    margin-right: 0;
    align-items: flex-start;
  }
  .ms-cancel-application-model .MuiFormControlLabel-root .MuiCheckbox-root  {
    margin-top: -4px !important;
    padding-top: 0 !important;
  }
  .ms-accordian-collapseble .container-border .col-md-6.ms-label-twoline-mobile .MuiInputLabel-formControl, 
  .ms-accordian-collapseble .container-border .col-md-12.ms-label-twoline-mobile .MuiInputLabel-formControl {
    top: -30px !important;
  }
  .ms-accordian-collapseble .container-border .col-md-6.ms-mrgt20-mobile {
    margin-top: 30px !important;
  }
  .ms-accordian-collapseble .MuiAccordionSummary-content .containerTitle {
    margin-bottom: 0 !important;
  }
  .ms-veteran-service .ms-multiselect-dropdown {
    margin-bottom: 30px !important;
  }
  .ms-veteran-service.ms-custom-accordion.ms-accordian-collapseble .container-border {
    padding-top: 15px !important;
  }
  .ms-summary-buttons-section {
    margin-top: 160px !important;
  }
  .header-bg.uploadDoc-bg {
    justify-content: center;
  }
  /* @Rutuja - VSTS 360811 CSS issue fixed */
  .ms-what-next-links {
    flex-wrap: wrap !important;
    top: 10px !important;
  }
  .ms-what-next-links .col-md-2, .ms-what-next-links .col-md-4 {    
    padding-left: 0px !important;
  }
  /* change end */
  .ms-what-next-links-alignment .col-md-4 {
    /* @saikiran commented below "flex" due to breaking of pdflinks in whatnext page in mobiles */
    /* flex: 0;*/   
    margin-bottom: 0px; 
  }
  .ms-submit-buttions-container .col-md-3,
  .ms-submit-buttions-container .col-md-4 {
    display: flex;    
    justify-content: center !important;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 0 !important;
  }
  .ms-submit-buttions-container .back-button {
    position:  relative !important;
  }
  /* back button for all mobiles to get to middle */
  .back-button-continue.back-button{
    position: relative !important;
  }
  .ms-submit-buttions-container .next-button {
    position:  relative !important;
  }
  .ms-esignature-container {
    margin-left: 0px !important;
    padding-right: 15px;
  }
  .ms-accordian-collapseble .container-border .col-md-6.ms-label-twoline.ms-label-fourline-mobile label {
    line-height: 16px !important;
    top: -67px !important;
  }
  .ms-accordian-collapseble .container-border .col-md-6.ms-label-twoline.ms-label-threeline-mobile label {
    line-height: 16px !important;
    top: -47px !important;
  }
  .ms-two-line-mobile label.MuiFormLabel-root.MuiInputLabel-root.ms-not-required.MuiInputLabel-formControl.MuiInputLabel-animated {
    margin-top: 29px;
  }
  .ms-label-two-line-federal.ms-federal label.MuiFormLabel-root {
    margin-top: -23px;
  }
  .ms-label-esign-twoline-mobile .MuiFormLabel-root {
    top: -45px !important;
  }
  .ms-label-esign-twoline-mobile .MuiFormLabel-root.Mui-focused, 
  .ms-label-esign-twoline-mobile .MuiFormLabel-root.MuiFormLabel-filled {
    top: -35px !important
  }
  .ms-accordian-collapseble .container-border .ms-label-twoline.ms-ms-label-fourline-mobile .MuiFormLabel-root.Mui-focused, 
  .ms-accordian-collapseble .container-border .ms-label-twoline.ms-label-fourline-mobile .MuiFormLabel-root.MuiFormLabel-filled {
    top:-48px !important;
  }
  .ms-accordian-collapseble .container-border .ms-label-fourline-mobile.col-md-6 {
    margin-top: 40px !important;
  }
  .ms-accordian-collapseble .container-border .ms-label-threeline-mobile.col-md-6 {
    margin-top: 30px !important;
  }
  .ms-accordian-collapseble .container-border .ms-label-twoline.ms-ms-label-threeline-mobile .MuiFormLabel-root.Mui-focused, 
  .ms-accordian-collapseble .container-border .ms-label-twoline.ms-label-threeline-mobile .MuiFormLabel-root.MuiFormLabel-filled {
    top:-35px !important;
  }
  .ms-custom-accordion.ms-accordian-collapseble .ms-accordion-details .container-border .phone-add-button, 
  .ms-custom-accordion.ms-accordian-collapseble .ms-accordion-details .container-border .phone-remove-button {
    top: initial !important;
  }
  .ms-accordian-collapseble.ms-accordion-details .phone-remove-button {
    right: -10px !important;
  }
  .ms-accordian-collapseble.ms-accordion-details .container-border:not(:first-child) .phone-add-button, 
  .ms-accordian-collapseble.ms-accordion-details .ms-accordion-add-section .container-border:not(:first-child) .phone-add-button {
    right: 155px !important;
  }
  .ms-uncollapseble-heading {
    flex: 0 0 calc(100%) !important;
    margin-left: 0 !important;
  }
  .ms-accordion-add-section {
    margin-bottom: -20px;
    margin-top: 20px;
  }
  .firstBlock .customContainer {
    width: 100% !important;
  }
  .container-border .ms-mrgr15 {
    margin-right: 0 !important;
  }
  .ms-address-mrg,
  .ms-accordian-collapseble .container-border .col-md-6.ms-address-mrg,
  .ms-currency-mrg,
  .ms-accordian-collapseble .container-border .col-md-6.ms-currency-mrg {
    margin-top: 15px !important;
  }
  .ms-container-margin .outerContainer,
  .ms-accordion-add-section .outerContainer {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .ms-custom-field-container.ms-members-container .outerContainer .phone-add-button {
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 25px !important;
  }
  .ms-mobile-new-alignment .phone-add-button{
    align-items: flex-end !important;
    justify-content: flex-end !important;
    left: 90px;
  }
  .ms-custom-accordion.ms-accordian-collapseble .dollarAlignment {
    margin-bottom: 9px !important;
  }
  .ms-label-threeline-mobile {
    margin-top: 70px;
  }
  .ms-label-threeline-mobile .MuiFormLabel-root.MuiInputLabel-root {
    top: -75px !important;
  }
  .ms-label-fourline-mobile {
    margin-top: 90px;
  }
  .ms-label-fourline-mobile .MuiFormLabel-root.MuiInputLabel-root {
    top: -100px !important;
  }
  .ms-custom-accordion.ms-accordian-collapseble.ms-accordion-work-therapy .MuiAccordionDetails-root {
    padding-right: 0 !important;
  }
  .ms-custom-accordion.ms-accordian-collapseble.ms-accordion-work-therapy .MuiAccordionDetails-root .customContainer,
  .ms-custom-accordion.ms-accordian-collapseble.ms-accordion-work-therapy .MuiAccordionDetails-root .customContainer .container-border {
    width: 100% !important;
  }
  .ms-footer-mdhs-address-mrg {
    margin-top: 0 !important;
  }
  .footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2.mdhs-group ul li .ms-footer-mdhs-links {
    width: 210px;
  }
  .ms-custom-field-container.ms-relative-container .outerContainer {
    position: relative;
  }
  .ms-custom-field-container.ms-relative-container .outerContainer:not(:first-child) .ms-new-add-another-container .phone-add-button {
    margin-left: 30px !important;
    position: absolute !important;
    bottom: -33px !important;
    top: initial !important;
    justify-content: flex-start !important;
  }
  .ms-phone-number-container .outerContainer .phone-add-button {
    z-index: 2;
    top: initial !important;
    bottom: -15px !important
  }
  .ms-phone-number-container .outerContainer:not(:first-child) .ms-new-add-another-container .phone-add-button {
    right: initial !important;
    margin-left: 30px !important;
    justify-content: flex-start !important;
  }
  
  .customContainer .col-md-6.ms-label-twoline-mobile-other {
    margin-top: 40px !important;
  }
  .ms-label-twoline-mobile-other .MuiFormLabel-root {
    top: -45px !important
  }
  .ms-label-twoline-mobile-other .MuiFormLabel-root.Mui-focused, .ms-label-twoline-mobile-other .MuiFormLabel-root.MuiFormLabel-filled {
    top: -45px !important
  }
  .ms-mrgb20-mobile {
    margin-bottom: 20px !important;
  }
  .ms-snap-container .containerTitle ,
  .ms-authrep-change-container .containerTitle{
    margin-bottom: 0 !important;
  }
  .ms-snap-container .ms-multiSelection-content-style {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .ms-snap-container .ms-multiSelection-content-style .form-group label {
    margin-bottom: 0 !important;
  }
  .ms-snap-container .header-bg, .ms-non-dustodial-container .header-bg {
    margin-left: 15px;
    margin-right: 15px;
  }
  .ms-span-address .form-group {
    width: 100%;
    margin-bottom: 0 !important;
  }
  .ms-non-dustodial-container {
    padding-left: 0 !important;
  }
  .ms-authrep-change-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .ms-authrep-change-container .container-border .col-md-4 {
    margin-bottom: 30px !important;
  }
  .ms-tanf-changes .phone-remove-button {
    right: 0px;
  }

  .ms-accordian-collapseble .container-border .col-md-12.ms-label-twoline-mobile-only .MuiInputLabel-formControl {
    top: -31px !important;
  }
  .ms-accordian-collapseble .container-border .col-md-12.ms-label-twoline-mobile-only .MuiInputLabel-formControl.Mui-focused,
  .ms-accordian-collapseble .container-border .col-md-12.ms-label-twoline-mobile-only .MuiInputLabel-formControl.MuiFormLabel-filled {
    top: -26px !important;
  }
  .ms-accordian-collapseble .container-border .col-md-12.ms-label-twoline-mobile-only {
    margin-bottom: 15px !important;
  }

  .ms-snap-container .outerContainer:not(:first-child) .ms-new-add-another-container .phone-add-button {
    left: 10px !important;
    width: auto !important;
    justify-content: flex-start;
    top: initial !important;
    bottom: -100px !important;
  }
  .ms-edit-button {
    padding-right: 30px;
  }
  .ms-es-cic-submit .back-button {
    min-width: 190px !important;
  }
  .ms-es-cic-submit .next-button {
    min-width: 280px !important;
  }
  .customContainer .col-md-6.ms-mrgt50i {
    margin-top: 50px !important
  }
  .ms-mrgt38i {
    margin-top: 38px !important;
  }
  .ms-help-table td{
    text-wrap: wrap !important;
    max-width: 111px !important;
    overflow-wrap: anywhere !important;
    padding: 6px !important;
  }
  .ms-help-table td span {
    overflow-wrap: break-word !important;
  }
  .ms-help-table{
    width: 100% !important;
  }
  .ms-help-table tr td img{
    padding-left: 0px !important;
    width: -webkit-fill-available !important;
  }
  .ms-program-moreinfo {
		display: block !important;
	  }
	.ms-programs-section .ms-welcome-programs .ms-card-container .ms-program-moreinfo {
		width: auto !important;
		padding: 0px 30px 45px !important;
		margin-bottom: 0px !important;
	  } 
	  .welcome-and-introduction-container .ms-welcome-row .ms-programs-section .ms-welcome-programs .ms-card-container .ms-card-body {
		padding-bottom: 10px !important;
	  }
    .halfWidthDropdown .MuiFormGroup-root .MuiFormControl-root .MuiInputBase-root{
      width: auto !important;
    }
    .immigrationStatusAlign .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root{
      top: -50px !important;
    }
    .immigrationStatusAlign .MuiFormGroup-root  .MuiFormControl-root .MuiFormLabel-root.MuiFormLabel-filled, .immigrationStatusAlign .MuiFormGroup-root  .MuiFormControl-root .MuiFormLabel-root.Mui-focused{
      top: -30px !important;
    }
    /*@soumya created new class for immigration status ,so that allignment in all mobiles is cleared */
    .immigration-status .immigrationStatusAlign .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root {
      margin-top: -32px !important;
    }
    .immigration-status .immigrationStatusAlign .MuiFormGroup-root  .MuiFormControl-root .MuiFormLabel-root.MuiFormLabel-filled, .immigrationStatusAlign .MuiFormGroup-root  .MuiFormControl-root .MuiFormLabel-root.Mui-focused{
      top: 5px !important;
    }
    /* @Rutuja - VSTS 360811 CSS issue fixed */
    .ms-print-alignment{
      padding-left: 0px !important;
    }
    /* @Rutuja - VSTS 364978 is fixed */
    .ms-accordian-collapseble.ms-health-insurance .dynamic-cust-top-mrgn .container-border .phone-remove-button .MuiFormGroup-root .MuiButton-contained {
      top: -10px !important;
    }
    
    .ms-accordian-collapseble.ms-health-insurance .dynamic-cust-top-mrgn> div:last-child .phone-remove-button .MuiFormGroup-root .MuiButton-contained {
      top: 0px !important;
    }
}
.ms-expenses-container h5 {
  font-size: 16px !important;
}
.ms-edit-button .MuiFormGroup-root {
  align-items: flex-end;
}
.ms-edit-button button {
  width: 124px;
  color: #FFF;
  background-color: #244459;
}
.ms-edit-button button:hover,
.ms-edit-button button:active {
  background-color: #244459 !important;
}
.ms-edit-button button img {
  height: 16px;
}
/* .menu-container .menu div:focus {
  border: 1.5px solid #468CFF !important;
} */
/* .menu-item:focus {
  border: 2px solid #468CFF !important;
} */
/* .menu-item:active{
  border: 2px solid #468CFF !important;
} */
/* .sub-menu-item:focus{
  border: 2px solid #468CFF !important;
} */
.subfield-header {
  margin-top: 15px !important;
  margin-bottom: 0px !important;
}
.subfield-header label {
  font-size: 16px !important;
}
.errormessage_customcontrol {
  text-align: left !important;
}
.my-0 span{
  text-decoration: underline !important;
}
.what-next.my-3{
  margin-bottom: 5rem !important;
}
.mainDivContainer {
  justify-content: flex-end;
  padding: 0;
  margin: 70px 0px 30px;
}
.MuiFormLabel-root.Mui-error {
  color: #c92500 !important;
}
.ms-not-required.MuiFormLabel-root.Mui-error{
  color: rgba(0, 0, 0, 0.87) !important;

} 

.ms-not-required.Mui-error.MuiInput-underline:before, .ms-not-required.MuiInput-underline.Mui-error:hover:not(.Mui-disabled):before {
  border-bottom-color: rgba(0, 0, 0, 0.87) !important;
}

.placeholder-style-two-line label.MuiFormLabel-root{
  margin-top: -1rem !important;
  padding-right: 15px !important;
}
label.MuiFormLabel-root {
 font-size: 16px;
 width: 100%;
}
.MuiFormLabel-root.Mui-focused {
  color: #000000 !important;
}
.modal-body label.MuiFormControlLabel-root {
  border: 1px dashed #555b5a !important;
  background-color: #f4f4f4 !important;
}
.customRelation .MuiSelect-selectMenu{
  min-width: 140px !important;
}
.cust-caption {
  margin-right: -15px !important;

}
.addMoreButton {
  font-size: 0.5rem !important;
  font-weight: 700 !important;
  margin-top: 20px !important;
  padding: 7px 10px !important
}
.accordion_bg{
  border: 1px dashed #aaafb9;
}
.MuiFormControl-root {
  display: flex !important;
}
.cstmradioStyle {
  margin-top: -10px !important;
}
.cstmInputStyle {
  margin-top: -20px !important;
}
.cstmSelectStyle {
  margin-top: 35px !important;
}
.cstmdateStyle {
  margin-top: -13px !important;
}
.cstmdateStyle label.MuiFormLabel-root {
  width: 92% !important;
}
.cstmselectfrwrk {
  top: 0px !important;
}

.termsBox .customContainer .col-md-12 .MuiFormGroup-root .MuiFormGroup-root label {
  align-items: flex-start !important;
}

.MuiFormControl-root .horizontalList {
  flex-direction: row;
}

.MuiFormControl-root .horizontalListEqualSpace {
  justify-content: space-between;
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
  .openLeftMenu {
      display: none;
  }
  .ms-mrgtn5ii {
    margin-top: 39px !important;
  }
  .ms-mrgtn5-prog {
    margin-top: 50px !important;
  }
  .leftMenuBar {
      display: block;
  }
  .rmveBtn-domincm  .customContainer >:not(:last-child) .phone-remove-button .MuiFormGroup-root{
    top:27px !important
  }
  .rmveBtn-domincm  .customContainer >:nth-child(6)  .phone-remove-button .MuiFormGroup-root{
    top:27px !important;
  }
}

@media only screen and (max-width: 380px) {
  /* @Kunal  Making placeholder field mandatory*/
  .CCO_Required.halfWidthDropdown .MuiFormGroup-root .MuiFormControl-root .MuiInputBase-root{
    margin-top: 136% !important;
  }
  .CCO_Required label.MuiFormLabel-root{
    margin-top:2.5rem !important;
  } 
  /* For mobile galaxy and iphone phones: */
  .placeholder-style-two-line-mobile label {
    position: static;
    margin-bottom: 0px !important;
  }
  /* .page-section-head div span:nth-child(2) {
    margin-top: -21px !important;
  } */
  .ms-accordian-collapseble .container-border 
  .col-md-6.ms-label-twoline-small-screen 
  label.MuiInputLabel-formControl.MuiFormLabel-root {
    top: -32px !important;
  }
  .ms-accordian-collapseble .container-border .col-md-6.ms-label-twoline-small-screen {
    margin-top: 28px !important;
  }
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .openLeftMenu {
      display: none;
  }
  .leftMenuBar {
      display: block;
  }
  .leftMenuButton {
    margin-left: -24px !important;
    padding: 0 !important;
    margin-top: -17px !important;
    margin-bottom: -17px !important;
    top: 15px;
    z-index: 1;
  }
  .text-lg-left {
    padding: 12px 0px;
  }
  .banner-headline{
    text-align: center !important;
    font-size: 24px !important;
  }
  /*
  *Author: Basha
  *Purpose: To provide gap between elements in mobile view
  *Date: 03/10/2022
  */
  .ms-mobile-mrgt10 {
    margin-top: 10px;
  }
  .ms-mobile-new-alignment{
    margin-bottom: 37px !important;
  }
}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  .container-border {
    /* border: 1px solid #ddd; */
    display: flex;
    flex-wrap: wrap;
    margin-left: 15px;
    margin-right: -15px;
    padding-bottom: 30px;
    margin-bottom: 40px;
  }

  .ms-accordian-collapseble .container-border {
    border: 1px solid #ddd;
  }
  .container-border .accordion-add-button {
    top: 30px;
    margin-top: -55px !important;
    margin-bottom: 0 !important;
    z-index: 1;
    margin-left: -130px;
    width: auto !important;
    display: flex !important;
    flex-direction: row;
  }
  .container-border .accordion-remove-button {
    top: 65px;
    margin-left: 0px;
    margin-top: -55px;
    display: flex !important;
    direction: rtl;
    width: auto !important;
  }
  .openLeftMenu {
    display: block;
}
.leftMenuBar {
    display: block;
}
.customContainer .col-md-6.marital-status-margin-top{
  margin-top:13px
}

.customContainer .col-md-6.relation-margin-top{
  margin-top:13px !important;
}
.meandmyhousehold{
  margin-bottom: 25px
}
.financials{
  margin-bottom: 25px
}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 800px) and (orientation:portrait) {
  /* For Kindle portrait layouts only */
  .section-fields .field {
    display: grid !important;
    margin: 10px;
  }
  .ms-custom-accordion .container-border {
    /* border: none !important;
    padding: 0 !important; */
    color: #000;
    margin-bottom: 2rem !important;
    margin-top: -4rem !important;
  }
  .ms-ipad-width-alignment {
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  .ms-workflow-container {
    padding: 20px 20px 35px 20px !important;
  }
  .phone-add-button{
    top: 38px !important;
    display: flex;

    justify-content: right !important;
    width: auto !important;
    padding: 0 !important;
  }
  .phone-remove-button{
    top: 38px !important;
    display: flex;
    direction: rtl !important;
    padding: 0px 15px 0px 0px !important;
  }
  .container-border {
    /* border: 1px solid #ddd; */
    display: flex;
    flex-wrap: wrap;
    margin-left: 15px;
    margin-right: -15px;
    padding-bottom: 30px;
    margin-bottom: 40px;
  }

  .ms-accordian-collapseble .container-border {
    border: 1px solid #ddd;
  }

  .container-border .accordion-add-button {
    top: 30px;
    margin-top: -55px !important;
    margin-bottom: 0 !important;
    z-index: 1;
    margin-left: -130px;
    width: auto !important;
    display: flex !important;
    flex-direction: row;
  }
  .container-border .accordion-remove-button {
    top: 65px;
    margin-left: 0px;
    margin-top: -55px;
    display: flex !important;
    direction: rtl;
    width: auto !important;
  }
  .openLeftMenu {
    display: block;
  }
  .leftMenuBar {
      display: block;
  }
  .sidebar{
        margin-top: 78px;
        height: 1024px;
  }
  .back-button {
    position: relative !important;
    margin-right: 40px !important;
  }
  .next-button {
    margin-left: -45px !important;
  }
  /* save&continue button allignment for ipad */
  .next-button.save-continue-button{
    white-space: nowrap !important;
    margin-left: -119px !important
  }
  .customContainer {
    width: 100% !important;
  }
  .accordion-add-button{
    top: 30px;
    margin-top: -55px;
    z-index: 1;
    display: flex !important;
    width: auto !important;
    direction: rtl;
    margin-left: -100px;
  }
  .accordion-remove-button{
    top: 33px;
    margin-left: 30px;
    margin-top: -58px;
    display: flex !important;
    direction: rtl;
    width: auto !important;
  }
  .accordion-remove-visible-button{
    text-align: end;
    top: 42px;
    margin-left: 126px;
    width: auto !important;
    margin-top: -45px;
    display:none !important;
  }
  .dynamic-remove-button{
    top: 35px;
    display: flex !important;
    direction: rtl;
    width: auto !important;
  }
  .customContainer .col-md-6.dynamic-cust-mrgn-oneLine {
    margin-top: 39px !important;
    margin-bottom: 25px !important;
  }
  .placeholder-style-three-line label.MuiFormLabel-root{
    margin-top: -2rem !important;
  }
  .leftMenuButton {
    margin-left: -24px !important;
    padding: 0 !important;
    margin-top: -17px;
    margin-bottom: -17px;
  }
  .dynamic-add-button{
    top: 37px;
    display: flex !important;
    margin-left: -26%;
    z-index: 1;
    direction: rtl;
    width: auto !important;
  }
  .text-lg-left {
    padding: 12px 0px;
  }
  .banner-headline{
    text-align: center !important;
    font-size: 18px !important;
  }
  .placeholder-style-two-line-mobile label {
    position: static;
    margin-bottom: -15px;
    margin-top: -1rem;
  }
  .dynamic-cust-top-mrgn {
    margin-top: 45px;
  }
  .customRelation .MuiSelect-selectMenu{
    min-width: 240px !important;
  }
  .meandmyhousehold{
    margin-bottom: 25px
  }
  .financials{
    margin-bottom: 25px
  }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 768px) and (orientation:portrait) {
  /* For portrait layouts only */

  .dollarAlignment  {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 3px !important;
    color: #333333;
    margin-left: -10px !important;
    position: absolute;
  }
  .section-fields .field {
    display: grid !important;
    margin: 10px;
  }
  .ms-custom-accordion .container-border {
    /* border: none !important;
    padding: 0 !important; */
    color: #000;
    margin-bottom: 2rem !important;
    margin-top: -4rem !important;
  }
  .ms-ipad-width-alignment {
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  .ms-workflow-container {
    padding: 20px 20px 35px 20px !important;
  }
  .phone-add-button{
    top: 38px !important;
    display: flex;
    margin-left: 18rem !important;
    justify-content: right !important;
    width: auto !important;
    padding: 0 !important;
  }
  .phone-remove-button{
    top: 38px !important;
    display: flex;
    direction: rtl !important;
    padding: 0px 15px 0px 0px !important;
  }
  .container-border {
    /* border: 1px solid #ddd; */
    display: flex;
    flex-wrap: wrap;
    margin-left: 15px;
    margin-right: -15px;
    padding-bottom: 30px;
    margin-bottom: 40px;
  }

  .ms-accordian-collapseble .container-border {
    border: 1px solid #ddd;
  }
  .container-border .accordion-add-button {
    top: 30px;
    margin-top: -55px !important;
    margin-bottom: 0 !important;
    z-index: 1;
    margin-left: -130px;
    width: auto !important;
    display: flex !important;
    flex-direction: row;
  }
  .container-border .accordion-remove-button {
    top: 65px;
    margin-left: 0px;
    margin-top: -55px;
    display: flex !important;
    direction: rtl;
    width: auto !important;
  }
  .openLeftMenu {
    display: block;
  }
  .leftMenuBar {
      display: block;
  }
  .sidebar{
        margin-top: 78px;
        height: 1024px;
  }
  .back-button {
    position: absolute !important;
    margin-right: 40px !important;
  }
  .next-button {
    margin-left: -45px !important;
  }
  .customContainer {
    width: 100% !important;
  }
  .accordion-add-button{
    top:30px;
    margin-top: -55px;
    z-index: 1;
    display: flex !important;
    width: auto !important;
    direction: rtl;
    margin-left: -100px;
  }
  .accordion-remove-button{
    top: 85px;
    margin-left: 30px;
    margin-top: -58px;
    display: flex !important;
    direction: rtl;
    width: auto !important;
  }
  .accordion-remove-button.frmwrk_field_mrgn {
    top: 35px !important;
  }
  .accordion-remove-visible-button{
    text-align: end;
    top: 42px;
    margin-left: 126px;
    width: auto !important;
    margin-top: -45px;
    display:none !important;
  }
  .dynamic-remove-button{
    top: 35px;
    display: flex !important;
    direction: rtl;
    width: auto !important;
  }
  .customContainer .col-md-6.dynamic-cust-mrgn-oneLine {
    margin-top: 39px !important;
    margin-bottom: 25px !important;
  }
  .leftMenuButton {
    margin-left: -24px !important;
    padding: 0 !important;
    margin-top: -17px;
    margin-bottom: -17px;
  }
  .dynamic-add-button{
    top: 37px;
    display: flex !important;
    margin-left: -26%;
    z-index: 1;
    direction: rtl;
    width: auto !important;
  }
  .text-lg-left {
    padding: 12px 0px;
  }
  .banner-headline{
    text-align: center !important;
    font-size: 30px !important;
    font-weight: 400 !important;
  }
  .intro-back {
    margin-top: auto;
    border: 2px solid #274463 !important;
    background-color: #f0f0f000 !important;
    color: #274463 !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    border-radius: 5px !important;
    position: absolute;
    padding: 20px 35px !important;
    font-weight: 700 !important;
    position: relative !important;
  }
  .intro-back {
    position: relative !important;
    margin-right: 0px !important;
  }
  .intro-next {
    margin-top: auto;
    background-color: #274463 !important;
    color: white !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    position: absolute;
    margin-left: -15px;
    padding: 20px 35px !important;
    font-weight: 700 !important;
    position: relative !important;
    margin-left: 0px !important;
  }
  .dynamic-cust-top-mrgn {
    margin-top: 45px !important;
  }
  .customRelation .MuiSelect-selectMenu{
    min-width: 240px !important;
  }
  .placeholder-style-two-line-mobile label {
    position: static;
    margin-bottom: -15px;
    margin-top: -1rem;
  }
  .meandmyhousehold{
    margin-bottom: 25px
  }
  .financials{
    margin-bottom: 25px
  }
  .meandmyhousehold {
    width: 100% !important;
    margin-right: 0rem !important;
  }

  .financials {
    width: 100% !important;
    margin-right: 0rem !important;
    height: 100%
  }

  .otherinfo {
    width: 100% !important;
    height: 100%
  }

}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
  .section-fields .field {
    display: grid !important;
    margin: 10px;
  }
  .ms-custom-accordion .container-border {
    /* border: none !important;
    padding: 0 !important; */
    color: #000;
    margin-bottom: 2rem !important;
    margin-top: -4rem !important;
  }
  .ms-ipad-width-alignment {
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  .ms-workflow-container {
    padding: 20px 20px 35px 20px !important;
  }
  .phone-add-button{
    top: 38px !important;
    display: flex;
    margin-left: 18rem !important;
    justify-content: right !important;
    width: auto !important;
    padding: 0 !important;
  }
  .phone-remove-button{
    top: 38px !important;
    display: flex;
    direction: rtl !important;
    padding: 0px 15px 0px 0px !important;
  }
  .container-border {
    /* border: 1px solid #ddd; */
    display: flex;
    flex-wrap: wrap;
    margin-left: 15px;
    margin-right: -15px;
    padding-bottom: 30px;
    margin-bottom: 40px;
  }
  
  .ms-accordian-collapseble .container-border {
    border: 1px solid #ddd;
  }
  .container-border .accordion-add-button {
    top: 30px;
    margin-top: -55px !important;
    margin-bottom: 0 !important;
    z-index: 1;
    margin-left: -130px;
    width: auto !important;
    display: flex !important;
    flex-direction: row;
  }
  .container-border .accordion-remove-button {
    top: 65px;
    margin-left: 0px;
    margin-top: -55px;
    display: flex !important;
    direction: rtl;
    width: auto !important;
  }
  .back-button {
    position: relative !important;
    margin-right: 55px !important;
  }
  .next-button {
    margin-left: -73px !important;
  }
  .customContainer {
    width: 100% !important;
  }
  .accordion-add-button{
    top: 30px;
    margin-top: -55px;
    z-index: 1;
    display: flex !important;
    width: auto !important;
    flex-direction: row-reverse;
    margin-left: -100px;
  }
  .accordion-remove-button{
    top: 85px;
    margin-left: 110px !important;
    margin-top: -55px;
    display: flex !important;
    direction: rtl;
    width: auto !important;
  }
  .accordion-remove-visible-button{
    text-align: end;
    top: 42px;
    margin-left: 126px;
    width: auto !important;
    margin-top: -45px;
    display:none !important;
  }
  .dynamic-remove-button{
    top: 35px;
    display: flex !important;
    direction: rtl;
    width: auto !important;
  }
  .customContainer .col-md-6.dynamic-cust-mrgn-oneLine {
    margin-top: 41px !important;
    margin-bottom: 25px !important;
  }
  .intro-back {
  margin-top: auto;
  border: 2px solid #274463 !important;
  background-color: #f0f0f000 !important;
  color: #274463 !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  border-radius: 5px !important;
  position: absolute;
  padding: 20px 35px !important;
  font-weight: 700 !important;
  position: relative !important;
}
.intro-back {
  position: relative !important;
  margin-right: 0px !important;
}
.intro-next {
  margin-top: auto;
  background-color: #274463 !important;
  color: white !important;
  border-radius: 5px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  position: absolute;
  margin-left: -15px;
  padding: 20px 35px !important;
  font-weight: 700 !important;
  position: relative !important;
  margin-left: 0px !important;
}
.placeholder-style-two-line-mobile label {
  position: static;
  margin-bottom: -15px;
}
.meandmyhousehold{
  margin-bottom: 25px
}
.financials{
  margin-bottom: 25px
}
.meandmyhousehold {
  width: 49% !important;
}

.financials {
  width: 49% !important;
  margin-right: 0rem !important;
}

.otherinfo {
  width: 49% !important;
}

}
@media (min-width: 800px) and (max-width: 1024px){
  .ms-cic-submit .back-button{
    margin-top: 3px !important;
  }
  .appealradio .MuiFormGroup-root.MuiFormGroup-row span.ms-radio-toggle:first-child label {
    margin-right: 26px;
  }
  
}
@media (min-width: 767.9px) and (max-width: 1024px) {
  /*Author: Basha
  *Purpose: Styles Added to handle alignment issue for i-PAD
  *Date: 03/22/2022
  */
  /*Author: Basha
  *Purpose: Styles Added to handle alignment issue on document upload
  *Date: 04/14/2022
  */
  .ms-cust-mrgt.mdhs-rntMrtge.checkbox-HeatingnCooling.frmwrk_field_mrgn.col-md-6 {
    top: 9px;

}
.ms-mrgb0i.ms-multiselect-dropdown.ms-mrgt.ms-hs-membr-nm .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root {
  margin-top: -13px !important;
}
.ms-mrgt20.ms-medicaid-plnnr.frmwrk_field_mrgn.col-md-6 {
  margin-top: 19px !important;
}
.col-offset-6.ms-wht-state .MuiFormGroup-root {
  margin-top: -22px;
}
.sig_mob.ms-vi-phtxt .MuiFormGroup-root .MuiFormControl-root label {
  top: -23px !important;
}
  .hoh-membr-edit .MuiSelect-root.MuiSelect-select.MuiInput-input {
    margin-top: 1.0rem !important;
  }
  .hoh-membr-edit.rltnship_txt_vie .MuiSelect-root.MuiSelect-select.MuiInput-input {
    margin-top: 0rem !important;
  }
  .ms-cust-mrgt.Relatn_Chng.col-md-6 {
    bottom: -14px;
}
  .ms-help-table td{
    text-wrap: wrap !important;
  }
  .ms-help-table{
    width: auto !important;
  }
  .add-row-section.ms-upload-input-sec {
    padding-top: 20px;
  }
  .add-row-section.ms-upload-input-sec label.MuiFormLabel-root {
    white-space: initial;
    text-overflow: ellipsis;
    top: -15px;
    width: 83%;
  }
  .ms-vi-upload-doc .ms-upload-input-sec > div:first-child .MuiFormLabel-root{
    top: -15px !important;
  }
  .ms-vi-upload-doc .ms-upload-input-sec > div:nth-child(5) .MuiFormLabel-root {
    top: -25px !important;
  }
  .ms-vi-upload-doc .ms-upload-input-sec .column-text {
    padding-top: 30px !important;
  }
  .ms-vi-upload-doc .ms-upload-input-sec .column-input {
    padding-top: 47px;
  }
  .ms-vi-upload-doc .ms-upload-input-sec .delete-pad {
    padding-top: 40px;
  }
  .ms-upload-row-head .ms-upload-row-col, 
  .add-row-section.ms-docs-add-sec .row-cols-md-6>*,
  .add-row-section.ms-upload-input-sec.row-cols-md-6>* 
  {
    flex: 0 0 18%;
    max-width: 18%;
  }
  .ms-upload-row-head .ms-upload-row-col:last-child, 
  .add-row-section.ms-docs-add-sec .row-cols-md-6 > div:last-child,
  .add-row-section.ms-upload-input-sec.row-cols-md-6 > div:last-child 
  {
    flex: 0 0 10%;
    max-width: 10%;
    padding-left: 0;
  }
  .add-row-section.ms-upload-input-sec.row-cols-md-6 .MuiSelect-icon {
    right:  -5px;
  }
  .section-ph-info.ms-upload-row-col {
    height: auto !important;
  }
  .add-row-section .form-group.col, .add-row-section .column-text.col {
    flex: 0 0 100%;
  }
  .ms-mobile-mrgt10 {
    margin-top: 10px;
  }
  .firstBlock {
    display: block;
  }
  .firstBlock .frmwrk_field_mrgn div.MuiFormGroup-row ,.firstBlock .frmwrk_field_mrgn:first-child label{
    margin-right: 0;
  }
  .frmwrk_field_mrgn div label.cust-caption{
    width: 70%;
  }
  .phone-add-button {
      top: 55px !important;
      margin-left: 25rem !important;
      display: flex;
      justify-content: right !important;
      width: auto !important;
      bottom: -50px !important;
  }
  .phone-remove-button{
    top: 55px !important;
    display: flex;
    direction: rtl !important;
    padding: 0px 15px 0px 0px !important;
  }
  .ms-new-add-another-container .phone-add-button {
    margin-left: 16rem !important;
    bottom: -40px !important;
  }
  .ms-accordian-collapseble .phone-add-button {
    margin-left: 23rem !important;
  }
  .ms-accordian-collapseble .container-border:not(:first-child) .phone-add-button {
    margin-left: 11rem !important;
  }
  /*edit button issuefor all ipads for non hoh member account */
  .ms-member-no-hoh.ms-accordian-collapseble .container-border:first-child .phone-add-button {
    margin-left: 11rem !important;
  }
  .ms-remove-member .MuiFormGroup-root {
    flex-direction: column;
    margin-bottom: -35px !important;
    justify-content: flex-end;
  }
  .ms-custom-field-container.ms-members-container .outerContainer .phone-add-button {
    margin-left: 18rem !important;
  }
  .ms-custom-field-container.ms-members-container .outerContainer .dynamic-remove-button {
    top: -38px !important;
    direction: ltr;
  }
  .next-button {
      padding: 10px 40px !important;
      font-weight: 700 !important;
      position: absolute !important;
  }
  /*save&continue button allignment for all ipads*/
 .next-button.save-continue-button {
  white-space: nowrap !important;
  margin-left: -143px !important;
}
  .back-button {
      padding: 10px 40px !important;
      font-weight: 700 !important;
  }
  .addName {
      width: 325px !important;
      padding-top: 25px !important;
  }
  .intro-back {
    margin-top: auto;
    border: 2px solid #274463 !important;
    background-color: #f0f0f000 !important;
    color: #274463 !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    border-radius: 5px !important;
    position: absolute;
    padding: 20px 35px !important;
    font-weight: 700 !important;
    position: relative !important;
  }
  .intro-back {
    position: relative !important;
    margin-right: 0px !important;
  }
  .intro-next {
    margin-top: auto;
    background-color: #274463 !important;
    color: white !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    position: absolute;
    margin-left: -15px;
    padding: 20px 35px !important;
    font-weight: 700 !important;
    position: relative !important;
    margin-left: 0px !important;
  }
  .ms-accordian-collapseble .container-border .col-md-6.ms-typeof-mrg {
    margin-top:56px !important
  }
  .ms-container-margin .customContainer.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .ms-checkbox-container .customContainer .checkBoxMargin {
    margin-bottom: 15px;
  }
  .ms-checkbox-container .customContainer .checkBoxMargin label.MuiFormControlLabel-root{
    margin: 0 !important;
  }
  .ms-cic-submit .back-button {
    padding-right: 10px !important;
    padding-left: 10px !important;
    min-width: 160px;
    margin-left: -20px;
    margin-top: -20px;
  }
  
  .ms-appeals-buttons-conainer .next-button {
    margin-left: -43px !important;
  }
  .ms-vi-appeals-submit .appeal-next-btn {
    padding-left: 20px !important;
    padding-right: 20px !important;
    min-width: 110px
  }
}
/* @kunal 
css for 125% */
@media (min-width: 820px) and (max-width: 1120px){
  .ms-custom-accordion.ms-accordian-collapseble .auth-rep-edit-button .container-border:first-child .phone-add-button {
    margin-left: 178px !important ;
  }
  .ms-label-two-line-federal.ms-federal label.MuiFormLabel-root {
    margin-top: -16px;
  }
/* @kunal css issue border alignment for Authorized Representative Changes is fixed  */
   .auth-rep-edit-button.dynamic-gqcust-top-mrgn{
    margin-top: 24px;
    margin-left: -18px !important
  }
}
@media (min-width: 767px) and (max-width: 879px) { 
  .CCO_Required.halfWidthDropdown .MuiFormGroup-root .MuiFormControl-root .MuiInputBase-root{
    margin-top: 23% !important;
  }
  .CCO_Required label.MuiFormLabel-root{
    margin-top:1rem !important;
  } 
  .ms-accordian-collapseble .container-border .col-md-6.ms-mrgt22i {
    margin-top: 40px !important;
    }
    .ms-custom-field-container .customContainer .outerContainer .ms-details-inner-margin .ms-vi-dropdown-alignment .MuiFormGroup-root .MuiFormControl-root{
      margin-top: 72px !important;
    }
}
@media (min-width: 767px) and (max-width: 819px) { 
  .ms-vi-upload-doc .ms-upload-input-sec > div:nth-child(5) .MuiFormLabel-root {
    top: -25px !important;
  }
  .ms-vi-upload-doc .ms-upload-input-sec > div:nth-child(5) .MuiFormLabel-root.MuiFormLabel-filled {
    top: -17px !important;
  }
}
@media (min-width: 820px) and (max-width: 959px) { 
  .ms-vi-upload-doc .ms-upload-input-sec > div:nth-child(5) .MuiFormLabel-root {
    top: -15px !important;
  }
}
@media (min-width: 960px) and (max-width: 998px) {
  .ms-new-add-another-container .phone-add-button {
    margin-left: 12rem !important;
    bottom: -40px !important;
  }
  .ms-accordian-collapseble .phone-add-button {
    margin-left: 12rem;
  }
}
  .dynamic-remove-button button{
    background-color: #A30014 !important;
    color: #fff !important;
  }
  .dynamic-gqremove-button button{
    background-color: #056dbf !important;
    color: #fff !important;
  }
  .dynamic-add-button button{
    background-color: #274463 !important;
    color: #fff !important;
  }
  .accordion-add-button button {
    background-color: #274463 !important;
    color: #fff !important;
  }
  .MuiAccordionSummary-expandIcon{
    margin-left: -20px !important;
    margin-right: 0px !important;
  }

@media (min-width: 1024.9px) {
  .container-border {
    /* border: 1px solid #ddd; */
    display: flex;
    flex-wrap: wrap;
    margin-left: 15px;
    margin-right: -15px;
    padding: 17px;
    padding-bottom: 30px;
    margin-bottom: 40px;
  }
  
  .ms-accordian-collapseble .container-border {
    border: 1px solid #ddd;
  }
  .container-border .accordion-add-button {
    top: 65px;
    /* margin-top: -15px !important; */
    z-index: 1;
    width: auto !important;
    display: flex !important;
    flex-direction: row-reverse;
  }
  .container-border .accordion-remove-button {
    top: 65px;
    margin-left: 0px;
    margin-top: -55px;
    display: flex !important;
    direction: rtl;
    width: auto !important;
  }
  .next-button {
      padding: 10px 40px !important;
      font-weight: 700 !important;
      position: absolute !important;

  }
  /* save and continue button allignment for desktop until 110% */
  .save-continue-button {
    white-space: nowrap !important;
    margin-left: -75px !important;
  }
.save-continue-button.es-save-continue-button{
    margin-left: -117px !important;
  }
  .accordion-remove-button{
    top: 85px;
    margin-left: 30px;
    margin-top: -55px;
    display: flex !important;
    direction: rtl;
    width: auto !important;
  }
  .accordion-remove-visible-button{
    text-align: end;
    top: 42px;
    margin-left: 140px;
    width: auto !important;
    margin-top: -45px;
    display:none !important;
  }
  .back-button {
      padding: 10px 40px !important;
      font-weight: 700 !important;
      position: relative !important;

  }
  /* for all percentages in desktop */
  .back-button-continue{
    margin-right: 100px !important;
  }
  .back-button-continue.es-back-button-continue {
    margin-right: 120px !important;
  }
  .addName {
      width: 480px !important;
      padding-top: 25px !important;
  }
  .accordion-add-button{
    top: 30px;
    width: auto !important;
    margin-top: -15px;
    z-index: 1;
    display: flex !important;
    flex-direction: row-reverse;
  }
  .cust-mrgn {
    margin-top: 25px;
  }
  .dynamic-cust-mrgn {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .dynamic-custcc-mrgn {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .dynamic-cust-mrgn-amt {
    margin-top: 45px !important;
    margin-bottom: 15px !important;
  }

  .dynamic-cust-mrgn-dependentAlignment {
    display: flex !important;
    align-items: flex-end;
    justify-content: flex-end;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .custom-dependent-label {
    margin-bottom: -12px;
  }
  .dynamic-cust-mrgn-forDollar {
    margin-top: 50px !important;
    margin-bottom: 15px !important;
  }
  .dynamic-cust-mrgn-extcap{
    margin-top: -35px;
  }
  .dynamic-cust-radio-mrgn {
    margin-top: -30px;
    top: 0px;
  }
  .dynamic-cust-cap-mrgn {
    margin-top: -30px;
  }
  .dynamic-cust-cap-mrgn-lg-txt {
    margin-top: -20px;
  }
  .dynamic-cust-top-mrgn {
    margin-top: 15px;
  }
  .control-input-cap-mrgn {
    margin-top: 0px;
  }


  .accordion-header {
    background: #f4f4f4 !important;
    min-height: 49px !important;
    font-weight: 700;
    flex-direction: row-reverse;
  }

  .dynamic-remove-button{
    top: 35px;
    margin-top: -35px !important;
    margin-bottom: 0px !important;
    display: flex !important;
    direction: rtl;
    width:  auto !important;
  }
  .dynamic-employ-remove-first-button{
    text-align: end;
    width: 100%;
    top: 45px;
    position: relative;
    margin-top: -47px;
    display: none !important;
  }

  .dynamic-employ-remove-button{
    text-align: end;
    width: 100%;
    top: 45px;
    position: relative;
    margin-top: -47px;
    display: block;
  }

  .emp-ein-style {
    margin-top:14px;
  }

  .self-ein-style{
    margin-top:23px;
  }

  .seasonal-ein-style{
    margin-top: 5px;
  }

  .dynamic-gqcust-top-mrgn{
    margin-top: 24px;

  }
  /* @kunal css issue border alignment for Authorized Representative Changes is fixed  */
.auth-rep-edit-button.dynamic-gqcust-top-mrgn{
  margin-top: 24px;
  margin-left: -18px !important
}
  
  
  .dynamic-gqremove-button{
    text-align: end;
    width: 100%;
    top: 59px;
    position: relative;
    margin-top: -60px;
    display: block;
  }

  .dynamic-add-button{
    top: 35px;
    display: flex !important;
    z-index: 1;
    direction: rtl;
    width: auto !important;
  }
  .dynamic-add-button.gq.custom-width{
    max-width:85% !important;
  }
  .dynamic-add-button.gq+.accordion-remove-button{
    top: 40px;
    display: flex !important;
    direction: rtl !important;
    width: auto !important;
    margin-top: -55px;
    margin-bottom: 0;
  }
  .accordion-add-button{
    top: 85px;
    margin-top: -55px !important;
    margin-bottom: 0 !important;
    z-index: 1;
  }

  .customContainer {
      width: 100%  !important;

  }
  .accordion_bg .customContainer {
    display: block !important;

  }
  .mainFrame2 {
    width:100% !important;
  }
  .intro-back {
    margin-top: auto;
    border: 2px solid #274463 !important;
    background-color: #f0f0f000 !important;
    color: #274463 !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    border-radius: 5px !important;
    position: absolute;
    padding: 20px 35px !important;
    font-weight: 700 !important;
    position: relative !important;
  }
  .intro-back {
    position: relative !important;
    margin-right: 0px !important;
  }
  .intro-next {
    margin-top: auto;
    background-color: #274463 !important;
    color: white !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    position: absolute;
    margin-left: -15px;
    padding: 20px 35px !important;
    font-weight: 700 !important;
    position: relative !important;
    margin-left: 0px !important;
  }

  .ms-custom-field-container .customContainer .outerContainer .ms-details-inner-margin .ms-es-alignment .MuiFormGroup-root label{
    width: 99% !important;
  }
  .ms-custom-field-container .customContainer .outerContainer .ms-details-inner-margin .ms-en-alignment .MuiFormGroup-root label{
    width: 99% !important;
  }
  .ms-custom-field-container .customContainer .outerContainer .ms-details-inner-margin .ms-vi-alignment .MuiFormGroup-root label{
    width: 117% !important;
  }
  .ms-custom-field-container .customContainer .outerContainer .ms-details-inner-margin .ms-vi-dropdown-alignment .MuiFormGroup-root .MuiFormControl-root{
    margin-top: 48px;
  }
}

.tableStyling  th,
td {
  border: 1px solid rgba(224, 224, 224, 1);
}
.ccAddRmvButton{
  background-color: #056dbf !important;
  color: #fff !important;
}

.tableHeadingStyle {
  background: #ececec;
  color: #000;
}
.tableHeadCellStyle{
  font-weight: 700 !important;
}
.tableCellStyle{
  color: #0d0d0d !important;
}
/*
*Author: Basha
*Purpose: To add focus on tabout feature.
*Date: 01/27/2022
*/
/* *:focus {
  outline: none !important;
} */
label.MuiFormLabel-root{
  color: #000000 !important;

}
.MuiRadio-root {
  color:#dadddc !important;
}
.customContainer {
  width:auto;
}

.hr-line-1 {
  border-bottom: 5px solid #ffcc00;
}
.img-lt{
  padding-left: 0px !important;
}
.MuiFormControl-marginNormal {
  margin-top: 12px !important;
  margin-bottom: 0px !important;

}

.addButton {
  display: inline;
  justify-content: flex-end;
  padding: 5px;
  position: absolute;
  bottom: 30px;
}
.tbl-align {
  padding: 0px 15px !important;
}
.cust-chk-m {
  margin: 15px -15px -1px -15px !important;
}
.cust-chk-m .MuiFormControlLabel-label{
  display: none !important;
}
.mtl-2 {
  padding-left: 15px !important;
}

.MuiDrawer-paper {
  top: auto !important;
  position: absolute !important;
  display: contents !important;
}
.MuiBackdrop-root {
  top: 78px !important;
}

@media screen and (max-width: 600px) {
  .sidebar {
    margin-top: 78px;
    overflow: scroll;
    position: fixed;
    height: -webkit-fill-available;
    padding-bottom: 60px;
  }
}
.spanAlignment {
  display: inline-block;
  margin-bottom: .5rem;
}

.MuiButton-contained.Mui-disabled{
  background-color: #e0e0e0 !important;
  }

.custom-title {
  /* padding: 25px 0px; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 35px;
  padding-right: 35px;
}

.rmsc {
  --rmsc-gray: #555b5a !important;
}

.b-padding-left {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.img-padding {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.date-label-design {
  font-size: 15px !important;
  font-weight: 600!important;
  color:#000 !important;
}

.submit {
  padding: 5px;
  text-transform: uppercase;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700 !important;
  padding: 18px 30px !important;
  border: 2px solid #274463 !important;
  background-color: #f0f0f000 !important;
  color: #274463 !important;
  border-radius: 5px !important;
}
.lastSavedText {
  position: absolute !important;
  margin-left: 0px;
  font-size: 13px;
  font-weight: 100;
}

.dropdown-content input[type="checkbox"]{
  -moz-appearance: checkbox;
}
.dropdown-content {
  z-index: 100000 !important
}

  .tableStyling tr th:first-child {
    text-align: left !important;
    }
    .tableStyling tr th {
      text-align: center !important;
      }
.tableHeadCellStyle{
  text-align: center !important;
}​
.tableHeadCellStyle:first-child {
  text-align: left !important;
}​

.household-member-table tr th:first-child {
  width: 40%;
}

.household-member-table tr th:nth-child(2),.household-member-table tr th:nth-child(2),.household-member-table tr th:nth-child(2),.household-member-table tr th:last-child {
  width: 15%;
}
.household-member-table tr .MuiFormControlLabel-root {
margin-left: initial;
margin-right: initial;
}
.household-member-table tr .MuiFormControlLabel-root.custom-checkbox{
  width: auto;
  height: auto;
  margin-right: initial
}
.back-link {
  margin-right: 30%;
  text-decoration: underline;
}

.income-link {
  color: #274463 !important;
  text-decoration: none !important;
  background-color: transparent !important;
}

.voterRadio
{
  margin: 0 1rem;

}
.voterRadio input[type="radio"]{
  font-size: 18px;
  margin: 0px 8px;
}
.voterBackground{
  background: #6c6c6c;
}
.mainFrame2.indentation{
  text-align: justify
}
.ownerLabel {
  padding-top: 22px;
  font-size: 18px !important;
  font-weight: 400;
}
.json-list-style{
  padding-top: 20px;
  padding-left: 15px;
}
.json-list-style li{
  padding-bottom: 5px;
}
.summary-sf {
  border: 1px dashed #aaafb9;
  margin-left: 15px;
  padding: 5px;
}

.custom-tooltip-pointer{
  cursor: pointer !important;
}
.summaryTableStyling  th,
td {
  border: 1px solid rgba(224, 224, 224, 1);
}
.summaryTableStyling tr th {
  text-align: left !important;
  }
  .summary-edit{
    cursor: "pointer";
  }
  .mrgn-btm-2rem{
    margin-bottom: 2rem;
  }

  .placeholder-style-two-line-calender label.MuiFormLabel-root {
    margin-top: -1rem !important;
    font-size: 16px !important;
  }
  .checkboxGroupError {
    border-bottom: 1px solid #c92500;
  }
  /*  class added to remove extra bottom line for Race multiselect dropdown @Akshay   */
  .checkboxGroupError .new-checkbox-group__control{
    border-bottom: 0 !important;
  }
  .checkboxGroupErrorLabel {
    color:#c92500 !important;
  }
  .checkboxGroupErrorLabel .gray {
    color:#c92500 !important;
  }
  @media only screen and (max-width: 480px)  {
    .MuiFormControl-root .horizontalList {
      flex-direction: column;
    }
    .CCO_Required.halfWidthDropdown .MuiFormGroup-root .MuiFormControl-root .MuiInputBase-root{
      margin-top: 14rem !important;
    }
    .CCO_Required label.MuiFormLabel-root{
      margin-top: 2.5rem !important;
    } 
  }
  @media print {
    #historyButton {
      display: none;
    }
  }
  .footer-container a {
    text-align: -webkit-center !important;
    text-align: -moz-center !important;
  }
  .contact-icon, .ms-block-element, .ms-block-element .MuiFormControl-root {
    display: block !important;
  }
  .benefitHistoryPrint {
    margin-bottom: 30px;
    direction: rtl;
    width: 100%;
  }
  .benefitHistoryPrint button {
    font-size: 80%;
    padding: 10px 15px;
  }
  /**Custom styling for new checkbox*/
  .new-checkbox-group__menu{
    z-index: 9 !important;
  }
  .new-checkbox-group__option{
    background-color: #FFF !important;
    color: #000000 !important;
    margin-bottom: 5px;
  }
  .new-checkbox-group__option:active,
  .new-checkbox-group__option:focus,
  .new-checkbox-group__option:hover,
  .new-checkbox-group__option--is-selected{
    background-color: #f4f4f4 !important;
    color: #000000 !important;
    margin-bottom: 5px;
  }
  .new-checkbox-group--is-disabled .new-checkbox-group__control{
    background-color: transparent !important;
  }
  .new-checkbox-group--is-disabled .new-checkbox-group__control:focus{
    border-color: #000000;
  }
  .new-checkbox-group__value-container span{
    white-space: nowrap;
    font-size: 14px;
  }
  .new-checkbox-group__placeholder span{
    white-space: normal;
  }
  /* .container-border {
    border: 1px solid #ddd;
    display: flex;
    flex-wrap: wrap;
    margin-left: 15px;
    margin-right: -15px;
    padding-bottom: 30px;
    margin-bottom: 40px;
  }
  .container-border .accordion-add-button {
    top: 68px;
    margin-top: -55px !important;
    margin-bottom: 0 !important;
    z-index: 1;
    margin-left: -130px;
    width: auto !important;
    display: flex !important;
    flex-direction: row-reverse;
  }
  .container-border .accordion-remove-button {
    top: 65px;
    margin-left: 0px;
    margin-top: -55px;
    display: flex !important;
    direction: rtl;
    width: auto !important;
  } */
  #menu-docType .MuiMenu-paper {
    margin-left: -30px !important;
  }
  #menu-doc-id .MuiMenu-paper {
    margin-left: -30px !important;
  }
  #react-select-18-listbox{
    display:contents;
  }

  /*New code */
  .firstBlock .frmwrk_field_mrgn div.MuiFormControl-root{
      display: flex;
      flex-direction: revert;
      justify-content: space-between;
  }
  .firstBlock .frmwrk_field_mrgn div.MuiFormGroup-row{
    margin-right: -2.8rem;
}
/*Author: Basha
*Purpose: Styles Added to handle alignment issue for restore
*Date: 03/22/2022
*/
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .firstBlock .frmwrk_field_mrgn div.MuiFormGroup-row {
    margin-right: -8px !important;
  }
  .iphn-Dc .ms-en-dc-alignment .MuiFormControl-root{
    width: 100%;
  }
  .firstBlock .frmwrk_field_mrgn.col-md-12, .firstBlock .frmwrk_field_mrgn.col {
    padding-right: 0 !important;
  }
  /* kunal Added media query for alignment issue for en and vi */
  .ms-cust-mrgn3.ms-name-facility{
    margin-top: 70px !important;
  }
    /* kunal Added media query for alignment issue for es  */
  .ms-cust-mrgn3.ms-name-facility-add{
    margin-top: 95px !important;
  }
  .ms-custom-field-container .customContainer .outerContainer .ms-details-inner-margin .ms-es-alignment .MuiFormGroup-root label{
    width: auto !important;
  }
  .ms-custom-field-container .customContainer .outerContainer .ms-details-inner-margin .ms-en-alignment .MuiFormGroup-root label{
    width: auto !important;
  }
  .ms-custom-field-container .customContainer .outerContainer .ms-details-inner-margin .ms-vi-alignment .MuiFormGroup-root label{
    width: auto !important;
  }
  .ms-custom-field-container .customContainer .outerContainer .ms-details-inner-margin .ms-vi-dropdown-alignment .MuiFormGroup-root .MuiFormControl-root{
    margin-top: 55px !important;
  }
  
}

  /*Author: Basha
  *Purpose: Width changed to handle the '*' in the same line.
  *Date: 03/16/2022
  */
  .frmwrk_field_mrgn div label.cust-caption, .sub-head-label{
    width: 74%;
    font-size: 16px !important;
    font-weight: 400 !important;
  }
  /* kunal Made the Astrix mark to be properlly aligned for RetirementFund_Astrix */
  .RetirementFund_Astrix.frmwrk_field_mrgn div label.cust-caption{
    width: 76%;
  }
  @media only screen and (min-width: 768px) and (max-width: 1080px) {
    .frmwrk_field_mrgn div label.cust-caption, .sub-head-label{
      width: 70%;
    }
  }


  .firstBlock .frmwrk_field_mrgn:first-child label {
    position: static;
    min-height: 35px;
    margin-bottom: -15px;
  }
  .firstBlock .frmwrk_field_mrgn label {
    margin-bottom: 0px;
  }
  .placeholder-style-two-line-mobile label {
    margin-bottom: 0px;
  }
  .ms-checkbox-title {
    margin-top: 2rem;
    font-size: 16px !important;
    color: #333333;
    margin-bottom: 0px !important;
  }
  .ms-custom-accordion .accordion_bg {
    border: 1px solid #aaafb9;
  }
  .ms-custom-accordion .ms_accordion_bg_borderCurl {
    border-radius: 10px;
  }
  .ms-custom-accordion .ms_accordion_bg_border {
    border-radius: 10px !important;
  }
  .ms-custom-accordion .ms_accordion_header_borderCurl {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .ms-custom-accordion .ms_accordion_header_border {
    border-radius: 10px;
  }
  .ms-custom-accordion .MuiCollapse-wrapper {
    margin-bottom: -50px !important;
  }
  .dependencyHorizontalBorder {
    border-bottom: 1.5px solid #274463;
  }
  .ms-custom-accordion .container-border {
    /* border: none !important;
    padding: 0 !important; */
    color: #000;
    margin-bottom: 2rem;
    margin-top: -2rem;
  }
  .ms-custom-accordion .MuiAccordionSummary-expandIcon.Mui-expanded {
    transform: none !important;
  }
  .phone-add-button{
    top: 50px;
    margin-left: 35rem;
    display: flex;
    justify-content: right;
    width: auto !important;
  }
  .phone-add-button button {
    background-color: #274463 !important;
    color:white!important;
  }
  
/* Kunal CSS issue fixed for Dom & MDHS Household Memeber.
Added media query also  */
  .phone-add-button-button-household{
    top: 50px ;
    margin-left: 29rem ;
    display: flex;
    justify-content: right;
    width: auto !important;
  }
  @media (max-width:767.8px){
    .phone-add-button-button-household{
      top: 35px;
    margin-left: 7rem ;
    display: flex;
    justify-content: right;
    width: auto !important;
  }}
 /* @kunal
 Added max-width for screen css issue */
  @media (min-width:768px) and (max-width:1400){
  .phone-add-button-button-household{
    top: 50px;
    margin-left: 27rem ;
    display: flex;
    justify-content: right;
    width: auto !important;
  } 
} 
.phone-add-button-button{
  top: 50px;
  margin-left: 29rem;
  display: flex;
  justify-content: right;
  width: auto !important;
}
/* @Kunal 
  Added media query for Authorized Representative Changes.
  Added max-width for screen css issue */ 
@media (min-width:768px) and (max-width:1400){
  .phone-add-button-button{
    top: 52px;
    margin-left: 9rem ;
    display: flex;
    justify-content: right;
    width: auto !important;
  } 
}
@media (max-width:767.8px){
  .phone-add-button-button{
    top: 35px;
    margin-left: 11rem;
    display: flex;
    justify-content: right;
    width: auto !important;
  }
}
 .phone-add-button-button button  {
    background-color: #274463 !important;
    color:white!important;
  }
  .phone-add-button-button-household button  {
    background-color: #274463 !important;
    color:white!important;
  }
  
  .phone-remove-button{
    top: 50px;
    z-index: 1;
    display: flex;
    direction: rtl !important;
    width: 128px !important;
  }
  .phone-remove-button button {
    background-color: #A30014 !important;
    color: #fff !important;
  }
  .ms-workflow-container {
    background-color: #f4f4f4;
    padding: 20px 20px 35px 20px;
    flex: 16;
  }
.termsBox ul {
  padding-left: 20px;
  margin-top: 20px;
}
.MuiInput-formControl {
    width: 100%;
}
.ms-two-label-align .MuiFormControl-root {
  margin-top: 2rem;
  flex-direction: column !important;
  width: 50%;
}
.subfield-header h5 {
  font-weight: 700;
  font-size: 16px !important;
  color: #333;
}
.ms-tooltip-icon .MuiSelect-icon {
  right: 18px !important;
}
.ms-programSelection-link a {
  width: calc(100% + 30px);
}
/* .ms-custom-modal-alignment {
  margin-top: 5rem;
  padding-bottom: 5rem !important;
  text-align: center !important;
} */
.ms-footer-right {
  justify-content: flex-end !important;
}


.mt3.ms-multiselect-dropdown {
  margin-bottom: -20px !important;
}
.programLevelCustomText{
  margin-left: 15px;
}

.frmwrk_field_mrgn .form-group{
  margin:0;
  width: 100%;
}
.ms-field-container {
 border: 1px dashed #aaafb9;
 padding-left: 20px;

}
.pbr-3 {
  padding-bottom: 4.5rem !important;
}
.ms-checkbox-container .errormessageclass{
  top:0;
}

/*Author: Basha
*Purpose: Styles Added to handle the space between the error message and the field
*Date: 03/16/2022
*/
.ms-mailing-address .errormessage-radio-class {
  margin-top: 10px !important;
  margin-bottom: -10px !important;
}
.ms-program-error {
  margin-top: -15px;
}

/*Author: Basha
*Purpose: Styles Added to handle alignment issue for middle name in spanish
*Date: 03/17/2022
*/
.ms-label-twoline .MuiFormLabel-root {
  top: -15px !important;
}
.ms-es-upload-doc-label-twoline .MuiFormLabel-root {
  top: 0px !important;
}
.ms-vi-upload-doc-label-threeline-white-space-pre-wrap .MuiFormLabel-root {
  top: -15px;
  white-space: pre-wrap;
}
.ms-label-threeline .MuiFormLabel-root {
  top: -30px !important;

}
.ms-label-twoline .MuiFormLabel-root.Mui-focused, .ms-label-twoline .MuiFormLabel-root.MuiFormLabel-filled {
  top: -5px !important
}
/*Author: Rahul
*Purpose: Property added to hide the border in multiselect.
*Date: 03/18/2022
*/
.css-1s2u09g-control {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
.css-1okebmr-indicatorSeparator {
  display: none !important;
}
.css-1pahdxg-control:active {
  border-left-color: none !important;
  border-top-color: none !important;
  border-right-color: none !important;
}
/*Author: Basha
*Purpose: Styles Added to handle alignment issue
*Date: 03/22/2022
*/
.ms-radio-field {
  flex-direction: column;
}
.ms-radio-field .errormessage-radio-class {
  margin-top: -10px;
  margin-bottom: 0 !important;
}
.phone-add-button {
  min-width: 200px !important;
}
.cancelApp {
  margin-left: 1rem;
}
.ms-multiSelection-content-style .new-checkbox-group__placeholder {
  color: #333;
}
.ms-cancel-application-model + div.ms-footer-right {
  direction: rtl;
  justify-content: flex-start !important;
}
.ms-cancel-application-model + div.ms-footer-right a.primary{
  flex-grow: 0.4 !important;
  padding: 5px 10px !important;
  margin-left: 20px;
}
.ms-cancel-application-model + div.ms-footer-right a.secondary {
  flex-grow: 0.4 !important;
  padding: 5px 10px !important;
}
.ms-cancel-application-model .MuiFormControlLabel-root[type="checkbox"] {
  border: 0 !important;
  background: transparent !important;
  margin-bottom: 0;
}
.ms-cancel-application-model .MuiFormControlLabel-root[type="checkbox"] .MuiSvgIcon-root {
  width:30px;
  height:30px;
}
.ms-cancel-application-model .ms-checkbox-title.form-label {
  font-weight: 600;
  margin-top: 0;
  text-align: left;
}
.ms-cancel-application-model .MuiFormControlLabel-root .MuiTypography-root {
  color: #333333 !important;
  font-size: 16px !important;
  text-align: left;
}
.ms-banner-modal-header .modal-title,
.ms-cancel-application-model {
  padding-left: 10px !important;
}
/*Author: Basha
*Purpose: Styles Added to handle program Specific questions
*Date: 03/25/2022
*/
.ms-label-width-100.frmwrk_field_mrgn div label.cust-caption {
  width: 100%;
}
.ms-caption-mrgn, .ms-caption-dropdown .MuiFormControl-root {
  margin-top: 20px !important;
}
.ms-custom-container .customContainer, .ms-custom-field-container .customContainer{
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media (max-width:993px) {
  .ms-cancel-application-model + div.ms-footer-right a.primary{
    flex-grow: 0.5 !important;
  }
  .ms-cancel-application-model + div.ms-footer-right a.secondary {
    flex-grow: 0.5 !important;
  }

  .ms-banner-modal-header .modal-title,
  .modal .modal-content .modal-body.ms-model-body.ms-cancel-application-model {
    padding-left: 10px !important;
  }
}

.ms-accordian-collapseble .phone-remove-button {
  top: 65px !important;
}
.ms-accordian-collapseble.ms-accordion-details .phone-remove-button {
  position: absolute;
  right: 30px;
  bottom: -18px;
  top: initial !important;
  margin-bottom: 0 !important;
}
.ms-accordian-collapseble.ms-accordion-details .phone-add-button,
.ms-accordian-collapseble.ms-accordion-details .container-border .ms-accordion-add-section .phone-add-button,
.ms-accordian-collapseble.ms-accordion-details .container-border:not(:first-child) .ms-accordion-add-section .phone-add-button 
 {
  position: absolute;
  right: 30px;
  bottom: -18px !important;
  top: initial !important;
  margin-bottom: 0 !important;
}
.ms-accordian-collapseble.ms-accordion-details .container-border:not(:first-child) .phone-add-button,
.ms-accordian-collapseble.ms-accordion-details .ms-accordion-add-section .container-border:not(:first-child) .phone-add-button
{
  right: 200px;
}
.ms-accordion-details .container-border {
  position: relative;
}
.ms-custom-accordion.ms-accordian-collapseble .container-border {
  border: 1px solid #ddd;
  display: flex;
  flex-wrap: wrap;
  margin-left: 15px;
  margin-right: -15px;
  padding-top: 25px;
  padding-bottom: 30px;
  margin-top: 0;
  margin-bottom: 40px;
}

.ms-mrgb0i, .ms-expenses-amount .outerContainer,
.ms-expenses-amount .ms-extra-input-caption.col-md-6,
.ms-address-group .form-group {
  margin-bottom: 0 !important;
}
.ms-mrgb20,
.ms-expenses-amount .container.dynamic-gqcust-top-mrgn  {
  margin-bottom: 20px !important
}

.ms-mrgb15 {
  margin-bottom: 15px !important
}

.ms-mrgbn20i {
  margin-bottom: -20px !important
}
.ms-expenses-amount .container.dynamic-gqcust-top-mrgn {
  margin-left: 0 !important;
}
.accordion_bg .customContainer {
  margin-bottom: 40px;
}
.ms-accordian-collapseble .container-border .ms-radio-field {
  flex: 0 0 calc(100% - 30px);
}
.ms-label-bold.frmwrk_field_mrgn div label.cust-caption {
  font-weight: 600 !important;
}
.ms-cust-mrgt.ms-mrgt20.col-md-6 {
  margin-top: 16px !important
}
.ms-custom-accordion.ms-accordian-collapseble .mainFrame2 {
  margin-left: 15px;
  margin-right: 15px;
}
.ms-custom-accordion.ms-accordian-collapseble.ms-relationship-table .mainFrame2 {
  margin-left: 0;
  margin-right: 15px;
}

  /*Author: Basha
  *Purpose: Styles Added to handle alignment issue on document upload
  *Date: 04/14/2022
  */
.ms-upload-add-more {
  min-height: 45px;
}
.ms-upload-add-more .add-more-button {
  position: absolute;
  right: 0;
}

.fade.modal-backdrop {
  z-index: 9999;
}
.fade.ms-model.modal {
  z-index: 10000;
}
.add-row-section.ms-upload-input-sec .Mui-error {
  white-space: initial !important;
  line-height: 16px !important;
}
.new-checkbox-group__value-container span {
  white-space: break-spaces !important;
}
.modal-backdrop.show {
  z-index: 1301;
}
.fade.ms-model.modal.show {
  z-index: 1302;
}
.ms-multiselect-dropdown .new-checkbox-group__placeholder {
  color: #636363 !important;
}

.ms-select-hide-label .form-label, .ms-dropdown-hide-label .MuiFormLabel-root {
  display: none;
}
.new-checkbox-group__placeholder {
  color: #333 !important;
}

.ms-accordian-collapseble .MuiAccordionSummary-content .containerTitle {
  font-size: 16px;
  padding: 0;
}

.ms-bold {
  font-weight: bold;
}

.ms-accordian-collapseble.ms-health-insurance .container-border .phone-remove-button {
  top: 75px !important;
}

.ms-accordian-collapseble.ms-health-insurance .container-border:not(:first-child) .phone-add-button {
  margin-bottom: 25px !important;
  top: 75px !important;
}

.new-checkbox-group__control {
  border-radius: 0 !important;
}

.new-checkbox-group__value-container {
  padding-left: 0 !important;
}

.checkboxGroupError + .errormessageCheckboxclass {
  top: initial;
  bottom: -20px;
}
.ms-multiselect-dropdown-element .checkboxGroupError + .errormessageCheckboxclass
.new-checkbox-group__value-container--has-value {
  display: block !important;
}

.ms-authorized-container .outerContainer .phone-add-button {
  margin-left: initial !important;
  right: 16rem !important;
  position: absolute !important;
  bottom: -33px !important;
  top: initial !important
}


.ms-authorized-container .outerContainer .phone-remove-button {
  margin-left: initial !important;
  right: 5rem !important;
  position: absolute !important;
  bottom: -33px !important;
  top: initial !important
}
.ms-authorized-container .outerContainer .phone-add-button button,
.ms-authorized-container .outerContainer .phone-remove-button button {
  min-width: 140px;
}
.ms-authorized-container .outerContainer {
  position: relative;
  padding-bottom: 40px !important;
}
.ms-custom-field-container.ms-members-container .outerContainer .ms-remove-member button {
  min-width: 110px
}

.ms-authorized-container .outerContainer:first-child .phone-add-button,
.ms-authorized-container .outerContainer .phone-remove-button {
  right: 2rem !important;
}

.ms-disable-container .ms-checkbox-title {
  margin-top: 0 !important;
}
.mt-3.ms-multiselect-mrg {
  margin-top: 2.2rem !important;
}
.mt-3.ms-multiselect-mrg.ms-which-child {
  margin-top: 1.8rem !important
}
.ms-select-mrg,
.ms-accordian-collapseble .container-border .col-md-6.ms-select-mrg {
  margin-top: 1rem !important;
}
.ms-federal-recotribe {
  margin-top: 2.2rem !important;
}
.ms-abd-medicaid-cover {
  margin-right: 0;
  width: auto;
  margin-bottom: 30px;
}
.ms-abd-medicaid-alignment{
  width: auto !important;
}
.ms-cust-mrgn2-5 {
  margin-top: 2.5rem !important
}
.ms-cust-mrgn2 {
  margin-top: 2rem !important
}
.ms-cust-mrgn1-3 {
  margin-top: 1.3rem !important
}
.ms-cust-mrgn1-5 {
  margin-top: 1.5rem !important
}
.ms-cust-mrgn1-8 {
  margin-top: 1.8rem !important
}
.ms-cust-mrgn3 {
  margin-top: 3rem !important
}
.ms-cust-mrgn4-4 {
  margin-top: 4.4rem !important
}
.ms-summary-table-margin > div {
  word-break: break-word;
}
.ms-cust-mrgn0-3 {
  margin-top: 0.3rem !important
}

@media (max-width: 767.98px) { 
  .back-button {
    position: absolute !important;
  }
  .ms-authorized-container .outerContainer .phone-add-button {
    right: initial !important;
    left: 10px;
    align-items: center;
    justify-content: flex-start;
  }
  .ms-authorized-container .outerContainer:first-child .phone-add-button {
    right: 10px !important;
    left: initial !important;
    justify-content: flex-end;
  }
  
  
  .ms-authorized-container .outerContainer .phone-remove-button {
    right: 10px !important;
    padding-right: 0 !important;
  }
  .ms-margin-top-label .MuiFormGroup-root .cstmdateStyle .MuiFormControl-root .MuiTextField-root .MuiFormLabel-root{
    margin-top: -15px !important;
  }
  .ms-margin-top-label .MuiFormGroup-root .MuiGrid-root .MuiGrid-root .MuiFormControl-root .MuiFormLabel-root{
    margin-top: -15px !important;
  }
  
  .ms-accordian-collapseble .container-border .col-md-6 .MuiInputLabel-formControl{
    top: 0px !important;
  }
  .ms-mrgt20i .MuiFormControl-root .MuiFormGroup-root div {
    margin-bottom: 0px !important;
  }
  .ms-currency-doller .dollarAlignment {
    bottom: 5px !important;
    margin-bottom: 0 !important;
  }
}

.ms-underline {
  text-decoration: underline;
}
.ms-underline a{
  cursor: pointer;
}
.ms-esignature-container {
  border: 1px solid #AAAFB9;
  padding-bottom: 15px;
}
.ms-esignature-container .customContainer.row {
  margin-left: 0 !important;
}

.ms-accordion-noborder .accordion_bg .customContainer {
  margin-bottom: 0;
  margin-top: -20px;
}
.ms-accordion-noborder .container-border {
  border: none !important;
}
.ms-whats-next-header {
  margin-left: 15px;
  flex: 0 0 calc(100% - 30px) !important;
  margin-top: 0;
}
.ms-center {
  text-align: center;
  width: 100%;
}
.ms-what-next-line {
  margin-left: 15px;
  flex: 0 0 calc(100% - 30px) !important;
}

.ms-whatnext-emailsec {
border: 1px solid #d8d2d2;
margin-left: auto;
margin-right: auto;
max-width: 400px;
}

.ms-whatnext-emailsec button  {
width: 100%;
background: #274463;
color: #FFF;
font-weight: 600;
padding-bottom: 10px;
padding-top: 10px;
margin-top: 20px;
margin-bottom: 20px;
}

.ms-what-next-links .col-md-4 > div {
margin-bottom: 10px;
}
/* @Rutuja - VSTS 360811 CSS issue fixed */
.ms-what-next-links {
margin-bottom: 20px;
margin-top: 15px;
}
.ms-hr-line{
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #274463;
}

.ms-accordion-noborder.ms-submit-accordion {
  margin-bottom: -25px;
}
.ms-submit-buttions-container .col-md-4 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* fixed as part of sanity testing 315777 #1 */
/* .ms-submit-buttions-container .col-md-3 {  
  margin-right: -30px;
} */ 

.ms-native-radio.ms-radio-field {
  flex: 0 0 calc(100% - 30px);
}
.ms-native-radio.ms-radio-field .MuiFormControl-root .MuiFormGroup-row {
  margin-right: 0;
}
.ms-esignature-container .cursive-text-field.col-md-6 label.MuiFormLabel-root {
  width: 95% !important;
}
.ms-ar-width {
  flex: 0 0 28% !important;
  max-width: 28% !important;
}
.ms-primary-button button {
  color: #FFF;
  background-color: #244459;
}
.ms-select-all-col-width .form-group {
  width: 50%;
  padding-right: 15px;
}
@media (min-width: 1047px) and (max-width:1210px) {
  .ms-submit-buttions-container .col-md-5 {
    flex: 0 0 20%
  }
  .ms-submit-buttions-container .col-md-3 {
    flex: 0 0 40%;
  }
  .ms-submit-buttions-container .col-md-4 {
    flex: 0 0 40%;
    max-width: 40%;
  }
}
@media (min-width: 678px) and (max-width:1047px) {
  .ms-submit-buttions-container .col-md-5 {
    flex: 0 0 20%
  }
  .ms-submit-buttions-container .col-md-3 {
    flex: 0 0 30%;
  }
  .ms-submit-buttions-container .col-md-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.ms-cust-mrgn0-3 {
  margin-top: 0.3rem !important
}

@media (max-width: 767.98px) { 
  .back-button {
    position: absolute !important;
  }
  .ms-authorized-container .outerContainer .phone-add-button {
    right: initial !important;
    left: 10px;
    align-items: center;
    justify-content: flex-start;
  }
  .ms-authorized-container .outerContainer:first-child .phone-add-button {
    right: 10px !important;
    left: initial !important;
    justify-content: flex-end;
  }
  
  
  .ms-authorized-container .outerContainer .phone-remove-button {
    right: 10px !important;
    padding-right: 0 !important;
  }

  .banner.short.right .row div:last-child .ms-banner-timktaken {
    right: auto !important;
    text-align: center !important;
    position: inherit !important;
  }
  .banner.short.right .row div:last-child {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }
  
}

.firstBlock.ms-border-element {
  border-bottom: none !important;
  padding-bottom: 0;
}
.firstBlock.ms-border-element .frmwrk_field_mrgn.col-md-12 {
  border-bottom: 1.5px solid #274463;
    padding-left: 0;
    margin-left: 15px;
    padding-bottom: 1.5rem;
    margin-top: 10px;
}
.firstBlock.ms-border-element .frmwrk_field_mrgn:first-child label {
  position: relative;
  margin-bottom: 0;
}
.firstBlock.ms-border-element.ms-ar-element .frmwrk_field_mrgn div.MuiFormGroup-row {
  margin-right: -1.8rem;
}
.MuiSelect-root.MuiSelect-select.MuiInput-input {
  font-family: 'Source Sans Pro', sans-serif !important;
}
.cstmdateStyle .MuiFormControl-root .MuiFormControl-marginNormal {
  width: 100%;
}

.ms-relationship-table .customRelation.MuiInputLabel-formControl {
  min-width: 200px !important;
}
.ms-relationship-table .MuiTableCell-alignLeft {
  word-break: break-word;
  max-width: 250px;
}
.ms-justify-text {
  text-align: justify !important;
}

.ms-accordion-add-section .container-border:first-child .phone-add-button {
  position: absolute;
  right: 30px;
  top: initial !important;
  bottom: 24px !important;
  margin-bottom: 0 !important;
}

.ms-accordion-add-section,
.ms-account-container .outerContainer:first-child {
  position: relative;
}
.ms-account-container .outerContainer:first-child .phone-add-button {
  position: absolute;
  bottom: -30px !important;
  right: 15px;
  top: initial !important;
  justify-content: flex-end;
}
.ms-currency-doller .MuiGrid-root.MuiGrid-container.MuiGrid-align-items-xs-flex-end {
  position: relative;
}
.ms-currency-doller .MuiInputLabel-formControl {
  transform: translate(0, 22px) scale(1);
}
.ms-currency-doller .MuiInputLabel-shrink {
  transform: translate(0, 1.5px) scale(0.75);
  transform-origin: top left;
}
.ms-currency-doller .dollarAlignment {
  bottom: 5px !important;
  margin-bottom: 0 !important;
}
.ms-accordian-collapseble .container-border .col-md-6.ms-annuity-currency {
  margin-top: 1rem !important;
}

.ms-es-submit-buttions-container.ms-submit-buttions-container .col-md-3 {
   margin-right: 0px !important;
}
@media (max-width: 767.98px) {
  .ms-accordion-add-section .container-border {
    position: relative;
  }
  .ms-accordion-add-section .container-border:first-child .phone-add-button {
    right: 30px;
    bottom: -24px !important;
    margin-bottom: 0 !important;
    left: initial;
    margin-left: initial !important;
  }
  .ms-accordion-add-section .container-border:not(:first-child) .phone-add-button button {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  
  .ms-account-container .outerContainer {
    position: relative;
  }

  .ms-account-container .outerContainer:not(:first-child) .phone-add-button {
    bottom: -34px;
    top: initial !important;
    margin-left: 30px !important;
    justify-content: flex-start !important;
  }
  .ms-account-container .outerContainer:not(:first-child) .phone-remove-button {
    position: absolute;
    right: 16px;
    bottom: -34px;
    top: initial !important;
  }
  .ms-accordion-add-section .container-border > .ms-bold.col-md-12 {
    margin-bottom: 20px !important;
  }
  .ms-custom-accordion.ms-accordian-collapseble .ms-currency-doller .dollarAlignment {
    margin-bottom: 0px !important;
    position: absolute;
    bottom: 3px;
  }
  .ms-custom-accordion.ms-accordian-collapseble .ms-currency-doller .MuiGrid-root.MuiGrid-container.MuiGrid-align-items-xs-flex-end {
    position: relative;
  }
  /* @Rutuja - VSTS 360811 CSS issue fixed */
  .ms-what-next-links .col-md-4.ms-medicaid-mobile-mrgn {
    margin-bottom: -83px !important;
  }
  .ms-hr-line.ms-what-next-line {
    margin-top: 100px !important;
  }
  .ms-ar-text-alignment {
    top: -95px !important;
  }
  /* end change */
  .what-next .next-button {
    right: initial !important;
    margin-left: 0 !important;
  }
  .ms-esignature-container .ms-label-twoline-mobile .MuiFormLabel-root {
    top: -45px !important;
  }
  .ms-esignature-container .ms-label-twoline-mobile .MuiFormLabel-root.Mui-focused, 
  .ms-esignature-container .ms-label-twoline-mobile .MuiFormLabel-root.MuiFormLabel-filled {
    top: -35px !important;
  }
  .ms-esignature-container .ms-label-twoline-mobile.col-md-6 {
    margin-top: 30px !important;
  }
  .ms-appeals-buttons-conainer .next-button {
    margin-top: 5px !important;
  }
  .ms-authrep-change-container .phone-add-button {
    margin-left: 0% !important;
  }
  .saveAsDraft{
    top: 40px !important;
    margin: auto !important;
  }
  .ms-next-buttons-container:first-child .col-md-5{
    text-align: center !important;
  }
}
@media (min-width: 1024px) and (max-width:1280px) { 
  .ms-authrep-change-container .phone-add-button {
    margin-left: 45%
  }

}
@media (min-width: 768px) and (max-width:1024px) { 
   .spcl_neds_input{
    margin-top: 18px;
   }
   .ms-accordian-collapseble .container-border .househldtax.col-md-6 .MuiInputLabel-formControl {
    top: -11px !important;
}
   .programdtls_specialneds{
    top: 24px;
  }
  .ms-accordion-add-section .container-border:first-child .phone-add-button {
    right: 0px;
    bottom: -24px !important;
    margin-bottom: 0 !important;
    left: initial;
    margin-left: initial !important;
  }
  .ms-es-submit-buttions-container.ms-submit-buttions-container .col-md-4 .next-button {
    width: 270px;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .ms-authrep-change-container .phone-add-button {
    margin-left: 25% !important;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
  .ms-custom-accordion.ms-accordian-collapseble.ms-accordion-details .customContainer {
    margin-top: 50px !important;
  }
}
.ms-absolute-ele {
  position: absolute;
  top: -20px;
}

.ms-submit-buttions-container .next-button .MuiButton-label {
  min-width: 190px !important;
}

.ms-padb20 {
  padding-bottom: 20px !important
}

.ms-padb40 .outerContainer {
  padding-bottom: 50px !important;
}

.alert-info {
  color: #333;
  background: transparent !important;
  border: none !important;
}
.ms-tanf-changes .errormessageclass {
  top: 0 !important;
}

.ms-resources-change-container .MuiGrid-root.MuiGrid-container {
  margin-top: 0 !important;
}

.col-md-12.ms-program-types.ms-cust-mrgn3 .col-md-4 {
  padding-left: 0 !important;
}

.ms-checkbox-column .MuiFormControl-root{ 
  flex-direction: column !important;
  }
  .ms-checkbox-column .MuiFormControl-root .ms-checkbox-title.form-label{ 
  margin-top: 0 !important;
  }

  .ms-checkbox-column .errormessageclass {
    margin-top: 10px;
  }
  #appealsuccesspopup .ms-banner-modal-header > div.modal-title {
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }
  @media only screen and (min-width: 1650px) {
    .ms-phone-number-container .outerContainer:not(:first-child) .phone-add-button {
      right: 490px;
    }
  }
  .relationshipMatrix-table-device-display .MuiTableCell-alignLeft{
    word-break: normal;
    max-width: fit-content;
 }
 .relationshipMatrix-table-device-display .MuiTableCell-root{
  padding: 2px;
  font-size: 12px;
}

.MuiFormControl-root.ms-checkbox-error .form-label {
    color: rgb(201, 37, 0); 
}
.MuiFormControl-root.ms-checkbox-error .errormessageclass {
  top: 0 !important;
}

.ms-mrgtn150 {
  margin-top: -150px !important;
}

.MuiFormGroup-root.MuiFormGroup-row span.ms-radio-toggle:first-child label {
  margin-right: 40px;
}
/* .firstBlock .frmwrk_field_mrgn:first-child label {
  position: relative;
  overflow: hidden;
}

.ms-radio-toggle label span:first-child {
  position: absolute;
  left: 0px;
  width: 100%;
  height: 100%;
}

.ms-radio-toggle .MuiFormControlLabel-root span:nth-child(2) {
  margin-left: 0px;
} */
.ms-accordian-collapseble .container-border .col-md-6.ms-mrgt13 {
  margin-top: -13px !important;
}

.css-1s2u09g-control.new-checkbox-group__control {
  border-color: rgba(0,0,0,0.30) !important;
}

.ms-multi-val-select .css-1s2u09g-control {
  border-color: rgba(0,0,0,0.87) !important;
}

.css-14el2xx-placeholder  span, .new-checkbox-group__value-container span {
  font-size: 16px;
}

.ms-asterick > span:last-child::after{
  content: "*";
  color: rgb(201, 37, 0);
}

.MuiMenuItem-root.ms-empty-dropdownValue {
  min-height: 30px;
}

.MuiFormGroup-root.ms-warning-msg{
  color:blue;
  border-color: blue !important;
}

@media (min-width:2000px) {
  .ms-cust-mrgn3.ms-name-facility {
      margin-top: 1.5rem !important;
  }
  
}

@media only screen and (min-width: 1200px) {
  .ms-phone-number-container .container.row {
    max-width: 100% !important
  }
}

.ms-theme-background-dark-green {
  background-color: #147120;
}
.MuiTypography-body1 {
  font-size: 0.9rem !important;
  font-family: "Open Sans", sans-serif !important;

}
.ms-fedrec-mrgtop{
  margin-top: 0rem !important;
}

.ms-multiselect-dropdown .form-group .form-label {
  font-size: 16px !important;

}
/* kunal added code fro hiding the summary header */
.header-bg.ms-hide-medical-records{
  display: none;
}
@media (min-width: 768px) and (max-width: 1100px) {
  .ms-label-threeline-mobile.ms-abd-twoline .MuiFormLabel-root.MuiInputLabel-root {
    top: -15px;
    color: #333333 !important;
  }
  .hoh_Rlnship_Txt .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root{
    top: -9px !important;
  }
}

.type-response-block .MuiInput-underline.Mui-focused::before, 
.type-response-block .MuiInput-underline:hover:not(.Mui-disabled):before,
.type-response-block .MuiFormLabel-root.MuiInputLabel-shrink + .MuiInput-underline:before,
.type-response-block .MuiInput-underline::before {
  border-bottom: none !important;
}
.type-response-block .MuiFormControl-root.MuiFormControl-fullWidth {
  border: 1px solid #AAAFB9;
  padding: 5px;
  width: calc(100% + 30px);
}
.type-response-block label + .MuiInput-formControl {
  margin-top: 0px !important;
}
.ms-type-response-width {
  width: auto !important;
}
.type-response-block .MuiFormGroup-root .MuiFormControl-fullWidth{
  width: auto !important;
} 

/* @Akshay added css for text area in new module Disability or blindness Report */
.type-response-block.hide-label-textarea.ms-disability-blind-textarea .MuiFormControl-root{
    height: auto;
    padding-right: 8px;
  }
  .type-response-block.hide-label-textarea.ms-disability-blind-textarea .MuiFormControl-root .MuiInputBase-input{
    height: 64px;
  }
  .type-response-block.hide-label-textarea.ms-disability-blind-textarea .MuiInputBase-root, 
  .type-response-block.hide-label-textarea.ms-disability-blind-smalltextarea .MuiInputBase-root {
      height: 100%;
      display: unset;
  }

  @media (min-width: 350px) and (max-width: 699px) {
      .type-response-block.hide-label-textarea.ms-disability-blind-textarea .MuiInputBase-root, 
      .type-response-block.hide-label-textarea.ms-disability-blind-smalltextarea .MuiInputBase-root {
          overflow-y: auto;
      }
  }
  .type-response-block.hide-label-textarea.ms-disability-blind-smalltextarea .MuiFormControl-root{
    height: auto;
    padding-right: 8px;
  }
  .type-response-block.hide-label-textarea.ms-disability-blind-smalltextarea .MuiFormControl-root .MuiInputBase-input{
    height: 44px;
  }
  .type-response-block.hide-label-textarea.ms-disability-blind-bigtextarea .MuiFormControl-root{
    height: 205px;
  }
  .type-response-block.hide-label-textarea.ms-disability-blind-textarea{
    margin-top: 20px;
  }
  /* @Akshay below style addded for textarea & checkbox for disablility report module */
  .ms-textarea-mrgt10{
    margin-top: 10px;
  }
  .type-response-block.hide-label-textarea.ms-disability-blind-bigtextarea .ms-not-required.Mui-errorMuiInput-underline:before,
  .type-response-block.hide-label-textarea.ms-disability-blind-bigtextarea .ms-not-required.MuiInput-underline.Mui-error:hover:not(.Mui-disabled):before,
  .type-response-block.hide-label-textarea.ms-disability-blind-textarea .ms-not-required.Mui-errorMuiInput-underline:before,
  .type-response-block.hide-label-textarea.ms-disability-blind-textarea .ms-not-required.MuiInput-underline.Mui-error:hover:not(.Mui-disabled):before,
  .type-response-block.hide-label-textarea.ms-disability-blind-smalltextarea .ms-not-required.Mui-errorMuiInput-underline:before,
  .type-response-block.hide-label-textarea.ms-disability-blind-smalltextarea .ms-not-required.MuiInput-underline.Mui-error:hover:not(.Mui-disabled):before{
    border-bottom: unset !important;
  }
  .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root{
    flex-direction: unset;
  }
  .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root .MuiFormGroup-root .MuiFormControlLabel-root{
    margin: -6px;
  }
  /* @Akshay, below (Checkbox)styling added for Disability or Blindness report module for Mobile */
  @media (min-width: 350px) and (max-width: 699px) {
    .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root{
      flex-direction: column;
    }
    .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root .ms-checkbox-title{
      position: relative;
    }
    .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root .MuiFormGroup-root{
      position: absolute;
      left: 75px;
      top: 48px;
    }
    @media (min-width: 350px) and (max-width: 366px) {
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root .MuiFormGroup-root{
        left: 150px;
      }
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox.ms-es-checkbox .MuiFormControl-root .MuiFormGroup-root {
        left: unset !important;
        right: 0px;
      }
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox.ms-vi-checkbox .MuiFormControl-root .MuiFormGroup-root {
        left: unset !important;
        right: 30px;
      }
    }
    @media (min-width: 366px) and (max-width: 377px) {
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root .MuiFormGroup-root{
        left: 120px;
      }
    }
    .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox.ms-es-checkbox .MuiFormControl-root .MuiFormGroup-root {
      left: 145px;
    }
    @media (min-width: 366px) and (max-width: 390px) {
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox.ms-es-checkbox .MuiFormControl-root .MuiFormGroup-root {
        left: unset !important;
        right: 30px;
      }
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox.ms-vi-checkbox .MuiFormControl-root .MuiFormGroup-root {
        left: 130px;
      }
    }
    @media (min-width: 391px) and (max-width: 410px) {
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox.ms-vi-checkbox .MuiFormControl-root .MuiFormGroup-root {
        left: 100px;
      }
    }
    @media (min-width: 416px) and (max-width: 454px) {
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox.ms-es-checkbox .MuiFormControl-root .MuiFormGroup-root {
        left: 90px;
      }
    }
    @media (min-width: 450px) and (max-width: 699px) {
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root .MuiFormGroup-root{
        top: 23px;
      }
    }
    @media (min-width: 422px) and (max-width: 438px) {
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root .MuiFormGroup-root{
        left: 38px;
      }
    }
    @media (min-width: 438px) and (max-width: 500px) {
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root .MuiFormGroup-root{
        top: 23px;
        right: 8px;
        left: unset;
      }
    }
    @media (min-width: 500px) and (max-width: 542px) {
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root .MuiFormGroup-root{
        top: 23px;
        right: 32px;
        left: unset;
      }
    }
    @media (min-width: 500px) and (max-width: 542px) {
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root .MuiFormGroup-root{
        right: 48px;
      }
    }
    @media (min-width: 542px) and (max-width: 560px) {
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root .MuiFormGroup-root{
        right: 137px;
        top: 23px;
        left: unset;
      }
    }
    @media (min-width: 560px) and (max-width: 585px) {
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root .MuiFormGroup-root{
        right: 155px;
        top: 23px;
        left: unset;
      }
    }
    @media (min-width: 585px) and (max-width: 624px) {
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root .MuiFormGroup-root{
        left: 175px;
        top: 23px;
      }
    }
    @media (min-width: 647px) and (max-width: 699px) {
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root .MuiFormGroup-root{
        left: 120px;
      }
    }
  }
/* @Akshay, below (Checkbox) styling added for Disability or Blindness report module for Tab */
  @media (min-width: 700px) and (max-width: 1024px) {
    .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root{
      flex-direction: column;
    }
    .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root .ms-checkbox-title{
      position: relative;
    }
    .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root .MuiFormGroup-root{
      position: absolute;
      left: 35px;
      top: 23px;
    }
    .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox.ms-es-checkbox .MuiFormControl-root .MuiFormGroup-root {
      left: 95px;
    }
    @media (min-width: 700px) and (max-width: 752px) {
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox.ms-es-checkbox .MuiFormControl-root .MuiFormGroup-root {
        left: 144px;
      }
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox.ms-vi-checkbox .MuiFormControl-root .MuiFormGroup-root {
        left: 110px;
      }
    }
    @media (min-width: 755px) and (max-width: 785px) {
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox.ms-vi-checkbox .MuiFormControl-root .MuiFormGroup-root {
        left: 65px;
      }
    }
    @media (min-width: 817px) and (max-width: 850px) {
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox.ms-es-checkbox .MuiFormControl-root .MuiFormGroup-root {
        position: absolute;
        left: 30px;
        top: 23px;
      }
    }
    @media (min-width: 774px) and (max-width: 810px) {
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox.ms-es-checkbox .MuiFormControl-root .MuiFormGroup-root {
        left: 35px;
      }
    }
    @media (min-width: 810px) and (max-width: 836px) {
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox.ms-es-checkbox .MuiFormControl-root .MuiFormGroup-root {
        left: 0px;
      }
    }
    @media (min-width: 836px) and (max-width: 851px) {
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox.ms-es-checkbox .MuiFormControl-root .MuiFormGroup-root {
        position: unset;
      }
    }
    @media (min-width: 960px) and (max-width: 1024px) {
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox.ms-es-checkbox .MuiFormControl-root .MuiFormGroup-root {
        position: absolute;
        top: 23px;
      }
    }
    @media (min-width: 815px) and (max-width: 821px) {
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root .MuiFormGroup-root{
        left: unset;
        right: 0px;
        top: 0px;
      }
    }
    @media (min-width: 700px) and (max-width: 746px) {
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root .MuiFormGroup-root{
        left: 74px;
      }
    }
    @media (min-width: 785px) and (max-width: 821px) {
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root .MuiFormGroup-root{
        left: -6px;
      }
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox.ms-vi-checkbox .MuiFormControl-root .MuiFormGroup-root {
        left: 35px;
      }
      @media (min-width: 785px) and (max-width: 804px) {
        .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox.ms-vi-checkbox .MuiFormControl-root .MuiFormGroup-root {
          left: 44px;
        }
      }
      @media (min-width: 815px) and (max-width: 821px) {
        .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root .MuiFormGroup-root{
          left: unset;
          right: 0px;
          top: 0px;
        }
      }
    }
    @media (min-width: 821px) and (max-width: 1024px) {
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root{
        flex-direction: unset;
      }
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root .ms-checkbox-title{
        position: unset;
      }
      .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root .MuiFormGroup-root{
        position: unset;
        left: unset;
        top: unset;
      }
    }
  }
  @media (min-width: 1024px) and (max-width: 1046px) {
    .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox.ms-es-checkbox .MuiFormControl-root .MuiFormGroup-root {
      position: absolute;
      top: 23px;
      left: 95px;
    }
  }
  @media (min-width: 1046px) and (max-width: 1086px) {
    .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox.ms-es-checkbox .MuiFormControl-root .MuiFormGroup-root {
      position: absolute;
      top: 23px;
      left: 30px;
    }
  }
  @media (min-width: 1086px) and (max-width: 1122px) {
    .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox.ms-es-checkbox .MuiFormControl-root .MuiFormGroup-root {
      position: absolute;
      top: 23px;
    }
      .text_esboderremerove {
        margin-top: 15px;
      }
  }
  @media (min-width: 1059px) and (max-width: 1095px) {
    .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root .MuiFormGroup-root{
      position: absolute;
      top: 23px;
    }
    .text_boderremerove{
      margin-top: 15px;
    }
  }
  @media (min-width: 991px) and (max-width: 1059px) {
    .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root .MuiFormGroup-root{
      position: absolute;
      top: 23px;
      left: 30px;
    }
  }
  @media (min-width: 960px) and (max-width: 991px) {
    .ms-list-name-checbox.col-md-12.ms-checkbox-container.ms-disable-container.ms-disability-report-checkbox .MuiFormControl-root .MuiFormGroup-root{
      position: absolute;
      top: 23px;
      left: 70px;
    }
  }
  /*Akshay For "discribe daily activities" question in disablity module */
  .ms-msrgn-tp12{
    margin-top: 10px;
  }
  .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine .MuiInputBase-root{
    margin-top: 28px;
  }  
  @media (min-width: 1180px) and (max-width: 1509px) {
    .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-lable-extra-threeLine .MuiInputBase-root{
      margin-top: 35px;
    }
  }
  @media (min-width: 1509px) and (max-width: 1920px) {
    .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-lable-extra-threeLine .MuiInputBase-root{
      margin-top: 20px;
    }
  }
  .ms-label-extraSpace-twoLine .MuiInputBase-root{
    margin-top: 20px;
  }

  .ms-marg-btm-zero.col-md-12.ms-cust-mrgt.ms-radio-field.ms-native-radio .MuiFormLabel-root{
    margin-bottom: 0px !important;
  }
  .ms-list-name-checbox .MuiFormGroup-root div .MuiTypography-root{
    display: none;
  }
  @media (min-width: 1422px){
    .ms-mrgt-extra .MuiInputBase-root{
      margin-top: 20px !important;
    }
  }
  @media (min-width: 1024px) and (max-width: 1422px){
    .ms-mrgt-extra .MuiInputBase-root{
      margin-top: 35px !important;
    }
  }
  @media (min-width: 1024px) and (max-width: 1520px){
    .ms-extra-twoline .MuiFormLabel-root{
      top: -16px;
    }
  }
  @media (min-width: 1520px) and (max-width: 1920px){
    .ms-extra-twoline .MuiFormLabel-root{
      top: 0px;
    }
  }
  @media (min-width: 1024px) and (max-width: 1300px) {
    .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-lable-extra-threeLine.col-md-12.ms-cust-mrgt.ms-mrgt-9line-mob .MuiInputBase-root{
      margin-top: 52px;
    }
  }
  /* @Akshay, below styling added for Disability or Blindness report module for Mobile */
   @media (min-width: 350px) and (max-width: 699px) { 
    .ms-cust-mrgt.col-md-12.ms-mrgn-top6{
      margin-top: 25px;
    }
    .ms-cust-mrgt.col-md-12.ms-mrgn-top6 .MuiInputBase-root{
      margin-top: 6px;
    }
    .ms-marg-btm-zero .MuiFormLabel-root{
      margin-bottom: 0px !important;
    }
    .ms-mob-marg-top45{
      margin-top: 45px;
    }
    .ms-accordian-collapseble .container-border .col-md-12.ms-mob-marg-top45.ms-extratop6 .MuiInputLabel-shrink {
      top: -6px !important;
    }
    @media (min-width: 350px) and (max-width: 377px) {
      .ms-accordian-collapseble .container-border .col-md-12.ms-mob-marg-top45.ms-extratop6 .MuiInputBase-root{
        margin-top: 30px;
      }
    }
    .ms-mrgntb15 {
      margin-top: 30px;
      margin-bottom: 15px;
    }
    .ms-accordian-collapseble .container-border .col-md-6.ms-mrgnt30.ms-mrgntb15,
    .ms-accordian-collapseble .container-border .ms-extra-width.col-md-6.ms-mrgntb15{
      margin-top: 30px !important;
      margin-bottom: 30px !important;
    }
    .ms-mob-marg-top30{
      margin-top: 30px;
    }
    .ms-accordian-collapseble .container-border .col-md-6.ms-mob-width89.ms-mob-marg24{
      margin-top: 24px !important;
     }

    .ms-mob-width89 .cstmdateStyle .MuiFormLabel-root{
      width: 89% !important;
    }
    .ms-longtxt-mrgn{
      margin-top: 30px;
    }
    .ms-label-twoline-mobile.col-md-12.ms-cust-mrgt.ms-mob-mrgn65-top.ms-extratop.ms-longtxt-mrgn .MuiInputBase-root{
      margin-top: 35px !important;
    }
    .ms-label-twoline-mobile.col-md-12.ms-cust-mrgt.ms-mob-mrgn65-top.ms-extratop.ms-longtxt-mrgn .MuiInputLabel-shrink{
      top: -24px !important;
    }
    .ms-mob-dobaleLine .MuiInputBase-root{
      margin-top: 30px;
    }
    .ms-mob-mrgn65-top .MuiInputBase-root{
      margin-top: 65px !important;
    }
    .ms-accordian-collapseble .container-border .col-md-12.ms-label-twoline-mobile.ms-mob-mrgn65-top .MuiInputLabel-shrink{
      top: -24px !important;
    }
    @media (min-width: 350px) and (max-width: 392px) {
      .ms-mob-mrgn65-top .MuiInputBase-root{
        margin-top: 80px !important;
      }
    }
    @media (min-width: 350px) and (max-width: 374px) {
      .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-mrgt-extra .MuiInputBase-root{
        margin-top: 112px !important;
      }
    }
    @media (min-width: 374px) and (max-width: 380px) {
      .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-mrgt-extra .MuiInputBase-root{
        margin-top: 98px !important;
      }
    }
    .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-mrgt-extra{
      margin-top: 26px;
    }
    .ms-mrgt-extra .MuiInputBase-root{
      margin-top: 82px !important;
    }
    .ms-extra-twoline .MuiInputBase-root{
      margin-top: 24px;
    }
    .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-lable-extra-threeLine.col-md-12.ms-cust-mrgt.ms-mrg96-top .MuiInputBase-root{
      margin-top: 96px;
    }
    .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-lable-extra-threeLine.col-md-12.ms-cust-mrgt.ms-mrg96-top{
      margin-top: 15px;
    }
    .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.col-md-6.ms-top15 .MuiInputLabel-formControl.MuiInputLabel-shrink{
      top: -15px !important;
    }
    .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-lable-extra-threeLine.col-md-12.ms-cust-mrgt.ms-mrg96-top .MuiInputLabel-shrink{
      top: -18px !important;
    }
    .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-lable-extra-threeLine.col-md-12.ms-cust-mrgt.ms-mrgt-9line-mob .MuiInputBase-root{
      margin-top: 112px;
    }
    @media (min-width: 350px) and (max-width: 366px) {
      .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-lable-extra-threeLine.col-md-12.ms-cust-mrgt.ms-mrg96-top .MuiInputBase-root{
        margin-top: 128px;
      }
    }
    @media (min-width: 366px) and (max-width: 397px) {
      .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-lable-extra-threeLine.col-md-12.ms-cust-mrgt.ms-mrg96-top .MuiInputBase-root{
        margin-top: 112px;
      }
    }
    @media (min-width: 350px) and (max-width: 367px) {
      .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-lable-extra-threeLine.col-md-12.ms-cust-mrgt.ms-mrgt-9line-mob .MuiInputBase-root{
        margin-top: 160px;
      }
    }
    @media (min-width: 367px) and (max-width: 390px) {
      .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-lable-extra-threeLine.col-md-12.ms-cust-mrgt.ms-mrgt-9line-mob .MuiInputBase-root{
        margin-top: 144px;
      }
    }
    .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-lable-extra-threeLine.col-md-12.ms-cust-mrgt.ms-mrgt-9line-mob{
      margin-top: 38px;
    }
    .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-mrgt-extra.col-md-12.ms-cust-mrgt.ms-mrgnt35.ms-extratop .MuiInputLabel-shrink,
    .ms-label-twoline-mobile.col-md-12.ms-cust-mrgt.ms-mob-mrgn65-top.ms-extratop .MuiInputLabel-shrink{
      top: -10px !important;
    }
    .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-lable-extra-threeLine.col-md-12.ms-cust-mrgt.ms-mrgt-9line-mob.ms-mob-marg24.ms-topspace8 .MuiInputLabel-shrink,
    .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-lable-extra-threeLine.col-md-12.ms-cust-mrgt.ms-mrg96-top.ms-topspace8 .MuiInputLabel-shrink {
      top: -8px !important;
    }
    .ms-accordian-collapseble .container-border .ms-mob-mrg0.col-md-6{
      margin-top: 0px !important;
    }
    @media (min-width: 350px) and (max-width: 409px) {
      .ms-mob-mtgnt30 .MuiInputBase-root{
        margin-top: 30px;
      }
    }
    @media (min-width: 350px) and (max-width: 512px) {
      .ms-mob-mtgnt30.visubf .MuiInputBase-root{
        margin-top: 30px;
      }
      .ms-mob-mtgnt30.visubf .MuiFormLabel-root {
        width: 90% !important;
    }
    }
    @media (min-width: 350px) and (max-width: 374px) {
      .col-md-12.ms-cust-mrgt.ms-mob-marg-top30 .MuiInputBase-root{
        margin-top: 30px;
      }
    }
    @media (min-width: 374px) and (max-width: 490px) {
      .col-md-12.ms-cust-mrgt.ms-mob-marg-top30 .MuiInputBase-root{
        margin-top: 15px;
      }
    }
    .col-md-12.ms-cust-mrgt.ms-mob-marg-top30.ms-mob-top6 .MuiInputLabel-formControl.MuiInputLabel-shrink{
      top: -6px !important;
    }
    .ms-dt-top12 .MuiFormLabel-root{
      top: -12px !important;
    }
    @media (min-width: 480px) and (max-width: 699px) {
      .ms-subhading-mrgt{
        margin-top: 15px;
      }
    }

    @media (min-width: 350px) and (max-width: 393px) {
      .ms-cust-mrgt.col-md-6.ms-mrgn-electro .MuiInputBase-root{
        margin-top: 30px;
      }
    }
    @media (min-width: 350px) and (max-width: 367px) {
      .ms-mrgn-breathing .MuiInputBase-root{
        margin-top: 30px;
      }
    }
    @media (min-width: 350px) and (max-width: 375px) {
      .ms-es-caseno .MuiInputBase-root{
        margin-top: 30px;
      }
    }
    @media (min-width: 350px) and (max-width: 364px) {
      .ms-otherxraydt .MuiFormLabel-root,
      .ms-other-xraydt .MuiFormLabel-root{
        padding-right: 10px;
      }
      .ms-otherxraydt .MuiInputBase-root,
      .ms-other-xraydt .MuiInputBase-root{
        margin-top: 30px;
      }
    }
    @media (min-width: 350px) and (max-width: 398px) {
      .ms-mrgn-breathingdt .MuiFormLabel-root{
        padding-right: 12px;
      }
      .ms-mrgn-breathingdt .MuiInputBase-root{
        margin-top: 30px;
      }
    }
    @media (min-width: 350px) and (max-width: 424px) {
      .ms-mrgn-electrodt .MuiFormLabel-root{
        padding-right: 10px;
      }
      .ms-mrgn-electrodt .MuiInputBase-root{
        margin-top: 30px;
      }
    }
    
    @media (min-width: 350px) and (max-width: 445px) {
      .ms-mrgnes-electrodt .MuiFormLabel-root{
        padding-right: 10px;
      }
      .ms-mrgnes-electrodt .MuiInputBase-root{
        margin-top: 30px;
      }
    }
    @media (min-width: 350px) and (max-width: 398px) {
      .ms-mrgnes-radiog .MuiInputBase-root{
        margin-top: 30px;
      }
    }
    @media (min-width: 350px) and (max-width: 442px) {
      .ms-mrgnes-respiratorias .MuiInputBase-root{
        margin-top: 30px;
      }
    }
    @media (min-width: 350px) and (max-width: 532px) {
      .ms-mrgnes-respiratoriasdt .MuiFormLabel-root{
        padding-right: 10px;
      }
      .ms-mrgnes-respiratoriasdt .MuiInputBase-root{
        margin-top: 30px;
      }
    }
    @media (min-width: 350px) and (max-width: 417px) {
      .ms-mrgnves-sangre .MuiInputBase-root{
        margin-top: 30px;
      }
    }
    @media (min-width: 350px) and (max-width: 458px) {
      .ms-mrgnvi-chestxray .MuiFormLabel-root{
        padding-right: 10px;
      }
      .ms-mrgnvi-chestxray .MuiInputBase-root{
        margin-top: 30px;
      }
    }
    @media (min-width: 350px) and (max-width: 383px) {
      .ms-mrgvi-Xet .MuiInputBase-root{
        margin-top: 30px;
      }
    }
    .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-mrgt-extra.col-md-12.ms-cust-mrgt.ms-mrgnt35.ms-extratop.ms-viextratop .MuiInputLabel-shrink{
      top: -26px !important;
    }

    .ms-viextratop .MuiInputBase-root{
      margin-top: 30px !important;
    }
    @media (min-width: 350px) and (max-width: 366px) {
      .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-mrgt-extra.col-md-12.ms-cust-mrgt.ms-mrgnt35.ms-extratop.ms-viextratop .MuiInputBase-root{
        margin-top: 50px !important;
      }
    }
    @media (min-width: 366px) and (max-width: 380px) {
      .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-mrgt-extra.col-md-12.ms-cust-mrgt.ms-mrgnt35.ms-extratop.ms-viextratop .MuiInputBase-root{
        margin-top: 35px !important;
      }
    }
    @media (min-width: 350px) and (max-width: 404px) {
      .ms-mrgnes-sangre .MuiInputBase-root{
        margin-top: 30px;
      }
    }
  }
  /* @Akshay, below styling added for Disability or Blindness report module for Tab */
  @media (min-width: 700px) and (max-width: 1024px) {
    
    @media (min-width: 767px) and (max-width: 825px) {
      .ms-mrgn-electrodtab .MuiInputLabel-shrink{
        margin-top: -4px !important;
      }
      .ms-mrgn-electrodtab .MuiFormLabel-root{
        padding-right: 12px;
        margin-top: -15px;
      }
    }
    @media (min-width: 960px) and (max-width: 980px) {
      .ms-mrgnes-radiog .MuiInputLabel-shrink,
      .ms-mrgn-electro .MuiInputLabel-shrink{
        margin-top: -4px !important;
      }
      .ms-mrgnes-radiog .MuiFormLabel-root, 
      .ms-mrgn-electro .MuiFormLabel-root{
        padding-right: 10px;
        margin-top: -15px;
      }
    }
    @media (min-width: 768px) and (max-width: 946px) {
      .ms-mrgnes-respiratoriasdt .MuiInputLabel-shrink{
        margin-top: -4px !important;
      }
      .ms-mrgnes-respiratoriasdt .MuiFormLabel-root{
        padding-right: 10px;
        margin-top: -15px;
      }
    }
    @media (min-width: 767px) and (max-width: 784px) {
      .ms-mrgnes-sangre .MuiInputLabel-shrink{
        margin-top: -4px !important;
      }
      .ms-mrgnes-sangre .MuiFormLabel-root{
        padding-right: 10px;
        margin-top: -15px;
      }
    }
    @media (min-width: 767px) and (max-width: 871px) {
      .ms-mrgnes-sangredtab .MuiInputLabel-shrink{
        margin-top: -4px !important;
      }
      .ms-label-two-line-federal.ms-federal.ms-mrgnes-sangredtab label.MuiFormLabel-root,
      .ms-mrgnes-sangredtab .MuiFormLabel-root{
        padding-right: 10px;
        margin-top: -15px;
      }
    }
    @media (min-width: 767px) and (max-width: 858px) {
      .ms-mrgnes-respiratorias .MuiInputLabel-shrink,
      .ms-mrgnes-chestdtab .MuiInputLabel-shrink{
        margin-top: -4px !important;
      } 
      .ms-mrgnes-respiratorias .MuiFormLabel-root,
      .ms-mrgnes-chestdtab .MuiFormLabel-root{
        padding-right: 10px;
        margin-top: -15px;
      }
    }
    @media (min-width: 767px) and (max-width: 774px) {
      .ms-mrgn-breathingdt .MuiInputLabel-shrink{
        margin-top: -4px !important;
      }
      .ms-mrgn-breathingdt .MuiFormLabel-root{
        padding-right: 12px;
        margin-top: -15px;
      }
    }
    @media (min-width: 767px) and (max-width: 822px) {
      .ms-mrgnes-electrodtab .MuiInputLabel-shrink{
        margin-top: -4px !important;
      }
      .ms-mrgnes-electrodtab .MuiFormLabel-root{
        padding-right: 10px;
        margin-top: -15px;
      }
    }
    @media (min-width: 767px) and (max-width: 885px) {
      .ms-mrgnvi-chestxraydtab .MuiInputLabel-shrink{
        margin-top: -4px !important;
      }
      .ms-mrgnvi-chestxraydtab .MuiFormLabel-root{
        padding-right: 10px;
        margin-top: -15px;
      }
    }
    @media (min-width: 784px) and (max-width: 815px) {
      .text_boderremerove {
        margin-top: 15px;
      }
    }
    @media (min-width: 810px) and (max-width: 835px) {
      .text_esboderremerove {
        margin-top: 15px;
      }
    }
    .ms-marg-btm-zero .MuiFormLabel-root{
      margin-bottom: 0px !important;
    }
    @media (min-width: 700px) and (max-width: 800px) {
      .ms-subhading-mrgt{
        margin-top: 15px;
      }
    }
    .ms-mob-mrgn65-top .MuiInputBase-root{
      margin-top: 34px;
    }
    @media (min-width: 959px) and (max-width: 969px) {
      .ms-mob-mrgn65-top .MuiInputBase-root{
        margin-top: 34px;
      }
    }
    .ms-mob-marg-top45{
      margin-top: 30px;
    }
    .ms-mrgnb15{
      margin-bottom: 15px;
    }
    .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-lable-extra-threeLine.col-md-12.ms-cust-mrgt.ms-mrg96-top .MuiInputBase-root{
      margin-top: 50px;
    }
    .ms-mrg96-top{
      margin-top: 20px;
    }
    .ms-accordian-collapseble .container-border .col-md-6.ms-mob-width89.ms-mob-marg24{
      margin-top: 20px !important;
    }
    .ms-mrgnt30 .MuiInputBase-root{
      margin-top: 30px;
    }

    .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-mrgnt35 .MuiInputBase-root{
      margin-top: 35px;
    }
    @media (min-width: 768px) and (max-width: 793px) {
      .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-mrgnt35 .MuiInputBase-root{
        margin-top: 50px;
      }
      .ms-mob-dobaleLine .MuiFormLabel-root{
        margin-top: -16px;
      }
      .ms-mob-dobaleLine .MuiInputLabel-shrink{
        margin-top: -4px;
      }
    }
    @media (min-width: 793px) and (max-width: 836px) {
      .ms-dobaleLine .MuiFormLabel-root{
        margin-top: -16px;
      }
      .ms-dobaleLine .MuiInputLabel-shrink{
          margin-top: -4px;
      }
    }
    @media (min-width: 768px) and (max-width: 820px) {
      .ms-dtspace .MuiFormLabel-root{
        margin-top: -16px !important;
      }
    }
    .ms-mrgnt35 .MuiInputBase-root{
      margin-top: 35px;
    }
    .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-lable-extra-threeLine.col-md-12.ms-cust-mrgt.ms-mrgt-9line-mob .MuiInputBase-root{
      margin-top: 66px;
    }
    .ms-mob-marg24{
      margin-top: 24px;
    }
    .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-mrgnt50 .MuiInputBase-root{
      margin-top: 50px;
    }
    .col-md-12.ms-cust-mrgt.ms-mob-marg-top30 .MuiInputBase-root{
      margin-top: 30px;
    }
    .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-mrgt-extra.col-md-12.ms-cust-mrgt.ms-mrgnt35.ms-extratop .MuiInputLabel-shrink,
    .ms-label-twoline-mobile.col-md-12.ms-cust-mrgt.ms-mob-mrgn65-top.ms-extratop .MuiInputLabel-shrink{
      top: -10px !important;
    }
    .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-lable-extra-threeLine.col-md-12.ms-cust-mrgt.ms-mrgt-9line-mob.ms-mob-marg24.ms-topspace8 .MuiInputLabel-shrink,
    .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-lable-extra-threeLine.col-md-12.ms-cust-mrgt.ms-mrg96-top.ms-topspace8 .MuiInputLabel-shrink {
      top: -8px !important;
    }
    @media (min-width: 700px) and (max-width: 820px) {
      .ms-accordian-collapseble .container-border .col-md-12.ms-mob-marg-top45.ms-extratop6 .MuiInputLabel-shrink {
        top: 0px !important;
      }
    }
    @media (min-width: 767px) and (max-width: 820px) {
      .ms-lbl-mrgn .MuiFormLabel-root{
        margin-top: -16px !important;
      }
    }
    @media (min-width: 960px) and (max-width: 982px) {
      .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.col-md-6.ms-top15 .MuiInputBase-root{
        margin-top: 30px;
      }
    }
    .ms-longtxt-mrgn .MuiInputBase-root{
      margin-top: 20px;
    }
  }
  /* Sanket vietanmise disbilty mod changes */
  @media (min-width: 700px) and (max-width: 1024px) {
    .ms-mob-mtgnt30.visubf .MuiInputLabel-formControl{
      top: -15px;
    }
    .ms-mob-mtgnt30.visubf .MuiFormLabel-root {
      width: 88% !important;
  }
  .ms-mob-mtgnt30.visubf .MuiInputLabel-shrink{
    top: -4px !important;
  }
  }
  /* @Akshay, below styling added for Disability or Blindness report module for Tab */
  @media (min-width: 960px) and (max-width: 1052px) {
    .ms-mrgn-electrodtab .MuiInputLabel-shrink{
      margin-top: -4px !important;
    }
    .ms-mrgn-electrodtab .MuiFormLabel-root{
      padding-right: 10px;
      margin-top: -15px;
    }
  }
  
  @media (min-width: 960px) and (max-width: 1057px) {
    .ms-mrgnes-sangre .MuiInputLabel-shrink{
      margin-top: -4px !important;
    }
    .ms-mrgnes-sangre .MuiFormLabel-root{
      padding-right: 10px;
      margin-top: -15px;
    }
  }
  @media (min-width: 960px) and (max-width: 1145px) {
    .ms-mrgnes-sangredtab .MuiInputLabel-shrink{
      margin-top: -4px !important;
    }
    .ms-mrgnes-sangredtab .MuiFormLabel-root{
      padding-right: 10px;
      margin-top: -15px;
    }
  }
  @media (min-width: 1024px) and (max-width: 1052px) {
    .ms-mrgn-breathingdt .MuiInputLabel-shrink{
      margin-top: -4px !important;
    }
    .ms-mrgn-breathingdt .MuiFormLabel-root{
      padding-right: 12px;
      margin-top: -15px;
    }
  }
  @media (min-width: 960px) and (max-width: 1159px) {
    .ms-mrgnvi-chestxraydtab .MuiInputLabel-shrink{
      margin-top: -4px !important;
    }
    .ms-mrgnvi-chestxraydtab .MuiFormLabel-root{
      padding-right: 10px;
      margin-top: -15px;
    }
  }
  @media (min-width: 960px) and (max-width: 1125px) {
    .ms-mrgnes-respiratorias .MuiInputLabel-shrink{
      margin-top: -4px !important;
    }
    .ms-mrgnes-respiratorias .MuiFormLabel-root{
      padding-right: 10px;
      margin-top: -15px;
    }
  }
  @media (min-width: 960px) and (max-width: 1219px) {
    .ms-mrgnes-respiratoriasdt .MuiInputLabel-shrink{
      margin-top: -4px !important;
    }
    .ms-mrgnes-respiratoriasdt .MuiFormLabel-root{
      padding-right: 10px;
      margin-top: -15px;
    }
  }
  @media (min-width: 960px) and (max-width: 1098px) {
    .ms-mrgnes-electrodtab .MuiInputLabel-shrink{
      margin-top: -4px !important;
    }
    .ms-mrgnes-electrodtab .MuiFormLabel-root{
      padding-right: 10px;
      margin-top: -15px;
    }
  }
  @media (min-width: 1120px) and (max-width: 1229px) {
    .ms-dtspace .MuiFormLabel-root{
      margin-top: -16px;
    }
  }
  @media (min-width: 1024px) and (max-width: 1246px) {
    .ms-longtxt-mrgn .MuiInputBase-root{
      margin-top: 30px;
    }
  }
  @media (min-width: 350px) and (max-width: 1180px) {
    .ms-label-twoline-mobile.ms-mrgt30m.disability.cursive-text-field.ms-lable-threeLine.col-md-6.ms-signaturetop,
  .ms-label-twoline-mobile.ms-mrgt30m.disability.cursive-text-field.col-md-6.ms-top15.ms-signaturetop{
    margin-top: 40px !important;
  }
  }
  @media (min-width: 1180px){
    .ms-label-twoline-mobile.ms-mrgt30m.disability.cursive-text-field.ms-lable-threeLine.col-md-6.ms-signaturetop,
    .ms-label-twoline-mobile.ms-mrgt30m.disability.cursive-text-field.col-md-6.ms-top15.ms-signaturetop{
      margin-top: 25px !important;
    }
  }
  .ms-mrgnlzero{
    margin-left: 0px !important;
  }
  @media (min-width: 1373px) {
    .ms-longtxt-mrgn .MuiInputBase-root{
      margin-top: 0px;
    }
  }
  @media (min-width: 1120px) and (max-width: 1249px) {
    .ms-lbl-mrgn .MuiFormLabel-root{
      margin-top: -16px;
    }
  }
  @media (min-width: 1024px) and (max-width: 1242px) {
    .ms-label-extraSpace-twoLine .MuiInputBase-root{
      margin-top: 30px;
    }
  }
  @media (min-width: 1024px) and (max-width: 1176px) {
    .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-lable-extra-threeLine.col-md-12.ms-cust-mrgt.ms-mrg96-top .MuiInputBase-root{
      margin-top: 48px;
    }
  }
  @media (min-width: 1120px) and (max-width: 1163px) {
    .col-md-12.ms-cust-mrgt.ms-mob-marg-top30 .MuiInputBase-root{
      margin-top: 30px;
    }
  }
  @media (min-width: 1423px){
    .ms-viextratop .MuiInputBase-root{
      margin-top: 3px !important;
    }
  }
  @media (min-width: 768px) and (max-width: 1407px) {
    .ms-viextratop .MuiInputBase-root{
      margin-top: 20px !important;
    }
  }
  @media (min-width: 700px) and (max-width: 767px) {
    .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-mrgt-extra.col-md-12.ms-cust-mrgt.ms-mrgnt35.ms-extratop.ms-viextratop .MuiInputLabel-shrink{
      top: -20px !important;
    }
    .ms-viextratop .MuiInputBase-root{
      margin-top: 0px !important;
    }
  }

  @media (min-width: 1115px) and (max-width: 1282px) {
    .ms-space16 .MuiFormLabel-root{
      margin-top: -16px;
    }
    .ms-space16 .MuiInputLabel-shrink{
      margin-top: -16px;
    }
    .ms-30mrgnt .MuiInputBase-root{
      margin-top: 30px;
    }
  }
  @media (min-width: 1119) and (max-width: 1271px) {
    .ms-mrgnt30 .MuiInputBase-root{
      margin-top: 30px;
    }
  }
  @media (min-width: 1025px){
    .col-md-12.ms-cust-mrgt.ms-mob-marg-top30.ms-mob-top6{
      margin-top: 0px;
    }
  }
 
  @media (min-width: 700px){
    .ms-cust-mrgt.col-md-12.ms-mrgnt0{
      margin-top: 0px;
    }
  }
  
  @media (min-width: 350px) and (max-width: 699px) {
    @media (min-width: 350px) and (max-width: 405px) {
      .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-mrgt-extra.housemaintance.sp-lg.col-md-12.ms-cust-mrgt.ms-mrgnt50.ms-mob-updt-txt .MuiInputBase-root{
        margin-top: 50px !important;
      }
    }
    .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-mrgt-extra.housemaintance.sp-lg .MuiInputLabel-shrink{
    top: -24px !important;
    }
    .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-mrgt-extra.housemaintance.sp-lg .MuiInputBase-root{
      margin-top: 35px !important;
    }
  }
@media (min-width: 1525px) {
  .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-mrgt-extra.housemaintance.sp-lg .MuiInputBase-root{
    margin-top: 3px !important;
  }
}
@media (min-width: 768px) and (max-width: 1525px){
  .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-mrgt-extra.housemaintance.sp-lg .MuiInputBase-root{
    margin-top: 20px !important;
  }
}
@media (min-width: 737px) and (max-width: 768px){
  .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-mrgt-extra.housemaintance.sp-lg .MuiInputLabel-shrink{
    top: -12px !important;
  }
  .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-mrgt-extra.housemaintance.sp-lg .MuiInputBase-root{
    margin-top: 16px !important;
  }
}
@media (min-width: 700px) and (max-width: 737px){
  .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-mrgt-extra.housemaintance.sp-lg .MuiInputLabel-shrink{
    top: -12px !important;
  }
  .ms-label-twoline-mobile.ms-mrgt30m.cursive-text-field.ms-lable-threeLine.ms-mrgt-extra.housemaintance.sp-lg .MuiInputBase-root{
    margin-top: 20px !important;
  }
}
.ms-label-twoline-mobile .MuiFormGroup-root .MuiFormControl-root label {
  top: -13px !important
}
.ms-label-twoline-mobile.incomerenewal .MuiFormGroup-root .MuiFormControl-root label {
  top: -9px !important
}
.ms-label-twoline-mobile.add_2 .MuiFormGroup-root .MuiFormControl-root label {
  top: 0 !important
}
/* Kunal 
Css issue for remove text alignment is fixed */
.householdremove.ms-label-twoline-mobile .MuiFormGroup-root .MuiFormControl-root label {
  top: -12px !important;
}
.ms-vi-phtxt .MuiFormGroup-root .MuiFormControl-root label {
  top: -14px !important
}
.ms-ar-fitwidth .MuiFormControlLabel-root {
  width: fit-content!important;
}

.banner.short.right .row div:last-child .banner-content {
  padding-bottom: 0px;
  margin-bottom: 0px;
  position: relative;
}

.banner.short.right .row div:last-child .ms-banner-timktaken {
  color: #fff !important;
  position: absolute;
  text-align: right;
  right: 0px;
  bottom: 0px;
}
.new-checkbox-group__indicator-separator{
  background-color: transparent !important;
}
.new-checkbox-group__control.css-13cymwt-control {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

.ms-select-padding .MuiFormControlLabel-root{
  margin-bottom: -15px;
}
.ms-removeborder{
  border-bottom: 0px !important;
}
.ms-select-padding .ms-checkbox-title{
  margin-top: 0rem !important;
}

.ms-add-member-change .phone-remove-button {
  position: absolute;
    top: initial !important;
    bottom: -35px;
    right: 80px;
}
.ms-add-member-change .phone-remove-button .MuiFormGroup-root {
  min-width:124px;
}

.flexFix {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 33%;
  min-width: 300px;
}

@media (min-width: 1025px) and (max-width: 1250px) {
  .ms-label-twoline-desktop .MuiFormLabel-root {
    top: -15px !important;
    width: 90%;
  }
  .ms-label-twoline-desktop .MuiFormLabel-root.Mui-focused, .ms-label-twoline-desktop .MuiFormLabel-root.MuiFormLabel-filled{
    top: -10px !important
  }
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}
@media (max-width: 767.98px){
  .relationshipMatrix-table-device-display .MuiTableContainer-root .MuiFormLabel-root{
    top: -5px !important;
  }
  .ms-login-padding .MuiInputLabel-formControl{
    top: -2px !important;
  }
  .customContainer .checkBoxMargin.ms-nomarginbottom{
    margin-bottom: 0px !important;
  }
  .dynamic-gqcust-top-mrgn .MuiInputLabel-formControl{
    top:-5px !important
  }
  .dynamic-gqcust-top-mrgn .MuiGrid-align-items-xs-flex-end{
    margin-top: 0px !important;
  }
  .modal .ms-address-label label.MuiFormControlLabel-root {
    max-width: 100% !important;
    min-width: 100% !important;
  }
  .ms-address-label {
    width: 100%;
  }
  .footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2.mdhs-group ul li .ms-footer-mdhs-links{
    width: 100% !important;
  }
  
}
.ms-multiSelection-content-style.ms-label-font-css .form-label{
  font-size: 16px;
}

@media only screen and (min-width: 768px){

  .ms-label-twoline-access-request-desktop .MuiFormLabel-root {
    top: -15px !important;
    width: 90%;
  }
  .ms-label-twoline-access-request-desktop .MuiFormLabel-root.Mui-focused, .ms-label-twoline-access-request-desktop .MuiFormLabel-root.MuiFormLabel-filled{
    top: -10px !important
  }

  .es-ms-label-twoline-access-request-desktop .MuiFormLabel-root {
    top: -32px !important;
    width: 90%;
  }
  .es-ms-label-twoline-access-request-desktop .MuiFormLabel-root.Mui-focused, .es-ms-label-twoline-access-request-desktop .MuiFormLabel-root.MuiFormLabel-filled{
    top: -10px !important
  }
  

}

.ms-es-placeholder-alignment label{
  white-space: pre-wrap;
  top: -14px;
}

@media only screen and (min-width: 1367px){
.es-ms-label-twoline-access-request-desktop .MuiFormLabel-root {
  top: -32px!important;
  width: 90%;
}  
}


.no-ar-text{
/*  @kunal
Added width to adjust for devices */
  width: 325px;
  margin:10px;
  border:2px solid #A30014;
  background-color: #F8D3D8;
}
.customContainer .ms-appeals-contact .MuiFormControl-root .MuiFormGroup-root{
  justify-content: flex-start !important;
}
.ms-en-header-first-dc .MuiFormControl-fullWidth{
  width: 113%;
}

.ms-vi-dropdown-pn .form-group .ms-custom-multiselectCheckbox{
  width: 103%;
}
.ms-en-dc-alignment .MuiFormControl-root{
  width: 113%;
}
.ms-cust-mrgt.ms-mrgt13.col-md-6 .form-label {
  margin-bottom: 0px;
}
.ms-health-ins .MuiFormGroup-root{
  margin-top: 15px;
}
.ms-upload-input-sec > div:first-child .MuiInputBase-root.MuiInput-root.form-select.MuiInputBase-formControl.MuiInput-formControl {
  width: 102%;
}
.ms-text-padding{
  padding-top: 23px;
}
.ms-print-line{
  margin-top: 28px;
}
.ms-help-table td span {
  overflow-wrap: break-word;
}
.ms-mrgt20i .MuiFormControl-root .MuiFormGroup-root div{
  margin-bottom: -10px;
}
.firstBlock .frmwrk_field_mrgn .info_Icon_Checkboxlist {
  margin-left: -8px;
}

@media (min-width: 820px) and (max-width: 1180px){
  .whoIsSubmitting.row .ms-card-container.card-container .card-content-title .card-content-title-text {
    text-align: center !important;
    word-break: initial !important;
    margin-top: -1.5rem !important;
}
.ms-uprnon_style.ms-line-upronoun-48 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-shrink{
  margin-top: -20px !important;
}
.ms-uprnon_style.ms-line-upronoun-64 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-shrink{
  margin-top: -9px !important;
}
.ms-uprnon_style.ms-line-upronoun-64 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root{
  margin-top: -24px !important;
}
.ms-uprnon_style.ms-line-upronoun-48 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root{
  margin-top: -24px !important;
}
.ms-mobilelabel-pd .MuiInputLabel-formControl {
    top: -14px !important;
  }
  .immigrationStatusAlign .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root{
    top: -30px !important;
  }
}
.halfWidthDropdown .MuiFormGroup-root .MuiFormControl-root .MuiInputBase-root{
  width: 49%;
}

.MuiButtonBase-root.MuiListItem-root.MuiMenuItem-root.MuiMenuItem-gutters.MuiListItem-gutters.MuiListItem-button {
  word-break: break-all;
  white-space: unset;
}
.immigrationStatusAlign .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root{
  top: -15px;
}
@media (min-width: 768px) and (max-width: 1024px){
  .immigrationStatusAlign .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root{
    top: -30px !important;
  }
}
@media (min-width: 1094px) and (max-width: 1180px){
  .immigrationStatusAlign .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root{
    top: -15px !important;
  }
}
/* @Rutuja - VSTS 360811 CSS issue fixed */
.ms-what-next-links .col-md-4 > div {
  margin-bottom: 0px;
}
/* @soumya for samsung galaxy s8+ immigration status allignment issue*/
@media (min-width:360px)and (max-width:374px) {
  .immigration-status .immigrationStatusAlign .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root {
    margin-top: -44px !important;
  }
  .immigration-status .immigrationStatusAlign .MuiFormGroup-root  .MuiFormControl-root .MuiFormLabel-root.MuiFormLabel-filled, .immigrationStatusAlign .MuiFormGroup-root  .MuiFormControl-root .MuiFormLabel-root.Mui-focused{
    top: 12px !important;
  }
  .CCO_Required.halfWidthDropdown .MuiFormGroup-root .MuiFormControl-root .MuiInputBase-root{
    margin-top: 16rem !important;
  }
  .CCO_Required label.MuiFormLabel-root{
    margin-top: 2.5rem !important;
  }
  .next-button.save-continue-button {
    margin-left:42px !important;
  } 
  .ms-health-ins .MuiFormGroup-root{
    margin-top: -14px;
  }
  }
  

@media (min-width: 768px) and (max-width: 819px){
  .ms-programs-section .ms-welcome-programs .ms-card-container .ms-card-body .card-content-title {
    margin-top: -25px !important;
  }
  .ms-health-ins .MuiFormGroup-root{
    margin-top: 28px;
  }
}
@media (min-width: 360px) and (max-width: 670px){
  .firstBlock .customContainer .ms-checkbox-column .MuiFormControl-root .MuiFormGroup-root> div:nth-child(5) .info_Icon_Checkboxlist{
    margin-left: -174px !important;
    margin-top: 18px !important;
  }
  .firstBlock .customContainer .ms-checkbox-column .MuiFormControl-root .MuiFormGroup-root> div:nth-child(5){
    height: 46px !important;
  }
  .ms-single-line.ms-margin-top-label .MuiFormGroup-root .cstmdateStyle .MuiFormControl-root .MuiTextField-root .MuiFormLabel-root{
    margin-top: 0px !important;
  }
  
}
@media (min-width: 320px) and (max-width: 658px){
  .firstBlock .customContainer .ms-checkbox-column .MuiFormControl-root .MuiFormGroup-root> div:nth-child(5) .info_Icon_Checkboxlist{
    margin-left: -135px !important;
    margin-top: 18px !important;
  }

  .firstBlock .customContainer .ms-checkbox-column .MuiFormControl-root .MuiFormGroup-root> div:nth-child(5){
    height: 46px !important;
  }
}

/* @Murali:- Ipad back and next button fix */
@media (min-width: 1024px) and (max-width:1092px) and (orientation: portrait) {
  .next-button.ms-ipad-alignment{
    left : -1.5rem !important;
  }
  .back-button{
    left : -1.5rem !important;
  }
}

@media (min-width: 820px) and (max-width: 900px) and (orientation: portrait) {
  .next-button.ms-ipad-alignment{
    left : -1.5rem !important;
  }
  .back-button{
    left : -1.5rem !important;
  }
  /* for ipad all back-buttons*/
  .back-button.back-button-continue{
    left : -8.5rem !important;
  }
}
/* @Rutuja - VSTS 364472 #1 is fixed */
/* Ipad pro portrait */
@media (max-device-width: 1024px) and (min-device-width: 769px) and (orientation: portrait) {
  .ms-card-container{
    height: 21rem;
  }
  .card-content-title{
    margin-top: 135px;
  }
  .ms-welcome-programs .programPanel .ms-programs-container> div:nth-child(2) .ms-card-container .ms-card-body .card-content-body
  {
    margin-top: -15px;
  }
  .ms-welcome-programs .programPanel .ms-programs-container> div:nth-child(3) .ms-card-container .ms-card-body .card-content-body{
    margin-top: -15px;
  }
}
/* Ipad and Ipad Mini landscape */
@media (max-device-width: 1024px) and (min-device-width: 720px) and (orientation: landscape) {
   .ms-card-container{
    height: 350px;
  }
  .card-content-title{
    margin-top: 135px;
  }
  .ms-welcome-programs .programPanel .ms-programs-container> div:nth-child(2) .ms-card-container .ms-card-body .card-content-body
  {
    margin-top: -15px;
  }
  .ms-welcome-programs .programPanel .ms-programs-container> div:nth-child(3) .ms-card-container .ms-card-body .card-content-body{
    margin-top: -15px;
  }
  .next-button.ms-ipad-alignment{
    left : 2rem !important;
  }
}
/* Ipad Air landscape */
@media (max-device-width: 1180px) and (min-device-width: 820px) and (orientation: landscape) {
    .ms-card-container{
    height: 350px;
  }
  .card-content-title{
    margin-top: 135px;
  } 
  .ms-welcome-programs .programPanel .ms-programs-container> div:nth-child(2) .ms-card-container .ms-card-body .card-content-body
  {
    margin-top: -15px;
  }
  .ms-welcome-programs .programPanel .ms-programs-container> div:nth-child(3) .ms-card-container .ms-card-body .card-content-body{
    margin-top: -15px;
  }
  .next-button.ms-ipad-alignment{
    left : 2rem !important;
  }
}

@media (max-device-width: 1190px) and (min-device-width: 834px) and (orientation: landscape) {
  .ms-card-container{
    height: auto;
  }
  .card-content-title{
    margin-top: 0px;
  }

  .next-button.ms-ipad-alignment{
    left : 2rem !important;
  }
}

/* Ipad and Ipad Mini landscape */
@media (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
  .ms-welcome-programs .programPanel .ms-programs-container .justify-content-center .ms-card-container{
    padding-top: 0px;
  }
}
/* Ipad Air landscape */
@media (max-device-width: 1180px) and (min-device-width: 820px) and (orientation: portrait){
  .ms-welcome-programs .programPanel .ms-programs-container .justify-content-center .ms-card-container {
      padding-top: 70px;
  }
}
/* @Rutuja - VSTS 364978 is fixed */
.ms-accordian-collapseble.ms-health-insurance .dynamic-cust-top-mrgn .container-border .phone-remove-button .MuiFormGroup-root .MuiButton-contained {
  margin-top: 15px;
}

.ms-accordian-collapseble.ms-health-insurance .dynamic-cust-top-mrgn> div:last-child .phone-remove-button .MuiFormGroup-root .MuiButton-contained {
  margin-top: 0px;
}

/* VSTS 366373,366010 and 367853 fixs. Relationship matrix mobile device css */
@media only screen and (max-width: 1024px){
  .ms-relationship-matrix .d-none.d-lg-block{
    display: none ;
  }
  .ms-relationship-matrix .d-lg-none.d-block.relationshipMatrix-table-device-display{
    display: block ;
    border: 1px solid #ddd;
  }
  .field-name-householdmemberprogram.ms-relationship-matrix{
    margin-left: 10px;
    margin-right: 10px;
   }
  .relationshipMatrix-table-device-display .cell-block {
    border-bottom: 1px dashed #aaafb9;
    padding: 30px 20px;
  }

  .relationshipMatrix-table-device-display .cell-block .header-title {
    color: black;
    font-size: 16px;
    text-decoration: none;
    line-height: 20px;
    font-weight: 600;
  }

  .relationshipMatrix-table-device-display .cell-block .MuiFormControl-root.MuiFormControl-fullWidth{
    margin-top: -15px;
  }

  .relationshipMatrix-table-device-display .cell-block .ms-pd0 .MuiFormControl-root.MuiFormControl-fullWidth{
    margin-top: 0px;
  }

  /* .mainFrame2.ms-relationMatrix{
    width: auto !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
  } */

  .relationshipMatrix-table-device-display .cell-block .MuiInputLabel-formControl.customRelation {
    font-size: 14px !important;
    line-height: 1.5em !important;
    top: 0px !important;
    margin-right: -5px !important;
}
}
/* Added to hide the  extra link my benefit link for tab landscape resolution */
@media only screen and (min-width: 992px) and (max-width: 1180px){
  .d-lg-none.d-block.table-device-display.hideforTab{
    display: none !important ;
  }
}


@media only screen and (max-width: 500px){
  .summary-sf {
    border: 1px dashed #aaafb9;
    margin-left: 15px;
    padding: 0px !important;
  }
  .summaryTableStyling tr th {
    text-align: left !important;
    padding: 5px !important;
    }
    .summaryTableStyling tr td {
      text-align: left !important;
      padding: 5px !important;
      }

}

@media only screen and (min-width: 720px) and (max-width: 1024px){
  .next-button.ms-ipad-alignment.ms-appreq-next{
    margin-top: -30px;
  }
}

@media only screen and (max-width: 500px){
  .next-button.ms-ipad-alignment.ms-appreq-next{
    margin-top: 20px;
  }
}
/* Kunal
Added Authorized Representative class for css border alignment */
.ms-housemember-section .row, .ms-auth-rep .row{
  margin-left: 0px;
  margin-right: 0px;
}
/*@soumya CSS issue fixed for Dom & MDHS Household Memeber, relationship title & text overlapping*/
.hohmembr_rltnshp_txt .MuiInput-root{
  padding-top:7px !important
}
.hohmembr_rltnshp_txt_spnsh .MuiInput-root{
  padding-top:15px !important
}
.ms-cust-mrgt.absentGender .MuiFormGroup-root .MuiFormControl-root.MuiFormControl-fullWidth{
  margin-top: 15px !important;
} 
 .hm-radio.ms-radio-field .MuiFormControl-root label.cust-caption{
  margin-top: 20px;
} 
@media (min-width:767.98px){
  .hohmembr_rltnshp_txt {
    padding-top:7px
  }

}

.ms-mrgt20 .MuiFormGroup-root{
  margin-top: 20px;
}

.ms-accordian-collapseble .container-border .col-md-6.ms-income-chckbx{
  margin-top: -15px !important;
}
.ms-accordian-collapseble .container-border .col-md-6.ms-income-chckbx .form-group .form-label{
  position: relative;
  top:8px
}
.ms-mrg-20 .MuiFormGroup-root{
  margin-top: 20px;
}
.ssn-income-dom.col-md-6{
  top: 20px !important;
}
.dom-income-gender.col-md-6{
  top: 13px !important;
}

.ms-mrgt30.ms-font-16.header-bg.hohmmbr_rltnship.col-md-12 {
  top: -8px;
}
@media (min-width: 1221px) and (max-width:1326px) {
  /* @kunal
    solved css issue for edit in Authorized Representative Changes for 100%*/
    .ms-custom-accordion.ms-accordian-collapseble .auth-rep-edit-button .container-border:first-child .phone-add-button {
      margin-left: 367px ;
  }
}
/*  css For ipadmini  */
@media (min-width: 768px) and (max-width: 768px) and (max-height: 1024px){
.ms-custom-accordion.ms-accordian-collapseble .auth-rep-edit-button .container-border:first-child .phone-add-button {
  margin-left: 178px !important 
  
}
.back-button.back-button-continue{
  margin-left: -12px !important;
}
.back-button-cic.back-button-continue.es-back-button-continue {
  margin-left: -91px !important;
}
.ms-label-two-line-federal.ms-federal label.MuiFormLabel-root {
  margin-top: -16px;
}
}
/* @soumya allignment for total estimated income fields in dom income section*/
.dom-income-chng .MuiGrid-root.MuiGrid-item .MuiFormControl-root.MuiFormControl-fullWidth .MuiFormLabel-root.MuiFormLabel-root.MuiInputLabel-root.MuiInputLabel-formControl.MuiInputLabel-animated {
  top: -15px !important
}


/* @kunal (addded style for ar alingment issue for print this form */
.arprintcic{
  margin-top: 4px;
  }
/*@sai kiran (added style for alignment issue in dom income)*/
@media (min-width: 1200px) {
  .rmveBtn-domincm  .customContainer >:not(:last-child) .phone-remove-button .MuiFormGroup-root{
    top:27px !important
  }
  .rmveBtn-domincm  .customContainer >:nth-child(6)  .phone-remove-button .MuiFormGroup-root{
    top:27px !important;
  }
}
@media (min-width: 900px) and (max-width: 1100px) {
  .rmveBtn-domincm  .customContainer >:not(:last-child) .phone-remove-button .MuiFormGroup-root{
    top:27px !important
  }
  .rmveBtn-domincm  .customContainer >:nth-child(6)  .phone-remove-button .MuiFormGroup-root{
    top:27px !important;
  }

}
/*@sai kiran added query for alignment issue in mdhs expenses checkbox*/
.mdhs-rntMrtge.frmwrk_field_mrgn.col-md-6 {
  top: 9px;
}
@media (min-width: 768px) and (max-width: 820px){
  .mdhs-rntMrtge.frmwrk_field_mrgn.col-md-6 {
    top: 25px;
}
}
@media (min-width: 912px) and (max-width: 1024px){
  .mdhs-rntMrtge.frmwrk_field_mrgn.col-md-6 {
    top: 25px;
}
/* backbutton for ipad pro nesthub and surfacepro 7 */
.back-button.back-button-continue{
  left: -145px !important;
}
.back-button.back-button-continue.es-back-button-continue{
  white-space: nowrap !important;
  left: -74px
}
}
/* @Soumya space between last accordian and save next buttn when no data is selected in all accordians(dom and mdhs resources)*/
.resrc-chng .MuiPaper-root.MuiAccordion-root.accordion_bg.ms_accordion_bg_borderCurl.Mui-expanded.MuiPaper-elevation1{
  width :100%
}
@media (min-width:1023px) and (max-width:1024px){
  .next-button-cic{
    margin-left: -65px !important;
  }
}
/*fixed edit button issue for surface duo in no hoh member account*/
 @media (min-width:540px) and (max-width:540px) {
  .ms-member-no-hoh .customContainer.row .outerContainer .houseClassName .col-md-.col .customContainer .container-border:first-child .phone-add-button .MuiFormGroup-root {
    margin-left: 5rem !important;
    width: 98% !important;
    left: -80px;
    }
    .next-button.save-continue-button {
      margin-left: 91px !important;
    }
    .next-button.save-continue-button.es-save-continue-button {
      margin-left: 65px !important;
    }
    .ms-health-ins .MuiFormGroup-root{
      margin-top: -16px;
    }
 }

 /* @soumya added new class for the checkbox in submit screen and error message */
.checkbox-submit .MuiFormGroup-root .MuiFormGroup-root{
  margin-top: -26px;
}
.checkbox-error-submit .MuiFormGroup-root .errormessageclass{
  margin-top: -19px;
}
/* @soumya added media query for next button allignment in spanish */
@media (min-width:1050px) and (max-width:1281px){
.ms-es-next-button{
  padding: 10px 25px !important;
}
}
@media (min-width:912px) and (max-width:912px){
  .ms-es-next-button{
    padding: 10px 27px !important;
  }
  }
  @media (min-width:766px) and (max-width:1024px){
    button.MuiButtonBase-root.MuiButton-root.MuiButton-contained.next-button.save-button.next-button-cic {
      right: -20px;
    }
    .ms-label-twoline-mobile.add_2 .MuiFormGroup-root .MuiFormControl-root label {
      margin-top: -13px !important
    }
  }
  @media (min-width: 1024px) and (max-width: 1024px) {
    button.MuiButtonBase-root.MuiButton-root.MuiButton-contained.next-button.ms-ipad-alignment.ms-es-next-button {
            left: -34px !important;
    }
    .CCO_Required.halfWidthDropdown .MuiFormGroup-root .MuiFormControl-root .MuiInputBase-root{
      margin-top: 8rem !important;
    }
    .ms-programs-section .ms-welcome-programs .ms-card-container .ms-program-moreinfo {
      width: auto !important;
      padding: 0px 30px 45px !important;
      margin-bottom: 0px !important;
      } 
  }
  .Expense_HeadTitle.heatn_cool_txt.col-md-12 {
    font-size: 17px;
}

.spcl_neds_input{
  bottom: -8px;

}
.programdtls_specialneds{
  bottom: -19px;
  
}
.programdtls_specialneds .MuiFormControl-root .MuiFormLabel-root{
top: -9px;
}
.customContainer .frmwrk_field_mrgn.current_lvng_situtn .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-root {
  position: absolute !important;
  }
  .side_style{
    width: 59%;
    font-size: 16px;
    color: black;
    border-bottom: 1px solid #aaafb940;
    padding: 10px 10px 10px 0px;
    margin-top: 0px !important;
  }
  .ul_style{
    grid-template-columns: 1fr 1fr;
    display: grid;
    margin-left: -5%;
    justify-items: center;
    margin-top: 0px !important;
  }
  /* INC-3622 * BASHA * Suggessted documents */
  .ms-documents-container {
    width:49%;
  }
  .ms-documents-container.ms-DOM , .ms-documents-container.ms-MDHS {
    width:100%;
  }
  .ms-documents-container.ms-DOM.ms-MDHS {
    width:49%
  }
  .ul_style.suggested_docs {
    grid-template-columns: 1fr 1fr;
    margin-left: 0;
    width: 100%;
    border: 1px solid #aaafb9;
    /* max-height: 190px; */
    /* overflow-y: auto; */
  }
  
  .ms-documents-container.ms-DOM .ul_style.suggested_docs .side_style,.ms-documents-container.ms-MDHS .ul_style.suggested_docs .side_style{
    width:100%;
    grid-template-columns: 1fr 1fr;
  }
  .ms-documents-container.ms-DOM .ul_style.suggested_docs .side_style,.ms-documents-container.ms-MDHS .ul_style.suggested_docs .side_style{
    width:70%;
  }
  .ms-documents-container.ms-DOM.ms-MDHS .ul_style.suggested_docs {
    width:49%;
    grid-template-columns: 1fr 1fr;
  }
  .ms_documets_suggested_list .ms-documents-container
  .ms-docs-program {
    font-weight: 600;
    font-size: 18px;
  }
  /* .ms-documents-container:nth-child(2) {
    margin-left: 1%;
  } */
  .termsBox.appeal-termsBox.dcnmt_list.ms_documets_suggested_list {
    display: flex;
    overflow: auto !important;
    max-height: initial !important;
    flex-direction: column;
  }
  @media screen and (max-width:767.98px) {
    .termsBox.appeal-termsBox.dcnmt_list.ms_documets_suggested_list {
      flex-direction: column !important;
      margin-left: 0 !important;
      max-height: initial !important;
      width: 100% !important;

    }
    .termsBox.appeal-termsBox.dcnmt_list.ms_documets_suggested_list .ul_style.suggested_docs {
      margin-left: 0 !important;
    }
    
    .ms-documents-container.ms-DOM .ul_style.suggested_docs .side_style,.ms-documents-container.ms-MDHS .ul_style.suggested_docs .side_style{
      width:95%;
    }
  }
  .ms-documents-container.ms-DOM.ms-MDHS .ul_style.suggested_docs {
    width: 80%;
  }
  
  .container_upld_list{
    margin-top: -50px !important;
    margin-left: -1px;
  }
  .termsBox.appeal-termsBox.dcnmt_list {
    width: 103%;
    max-height: 250px !important;
    height: auto !important;
  }
  .CCO_Required.halfWidthDropdown .MuiFormGroup-root .MuiFormControl-root .MuiInputBase-root{
    margin-top: 90px;
  }
  .CCO_Required label.MuiFormLabel-root{
    font-size: 16px;
    width: 83%;
    font-weight: 500;
    line-height: 1.5rem;
    margin-top: 0.5rem;
  } 
  .CCO_Required .MuiInputLabel-shrink , .CCO_Required .MuiInputLabel-formControl{
    transform: none !important;
  }
  .CCO_Required .MuiFormLabel-root.Mui-error {
    color: #000000 !important;
}
@media (min-width: 1080px) and (max-width: 1287px){
  .ms-cust-mrgn3.ms-nursng-fclty {
    margin-top: 4.5rem !important;
  }
}
/* @soumya added style for color when input field value is selected from browser suggestions */
input:-webkit-autofill, input:focus:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 25px #fff;
}

.ms-three-line-upronoun label{
  margin-top: -1rem;
}
.ms-four-line-upronoun label{
  margin-top: -2rem;
}

.ms-line-upronoun-48 label{
  margin-top: -1rem !important;
}
.you_pronoun_Line_48_twoLine.frmwrk_field_mrgn.col-md-6.ms-line-upronoun-48 label{
  margin-top: -2rem !important;
}
.ms-line-upronoun-32 label {
  margin-top: -1rem;
}
.you_pronoun_Line.frmwrk_field_mrgn.col-md-6.ms-line-upronoun-48 label{
  margin-top: -2rem !important;
}
.you_pronoun_Line.frmwrk_field_mrgn.col-md-6.ms-line-upronoun-48 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-shrink{
  margin-top: -1.5rem !important;
}

.you_pronoun_line35.frmwrk_field_mrgn.col-md-6.ms-line-upronoun-35 label{
  margin-top: -0.5rem;
}

.you_pronoun_line32.frmwrk_field_mrgn.col-md-6.ms-line-upronoun-32 label{
  margin-top: 0rem;
}
.you_pronoun_Line.ms-line-upronoun-32 label {
  margin-top: -1rem;
}
.ms-line-upronoun-16 label{
  margin-top: 0rem;
}
 
@media (min-width: 768px) and (max-width: 1024px) {
 
  .ms-line-upronoun-48 label{
    margin-top: -2rem !important;
  }
  .ms-line-upronoun-64 label{
    margin-top: -1rem !important;
  }
  .you_pronoun_Line.frmwrk_field_mrgn.col-md-6.ms-line-upronoun-48 label{
    margin-top: -2rem !important;
  }
  .ms-line-upronoun-48 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-shrink{
    margin-top: -20px !important;
  }
  .you_pronoun_line35.frmwrk_field_mrgn.col-md-6.ms-line-upronoun-48{
    margin-top: 1rem !important
  }
  .immigrationStatusAlign.ms-line-upronoun-48 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-shrink{
    top: -24px !important;
    margin-top: 0 !important;
 }
  .immigrationStatusAlign.ms-line-upronoun-64 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-shrink{
    top: -30px !important;
    margin-top: 0 !important;
 }
 
}

@media (max-width: 767.98px) {
  .customContainer .col-md-6.ms-line-upronoun-96 {
      margin-top: 35px !important;
  }
  
  .ms-line-upronoun-96 label{
    margin-top: -25px !important;
  }

  .ms-line-upronoun-48 label{
    margin-top: 0rem !important;
  }

}


/* save and continue button allignment in iphoneXR , pixel 7 ,samsung galaxy */
@media (min-width:410px) and (max-width:415px){
  .next-button.save-continue-button{
    margin-left: 62px !important;
  }
  .ms-health-ins .MuiFormGroup-root{
    margin-top: -9px;
  }
  .next-button.save-continue-button.es-save-continue-button{
    margin-left: 41px !important;
  }
  .ms-line-upronoun-72 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-shrink{
    top: -35px !important;
    margin-top: 0 !important;
  }
}
/* save and continue button allignment for iphone 14pro */
@media (min-width:425px) and (max-width:435px){
  .ms-health-ins .MuiFormGroup-root{
    margin-top: -12px;
  }
  .ms_uprnon_style.col-md-6.ms-line-upronoun-48 label{
    margin-top: -6px !important;
  }
  .ms_uprnon_style.ms-line-upronoun-72 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-shrink{
    top: -35px !important;
    margin-top: 0 !important;
  }
 .ms_uprnon_style.immigrationStatusAlign.ms-line-upronoun-72 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-shrink{
  top: -35px !important;
  margin-top: 0 !important;
}
.ms-uprnon_style.ms-line-upronoun-64 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root{
  margin-top: -44px !important;
}
  .next-button.save-continue-button{
    margin-left: 74px !important;
  }
  .next-button.save-continue-button.es-save-continue-button{
    margin-left: 53px !important;
  }
  .ms-label-two-line-federal.ms-federal label.MuiFormLabel-root {
    margin-top: 0px;
  }
  .you_pronoun_Line.frmwrk_field_mrgn.col-md-6.ms-line-upronoun-48 label{
    margin-top: -6px !important;
  }
  .ms-line-upronoun-72 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-shrink{
    top: -35px !important;
    margin-top: 0 !important;
  }
 .immigrationStatusAlign.ms-line-upronoun-72 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-shrink{
  top: -35px !important;
  margin-top: 0 !important;
}

}
/* //@saikiran  for iphoneSE and iphone 12 pro */
@media (min-width:375px) and (max-width:390px){
  .ms-health-ins .MuiFormGroup-root{
    margin-top: -8px;
  }
}
/* @soumya styles for you pronoun css */
.ms-uprnon_style.col-md-6.ms-line-upronoun-48 label{
  margin-top: -1.5rem !important;
}
 
.ms-four-line-upronoun label{
  margin-top: -2rem;
}

.ms-line-upronoun-48 label{
  margin-top: -1rem !important;
}
.ms-uprnon_style.col-md-6.ms-line-upronoun-48 label{
  margin-top: -1rem;
}
.ms-uprnon_style.ms-line-upronoun-16 label{
  margin-top: 0rem;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .ms-uprnon_style.col-md-6.ms-line-upronoun-48 label{
    margin-top: -2rem !important;
  }
  .ms-line-upronoun-48 label{
    margin-top: -2rem !important;
  }
  .ms-line-upronoun-64 label{
    margin-top: -1rem !important;
  }
  
  .ms-line-upronoun-48 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-shrink{
    margin-top: -20px !important;
  }
  .immigrationStatusAlign.ms-line-upronoun-48 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-shrink{
    top: -24px !important;
    margin-top: 0 !important;
 }
  .immigrationStatusAlign.ms-line-upronoun-64 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-shrink{
    top: -30px !important;
    margin-top: 0 !important;
 }
 
}

@media (max-width: 767.98px) {
  .customContainer .col-md-6.ms-line-upronoun-96 {
      margin-top: 35px !important;
  }
  
  .ms-line-upronoun-96 label{
    margin-top: -25px !important;
  }
  .ms-uprnon_style.ms-line-upronoun-48 label{
    margin-top: 0rem !important;
  }

}
.ms-label-twoline-mobile-other.othrchngs-txt.othrchngs-txt-viet.frmwrk_field_mrgn.col-md-6 label{
  margin-top: -11px !important;
}
.mt-3.ms-multiselect-dropdown.ms-font-16.mt-8 .form-group {
  margin-top: 8px;
}
.ms-upronounfld{
  padding-top: 1rem !important;
margin-bottom: 0.75rem !important;
}
.ms-line-upronoun-32 label{
  margin-top: -10px !important;
  
}
.ms-line-upronoun-64 label{
  margin-top: -23px !important;
}
.placeholder-style-two-line-mobile.ml-1.ms-line-upronoun-32 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-shrink{
  width: 38rem;
}
.placeholder-style-two-line-mobile.ml-1.frmwrk_field_mrgn.col-md-6.ms-line-upronoun-16 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-shrink {
  width: 33rem;
}
.fullWidthCaption.current_lvng_situtn.frmwrk_field_mrgn.col-md-6.ms-cust-mrgt.ms-mrgtn10i{
  margin-top: 1rem !important;
}
.fullWidthCaption.current_lvng_situtn.frmwrk_field_mrgn.col-md-6.ms-cust-mrgt.ms-mrgtn10i label{
  margin-top: -2rem !important;
}
.fullWidthCaption.you_pronoun_line35.frmwrk_field_mrgn.col-md-6.ms-cust-mrgt.ms-line-upronoun-35 .MuiFormGroup-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-shrink {
  margin-top: -1rem !important ;
}
.MuiSelect-nativeInput {
  visibility: hidden;
}
.ms-ar-fitwidth .MuiFormControl-root .MuiFormGroup-root .MuiFormControlLabel-root.Mui-disabled {
  opacity: 0.6;
}
.ms-ar-fitwidth .MuiFormControl-root .MuiFormGroup-root .MuiFormControlLabel-root.Mui-disabled .MuiTypography-root.MuiFormControlLabel-label.Mui-disabled.MuiTypography-body1 {
  color: rgba(0, 0, 0, 0.87);
}
.ms-cic-disabled{
  opacity: 0.5;
  pointer-events: none;
}
.main-report-changes.ms-report-changes-section .ms-report-details-section .card.ms-report-section ul.ms-report-list li.ms-cic-disabled p.ms-list-item-placeholder {
  color: #000 !important;
}
.mr-2.plus-bgrUpdate{
  filter: invert();
}
.disability.cursive-text-field .MuiInputBase-input{
  font-family: 'dancing Script' , cursive !important;
  text-indent: 5px !important;
}
/* Sanket added class to hide field in disability module */
.ms-custom-accordion.ms-accordian-collapseble.medicalrec .container-border.hidesection{
  display: none !important;
}

.modal .ms-address-label > span {
  display: inline-block;
  width: 160px;
}
.modal .ms-address-label label.MuiFormControlLabel-root {
  max-width: 370px !important;
  min-width: 370px;
}
@media (min-width: 992px) {
  .modal .extra-large-modal.modal-lg,
  .modal .extra-large-modal.modal-xl {
    max-width: 820px !important;
  }
  .modal .extra-large-modal.modal-lg .modal-content .modal-footer .buttonWidthSecondary,
  .modal .extra-large-modal.modal-xl .modal-content .modal-footer .buttonWidthSecondary {
    max-width: 170px;
  }
}
.modal.ms-advance-account-model .banner-modal-close {
  top: 8px !important;
}
.modal.ms-advance-account-model .modal-footer {
  justify-content: flex-end !important;
}
.modal.ms-advance-account-model .modal-footer a {
  min-width: 150px;
}
.modal.ms-advance-account-model .modal-footer a.btn-dark {
  font-weight: 600;
}
.modal .modal-content {
  padding: 15px 15px 25px 15px;
}
.modal .modal-content .banner-modal-close {
  position: absolute;
  right: 10px;
  top: 5px;
}
.modal .modal-content .banner-modal-header {
  border-bottom: 0px;
}
.modal .modal-content .banner-modal-header.ms-banner-modal-header {
  background: #244459;
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-top: -15px;
  margin-bottom: 30px;
  /*Author: Basha
                *Purpose: min height added for model popup header height
                *Date: 03/17/2022 
                */
  min-height: 45px;
  /*
                    *Author: Basha
                    *Purpose: UC-MS-SCR-03 - added max-width, for modal title and close icon alignment.
                    *Date: 19/01/2022
                */
}
.modal .modal-content .banner-modal-header.ms-banner-modal-header .modal-title {
  font-family: 'Source Sans Pro', sans-serif;
  text-align: left;
  justify-content: flex-start !important;
  color: #FFF;
  font-size: 24px;
  font-weight: 600;
  max-width: 90%;
}
.modal .modal-content .banner-modal-header figure {
  margin: 0 10px 0 0;
  /*
                    *Author: Basha
                    *Purpose: icon max width adjustment.
                    *Date: 19/01/2022
                */
}
.modal .modal-content .banner-modal-header figure img.max-width,
.modal .modal-content .banner-modal-header figure img {
  max-width: 30px;
}
.modal .modal-content .modal-title {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #274463;
  text-align: center;
  width: 100%;
}
.modal .modal-content .close {
  margin: 0px;
}
.modal .modal-content .modal-body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  text-align: center;
  color: #000;
  line-height: 22.85px;
  word-break: break-word;
}
.modal .modal-content .modal-body.ms-model-body {
  font-family: 'Source Sans Pro', sans-serif;
  text-align: left;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  border-bottom: 1px solid #244459;
}
.modal .modal-content .modal-body.ms-model-body p {
  font-weight: 400;
}
.modal .modal-content .modal-body.ms-model-body p a {
  color: #0047ba;
}
.modal .modal-content .modal-body.ms-model-body a {
  cursor: pointer;
}
@media (max-width: 767px) {
  .modal .modal-content .ms-model-body {
    text-align: center !important;
  }
  .modal .modal-content .ms-local-contact {
    text-align: left !important;
    padding-bottom: 0px !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
.modal .modal-content .alignVertical {
  padding: 20px 109px;
}
.modal .modal-content .modal-footer {
  justify-content: center !important;
  border-top: 0px;
  padding: 0 !important;
}
.modal .modal-content .modal-footer .ms-verticle-flex {
  flex: inherit !important;
}
.modal .modal-content .modal-footer .buttonWidthSecondary {
  padding: 18px 2px;
  margin-left: 13px;
  max-width: 136px;
}
.modal .modal-content .modal-footer .buttonWidthPrimary {
  padding: 18px 12px;
  margin-right: 30px;
}
.modal .modal-content .modal-footer .preserveButtonTextCase {
  text-transform: none;
}
@media (max-width: 767px) {
  .modal .modal-content .modal-footer {
    display: flex;
    justify-content: center;
  }
}
.modal .modal-content .modal-footer .primary {
  flex: 1;
}
@media (max-width: 991.98px) {
  .modal .modal-content .modal-footer .btn-fullWidth {
    width: 100%;
    margin: auto;
    margin-top: 10px;
  }
}
.modal .modal-content .modal-footer .secondary {
  flex: 1;
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .modal .modal-content .alignVertical {
    padding: inherit;
  }
  .modal .modal-content .alignVertical .buttonWidthPrimary {
    margin-right: 0px;
    margin-bottom: 35px;
  }
  .modal .modal-content .alignVertical .buttonWidthSecondary {
    margin-left: 0px;
    max-width: none;
  }
}
@media (max-device-width: 823px) and (orientation: portrait) {
  .modal .modal-content .modal-title {
    font-size: 25px;
  }
}
.modal.ms-model .modal-content {
  padding-bottom: 10px;
}
.modal.ms-model .modal-content .modal-footer {
  margin-bottom: 0!important;
}
.modal.ms-model .modal-content .modal-footer.cancel-modal-footer .btn-dark,
.modal.ms-model .modal-content .modal-footer.cancel-modal-footer .secondary {
  flex: 1;
  flex-grow: 1 !important;
  height: 67px;
  justify-content: center;
  display: flex;
  align-items: center;
}
.modal.ms-model .modal-content .modal-footer.cancel-modal-footer .btn-dark,
.modal.ms-model .modal-content .modal-footer.cancel-modal-footer .primary {
  height: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal.ms-model .modal-content .modal-footer .btn-dark,
.modal.ms-model .modal-content .modal-footer .secondary {
  /*Author: Basha
                    *Purpose: padding reduced to reduce the height of the button
                    *Date: 03/16/2022 
                    */
  padding: 5px 30px;
}
.modal.ms-model .close {
  opacity: 1;
  top: 15px;
  right: 15px;
}
.modal.ms-model .close img {
  width: 23px;
}
.modal.ms-model .close-icon {
  opacity: 1;
  top: 8px;
  right: 15px;
  background: #244459;
  outline: none;
  border: 1px;
}
.modal.ms-model .close-icon img {
  width: 23px;
}
@media (min-width: 992px) {
  .modal .modal-lg {
    max-width: 650px;
  }
  .modal .modal-xl {
    max-width: 800px !important;
  }
}
.ms-update-profile.artogglepopup .ms-model-body {
  text-align: left !important;
}
.ms-update-profile .ms-banner-modal-header figure {
  display: none;
}
.ms-update-profile .ms-model-body {
  text-align: center !important;
}
.ms-update-profile .modal-footer {
  justify-content: flex-end !important;
}
.ms-update-profile .modal-footer a {
  min-width: 130px;
}
.ms-model-blurbackground {
  background-color: rgba(116, 116, 116, 0.95) !important;
}
.component-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.component-subtitle {
  font-size: 24px;
  margin-bottom: 10px;
}
.component-section-header {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.component-content-paragraph {
  margin: 1px 0;
}
.component-link {
  color: blue;
  text-decoration: underline;
  margin: 10px 0;
}
.medicaid-contact-section {
  padding-bottom: 12px;
}
.mdhs-contact-section {
  display: flex;
  padding: 10px 0;
  height: 100%;
}
.mdhs-contact-section-horizontalborder {
  display: flex;
  border-top: 1px solid #ccc;
  padding: 10px 0;
  height: 100%;
}
.mdhs-contact-section-verticalborder {
  border-left: 1px solid #ccc;
  padding-left: 15px;
  height: 100%;
}
.mdhs-contact-snaptanf-section {
  padding-right: 10px;
}
@media (max-width: 767px) {
  .mdhs-contact-section {
    display: block !important;
    padding: 10px 0;
  }
  .mdhs-contact-section-horizontalborder {
    display: block !important;
  }
  .mdhs-contact-snaptanf-section {
    padding-bottom: 12px !important;
  }
  .mdhs-contact-section-verticalborder {
    border-left: 0px !important;
    border-top: 1px solid #ccc !important;
    padding: 10px 0px !important;
  }
  .modal .modal-content .ms-model-body {
    text-align: left !important;
  }
}
.ul-box {
  overflow-y: scroll;
  height: 160px;
  box-shadow: 0px 1px 2px #888888;
  position: absolute;
  width: 98%;
  z-index: 99;
  background: #fff;
  top: 50px;
}
.ul-box li {
  list-style: none !important;
  background-image: none;
  background-repeat: none;
  background-position: 0;
}
.ul-box li.listItems {
  cursor: pointer;
  padding: 1%;
}
.ul-box li:hover {
  background-color: #f4f4f4;
}

.ms-radio-toggle {
  margin-top: -5px;
  /*Author: Basha
        *Purpose: Radio buttons focus managed
        *Date: 03/16/2022 
        */
}
.ms-radio-toggle .MuiIconButton-colorPrimary:focus-within {
  left: 3rem !important;
}
.ms-radio-toggle .MuiTypography-body1 {
  width: 70px;
  height: 35px;
  font-size: 15px;
  border-radius: 4px;
  border: 1px solid #244459;
}
.ms-radio-toggle .MuiFormControlLabel-root span:nth-child(2) {
  text-align: center;
  font-size: 15px;
  padding: 7px 0px;
  display: block;
}
.ms-radio-toggle .MuiFormControlLabel-root span span input {
  position: absolute;
  top: -20px;
}
.ms-radio-toggle .MuiFormControlLabel-root span span div {
  display: none;
}
.ms-radio-toggle .Mui-checked ~ .MuiTypography-body1 {
  background-color: #274463 !important;
  color: #fff !important;
}
.subHead {
  position: absolute;
  margin-top: 1.8rem;
  font-size: 16px;
  width: 70%;
  margin-bottom: 0rem;
}
@media (max-width: 767.98px) {
  .ms-radio-toggle {
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 5px;
  }
  .ms-radio-toggle:first-child label {
    margin-right: 20px !important;
  }
}

.program-panel-container {
  width: 100%;
  padding: 0px 50px 0px;
}
.program-panel-container .headline {
  padding-left: 35px;
  padding-right: 35px;
  font-size: 34px;
  font-weight: lighter;
  color: #000;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.program-panel-container .headline p {
  margin-bottom: 0px;
}
@media (max-width: 991.98px) {
  .program-panel-container .headline {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
  }
}
.program-panel-container .ms-apply-button,
.program-panel-container .ms-headline {
  display: none;
}
@media (max-width: 1199.98px) {
  .program-panel-container {
    padding: 0px 40px 0px;
  }
}

.card-container {
  border-radius: 0px;
  border: 3px solid #fff;
  /*
    *Author: Jabeer Basha
    *Purpose: UC-CP - Border width change for program card on selection
    *Date: 12/01/2022
    */
  /*
  *Author: Rahul
  *Purpose: UC-MS-PHP-04 - Removing important to override the property for mobile device.
  *Date: 01/21/2022
  */
}
.card-container.ms-card-container {
  border: 3px solid rgba(0, 0, 0, 0) !important;
}
.card-container.card-border {
  border-color: #244459 !important;
}
.card-container .mat-checkbox {
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #fff;
  top: 2px;
  left: 3px;
  z-index: 1;
}
.card-container .mat-checkbox:hover {
  background-color: #f4f4f4;
}
.card-container .custom-checkbox {
  top: 3px;
  left: 7px;
}
.card-container .custom-checkbox .custom-control-label::before {
  border-radius: 0;
  width: 22.4px;
  height: 22.4px;
}
.card-container .custom-checkbox .custom-control-label::after {
  width: 22.4px;
  height: 22.4px;
  background-image: url('/src/resources/images/white_tick.png') !important;
  background-size: 15px 15px;
}
.card-container .custom-checkbox .custom-control-input:checked + .custom-control-label::before {
  background-color: #274463;
  border: 0px;
}
.card-container .custom-checkbox .custom-control-input:focus + .custom-control-label::before {
  background-color: none;
  border: 2px solid #274463;
}
.card-container .card-content {
  padding-right: 40px;
  padding-left: 40px;
  /*
      *Author: Basha
      *Purpose: UC-MS-PHP-04 In program list alignment has been updated.
      *Date: 01/27/2022
      */
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1025px) {
  .card-container .card-content.ms-card-body-introduce {
    flex-direction: initial !important;
    padding-left: 50px !important;
  }
}
.card-container .card-content .card-content-title {
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 26px;
  /*
      *Author: Basha
      *Purpose: UC-MS-PHP-04 Changed the font size for the alignment of program card
      *Date: 02/22/2022
      */
}
.card-container .card-content .card-content-title .card-content-title-text {
  margin-bottom: 0px;
  font-weight: bolder;
  color: #000;
  text-align: left;
  word-break: break-word;
  font-size: 16px;
}
.card-container .card-content .card-content-body {
  font-size: 16px;
  line-height: 20px;
  color: #000;
}
.card-container .card-link {
  font-weight: bold;
  color: #0047ba;
  font-size: 14px;
  text-decoration: underline;
}
@media (max-width: 991.98px) {
  .card-container {
    width: 100% !important;
  }
  .card-container .card-content .card-content-title {
    margin-bottom: 15px;
  }
}
@media (max-width: 991.98px) and (min-width: 768px) {
  .card-container {
    height: 320px;
    padding: 80px;
    /*
        *Author: Basha
        *Purpose: UC-MS-PHP-04 - fixed alignment for tab view.
        *Date: 02/10/2022
        */
  }
  .card-container .card-link {
    position: absolute;
    bottom: 20px;
    left: calc(50% - 35px);
  }
}
/*
*Author: Rahul
*Purpose: UC-MS-PHP-04 - fixed alignment styling for checkbox in devices.
*Date: 01/12/2022
*/
@media (max-width: 767.98px) {
  .custom-checkbox {
    top: 20px !important;
    left: 7px !important;
  }
}
/*
*Author: Basha
*Purpose: UC-MS-PHP-04 - fixed alignment for program card in devices.
*Date: 02/10/2022
*/
@media (max-width: 1194px) {
  .ms-card-container.card-container .card-content-title {
    flex-direction: column !important;
    align-items: center !important;
  }
  .ms-card-container.card-container .card-content-title img {
    max-width: 55px !important;
    margin-bottom: 3px;
  }
  .ms-card-container.card-container .card-content-title .card-content-title-text {
    text-align: center !important;
    word-break: initial !important;
  }
}
@media (min-width: 820px) and (max-width: 1180px) {
  .ms-card-container.card-container .card-content-title img {
    margin-top: -8rem !important;
  }
}
@media (min-width: 820px) and (max-width: 1180px) {
  .ms-card-container .card-content .card-content-body {
    margin-top: -30px;
  }
}


.banner {
  max-width: 100% !important;
}
.banner.banner-border-bottom {
  border-bottom: #ffcc00 solid 5px;
}
.banner.ms-banner-border-bottom {
  border-bottom: #CBE5C8 solid 5px;
}
.banner.short.right .row div:last-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 35px;
  padding-right: 35px;
}
.banner.short.right .row div:last-child .banner-content {
  padding-bottom: 0px;
  margin-bottom: 0px;
  position: relative;
}
.banner.short.right .row div:last-child .banner-content .banner-headline {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  padding: 15px 0px;
}
.banner.short.right .row div:last-child .banner-content .banner-paragraph {
  color: #fff;
  font-size: 18px;
  font-weight: 100;
  margin-bottom: 0px;
}
@media (max-width: 991.98px) {
  .banner.short.right .row div:last-child .banner-content .banner-headline {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .banner.short.right .row div:last-child .banner-content .banner-paragraph {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .banner.short.right .row div:last-child .banner-content .banner-paragraph {
    max-width: 80%;
  }
  .banner.short.right .row div:last-child .banner-content .banner-paragraph.ms-banner-paragraph {
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
.banner.short.right .row div:first-child {
  padding-left: 0px;
  padding-right: 0px;
}
.banner.short.right .row div:first-child.img-border-right {
  /*
						*Author: Basha
						*Purpose: Removed un-necessary border from Banner
						*Date: 02/01/2022
						*/
  border-right: 0;
}
.banner.short.right .row div:first-child .banner-image {
  margin-left: 0px;
}
@media (max-width: 991.98px) {
  .banner.short.right .row div:first-child.img-border-right {
    border-right: 0px;
  }
}
.banner.short.left .row div:last-child {
  padding-left: 0px;
  padding-right: 0px;
}
.banner.short.left .row div:last-child.img-border-right {
  border-left: 5px solid #fff;
}
.banner.short.left .row div:last-child .banner-image {
  margin-left: 0px;
}
@media (max-width: 991.98px) {
  .banner.short.left .row div:last-child.img-border-right {
    border-left: 0px;
  }
}
.banner.short.left .row div:first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 35px;
  padding-right: 35px;
}
.banner.short.left .row div:first-child .banner-content {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.banner.short.left .row div:first-child .banner-content .banner-headline {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  padding-top: 0px;
}
.banner.short.left .row div:first-child .banner-content .banner-paragraph {
  color: #fff;
  font-size: 18px;
  font-weight: 100;
  margin-bottom: 0px;
}
@media (max-width: 991.98px) {
  .banner.short.left .row div:first-child .banner-content .banner-headline {
    margin-top: 20px;
    margin-bottom: 0px;
  }
  .banner.short.left .row div:first-child .banner-content .banner-paragraph {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .banner.short.left .row div:first-child .banner-content .banner-paragraph {
    max-width: 80%;
  }
}
.banner.tall .row {
  background-color: #fffcf2;
}
.banner.tall .row .banner-paragraph {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  color: #000;
  margin-bottom: 30px;
}
.banner.tall .row .banner-paragraph .inPageAnchor {
  color: #0047ba;
  text-decoration: underline;
  letter-spacing: 1px;
  font-weight: bold;
}
.banner.tall .row.ms-banner-overlay {
  background-color: #fff;
}
.banner.tall .row.ms-banner-overlay .inPageAnchor {
  font-weight: 600;
  letter-spacing: 0;
}
@media (min-width: 1200px) {
  .banner.tall .row .banner-paragraph {
    max-width: 70%;
  }
  .banner.tall .row.ms-banner-overlay .banner-paragraph {
    max-width: 86%;
  }
}
@media (max-device-width: 768px) and (orientation: portrait) {
  .banner.right .row div:first-child {
    padding-left: 0px;
    padding-right: 0px;
  }
  .banner.right .row div:first-child .banner-image {
    margin-left: 0px;
    display: none;
  }
  .banner.left .row div:last-child {
    padding-left: 0px;
    padding-right: 0px;
  }
  .banner.left .row div:last-child .banner-image {
    margin-left: 0px;
  }
}
.banner .banner-image {
  width: 100%;
  height: 100%;
  margin-left: -15px;
}
.banner .banner-content {
  padding-bottom: 30px;
}
.banner .banner-content.ms-banner-content {
  padding-bottom: 50px;
  /*
			*Author: Jabeer Basha
			*Purpose: UC-CP - Decrease the minimum width for banner button
			*Date: 12/01/2022
			*/
  /*
			*Author: Jabeer Basha
			*Purpose: UC-CP - Button style change for resize window
			*Date: 01/12/2022
			*/
  /*
			*Author: Basha
			*Purpose: UC-CP- Apply Button style change for resize window
			*Date: 01/27/2022
			*/
}
.banner .banner-content.ms-banner-content .btn-dark {
  padding: 18px 32px;
  min-width: 195px;
  font-weight: 600;
  font-size: 16px;
}
.banner .banner-content.ms-banner-content .apply-button {
  margin-left: 30px;
}
@media (min-width: 992px) and (max-width: 1160px) {
  .banner .banner-content.ms-banner-content .apply-button {
    text-align: center;
    max-width: 198px;
    margin-left: 0;
    display: flex;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .banner .banner-content.ms-banner-content .apply-button {
    margin-left: 0px;
    margin-top: 20px;
  }
}
.banner .banner-content .banner-headline {
  color: #000;
  font-size: 48px;
  font-weight: lighter;
  padding-top: 33px;
}
.banner .banner-content .banner-headline.ms-banner-headline {
  font-size: 38px;
  padding-top: 50px;
  padding-left: 0;
  margin-bottom: 20px;
}
@media (max-device-width: 414px) and (orientation: portrait) {
  .banner .banner-content .banner-headline {
    font-size: 36px;
    font-weight: 400;
    padding-top: 33px;
  }
  .banner .banner-content .banner-headline.ms-banner-headline {
    padding-top: 5px;
  }
}


.ms-programs-link {
  width: calc(100% - 100px);
  margin: 0 50px 20px 50px;
  border: 1px solid #147120;
  padding: 20px 30px;
  color: #147120;
  border-radius: 7px;
  display: flex;
  align-items: center;
}
.ms-programs-link:last-child {
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
}
.ms-programs-link img {
  margin-left: 10px;
  width: 23px;
}


.cst-muted-text {
  color: #AAAFB9;
}
.page-section-head {
  border-bottom: 2px solid #244459;
  margin: 15px 0px;
}
.page-section-head .custom-link {
  cursor: pointer;
}
.page-section-head .custom-link figure {
  margin: 0 5px 5px 0;
}
.page-section-head .custom-link span {
  color: #274463;
  font-size: 16px;
}
.page-section-head .custom-link:hover {
  text-decoration: none;
}
.page-section-head .custom-link.esnap-disabled {
  cursor: not-allowed;
}
.page-section-head .head-label {
  font-weight: 700;
  color: #000;
  font-size: 18px;
}
ul.section-list li {
  margin: 15px 0px;
}


.print-pdf-container {
  padding-bottom: 100px;
}
.print-pdf-container .ms-bg-gray {
  background: #f4f4f4;
}
.print-pdf-container .ms-font-36 {
  font-size: 24px;
}
.print-pdf-container .ms-heading-pad {
  padding-top: 20px;
}
.print-pdf-container .ms-middle-pad {
  padding-top: 30px;
}
.print-pdf-container .ms-middle-pad a {
  color: #0047ba !important;
}
@media (max-width: 767.98px) {
  .print-pdf-container .ms-program-types {
    flex-direction: column !important;
    padding-left: 0;
  }
  .print-pdf-container .ms-program-types > div {
    margin-bottom: 20px;
  }
}


.loader-container {
  height: 80vh;
}
.loader-container p {
  font-weight: lighter;
  font-size: 25px;
  color: #555b5a;
}

.error-container {
  height: 80vh;
}
.error-container p {
  font-weight: lighter;
  font-size: 25px;
  color: #555b5a;
}

/*html {
  scroll-behavior: smooth;
}*/
body {
  padding-top: 90px;
  position: relative;
  min-height: 100vh;
  font-family: "Open Sans", sans-serif;
  padding-bottom: 0 !important;
}
.theme-background-dark-green {
  background-color: #005A64;
  color: #fff;
}
.theme-background-dark {
  background-color: #147120;
  color: #fff;
}
.theme-background-dark.announcement {
  background-color: #a30014;
}
.ms-theme-dark-green-background {
  background-color: #147120;
  color: #fff;
}
.ms-theme-dark-green-background .ms-banner-paragraph .banner-headlin {
  font-size: 22px !important;
}
.theme-background-light {
  background-color: #244459;
  color: #000;
}
.theme-background-light-btn {
  background-color: #fff;
  color: #000;
}
.theme-background-light-grey {
  background-color: #f4f4f4;
  color: #555b5a;
}
.theme-background-grey {
  background-color: #dadddc;
  color: #000;
}
.theme-background-dark-grey {
  background-color: #244459;
  color: #f4f4f4;
  padding-top: 50px;
}
@media (max-width: 768px) {
  .ms-theme-dark-green-background .ms-banner-paragraph .banner-headline {
    font-size: 20px !important;
  }
}
@media (max-width: 767.98px) {
  body,
  .theme-background-dark-grey {
    padding-top: 80px;
  }
  .ms-theme-dark-green-background .ms-banner-paragraph .banner-headline {
    font-size: 18px !important;
  }
}
/******* Disabled Button *******/
.btn-disabled {
  cursor: not-allowed;
}
/*********** Input type number default arrow romove *****/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.custom-select {
  background: url(/src/resources/images/drop-down-arrow.svg) no-repeat right 0.25rem center / 10px 10px;
  border: 1px solid #555b5a;
}
.custom-select:focus {
  border: 1px solid #ff8700;
}
.form-control {
  border: 1px solid #555b5a;
  /*
    *Author: Rahul
    *Purpose: UC-MS-SCR-02 - Commented the focus field color. this color is not in MS style guide.
    *Date: 01/13/2022
    */
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
  background-image: none;
  border-color: #C92500;
}
.custom-select.is-invalid,
.was-validated .custom-select:invalid {
  background: url(/src/resources/images/drop-down-arrow.svg) no-repeat right 0.25rem center / 10px 10px;
  border-color: #C92500;
}
/*******************Button **START***************************/
.btn-outline-dark {
  padding: 18px 62px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #274463;
  background-color: #fff;
  border: 2px solid #274463;
}
.btn-outline-dark:focus,
.btn-outline-dark:active,
.btn-outline-dark:hover,
.btn-outline-dark:active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active {
  box-shadow: none !important;
  background-color: #fff;
  border: 2px solid #274463;
  color: #274463;
}
.btn-outline-dark:focus,
.btn-outline-dark:active:focus,
.btn-outline-dark:focus:hover {
  border: 2px solid #468CFF;
}
@media (max-width: 767px) {
  .btn-outline-dark {
    padding: 14px 30px;
    display: block;
    width: 100%;
  }
}
.btn-light {
  padding: 18px 62px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #000;
  background-color: #fff;
  border: 2px solid #fff;
  padding: 18px 25px 18px;
}
.btn-light:focus,
.btn-light:active,
.btn-light:hover,
.btn-light:active:focus,
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active {
  box-shadow: none !important;
  background-color: #fff;
  border: 2px solid #fff;
  color: #000;
}
.btn-light:focus,
.btn-light:active:focus,
.btn-light:focus:hover {
  border: 2px solid #468CFF;
}
@media (max-width: 767px) {
  .btn-light {
    padding: 14px 30px;
    display: block;
    width: 100%;
  }
}
.btn-dark {
  padding: 18px 62px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  background-color: #274463;
  border: 2px solid #274463;
}
.btn-dark:focus,
.btn-dark:active,
.btn-dark:hover,
.btn-dark:active:focus,
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active {
  box-shadow: none !important;
  background-color: #274463;
  border: 2px solid #274463;
  color: #fff;
}
.btn-dark:focus,
.btn-dark:active:focus,
.btn-dark:focus:hover {
  border: 2px solid #468CFF;
}
@media (max-width: 767px) {
  .btn-dark {
    padding: 14px 30px;
    display: block;
    width: 100%;
  }
}
.btn-light-grey {
  padding: 18px 62px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #274463;
  background-color: #dadddc;
  border: #dadddc;
  padding: 18px 25px 18px;
}
.btn-light-grey:focus,
.btn-light-grey:active,
.btn-light-grey:hover,
.btn-light-grey:active:focus,
.btn-light-grey:not(:disabled):not(.disabled).active,
.btn-light-grey:not(:disabled):not(.disabled):active {
  box-shadow: none !important;
  background-color: #dadddc;
  border: 2px solid #274463;
  color: #274463;
}
.btn-light-grey:focus,
.btn-light-grey:active:focus,
.btn-light-grey:focus:hover {
  border: #dadddc;
}
@media (max-width: 767px) {
  .btn-light-grey {
    padding: 14px 30px;
    display: block;
    width: 100%;
  }
}
.btn-transperant-outline-light {
  padding: 18px 62px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  background-color: #274463;
  border: 2px solid #fff;
  font-size: 18px;
  padding: 8px 20px;
  background-color: transparent;
}
.btn-transperant-outline-light:focus,
.btn-transperant-outline-light:active,
.btn-transperant-outline-light:hover,
.btn-transperant-outline-light:active:focus,
.btn-transperant-outline-light:not(:disabled):not(.disabled).active,
.btn-transperant-outline-light:not(:disabled):not(.disabled):active {
  box-shadow: none !important;
  background-color: #274463;
  border: 2px solid #fff;
  color: #fff;
}
.btn-transperant-outline-light:focus,
.btn-transperant-outline-light:active:focus,
.btn-transperant-outline-light:focus:hover {
  border: 2px solid #468CFF;
}
@media (max-width: 767px) {
  .btn-transperant-outline-light {
    padding: 14px 30px;
    display: block;
    width: 100%;
  }
}
.btn-transperant-outline-light:focus,
.btn-transperant-outline-light:active,
.btn-transperant-outline-light:hover,
.btn-transperant-outline-light:active:focus,
.btn-transperant-outline-light:not(:disabled):not(.disabled).active,
.btn-transperant-outline-light:not(:disabled):not(.disabled):active {
  box-shadow: none !important;
  background-color: transparent;
  color: #fff;
}
.btn-transperant-outline-dark {
  padding: 18px 62px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #274463;
  background-color: #274463;
  border: 2px solid #274463;
  font-size: 18px;
  padding: 8px 20px;
  background-color: transparent;
}
.btn-transperant-outline-dark:focus,
.btn-transperant-outline-dark:active,
.btn-transperant-outline-dark:hover,
.btn-transperant-outline-dark:active:focus,
.btn-transperant-outline-dark:not(:disabled):not(.disabled).active,
.btn-transperant-outline-dark:not(:disabled):not(.disabled):active {
  box-shadow: none !important;
  background-color: #274463;
  border: 2px solid #274463;
  color: #274463;
}
.btn-transperant-outline-dark:focus,
.btn-transperant-outline-dark:active:focus,
.btn-transperant-outline-dark:focus:hover {
  border: 2px solid #468CFF;
}
@media (max-width: 767px) {
  .btn-transperant-outline-dark {
    padding: 14px 30px;
    display: block;
    width: 100%;
  }
}
.btn-transperant-outline-dark:focus,
.btn-transperant-outline-dark:active,
.btn-transperant-outline-dark:hover,
.btn-transperant-outline-dark:active:focus,
.btn-transperant-outline-dark:not(:disabled):not(.disabled).active,
.btn-transperant-outline-dark:not(:disabled):not(.disabled):active {
  box-shadow: none !important;
  background-color: transparent;
  color: #274463;
}
.btn-secondary-outline-dark {
  padding: 18px 62px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  color: #fff;
  background-color: #274463;
  border: 0;
  font-size: 14px;
  padding: 8px 20px;
}
.btn-secondary-outline-dark:focus,
.btn-secondary-outline-dark:active,
.btn-secondary-outline-dark:hover,
.btn-secondary-outline-dark:active:focus,
.btn-secondary-outline-dark:not(:disabled):not(.disabled).active,
.btn-secondary-outline-dark:not(:disabled):not(.disabled):active {
  box-shadow: none !important;
  background-color: #274463;
  border: 2px solid #274463;
  color: #fff;
}
.btn-secondary-outline-dark:focus,
.btn-secondary-outline-dark:active:focus,
.btn-secondary-outline-dark:focus:hover {
  border: 2px solid #468CFF;
}
@media (max-width: 767px) {
  .btn-secondary-outline-dark {
    padding: 14px 30px;
    display: block;
    width: 100%;
  }
}
.btn-secondary-outline-dark:focus,
.btn-secondary-outline-dark:active,
.btn-secondary-outline-dark:hover,
.btn-secondary-outline-dark:active:focus,
.btn-secondary-outline-dark:not(:disabled):not(.disabled).active,
.btn-secondary-outline-dark:not(:disabled):not(.disabled):active {
  box-shadow: none !important;
  background-color: #274463;
  color: #fff;
  border: 0;
}
/********************Button **END**************************/
/************************Card***********************************/
.card {
  border-radius: 0px;
}
.card-header:first-child {
  border-radius: 0px;
}
.MuiFormLabel-root {
  font-family: 'Source Sans Pro', sans-serif !important;
}
.MuiFormLabel-asterisk {
  color: #C92500;
}
.MuiFormLabel-asterisk.Mui-error {
  color: #C92500 !important;
}
.MuiInput-underline:hover:not(.Mui-disabled):before {
  border-bottom: 1px solid #AAAFB9 !important;
}
.MuiInput-underline:before {
  border-bottom: 1px solid #AAAFB9 !important;
}
.MuiInput-underline:after {
  display: none;
}
.MuiInput-underline.Mui-focused:before,
.MuiFormLabel-root.MuiInputLabel-shrink + .MuiInput-underline:before {
  border-bottom: 1px solid #000 !important;
}
.MuiInput-underline.Mui-error {
  color: #C92500 !important;
}
.MuiInput-underline.Mui-error:hover:not(.Mui-disabled):before {
  border-bottom: 1px solid #C92500 !important;
}
.MuiInput-underline.Mui-error:before {
  border-bottom: 1px solid #C92500 !important;
}
.MuiFormGroup-root {
  margin-bottom: 16px;
}
.MuiFormHelperText-root.Mui-error {
  color: #C92500 !important;
}
.MuiFormHelperText-root .MuiFormHelperText-filled {
  color: #C92500 !important;
}
.input-root .MuiFormLabel-root {
  color: #555b5a;
  font-size: 18px;
}
.input-root .MuiFormLabel-root.Mui-focused,
.input-root .MuiFormLabel-root.MuiInputLabel-shrink {
  color: #555b5a !important;
  font-size: 14px !important;
}
.input-root .MuiInputBase-root {
  color: #000 !important;
  font-size: 18px !important;
}
.MuiCheckbox-colorPrimary.Mui-checked,
.MuiRadio-colorPrimary.Mui-checked {
  color: #274463 !important;
}
.MuiCheckbox-colorPrimary.Mui-checked.Mui-disabled {
  color: rgba(0, 0, 0, 0.26) !important;
}
.checkbox-root .MuiTypography-body1 {
  color: #000 !important;
  font-size: 14px !important;
}
.checkbox-root .MuiFormLabel-root {
  color: #000 !important;
  font-size: 18px !important;
}
.p-root .form-label {
  font-size: 18px;
}
.sq-root .MuiFormLabel-root,
.multiSelect .MuiFormLabel-root {
  color: #000 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
}
.tc-root .MuiFormLabel-root {
  color: #000 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}
.MuiFormLabel-root.Mui-error {
  color: #555b5a;
}
.react-collapsible {
  font-family: 'Source Sans Pro', sans-serif;
}
.react-collapsible .primary-button {
  padding: 4px 10px;
  font-size: 14px;
  min-width: 90px;
  height: 35px;
}
.react-collapsible .secondary-button {
  padding: 4px 10px;
  font-size: 14px;
  color: #f4f4f4;
  min-width: 90px;
  height: 35px;
}
.react-collapsible .minus-button {
  border-radius: 50%;
  position: relative;
  background-color: #555b5a;
  height: 15px;
  width: 15px;
  display: inline-block;
  margin-right: 5px;
}
.react-collapsible .minus-button:after {
  position: absolute;
  content: "-";
  transform: translate(-50%, -50%);
  left: 50%;
  top: 30%;
  color: #fff;
}
.react-collapsible .plus-button {
  border-radius: 50%;
  position: relative;
  background-color: #000;
  height: 15px;
  width: 15px;
  display: inline-block;
  margin-right: 5px;
}
.react-collapsible .plus-button:after {
  position: absolute;
  content: "+";
  transform: translate(-50%, -50%);
  left: 50%;
  top: 40%;
  color: #fff;
}
.section-style {
  box-shadow: 0px 110px 90px -125px #555b5a;
}
.ms-w600 {
  font-weight: 600;
}
/*
	*Author: Basha
	*Purpose: UC-MS-SCR-01 - Changed element styling dropdown arrow appearence for browser compatability issues.
	*Date: 17/01/2022
*/
/*
	*Author: Basha
	*Purpose: UC-MS-SCR-01 - added !important to override the error class to show the dropdown arrow.
	*Date: 19/01/2022
*/
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 25px;
  background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=) !important;
  background-repeat: no-repeat !important;
  background-position: 95% 42% !important;
}
.survey-modal.modal .modal-content {
  padding: 0;
  border-radius: 0;
}
.survey-modal.modal .modal-content .modal-header {
  padding: 0;
  background-color: #00837b;
  color: #ffffff;
  border-radius: 0;
}
.survey-modal.modal .modal-content .modal-header .text-heading {
  padding: 1rem;
  font-size: 24px;
}
.survey-modal.modal .modal-content .modal-header .close {
  padding: 0;
  padding-right: 0.5rem;
  color: #fff;
  opacity: 1;
  width: auto;
  font-weight: normal;
}
.survey-modal.modal .modal-content .modal-body {
  color: #000000;
}
.survey-modal.modal .modal-content .modal-body .MuiTypography-root {
  font-weight: 600;
}
.survey-modal.modal .modal-content .modal-body .MuiRating-root {
  margin-top: 15px;
}
.survey-modal.modal .modal-content .modal-body .surveyBtn {
  margin-top: 1rem;
}
.survey-modal.modal .modal-content .modal-body .surveyBtn .btn-dark {
  padding: 8px 25px;
}
.survey-modal.modal .modal-content .modal-body .MuiSvgIcon-root {
  height: 30px;
  width: 30px;
}
.prompt-modal .modal-header,
.radio-survey-modal .modal-header {
  justify-content: end;
  padding: 0;
  border: none;
}
.prompt-modal .modal-header .close,
.radio-survey-modal .modal-header .close {
  padding: 0;
  font-size: 2rem;
  font-weight: 500;
}
.prompt-modal .modal-body .MuiTypography-body1,
.radio-survey-modal .modal-body .MuiTypography-body1 {
  font-size: 15px !important;
  color: #274463 !important;
  font-weight: 700;
}
.prompt-modal .modal-body legend,
.radio-survey-modal .modal-body legend {
  font-size: 15px !important;
  color: #555b5a !important;
  font-weight: 600;
}
.prompt-modal .modal-body .MuiFormGroup-row,
.radio-survey-modal .modal-body .MuiFormGroup-row {
  justify-content: space-evenly;
}
.prompt-modal .modal-body .survey-prompt-radio .MuiFormControlLabel-root,
.radio-survey-modal .modal-body .survey-prompt-radio .MuiFormControlLabel-root {
  border: none !important;
  background-color: transparent !important;
}
.prompt-modal .modal-body .surveyBtn,
.radio-survey-modal .modal-body .surveyBtn {
  margin-top: 1rem;
}
.prompt-modal .modal-body .surveyBtn .btn-dark,
.radio-survey-modal .modal-body .surveyBtn .btn-dark {
  padding: 18px 62px;
  text-transform: uppercase;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #fff;
  background-color: #274463;
  border: 2px solid #274463;
}
.prompt-modal .modal-body .surveyBtn .btn-dark:hover,
.radio-survey-modal .modal-body .surveyBtn .btn-dark:hover {
  border: 2px solid #274463;
}
.prompt-modal .modal-body .surveyBtn .btn-dark.Mui-disabled,
.radio-survey-modal .modal-body .surveyBtn .btn-dark.Mui-disabled {
  color: #333 !important;
  border: 2px solid #e5e5e5 !important;
}
.prompt-modal .modal-body .custom-radio,
.radio-survey-modal .modal-body .custom-radio {
  margin-top: 15px;
  top: 4px;
}
.prompt-modal .modal-body .custom-radio label,
.radio-survey-modal .modal-body .custom-radio label {
  word-break: keep-all;
  font-size: 18px;
  color: #555b5a;
  line-height: 1.4;
}
.prompt-modal .modal-body .custom-radio .MuiTypography-body1,
.radio-survey-modal .modal-body .custom-radio .MuiTypography-body1 {
  color: #555b5a !important;
  font-weight: 500;
  font-size: 14px;
}
.prompt-modal .modal-body .custom-radio .MuiRadio-root,
.radio-survey-modal .modal-body .custom-radio .MuiRadio-root {
  color: #274463 !important;
}
.prompt-modal .modal-body .custom-radio .MuiIconButton-colorSecondary:hover,
.radio-survey-modal .modal-body .custom-radio .MuiIconButton-colorSecondary:hover {
  background-color: rgb(2 1 31%);
}
.prompt-modal .modal-body .custom-radio .custom-control-input:focus + .custom-control-label::before,
.radio-survey-modal .modal-body .custom-radio .custom-control-input:focus + .custom-control-label::before {
  background-color: none;
  border: 2px solid #274463;
}
.prompt-modal .modal-body .custom-radio .custom-control-input:checked + .custom-control-label::after,
.radio-survey-modal .modal-body .custom-radio .custom-control-input:checked + .custom-control-label::after {
  background-image: none;
  background-color: #274463;
  padding: 2px;
  border-radius: 50%;
  border: 2px solid #274463;
  top: 8px !important;
  left: -20px !important;
  width: 2px !important;
  height: 2px !important;
}
.prompt-modal .modal-body .custom-radio .custom-control-input:checked + .custom-control-label::before,
.radio-survey-modal .modal-body .custom-radio .custom-control-input:checked + .custom-control-label::before {
  border: 2px solid #274463;
  background-color: #fff;
}
.radio-survey-modal .modal-header {
  justify-content: space-between !important;
}
.radio-survey-modal .radio-survey-modal {
  margin-bottom: 15px;
}
.radio-survey-modal .custom-radio {
  margin-top: 0px;
}
.thankyou-modal .close {
  width: 20px;
  height: 30px;
}
@media (max-width: 767.98px) {
  .prompt-modal .modal-content .modal-body .MuiTypography-body1 {
    font-size: 14px !important;
  }
  .prompt-modal .modal-content .close {
    width: 20px;
    height: 30px;
  }
  .radio-survey-modal .modal-body .survey-prompt-radio .MuiFormControlLabel-root {
    margin: 10px;
  }
  .radio-survey-modal .modal-body .custom-radio .MuiRadio-root {
    padding: 0;
  }
  .what-next-container .next-button,
  .voter-registration .next-button {
    margin-top: 0 !important;
  }
}

.what-next-container {
  padding: 0;
  background: #fff;
}
.what-next-container .page-head {
  font-weight: 700;
  padding: 10px 0;
  color: #000;
  font-size: 18px;
}
.what-next-container .page-body {
  padding: 10px 0;
  margin-bottom: 10px;
  color: #000;
  font-size: 16px;
}
.what-next-container .page-body img {
  max-width: 100%;
}
.what-next-container .page-body .paragraph-body {
  margin-left: 30px;
}
@media (max-width: 767px) {
  .what-next-container .page-body .paragraph-body {
    margin-left: 0px;
  }
}
.what-next-container .page-body .video-container {
  max-width: 289px;
  margin-left: 16px;
}
.what-next-container .page-body .thumbnail {
  padding: 10px;
  padding-bottom: 5px;
  border: 1px solid #dadddc;
  box-shadow: 0px 0px 10px 0px #c0c3c2;
}
.what-next-container .page-body .thumbnail img {
  width: 100%;
  height: 97%;
}
.what-next-container .page-body .thumbnail .play-button {
  width: 0;
  height: 0;
  border: 17px solid transparent;
  border-left: 30px solid #fff;
  position: absolute;
  right: 40%;
  top: 40%;
  border-radius: 2px;
  cursor: pointer;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .what-next-container .page-body .thumbnail.col-md-12 {
    flex: none !important;
  }
}
@media (max-width: 767px) {
  .what-next-container .page-body {
    display: block;
  }
  .what-next-container .page-body img {
    width: 100%;
  }
  .what-next-container .page-body .video-container {
    max-width: 100%;
    margin-top: 16px;
    margin-left: 0px;
  }
}
@media (max-width: 1024px) {
  .what-next-container .btn-next-button.what-next.justify-content-md-end {
    justify-content: center !important;
  }
  .what-next-container .btn-next-button.what-next.justify-content-md-end button {
    position: relative !important;
  }
}
.what-next-container .successinfo-container {
  background: #f4f4f4;
}
.what-next-container .successinfo-container .header-style {
  font-weight: 700;
  color: #000;
  font-size: 36px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.what-next-container .successinfo-container .content-style {
  font-weight: 700;
  color: #000;
  font-size: 24px;
  margin-top: 10px;
  margin-bottom: 0px;
}
.what-next-container .successinfo-container .desc-style {
  color: #000;
  font-size: 16px;
  margin-top: 0px;
  margin-bottom: 10px;
}
.what-next-container .custom-section-head-link {
  font-family: 'Source Sans Pro', sans-serif;
  color: #000;
  font-weight: 600;
  cursor: pointer;
}
.what-next-container .ms-what-next-links .col-md-4,
.what-next-container .ms-what-next-links .col-md-2 {
  padding-left: 0;
}
.what-next-container .ms-what-next-mrgtn50 {
  margin-top: -50px;
}
.modal-body p {
  font-weight: 700;
}
.modal-body .custom-link {
  text-decoration: underline;
  padding: 0;
  font-size: 18px;
  color: #274463;
  line-height: 1.4;
}


.section-ph-text {
  text-align: center;
  font-size: 20px;
}
.section-docupload-header {
  border-collapse: collapse;
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  padding: 2%;
}
.section-uploaddoc-header {
  border-collapse: collapse;
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  padding: 4%;
}
.section-ph-info {
  border-collapse: collapse;
  text-align: left;
  font-size: 16px;
  width: 2px;
  border: solid 0.5px #555b5a;
  font-weight: 700;
  padding: 15px 0 15px 15px;
  background-color: #555b5a;
  color: #fff;
  height: auto;
}
.add-row-section {
  border: solid 0.5px #f4f4f4;
}
@media (max-width: 767px) {
  .add-row-section {
    border: solid 0.5px #dadddc;
  }
}
.add-row-section .delete-pad {
  padding-left: 3rem;
}
.add-file {
  border: solid 0.5px #000;
  margin: 20px 0;
  width: 100%;
  padding: 0px;
}
.browse-mini-section {
  display: inline-block;
  padding: 2%;
  font-size: 15px;
}
.browse-mini-section img {
  max-width: 20px;
}
.browse-mini-section ::-webkit-input-placeholder {
  font-size: 20px;
}
.dropdown-section {
  margin-top: 20px;
}
.form-dropdown {
  width: 100%;
}
.table-two-button {
  display: inline-block;
  width: 300px;
}
.add-more-button {
  padding: 10px 8px;
  margin-top: 20px;
}
.delete-button {
  cursor: pointer;
  display: inline-block;
  padding: 7px 0;
  color: #000;
}
.delete-button img {
  height: 25px;
}
.delete-button-one {
  color: #fff;
  background-color: #fff;
  border: #fff;
}
.browse-section {
  border-collapse: collapse;
  border: solid 2px #f4f4f4;
}
.uploadtosubmit-button {
  border-collapse: collapse;
  border: solid 1px #f4f4f4;
  display: flex;
  justify-content: center;
  align-content: center;
  padding: 4%;
}
.second-button {
  border-collapse: collapse;
  display: flex;
  justify-content: center;
  align-content: center;
  padding: 2%;
}
.addmorebutton {
  background-color: blue;
  color: white;
}
.upload-button {
  background-color: #274463;
  font-size: 18px;
  padding: 15px;
  font-weight: bold;
}
.upload-button-change {
  background-color: #fff;
  width: 270px;
  font-size: 18px;
  padding: 15px;
  font-weight: bold;
  color: #274463;
  border-color: #274463;
}
.fff {
  padding: 0%;
  margin: 0%;
}
.rc-table-one {
  display: none;
  border: 0.5px solid #f4f4f4;
  margin-left: 1;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}
.section-one .react-collapsible {
  width: 150%;
}
.section-one .react-collapsible thead {
  background-color: #fff;
}
.section-one .react-collapsible thead tr th {
  border: 0.5px solid #fff !important;
}
.section-one .react-collapsible tbody tr {
  border: 0.5px solid #f4f4f4 !important;
}
.section-one .react-collapsible tbody tr td {
  padding: 5px 10px !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  color: #000 !important;
}
.section-one .react-collapsible tbody tr td p.child-cell {
  margin-bottom: 0px;
  padding: 5px;
}
.section-one .react-collapsible tbody tr td p.child-cell .child-label {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  letter-spacing: 0px;
  margin-left: 0px;
  flex-basis: 50%;
  padding: 5px;
  text-transform: capitalize;
}
.section-one .react-collapsible tbody tr td p.child-cell .child-content {
  padding: 5px;
}
.section-one .react-collapsible tbody tr:first-child {
  border-top: 0.5px solid #555b5a !important;
}
.section-two {
  padding: 0%;
  margin: 0%;
}
.section-two .react-collapsible thead {
  background-color: #dadddc;
  color: #000 !important;
  font-size: 20px !important;
  letter-spacing: 0px !important;
  text-transform: capitalize !important;
}
.section-two .react-collapsible thead tr th {
  padding: 10px !important;
  border: 0.5px solid #f4f4f4 !important;
  font-weight: 500 !important;
  min-width: 2rem;
}
.section-two .react-collapsible tbody tr {
  border: 0.5px solid #f4f4f4 !important;
}
.section-two .react-collapsible tbody tr td {
  padding: 5px 10px !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  color: #000 !important;
  min-width: 2rem;
}
.section-two .react-collapsible tbody tr td p.child-cell {
  margin-bottom: 0px;
  padding: 5px;
}
.section-two .react-collapsible tbody tr td p.child-cell .child-label {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  letter-spacing: 0px;
  margin-left: 0px;
  flex-basis: 50%;
  padding: 5px;
  text-transform: capitalize;
}
.section-two .react-collapsible tbody tr td p.child-cell .child-content {
  padding: 5px;
}
.section-two .react-collapsible tbody tr:first-child {
  border-top: 0.5px solid #555b5a !important;
}
.section-two .react-collapsible-page {
  align-content: center;
  text-align: center;
  justify-content: center;
  font-size: 20px;
  border-color: #fff;
}
.second-table {
  margin: 0%;
  padding: 0%;
}
.view-button {
  width: 60%;
  font-size: 20px;
  padding: 2%;
}
.current-page {
  font-weight: bold;
  text-decoration: underline;
  text-decoration-color: orange;
}
.file-label {
  display: block;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 5px 10px;
}
.file-text {
  padding: 7px;
  color: #555b5a;
  overflow: hidden;
}
.file-text label {
  display: block;
  margin: 0;
  margin-left: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}
.column-text {
  padding: 15px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.column-text.date {
  padding-left: 15px;
  color: #000;
}
button:disabled {
  cursor: not-allowed;
}
.display-documents .react-collapsible-theme table.react-collapsible thead tr th {
  padding-left: 8px;
}
.display-documents .react-collapsible-theme .react-collapsible-page {
  font-size: 1.4rem;
  font-weight: 200;
  display: block;
  margin: 19px 0;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
.display-documents .react-collapsible-theme .react-collapsible-page .arrow-left {
  cursor: pointer;
}
.display-documents .react-collapsible-theme .react-collapsible-page .arrow-right {
  cursor: pointer;
}
.display-documents .react-collapsible-theme table.react-collapsible thead {
  background-color: #555b5a;
  height: 60px;
}
.display-documents .react-collapsible-theme table.react-collapsible th {
  border-collapse: collapse;
  text-align: left;
  font-size: 16px;
  width: auto;
  font-weight: 700;
  padding: 5px 0 5px 0px;
  background-color: #555b5a;
  text-transform: capitalize;
  min-width: auto;
  color: #fff !important;
}
@-moz-document url-prefix() {
  .display-documents .react-collapsible-theme table.react-collapsible th {
    width: 0%;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .display-documents .react-collapsible-theme table.react-collapsible th {
    width: 0%;
  }
}
.display-documents .react-collapsible-theme table.react-collapsible th.column-programName {
  min-width: 10rem;
  color: #fff;
}
.display-documents .react-collapsible-theme table.react-collapsible th.column-personName {
  max-width: 10rem !important;
  color: #fff;
}
.display-documents .react-collapsible-theme table.react-collapsible th.column-docType {
  color: #fff;
}
.display-documents .react-collapsible-theme table.react-collapsible th.column-uploadDate {
  color: #fff;
}
.display-documents .react-collapsible-theme table.react-collapsible tr {
  border: solid 0.5px #f4f4f4;
}
.display-documents .react-collapsible-theme table.react-collapsible tr td {
  color: rgba(0, 0, 0, 0.54);
  padding: 15px 0;
  font-size: 1rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.00938em;
  text-align: "center";
  min-width: auto;
  padding-left: 10px;
}
.display-documents .react-collapsible-theme table.react-collapsible tr td.programName {
  max-width: 10rem;
}
.display-documents .react-collapsible-theme table.react-collapsible tr td.personName {
  max-width: 10rem !important;
}
.display-documents .react-collapsible-theme table.react-collapsible tr td.personName span {
  color: #000;
}
.display-documents .react-collapsible-theme table.react-collapsible tr td.docType {
  max-width: 10rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #000;
}
.display-documents .react-collapsible-theme table.react-collapsible tr td.uploadDate {
  color: #000;
}
.display-documents .react-collapsible-theme table.react-collapsible tr td .form-dropdown label {
  top: -15px;
  color: #000;
}
.display-documents .react-collapsible-theme table.react-collapsible tr td .display-dropdown {
  width: 100%;
  margin-top: 0;
}
.display-documents .react-collapsible-theme table.react-collapsible tr td .display-dropdown #select-programName {
  color: #000;
}
.display-documents .react-collapsible-theme table.react-collapsible tr td .delete-button-one {
  cursor: pointer;
}
.display-documents .react-collapsible-theme table.react-collapsible tr td .delete-button-one img {
  height: 25px;
}
.display-documents .react-collapsible-theme table.react-collapsible tr td .btn {
  padding: 3px 20px;
  font-size: 15px;
  background: #468cff !important;
  border: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .display-documents .react-collapsible-theme table.react-collapsible tr td .btn {
    margin-left: -60px;
  }
}
.display-documents .react-collapsible-theme .accordion .card .card-header {
  min-height: 70px;
  background-color: #f4f4f4;
  border-bottom: none;
  border-bottom: 2px solid #dadddc;
}
.display-documents .react-collapsible-theme .accordion .card .card-header .application-header-title {
  color: #000;
  font-size: 18px;
  text-decoration: none;
  line-height: 20px;
  font-weight: 600;
}
.display-documents .react-collapsible-theme .accordion .card .card-header .application-header-text {
  color: #000;
  font-size: 18px;
  text-decoration: none;
  line-height: 20px;
  word-break: break-all;
}
.display-documents .react-collapsible-theme .accordion .card .card-header:first-child {
  border-top: 1px solid #dadddc;
}
.display-documents .react-collapsible-theme .accordion .card .card-body {
  border-bottom: 1px solid #dadddc;
}
.display-documents .react-collapsible-theme .accordion .card .card-body .application-header-title {
  color: #000;
  font-size: 18px;
  text-decoration: none;
  line-height: 30px;
  font-weight: 600;
}
.display-documents .react-collapsible-theme .accordion .card .card-body .application-header-text {
  color: #000;
  font-size: 18px;
  text-decoration: none;
  line-height: 30px;
}
.display-documents .react-collapsible-theme .accordion .card .card-body .btn-transperant-outline-dark {
  color: #274463;
  border: 2px solid #274463;
  font-size: 14px;
  padding: 8px 20px;
  background-color: transparent;
  width: 150px;
}
.display-documents .react-collapsible-theme .accordion .card .card-body .btn-transperant-outline-dark:focus {
  border: 2px solid #468CFF;
}
.table-no-data.display-documents .react-collapsible-theme table.react-collapsible th.column-programName {
  min-width: auto;
}
.mobile-label {
  display: none;
}
.ms-uploadDocs-container {
  max-width: 100% !important;
}
.ms-uploadDocs-container .ms-upload-row-head .ms-upload-row-col {
  width: 16%;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .ms-uploadDocs-container .ms-upload-row-head .ms-upload-row-col {
    flex: 0 0 16%;
  }
}
.ms-uploadDocs-container .ms-upload-row-head .ms-upload-row-col:last-child {
  width: 4%;
  max-width: 4%;
}
.ms-uploadDocs-container .add-row-section.ms-docs-add-sec .row-cols-md-7 > .col {
  width: 16%;
}
.ms-uploadDocs-container .add-row-section.ms-docs-add-sec .row-cols-md-7 .delete-pad {
  width: 4%;
  padding-left: 5px !important;
}
@media (max-width: 767.98px) {
  .ms-uploadDocs-container .add-row-section.ms-docs-add-sec .row-cols-md-7 .delete-pad {
    padding-left: 15px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .ms-uploadDocs-container .add-row-section.ms-docs-add-sec .row-cols-md-7 .delete-pad {
    padding-left: 0 !important;
  }
}
.ms-uploadDocs-container .add-row-section.ms-docs-add-sec .row-cols-md-7 .delete-pad .delete-button-one {
  margin-top: 5px;
}
.ms-uploadDocs-container .ms-upload-input-sec .column-text,
.ms-uploadDocs-container .ms-upload-input-sec .column-input {
  width: 16%;
}
.ms-uploadDocs-container .ms-upload-input-sec .column-input .form-group {
  margin-left: 15px;
  width: calc(100% - 30px);
}
@media (max-width: 767.98px) {
  .ms-uploadDocs-container .ms-upload-input-sec .column-input .form-group {
    margin-left: 0;
    width: 100%;
  }
}
.ms-uploadDocs-container .ms-upload-input-sec .delete-pad {
  width: 4%;
  padding-left: 5px !important;
}
@media (max-width: 767.98px) {
  .ms-uploadDocs-container .ms-upload-input-sec .delete-pad {
    padding-left: 15px !important;
  }
}
.ms-uploadDocs-container .ms-upload-input-sec .ms-docs-add-sec .delete-pad {
  width: 4%;
  padding-left: 5px !important;
}
.ms-uploadDocs-container .ms-uploadDocs-container-inputsec.add-row-section.ms-upload-input-sec > div:first-child .form-group label.MuiFormLabel-root {
  top: 0;
}
.ms-uploadDocs-container .ms-uploadDocs-container-inputsec.add-row-section.ms-upload-input-sec .MuiListItem-root.Mui-selected .ms-empty-dropdownValue {
  min-height: 30px;
}
.ms-uploadDocs-container .upload-btn-dark {
  background-color: #274463 !important;
  border: 2px solid #274463 !important;
}
.ms-uploadDocs-container .upload-btn-dark:hover,
.ms-uploadDocs-container .upload-btn-dark:focus {
  border-color: #0047ba !important;
}
.upload-btn-dark {
  background-color: #274463 !important;
  border-color: #274463 !important;
}
.upload-btn-dark:hover {
  background-color: #274463 !important;
  border-color: #007bff !important;
}
@media (max-width: 991px) {
  .view-btn-column {
    width: 100px;
  }
}
@media (min-width: 2000px) {
  .container {
    max-width: 1700px;
  }
}
@media (max-width: 767px) {
  .section-ph-info {
    display: none;
  }
  .mobile-label {
    display: block;
    padding: 0;
    padding-top: 15px;
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 15px;
  }
  .dropdown-section {
    margin-top: 0;
  }
  .add-file {
    margin: 0;
  }
  .ms-upload-history .ms-upload-input-sec > div:last-child .form-group {
    padding-left: 0;
    padding-right: 0;
  }
  .mobile-hide {
    display: none;
  }
  .mobile-margin {
    margin-bottom: 20px;
  }
  .mobile-full {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
  .second-button.col {
    display: block;
  }
  .table-two-button {
    width: 100%;
  }
  .react-collapsible thead {
    display: none;
  }
  .react-collapsible tr {
    display: flex;
    flex-direction: column;
  }
  .react-collapsible tr td {
    width: 100%;
    max-width: 100%;
    display: block;
  }
  .display-documents .react-collapsible-theme table.react-collapsible tr td {
    padding: 20px;
    width: 100%;
    max-width: 100%;
    display: block;
  }
  .display-documents .react-collapsible-theme table.react-collapsible tr td.programName {
    width: 100%;
    max-width: 100%;
    display: block;
  }
}
.react-collapsible .no-results td {
  display: none;
}
.MuiCheckbox-colorSecondary.Mui-checked {
  color: #274463 !important;
}
.MuiCheckbox-colorSecondary.Mui-checked:hover,
.MuiCheckbox-colorSecondary.Mui-checked:focus {
  background-color: #dadddc !important;
}
.MuiCheckbox-colorSecondary:hover,
.MuiCheckbox-colorSecondary:focus {
  background-color: #dadddc !important;
}
@media (max-width: 767px) {
  .first-row-bg-grey {
    background-color: #dadddc !important;
  }
}
.PrivateSwitchBase-root-177 {
  padding: 3px 0 !important;
}
.pad-left-0 {
  padding-left: 0 !important;
}
.mar-top-20 {
  margin-top: 20px !important;
  margin-bottom: 0 !important;
}
@media (max-width: 767px) {
  .mar-top-20 {
    margin-top: 5px !important;
  }
}
.ms-manual-authentication-upload .ms-upload-row-head {
  display: none;
}
.ms-manual-authentication-upload .add-row-section.ms-upload-input-sec,
.ms-manual-authentication-upload .add-row-section.ms-docs-add-sec {
  flex: 0 0 calc(100% + 20px) !important;
  max-width: calc(100% + 20px);
  margin-right: 0;
  border: none;
  border-bottom: 0.5px solid #f4f4f4;
}
.ms-manual-authentication-upload .add-row-section.ms-docs-add-sec .row > div {
  flex: 0 0 37% !important;
  max-width: 40%;
  margin-left: 20px;
  padding-left: 0 !important;
  padding-right: 0;
}
.ms-manual-authentication-upload .add-row-section.ms-docs-add-sec .row > div:nth-child(2) {
  margin-left: 25px;
  flex: 0 0 30% !important;
  max-width: 30%;
}
.ms-manual-authentication-upload .add-row-section.ms-docs-add-sec .row > div.delete-pad {
  padding-left: 0;
  flex: 0 0 18% !important;
  max-width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 30px;
}
.ms-manual-authentication-upload .add-row-section.ms-upload-input-sec > div.col {
  flex: 0 0 37% !important;
  max-width: 40%;
  margin-left: 20px;
}
.ms-manual-authentication-upload .add-row-section.ms-upload-input-sec > div.col:nth-child(2) {
  margin-left: 10px;
}
.ms-manual-authentication-upload .add-row-section.ms-upload-input-sec > div.refreshButton {
  padding-left: 0;
  flex: 0 0 18% !important;
  max-width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}
.ms-manual-authentication-upload .add-row-section.ms-upload-add-more {
  border: none;
}
.ms-manual-authentication-upload .add-row-section.ms-upload-add-more button {
  margin-top: -32px !important;
  margin-right: 12px;
}
.ms-manual-authentication-upload .uploadtosubmit-button {
  padding-left: 30px;
  padding-right: 30px;
}
.ms-error-message {
  width: 90%;
  margin-left: 5%;
}
.custom-upload-skipButton .btn-outline-dark {
  padding-left: 15px;
  padding-right: 15px;
}
.ms-upload-history .add-row-section.ms-upload-input-sec > div:first-child .form-group label.MuiFormLabel-root {
  top: 0;
}
.ms-upload-history .upload-button {
  border-radius: 4px;
}
.ms-upload-history button:focus {
  border: 1px solid #468cff !important;
  box-shadow: none !important;
}
.ms-upload-history button:active {
  box-shadow: none !important;
}
.ms-upload-history .column-input button:focus {
  border: none !important;
}
@media (min-width: 767px) and (max-width: 1024px) {
  .ms-uploadDocs-container .column-input.col {
    flex: 0 0 100%;
  }
  .ms-upload-history .ms-upload-row-head {
    display: none;
  }
  .ms-upload-history .add-row-section.ms-upload-input-sec label.MuiFormLabel-root {
    top: 0;
  }
}
@media (max-width: 767px) {
  .ms-uploadDocs-container .uploadtosubmit-button {
    flex-direction: column;
  }
  .ms-uploadDocs-container .uploadtosubmit-button button {
    margin-left: 0;
  }
  .ms-uploadDocs-container .uploadtosubmit-button .ms-upload-doc-header {
    margin-left: 8px;
  }
}
@media (min-width: 1025px) and (max-width: 1326px) {
  .add-row-section.ms-upload-input-sec label.MuiFormLabel-root {
    width: 88%;
    top: -14px !important;
  }
  .browse-mini-section img {
    max-width: 20px !important;
  }
  .file-text {
    padding-top: 3px !important;
  }
}
#scrollToTable .react-collapsible {
  width: 100%;
}
#scrollToTable .react-collapsible thead {
  background-color: #f4f4f4;
}
#scrollToTable .react-collapsible thead tr {
  border: solid 0.5px #f4f4f4;
}
#scrollToTable .react-collapsible thead tr th {
  border-collapse: collapse;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  padding: 15px 0 15px 15px;
  color: #000 !important;
  background-color: #f4f4f4;
}
#scrollToTable .react-collapsible tbody tr td {
  font-family: "Source Sans Pro", sans-serif;
  padding: 0 0 0 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 16px;
  color: #000;
  border-right: 1px solid transparent;
}
#scrollToTable .react-collapsible tbody tr td:last-child {
  border-right: 1px solid #e0e0e0;
  padding: 0 0 0 0px;
}
#scrollToTable .react-collapsible tbody tr td .btn {
  background-color: #274463 !important;
  font-size: 16px;
  color: #fff;
  padding: 10px, 0px, 15px, 0px;
  margin: 10px;
  border: none;
  font-size: 15px;
  min-width: 70px;
}

.footer-container {
  min-height: 240px !important;
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 11;
}
.footer-container .flex {
  display: flex;
}
.footer-container a {
  text-decoration: none !important;
}
.footer-container.ms-footer-container {
  position: relative;
  z-index: auto;
}
.footer-container.ms-footer-container a {
  text-align: left !important;
}
.footer-container .footer-content-center {
  width: 100%;
  padding: 0px 165px 0px;
}
.footer-container .footer-content-center .footer-headline {
  font-size: 16px;
  line-height: 30.4px;
  color: #fff;
}
.footer-container .footer-content-center .footer-headline.font-300 {
  font-weight: 300 !important;
  font-size: 18px !important;
}
.footer-container .footer-content-center.ms-footer-content-center {
  padding: 0px 90px 0px 130px;
  /*
            *Author: Rahul
            *Purpose: UC-CP-PHP-09 - Added new class ms-contact-address property for keeping address text in same line in footer
            *Date: 02/01/2022
            */
  /*
            *Author: Basha
            *Purpose: UC-CP-PHP-09 - width changed to min-width media query added for mobile and tab.
            *Date: 02/01/2022
            */
}
.footer-container .footer-content-center.ms-footer-content-center .address-group li:last-child {
  /*
                    *Author: Rahul
                    *Purpose: UC-MS-PHP-09 Footer contact alignment changed..
                    *Date: 01/27/2022
                    */
  margin-left: 30px;
  margin-top: -10px;
}
.footer-container .footer-content-center.ms-footer-content-center .list-group-item {
  padding: 0.5rem 1rem !important;
}
.footer-container .footer-content-center.ms-footer-content-center .deviceStyleLogo {
  margin-top: -23px;
  position: absolute;
  width: auto;
  right: 0;
}
.footer-container .footer-content-center.ms-footer-content-center .deviceStyleLogo .list-group-item:last-child {
  border: 1px solid #fff !important;
  text-align: center !important;
  border-radius: 37px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 90%;
  padding-right: 0 !important;
  margin-top: 10px;
}
.footer-container .footer-content-center.ms-footer-content-center .deviceStyleLogo .list-group-item:last-child a {
  text-decoration: underline !important;
}
.footer-container .footer-content-center.ms-footer-content-center .customFooterList {
  background: none !important;
  border: none !important;
  padding-left: 0px !important;
  font-weight: 300;
  padding-right: 8px !important;
}
.footer-container .footer-content-center.ms-footer-content-center .extraLinksStyle {
  padding-top: 46px;
}
.footer-container .footer-content-center.ms-footer-content-center .customVerticalRightBorder {
  border-right: 1px solid #898989;
  height: 105px;
  flex: 0 0 6%;
  max-width: 6%;
  margin-top: 50px;
}
.footer-container .footer-content-center.ms-footer-content-center .customVerticalLeftBorder {
  height: 105px;
  flex: 0 0 5%;
  max-width: 5%;
}
.footer-container .footer-content-center.ms-footer-content-center .order-white {
  position: relative;
}
.footer-container .footer-content-center.ms-footer-content-center .order-white.py-4 {
  padding-top: 0 !important;
  margin-top: -5px !important;
}
.footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2 {
  flex: 0 0 17%;
  max-width: 20%;
  margin-right: 25px;
  /*
                    *Author: Basha
                    *Purpose: styles applied for address alignment of MDHS and Medicaid
                    *Date: 02/01/2022
                    */
}
.footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2.mdhs-group,
.footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2.medicaid-group {
  flex: 0 0 16%;
  max-width: 16%;
}
.footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2.mdhs-group img,
.footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2.medicaid-group img {
  width: 27px;
  /*
                            *Author: Basha
                            *Purpose: added new class to hide icon
                            *Date: 02/01/2022
                            */
}
.footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2.mdhs-group img.hide-icon,
.footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2.medicaid-group img.hide-icon {
  visibility: hidden;
}
.footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2.footer-last-col {
  margin-right: 0 !important;
  /*
                        *Author: Basha
                        *Purpose: changed the max-width to manage the alignment in zoom level.
                        *Date: 01/27/2022
                        */
}
@media (min-width: 1024px) and (max-width: 1300px) {
  .footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2.footer-last-col {
    max-width: 18%;
  }
}
.footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2.medicaid-group ul li:nth-child(2) {
  padding-top: 0 !important;
  margin-bottom: 43px;
}
@media (min-width: 767px) and (max-width: 1023px) {
  .footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2.medicaid-group ul li:nth-child(2) {
    margin-bottom: 64px;
  }
}
@media (max-width: 767px) {
  .footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2.medicaid-group ul li:nth-child(2) {
    margin-bottom: 0;
  }
}
.footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2.mdhs-group {
  margin-right: 0 !important;
}
.footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2.mdhs-group ul li {
  /*
                                *Author: Basha
                                *Purpose: UC-CP-PHP-09 - max-width added for mdhs address alignment.
                                *Date: 02/01/2022
                                */
}
.footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2.mdhs-group ul li:nth-child(2),
.footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2.mdhs-group ul li:nth-child(3) {
  padding-top: 0 !important;
}
.footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2.mdhs-group ul li .ms-contact-links {
  max-width: 180px;
}
.footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2.mdhs-group ul li .ms-contact-links a {
  color: #fff;
}
.footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2.mdhs-group ul li .ms-contact-links a:hover {
  color: #fff;
}
.footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2.mdhs-group ul li .ms-footer-mdhs-links {
  max-width: 220px;
  width: 210px;
  color: #fff;
}
@media (min-width: 767px) and (max-width: 1023px) {
  .footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2.mdhs-group ul li .ms-footer-mdhs-links {
    max-width: 270px;
    width: 270px;
  }
}
.footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2.mdhs-group ul li .ms-footer-mdhs-links.ms-footer-mdhs-tel {
  margin-top: -10px !important;
}
.footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2.mdhs-group ul li .ms-footer-mdhs-links.ms-footer-mdhs-tel2 {
  margin-top: -18px !important;
}
.footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2.mdhs-group ul li .ms-footer-mdhs-links a:last-child {
  margin-left: 4px;
}
@media (min-width: 767.98px) and (max-width: 991.98px) {
  .footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    margin-right: 0 !important;
  }
}
.footer-container .footer-content-center.ms-footer-content-center .contact-links {
  font-size: 16px;
  line-height: 30.4px;
}
.footer-container .footer-content-center.ms-footer-content-center .contact-links.contact-links {
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  display: flex !important;
  text-align: left;
}
.footer-container .footer-content-center.ms-footer-content-center .ms-footer-mdhs-address-mrg.mt-lg-0 {
  margin-top: 13px !important;
}
.footer-container .footer-content-center.ms-footer-content-center .contact-links:last-child {
  margin-right: 0px !important;
}
.footer-container .footer-content-center.ms-footer-content-center .ms-contat-address:last-child {
  min-width: 152px;
  max-width: 152px;
}
@media (max-width: 1023px) {
  .footer-container .footer-content-center.ms-footer-content-center .ms-contat-address:last-child {
    max-width: 195px;
  }
}
.footer-container .footer-content-center.ms-footer-content-center .policy-links {
  font-size: 16px;
  line-height: 30.4px;
}
.footer-container .footer-content-center.ms-footer-content-center .policy-links a {
  color: #fff;
}
.footer-container .footer-content-center.ms-footer-content-center .copyright {
  color: #fff;
}
@media (min-width: 992px) {
  .footer-container .footer-content-center.ms-footer-content-center .ml-lg-4,
  .footer-container .footer-content-center.ms-footer-content-center .mx-lg-4 {
    margin-left: 0 !important;
  }
  .footer-container .footer-content-center.ms-footer-content-center .policy-links {
    border-right: 1px solid #dadddc;
    margin-right: 16px;
    padding: 0px 8px 0px;
    text-align: center;
  }
  .footer-container .footer-content-center.ms-footer-content-center .policy-links:last-child {
    border-right: 0px;
  }
}
@media (max-width: 991.98px) {
  .footer-container .footer-content-center.ms-footer-content-center .contact-links {
    border: 1px solid #f4f4f4;
    width: 100%;
    text-align: center;
    padding: 16px;
  }
  .footer-container .footer-content-center.ms-footer-content-center .contact-links.ms-contact-links {
    border: none;
    padding: 5px;
  }
  .footer-container .footer-content-center.ms-footer-content-center .deviceStyleLogo {
    position: absolute;
    width: auto;
    right: 0;
    margin-left: -17px;
    margin-top: -80px;
  }
  .footer-container .footer-content-center.ms-footer-content-center .deviceStyleLogo .list-group-item:last-child {
    padding: 0 !important;
    margin-top: 0;
    width: 100%;
    margin-left: -7px;
  }
  .footer-container .footer-content-center.ms-footer-content-center .deviceStyleLogo .list-group-item:last-child a {
    align-items: center;
    justify-content: center;
    font-size: 14px !important;
  }
  .footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-2 .footer-headline {
    margin-bottom: 0 !important;
  }
  .footer-container .footer-content-center.ms-footer-content-center .address-group li:last-child {
    width: 65%;
  }
  .footer-container .footer-content-center.ms-footer-content-center .footer-headline {
    font-size: 20.8px;
    line-height: 32px;
    font-weight: 600;
  }
  .footer-container .footer-content-center.ms-footer-content-center .footer-text {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    line-height: 27px;
  }
  .footer-container .footer-content-center.ms-footer-content-center .contact-links {
    font-size: 20.8px;
    line-height: 33.6px;
  }
  .footer-container .footer-content-center.ms-footer-content-center .contact-links.ms-contact-links {
    font-size: 16.8px;
  }
  .footer-container .footer-content-center.ms-footer-content-center .order-white .col-lg-1 {
    display: none !important;
  }
}
.footer-container .footer-content-center .footer-text {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}
@media (max-width: 767.98px) {
  .footer-container .contact-links {
    font-size: 14px !important;
    line-height: 16px !important;
  }
  .footer-container .footer-headline {
    font-size: 16px !important;
  }
  .footer-container .order-white .col-lg-2 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .footer-container .order-white .col-lg-2.footer-last-col {
    align-items: flex-start !important;
  }
  .footer-container .order-white .col-lg-2.footer-last-col .extraLinksStyle {
    padding-top: 0 !important;
  }
  .footer-container .order-white .col-lg-2.address-group .footer-headline {
    font-weight: 600 !important;
  }
  .footer-container .address-group li:last-child {
    margin-top: -15px;
  }
  .footer-container .deviceStyleLogo {
    margin-top: -110px !important;
  }
  .footer-container .deviceStyleLogo .list-group-item:last-child a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    line-height: 30px !important;
  }
}
.footer-container .buildversion {
  color: #fff !important;
}
@media (max-width: 1199.98px) {
  .footer-container .footer-content-center {
    padding: 0px 40px 0px;
  }
  .footer-container .footer-content-center.ms-footer-content-center {
    padding: 0px 40px 0px !important;
  }
}
.ms-deviceText {
  font-size: 14px !important;
  padding: 10px 10px !important;
  margin-top: -40px !important;
}

.welcome-and-introduction-container {
  font-family: 'Source Sans Pro', sans-serif;
  padding: 45px 0px;
  /* 
	*Author: Basha
	*Purpose: error message alignment
	*Date: 01/28/2022 
	*/
  /* 
	*Author: Murali
	*Purpose: Styles applied for PlaceHolder text for Program Pdf links
	*Date: 03/18/2022 
	*/
  /* 
	*Author: Basha
	*Purpose: Styles applied for Program Pdf links
	*Date: 01/28/2022 
	*/
}
.welcome-and-introduction-container .headline {
  margin-bottom: 40px;
  font-weight: 500;
  color: #000;
  font-size: 30px;
}
.welcome-and-introduction-container .banner .row {
  min-height: 180px;
  /* 
			*Author: Basha
			*Purpose: styles applied for banner heading alignment
			*Date: 01/28/2022 
			*/
}
@media (max-width: 991.98px) {
  .welcome-and-introduction-container .banner .row div:first-child {
    padding-bottom: 25px;
  }
}
.welcome-and-introduction-container .banner .row .banner-headline {
  text-align: center !important;
  font-size: 38px !important;
  padding: 0;
  margin-bottom: 0;
}
.welcome-and-introduction-container ul {
  padding: 20px;
  list-style: none;
}
.welcome-and-introduction-container ul li {
  padding-bottom: 20px;
}
.welcome-and-introduction-container ul li > p {
  display: flex;
}
.welcome-and-introduction-container ul li > p:before {
  content: "";
  display: inline-block;
  min-width: 24px;
  height: 24px;
  background-position: center;
  background-color: #00b4a0;
  background-repeat: no-repeat;
  border-radius: 50%;
  background-image: url('/src/resources/images/icon_tick_white.png');
  margin-right: 10px;
  margin-top: 5px;
}
.welcome-and-introduction-container .btn-dark {
  font-weight: bold;
}
.welcome-and-introduction-container .required {
  color: #D9001B;
}
.welcome-and-introduction-container .ms-checkbox-error {
  margin-top: 10px;
}
.welcome-and-introduction-container .ms-program-selection-error,
.welcome-and-introduction-container .ms-checkbox-error {
  margin-left: 50px;
  padding-right: 50px;
}
.welcome-and-introduction-container .ms-program-selection-error p,
.welcome-and-introduction-container .ms-checkbox-error p {
  margin-bottom: 0px;
}
.welcome-and-introduction-container .ms-program-selection-error p span img,
.welcome-and-introduction-container .ms-checkbox-error p span img {
  float: right;
}
.welcome-and-introduction-container .ms-placeholder-message {
  padding-top: 0px;
  padding-right: 30px;
  padding-bottom: 20px;
  padding-left: 50px;
  display: flex;
  align-items: center;
}
.welcome-and-introduction-container .ms-placeholder-header {
  text-align: left;
  display: flex;
  padding-left: 50px;
  font-size: 20px;
}
.welcome-and-introduction-container .ms-programs-link {
  width: calc(100% - 100px);
  margin: 0 50px 20px 50px;
  border: 1px solid #147120;
  padding: 20px 30px;
  color: #147120;
  border-radius: 7px;
  display: flex;
  align-items: center;
}
.welcome-and-introduction-container .ms-programs-link:last-child {
  margin-bottom: 0;
}
.welcome-and-introduction-container .ms-programs-link img {
  margin-left: 10px;
  width: 23px;
}
.list-item-container .instruction-progress .instruction-progress-row {
  /* 
	            *Author: Murali
	            *Purpose: Color Style applied for 'a' tag.
	            *Date: 03/14/2022 
	        */
}
.list-item-container .instruction-progress .instruction-progress-row .custom-progress-bar .progress .bg-warning {
  background-color: #FFBF00 !important;
}
.list-item-container .instruction-progress .instruction-progress-row a {
  color: #0047ba !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .list-item-container .row .thumbnail.col-md-12 {
    flex: none !important;
  }
}
.ms-welcome-screen {
  overflow-x: hidden;
  /* 
	*Author: Basha
	*Purpose: Styles applied for checkbox and label alignment.
	*Date: 01/28/2022 
	*/
}
.ms-welcome-screen .list-item-container p.headline-text {
  align-items: center;
}
.ms-welcome-screen .list-item-container p.headline-text::before {
  margin-top: 0;
  /* 
						*Author: Basha
						*Purpose: @dark-green-theme-color applied for styling of tick icon
						*Date: 01/28/2022 
						*/
  background-color: #147120;
}
.ms-welcome-screen .ms-checkbox-container {
  margin: 0 50px 0 75px;
}
.ms-welcome-screen .ms-checkbox-container.ms-application-request {
  margin: 0 15px 0 24px;
}
.ms-welcome-screen .ms-checkbox-container .ms-checkbox-label {
  margin-left: 10px;
}
.ms-welcome-screen .ms-checkbox-container .custom-control-label::before {
  width: 22.4px;
  height: 22.4px;
  top: 0px;
}
.ms-welcome-screen .ms-checkbox-container .custom-control-label::after {
  width: 22.4px;
  height: 22.4px;
  background-image: url(/src/resources/images/white_tick.png) !important;
  background-size: 15px 15px;
  top: 0;
}
.ms-welcome-screen .ms-checkbox-container .custom-control-input:checked + .custom-control-label::before {
  background-color: #274463;
}
.ms-welcome-screen .ms-list-container {
  padding: 20px 20px 20px 30px;
}
.ms-welcome-screen .ms-list-container li {
  padding-bottom: 0;
}
.ms-theme-background-dark-green {
  background-color: #147120;
}
.ms-theme-background-dark-green .banner-headline.ms-banner-headline {
  font-size: 30px;
}
.ms-program-req-text {
  font-size: 20px;
  padding-top: 2rem;
  color: #000;
}
.ms-program-req-text span {
  color: #D9001B;
  margin-left: 3px;
}
.ms-welcome-row {
  margin-right: 0;
}
.ms-programs-section {
  flex: 0 0 80% !important;
  max-width: 80% !important;
  margin-left: 10% !important;
  /* 
	*Author: Basha
	*Purpose: Styles applied for alignment of headline and welcome text
	*Date: 01/28/2022 
	*/
}
.ms-programs-section .headline {
  margin-bottom: 10px;
}
.ms-programs-section .ms-welcome-text {
  text-align: center;
  color: #000;
  font-size: 20px;
  margin-bottom: 30px;
}
.ms-programs-section .ms-welcome-programs .theme-background-light-grey {
  background-color: #fff;
}
.ms-programs-section .ms-welcome-programs .ms-card-container {
  display: flex;
  width: 100% !important;
  flex-direction: row;
  align-items: center;
  min-height: 200px;
  /* 
			*Author: Basha
			*Purpose: applied styles for card body alignment
			*Date: 02/08/2022 
			*/
}
.ms-programs-section .ms-welcome-programs .ms-card-container .ms-card-body {
  width: 275px;
  max-width: 275px;
  position: relative;
  padding-right: 40px;
  padding-left: 25px;
}
.ms-programs-section .ms-welcome-programs .ms-card-container .ms-card-body::after {
  content: '';
  position: absolute;
  right: 0;
  width: 1px;
  height: 70%;
  top: 15%;
  border-right: 1px solid #898989;
}
.ms-programs-section .ms-welcome-programs .ms-card-container .ms-card-body .card-content-title {
  margin-bottom: 15px;
  margin-top: 5px;
}
.ms-programs-section .ms-welcome-programs .ms-card-container .ms-program-moreinfo {
  width: calc(100% - 275px);
  padding: 30px 30px 45px;
  margin-bottom: 0 !important;
}
.ms-programs-section .ms-welcome-programs .ms-card-container .ms-more-link {
  right: calc((100% - 275px)/2);
  position: absolute;
  /* 
				*Author: Basha
				*Purpose:Styles applied for more link alignment
				*Date: 03/14/2022 
				*/
  bottom: 5px;
}
.ms-programs-section .ms-welcome-programs .ms-programs-container {
  display: flex;
  flex-direction: column;
}
.ms-programs-section .ms-welcome-programs .ms-programs-container .ms-card-col {
  flex: 0 0 100%;
  max-width: 100%;
}
.ms-programs-section .instruction-progress {
  /* 
		*Author: Basha
		*Purpose: Styles applied for Prograssbar alignment
		*Date: 01/28/2022 
		*/
  margin-top: -39px !important;
  margin-bottom: -5px !important;
}
.ms-programs-section .instruction-progress .instruction-progress-row {
  /* 
				*Author: Basha
				*Purpose: width changed to 100% for alignment
				*Date: 02/08/2022 
			*/
}
.ms-programs-section .instruction-progress .instruction-progress-row .col-lg-8.col-12 {
  flex: 0 0 200px;
  max-width: 200px;
  padding-left: 0 !important;
}
.ms-programs-section .instruction-progress .instruction-progress-row .col-lg-8.col-12 .custom-progress-bar {
  width: 200px;
  height: 16px;
}
.ms-programs-section .instruction-progress .instruction-progress-row .col-lg-4.col-12.align-self-center {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 0;
}
/* 
	*Author: Basha
	*Purpose: Begin application Mobile and Tab view style
	*Date: 02/08/2022 
*/
/* 
	*Author: Basha
	*Purpose: Begin application header Tab view alignment
	*Date: 03/15/2022 
*/
@media (min-width: 767.9px) and (max-width: 1023px) {
  .ms-program-moreinfo {
    display: block !important;
  }
  .ms-programs-section .ms-welcome-programs .ms-card-container .ms-program-moreinfo {
    width: auto !important;
    padding: 0px 30px 45px !important;
    margin-bottom: 0px !important;
  }
  .welcome-and-introduction-container .ms-welcome-row .ms-programs-section .ms-welcome-programs .ms-card-container .ms-card-body {
    padding-bottom: 10px !important;
  }
  .welcome-and-introduction-container .ms-banner-overlay > div:first-child div h1 {
    padding-top: 20px !important;
  }
}
@media (max-width: 1023px) {
  .ms-program-moreinfo {
    display: none;
  }
  .welcome-and-introduction-container .ms-welcome-row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .welcome-and-introduction-container .ms-welcome-row .ms-programs-section {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
  }
  .welcome-and-introduction-container .ms-welcome-row .ms-programs-section .headline {
    font-size: 22px;
  }
  .welcome-and-introduction-container .ms-welcome-row .ms-programs-section .ms-welcome-text {
    font-size: 22px;
  }
  .welcome-and-introduction-container .ms-welcome-row .ms-programs-section .ms-banner-overlay {
    flex-direction: column-reverse;
  }
  .welcome-and-introduction-container .ms-welcome-row .ms-programs-section .ms-banner-overlay > div:first-child {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .welcome-and-introduction-container .ms-welcome-row .ms-programs-section .ms-banner-overlay > div:first-child div {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .welcome-and-introduction-container .ms-welcome-row .ms-programs-section .ms-banner-overlay > div:first-child div h1 {
    font-size: 26px !important;
    margin-top: 0 !important;
    /* 
									*Author: Basha
									*Purpose: Begin application header mobile view alignment
									*Date: 03/15/2022 
								*/
    padding-top: 10px;
  }
  .welcome-and-introduction-container .ms-welcome-row .ms-programs-section .ms-program-req-text {
    display: block !important;
    width: 77%;
    margin: 0 auto;
    text-align: center;
  }
  .welcome-and-introduction-container .ms-welcome-row .ms-programs-section .ms-welcome-programs .ms-card-container {
    flex-direction: column;
  }
  .welcome-and-introduction-container .ms-welcome-row .ms-programs-section .ms-welcome-programs .ms-card-container .ms-card-body {
    width: 100%;
    max-width: 100%;
    padding: 60px 15px 40px 22px;
  }
  .welcome-and-introduction-container .ms-welcome-row .ms-programs-section .ms-welcome-programs .ms-card-container .ms-card-body::after {
    display: none;
  }
  .welcome-and-introduction-container .ms-welcome-row .ms-programs-section .ms-welcome-programs .ms-card-container .ms-card-body .card-content-title-text {
    font-size: 16px;
  }
  .welcome-and-introduction-container .ms-welcome-row .ms-programs-section .ms-welcome-programs .ms-card-container .ms-more-link {
    right: initial;
  }
  .welcome-and-introduction-container .ms-welcome-row .ms-programs-section .ms-welcome-programs .custom-checkbox {
    top: 7px !important;
  }
  .welcome-and-introduction-container .ms-welcome-row .ms-programs-section .ms-program-selection-error,
  .welcome-and-introduction-container .ms-welcome-row .ms-programs-section .ms-checkbox-error {
    margin-left: 25px;
  }
  .welcome-and-introduction-container .ms-welcome-row .ms-programs-section .ms-programs-link {
    width: calc(100% - 50px);
    margin-left: auto;
    margin-right: auto;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: flex-end;
  }
  .welcome-and-introduction-container .ms-welcome-row .ms-programs-section .ms-programs-link img {
    margin-left: 0;
    margin-right: 10px;
  }
  .welcome-and-introduction-container .ms-welcome-row .ms-programs-section .ms-checkbox-container {
    margin-left: 50px;
  }
  .welcome-and-introduction-container .ms-welcome-row .ms-programs-section .ms-checkbox-container .custom-control-label {
    padding-left: 10px;
  }
  .welcome-and-introduction-container .ms-welcome-row .ms-programs-section .ms-checkbox-container .custom-control-label::before {
    top: 3px;
  }
  .welcome-and-introduction-container .ms-welcome-row .ms-programs-section .ms-checkbox-container .custom-control-label::after {
    top: 3px;
  }
  .welcome-and-introduction-container .ms-welcome-row .ms-programs-section .ms-checkbox-container .custom-control-label .ms-checkbox-label {
    margin-left: 0;
  }
  .welcome-and-introduction-container .ms-welcome-row .ms-list-container {
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  .ms-welcome-programs .ms-card-container .ms-more-link {
    position: relative !important;
    right: initial !important;
    bottom: initial !important;
  }
  .instruction-progress-row .col-lg-4.col-12.align-self-center {
    padding-left: 35px !important;
  }
}
@media (max-width: 991.98px) and (min-width: 768px) {
  .card-container {
    height: auto !important;
  }
}

.dashboard-inbox-notifications-content-container {
  padding: 30px 0px;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section {
  background-color: #fff !important;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .ms-inbox-notification-search {
  padding-left: 12px;
  padding-right: 12px;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .ms-inbox-notification-search .padding-top-4 {
  padding-top: 2rem !important;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .ms-inbox-notification-search .notificationIntro-button {
  margin-top: 20px;
  padding-right: 2%;
  padding-bottom: 20px;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .ms-inbox-notification-search .notificationIntro-button .inbox-document-button {
  min-width: 130px;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .ms-inbox-notification-search .notificationIntro-button .inbox-document-button.search-btn {
  background-color: #244459 !important;
  border-color: #244459;
  opacity: 1;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .ms-inbox-notification-search .notificationIntro-button .inbox-document-button.btn-grey {
  background-color: #fff !important;
  border-color: #244459;
  margin-left: 0 !important;
  margin-right: 30px;
}
@media (max-width: 767.9px) {
  .dashboard-inbox-notifications-content-container.ms-inbox-notification-section .ms-inbox-notification-search .notificationIntro-button {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 50px;
  }
  .dashboard-inbox-notifications-content-container.ms-inbox-notification-section .ms-inbox-notification-search .notificationIntro-button .inbox-document-button {
    margin-right: 0 !important;
  }
  .dashboard-inbox-notifications-content-container.ms-inbox-notification-section .ms-inbox-notification-search .notificationIntro-button .inbox-document-button.search-btn {
    margin-bottom: 15px;
  }
}
@media (max-width: 767.9px) {
  .dashboard-inbox-notifications-content-container.ms-inbox-notification-section .added-margin {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .ms-form-row > div {
  max-width: 25%;
  flex: 0 0 23%;
  margin-right: 2%;
}
@media (max-width: 767.9px) {
  .dashboard-inbox-notifications-content-container.ms-inbox-notification-section .ms-form-row > div {
    max-width: 100%;
    flex: 0 0 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .dashboard-inbox-notifications-content-container.ms-inbox-notification-section .ms-form-row > div > div:first-child .form-select {
    margin-top: 0;
  }
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .theme-background-light {
  background-color: #fff !important;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .theme-background-light .ms-upload-row-head {
  margin-left: 0;
  margin-right: 0;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .theme-background-light .add-row-section.ms-docs-add-sec {
  margin-left: 0;
  margin-right: 0;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .theme-background-light .add-row-section.ms-docs-add-sec div.row.ms-row-container .ms-untouched-col {
  color: #333333 !important;
  font-weight: 600;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .theme-background-light .add-row-section.ms-docs-add-sec div.row.ms-row-container .ms-touched-col {
  color: #767676;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .theme-background-light .add-row-section.ms-docs-add-sec div.row.ms-row-container > .col:nth-child(4) {
  display: none;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .theme-background-light .add-row-section.ms-docs-add-sec div.row.ms-row-container > .col:nth-child(2) .column-text > div {
  white-space: break-spaces;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .theme-background-light .add-row-section.ms-docs-add-sec div.row.ms-row-container > .col:nth-child(3),
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .theme-background-light .add-row-section.ms-docs-add-sec div.row.ms-row-container > .col:first-child {
  flex: 0 0 20%;
  max-width: 20%;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .theme-background-light .add-row-section.ms-docs-add-sec div.row.ms-row-container > div:last-child {
  padding: 15px 0;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .theme-background-light .add-row-section.ms-docs-add-sec div.row.ms-row-container > div:last-child,
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .theme-background-light .add-row-section.ms-docs-add-sec div.row.ms-row-container > .col:nth-child(2) {
  flex: 0 0 30%;
  max-width: 30%;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .theme-background-light .add-row-section.ms-docs-add-sec div.row.ms-row-container > div:last-child .row,
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .theme-background-light .add-row-section.ms-docs-add-sec div.row.ms-row-container > .col:nth-child(2) .row {
  justify-content: flex-start;
  padding-right: 30px;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .theme-background-light .add-row-section.ms-docs-add-sec div.row.ms-row-container > div:last-child a,
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .theme-background-light .add-row-section.ms-docs-add-sec div.row.ms-row-container > .col:nth-child(2) a {
  margin-right: 15px;
  text-decoration: underline !important;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .theme-background-light .add-row-section.ms-docs-add-sec div.row.ms-row-container > div:last-child a:last-child,
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .theme-background-light .add-row-section.ms-docs-add-sec div.row.ms-row-container > .col:nth-child(2) a:last-child {
  margin-right: 0;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .theme-background-light .row-cols-md-4 > .ms-upload-row-col:last-child {
  flex: 0 0 30%;
  max-width: 30%;
  padding-left: 0;
  text-align: left;
  padding-right: 100px;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .theme-background-light .row-cols-md-4 > .ms-upload-row-col:nth-child(3),
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .theme-background-light .row-cols-md-4 > .ms-upload-row-col:first-child {
  flex: 0 0 20%;
  max-width: 20%;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .theme-background-light .row-cols-md-4 > .ms-upload-row-col:nth-child(2) {
  flex: 0 0 30%;
  max-width: 30%;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .ms-accordion-sec .accordion {
  border-top: 1px solid rgba(0, 0, 0, 0.13);
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .ms-accordion-sec .accordion .ms-fontb600 {
  font-weight: 600;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .ms-accordion-sec .accordion .card {
  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .ms-accordion-sec .accordion .card .card-body > div:last-child {
  margin-top: -20px;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .ms-accordion-sec .accordion .card .card-body > div:last-child .row {
  flex-direction: column;
}
.dashboard-inbox-notifications-content-container.ms-inbox-notification-section .ms-accordion-sec .accordion .card .card-body > div:last-child .row a {
  color: #333 !important;
  text-decoration: underline;
  margin-bottom: 10px;
}
.dashboard-inbox-notifications-content-container .MuiInputBase-input {
  font-family: 'Source Sans Pro', sans-serif !important;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content {
  padding: 20px 0;
  margin: 5px;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content .MuiTableContainer-root {
  overflow: hidden;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content .arrow::before {
  position: relative;
  /* top: 3pt; Uncomment this to lower the icons as requested in comments*/
  content: '';
  /* By using an em scale, the arrows will size with the font */
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  border-right: 0.12em solid rgba(0, 0, 0, 0.87);
  border-top: 0.12em solid rgba(0, 0, 0, 0.87);
  top: 3px;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content .arrow.left {
  transform: rotate(-135deg) translate(-50%);
}
.dashboard-inbox-notifications-content-container .notificationIntro-content .arrow.right {
  transform: rotate(45deg);
}
.dashboard-inbox-notifications-content-container .notificationIntro-content .notificationIntro-header {
  padding: 5px;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content .notificationIntro-header .notificationIntro-header-text {
  color: #000;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 0;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content .notificationIntro-paragraph {
  padding: 5px;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content .notificationIntro-paragraph .notificationIntro-paragraph-text {
  color: #000;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  line-height: 28px;
  min-height: auto;
  font-weight: 500;
  text-align: left;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content .notificationIntro-paragraph .application-header-text {
  font-size: 18px;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content .notificationIntro-paragraph .application-header-title {
  font-size: 18px;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content .notificationIntro-button {
  padding: 5px;
  text-align: right;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content .notificationIntro-button .inbox-document-button {
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 600;
  background-color: #0462fd;
  border-color: #0462fd;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content .notificationIntro-button .inbox-document-button.btn-grey {
  color: #000;
  background-color: #a9a9a9;
  border-color: #a9a9a9;
  margin-left: 2rem !important;
  width: auto;
  margin-top: 0px;
}
@media (max-width: 767.9px) {
  .dashboard-inbox-notifications-content-container .notificationIntro-content .notificationIntro-button .inbox-document-button {
    padding: 8px 10px;
  }
  .dashboard-inbox-notifications-content-container .notificationIntro-content .notificationIntro-button button.inbox-document-button.btn.btn-grey {
    width: 100% !important;
    margin-left: 0px !important;
    margin-top: 15px !important;
  }
}
.dashboard-inbox-notifications-content-container .notificationIntro-content .attachmentIcon img {
  height: 20px !important;
  height: auto;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content .added-margin {
  margin-left: 15px;
  margin-right: 15px;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content .custom-pagination {
  text-align: center;
  margin: 20px 0;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content .custom-pagination span {
  margin: 10px;
  cursor: pointer;
  font-weight: 600;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content .custom-pagination span.active {
  font-weight: 600;
  border-bottom: 1px solid #ffbf00;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content .custom-pagination span.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content .padding-right-1_5 {
  padding-right: 1.5rem;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content .padding-left-1_5 {
  padding-left: 1.5rem;
  padding-right: 5px;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content .padding-right-3 {
  padding-right: 3rem;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content .new-msg {
  background-color: #e7e2e2;
  color: #000 !important;
  border-radius: 3.2px;
  padding-right: 15px;
  padding-left: 15px;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content .padding-top-4 {
  padding-top: 4rem;
}
@media (max-width: 575.98px) {
  .dashboard-inbox-notifications-content-container .notificationIntro-content .padding-right-1_5 {
    padding-right: 5px;
  }
  .dashboard-inbox-notifications-content-container .notificationIntro-content .padding-left-1_5 {
    padding-left: 5px;
  }
  .dashboard-inbox-notifications-content-container .notificationIntro-content .padding-right-3 {
    padding-right: 5px;
  }
}
.dashboard-inbox-notifications-content-container .notificationIntro-content table tr th,
.dashboard-inbox-notifications-content-container .notificationIntro-content table tr td {
  width: 10%;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content table tr th:nth-child(1),
.dashboard-inbox-notifications-content-container .notificationIntro-content table tr td:nth-child(1) {
  width: 15%;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content table tr th:nth-child(2),
.dashboard-inbox-notifications-content-container .notificationIntro-content table tr td:nth-child(2) {
  width: 43%;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content table tr th:last-child,
.dashboard-inbox-notifications-content-container .notificationIntro-content table tr td:last-child {
  width: 22%;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content table tr th {
  font-size: 18px !important;
  text-transform: none !important;
  font-weight: 600 !important;
  padding: 1rem;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content table tr td {
  font-size: 16px !important;
  font-weight: 500 !important;
  padding: 0.5rem 1rem;
  border: 1px solid #e0e0e0;
  cursor: pointer;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content .strongText {
  font-weight: 600;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content #scrollToTable .react-collapsible {
  width: 100%;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content #scrollToTable .react-collapsible thead {
  background-color: #f4f4f4;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content #scrollToTable .react-collapsible thead .column-sentDate {
  width: 20% !important;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content #scrollToTable .react-collapsible thead .column-documentCategory {
  width: 33% !important;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content #scrollToTable .react-collapsible thead .column-programName {
  width: 15% !important;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content #scrollToTable .react-collapsible thead .column-actions {
  width: 33% !important;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content #scrollToTable .react-collapsible thead tr th {
  border: 0.5px solid #f4f4f4 !important;
  border-collapse: collapse;
  text-align: left;
  font-size: 16px;
  border: solid 0.5px #f4f4f4;
  font-weight: 600;
  background-color: #f4f4f4;
  color: #000;
  flex: 0 0 30%;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content #scrollToTable .react-collapsible tbody tr {
  border: 0.5px solid #f4f4f4 !important;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content #scrollToTable .react-collapsible tbody tr td {
  padding: 10px 10px 10px 15px !important;
  font-weight: 400 !important;
  color: #000 !important;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content #scrollToTable .react-collapsible tbody tr td .ms-untouched-col {
  color: #333333 !important;
  font-weight: 600;
  padding-right: 4px !important;
  text-decoration: underline !important;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content #scrollToTable .react-collapsible tbody tr td .ms-touched-col {
  color: #767676;
  padding-right: 4px !important;
  text-decoration: underline !important;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content #scrollToTable .react-collapsible tbody tr td .ms-untouched-col-cell {
  color: #333333 !important;
  font-weight: 600;
  padding-right: 4px !important;
  cursor: text;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content #scrollToTable .react-collapsible tbody tr td .ms-touched-col-cell {
  color: #767676;
  padding-right: 4px !important;
  cursor: text;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content #scrollToTable .react-collapsible tbody tr td:last-child {
  border-right: 1px solid #e0e0e0;
  padding: 0 0 0 0px;
}
.dashboard-inbox-notifications-content-container .notificationIntro-content #scrollToTable .react-collapsible tbody tr:first-child {
  border-top: 0.5px solid #555b5a !important;
}
.dashboard-inbox-notifications-content-container span.attachmentIcon.notification-text1 {
  text-decoration: none !important;
}
.dashboard-inbox-notifications-content-container .sub-menu-container .sub-menu .sub-menu-item {
  border-left: 0;
}
.dashboard-inbox-notifications-content-container .sub-menu-container .sub-menu .sub-menu-item:last-child {
  border-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1023.7px) {
  .dashboard-inbox-notifications-content-container span.attachmentIcon.notification-text1 {
    text-decoration: none !important;
  }
  .dashboard-inbox-notifications-content-container .calendar-i button.MuiButtonBase-root.MuiIconButton-root {
    position: absolute;
    left: 85px;
  }
}
@media only screen and (max-width: 768px) {
  .dashboard-inbox-notifications-content-container .menu-container .menu .menu-item a {
    padding: 0px;
  }
  .dashboard-inbox-notifications-content-container .dashboard-inbox-notifications-content-container .notificationIntro-content .notificationIntro-button {
    padding: 0px;
  }
  .dashboard-inbox-notifications-content-container .application-header-text,
  .dashboard-inbox-notifications-content-container .application-header-title {
    font-size: 16px;
  }
  .dashboard-inbox-notifications-content-container .dashboard-inbox-notifications-content-container label + .MuiInput-formControl {
    margin-top: 0px;
  }
}

.section-ph-text {
  background: #fff;
  width: 100% !important;
  color: #000;
  /* height: 40px; */
  border: 1px dashed #aaafb9;
  text-align: center;
  padding: 30px;
  font-size: 13px;
  margin: 25px 0px 30px 0px;
}
.ms-uploaddocs-ph {
  margin-left: 15px;
  margin-right: 15px;
}
.section-docupload-header {
  border-collapse: collapse;
  text-align: left;
  font-size: 150%;
  font-weight: bold;
  padding: 2%;
  margin-left: 4%;
}
.ms-upload-doc-header {
  margin-left: 0;
}
.section-uploaddoc-header {
  border-collapse: collapse;
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  padding: 4%;
}
.section-ph-info {
  border-collapse: collapse;
  text-align: left;
  font-size: 16px;
  border: solid 0.5px #f4f4f4;
  font-weight: 600;
  padding: 15px 0 15px 15px;
  background-color: #f4f4f4;
  color: #000;
  height: auto;
}
.add-row-section {
  border: solid 0.5px #f4f4f4;
}
@media (max-width: 767px) {
  .add-row-section {
    border: solid 0.5px #dadddc;
  }
}
.add-row-section .delete-pad {
  padding-left: 3rem;
}
.dropdown-section {
  margin-top: 20px;
}
.form-dropdown {
  width: 100%;
}
.table-two-button {
  display: inline-block;
  width: 300px;
}
.add-more-button {
  padding: 10px 8px;
  margin-top: 20px;
  float: right;
}
.reset-button,
.reset-button:hover,
.reset-button:focus {
  background-color: #fff;
  border: solid 1px #274463;
  color: #000;
}
.clear-btn {
  padding: 10px 8px;
  margin-top: 20px;
}
.input-file:after {
  content: " *";
  color: #C92500;
}
.input-file {
  margin-top: 3px;
  margin-left: 15px;
}
.ms-es-file-name .file-text .input-file {
  margin-left: 2px;
}
.delete-button {
  cursor: pointer;
  display: inline-block;
  padding: 7px 0;
  color: #000;
}
.delete-button img {
  height: 25px;
}
.delete-button-one {
  color: #fff;
  background-color: #fff;
  border: #fff;
}
.alignment {
  text-align: left;
  overflow: hidden;
}
.view-doc-button {
  background-color: #274463;
  font-size: 16px;
  color: #fff;
  padding: 10px,0px,15px,15px;
  margin: 10px;
  border: none;
}
Input[type="date"] ::before {
  content: './src/resources/images/calendar.png" alt="ms-calendar';
}
.view-doc-button:hover {
  background-color: #274463;
}
.browse-section {
  border-collapse: collapse;
  border: solid 2px #f4f4f4;
}
.history-headline {
  text-align: center;
  color: #333333;
  font-size: 22px;
}
.uploadtosubmit-button {
  border-collapse: collapse;
  border: none;
  display: flex;
  justify-content: center;
  align-content: center;
  padding: 4%;
}
.second-button {
  border-collapse: collapse;
  display: flex;
  justify-content: center;
  align-content: center;
  padding: 2%;
}
.addmorebutton {
  background-color: blue;
  color: white;
}
.upload-doc-accordion {
  display: block;
  width: 100%;
}
.upload-button {
  background-color: #274463;
  font-size: 16px;
  padding: 5px,0px,10px,10px;
  font-weight: bold;
  margin: 20px;
  padding: 4px;
}
.upload-button-change {
  background-color: #fff;
  width: 270px;
  font-size: 18px;
  padding: 15px;
  font-weight: bold;
  color: #274463;
  border-color: #274463;
}
.fff {
  padding: 0%;
  margin: 0%;
}
.rc-table-one {
  display: none;
  border: 0.5px solid #f4f4f4;
  margin-left: 1;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}
.section-one .react-collapsible {
  width: 150%;
}
.section-one .react-collapsible thead {
  background-color: #fff;
}
.section-one .react-collapsible thead tr th {
  border: 0.5px solid #fff !important;
}
.section-one .react-collapsible tbody tr {
  border: 0.5px solid #f4f4f4 !important;
}
.section-one .react-collapsible tbody tr td {
  padding: 5px 10px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #000 !important;
}
.section-one .react-collapsible tbody tr td p.child-cell {
  margin-bottom: 0px;
  padding: 5px;
}
.section-one .react-collapsible tbody tr td p.child-cell .child-label {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  letter-spacing: 0px;
  margin-left: 0px;
  flex-basis: 50%;
  padding: 5px;
  text-transform: capitalize;
}
.section-one .react-collapsible tbody tr td p.child-cell .child-content {
  padding: 5px;
}
.section-one .react-collapsible tbody tr:first-child {
  border-top: 0.5px solid #555b5a !important;
}
.section-two {
  padding: 0%;
  margin: 0%;
}
.section-two .react-collapsible thead {
  background-color: #dadddc;
  color: #000 !important;
  font-size: 20px !important;
  letter-spacing: 0px !important;
  text-transform: capitalize !important;
}
.section-two .react-collapsible thead tr th {
  padding: 10px !important;
  border: 0.5px solid #f4f4f4 !important;
  font-weight: 500 !important;
  min-width: 2rem;
}
.section-two .react-collapsible tbody tr {
  border: 0.5px solid #f4f4f4 !important;
}
.section-two .react-collapsible tbody tr td {
  padding: 5px 10px !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  color: #000 !important;
  min-width: 2rem;
}
.section-two .react-collapsible tbody tr td p.child-cell {
  margin-bottom: 0px;
  padding: 5px;
}
.section-two .react-collapsible tbody tr td p.child-cell .child-label {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  letter-spacing: 0px;
  margin-left: 0px;
  flex-basis: 50%;
  padding: 5px;
  text-transform: capitalize;
}
.section-two .react-collapsible tbody tr td p.child-cell .child-content {
  padding: 5px;
}
.section-two .react-collapsible tbody tr:first-child {
  border-top: 0.5px solid #555b5a !important;
}
.section-two .react-collapsible-page {
  align-content: center;
  text-align: center;
  justify-content: center;
  font-size: 20px;
  border-color: #fff;
}
.second-table {
  margin: 0%;
  padding: 0%;
}
.view-button {
  width: 60%;
  font-size: 20px;
  padding: 2%;
}
.current-page {
  font-weight: bold;
  text-decoration: underline;
  text-decoration-color: orange;
}
.add-file {
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom: 1px solid #244459;
  width: 100%;
  padding: 0px;
  font-size: 16px;
  margin: 0;
}
.program-input {
  border-bottom: 1px solid #244459;
}
.ms-custom-multiselectCheckbox {
  border-bottom: 0px;
}
.file-label {
  display: block;
  cursor: pointer;
  display: flex;
  color: #000;
  flex-direction: row;
  padding: 0px 0px;
  font-size: 16px;
}
.file-text {
  padding: 0px;
  color: #000;
  overflow: hidden;
}
.file-text label {
  display: block;
  margin: 0;
  margin-left: 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}
.browse-mini-section {
  display: inline-block;
  padding: 4px;
}
.browse-mini-section img {
  max-width: 20px;
}
.column-text {
  padding: 15px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 16px;
  color: #000;
}
.column-text.date {
  padding-left: 15px;
  color: #000;
}
.column-input {
  padding: 32px 0px 15px 0 ;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 6px;
  color: #000;
}
.form-select {
  font-size: 16px;
  overflow: hidden;
  border-bottom: 1px solid #244459;
}
.refreshButton {
  padding: 25px 0px;
}
.input-file-error {
  font-size: 12px;
  color: #C92500;
  text-align: center;
  margin-top: 4px;
  margin-left: 15px;
  white-space: initial;
}
.error-text {
  color: #C92500;
}
button:disabled {
  cursor: not-allowed;
}
.display-documents .react-collapsible-theme table.react-collapsible thead tr th {
  padding-left: 8px;
}
.display-documents .react-collapsible-theme .react-collapsible-page {
  font-size: 1.4rem;
  font-weight: 200;
  display: block;
  margin: 19px 0;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
.display-documents .react-collapsible-theme .react-collapsible-page .arrow-left {
  cursor: pointer;
}
.display-documents .react-collapsible-theme .react-collapsible-page .arrow-right {
  cursor: pointer;
}
.display-documents .react-collapsible-theme table.react-collapsible thead {
  background-color: #555b5a;
  height: 60px;
}
.display-documents .react-collapsible-theme table.react-collapsible th {
  border-collapse: collapse;
  text-align: left;
  font-size: 16px;
  width: auto;
  font-weight: 700;
  padding: 5px 0 5px 0px;
  background-color: #555b5a;
  text-transform: capitalize;
  min-width: auto;
  color: #fff !important;
}
@-moz-document url-prefix() {
  .display-documents .react-collapsible-theme table.react-collapsible th {
    width: 0%;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .display-documents .react-collapsible-theme table.react-collapsible th {
    width: 0%;
  }
}
.display-documents .react-collapsible-theme table.react-collapsible th.column-programName {
  min-width: 10rem;
  color: #fff;
}
.display-documents .react-collapsible-theme table.react-collapsible th.column-personName {
  max-width: 10rem !important;
  color: #fff;
}
.display-documents .react-collapsible-theme table.react-collapsible th.column-docType {
  color: #fff;
}
.display-documents .react-collapsible-theme table.react-collapsible th.column-uploadDate {
  color: #fff;
}
.display-documents .react-collapsible-theme table.react-collapsible tr {
  border: solid 0.5px #f4f4f4;
}
.display-documents .react-collapsible-theme table.react-collapsible tr td {
  color: rgba(0, 0, 0, 0.54);
  padding: 15px 0;
  font-size: 1rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.00938em;
  text-align: "center";
  min-width: auto;
  padding-left: 10px;
}
.display-documents .react-collapsible-theme table.react-collapsible tr td.programName {
  max-width: 10rem;
}
.display-documents .react-collapsible-theme table.react-collapsible tr td.personName {
  max-width: 10rem !important;
}
.display-documents .react-collapsible-theme table.react-collapsible tr td.personName span {
  color: #000;
}
.display-documents .react-collapsible-theme table.react-collapsible tr td.docType {
  max-width: 10rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #000;
}
.display-documents .react-collapsible-theme table.react-collapsible tr td.uploadDate {
  color: #000;
}
.display-documents .react-collapsible-theme table.react-collapsible tr td .form-dropdown label {
  top: -15px;
  color: #000;
}
.display-documents .react-collapsible-theme table.react-collapsible tr td .display-dropdown {
  width: 100%;
  margin-top: 0;
}
.display-documents .react-collapsible-theme table.react-collapsible tr td .display-dropdown #select-programName {
  color: #000;
}
.display-documents .react-collapsible-theme table.react-collapsible tr td .delete-button-one {
  cursor: pointer;
}
.display-documents .react-collapsible-theme table.react-collapsible tr td .delete-button-one img {
  height: 25px;
}
.display-documents .react-collapsible-theme table.react-collapsible tr td .btn {
  padding: 3px 20px;
  font-size: 15px;
  background: #0462fd !important;
  border: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .display-documents .react-collapsible-theme table.react-collapsible tr td .btn {
    margin-left: -60px;
  }
}
.display-documents .react-collapsible-theme .accordion .card .card-header {
  min-height: 70px;
  background-color: #f4f4f4;
  border-bottom: none;
  border-bottom: 2px solid #dadddc;
}
.display-documents .react-collapsible-theme .accordion .card .card-header .application-header-title {
  color: #000;
  font-size: 18px;
  text-decoration: none;
  line-height: 20px;
  font-weight: 600;
}
.display-documents .react-collapsible-theme .accordion .card .card-header .application-header-text {
  color: #000;
  font-size: 18px;
  text-decoration: none;
  line-height: 20px;
  word-break: break-all;
}
.display-documents .react-collapsible-theme .accordion .card .card-header:first-child {
  border-top: 1px solid #dadddc;
}
.display-documents .react-collapsible-theme .accordion .card .card-body {
  border-bottom: 1px solid #dadddc;
}
.display-documents .react-collapsible-theme .accordion .card .card-body .application-header-title {
  color: #000;
  font-size: 18px;
  text-decoration: none;
  line-height: 30px;
  font-weight: 600;
}
.display-documents .react-collapsible-theme .accordion .card .card-body .application-header-text {
  color: #000;
  font-size: 18px;
  text-decoration: none;
  line-height: 30px;
}
.display-documents .react-collapsible-theme .accordion .card .card-body .btn-transperant-outline-dark {
  color: #274463;
  border: 2px solid #274463;
  font-size: 14px;
  padding: 8px 20px;
  background-color: transparent;
  width: 150px;
}
.display-documents .react-collapsible-theme .accordion .card .card-body .btn-transperant-outline-dark:focus {
  border: 2px solid #468CFF;
}
.table-no-data.display-documents .react-collapsible-theme table.react-collapsible th.column-programName {
  min-width: auto;
}
.mobile-label {
  display: none;
  font-size: 16px !important;
}
.upload-btn-dark {
  background-color: #274463 !important;
  border-color: #274463 !important;
}
.upload-btn-dark:hover {
  background-color: #274463 !important;
  border-color: #007bff !important;
}
.pagination {
  display: flex;
  justify-content: center;
}
@media (max-width: 991px) {
  .view-btn-column {
    width: 100px;
  }
}
@media (min-width: 2000px) {
  .container {
    max-width: 1700px;
  }
}
@media (max-width: 767px) {
  .upload-button {
    margin-left: 0 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .section-ph-info {
    display: none;
  }
  .mobile-label {
    display: block;
    padding: 0;
    padding-top: 15px;
    font-weight: bold;
    font-size: 16px !important;
    padding-bottom: 15px;
  }
  .dropdown-section {
    margin-top: 0;
  }
  .add-file {
    margin: 0;
  }
  .mobile-hide {
    display: none;
  }
  .mobile-margin {
    margin-bottom: 20px;
  }
  .mobile-full {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
  .second-button.col {
    display: block;
  }
  .table-two-button {
    width: 100%;
  }
  .react-collapsible thead {
    display: none;
  }
  .react-collapsible tr {
    display: flex;
    flex-direction: column;
  }
  .react-collapsible tr td {
    width: 100%;
    max-width: 100%;
    display: block;
  }
  .display-documents .react-collapsible-theme table.react-collapsible tr td {
    padding: 20px;
    width: 100%;
    max-width: 100%;
    display: block;
  }
  .display-documents .react-collapsible-theme table.react-collapsible tr td.programName {
    width: 100%;
    max-width: 100%;
    display: block;
  }
}
.react-collapsible .no-results td {
  display: none;
}
.MuiCheckbox-colorSecondary.Mui-checked {
  color: #274463 !important;
}
.MuiCheckbox-colorSecondary.Mui-checked:hover,
.MuiCheckbox-colorSecondary.Mui-checked:focus {
  background-color: #dadddc !important;
}
.MuiCheckbox-colorSecondary:hover,
.MuiCheckbox-colorSecondary:focus {
  background-color: #dadddc !important;
}
@media (max-width: 767px) {
  .first-row-bg-grey {
    background-color: #dadddc !important;
  }
}
.PrivateSwitchBase-root-177 {
  padding: 3px 0 !important;
}
.pagination {
  margin-top: 30px;
}
@media (min-width: 1024px) {
  .ms-head-cols-7 .ms-upload-row-col {
    max-width: calc(90% / 6);
    width: calc(90% / 6);
  }
  .ms-head-cols-7 .ms-upload-row-col:last-child {
    width: 10%;
    max-width: 10%;
  }
  .ms-data-cols-7 .row > div {
    max-width: calc(90% / 6);
    width: calc(90% / 6);
  }
  .ms-data-cols-7 .row > div:last-child {
    width: 10%;
    max-width: 10%;
  }
  .ms-head-cols-6 {
    flex: 0 0 calc(100%);
  }
  .ms-head-cols-6 .ms-upload-row-col {
    max-width: calc(90% / 5);
    flex: 0 0 calc(90% / 5);
  }
  .ms-head-cols-6 .ms-upload-row-col:last-child {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .ms-data-cols-6 .row > div {
    max-width: calc(90% / 5);
    width: calc(90% / 5);
  }
  .ms-data-cols-6 .row > div:last-child {
    width: 10%;
    max-width: 10%;
  }
}
.ms-upload-history .add-row-section.ms-upload-input-sec {
  padding-bottom: 60px !important;
}
.ms-upload-history .column-input {
  padding-top: 15px !important;
}
.ms-upload-history .ms-upload-add-more {
  border: none !important;
}
.ms-upload-history .ms-upload-add-more .add-more-button {
  padding: 10px 38px;
  margin-top: -70px !important;
}
.ms-upload-history .view-doc-button.btn.btn-primary {
  font-size: 15px;
  min-width: 70px;
}
.ms-upload-history .view-doc-button.btn.btn-primary:hover,
.ms-upload-history .view-doc-button.btn.btn-primary:active,
.ms-upload-history .view-doc-button.btn.btn-primary:focus {
  background-color: #274463 !important;
}
.ms-upload-history .accordion {
  border-top: 1px solid #dfdfdf;
}
.ms-upload-history .accordion .card {
  border-bottom: 2px solid #AAAAAA;
}
.ms-upload-history .accordion .ms-view-button-mobile {
  background: #244459;
  border: 2px solid #244459;
  min-width: 80px;
}


.announcement {
  max-width: 100% !important;
  height: 75px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 24px;
  padding-top: 17px;
}
.announcement.ms-announcement {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  font-size: 20px;
  padding: 0;
  height: 65px;
}
.announcement .row {
  padding-left: 25px;
  padding-right: 25px;
}
.announcement .row.ms-announcement-row {
  width: 100%;
}
.announcement .row .marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}
.announcement .row .marquee .announcement-container {
  padding-left: 100%;
  display: inline-block;
  animation: marquee 50s linear infinite;
}
.announcement .row .marquee .announcement-container .announcement-content {
  margin-right: 100px;
}
.announcement .row .marquee .announcement-container .announcement-content img {
  width: 30px;
  height: 30px;
  margin-right: 1%;
}
.announcement .row .marquee .announcement-container .announcement-content a {
  /*
                        *Author: Rahul
                        *Purpose: Change the link color because background color is different and it's causing 508 issue.
                        *Date: 01/27/2022
                        */
  color: #fff;
  text-decoration: underline;
  font-weight: bolder !important;
  letter-spacing: 1px;
}
@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}
.announcement .row .announcement-container:hover {
  animation-play-state: paused;
}
@media only screen and (max-width: 768px) {
  .ms-announcement {
    font-size: 18px;
    height: 60px;
  }
}
/*
	*Author: Rahul
	*Purpose: UC-MS-PHP-02 - Added white border on top of annoucenment 
	*Date: 01/25/2022
	*/
@media only screen and (min-width: 1024px) {
  .ms-announcement {
    border-top: 3px solid #FFF;
  }
}


.createAccount {
  /* Ipad portrait */
  /* Ipad landscape */
  /* Ipad pro portrait */
}
.createAccount .create-account-left {
  background-color: #007372;
  justify-content: center !important;
}
.createAccount .create-account-left.ms-create-account-left {
  background-color: #52A848;
  justify-content: center !important;
}
.createAccount .account-benefits {
  background-color: #00837b;
  padding: 50px;
  background-image: url(/src/resources/images/big_arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: -15px 0;
  padding-left: 70px;
}
.createAccount .account-benefits.ms-account-benefits {
  background-color: #147120;
  background-position: -15px 0;
  padding-left: 70px;
}
.createAccount .account-benefits.ms-account-benefits .text-white img.mr-1 {
  margin-right: 0.4rem !important;
}
.createAccount .account-benefits.ms-account-benefits .text-white .col-xl-6 {
  padding-right: 0px !important;
  /*
        *Author: Basha
        *Purpose: applied flex to make element wrapped for left alignment.
        *Date: 01/27/2022
        */
  display: flex;
  align-items: flex-start;
}
.createAccount .account-benefits.ms-account-benefits .text-white .col-xl-6 img {
  margin-top: 10px;
}
.createAccount .account-benefits.ms-account-benefits .text-white .col-xl-6 .account-benefits-text {
  line-height: 25px;
}
.createAccount .account-benefits .account-headline {
  font-size: 24px;
}
.createAccount .account-benefits .account-headline.account-headline {
  font-weight: 300;
}
.createAccount .account-benefits .account-benefits-text {
  font-size: 15px;
  line-height: 40px;
  /*
    *Author: Basha
    *Purpose: changed the font-size to manage the styling in zoom level.
    *Date: 01/27/2022
    */
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .createAccount .account-benefits .account-benefits-text {
    font-size: 0.8rem;
  }
}
@media (max-width: 767.98px) {
  .createAccount .account-benefits {
    background-image: url(/src/resources/images/big-arrow-mobile.png);
    background-position: bottom;
  }
  .createAccount .account-benefits.ms-account-benefits {
    background-position: 0px -21px;
    border-top: 1px solid #52A848;
    padding-left: 50px;
  }
  .createAccount .account-benefits.ms-account-benefits .text-white .col-xl-4 {
    margin-left: -15px;
  }
  .createAccount .account-benefits .create-account-left {
    padding-top: 20px;
    padding-bottom: 30px;
  }
  .createAccount .ms-create-account-left {
    padding-top: 20px;
    padding-bottom: 10px;
  }
}
@media (max-device-width: 768px) and (min-device-width: 415px) and (orientation: portrait) {
  .createAccount .account-benefits {
    padding-left: 125px;
  }
  .createAccount .account-benefits.ms-account-benefits {
    padding-left: 125px !important;
  }
}
@media (max-device-width: 1024px) and (min-device-width: 769px) and (orientation: landscape) {
  .createAccount .account-benefits {
    padding-left: 125px;
  }
  .createAccount .account-benefits.ms-account-benefits {
    padding-left: 125px !important;
  }
}
@media (max-device-width: 1024px) and (min-device-width: 769px) and (orientation: portrait) {
  .createAccount .account-benefits {
    padding-left: 125px;
  }
  .createAccount .account-benefits.ms-account-benefits {
    padding-left: 125px !important;
  }
}
.createAccount .create-account-mobile {
  background-color: #007372;
}
/*Author: Basha
*Purpose: handled label width to show '*' in single line
*Date: 03/16/2022 
*/
.MuiFormControl-root .MuiFormControlLabel-root.d-flex.justify-content-start {
  margin-right: 10px !important;
}


.header-container {
  /*Author: Basha
*Purpose: Styles Added to handle Welcome user text on header
*Date: 03/17/2022 
*/
}
.header-container .logged-user {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 14px;
  width: 100%;
  padding: 0px 150px 0px;
  color: #fff;
}
.header-container .ms-config-env {
  position: absolute;
  left: 2px;
  top: 2px;
  color: #fff;
  background-color: #C92500;
  padding: 2px;
}
.header-container.navbar {
  padding: 0px !important;
  height: 104px !important;
  border-top: 4.8px solid #ffcc00 !important;
}
.header-container.navbar.ms-header-container {
  height: 90px !important;
  border-top: 4.8px solid #CBE5C8 !important;
}
.header-container .header-content-center {
  margin: 0px;
  width: 100%;
  padding: 0px 150px 0px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
}
.header-container .header-content-center .navbar-brand {
  font-size: 9.6px !important;
}
.header-container .header-content-center .navbar-brand .header-logo {
  height: 20px;
}
.header-container .header-content-center.ms-header-content-center {
  padding: 0px 36px 0px;
}
.header-container .header-content-center.ms-header-content-center .header-logo {
  height: 42px;
}
.header-container .header-content-center .navbar-nav {
  /*
			*Author: Basha
			*Purpose: UC-CP- Navigation highlighted link cursor pointer changed to default 
			*Date: 18/01/2022
			*/
}
.header-container .header-content-center .navbar-nav .MS_disable_link {
  cursor: not-allowed;
  pointer-events: none;
}
.header-container .header-content-center .navbar-nav .nav-link {
  color: #000 !important;
  font-size: 14px !important;
}
.header-container .header-content-center .navbar-nav .nav-link.ms-nav-link {
  color: #fff !important;
}
.header-container .header-content-center .navbar-nav .nav-link.ms-nav-link.highlight {
  cursor: default;
  color: #274463 !important;
  background-color: #f4f4f4 !important;
}
.header-container .header-content-center .navbar-nav .nav-link.MS_disable_link_Anonymous {
  cursor: not-allowed;
  pointer-events: none;
  color: #C9C9C9 !important;
}
.header-container .header-content-center .navbar-nav > a.nav-link {
  margin-right: 20px !important;
}
.header-container .header-content-center .navbar-nav > a.ms-nav-link {
  margin-right: 20px !important;
}
.header-container .header-content-center .navbar-nav > a.ms-nav-link:last-child {
  margin-right: 0!important;
}
.header-container .header-content-center .navbar-nav > a.ms-nav-link:focus {
  background-color: transparent !important;
}
.header-container .header-content-center .navbar-nav > a.ms-nav-link.language {
  margin-right: 0 !important;
  color: #C9C9C9 !important;
  text-transform: initial !important;
  font-weight: 400 !important;
}
.header-container .header-content-center .navbar-nav > a.ms-nav-link.language.lan-active {
  color: #fff !important;
  text-decoration: underline;
  font-weight: bold !important;
}
.header-container .header-content-center .navbar-nav > a.ms-nav-link.language.languageEnglish {
  margin-left: 5px !important;
}
.header-container .header-content-center .navbar-nav > a.ms-nav-link.language.languageVietname {
  margin-right: 20px !important;
}
.header-container .header-content-center .navbar-nav > a.highlight {
  background-color: #f4f4f4;
  color: #274463 !important;
  border-radius: 3.2px;
  padding-right: 15px;
  padding-left: 15px;
}
.header-container .header-content-center .navbar-nav div.sub-menu.highlight {
  background-color: #f4f4f4;
  color: #274463 !important;
  border-radius: 3.2px;
  padding-right: 15px;
  padding-left: 15px;
}
.header-container .header-content-center .bg-language {
  background-color: #f4f4f4;
}
.header-container .header-content-center .bg-language .selected {
  background-color: #274463;
  color: #fff;
}
.header-container .header-content-center div.dropdown {
  width: 145px !important;
  height: 1005 !important;
}
.header-container .header-content-center div.dropdown.ms-dropdown {
  height: auto !important;
}
.header-container .header-content-center div.dropdown a.dropdown-toggle {
  font-size: 14px !important;
  color: #fff !important;
}
.header-container .header-content-center div.sub-menu.dropdown {
  width: 145px !important;
  height: 100% !important;
  margin-right: 68px;
}
.header-container .header-content-center div.sub-menu.dropdown a.dropdown-toggle {
  font-size: 14px !important;
  color: #fff !important;
}
.header-container .header-content-center div.sub-menu.dropdown a.dropdown-toggle::after {
  font-size: 14px !important;
  color: #fff !important;
}
.header-container .header-content-center div.sub-menu.dropdown .dropdown-menu {
  top: 37px;
  left: 20px !important;
  padding: 0px;
  min-width: 160px;
}
.header-container .header-content-center div.sub-menu.dropdown .dropdown-menu a.dropdown-item {
  padding: 20px 24px;
  font-size: 14px !important;
  border-bottom: 1px solid #dadddc;
  font-weight: 600;
  color: #000;
}
.header-container .header-content-center div.sub-menu.dropdown .dropdown-menu a.dropdown-item:last-child {
  padding: 20px 24px;
  font-size: 14px !important;
  border-bottom: 0px;
  font-weight: 600;
  color: #000;
}
.header-container .header-content-center div.sub-menu.dropdown .dropdown-menu a:active {
  background-color: #f4f4f4;
  color: #000;
}
.header-container .header-content-center .navbar-toggler {
  background-color: #f4f4f4 !important;
  border-color: transparent !important;
}
.header-container .header-content-center .sideNavigation {
  height: 100%;
  /* 100% Full-height */
  width: 0;
  /* 0 width - change this with JavaScript */
  position: fixed;
  /* Stay in place */
  z-index: 2;
  /* Stay on top */
  top: 104px;
  /* Stay at the top */
  right: 0;
  /* Open from right */
  background-color: #fff;
  /* White*/
  overflow: hidden;
  /* Disable horizontal scroll */
  padding-top: 8px;
  /* Place content 60px from the top */
  transition: 0.5s;
  /* 0.5 second transition effect to slide in the sidenav */
  opacity: 0;
}
.header-container .header-content-center .sideNavigation.ms-sideNavigation {
  top: 90px;
}
.header-container .header-content-center .sideNavigation .scroll {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  overflow-y: scroll;
}
.header-container .header-content-center .sideNavigation .scroll .card {
  border: none;
  color: #000;
  font-size: 18px;
}
.header-container .header-content-center .sideNavigation .scroll .card .card-header {
  background-color: #fff;
  padding: 16px;
  border-bottom: none;
}
.header-container .header-content-center .sideNavigation .scroll .card .card-header.active {
  background-color: #f4f4f4;
  border-left: 5px solid #ffcc00;
}
.header-container .header-content-center .sideNavigation .scroll .card .card-header .accordian-open {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 5px solid #274463;
  position: absolute;
  right: 16px;
  top: 25px;
}
.header-container .header-content-center .sideNavigation .scroll .card .card-header .accordian-close {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left: 5px solid #274463;
  position: absolute;
  right: 16px;
  top: 24px;
}
.header-container .header-content-center .sideNavigation .scroll .card a {
  text-decoration: none;
}
.header-container .header-content-center .sideNavigation .scroll .card a .card-body {
  padding: 16px 32px;
  font-size: 18px;
  color: #000;
}
.header-container .header-content-center .small-screen-only {
  display: none;
}
@media (max-width: 991.98px) {
  .header-container .header-content-center .small-screen-only {
    display: block;
  }
  .header-container .header-content-center .small-screen-only.ms-small-screen-only {
    display: flex;
    top: 34px;
    font-weight: 400;
    font-size: 14px;
    position: absolute;
    right: 80px;
    padding-right: 6px !important;
  }
  .header-container .header-content-center .small-screen-only.ms-small-screen-only div {
    color: #C9C9C9;
    margin-right: 15px;
  }
  .header-container .header-content-center .small-screen-only.ms-small-screen-only div:last-child {
    margin-right: 0;
  }
  .header-container .header-content-center .small-screen-only.ms-small-screen-only div.lan-active {
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
  }
  .header-container .header-content-center .small-screen-only.ms-small-screen-only .mobilelogin {
    color: #fff;
    padding: 0px;
  }
  .header-container .header-content-center .small-screen-only.ms-small-screen-only .mobilelogin.highlight {
    cursor: default;
    color: #274463 !important;
    background-color: #f4f4f4 !important;
    padding-left: 8px ;
    padding-right: 8px;
    border-radius: 3.2px;
  }
  .header-container .header-content-center .navigation-overlay {
    position: fixed;
    /* Sit on top of the page content */
    width: 0%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 104px;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /* Black background with opacity */
    z-index: 1;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer;
    /* Add a pointer on hover */
    transition: 0.5s;
    opacity: 0;
  }
  .header-container .header-content-center .navigation-overlay.show-overlay {
    width: 100%;
    opacity: 1;
  }
  .header-container .header-content-center .navigation-overlay.ms-navigation-overlay {
    top: 90px;
  }
  .header-container .header-content-center .navbar-brand .header-logo {
    height: 30px;
  }
  .header-container .header-content-center .ms-header-content-center .navbar-toggler {
    margin-right: 15px;
  }
}
@media (max-width: 767.98px) {
  .header-container .header-content-center.logged-user-menu {
    margin-bottom: 16px;
  }
  .header-container .header-content-center .sideNavigation {
    top: 80px;
  }
  .header-container .header-content-center .sideNavigation .nav-link {
    color: #000 !important;
    font-size: 14px !important;
    padding: 12px !important;
  }
  .header-container .header-content-center .sideNavigation.ms-sideNavigation .nav-link {
    color: #333 !important;
    font-size: 18px !important;
    border-bottom: 1px solid #DDD;
    font-weight: 400 !important;
  }
  .header-container .header-content-center .sideNavigation.ms-sideNavigation .nav-link.language {
    display: none;
  }
  .header-container .header-content-center .sideNavigation.ms-sideNavigation .nav-link.ms-login-sidebar {
    display: none;
  }
  .header-container .header-content-center .sideNavigation.ms-sideNavigation .nav-link.highlight {
    background-color: #F4F4F4;
  }
  .header-container .header-content-center .sideNavigation > a.nav-link {
    padding-right: 32px !important;
  }
  .header-container .header-content-center .sideNavigation .card {
    font-size: 14px !important;
  }
  .header-container .header-content-center .sideNavigation .card .card-header {
    padding: 12px;
  }
  .header-container .header-content-center .sideNavigation .card .card-header .accordian-open {
    top: 20px;
  }
  .header-container .header-content-center .sideNavigation .card .card-header .accordian-close {
    top: 18px;
  }
  .header-container .header-content-center .sideNavigation .card .card-body {
    padding: 12px 24px;
    font-size: 14px !important;
    color: #000;
  }
  .header-container .header-content-center .sideNavigation.sideNavigationClose {
    width: 0%;
  }
  .header-container .header-content-center .sideNavigation.sideNavigationOpen {
    width: 65%;
    opacity: 1;
  }
  .header-container .header-content-center .sideNavigation.sideNavigationOpen.ms-sideNavigationOpen {
    text-align: center;
    width: 100%;
  }
  .header-container .header-content-center .navbar-brand .header-logo {
    height: 25px;
    margin-top: 15px;
  }
  .header-container .header-content-center .navbar-toggler {
    height: 36.8px !important;
    padding: 4.8px !important;
  }
  .header-container .header-content-center .navbar-toggler .navbar-toggler-icon {
    font-size: 14px;
  }
  .header-container .header-content-center .navbar-toggler.ms-navbar-toggler {
    height: 34px !important;
    margin-top: 20px !important;
    width: 44px;
  }
  .header-container .header-content-center .navigation-overlay {
    top: 80px;
  }
  .header-container .header-content-center .small-screen-only.ms-small-screen-only {
    /*
                    *Author: Basha
                    *Purpose: top changed to manage the space from breadcrum
                    *Date: 03/08/2022
                    */
    top: 14px !important;
    margin-right: -12px !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    right: 30px !important;
  }
  .header-container .header-content-center .small-screen-only div.dropdown {
    width: 136px !important;
  }
  .header-container .header-content-center .small-screen-only div.dropdown a.dropdown-toggle {
    font-size: 14px !important;
    color: #fff !important;
  }
  .header-container .header-content-center .small-screen-only .bg-language {
    background-color: #f4f4f4;
  }
}
@media (max-width: 991.98px) and (min-width: 768px) {
  .header-container .header-content-center .logged-user {
    font-size: 14px;
  }
  .header-container .header-content-center.logged-user-menu {
    margin-bottom: 24px;
  }
  .header-container .header-content-center .sideNavigation .nav-link {
    color: #000 !important;
    font-size: 18px !important;
    padding: 16px !important;
  }
  .header-container .header-content-center .sideNavigation.ms-sideNavigation .nav-link {
    color: #333 !important;
    font-size: 18px !important;
    padding: 16px !important;
    border-bottom: 1px solid #DDD;
    font-weight: 400 !important;
  }
  .header-container .header-content-center .sideNavigation.ms-sideNavigation .nav-link.language {
    display: none;
  }
  .header-container .header-content-center .sideNavigation.ms-sideNavigation .nav-link.ms-login-sidebar {
    display: none;
  }
  .header-container .header-content-center .sideNavigation.ms-sideNavigation .nav-link.highlight {
    background-color: #F4F4F4;
  }
  .header-container .header-content-center .sideNavigation.sideNavigationOpen {
    width: 40%;
    opacity: 1;
  }
  .header-container .header-content-center .sideNavigation.sideNavigationOpen.ms-sideNavigationOpen {
    text-align: center;
  }
  .header-container .header-content-center .small-screen-only div.dropdown {
    width: 192px !important;
  }
  .header-container .header-content-center .small-screen-only div a.dropdown-toggle {
    font-size: 22.4px !important;
    color: #274463 !important;
  }
  .header-container .header-content-center .small-screen-only .bg-language {
    background-color: #f4f4f4;
  }
}
@media (max-width: 991.98px) {
  .header-container .logged-user {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
@media (max-width: 767.98px) {
  .header-container.navbar {
    flex-direction: row !important;
    height: 80px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .header-container .logged-user {
    padding: 0px 135px 0px !important;
  }
}
@media (max-width: 1199.98px) {
  .header-container .logged-user {
    padding: 0px 24px 0px;
  }
  .header-container .header-content-center {
    padding: 0px 24px 0px;
  }
  .header-container .header-content-center.ms-header-content-center {
    justify-content: space-between;
    padding: 0px 24px 0px !important;
  }
  .header-container .dropdown-menu {
    left: auto !important;
    right: 0 !important;
  }
}
.header-container .header-content-center.ms-consumer-dashboard .navbar-nav .nav-link.ms-nav-link.highlight {
  cursor: pointer !important;
}

.programCarousel {
  max-width: 100% !important;
}
.programCarousel .row {
  /* Mobile landscape */
  /* Mobile portrait */
  /* Ipad portrait */
  /* Ipad landscape */
  /* Ipad pro portrait */
}
.programCarousel .row .slick-list {
  margin-left: 50px;
  max-width: 92%;
  height: 15vw !important;
  max-height: 280px;
  min-height: 200px;
}
@media screen and (min-width: 2958px) {
  .programCarousel .row .slick-list {
    max-height: 400px;
  }
}
.programCarousel .row .slick-list .slick-track {
  top: 5px;
}
.programCarousel .row .slick-list .slick-track .slick-slide {
  padding: 0px 8px 0px 8px;
  height: 200px;
}
.programCarousel .row .slick-list .slick-track .slick-slide div {
  box-shadow: 0px 0px 5px 0px #c0c3c2;
  min-height: 225px;
}
.programCarousel .row .slick-list .slick-track .slick-slide div div {
  background: #fff;
  padding: 0px;
}
.programCarousel .row .slick-list .slick-track .slick-slide div div .programCarousel-image {
  width: 100%;
  display: block;
  margin: auto;
  height: 100%;
}
.programCarousel .row .slick-list .slick-track .slick-slide div div .programCarousel-program-headline {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 5px 5px 5px;
  white-space: normal;
}
.programCarousel .row .slick-list .slick-track .slick-slide div div .programCarousel-program-headline a {
  text-decoration: none !important;
  color: #000 !important;
}
.programCarousel .row .programCarousel-headline {
  font-size: 34px;
  font-weight: lighter;
  text-align: center;
}
@media (max-device-width: 768px) and (orientation: portrait) {
  .programCarousel .row .programCarousel-headline {
    font-size: 24px;
    margin-bottom: 1.6rem !important;
    font-weight: 400;
  }
}
.programCarousel .row .slick-slider {
  margin: 10px;
  /*
            *Author: Rahul
            *Purpose: UC-CP-PHP-08 - Added property in disabled class to look like disabled carousel arrow option
            *Date: 02/01/2022
            */
}
.programCarousel .row .slick-slider .slick-arrow {
  width: auto;
  height: auto;
}
.programCarousel .row .slick-slider .slick-arrow:before {
  opacity: 1;
  color: #555b5a;
  font-size: 45px;
  line-height: 0;
}
.programCarousel .row .slick-slider .slick-prev {
  left: 0px;
}
.programCarousel .row .slick-slider .slick-disabled {
  cursor: not-allowed !important;
  opacity: 0.5 !important;
}
.programCarousel .row .slick-slider .slick-prev:before {
  content: url('/src/resources/images/scroll_arrow_left.png');
}
.programCarousel .row .slick-slider .slick-next {
  right: 0px;
}
.programCarousel .row .slick-slider .slick-next:before {
  content: url('/src/resources/images/scroll_arrow_right.png');
}
@media (max-device-width: 823px) and (min-device-width: 411px) and (orientation: landscape) {
  .programCarousel .row .slick-list {
    margin-left: 23px;
    height: 230px !important;
  }
  .programCarousel .row .slick-list .slick-track .slick-slide div {
    min-height: 220px;
  }
  .programCarousel .row .slick-slider .slick-prev {
    left: -10px;
  }
  .programCarousel .row .slick-slider .slick-next {
    right: -10px;
  }
}
@media (max-device-width: 414px) and (orientation: portrait) {
  .programCarousel .row .slick-list {
    margin-left: 15px;
    height: 265px !important;
  }
  .programCarousel .row .slick-list .slick-track .slick-slide div {
    min-height: 256px;
  }
  .programCarousel .row .slick-slider .slick-prev {
    left: -15px;
  }
  .programCarousel .row .slick-slider .slick-next {
    right: -15px;
  }
}
@media (max-device-width: 768px) and (min-device-width: 415px) and (orientation: portrait) {
  .programCarousel .row .slick-list {
    margin-left: 25px;
  }
  .programCarousel .row .slick-list .slick-track .slick-slide div {
    min-height: 216px;
  }
  .programCarousel .row .slick-slider .slick-prev {
    left: -15px;
  }
  .programCarousel .row .slick-slider .slick-next {
    right: -15px;
  }
}
@media (max-device-width: 1024px) and (min-device-width: 824px) and (orientation: landscape) {
  .programCarousel .row .slick-list {
    margin-left: 25px;
  }
  .programCarousel .row .slick-list .slick-track .slick-slide div {
    min-height: 200px;
  }
  .programCarousel .row .slick-slider .slick-prev {
    left: -15px;
  }
  .programCarousel .row .slick-slider .slick-next {
    right: -15px;
  }
}
@media (max-device-width: 1366px) and (min-device-width: 769px) and (orientation: portrait) {
  .programCarousel .row .slick-list {
    margin-left: 35px;
  }
  .programCarousel .row .slick-list .slick-track .slick-slide div {
    min-height: 200px;
  }
  .programCarousel .row .slick-slider .slick-prev {
    left: -15px;
  }
  .programCarousel .row .slick-slider .slick-next {
    right: -15px;
  }
}


.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(/consumer/fonts/slick.eot);
    src: url(/consumer/fonts/slick.eot?#iefix) format('embedded-opentype'), url(/consumer/fonts/slick.woff) format('woff'), url(/consumer/fonts/slick.ttf) format('truetype'), url(/consumer/fonts/slick.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.program-panel-container {
  width: 100%;
  padding: 0px 50px 0px;
}
.program-panel-container .headline {
  padding-left: 35px;
  padding-right: 35px;
  font-size: 34px;
  font-weight: lighter;
  color: #000;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.program-panel-container .headline p {
  margin-bottom: 0px;
}
@media (max-width: 991.98px) {
  .program-panel-container .headline {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
  }
}
.program-panel-container .ms-apply-button,
.program-panel-container .ms-headline {
  display: none;
}
@media (max-width: 1199.98px) {
  .program-panel-container {
    padding: 0px 40px 0px;
  }
}


.questions-card-wrap .card-body .cst-w-100 {
  /*
    *Author: Rahul
    *Purpose: UC-MS-SCR-05 - Increase the size(Width) of selection input
    *Date: 01/12/2022
    */
  width: 120px;
  padding-left: 0;
  padding-right: 0;
}
.questions-card-wrap .card-body .cst-w-100.custom-select {
  width: auto;
  padding-right: 40px;
}
.questions-card-wrap .card-body .form-control {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}
.questions-card-wrap .card-body .form-control:focus {
  box-shadow: none;
}
@media (max-width: 767px) {
  .questions-card-wrap .card-body .cst-w-100 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .questions-card-wrap .card-body .cst-w-100.custom-select {
    width: 100%;
  }
}
.question-form .form-group .form-label {
  font-size: 24px;
  font-weight: 400;
  color: #000;
}
.question-form input,
.question-form select {
  font-size: 18px;
  font-weight: 400;
  color: #000;
}
.question-form .text-hint {
  color: #555b5a;
  font-size: 15px;
}
.question-form .invalid-feedback {
  color: #C92500;
  font-size: 14px;
}
.question-form .invalid-feedback figure {
  margin: 0 0 0 10px;
}
.question-form .invalid-feedback figure img {
  max-width: 30px;
}
.question-sub-form {
  /*
    *Author: Rahul
    *Purpose: UC-MS-SCR-02 - alignment of question label and input field 
    *Date: 01/13/2022
    */
}
.question-sub-form .form-group .form-label {
  font-size: 18px;
  font-weight: 400;
}
.question-sub-form .form-group label {
  margin-top: 7px;
  padding-bottom: 18px;
}
/*
*Author: Basha
*Purpose: UC-MS-SCR-04 - Give border styling to the sub questions which have style property in json
*Date: 13/01/2022
*/
.ms-subquestion-section {
  width: 100%;
}
.ms-element-border-bottom {
  border-bottom: 1px solid #244459;
  width: 100%;
  margin-bottom: 20px;
}
.ms-element-border-bottom .form-group {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (max-width: 767.98px) {
  .ms-element-border-bottom {
    border-bottom: none;
  }
}


.inline-tooltip {
  color: #000;
}

.tooltip-link {
  text-decoration: underline;
  color: #274463;
  white-space: nowrap;
  /*
    *Author: Rahul
    *Purpose: UC-MS-SCR-04 - added padding left property for tooltip icon
    *Date: 02/01/2022
    */
  /*
    *Author: Basha
    *Purpose: UC-MS-SCR-04 - changed padding let to margin left so that the tab focus should come center.
    *Date: 02/02/2022
    */
  margin-left: 10px;
}
.tooltip-link:hover {
  color: #274463;
}

.mat-radio {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #fff;
  margin-right: 40px;
}
.custom-radio {
  top: 4px;
  left: 8px;
}
.custom-radio label {
  word-break: keep-all;
  font-size: 18px;
  color: #555b5a;
}
.custom-radio .custom-control-input:focus + .custom-control-label::before {
  background-color: none;
  border: 2px solid #274463;
}
.custom-radio .custom-control-input:checked + .custom-control-label::after {
  background-image: none;
  background-color: #274463;
  padding: 2px;
  border-radius: 50%;
  border: 2px solid #274463;
  top: 8px !important;
  left: -20px !important;
  width: 2px !important;
  height: 2px !important;
}
.custom-radio .custom-control-input:checked + .custom-control-label::before {
  border: 2px solid #274463;
  background-color: #fff;
}
/*Radio toggle*/
.ms-toggle-radio {
  width: auto;
  height: auto;
  margin-right: 0;
}
.ms-toggle-radio .custom-radio {
  padding-left: 0;
}
.ms-toggle-radio .custom-control-label {
  width: 65px;
  height: 35px;
  font-size: 15px;
  border-radius: 4px;
  font-weight: 600;
  border: 1px solid #244459;
  padding: 0;
}
.ms-toggle-radio .custom-radio label {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #555b5a !important;
}
.ms-toggle-radio .MuiFormControlLabel-root span:nth-child(2) {
  text-align: center;
  font-size: 15px;
  padding: 7px 0px;
  display: block;
}
.ms-toggle-radio .MuiFormControlLabel-root span span input {
  position: absolute;
  top: -20px;
}
.ms-toggle-radio .custom-control-label::before {
  display: none;
}
.ms-toggle-radio .custom-control-label::after {
  display: none;
}
.ms-toggle-radio .custom-control-input:checked + .custom-control-label {
  background-color: #244459 !important;
  color: #fff !important;
  cursor: pointer;
}
.ms-toggle-radio .custom-control-input:checked + .custom-control-label::before {
  background-color: #244459 !important;
  color: #fff !important;
  content: '';
  width: 100%;
  height: 100%;
}
/*
	*Author: Basha
	*Purpose: UC-MS-SCR-04 - changed Padding right 0 to remove the space at right side to the element.
	*Date: 13/01/2022
*/
.radio-toggle {
  margin-bottom: 20px;
  padding-left: 0 !important;
  border-bottom: 1px solid #244459;
  padding-bottom: 10px;
  padding-right: 0 !important;
}
.radio-toggle > label {
  float: left;
  width: calc(100% - 190px);
}
.radio-toggle .row {
  float: right;
  width: 185px;
  margin-top: 0px;
  margin-right: -26px;
}
.radio-toggle .row .mb-3.col-sm-10 {
  padding: 0;
  display: flex;
}
.radio-toggle .row .mb-3.col-sm-10 .invalid-feedback {
  display: none;
}
@media (max-width: 767.98px) {
  .radio-toggle {
    display: block;
    border-bottom: none;
    margin-bottom: 10px;
    padding-bottom: 0;
  }
  .radio-toggle > label {
    float: none;
    width: 100%;
    min-width: 100%;
    font-size: 18px !important;
  }
  .radio-toggle .row {
    float: none;
    width: auto;
    min-width: auto;
    margin-left: -7px;
    margin-top: 0;
  }
  .radio-toggle .custom-control.custom-radio {
    padding-left: 0;
  }
  .radio-toggle .custom-control.custom-radio .custom-control-label {
    height: 30px;
  }
}


.ms-prescreening-ques-sec {
  background-color: #f4f5f4;
}
.ms-questions-container {
  background-color: transparent !important;
}
.ms-questions-container .questions-card-wrap.card .card-header {
  background-color: #244459;
}
.ms-questions-container .questions-card-wrap.card {
  border-color: #244459;
  margin-bottom: 100px;
}
.ms-questions-container .question-sub-form .form-group .form-label {
  font-size: 18px !important;
}
.ms-questions-container .progressbar.progress {
  background-color: transparent !important;
  margin-bottom: 0;
  height: 8px;
}
.ms-questions-container .progress-container .progress-bar {
  background-color: #52A848;
}
.ms-questions-container .btn-grp-hld .btn-outline-dark,
.ms-questions-container .btn-grp-hld .btn-dark {
  padding: 10px 40px;
  /*
      *Author: Basha
      *Purpose: UC-MS-SCR-02 Alignment fix for Next and Back Button
      *Date: 01/28/2022
      */
  font-weight: 600;
}
@media (max-width: 767px) {
  .ms-questions-container .btn-grp-hld .btn-outline-dark,
  .ms-questions-container .btn-grp-hld .btn-dark {
    padding: 10px 25px;
  }
}
.ms-questions-container .question-form .form-group .form-label {
  font-size: 20px;
}
.ms-questions-container .ms-footer-btn-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.progress-container .progress-bar {
  background-color: #00b4a0;
}
.progress-container .progress {
  background-color: #555b5a;
  border: 1px solid #7B7B7B;
  height: 0.75rem;
  border-radius: 0;
  font-size: 24px;
  font-weight: 400;
}
.questions-card-wrap.card {
  border: 1px solid #555b5a;
  border-radius: 0px;
}
.questions-card-wrap.card .card-header:first-child {
  border-radius: 0px;
}
.questions-card-wrap.card .card-header {
  border-bottom: 1px solid #555b5a;
  background-color: #555b5a;
  color: #fff;
}
.questions-card-wrap.card .card-header .card-title {
  font-size: 24px;
  font-weight: 400;
}
.questions-card-wrap.card .card-header .progress-status {
  font-size: 18px;
}
.questions-card-wrap.card .card-body {
  padding: 32px;
}
.questions-card-wrap.card .card-footer {
  background-color: #fff;
  border-top: none;
  padding: 0 32px 32px 32px;
}
.btn-grp-hld .btn:not(:last-child) {
  margin-right: 15px;
}
.btn-grp-hld .btn-disabled-cst {
  cursor: default;
  opacity: 0.6;
}
@media (max-width: 767px) {
  .btn-grp-hld {
    display: flex;
    justify-content: space-between;
  }
  .btn-grp-hld .btn {
    width: 50%;
  }
}


.login-card-wrap.card {
  border: 1px solid #dadddc;
}
.login-card-wrap.card .card-title {
  color: #000;
  font-size: 28px;
}
.login-card-wrap.card .card-title figure {
  margin: 0 10px 0 0;
}
.login-card-wrap.card .card-title figure img {
  max-width: 30px;
}
.login-card-wrap.card .card-header {
  background: #f4f4f4;
  border-bottom: 1px solid #dadddc;
}
.login-card-wrap.card .card-header span {
  font-size: 28px;
}
@media (max-width: 767px) {
  .login-card-wrap.card .card-header span {
    font-size: 24px;
  }
}
.login-card-wrap.card .card-body .form-label {
  font-size: 18px;
}
.login-card-wrap.card .btn-dark {
  width: 100%;
}
.login-card-wrap.card .custom-link {
  text-decoration: underline;
  padding: 0;
  font-size: 18px;
  color: #0047ba;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .login-card-wrap.card .custom-link {
    display: block;
  }
}
.login-card-wrap.card .link-text {
  font-size: 18px;
}
.login-card-wrap.card figure {
  margin: 0 10px 0 0;
}
.login-card-wrap.card figure img {
  max-width: 30px;
}
.login-card-wrap.card .forgot-link-1 {
  text-align: right;
}
.ms-login-container .ms-login-section {
  flex: 0 0 56%;
  max-width: 56%;
}
.ms-login-container .ms-item-center {
  align-items: center;
}
.ms-login-container .ms-create-account-btn-sec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #000;
}
.ms-login-container .ms-create-account-btn-sec .ms-create-acc-btn {
  max-width: 220px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: 600;
}
.ms-login-container .ms-login-padding {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.ms-login-container .form-group.ms-submit .btn.btn-dark {
  font-weight: 600;
}
.ms-login-container .ms-online-application-btn-sec {
  padding: 30px 5px;
  margin-top: 30px !important;
  position: relative;
}
.ms-login-container .ms-online-application-btn-sec::before {
  content: '';
  width: calc(100% + 50px);
  height: 1px;
  border-top: 1px dashed #707070;
  position: absolute;
  top: 0;
  left: -25px;
}
.g-recaptcha {
  margin-left: 5px;
}
.signInContent {
  border: 2px solid #147120;
  padding: 12px 18px 6px;
  margin-bottom: 2%;
  border-radius: 9px;
  background: #CBE5C8;
  color: #000;
  /* 
        *Author: Basha
        *Purpose: success message width alignment
        *Date: 03/15/2022 
    */
  max-width: calc(100% - 30px);
}
@media (max-width: 1023px) {
  .ms-login-container .ms-login-section {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ms-login-container .ms-create-account-btn-sec {
    justify-content: center;
    flex-wrap: wrap;
  }
  .ms-login-container .ms-create-account-btn-sec .ms-create-acc-btn {
    margin-top: 5px;
  }
}
@media (max-width: 767px) {
  .ms-login-container {
    /*
        *Author: Basha
        *Purpose: new class added to manage the alignment on mobile
        *Date: 03/08/2022
        */
  }
  .ms-login-container .ms-login-section {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ms-login-container .ms-login-padding,
  .ms-login-container .card-body {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .ms-login-container .ms-login-padding .signInContent,
  .ms-login-container .card-body .signInContent {
    border: 2px solid #147120;
    padding: 12px;
    margin-bottom: 2%;
    border-radius: 5px;
    background: #CBE5C8;
    color: #000;
  }
  .ms-login-container .ms-checkbox-sec {
    justify-content: flex-end !important;
  }
  .ms-login-container .ms-create-account-btn-sec .ms-create-acc-btn {
    height: 32px;
    font-size: 13px;
  }
  .ms-login-container .ms-online-application-btn-sec {
    padding-left: 5px;
    padding-right: 5px;
  }
  .ms-login-container .ms-online-application-btn-sec::before {
    width: calc(100% - 10px);
    left: 5px;
  }
  .ms-login-container .ms-mobile-mrgt10 {
    margin-top: 10px;
  }
}

.sub-menu-container {
  font-family: 'Source Sans Pro', sans-serif;
  margin-top: -15px;
}
.sub-menu-container .sub-menu .sub-menu-item {
  flex: 1;
  border-bottom: 5px solid #EBEBEB;
  cursor: pointer;
  text-align: center;
  border-left: 1px solid #EBEBEB;
}
.sub-menu-container .sub-menu .sub-menu-item:last-child {
  border-right: 1px solid #EBEBEB;
}
.sub-menu-container .sub-menu .sub-menu-item a {
  color: #767676;
  font-size: 24px;
  text-decoration: none;
  font-weight: 500;
  width: 100%;
  height: 100%;
}
.sub-menu-container .sub-menu .sub-menu-item.active {
  border-bottom: 5px solid #147120;
}
.sub-menu-container .sub-menu .sub-menu-item.active a {
  color: #000;
}
.sub-menu-container .sub-menu .sub-menu-item.disabled {
  cursor: not-allowed;
}
.sub-menu-container .sub-menu .sub-menu-item.disabled a {
  cursor: not-allowed;
}
@media (max-width: 767.98px) {
  .sub-menu-container .sub-menu .sub-menu-item a {
    font-size: 16px;
    font-weight: 600;
  }
}
.sub-menu-container .main-panel {
  padding: 0px !important;
}
.ms-mybenifits-menu .sub-menu-container .sub-menu .sub-menu-item {
  border-left: 1px solid #96A0AC !important;
}
@media (max-width: 767.98px) {
  .ms-mybenifits-menu .sub-menu-container .sub-menu .sub-menu-item {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
.ms-mybenifits-menu .sub-menu-container .sub-menu .sub-menu-item a {
  font-size: 22px;
}
@media (max-width: 934.98px) {
  .ms-mybenifits-menu .sub-menu-container .sub-menu .sub-menu-item a {
    font-size: 16px;
    line-height: 20px;
    align-items: center !important;
    justify-content: center !important;
    display: flex;
  }
}


.menu-container {
  font-family: 'Source Sans Pro', sans-serif;
}
@media (max-width: 767.98px) {
  .menu-container.ms-menu-container .menu {
    border: 1px solid #CCCCCC;
    margin-bottom: 20px;
  }
}
.menu-container.ms-mybenifits-menu .card .main-panel {
  padding-top: 0;
}
.menu-container .menu .menu-item {
  height: 65px;
  background-color: #f4f4f4;
  padding: 5px;
  min-width: 212px;
  border-left: 1px solid #dadddc;
  border-top: 1px solid #dadddc;
  color: #000;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  margin-top: 7px;
  text-align: center;
}
@media (max-width: 767.98px) {
  .menu-container .menu .menu-item {
    margin-top: 0 !important;
    padding: 0 !important;
    height: 50px !important;
  }
}
.menu-container .menu .menu-item a {
  color: #333333;
  width: 100%;
  height: 100%;
  padding: 1rem 0;
}
.menu-container .menu .menu-item a.ms-menu-options {
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu-container .menu .menu-item a:hover {
  color: #333333;
  text-decoration: none !important;
}
.menu-container .menu .menu-item.active {
  background-color: #fff;
  color: #333333;
  margin-top: 0px;
  height: 72px;
  box-shadow: 5px -3px 5px -3px #c0c3c2;
  z-index: 2;
}
.menu-container .menu .menu-item.active a {
  color: #333333;
  font-weight: bold;
}
.menu-container .menu .menu-item.active a:hover {
  color: #333333;
  text-decoration: none !important;
}
.menu-container .menu .menu-item.disabled {
  cursor: not-allowed;
}
.menu-container .menu .menu-item.disabled a {
  cursor: not-allowed;
}
.menu-container .menu .menu-item:last-child {
  border-right: 1px solid #dadddc;
}
.menu-container.ms-menu-container .menu .menu-item {
  min-width: 175px;
}
@media (max-width: 1317px) {
  .menu-container.ms-menu-container .menu .menu-item {
    min-width: 145px;
  }
}
@media (max-width: 1113px) {
  .menu-container.ms-menu-container .menu .menu-item {
    min-width: 125px;
  }
}
@media (max-width: 991.98px) {
  .menu-container .menu .menu-item {
    min-width: 110px;
  }
  .menu-container.ms-menu-container .menu .menu-item {
    min-width: 105px;
  }
}
@media (max-width: 830.98px) {
  .menu-container.ms-menu-container .menu .menu-item {
    min-width: 95px;
  }
}
@media (max-width: 767.98px) {
  .menu-container .menu .menu-item {
    font-size: 15px;
  }
}
@media (max-width: 669.98px) {
  .menu-container .menu .menu-item {
    min-width: 85px;
  }
}
@media (max-width: 359.98px) {
  .menu-container .menu .menu-item {
    min-width: 75px;
  }
}
.menu-container .card {
  border-top: 0px;
}
.menu-container .card .main-panel {
  padding: 35px 20px 20px 20px;
}


.dashboard-container {
  font-family: 'Source Sans Pro', sans-serif;
  padding: 20px 35px 35px 35px;
}
.dashboard-container .dashboard-header-link .dashboard-header-link {
  padding: 5px;
  margin-right: 40px;
}
.dashboard-container .dashboard-header-link .dashboard-header-link a {
  text-decoration: none;
}
.dashboard-container .dashboard-header-link .dashboard-header-link a p {
  color: #000;
  font-weight: 600;
  font-size: 14px;
}
.dashboard-container .dashboard-header-link .dashboard-header-link:last-child {
  margin-right: 0px;
}
.dashboard-container .dashboard-header-link .video-link {
  cursor: pointer;
}
.dashboard-container .ms-email-notification {
  text-align: center;
  width: 94%;
  min-height: 48px;
  background-color: #F8D3D8;
  border: 2px solid #A30014;
  border-radius: 9px;
  padding: 5px;
}
.dashboard-container .ms-email-notification.ms-success-notification {
  background-color: #52A848 !important;
  border-color: #147120 !important;
  color: #fff;
}
.dashboard-container .ms-email-notification a {
  color: #0047ba;
  cursor: pointer;
}
@media (max-width: 767.98px) {
  .dashboard-container .ms-email-notification {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .dashboard-container {
    padding: 20px 10px 35px 10px;
  }
}
.dashboard-container .dashboard-header-link.flex-sm-row {
  flex-direction: column !important;
  align-items: center;
  justify-content: center;
}
.dashboard-container .dashboard-header-link.flex-sm-row :first-child {
  margin-bottom: 10px;
}

.react-collapsible-theme table.react-collapsible {
    border-collapse: collapse;
    width: 100%;
}

.react-collapsible-theme .react-collapsible thead,
.react-collapsible-theme .react-collapsible .child-label {
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    color: #555;
    text-align: left;
    font-weight: 600;
}

.react-collapsible-theme .react-collapsible thead th,
.react-collapsible-theme .react-collapsible td {
    min-width: 10rem;
    padding-bottom: .8rem;
}

.react-collapsible-theme .react-collapsible .clickable {
    cursor: pointer;
}

.react-collapsible-theme .react-collapsible tr {
    border-bottom: 0.1rem #e0e4ea solid;
}

.react-collapsible-theme .react-collapsible td {
    padding: .8rem .8rem .8rem 0;
    font-size: 1.4rem;
    font-weight: 200;
}


/*child row in table */

.react-collapsible-theme .react-collapsible .child-cell {
    display: flex;
}

.react-collapsible-theme .react-collapsible .child-label {
    margin-left: 1.6rem;
    flex-basis: 25%;
}

.react-collapsible-theme .react-collapsible .child-content {
    flex-basis: 75%;
}

@media screen and (min-width: 768px) {
    .react-collapsible-theme .react-collapsible .child-label {
        margin-left: 1.6rem;
        flex-basis: 10%;
    }
    .react-collapsible-theme .react-collapsible .child-content {
        flex-basis: 90%;
    }
}


/*Styles for search */

.react-collapsible-theme .react-collapsible-search {
    margin: 3.2rem 0;
}

.react-collapsible-theme .react-collapsible-search .react-collapsible-clear {
    border: 0;
    background-color: transparent;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
}

.react-collapsible-theme .react-collapsible-search input {
    border: 0;
    border-bottom: 1px #009cde solid;
    width: 100%;
    height: 2rem;
    font-size: 1.4rem;
    font-weight: 200;
}

.react-collapsible-theme .react-collapsible-search input::placeholder {
    color: #858DA3;
}

.react-collapsible-theme .react-collapsible-search .search-input {
    display: inline-block;
    position: relative;
}

.react-collapsible-theme .react-collapsible-search .search-input .search-icon {
    position: absolute;
    right: -2px;
    top: 0;
}

.react-collapsible-theme .brand-primary-light {
    color: #009cde;
}

.react-collapsible-theme .search-highlight {
    background-color: #C1C9D5;
}


/*Styles for pagination */

.react-collapsible-theme .react-collapsible-page {
    font-size: 1.4rem;
    font-weight: 200;
}

.react-collapsible-theme .react-collapsible-page .arrow-left {
    margin-right: .8rem;
}

.react-collapsible-theme .react-collapsible-page .arrow-right {
    margin-left: .8rem;
}

.react-collapsible-theme .highlight {
    background-color: #FFFF00
}

.dashboard-home-content-container {
  font-family: 'Source Sans Pro', sans-serif;
}
.dashboard-home-content-container .app_exp_warning {
  margin-top: -4px;
}
.dashboard-home-content-container > div.row {
  margin-bottom: 40px !important;
}
.dashboard-home-content-container .header {
  margin-bottom: 20px;
}
.dashboard-home-content-container .header .headline {
  color: #000;
  font-size: 18px;
  font-weight: bold;
}
.dashboard-home-content-container .header .paragraph {
  color: #000;
  font-size: 14px;
}
.dashboard-home-content-container p.application-paragraph {
  font-size: 14px;
}
.dashboard-home-content-container .application {
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .dashboard-home-content-container .application.ms-application {
    background-color: #fff;
    margin-bottom: 40px !important;
    padding: 0 !important;
  }
  .dashboard-home-content-container .application.ms-application .row .col-lg-4 {
    min-height: 389px;
  }
  .dashboard-home-content-container .application.ms-application .row .col-lg-4.mb-3 {
    margin-bottom: 2rem !important;
  }
}
.dashboard-home-content-container .application .application-headline .application-headline-text {
  color: #000;
  font-size: 20px;
  font-weight: bold;
}
.dashboard-home-content-container .application .application-table .react-collapsible thead {
  background-color: #244459;
  color: #fff !important;
  font-size: 16px !important;
  letter-spacing: 0px  !important;
  text-transform: capitalize  !important;
}
.dashboard-home-content-container .application .application-table .react-collapsible thead tr {
  border-bottom: 0.5px solid #555b5a !important;
}
.dashboard-home-content-container .application .application-table .react-collapsible thead tr th {
  padding: 6px 10px !important;
  border-left: 0.5px solid #244459 !important;
  border-right: 0.5px solid #244459 !important;
  font-weight: bold !important;
}
.dashboard-home-content-container .application .application-table .react-collapsible thead tr th.column-buttons {
  text-align: left;
}
.dashboard-home-content-container .application .application-table .react-collapsible tbody tr {
  border-left: 0.5px solid #555b5a !important;
  border-right: 0.5px solid #555b5a !important;
  border-bottom: 0.5px solid #555b5a !important;
}
.dashboard-home-content-container .application .application-table .react-collapsible tbody tr td {
  padding: 5px 10px !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #000 !important;
  word-break: break-all;
  border: none !important;
}
.dashboard-home-content-container .application .application-table .react-collapsible tbody tr td p.child-cell {
  margin-bottom: 0px;
  padding: 5px;
}
.dashboard-home-content-container .application .application-table .react-collapsible tbody tr td p.child-cell .child-label {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  letter-spacing: 0px;
  margin-left: 0px;
  flex-basis: 50%;
  padding: 5px;
  text-transform: capitalize;
}
.dashboard-home-content-container .application .application-table .react-collapsible tbody tr td p.child-cell .child-content {
  padding: 5px;
}
.dashboard-home-content-container .application .application-table .react-collapsible tbody tr td p.child-cell .child-content .btn-float-right {
  float: left;
}
.dashboard-home-content-container .application .application-table .react-collapsible tbody tr td .btn-float-right {
  float: left;
}
.dashboard-home-content-container .application .application-table .react-collapsible tbody tr td .btn-action-width {
  min-width: 108px;
  font-weight: 600;
}
.dashboard-home-content-container .application .application-table .react-collapsible tbody tr:first-child {
  border-top: 0.5px solid #555b5a !important;
}
.dashboard-home-content-container .application .application-table .accordion .card .card-header {
  min-height: 70px;
  background-color: #f4f4f4;
  border: 1px solid #dadddc;
  border-bottom: 2px solid #dadddc;
}
.dashboard-home-content-container .application .application-table .accordion .card .card-header .application-header-title {
  color: #333333;
  font-size: 16px;
  text-decoration: none;
  line-height: 20px;
  font-weight: 600;
}
.dashboard-home-content-container .application .application-table .accordion .card .card-header .application-header-text {
  color: #333333;
  font-size: 16px;
  text-decoration: none;
  line-height: 20px;
  word-break: break-all;
}
.dashboard-home-content-container .application .application-table .accordion .card .card-body .application-header-title {
  color: #333333;
  font-size: 16px;
  text-decoration: none;
  line-height: 30px;
  font-weight: 600;
}
.dashboard-home-content-container .application .application-table .accordion .card .card-body .application-header-text {
  color: #333333;
  font-size: 16px;
  text-decoration: none;
  line-height: 30px;
}
.dashboard-home-content-container .application .application-table .accordion .card .card-body .btn-transperant-outline-dark {
  color: #244459;
  border: 2px solid #244459;
  font-size: 16px;
  padding: 8px 20px;
  background-color: transparent;
  width: 150px;
}
.dashboard-home-content-container .application .application-table .accordion .card .card-body .btn-transperant-outline-dark:focus {
  border: 2px solid #468CFF;
}
.dashboard-home-content-container .application .application-table .accordion .card .card-body .btn-secondary-outline-dark {
  color: #fff;
  font-size: 16px;
  padding: 8px 20px;
  width: 150px;
}
.dashboard-home-content-container .application .application-table .accordion .card .card-body .btn-transperant-outline-dark:focus {
  border: 0;
}
.dashboard-home-content-container .application .application-table.ms-application-table .accordion .card-header {
  background-color: #244459;
}
.dashboard-home-content-container .application .application-table.ms-application-table .accordion .card-header .application-header-title,
.dashboard-home-content-container .application .application-table.ms-application-table .accordion .card-header .application-header-text {
  color: #fff;
}
.dashboard-home-content-container .row .card {
  min-height: 400px;
}
.dashboard-home-content-container .row .card.card-custom {
  flex: 1;
  background: #FFF !important;
  border-radius: 6px !important;
  padding-bottom: 15px !important;
  border: 2px solid #147120;
  filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.16));
}
.dashboard-home-content-container .row .card.announcements-container,
.dashboard-home-content-container .row .card.notification-container,
.dashboard-home-content-container .row .card.authorized-representatives-container {
  padding-bottom: 0 !important;
}
.dashboard-home-content-container .row .card.announcements-container .announcements > ul {
  min-height: 250px;
}
.dashboard-home-content-container .row .card.appeal-tile-col .paragraph.text-center {
  color: #333333 !important;
}
.dashboard-home-content-container .row .card.appeal-tile-col .paragraph.text-center a {
  color: #468CFF;
  text-decoration: underline;
}
.dashboard-home-content-container .row .card .card-footer {
  background-color: transparent;
  border-top: none;
}
.dashboard-home-content-container .row .card .mobile-only {
  display: none !important;
}
.dashboard-home-content-container .row .card .headline {
  background-color: #147120;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (max-width: 767.98px) {
  .dashboard-home-content-container .row .card .headline {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}
.dashboard-home-content-container .row .card .headline p {
  font-weight: 600;
  font-size: 20px;
  word-break: break-word;
}
.dashboard-home-content-container .row .card .headline .headline-enrolled {
  color: #fff;
}
.dashboard-home-content-container .row .card .headline .headline-programs {
  color: #fff;
}
.dashboard-home-content-container .row .card .floating-button {
  bottom: 20px;
  width: auto;
  text-transform: uppercase !important;
  background-color: #244459;
  color: #fff !important;
  border-radius: 5px;
}
.dashboard-home-content-container .row .card .floating-button.disabled {
  border: 2px solid #274463;
  cursor: not-allowed;
}
.dashboard-home-content-container .row .card .floating-button:active {
  background-color: #244459 !important;
}
.dashboard-home-content-container .row .card .notifications > p {
  color: #333333;
}
.dashboard-home-content-container .row .card .notifications .details-content .headline-text {
  font-weight: bold;
  font-size: 16px;
}
.dashboard-home-content-container .row .card .notifications .details-content .headline-msg {
  text-align: center;
}
.dashboard-home-content-container .row .card .notifications .details-content .headline-msg .headline-count {
  font-weight: bold;
  font-size: 18px;
  color: #ffcc00;
}
.dashboard-home-content-container .row .card .notifications .details-content .headline-msg .headline-message {
  font-size: 16px;
}
.dashboard-home-content-container .row .card .notifications .details-content a.link {
  color: #fff;
  font-size: 16px;
  text-decoration: underline;
  font-weight: 600;
}
.dashboard-home-content-container .row .card .notifications .details-content a.link:hover {
  color: #fff;
  cursor: pointer;
}
.dashboard-home-content-container .row .card .notifications .details-content a.link:focus {
  border: 2px solid #468CFF;
}
.dashboard-home-content-container .row .card .notifications .message {
  font-size: 16px;
}
.dashboard-home-content-container .row .card .announcements {
  color: #333333;
  font-size: 16px;
}
@media (max-width: 767px) {
  .dashboard-home-content-container .row .card .announcements {
    font-weight: 500;
  }
}
.dashboard-home-content-container .row .card .announcements ul {
  padding-left: 25px;
}
.dashboard-home-content-container .row .card .announcements ul li {
  position: relative;
}
.dashboard-home-content-container .row .card .announcements ul li::marker {
  font-size: 0;
}
.dashboard-home-content-container .row .card .announcements ul li::before {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #333333;
  left: -13px;
  top: 10px;
  content: '';
}
.dashboard-home-content-container .row .card .announcements .message {
  font-size: 18px;
}
.dashboard-home-content-container .row .card .pendingRenewal {
  color: #fff;
  font-size: 16px;
  font-weight: lighter;
}
.dashboard-home-content-container .row .card .pendingRenewal ul {
  padding-left: 25px;
}
.dashboard-home-content-container .row .card .pendingRenewal .message {
  font-size: 18px;
}
.dashboard-home-content-container .row .card .authorized-representatives {
  color: #333333;
  max-height: 300px;
  overflow-y: auto;
  margin-right: 1rem !important;
}
.dashboard-home-content-container .row .card .authorized-representatives > p {
  color: #333333;
}
.dashboard-home-content-container .row .card .authorized-representatives > div.d-flex {
  padding-right: 10px;
}
.dashboard-home-content-container .row .card .authorized-representatives .authorized-representatives-text {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 8px;
}
.dashboard-home-content-container .row .card .authorized-representatives .authorized-representatives-label {
  margin-bottom: 8px;
  font-size: 18px;
  word-break: break-all;
}
.dashboard-home-content-container .row .card .authorized-representatives .authorized-representatives-label span {
  font-weight: 600;
  white-space: nowrap;
}
.dashboard-home-content-container .row .card .programs {
  color: #000;
}
.dashboard-home-content-container .row .card .programs .paragraph {
  margin-bottom: 48px;
  font-size: 18px;
  text-align: center;
  font-weight: 500;
  margin-top: 20px;
}
.dashboard-home-content-container .row .card .programs .program-container {
  margin-bottom: 35px;
}
.dashboard-home-content-container .row .card .programs .program-container .program-item {
  border-top: 1px solid #dadddc;
  padding: 3px;
  padding-bottom: 6px;
  padding-right: 12px;
  font-size: 16px;
  font-weight: 500;
}
.dashboard-home-content-container .row .card .programs .program-container .program-item a {
  font-weight: 600;
}
.dashboard-home-content-container .row .card .programs .program-container .program-item a.program-link,
.dashboard-home-content-container .row .card .programs .program-container .program-item a:hover {
  margin-top: 3px;
  color: #274463;
  text-decoration: underline;
  font-weight: bold;
}
.dashboard-home-content-container .row .card .programs .program-container .program-item .custom-checkbox {
  padding-left: 32px;
  margin-bottom: 3px;
}
.dashboard-home-content-container .row .card .programs .program-container .program-item .custom-checkbox.disabled {
  cursor: not-allowed;
}
.dashboard-home-content-container .row .card .programs .program-container .program-item .custom-checkbox .custom-control-label::before {
  border-radius: 0;
  width: 22.4px;
  height: 22.4px;
}
.dashboard-home-content-container .row .card .programs .program-container .program-item .custom-checkbox .custom-control-label::after {
  width: 22.4px;
  height: 22.4px;
  background-image: url('/src/resources/images/white_tick.png') !important;
  background-size: 15px 15px;
}
.dashboard-home-content-container .row .card .programs .program-container .program-item .custom-checkbox .custom-control-input:checked + .custom-control-label::before {
  background-color: #274463;
  border: 0px;
}
.dashboard-home-content-container .row .card .programs .program-container .program-item .custom-checkbox .custom-control-input:focus + .custom-control-label::before {
  background-color: none;
  border: 2px solid #274463;
}
.dashboard-home-content-container .row .card .programs .program-container .program-item .custom-checkbox .custom-control-check {
  margin-top: 6px;
  position: absolute;
  left: 0;
  z-index: -1;
  width: 2rem;
  height: 1.25rem;
  cursor: pointer;
}
.dashboard-home-content-container .row .card .programs .program-container .program-item .custom-checkbox .custom-control-check.disabled {
  cursor: not-allowed;
}
.dashboard-home-content-container .row .card .programs .program-container .program-item .custom-checkbox input[type=checkbox] {
  -moz-appearance: checkbox !important;
}
.dashboard-home-content-container .row .card .programs .program-container .program-item .custom-checkbox input[type=checkbox]:checked:focus {
  outline: 2px solid #c00;
}
.dashboard-home-content-container .row .card .programs .program-container .program-item:last-child {
  border-bottom: 1px solid #dadddc;
}
.dashboard-home-content-container .row .card .eligibility .paragraph {
  font-size: 16px;
  text-align: center;
  font-weight: 500;
}
.dashboard-home-content-container .row .card .eligibility .paragraph a {
  font-weight: 600;
  text-decoration: underline;
}
.dashboard-home-content-container .row .card .eligibility .paragraph a.inPageAnchor {
  color: #274463;
}
.dashboard-home-content-container .row .card .enrolled {
  color: #000;
}
.dashboard-home-content-container .row .card .enrolled .paragraph {
  margin-bottom: 48px;
  font-size: 16px;
  text-align: center;
  margin-top: 20px;
}
.dashboard-home-content-container .no-list-style {
  border: 1px solid #bbacac;
  padding: 1rem;
  text-align: center;
}
.dashboard-home-content-container .appeal-tile-card .appeal-icon {
  width: 35px;
}
.dashboard-home-content-container .appeal-tile-card .appeal-tile-col {
  color: #000;
  font-size: 16px;
  padding-bottom: 20px;
}
.dashboard-home-content-container .appeal-tile-card .appeal-tile-col .paragraph.text-center {
  font-size: 16px;
  margin-top: 48px;
  margin-bottom: 20px;
}
.dashboard-home-content-container .show-appeal-in-mobile .appeal-column-mobile {
  display: none !important;
}
.dashboard-home-content-container .custom-checkbox-display {
  margin-bottom: 0rem !important;
}
@media (max-width: 1349.98px) and (min-width: 992px) {
  .dashboard-home-content-container .row .card.notification-container {
    min-height: 380px;
  }
  .dashboard-home-content-container .row .card.notification-container .desktop-only {
    display: none !important;
  }
  .dashboard-home-content-container .row .card.notification-container .mobile-only {
    display: flex !important;
  }
  .dashboard-home-content-container .row .card.announcements-container {
    min-height: 380px;
  }
  .dashboard-home-content-container .row .card.pendingRenewal-container {
    min-height: 380px;
  }
  .dashboard-home-content-container .row .card.authorized-representatives-container {
    min-height: 380px;
  }
}
@media only screen and (max-width: 991px) {
  .dashboard-home-content-container .hide-appeal-in-mobile .appeal-column-mobile,
  .dashboard-home-content-container .hide-appeal-in-mobile {
    display: none !important;
  }
  .dashboard-home-content-container .show-appeal-in-mobile .appeal-column-mobile {
    display: flex !important;
  }
  .dashboard-home-content-container .appeal-tile-card .appeal-tile-col .paragraph.text-center {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .dashboard-home-content-container .appeal-tile-card .appeal-tile-col {
    padding-bottom: 10px;
  }
}
@media (max-width: 420px) {
  .dashboard-home-content-container .row .card.announcements-container {
    min-height: 350px;
  }
}
@media (max-width: 470px) {
  .dashboard-home-content-container .row .card.notification-container .desktop-only {
    display: none !important;
  }
  .dashboard-home-content-container .row .card.notification-container .mobile-only {
    display: flex !important;
  }
}
.table-device-display .card {
  background-color: #f4f4f4 !important;
  border-top: 1px solid #d5d5d5;
}

.ms-wrap-label .MuiFormControl-root .MuiFormLabel-root {
  top: -16px;
}
.bg-grey {
  background-color: #f4f4f4 !important;
}
.bg-grey.ms-link-benefits .dotted-border {
  margin-bottom: 30px;
}
.bg-grey.ms-link-benefits .dotted-border .form-label {
  font-size: 13px;
}
@media (max-width: 767.98px) {
  .bg-grey.ms-link-benefits .dotted-border {
    margin-bottom: 30px;
  }
}
.bg-grey.ms-link-benefits .btn.btn-dark {
  height: 40px;
  padding: 0 5px;
  min-width: 160px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .bg-grey.ms-link-benefits .MuiInput-root.form-select {
    margin-top: 0;
  }
  .bg-grey.ms-link-benefits .ms-mrgt20-mobile {
    margin-top: 20px;
  }
}
.bg-grey .ms-mrgr-20 {
  margin-right: 20px !important;
}
.link-benefits-card-wrap .primary-fields {
  margin-bottom: 2rem;
}
.link-benefits-card-wrap.section-style {
  box-shadow: none !important;
  border: 0;
}
.link-benefits-card-wrap.section-style.card {
  background: none;
}
.link-benefits-card-wrap.section-style .card-body {
  border: 0;
  background-color: #FFF;
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.link-benefits-card-wrap .extra-padding-right {
  padding-right: 2rem;
}
@media (max-width: 820px) and (min-width: 400px) {
  .link-benefits-card-wrap .extra-padding-right {
    padding-right: 5px;
  }
}
@media (max-width: 767px) {
  .link-benefits-card-wrap .extra-padding-right {
    padding-right: 5px;
  }
}
.link-benefits-card-wrap .placeholder-two-line label.MuiFormLabel-root {
  margin-top: -1rem !important;
}
@media (max-width: 820px) and (min-width: 400px) {
  .link-benefits-card-wrap .placeholder-tab-two-line label.MuiFormLabel-root {
    margin-top: -1rem !important;
  }
  .link-benefits-card-wrap .placeholder-tab-three-line label.MuiFormLabel-root {
    margin-top: -2rem !important;
  }
}
@media (max-width: 1199px) and (min-width: 1025px) {
  .link-benefits-card-wrap .ms-label-two-line label.MuiFormLabel-root {
    margin-top: -36px !important;
  }
  .link-benefits-card-wrap .ms-vi-label-wrap .MuiFormControl-root .MuiFormLabel-root {
    top: 19px !important;
  }
  .link-benefits-card-wrap .ms-en-txt-wrap .MuiFormControl-root .MuiFormLabel-root {
    top: -12px !important;
  }
}
@media (max-width: 1199px) {
  .link-benefits-card-wrap .ms-label-wrap-doubleline .MuiFormControl-root .MuiFormLabel-root {
    top: -15px !important;
  }
}
.link-benefits-card-wrap .extra-padding-both {
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (max-width: 820px) and (min-width: 400px) {
  .link-benefits-card-wrap .extra-padding-both {
    padding-right: 5px;
    padding-left: 5px;
  }
}
@media (max-width: 767px) {
  .link-benefits-card-wrap .extra-padding-both {
    padding-right: 5px;
    padding-left: 5px;
  }
}
.link-benefits-card-wrap .extra-padding-left {
  padding-left: 2rem;
}
@media (max-width: 820px) and (min-width: 400px) {
  .link-benefits-card-wrap .extra-padding-left {
    padding-left: 5px;
  }
}
@media (max-width: 767px) {
  .link-benefits-card-wrap .extra-padding-left {
    padding-left: 5px;
  }
}
.link-benefits-card-wrap .dotted-border {
  border: 1px dashed #aaafb9;
  padding: 30px 20px;
}
.link-benefits-card-wrap .btn-dark {
  width: auto;
  float: right;
}
.link-benefits-card-wrap .custom-link {
  text-decoration: underline;
  padding: 0;
  font-size: 18px;
  color: #0047ba;
  line-height: 1.4;
}
.link-benefits-card-wrap figure {
  margin: 0 10px 0 0;
}
.link-benefits-card-wrap figure img {
  max-width: 30px;
}
.link-benefits-card-wrap .card-header {
  background: none;
  border: 0;
  margin-bottom: 2rem;
}
.link-benefits-card-wrap .card-header span {
  font-size: 28px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .link-benefits-card-wrap .card-header span {
    font-size: 24px;
  }
}
.benefits-accordion-wrap.accordion > .card {
  overflow: unset;
}
.benefits-card-wrap.card {
  color: #fff;
  border: none;
}
@media (min-width: 768px) {
  .benefits-card-wrap.card .collapse {
    display: block;
  }
}
.benefits-card-wrap.card .card-body {
  background: #007372;
  font-size: 18px;
}
.benefits-card-wrap.card .card-header {
  background: #005A64;
  border-bottom: 0;
  position: relative;
  padding: 13px 15px;
}
.benefits-card-wrap.card .card-header::before {
  right: -13px;
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px 0 25px 14px;
  border-color: transparent transparent transparent #005A64;
  z-index: 1;
  top: 0;
}
@media (max-width: 767px) {
  .benefits-card-wrap.card .card-header::before {
    border: none;
  }
}
.benefits-card-wrap.card .card-header .card-title {
  font-size: 18px;
  color: #fff;
  font-weight: 400;
}
.benefits-card-wrap.card .card-header .cst-minus-icon {
  border-radius: 50%;
  position: relative;
  border: 1px solid #fff;
  background: transparent;
  height: 21px;
  width: 21px;
}
.benefits-card-wrap.card .card-header .cst-minus-icon:after {
  position: absolute;
  content: '-';
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  color: #fff;
}
.benefits-card-wrap.card .card-header .cst-minus-icon:focus {
  outline: none !important;
  box-shadow: none;
}
.benefits-card-wrap.card .card-header .cst-plus-icon {
  border-radius: 50%;
  position: relative;
  border: 1px solid #fff;
  background: transparent;
  height: 21px;
  width: 21px;
}
.benefits-card-wrap.card .card-header .cst-plus-icon:after {
  position: absolute;
  content: '+';
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  color: #fff;
}
.benefits-card-wrap.card .card-header .cst-plus-icon:focus {
  outline: none !important;
  box-shadow: none;
}
.benefits-card-wrap.card .benefits-list-item {
  padding: 10px 0px;
}
.benefits-card-wrap.card .benefits-list-item figure {
  margin: 0 10px 0 0;
}
.benefits-card-wrap.card .benefits-list-item figure img {
  max-width: 30px;
}
.success-info.card {
  border: none;
}
.success-info.card .card-title {
  color: #000;
  font-size: 16px;
}
.success-info.card .list-item-hld {
  display: table;
  margin: 0 auto;
}
.success-info.card .list-item-hld .list-item {
  border: none;
  color: #000;
  font-size: 14px;
}
.success-info.card figure {
  margin: 0 10px 0 0;
}
.success-info.card figure img {
  max-width: 12px;
}
.ms-error-message {
  background-color: #F8D3D8;
  border: 2px solid #a30014;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px;
  min-height: 40px;
  padding: 10px;
  width: 110%;
  margin-left: -5%;
}
.ms-error-message p {
  margin-bottom: 0px;
}

.MuiTouchRipple-root {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  overflow: hidden;
  position: absolute;
  border-radius: inherit;
  pointer-events: none;
}
.MuiTouchRipple-ripple {
  opacity: 0;
  position: absolute;
}
.MuiTouchRipple-rippleVisible {
  opacity: 0.3;
  animation: MuiTouchRipple-keyframes-enter 550ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(1);
}
.MuiTouchRipple-ripplePulsate {
  animation-duration: 200ms;
}
.MuiTouchRipple-child {
  width: 100%;
  height: 100%;
  display: block;
  opacity: 1;
  border-radius: 50%;
  background-color: currentColor;
}
.MuiTouchRipple-childLeaving {
  opacity: 0;
  animation: MuiTouchRipple-keyframes-exit 550ms cubic-bezier(0.4, 0, 0.2, 1);
}
.MuiTouchRipple-childPulsate {
  top: 0;
  left: 0;
  position: absolute;
  animation: MuiTouchRipple-keyframes-pulsate 2500ms cubic-bezier(0.4, 0, 0.2, 1) 200ms infinite;
}
@-webkit-keyframes MuiTouchRipple-keyframes-enter {
  0% {
    opacity: 0.1;
    transform: scale(0);
  }
  100% {
    opacity: 0.3;
    transform: scale(1);
  }
}
@-webkit-keyframes MuiTouchRipple-keyframes-exit {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes MuiTouchRipple-keyframes-pulsate {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.92);
  }
  100% {
    transform: scale(1);
  }
}


.MuiButtonBase-root {
  color: inherit;
  border: 0;
  cursor: pointer;
  margin: 0;
  display: inline-flex;
  outline: 0;
  padding: 0;
  position: relative;
  align-items: center;
  user-select: none;
  border-radius: 0;
  vertical-align: middle;
  -moz-appearance: none;
  justify-content: center;
  text-decoration: none;
  background-color: transparent;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}
.MuiButtonBase-root::-moz-focus-inner {
  border-style: none;
}
.MuiButtonBase-root.Mui-disabled {
  cursor: default;
  pointer-events: none;
}
@media print {
  .MuiButtonBase-root {
    -webkit-print-color-adjust: exact;
  }
}

.MuiIconButton-root {
  flex: 0 0 auto;
  color: rgba(0, 0, 0, 0.54);
  padding: 12px;
  overflow: visible;
  font-size: 1.5rem;
  text-align: center;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 50%;
}
.MuiIconButton-root:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.MuiIconButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
@media (hover: none) {
  .MuiIconButton-root:hover {
    background-color: transparent;
  }
}
.MuiIconButton-edgeStart {
  margin-left: -12px;
}
.MuiIconButton-sizeSmall.MuiIconButton-edgeStart {
  margin-left: -3px;
}
.MuiIconButton-edgeEnd {
  margin-right: -12px;
}
.MuiIconButton-sizeSmall.MuiIconButton-edgeEnd {
  margin-right: -3px;
}
.MuiIconButton-colorInherit {
  color: inherit;
}
.MuiIconButton-colorPrimary {
  color: #3f51b5;
}
.MuiIconButton-colorPrimary:hover {
  background-color: rgba(63, 81, 181, 0.04);
}
@media (hover: none) {
  .MuiIconButton-colorPrimary:hover {
    background-color: transparent;
  }
}
.MuiIconButton-colorSecondary {
  color: #f50057;
}
.MuiIconButton-colorSecondary:hover {
  background-color: rgba(245, 0, 87, 0.04);
}
@media (hover: none) {
  .MuiIconButton-colorSecondary:hover {
    background-color: transparent;
  }
}
.MuiIconButton-sizeSmall {
  padding: 3px;
  font-size: 1.125rem;
}
.MuiIconButton-label {
  width: 100%;
  display: flex;
  align-items: inherit;
  justify-content: inherit;
}

.MuiSvgIcon-root {
  fill: currentColor;
  width: 1em;
  height: 1em;
  display: inline-block;
  font-size: 1.5rem;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  flex-shrink: 0;
  user-select: none;
}
.MuiSvgIcon-colorPrimary {
  color: #3f51b5;
}
.MuiSvgIcon-colorSecondary {
  color: #f50057;
}
.MuiSvgIcon-colorAction {
  color: rgba(0, 0, 0, 0.54);
}
.MuiSvgIcon-colorError {
  color: #f44336;
}
.MuiSvgIcon-colorDisabled {
  color: rgba(0, 0, 0, 0.26);
}
.MuiSvgIcon-fontSizeInherit {
  font-size: inherit;
}
.MuiSvgIcon-fontSizeSmall {
  font-size: 1.25rem;
}
.MuiSvgIcon-fontSizeLarge {
  font-size: 2.1875rem;
}

.MuiFormControl-root {
  border: 0;
  margin: 0;
  display: inline-flex;
  padding: 0;
  position: relative;
  min-width: 0;
  flex-direction: column;
  vertical-align: top;
}
.MuiFormControl-marginNormal {
  margin-top: 16px;
  margin-bottom: 8px;
}
.MuiFormControl-marginDense {
  margin-top: 8px;
  margin-bottom: 4px;
}
.MuiFormControl-fullWidth {
  width: 100%;
}

.MuiFormLabel-root {
  color: rgba(0, 0, 0, 0.54);
  padding: 0;
  font-size: 1rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.00938em;
}
.MuiFormLabel-root.Mui-focused {
  color: #3f51b5;
}
.MuiFormLabel-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.MuiFormLabel-root.Mui-error {
  color: #f44336;
}
.MuiFormLabel-colorSecondary.Mui-focused {
  color: #f50057;
}
.MuiFormLabel-asterisk.Mui-error {
  color: #f44336;
}

.MuiInputLabel-root {
  display: block;
  transform-origin: top left;
}
.MuiInputLabel-formControl {
  top: 0;
  left: 0;
  position: absolute;
  transform: translate(0, 24px) scale(1);
}
.MuiInputLabel-marginDense {
  transform: translate(0, 21px) scale(1);
}
.MuiInputLabel-shrink {
  transform: translate(0, 1.5px) scale(0.75);
  transform-origin: top left;
}
.MuiInputLabel-animated {
  transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
}
.MuiInputLabel-filled {
  z-index: 1;
  transform: translate(12px, 20px) scale(1);
  pointer-events: none;
}
.MuiInputLabel-filled.MuiInputLabel-marginDense {
  transform: translate(12px, 17px) scale(1);
}
.MuiInputLabel-filled.MuiInputLabel-shrink {
  transform: translate(12px, 10px) scale(0.75);
}
.MuiInputLabel-filled.MuiInputLabel-shrink.MuiInputLabel-marginDense {
  transform: translate(12px, 7px) scale(0.75);
}
.MuiInputLabel-outlined {
  z-index: 1;
  transform: translate(14px, 20px) scale(1);
  pointer-events: none;
}
.MuiInputLabel-outlined.MuiInputLabel-marginDense {
  transform: translate(14px, 12px) scale(1);
}
.MuiInputLabel-outlined.MuiInputLabel-shrink {
  transform: translate(14px, -6px) scale(0.75);
}

@-webkit-keyframes mui-auto-fill {}
@-webkit-keyframes mui-auto-fill-cancel {}
.MuiInputBase-root {
  color: rgba(0, 0, 0, 0.87);
  cursor: text;
  display: inline-flex;
  position: relative;
  font-size: 1rem;
  box-sizing: border-box;
  align-items: center;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.1876em;
  letter-spacing: 0.00938em;
}
.MuiInputBase-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.38);
  cursor: default;
}
.MuiInputBase-multiline {
  padding: 6px 0 7px;
}
.MuiInputBase-multiline.MuiInputBase-marginDense {
  padding-top: 3px;
}
.MuiInputBase-fullWidth {
  width: 100%;
}
.MuiInputBase-input {
  font: inherit;
  color: currentColor;
  width: 100%;
  border: 0;
  height: 1.1876em;
  margin: 0;
  display: block;
  padding: 6px 0 7px;
  min-width: 0;
  background: none;
  box-sizing: content-box;
  animation-name: mui-auto-fill-cancel;
  letter-spacing: inherit;
  animation-duration: 10ms;
  -webkit-tap-highlight-color: transparent;
}
.MuiInputBase-input::-webkit-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input::-moz-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input:-ms-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input::-ms-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input:focus {
  outline: 0;
}
.MuiInputBase-input:invalid {
  box-shadow: none;
}
.MuiInputBase-input::-webkit-search-decoration {
  -webkit-appearance: none;
}
.MuiInputBase-input.Mui-disabled {
  opacity: 1;
}
.MuiInputBase-input:-webkit-autofill {
  animation-name: mui-auto-fill;
  animation-duration: 5000s;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-webkit-input-placeholder {
  opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-moz-placeholder {
  opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:-ms-input-placeholder {
  opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-ms-input-placeholder {
  opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-webkit-input-placeholder {
  opacity: 0.42;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-moz-placeholder {
  opacity: 0.42;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus:-ms-input-placeholder {
  opacity: 0.42;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-ms-input-placeholder {
  opacity: 0.42;
}
.MuiInputBase-inputMarginDense {
  padding-top: 3px;
}
.MuiInputBase-inputMultiline {
  height: auto;
  resize: none;
  padding: 0;
}
.MuiInputBase-inputTypeSearch {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
}

.MuiInput-root {
  position: relative;
}
label + .MuiInput-formControl {
  margin-top: 16px;
}
.MuiInput-colorSecondary.MuiInput-underline:after {
  border-bottom-color: #f50057;
}
.MuiInput-underline:after {
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  position: absolute;
  transform: scaleX(0);
  transition: transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
  border-bottom: 2px solid #3f51b5;
  pointer-events: none;
}
.MuiInput-underline.Mui-focused:after {
  transform: scaleX(1);
}
.MuiInput-underline.Mui-error:after {
  transform: scaleX(1);
  border-bottom-color: #f44336;
}
.MuiInput-underline:before {
  left: 0;
  right: 0;
  bottom: 0;
  content: "\00a0";
  position: absolute;
  transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-bottom: 1px solid rgba(0, 0, 0, 0.42);
  pointer-events: none;
}
.MuiInput-underline:hover:not(.Mui-disabled):before {
  border-bottom: 2px solid rgba(0, 0, 0, 0.87);
}
.MuiInput-underline.Mui-disabled:before {
  border-bottom-style: dotted;
}
@media (hover: none) {
  .MuiInput-underline:hover:not(.Mui-disabled):before {
    border-bottom: 1px solid rgba(0, 0, 0, 0.42);
  }
}

.MuiInputAdornment-root {
  height: 0.01em;
  display: flex;
  max-height: 2em;
  align-items: center;
  white-space: nowrap;
}
.MuiInputAdornment-filled.MuiInputAdornment-positionStart:not(.MuiInputAdornment-hiddenLabel) {
  margin-top: 16px;
}
.MuiInputAdornment-positionStart {
  margin-right: 8px;
}
.MuiInputAdornment-positionEnd {
  margin-left: 8px;
}
.MuiInputAdornment-disablePointerEvents {
  pointer-events: none;
}

.MuiPopover-paper {
  outline: 0;
  position: absolute;
  max-width: calc(100% - 32px);
  min-width: 16px;
  max-height: calc(100% - 32px);
  min-height: 16px;
  overflow-x: hidden;
  overflow-y: auto;
}

.MuiMenu-paper {
  max-height: calc(100% - 96px);
  -webkit-overflow-scrolling: touch;
}
.MuiMenu-list {
  outline: 0;
}

.MuiSelect-select {
  cursor: pointer;
  min-width: 16px;
  user-select: none;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.MuiSelect-select:focus {
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.05);
}
.MuiSelect-select::-ms-expand {
  display: none;
}
.MuiSelect-select.Mui-disabled {
  cursor: default;
}
.MuiSelect-select[multiple] {
  height: auto;
}
.MuiSelect-select:not([multiple]) option, .MuiSelect-select:not([multiple]) optgroup {
  background-color: #fff;
}
.MuiSelect-select.MuiSelect-select {
  padding-right: 24px;
}
.MuiSelect-filled.MuiSelect-filled {
  padding-right: 32px;
}
.MuiSelect-outlined {
  border-radius: 4px;
}
.MuiSelect-outlined.MuiSelect-outlined {
  padding-right: 32px;
}
.MuiSelect-selectMenu {
  height: auto;
  overflow: hidden;
  min-height: 1.1876em;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.MuiSelect-icon {
  top: calc(50% - 12px);
  color: rgba(0, 0, 0, 0.54);
  right: 0;
  position: absolute;
  pointer-events: none;
}
.MuiSelect-icon.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.MuiSelect-iconOpen {
  transform: rotate(180deg);
}
.MuiSelect-iconFilled {
  right: 7px;
}
.MuiSelect-iconOutlined {
  right: 7px;
}
.MuiSelect-nativeInput {
  left: 0;
  width: 100%;
  bottom: 0;
  opacity: 0;
  position: absolute;
  pointer-events: none;
}