/*-----------------------------------------------------------------------------------

	Site Title: Ceridian
	Site URI: http://www.ceridian.com
	Stylesheet: ALL PAGES – FOR USE BY CERIDIAN ONLY – COMES AFTER DIALOGUE THEORY STYLESHEET
	Last Backed Up: 5-29-14

	Authored By: Sarah Meier @ Ceridian
	Last edited by: Erin Lubiansky @ Ceridian

-----------------------------------------------------------------------------------


	=TABLE OF CONTENTS

	 1. =GENERAL

	=NOTES
	
	-QUICK NAVIGATION: do a Find (apple F for Mac, ctrl F for PC) for = followed by section title, for example =SECTION TITLE


	=COLORS
	
	DARK BLUE: #0767af
	BRIGHT BLUE: #00a2e3
	OFF BLACK: #3e3e3e
	MEDIUM GREY: #f1f1f1
	ORANGE: #ff9230
	REDDISH: #f14724
	
	=EDIT MODE
	
	Use .edit-mode body class to style view from within Percussion layout editor


-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	1.	=GENERAL
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	Edit by Min
/*	: Import bootstrap css for all pages
/*-----------------------------------------------------------------------------------*/
@import url("bootstrap-prefixed.min.css") all;
@import url("http://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css") ; 


/* Fixes emoji size in Twitter feed */
#twitterFeed img { width:1em !important; height:1em !important; }

/*-----------------------------------------------------------------------------------*/
/*	Edit by Min
/*-----------------------------------------------------------------------------------*/
/* Remove date and timestamp from all blog indexes 
.blog-index .perc-blog-list-date-container { display: none; } */

/* Remove date and timestamp from HR Legislation blog index 
.blog-index.blog-hr-leg .perc-blog-list-date-container { display: none; } */

.cer-bootstrap .row { margin-left: 0 !important; margin-right: 0 !important; }
.cer-bootstrap .container { max-width: 1280px; }

