@import url("MyFontsWebfontsKit.css");

/*Claimaint Form Starts Here*/
*{
    margin: 0;
    padding: 0;

}
body, html {
 padding: 0 !important;
 height: 100%;
}

.myBenefitInfo td, .myBenefitInfo th {
 padding: 5px 10px;
}

.form-inline {
 margin: 5px 0;
}
label {
 font-weight: bold;
}

a.grupimg-top-one {
 text-decoration: underline;
}

.title16 {
 font-size: 16px;
}

.disable-box {
 opacity: 0.25;
 cursor: not-allowed;
 pointer-events: none;
}
/*return-to-work arrow*/
.arrowImage {
 background: url(../../App_Themes/Common/images/arrow-down-white.png) no-repeat 0 0;
 padding-right:5px;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
 background: transparent;
}

.arrowImageSelected {
}

/*General Bootstrap Classes*/
.table-striped > tbody > tr:nth-child(odd) > td {
 background-color: #efefef;
}

.need-help {
 cursor: pointer;
}
/*Colors*/
.red {
 color: #e81616;
}

.blue {
 color: #00509a;
}

.marg-top-tw {
 margin-top: 20px;
}

.pad-top-t {
 padding-top: 10px;
}

.greyColor {
 background: #efefef;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
 background: none;
}

.navSelected {
 color: #9ac252;
}

a.navSelected {
 color: #9ac252 !important;
 font-weight: bold;
}

 a.navSelected:hover {
  color: #fff !important;
 }

.table-striped {
 border: solid 1px #ddd;
}

table.table-striped td {
 border: none;
}

.table-striped > tbody > tr:nth-child(odd) > th {
 background: #00509a;
 color: white;
}

.dark-blue {
 color: #00509a;
}

.white-t {
 color: #ffffff;
}

.primary-blue {
 color: #008dd0;
}

/*Covid19 Updates*/
.covid-container {
    width: 100%;
    padding: 20px;
    background-color: #d9e6ee;
    display: flex;
    justify-content: space-between;  
    z-index: 99999;
    font-family: "SharikSans-Medium", Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.covid-container .container {
    position: relative;
  }

.covid-container p {
    margin-bottom: 0;
    font-size: 14px;
}

.covid-container--cross-icon {
 position: absolute;
 right: 115px;
 top: 0;
 cursor: pointer;
 z-index: 10000;
}

.covid-container h2 {
    font-size: 20px;
    color: #013773;
    font-weight: bold;
}

.covid-container--sub-heading {   
    font-size: 16px;
    color: #013773;
    padding-right: 15px;
}

.covid-container--para-text {    
    font-size: 14px;
    color: #013773;
}

.covid-container ol {
    padding-left: 16px;
    font-size: 14px;
}

.covid-container--message {
    color: red;   
}

    .covid-container--message a {
        color: red;
    }

/*General classes*/
.boldBlueHeading {
 color: #008dd0;
 font-weight: bold;
}
.pad-bottom {
    padding-bottom: 5px;
}
.rgt-border {
  border-right: solid 1px #5f5f5f;
}

.form-top-section {
    position: relative;
}
    /*.form-top-section:before {
        content: '';
        position: absolute;
        height: 97%;
        left: 50%;
        width: 1px;
        top: 4px;
        background-color: #ccc;
    }*/


    .boldDarkBlueHeading {
        color: #293064;
        font-weight: bold;
    }

.regDarkBlueHeading {
 color: #293064;
}

.smallcontent {
 font-size: 10px;
}

.pad-left-five {
 padding-left: 5px;
}

.pad-left-fif {
 padding-left: 15px;
}

.pad-rgt-fif {
 padding-right: 15px;
}

.redEr {
 color: #eb1f1f;
}

hr {
 border-top: solid 1px #ccc;
}

/*Form uPLOAD*/
.dark-grey-box {
 background: #efefef;
 padding: 15px;
 border: solid 1px #ccc;
 overflow: hidden;
}

.claimantLoginForm .title {
 font-size: 30px;
 color: #ffffff;
 font-weight: 500;
 margin-bottom: 25px;
 margin-top: 50px;
}

.claimantLoginForm .sb-title {
 font-size: 18px;
 color: #ccc;
 font-weight: 500;
 margin-bottom: 10px;
 margin-top: 20px;
}

.claimant-form .sign-in-btn {
 border: solid 1px #fff !important;
 font-weight: 600 !important;
}

.claimant-form .input-transparent {
 background: transparent;
}

.claimant-form .input-placeholder {
 font-size: 14px;
 color: #ddd;
}



.claimant-form .remember {
 font-size: 14px;
 color: #ddd;
 display: inline-block;
 margin-left: 7px;
}

/*skide-icons*/

/*Modal PopUp*/
.modal-header .col-6{
 padding-left:0;
 padding-right:0;
}

/*All buttons on right side*/
a.site-benefit, a.view-video {
 display: block;
 text-decoration: none;
}

.siteBenefitBox {
 max-height: 500px;
 overflow: auto;
}

.newClaimBox {
 max-height: 500px;
 overflow: auto;
}


.home-btn-container .download-btn {
 border: none;
 padding: 10px 5px 10px 8px;
 background: rgba(81, 134, 151, 0.8);
 border-radius: 2px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 -o-border-radius: 2px;
 color: #fff;
 font-size: 16px;
 cursor: pointer;
 width: 200px;
 text-align: left;
 margin-top: 10px;
}

.home-btn-container {
 /*margin-top: 356px;*/
}

 .home-btn-container .site-benefit {
  border: none;
  padding: 10px 5px 10px 8px;
  background: rgba(81, 134, 151, 0.8);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  width: 200px;
  text-align: left;
 }

 .home-btn-container .view-video {
  border: none;
  padding: 10px 5px 10px 8px;
  background: rgba(81, 134, 151, 0.8);
  margin-top: 10px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  width: 200px;
  text-align: left;
 }

body {
    background-image: none !important;
    background-attachment: unset !important;
}

.content-container1 { /* Location of the image */
    background-image: url(../../App_Themes/24houraccident/images/Mother-child-home.jpg);
    width: 100%;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
}
/* close buttons in pop up*/
.newclaim-close {
    font-size: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #666;
    cursor: pointer;
}

.newPFLclaim-close {
 font-size: 15px;
 padding-bottom: 10px;
 padding-top: 10px;
 color: #666;
 cursor: pointer;
}

.downloadApp-close {
 font-size: 15px;
 padding-bottom: 10px;
 padding-top: 10px;
 color: #666;
 cursor: pointer;
}

.sitebenefit-close {
 font-size: 15px;
 padding-bottom: 10px;
 padding-top: 10px;
 color: #666;
 cursor: pointer;
}

.forgot-close {
 font-size: 15px;
 padding-bottom: 10px;
 padding-top: 10px;
 color: #9f9f9f;
 cursor: pointer;
}

/*Ends*/

.siteBenefitC {
 width: 300px;
 height: 100%;
 background: #f5f5f5;
 position: absolute;
 right: 0;
 z-index: 99;
 top:0;
}

.downloadAppC {
 width: 300px;
 height: 100%;
 background: #f5f5f5;
 position: absolute;
 right: 0;
 z-index: 99;
 top:0;
}

.newClaimC {
 width: 300px;
 height: 100%;
 background: #f5f5f5;
 position: absolute;
 right: 0;
 z-index: 99;
 top:0;
}

.newPFLClaimC {
 width: 300px;
 height: 100%;
 background: #f5f5f5;
 position: absolute;
 right: 0;
 z-index: 99;
 top:0;
}

/*pop ups that are hidden*/


.animated-box.animated-open {
    display: block;
}

.animated-box {
    background: #d9d9d9;
    width: 100%;
    max-width: 370px;
    opacity: 0;
    color: #fff;
    margin-left: -100%;
    top: 0;
    min-height: calc(100vh - 176px);
    display: none;
}

.needBox {
 background: #d9d9d9;
 width: 100%;
 max-width: 370px;
 opacity: 0;
 transition: margin 1s ease-in-out;
 color: #fff;
 margin-left: -100%;
}

.marg-left-0 {
    margin-left: 0 !important;
}

.needBox p {
    color: #666;
}

.home-btn-container {
 position: absolute;
 right: 0;
 top: 50%;
 /* bottom: 440px; */
 width: 215px;
 transform: translate(0%, -50%);
}

.password-box {
 background: #d9d9d9;
 width: 100%;
 max-width: 370px;
 opacity: 0;
 color: #fff;
 margin-left: -100%;
}

.back-btn, .back-btn1 {
 font-size: 13px;
 color: #666;
 cursor: pointer;
}

.password-box.password-open {
 margin-left: 0;
 opacity: 1;
}

.password-box.password-close {
 opacity: 0;
}

.animated-box.animated-open {
 margin-left: 0;
 opacity: 1;
}

.animated-box .form-control {
 height: 32px;
}

.animated-box.animated-close {
 opacity: 0;
}

.needBox.needBox-open {
    margin-left: 0;
    opacity: 1;
}

.needBox.needBox-close {
    opacity: 0;
}


.success-box, .login-box {
 margin-top: 80px;
}

/*ends*/

/*Open the Pop Up Container Panel*/

 .animated-content h2 {
  font-size: 13px;
  margin-bottom: 5px;
  font-weight: bold;
 }


 .animated-content h2, .animated-content p {
  color: #666;
 }

.password-content {
 margin: 0 auto;
 width: 80%;
}

 .password-content h2, .password-content p {
  text-align: center;
  color: #666;
 }

.siteBenefitC h4 {
 font-size: 16px;
 color: #008dd0;
}



.siteBenefitC ul li {
 display: list-item;
 list-style-position: outside;
 margin-left: 17px;
 font-size: 14px;
 padding-bottom: 5px;
 /*color: #008dd0;*/
}

.regisList li {
 display: list-item;
 list-style-position: outside;
 margin-left: 17px;
 font-size: 14px;
 padding-bottom: 5px;
 list-style-type: decimal;
}

.siteBenefitC ul {
 margin: 0;
 padding-left: 1px;
}

.claimant-form-label-row a {
 text-decoration: none;
}


/*Video display in pop up*/
.videoC {
 width: 500px;
 height: 500px;
 background: #fff;
 position: fixed;
}

.video-overlay {
 width: 100%;
 height: 100%;
 position: absolute;
 background-color: rgba(0,0,0,0.5);
 top: 0;
 left: 0;
 z-index: 9999;
}

#myModal_video .modal-dialog {
 max-width: inherit;
}

