/*TODO: Stats css to go into Framework*/
.percent {font-size: 70%;}
.gaml{font: normal 116px/120px 'TradeGothicW02-BoldCn20 675505',Arial, Helvetica, Verdana, sans-serif;}
.gaml-uc {font: normal 119px/120px 'TradeGothicW02-BoldCn20 675505',Arial, Helvetica, Verdana, sans-serif !important;text-transform: uppercase;margin-left:-5px;}


/* Modifications to Framework */
.pattern-framework .page-header .base {margin-top: 31px;} /* bottom of the primary color field = 40px */
.grid-framework .cap {margin-bottom: 35px;} /* top of content = 40px */
.grid-framework .base { margin-top: 48px; }
   
    
/* Leadership Site-Wide */
.page-header h2 {margin:10px 0 1px 0;}
.content h2 {margin-bottom: 21px;}
.light-orange-bg {background-color:#fcd4a1;}
.content .hr, 
.content .hr2, 
.content .hr3 {margin: 32px 0 32px 0;}
.facetctrl-ajax-html .hr3 {margin: 0;}
.secondary-content .hr {margin: 24px 0 24px 0;}
.sidebar .text {margin:-17px 0 0 0;}
.sidebar h3 {margin-bottom:18px;}
.ua-mobile .firstline, .ua-tablet .firstline {margin-top:-6px;}


/* MBA Experience */
.first-courses-listing h3{margin-bottom:9px;}
.second-courses-listing h3{ margin-bottom:2px;}
.second-courses-listing div.nu{ margin-bottom:22px;}

/* Charts & Graphs */
#HBSLeadershipTabs .nav-tabs td.active a.inherit-bg {background: white !important; color: black !important;}
#HBSLeadershipTabs .nav-tabs a {background: rgba(255,255,255,0.3) !important; color: white !important;}
#HBSLeadershipTabs .nav-tabs a.hover {background: black !important; color: white !important;}
#HBSLeadershipTabs h4 {margin-bottom:10px;}

.box-founder {width: 20px;height: 10px;display: inline-block;background-color: #158176;margin-right: 10px;}
.box-family {width: 20px;height: 10px;display: inline-block;background-color: #48c4b7;margin-right: 10px;}
.box-ceo {width: 20px;height: 10px;display: inline-block;background-color: #9be0d9;margin-right: 10px;}

ul.leaders {max-width: 40em;padding: 0;overflow-x: hidden;list-style: none;margin-left:0;}
ul.leaders li {margin-bottom:8px;}
ul.leaders span:first-child {padding-right: 0.33em;background: white;}
ul.leaders span + span {float: right;padding-left: 0.33em;background: white;}
ul.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content: ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . ";
}


/* Leaders List */
.leaders-container-item {
    min-height: 50px;
}
.leaders-container-item ul.alpha-list {
    margin-top: -45px;
    margin-left: 68px;
}
ul.alpha-list {
    list-style-type: none;
    padding: 0;
}
[id^=sidebar-decade-19] .nu {
	margin-left: 17px;
}
#zeitgeist-sidebar .decade-evts p:before {
	content: '•';
	margin-right: 5px;
}
#zeitgeist-sidebar .decade-evts p {
	margin-bottom: 10px;
}
#zeitgeist-sidebar dl.plusminus dt a {
	text-decoration: none !important;
}
.ua-tablet #zeitgeist-sidebar .context-influence-img {
	width: 200px;
}
#facet-occupation .facet-list li a {
	text-transform:capitalize;
}

/* Quizzes */
table.quiz {width: 100%; margin-bottom: 20px;}
table.quiz tr {vertical-align: top;}
.ua-desktop table.quiz tr td.question,
.ua-tablet table.quiz tr td.question {padding: 7px 15px 7px 16px; overflow: hidden;}
.ua-mobile table.quiz tr td.question {padding: 7px 12px; overflow: hidden;}

