/*!* Homepage Quicktasks v1.8 */
/*
 * v1.8: Changed background to new midnight blue
 * v1.7: Homepage Overrides Cleanup : Added Overrides for New Grids
 * v1.6: Added new classes for employee icons
 * v1.5: Removed font-families as custom-font class adds them 
 * v1.4: Removed background image for partner pallet 2.
 * v1.3: Fixed bullet clipping issue in ie and added color for partner variation
 * v1.2: Added classes to get background color to grids
 * v1.0: New enhancement to support #005073 background and added new icons 
 * v0.21: Updated the Partner Quick Tasks component as per the new design and typography
 * v0.20: rtl arrow direction and  Background Image alignment updated
 * v0.19: rtl - Jira bug fixes
 * v0.18: rtl styles are updated
 * v0.17: CiscoSansLight font styles are updated
 * v0.16: Performance tuning: IE8 sprtite image and font styles are updated 
 * v0.15: Performance tuning: Employee icons code added 
 * v0.14: Performance tuning: svg, png sprites used for icons  
 * v0.12: Implemented image animation
 * v0.11: ie8 min-height changed for partner version
 * v0.10: ie9 spacing fix, icon enlargement removed on hover
 * v0.9: ie10 fix, left side padding fix
 * v0.8: minimum height change
 * v0.7: Font family changes and IE9 padding issues 
 * v0.6: Safari fixes, ie9 fixes, jira bug fixes, rtl version 
 * v0.5: improvements, remove divs from inside li, update classnames
 * v0.1: initial checkin
 */

/* BASE Styles */
/* QuickTask Overrides */
.cdc-transform .dmc-home-quicktasks.var-3 {
    padding-right: 0;
    padding-left: 0;
}
/* QuickTask Partner Overrides */
.cdc-transform .dmc-home-quicktasks.var-2 .content-wrap {
    padding-right: 0;
    padding-left: 0;
}

.cdc-homepage .container.grid .row.home-row-quicktasks,
.cdc-homepage .container.grid .row.home-row-quicktasks.pal-1{ 	
	background-color:#F0F0F0; 
}
.cdc-homepage .container.grid .row.home-row-quicktasks-partner {
	background-color:#ebf4fb;
	background-image:url('/assets/dmr/homepage/quicktasks/quick-task-partner-background.jpg');
	background-position:left bottom;
}
.cdc-homepage .container.grid .row.home-row-quicktasks.pal-2,
.cdc-homepage .container.grid .row.home-row-quicktasks-partner.pal-2{ 	
	background-color:#0d274d; 
}
.cdc-homepage .container.grid .row.home-row-quicktasks-partner.pal-2{ 	
	background-image:none; 
}
.dmc-home-quicktasks, .dmc-home-quicktasks * {
	box-sizing: border-box;
}
.dmc-home-quicktasks {
	background-color: #F0F0F0;
	width: 100%;
	padding: 23px 20px 9px;
	overflow: auto;
}
.dmc-home-quicktasks h2 {
	text-align:center;
	font-style: normal;
	font-weight: 100;
	font-size: 27px;
	color: #565a56;
	margin-bottom: 7px;
}
.dmc-home-quicktasks ul {
	-webkit-column-count: 2;  /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	-ms-column-count: 2; /* IE */
	column-count: 2;
	-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
	-moz-column-gap: 20px; /* Firefox */
	-ms-column-gap: 20px; /* IE */
	column-gap: 20px;
}
.dmc-home-quicktasks ul li {
	-webkit-column-break-inside:avoid; /* Chrome, Safari */
	-moz-column-break-inside:avoid; /* Firefox */
	-o-column-break-inside:avoid; /* Opera */
	-ms-column-break-inside:avoid; /* IE */
	column-break-inside:avoid;
	display:table; /* Firefox */
	margin-bottom: 11px;
}
.dmc-home-quicktasks ul li a.content {
	font-style: normal;
	font-weight: 100;
	font-size: 17px;
	color: #222222;
	line-height: 1.235em;
}
.dmc-home-quicktasks ul li span {
	display: none;
}
/* var-3 styles*/
.dmc-home-quicktasks.var-3.pal-2{
   background:#0d274d;
}
.dmc-home-quicktasks.var-3 ul li a.icon{
   border:none;
   height: 30px;
   width: 40px;
   border-radius: 0;
   margin: 0 auto 20px;
}
.dmc-home-quicktasks.var-3 {
    padding: 15px 20px 15px;
}
.no-touch .dmc-home-quicktasks.var-3 ul li:hover a.icon{
   background:none;
   border:none;
   height: 30px;
   width: 40px;
}