#myModal_video {
 padding-right: 0 !important;
}



/*Ends*/

/*communication prefreances (modal pop up)*/
.claimant-consent-modal {
 width: 225px;
}
/*Ends*/

.input-abs {
 position: absolute;
 top: 7px;
 right: 12px;
}

/*Header on dashboard page*/
.header_container {
 height: 116px;
 background: #1b1925;
}

 .header_container .header_img {
  background: url(../../App_Themes/24houraccident/images/toppanel-mother-trans.png) no-repeat center center;
  height: 116px;  
 }

.header_img h2 {
 font-size: 25px;
 color: #fff;
 margin: 0;
 padding-top: 34px;
 font-weight: 600;

}


/*NavRight for innerpage*/
.navRight {
 display: block;
}

 .navRight .navMenuRight {
 }

 .navRight ul {
  float: left;
 }

 .navRight li {
  list-style: none;
 }

 .navRight .navMenuRight ul {
  margin: 0;
  padding: 0;
 }

 .navRight .navMenuRight li {
  color: #fff;
  padding: 0px 15px;
  float: left;
  margin-right: 1px;
  position: relative;
 }

  .navRight .navMenuRight li:hover, .navLogout li:hover {
   background: #9ac252;
   color: #fff;
  }

.active {
 background: #9ac252;
}

.navLogout li {
 padding: 0px 0px;
}

.dropdown-menu .fa.fa-angle-right {
 font-size: 16px;
 padding-right: 5px;
}

.navRight .navMenuRight li a {
 text-decoration: none;
 color: #fff;
}



.navRight .navDashboard {
 float: left;
 display: inline-block;
 color: #fff;
}

.navRight .navLogout {
 float: left;
 display: inline-block;
 color: #fff;
}

.navLogout a {
 color: #fff;
 text-decoration: none;
}

.claimantAnchor a {
 padding-left: 8px;
}


/*Navigation Menu*/
.navdrop-down ul.dropdown-menu {
    background: rgba(83,81,76,0.8);
    width: 260px;
    /*height: 117px;*/
    height: auto;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
}
.dropdown-item{
 padding-left:0;
 padding-right:0;
}

 .navdrop-down ul.dropdown-menu li a:hover {
  color: #9ac252;
  background-color: transparent;
  background-image: none;
 }

 .navdrop-down ul.dropdown-menu li a:active, ul.dropdown-menu li a:focus {
  background-color: transparent;
  background-image: none;
 }

 .navdrop-down ul.dropdown-menu li {
  background-color: transparent !important;
  cursor: pointer;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  line-height: normal;
  font-size: 12px;
  width: 100%;
 }


  .navdrop-down ul.dropdown-menu li a {
   display: inline-block;
   padding: 0;
   padding-left: 15px;
  }

ul.dropdown-menu li:first-child {
 padding-top: 5px;
}

sup {
 position: absolute;
 left: -5px;
 top: 5px;
}

#claimant-information-form .form-label-repeater {
 border-bottom: dashed 1px #008dd0;
 padding-bottom: 10px;
}

#claimant-information-form label {
 margin-top: 5px;
 margin-bottom: 2px;
 padding-left: 3px;
}

#claimant-information-form .form-label-repeater:last-child {
 border-bottom: none;
}

.alert-info.pad {
 padding-left: 8px;
 padding-right: 5px;
 line-height: 14px;
 padding-bottom: 3px;
 padding-top: 3px;
 margin-top: 5px;
 margin-bottom: 5px;
}

.modal-alert-warning {
 color: #8a6d3b;
 background-color: #fcf8e3;
 border-color: #faebcc;
}

.note {
 font-size: 12px;
}

.navMenuRight li {
 position: relative;
}

.form-control {
 height: 30px;
}
/*panel-heading from bootstrap3.0*/
.panel-default > .panel-heading {
    color: #333;
    background-color: #fff;
    cursor:pointer;
    /* border-color: #000000; */
   
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.panel-body {
    padding: 15px;
}
.panel-group {
    margin-bottom: 20px;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel.panel-default {   
    border:solid 1px #ddd;
}
.panel-group .panel+.panel {
    margin-top: 5px;
}
.panel-group .panel-heading {
    border-bottom: 0;
}
.panel-default > .panel-heading {
    color: #333;
    background-color: #fff;
    /* border-color: #000000; */
   
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}
.option-center {
    margin: 0 auto;
}
.have-claim table {
    width: auto;
    table-layout: fixed;
    margin-left: 5px;
}
.have-claim table td {
    /*text-align: center;*/
    padding: 5px 10px;
}
.have-claim label {
    padding-left: 5px;
}

/*Dashboard_navigation*/
.dashboard_items {
 background: #d9d9d9;
}

 .dashboard_items .container {
 }

.welcme-container {
}

.return-work, .claim-drop-down {
 display: flex;
 flex-direction: column;
}

.return-work {
 position: relative;
}

 .return-work h4 span {
  position: absolute;
  right: 1px;
  top: 0;
 }

.dashboard_items h3.welcomeMsg {
 font-size: 18px;
 padding: 10px 0;
}

.dashboard_items .dash_icons {
 float: right;
}

 .dashboard_items .dash_icons ul {
  margin: 0;
  padding: 0;
 }

  .dashboard_items .dash_icons ul li {
   float: right;
   list-style: none;
   display: inline-block;
   line-height: 40px;
   padding-left: 9px;
  }
  .selectbox{
   float:right;
  }
  .dblclaim{

    padding-top: 5px;
    display: inline-block;
    float:left;
  }

.dash_title {
 font-size: 14px;
 padding: 0;
 margin: 0;
 float: left;
 padding-top: 10px;
}

.dash_icons .fa-user, .dash_icons .fa-bell, .dash_icons .fa-question-circle {
 font-size: 24px;
 color: #999999;
}

.dash_icons li {
 display: inline-block;
 padding-top: 3px;
}



.good-box .img {
 background-image: url(../../App_Themes/24houraccident/images/good.png);
 background-repeat: no-repeat;
 background-position: 0 0;
 width: 100px;
 height: 100px;
 margin: 0 auto;
 cursor: pointer;
}


.good-at-moment .img {
 background-image: url(../../App_Themes/24houraccident/images/good-at-moment.png);
 background-repeat: no-repeat;
 background-position: 0 0;
 width: 100px;
 height: 100px;
 margin: 0 auto;
 cursor: pointer;
}

.action-need .img {
 background-image: url(../../App_Themes/24houraccident/images/action-need.png);
 background-repeat: no-repeat;
 background-position: 0 0;
 width: 100px;
 height: 100px;
 margin: 0 auto;
 cursor: pointer;
}

.info_box ul.mainList1 {
 padding-left: 10px;
 margin: 0;
}


 .info_box ul.mainList1 li {
  list-style-position: outside;
  margin-left: 10px;
  list-style-type: decimal;
  text-align: left;
  padding-bottom: 4px;
 }


.info_box .good-box, .info_box .good-at-moment, .info_box .action-need {
 margin: 0 auto;
 text-align: center;
 display: block;
 padding-top: 5px;
}

.infoBoxBorder {
 border-bottom: solid 1px #ccc;
 padding-bottom: 10px;
}

.info_box .good-box h4, .info_box .good-at-moment h4, .info_box .action-need h4 {
 font-size: 15px;
 font-weight: bold;
 text-transform: uppercase;
}

.info_box .good-box h4 {
 color: #9ac252;
}

.info_box .good-at-moment h4 {
 color: #e4ad23;
}

.info_box .action-need h4 {
 color: #eb2127;
}

.info_box .desc {
 text-align: center;
}

.info_box {
 border: solid 1px #ccc;
 background: #fff;
 height: auto;
 overflow: hidden;
 padding-bottom: 12px;
}

.form-group > span {
 color: #666;
 font-size: 12px;
 font-style: normal;
}

.modal-edit label {
 /*float: left;*/
 padding-right: 3px;
 padding-left: 0;
}

/*status box at dashboard*/
.status-blue-box {
 background: #008dd0;
 padding: 10px;
 font-size: 14px;
 margin-top: 20px;
 color: #fff;
}

.status-colorless-box {
 font-size: 14px;
 margin-top: 10px;
}


.highlight-red {
 color: #ff0000 !important;
}

.highlight-green {
 color: #9ac252;
}

.highlight-yellow {
 color: #e4ad23;
}

.status_txt {
 font-size: 18px;
 color: #00509a;
 padding-bottom: 10px;
}

 .status_txt p + p {
  font-size: 16px;
  color: #474747;
 }

 .status_txt h3.title {
  font-size: 20px;
  font-weight: 400;
 }

.info_box h4 {
 color: #00509a;
 padding-left: 9px;
 font-size: 18px;
}

.newTitleHeading {
 font-size: 22px;
}

.claimGreyBox {
 background: #f3f3f3;
 border: solid 1px #ccc;
 padding: 15px;
}

.info_box p {
 padding: 0px 10px;
 text-align: left;
}
/*Payment sunmmary icons in table grids*/
.payment_header {
 border: solid 1px #ccc;
 overflow: hidden;
 padding: 5px;
 margin-top: 20px;
 border-bottom: 0;
}

 .payment_header h4 {
  color: #00509a;
  font-size: 18px;
 }

.payment_summary .fa-info-circle, .payment_summary .fa-plus-circle, .payment_summary .fa-minus-circle {
 color: #ccc;
 font-size: 18px;
 padding-top: 10px;
 padding-left: 5px;
}

/*notification cSS*/
li a.notification {
 position: relative;
 display: inline-block;
 padding: 0 10px;
 cursor: pointer;
}



.seeNotify {
 position: absolute;
 bottom: 0;
 text-align: center;
 width: 100%;
 left: 0;
 border-top: solid 1px #ccc;
 background: #efefef;
}

.notificationContainer {
 position: absolute;
 left: -142px !important;
 top: 39px !important;
 width: 250px;
 background-color: #fff;
 border: 1px solid rgba(100, 100, 100, .4);
 -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
 overflow: visible;
 z-index: 1;
 /*display: none;       Commented By Gayatri on 07-22-2016 for using Ajax popup extender for calling Notification Popup */
}

 .notificationContainer:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  color: transparent;
  border: 10px solid black;
  border-color: transparent transparent #008dd0;
  margin-top: -20px;
  margin-left: 162px;
 }

.notification-row {
 background: #efefef;
 padding: 10px;
 padding-bottom: 7px !important;
 position: relative;
}

.read-more {
 position: absolute;
 right: 12px;
 top: 37%;
}

.dot-list {
 width: 8px;
 height: 8px;
 border-radius: 50px;
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 background: #0094ff;
 display: inline-block;
 margin-right: 4px;
}

.claim-sumry {
 float: left;
 width: 67%;
}

.dot-list-grey {
 width: 8px;
 height: 8px;
 border-radius: 50px;
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 background: #efefef;
 display: inline-block;
 margin-right: 4px;
}

.clsReadedNotification {
 padding-left: 24px;
}

.ndesc-hidden {
 display: none;
}

.blueLink {
 color: #0094ff;
 font-weight: bold;
}

.notify-txt {
 line-height: 20px;
}

.notify td {
 border-top: none;
}

.notificationContent {
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 10px;
 position: relative;
 min-height: 185px;
}

 .notificationContent p {
  line-height: normal;
 }


.notificationHeader {
 line-height: 30px;
 background: #008dd0;
 padding-left: 10px;
 color: #fff;
 font-size: 14px;
}

.notification_count {
 background: #cc0000;
 color: #ffffff;
 font-weight: bold;
 margin-left: 9px;
 line-height: 17px;
 border-radius: 9px;
 -moz-border-radius: 9px;
 -webkit-border-radius: 9px;
 position: absolute;
 /* margin-top: 1px; */
 font-size: 11px;
 width: 18px;
 height: 18px;
 text-align: center;
}

.notificationHistory {
 margin-top: 20px;
}

 .notificationHistory .notify-form-label-row {
  border-bottom: solid 1px #efefef;
  line-height: 24px;
  padding-bottom: 20px;
  padding-top: 10px;
 }

.ndate {
 font-size: 12px;
}

.ntitle {
 font-size: 14px;
 font-weight: bold;
}

.ndesc {
 font-size: 14px;
}
/*pagerstyle*/

table.notify {
 width: 100%;
}

td.notify-txt {
 height: 100px;
 vertical-align: top;
}

.notifyPager {
}

 .notifyPager table {
  width: 100%;
 }

  .notifyPager table td {
   width: 100%;
  }

#lblPager {
 position: absolute;
 top: 114px;
 left: 104px;
 text-align: center;
}

