.renderer {
  /*margin-top: 20px;*/
}

.renderer-button {
  float: right;
  /*margin:5px;*/
  cursor: pointer;
  margin-right: 15px;
}

.linkedRenderer .section {
  padding: 0px;
}
.onlinePmrg.paymentTypeTopMrg {
  margin-top: 120px !important;
}
.coverageSection {
  margin-top: 13px;
  margin-bottom: 13px;
}
@media (min-width: 992px){
  .mainNavLoginDiv {
      display: block !important;
  }
  } 
td,
th,
tbody,
thead {
  text-align: center;
}

/* Styles for backend error messages */
.status-message-dialog {
  margin-bottom: 10px;
}

.help-tooltip {
  position: absolute;
  left: -21px;
  top: 10px;
}

.help-tooltip + div {
  display: none;
  position: absolute;
  background-color: white;
  padding: 8px;
  border: 1px solid lightgray;
  top: -1px;
  width: 100%;
  z-index: 1000;
}

.backend-status {
  position: absolute;
  bottom: 40%;
  left: 100%;
  z-index: 2;
}

.backend-status > i {
  color: white;
  position: absolute;
  top: 0px;
  left: 3.5px;
}

.backend-status:hover + div,
.help-tooltip:hover + div {
  display: block;
}

.backend-status + div {
  display: none;
  position: absolute;
  top: 100%;
}

.color-error {
  color: indianred;
}

.color-warning {
  color: orange;
}

.color-info {
  color: #2980b9;
}

.status-message-dialog > .status-message {
  text-align: center;
  position: relative;
  bottom: -4px;
}

.status-message > span {
  color: black;
  margin-left: 3px;
}

.arrow_box {
  background: #ffffff;
  border: 1px solid lightgrey;
  z-index: 999;
  padding: 5%;
}
.arrow_box:after,
.arrow_box:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 11px;
  margin-left: -12px;
}
.arrow_box:before {
  border-color: rgba(107, 124, 135, 0);
  border-bottom-color: lightgrey;
  border-width: 13px;
  margin-left: -13px;
}

.arrow_box > i {
  margin-top: 4px;
  margin-bottom: 4px;
}
/* End styles for backend error messages */

/* Styles for custom inputs */

/* Override Bootstrap form-control-feedback for tags i */
i.form-control-feedback {
  color: #778899;
}

/* Remove the spinner that webkit shows within inputs of type number */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

/*input[required], select[required], textarea[required]{
	background-color: #fdfdd0;
}*/

.required-star::before {
  content: "*";
  color: #ef2525;
  position: absolute;
  left: 0;
}

td .required-star::before {
  content: "";
  color: #ef2525;
  position: absolute;
  left: 0;
}

.active > a,
.btn-active,
.btn-primary {
  background-color: #1e558f;
  border-color: #1e558f;
  color: #fff;
  box-shadow: 0px 0px 8px 1px rgba(196, 196, 196, 1);
}

.btn-active:hover,
.btn-primary:hover {
  background-color: #1e558f !important;
  border-color: #1e558f !important;
  color: #fff !important;
}

textarea {
  resize: none;
}

span.form-group > span {
  margin-bottom: 7.5px;
  /* margin-top: 7.5px; */
  /* padding: 0px; */
  /* padding-right: 3px; */
}

span.form-group > label {
  padding-bottom: 3px;
  padding-top: 3px;
}
/* End styles for custom inputs */


@media only screen and (min-width: 1024px) {   
  .userProfile-page{margin-top: -10px !important;}
  .changePwdPanel{margin-top:36px !important}

  .breadcrumb {
  margin-top: 49px !important;
}
  }
/* Styles for datepicker */
.datepicker.dropdown-menu {
  width: 250px;
  height: 250px;
}

.datepicker.dropdown-menu button {
  outline: none;
  border: 0px;
  margin-bottom: 5px;
}
.datepicker.dropdown-menu tbody {
  height: 180px;
}
.datepicker.dropdown-menu tbody button {
  padding: 6px;
}
.datepicker.dropdown-menu.datepicker-mode-1 tbody button,
.datepicker.dropdown-menu.datepicker-mode-2 tbody button {
  height: 65px;
}
.timepicker.dropdown-menu {
  padding: 0 4px;
}
.timepicker.dropdown-menu button {
  outline: none;
  border: 0px;
}
.timepicker.dropdown-menu tbody button {
  padding: 6px;
}

