.claims-calculator {
  background-color:#F3F3F3;
  padding:0 0 10px 0;
  margin:auto;
}
.claims-calculator form {
  margin:0px;
}
.claims-calculator .x-btn:active:focus,
.claims-calculator .x-btn:active:hover,
.claims-calculator .x-btn {
  outline:0;
  background-color:#000;
  border-color:#000;
  margin-top:0px !important;
}
.claims-calculator .addInButton,
.claims-calculator .x-btn .startButton,
.claims-calculator .x-btn .startButton2{
  margin-bottom:10px !important;
}

.claims-calculator .x-btn.selected {
  
  outline:0;
  border-color:black;
  color:#fff;
  font-weight:400 !important;
  margin-bottom:8px !important;
  padding:10px 10;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
}
.claims-calculator .x-btn.Selection4Button.severityOption_0.selected,
.claims-calculator .x-btn.Selection4Button.severityOption_1.selected,
.claims-calculator .x-btn.Selection4Button.severityOption_2.selected,
.claims-calculator .x-btn.Selection4Button.severityOption_3.selected,
.claims-calculator .x-btn.Selection4Button.severityOption_4.selected,
.claims-calculator .x-btn.Selection4Button.severityOption_5.selected {
  background-color:white !important;
  border:1px solid black !important;
  color:black !important;
}
.claims-calculator .x-btn.Selection4Button.severityOption_0.selected:hover,
.claims-calculator .x-btn.Selection4Button.severityOption_1.selected:hover,
.claims-calculator .x-btn.Selection4Button.severityOption_2.selected:hover,
.claims-calculator .x-btn.Selection4Button.severityOption_3.selected:hover,
.claims-calculator .x-btn.Selection4Button.severityOption_4.selected:hover,
.claims-calculator .x-btn.Selection4Button.severityOption_5.selected:hover {
  background-color:black !important;
  border:1px solid black !important;
  color:white !important;
}
.claims-calculator.container h1 {
  text-transform: uppercase;
  font-size:28px;
  padding:5px 0;
  background:#fff;
  margin-bottom:0px;
  margin-top:0;
}

.claims-calculator.container h3 {
  text-transform: inherit;
  font-size:18px;
  padding:10px 0px 20px;
  background:#fff;
  margin-bottom:0px;
  margin-top:0;
} 

.claims-calculator .x-btn {
  cursor: pointer;
	text-align:center;
  margin:3px auto;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0px;
  width:90%;
  text-transform: uppercase;
  text-shadow: none !important;
  background-color:#fff;
  color:#000 !important;
  border-color:#fff;
  font-weight:400 !important;
  margin-bottom:8px !important;
  padding:17px 17px;
}
.claims-calculator .x-btn:hover {
  background-color: #000;
  border-color:#000;
  color:#fff !important;
  padding:17px 17px;
}