/*ends*/

/*modal box on communication prefrencaces*/

#claimant-information-form {
 padding-bottom: 50px;
}

 #claimant-information-form .claimant-form-labels {
  display: block;
  padding: 0px 0 20px 0;
  /*border-bottom: groove 2px #9f9f9f;*/
 }

 #claimant-information-form .form-label-repeater {
  margin-top: 20px;
 }

.dashed-border {
 border-top: dashed 1px #d9d9d9;
}

#claimant-information-form .claimant-form-labels-inner {
 display: block;
}

#claimant-information-form .claimant-form-labels h2 {
 font-size: 16px;
 color: #666;
 padding-bottom: 5px;
 margin-top: 0px;
 display: inline-block;
}

.claimant-form-label-row {
 padding-left: 1px;
 font-size: 14px;
}

.claimant-note {
 padding: 0px;
}

.copyright {
 padding-bottom: 5px;
}

.claimant-note ul {
 list-style: none;
 display: block;
 margin: 0;
 padding: 0;
}

 .claimant-note ul li {
  display: inline-block;
  text-align: left;
 }

.content-container1 {
 position: relative;
}

.container.con {
    
   
    min-height: calc(100vh - 176px);
}

.scroll-content {
    max-height: 550px;
}

.footer {
 font-size: 11px;
}

/*PAge*/

.myBenefitInfo {
 font-size: 14px;
 margin-top: 20px;
}

.taxable .calc {
 color: #00abbd;
}

.myBenefitInfo h2, .myBenefitInfo h4 {
 font-size: 16px;
 color: #00509a;
}

.myBenefitInfo p {
 text-align: left;
}

.benefit-info-innerBox {
 background: #e4ebf1;
 overflow: hidden;
 padding: 10px 15px;
 margin-bottom: 15px;
}

#benefitToggle table th {
 color: #00509a;
}

.benefit-container-box {
 overflow: hidden;
 border: solid 1px #ccc;
}

.BClaimList ul ul.subList li {
 list-style-position: outside;
 margin-left: 10px;
 list-style-type: lower-alpha;
 padding-left: 0px;
}

h2.table-border-benefit {
 padding: 10px 20px;
 font-size: 16px;
 color: #00509a;
 border: solid 1px #ccc;
 margin: 0;
 border-bottom: 0;
}

.BClaimList ul.mainList li {
 list-style-position: outside;
 margin-left: 10px;
 list-style-type: decimal;
 padding-left: 15px;
}

.BClaimList ul.mainList1 li {
 list-style-position: outside;
 margin-left: 10px;
 list-style-type: decimal;
}



.benefit-info-innerBox .circle {
 border-radius: 50%;
 vertical-align: middle;
 display: block;
 background: #fff;
 width: 180px;
 height: 180px;
 margin: 0 auto;
}

 .benefit-info-innerBox .circle h2 {
  text-align: center;
  margin: 0 auto;
  padding-top: 20%;
  font-size: 60px;
  color: #00509a;
 }

 .benefit-info-innerBox .circle p {
  text-align: center;
  margin: 0 auto;
  color: #00509a;
  font-size: 22px;
  line-height: 25px;
 }

.benefit-info-innerBox .para {
 font-size: 16px;
 padding-top: 15px;
}

 .benefit-info-innerBox .para p {
  color: #00509a;
 }

.benefit-container-box .see-details {
 border-top: dashed 1px #ccc;
 padding: 0 10px;
 margin-top: 10px;
}

.myBenefitInfo .blocktable h5 {
 font-weight: bold;
 font-size: 16px;
 text-align: left;
 border-bottom: dashed 1px #ccc;
 padding-bottom: 10px;
}

.disclaimer_txt {
 font-size: 11px;
 color: #666;
}


.myBenefitInfo h6 {
 font-weight: bold;
 font-size: 15px;
}

/*Form History*/
.thTitleBig {
 font-size: 16px;
 color: #00509a;
 text-align: center;
}

.email-label {
 font-size: 16px;
 color: #474747;
}

.thTitleSmall {
 font-size: 12px;
 color: #9f9f9f;
 font-weight: normal;
 text-align: center;
}

#divFormHistory table td {
 color: #9f9f9f;
}
/*My Profile*/
/*Add edit new links*/
.util-links {
 margin-top: 5px;
}

.profile-status h2 {
 font-size: 14px;
 color: #00abbd;
 font-weight: bold;
 margin: 0 0 17px 0;
}

.claimant-note h4 {
 font-size: 1.3em;
}

.claimant-note-list {
 font-size: 14px;
}

.claimant-note-list {
 display: list-item;
 list-style-position: outside;
 color: #666;
 margin-left: 16px;
 margin-top: 6px;
}

 .claimant-note-list a {
  color: #008dd0;
 }

#claimant-information-form h4.panel-title {
 color: #00509a;
}

/*issny*/
.issny {
}

 .issny h4 {
  font-size: 16px;
  font-weight: 300;
 }

 .issny .form-box {
  border: solid 1px #ccc;
  padding: 15px 0;
 }

  .issny .form-box ul {
   list-style: none;
   margin: 0;
   padding: 0;
  }

   .issny .form-box ul li {
    display: block;
    list-style: circle;
    list-style-position: inside;
    clear: both;
    padding-bottom: 10px;
   }

    .issny .form-box ul li label {
     margin-bottom: 0;
    }


 .issny .hid {
  color: #00509a;
  font-size: 14px;
  padding-left: 65px;
 }



 .issny .form-box ul li p {
  font-size: 14px;
  line-height: normal;
  margin-bottom: 0;
 }