/* IE9 */
.lt-ie10.gt-ie8 .dmc-home-quicktasks {
	padding: 23px 10px 14px;
}
.lt-ie10.gt-ie8 .dmc-home-quicktasks ul li {
	float: left;
	text-align: center;
	width: 50%;
	padding: 0 10px;
}
/* IE8 and below */
.lt-ie9 .dmc-home-quicktasks {
	padding: 33px 0 23px;
}
.lt-ie9 .dmc-home-quicktasks h2 {
	font-style: normal;
	font-weight: 200;
	font-size: 40px;
	margin-bottom: 13px;
}
.lt-ie9 .dmc-home-quicktasks ul {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	-ms-column-count: 1;
	column-count: 1;
	-webkit-column-gap: 0; /* Chrome, Safari, Opera */
	-moz-column-gap: 0; /* Firefox */
	-ms-column-gap: 0;
	column-gap: 0;
}
.lt-ie9 .dmc-home-quicktasks ul li {
	display: inline;
	float: left;
	text-align: center;
	width: 16.66%;
}
.lt-ie9 .dmc-home-quicktasks ul li a.icon {
	border: 1px solid #d4d4d4;
	border-radius: 50%;
	height: 54px;
	width: 54px;
	display: block;
	margin: 0 auto 10px;
	position: relative;
}
.lt-ie9 .dmc-home-quicktasks ul li:hover a.icon {
	background-color: #e6e6e6;
	border: 1px solid #e6e6e6;
	border: none;
	height: 54px;
	width: 54px;
}
.lt-ie9 .dmc-home-quicktasks ul li span {
	background-image: url("/c/dam/assets/dmr/homepage/quicktasks/quick-task-icons.png");
	background-repeat:  no-repeat;
	display: block;
	width: 22px;
	height: 22px;
	margin: 0 auto;
	position: absolute;
    left: 15px;
	top: 15px;
	transition: all 0.1s ease 0s;
}
.lt-ie9 .dmc-home-quicktasks ul li span.learning {
	background-position: 0 0;
}
.lt-ie9 .dmc-home-quicktasks ul li span.design-guides {
	background-position: 0 -22px;
}
.lt-ie9 .dmc-home-quicktasks ul li span.career-certification {
	background-position: 0 -44px;
}
.lt-ie9 .dmc-home-quicktasks ul li span.software-downloads {
	background-position: 0 -66px;
}
.lt-ie9 .dmc-home-quicktasks ul li span.bugs {
	background-position: 0 -89px;
}
.lt-ie9 .dmc-home-quicktasks ul li span.support-community {
	background-position: 0 -110px;
}
.lt-ie9 .dmc-home-quicktasks ul li span.tech-support-cases {
	background-position: 0 -132px;
}
.lt-ie9  .dmc-home-quicktasks ul li span.find-people {
	background-position: 0 -154px;
}
.lt-ie9 .dmc-home-quicktasks ul li span.get-support {
	background-position: 0 -176px;
}
.lt-ie9 .dmc-home-quicktasks ul li span.internal-news {
	background-position: 0 -198px;
}
.lt-ie9 .dmc-home-quicktasks ul li span.share-documents {
	background-position: 0 -220px;
}
.lt-ie9 .dmc-home-quicktasks ul li:hover a > span {
	width: 32px;
	height: 32px;
	left: 10px;
	top: 10px;
}
.lt-ie9 .dmc-home-quicktasks ul li:hover span.learning {
	background-position: 0 -242px;
}
.lt-ie9 .dmc-home-quicktasks ul li:hover span.design-guides {
	background-position: 0 -274px;
}
.lt-ie9 .dmc-home-quicktasks ul li:hover span.career-certification {
	background-position: 0 -306px;
}
.lt-ie9 .dmc-home-quicktasks ul li:hover span.software-downloads {
	background-position: 0 -338px;
}
.lt-ie9 .dmc-home-quicktasks ul li:hover span.bugs {
	background-position: 0 -370px;
}
.lt-ie9 .dmc-home-quicktasks ul li:hover span.support-community {
	background-position: 0 -402px;
}
.lt-ie9 .dmc-home-quicktasks ul li:hover span.tech-support-cases {
	background-position: 0 -434px;
}
.lt-ie9  .dmc-home-quicktasks ul li:hover span.find-people {
	background-position: 0 -466px;
}
.lt-ie9 .dmc-home-quicktasks ul li:hover span.get-support {
	background-position: 0 -498px;
}
.lt-ie9 .dmc-home-quicktasks ul li:hover span.internal-news {
	background-position: 0 -530px;
}
.lt-ie9 .dmc-home-quicktasks ul li:hover span.share-documents {
	background-position: 0 -562px;
}
.lt-ie9 .dmc-home-quicktasks ul li a.content {
	display: table;
	margin: 0 auto;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	color: #7b7b80;
	text-decoration: none;
}
/* RTL version */
html[dir='rtl'] .lt-ie9 .dmc-home-quicktasks ul li {
	float: right;
}
/* code for variation 2 */
.dmc-home-quicktasks.var-2 {
	padding: 0;
	position: relative;
	overflow: hidden;
	background: none;
}
.dmc-home-quicktasks.var-2 .content-wrap {
	position: relative;
	padding: 35px 10px 25px;
}
.dmc-home-quicktasks.var-2 h1 {
	text-align:left;
    font-size: 28px;
	font-style: normal;
	font-weight: 100;
	line-height: 1.214em;
	color: #58585b;
	margin-bottom: 10px;
}
.dmc-home-quicktasks.var-2.pal-2 h1 {
	color: #ffffff;
}
.dmc-home-quicktasks.var-2 ul {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	-ms-column-count: 1;
	column-count: 1;
	-webkit-column-gap: 0; /* Chrome, Safari, Opera */
	-moz-column-gap: 0; /* Firefox */
	-ms-column-gap: 0;
	column-gap: 0;
    list-style:outside disc;
}
.ie .dmc-home-quicktasks.var-2 ul {
    list-style:inside disc;
}
.dmc-home-quicktasks.var-2 ul li {
	display:list-item;
	color: #007fab;
	margin-left: 1.1em;
	margin-bottom: 10px;
}
.dmc-home-quicktasks.var-2.pal-2 ul li,
.dmc-home-quicktasks.var-3.pal-2 ul li a.content {
	color: #ffffff;
}
.dmc-home-quicktasks.var-2 ul li a.content {
	font-style: normal;
    font-weight: 400;
	font-size: 16px;
	color: #007fab;
	line-height: 1.25em;
	vertical-align: middle;
	display:inline;
}
.dmc-home-quicktasks.var-2.pal-2 ul li a.content {
	color: #ffffff;
	border-bottom: dotted 1px #ffffff;
}
.no-touch .dmc-home-quicktasks.var-2 ul li a:hover.content {
	color: #049fd9;
	text-decoration:none;
	border-bottom: solid 1px #049fd9;
}
.no-touch .dmc-home-quicktasks.var-2.pal-2 ul li a:hover.content {
	color: #ffffff;
	border-bottom: solid 1px #ffffff;
}
/* IE10 and below */
.gt-ie9 .dmc-home-quicktasks.var-2 ul li {
	text-indent: -1.3em;
    margin-left: 1.3em;
}
/* IE9 */
.lt-ie10.gt-ie8 .dmc-home-quicktasks.var-2 {
	padding: 0;
}
.lt-ie10.gt-ie8 .dmc-home-quicktasks.var-2 .content-wrap {
	padding: 23px 0 0;
}
.lt-ie10.gt-ie8 .dmc-home-quicktasks.var-2 h2 {
	padding-left: 10px;

}
.lt-ie10.gt-ie8 .dmc-home-quicktasks.var-2 ul li {
	width: 50%;
	text-align: left;
}
/* IE8 and below */
.lt-ie9 .dmc-home-quicktasks.var-2 .content-wrap {
	padding: 42px 11px 0;
	margin-bottom: 90px;
	min-height: 320px;
}
.lt-ie9 .dmc-home-quicktasks.var-2 h2 {
	font-size: 40px;
	margin-bottom: 15px;
}
.lt-ie9 .dmc-home-quicktasks.var-2 ul li a.content {
	line-height: 0.955em;
	font-size: 22px;
	display: block;
}
.lt-ie9 .dmc-home-quicktasks.var-2 ul li {
	float: none;
	width: 33%;
	text-align: left;
	display: inline-table;
}
/* RTL version */
html[dir='rtl'] .dmc-home-quicktasks.var-2 h1 {
	text-align:right;
}
html[dir='rtl'] .dmc-home-quicktasks.var-2 ul li {
	float: none;
	margin-left:0;
	margin-right: 1.1em;
}
html[dir='rtl'].gt-ie9 .dmc-home-quicktasks.var-2 ul li {
    margin-right: 1.3em;
}

