@import '/assets/css/tourstyles.css';

/*################### Background Image ############################*/

/* hide background image, only added for smaller screens.*/ 
.hide-bg-img {
	background:none;
}

/*################### Top Nav ############################*/
#od-brand p {
	color: #fff;
}
body.page-tour #od-usermenu .top-btn {
	margin-top: 0px;
}

#od-usermenu .top-btn {
	margin-top: -55px;
	background-image: none;
    background-color: #9b5ba4;
    color: #fff;
    border-bottom: none;
    margin-right: 40px;   
    border: none; 
}
.page-header {
	border: none;
	margin-top: 0px;
}
/*.page-header h1 {
	margin-top: 0px;
}*/


/*temporary*/
/*#od-helpdialog-footer{
	position: absolute;
    bottom: 0;
    background: #eee;
    padding: 10px;
    margin-left: -12px;
}
*/

/*.od-help-tourguide > div {font-weight: bold;}*/
/*.od-help-tourguide a {color: inherit;}*/
/*.od-help-tourguide a span {color: #337ab7;}
*/
/*#od-help-inner-content {white-space: pre-line;}*/


#od-helpdialog-search-row,
#od-helpdialog-toolbar,
#od-helpdialog-showonstartup {display: none;}


#od-dragable-header {
    background-color: #9b5ba4 !important;
}

h1#od-dragable-header-title{
	padding: 4px 0;
	/*color: #fff !important;*/
}

h1#od-dragable-header-title:before {
    content: "\f207";
    font: normal normal normal 20px/1 FontAwesome;
    border: dotted 1px;
    padding: 4px 6px;
    border-radius: 4px;
    color: #444;
    margin-right: 7px;
    background: white;
    opacity: .8;
}


/*########## DASHLET STYLING ##########*/
.od-dashboard-row .panel-heading {
    color: #9B9DA5;
    font-size: 160%;
    font-weight: bold;
    background-color: #fff;
    border-color: #fff;
    padding-top: 20px;
    padding-bottom: 0px;
}
/*######## NEWS FEED PANEL ###################*/
.rssFeed {
    font-size: 120%;
    font-weight: normal;    
}
.rssRow a {
color: #67D3E0;
}
.od-contenttype-dashboard .CMSgoogledocembed li.rssRow {
    margin-bottom: 10px!important;
    
}
/*only show this content to logged out users - not the normal way around!*/
/*body#pageid-1.pg-0 .cms-content {display:block !important;}
body#pageid-1.pg-0 .cms-contentauto {display:none;}
body#pageid-1.pg-0 h1:before {content: 'Welcome to the Overdrive demo site'; color: #317eac;}*/
/*logged in - just show embed
*/
body#pageid-1:not(.pg-0) div.cms-content {display:none;}


body#pageid-1 .logged-out-text {
	display: none;
}


body.pg-1 #od-btn-toolbar-star {display: none;}

/*hide everything on cog menu except sign-out*/
/*body.pg-1 #od-nav-account-body > ul > li {display: none;}
body.pg-1 #od-nav-account-body > ul > li:last-child {display: list-item !important;}*/
#od-menu-openfolderindrive {display: none;}
#od-mnu-resync {display: none;}

/*body#pageid-0 .od-login-required {
	display: none!important;
}*/

/*backgrounds*/

/*  /home/  */
/*body#pageid-1 {background-image: url("https://cdn.overdrive.io/images/backgrounds/pixabay.com/blue-88523_1920.jpg");}*/
/*body#pageid-1 {background-image: url("https://cdn.overdrive.io/images/backgrounds/pixabay.com/paper-951489.jpg");} */
/*  /resources/  */
/*body#pageid-12 {background-image: url("https://cdn.overdrive.io/images/backgrounds/pixabay.com/knowledge-1052011_1920.jpg");}*/
/*  /projects/chicago-office-move/  */
/*body#pageid-141 {background-image: url("https://cdn.overdrive.io/images/backgrounds/freehdwallpapershq.com/streeterville_city_chicago-1920x1080.jpg");}*/
/*  /projects/  */
/*body#pageid-10 {background-image: url("https://cdn.overdrive.io/images/backgrounds/pixabay.com/startup-594090_1920.jpg");}*/
/*  /projects/iso-9001/  */
/*body#pageid-327 {background-image: url("https://cdn.overdrive.io/images/backgrounds/pixabay.com/qualification-692087_1920.jpg");}*/
/*  /projects/chicago-office-move/  */
/*body#pageid-11 {background-image: url("https://cdn.overdrive.io/images/backgrounds/pixabay.com/break-18987_1920.jpg");}*/
/*  /travel/  */
/*body#pageid-2530 {background-image: url("https://cdn.overdrive.io/images/backgrounds/pixabay.com/airport-690556_1280.jpg");}*/

body {background-size: 100%; background-repeat: no-repeat;}


/*Buttons*/
.btn-purple {
    background-color: #9b5ba4;
    background-image: none;
    border:none;
    color: #fff!important;
}

/*################### Tour ############################*/
body.page-tour h1 {
	font-size: 28px;
	/*border-bottom: 1px solid #eee;*/
}
body.page-tour .btn-purple {
	margin-bottom: 20px;
	text-decoration: none;
	border-radius: 0px;
	color: #fff!important;
}

body.page-tour table{
	background-color: #dddddd;
}
body.page-tour .table-bordered>tbody>tr>td {
    border: 1px solid #ddd;
    padding: 20px;
}

/*################### Landing Page ############################*/
/*
moved to /intranet-demo.overdrive.io/html/pages/login-required.html
so page doesn't jump around as it loads
*/




/*################### Responsive ############################*/
/* Only Phones */
@media (max-width: 767px) {
	
	.page-header h1 {
		font-size:12px;
	}
	.page-header {
			margin-top: 30px;
		}
	#od-tour1 {
		display: none;
	}
	.od-banner {
		/*height:90px!important;*/
	}
	.od-container .od-banner-left .page-header h1 {
		font-size: 22px!important;
		
	}
	.tb-folder-tools {
		display: none;
	}
}

/* Only smaller Tablets (Portrait) */
@media (min-width: 500px) and (max-width: 768px) { 
		.page-header {
			margin-top: 30px;
		}
}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 968px) { 
		.page-header {
			margin-top: 0px;
		}
}

/*small desktop and portrait monitors*/
@media (min-width: 1024px) and (max-width: 1366px){ 
	body {
			background-position: 0px 130px!important;
		}

}


/* login alignment fixes */
#login-page-signin-providers {
	margin-right: 0;
}

#login-page-container {
	width: 100%;
}

.btn-login {
	max-width: 330px !important;
}


/* v4-sp-533 */
body[od-staticpage="login-required"] #frm-login-provider,
body[od-staticpage="login-required"] .panel-heading {text-align: left;}








/* temporary - dashboard upgraded to pb - home image is cropped */
body#pageid-1 [data-gs-id="od-gs-2"] .eleImage {
	background-position-y: top !important;	
}




#login-page-signin-providers {margin-right: 0;}
a.btn-login {width: 220px;}