/*Menu Class*/

.navdrop-down .nav .open > a, .navdrop-down .nav .open > a:focus {
 background: transparent;
}

 .navdrop-down .nav > li > a:hover, .navdrop-down .nav .open > a:hover {
  background: #9ac252;
  color: #fff;
 }


.navdrop-down .nav > li > a:focus {
 background: none;
}

.navdrop-down {
 float: right;
}

 .navdrop-down .navbar-nav > li > a {  
  text-decoration: none;
  color: #fff;
  padding-top:10px;
  padding-bottom:10px;
 }



ul.dropdown-menu li a {
 padding-left: 15px;
 color: #fff;
 text-decoration: none;
}

.display-desktop {
 display: block;
}

/*return to work*/



/*Contact Us*/
.contact-us {
 margin-top: 40px;
 overflow: hidden;
 padding-bottom: 40px;
}

 .contact-us h3 {
  font-size: 16px;
 }

 .contact-us h2 {
  text-align: center;
  color: #00509a;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 15px;
 }

.box-column {
 border: solid 1px #ccc;
}



.contact-us .icon {
 margin: 0 auto;
 text-align: center;
}

/*Preloader*/
.LoaderOuter {
 position: fixed;
 vertical-align: middle;
 text-align: center;
 z-index: 1000;
 top: 0px;
 left: 0px;
 margin: 0px 0px 0px 0px;
 width: 100%;
 height: 100%;
 min-height: 100%;
 min-width: 100%;
 background-color: rgba(0,0,0,0.7);
}

.s2 {
 position: absolute;
 height: 60px;
 width: 60px;
 background-color: transparent;
 top: 50vh;
 left: 50%;
 transform: translate(-50%, -50%);
}

.s1 {
 position: absolute;
 height: 60px;
 width: 60px;
 top: 50vh;
 left: 50%;
 transform-origin: center;
 transform: translate(-50%, -50%) rotate(45deg);
 background-color: transparent;
}

.bigcon {
 position: absolute;
 height: 55px;
 width: 55px;
 top: 50vh;
 left: 50%;
 transform-origin: center;
 transform: translate(-50%, -50%) rotate(-45deg);
 background-color: transparent;
 animation: bigcon 2s infinite linear;
 animation-delay: 0.25s;
}

.b {
 border-radius: 50%;
 position: absolute;
}

.s {
 width: 17px;
 height: 17px;
 animation: small 2s infinite ease;
 box-shadow: 0px 2px rgba(0,0,0,0.3);
 background-color: #46b9ff;
}

 .s:nth-child(1) {
  top: 0%;
  left: 0%;
 }

 .s:nth-child(2) {
  top: 0%;
  right: 0%;
 }

 .s:nth-child(3) {
  right: 0%;
  bottom: 0%;
 }

 .s:nth-child(4) {
  bottom: 0%;
  left: 0%;
 }

.big {
 width: 10px;
 height: 10px;
 border-radius: 15px;
 box-shadow: 0px 0px 10px #54f7f8, 0px 0px 20px #54f7f8, 0px 0px 30px #54f7f8, 0px 0px 50px #54f7f8, 0px 0px 60px #54f7f8;
 z-index: 1;
 background-color: #54f7f8;
 animation: bigball 1s infinite linear;
}

.sb1 {
 animation-delay: -1.75s;
}

.sb6 {
 animation-delay: -1.5s;
}

.sb2 {
 animation-delay: -1.25s;
}

.sb7 {
 animation-delay: -1s;
}

.sb3 {
 animation-delay: -0.75s;
}

.sb8 {
 animation-delay: -0.5s;
}

.sb4 {
 animation-delay: -0.25s;
}

.sb5 {
 animation-delay: -0s;
}

@keyframes bigcon {
 0% {
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(45deg);
 }

 100% {
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(405deg);
 }
}

@keyframes small {
 0% {
  transform: scale(1);
  background-color: #46b9ff;
 }

 10% {
  transform: scale(1.3);
  background-color: #54f7f8;
 }

 15% {
  transform: scale(1);
 }

 25% {
  transform: scale(1);
  background-color: #46b9ff;
 }

 100% {
  transform: scale(1);
  background-color: #46b9ff;
 }
}

/*Ends*/

/*Feedback*/

.feedback1 {
 margin-top: 40px;
}

 .feedback1 input[type="radio"], .feedback input[type="checkbox"] {
  float: left;
      display: flex;
  
    margin-top: 3px;
 }

 .feedback1 label {
  float: left;
  padding-left: 2px;
  padding-right: 28px;
 
 }

 .feedback1 p {
  margin-bottom: 5px;
 }


/*Claim Status*/
.leftClaimBox {
 border: solid 1px #ccc;
}

.overall-status {
 background: #e4ebf1;
 overflow: hidden;
 padding: 10px 15px;
 margin-bottom: 15px;
}

 .overall-status .subtext {
  font-size: 18px;
 }

 .overall-status h2 {
  color: #00509a;
  font-size: 30px;
 }



.claimRow {
 background: #fff;
 border: solid 1px #ccc;
 overflow: hidden;
 position: relative;
 margin-bottom: 20px;
}


.claim-status h4.claim-title {
 color: #333;
 border: solid 1px #ccc;
 padding-left: 10px;
 margin-bottom: 0;
 padding-bottom: 0;
 padding-top: 0;
 line-height: 37px;
 display: block;
 margin-top: 0;
 border-bottom: 0;
}

.claimBox {
 margin-top: 10px;
 overflow: hidden;
 margin-bottom: 10px;
}

.validat {
 position: absolute;
 left: 40px;
 top: -107px;
 width: 61%;
 padding: 5px;
 border: solid 1px #ccc;
 border-radius: 7px;
 transition: background 0.5s ease;
 background-color: #fff;
}

 .validat:after {
  content: '';
  position: absolute;
  top: 94px;
  left: 94px;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-top: 12px solid #fff;
 }

.rightClaimBoxToggle .fa-plus, .rightClaimBoxToggle .fa-minus {
 color: #666;
}

.col-md-4.rightClaimBox p {
 color: #474747;
 padding: 0 10px;
 font-size: 14px;
}

.col-md-6.rightClaimBox p {
 color: #474747;
 padding: 0 10px;
 font-size: 14px;
}

.rightClaimBox h4 {
 font-size: 14px;
}

.claim-status .borderBottom {
 /*border-bottom: solid 1px #ccc;*/
}

.imgStatus {
 float: right;
 padding-right: 8px;
}

.seperator {
 border-bottom: dashed 1px #ccc;
 padding-bottom: 10px;
}

.leftClaimBox h3, .claimList h3 {
 padding: 8px 10px;
 font-weight: bold;
 font-size: 1.2em;
}

.claimList ul {
 list-style: none;
 /* margin: 0; */
 padding-left: 10px;
 margin-top: 0px;
}

 .claimList ul li {
  padding: 6px 0 0px 0;
  font-size: 14px;
  clear: both;
  display: block;
 }

/*red box*/
.redColor {
 color: #e81616;
}

.greenColor {
 color: #8ebb3f;
}

.yellowColor {
 color: #e4ad23;
}

.redBox {
 float: left;
}

 .redBox .img {
  background-image: url(../../App_Themes/24houraccident/images/action-need.png);
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: -20px -104px;
  margin: 0 auto;
 }

 .redBox .desc {
  color: #e81616;
 }


 .redBox h4 {
  text-align: center;
  color: #e81616;
  text-transform: uppercase;
 }



/*Ends*/

/*Yellow*/

.yellowBox {
 float: left;
}

 .yellowBox .img {
  background-image: url(../../App_Themes/24houraccident/images/good-at-moment.png);
  width: 60px;
  height: 60px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: -20px -104px;
 }

 .yellowBox .desc {
  color: #e4ad23;
 }

 .yellowBox h4 {
  text-align: center;
  color: #e4ad23;
  text-transform: uppercase;
 }
/*ends*/

/*green Box*/


.greenBox {
 float: left;
}

 .greenBox .img {
  background-image: url(../../App_Themes/24houraccident/images/good.png);
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: -20px -104px;
  margin: 0 auto;
 }

 .greenBox .desc {
  color: #8ebb3f;
 }

 .greenBox h4 {
  text-align: center;
  color: #8ebb3f;
  text-transform: uppercase;
 }


.redDefine {
 /*color: #e81616;
    border: solid 1px #e81616;
    padding: 10px;
    margin-left: 10px;
    margin-top: 8px;*/
}

.rightFbButton {
 position: fixed;
 right: 0;
 top: 170px;
 z-index: 9999;
}

 .rightFbButton .feedBackButton {
  background: url(../../App_Themes/Common/images/FeedBackBtn.png) no-repeat;
  width: 32px;
  height: 102px;
  display: block;
  z-index: 9999999999;
 }

.yellowDefine {
 color: #e4ad23;
 border: solid 1px #e4ad23;
 padding: 10px;
 margin-left: 10px;
 margin-top: 8px;
}

.greenDefine {
 color: #9ac252;
 border: solid 1px #9ac252;
 padding: 10px;
 margin-left: 10px;
 margin-top: 8px;
}

.highlight-box {
 background: #efefef;
 border: solid 1px #ccc;
 padding: 20px;
 overflow: hidden;
}

.innerHighligt-box-table {
 border: solid 1px #ccc;
 background: #f5f5f5;
 margin: 5px 0;
}

 .innerHighligt-box-table td a {
  line-height: 24px;
  text-decoration: none;
 }