/* X-SMALL = 480px */
@media only screen and (min-width:30em) {
}

/* SMALL = 600px */
@media only screen and (min-width:37.5em) {
.dmc-home-quicktasks {
	padding: 23px 35px 8px;
}
.dmc-home-quicktasks h2 {
	font-size: 30px;
}
.dmc-home-quicktasks ul {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	-ms-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 25px; /* Chrome, Safari, Opera */
	-moz-column-gap: 25px; /* Firefox */
	-ms-column-gap: 25px;
	column-gap: 25px;
}
.dmc-home-quicktasks ul li {
	margin-bottom: 11px;
}
.dmc-home-quicktasks ul li a.content {
	line-height: 1.294em;
}
/* IE9 */
.lt-ie10.gt-ie8 .dmc-home-quicktasks {
	padding: 24px 22px 13px;
}
.lt-ie10.gt-ie8 .dmc-home-quicktasks ul li {
	width: 33%;
	padding: 0 12px;
}
/* code for variation 2 */
.dmc-home-quicktasks.var-2 ul {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-ms-column-count: 2;
	column-count: 2;
}
.dmc-home-quicktasks.var-2 .content-wrap {
	padding: 45px 12px 40px;
}
.dmc-home-quicktasks.var-2 h1 {
	font-size: 36px;
	line-height: 1.222em;
}
/* IE9 */
.lt-ie10.gt-ie8 .dmc-home-quicktasks.var-2 .content-wrap {
	padding: 28px 0 0;
}
.lt-ie10.gt-ie8 .dmc-home-quicktasks.var-2 h2 {
	padding-left: 12px;
}
}
/* MEDIUM = 768px */
@media only screen and (min-width:48em) {
}