.cer-bootstrap .row.no-background { background: none; }
.cer-bootstrap .row.bg-gray 	{ background: #f1f1f1; }

.cer-bootstrap h1 { font-size: 1.875em; }
.cer-bootstrap .h4, .cer-bootstrap h4 {  font-size: 20px; }

.cer-bootstrap p.table-resource { font-size: 14px;line-height: 140%; padding: 30px 0; }
.cer-bootstrap b, .cer-bootstrap strong { font-weight:400; } 

.cer-bootstrap select { max-width: 100%; } 
.cer-bootstrap .top-org { background: #f48e1f;height:4px;} 
.cer-bootstrap .top-light-org { background: #fdb717;height:4px;} 
.cer-bootstrap .top-blue { background: #01a4e7;height:4px;} 
.cer-bootstrap .top-green { background: #75c33f;height:4px;} 
.cer-bootstrap .bg-light-grey {background: #f2f2f2; padding-bottom: 30px;} 

.cer-bootstrap.landing h1 { 
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
}
.cer-bootstrap.landing h2 { font-size: 28px; text-align:left;line-height:140%;color:#fff;padding-top:20px;}

.cer-bootstrap .title-separator {
	position: relative;
}
.cer-bootstrap .divider-candy {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #ffffff;
	bottom: -18px;
	content: "";
	height: 35px;
	left: 50%;
	margin-left: -20px;
	position: absolute;
	transform: rotate(-45deg);
	width: 35px;
	z-index: 19;
}


.cer-bootstrap.landing p {	font-size:18px; } 
.cer-bootstrap.landing ul li { font-size:18px; padding-bottom:8px;}
.cer-bootstrap .round-box {
		background: #ffffff none repeat scroll 0 0;
		border-radius: 4px;
		overflow: hidden;
		padding: 20px;
	}
.cer-bootstrap .round-box-inner {
		background: #dfdfdf none repeat scroll 0 0;
		border-radius: 4px;
		padding: 20px 10px 10px;
	}
	/*.green .form-control {
		background-color: #f6fde4;
    	border: 1px solid #d5eb9d;
		color: #45730a;
	}*/
.cer-bootstrap .form-control::placeholder{
		color: #898b8e ;
	} 
	
.cer-bootstrap .general-button {
		background: #003da5;
		border: 1px solid #003da5;
		font-size: 16px;
		padding: 5px 20px;
		border-radius: 4px;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-weight: lighter;
		line-height: 1.42857;
		margin-bottom: 0;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		vertical-align: middle;
		white-space: nowrap;
	}

.cer-bootstrap .general-button:hover { background: #75c33f; border: 1px solid #75c33f; } 
.cer-bootstrap .required label::after, .requiredMessage::before {
    color: #ff0000;
    content: "*";
    font-weight: bold;
    padding-left: 5px;
}
.cer-bootstrap .error {
    color: #ff0000;
    font-size: 12px;
    font-weight: normal;
}
	
p.text-download { font-size:14px; padding: 20px 0;  }

.tr-widget-container {  border: 10px solid #e5e5e5 !important; border-radius: 4px; }
.tr-widget-container .tr-header { height: auto !important; padding: 15px !important; }
.tr-widget-container .trustradius-widget .tr-header { padding: 0 !important; }
.trustradius-reviews { /*min-height: 520px;*/ }
.trustradius-reviews .tr-top-navigation, .trustradius-reviews .tr-bottom-navigation { padding: 5px; }


ul.bullet-list {
    list-style: outside disc;
    padding-left: 10px;
}
.bullet-list li {
    padding-bottom: 10px;
}

.agenda .date {
    padding: 8px 15px;
    background: #f2f2f2 none repeat scroll 0 0;
    font-weight: bold;
    border: 1px solid #e0e5e9;
}
.agenda .agenda-detail .col-sm-5, .agenda-detail .col-sm-7{
    padding: 8px 15px;
}
.agenda .agenda-detail .col-sm-5 {
    background: #f6fde4 none repeat scroll 0 0;
    border-bottom: 1px solid #d5eb9d;
    border-left: 1px solid #d5eb9d;
    border-right: 1px solid #d5eb9d;
    color: #5b9510;
}

.green-border {
	background: #f6fde4;
    border: 1px solid #d5eb9d;
    color: #5b9510;
	padding: 8px 20px;
} 

.grey-border {
	border-bottom: 1px solid #e0e5e9;
    border-right: 1px solid #e0e5e9;
	border-left: 1px solid #e0e5e9;
	padding: 8px 20px;
} 

.agenda-detail .col-sm-6 { padding: 0; }

.agenda .col-sm-12.agenda-detail {
    padding: 0;
}
.agenda .agenda-detail .col-sm-7 {
    border-bottom: 1px solid #e0e5e9;
    border-right: 1px solid #e0e5e9;
	border-left: 1px solid #e0e5e9;
}

/**** START :: Vidyard Responsive ******************************/
.vidyard-outer {
    /* Ceridian - Custom */
    overflow: hidden;
    margin-bottom: 34px;
}
.vidyard-inner {
    position: relative; 
    display: block;
    width: 100% !important;
    height: 0;
    padding: 56.25% 0 0 0; /* This should reflect your video aspect ratio */
    
    ​​​​​​​/* Use the following 2 lines if you wish to make your player align centrally */
    ​​​​​​​
    max-width: 1000px; /* This should be the width of your player */
    ​​​​​​​margin: auto;
}
.vidyard_player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;   /* These should be the dimensions of your player */
    max-height: 100%;
}
.vidyard_player > span {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
}
.page-section ul.perc-pagination-list {
    list-style-type: none;
}
.page-section li.perc-pagination-list-entry {
    float: left;
}
/**** END :: Vidyard Responsive ******************************/

.cer-bootstrap .cta-wrapper a, .cer-bootstrap .feat-panel a, .cer-bootstrap .has-ctas a, .cer-bootstrap .layout-home .home-sub-content .has-ctas a, .cer-bootstrap button, .cer-bootstrap input[type="submit"], .cer-bootstrap input[type="button"] {
    background-color: #f48e1f;
	color: #fff;
} 

.cer-bootstrap .cta-wrapper a:hover, .cer-bootstrap .feat-panel a:hover, .cer-bootstrap .has-ctas a:hover, .cer-bootstrap .layout-home .home-sub-content .has-ctas a:hover {
    background-color: #01a4e7;
    color: #fff;
	text-decoration: none;
}

.cer-bootstrap .field-wrapper {
	clear: both; 
}

.cer-bootstrap .form-wrapper {
    clear: both;
    margin: 40px auto;
    overflow: hidden;
}

.cer-bootstrap .field-button {
	margin: 20px auto; 
}

.cer-bootstrap label { font-weight: lighter; }

.layout-blog .org-blog-list-date-container {
    font-size: 13px;
    padding: 5px 8px 4px;
    background: #0767af none repeat scroll 0 0;
    color: #fff;
    font-family: AvenirMedium,Arial,sans-serif;
    display: inline;
    float: right;
}

.rightbox-wrapper {
    background: #fafafa;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    margin: 40px 0;
    padding: 15px 20px 5px;
}


@media only screen and (max-width : 768px) {
	.res-clearfix { clear:both ;} 
	.perc-iframe iframe {  width: 100%; }
	.sidebar-right {  margin-right: 0 !important; width: 100% !important; }
	.agenda .agenda-detail .col-sm-7 {
    	border-left: 1px solid #e0e5e9; 
	}
}
@media only screen and (max-width : 1280px) {
	.agenda .agenda-detail .col-sm-5, .agenda-detail .col-sm-7 {width:100% !important;}
}

@media (min-width: 1300px) {
	.cer-bootstrap .container {
		width: 1280px;
	}
}