/*
Empty file - this file might be replaced in projects
Static Files Folder to apply a custom branding to
the website.
*/

.wrapper-left {
    background-image: var(--logo-file) !important;
	background-size: contain !important;
    background-color: #f6f6f6 !important;
	background-size: 100% !important;
	background-position: center !important;
    float: left !important;
    position: relative !important;
}

.wrapper-right {
    background-color: #FFF !important;
    position: relative;
}
.text-right {position: absolute;right: 0;bottom: 0;}

.brand {
	background-image: url("../img/swh_logo_mit_rand.png") !important;
    background-size: auto 90% !important;
}

form#login_form::before {
	display: none !important;
}
#login_description::before {
content: "" !important;
  background-image: url("../img/swh_logo_mit_rand.png") !important;
  background-color: #FFFFFF !important;
  background-size: 200px !important;
  background-repeat: no-repeat !important;
  width: 100% !important;
  display: block !important;
  height: 110px !important;
  background-position: center center !important;
}

.brand-login {
    background-image: none !important;
}

.brand-lettering {
  background-image: none !important;
}

.modal-content {
	padding: -25px !important;
    line-height: 1.5rem !important;
	color: var(--color-modal-text) !important;
	word-break: break-word !important;
	-webkit-hyphens: auto !important;
	-moz-hyphens: auto !important;
	-ms-hyphens: auto !important;
	hyphens: auto !important;
}

.footer-nav {
  margin-left: -10px !important;
  width: 100% !important;
}

h1 {
	font-size: 1.5rem !important;
	line-height: 1.1 !important;
    color: #FFF !important;
}

h2 {
	font-size: 1.125rem !important;
	line-height: 1.2 !important;
    color: #FFF !important;
}


div#login_header_left {
    /*background-image: url("../img/swh_bg.png") !important;*/
    
    padding-left: 20px !important;
    padding-top: 10px !important;
    margin-top: 0px !important;
    padding-bottom: 12px !important;
    margin-bottom: 0px !important;
}

div#login_description {
    padding-left: -20px !important;
    padding-right: -20px !important;
    line-height: 1.2em !important;
}
#login_page.modal{
	height: unset !important;
}

div#login_page_footage_left {
    /*background-image: url("../img/swh_bg.png") !important;*/
    background-color: #F6F6F6 !important;
    padding-left: 20px !important;
    padding-top: 0px !important;
    margin-top: 0px !important;
    padding-bottom: 15px !important;
    margin-bottom: 0px !important;
    padding-right: 0px !important;
    margin-right: 0px !important;
    /*color: #FFF !important;*/
    position: absolute !important; 
    bottom: 0 !important;
    width: 100% !important;
}
.footer-nav a {
    color: black !important;
}

div#login_page_footage_right {
    margin-top: 10px !important;
    color: #FFF !important;
}

div#login_content {
    margin-top: 10px !important;
}

form#login_form {
	margin-top: 30px !important;
    background-color: var(--color-content-bg) !important;
}


span.password-info {
    font-size: .875rem !important;
}

:root {

  --logo-path: url("../img/swh_logo_mit_rand.png") !important;
  /* BRAND/LOGO */
  --logo-file: url(../img/swh_intro_left.jpg) !important;
  --logo-height: 120% !important;
  --logo-height-scrolled: 50% !important;
  --logo-height-small: 100% !important;
  --logo-height-app: 20% !important;
  /*--logo-position: left !important;*/
  --logo-position: center !important;
  --logo-login: 10px !important;
  /* FONT */
  --default-font: "Open Sans", "Arial", sans-serif !important;
  --heading-font: "Open Sans", "Arial", sans-serif !important;
  /* COLORS */  
  --color-primary: #E53517 !important;
  --color-secondary: #E53517 !important;  
  --color-primary-darken-5: #E53517 !important;
  --color-primary-darken-10: #A81A1A !important;    
  --color-link: #E53517 !important;
  --color-link-hover: #A81A1A !important;
  --color-button-ghost: #E53517 !important;  
  --color-header-bar-bg: #E53517 !important;
  /* buttons */
  --color-btn-default: #E53517 !important;
  --color-btn-default-hover: #A81A1A !important;
  --color-btn-secondary: #E53517 !important;
  --color-btn-secondary-hover: #A81A1A !important;
  --color-btn-light-text: #E53517 !important;
  --color-btn-light-hover: #A81A1A !important;    
  /* forms */
  --color-form-primary: #E53517 !important;
  --color-form-secondary: #E53517 !important;
  --color-form-select-title: #E53517 !important;  
  --color-form-toggle-bg-active: #E53517 !important;
  --color-form-toggle-border-active: #E53517 !important;
  --color-form-toggle-border-hover: #A81A1A !important;  
  /* modal */
  --color-modal-header-bg: #E53517 !important;
  --color-modal-close-bg: #A81A1A !important;
  /* header */
  --color-header-bg: #E53517 !important;
  --color-header-bg-dark: #E53517 !important;
  --color-header-text-bg: #E53517 !important;
  --color-header-border: #E53517 !important;
  --color-brand-bg: #F6F6F6 !important;
  --color-brand-border: #A81A1A !important;
  --color-menu-trigger-bg: #A81A1A !important;
  --color-menu-trigger-bg-active: #A81A1A !important;
  /* content header */
  --color-content-header-text: #E53517 !important;  
  /* box */
  --color-box-title: #E53517 !important;
  --color-box-title-hover: #A81A1A !important;
  /* footer */
  --color-footer-bg:#E53517 !important;
  --color-footer-start-bg: #E53517 !important;
  --color-footer-text: #000 !important;
  --color-footer-link: #000 !important;
  --color-footer-start-bg: #E53517 !important;
  --color-box-footer-link: #E53517 !important;
  --color-footer-start-text: #000 !important;
  /* sidebar */
  --color-sidebar-title: #E53517 !important;
  --color-sidebar-title-btn-link: #E53517 !important;
  --color-sidebar-title-btn-link-active: #E53517 !important;
  --color-sidebar-active-bg: #E53517 !important;
  --color-sidebar-active-border: #E53517 !important;
  --color-sidebar-link-hover: #A81A1A !important;
  /* nav */
  --color-nav-text-active: #E53517 !important;  
  --color-nav-item-bg: #A81A1A !important;
  /* user menu */
  --color-user-menu-item-link: #E53517 !important;
  --color-user-menu-item-link-hover: #A81A1A !important;  
  /* global function nav */
  --color-gf-bg-active: #E53517 !important;
  --color-gf-bg-hover: #A81A1A !important;
  --color-gf-border-active: #E53517 !important;
  --color-gf-border-hover: #A81A1A !important;    
  /* progress bar */
  --color-pb-finish-bg: #E53517 !important;
  --color-pb-active-bg: #E53517 !important;  
  /* table */
  --color-table-header: #E53517 !important;
  /* tabs */
  --color-tabs-indicator: #E53517 !important;
  /* arrow steps */
  --color-arrow-step-active-bg: #E53517 !important;
  /* datepicker */
  --color-dp-select-border: #A81A1A !important;
    
}