/* LARGE = 960px */
@media only screen and (min-width:60em) {
.dmc-home-quicktasks {
	padding: 33px 0 23px;
}
.dmc-home-quicktasks h2 {
	font-style: normal;
	font-weight: 200;
	font-size: 40px;
	margin-bottom: 13px;
}
.dmc-home-quicktasks ul {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	-ms-column-count: 1;
	column-count: 1;
	-webkit-column-gap: 0; /* Chrome, Safari, Opera */
	-moz-column-gap: 0; /* Firefox */
	-ms-column-gap: 0;
	column-gap: 0;
}
.dmc-home-quicktasks ul li {
	display: inline;
	float: left;
	text-align: center;
	width: 16.66%;
	margin-bottom: 0px;
}
.dmc-home-quicktasks ul li a.icon {
	border: 1px solid #d4d4d4;
	border-radius: 50%;
	height: 54px;
	width: 54px;
	display: block;
	margin: 0 auto 10px;
	position: relative;
	transition: background 0.3s ease 0s, border-color 0.2s ease 0s;
}
.no-touch .dmc-home-quicktasks ul li:hover a.icon {
	background-color: #e6e6e6;
	border: 1px solid #e6e6e6;
	height: 54px;
	width: 54px;
}
.dmc-home-quicktasks ul li span {
	background: url("/c/dam/assets/dmr/homepage/quicktasks/quick-task-icons-22.svg") no-repeat;
	display:block;
	width: 22px;
	height: 22px;
	position: absolute;
	left: 15px;
	top: 15px;
	transition: all 0.1s ease 0s;
}
.dmc-home-quicktasks ul li span.learning {
	background-position: 0 0;
}
.dmc-home-quicktasks ul li span.design-guides {
	background-position: 0 -22px;
}
.dmc-home-quicktasks ul li span.career-certification {
	background-position: 0 -44px;
}
.dmc-home-quicktasks ul li span.software-downloads {
	background-position: 0 -66px;
}
.dmc-home-quicktasks ul li span.bugs {
	background-position: 0 -89px;
}
.dmc-home-quicktasks ul li span.support-community {
	background-position: 0 -110px;
}
.dmc-home-quicktasks ul li span.tech-support-cases {
	background-position: 0 -132px;
}
.dmc-home-quicktasks ul li span.find-people {
	background-position: 0 -154px;
}
.dmc-home-quicktasks ul li span.get-support {
	background-position: 0 -176px;
}
.dmc-home-quicktasks ul li span.internal-news {
	background-position: 0 -198px;
}
.dmc-home-quicktasks ul li span.share-documents {
	background-position: 0 -220px;
}
.no-touch .dmc-home-quicktasks ul li:hover a > span {
	-ms-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);
	transform: scale(1.4, 1.4);
}
.dmc-home-quicktasks ul li a.content {
	display:table;
	margin: 0 auto;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	color: #7b7b80;
	text-decoration: none;
	line-height: 33px;
}
/* IE9 */
.lt-ie10.gt-ie8 .dmc-home-quicktasks ul li {
	width:16.66%;
	padding: 0;
}
/* code for variation 2 */
.dmc-home-quicktasks.var-2 .content-wrap {
	padding: 53px 12px 43px;
}
.dmc-home-quicktasks.var-2 h1 {
	font-size: 40px;
	line-height: 1.2em;
	margin-bottom: 24px;
}
.dmc-home-quicktasks.var-2 ul {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	-ms-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 30px; /* Chrome, Safari, Opera */
	-moz-column-gap: 30px; /* Firefox */
	-ms-column-gap: 30px;
	column-gap: 30px;
}
.dmc-home-quicktasks.var-2 ul li {
	text-align:left;
	float: none;
	width: auto;
	margin-bottom: 15px;
}
.dmc-home-quicktasks.var-2 ul li a.content {
	font-size: 20px;
	font-weight: 100;
}
/*var-3 styles*/
.dmc-home-quicktasks.var-3 {
    padding: 20px 0;
}
.dmc-home-quicktasks.var-3 ul li span {
	background: url("/c/dam/assets/dmr/homepage/quicktasks/quick-task.svg") no-repeat;
	display:block;
	width: 40px;
	height: 30px;
	position: absolute;
	left: auto;
	top: 10px;
	transition: all 0.1s ease 0s;
}
.no-touch .dmc-home-quicktasks.var-3 ul li:hover a > span {
	-ms-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}
