body, html{width: 100%;}


/*=======================================
=            Boostrap Custom            =
=======================================*/
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.row {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-12 {
  width: 100%; }

.col-xs-11 {
  width: 91.66666667%; }

.col-xs-10 {
  width: 83.33333333%; }

.col-xs-9 {
  width: 75%; }

.col-xs-8 {
  width: 66.66666667%; }

.col-xs-7 {
  width: 58.33333333%; }

.col-xs-6 {
  width: 50%; }

.col-xs-5 {
  width: 41.66666667%; }

.col-xs-4 {
  width: 33.33333333%; }

.col-xs-3 {
  width: 25%; }

.col-xs-2 {
  width: 16.66666667%; }

.col-xs-1 {
  width: 8.33333333%; }

.col-xs-offset-12 {
  margin-left: 100%; }

.col-xs-offset-11 {
  margin-left: 91.66666667%; }

.col-xs-offset-10 {
  margin-left: 83.33333333%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-8 {
  margin-left: 66.66666667%; }

.col-xs-offset-7 {
  margin-left: 58.33333333%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-5 {
  margin-left: 41.66666667%; }

.col-xs-offset-4 {
  margin-left: 33.33333333%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-2 {
  margin-left: 16.66666667%; }

.col-xs-offset-1 {
  margin-left: 8.33333333%; }

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

@media (min-device-width: 320px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }

  .col-sm-12 {
    width: 100%; }

  .col-sm-11 {
    width: 91.66666667%; }

  .col-sm-10 {
    width: 83.33333333%; }

  .col-sm-9 {
    width: 75%; }

  .col-sm-8 {
    width: 66.66666667%; }

  .col-sm-7 {
    width: 58.33333333%; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-5 {
    width: 41.66666667%; }

  .col-sm-4 {
    width: 33.33333333%; }

  .col-sm-3 {
    width: 25%; }

  .col-sm-2 {
    width: 16.66666667%; }

  .col-sm-1 {
    width: 8.33333333%; }

  .col-sm-offset-12 {
    margin-left: 100%; }

  .col-sm-offset-11 {
    margin-left: 91.66666667%; }

  .col-sm-offset-10 {
    margin-left: 83.33333333%; }

  .col-sm-offset-9 {
    margin-left: 75%; }

  .col-sm-offset-8 {
    margin-left: 66.66666667%; }

  .col-sm-offset-7 {
    margin-left: 58.33333333%; }

  .col-sm-offset-6 {
    margin-left: 50%; }

  .col-sm-offset-5 {
    margin-left: 41.66666667%; }

  .col-sm-offset-4 {
    margin-left: 33.33333333%; }

  .col-sm-offset-3 {
    margin-left: 25%; }

  .col-sm-offset-2 {
    margin-left: 16.66666667%; }

  .col-sm-offset-1 {
    margin-left: 8.33333333%; }

  .col-sm-offset-0 {
    margin-left: 0; } }
@media (min-device-width: 999px) {
  .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 {
    float: left; }

  .col-md-12 {
    width: 100%; }

  .col-md-11 {
    width: 91.66666667%; }

  .col-md-10 {
    width: 83.33333333%; }

  .col-md-9 {
    width: 75%; }

  .col-md-8 {
    width: 66.66666667%; }

  .col-md-7 {
    width: 58.33333333%; }

  .col-md-6 {
    width: 50%; }

  .col-md-5 {
    width: 41.66666667%; }

  .col-md-4 {
    width: 33.33333333%; }

  .col-md-3 {
    width: 25%; }

  .col-md-2 {
    width: 16.66666667%; }

  .col-md-1 {
    width: 8.33333333%; }

  .col-md-offset-12 {
    margin-left: 100%; }

  .col-md-offset-11 {
    margin-left: 91.66666667%; }

  .col-md-offset-10 {
    margin-left: 83.33333333%; }

  .col-md-offset-9 {
    margin-left: 75%; }

  .col-md-offset-8 {
    margin-left: 66.66666667%; }

  .col-md-offset-7 {
    margin-left: 58.33333333%; }

  .col-md-offset-6 {
    margin-left: 50%; }

  .col-md-offset-5 {
    margin-left: 41.66666667%; }

  .col-md-offset-4 {
    margin-left: 33.33333333%; }

  .col-md-offset-3 {
    margin-left: 25%; }

  .col-md-offset-2 {
    margin-left: 16.66666667%; }

  .col-md-offset-1 {
    margin-left: 8.33333333%; }

  .col-md-offset-0 {
    margin-left: 0; } }
@media (min-device-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }

  .col-lg-12 {
    width: 100%; }

  .col-lg-11 {
    width: 91.66666667%; }

  .col-lg-10 {
    width: 83.33333333%; }

  .col-lg-9 {
    width: 75%; }

  .col-lg-8 {
    width: 66.66666667%; }

  .col-lg-7 {
    width: 58.33333333%; }

  .col-lg-6 {
    width: 50%; }

  .col-lg-5 {
    width: 41.66666667%; }

  .col-lg-4 {
    width: 33.33333333%; }

  .col-lg-3 {
    width: 25%; }

  .col-lg-2 {
    width: 16.66666667%; }

  .col-lg-1 {
    width: 8.33333333%; }

  .col-lg-offset-12 {
    margin-left: 100%; }

  .col-lg-offset-11 {
    margin-left: 91.66666667%; }

  .col-lg-offset-10 {
    margin-left: 83.33333333%; }

  .col-lg-offset-9 {
    margin-left: 75%; }

  .col-lg-offset-8 {
    margin-left: 66.66666667%; }

  .col-lg-offset-7 {
    margin-left: 58.33333333%; }

  .col-lg-offset-6 {
    margin-left: 50%; }

  .col-lg-offset-5 {
    margin-left: 41.66666667%; }

  .col-lg-offset-4 {
    margin-left: 33.33333333%; }

  .col-lg-offset-3 {
    margin-left: 25%; }

  .col-lg-offset-2 {
    margin-left: 16.66666667%; }

  .col-lg-offset-1 {
    margin-left: 8.33333333%; }

  .col-lg-offset-0 {
    margin-left: 0; } }
/*-----  End of Boostrap Custom  ------*/

.visible-phone, .hidden-desktop {display: none !important; }
.visible-desktop {display: block !important; }


.rps-comp{width: 620px;margin:0 auto;text-align:left;background-color: #fff;box-sizing: border-box;padding: 15px; display: inline-block;}
.rps-comp .row{margin-left:0;margin-right:0;}
.rps-comp .row>div{padding-left: 0;padding-right: 0;}
.rps-comp label{font-weight: normal;}
.rps-comp .field-txt{display: inline-block;margin-top: 8px;}
.rps-comp .customDropdown{margin-bottom: 15px !important;}
.rps-comp .row-select .field-txt{margin-top: 12px;}
.rps-comp .form-fields input[type="text"], .rps-comp .form-fields input[type="tel"]{
	width: 214px !important;padding-right: 6px !important;padding-left: 5px !important;
}

.rps-comp .table{margin:25px 0;}
.rps-comp .table thead th {
    padding: 0;
    color: #666363;
    border: none;
    border-bottom: 2px solid #C80011;
    vertical-align: top !important;
    text-align: center;
    padding: 8px 0;
    font-size: 16px;
    line-height: 1.3em;
}
.rps-comp .table thead td{padding-left: 20px;width: 50%;}
.rps-comp .table thead td:first-child{padding-left: 0;border-right: 1px solid #ddd;}
.rps-comp .table tbody td{text-align: center;}
.rps-comp .table.rows tr:first-child td{border-bottom:2px solid #C80011;border-top:0;}
.rps-comp .table th, .table td{border-bottom: 1px solid #ddd;}
.swap-content{margin-top: 20px;}

.genDataRow:hover td{background-color: #eee;}

.remarks{font-size: 13px; margin:15px 0;}
.remarks td{border:0; text-align: left !important; color:#333;}

/*==========  expandable content  ==========*/
.rps-comp .collapse{height: auto;}
.comp-expand, .tb-mobile {
  padding-top: 10px !important; 
  margin-bottom: 10px !important;}
  .comp-expand, .comp-expand dt, .comp-expand dd, .tb-mobile, .tb-mobile dt, .tb-mobile dd {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 100%; }
  .comp-expand:first-of-type, .tb-mobile:first-of-type {
    padding-top: 6px !important; }
  .comp-expand dt, .tb-mobile dt {
    background: url(../images/expand_arrow.png) no-repeat right center;
    border-bottom: 2px solid #C80011;
    padding-bottom: 10px !important; 
    font-size: 26px;}
    .comp-expand dt p, .tb-mobile dt p {
      margin: 0; }
  .comp-expand dd, .tb-mobile dd {
    display: none;
    padding-top: 15px;
    padding-bottom: 0px !important; 
    color: #333;}
    .comp-expand dd .row:first-of-type, .tb-mobile dd .row:first-of-type {
      margin-top: -3px; }
  .comp-expand.collapse dt, .tb-mobile.collapse dt {
    background-image: url(../images/expand_arrow_up.png); }
  .comp-expand.collapse dd, .tb-mobile.collapse dd {
    display: inline-block; }
  .comp-expand .table, .tb-mobile .table {
    margin-bottom: 0; }
    .comp-expand .table td, .tb-mobile .table td {
      font-weight: normal !important; }
    .comp-expand dd p, .tb-mobile dd p{
      padding: 5px 0 10px;
    }
  .comp-expand .subtit, .tb-mobile .subtit {
    color: #666; padding-bottom: 0 !important;}
    .comp-expand .subtit:first-of-type, .tb-mobile .subtit:first-of-type {
      margin-top: 0; }
    .comp-expand .subtit.large, .tb-mobile .subtit.large {
      font-weight: 300;
      font-size: 16px !important;
      margin-top: 0px; }
    .comp-expand .subtit.first, .tb-mobile .subtit.first {
      margin-top: 13px; }
  .comp-expand h4, .tb-mobile h4 {
    font-size: 14px; }
  .comp-expand .row, .tb-mobile .row {
    padding-top: 0 !important;
    padding-bottom: 4px !important; }
    .rps-comp .col-reset{padding: 0;}

    .comp-expand.total dt{
      background-color: #C80011;color:#fff;padding-top: 13px;
      background-image: url(../images/expand_arrow_white.png);
      background-position: right 70%;
    }
    .comp-expand.collapse.total dt{
      padding-top: 13px;
      background-image: url(../images/expand_arrow_up_white.png);
    }
    .comp-expand.total dt p{margin-left: 10px;}

@media only screen and (max-device-width: 1024px){
  .visible-desktop, .hidden-phone {display: none !important; }
  .visible-phone {display: block !important; }
  .rps-comp, .rps-comp input, .rps-comp select, .rps-comp label{font-size: 22px;line-height: 1.2em;}
  .rps-comp .radio{margin:15px 0;}
	.rps-comp{width: 100%;}
  .rps-comp .table thead th{font-size: 26px;padding-bottom: 10px;}
  .rps-comp .table thead td{border-bottom: 1px solid #ddd;border-top:0;line-height: 1.3em;}    
  .rps-comp .field-txt{padding-bottom: 5px;}
}


/*==========  CSS Hacks Targeting Firefox  ==========*/
@-moz-document url-prefix() {
  .rps-comp .form-fields input[type="text"], .rps-comp .form-fields input[type="tel"] {
      width: 224px !important;
  }  
}

.customDropdown{width: 228px \9;}
.customDropdown select{
  width: 110% \9;
  max-width: 110% \9;
  min-width: 110% \9;
}