/*global tags*/ 

.compliancetraining .col-12,.compliancetraining .col-11 {
	 padding-left: 0px; 
	 padding-right: 0px; 
}

.cloudservicetraining label, #certT-filters label, .backstagepass label {
	margin-bottom: 0px;
}

.grid h1,  .grid h2,  .grid h3,  .grid h4,  .grid h5,  .grid h6 {
	font-weight: normal;
	line-height: 100%;
}

.grid h1.custom-H1 {
	font-size: 4.0em;
	margin-bottom: 20px;
}

.grid h2 {
	font-size: 19.52px;
	font-weight: bold;
	color: inherit;
}

.grid h3 {
	font-size: 1em;
	font-weight: bold;
}

h1 {
	font-size: 3.5em;
	margin: 0em 0 10px 0;
}

h3 {
	margin-left: 0px;
}

hr {
	clear: both;
	border-bottom: 0;
	border-top: 1px solid #CCC;
	border-right: 0;
	border-left: 0;
	margin: 5px 0;
	min-height: 0px;
	height: 1px;
}

p {
	font-size: 1em;
}

.grid table {
	border-collapse: collapse;
	-moz-box-sizing: border-box;
}

.grid th, .grid td {
	padding: 4px 6px;
	font-size: 0.95em;
	border-top: none;
	text-align: center;
	border: 1px solid #ddd !important;
	-moz-box-sizing: border-box;
    font-family: RobotoNormal,Arial,Helvetica,sans-serif;
    font-weight: normal;
}

.grid th:lang(ja), .grid td:lang(ja) { font-family: "NotoNormal", "Noto Sans CJK JP", RobotoNormal, Arial,Helvetica,sans-serif;}

/*************************
global classes
*************************/

.align-right-text {
	text-align: right;
}

.bread-crumbs {
	margin-left: 0;
}

.grid {
	border: none;
	margin: 0 auto;
	padding: 0 .5em;
}

.inline-block {
	display: inline-block;
}

.margin-top-1 {
	margin-top: 2em !important;
}

.margin-bottom-1 {
	margin-bottom: 1em !important;
}

.margin-bottom-halfem {
	margin-bottom: .5em !important;
}

.margin-bottom-1 {
	margin-bottom: 1em !important;
}

.sub-title {
	margin-top: .2em;
}

/*************************
global IDs
*************************/

#contentWrapper {
	border: none;
}

/*************************
unique to this page classes and IDs
*************************/
		
.bottom-display {
	margin-top: -10px;
}

.checkbox-div {
	display: inline-block;
}

.checkbox-label {
	font-size: 0.8em;
}

.filter-choice {
	font-family: RobotoNormal,Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 13px;
}

.filter-choice:lang(ja) { font-family: "NotoNormal", "Noto Sans CJK JP", RobotoNormal, Arial,Helvetica,sans-serif;}

.filter-choices {
	background-color: #4e5052;
	padding: 8px 5px 10px 12px;
	font-weight: bold;
	font-size: 13px;
	min-height: 35px;
	clear: both;
}

span.filter-choice {
    color: #FFF !important;
}


.filter-you-have-chosen {
    font-family: RobotoNormal,Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 13px !important;
    color: #FFF !important;
}

.filter-you-have-chosen:lang(ja) { font-family: "NotoNormal", "Noto Sans CJK JP", RobotoNormal, Arial,Helvetica,sans-serif;}

.filter-items {
	margin-left: .8em;
}

.filter-item-area {
	margin-top: 1em;
	font-size: 1.1em;
    font-family: RobotoNormal,Arial,Helvetica,sans-serif;
    font-weight: normal;
}
.prescriptivetraining .filter-item-area select, .backstagepass .filter-item-area select, .cloudservicetraining .filter-item-area select {
	font-size: 13.33px;
	border: 1px solid #ccc;
	padding: 3px;
}

.compliancetraining .filter-item-area {
	margin-top: 0;
}

.compliancetraining hr {
	margin-bottom: 10px;
}

.filter-item-area:lang(ja) { font-family: "NotoNormal", "Noto Sans CJK JP", RobotoNormal, Arial,Helvetica,sans-serif;}