.innerHighligt-box-td {
 padding: 10px;
}

.innerHighligt-box {
 border-bottom: solid 1px #ccc;
 width: 100%;
 padding: 5px;
 background: #ddd;
}

.highlight-box h4 {
 color: #00509a;
 font-weight: normal;
 font-size: 15px;
 border-bottom: solid 1px #00509a;
 padding-bottom: 5px;
 margin-bottom: 15px;
}


/*Faq*/
.box-faq a {
 text-decoration: none;
 display: block;
}

.faq a {
 display: table;
 width: 100%;
 margin: 0 auto;
 text-align: center;
}

.box-faq {
 border: solid 1px #ccc;
}


.faq h3 {
 font-size: 18px;
 color: #00509a;
 margin-top: 20px;
 text-align: center;
}

.grenColor {
 color: #00abbd;
}

.faq h2 {
 color: #008dd0;
 text-align: center;
 margin: 20px auto;
 font-weight: bold;
 text-decoration: underline;
 cursor: pointer;
}

#faqDBL a {
}

.faq .search {
 margin: 0 auto;
}

.search input[type="text"] {
 font-size: 14px !important;
}

.faq img {
 text-align: center;
 margin: 0px auto;
}

#faqDBL h2, #faqTDB h2, #faqWebsite h2, #faqPFL h2 {
 text-align: center;
 margin: 20px auto;
 color: #008dd0;
 font-weight: bold;
}

.dbl_anchor {
 font-size: 14px;
 font-weight: normal;
 text-decoration: underline;
}

#search .col-md-6 {
 float: none;
 margin: 0 auto;
 text-align: center;
}

.faq .col-md-4 {
 margin: 0 auto;
}

.faq .faq-tab, .faq-tab1 {
 padding-bottom: 20px;
}

.faq-arrow {
 position: absolute;
 bottom: 38px;
 width: 100%;
 right: 0;
 left: 0;
 text-align: center;
}

.faq .faq-tab:after {
 content: '';
 position: absolute;
 right: 0;
 top: 0;
 height: 100%;
}


.tdText {
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 width: 166px;
}

/**/
.return-work {
    font-size: 13px;
    background: #9ac252;
    color: #fff;
    width: auto;
    /* padding-bottom: 2px; */
   
}



 .return-work h4 {
  line-height: 30px;
  padding: 0 10px;
 }

#accReturnToWork {
 overflow: inherit !important;
}


#tblForms th {
 font-size: 18px;
 color: #00509a;
}

#tblForms td {
 font-size: 16px;
 background: #efefef;
}

.claim-profile {
 margin-top: 7px;
 font-size: 13px;
 float:right;
}

/*Returning to work*/

#divRtw {
 position: absolute;
 border: solid 2px #9ac252; 
 background: #efefef;
 width: 350px;
 padding: 0;
 color: #666;
 max-height: 347px;
 overflow-y: auto;
 z-index: 999;
 padding: 0 10px 20px 10px !important;
 font-size: 13px;
 left:0;
}

#attestation {
 max-height: 200px;
 overflow: auto;
 border: 2px solid #ccc;
 padding: 5px;
}

/*payment summary*/
.ps td:first-child {
 background: #efefef;
}

.fh th {
 background: #efefef;
}

#divRtw label {
 display: initial;
 font-weight: 500;
 padding-left: 10px;
}

#divRtw .checkbox, .radio {
 display: initial;
}

.blue-data p {
 color: #114585;
}

.sign-up-communication {
 border: solid 2px #9ac252;
 background: #fff;
 padding: 12px;
}

/*Footer content*/
.row-footer {
 padding-top: 24px;
}

.br-top {
 border: solid 1px #ccc;
}

.btn-footer {
 background: #666;
 border-radius: 50px;
 color: #fff;
}

.row-footer .btn-default {
 background-color: #eee;
}

.sign-up-communication h2 {
 font-size: 14px;
 font-weight: normal;
 text-align: center;
 color: #114585;
 line-height: 24px;
}

.termsoverflow-content {
 max-height: 45vh;
 overflow: auto;
}

.claimant-grey-bg {
 background: #e4ebf1;
 padding: 18px 15px;
}

.returntoworkheader {
}

.return-header a {
 color: #fff;
}

.return-header {
 padding: 12px 0;
}

.modal-title{
 margin-top:3px;
}
.modal-header .fa-crosshairs{
 padding-right:0;
}

/*progress bar*/
.meter {
 height: 20px;
 position: relative;
 margin: 60px 0 20px 0;
 background: #555;
 -moz-border-radius: 25px;
 -webkit-border-radius: 25px;
 border-radius: 25px;
 padding: 10px;
 -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
 -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
 box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}

.add-new {
 margin-right: 10px;
}

/*progress bars*/


.w3-progress-container {
 width: 100%;
 height: 1.1em;
 position: relative;
 background-color: #f1f1f1;
 margin-bottom: 13px;
}

.w3-green, .w3-hover-green:hover {
 color: #fff !important;
 background-color: #4CAF50 !important;
}

.w3-blue, .w3-hover-blue:hover {
 color: #fff !important;
 background-color: #23a9bb !important;
}

.w3-text-white, .w3-hover-text-white:hover {
 color: #fff !important;
}

.w3-center {
 text-align: center !important;
}

.w3-progressbar {
 background-color: #757575;
 height: 100%;
 position: absolute;
 line-height: inherit;
}

/*30 april 2020*/
.sub-head {
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 3px 0;
    text-align: center;
    color: #474747;
}
.display-calendar {
    position: absolute;
    top: 4px;
    right: 3px;
}

.clear-date {
    position: absolute;
    top: 2px;
    right: 24px;
    color: #474747;
    width: 16px;
    font-size: 19px;
    cursor: pointer;
}


.meter {
    height: 20px; /* Can be anything */
    position: relative;
    margin: 60px 0 20px 0; /* Just for demo spacing */
    background: #555;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 10px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    -moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}

 .meter > span {
  display: block;
  height: 100%;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: rgb(43,194,83);
  background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(43,194,83)), color-stop(1, rgb(84,240,84)) );
  background-image: -moz-linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
  -webkit-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
  -moz-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
  box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
 }

  .meter > span:after, .animate > span > span {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) );
   background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
   z-index: 1;
   -webkit-background-size: 50px 50px;
   -moz-background-size: 50px 50px;
   background-size: 50px 50px;
   -webkit-animation: move 2s linear infinite;
   -moz-animation: move 2s linear infinite;
   -webkit-border-top-right-radius: 8px;
   -webkit-border-bottom-right-radius: 8px;
   -moz-border-radius-topright: 8px;
   -moz-border-radius-bottomright: 8px;
   border-top-right-radius: 8px;
   border-bottom-right-radius: 8px;
   -webkit-border-top-left-radius: 20px;
   -webkit-border-bottom-left-radius: 20px;
   -moz-border-radius-topleft: 20px;
   -moz-border-radius-bottomleft: 20px;
   border-top-left-radius: 20px;
   border-bottom-left-radius: 20px;
   overflow: hidden;
  }

.animate > span:after {
 display: none;
}

@-webkit-keyframes move {
 0% {
  background-position: 0 0;
 }

 100% {
  background-position: 50px 50px;
 }
}

@-moz-keyframes move {
 0% {
  background-position: 0 0;
 }

 100% {
  background-position: 50px 50px;
 }
}


.orange > span {
 background-color: #f1a165;
 background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
 background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
 background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
}

.red > span {
 background-color: #f0a3a3;
 background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
 background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
 background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
}

.nostripes > span > span, .nostripes > span:after {
 -webkit-animation: none;
 -moz-animation: none;
 background-image: none;
}

.animated-box .animated-content--list ul {    
    float: left;
    margin-left: 2px;
    padding-left: 18px;
}

.animated-box .animated-content--list li {
    color: #666;
    font-style: italic;
}
.animated-content--list {
    clear: both;
    display: block;
    margin-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
}
/*Ends*/
/*pagination*/
/*Ends*/


/*IE 11 Hack */
@media all and (-ms-high-contrast:none) {
    .claimantLoginForm {
        width: 300px;
    }
    /* IE10 */
    *::-ms-backdrop, .claimantLoginForm {
        width: 300px;
    }
    /* IE11 */
}

#updLogin {
    min-height: calc(100vh - 176px) !important;    
    display: flex;
    flex-wrap: wrap;
}

/*co 4286  payment setting css*/
.payment-setting {
    margin-top: 15px;
}
.enroll-box {
    margin-top: 50px;
    border: 2px solid #ccc;
    display: flex;
}
.marg0 {
    margin:0 !important;
}
.enroll-text-red {
    color: #e81616 !important;
}
.notes {
    font-size: 10px !important;
    font-style: italic;
    line-height: 15px;
}

.univ-icon {
    max-width: 36px;
    flex: 0 0 36px;
}

.univ-icon img {    
    width: 24px;
    margin-top: 12px;
}
.enroll-text h5 {
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 1em;
}

.enroll-text p {
    font-size: 13px !important;
    color: #474747;
}
.edit-form-accordion .panel-group h5 {
    color: #00509a;
    font-weight: 500;
    margin-bottom: 15px;
}

.input-focus {
    margin-left: 4px;
    -webkit-box-shadow: 0px 0px 7px 1px #1197D5;
    box-shadow: 0px 0px 7px 1px #1197D5;
}


.edit-form-accordion .panel-body {
    padding: 20px 20px 0!important;
}
.enroll-text p.red, .enroll-text h5.red {
    color: red;    
}

.deactivate-box {
    margin-top: 50px;
}