/* End styles for datepicker */

#errorPopup {
  width: 800px;
  margin: 0 auto;
}
#errorPopup .alert {
  overflow: auto;
  max-height: 520px;
  max-width: 800px;
  position: fixed;
}

/*@media only screen and (min-width: 1025px) {

	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	   text-align: left;
	}
}*/

.btn-group .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

/* bootstrap updated classes */

.bsGrid > div > span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.breadcrumb {
  /* margin-top: -12px !important; */
}

.grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* .newBreadcrumb {
  margin-top: 33px;
} */

.anonymous {
  padding: 0px;
}
nav.anonymous.navbar div.container {
  padding: 0px;
}

.selectDiv .no-padding div {
  padding-left: 15px;
  padding-right: 15px;
}

.gridAlign div.collapse {
  background-color: #f3f3f3;
}
.conLinks {
  margin-top: -2px;
}
.captchaInput {
  max-height: 110px;
}

.contactusPanel {
  position: fixed;
  display: block;
  z-index: 999;
  width: 100%;
  top: 5px;
}

.container-center.card .form-control {
  margin: 0px !important;
}
.m-0px {
  margin: 0px !important;
}
.long-button {
  margin: 0px !important;
}
.profile-img-card1 {
  margin-bottom: 0px !important;
}
.pull-left {
  float: left;
}

.navbar {
  /* position: relative; */
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
.mrg-t-103px {
  margin-top: 103px !important;
}
.preloginhowTo {
  margin-top: 85px !important;
}
h3.oc-modal-header{

	margin-top: -2px !important;
}

.flaticon-info-msg:before {
  font-size: 14px !important;
}

.formInfoIcon.pull-right {
  float: right;
}




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

    /* .preloginForms+ul.breadcrumb {
    margin-top: 37px !important;
} */
.policiesDashboard {
    margin-top: 120px !important;
}
/* .policyView {
  margin-top: -38px !important;
} */
  .mrg-t-93px {
    margin-top: 93px;
  }

  .formCategories span.formCategoriesPreLogin {
    margin-top: -50px !important;
    display: flow-root !important;
  }

  .howToAfterLogin .howToClass {
    margin-top: 60px !important;
  }
}


.hideImgprofile .profile-img-card1{
	display: none;
}
.text-left{
	text-align: left;
}
i.cr-icon.glyphicon.glyphicon-stop.flaticon-circle:before {
    font-size: 9px !important;
}
.jnlGrid.policyReg {
	/* z-index: 0; */
}
.buttonAlign{
	margin-top: 20px !important;
	/* display: inline-grid; */
	justify-content: center;
	z-index: 0;
}
.buttonAlign .in.collapse{
	z-index: 0;
}
.jnlGrid>div>span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.inlineBlock{
	display: inline-block !important;
}
.w-100px{
	width: 100px;
}
.aligncenter{
	padding-bottom: 25px;
}
.tabTitle{font-weight: bold;}

/*.boxShadow{border-radius: 50%;}*/

@media only screen and (min-width: 768px){
.divEmptyHide {
    min-width: unset !important;
    width: inherit;
    flex: auto;
}
}
.fade {
    opacity: 1;
    background-color: rgba(20, 60, 86, .3) !important;
}
.popCntWid .modal-header {
    display: block !important;
}
.popCntWid .modal-header .btn-popup-close.close {
    padding-top: 10px;
}
.infra-popup-container .btn-popup-close {
    position: relative;
    bottom: 10px;
}
.flaticon-info-msg:before {
    content: "\f179";
}
.flaticon-info-msg.bluecolor:before {
    font-size: 18px;
}
.modal-title>span.flaticon-info-msg:before {
    padding-right: 10px;
}

.headerForgotUsernamePassword h3 {
  top: 5px !important;
}
.titlePanel>h3.oc-modal-header{
  position: relative;
}
.flaticon-add.bluecolor.font-size0px {
  display: none;
}
.myPolicyAddIcon::before {
  font-size: 26px;
  position: relative;
  bottom: 5px;
}
.myPolicyAddIcon {
  float: right;
  cursor: pointer;

}





