/* Screen stylesheet */
/* Designed and developed by TCS Software (www.associationsoftware.com) */


/*
===========================================================================
@IMPORTED STYLESHEET: dues_css_structure
---------------------------------------------------------------------------
*/

/**/

html
{
  font-size:14px;
}

body
{
  margin:0px;
  padding:0px;
  background:#eeeeee;
  font-weight:400;
  color:#555555 !important;
}

img, iframe
{
  max-width:100%;
}

input
{
  width:100%;
  border-radius:5px;
  margin-bottom:0px;
  border:1px solid #d4d4d4;
  padding:9px;
  text-align:center;
}

#page-container
{
  padding:35px 20px;
  margin:50px auto;
  background:#ffffff;
  width:80%;
  max-width:900px;
  border-radius:10px;
}

#header
{
  text-align:center;
  padding-bottom:20px;
}

#header img
{
  max-height:80px;
  margin-bottom:20px;
}

#page-title
{
  background:#004876;
  padding:15px;
  color:#ffffff;
  font-size:22px;
}

#page-title span
{
  float:right;
  font-size:18px;
  padding-top:2px;
}

#content-questions
{
  padding:20px;
}

#content-questions .row
{
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:1px dashed #d4d4d4;
}

#content-questions .row:last-child
{
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:0px dashed #d4d4d4;
}

.form-number 
{
  background:#004876;
  border-radius:100px;
  max-width:40px !important;
  height:40px !important;
  color:#ffffff;
  font-size:25px;
  text-align:center;
  padding-top:5px !important;
}

#content-invoice
{
  padding:30px;
  border-radius:15px;
  background:#eeeeee;
  margin-bottom:20px;
}

#content-invoice .col-md-10, 
#content-invoice .col-md-2
{
  padding:0px;
}

#content-invoice .row:first-child
{
  padding-top:0px;
  margin-top:0px;
  border-top:0px dashed #d4d4d4;
}

#content-invoice .row
{
  padding-top:10px;
  margin-top:10px;
  border-top:1px dashed #d4d4d4;
}

#content-invoice .form-txt
{
  border-right:1px dashed #d4d4d4;
}

#content-invoice .form-price
{
  text-align:right;
}

#invoice-total
{
  border-top:3px solid #222222 !important;
  color:#222222;
  font-weight:bold;
}

#content-disclosure
{
  margin-bottom:20px;
}

#button-email
{
  background:#AA182C;
  color:#ffffff;
  width:33%;
}


/* NEW BUTTON IDs */
#button-sendemailnow
{
  background:#AA182C;
  color:#ffffff;
  width:20%;
  height:40px;
  margin-top:10px;
}

#button-online
{
  background:#004876;
  color:#ffffff;
  width:33%; 
}
#button-viewinvoice
{
  background:#555555;
  color:#ffffff;
  width:33%;
}

/* GENERAL SM/MD ONLY ----------------------------------------- */
@media (max-width: 991px) 
{
  .wow
  {
    animation-name:none !important;
  }
}

/* GENERAL MD ------------------------------------------------- */
@media (min-width: 768px) 
{
  html
  {
    font-size:13px;
  }
}

/* GENERAL LG ------------------------------------------------- */
@media (min-width: 992px) 
{
  html
  {
    font-size:14px;
  }
}

/* GENERAL XL ------------------------------------------------- */
@media (min-width: 1200px) 
{
  html
  {
    font-size:16px;
  }
}


















/*
===========================================================================
@IMPORTED STYLESHEET: Editor_Stylesheet
---------------------------------------------------------------------------
*/

/**/

body 
{
  color:#636466;  
  line-height:1.2;
  font-family: Arial, sans-serif;
  font-size:18px;
}

a:link, a:visited, a:focus
{
  color:#004987;
  text-decoration:underline;
}

a:hover
{
  color:#00a1df;
}

p.larger-font
{
  font-size:22px;
}

p.largest-font
{
  font-size:28px;
}

