/*********************************************************************/
/***** BEGIN DESIGNPLUS THEME IMPORT & CUSTOMIZATION  ****************/
/*********************************************************************/
/* Import statements need to be at the top of your CSS file */

/*** Legacy Sidebar ***/
/* For Main CSS file */
@import url(https://designtools.ciditools.com/css/themes.css);
/* For Mobile app CSS file */
/*@import url(https://designtools.ciditools.com/css/app.css);*/
/* Institution color customizations */
@import url(https://designtools.ciditools.com/css/inst_theme_overrides.css);

/*** New Sidebar ***/
/* For Main CSS files */
@import url(https://designplus.ciditools.com/css/content.css);
@import url(https://designplus.ciditools.com/css/editor.css);
/* For Mobile app CSS file */
/*@import url(https://designplus.ciditools.com/css/mobile.css);*/

:root {
    --dt-color-primary: #003066;
    --dt-color-primary-contrast: #FFFFFF;
    --dt-color-primary-dark-text: #003066;
    --dt-color-secondary: #FCB900;
    --dt-color-secondary-contrast: #000000;
    --dt-color-secondary-dark-text: #474747;
    --dt-color-accent: #CCCCCC;
    --dt-color-accent-contrast: #000000;
    --dt-color-accent-dark-text: #B8B8B8;
    --dt-color-gray: #CCCCCC;
    --dt-color-gray-contrast: #000000;
    --dt-color-gray-dark-text: #636363;
    --dt-color-white: #FFFFFF;
    --dt-color-white-contrast: #000000;
    --dt-color-white-dark-text: #707070;
    --dt-color-graybg: #E6E6E6;
    --dt-color-graybg-contrast: #000000;
}

/*********************************************************************/
/***** END DESIGNPLUS THEME IMPORT & CUSTOMIZATION   *****************/
/*********************************************************************/
/**********************************************
** Group Message ECC 12-10-14 
**********************************************/
#noticeBox {min-height:30px; padding:10px}
#noticeBox #noticeBoxLink {color:white; float:right; margin:0 10px; padding:5px 10px; }
#noticeBox #noticeBoxText {display:block; margin-top:5px}
#noticeBox #noticeBoxLinkMore {text-decoration:underline} 


/**********************************************
** Customize UI: MOBILE LOGIN PAGE
*********************************************
update the background URL*/
BODY
{
	background: white !important;
}

#f1_container
{
    width: 400px;
    min-height: 300px;
	background-size: 400px 300px !important;
	background: #FFFFFF url("https://flipbooks.sweetwaterschools.org/canvas_api/login_mobil_Production.png?v1")  center top !important;
	color: #373737 !important;
	box-shadow: none !important;
	
}
#login_form.front.face
{
	background: transparent !important ;
	
	position: relative !important;
	/*resize the border or shadow of the login page*/
	border-radius: 0 !important;
	box-shadow: none !important;
}
/*resize the border or font weight of the login fields*/
#login_form.front.face INPUT.input-block-level
{
/*	background: #EDEBE9 !important;
	box-shadow: none !important;
*/
}

/*adjust the border, color, or shadow of the login button*/
#login_form.front.face BUTTON[type=submit]
{
	border: 1px solid #98A0A5 !important;
	color: #FFFFFF !important;
	margin: 0 !important;
}
#login_form.front.face A.forgot-password
{
	margin-top: 20px !important;
}

#login_form.front.face 
{
	margin-left: 50px !important;
	margin-top: 60px !important;
}



#modal-box {
 background: url("https://flipbooks.sweetwaterschools.org/canvas_api/login_Production.jpg") no-repeat !important; /* This will pick up your custom image */
 color: #8DC34B !important; /* The color of the text on the login page */