/*Ragan Training Redesign*/

/*Remove After Testing*/

.test-version-message {
  display: none;
}
#cover {
  padding-top: 15px;
}

.nav {
  background: #1778AE;
  width: 100%;
  height: 40px;
  font: bold 12px Arial, Helvetica, Sans-serif;
  overflow: hidden;
  position: fixed;
  z-index: 9999;
  top: 0px;
  display: block !important;
}

.nav_item {
  text-align: center;
}

#logo img {
  max-width: 70%;
  float: none;
  margin-bottom: 6px;
}

.nav select {
  display: none;
}

#content1 {
  margin-top: 0px;
}

div[id^="pp"] .questionlabel, div[id^="pd"] .questionlabel {
display: inline-block;
width: calc(100% - 40px);
margin-top: 0;
}

div[id^="pp"] input, div[id^="pd"] input {
  vertical-align: top;
}

.checkboxlabel {
  display: inline-block;
  width: calc(100% - 40px);
  margin-top: 0;
  vertical-align: top;
}

.sub_header {
  color: #1778AE;
  font-weight: 600;
  border-right:2px solid #00609C;
}

.sub_header:last-of-type {
  border-right: none;
}

.sub_header:first-of-type {
  padding-left: 0px;
}

.div_sub_head {
  padding: 10 0 10 0;
}
p#p405 {
  margin-bottom: 0px;
}

p.drg-element-type-standard-field span.questionlabel, .drg-element-type-demographic span.questionlabel, #p48 .questionlabel {
  display: none;
}

.checkboxlabel label {
  display: inherit;
}

.addresslabel {
  max-width: 100%;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-top: 0px;
}

p#p16 , p#p17 {
  display: block !important;
}

input[type="text"], input[type="password"], input[type="email"], textarea, select {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #7e7878;
  padding: 6px 4px;
  outline: none;
  font-weight: 600;
  display: block;
  max-width: 100%;
  margin-bottom: 10px;
  font-size: 12px;
}

input[type="text"], input[type="password"], input[type="email"], textarea {
  color: #000;
}

span.questionlabel {
  color: #333;
}

h1 {
  color: #00609C;
  font-weight: 700;
  font-size: 39px;
  font-family: Lato, sans-serif;
  margin-bottom: 0px;
}

h2 {
  font-size: 28px;
  font-family: Lato, sans-serif;
  font-weight: 900;
  color: #1778AE;
  margin-bottom: 20px;
  text-transform: uppercase;
}

h3 {
  line-height: normal;
  font-size: 14pt;
  font-family: Lato, sans-serif;
  font-weight: bold;
  color: #00609C;
  text-align: left;
  margin-bottom: 0px;
}

hr {
  border: solid 4px #E4E4E4;
  opacity: .43;
  width: 96%;
}

p#alsub {
  font-weight: bold;
  color: black;
}

.nav_item {
  color: #1778AE;
}

#ar_txt {
  font-size: 12px;
}

a {
  color: #1778AE;
}

/* Customer info */

p#p1, p#p2, p#p3, p#p4, p#p5, p#p6, p#p8, p#p9, p#p10, p#p11, p#p13, p#p7, p#p16, p#p17, p#p131, p#p140, p#p132, p#p133, p#p134, p#p135 {
  margin-bottom: 5px;
}

/* submit button */

div#submitbtn {
  display: none;
}

input[type="submit"] {
  font-size: 18px;
  background: #5AE2AD;
  text-shadow: none;
  color: #1C3C6E;
  font-weight: 600 !important;
  text-decoration: none;
  padding: 14px 48px;
  font-weight: normal;
  border: none;
  min-width: 100px;
  margin-bottom: 7%;
}

input[type="submit"]:hover {
  background: #1C3C6E;
  color: #5AE2AD;
  border: none;
}

div#subbutton {
  margin-top: 20px;
  text-align: center;
}

/*Second Stylesheet*/

span.spanc10.drg-element-type-demographic.drg-element-sub-type-type-1 p#p10, span.spanc11.drg-element-type-demographic.drg-element-sub-type-type-1 p#p11, span.spanc12.drg-element-type-demographic.drg-element-sub-type-type-1 p#p12, span.spanc24.drg-element-type-demographic.drg-element-sub-type-type-1 p#p24, p#p48 {
  display: block;
  margin-bottom: 5px;
}