.claims-calculator .x-btn .cancelSelection1,
.claims-calculator .x-btn .cancelSelection2,
.claims-calculator .x-btn .cancelSelection3,
.claims-calculator .x-btn .cancelSelection4 {
  float:right;
  clear:right;
  color:#fff;
  display:none;
  margin-right:10px;
}
.claims-calculator .x-btn.Selection4Button.severityOption_0,
.claims-calculator .x-btn.Selection4Button.severityOption_1,
.claims-calculator .x-btn.Selection4Button.severityOption_2,
.claims-calculator .x-btn.Selection4Button.severityOption_3 {
  color:#fff;
}
.claims-calculator .x-btn.Selection4Button.severityOption_0:hover,
.claims-calculator .x-btn.Selection4Button.severityOption_0 {
  border-color:#FFC325;
  background-color:#FFC325;
}
.claims-calculator .x-btn.Selection4Button.severityOption_1:hover,
.claims-calculator .x-btn.Selection4Button.severityOption_1 {
  border-color:#F49B00;
  background-color:#F49B00;

}
.claims-calculator .x-btn.Selection4Button.severityOption_2:hover,
.claims-calculator .x-btn.Selection4Button.severityOption_2 {
  border-color:#CB1317;
  background-color:#CB1317;
}
.claims-calculator .x-btn.Selection4Button.severityOption_3:hover,
.claims-calculator .x-btn.Selection4Button.severityOption_3 {
  border-color:DarkRed;
  background-color:DarkRed;
}
.claims-calculator .x-btn.Selection4Button.severityOption_0:hover,
.claims-calculator .x-btn.Selection4Button.severityOption_1:hover,
.claims-calculator .x-btn.Selection4Button.severityOption_2:hover,
.claims-calculator .x-btn.Selection4Button.severityOption_3:hover {
  background-color:#000;
  border-color:#000;
  color:#fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
}
.priceContainer {
  display:none;
  padding-top:20px;
  padding-bottom:20px;
}
.priceContainer label {
  font-weight:normal;
  margin:10px 0;
  color: white;
}
.priceContainer .priceHolder {
  background-color: white;
  padding:15px;
  width:90%;
  margin:auto;
  color: #F7101D;
  font-size:25px;
  padding:15px;
  font-weight:900;
}
.x-btn.x-btn-flat.startButton, .x-btn.x-btn-flat:hover.startButton,
.x-btn.x-btn-flat.startButton2, .x-btn.x-btn-flat:hover.startButton2,
.x-btn.x-btn-flat.callBackButton, .x-btn.x-btn-flat:hover.callBackButton{
  background-color: #020202 !important;
  width:100% !important;
  border:1px solid #020202 !important;
  color: white !important;
  padding:15px;
  font-size: 19px;
  padding: 20px 5px !important;
}
.x-btn.x-btn-flat:hover.startButton,
.x-btn.x-btn-flat:hover.startButton2,
.x-btn.x-btn-flat:hover.callBackButton{
  background-color: black !important;
  color:white !important;
  font-weight:normal !important;
  border:1px solid white !important;
}
.addInButton{
  display:none;
  cursor:pointer;
  cursor:hand;
}
.addInButton label {
  cursor:pointer;
  cursor:hand;
}


.x-btn.x-btn-flat.addCostsButton, .x-btn.x-btn-flat:hover.addCostsButton {
  background-color: white;
  border:1px solid black;
  width:90% !important;
  margin-bottom:20px !important;
  padding:12px;
  display:none;
  cursor:pointer;
  cursor:hand;
  border: 2px solid white;
}
.addCostsButton label {
  cursor:pointer;
  cursor:hand;
}
.x-btn.x-btn-flat.addCostsButton:hover {
  background-color: black !important;
  color:white !important;
}
.goBack {
  display:none;
}
.x-btn.x-btn-flat.callBackButton,
.x-btn.x-btn-flat:hover.callBackButton {
  background-color: white;
  width:90% !important;
  margin:auto !important;
  padding:15px;
  display:none;
  cursor:pointer;
  cursor:hand;
  border: 2px solid white;
}
.x-btn.x-btn-flat:hover.callBackButton {
  background-color: black !important;
  color:white !important;
  font-weight:normal !important;
}
.callBackButton label {
  cursor:pointer;
  cursor:hand;
}
.step-header label,
.step-header2 label,
.step-header3 label{
  font-size:18px;
  padding:15px 10px !important;
  font-weight:200;
  background-color: #D10910 !important;
  color:#fff !important;
  text-align: center;
  width:100%;
}
.step-header2 {
  margin-top:20px;
}
.step-selected {
  display: none;
  margin-top:20px;
  margin-bottom:10px;
}
.extraExpensesContainer {
  display:none;
  padding-bottom:20px;
}