.filter-sub-choices {
	background-color: #94959b;
	padding: 2px 5px 10px 12px;
	font-weight: bold;
	font-size: 1em;
	min-height: 35px;
	clear: both;
	overflow: hidden;
	display: block;
	border-top: 1px solid #EEE;
}

.filter-remove-link {
    color: #FFF !important;
}

.filter-remove-all {
	font-family: RobotoNormal,Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 13px;
	text-align: right;
	cursor: pointer;
}

.filter-remove-all:lang(ja) { font-family: "NotoNormal", "Noto Sans CJK JP", RobotoNormal, Arial,Helvetica,sans-serif;}

.hint {
	position: absolute;
	border: 5px solid #ccc;
	background-color: #FFF;
	max-width: 260px;
	padding: 1em;
}

.icon-2x {
	font-size: 15px;
}


#product-dropdown {
	width: 224px;
}

#product-dropdown option {
	width: 224px;
}

.results-c1 {
    max-width: 107px;
    width: 107px;
}
.results-c2 {
    max-width: 106px;
    width: 106px;
}
.results-c3 {
    max-width: 154px;
    width: 154px;
}
.results-c4 {
    max-width: 333px;
    width: 333px;
}
.results-c5 {
    max-width: 98px;
    width: 98px;
}
.results-c6 {
    max-width: 107px;
    width: 107px;
}
.results-c7 {
    max-width: 135px;
    width: 135px;
}

.exam-results-c1 {
    max-width: 109px;
    width: 109px;
}
.exam-results-c2 {
    max-width: 107px;
    width: 107px;
}
.exam-results-c3 {
    max-width: 154px;
    width: 154px;
}
.exam-results-c4 {
    max-width: 333px;
    width: 333px;
}
.exam-results-c5 {
    max-width: 1200px;
    width: 98px;
}
.exam-results-c6 {
    max-width: 1069px;
    width: 106px;
}
.exam-results-c7 {
    max-width: 136px;
    width: 136px;
}

#seriously-no-margins {
	width: 100%;
}

span .smaller {
	font-size: .8em;
	line-height: .8em;
}

.show-hide-icon {
	position: relative;
	top: 0em !important;
	cursor: pointer;
}

#table-clone {
	display: table-cell;
	position: fixed;
	top: 77px;
	display: none;
	-moz-box-sizing: border-box;
	max-width: 1041px !important;
	border-collapse: collapse;
	-moz-box-sizing: border-box;
	background-color: whiteSmoke;/*border-style: inset;*/
}

#table-clone th, #table-clone td {
	border-top: none;
	border: 1px solid #ddd !important;
	-moz-box-sizing: border-box;
	text-transform: uppercase;
}

#training-results strong {
	font-family: RobotoBold,Arial,Helvetica,sans-serif;
    font-weight: normal;
}

#training-results strong:lang(ja) { font-family: "NotoBold", "Noto Sans CJK JP", RobotoBold, Arial,Helvetica,sans-serif;}

#training-results strong:lang(ko), #training-results strong:lang(zh) { font-weight: bold;}

.filter-item-area span {
    font-size: 17px;
    font-family: RobotoNormal,Arial,Helvetica,sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

.filter-item-area span:lang(ja) { font-family: "NotoNormal", "Noto Sans CJK JP", RobotoNormal, Arial,Helvetica,sans-serif;}

h2.text-uppercase {
    font-family: RobotoBold,Arial,Helvetica,sans-serif;
    font-weight: normal;
}

h2.text-uppercase:lang(ja) { font-family: "NotoBold", "Noto Sans CJK JP", RobotoBold, Arial,Helvetica,sans-serif;}

h2.text-uppercase:lang(ko), h2.text-uppercase:lang(zh) { font-weight: bold;}

.hint {
    z-index: 10000 !important;
} 

.padding-left-10px {
    padding-left:10px;    
}

.padding-left-40px {
    padding-left:87px;    
}

.adjust-padding-eligibility {
	font-size: 16px;
	padding-left: 101px;
	padding-top: 10px;
}

.adjust-padding-title {
	padding-left: 10px;
	padding-top: 10px;
}
#results {
    font-size: 1.4em;
    line-height: 110%;
}