p#p52, p#p47 {
  max-width: 878px;
}

input#id_r52, input#id_r47 {
  width: 100%;
  max-width: 780px;
}

span.spanc69.drg-element-type-cms-content.drg-element-sub-type-category-1 {
  margin-top: 20px;
  display: block;
}

p#p69 {
  margin-bottom: 10px;
}

p#p70, p#p71, p#p88, p#p89, p#p90, p#p91, p#p92 {
    margin-bottom: 10px;
}

input#id48, input#id205 {
    background: lightgray;
    color: black;
}

/*Newly Added*/

p.drg-element-type-standard-field input, p.drg-element-type-standard-field select, 
p.drg-element-type-demographic input, p.drg-element-type-demographic select, .drg-field-normal {
  height: 38px;
}

.rt_login {
  border: 2px #5AE2AD solid;
  font-weight: 600;
  margin-top: 5px;
  color: #1778AE;
}

.rt_login a {
 color: #5AE2AD;
}

.footer_interest {
  background: #E4E4E4;
  padding-top: 2%;
}

.footer_interest h3 {
  text-align: center;
}

.footer_nav {
  background: #1C3C6E;
  width: 100%;
  height: 65px;
  color: #f2f2f2;
  font-size: 12px;
  text-align: left;
}

.footer_nav {
  font-size: 14px;
}

.footer {
  border-top: none;
}

#ccframe {
  width: 200px;
}

div#totalsec {
    margin: 20px 0 0;
    border: 2px solid #5AE2AD;
    padding: 10 0 0 15;
    border-radius: 10px;
    background: #ffffff;
    width: 300px;
}

p#p64, p#p62, p#p63 {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 10px;
    border-radius: 20px;
}

p.drg-element-sub-type-fieldname-SUBTOTAL#p64 .questionlabel, #p62 .questionlabel, #p63 .questionlabel {
    font-size: 14px;
    display: inline-block;
}

input#id64, input#id62, input#id63 {
    color: inherit;
    width: auto !important;
    font-size: 14px;
    font-weight: inherit;
    border:none;
    padding:0px;
    display:inline-block;
    margin-bottom:0px;
    height: auto;
    cursor: default;
    padding: 5px;
}

p#p64, p#p62, p#p63 {
    width: 100%;
    cursor: default;
}

.footer_interest li::before {
  content: "\2022";
  color: #1778AE;
  font-weight: bold;
  display: inline-block;
  width: 1em; 
}

@media (min-width: 350px) {
body {
  overflow-x: hidden; /* Hide horizontal scrollbar */
}
}

@media (max-width: 479px) {
h1 {
  font-size: 30px;
}
h2 {
  font-size: 22px;
  margin-bottom: 5px;
}
select {
  width: 100%
}
.addresslabel {
  padding-right: 0px;
} 
.header_navbar {
  font-size: 16px;
  color: #000;
  font-weight: 600;
}
svg {
  position: relative;
  top: 19;
  width: 15px;
}
.nav_item {
  display: block;
  line-height: 1.0;
  padding-left: 8%;
  text-align: left;
}
.rt_login {
  padding: 8 0 8 0;
  font-size: 16px;
  text-align: center;
  margin-bottom: 5px;
}
div#totalsec {
  width: 94%;
  margin-bottom: 20px;
}
input[type="submit"] {
  margin-bottom: 20%;
}
}

@media (min-width: 480px) {
#p7621 {
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#EXPMONTH {
  margin-bottom: 18px !important;
} 
p#p32 {
  margin-bottom: 0px !important;
  position: relative;
  top: -45;
}
.drg-element-sub-type-fieldname-CCEXPIRE#p32.addresslabel, .drg-element-sub-type-fieldname-CCEXPIRE#p32.addresslabel::after {
  display: inline-block;
  width: 170px;
  padding: 0;
}
}