.extraExpensesContainer input{
  background-color: white;
  width: 90%;
  border-radius:0px;
  height:50px;
  text-align:center;
}
.extraExpensesContainer.col-md-12 label{
  text-align:center;
}
.extraExpensesContainer .col-md-12 {
  width:60%;

}
.extraExpensesContainer .col-md-12.addCostsButton {
  width:100%;
  margin:0;
}
.bottomTextContainer {
  display:none;
  color: white !important;
}
.bottomTextContainer p{
  padding:20px;
  width:90%;
  margin:auto;
}
.bottomTextContainer .whiteBg{
  background-color:white;
  padding:20px;
  width:90%;
  margin:auto;
}
.bottomTextContainer .whiteBg p{
  padding:0px;
  width:100%;
  
}
.goBack{
  cursor:pointer;
  cursor:hand;
  margin-top:20px;
}
.calculatorContainer {
  margin-top:20px;
}
p.small {
  line-height: 15px;
}

.claims-calculator .x-btn.x-btn-flat.Selection1Button,
.claims-calculator .x-btn.x-btn-flat.Selection2Button,
.claims-calculator .x-btn.x-btn-flat.Selection3Button,
.claims-calculator .x-btn.x-btn-flat.Selection4Button,
.claims-calculator .x-btn.x-btn-flat.Selection1Button:hover,
.claims-calculator .x-btn.x-btn-flat.Selection2Button:hover,
.claims-calculator .x-btn.x-btn-flat.Selection3Button:hover,
.claims-calculator .x-btn.x-btn-flat.Selection4Button:hover{
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0px !important;
  text-shadow: none !important;
}

.x-btn.x-btn-flat.startButton a,
.x-btn.x-btn-flat:hover.startButton a,
.x-btn.x-btn-flat.startButton2 a,
.x-btn.x-btn-flat:hover.startButton2 a,
.x-btn.x-btn-flat.callBackButton a,
.x-btn.x-btn-flat:hover.callBackButton a {
  color: inherit;
}

.claims-calculator.container.text {
  background-color:transparent;
  margin-top:20px;
  padding:20px;
}
.claims-calculator.container.text p.small {
  line-height:17px;
  font-size:12px;
}
.claims-calculator .blue {
  background-color: #D10910 !important;
}
.claims-calculator .blue label,
.claims-calculator .blue .input-group-addon{
  color: white;
  background-color:transparent;
  border:none;
  padding-left: 20px;
}
.claims-calculator .blue .addCostsButton {
  border: 2px solid black;
}
.claims-calculator .blue .addCostsButton label {
  color: black;
}
.claims-calculator .blue .addCostsButton:hover {
  border: 2px solid white;
}
.claims-calculator .blue .addCostsButton:hover label {
  color: white;
}
.claims-calculator .blue .col-md-12.addCostsButton {
  border:0px;
}
.addinformfield{background-color:#fff !important;}
.progress-container {
    background-color: #f1f1f1;
    height: 1.5em;
    position: relative;
    width: 100%;
}
.green, .hover-green:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
    BACKGROUND:
    repeating-linear-gradient(
      45deg,
      #D10910,
      #D10910 10px,
      #8B0000 10px,
      #8B0000 20px
    );
}
.text-white, .hover-text-white:hover {
    color: #fff !important;
    font-size:15px;
}
.center {
    text-align: center !important;
}
.progressbar {
    background-color: #F5F5F5;
    height: 100%;
    line-height: inherit;
    position: absolute;
}
.barFrame{padding-top:20px;padding-bottom:20px;background-color:white;}
/*media queries*/
@media only screen and (max-width: 767px) {
  .page-template-template-layout-full-width-claim-calculator .x-container.max {
    margin-top:0;
    width:95% !important;
  }
  .claims-calculator.container {
    width:100%;
  }
  .extraExpensesContainer .col-md-12 {  
    width:80%;
    margin:0;
  }
}




table.claim-table {
  background-color:white;
}
table.claim-table th.minor{
  background-color:#FFC300;
}
table.claim-table th.moderate{
  background-color:#F69C00;
}
table.claim-table th.moderately-severe{
  background-color:#CE0D06;
}
table.claim-table th.severe{
  background-color:#8F0100;
}