.maintenance-warning {
    padding-left: 86px !important;
    font-size: .8em !important;
}

/* iPad in landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
#table-clone {
    background-color: whiteSmoke;
    border-collapse: collapse;
    box-sizing: border-box;
    display: none;
    max-width: 736px !important;
    position: fixed;
    top: 0;
}
.results-c1 {
    max-width: 100px;
    width: 100px;
}
.results-c2 {
    max-width: 103px;
    width: 103px;
}
.results-c3 {
    max-width: 126px;
    width: 126px;
}
.results-c4 {
    max-width: 190px;
    width: 190px;
}
.results-c5 {
    max-width: 90px;
    width: 90px;
}
.results-c6 {
    max-width: 79px;
    width: 79px;
}
.results-c7 {
    max-width: 95px;
    width: 95px;
}



}
/* iPad in portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
#table-clone {
	background-color: whiteSmoke;
    border-collapse: collapse;
    box-sizing: border-box;
    display: none;
    max-width: 748px !important;
    position: fixed;
    top: 44px;
}
.results-c1 {
    max-width: 100px;
    width: 100px;
}
.results-c2 {
    max-width: 103px;
    width: 103px;
}
.results-c3 {
    max-width: 126px;
    width: 126px;
}
.results-c4 {
    max-width: 170px;
    width: 170px;
}
.results-c5 {
    max-width: 80px;
    width: 80px;
}
.results-c6 {
    max-width: 79px;
    width: 79px;
}
.results-c7 {
    max-width: 95px;
    width: 95px;
}

.filter-item-area {
    margin-top: 1em;
	margin-left: 1em;
}

}
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	/* Styles */
	#table-clone {
		display: none !important;	
	}
	.adjust-padding-eligibility {
		font-size: 16px;
		padding-left: 0px;
		padding-top: 10px;
    }
	.adjust-padding-title {
		padding-left: 0px;
		padding-top: 10px;
    }
}

@media screen and (max-width: 480px){
    .row .table-results-area{
	    overflow-x:scroll;
    }
}

/* Prescriptive Product Training */
.prescriptive-c1 , .prescriptive-c2 , .prescriptive-c3 , .prescriptive-c4
{   width: 265px;
    max-width: 265px;
}
.prescriptivetraining #training-results td {
    width: 265px;
}
ul {
  list-style: none;
}

span.partner-title, span.role-title             {
    display:none;
}

.bpa-soln-tabs:before, .bpa-soln-tabs:after { content: ' '; display: table; }
  .bpa-soln-tabs:after { clear: both; }



.bpa-soln-fltrs {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-align:center;
    background-color:#0076CE;
}

.bpa-soln-fltrs ul {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding:0px;
    margin:0px;
}

.bpa-soln-fltrs li {
  float: left;
  padding: 0px;
      width: 16.66%;
  position: relative;
  display: block;
  padding: 20px;
  padding-right: 0 !important; /* important overrides media queries */
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  cursor: pointer;
      border: 1px solid #ccc;
}

.bpa-mkt li{
width: 33.33%;
    }



.bpa-soln-fltrs li:hover {
  background: #000;
}

.bpa-soln-fltrs li.active {
  color: #777;
  background-color: #fafafa;
}

span.fltr-change{
    display:none;
}

.bpa-soln-tabs li:hover span.fltr-change{

    position: absolute;
    width: 100%;
    left: 0;
     background-color: #000;
    height: 100%;
    top: 0px;
    padding-top: 13%;
    /* z-index: 2; */
    font-size: 24px;
}

.bpa-soln-fltrs li span:first-child {
    font-size: 17px;
    font-family: RobotoNormal,Arial,Helvetica,sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    width:100%;
    display:block;
}

.bpa-soln-fltrs li span:first-child:lang(ja) { font-family: "NotoNormal", "Noto Sans CJK JP", RobotoNormal, Arial,Helvetica,sans-serif;}

.bpa-soln-fltrs li.active span:first-child {
  color: #fff;
  border-color: #777;
  background-color: #777;
}

.bpa-soln-fltrs li:before,
.bpa-soln-fltrs li:after {
  content: '';
    position: absolute;
    top: 0px;
    left: 100%;
    z-index: 1;
    display: block;
    width: 0;
    height: 0;
    border-top: 49px solid transparent;
    border-bottom: 49px solid transparent;
    border-left: 20px solid transparent;
}