.mar-t-144px {
  margin-top: 144px !important;
}
.navbar-row {
  flex-direction: row;
}

.show>.v-nav.dropdown-menu {
  display: block;
  color: #fff!important;
}

.navbar-nav>li>.dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.dropdown-menu {
  position: absolute !important;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
@media only screen and (min-width: 1024px){
  .titlePanel.contactusLogin {
      margin-top: 35px !important;
  }
  }
.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}

.mar-t-PP-BeforeLogin {
  margin-top: 93px;
}
.m-b-21px {
  margin-bottom: 21px;
}
.policy40pxWidth>span>span>span>input-render>span>label:nth-child(1) {
  width: 40px;
  white-space: nowrap;
  max-width: 45px;
}
.btn-popup-close {
  margin: 0px !important;
}

.infra-popup-container .modal-header {
  display: block !important;
}

.infra-popup-container .btn-popup-close {
  position: relative;
  bottom:10px;
}
.formCategories{
  margin-top: 22px;
}

.preloginForms+ul.breadcrumb {
  margin-top: 50px !important;
}

.carousel-indicators {display: none;}
.policyPanelWithIcon {
  margin-top: 15px;
  background-color: #FAEAAC;
  /* color: #d42e29; */
  padding: 8px 8px 14px 13px;
}
.panelWithIcon{
  margin-top: 23px !important;
  padding-left: 13px;
  padding-bottom: 14px;
  padding-top: 8px;
  background-color: #dbe4f2;
  padding-right: 8px;
}
.mainNavLoginDiv {
  /* padding: 10px 15px 10px 10px!important; */
  min-height: 41px;
}
.navbar-row {
  flex-direction: row;
}
.nav>li {
  position: relative;
  display: block;
}
.disabled {
  pointer-events: none;
  opacity: .6;
}
nav.anonymous.navbar-default .navbar-nav>li>a {
  /* color: #fff; */
  cursor: pointer;
  /* text-transform: none !important; */

}
.flaticon-add:before{
  color: #1e558f!important;
}
.nav>li>a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.dropdown-toggle::after{display: none !important;}
.footer-hidden-header>ul li.activeLink a {
  /* color: #d42e29 !important; */
  background-color: #ffffff !important;
}
nav.anonymous.navbar-default .navbar-nav>li>a {
  margin-top: 3px;
  text-transform: uppercase;
  font-size: 13px;
  padding: 10px 15px 10px 18px !important;
}

li.login {
  float: right;
  clear: both;
}

.gridForDetails .form-group{display:flex}
.policiesDashboard {
  margin-top: 100px !important;
}
.infra-tabs-container div.tab-content div.fade{
  background-color: transparent  !important;
}
.iconBgEdit{
  width: 30px;height: 30px;
}
.flaticon-edit:before {
  font-size: 17px !important;
  position: relative;
  bottom: 1px;left: 1px;}

  .addPolicyAlign {
    position: relative;
    top: -5px;
}
.addPolicyAlign.policyHeader h3 {
    position: relative;
    top: 14px;
}

@media only screen and (min-width: 768px) and (max-height: 1024px){
  .statementView.mobPartiesHeading {
    margin-top: -5px !important;
}

.fixedPanel+div.addPolicyMargin {
    margin-top: 10px !important;
}
}
.addPolicyMargin {
  margin-top: 10px !important;
}
.bootGrid>div>span,.bootGridOnlinePmt>div>span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.bootGrid input,.bootGrid select{width:310px}

.displayInBlock{display: inline-block !important;}
.footer-hidden-header>ul li.activeLink a:hover,
nav.anonymous.navbar-default .navbar-nav>li>a:hover{
  background-color: #1e558f !important;
  color: #fff !important;
}
nav.anonymous.navbar-default .navbar-nav>li>a:hover span.caret{
  color:#fff !important
  
}
.prelogin-privacypolicy{
  margin-top: 92px !important;
}






/* Mobile  */