.dmc-home-quicktasks.var-3 ul li span.guide {
    background-position: -40px 0;
}
.dmc-home-quicktasks.var-3 ul li span.center {
    background-position: -40px -30px;
}
.dmc-home-quicktasks.var-3 ul li span.certification {
    background-position: -40px -60px;
}
.dmc-home-quicktasks.var-3 ul li span.downloads {
    background-position: -40px -90px;
}
.dmc-home-quicktasks.var-3 ul li span.community {
    background-position: -40px -120px;
}
.dmc-home-quicktasks.var-3 ul li span.support {
    background-position: -40px -150px;
}
.dmc-home-quicktasks.var-3 ul li span.people {
    background-position: -40px -180px;
}
.dmc-home-quicktasks.var-3 ul li span.tools {
    background-position: -40px -210px;
}
.dmc-home-quicktasks.var-3 ul li span.documents {
    background-position: -40px -240px;
}
/* IE 9 */
.lt-ie10.gt-ie8 .dmc-home-quicktasks.var-2 {
	padding: 0;
}
.lt-ie10.gt-ie8 .dmc-home-quicktasks.var-2 .content-wrap {
	padding: 42px 0 0;
}
.lt-ie10.gt-ie8 .dmc-home-quicktasks.var-2 h2 {
	padding-left: 15px;
}
.lt-ie10.gt-ie8 .dmc-home-quicktasks.var-2 ul li {
	display: inline-table;
	width: 33%;
	padding: 0 15px;
	float: none;
}
.lt-ie10.gt-ie8 .dmc-home-quicktasks.var-2 ul li a.content {
	display: block;
	vertical-align: auto;
}
/* RTL version */
html[dir='rtl'] .dmc-home-quicktasks ul li { 
	float: right;
	text-align: right;
}
}