.bpa-soln-fltrs li:before {
  margin-left: 1px;
  border-left-color: #d5d5d5;
}

.bpa-soln-fltrs li:after {
  border-left-color: #0076CE;
}

.bpa-soln-fltrs li:hover:after {
  border-left-color: #000;
}

.bpa-soln-fltrs li.active:after {
  border-left-color: #fafafa;
}

.bpa-soln-fltrs li:last-child a:before,
.bpa-soln-fltrs li:last-child a:after {
  display: none;
}

.bpa-soln-fltrs select{
    margin-top:10px;
}

li.bpa-sub-category{
    display:none;
}

button.knockout{
    margin-top:23%;
}


.bpa-mkt button.knockout {
    margin-top: 25px;
    margin-left: 10px;
}

.fancy{
  max-width: 165px;
}

@media (max-width: 1280px) {
	.bpa-soln-fltrs li {
		width: 33.33%;
    }
    .fancy {
    	max-width: none;
	}
    button.knockout{
        margin-top: 72px;
    }
}

@media (max-width: 720px) {
  .bpa-soln-fltrs a {
    padding: 15px;
  }
  .bpa-soln-fltrs a:before,
  .bpa-soln-fltrs a:after {
    border-top-width: 26px;
    border-bottom-width: 26px;
    border-left-width: 13px;
  }
    .fancy {
        max-width: 165px;
    }
.bpa-mkt li{
width: 100%;
    }
.bpa-mkt button.knockout {
    margin-top: 125px;
        margin-left: 15px !important;
    }
}

@media (max-width: 620px) {
  .bpa-soln-fltrs a {
    padding: 10px;
    font-size: 12px;
  }
  .bpa-soln-fltrs a:before,
  .bpa-soln-fltrs a:after {
    border-top-width: 22px;
    border-bottom-width: 22px;
    border-left-width: 11px;
  }
  .bpa-soln-fltrs{
    width: 85%;
    }
    .bpa-soln-btn{
    	width: 10%;
     }
	button.knockout {
        margin-top: 125px;
        margin-left: 10px;
        }
    .bpa-soln-fltrs li {
		width: 50%;
    }
.bpa-mkt li{
width: 100%;
    }
}

@media (max-width: 520px) {
  .bpa-soln-fltrs a {
    padding: 5px;
  }
  .bpa-soln-fltrs a:before,
  .bpa-soln-fltrs a:after {
    border-top-width: 16px;
    border-bottom-width: 16px;
    border-left-width: 8px;
  }
  .bpa-soln-fltrs li a span:first-child {
    display: block;
    margin: 0 auto;
  }
  .breadcrumbs li a span:last-child {
    display: none;
  }

.bpa-soln-fltrs li, .bpa-soln-fltrs, .bpa-soln-btn {
		width: 100%;
        margin: 0px;
    padding-left: 0px;
    }
button.knockout {
    margin-top: 20px;
    margin-left: 44%;
}
.fancy {
    max-width: none;
}
.bpa-mkt, .bpa-mkt li{
width: 100%;
            margin: 0px;
    padding-left: 0px;
    }
    .bpa-mkt button.knockout {
    margin-top: 25px;
    margin-left: 44% !important;
    margin-bottom: 25px;
        }
.padding-20px{
    padding: 0px;
    }
.bpa-soln-fltrs li:before, .bpa-soln-fltrs li:after{
    display: none !important;
        }
}

@media (max-width: 980px) and (min-width: 480px){
.aem-grid > .col-9 {
		width: 100%;
    }
    .bpa-mkt button.knockout {

    padding: 15px 10px;
}
}


/* ILT Training */
.ilt-c1
{   width: 265px;
    max-width: 265px;
}

.ilt-c2
{   width: 265px;
    max-width: 265px;
}

.ilt-c3
{   width: 265px;
    max-width: 265px;
}

.ilt-c4
{   width: 265px;
    max-width: 265px;
}

.ilt-c5
{   width: 265px;
    max-width: 265px;
}

.margin-left-20 {
	margin-left: 20px;
}