/* ipad device width  */
@media only screen and (device-width: 768px){
  .polocyOwnerReg{margin-top:25px!important}
/* 
  .homeDiv.mrg-t-93px {
    margin-top: 50px!important;
} */
  .policyView.payhis{margin-top:9px !important}
  .policiesHome-page {
    margin-top: -56px !important;
}
  .EditProfile-page{
    margin-top:-8px !important
  }
  .userProfile-page{margin-top: -53px !important;}

  .historyMobMrg {
    margin-top: -10px !important;
}
  .breadcrumb{
    margin-top:-12px !important
  }
  .fixedPanel.howToMrgFix.howToAlign{
margin-top: 0px !important;
  }
  .onlinePayment{
    margin-top:-10px !important
  }
  
}
@media only screen and (max-width: 736px){
  .bootGrid input, .bootGrid select{width:-webkit-fill-available;}
  
.bootGridOnlinePmt input, .bootGridOnlinePmt select{
  width:-webkit-fill-available;
}
  .displayInlineMobile{display: inline !important;}
}
@media only screen and (min-width: 375px){
  .policyView {
      margin-top: 48px !important;
  }
  }

@media only screen and (max-width: 767px){
  .polocyOwnerReg{margin-top:35px!important}
  .policiesHome-page {
    margin-top: -41px !important;
}
  .userProfile-page{margin-top: -40px !important;}
  .EditProfile-page{
    margin-top: 0px !important;
  }
  .changePwdPanel{margin-top:0px !important}

  .titlePanel.contactusLogin {
    margin-top: 0px !important;
}
.formCategories span.formCategoriesPreLogin {
  margin-top: -60px !important;
  display: flow-root !important;
}
}
@media (max-width: 767px){
  .preContact.topsection.iphoneXFix {
    /*margin-top: 40px !important;*/
    margin-top: 40px;
}
.widthAuto .loginLinks.anchor.pull-left {
  margin-right: 30px !important;
}
  .formCategories{
      margin-top: 34px;
  }
  .panelWithIcon{
      margin-top: 75px !important;
  }
  .payhis.nav-tabs{
      margin-top: 20px;
  }
  .widthAuto {
    width: auto !important;
}
}


@media only screen and (min-height: 812px){

  .preContact.topsection {
    margin-top: 0px !important;
}
}
@media (min-width: 576px){
.d-sm-none {
    display: none !important;
}
}


@media (max-width: 640px){
  .policyView {
    margin-top: -10px !important;
}
  .legalLogin {
    margin-top: 18px!important;
}
  .preContact.topsection {
    margin-top: 40px !important;
}
.preContact.topsection.iphoneXFix{
  margin-top: 0px !important;
}
.preContact.topsection{
  margin-top: 0px !important;
}
.displayInlineMobile{display: inline !important;}

}

/* ipad pro */
@media only screen and (width: 1024px) and (height: 1366px) {
  .preloginForms + ul.breadcrumb {
    margin-top: 38px !important;
  }
  .policyView {
    margin-top: -23px !important;
}

  .howToClass {
    margin-top: 120px !important;
  }
}
/* ipad */
@media only screen and (min-width: 768px) and (max-height: 1024px) {
  .policyReg input, .policyReg select{
    width:95% !important
  }
  /* .policyReg input, .policyReg select {
    width: 215px !important;
} */
  .preContact.topsection {
    margin-top: 50px !important;
}
.legalLogin {
  margin-top: 15px!important;
}
  /* .mrg-t-93px {
    margin-top: 93px;
  } */

  /* .breadcrumb {
    margin-top: -12px !important;
} */
  .preloginForms+ul.breadcrumb {
    margin-top: 50px !important;
  }
}


