@charset "UTF-8";
/* CSS Document */
/********** AODA Links **********/

a:focus,
:focus,
.btn:focus,
.close:hover,
.close:focus,
.nav>li>a:focus {
    outline-offset: -1px;
    outline: 3px solid #1cd4cc;
}

.info a span,
.info span,
ul.s-lg-link-list-2 li a span.info,
ul.s-lg-link-list-4 li a span.info,
span.info {
    position: absolute;
    left: -90000px;
    width: 0;
    overflow: hidden;
}

/* panel title  */
.panel-waterBlue {  border-color: #267883; }
.panel-waterBlue>.panel-heading { color: #fff;background-color: #267883;border-color: #267883;}
.panel-waterBlue>.panel-heading>h4.panel-title a {  color:#fff !important; }

/* popover-title  */
.popover-title, .popover-content  {color: #000;}
h3.popover-title  { font-size:1em !important;}  

/* list and image list */

.tipList ul, .imageTipList ul {margin: 5px 0 5px 10px !important;list-style: none;padding: 0px;}
.tipList ul li:before {content: "\e067";font-family: 'Glyphicons Halflings';font-size: 1.5em;float: left;margin-top: 0px;margin-left: -30px;}
.tipList ul li {margin: 0px !important;padding: 8px 0px 8px 33px;color: #333;line-height: 1.5em;}
.tipList ul ul {padding: 0px;list-style: disc;}
.tipList ul ul li {padding: 2px 0px 2px 0px;}
.tipList ul li strong, .imageTipList ul li strong {margin: 0px 0px 2px 0px;display: block;}
.imageTipList ul li {margin: 0px !important;padding: 8px 0px 8px 33px;color: #333;min-height: 130px;line-height: 1.5em;}
.imageTipList ul li:before {content: "\e067";font-family: 'Glyphicons Halflings';font-size: 1.5em;float: left;margin-top: 0px;margin-left: -30px;}	
.imageTipList ul li:after {content: "";clear:both;display: block;}
.imageTipList ul ul {padding: 0px 0px 0px 135px;list-style: disc;}
.imageTipList ul ul li {margin: 0px !important;padding: 0px;color: #333;min-height: inherit !important;}
.imageTipList ul ul li:after, .tipList ul ol li:after {content: "";clear:none;}
.imageTipList ul li img {border-width: 0px; border-style: solid; margin: 0 10px 10px 0px; float: left; width: 90px; height: 90px;}
.imageTipList ul ul li:before, .tipList ul ul li:before, .tipList ul ol li:before {content:normal;}
/*colors*/
.imageTipListBlue ul li:before {color: #247784;}
.imageTipListYellow ul li:before {color: #e08c26;}
.imageTipListRed ul li:before {color: #9c1521;}
.imageTipListOrange ul li:before {color: #CC4827;}
.imageTipListGreen ul li:before {color: #206d37;}
.imageTipListBrown ul li:before {color: #332214;}
.imageTipListWaterBlue ul li:before {color: #267883;}
.imageTipListDarkBlue ul li:before {color: #1E52A4;}
.imageTipListDarkWaterBlue ul li:before {color: #0B4E67;}
.imageTipListAppleGreen ul li:before {color: #588c06;}
.imageTipListPurple ul li:before {color: #553387;}
.imageTipListBrightGreen ul li:before {color: #028844;}
.imageTipListSkyBlue ul li:before {color: #0C80A8;}
.imageTipListYellow ul li:before {color: #FCB814;}
.imageTipListBluePurple ul li:before {color: #343571;}
.imageTipListDeepBlue ul li:before {color: #0C50BC;}
.imageTipListPink ul li:before {color: #c0105c;}
.imageTipListlightBlue ul li:before {color: #0084c5;}
.imageTipListWaterGreen ul li:before {color: #048e87;}
.imageTipListAppleGreen ul li:before {color: #028844;}
.imageTipListTeal ul li:before {color: #086051;}
.imageTipListLightPurple ul li:before {color: #876FB2;}
.imageTipListLightPink ul li:before {color: #F489BD;}
.imageTipListLightMustard ul li:before {color: #F8991D;}
.imageTipListAppleBlue ul li:before { color: #005996;}
.imageTipListGreenLeaf ul li:before {color: #5CBC77;}
.imageTipListFuchsia ul li:before {color: #D34262;}
.imageTipListBlueBrain ul li:before {color: #07B5EA;}
.imageTipListLightYellow ul li:before {color: #FFCB27;}
.imageTipListSea ul li:before {color: #154F67;}
.imageTipListBlueDigitalPort ul li:before {color: #597fab;}
.imageTipListRatio ul li:before {color: #593075;}
/* tipListContent triangle Icon*/		
.tipListContent ul  {margin: 5px 0 5px 0px !important;list-style: none;padding: 0px;}
.tipListContent ul li:before {content: "\e080";font-family: 'Glyphicons Halflings';float: left;margin-top: 0px;margin-left: -20px;}	
.tipListContent ul li {margin: 0px !important;padding: 8px 0px 8px 33px;line-height: 1.5em;}
.tipListContent ul ul, tipListContent ul ol {padding: 0px 0px 0 15px;list-style: disc;}
.tipListContent ul ul li, .tipListContent ul ol li {padding: 2px 0px 2px 0px;}
.tipListContent ul ul li:before, .tipListContent ul ol li:before {content:normal;}
/*colors*/
.tipListContentColorDeepBlue ul li:before{ color:#0C50BC;}	
.tipListContentColorPink ul li:before{ color:#c0105c;}	
.tipListContentColorBlue ul li:before{ color:#247784;}
.tipListContentColorPurple ul li:before{ color:#553387;}
.tipListContentColorGreen ul li:before{ color:#028844;}
.tipListContentColorRed ul li:before{ color:#9c1521;}
.tipListContentColorYellow ul li:before{ color:#e08c26;}
.tipListContentColorOrange ul li:before {color: #CC4827;}
.tipListContentColorSun ul li:before {color: #ece70e;}
.tipListContentColorBrightRed ul li:before {color: #ed1c24;}
.tipListContentColorLightBlue ul li:before {color: #0084c5;}
.tipListContentColorWaterGreen ul li:before {color: #048e87;}
.tipListContentColorAppleGreen ul li:before {color: #028844;}
.tipListContentColorSkyBlue ul li:before {color: #0c80a8;}
.tip-rhs-mod1-GreenBg ul li:before {color: #1a5947;}
.tip-rhs-mod2-BlueBg ul li:before {color: #005291;}
.tip-rhs-mod3-PurpleBg ul li:before {color: #493072;}
.tip-rhs-mod4-OrangeBg ul li:before {color: #ce3f2a;}
.tip-rhs-mod5-RedBg ul li:before {color: #ab2525;}
.tip-rhs-mod6-GreyBg ul li:before {color: #31373d;}
/* checklist bullet */
.checklist ul {margin: 5px 0 5px 10px !important;list-style: none;padding: 0px;}
.checklist ul li:before {content: "\e157";font-family: 'Glyphicons Halflings';font-size: 1.5em;float: left;margin-top: 0px;margin-left: -30px;}
.checklist ul li {margin: 0px !important;padding: 8px 0px 8px 33px;color: #333;line-height: 1.5em;}
.checklist  ul li strong {margin: 0px 0px 2px 0px;display: block;}

/**** list for Attributes copyright ***/
.numberTitles h2, .numberTitles-two h2, .numberTitles-one h2, .numberTitles-three h2, .numberTitles-four h2, .numberTitles-five h2, .numberTitles-six h2, .numberTitles-seven h2 { position: relative;display: block;padding: .6em .4em .6em 2em;*padding:.4em;margin: .5em 0 .5em .9em;text-decoration: none;-moz-border-radius: .3em;-webkit-border-radius: .3em;border-radius: .3em;}
.numberTitles-one h2:before, .numberTitles-two h2:before, .numberTitles-three h2:before, .numberTitles-four h2:before, .numberTitles-five h2:before, .numberTitles-six h2:before, .numberTitles-seven h2:before { position: absolute;left: -1.3em;top: 50%; margin-top: -1.3em;height: 2.5em;width: 2.5em;line-height: 2em;border: .3em solid #fff;text-align: center; font-weight: bold;-moz-border-radius: 2em;-webkit-border-radius: 2em;border-radius: 2em;background-color: #0C50BC;}
.numberTitles-one h2:before { content: "1"; }
.numberTitles-two h2:before { content: "2"; }
.numberTitles-three h2:before { content: "3"; }
.numberTitles-four h2:before { content: "4"; }
.numberTitles-five h2:before { content: "5"; }
.numberTitles-six h2:before { content: "6"; }
.numberTitles-seven h2:before { content: "7"; }
		  


/**** question mark accordion Blue/Orange ***/
.questionMarkAccordion .panel-title a {display: inline !important;}
.questionMarkAccordion h2:before, .questionMarkAccordion h3:before, .questionMarkAccordion h4:before {  content: "\f059";font-family: FontAwesome; margin-top: 0px;margin-right: 8px;display: inline-block;font-size: 1.5em;line-height: 1.4em;}
.questionMarkAccordionBlue h2:before, .questionMarkAccordionBlue h3:before, .questionMarkAccordionBlue h4:before {color: #184D61;}
.questionMarkAccordionOrange h2:before, .questionMarkAccordionOrange  h3:before, .questionMarkAccordionOrange  h4:before {color: #CC4827;}
.accordionQuestionDownloadOrange { font-size:1.8em; margin-right:10px;color:#CC4827;}

/*** Subtitles***/

.subtitleBox {padding: 0.5em;margin: 1.3em 0 1em;font-weight: 400;}
.sea-subtitle {color: #fff!important;background-color: #154F67;}
.light-grey-subtitle {color: #000!important;background-color:#e7e8ea;border: 1px solid #cccccc;}
.green-subtitle {background-color: #206d37;color: #fff!important;}
.brightgreen-subtitle, .greenApple-subtitle {background-color: #028844; color: #fff!important;}
.darkBlue-subtitle {background-color: #1E52A4;color: #fff!important;}
.darkWaterBlue-subtitle {background-color: #0B4E67;color: #fff!important;}
.blue-subtitle {background-color: #247784;color: #fff!important;}
.yellow-subtitle {background-color: #FCB814;color: #000;}
.darkyellow-subtitle {background-color: #DB7B00;color: #fff!important;}
.orange-subtitle {background-color: #CC4827;color: #fff!important;}
.red-subtitle {background-color: #79121c;color: #fff!important;}
.purple-subtitle {background-color: #493072;color: #fff!important;}
.pink-subtitle {background-color: #c0105c;color: #fff!important;}
.lightblue-subtitle {background-color: #1072ba;color: #fff!important;}
.purpleblue-subtitle {background-color: #343571;color: #fff!important;}
.grey-subtitle {background-color: #333;color: #fff!important;}
.yellowSun-subtitle {background-color: #ece70e;color:#1C1C1C!important;}
.deepBlue-subtitle {background-color: #0C50BC;color: #fff!important;}
.skyBlue-subtitle {background-color: #0c80a8;color: #fff!important;}
.lightPurple-subtitle {background-color: #876FB2;color: #fff!important;}
.lightPink-subtitle{background-color: #F489BD;color: #1c1c1c!important;}
.mustard-subtitle{background-color: #F8991D;color: #1c1c1c!important;}
.appleBlue-subtitle{background-color: #005996;color: #fff!important;}
.greenLeaf-subtitle {background-color: #5CBC77;color: #fff!important;}
.fuchsia-subtitle{background-color: #D34262;color: #fff!important;}
.blueBrain-subtitle{background-color: #07B5EA;color: #fff!important;}
.lightYellow-subtitle {background-color: #FFCB27;color: #1c1c1c!important;}
.rhs-mod1-GreenBg-subtitle {background-color: #1a5947;color: #fff!important;}
.rhs-mod2-BlueBg-subtitle {background-color: #005291;color: #fff!important;}
.rhs-mod3-PurpleBg-subtitle {background-color: #493072;color: #fff!important;}
.rhs-mod4-OrangeBg-subtitle {background-color: #ce3f2a;color: #fff!important;}
.rhs-mod5-RedBg-subtitle {background-color: #ab2525;color: #fff!important;}
.rhs-mod6-GreyBg-subtitle {background-color: #31373d;color: #fff!important;}
.DigPortBlue-subtitle {background-color: #597fab;color: #fff!important;}



/*** titles colors***/
.purple-blue-title {color: #343571;font-weight: 600;}
.blue-title {color: #247784;font-weight: 600;}
.green-title {color: #206d37;font-weight: 600;}
.darkWaterBlue-title { color:#0B4E67;font-weight: 600;}
.deepBlue-title {color: #0C50BC;font-weight: 600;}
.orange-title {color: #CC4827;font-weight: 600;}
.purple-title {color:#493072;font-weight: 600;}
.brightgreen-title {color: #028844;font-weight: 600;}
.pink-title {color: #c0105c;font-weight: 600;}
.red-title {color: #9c1521;font-weight: 600;}
.yellow-title {color: #e08c26;font-weight: 600;}
.lightBlue-title {color: #0084c5;font-weight: 600;}
.dkGrey-title {color: #333333;font-weight: 600;}
.rhs-mod1-GreenBg-title {color: #1a5947;font-weight: 600;}
.rhs-mod2-BlueBg-title {color: #005291;font-weight: 600;}
.rhs-mod3-PurpleBg-title {color: #493072;font-weight: 600;}
.rhs-mod4-OrangeBg-title {color: #ce3f2a;font-weight: 600;}
.rhs-mod5-RedBg-title {color: #ab2525;font-weight: 600;}
.rhs-mod6-GreyBg-title {color: #31373d;font-weight: 600;}

.DigPortBlue-title {color: #597fab;font-weight: 600;}


/*** blockExamples***/
.exampleBlock {padding: 10px 20px;margin: 10px 0 10px;font-size: 1em;border-left: 8px solid #333;background-color: #f5f5f5;}
.lightBlue-left-border {border-left: 8px solid #0084c5;}
.purple-blue-left-border {border-left: 8px solid #343571;}
.blue-left-border {border-left: 8px solid #247784;}
.green-left-border {border-left: 8px solid #206d37;}
.sea-left-border {border-left: 8px solid #154F67;}
.rhs-mod1-GreenBg-left-border {border-left: 8px solid #1a5947;}
.rhs-mod1-BlueBg-left-border {border-left: 8px solid #005291;}
.discoverMaamwi-left-border {border-left: 8px solid #6283BC;}
.inquireMaamwi-left-border {border-left: 8px solid #FF8827;}
.inspireMaamwi-left-border {border-left: 8px solid #E2A31F;}
.empowerMaamwi-left-border {border-left: 8px solid #DE3930;}
.grey-left-border {border-left: 8px solid #333333;}
.darkred-left-border {border-left: 8px solid #8B0000;}

/*** Floating Box***/
.floatingboxes-whiteBg {padding: 0.7em;background-color: #fff;border: 1px solid #bbb;}
.floatingboxes-whiteBg h4, .floatingboxes-whiteBg h3, .floatingboxes-whiteBg h2 {padding: 10px 0;}
.floatingboxes-whiteBg a.transcriptStyle, a.transcriptStyle {color: #000;background: #d4edda;padding: 8px;display: block;font-size: 0.95em;text-decoration: none;margin: 0;border-top: solid 1px #bdbdbd;}
.floatingboxes-whiteBg .transcriptStyle:hover, .transcriptStyle:hover {background-color: #cce5ff;border-top: solid 1px #b8daff;}
a.transcriptStyle {margin-bottom:20px;}

/*** Activity Box***/
/*** Boderless***/
.OnlineActivitiesBorderless {margin: 0;background-image: url(https://libapps-ca.s3.amazonaws.com/customers/4393/images/onlineActivityIcon-v1.png);background-position: left center;background-repeat: no-repeat;}
.OnlineActivitiesBorderless a, .OnlineActivities a  {display: block;padding: 0px 10px 15px 63px;text-decoration: none;}
.OnlineActivitiesBorderless h4, .OnlineActivitiesBorderless h3, .OnlineActivitiesBorderless h2 {margin-bottom: 5px;margin-top: 0;padding: 10px 0 0;font-size: 1.2em;}
/*** activites with border***/
.OnlineActivities {background-color: #fafafa;margin: 10px 0 0;background-image: url(https://libapps-ca.s3.amazonaws.com/customers/4393/images/onlineActivityIcon-v1.png);background-position: left center;background-repeat: no-repeat;border: 1px solid #bbb;}
.OnlineActivities a  {display: block;padding: 15px 15px 15px 63px;text-decoration: none; }
/*** video blockr***/
.videoBlock {background-color: #f5f5f5;margin: 10px 0 0;background-image: url(https://libapps-ca.s3.amazonaws.com/customers/4393/images/videoBlock-grey.png);background-position: left center;background-repeat: no-repeat;border: 0px solid #bbb;}
.floatingboxes-whiteBg .videoBlock { border: 0px solid #bbb;}
 /*** link block***/  
.linkBlock {background-color: #f5f5f5;margin: 10px 0 0;background-image: url(https://libapps-ca.s3.amazonaws.com/customers/4393/images/externalLink-LPicon.png);background-position: left center;background-repeat: no-repeat;}
.videoBlock a,.linkBlock a { display: block;padding: 15px 15px 15px 42px;min-height: 77px;text-decoration: none;}


/*** general Block***/
.OnlineActivitiesBorderless a:hover, .OnlineActivities a:hover, .videoBlock a:hover  {background-color: #cce5ff;background-image: inherit;background-position: left center;background-repeat: no-repeat;}
.OnlineActivitiesBorderless p, .OnlineActivities p, .videoBlock a p, .linkBlock a p  {margin: 0;padding: 0;color: #000;text-decoration: none;}
.OnlineActivities h4,.OnlineActivities h3,.OnlineActivities h2, .videoBlock h4,.videoBlock h3,.videoBlock h2,.linkBlock h4,.linkBlock h3,.linkBlock h2  {margin-bottom: 5px;margin-top: 0;padding: 0px 0 5px;}
.videoBlock img, .linkBlock img {border: 1px solid #e2e2e2;background: #fff;margin-right: 10px;}
.s-lib-box .videoBlock img,.s-lib-box .linkBlock img {max-width: inherit !important;}
@media screen and (max-width: 428px) {
    .s-lib-box .videoBlock img,
    .s-lib-box .linkBlock img {width: 100px !important;}
}
/***media box for horizontal links buttons***/
.LinkBlocks .media {padding: 10px 0 0;}
.LinkBlocks .media a {padding: 10px 10px 10px 6px;text-align: left; color: #000000;text-decoration: none;display: block;cursor: pointer;box-sizing: border-box;border: 1px solid #D9D9D9;background: #fbfbfb;}
.LinkBlocks .media a:hover {background: #eaeaea;border-color: #CCCCCC;}
.LinkBlocks .media-body,.LinkBlocks .media-left,.LinkBlocks .media-right {display: block;vertical-align: top;}
.LinkBlocks .media-body {width: auto;}
.LinkBlocks .media-heading {font-weight: 600;color: #1f50c4 !important;text-decoration: underline;padding-bottom: 4px}
.LinkBlocks .media a img {border: 1px solid #e2e2e2;padding: 5px;background: #fff;}
.s-lib-box .LinkBlocks .media img {max-width: inherit !important;}
@media screen and (max-width: 428px) {
.s-lib-box .LinkBlocks .media img {width: 100px !important;}}
.notranscript {margin: 15px 0 20px;}

/***media box for horizontal links buttons***/
.StandAloneLinkBlocks .media {padding: 0;
}
.StandAloneLinkBlocks .media a {padding: 10px 10px 10px 6px;text-align: left;color: #000000;text-decoration: none !important;display: block;cursor: pointer;box-sizing: border-box;border: 1px solid #bbb;background-color: #ffffff;}
.StandAloneLinkBlocks .media a:hover {} .StandAloneLinkBlocks .media-body,.StandAloneLinkBlocks .media-left,.StandAloneLinkBlocks .media-right {display: block;}
.StandAloneLinkBlocks .media-body {width: auto;}
.StandAloneLinkBlocks a h4.media-heading,.StandAloneLinkBlocks a h3.media-heading,.StandAloneLinkBlocks a h2.media-heading {color: #1f50c4 !important;text-decoration: underline;}
.StandAloneLinkBlocks .media-heading{color: #444;text-decoration: none;padding-bottom: 4px}
.StandAloneLinkBlocks .media a img {border: 1px solid #e2e2e2;padding: 5px;background: #fff;}
.s-lib-box .StandAloneLinkBlocks .media img {max-width: inherit !important;}
@media screen and (max-width: 428px) {
    .s-lib-box .StandAloneLinkBlocks .media img {width: 100px !important;}
}


/*** dropDown button reusable boxes ****/

.btn-dropDown,.nav-tabs > li.active > a.btn-dropDown {background-color: #232323;border-color: #232323;color: #fff!important;}
.nav-tabs>li>a.btn-dropDown {border-radius: 0px 0px 0 0;border: 1px solid #232323;background-color: #232323;color: #fff!important;}
.nav>li>a.btn-dropDown:focus,.nav>li>a.btn-dropDown:hover {text-decoration: underline;background-color: #000000;cursor: pointer;}
.btn-dropDown .caret {margin-left: 2px;border-top: 8px dashed;border-right: 6px solid transparent;border-left: 6px solid transparent;}
.contentDropdown {padding: 10px;border-color: #232323;border-width: 1px 1px 1px 1px;border-style: solid;}
.tab-content-style {border: 1px solid #bbb !important;background-color: #fff;}
.dropDownStyle {border-bottom: 0px solid #232323 !important;}

/* Purple Accordion */

.bgPurplePanel {color: #fff !important;background-color: #493072 !important;border-color: #ddd;}
.bgPurplePanel a {color: #fff !important;}


/* Tab boxes Digital Skills */

.TabBody {background: #fff !important;border-color: #bbb !important;border-radius: 0 !important;}
.TabBody .s-lib-box-title {font-weight: 600!important;padding: 8px !important;font-size: 1.4em!important; background-color: #ffffff!important;color: #1e1e1e!important;border-bottom: 1px solid #bbbbbb!important;border-radius: 0!important;margin-top: 0!important;}
.TabBody .tab-content {border-bottom: 1px solid #bbb !important;border-left: 0px solid #bbb !important;border-right: 0px solid #bbb !important;background-color: #fff!important;}
.TabBody .nav-tabs .li {background-color:transparent!important;}
.TabBody .nav-tabs {border-bottom: 0px solid #ddd!important;background: #333!important;}
.TabBody .nav-tabs > li > a {background-color: transparent!important;border: 0px solid transparent!important; border-radius:  0!important; margin: 0 0 -1px!important;padding: 15px!important;font-weight: 600!important;text-align: center!important;color:  #ffffff!important;}
.TabBody .nav-tabs li a:focus {color:#000;} 
.TabBody .nav-tabs li span {padding-right: 10px;}
.TabBody .nav-tabs li :hover {cursor: pointer;}
.TabBody .nav-tabs li.active {color: #555!important;}
.TabBody .nav-tabs > li > a:hover, .TabBody .nav-tabs > li > a:focus {border: 0px solid #ddd!important;background-color: #bbb !important;color:#000!important;}
.TabBody .nav-tabs > .active > a  {border: 0px solid #ddd!important;background-color: #fff !important;color:#000!important;}
.TabBody .nav-tabs > li.active > a, .TabBody .nav-tabs > li.active > a:hover, .TabBody .nav-tabs > li.active > a:focus {border: 0px solid #ddd!important;background-color: #fff !important;color:#000!important;}

.navbar-collapse.in {overflow-y: hidden;}
#tabContentColor {padding: 15px 25px 15px;background-color:white;}
.TabBody .navbar-collapse {padding-right: 0px;padding-left: 0px;}
#tabBodyColor .navbar-toggle{background-color:white;}
.TabBody .navbar-collapse {border-top: 0px solid transparent;	}
@media (max-width: 767px) {
.TabBody .nav-tabs li {width:50%;}
.TabBody .navbar {border-radius: 0px;}
}