/* table.quizz tr td.question:before {
    float: right;
    width: 0;
    white-space: nowrap;
    content: ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . ";
} */

.ua-desktop table.quiz tr td.answer,
.ua-tablet table.quiz tr td.answer {padding-top: 7px; width : 60px; text-align: center;}
.ua-mobile table.quiz tr td.answer {padding: 7px 12px; text-align: center;}
table.quiz tr td.submit {padding-right: 15px;}
table.quiz tr td.submit .hr {margin: 10px 0 20px 0; opacity: 1;}
table.quiz tr td.submit .btn-submit {float: right;}
td.low {text-align:left !important; padding-left: 20px;}
td.high {text-align:right !important; padding-right: 20px;}

/* Zeitgeist */
table {border-collapse: collapse;}
#zeitgeist-popup .modal-dialog.white-bg {background-color: #ced665 !important;}
#zeitgeist-popup .modal-dialog {height: 620px; border: 4px solid black; box-sizing: border-box; overflow: hidden;} /* height was 560 */
.ua-mobile #zeitgeist-popup .modal-dialog {height: 620px !important;}
.ua-mobile #zeitgeist-popup .modal-dialog,
.ua-mobile #zeitgeist-popup .modal .container.mobile-container.tablet-container[style] {width: 263px !important;}

#zeitgeist-popup .modal-body {overflow: hidden;}
#zeitgeist-popup .modal-header button.modal-header-close.hbsred  {color: black !important; position: absolute; right: 12px; font-size: 30px; top: -6px;}
#zeitgeist-popup .modal-dialog .modal-body {padding: 0 !important;}
#zeitgeist-popup .modal-title {text-align: center; margin-top: 10px;}
.ua-mobile #zeitgeist-popup .modal-title {font-size: 20px;}
.ua-mobile #zeitgeist-popup .dropdown-toggle2 {width: 80%; margin: 0 auto;}

#zeitgeist-popup .modal-footer {display: none;}
.component-framework .dropdown-container2 {z-index: 10000000 !important;;}
.component-framework .dropdown-container2 .dropdown-menu2 {z-index: 10000001 !important;}
.component-framework .dropdown-container2 {width: 243px; margin: 0 auto; text-align: left}
.dropdown-menu2 {width: 243px;}

[class^="timeline-"] {text-align: center;}

#center-only-img {position: absolute; left: 0; right: 0; margin: auto; z-index:1; pointer-events: none; opacity: 0.2;}