@media only screen and (min-width: 1024px) {
  .policyReg input, .policyReg select {
    width: 310px !important;
}
  .EditProfile-page{
    margin-top: 35px !important;
  }
  .legalLogin {
    margin-top: 56px!important;
}
  .panelWithIcon {
    margin-top: 60px !important;
} 
  /* .mrg-t-93px {
    margin-top: 57px;
  } */
.titlePanel.titleWithBtn.fixedPanel.howToMrgFix.howToAlign{
  margin-top: 42px !important;
}
  .howToAfterLogin .howToClass {
    margin-top: 75px !important;
}
.howToMrgFix + div {
    margin-top: 45px !important;
}
  .policyView {
    margin-top: 49px !important;
}
  /* .breadcrumb {
    margin-top: 39px !important;
  } */

  .contactusPanel {
    max-width: 1024px;
  }
  .preloginForms + ul.breadcrumb {
    /*margin-top: 39px !important;*/
    margin-top: 50px !important;
  }

  .formCategories span.formCategoriesPreLogin {
    margin-top: -40px !important;
    display: flow-root !important;
  }

  .headerForgotUsernamePassword {
    margin-top: -56px !important;
  }

  .RegUser {
    margin-top: 37px !important;
  }

  .otpHeader {
    margin-top: -30px !important;
  }

  /* .breadcrumb {
    margin-top: 49px !important;
  } */

  .howToAfterLogin .howToClass {
    margin-top: 70px !important;
  }

  .policiesDashboard {
    margin-top: 100px !important;
  }

  .verifyCode {
    margin-top: -23px !important;
  }

  .partiesView {
    margin-top: 42px !important;
  }
  .resetPwd {
    /* margin-top: 95px !important; */
  }
  .formCategories {
    margin-top: 50px !important;
  }
  .formCategories span.formCategoriesPreLogin {
    margin-top: -65px !important;
    display: flow-root !important;
  }
  .statementView.mobPartiesHeading {
    margin-top: 43px !important;
  }
  .historyMobMrg {
    margin-top: 37px !important;
  }
  .onlinePayment {
    margin-top: 35px !important;
  }
}
@media only screen and (min-width: 1024px){
  .policyReg input,.policyReg select {
      width: 310px !important;
  }
  .legalLogin {
    margin-top: 56px!important;
}
  }


  @media only screen and (min-width: 768px) and (min-height: 1024px){
.preContact.topsection.iphoneXFix {
    margin-top: 50px !important;
}
  }


  @media only screen and (min-width: 1024px){
    .renderer-policiesHome {
        margin-top: 30px !important;
    }
    }
  @media only screen and (min-width: 1024px) and (max-height: 1366px){
    .statementView.mobPartiesHeading {
      margin-top: 37px !important;
  }
    .renderer-policiesHome {
        margin-top: -35px !important;
    }
    }

.panelWithIcon {
      margin-top: 60px !important;
      padding: 8px 8px 14px 13px !important;
  }


  
@media only screen and (min-width: 1024px){
  .policiesDashboard {
      margin-top: 100px !important;
  }
  }
  
  @media only screen and (min-width: 768px){
  .policiesDashboard {
      margin-top: 120px !important;
  }
  }
  
  .policiesDashboard {
      margin-top: 140px !important;
  }

  .howToAlign .oc-modal-header.border-none.section-title-container {
    position: relative;
    top: 52px;
}
.fixedPanel.howToMrgFix.howToAlign {top: -3px;}

.howToAlign .oc-modal-header.border-none.section-title-container {
  position: relative;
  top: 52px;
}


.nav.navbar-nav.navbar-row > li >  a {text-transform:uppercase !important;}
.contactusLoginView {
  margin-bottom: 61px !important;
}

.mar-b-50px{
  margin-bottom: 50px;
}

/* footer */

@media only screen and (max-width: 1023px){
/* .footer {
    display: none;
} */
}
@media only screen and (max-width: 1023px){
.ocfooterMainNav.navbar-default {
    width: -webkit-fill-available;
    display: block !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    max-width: 1023px;
}
}
@media only screen and (max-width: 768px){
.ocfooterMainNav.navbar-default {
    padding-bottom: 0px !important;
}}
@media only screen and (max-width: 768px){
.nav.ocfooterMainNav {
    display: block !important;
}}

@media only screen and (min-width: 375px) and (max-height: 812px){
.ocfooterMainNav, .ocfooterSubNav.nav-justified>li>ul {
    width: 375px;
    overflow-x: scroll;
}}

@media only screen and (device-width: 375px) and (device-height: 667px){
.ocfooterMainNav, .ocfooterSubNav.nav-justified>li>ul {
    width: 375px;
}}
.ocfooterMainNav, .ocfooterSubNav.nav-justified>li>ul {
    overflow: scroll;
}
@media only screen and (device-height: 1024px) and (device-width: 768px){
  .ocfooterMainNav {
      width: 768px !important;
  }
  }
