/*          SmartCode Sample CSS                                */
/*
  This sample CSS file is designed to allow you to be used as a basis for customizing your own site's 
  SmartCode.
  
  This is only a sample stylesheet, the possibilities are far greater and the 
  SmartCode elements can be customized to match your site by simply re-defining this CSS 
  into your local website's CSS.
      
  for support: support at e2campus dot com
  
  Please feel free to copy, customize, and re-use this CSS code to customize your e2Campus integration. 
*/

/****************  Admin Login Form and User Account Login                        */


/* <DIV> id for Admin and User login                              */   
#sc_table
{
  border: thin solid #000000;
}


/* Controls form labels, which are typically right justified.                 */
.right             
{
  text-align: right;
}


/*  Controls text within fields in the login forms.                     */
.field_text {
  font-size: small;
  color: #000000;
}


/*  Controls the "forgot password" and "forgot username" links                   */
#sc_forgot_password
{
  font-size: smaller;
  color: #666666;
  background-color: #FFFFFF;
}


/* Controls the 'Login' button                                 */
.button{}


/*   <DIV> id for the USER SIGNUP table         */
#table_info{
  padding: 10px;
  width: 50%;
}    



/******************************** User Signup Form Fields  ****************              */


/*  Controls the text entered into the signup form    */
.input_field{
  color: #000000;
  background-color: #FFFFFF;
}

.input_checkbox{}



/* Phone number entry box ID  */
#phone_number{}



/* submit button  */
.submit_button{}



/******************************************  Web Widget  ********************
  The Web Widget (formerly known as "SmartBoard") css below is linked to the HTML produced by the WEB WIDGET 
  service, available in e2Campus v3.2 (and later). 

*/

.SmartBoard_Table{
  background-color: #FFFFFF;
  border: none;
/*  border: thin solid #F00; */

}

.SmartBoard_Row {
  font-family: Tahoma, Geneva, sans-serif;
}

.SmartBoard_Subject{
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 1.8em;  
  font-weight: bold;
  color: #F00;
/*  color: #C00;  a less jarring red */
  cursor: pointer;
/*  width: 400px; */
/*  padding-left: 4px; */
/*  display: none; */
/*  visibility: hidden; */
}

  /** ALERT STYLES ON THE HOME PAGE By David Meyer 1/29/19 **/

.SmartBoard_Subject {
  
  width: 500px;
  padding: 10px;

  text-align: center;
  background: #f00;
  color: white !important;
  
  -webkit-animation: pulse_animation 5000ms infinite linear;
  -moz-animation: pulse_animation 5000ms infinite linear;
  -o-animation: pulse_animation 5000ms infinite linear;
  animation: pulse_animation 5000ms infinite linear;
  -webkit-transform-origin: 70% 70%;
  -moz-transform-origin: 70% 70%;
  -o-transform-origin: 70% 70%;
  -ms-transform-origin: 70% 70%;
  transform-origin: 70% 70%;
  
}

@keyframes pulse_animation {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.08);
  }
  50% {
    transform: scale(1);
  }
  60% {
    transform: scale(1);
  }
  70% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
  /** END: ALERT STYLES ON THE HOME PAGE By David Meyer 1/29/19 **/  

.SmartBoard_DateTime{
  display:none;        /* HIDE the timestamp on the homepage */
  visibility: hidden;  /* HIDE the timestamp on the homepage */
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 1.4em;
  font-variant: small-caps;
  padding-left: 20px;
  cursor: pointer;
/*  padding-top: 4px;  */
/*  padding-right: 4px; */
/*  padding-bottom: 4px; */  
}

.SmartBoard_Message{
  display: none;       /* HIDE the message on the homepage */
  visibility: hidden;  /* HIDE the message on the homepage */
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 1.4em;
  color: #FF0000; 
  padding-right: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
  cursor: pointer;
}


/***********************************  Error Messages  ************************************

    If/when a user inputs incorrect info or doesn't fill out the forms properly, the system will reload the referring page
    with the form and a block of error text.

*/

#flash{}     /* The <div> ID for the errors that appear when someone enters wrong info. */

.error {    /* <div> Class assigned to the omnilert error message text.   */
  font-weight: bold;
  color: #FFFFFF;
  background-color: #FF0000;
}  



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */