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


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


/**/

body
{
  margin:50px;
  padding:0px;
  background:#eee;
}

/* MAIN MONITOR ---------------------------- */

@media (min-width:992px) and (max-width:1200px) 
{ 

}

/* MAIN TABLET ---------------------------- */

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

}

/* MAIN PHONE ---------------------------- */

@media (max-width:767px) 
{

}

/* CONTENT --------------------------------------------------------------------------------- */

#content
{
  background:#ffffff;
  box-shadow:0px 0px 20px #333333;
  padding:30px;
}

/* CONTENT MONITOR ---------------------------- */

@media (min-width:992px) and (max-width:1200px) 
{ 

}

/* CONTENT TABLET ---------------------------- */

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

}

/* CONTENT PHONE ---------------------------- */

@media (max-width:767px) 
{ 

}

/* FORM STYLES ------------------------------------------------------------ */

.tcsUserCreatedForm
{
  border:0px solid #d4d4d4 !important;
}

.tcsUserCreatedForm input, .tcsUserCreatedForm select, .tcsUserCreatedForm textarea
{
  padding:5px;
  margin:2px;
  border:1px solid #d4d4d4;
}

.tcsUserCreatedForm td
{
  vertical-align:middle !important;
  padding:2px;
}

.tcsUserCreatedForm_Table
{
  border-spacing:3px;
}

.tcsUserCreatedForm_Table input
{
  padding:3px;
}

.tcsUserCreatedForm
{
  padding:0px !important;
}

.formtitle
{
  margin-bottom:15px;
  padding-bottom:15px;
  border-bottom:1px solid #d4d4d4;
}

.tcsUserCreatedForm input, .tcsUserCreatedForm select, .tcsUserCreatedForm textarea
{
  max-width:100%;
}

.tcsUserCreatedForm_Table h3
{
  margin:20px 0px;
}

input.button
{
  background:#333333;
  padding:5px;
  margin:5px 0px;
  text-align:center;
  color:#ffffff;
  border:0px solid #d4d4d4;
}

/* FORM TABLET ---------------------------- */

@media (min-width:768px) and (max-width:991px)
{ 
  .tcsUserCreatedForm td
  {
    width:100%;
    float:left;
    text-align:left !important;
  }

  .tcsUserCreatedForm td + td
  {
    margin-bottom:15px;
  }

  .tcsUserCreatedForm input, .tcsUserCreatedForm select
  {
    padding:5px;
    margin:2px;
    width:100%;
    color:#ffffff;
  }
}

/* FORM PHONE ---------------------------- */

@media (max-width:767px) 
{ 
  .tcsUserCreatedForm td
  {
    width:100%;
    float:left;
    text-align:left !important;
  }

  .tcsUserCreatedForm td + td
  {
    margin-bottom:15px;
  }

  .tcsUserCreatedForm input, .tcsUserCreatedForm select, .tcsUserCreatedForm textarea
  {
    padding:5px;
    margin:2px;
    width:100%;
    color:#ffffff;
  } 

  form div
  {
    float:none !important;
    margin:10px 0px !important;
  }

  input.button
  {
    width:100%;
  }

  .tcsConfirmationWindow td, .tcsConfirmationWindow th
  {
    float:left;
    width:100%;
    text-align:center !important;
  }

  form p
  {
    width:100% !important;
  }
}