b, strong
{
  font-weight:bold;
}

h1, .tcsnews h3, h2.tcsDetails 
{
  color:#004987;
  font-size:1.8rem;
  font-family:Georgia;
  font-weight:normal;
  margin:0px 0px 10px 0px;
}

h1.larger-font
{
  font-size:3rem;
}

h1.largest-font
{
  font-size:5rem;
}

h2 
{
  color:#00a1df;
  font-family:Arial;
  font-size:1.6rem;
  font-weight:bold;
  margin:0px 0px 10px 0px;
}

h2.larger-font
{
  font-size:2.1rem;
}

h2.largest-font
{
  font-size:2.8rem;
}

h3 
{
  color:#ef7622;
  font-family:Arial;
  font-size:1.3rem;
  font-weight:bold;
  margin:0px 0px 10px 0px;
}

h3.larger-font
{
  font-size:1.8rem;
}

h3.largest-font
{
  font-size:2.4rem;
}

h3 a
{
  text-decoration:none !important;
}

.small-header h3
{
  font-size:1rem;
}

.green-header h3
{
  color:#82bc00;
}

.light-blue-header h3
{
  color:#00a1df;
}

.dark-blue-header h3
{
  color:#004987;
}

h4 
{
  color:#004987;
  font-family:Arial;
  font-weight:normal;
  font-size:1.1rem;
}

h4.larger-font
{
  font-size:1.6rem;
}

h4.largest-font
{
  font-size:2rem;
}

h5 
{
  color:#00a1df;
  font-family:Arial;
  font-weight:bold;
  font-style:italic;
  font-size:1.1rem;
}

h5.larger-font
{
  font-size:1.6rem;
}

h6 
{
  color:#636466;
  font-size:1rem;
}

h6.larger-font
{
  font-size:1.5rem;
}

hr
{
  border:0px;
  border-top:1px solid #cdc3bb;
  margin:15px auto;
  clear:both;
}

.title
{
  padding:0px 0px 15px 0px;
  border-bottom:1px solid #cdc3bb;
  margin:0px 0px 15px 0px;
}

.dark-blue-button a
{
  color:#ffffff !important;
  background:#004987;
  padding:10px 30px;
  border-radius:10px;
  margin:10px auto;
  display:inline-block;
  text-decoration:none !important;
}

.light-blue-button a
{
  color:#ffffff !important;
  background:#00a1df;
  padding:10px 30px;
  border-radius:10px;
  margin:10px auto;
  display:inline-block;
  text-decoration:none !important;
}

.orange-button a
{
  color:#ffffff !important;
  background:#ef7622;
  padding:10px 30px;
  border-radius:10px;
  margin:10px auto;
  display:inline-block;
  text-decoration:none !important;
}

.green-button a
{
  color:#ffffff !important;
  background:#82bc00;
  padding:10px 30px;
  border-radius:10px;
  margin:10px auto;
  display:inline-block;
  text-decoration:none !important;
}

.responsive-table
{
  width:100% !important;
}

.responsive-table tr td
{
  padding:10px;
  border:1px solid #cdc3bb;
}

.dark-blue-cell
{
  color:#ffffff !important;
  background:#004987;
  padding:10px;
  font-weight:bold;
  font-size:20px;
}

.light-blue-cell
{
  color:#ffffff !important;
  background:#00a1df;
  padding:10px;
  font-weight:bold;
  font-size:20px;
}

.orange-cell
{
  color:#ffffff !important;
  background:#ef7622;
  padding:10px;
  font-weight:bold;
  font-size:20px;
}

.green-cell
{
  color:#ffffff !important;
  background:#82bc00;
  padding:10px;
  font-weight:bold;
  font-size:20px;
}

/* XS/SM ONLY ---------------------------------------------- */
@media (max-width: 767px) 
{
  .responsive-table tr td
  {
    float:left;
    width:100% !important;
    height:auto !important;
  }
}