.decade-title {position: relative; border-left: 1px solid rgba(255,255,255,0.2); border-right: 1px solid rgba(255,255,255,0.2); font-size: 32px !important; line-height: 45px !important;}
.dec-before, .dec-after {position: absolute; top: 10px; opacity: 0.5;}
.dec-after {right: 1px;}
.dec-before {left: 1px;}
[class^="timeline-"] .decade {width: 255px;}
[class^="timeline-"] .decade .asset-container {
  position: relative;
  font-size: 18px !important;
  border-right: 1px dotted rgba(0,0,0,0.2);
  border-left: 1px dotted rgba(0,0,0,0.2);
  /*background-color: #e6e7e9 !important;*/
  text-align: center;
  background-position: top left;
  background-repeat: no-repeat !important;
  height: 192px !important;
  vertical-align: top;
  background-size: cover !important;
}
[class^="timeline-"] .decade .asset-container .iota-uc {font-size: 18px !important; color: #bbbcbe; padding-top: 6px;}
[class^="timeline-"] .decade .asset-container .d-bg {position: absolute; top: 0px; left:0; z-index: 1; width: 100%; opacity: 0.2;}
[class^="timeline-"] .decade .asset-container .d-line {position: absolute; top: 0px; left:0; z-index: 3; width: 100%;}

.decade-description {height: 400px; padding: 20px; vertical-align: top; text-align: center; border-right: 1px solid rgba(255,255,255,0.2); border-left: 1px solid rgba(255,255,255,0.2);}
.decade-description p {margin-bottom: 8px !important;}

.slick-prev, .slick-next {position: relative; z-index: 1060; }
.slick-prev {left: -56px; top: -292px;}
.slick-next {right: -804px; top: -339px;}
.slick-slide {outline: none;}
.slick-prev:before, .slick-next:before { 
font-family: FontAwesome; font-size: 50px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}   
.slick-prev:before { content:url('/leadership/PublishingImages/zeitgeist/zeitgeist-arrow-left.png'); }
[dir="rtl"] .slick-prev:before { content:url('/leadership/PublishingImages/zeitgeist/zeitgeist-arrow-left.png'); }
[dir="rtl"] .slick-next { left: -10px; top: 70px; right: auto; }
.slick-next:before { content:url('/leadership/PublishingImages/zeitgeist/zeitgeist-arrow-right.png'); }
[dir="rtl"] .slick-next:before { content:url('/leadership/PublishingImages/zeitgeist/zeitgeist-arrow-right.png'); }

.ua-tablet .slick-prev[style], .ua-tablet .slick-next[style] {display: none !important;}
.ua-mobile .slick-prev, .ua-mobile  .slick-next {height: 20px;}
/* End of Zeitgeist */


/* Homepage carousel */
.byline, .blurb {margin-bottom: 20px !important;}

/*Zeitgeist Homepage */
ul.linear.timeline li:after {content: "|";padding-left:15px;}
ul.linear.timeline li:first-child:after {content: "";padding-left:0px;}
ul.linear.timeline li:last-child:after {content: "";}

.right-column {float:right;width:59%;padding:20px;}
img.icon:hover {background: rgba(206, 214, 101, 1.0);}
    
#facet-navigation .hr3 {margin: 0;}
#zeitgeist-sidebar h3 {font-size: 32px; margin: 15px 0;}
#zeitgeist-sidebar p {margin-bottom: 0;}
#zeitgeist-sidebar .hr {margin:20px 0;}
#zeitgeist-sidebar img.border3pxteal {border: 3px solid #48c4b7;}
.ua-mobile #zeitgeist-sidebar img.border4pxteal, 
.ua-tablet #zeitgeist-sidebar img.border4pxteal {width: 224px;}

#HBSLeadershipAASU50 blockquote {
	margin-bottom:10px;
}
.ua-mobile #HBSLeadershipAASU50 .page-header h1 {
	margin-left:15px;
}


/*Scrollbar for ipad*/
.scrollbar-for-ipad {
    overflow-y: auto;
    border: 2px solid black;
    height: 200px;
    padding:15px;
}
.scrollbar-for-ipad::-webkit-scrollbar {
    -webkit-appearance: none;
}
.scrollbar-for-ipad::-webkit-scrollbar:vertical {
    width: 9px;
}
.scrollbar-for-ipad::-webkit-scrollbar:horizontal {
    height: 9px;
}
.scrollbar-for-ipad::-webkit-scrollbar-thumb {
    border-radius: 6px;
    border: 3px solid white;
    background-color: rgba(0, 0, 0, .6);
}

@media screen and (max-width: 919px) and (min-width: 651px){
	.responsive-framework #HBSLeadershipOneCol .tablet-row .tablet-span5 {
     margin-left: 0; 
    }
}

@media screen and (max-width: 919px) and (min-width: 651px){
.responsive-framework .tablet-rail4 {
    	margin: 40px 0 34px 0;
 	}
}

@media screen and (max-width: 650px) and (min-width: 351px){
	.responsive-framework .mobile-rail4 {
    	margin: 40px 0 34px 0;
 	}
}
@media screen and (max-width: 350px){
	.responsive-framework .mobile-rail4 {
    	margin: 40px 0 34px 0;
 	}

}

.component-framework .datepicker-container .ui-datepicker-header {width: 214px !important;}