@media only screen and (max-width: 768px){
  .ocfooterMainNav.nav-justified>li {
      line-height: 3;
      width: 100px !important;
      padding-left: 13px !important;
  }
  }
  .ocfooterMainNav>li.activeLink {
      box-shadow: 0 4px 6px 1px rgba(102, 0, 0, .8)!important;
      margin-bottom: 0;
      position: relative;
      background-color: #fff!important;
      /* color: #d42e29!important; */
      border-top: 0!important;
  }
  @media only screen and (min-width: 1024px) and (max-height: 768px){
    .statementView.mobPartiesHeading {
        margin-top: 36px !important;
    }
    }

.statement_subPnl {
      margin-top: -16px !important;
  /*     background-color: #faeaac; */
  }
  .policy_subPnl.policy40pxWidth.partiesBorder .form-group{
    display:flex !important;
    /* position: sticky; */
  }
  .partiesBorder{
    float:right 
   }
   @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {

    .statementView.mobPartiesHeading {
      margin-top: 36px !important;
  }
}


.m-t-30px{margin-top: 30px;}
.textend{text-align: end;}
.lineHeight-1{line-height: 1!important;}

.bootGridOnlinePmt input, .bootGridOnlinePmt select{
  width: 350px;
}
.textCenter{text-align: center;}
.displayInline{display: inline;}
.p-t-20px{padding-top: 20px;}
.p-t-30px{padding-top: 30px;}

.policiesHome-page{
  position: fixed;
  display: block;
  /* z-index: -99999; */
  max-width: 1024px;
}

.m-t-70px{
  margin-top: 70px !important;
}
.renderer-parties .statementView .partiesBorder{
  margin-top: 0px !important;
}

.displayFlex{
  display: flex !important;
}

@media (min-width: 992px){
.container {
    width: 1024px !important;
}}
@media (min-width: 992px){
  .container, .container-sm, .container-md, .container-lg {
      max-width: 1024px;
  }}
 @media (min-width: 768px){
  .container, .container-sm, .container-md {
        max-width: 1024px;
    }
    }

    @media only screen and (max-width: 768px){
      .container-fluid {
          padding: 0px !important;
          display: grid;
      }
      }

      .text-end{
        text-align: end !important;
      }


.editIcon-align{
  position: relative;
  bottom: 6vw;
  margin-left: -27px !important;
}
.m-t-150px{
  margin-top: 150px !important;
}
@media (min-width: 768px){
  .navbar-right .dropdown-menu {
      right: 0;
      left: auto;
  }
  }

  .mob-Nav.dropdown-menu.mrg-t-m-15px {
    color: black !important;
}
  @media only screen and (max-width: 767px){
    .homeDiv{
      margin-top:93px !important
    }
    .mob-Nav.dropdown-menu.mrg-t-m-15px.show {
        display: grid !important;
        margin-left: -100px;
    }
    }


    @media only screen and (max-width: 767px){
      .mob-Nav.dropdown-menu.mrg-t-m-15px.show li a {
          padding-right: 100px;
      }}
      
      @media only screen and (max-width: 767px){
      .dropdown-menu>li>a.whiteColor {
          display: inline-block !important;
      }}

.partyDownIcon.flaticon-down:before, .partyRightIcon.flaticon-next:before {
  left: 9px;
  position: relative;
    }
 .loginLanguage>span>a, a.whiteColor {
      color: #000!important;
  }
  
  /* .policyReg input,.policyReg select {
  width: 310px !important;
} */

.centerAlign{
  margin: 0 auto !important;
}

.displayinlineBlock {
  display: inline-block;
}
.userProfileEdit.addPolicyAlign h3 {
  position: relative;
  top: 14px;
}
.addPolicyAlign {
  position: relative;
  top: -13px;
}
.m-t-15px{
  margin-top: 15px;
}
.mrg-40 {
  margin-top: 40px;
}
.CheckBoxCheck .checkbox.custom-checkbox span i.glyphicon-ok::before{
  content: "\f14d";
  font-family: 'Flaticon';
  color: black;
  font-size: 12px;
  position: relative;
  right: 1px;
}

