/*
 *  =================================================
 *  
 *   SaSS file for OpenOLAT email styles. This is 
 *   included in email to nicely display content. 
 *   
 *   @author uhensler, www.frentix.com
 *   @date November 2018
 *
 *	 also read themes.README!
 *  =================================================
 */
/*
 * =================================================
 *   
 * OpenOLAT theme configuration file
 *
 * @author gnaegi,  www.frentix.com
 * @date April 2014
 *
 * To create your own theme, please read themes.README!
 * =================================================
 * 
 * Configure OpenOLAT and boostrap variables in this file. 
 * All variables with the o- prefix are OpenOLAT specific variables, 
 * the other variabels are from bootstrap. 
 * 
 * When you modify any variable here, make sure you run 
 * the scrip src/main/webapp/static/themes/compiletheme.sh
 * 
 * See src/main/webapp/static/bootstrap/3.1.1/stylesheets/bootstrap/_variables.scss
 * or http://getbootstrap.com/customize/#less-variables
 * or http://getbootstrap.com/css/#less-variables
 */
/* ---- Bootstrap specific configurations ----
	Add your custom font sizes and other bootstrap overrides here. 
	Full spec here: http://getbootstrap.com/customize/
*/
/* bootstrap default is very white, use just a little bit more than just white */
/* lighter than default bootstrap */
/* 	Add standard bootstrap variables to the mix */
/* ---- OpenOLAT specific configurations ---- */
/* Content styles used in iFrame e-learning content and in HTML editor */
/* The max width the header/navbar/main/footer can possibly have. */
/* Main content area. The outer area is left and right outside the content area (only visible in large screen).  */
/* Page main navigation for sites, tabs and tools */
/* inverse style
$o-navbar-border-color				: $navbar-inverse-border ;
$o-navbar-bg						: $navbar-inverse-bg ;
$o-navbar-color						: $navbar-inverse-color ;
$o-navbar-link-color				: $navbar-inverse-link-color ;
$o-navbar-link-hover-color			: $navbar-inverse-link-hover-color ;
$o-navbar-link-hover-bg 			: $navbar-inverse-link-hover-bg ;
$o-navbar-link-active-color 		: $navbar-inverse-link-active-color ;
$o-navbar-link-active-bg 			: $navbar-inverse-link-active-bg ;
$o-navbar-link-disabled-color 		: $navbar-inverse-link-disabled-color ;
$o-navbar-link-disabled-bg 			: $navbar-inverse-link-disabled-bg ;
$o-navbar-tools-permanent-color		: $navbar-inverse-link-color;
$o-navbar-toggle-border-color		: $navbar-inverse-toggle-border-color ;
$o-navbar-toggle-hover-bg			: $navbar-inverse-toggle-hover-bg ;
$o-navbar-toggle-icon-bar-bg		: $navbar-inverse-toggle-icon-bar-bg ;
$o-navbar-brand-color				: $navbar-inverse-brand-color ;
$o-navbar-brand-hover-color			: $navbar-inverse-brand-hover-color ;
$o-navbar-brand-hover-bg			: $navbar-inverse-brand-hover-bg ;
*/
/* More button and dropdown menu */
/* Right off-canvas menu, part of navbar */
/* Page footer */
/* Toolbar in course, editor etc */
/* Left side menu tree */
/* Tabbed pane component */
/* Auto completer input field */
/* Chart library configuration for visualized statistics */
/* Toggle sliders */
/* Dirty button */
/* Login page */
/* left, center or right */
/* image CC by Thomas Leuthard https://www.flickr.com/photos/thomasleuthard/8587724648/ */
/* Course and catalog site */
/* same as button default border */
/* same as h1 default size: 36px */
/* Repository */
/* blue */
/* yellow */
/* green-light */
/* green */
/* brown */
/* gray */
/* black */
/* Curriculum in course site */
/* Course editor and runtime */
/* Learning path */
/* yellow */
/* Curriculum */
/* Basic rendering configuration */
/* Default styles for each level */
/* Level 0 specific styling */
/* Level 1 specific rendering */
/* Level 2 specific rendering */
/* Level 3 specific rendering */
/* Render all curriculum elements with courses in multi columnn layout? If no set to 1 */
/* Element type specific styles */
/* Type course program */
/* Type semester as part of a course program */
/* Type module within a semester */
/* Type single course */
/* Asssessment */
/* Portfolio v2 */
/* Editor */
/* QTI2 eAssessment */
/* Video module */
/* Lecture module */
/* Chat and other floating window */
/* Instant messaging and chat */
/* Forum module */
/* Evaluation forms */
/* Quality management */
/* Portlets site */
/* Full text search results */
/* Message boxes */
/* Context help buttons */
/* Form context help, aka help text */
/* Date component */
/* Highscore component */
/* Process step component */
/* Radial progress component */
/* more 3-style 
$o-radial-progress-circle-bg			: $progress-bg !default;
$o-radial-progress-shadow				: 6px 6px 10px rgba(0,0,0,0.1) !default;
*/
/* Drawing (border cannot be change without modifications of the jquery plugin and hotspot interaction) */
/* Placeholder panels */
/* Citations */
/* Sliders */
/* Labels */
/* QPool */
/* Email */
/* other configurations */
/* danger color */
/* Files and Folders */
/*** General style of the email text ***/
.o_email_body {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  max-width: 768px; }
  .o_email_body .o_email_content {
    margin: 14px 0 14px 0;
    padding-left: 12px; }
    .o_email_body .o_email_content h1 {
      background-color: #337ab7;
      color: #fff;
      padding: 20px 0 20px 12px;
      margin-bottom: 30px;
      margin-left: -12px;
      font-size: x-large; }
    .o_email_body .o_email_content strong {
      color: #337ab7; }
  .o_email_body .o_email_footer {
    font-size: smaller;
    color: #aaaaaa;
    border-top: 5px solid #337ab7;
    padding: 4px 12px;
    margin-top: 1em; }
    .o_email_body .o_email_footer a {
      color: #aaaaaa; }

.o_mail_message .o_email_body {
  font-family: inherit; }

/*** Buttons ***/
/* Usage:
	...  <a class="o_email_button" href="https://www.openolat.com/">OpenOLAT</a> ...
	... <div class="o_email_button_group o_email_button_group_left"><a class="o_email_button" href="$url">Open report</a></div> ...
*/
.o_email_body {
  /* use together with o_email_button_group to have buttons left or right aligned */ }
  .o_email_body .o_email_button {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    border-radius: 4px;
    padding: 6px 12px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    text-decoration: none; }
  .o_email_body .o_email_button_group {
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: center; }
    .o_email_body .o_email_button_group a {
      margin-right: 5px;
      margin-bottom: 0.5em;
      font-weight: bold; }
      .o_email_body .o_email_button_group a:last-child {
        margin-right: 0; }
  .o_email_body .o_email_button_group_left {
    text-align: left; }
  .o_email_body .o_email_button_group_right {
    text-align: right; }

/*# sourceMappingURL=email.css.map */