@media (min-width: 768px) {
  p#p1, p#p2, p#p3, p#p4, p#p5, p#p6, p#p8, p#p9, p#p10, p#p11, p#p13, p#p7, p#p16, p#p17, p#p131, p#p140, p#p132, p#p133, p#p134, p#p135 {
  margin-bottom: 5px;
  display: inline-block;
}
.addresslabel {
  width: 48%;
}
p#p16 , p#p17 {
  width: 48%;
}
input#id48, input#id205 {
  width: 49.5%;
}
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
h2 {
  font-size: 22px;
  margin-bottom: 5px;
}
p.drg-element-type-demographic select {
  width: 97.5%;
}
.header_navbar {
  font-size: 20px;
  color: #000;
  font-weight: 600;
  padding-left: 10%;
}
svg {
 position: relative;
  top: 22;
  left: 15;
  width:21px;
}
 .nav_item {
  display: block;
  padding-left: 15%;
  line-height: 1.0;
  text-align: left;
}
.rt_login {
  margin-right: 10px;
  padding: 8 0 8 0;
  font-size: 22px;
  text-align: center;
  margin-bottom: 5px;
}
div#totalsec {
  width: 95%;
  margin-bottom: 20px;
}
input[type="submit"] {
  margin-bottom: 12%;
}
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
p {
  max-width: 97.5%;
}
p#p127.drg-element-sub-type-fieldname-NAMEONCARD {
  width: 48%;
}
.header_navbar {
  width: 17%;
  display: inline-block;
  font-size: 14px;
  color: #000;
  font-weight: 600;
  padding-left: 15px;
}
.nav_item {
  display: block;
}
.nav_item {
  border-right: 1px grey solid;
}
.nav_last {
  border-right: 0px;
  padding-left: 20px;
}
svg {
  position: relative;
  top: 22;
  width: 18px;
}
#svg_1 {
  position: relative;
 left: -15;
}
  #svg_2 {
  position: relative;
 left: 2;
}
  #svg_3 {
  position: relative;
 left: 15;
}
  #svg_4 {
  position: relative;
 left: 12;
}
  #svg_5 {
  position: relative;
 left: -5;
} 
.rt_login {
  float: right;
  margin-right: 20px;
  padding: 8 12 8 12;
  font-size: 22px;
}
div#totalsec {
  width: 47%;
  margin-bottom: 20px;
}
.footer_interest ul {
  display: inline-block;
  width: 24.25%;
  max-width: 250px;
  font-size: 16px;
  text-align: left;
  padding-top: 20px;
  padding-left: 115px;
  color: #000;
}
}

@media (min-width: 960px) {
p#p127.drg-element-sub-type-fieldname-NAMEONCARD {
  width: 39%;
}
.header_navbar {
  display: inline-block;
  font-size: 18px;
  color: #000;
  font-weight: 600;
  padding-left: 20px;
  width: 160px;
}
svg {
  position: relative;
  top: 22;
  width: 22px;
}
#svg_1 {
  position: relative;
 left: -20;
}
  #svg_2 {
  position: relative;
 left: 5;
}
  #svg_3 {
  position: relative;
 left: 20;
}
  #svg_4 {
  position: relative;
 left: 15;
}
  #svg_5 {
  position: relative;
 left: -5;
} 
.nav_item {
  display: block;
  line-height: 1.0;
}
.nav_item {
  border-right: 1px grey solid;
}

.nav_last {
  border-right: 0px;
  padding-left: 25
}
}


@media (min-width: 960px) {
p {
  line-height: 1.5;
  max-width: 97%;
}
p#p127.drg-element-sub-type-fieldname-NAMEONCARD {
  width: 39%;
}
.sub_header {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 22px;
}
.rt_login {
  float: right;
  margin-right: 3%;
  padding: 8 20 8 20;
  font-size: 22px;
}
#totalsec {
  float: right;
  position: relative;
  top: 38px;
  margin-right: 13% !important;
}
.footer_interest ul {
  display: inline-block;
  width: 24.25%;
  max-width: 250px;
  font-size: 16px;
  text-align: left;
  padding-top: 20px;
  color: #000;
}
}

@media (max-width: 959px) {
.sub_header {
  padding-left: 5px;
  padding-right: 5px;
  font-size: 18px;
}
.div_sub_head {
  padding: 0 0 5 0;
}
}

#p104 .questionlabel {
  display: block;
}

p#p104 {
  margin-bottom: 0px;
  font-size: 12px;
  padding-left: 5px;
}