@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  src: url("../css/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2") format('woff2');
}
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24;
  font-size: 35px;
  color: #7b7777;
}
.material-symbols-outlined.headerIcon{
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24;
  color: #000000;
  font-size: 15px;
  position: relative;
  top: 2px;
}
.material-symbols-outlined.headerIcon:hover{
  color: #1e558f!important;
}
.row{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  justify-content: space-evenly;
  padding-bottom: 10px;
  padding-top: 10px;
}
.row1 {
  display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.fileAClaim::after {
  content: "File a Claim";
  font-size: 15px;
  font-weight: 700;
  margin-left: 20px;
  color: #356eaa;
  font-family: "source_sans_proregular" !important;
}
.printableForm::after {
  content: "Printable Forms";
  font-size: 15px;
  font-weight: 700;
  margin-left: 20px;
  color: #356eaa;
  font-family: "source_sans_proregular" !important;
}
.checkClaimStatus::after {
  content: "Claim Status";
  font-size: 15px;
  font-weight: 700;
  margin-left: 20px;
  color: #356eaa;
  font-family: "source_sans_proregular" !important;
}
.companiesServiced::after {
  content: "Companies Serviced";
  font-size: 15px;
  font-weight: 700;
  margin-left: 20px;
  color: #356eaa;
  font-family: "source_sans_proregular" !important;
}
@media (max-width: 767px){
.preloginForms+ul.breadcrumb {
  margin-top: 72px !important;
}
.preloginhowTo {
  margin-top: 85px !important;
}
}
.doc-upload-flex-parent-element{
  display: flex;
    /*width: 75%;*/
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.doc-upload-flex-child-element{
  flex: 1;
}

.drop-area {
  border: 2px dashed #ccc;
  padding: 20px;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  /*width: 50%;*/
}
.file-list {
  list-style-type: none;
  padding: 0;
}
.file-list li {
  margin-bottom: 10px;
}
.input-upload-doc{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}
.upload-doc-logo{
  height: 45px;
  margin-top: 40px;
}
.remove-file{
  height: 20px;
  width: 15px;
  cursor: pointer;
}
.upload-doc-instructions{
  font-size: 12px;
  font-weight: 600;
  color: gray;
}
/*table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}
table, th, td {
  border: 1px solid black;
}
th, td {
  padding: 8px;
  text-align: left;
}*/

.history-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  overflow-x: auto;  
  -webkit-overflow-scrolling: touch;
}
.history-table th, .history-table td {
  border: 1px solid black;
}
.history-table th, .history-table td {
  padding: 8px;
  text-align: left;
}

.instructions {
  width: 30%;
  padding: 20px;
  border-right: 1px solid #ccc;
}
.my-container{
  display: flex;
}
.doc-upload-page, .instuction-upload {
  flex: 1;
  padding: 20px;
  /*border: 1px solid #ccc;*/
  margin: 10px;
}
.instuction-upload li {
  margin-bottom: 10px;
}
ol.list-style {
  color: grey;
  font-size: 13px;
}
h4.instruction-header {
  color: grey;
  font-size: 15px;
  margin-bottom: 15px;
}
span.blue-underline-text{
  color: blue;
  text-decoration: underline;
}

.popup1 {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #ccc;
  padding: 20px;
  background-color: white;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.popup-visible {
  display: block;
}
.popup-header {
  font-size: 18px;
  margin-bottom: 10px;
}
.popup-footer {
  text-align: right;
}
.popup-footer button {
  margin-left: 10px;
}
.icon-button{
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 767px){
  .doc-upload-page, .instuction-upload {
    padding: 0px;
  }
  }

  .doc-spinner{ 
    display: flex;
    justify-content: center; 
    align-items: center;     
    position: fixed;         
    top: 0;
    left: 0;
    width: 100%;
    height: auto !important;
  }
  
.fa-exclamation-triangle:before{
  content:"\f071"
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.status-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  overflow-x: auto;  
  -webkit-overflow-scrolling: touch;
}
.status-table th, .status-table td {
  border: 1px solid black;
}
.status-table th, .status-table td {
  padding: 8px;
  text-align: left;
}

.status-table th{
  background-color: #1e558fed;
  color: white;
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 5%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: 25px;
  min-width: 100%;
  max-height: 280px;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23007bff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23007bff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}