/* ------------------------------------------------------------------------------- */
/* LOGIN ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

.login-page
{
  background:#000000;
  background-size:cover;
  padding:25px;
  height:100%;
}

.login-container
{
  text-align:center;
}

#login-text
{
  max-width:800px;
  padding:25px 0px;
  border-bottom:0px dashed #d4d4d4;
  margin-bottom:25px;
}

#login-box
{
  background:#fff;
  padding:25px;
  border-radius:10px;
  margin:0px auto;
  text-align:center;
  position:relative;
  display:inline-block;
}

#login-box input
{
  width:100% !important;
  display:block;
}

#login-box .col-md-8.col-md-offset-2
{
  flex:none;
  max-width:100%;
  padding:0px;
}

#login-box .tcsSubHeadFont
{
  padding-bottom:15px;
  margin-bottom:15px;
  margin-top:0px;
  font-weight:900;
  color:#000000 !important;
border-bottom:0px;
  border-top:0px;
  border-left:0px;
  border-right:0px;
}

#login-box .tcsInputForm 
{
  border:0px solid #F0EFEF;
  padding:0px;
  border-radius:0px;
  margin-bottom:0px;
  position:static;
}

#login-box .tcsForgotPassword
{
  display:block;
  background:#333333;
  padding:10px;
  border-radius:5px;
  position:static;
}

#login-box .tcsForgotPassword a
{
  color:white !important;
  text-decoration:none !important;
}

#login-box .tcsFormTitle
{
  display:none;
}

#login-box #login, #login-box button
{
  display:block;
  width:100% !important;
  margin:15px 0px;
  background:#000000;
  color:white !important;
  text-decoration:none !important;
  padding:10px;
  border-radius:5px;
}

#new-account-button:hover
{
  background:#000000 !important;
}

#create_account .tcs-bscommon-form-title
{
  font-size:22px !important;
}

#create_account span.input-group-addon
{
  background:#333333 !important;
}

#login-box .container-fluid
{
  max-width:100%;
  width:100%;
  padding:0px;
}

#login-box .container-fluid .col-sm-8
{
  max-width:100%;
  width:100%;
  padding:0px;
  flex:none;
}

#login-box .container-fluid .col-sm-8 form
{
  width:100%;
}

#login-box .container-fluid .col-sm-8 form .alert-info
{
  background:@lgrey;
  border:1px solid #d4d4d4;
  color:#333333;
}

#login-box .container-fluid .col-sm-8 form .tcsFormInput
{
  margin-bottom:20px;
}

#login
{
  background-color: #000000 !important;
}

/* GENERAL SM ONLY ----------------------------------------- */
@media (max-width: 767px) 
{
  #create_account input, #create_account select, #create_account div
  {
    width:100% !important;
  }    
  #loginform
  {
    margin-left:0px;
  }
}

/* LOGIN MD ------------------------------------------------- */
@media (min-width: 768px) 
{
  .login-page
  {
    padding:35px;
  }

  #loginform
  {
    max-width:800px;
  }

  #create_account, .login-page #mainPage.tcs-bscommon-main-page-area
  {
    max-width:800px !important;
  }

  #create_account label
  {
    text-align:left !important;
  }

  #login-box .container-fluid
  {
    max-width:800px;
  }
}

/* LOGIN LG ------------------------------------------------- */
@media (min-width: 992px) 
{
  .login-page
  {
    padding:50px;
  } 

  .login-page #footer
  {
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    opacity:.9;
  }

  #login-box
  {
    padding:40px;
  }

  #create_account, .login-page #mainPage.tcs-bscommon-main-page-area
  {
    max-width:800px !important;
  }
}

/* LOGIN XL ------------------------------------------------- */
@media (min-width: 1200px) 
{
  .login-page
  {
    padding:75px;
  }  
}



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


/**/


body 
{
  color:#333333;  
  font-family: 'Lato', sans-serif;
  font-size:15px;
}

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

a:hover
{
  color:#000000;
}

h1 
{
  color:#000000;
  margin:0px 0px 10px 0px;
  font-size:2em;
  font-weight:900;
}

h2 
{
  color:#000000;
  margin:0px 0px 10px 0px;
  font-size:1.6em;
  font-weight:700;
}

h3 
{
  color:#000000;
  margin:0px 0px 10px 0px;
  font-size:1.3em;
  font-weight:700;
}

h4 
{
  color:#333333;
  margin:0px 0px 5px 0px;
  font-weight:bold;
  font-size:1.1em;
  font-weight:700;
}

h5 
{
  color:#333333;
  margin:0px 0px 5px 0px;
  font-size:1em;
  font-weight:normal;
}

h6 
{
  color:#333333;
  margin:0px 0px 5px 0px;
  font-size:1em;
}

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

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

.primarytext
{
  color:#000000 !important;
}

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

.secondarytext
{
  color:#333333 !important;
}

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

.accenttext
{
  color:#555555 !important;
}

.accent-button a
{
  color:#ffffff !important;
  background:#555555;
  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 #d4d4d4;
}

.primary-cell
{
  background:#000000;
  padding:10px;
  color:#ffffff;
  font-weight:bold;
  font-size:20px;
}

.secondary-cell
{
  background:#333333;
  padding:10px;
  color:#ffffff;
  font-weight:bold;
  font-size:20px;
}

.accent-cell
{
  background:#555555;
  padding:10px;
  color:#ffffff;
  font-weight:bold;
  font-size:20px;
}
 

/* Sets up a 5 column layout option -------------------------------------- */

.col-xs-15,
.col-sm-15,
.col-md-15, 
.col-lg-15 
{
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-15 
{
  width: 20%;
  float: left;
}

@media (min-width: 768px) 
{
  .col-sm-15 
  {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) 
{
  .col-md-15 
  {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) 
{
  .col-lg-15 
  {
    width: 20%;
    float: left;
  }
}

/* Remove Built in Column Padding -------------------------------------- */

[class*="col-"] 
{
  padding-left: 0;
  padding-right: 0;
}

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

.container-fluid 
{
  margin: 0;
  padding: 0;
}