table.claim-table-payout {
  background-color:white;
}
table.claim-table-payout .minor{
  background-color:#FFC300;
  color:#fff;
  font-weight: 700;
}
table.claim-table-payout .moderate{
  background-color:#F69C00;
  color:#fff;
  font-weight: 700;
}
table.claim-table-payout .moderately-severe{
  background-color:#CE0D06;
  color:#fff;
  font-weight: 700;
}
table.claim-table-payout .severe{
  background-color:#8F0100;
  color:#fff;
  font-weight: 700;
}
table.claim-table-payout2 {
  background-color:white;
}
table.claim-table-payout2 .minor{
  background-color:#FFC300;
  color:#fff;
  font-weight: 700;
  width:30%;
}
table.claim-table-payout2 .moderate{
  background-color:#F69C00;
  color:#fff;
  font-weight: 700;
}
table.claim-table-payout2 .moderately-severe{
  background-color:#CE0D06;
  color:#fff;
  font-weight: 700;
}
table.claim-table-payout2 .severe{
  background-color:#8F0100;
  color:#fff;
  font-weight: 700;
}
table.claim-table-payout td,
table.claim-table-payout th,
table.claim-table-payout2 td,
table.claim-table-payout2 th,
table.claim-table td,
table.claim-table th{
  padding: 20px 25px !important;
}


.claim-table-payout th {
    color: #000;
}

.claim-table-payout td {
    width: 30%;
}

/*MEDIA QUERIES*/
@media (max-width: 979px) {
  .claim-table-payout td {
    width: 100%;
}
  #menu-main-menu-1 li:last-child{background-color:#020202;padding-left:10px;}
  #menu-main-menu-1 li:last-child a{color:white;}
  .x-navbar .mobile .x-nav li:last-child>a{border:0px;}
  .regional-page .x-block-grid.four-up>li:nth-child(3), 
  .regional-page .x-block-grid.four-up>li:nth-child(4) {
      margin-top: 3% !important;
  }
  .mobileOnly{display:block;}
  .x-btn-navbar.collapsed,
  .x-btn-navbar {
      color: #fff !important;
      background-color: #D10910 !important;
      box-shadow: none !important;
      margin-top: 30px;
  }
  .x-btn-navbar {
    text-shadow:none;
  }

  .x-portfolio .entry-info, .x-portfolio .entry-extra {
      width: 100%;
  }

  table.claim-table {width:100%;}
  table.claim-table tbody th.claim-level{width:100%;}
  table.claim-table tbody td,
  table.claim-table tbody th{display: block;  text-align:center;}
  table.claim-table tbody td:before,
  table.claim-table tbody th:before{ 
    content: attr(data-th); 
    display: block;
    text-align:center;  
  }

  table.claim-table-payout {width:100%;}
  table.claim-table-payout tr:first-child {display:none;}
  table.claim-table-payout tr:nth-of-type(2n) {background-color: inherit;}
  table.claim-table-payout tr td:first-child {display:none;}
  table.claim-table-payout tbody td,
  table.claim-table-payout tbody th{display: block;  text-align:center;}
  table.claim-table-payout tbody td:before,
  table.claim-table-payout tbody th:before{ 
    content: attr(data-th); 
    display: block;
    text-align:center;  
  }


  table.claim-table-payout2 {width:100%;}
  table.claim-table-payout2 tr:first-child {display:none;}
  table.claim-table-payout2 tr:nth-of-type(2n) {background-color: inherit;}
  table.claim-table-payout2 tr td:nth-child(2) {display:none;}
  table.claim-table-payout2 tbody td,
  table.claim-table-payout2 tbody th{display: block;  text-align:center;}
  table.claim-table-payout2 tbody td:before,
  table.claim-table-payout2 tbody th:before{ 
    content: attr(data-th); 
    display: block;
    text-align:center;  
  }
  table.claim-table-payout2 .minor{width:100%;}

  .x-topbar-inner .x-topbar .p-info {
    font-size:15px;
  }
}