.edit-form-accordion {
    margin-top: 40px;
}

    .edit-form-accordion .panel-group h4.panel-title {
        font-size: 16px;
        font-weight: 500;
    }

    .edit-form-accordion .panel-group .panel-heading {
        padding: 8px 20px;
    }
.claimant-row {
    display: flex;
}
.account-input {
    display: flex;
    align-items: center;
}

    .account-input i {
        padding: 0 10px;
        cursor: pointer;
        color: #9d9d9d;
        font-size: 16px;
    }
.caution-icon {
        color: #f1de01;
        flex: 0 0 40px;
        max-width: 40px;
        font-size: 25px;
    }

.accordion-text ol {
    padding: 0 0 0 20px;
    margin: 0;
}

    .accordion-text ol li {
        padding-left: 5px;
        font-size: 13px;        
    }

.accordion-text p {
    font-size: 13px;    
}

.accordion-text .btn-box {
    margin-left: 20px;
    margin-top: 20px;
}

.btn-box input.btn {
    background: #fff;
    margin-right: 10px;
    border: 1px solid #a9a6a6;
    border-radius: 0;
    padding: 5px 30px;
    font-size: 15px;
}
.btn-green {
    background-color: #9ac252 !important;
    border-color: #5e7b2a !important;
    color: #fff !important;
}

.enroll-now input {
    min-width: auto !important;
}

.grey-button {
    border-radius: 5px !important;
    border: 1px solid #a9a6a6;
    font-size: 13px !important;
    background: #fff;
    color: #212529 !important;
}

.font13 {
    font-size: 13px !important;
}

.btn-box .btn {
    background: #fff;
    margin-right: 10px;
    border: 1px solid #a9a6a6;
    padding: 5px 30px;
    font-size: 15px;
    color: #474747;
}
.claim-ct-link {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 14px !important;
    text-decoration: underline !important;
}

#claimant-information-form .claimant-form-labels a {
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
}

    #claimant-information-form .claimant-form-labels a i {
        margin-left: 10px;
    }
.outLinkAction .btn-box .btn {
    padding: 5px 10px;
    width: auto;
}
.outLinkAction .btn-box {
margin-bottom:15px;
}

.btn.btn-green {
    border: 1px solid #9ac252 !important;
    /* border-radius: 0;*/
    /*padding: 5px 30px;*/
    font-size: 15px;
}
.edit-form-accordion .panel.panel-default {
    border: 0;
}
.account-box-insert .pad-left-zero {
padding-right:50px;
}
.account-box-insert .form-group {
    width: 94%;
}
.account-view-mode.account-box-insert .form-group {
    width: 100%;
    margin: 0;
}
.account-view-mode.account-box-insert .account-label {
    font-weight: 400;
    font-size: 14px;
    color: #474747;
    font-style:normal;
}
.account-check tbody, .update-bank-info tbody {
    display: flex;
}
    .account-check tbody tr td, .update-bank-info tbody tr td {
        padding-right: 15px;
        display: flex;
        align-items: center;
    }
.edit-form-accordion .control-group label {
font-weight: 400;
font-size: 13px;
}
.account-check tbody tr td label, .update-bank-info tbody tr td label {
    margin: 0 0 0 !important;
    padding: 0 0 0 10px !important;
}
.account-box-insert .form-group .form-group {
    width: 100%;
}
.account-box-insert {
    padding: 0 !important;
}
    .account-box-insert p {       
        font-size:13px;
    }
.edit-form-accordion .accordion button.btn.btn-link.btn-block.text-left {
    position: relative;
    color: #00509a;
    padding: 4px 10px;
    font-size: 15px;
}
    .edit-form-accordion .accordion button.btn.btn-link.btn-block.text-left:hover,
    .edit-form-accordion .accordion button.btn.btn-link.btn-block.text-left:focus {
        text-decoration: none;
    }
.edit-form-accordion .card-body {
    padding: 20px 0 0;
}
.edit-form-accordion button.btn.btn-link.btn-block.text-left:after {
    position: absolute;
    content: "";
    font-family: 'FontAwesome';
    right: 0;
    color: #706f6f;
    font-size: 13px;
    top: 6px;
}
.edit-form-accordion .accordion .card {
    margin-bottom: 10px;
    border: 0;
    border-radius: 0 !important;
}

.edit-form-accordion .card-header {
    padding: 0 10px 0 0;
    border: 1px solid #ccc !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
.edit-form-accordion button.btn.btn-link.btn-block.text-left.collapsed:after {
    content: "";
}
.step-box {
    display: flex;
    align-items: center;
}

    .step-box .step-number {
        background: #fff;
        color: #0081d8;
        border: 5px solid #c7cad0;
        border-radius: 100%;
        width: 40px;
        text-align: center;
        height: 40px;
        line-height: 31px;
        font-size: 18px;
        margin-right: 10px;
    }
    .step-box.active {
    background:#fff;
    }
    .step-box.active .step-number {
        background: #0081d8;
        color: #fff;
    }
    .step-box.active p {
        color: #0081d7;
    }
        .step-box p {
            color: #333;
            font-size: 14px;
            margin: 0;
        }

.policy-steps {
    position: relative;
}
.update-bank-info {
    background: transparent;
    border: 0 !important;
}

    .update-bank-info .panel-heading {
        border: 0 !important;
        background: #fff;
        padding: 0;
    }

        .update-bank-info .panel-heading h4 {
            font-size: 18px;
            padding: 0;
            margin-bottom: 15px;
            background:#fff;
        }

    .update-bank-info .claimant-form-labels.editMode {
        padding: 0 !important;
        background: #fff;
    }

        .update-bank-info .claimant-form-labels.editMode label {
            font-weight: normal;
            font-size: 14px;
        }

    .policy-steps:after {
        position: absolute;
        content: "";
        left: 19px;
        width: 3px;
        background: #ccc;
        top: 10px;
        bottom: 10px;
        z-index: -1;
        }

.step-box:nth-child(2) {
    margin: 20px 0;
}

.right-policy {
    display: flex;
    margin-top:70px;
}

.digi-logo {
    flex: 0 0 100px;
    max-width: 100px;
    margin-left: 50px;
}

    .digi-logo img {
        width: 100%;
    }
.read-agreement-box {
    max-height: 300px;
    overflow: auto;
    margin: 30px 25px 15px;
    border: 1px solid #ccc;
    padding: 15px;
    top:0;
}

/***********************************
 ***CSS FOR OUT LINKS POPUP***
***********************************/
.outLinkWrapper {
    box-shadow: 5px 5px 5px #ccc;
    position: fixed;
    border: 1px solid #6eb0dd;
    border-radius: 8px;
    background-color: #fff;
    z-index: 9999999;
    width: 502px;
    left: 50% !important;
    top: 50% !important;
    border-top: none;
    transform: translate(-50%, -50%);
    -webkit-filter: blur(0.000001px);
    filter: blur(0px);
}

    .outLinkWrapper h2 {
        margin: 0;
        background-color: #008dd0;
        background-repeat: repeat-x;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        color: #fff;
        font-size: 17px;
        font-weight: bold;
        text-align: center;
        padding: 8px;
    }

    .outLinkWrapper p {
        color: #787878 !important;
        text-align: left;
        padding: 18px !important;
        font-size: 12px !important;
        line-height: 17px !important;
    }
        /*.outLinkWrapper span  {color:#787878 !important; font-size:12px !important; }*/
        .outLinkWrapper p a {
            text-decoration: underline;
            color: #008dd0;
        }

span.centerTextSpan {
    display: block;
    padding: 0;
    margin: 10px 0;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    color: #444e8c;
}

.outLinkAction {
    text-align: center;
    margin: 0 auto 10px auto;
    padding: 0px 20px;
}

    .outLinkAction input {
        border-radius: 3px;
        border: solid 1px #008dd0;
        color: #008dd0;
        cursor: pointer;
        background-color: #fff;
        padding: 3px 15px;
        width: 80px;
    }

    .outLinkAction .ActionBtn {
        padding: 0;
        margin: 0 auto 5px auto;
        text-align: center;
    }

    .outLinkAction .popFooterLogo {
        text-align: right;
        padding: 0;
        margin: 0;
    }

.outLinkWrapperTable {
    margin-left: 15px;
}

    .outLinkWrapperTable tr {
        color: #787878 !important;
        text-align: left;
        font-size: 12px !important;
        line-height: 17px !important;
    }

.errorMessage1 {
    color: #f00;
    font-size: 11px;
    font-style: italic;
    display: inline-block !important;
    padding-top: 2px;
}
/***********************************
 ***CSS FOR OUT LINKS POPUP ends***
***********************************/

/*media starts*/
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .dblclaim {
    padding-left: 10px!important;   
}
 .dashboard_items .dash_icons ul li {  
    padding-left: 2px!important;
}
 .return-work{
  font-size:12px;
 }
}



@media only screen and (min-width: 411px) and (max-width: 731px) {
 /*#bg-claimant {
  background-attachment: fixed;
 }*/
}

@media only screen and (min-width: 0) and (max-width: 900px) {
 .display-desktop {
  display: none;
 }
 .navdrop-down ul {
    margin: 0;
    float: none;
}
 .navdrop-down li {
    border-bottom: solid 1px rgba(255,255,255,0.5);
}
  .navdrop-down li ul li{
   border-bottom:none!important;

  }

  .newTitleHeading {
   font-size: 15px;
  }

 .faq .faq-tab:after {
  border-right: none;
 }

 .rightClaimBox {
  margin-bottom: 10px;
 }
}


@media screen and (min-width: 1440px) {
    .animated-content--overflow {
        margin-bottom: 10px;
    }

        .animated-content--overflow p {
            margin-bottom: .4em;
        }
}


@media only screen and (min-width : 0) and (max-width : 767px) and (orientation : landscape) {
    .animated-content--overflow {     
        margin-bottom: 3px !important;
    }
}

    @media only screen and (min-width : 0) and (max-width : 767px) and (orientation : landscape) { /* STYLES GO HERE */

        .header_container .header_img {
            background: url(../../App_Themes/24houraccident/images/mother-child-toppanel.png) no-repeat -295px 0 !important;
        }
    }

    @media only screen and (min-width: 0) and (max-width: 812px) {
        .consent-agrmt {
            width: 85% !important;
        }
        .consent-agrmt .read-agreement-box {
            max-height: 220px;
        }
        .consent-agrmt .outLinkAction .btn-box .btn {
            margin-bottom: 5px;
        }
    }

    @media only screen and (min-width: 0) and (max-width: 767px) {      

        .offset-xs-0 {
            margin: 0;
        }

        .covid-container--icon img {
            width: 20px;
        }

        .covid-container h2 {
            width: 90%;
        }

        .form-top-section:before {
            content: none;
        }

        .needBox, .animated-box {
            left: 0;
        }

        .dropdown-menu li:last-child {
            border-bottom: none;
        }

        #dvicons {
            position: fixed !important;
            right: 10px;
            z-index: 999999999;
        }


        .return-work h4 {
            line-height: normal;
            padding: 0 10px;
        }

        .table-striped > tbody > th {
            font-size: 13px !important;
        }


        .slide-icons {
            position: absolute;
            border: solid 1px #ccc;
            right: -25px;
            background: #fff;
            padding: 5px;
            border-radius: 50px;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            z-index: 9999;
            height: 33px;
            line-height: 9px;
            padding: 11px;
            top: -94px;
            width: 44px;
        }

            .slide-icons .fa {
                color: #008dd0;
            }

        .dash_icons {
            opacity: 1;
            transition: width 0.25s ease-in;
            width: 0px;
            background: #008dd0;
            z-index: 99;
            height: 33px;
            border-radius: 50px;
            padding: 0 !important;
            overflow: hidden;
            line-height: normal !important;
            top: -94px;
        }

        .dashboard_items .dash_icons ul li {
            line-height: 29px !important;
            padding-left: 0;
        }

        .dash_icons .fa-user, .dash_icons .fa-bell, .dash_icons .fa-question-circle {
            color: #fff !important;
        }


        .dash_icons.show {
            width: 121px;
            height: 33px;
        }

        .dash_icons ul {
            width: 180px;
            margin-left: 10px !important;
        }

        .dash_icons.show li {
            transition: 1s;
            transform: translateX(-100px) rotate(720deg);
            opacity: 1;
        }

        .navbar-brand {
            float: none;
        }

        .dash_icons .fa-user, .dash_icons .fa-bell, .dash_icons .fa-question-circle {
            font-size: 18px;
            color: #999999;
        }

        .animated-box {
            max-width: 100%;
        }



        .faq .faq-tab:after {
            border-right: none;
        }

        .needBox {
            max-width: 100%;
        }

        .scroll-content {
            max-height: 490px;
        }

        .dropdown a {
            display: inline-block;
            width: 100%;
        }

        .siteBenefitC, .newClaimC, .newPFLClaimC, .downloadAppC {
            width: 100%;
        }

        #cphMain_divFormHistory h2 {
            color: #9f9f9f;
            margin-bottom: 15px;
            margin-top: 15px;
        }

        .copyright {
            padding-top: 5px;
            padding-bottom: 5px;
        }


        .navRight .navLogout {
            display: block;
        }

        .header_container .header_img {
            background: url(../../App_Themes/24houraccident/images/mother-child-toppanel.png) no-repeat -497px 0;
            height: 116px;
        }

        .navbar-toggle .icon-bar {
            background: #fff;
        }

        .navbar-collapse {
            padding-left: 0;
            padding-right: 0;
        }

        ul.dropdown-menu {
            width: 100%;
            top: 33px;
            height: auto;
            background: rgba(83,81,76,1);
        }

        .claimantLogo {
            width: 80%;
            margin-left: 15px;
            margin-top: 10px;
        }

        .dashboard_items {
            background: #d9d9d9;
            position: relative;
            padding-bottom: 10px;
        }


        .content-container {
            margin-bottom: 38px;
        }

        #divRtw {
            max-height: 350px;
            overflow: scroll;
        }



        .blue-arrow-anchor {
            margin: 0 auto;
            text-align: center;
            display: table;
        }

        .btmMobilebtnContainer {
            position: relative;
            width: 100%;
            display: flex;
            display: -webkit-box;
            display: -moz-flex;
            display: -webkit-flex;
            height: 100%;
            background: rgba(0,141,200,0.5);
        }

            .btmMobilebtnContainer ul {
                margin: 0;
                padding: 0;
                display: flex;
                justify-content: center;
                flex: 1;
            }

                .btmMobilebtnContainer ul li {
                    display: inline-block;
                    color: #fff;
                    padding: 1px 9px;
                    line-height: 17px;
                    display: flex;
                    display: -webkit-box;
                    display: -moz-flex;
                    display: -webkit-flex;
                    display: -moz-box;
                    align-items: center;
                    text-align: center;
                    background: rgba(0,0,0,0.2);
                    margin: 0.5px 0;
                    border: solid 1px rgba(255,255,255,0.3);
                }

                    .btmMobilebtnContainer ul li a {
                        color: #fff;
                        text-decoration: none;
                    }



        .form-upload {
            margin-top: 20px;
        }
    }



    @media only screen and (min-width:0px) and (max-width: 900px) {
        .mobileNavigation {
            width: 100%;
        }

        .mobilenav.float-right {
            float: none !important;
        }

        .navbar-toggler {
            position: absolute;
            right: 0;
            top: -39px;
            color: #fff;
        }

        .navdrop-down .navbar-nav > li > a {
            padding-top: 0;
            padding-bottom: 0;
        }

        .navdrop-down {
            background: #008dd0;
            position: absolute;
            z-index: 9999;
            width: 100%;
            overflow-x: hidden;
            float: none;
            border: solid 1px #0774a8;
            top: 0px;
        }

        li a.notification {
            padding: 0 0px;
        }

        .dash_icons .fa-user {
            padding-right: 5px;
        }

        .dash_icons .fa-question-circle {
            padding-right: 5px;
            padding-left: 5px;
        }

        .box-column {
            margin-top: 5px;
        }
    }






    @media only screen and (min-width:0px) and (max-width: 767px) {
        .container.con {
            display: flex;
            min-height: calc(100vh - 126px);
        }

        #updLogin {
            height: 100%;
        }

        .animated-box {
            min-height: calc(100vh - 126px);
            height: 100%;
        }

        .content-container1 {
            background-attachment: fixed;
        }

        .nav > li {
            line-height: 40px;
        }


        .mSpace {
            margin-top: 10px;
        }

        .overbg {
            background-color: rgba(0, 0, 0, 0.5);
        }

        /*bootstrap-class*/
        .btn {
            padding: 6px 5px;
        }

        /*Footer changes*/
        .nortonFooterLogo, .claimFooterTxt, .feedFooterTxt, .mailFooterInfo {
            text-align: center;
            margin: 0 auto;
            border-bottom: solid 1px #efefef;
            padding-bottom: 10px;
            padding-top: 10px;
        }

        .termsoverflow-content {
            height: 60vh;
            overflow: auto;
        }

        .feedback {
            margin-top: 0px;
        }

        .rightFbButton {
            position: absolute;
            top: 0;
            left: 0;
        }

        .feedback {
            position: relative;
            background: #fff;
            border: solid 1px #ccc;
            overflow: hidden;
            height: 34px;
        }

        .footer {
            padding-top: 0;
            padding-bottom: 0;
        }

        .rightFbButton .feedBackButton {
            -ms-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            /* float: left; */
            margin-top: -36px;
            margin-left: 34px;
            position: absolute;
            z-index: 1;
        }


        .mob-pad-zero {
            padding: 0;
        }


        .navbar {
            border: 0;
        }

        /*First level li element*/

        .navbar-toggle {
            margin-right: 2px;
        }

        .navdrop-down li {
            border-bottom: solid 1px rgba(255,255,255,0.5);
        }

        .navdrop-down .navbar-nav .open .dropdown-menu .dropdown-header, .navdrop-down .navbar-nav .open .dropdown-menu > li > a {
            padding: 0;
        }

        .navbar {
            margin-bottom: 0;
        }


        .navdrop-down li a {
            color: #fff;
            text-decoration: none;
        }

        .navdrop-down ul.dropdown-menu {
            height: auto;
            width: auto;
        }

        .navdrop-down .navbar-nav > li > a {
            padding-left: 10px;
        }

        .navdrop-down ul {
            margin: 0;
            float: none;
        }

        #faqDBL h2, #faqTDB h2, #faqWebsite h2, #faqPFL h2 {
            font-size: 1.2em;
        }

        /*Second level Menu*/
        .navbar-nav .open .dropdown-menu {
            background: #666;
        }

        .navdrop-down .navbar-nav .open .dropdown-menu li {
            border-bottom: solid 1px #9f9f9f;
        }

        .navbar-nav .open .dropdown-menu li:last-child {
            border-bottom: none;
        }

        .claimant-form-label-row {
            font-size: 12px;
        }

        .info_box {
            margin-bottom: 10px;
        }

        .fillable-form {
            margin-top: 25px;
        }

        #claimant-information-form .claimant-form-labels h2 {
            font-size: 17px;
        }

        .m-spce-v {
            margin-bottom: 5px;
        }

        #bs-example-navbar-collapse-1 ul {
            width: 100%;
            z-index: 999999999;
            position: relative;
            margin-left: 0;
            padding-left: 0;
        }

        ul.navMenuRight, ul.navLogout {
            background: #008dd0;
        }

        .navRight .navMenuRight li {
            float: none;
            line-height: 34px;
            padding-left: 0;
            padding-right: 0;
            border-bottom: solid 1px rgba(255, 255, 255, 0.1);
        }

        .float-right.navRight {
            float: none !important;
            position: absolute;
            width: 100%;
            top: 54px;
            z-index: 9999;
        }

        .dropdown-menu li a {
            background: none;
        }


        .navRight .navMenuRight li a {
            padding-left: 10px;
            padding-right: 10px;
        }

        ul.dropdown-menu {
            top: 0;
            border-radius: 0;
        }

        .dropdown-menu i.fa.fa-angle-right {
            padding-left: 10px;
        }

        .dropdown-menu li a {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        .dropdown-menu li {
            line-height: 18px !important;
        }

        .navLogout li {
            line-height: 30px;
            padding-left: 0;
        }

        .navLogout {
            margin-top: -10px;
        }
    }




    @media only screen and (min-width:320px) and (max-width: 360px) {
        /*Dashboard Icons*/
        .dashboard_items .dash_icons ul li {
            padding-left: 2px;
        }

        .return-work {
            font-size: 12px;
            padding-right: 2px;
        }
        /*Notification box*/

        .notificationContainer {
            left: -168px !important;
            top: 37px !important;
        }


        /*bootstrap classes*/
        .btn {
            font-size: 12px;
            padding: 5px 4px;
        }
    }

    @media only screen and (min-width:361px) and (max-width: 767px) {
        .dashboard_items h3.welcomeMsg {
            font-size: 16px;
        }


        /*Dashboard Icons*/
        .dashboard_items .dash_icons ul li {
            padding-left: 8px;
        }

        .mob-pad-zero {
            padding: 0;
        }



        .return-work {
            padding-right: 15px;
        }
        /*Notification box*/

        .notificationContainer {
            left: -168px !important;
            top: 37px !important;
        }
    }

    .digicert-mob {
        display: none;
    }

    @media only screen and (min-width: 0) and (max-width: 991px) {
        .rightstep-none {
            display: none;
        }

        .digicert-mob {
            display: block;
            position: relative;
            padding: 8px;
        }

            .digicert-mob a {
                display: inline-block;
                position: absolute;
                top: 12px;
                right: 5px;
            }

            .digicert-mob img {
                width: 100px;
            }
    }

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

        .nav > li > a {
            padding: 5px 6px !important;
        }

        .header_container .header_img {
            background: url(../../App_Themes/24houraccident/images/toppanel-mother-trans.png) no-repeat -235px center;
        }
    }

    @media only screen and (min-width:320px) and (max-width: 480px) {

        .upload-text {
            width: 100%;
            display: block;
        }
    }


    @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { /* STYLES GO HERE */
        .pass-box {
            max-height: 350px;
        }

        .nortonFooterLogo table {
            margin: 0 auto;
            float: none !important;
        }

        .header_container .header_img {
            background: url(../../App_Themes/24houraccident/images/mother-child-toppanel.png) no-repeat -607px 0 !important;
        }

        .dashboard_items .dash_icons {
            position: absolute;
            right: 0px;
            bottom: 0;
        }



        .siteBenefitBox, .newClaimBox, .downloadAppBox {
            max-height: 350px;
            overflow: auto;
        }
    }

    @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { /* STYLES GO HERE */
        .pass-box {
            max-height: 290px;
        }

        .animated-content--overflow {
            max-height: 150px;
            overflow: auto;
            overflow-x: hidden;
        }

        .dashboard_items .dash_icons {
            position: absolute;
            right: -9px;
        }
    }

    @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) { /* STYLES GO HERE */

        .siteBenefitBox, .newClaimBox {
            max-height: 350px;
            overflow: auto;
        }


        .btmMobilebtnContainer ul li {
            display: flex;
            align-items: center;
        }
    }

    @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) { /* STYLES GO HERE */
        #bg-claimant { /* Location of the image */
            background-image: url(../24houraccident/images/Mother-child-home-480x320.jpg);
            background-repeat: no-repeat;
            /*background-attachment: fixed;*/
        }

        .pass-box {
            max-height: 297px;
        }

        .siteBenefitBox, .newClaimBox {
            max-height: 300px;
            overflow: auto;
        }

        .btmMobilebtnContainer ul li {
            padding: 5px 10px;
        }
    }






    /*Nexus P*/
    @media only screen and (min-device-width : 412px) and (max-device-width : 732px) and (orientation : landscape) { /* STYLES GO HERE */
        .pass-box {
            max-height: 297px;
        }
    }

    @media only screen and (min-device-width : 412px) and (max-device-width : 732px) and (orientation : portrait) { /* STYLES GO HERE */
        .pass-box {
            max-height: 297px;
        }
    }


    @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) { /* STYLES GO HERE */
        #bg-claimant { /* Location of the image */
            background-image: url(../24houraccident/images/Mother-child-home-480x320.jpg);
        }
    }

    @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) { /* STYLES GO HERE */
        #bg-claimant { /* Location of the image */
            background-image: url(../24houraccident/images/Mother-child-home-480x320.jpg);
        }

        .siteBenefitBox, .newClaimBox {
            max-height: 335px;
            overflow: auto;
        }

        .btmMobilebtnContainer ul li {
            padding: 9px 10px;
        }
    }


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

        .siteBenefitBox, .newClaimBox {
            max-height: 670px;
            overflow: auto;
        }

        .navLogout li {
            padding: 0px 5px;
        }

        .navRight .navMenuRight li {
            padding: 0px 8px;
        }

        ul.navRight, ul.navLogout {
            padding-left: 0;
        }

        .logo-mb-container img {
            width: 195px;
        }
        /* For general iPad layouts */
    }

    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {


        .info_box h4 {
            font-size: 16px !important;
        }

        .navLogout li {
            padding: 0px 5px;
        }

        .navRight .navMenuRight li {
            padding: 0px 8px;
        }

        ul.navRight, ul.navLogout {
            padding-left: 0;
        }

        .logo-mb-container img {
            width: 195px;
        }
        /* For general iPad layouts */
        /* For landscape layouts only */
    }




    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
        .navdrop-down .nav > li > a {
            padding: 15px 9px;
        }

        .navdrop-down ul.dropdown-menu {
            width: 100%;
        }

        .info_box h4 span img {
            display: none;
        }
    }

    @media (min-width: 992px) {
        .col-lg-4.col-md-5.col-8.ret-work-dd {
            padding: 0 !important;
        }
    }

    @media only screen and (max-width: 1024px) and (min-width: 768px) {
        /*.animated-content--overflow {
            max-height: 350px;
            overflow: auto;
            overflow-x: hidden;
        }*/

        .notificationContainer {
            left: -168px !important;
        }

        .logo-header .container, .header_container .container {
            padding-left: 0;
            padding-right: 0;
        }

        .navRight .navMenuRight li {
            padding: 0 11px;
        }

        .return-work {
            font-size: 12px;
            padding: 0 8px;
        }

        .mob-pad-zero {
            padding: 0;
        }

        ul.navMenuRight, ul.navLogout {
            padding-left: 0;
        }

        .dashboard_items .dash_icons ul li {
            padding-left: 9px;
        }

        .claim-profile {
            font-size: 12px !important;
        }
    }

    @media only screen and (max-width: 812px) and (min-width: 375px) {
        .animated-content--overflow {
            overflow-y: auto;
            overflow-x: hidden !important;
            height: 250px;
            margin-bottom: 20px;
        }
    }

    @media only screen and (max-width: 1280px) and (min-width: 1024px) {
        .animated-content--overflow {
            overflow-y: auto;
            overflow-x: hidden !important;
            margin-bottom: 20px;
        }
    }

    @media only screen and (max-width: 1366px) and (min-width: 901px) {

        .newClaimBox {
            max-height: 350px;
            overflow: auto;
        }

        .siteBenefitBox {
            max-height: 350px;
            overflow: auto;
        }
    }

    .nav > li {
        position: relative;
        display: block;
    }

    .navbar {
        padding: 0;
    }

    @media (min-width: 768px) {
        .navbar-nav {
            float: left;
            margin: 0;
        }

            .navbar-nav > li {
                float: left;
                line-height: 35px;
            }

                .navbar-nav > li > a {
                    padding-top: 15px;
                    padding-bottom: 15px;
                }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 15px 15px;
        }
    }

    .btn-default {
        color: #333;
        background-color: #fff;
        border-color: #ccc;
    }
input#cphMain_chkconfirmemail {
    margin-right: 7px;
    position: relative;
    top: 1px;
}
.dark-grey-box .captchaimage div {
    background-color: transparent !important;
}

.dark-grey-box select {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.dark-grey-box label {
    margin-bottom: 0;
}
input#cphMain_FileUploadClaimantForms {
    width:90px;
}
span#cphMain_lblFileName {
    display: block;
    word-break: break-all;
}

input[type="checkbox"]:focus-visible{
    outline:2px solid #000;
}
select#cphMain_ddlFormType {
    max-width: 230px !important;
}